@kyndryl-design-system/shidoka-applications 2.48.0 → 2.48.2

package/components/reusable/modal/modal.js

@@ -288,7 +288,7 @@ slot[name=footer]::slotted(*) {
                           <kyn-button
                             class="action-button"
                             value="cancel"
-                            kind="tertiary"
+                            kind="secondary"
                             @click=${e=>this._closeModal(e,"cancel")}
                           >
                             ${this.cancelText}

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

@@ -1 +1 @@
-{"version":3,"file":"modal.js","sources":["../../../../src/components/reusable/modal/modal.ts"],"sourcesContent":["import { unsafeSVG } from 'lit-html/directives/unsafe-svg.js';\nimport { LitElement, html, css, unsafeCSS } from 'lit';\nimport { customElement, property, query } from 'lit/decorators.js';\nimport { classMap } from 'lit/directives/class-map.js';\nimport ModalScss from './modal.scss?inline';\n\nimport '../button';\n\nimport closeIcon from '@kyndryl-design-system/shidoka-icons/svg/monochrome/16/close-simple.svg';\n\n/**\n * Modal.\n * @slot unnamed - Slot for modal body content.\n * @slot anchor - Slot for the anchor button content.\n * @slot footer - Slot for the footer content which replaces the ok, cancel, and second ary buttons.\n * @fires on-close - Emits the modal close event with `returnValue` (`'ok'` or `'cancel'`).\n * @fires on-open - Emits the modal open event.\n */\n@customElement('kyn-modal')\nexport class Modal extends LitElement {\n  static override styles = [\n    unsafeCSS(ModalScss),\n    css`\n      @supports (transition-behavior: allow-discrete) {\n        @starting-style {\n          dialog[open] {\n            opacity: 0;\n            transform: scale(0);\n          }\n        }\n\n        @starting-style {\n          dialog[open]::backdrop {\n            background-color: rgb(0, 0, 0, 0);\n          }\n        }\n      }\n    `,\n  ];\n\n  /** Modal open state. */\n  @property({ type: Boolean })\n  accessor open = false;\n\n  /** Modal size. `'auto'`, `'md'`, or `'lg', or `'xl'`. */\n  @property({ type: String })\n  accessor size = 'auto';\n\n  /** Title/heading text, required. */\n  @property({ type: String })\n  accessor titleText = '';\n\n  /** Label text, optional. */\n  @property({ type: String })\n  accessor labelText = '';\n\n  /** OK button text. */\n  @property({ type: String })\n  accessor okText = 'OK';\n\n  /** Cancel button text. */\n  @property({ type: String })\n  accessor cancelText = 'Cancel';\n\n  /** Changes the primary button styles to indicate the action is destructive. */\n  @property({ type: Boolean })\n  accessor destructive = false;\n\n  /** Disables the primary button. */\n  @property({ type: Boolean })\n  accessor okDisabled = false;\n\n  /** Disables the secondary button. */\n  @property({ type: Boolean })\n  accessor secondaryDisabled = false;\n\n  /** Hides the footer/action buttons to create a passive modal. */\n  @property({ type: Boolean })\n  accessor hideFooter = false;\n\n  /** Secondary button text. */\n  @property({ type: String })\n  accessor secondaryButtonText = 'Secondary';\n\n  /** Hides the secondary button. */\n  @property({ type: Boolean })\n  accessor showSecondaryButton = false;\n\n  /** Hides the cancel button. */\n  @property({ type: Boolean })\n  accessor hideCancelButton = 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  accessor beforeClose!: Function;\n\n  /** Close button text. */\n  @property({ type: String })\n  accessor closeText = 'Close';\n\n  /** The dialog element\n   * @internal\n   */\n  @query('dialog')\n  accessor _dialog!: any;\n\n  /** Determines if the component is themed for GenAI.*/\n  @property({ type: Boolean, reflect: true })\n  accessor aiConnected = false;\n\n  /** Disables scroll on the modal body to allow scrolling of nested elements inside. */\n  @property({ type: Boolean })\n  accessor disableScroll = false;\n\n  override render() {\n    const classes = {\n      modal: true,\n      'size--md': this.size === 'md',\n      'size--lg': this.size === 'lg',\n      'size--xl': this.size === 'xl',\n      'ai-connected': this.aiConnected,\n    };\n\n    return html`\n      <span class=\"anchor\" @click=${this._openModal}>\n        <slot name=\"anchor\"></slot>\n      </span>\n\n      <dialog\n        class=\"${classMap(classes)}\"\n        aria-labelledby=\"dialogLabel\"\n        @cancel=${(e: Event) => this._closeModal(e, 'cancel')}\n      >\n        <form method=\"dialog\">\n          <kyn-button\n            class=\"close\"\n            kind=\"ghost\"\n            size=\"small\"\n            description=${this.closeText}\n            @click=${(e: Event) => this._closeModal(e, 'cancel')}\n          >\n            <span slot=\"icon\">${unsafeSVG(closeIcon)}</span>\n          </kyn-button>\n          <header>\n            <div>\n              <h1 id=\"dialogLabel\">${this.titleText}</h1>\n              ${this.labelText !== ''\n                ? html`<span class=\"label\">${this.labelText}</span>`\n                : null}\n            </div>\n          </header>\n\n          <div class=\"body ${this.disableScroll ? 'disableScroll' : ''}\">\n            <slot></slot>\n          </div>\n\n          ${!this.hideFooter\n            ? html`\n                <slot name=\"footer\">\n                  <div class=\"footer\">\n                    <kyn-button\n                      class=\"action-button\"\n                      value=\"ok\"\n                      kind=${this.destructive\n                        ? 'primary-destructive'\n                        : this.aiConnected\n                        ? 'primary-ai'\n                        : 'primary'}\n                      ?disabled=${this.okDisabled}\n                      @click=${(e: Event) => this._closeModal(e, 'ok')}\n                    >\n                      ${this.okText}\n                    </kyn-button>\n                    ${this.showSecondaryButton\n                      ? html`\n                          <kyn-button\n                            class=\"action-button\"\n                            value=\"Secondary\"\n                            kind=${this.aiConnected ? 'outline-ai' : 'outline'}\n                            ?disabled=${this.secondaryDisabled}\n                            @click=${(e: Event) =>\n                              this._closeModal(e, 'secondary')}\n                          >\n                            ${this.secondaryButtonText}\n                          </kyn-button>\n                        `\n                      : null}\n                    ${this.hideCancelButton\n                      ? null\n                      : html`\n                          <kyn-button\n                            class=\"action-button\"\n                            value=\"cancel\"\n                            kind=\"tertiary\"\n                            @click=${(e: Event) =>\n                              this._closeModal(e, 'cancel')}\n                          >\n                            ${this.cancelText}\n                          </kyn-button>\n                        `}\n                    <!--\n            <div class=\"custom-actions\">\n              <slot name=\"actions\"></slot>\n            </div>\n            -->\n                  </div>\n                </slot>\n              `\n            : null}\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  private _emitOpenEvent() {\n    const event = new CustomEvent('on-open');\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        this._emitOpenEvent();\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","customElement","LitElement","_classThis","_classSuper","open","__classPrivateFieldGet","this","_Modal_open_accessor_storage","value","__classPrivateFieldSet","size","_Modal_size_accessor_storage","titleText","_Modal_titleText_accessor_storage","labelText","_Modal_labelText_accessor_storage","okText","_Modal_okText_accessor_storage","cancelText","_Modal_cancelText_accessor_storage","destructive","_Modal_destructive_accessor_storage","okDisabled","_Modal_okDisabled_accessor_storage","secondaryDisabled","_Modal_secondaryDisabled_accessor_storage","hideFooter","_Modal_hideFooter_accessor_storage","secondaryButtonText","_Modal_secondaryButtonText_accessor_storage","showSecondaryButton","_Modal_showSecondaryButton_accessor_storage","hideCancelButton","_Modal_hideCancelButton_accessor_storage","beforeClose","_Modal_beforeClose_accessor_storage","closeText","_Modal_closeText_accessor_storage","_dialog","_Modal__dialog_accessor_storage","aiConnected","_Modal_aiConnected_accessor_storage","disableScroll","_Modal_disableScroll_accessor_storage","render","classes","modal","html","_openModal","classMap","e","_closeModal","unsafeSVG","closeIcon","returnValue","_emitCloseEvent","event","CustomEvent","detail","origEvent","dispatchEvent","_emitOpenEvent","updated","changedProps","has","showModal","close","set","__runInitializers","_open_initializers","_open_extraInitializers","_size_initializers","_size_extraInitializers","_titleText_initializers","_titleText_extraInitializers","_labelText_initializers","_labelText_extraInitializers","_okText_initializers","_okText_extraInitializers","_cancelText_initializers","_cancelText_extraInitializers","_destructive_initializers","_destructive_extraInitializers","_okDisabled_initializers","_okDisabled_extraInitializers","_secondaryDisabled_initializers","_secondaryDisabled_extraInitializers","_hideFooter_initializers","_hideFooter_extraInitializers","_secondaryButtonText_initializers","_secondaryButtonText_extraInitializers","_showSecondaryButton_initializers","_showSecondaryButton_extraInitializers","_hideCancelButton_initializers","_hideCancelButton_extraInitializers","_beforeClose_initializers","_beforeClose_extraInitializers","_closeText_initializers","_closeText_extraInitializers","__dialog_initializers","__dialog_extraInitializers","_aiConnected_initializers","_aiConnected_extraInitializers","_disableScroll_initializers","_open_decorators","property","type","Boolean","_size_decorators","String","_titleText_decorators","_labelText_decorators","_okText_decorators","_cancelText_decorators","_destructive_decorators","_okDisabled_decorators","_secondaryDisabled_decorators","_hideFooter_decorators","_secondaryButtonText_decorators","_showSecondaryButton_decorators","_hideCancelButton_decorators","_beforeClose_decorators","attribute","_closeText_decorators","query","reflect","_disableScroll_decorators","__esDecorate","kind","name","static","private","access","obj","get","metadata","_metadata","__dialog_decorators","_aiConnected_decorators","_disableScroll_extraInitializers","_classDescriptor","_classDecorators","_classExtraInitializers","styles","unsafeCSS","ModalScss","css"],"mappings":"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"}
+{"version":3,"file":"modal.js","sources":["../../../../src/components/reusable/modal/modal.ts"],"sourcesContent":["import { unsafeSVG } from 'lit-html/directives/unsafe-svg.js';\nimport { LitElement, html, css, unsafeCSS } from 'lit';\nimport { customElement, property, query } from 'lit/decorators.js';\nimport { classMap } from 'lit/directives/class-map.js';\nimport ModalScss from './modal.scss?inline';\n\nimport '../button';\n\nimport closeIcon from '@kyndryl-design-system/shidoka-icons/svg/monochrome/16/close-simple.svg';\n\n/**\n * Modal.\n * @slot unnamed - Slot for modal body content.\n * @slot anchor - Slot for the anchor button content.\n * @slot footer - Slot for the footer content which replaces the ok, cancel, and second ary buttons.\n * @fires on-close - Emits the modal close event with `returnValue` (`'ok'` or `'cancel'`).\n * @fires on-open - Emits the modal open event.\n */\n@customElement('kyn-modal')\nexport class Modal extends LitElement {\n  static override styles = [\n    unsafeCSS(ModalScss),\n    css`\n      @supports (transition-behavior: allow-discrete) {\n        @starting-style {\n          dialog[open] {\n            opacity: 0;\n            transform: scale(0);\n          }\n        }\n\n        @starting-style {\n          dialog[open]::backdrop {\n            background-color: rgb(0, 0, 0, 0);\n          }\n        }\n      }\n    `,\n  ];\n\n  /** Modal open state. */\n  @property({ type: Boolean })\n  accessor open = false;\n\n  /** Modal size. `'auto'`, `'md'`, or `'lg', or `'xl'`. */\n  @property({ type: String })\n  accessor size = 'auto';\n\n  /** Title/heading text, required. */\n  @property({ type: String })\n  accessor titleText = '';\n\n  /** Label text, optional. */\n  @property({ type: String })\n  accessor labelText = '';\n\n  /** OK button text. */\n  @property({ type: String })\n  accessor okText = 'OK';\n\n  /** Cancel button text. */\n  @property({ type: String })\n  accessor cancelText = 'Cancel';\n\n  /** Changes the primary button styles to indicate the action is destructive. */\n  @property({ type: Boolean })\n  accessor destructive = false;\n\n  /** Disables the primary button. */\n  @property({ type: Boolean })\n  accessor okDisabled = false;\n\n  /** Disables the secondary button. */\n  @property({ type: Boolean })\n  accessor secondaryDisabled = false;\n\n  /** Hides the footer/action buttons to create a passive modal. */\n  @property({ type: Boolean })\n  accessor hideFooter = false;\n\n  /** Secondary button text. */\n  @property({ type: String })\n  accessor secondaryButtonText = 'Secondary';\n\n  /** Hides the secondary button. */\n  @property({ type: Boolean })\n  accessor showSecondaryButton = false;\n\n  /** Hides the cancel button. */\n  @property({ type: Boolean })\n  accessor hideCancelButton = 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  accessor beforeClose!: Function;\n\n  /** Close button text. */\n  @property({ type: String })\n  accessor closeText = 'Close';\n\n  /** The dialog element\n   * @internal\n   */\n  @query('dialog')\n  accessor _dialog!: any;\n\n  /** Determines if the component is themed for GenAI.*/\n  @property({ type: Boolean, reflect: true })\n  accessor aiConnected = false;\n\n  /** Disables scroll on the modal body to allow scrolling of nested elements inside. */\n  @property({ type: Boolean })\n  accessor disableScroll = false;\n\n  override render() {\n    const classes = {\n      modal: true,\n      'size--md': this.size === 'md',\n      'size--lg': this.size === 'lg',\n      'size--xl': this.size === 'xl',\n      'ai-connected': this.aiConnected,\n    };\n\n    return html`\n      <span class=\"anchor\" @click=${this._openModal}>\n        <slot name=\"anchor\"></slot>\n      </span>\n\n      <dialog\n        class=\"${classMap(classes)}\"\n        aria-labelledby=\"dialogLabel\"\n        @cancel=${(e: Event) => this._closeModal(e, 'cancel')}\n      >\n        <form method=\"dialog\">\n          <kyn-button\n            class=\"close\"\n            kind=\"ghost\"\n            size=\"small\"\n            description=${this.closeText}\n            @click=${(e: Event) => this._closeModal(e, 'cancel')}\n          >\n            <span slot=\"icon\">${unsafeSVG(closeIcon)}</span>\n          </kyn-button>\n          <header>\n            <div>\n              <h1 id=\"dialogLabel\">${this.titleText}</h1>\n              ${this.labelText !== ''\n                ? html`<span class=\"label\">${this.labelText}</span>`\n                : null}\n            </div>\n          </header>\n\n          <div class=\"body ${this.disableScroll ? 'disableScroll' : ''}\">\n            <slot></slot>\n          </div>\n\n          ${!this.hideFooter\n            ? html`\n                <slot name=\"footer\">\n                  <div class=\"footer\">\n                    <kyn-button\n                      class=\"action-button\"\n                      value=\"ok\"\n                      kind=${this.destructive\n                        ? 'primary-destructive'\n                        : this.aiConnected\n                        ? 'primary-ai'\n                        : 'primary'}\n                      ?disabled=${this.okDisabled}\n                      @click=${(e: Event) => this._closeModal(e, 'ok')}\n                    >\n                      ${this.okText}\n                    </kyn-button>\n                    ${this.showSecondaryButton\n                      ? html`\n                          <kyn-button\n                            class=\"action-button\"\n                            value=\"Secondary\"\n                            kind=${this.aiConnected ? 'outline-ai' : 'outline'}\n                            ?disabled=${this.secondaryDisabled}\n                            @click=${(e: Event) =>\n                              this._closeModal(e, 'secondary')}\n                          >\n                            ${this.secondaryButtonText}\n                          </kyn-button>\n                        `\n                      : null}\n                    ${this.hideCancelButton\n                      ? null\n                      : html`\n                          <kyn-button\n                            class=\"action-button\"\n                            value=\"cancel\"\n                            kind=\"secondary\"\n                            @click=${(e: Event) =>\n                              this._closeModal(e, 'cancel')}\n                          >\n                            ${this.cancelText}\n                          </kyn-button>\n                        `}\n                    <!--\n            <div class=\"custom-actions\">\n              <slot name=\"actions\"></slot>\n            </div>\n            -->\n                  </div>\n                </slot>\n              `\n            : null}\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  private _emitOpenEvent() {\n    const event = new CustomEvent('on-open');\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        this._emitOpenEvent();\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","customElement","LitElement","_classThis","_classSuper","open","__classPrivateFieldGet","this","_Modal_open_accessor_storage","value","__classPrivateFieldSet","size","_Modal_size_accessor_storage","titleText","_Modal_titleText_accessor_storage","labelText","_Modal_labelText_accessor_storage","okText","_Modal_okText_accessor_storage","cancelText","_Modal_cancelText_accessor_storage","destructive","_Modal_destructive_accessor_storage","okDisabled","_Modal_okDisabled_accessor_storage","secondaryDisabled","_Modal_secondaryDisabled_accessor_storage","hideFooter","_Modal_hideFooter_accessor_storage","secondaryButtonText","_Modal_secondaryButtonText_accessor_storage","showSecondaryButton","_Modal_showSecondaryButton_accessor_storage","hideCancelButton","_Modal_hideCancelButton_accessor_storage","beforeClose","_Modal_beforeClose_accessor_storage","closeText","_Modal_closeText_accessor_storage","_dialog","_Modal__dialog_accessor_storage","aiConnected","_Modal_aiConnected_accessor_storage","disableScroll","_Modal_disableScroll_accessor_storage","render","classes","modal","html","_openModal","classMap","e","_closeModal","unsafeSVG","closeIcon","returnValue","_emitCloseEvent","event","CustomEvent","detail","origEvent","dispatchEvent","_emitOpenEvent","updated","changedProps","has","showModal","close","set","__runInitializers","_open_initializers","_open_extraInitializers","_size_initializers","_size_extraInitializers","_titleText_initializers","_titleText_extraInitializers","_labelText_initializers","_labelText_extraInitializers","_okText_initializers","_okText_extraInitializers","_cancelText_initializers","_cancelText_extraInitializers","_destructive_initializers","_destructive_extraInitializers","_okDisabled_initializers","_okDisabled_extraInitializers","_secondaryDisabled_initializers","_secondaryDisabled_extraInitializers","_hideFooter_initializers","_hideFooter_extraInitializers","_secondaryButtonText_initializers","_secondaryButtonText_extraInitializers","_showSecondaryButton_initializers","_showSecondaryButton_extraInitializers","_hideCancelButton_initializers","_hideCancelButton_extraInitializers","_beforeClose_initializers","_beforeClose_extraInitializers","_closeText_initializers","_closeText_extraInitializers","__dialog_initializers","__dialog_extraInitializers","_aiConnected_initializers","_aiConnected_extraInitializers","_disableScroll_initializers","_open_decorators","property","type","Boolean","_size_decorators","String","_titleText_decorators","_labelText_decorators","_okText_decorators","_cancelText_decorators","_destructive_decorators","_okDisabled_decorators","_secondaryDisabled_decorators","_hideFooter_decorators","_secondaryButtonText_decorators","_showSecondaryButton_decorators","_hideCancelButton_decorators","_beforeClose_decorators","attribute","_closeText_decorators","query","reflect","_disableScroll_decorators","__esDecorate","kind","name","static","private","access","obj","get","metadata","_metadata","__dialog_decorators","_aiConnected_decorators","_disableScroll_extraInitializers","_classDescriptor","_classDecorators","_classExtraInitializers","styles","unsafeCSS","ModalScss","css"],"mappings":"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"}

package/components/reusable/sliderInput/sliderInput.d.ts

@@ -17,7 +17,7 @@ export declare class SliderInput extends SliderInput_base {
     /** Label text. */
     accessor label: string;
     /** Input value. */
-    accessor value: number;
+    value: number;
     /** Input disabled state. */
     accessor disabled: boolean;
     /** Optional text beneath the input. */

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

@@ -1 +1 @@
-{"version":3,"file":"sliderInput.d.ts","sourceRoot":"","sources":["../../../../src/components/reusable/sliderInput/sliderInput.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,UAAU,EAAmB,MAAM,KAAK,CAAC;AAOlD,OAAO,WAAW,CAAC;;AAcnB;;;;;;;;;;GAUG;AACH,qBACa,WAAY,SAAQ,gBAAqB;IACpD,OAAgB,MAAM,0BAAqB;IAE3C,kBAAkB;IAElB,QAAQ,CAAC,KAAK,SAAM;IAEpB,mBAAmB;IACnB,SACkB,KAAK,SAAK;IAE5B,4BAA4B;IAE5B,QAAQ,CAAC,QAAQ,UAAS;IAE1B,uCAAuC;IAEvC,QAAQ,CAAC,OAAO,SAAM;IAEtB,qBAAqB;IAErB,QAAQ,CAAC,GAAG,SAAO;IAEnB,qBAAqB;IAErB,QAAQ,CAAC,GAAG,SAAK;IAEjB,8BAA8B;IAE9B,QAAQ,CAAC,IAAI,SAAK;IAElB,+BAA+B;IAE/B,QAAQ,CAAC,SAAS,UAAS;IAE3B,2DAA2D;IAE3D,QAAQ,CAAC,gBAAgB,UAAS;IAElC,8DAA8D;IAE9D,QAAQ,CAAC,iBAAiB,UAAS;IAEnC,oGAAoG;IAEpG,QAAQ,CAAC,aAAa,UAAS;IAE/B,iCAAiC;IAEjC,QAAQ,CAAC,WAAW;;;;MAAuB;IAE3C,oBAAoB;IAEpB,QAAQ,CAAC,YAAY,EAAE,MAAM,EAAE,CAAM;IAErC,6CAA6C;IAE7C,QAAQ,CAAC,aAAa,UAAS;IAE/B,8CAA8C;IAE9C,QAAQ,CAAC,oBAAoB,UAAS;IAEtC;;OAEG;IAEH,QAAQ,CAAC,YAAY;;;;MAAuB;IAE5C;;OAEG;IAEH,QAAQ,CAAC,cAAc,UAAS;IAEhC;;OAEG;IAEH,QAAQ,CAAC,eAAe,SAAM;IAE9B;;;OAGG;IAEH,QAAQ,CAAC,aAAa,EAAG,gBAAgB,CAAC;IAE1C;;;OAGG;IAEH,QAAQ,CAAC,QAAQ,EAAG,gBAAgB,CAAC;IAE5B,MAAM;IAyHf,OAAO,CAAC,iBAAiB;IAyBzB,OAAO,CAAC,eAAe;IASvB,OAAO,CAAC,eAAe;IASvB,OAAO,CAAC,kBAAkB;IAW1B,OAAO,CAAC,kBAAkB;IAmB1B,OAAO,CAAC,cAAc;IAmBtB,OAAO,CAAC,oBAAoB;IAuB5B,OAAO,CAAC,YAAY;IAOpB,OAAO,CAAC,YAAY;IAMpB,OAAO,CAAC,YAAY;IAsBpB,OAAO,CAAC,kBAAkB;IAW1B,OAAO,CAAC,UAAU;IAelB,OAAO,CAAC,mBAAmB;IAI3B,OAAO,CAAC,sBAAsB;IAc9B,OAAO,CAAC,YAAY;IA2CpB,OAAO,CAAC,SAAS;IA2BR,OAAO,CAAC,YAAY,EAAE,GAAG;IA2BzB,UAAU,CAAC,YAAY,EAAE,GAAG;CAKtC;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,kBAAkB,EAAE,WAAW,CAAC;KACjC;CACF"}
+{"version":3,"file":"sliderInput.d.ts","sourceRoot":"","sources":["../../../../src/components/reusable/sliderInput/sliderInput.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,UAAU,EAAmB,MAAM,KAAK,CAAC;AAOlD,OAAO,WAAW,CAAC;;AAcnB;;;;;;;;;;GAUG;AACH,qBACa,WAAY,SAAQ,gBAAqB;IACpD,OAAgB,MAAM,0BAAqB;IAE3C,kBAAkB;IAElB,QAAQ,CAAC,KAAK,SAAM;IAEpB,mBAAmB;IACV,KAAK,SAAK;IAEnB,4BAA4B;IAE5B,QAAQ,CAAC,QAAQ,UAAS;IAE1B,uCAAuC;IAEvC,QAAQ,CAAC,OAAO,SAAM;IAEtB,qBAAqB;IAErB,QAAQ,CAAC,GAAG,SAAO;IAEnB,qBAAqB;IAErB,QAAQ,CAAC,GAAG,SAAK;IAEjB,8BAA8B;IAE9B,QAAQ,CAAC,IAAI,SAAK;IAElB,+BAA+B;IAE/B,QAAQ,CAAC,SAAS,UAAS;IAE3B,2DAA2D;IAE3D,QAAQ,CAAC,gBAAgB,UAAS;IAElC,8DAA8D;IAE9D,QAAQ,CAAC,iBAAiB,UAAS;IAEnC,oGAAoG;IAEpG,QAAQ,CAAC,aAAa,UAAS;IAE/B,iCAAiC;IAEjC,QAAQ,CAAC,WAAW;;;;MAAuB;IAE3C,oBAAoB;IAEpB,QAAQ,CAAC,YAAY,EAAE,MAAM,EAAE,CAAM;IAErC,6CAA6C;IAE7C,QAAQ,CAAC,aAAa,UAAS;IAE/B,8CAA8C;IAE9C,QAAQ,CAAC,oBAAoB,UAAS;IAEtC;;OAEG;IAEH,QAAQ,CAAC,YAAY;;;;MAAuB;IAE5C;;OAEG;IAEH,QAAQ,CAAC,cAAc,UAAS;IAEhC;;OAEG;IAEH,QAAQ,CAAC,eAAe,SAAM;IAE9B;;;OAGG;IAEH,QAAQ,CAAC,aAAa,EAAG,gBAAgB,CAAC;IAE1C;;;OAGG;IAEH,QAAQ,CAAC,QAAQ,EAAG,gBAAgB,CAAC;IAE5B,MAAM;IAyHf,OAAO,CAAC,iBAAiB;IAyBzB,OAAO,CAAC,eAAe;IASvB,OAAO,CAAC,eAAe;IASvB,OAAO,CAAC,kBAAkB;IAW1B,OAAO,CAAC,kBAAkB;IAmB1B,OAAO,CAAC,cAAc;IAmBtB,OAAO,CAAC,oBAAoB;IAuB5B,OAAO,CAAC,YAAY;IAOpB,OAAO,CAAC,YAAY;IAMpB,OAAO,CAAC,YAAY;IAsBpB,OAAO,CAAC,kBAAkB;IAW1B,OAAO,CAAC,UAAU;IAelB,OAAO,CAAC,mBAAmB;IAI3B,OAAO,CAAC,sBAAsB;IAc9B,OAAO,CAAC,YAAY;IA2CpB,OAAO,CAAC,SAAS;IA2BR,OAAO,CAAC,YAAY,EAAE,GAAG;IA2BzB,UAAU,CAAC,YAAY,EAAE,GAAG;CAKtC;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,kBAAkB,EAAE,WAAW,CAAC;KACjC;CACF"}

package/components/reusable/sliderInput/sliderInput.js

@@ -604,7 +604,7 @@ input[type=range]::-webkit-slider-thumb {
   --box-fill: calc(-100vmax - var(--thumb-width, var(--thumb-height))) 0 0
     100vmax var(--kd-color-border-ui-pressed);
   width: var(--thumb-width, var(--thumb-height));
-  background-color: var(--kd-color-border-button-secondary-state-default);
+  background-color: var(--kd-color-border-button-primary-state-default);
   box-shadow: -2px 0 0 0 var(--kd-color-border-variants-inverse), var(--box-fill), 2px 0 0 0 var(--kd-color-border-variants-inverse);
   border-radius: var(--thumb-width, var(--thumb-height));
   clip-path: polygon(100% -1px, var(--clip-edges) -1px, 0 var(--clip-top), -100vmax var(--clip-top), -100vmax var(--clip-bottom), 0 var(--clip-bottom), var(--clip-edges) 100%, var(--clip-further) var(--clip-further));
@@ -643,7 +643,7 @@ input[type=range]::-moz-range-thumb {
 input[type=range]::-moz-range-track,
 input[type=range]::-moz-range-thumb,
 input[type=range]::-moz-range-progress {
-  background: var(--kd-color-border-button-secondary-state-default);
+  background: var(--kd-color-border-button-primary-state-default);
 }
 
 input[type=range]::-moz-range-thumb {
@@ -651,7 +651,7 @@ input[type=range]::-moz-range-thumb {
   border: 0;
   width: var(--thumb-height);
   border-radius: var(--thumb-width, var(--thumb-height));
-  background-color: var(--kd-color-border-button-secondary-state-default);
+  background-color: var(--kd-color-border-button-primary-state-default);
   box-shadow: -2px 0 0 0 var(--kd-color-border-variants-inverse), var(--kd-spacing-2) 0 0 0 var(--kd-color-border-variants-inverse);
 }
 
@@ -745,7 +745,7 @@ input[type=number] {
 }
 
 .tick-OnKnob {
-  background-color: var(--kd-color-border-button-secondary-state-default);
+  background-color: var(--kd-color-border-button-primary-state-default);
 }
 
 .scale-wrapper {
@@ -794,7 +794,7 @@ input[type=number] {
     font-size: var(--kd-font-size-body-2-max);
     line-height: var(--kd-line-height-body-2-max);
   }
-}`;const w={error:"Error",decrease:"Decrease",increase:"Increase"};let _=(()=>{var d,_,z,$,M,S,T,E,I,L,V,W,B,R,j,P,N,C,O,q;let A,D,F,K,U,X,Y,H,G,J,Q,Z,tt,et,it,at,rt,nt,ot,st,lt,dt,pt=[c("kyn-slider-input")],ct=[],ht=v(b),ut=[],mt=[],bt=[],vt=[],gt=[],kt=[],ft=[],xt=[],yt=[],wt=[],_t=[],zt=[],$t=[],Mt=[],St=[],Tt=[],Et=[],It=[],Lt=[],Vt=[],Wt=[],Bt=[],Rt=[],jt=[],Pt=[],Nt=[],Ct=[],Ot=[],qt=[],At=[],Dt=[],Ft=[],Kt=[],Ut=[],Xt=[],Yt=[],Ht=[],Gt=[],Jt=[],Qt=[];return D=class extends ht{get label(){return a(this,d,"f")}set label(t){r(this,d,t,"f")}get value(){return a(this,_,"f")}set value(t){r(this,_,t,"f")}get disabled(){return a(this,z,"f")}set disabled(t){r(this,z,t,"f")}get caption(){return a(this,$,"f")}set caption(t){r(this,$,t,"f")}get max(){return a(this,M,"f")}set max(t){r(this,M,t,"f")}get min(){return a(this,S,"f")}set min(t){r(this,S,t,"f")}get step(){return a(this,T,"f")}set step(t){r(this,T,t,"f")}get hideLabel(){return a(this,E,"f")}set hideLabel(t){r(this,E,t,"f")}get enableTickMarker(){return a(this,I,"f")}set enableTickMarker(t){r(this,I,t,"f")}get enableScaleMarker(){return a(this,L,"f")}set enableScaleMarker(t){r(this,L,t,"f")}get editableInput(){return a(this,V,"f")}set editableInput(t){r(this,V,t,"f")}get textStrings(){return a(this,W,"f")}set textStrings(t){r(this,W,t,"f")}get customLabels(){return a(this,B,"f")}set customLabels(t){r(this,B,t,"f")}get enableTooltip(){return a(this,R,"f")}set enableTooltip(t){r(this,R,t,"f")}get enableButtonControls(){return a(this,j,"f")}set enableButtonControls(t){r(this,j,t,"f")}get _textStrings(){return a(this,P,"f")}set _textStrings(t){r(this,P,t,"f")}get tooltipVisible(){return a(this,N,"f")}set tooltipVisible(t){r(this,N,t,"f")}get tooltipPosition(){return a(this,C,"f")}set tooltipPosition(t){r(this,C,t,"f")}get _inputRangeEl(){return a(this,O,"f")}set _inputRangeEl(t){r(this,O,t,"f")}get _inputEl(){return a(this,q,"f")}set _inputEl(t){r(this,q,t,"f")}render(){const t={"slider-wrapper":!0,"mb-30":this.customLabels.length>0||this.enableScaleMarker},e=Math.floor((this.max-this.min)/this.step);return l`
+}`;const w={error:"Error",decrease:"Decrease",increase:"Increase"};let _=(()=>{var d,_,z,$,M,S,T,E,I,L,V,B,R,W,j,P,C,N,O;let q,A,D,F,K,U,X,Y,H,G,J,Q,Z,tt,et,it,at,rt,nt,ot,st,lt=[c("kyn-slider-input")],dt=[],pt=v(b),ct=[],ht=[],ut=[],mt=[],bt=[],vt=[],gt=[],kt=[],ft=[],xt=[],yt=[],wt=[],_t=[],zt=[],$t=[],Mt=[],St=[],Tt=[],Et=[],It=[],Lt=[],Vt=[],Bt=[],Rt=[],Wt=[],jt=[],Pt=[],Ct=[],Nt=[],Ot=[],qt=[],At=[],Dt=[],Ft=[],Kt=[],Ut=[],Xt=[],Yt=[];return A=class extends pt{get label(){return a(this,d,"f")}set label(t){r(this,d,t,"f")}get disabled(){return a(this,_,"f")}set disabled(t){r(this,_,t,"f")}get caption(){return a(this,z,"f")}set caption(t){r(this,z,t,"f")}get max(){return a(this,$,"f")}set max(t){r(this,$,t,"f")}get min(){return a(this,M,"f")}set min(t){r(this,M,t,"f")}get step(){return a(this,S,"f")}set step(t){r(this,S,t,"f")}get hideLabel(){return a(this,T,"f")}set hideLabel(t){r(this,T,t,"f")}get enableTickMarker(){return a(this,E,"f")}set enableTickMarker(t){r(this,E,t,"f")}get enableScaleMarker(){return a(this,I,"f")}set enableScaleMarker(t){r(this,I,t,"f")}get editableInput(){return a(this,L,"f")}set editableInput(t){r(this,L,t,"f")}get textStrings(){return a(this,V,"f")}set textStrings(t){r(this,V,t,"f")}get customLabels(){return a(this,B,"f")}set customLabels(t){r(this,B,t,"f")}get enableTooltip(){return a(this,R,"f")}set enableTooltip(t){r(this,R,t,"f")}get enableButtonControls(){return a(this,W,"f")}set enableButtonControls(t){r(this,W,t,"f")}get _textStrings(){return a(this,j,"f")}set _textStrings(t){r(this,j,t,"f")}get tooltipVisible(){return a(this,P,"f")}set tooltipVisible(t){r(this,P,t,"f")}get tooltipPosition(){return a(this,C,"f")}set tooltipPosition(t){r(this,C,t,"f")}get _inputRangeEl(){return a(this,N,"f")}set _inputRangeEl(t){r(this,N,t,"f")}get _inputEl(){return a(this,O,"f")}set _inputEl(t){r(this,O,t,"f")}render(){const t={"slider-wrapper":!0,"mb-30":this.customLabels.length>0||this.enableScaleMarker},e=Math.floor((this.max-this.min)/this.step);return l`
       <div class="text-input" ?disabled=${this.disabled}>
         <label
           class="label-text ${this.hideLabel?"sr-only":""}"
@@ -927,5 +927,5 @@ ${this.enableButtonControls?l`
           @input=${t=>this._handleNumberInput(t)}
         />
       </div>
-    `}_showTooltip(){this.disabled||(this.tooltipVisible=!0)}_hideTooltip(){setTimeout((()=>{this.tooltipVisible=!1}),100)}_handleInput(t){var e;""===t.target.value?this._inputRangeEl.value="0":this.value=Number(t.target.value),this.editableInput||this._updateTooltipPosition(),this.enableTickMarker&&this.showTickMark(),this._emitValue(t);const i=null===(e=this.shadowRoot)||void 0===e?void 0:e.querySelector('input[type="number"]');i&&(i.value=this.value.toString()),this._validate(!0,!1)}_handleNumberInput(t){""===t.target.value?(this.value=0,this._inputEl.value="0"):this.value=Number(t.target.value),this._validate(!0,!1),this._emitValue(t)}_emitValue(t){const e={value:this.value};t&&(e.origEvent=t);const i=new CustomEvent("on-input",{detail:e});this.dispatchEvent(i)}_getTooltipPosition(){return this.tooltipPosition}_updateTooltipPosition(){var t;if(!(null===(t=this.shadowRoot)||void 0===t?void 0:t.querySelector('input[type="range"]')))return;const e=this.min,i=this.max,a=Number(this._inputRangeEl.value),r=24*((a-this.min)/(this.max-this.min)-.5)*-1,n=Math.floor(100*(a-e)/(i-e));this.tooltipPosition=`calc(${n}% + (${r}px))`}showTickMark(){var t,e;if(!(null===(t=this.shadowRoot)||void 0===t?void 0:t.querySelector('input[type="range"]')))return;const i=this.min,a=this.max,r=this.step,n=Number(this._inputRangeEl.value),o=Math.min(Math.max(n,i),a),s=null===(e=this.shadowRoot)||void 0===e?void 0:e.querySelectorAll(".tick");null==s||s.forEach((t=>{var e,s;const l=t.style.left,d=parseFloat(null!==(s=null===(e=l.match(/([\d.]+)%/))||void 0===e?void 0:e[1])&&void 0!==s?s:"0"),p=d<=(o-i)/(a-i)*100;t.classList.toggle("tick-filled",p),t.classList.toggle("tick-unfilled",!p),t.classList.remove("tick-OnKnob");const c=Math.round(d)*(a-i)/100+i;Math.abs(n-c)<r/2&&(this.disabled?t.style.background="none":(t.classList.add("tick-OnKnob"),t.classList.remove("tick-filled","tick-unfilled"),t.style.background=""))}))}_validate(t,e){if(!this._inputEl)return;const i=""!==this.invalidText?{...this._inputEl.validity,customError:!0}:this._inputEl.validity,a=""!==this.invalidText?this.invalidText:this._inputEl.validationMessage;this._internals.setValidity(i,a,this._inputEl),t&&(this._internalValidationMsg=this._inputEl.validationMessage),e&&this._internals.reportValidity()}updated(t){[...t.keys()].every((t=>["tooltipVisible","tooltipPosition","_internalValidationMsg"].includes(t)))||(this._onUpdated(t),(t.has("value")||t.has("min")||t.has("max")||t.has("step")||t.has("enableTicksOnSlider")||t.has("disabled"))&&(this._inputRangeEl.value=this.value.toString(),this._inputEl&&(this._inputEl.value=this.value.toString()),this.showTickMark(),this._updateTooltipPosition()))}willUpdate(t){t.has("textStrings")&&(this._textStrings=g(w,this.textStrings))}constructor(){super(...arguments),d.set(this,i(this,ut,"")),_.set(this,(i(this,mt),i(this,bt,0))),z.set(this,(i(this,vt),i(this,gt,!1))),$.set(this,(i(this,kt),i(this,ft,""))),M.set(this,(i(this,xt),i(this,yt,100))),S.set(this,(i(this,wt),i(this,_t,0))),T.set(this,(i(this,zt),i(this,$t,1))),E.set(this,(i(this,Mt),i(this,St,!1))),I.set(this,(i(this,Tt),i(this,Et,!1))),L.set(this,(i(this,It),i(this,Lt,!1))),V.set(this,(i(this,Vt),i(this,Wt,!1))),W.set(this,(i(this,Bt),i(this,Rt,w))),B.set(this,(i(this,jt),i(this,Pt,[]))),R.set(this,(i(this,Nt),i(this,Ct,!1))),j.set(this,(i(this,Ot),i(this,qt,!1))),P.set(this,(i(this,At),i(this,Dt,w))),N.set(this,(i(this,Ft),i(this,Kt,!1))),C.set(this,(i(this,Ut),i(this,Xt,""))),O.set(this,(i(this,Yt),i(this,Ht,void 0))),q.set(this,(i(this,Gt),i(this,Jt,void 0))),i(this,Qt)}},d=new WeakMap,_=new WeakMap,z=new WeakMap,$=new WeakMap,M=new WeakMap,S=new WeakMap,T=new WeakMap,E=new WeakMap,I=new WeakMap,L=new WeakMap,V=new WeakMap,W=new WeakMap,B=new WeakMap,R=new WeakMap,j=new WeakMap,P=new WeakMap,N=new WeakMap,C=new WeakMap,O=new WeakMap,q=new WeakMap,t(D,"SliderInput"),(()=>{var t;const i="function"==typeof Symbol&&Symbol.metadata?Object.create(null!==(t=ht[Symbol.metadata])&&void 0!==t?t:null):void 0;F=[u({type:String})],K=[u({type:Number})],U=[u({type:Boolean})],X=[u({type:String})],Y=[u({type:Number})],H=[u({type:Number})],G=[u({type:Number})],J=[u({type:Boolean})],Q=[u({type:Boolean})],Z=[u({type:Boolean})],tt=[u({type:Boolean})],et=[u({type:Object})],it=[u({type:Array})],at=[u({type:Boolean})],rt=[u({type:Boolean})],nt=[p()],ot=[p()],st=[p()],lt=[m('input[type="range"]')],dt=[m('input[type="number"]')],e(D,null,F,{kind:"accessor",name:"label",static:!1,private:!1,access:{has:t=>"label"in t,get:t=>t.label,set:(t,e)=>{t.label=e}},metadata:i},ut,mt),e(D,null,K,{kind:"accessor",name:"value",static:!1,private:!1,access:{has:t=>"value"in t,get:t=>t.value,set:(t,e)=>{t.value=e}},metadata:i},bt,vt),e(D,null,U,{kind:"accessor",name:"disabled",static:!1,private:!1,access:{has:t=>"disabled"in t,get:t=>t.disabled,set:(t,e)=>{t.disabled=e}},metadata:i},gt,kt),e(D,null,X,{kind:"accessor",name:"caption",static:!1,private:!1,access:{has:t=>"caption"in t,get:t=>t.caption,set:(t,e)=>{t.caption=e}},metadata:i},ft,xt),e(D,null,Y,{kind:"accessor",name:"max",static:!1,private:!1,access:{has:t=>"max"in t,get:t=>t.max,set:(t,e)=>{t.max=e}},metadata:i},yt,wt),e(D,null,H,{kind:"accessor",name:"min",static:!1,private:!1,access:{has:t=>"min"in t,get:t=>t.min,set:(t,e)=>{t.min=e}},metadata:i},_t,zt),e(D,null,G,{kind:"accessor",name:"step",static:!1,private:!1,access:{has:t=>"step"in t,get:t=>t.step,set:(t,e)=>{t.step=e}},metadata:i},$t,Mt),e(D,null,J,{kind:"accessor",name:"hideLabel",static:!1,private:!1,access:{has:t=>"hideLabel"in t,get:t=>t.hideLabel,set:(t,e)=>{t.hideLabel=e}},metadata:i},St,Tt),e(D,null,Q,{kind:"accessor",name:"enableTickMarker",static:!1,private:!1,access:{has:t=>"enableTickMarker"in t,get:t=>t.enableTickMarker,set:(t,e)=>{t.enableTickMarker=e}},metadata:i},Et,It),e(D,null,Z,{kind:"accessor",name:"enableScaleMarker",static:!1,private:!1,access:{has:t=>"enableScaleMarker"in t,get:t=>t.enableScaleMarker,set:(t,e)=>{t.enableScaleMarker=e}},metadata:i},Lt,Vt),e(D,null,tt,{kind:"accessor",name:"editableInput",static:!1,private:!1,access:{has:t=>"editableInput"in t,get:t=>t.editableInput,set:(t,e)=>{t.editableInput=e}},metadata:i},Wt,Bt),e(D,null,et,{kind:"accessor",name:"textStrings",static:!1,private:!1,access:{has:t=>"textStrings"in t,get:t=>t.textStrings,set:(t,e)=>{t.textStrings=e}},metadata:i},Rt,jt),e(D,null,it,{kind:"accessor",name:"customLabels",static:!1,private:!1,access:{has:t=>"customLabels"in t,get:t=>t.customLabels,set:(t,e)=>{t.customLabels=e}},metadata:i},Pt,Nt),e(D,null,at,{kind:"accessor",name:"enableTooltip",static:!1,private:!1,access:{has:t=>"enableTooltip"in t,get:t=>t.enableTooltip,set:(t,e)=>{t.enableTooltip=e}},metadata:i},Ct,Ot),e(D,null,rt,{kind:"accessor",name:"enableButtonControls",static:!1,private:!1,access:{has:t=>"enableButtonControls"in t,get:t=>t.enableButtonControls,set:(t,e)=>{t.enableButtonControls=e}},metadata:i},qt,At),e(D,null,nt,{kind:"accessor",name:"_textStrings",static:!1,private:!1,access:{has:t=>"_textStrings"in t,get:t=>t._textStrings,set:(t,e)=>{t._textStrings=e}},metadata:i},Dt,Ft),e(D,null,ot,{kind:"accessor",name:"tooltipVisible",static:!1,private:!1,access:{has:t=>"tooltipVisible"in t,get:t=>t.tooltipVisible,set:(t,e)=>{t.tooltipVisible=e}},metadata:i},Kt,Ut),e(D,null,st,{kind:"accessor",name:"tooltipPosition",static:!1,private:!1,access:{has:t=>"tooltipPosition"in t,get:t=>t.tooltipPosition,set:(t,e)=>{t.tooltipPosition=e}},metadata:i},Xt,Yt),e(D,null,lt,{kind:"accessor",name:"_inputRangeEl",static:!1,private:!1,access:{has:t=>"_inputRangeEl"in t,get:t=>t._inputRangeEl,set:(t,e)=>{t._inputRangeEl=e}},metadata:i},Ht,Gt),e(D,null,dt,{kind:"accessor",name:"_inputEl",static:!1,private:!1,access:{has:t=>"_inputEl"in t,get:t=>t._inputEl,set:(t,e)=>{t._inputEl=e}},metadata:i},Jt,Qt),e(null,A={value:D},pt,{kind:"class",name:D.name,metadata:i},null,ct),D=A.value,i&&Object.defineProperty(D,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:i})})(),D.styles=h(y),i(D,ct),D})();export{_ as SliderInput};
+    `}_showTooltip(){this.disabled||(this.tooltipVisible=!0)}_hideTooltip(){setTimeout((()=>{this.tooltipVisible=!1}),100)}_handleInput(t){var e;""===t.target.value?this._inputRangeEl.value="0":this.value=Number(t.target.value),this.editableInput||this._updateTooltipPosition(),this.enableTickMarker&&this.showTickMark(),this._emitValue(t);const i=null===(e=this.shadowRoot)||void 0===e?void 0:e.querySelector('input[type="number"]');i&&(i.value=this.value.toString()),this._validate(!0,!1)}_handleNumberInput(t){""===t.target.value?(this.value=0,this._inputEl.value="0"):this.value=Number(t.target.value),this._validate(!0,!1),this._emitValue(t)}_emitValue(t){const e={value:this.value};t&&(e.origEvent=t);const i=new CustomEvent("on-input",{detail:e});this.dispatchEvent(i)}_getTooltipPosition(){return this.tooltipPosition}_updateTooltipPosition(){var t;if(!(null===(t=this.shadowRoot)||void 0===t?void 0:t.querySelector('input[type="range"]')))return;const e=this.min,i=this.max,a=Number(this._inputRangeEl.value),r=24*((a-this.min)/(this.max-this.min)-.5)*-1,n=Math.floor(100*(a-e)/(i-e));this.tooltipPosition=`calc(${n}% + (${r}px))`}showTickMark(){var t,e;if(!(null===(t=this.shadowRoot)||void 0===t?void 0:t.querySelector('input[type="range"]')))return;const i=this.min,a=this.max,r=this.step,n=Number(this._inputRangeEl.value),o=Math.min(Math.max(n,i),a),s=null===(e=this.shadowRoot)||void 0===e?void 0:e.querySelectorAll(".tick");null==s||s.forEach((t=>{var e,s;const l=t.style.left,d=parseFloat(null!==(s=null===(e=l.match(/([\d.]+)%/))||void 0===e?void 0:e[1])&&void 0!==s?s:"0"),p=d<=(o-i)/(a-i)*100;t.classList.toggle("tick-filled",p),t.classList.toggle("tick-unfilled",!p),t.classList.remove("tick-OnKnob");const c=Math.round(d)*(a-i)/100+i;Math.abs(n-c)<r/2&&(this.disabled?t.style.background="none":(t.classList.add("tick-OnKnob"),t.classList.remove("tick-filled","tick-unfilled"),t.style.background=""))}))}_validate(t,e){if(!this._inputEl)return;const i=""!==this.invalidText?{...this._inputEl.validity,customError:!0}:this._inputEl.validity,a=""!==this.invalidText?this.invalidText:this._inputEl.validationMessage;this._internals.setValidity(i,a,this._inputEl),t&&(this._internalValidationMsg=this._inputEl.validationMessage),e&&this._internals.reportValidity()}updated(t){[...t.keys()].every((t=>["tooltipVisible","tooltipPosition","_internalValidationMsg"].includes(t)))||(this._onUpdated(t),(t.has("value")||t.has("min")||t.has("max")||t.has("step")||t.has("enableTicksOnSlider")||t.has("disabled"))&&(this._inputRangeEl.value=this.value.toString(),this._inputEl&&(this._inputEl.value=this.value.toString()),this.showTickMark(),this._updateTooltipPosition()))}willUpdate(t){t.has("textStrings")&&(this._textStrings=g(w,this.textStrings))}constructor(){super(...arguments),d.set(this,i(this,ct,"")),this.value=(i(this,ht),0),_.set(this,i(this,ut,!1)),z.set(this,(i(this,mt),i(this,bt,""))),$.set(this,(i(this,vt),i(this,gt,100))),M.set(this,(i(this,kt),i(this,ft,0))),S.set(this,(i(this,xt),i(this,yt,1))),T.set(this,(i(this,wt),i(this,_t,!1))),E.set(this,(i(this,zt),i(this,$t,!1))),I.set(this,(i(this,Mt),i(this,St,!1))),L.set(this,(i(this,Tt),i(this,Et,!1))),V.set(this,(i(this,It),i(this,Lt,w))),B.set(this,(i(this,Vt),i(this,Bt,[]))),R.set(this,(i(this,Rt),i(this,Wt,!1))),W.set(this,(i(this,jt),i(this,Pt,!1))),j.set(this,(i(this,Ct),i(this,Nt,w))),P.set(this,(i(this,Ot),i(this,qt,!1))),C.set(this,(i(this,At),i(this,Dt,""))),N.set(this,(i(this,Ft),i(this,Kt,void 0))),O.set(this,(i(this,Ut),i(this,Xt,void 0))),i(this,Yt)}},d=new WeakMap,_=new WeakMap,z=new WeakMap,$=new WeakMap,M=new WeakMap,S=new WeakMap,T=new WeakMap,E=new WeakMap,I=new WeakMap,L=new WeakMap,V=new WeakMap,B=new WeakMap,R=new WeakMap,W=new WeakMap,j=new WeakMap,P=new WeakMap,C=new WeakMap,N=new WeakMap,O=new WeakMap,t(A,"SliderInput"),(()=>{var t;const i="function"==typeof Symbol&&Symbol.metadata?Object.create(null!==(t=pt[Symbol.metadata])&&void 0!==t?t:null):void 0;D=[u({type:String})],F=[u({type:Boolean})],K=[u({type:String})],U=[u({type:Number})],X=[u({type:Number})],Y=[u({type:Number})],H=[u({type:Boolean})],G=[u({type:Boolean})],J=[u({type:Boolean})],Q=[u({type:Boolean})],Z=[u({type:Object})],tt=[u({type:Array})],et=[u({type:Boolean})],it=[u({type:Boolean})],at=[p()],rt=[p()],nt=[p()],ot=[m('input[type="range"]')],st=[m('input[type="number"]')],e(A,null,D,{kind:"accessor",name:"label",static:!1,private:!1,access:{has:t=>"label"in t,get:t=>t.label,set:(t,e)=>{t.label=e}},metadata:i},ct,ht),e(A,null,F,{kind:"accessor",name:"disabled",static:!1,private:!1,access:{has:t=>"disabled"in t,get:t=>t.disabled,set:(t,e)=>{t.disabled=e}},metadata:i},ut,mt),e(A,null,K,{kind:"accessor",name:"caption",static:!1,private:!1,access:{has:t=>"caption"in t,get:t=>t.caption,set:(t,e)=>{t.caption=e}},metadata:i},bt,vt),e(A,null,U,{kind:"accessor",name:"max",static:!1,private:!1,access:{has:t=>"max"in t,get:t=>t.max,set:(t,e)=>{t.max=e}},metadata:i},gt,kt),e(A,null,X,{kind:"accessor",name:"min",static:!1,private:!1,access:{has:t=>"min"in t,get:t=>t.min,set:(t,e)=>{t.min=e}},metadata:i},ft,xt),e(A,null,Y,{kind:"accessor",name:"step",static:!1,private:!1,access:{has:t=>"step"in t,get:t=>t.step,set:(t,e)=>{t.step=e}},metadata:i},yt,wt),e(A,null,H,{kind:"accessor",name:"hideLabel",static:!1,private:!1,access:{has:t=>"hideLabel"in t,get:t=>t.hideLabel,set:(t,e)=>{t.hideLabel=e}},metadata:i},_t,zt),e(A,null,G,{kind:"accessor",name:"enableTickMarker",static:!1,private:!1,access:{has:t=>"enableTickMarker"in t,get:t=>t.enableTickMarker,set:(t,e)=>{t.enableTickMarker=e}},metadata:i},$t,Mt),e(A,null,J,{kind:"accessor",name:"enableScaleMarker",static:!1,private:!1,access:{has:t=>"enableScaleMarker"in t,get:t=>t.enableScaleMarker,set:(t,e)=>{t.enableScaleMarker=e}},metadata:i},St,Tt),e(A,null,Q,{kind:"accessor",name:"editableInput",static:!1,private:!1,access:{has:t=>"editableInput"in t,get:t=>t.editableInput,set:(t,e)=>{t.editableInput=e}},metadata:i},Et,It),e(A,null,Z,{kind:"accessor",name:"textStrings",static:!1,private:!1,access:{has:t=>"textStrings"in t,get:t=>t.textStrings,set:(t,e)=>{t.textStrings=e}},metadata:i},Lt,Vt),e(A,null,tt,{kind:"accessor",name:"customLabels",static:!1,private:!1,access:{has:t=>"customLabels"in t,get:t=>t.customLabels,set:(t,e)=>{t.customLabels=e}},metadata:i},Bt,Rt),e(A,null,et,{kind:"accessor",name:"enableTooltip",static:!1,private:!1,access:{has:t=>"enableTooltip"in t,get:t=>t.enableTooltip,set:(t,e)=>{t.enableTooltip=e}},metadata:i},Wt,jt),e(A,null,it,{kind:"accessor",name:"enableButtonControls",static:!1,private:!1,access:{has:t=>"enableButtonControls"in t,get:t=>t.enableButtonControls,set:(t,e)=>{t.enableButtonControls=e}},metadata:i},Pt,Ct),e(A,null,at,{kind:"accessor",name:"_textStrings",static:!1,private:!1,access:{has:t=>"_textStrings"in t,get:t=>t._textStrings,set:(t,e)=>{t._textStrings=e}},metadata:i},Nt,Ot),e(A,null,rt,{kind:"accessor",name:"tooltipVisible",static:!1,private:!1,access:{has:t=>"tooltipVisible"in t,get:t=>t.tooltipVisible,set:(t,e)=>{t.tooltipVisible=e}},metadata:i},qt,At),e(A,null,nt,{kind:"accessor",name:"tooltipPosition",static:!1,private:!1,access:{has:t=>"tooltipPosition"in t,get:t=>t.tooltipPosition,set:(t,e)=>{t.tooltipPosition=e}},metadata:i},Dt,Ft),e(A,null,ot,{kind:"accessor",name:"_inputRangeEl",static:!1,private:!1,access:{has:t=>"_inputRangeEl"in t,get:t=>t._inputRangeEl,set:(t,e)=>{t._inputRangeEl=e}},metadata:i},Kt,Ut),e(A,null,st,{kind:"accessor",name:"_inputEl",static:!1,private:!1,access:{has:t=>"_inputEl"in t,get:t=>t._inputEl,set:(t,e)=>{t._inputEl=e}},metadata:i},Xt,Yt),e(null,q={value:A},lt,{kind:"class",name:A.name,metadata:i},null,dt),A=q.value,i&&Object.defineProperty(A,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:i})})(),A.styles=h(y),i(A,dt),A})();export{_ as SliderInput};
 //# sourceMappingURL=sliderInput.js.map

package/components/reusable/sliderInput/sliderInput.js.map

@@ -1 +1 @@
-{"version":3,"file":"sliderInput.js","sources":["../../../../src/components/reusable/sliderInput/sliderInput.ts"],"sourcesContent":["import { unsafeSVG } from 'lit-html/directives/unsafe-svg.js';\nimport { LitElement, html, unsafeCSS } from 'lit';\nimport { customElement, property, query, state } from 'lit/decorators.js';\nimport { ifDefined } from 'lit/directives/if-defined.js';\nimport { classMap } from 'lit/directives/class-map.js';\n\nimport Styles from './sliderInput.scss?inline';\nimport { FormMixin } from '../../../common/mixins/form-input';\nimport '../button';\nimport { deepmerge } from 'deepmerge-ts';\n\nimport errorIcon from '@kyndryl-design-system/shidoka-icons/svg/monochrome/16/error-filled.svg';\n\nimport squiggleThin from '@kyndryl-design-system/shidoka-icons/svg/monochrome/16/squiggle.svg';\nimport squiggleThick from '@kyndryl-design-system/shidoka-icons/svg/monochrome/16/squiggle-thick.svg';\n\nconst _defaultTextStrings = {\n  error: 'Error',\n  decrease: 'Decrease',\n  increase: 'Increase',\n};\n\n/**\n * Slider Input.\n * @fires on-input - Captures the input event and emits the selected value and original event details.\n * @prop {number} min - The minimum value.\n * @prop {number} max - The maximum value.\n * @prop {number} step - The step between values.\n * @slot tooltip - Slot for tooltip.\n * @slot leftBtnIcon - Slot for left button icon.\n * @slot rightBtnIcon - Slot for right button icon.\n *\n */\n@customElement('kyn-slider-input')\nexport class SliderInput extends FormMixin(LitElement) {\n  static override styles = unsafeCSS(Styles);\n\n  /** Label text. */\n  @property({ type: String })\n  accessor label = '';\n\n  /** Input value. */\n  @property({ type: Number })\n  override accessor value = 0;\n\n  /** Input disabled state. */\n  @property({ type: Boolean })\n  accessor disabled = false;\n\n  /** Optional text beneath the input. */\n  @property({ type: String })\n  accessor caption = '';\n\n  /** Maximum value. */\n  @property({ type: Number })\n  accessor max = 100;\n\n  /** Minimum value. */\n  @property({ type: Number })\n  accessor min = 0;\n\n  /** The step between values */\n  @property({ type: Number })\n  accessor step = 1;\n\n  /** Visually hide the label. */\n  @property({ type: Boolean })\n  accessor hideLabel = false;\n\n  /** Set this to `true` for enable Tick Marker on slider. */\n  @property({ type: Boolean })\n  accessor enableTickMarker = false;\n\n  /** Set this to `true` for enable Scale Marker below slider */\n  @property({ type: Boolean })\n  accessor enableScaleMarker = false;\n\n  /** Set this to `true` for editable Input. Note: Enabling this property will disable the tooltip. */\n  @property({ type: Boolean })\n  accessor editableInput = false;\n\n  /** Customizable text strings. */\n  @property({ type: Object })\n  accessor textStrings = _defaultTextStrings;\n\n  /** Custom Labels */\n  @property({ type: Array })\n  accessor customLabels: string[] = [];\n\n  /** Set this to `true` for enable Tooltip. */\n  @property({ type: Boolean })\n  accessor enableTooltip = false;\n\n  /** Set this to `true` for button controls. */\n  @property({ type: Boolean })\n  accessor enableButtonControls = false;\n\n  /** Internal text strings.\n   * @internal\n   */\n  @state()\n  accessor _textStrings = _defaultTextStrings;\n\n  /**Tooltip open state.\n   * @internal\n   */\n  @state()\n  accessor tooltipVisible = false;\n\n  /**Tooltip position.\n   * @internal\n   */\n  @state()\n  accessor tooltipPosition = '';\n\n  /**\n   * Queries the <input> DOM element.\n   * @ignore\n   */\n  @query('input[type=\"range\"]')\n  accessor _inputRangeEl!: HTMLInputElement;\n\n  /**\n   * Queries the <input> DOM element.\n   * @ignore\n   */\n  @query('input[type=\"number\"]')\n  accessor _inputEl!: HTMLInputElement;\n\n  override render() {\n    // Calculate the number of ticks based on the step, min, and max values\n    const styles = {\n      'slider-wrapper': true,\n      'mb-30': this.customLabels.length > 0 || this.enableScaleMarker,\n    };\n\n    const tickCount = Math.floor((this.max - this.min) / this.step);\n    return html`\n      <div class=\"text-input\" ?disabled=${this.disabled}>\n        <label\n          class=\"label-text ${this.hideLabel ? 'sr-only' : ''}\"\n          for=${this.name}\n        >\n          ${this.label}\n          <slot name=\"tooltip\"></slot>\n        </label>\n        <div class=\"slider-container\">\n${\n  this.enableButtonControls\n    ? html`\n        <kyn-button\n          class=\"left_button\"\n          kind=\"outline\"\n          size=\"small\"\n          ?disabled=${this.disabled || this.value <= this.min}\n          description=${this._textStrings.decrease}\n          @on-click=${this._handleDecrease}\n        >\n          <span slot=\"icon\"\n            ><slot name=\"leftBtnIcon\">${unsafeSVG(squiggleThin)}</slot></span\n          >\n        </kyn-button>\n      `\n    : null\n}\n          <div class=\"${classMap(styles)}\">\n              <input\n                type=\"range\"\n                id=${this.name}\n                name=${this.name}\n                value=${this.value.toString()}\n                ?disabled=${this.disabled}\n                step=${ifDefined(this.step)}\n                min=${ifDefined(this.min)}\n                max=${ifDefined(this.max)}\n                aria-label=\"slider range input\"\n                aria-valuetext=${this.value.toString()}\n                aria-valuemin=${ifDefined(this.min)}\n                aria-valuemax=${ifDefined(this.max)}\n                aria-valuenow=${this.value.toString()}\n                @input=${(e: any) => this._handleInput(e)}\n                @focus=${() => this._showTooltip()}\n                @blur=${() => this._hideTooltip()}\n                @mousedown=${() => this._showTooltip()}\n                @pointerdown=${() => this._showTooltip()}\n                @mouseup=${() => this._hideTooltip()}\n              />\n\n        ${this.enableTickMarker ? this._renderTickMarker(tickCount) : null}\n        ${this.enableScaleMarker ? this._renderScaleMarker(tickCount) : null}\n          ${this.customLabels.length > 0 ? this._renderCustomLabel() : null}\n                ${\n                  this.enableTooltip && !this.editableInput\n                    ? this._renderTooltip()\n                    : null\n                }\n              </div>\n${\n  this.enableButtonControls\n    ? html`\n        <kyn-button\n          class=\"right_button\"\n          kind=\"outline\"\n          size=\"small\"\n          ?disabled=${this.disabled || this.value >= this.max}\n          description=${this._textStrings.increase}\n          @on-click=${this._handleIncrease}\n        >\n          <span slot=\"icon\"\n            ><slot name=\"rightBtnIcon\">${unsafeSVG(squiggleThick)}</slot></span\n          >\n        </kyn-button>\n      `\n    : null\n}\n            ${this.editableInput ? this._renderEditableInput() : null}\n\n        </div>\n          ${\n            this.caption !== ''\n              ? html`\n                  <div class=\"caption\" aria-disabled=${this.disabled}>\n                    ${this.caption}\n                  </div>\n                `\n              : null\n          }\n          ${\n            this._isInvalid\n              ? html`\n                  <div id=\"error\" class=\"error\">\n                    <span\n                      role=\"img\"\n                      class=\"error-icon\"\n                      aria-label=${this._textStrings.error}\n                      >${unsafeSVG(errorIcon)}</span\n                    >\n                    ${this.invalidText || this._internalValidationMsg}\n                  </div>\n                `\n              : null\n          }\n\n          </div>\n        </div>\n      </div>\n    `;\n  }\n\n  //render TickMarker Html\n  private _renderTickMarker(tickCount: any) {\n    return html`\n      <div class=\"tick-wrapper\">\n        ${Array.from({ length: tickCount + 1 }).map((_, index) => {\n          const tickPosition =\n            index === tickCount ? '100%' : (index * 100) / tickCount + '%';\n          const midIndex = Math.floor(tickCount / 2);\n          const maxOffset = 12; // Maximum offset in pixels, --thumb-height/2\n          const offset =\n            index <= midIndex\n              ? maxOffset - (index * maxOffset) / midIndex // Decrease offset proportionally until mid\n              : -((index - midIndex) * maxOffset) / midIndex; //Decrease offset negatively\n\n          return html`\n            <div\n              class=\"tick\"\n              style=\"left: calc(${tickPosition} + ${offset}px);\"\n            ></div>\n          `;\n        })}\n      </div>\n    `;\n  }\n\n  // Handle left/decrease button click\n  private _handleDecrease() {\n    this._inputRangeEl.stepDown();\n    this.value = Number(this._inputRangeEl.value);\n\n    this._validate(true, false);\n    this._emitValue();\n  }\n\n  // Handle right/increase button click\n  private _handleIncrease() {\n    this._inputRangeEl.stepUp();\n    this.value = Number(this._inputRangeEl.value);\n\n    this._validate(true, false);\n    this._emitValue();\n  }\n\n  //render CustomLabel Html\n  private _renderCustomLabel() {\n    return html`\n      <div class=\"scale-wrapper\">\n        ${this.customLabels.map((label, _) => {\n          return html` <span class=\"scale-wrapper__ticks\">${label}</span> `;\n        })}\n      </div>\n    `;\n  }\n\n  //render ScaleMarker Html\n  private _renderScaleMarker(tickCount: any) {\n    return html`\n      <div class=\"scale-wrapper\">\n        ${Array.from({ length: tickCount + 1 }).map((_, index) => {\n          const midIndex = Math.floor(tickCount / 2);\n          const label = this.min + index * this.step;\n          const isMin = index === 0;\n          const isMax = index === tickCount;\n          const isMid = index === midIndex;\n          const displayLabel = isMin || isMid || isMax ? label : '';\n          return html`\n            <span class=\"scale-wrapper__ticks\">${displayLabel}</span>\n          `;\n        })}\n      </div>\n    `;\n  }\n\n  //render Tooltip Html\n  private _renderTooltip() {\n    if (!this.enableTooltip) {\n      return null; // Do not render the tooltip if disabled\n    }\n    const classes = {\n      'slider-tooltip': true,\n      open: this.tooltipVisible,\n    };\n    return html` <div\n      role=\"tooltip\"\n      class=\"${classMap(classes)}\"\n      aria-hidden=${!this.tooltipVisible}\n      style=\"left: ${this._getTooltipPosition()}\"\n    >\n      ${this.value}\n    </div>`;\n  }\n\n  //render EditableInput Html\n  private _renderEditableInput() {\n    return html`\n      <div class=\"number-input\">\n        <input\n          type=\"number\"\n          value=${this.value.toString()}\n          id=\"editableInput\"\n          name=\"editableInput\"\n          ?disabled=${this.disabled}\n          aria-label=\"editable range input\"\n          ?invalid=${this._isInvalid}\n          aria-invalid=${this._isInvalid}\n          aria-describedby=${this._isInvalid ? 'error' : ''}\n          min=${ifDefined(this.min)}\n          max=${ifDefined(this.max)}\n          step=${ifDefined(this.step)}\n          @input=${(e: any) => this._handleNumberInput(e)}\n        />\n      </div>\n    `;\n  }\n\n  // Handle show the tooltip\n  private _showTooltip() {\n    if (!this.disabled) {\n      this.tooltipVisible = true;\n    }\n  }\n\n  // Handle hide the tooltip\n  private _hideTooltip() {\n    setTimeout(() => {\n      this.tooltipVisible = false;\n    }, 100);\n  }\n\n  private _handleInput(e: any) {\n    if (e.target.value === '') {\n      this._inputRangeEl.value = '0';\n    } else {\n      this.value = Number(e.target.value);\n    }\n    if (!this.editableInput) {\n      this._updateTooltipPosition();\n    }\n    if (this.enableTickMarker) {\n      this.showTickMark();\n    }\n    this._emitValue(e);\n    const editableInput = this.shadowRoot?.querySelector(\n      'input[type=\"number\"]'\n    );\n    if (editableInput) {\n      (editableInput as HTMLInputElement).value = this.value.toString();\n    }\n    this._validate(true, false);\n  }\n\n  private _handleNumberInput(e: any) {\n    if (e.target.value === '') {\n      this.value = 0;\n      this._inputEl.value = '0';\n    } else {\n      this.value = Number(e.target.value);\n    }\n    this._validate(true, false);\n    this._emitValue(e);\n  }\n\n  private _emitValue(e?: any) {\n    const Detail: any = {\n      value: this.value,\n    };\n    if (e) {\n      Detail.origEvent = e;\n    }\n\n    const event = new CustomEvent('on-input', {\n      detail: Detail,\n    });\n    this.dispatchEvent(event);\n  }\n\n  // Get tooltip position\n  private _getTooltipPosition() {\n    return this.tooltipPosition;\n  }\n\n  private _updateTooltipPosition() {\n    const inputEl = this.shadowRoot?.querySelector(\n      'input[type=\"range\"]'\n    ) as HTMLInputElement;\n    if (!inputEl) return;\n    const min = this.min;\n    const max = this.max;\n    const value = Number(this._inputRangeEl.value);\n    const positionRatio = (value - this.min) / (this.max - this.min);\n    const knobOffset = 24 * (positionRatio - 0.5) * -1; // knob width 24\n    const percentage = Math.floor(((value - min) * 100) / (max - min));\n    this.tooltipPosition = `calc(${percentage}% + (${knobOffset}px))`;\n  }\n\n  private showTickMark() {\n    const inputEl = this.shadowRoot?.querySelector(\n      'input[type=\"range\"]'\n    ) as HTMLInputElement;\n    if (!inputEl) return;\n    const min = this.min;\n    const max = this.max;\n    const step = this.step;\n    const value = Number(this._inputRangeEl.value);\n    const clampedValue = Math.min(Math.max(value, min), max);\n    // Ensure value is clamped within the valid range\n    const ticks = this.shadowRoot?.querySelectorAll('.tick');\n    ticks?.forEach((tick: any) => {\n      // Get the tick's percentage position from its style\n      const tickStyleLeft = tick.style.left;\n      const tickPercentage = parseFloat(\n        tickStyleLeft.match(/([\\d.]+)%/)?.[1] ?? '0'\n      );\n\n      // Calculate the current thumb position as a percentage\n      const thumbPercentage = ((clampedValue - min) / (max - min)) * 100;\n\n      // Compare the tick's position with the thumb's position\n      const isFilled = tickPercentage <= thumbPercentage;\n      tick.classList.toggle('tick-filled', isFilled);\n      tick.classList.toggle('tick-unfilled', !isFilled);\n      tick.classList.remove('tick-OnKnob');\n\n      const tickStepPosition = Math.round(tickPercentage); // Round to avoid floating point precision issues\n      const valueAtTick = (tickStepPosition * (max - min)) / 100 + min;\n      if (Math.abs(value - valueAtTick) < step / 2) {\n        // Thumb is exactly on a tick\n        if (this.disabled) {\n          tick.style.background = 'none';\n        } else {\n          tick.classList.add('tick-OnKnob');\n          tick.classList.remove('tick-filled', 'tick-unfilled');\n          tick.style.background = '';\n        }\n      }\n    });\n  }\n\n  private _validate(interacted: Boolean, report: Boolean) {\n    // get validity state from inputEl, combine customError flag if invalidText is provided\n    if (!this._inputEl) return;\n    const Validity =\n      this.invalidText !== ''\n        ? { ...this._inputEl.validity, customError: true }\n        : this._inputEl.validity;\n    // set validationMessage to invalidText if present, otherwise use inputEl validationMessage\n    const ValidationMessage =\n      this.invalidText !== ''\n        ? this.invalidText\n        : this._inputEl.validationMessage;\n\n    // set validity on custom element, anchor to inputEl\n    this._internals.setValidity(Validity, ValidationMessage, this._inputEl);\n\n    // set internal validation message if value was changed by user input\n    if (interacted) {\n      this._internalValidationMsg = this._inputEl.validationMessage;\n    }\n\n    // focus the form field to show validity\n    if (report) {\n      this._internals.reportValidity();\n    }\n  }\n\n  override updated(changedProps: any) {\n    // preserve FormMixin updated function\n    //skip update if internal properties have changed\n    const onlyInternalChanges = [...changedProps.keys()].every((prop) =>\n      ['tooltipVisible', 'tooltipPosition', '_internalValidationMsg'].includes(\n        prop\n      )\n    );\n    if (onlyInternalChanges) return;\n    this._onUpdated(changedProps);\n    if (\n      changedProps.has('value') ||\n      changedProps.has('min') ||\n      changedProps.has('max') ||\n      changedProps.has('step') ||\n      changedProps.has('enableTicksOnSlider') ||\n      changedProps.has('disabled')\n    ) {\n      this._inputRangeEl.value = this.value.toString();\n      if (this._inputEl) {\n        this._inputEl.value = this.value.toString();\n      }\n      this.showTickMark();\n      this._updateTooltipPosition();\n    }\n  }\n\n  override willUpdate(changedProps: any) {\n    if (changedProps.has('textStrings')) {\n      this._textStrings = deepmerge(_defaultTextStrings, this.textStrings);\n    }\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'kyn-slider-input': SliderInput;\n  }\n}\n"],"names":["_defaultTextStrings","error","decrease","increase","SliderInput","customElement","FormMixin","LitElement","_classThis","_classSuper","label","__classPrivateFieldGet","this","_SliderInput_label_accessor_storage","value","__classPrivateFieldSet","_SliderInput_value_accessor_storage","disabled","_SliderInput_disabled_accessor_storage","caption","_SliderInput_caption_accessor_storage","max","_SliderInput_max_accessor_storage","min","_SliderInput_min_accessor_storage","step","_SliderInput_step_accessor_storage","hideLabel","_SliderInput_hideLabel_accessor_storage","enableTickMarker","_SliderInput_enableTickMarker_accessor_storage","enableScaleMarker","_SliderInput_enableScaleMarker_accessor_storage","editableInput","_SliderInput_editableInput_accessor_storage","textStrings","_SliderInput_textStrings_accessor_storage","customLabels","_SliderInput_customLabels_accessor_storage","enableTooltip","_SliderInput_enableTooltip_accessor_storage","enableButtonControls","_SliderInput_enableButtonControls_accessor_storage","_textStrings","_SliderInput__textStrings_accessor_storage","tooltipVisible","_SliderInput_tooltipVisible_accessor_storage","tooltipPosition","_SliderInput_tooltipPosition_accessor_storage","_inputRangeEl","_SliderInput__inputRangeEl_accessor_storage","_inputEl","_SliderInput__inputEl_accessor_storage","render","styles","length","tickCount","Math","floor","html","name","_handleDecrease","unsafeSVG","squiggleThin","classMap","toString","ifDefined","e","_handleInput","_showTooltip","_hideTooltip","_renderTickMarker","_renderScaleMarker","_renderCustomLabel","_renderTooltip","_handleIncrease","squiggleThick","_renderEditableInput","_isInvalid","errorIcon","invalidText","_internalValidationMsg","Array","from","map","_","index","tickPosition","midIndex","stepDown","Number","_validate","_emitValue","stepUp","classes","open","_getTooltipPosition","_handleNumberInput","setTimeout","target","_updateTooltipPosition","showTickMark","_a","shadowRoot","querySelector","Detail","origEvent","event","CustomEvent","detail","dispatchEvent","knobOffset","percentage","clampedValue","ticks","_b","querySelectorAll","forEach","tick","tickStyleLeft","style","left","tickPercentage","parseFloat","match","isFilled","classList","toggle","remove","valueAtTick","round","abs","background","add","interacted","report","Validity","validity","customError","ValidationMessage","validationMessage","_internals","setValidity","reportValidity","updated","changedProps","keys","every","prop","includes","_onUpdated","has","willUpdate","deepmerge","set","__runInitializers","_label_initializers","_label_extraInitializers","_value_initializers","_value_extraInitializers","_disabled_initializers","_disabled_extraInitializers","_caption_initializers","_caption_extraInitializers","_max_initializers","_max_extraInitializers","_min_initializers","_min_extraInitializers","_step_initializers","_step_extraInitializers","_hideLabel_initializers","_hideLabel_extraInitializers","_enableTickMarker_initializers","_enableTickMarker_extraInitializers","_enableScaleMarker_initializers","_enableScaleMarker_extraInitializers","_editableInput_initializers","_editableInput_extraInitializers","_textStrings_initializers","_textStrings_extraInitializers","_customLabels_initializers","_customLabels_extraInitializers","_enableTooltip_initializers","_enableTooltip_extraInitializers","_enableButtonControls_initializers","_enableButtonControls_extraInitializers","__textStrings_initializers","__textStrings_extraInitializers","_tooltipVisible_initializers","_tooltipVisible_extraInitializers","_tooltipPosition_initializers","_tooltipPosition_extraInitializers","__inputRangeEl_initializers","__inputRangeEl_extraInitializers","__inputEl_initializers","_label_decorators","property","type","String","_value_decorators","_disabled_decorators","Boolean","_caption_decorators","_max_decorators","_min_decorators","_step_decorators","_hideLabel_decorators","_enableTickMarker_decorators","_enableScaleMarker_decorators","_editableInput_decorators","_textStrings_decorators","Object","_customLabels_decorators","_enableTooltip_decorators","_enableButtonControls_decorators","__textStrings_decorators","state","_tooltipVisible_decorators","_tooltipPosition_decorators","query","__esDecorate","kind","static","private","access","obj","get","metadata","_metadata","__inputRangeEl_decorators","__inputEl_decorators","__inputEl_extraInitializers","_classDescriptor","_classDecorators","_classExtraInitializers","unsafeCSS","Styles"],"mappings":"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"}
+{"version":3,"file":"sliderInput.js","sources":["../../../../src/components/reusable/sliderInput/sliderInput.ts"],"sourcesContent":["import { unsafeSVG } from 'lit-html/directives/unsafe-svg.js';\nimport { LitElement, html, unsafeCSS } from 'lit';\nimport { customElement, property, query, state } from 'lit/decorators.js';\nimport { ifDefined } from 'lit/directives/if-defined.js';\nimport { classMap } from 'lit/directives/class-map.js';\n\nimport Styles from './sliderInput.scss?inline';\nimport { FormMixin } from '../../../common/mixins/form-input';\nimport '../button';\nimport { deepmerge } from 'deepmerge-ts';\n\nimport errorIcon from '@kyndryl-design-system/shidoka-icons/svg/monochrome/16/error-filled.svg';\n\nimport squiggleThin from '@kyndryl-design-system/shidoka-icons/svg/monochrome/16/squiggle.svg';\nimport squiggleThick from '@kyndryl-design-system/shidoka-icons/svg/monochrome/16/squiggle-thick.svg';\n\nconst _defaultTextStrings = {\n  error: 'Error',\n  decrease: 'Decrease',\n  increase: 'Increase',\n};\n\n/**\n * Slider Input.\n * @fires on-input - Captures the input event and emits the selected value and original event details.\n * @prop {number} min - The minimum value.\n * @prop {number} max - The maximum value.\n * @prop {number} step - The step between values.\n * @slot tooltip - Slot for tooltip.\n * @slot leftBtnIcon - Slot for left button icon.\n * @slot rightBtnIcon - Slot for right button icon.\n *\n */\n@customElement('kyn-slider-input')\nexport class SliderInput extends FormMixin(LitElement) {\n  static override styles = unsafeCSS(Styles);\n\n  /** Label text. */\n  @property({ type: String })\n  accessor label = '';\n\n  /** Input value. */\n  override value = 0;\n\n  /** Input disabled state. */\n  @property({ type: Boolean })\n  accessor disabled = false;\n\n  /** Optional text beneath the input. */\n  @property({ type: String })\n  accessor caption = '';\n\n  /** Maximum value. */\n  @property({ type: Number })\n  accessor max = 100;\n\n  /** Minimum value. */\n  @property({ type: Number })\n  accessor min = 0;\n\n  /** The step between values */\n  @property({ type: Number })\n  accessor step = 1;\n\n  /** Visually hide the label. */\n  @property({ type: Boolean })\n  accessor hideLabel = false;\n\n  /** Set this to `true` for enable Tick Marker on slider. */\n  @property({ type: Boolean })\n  accessor enableTickMarker = false;\n\n  /** Set this to `true` for enable Scale Marker below slider */\n  @property({ type: Boolean })\n  accessor enableScaleMarker = false;\n\n  /** Set this to `true` for editable Input. Note: Enabling this property will disable the tooltip. */\n  @property({ type: Boolean })\n  accessor editableInput = false;\n\n  /** Customizable text strings. */\n  @property({ type: Object })\n  accessor textStrings = _defaultTextStrings;\n\n  /** Custom Labels */\n  @property({ type: Array })\n  accessor customLabels: string[] = [];\n\n  /** Set this to `true` for enable Tooltip. */\n  @property({ type: Boolean })\n  accessor enableTooltip = false;\n\n  /** Set this to `true` for button controls. */\n  @property({ type: Boolean })\n  accessor enableButtonControls = false;\n\n  /** Internal text strings.\n   * @internal\n   */\n  @state()\n  accessor _textStrings = _defaultTextStrings;\n\n  /**Tooltip open state.\n   * @internal\n   */\n  @state()\n  accessor tooltipVisible = false;\n\n  /**Tooltip position.\n   * @internal\n   */\n  @state()\n  accessor tooltipPosition = '';\n\n  /**\n   * Queries the <input> DOM element.\n   * @ignore\n   */\n  @query('input[type=\"range\"]')\n  accessor _inputRangeEl!: HTMLInputElement;\n\n  /**\n   * Queries the <input> DOM element.\n   * @ignore\n   */\n  @query('input[type=\"number\"]')\n  accessor _inputEl!: HTMLInputElement;\n\n  override render() {\n    // Calculate the number of ticks based on the step, min, and max values\n    const styles = {\n      'slider-wrapper': true,\n      'mb-30': this.customLabels.length > 0 || this.enableScaleMarker,\n    };\n\n    const tickCount = Math.floor((this.max - this.min) / this.step);\n    return html`\n      <div class=\"text-input\" ?disabled=${this.disabled}>\n        <label\n          class=\"label-text ${this.hideLabel ? 'sr-only' : ''}\"\n          for=${this.name}\n        >\n          ${this.label}\n          <slot name=\"tooltip\"></slot>\n        </label>\n        <div class=\"slider-container\">\n${\n  this.enableButtonControls\n    ? html`\n        <kyn-button\n          class=\"left_button\"\n          kind=\"outline\"\n          size=\"small\"\n          ?disabled=${this.disabled || this.value <= this.min}\n          description=${this._textStrings.decrease}\n          @on-click=${this._handleDecrease}\n        >\n          <span slot=\"icon\"\n            ><slot name=\"leftBtnIcon\">${unsafeSVG(squiggleThin)}</slot></span\n          >\n        </kyn-button>\n      `\n    : null\n}\n          <div class=\"${classMap(styles)}\">\n              <input\n                type=\"range\"\n                id=${this.name}\n                name=${this.name}\n                value=${this.value.toString()}\n                ?disabled=${this.disabled}\n                step=${ifDefined(this.step)}\n                min=${ifDefined(this.min)}\n                max=${ifDefined(this.max)}\n                aria-label=\"slider range input\"\n                aria-valuetext=${this.value.toString()}\n                aria-valuemin=${ifDefined(this.min)}\n                aria-valuemax=${ifDefined(this.max)}\n                aria-valuenow=${this.value.toString()}\n                @input=${(e: any) => this._handleInput(e)}\n                @focus=${() => this._showTooltip()}\n                @blur=${() => this._hideTooltip()}\n                @mousedown=${() => this._showTooltip()}\n                @pointerdown=${() => this._showTooltip()}\n                @mouseup=${() => this._hideTooltip()}\n              />\n\n        ${this.enableTickMarker ? this._renderTickMarker(tickCount) : null}\n        ${this.enableScaleMarker ? this._renderScaleMarker(tickCount) : null}\n          ${this.customLabels.length > 0 ? this._renderCustomLabel() : null}\n                ${\n                  this.enableTooltip && !this.editableInput\n                    ? this._renderTooltip()\n                    : null\n                }\n              </div>\n${\n  this.enableButtonControls\n    ? html`\n        <kyn-button\n          class=\"right_button\"\n          kind=\"outline\"\n          size=\"small\"\n          ?disabled=${this.disabled || this.value >= this.max}\n          description=${this._textStrings.increase}\n          @on-click=${this._handleIncrease}\n        >\n          <span slot=\"icon\"\n            ><slot name=\"rightBtnIcon\">${unsafeSVG(squiggleThick)}</slot></span\n          >\n        </kyn-button>\n      `\n    : null\n}\n            ${this.editableInput ? this._renderEditableInput() : null}\n\n        </div>\n          ${\n            this.caption !== ''\n              ? html`\n                  <div class=\"caption\" aria-disabled=${this.disabled}>\n                    ${this.caption}\n                  </div>\n                `\n              : null\n          }\n          ${\n            this._isInvalid\n              ? html`\n                  <div id=\"error\" class=\"error\">\n                    <span\n                      role=\"img\"\n                      class=\"error-icon\"\n                      aria-label=${this._textStrings.error}\n                      >${unsafeSVG(errorIcon)}</span\n                    >\n                    ${this.invalidText || this._internalValidationMsg}\n                  </div>\n                `\n              : null\n          }\n\n          </div>\n        </div>\n      </div>\n    `;\n  }\n\n  //render TickMarker Html\n  private _renderTickMarker(tickCount: any) {\n    return html`\n      <div class=\"tick-wrapper\">\n        ${Array.from({ length: tickCount + 1 }).map((_, index) => {\n          const tickPosition =\n            index === tickCount ? '100%' : (index * 100) / tickCount + '%';\n          const midIndex = Math.floor(tickCount / 2);\n          const maxOffset = 12; // Maximum offset in pixels, --thumb-height/2\n          const offset =\n            index <= midIndex\n              ? maxOffset - (index * maxOffset) / midIndex // Decrease offset proportionally until mid\n              : -((index - midIndex) * maxOffset) / midIndex; //Decrease offset negatively\n\n          return html`\n            <div\n              class=\"tick\"\n              style=\"left: calc(${tickPosition} + ${offset}px);\"\n            ></div>\n          `;\n        })}\n      </div>\n    `;\n  }\n\n  // Handle left/decrease button click\n  private _handleDecrease() {\n    this._inputRangeEl.stepDown();\n    this.value = Number(this._inputRangeEl.value);\n\n    this._validate(true, false);\n    this._emitValue();\n  }\n\n  // Handle right/increase button click\n  private _handleIncrease() {\n    this._inputRangeEl.stepUp();\n    this.value = Number(this._inputRangeEl.value);\n\n    this._validate(true, false);\n    this._emitValue();\n  }\n\n  //render CustomLabel Html\n  private _renderCustomLabel() {\n    return html`\n      <div class=\"scale-wrapper\">\n        ${this.customLabels.map((label, _) => {\n          return html` <span class=\"scale-wrapper__ticks\">${label}</span> `;\n        })}\n      </div>\n    `;\n  }\n\n  //render ScaleMarker Html\n  private _renderScaleMarker(tickCount: any) {\n    return html`\n      <div class=\"scale-wrapper\">\n        ${Array.from({ length: tickCount + 1 }).map((_, index) => {\n          const midIndex = Math.floor(tickCount / 2);\n          const label = this.min + index * this.step;\n          const isMin = index === 0;\n          const isMax = index === tickCount;\n          const isMid = index === midIndex;\n          const displayLabel = isMin || isMid || isMax ? label : '';\n          return html`\n            <span class=\"scale-wrapper__ticks\">${displayLabel}</span>\n          `;\n        })}\n      </div>\n    `;\n  }\n\n  //render Tooltip Html\n  private _renderTooltip() {\n    if (!this.enableTooltip) {\n      return null; // Do not render the tooltip if disabled\n    }\n    const classes = {\n      'slider-tooltip': true,\n      open: this.tooltipVisible,\n    };\n    return html` <div\n      role=\"tooltip\"\n      class=\"${classMap(classes)}\"\n      aria-hidden=${!this.tooltipVisible}\n      style=\"left: ${this._getTooltipPosition()}\"\n    >\n      ${this.value}\n    </div>`;\n  }\n\n  //render EditableInput Html\n  private _renderEditableInput() {\n    return html`\n      <div class=\"number-input\">\n        <input\n          type=\"number\"\n          value=${this.value.toString()}\n          id=\"editableInput\"\n          name=\"editableInput\"\n          ?disabled=${this.disabled}\n          aria-label=\"editable range input\"\n          ?invalid=${this._isInvalid}\n          aria-invalid=${this._isInvalid}\n          aria-describedby=${this._isInvalid ? 'error' : ''}\n          min=${ifDefined(this.min)}\n          max=${ifDefined(this.max)}\n          step=${ifDefined(this.step)}\n          @input=${(e: any) => this._handleNumberInput(e)}\n        />\n      </div>\n    `;\n  }\n\n  // Handle show the tooltip\n  private _showTooltip() {\n    if (!this.disabled) {\n      this.tooltipVisible = true;\n    }\n  }\n\n  // Handle hide the tooltip\n  private _hideTooltip() {\n    setTimeout(() => {\n      this.tooltipVisible = false;\n    }, 100);\n  }\n\n  private _handleInput(e: any) {\n    if (e.target.value === '') {\n      this._inputRangeEl.value = '0';\n    } else {\n      this.value = Number(e.target.value);\n    }\n    if (!this.editableInput) {\n      this._updateTooltipPosition();\n    }\n    if (this.enableTickMarker) {\n      this.showTickMark();\n    }\n    this._emitValue(e);\n    const editableInput = this.shadowRoot?.querySelector(\n      'input[type=\"number\"]'\n    );\n    if (editableInput) {\n      (editableInput as HTMLInputElement).value = this.value.toString();\n    }\n    this._validate(true, false);\n  }\n\n  private _handleNumberInput(e: any) {\n    if (e.target.value === '') {\n      this.value = 0;\n      this._inputEl.value = '0';\n    } else {\n      this.value = Number(e.target.value);\n    }\n    this._validate(true, false);\n    this._emitValue(e);\n  }\n\n  private _emitValue(e?: any) {\n    const Detail: any = {\n      value: this.value,\n    };\n    if (e) {\n      Detail.origEvent = e;\n    }\n\n    const event = new CustomEvent('on-input', {\n      detail: Detail,\n    });\n    this.dispatchEvent(event);\n  }\n\n  // Get tooltip position\n  private _getTooltipPosition() {\n    return this.tooltipPosition;\n  }\n\n  private _updateTooltipPosition() {\n    const inputEl = this.shadowRoot?.querySelector(\n      'input[type=\"range\"]'\n    ) as HTMLInputElement;\n    if (!inputEl) return;\n    const min = this.min;\n    const max = this.max;\n    const value = Number(this._inputRangeEl.value);\n    const positionRatio = (value - this.min) / (this.max - this.min);\n    const knobOffset = 24 * (positionRatio - 0.5) * -1; // knob width 24\n    const percentage = Math.floor(((value - min) * 100) / (max - min));\n    this.tooltipPosition = `calc(${percentage}% + (${knobOffset}px))`;\n  }\n\n  private showTickMark() {\n    const inputEl = this.shadowRoot?.querySelector(\n      'input[type=\"range\"]'\n    ) as HTMLInputElement;\n    if (!inputEl) return;\n    const min = this.min;\n    const max = this.max;\n    const step = this.step;\n    const value = Number(this._inputRangeEl.value);\n    const clampedValue = Math.min(Math.max(value, min), max);\n    // Ensure value is clamped within the valid range\n    const ticks = this.shadowRoot?.querySelectorAll('.tick');\n    ticks?.forEach((tick: any) => {\n      // Get the tick's percentage position from its style\n      const tickStyleLeft = tick.style.left;\n      const tickPercentage = parseFloat(\n        tickStyleLeft.match(/([\\d.]+)%/)?.[1] ?? '0'\n      );\n\n      // Calculate the current thumb position as a percentage\n      const thumbPercentage = ((clampedValue - min) / (max - min)) * 100;\n\n      // Compare the tick's position with the thumb's position\n      const isFilled = tickPercentage <= thumbPercentage;\n      tick.classList.toggle('tick-filled', isFilled);\n      tick.classList.toggle('tick-unfilled', !isFilled);\n      tick.classList.remove('tick-OnKnob');\n\n      const tickStepPosition = Math.round(tickPercentage); // Round to avoid floating point precision issues\n      const valueAtTick = (tickStepPosition * (max - min)) / 100 + min;\n      if (Math.abs(value - valueAtTick) < step / 2) {\n        // Thumb is exactly on a tick\n        if (this.disabled) {\n          tick.style.background = 'none';\n        } else {\n          tick.classList.add('tick-OnKnob');\n          tick.classList.remove('tick-filled', 'tick-unfilled');\n          tick.style.background = '';\n        }\n      }\n    });\n  }\n\n  private _validate(interacted: Boolean, report: Boolean) {\n    // get validity state from inputEl, combine customError flag if invalidText is provided\n    if (!this._inputEl) return;\n    const Validity =\n      this.invalidText !== ''\n        ? { ...this._inputEl.validity, customError: true }\n        : this._inputEl.validity;\n    // set validationMessage to invalidText if present, otherwise use inputEl validationMessage\n    const ValidationMessage =\n      this.invalidText !== ''\n        ? this.invalidText\n        : this._inputEl.validationMessage;\n\n    // set validity on custom element, anchor to inputEl\n    this._internals.setValidity(Validity, ValidationMessage, this._inputEl);\n\n    // set internal validation message if value was changed by user input\n    if (interacted) {\n      this._internalValidationMsg = this._inputEl.validationMessage;\n    }\n\n    // focus the form field to show validity\n    if (report) {\n      this._internals.reportValidity();\n    }\n  }\n\n  override updated(changedProps: any) {\n    // preserve FormMixin updated function\n    //skip update if internal properties have changed\n    const onlyInternalChanges = [...changedProps.keys()].every((prop) =>\n      ['tooltipVisible', 'tooltipPosition', '_internalValidationMsg'].includes(\n        prop\n      )\n    );\n    if (onlyInternalChanges) return;\n    this._onUpdated(changedProps);\n    if (\n      changedProps.has('value') ||\n      changedProps.has('min') ||\n      changedProps.has('max') ||\n      changedProps.has('step') ||\n      changedProps.has('enableTicksOnSlider') ||\n      changedProps.has('disabled')\n    ) {\n      this._inputRangeEl.value = this.value.toString();\n      if (this._inputEl) {\n        this._inputEl.value = this.value.toString();\n      }\n      this.showTickMark();\n      this._updateTooltipPosition();\n    }\n  }\n\n  override willUpdate(changedProps: any) {\n    if (changedProps.has('textStrings')) {\n      this._textStrings = deepmerge(_defaultTextStrings, this.textStrings);\n    }\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'kyn-slider-input': SliderInput;\n  }\n}\n"],"names":["_defaultTextStrings","error","decrease","increase","SliderInput","customElement","FormMixin","LitElement","_classThis","_classSuper","label","__classPrivateFieldGet","this","_SliderInput_label_accessor_storage","value","__classPrivateFieldSet","disabled","_SliderInput_disabled_accessor_storage","caption","_SliderInput_caption_accessor_storage","max","_SliderInput_max_accessor_storage","min","_SliderInput_min_accessor_storage","step","_SliderInput_step_accessor_storage","hideLabel","_SliderInput_hideLabel_accessor_storage","enableTickMarker","_SliderInput_enableTickMarker_accessor_storage","enableScaleMarker","_SliderInput_enableScaleMarker_accessor_storage","editableInput","_SliderInput_editableInput_accessor_storage","textStrings","_SliderInput_textStrings_accessor_storage","customLabels","_SliderInput_customLabels_accessor_storage","enableTooltip","_SliderInput_enableTooltip_accessor_storage","enableButtonControls","_SliderInput_enableButtonControls_accessor_storage","_textStrings","_SliderInput__textStrings_accessor_storage","tooltipVisible","_SliderInput_tooltipVisible_accessor_storage","tooltipPosition","_SliderInput_tooltipPosition_accessor_storage","_inputRangeEl","_SliderInput__inputRangeEl_accessor_storage","_inputEl","_SliderInput__inputEl_accessor_storage","render","styles","length","tickCount","Math","floor","html","name","_handleDecrease","unsafeSVG","squiggleThin","classMap","toString","ifDefined","e","_handleInput","_showTooltip","_hideTooltip","_renderTickMarker","_renderScaleMarker","_renderCustomLabel","_renderTooltip","_handleIncrease","squiggleThick","_renderEditableInput","_isInvalid","errorIcon","invalidText","_internalValidationMsg","Array","from","map","_","index","tickPosition","midIndex","stepDown","Number","_validate","_emitValue","stepUp","classes","open","_getTooltipPosition","_handleNumberInput","setTimeout","target","_updateTooltipPosition","showTickMark","_a","shadowRoot","querySelector","Detail","origEvent","event","CustomEvent","detail","dispatchEvent","knobOffset","percentage","clampedValue","ticks","_b","querySelectorAll","forEach","tick","tickStyleLeft","style","left","tickPercentage","parseFloat","match","isFilled","classList","toggle","remove","valueAtTick","round","abs","background","add","interacted","report","Validity","validity","customError","ValidationMessage","validationMessage","_internals","setValidity","reportValidity","updated","changedProps","keys","every","prop","includes","_onUpdated","has","willUpdate","deepmerge","set","__runInitializers","_label_initializers","_label_extraInitializers","_disabled_initializers","_disabled_extraInitializers","_caption_initializers","_caption_extraInitializers","_max_initializers","_max_extraInitializers","_min_initializers","_min_extraInitializers","_step_initializers","_step_extraInitializers","_hideLabel_initializers","_hideLabel_extraInitializers","_enableTickMarker_initializers","_enableTickMarker_extraInitializers","_enableScaleMarker_initializers","_enableScaleMarker_extraInitializers","_editableInput_initializers","_editableInput_extraInitializers","_textStrings_initializers","_textStrings_extraInitializers","_customLabels_initializers","_customLabels_extraInitializers","_enableTooltip_initializers","_enableTooltip_extraInitializers","_enableButtonControls_initializers","_enableButtonControls_extraInitializers","__textStrings_initializers","__textStrings_extraInitializers","_tooltipVisible_initializers","_tooltipVisible_extraInitializers","_tooltipPosition_initializers","_tooltipPosition_extraInitializers","__inputRangeEl_initializers","__inputRangeEl_extraInitializers","__inputEl_initializers","_label_decorators","property","type","String","_disabled_decorators","Boolean","_caption_decorators","_max_decorators","_min_decorators","_step_decorators","_hideLabel_decorators","_enableTickMarker_decorators","_enableScaleMarker_decorators","_editableInput_decorators","_textStrings_decorators","Object","_customLabels_decorators","_enableTooltip_decorators","_enableButtonControls_decorators","__textStrings_decorators","state","_tooltipVisible_decorators","_tooltipPosition_decorators","query","__esDecorate","kind","static","private","access","obj","get","metadata","_metadata","__inputRangeEl_decorators","__inputEl_decorators","__inputEl_extraInitializers","_classDescriptor","_classDecorators","_classExtraInitializers","unsafeCSS","Styles"],"mappings":"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"}

package/components/reusable/splitButton/splitButton.js

@@ -245,7 +245,7 @@ span {
 .kyn-split-btn--secondary {
   background-color: transparent;
   color: var(--kd-color-text-button-light-secondary);
-  border: 1px solid var(--kd-color-border-button-secondary-state-default);
+  border: 1px solid var(--kd-color-border-button-primary-state-default);
 }
 .kyn-split-btn--secondary-icon {
   border-width: 1px 1px 1px 0.5px;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kyndryl-design-system/shidoka-applications",
-  "version": "2.48.0",
+  "version": "2.48.2",
   "description": "Shidoka Web Components for Applications",
   "license": "MIT",
   "main": "index.js",