@kyndryl-design-system/shidoka-applications 2.28.0 → 2.29.0

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

@@ -0,0 +1,2 @@
+export { SliderInput } from './sliderInput';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/reusable/sliderInput/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC"}

package/components/reusable/sliderInput/index.js

@@ -0,0 +1,2 @@
+export{SliderInput}from"./sliderInput.js";import"../../../vendor/tslib-53a81efe.js";import"../../../vendor/lit-html-29220869.js";import"../../../vendor/lit-461e78e6.js";import"../../../vendor/lit-element-c6c02f24.js";import"../../../common/mixins/form-input.js";import"../button/button.js";import"../../../common/helpers/helpers.js";import"../button/defs.js";import"../../../vendor/deepmerge-ts-e62363e6.js";import"../../../vendor/@kyndryl-design-system/shidoka-icons-43e7210b.js";
+//# sourceMappingURL=index.js.map

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

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

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

@@ -0,0 +1,93 @@
+import { LitElement } from 'lit';
+import '../button';
+declare const SliderInput_base: (new (...args: any[]) => import("../../../common/mixins/form-input").FormMixinInterface) & typeof LitElement;
+/**
+ * Slider Input.
+ * @fires on-input - Captures the input event and emits the selected value and original event details.
+ * @prop {number} min - The minimum value.
+ * @prop {number} max - The maximum value.
+ * @prop {number} step - The step between values.
+ * @slot tooltip - Slot for tooltip.
+ *
+ */
+export declare class SliderInput extends SliderInput_base {
+    static styles: any;
+    /** Label text. */
+    label: string;
+    /** Input value. */
+    value: number;
+    /** Input disabled state. */
+    disabled: boolean;
+    /** Optional text beneath the input. */
+    caption: string;
+    /** Maximum value. */
+    max: number;
+    /** Minimum value. */
+    min: number;
+    /** The step between values */
+    step: number;
+    /** Visually hide the label. */
+    hideLabel: boolean;
+    /** Set this to `true` for enable Tick Marker on slider. */
+    enableTickMarker: boolean;
+    /** Set this to `true` for enable Scale Marker below slider */
+    enableScaleMarker: boolean;
+    /** Set this to `true` for editable Input. Note: Enabling this property will disable the tooltip. */
+    editableInput: boolean;
+    /** Customizable text strings. */
+    textStrings: {
+        error: string;
+    };
+    /** Custom Labels */
+    customLabels: string[];
+    /** Set this to `true` for enable Tooltip. */
+    enableTooltip: boolean;
+    /** Internal text strings.
+     * @internal
+     */
+    _textStrings: {
+        error: string;
+    };
+    /**Tooltip open state.
+     * @internal
+     */
+    tooltipVisible: boolean;
+    /**Tooltip position.
+     * @internal
+     */
+    tooltipPosition: string;
+    /**
+     * Queries the <input> DOM element.
+     * @ignore
+     */
+    _inputRangeEl: HTMLInputElement;
+    /**
+     * Queries the <input> DOM element.
+     * @ignore
+     */
+    _inputEl: HTMLInputElement;
+    render(): import("lit").TemplateResult<1>;
+    private _renderTickMarker;
+    private _renderCustomLabel;
+    private _renderScaleMarker;
+    private _renderTooltip;
+    private _renderEditableInput;
+    private _showTooltip;
+    private _hideTooltip;
+    private _handleInput;
+    private _handleNumberInput;
+    private _emitValue;
+    private _getTooltipPosition;
+    private _updateTooltipPosition;
+    private showTickMark;
+    private _validate;
+    updated(changedProps: any): void;
+    willUpdate(changedProps: any): void;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'kyn-slider-input': SliderInput;
+    }
+}
+export {};
+//# sourceMappingURL=sliderInput.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"sliderInput.d.ts","sourceRoot":"","sources":["../../../../src/components/reusable/sliderInput/sliderInput.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,UAAU,EAAQ,MAAM,KAAK,CAAC;AAOvC,OAAO,WAAW,CAAC;;AASnB;;;;;;;;GAQG;AACH,qBACa,WAAY,SAAQ,gBAAqB;IACpD,OAAgB,MAAM,MAAU;IAEhC,kBAAkB;IAElB,KAAK,SAAM;IAEX,mBAAmB;IAEV,KAAK,SAAK;IAEnB,4BAA4B;IAE5B,QAAQ,UAAS;IAEjB,uCAAuC;IAEvC,OAAO,SAAM;IAEb,qBAAqB;IAErB,GAAG,SAAO;IAEV,qBAAqB;IAErB,GAAG,SAAK;IAER,8BAA8B;IAE9B,IAAI,SAAK;IAET,+BAA+B;IAE/B,SAAS,UAAS;IAElB,2DAA2D;IAE3D,gBAAgB,UAAS;IAEzB,8DAA8D;IAE9D,iBAAiB,UAAS;IAE1B,oGAAoG;IAEpG,aAAa,UAAS;IAEtB,iCAAiC;IAEjC,WAAW;;MAAuB;IAElC,oBAAoB;IAEpB,YAAY,EAAE,MAAM,EAAE,CAAM;IAE5B,6CAA6C;IAE7C,aAAa,UAAS;IAEtB;;OAEG;IAEH,YAAY;;MAAuB;IAEnC;;OAEG;IAEH,cAAc,UAAS;IAEvB;;OAEG;IAEH,eAAe,SAAM;IAErB;;;OAGG;IAEH,aAAa,EAAG,gBAAgB,CAAC;IAEjC;;;OAGG;IAEH,QAAQ,EAAG,gBAAgB,CAAC;IAEnB,MAAM;IAqFf,OAAO,CAAC,iBAAiB;IAyBzB,OAAO,CAAC,kBAAkB;IAW1B,OAAO,CAAC,kBAAkB;IAmB1B,OAAO,CAAC,cAAc;IAmBtB,OAAO,CAAC,oBAAoB;IAuB5B,OAAO,CAAC,YAAY;IAKpB,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

@@ -0,0 +1,891 @@
+import{_ as t}from"../../../vendor/tslib-53a81efe.js";import{o as e}from"../../../vendor/lit-html-29220869.js";import{o as i,b as r,n as o,t as a,i as n,e as l}from"../../../vendor/lit-461e78e6.js";import{i as d,x as s,s as p}from"../../../vendor/lit-element-c6c02f24.js";import{FormMixin as c}from"../../../common/mixins/form-input.js";import"../button/button.js";import{d as h}from"../../../vendor/deepmerge-ts-e62363e6.js";import{g as u}from"../../../vendor/@kyndryl-design-system/shidoka-icons-43e7210b.js";import"../../../common/helpers/helpers.js";import"../button/defs.js";var v=d`*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+* {
+  -webkit-tap-highlight-color: transparent;
+}
+
+:root {
+  --kd-current-breakpoint: sm;
+}
+@media (min-width: 42rem) {
+  :root {
+    --kd-current-breakpoint: md;
+  }
+}
+@media (min-width: 74rem) {
+  :root {
+    --kd-current-breakpoint: lg;
+  }
+}
+@media (min-width: 82rem) {
+  :root {
+    --kd-current-breakpoint: xl;
+  }
+}
+@media (min-width: 99rem) {
+  :root {
+    --kd-current-breakpoint: max;
+  }
+}
+
+.label-text {
+  font-family: var(--kd-font-family-secondary);
+  font-size: var(--kd-font-size-utility-2-sm);
+  line-height: var(--kd-line-height-utility-2-sm);
+  font-weight: var(--kd-font-weight-regular);
+  letter-spacing: var(--kd-letter-spacing-5);
+  color: var(--kd-color-text-forms-label-primary);
+  font-weight: 500;
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  padding: 0;
+  margin-bottom: 8px;
+  cursor: default;
+  z-index: 4;
+}
+@media (min-width: 42rem) {
+  .label-text {
+    font-size: var(--kd-font-size-utility-2-md);
+    line-height: var(--kd-line-height-utility-2-md);
+  }
+}
+@media (min-width: 74rem) {
+  .label-text {
+    font-size: var(--kd-font-size-utility-2-lg);
+    line-height: var(--kd-line-height-utility-2-lg);
+  }
+}
+@media (min-width: 82rem) {
+  .label-text {
+    font-size: var(--kd-font-size-utility-2-xlg);
+    line-height: var(--kd-line-height-utility-2-xlg);
+  }
+}
+@media (min-width: 99rem) {
+  .label-text {
+    font-size: var(--kd-font-size-utility-2-max);
+    line-height: var(--kd-line-height-utility-2-max);
+  }
+}
+.label-text.sr-only {
+  border: 0;
+  clip: rect(0, 0, 0, 0);
+  height: 1px;
+  margin: -1px;
+  overflow: hidden;
+  padding: 0;
+  position: absolute;
+  text-indent: 200%;
+  white-space: nowrap;
+  width: 1px;
+}
+[disabled] .label-text {
+  color: var(--kd-color-text-level-disabled);
+}
+
+.required {
+  text-decoration: none;
+  color: var(--kd-color-status-error-dark);
+}
+[disabled] .required {
+  color: var(--kd-color-text-level-disabled);
+}
+
+.input-wrapper {
+  position: relative;
+  display: flex;
+}
+.input-wrapper input[disabled] ~ .input-icon,
+.input-wrapper .input-custom[disabled] ~ .input-icon,
+.input-wrapper textarea[disabled] ~ .input-icon {
+  color: var(--kd-color-icon-disabled);
+}
+.input-wrapper .input-icon.is-disabled {
+  color: var(--kd-color-icon-disabled);
+}
+
+.options-text {
+  margin: 0;
+  color: var(--kd-color-text-forms-label-secondary);
+  font-family: var(--kd-font-family-secondary);
+  font-size: var(--kd-font-size-utility-3-sm);
+  line-height: var(--kd-line-height-utility-3-sm);
+  font-weight: var(--kd-font-weight-regular);
+  letter-spacing: var(--kd-letter-spacing-5);
+}
+@media (min-width: 42rem) {
+  .options-text {
+    font-size: var(--kd-font-size-utility-3-md);
+    line-height: var(--kd-line-height-utility-3-md);
+  }
+}
+@media (min-width: 74rem) {
+  .options-text {
+    font-size: var(--kd-font-size-utility-3-lg);
+    line-height: var(--kd-line-height-utility-3-lg);
+  }
+}
+@media (min-width: 82rem) {
+  .options-text {
+    font-size: var(--kd-font-size-utility-3-xlg);
+    line-height: var(--kd-line-height-utility-3-xlg);
+  }
+}
+@media (min-width: 99rem) {
+  .options-text {
+    font-size: var(--kd-font-size-utility-3-max);
+    line-height: var(--kd-line-height-utility-3-max);
+  }
+}
+
+input,
+.input-custom,
+.flatpickr-input,
+textarea {
+  pointer-events: auto;
+  font-family: var(--kd-font-family-secondary);
+  font-size: var(--kd-font-size-body-2-sm);
+  line-height: var(--kd-line-height-body-2-sm);
+  font-weight: var(--kd-font-weight-regular);
+  letter-spacing: var(--kd-letter-spacing-4);
+  border-color: var(--kd-color-border-forms-default);
+  color: var(--kd-color-text-forms-input-field-text);
+  transition: background-color 150ms ease-out, border-color 150ms ease-out, outline-color 150ms ease-out;
+  background: var(--kd-color-background-forms-default);
+  outline: 2px solid transparent;
+  outline-offset: -2px;
+}
+@media (min-width: 42rem) {
+  input,
+  .input-custom,
+  .flatpickr-input,
+  textarea {
+    font-size: var(--kd-font-size-body-2-md);
+    line-height: var(--kd-line-height-body-2-md);
+  }
+}
+@media (min-width: 74rem) {
+  input,
+  .input-custom,
+  .flatpickr-input,
+  textarea {
+    font-size: var(--kd-font-size-body-2-lg);
+    line-height: var(--kd-line-height-body-2-lg);
+  }
+}
+@media (min-width: 82rem) {
+  input,
+  .input-custom,
+  .flatpickr-input,
+  textarea {
+    font-size: var(--kd-font-size-body-2-xlg);
+    line-height: var(--kd-line-height-body-2-xlg);
+  }
+}
+@media (min-width: 99rem) {
+  input,
+  .input-custom,
+  .flatpickr-input,
+  textarea {
+    font-size: var(--kd-font-size-body-2-max);
+    line-height: var(--kd-line-height-body-2-max);
+  }
+}
+.ai-connected input,
+.ai-connected .input-custom,
+.ai-connected .flatpickr-input,
+.ai-connected textarea {
+  border-color: var(--kd-color-border-variants-ai);
+  background: var(--kd-color-background-forms-ai-default);
+}
+input:hover,
+.input-custom:hover,
+.flatpickr-input:hover,
+textarea:hover {
+  border-color: var(--kd-color-border-ui-hover);
+}
+input:focus-visible,
+.input-custom:focus-visible,
+.flatpickr-input:focus-visible,
+textarea:focus-visible {
+  outline-color: var(--kd-color-border-variants-focus);
+}
+input::placeholder,
+.input-custom::placeholder,
+.flatpickr-input::placeholder,
+textarea::placeholder {
+  color: var(--kd-color-text-variant-placeholder);
+}
+input:-ms-input-placeholder,
+.input-custom:-ms-input-placeholder,
+.flatpickr-input:-ms-input-placeholder,
+textarea:-ms-input-placeholder {
+  color: var(--kd-color-text-variant-placeholder);
+}
+input::-ms-input-placeholder,
+.input-custom::-ms-input-placeholder,
+.flatpickr-input::-ms-input-placeholder,
+textarea::-ms-input-placeholder {
+  color: var(--kd-color-text-variant-placeholder);
+}
+input.is-readonly,
+.input-custom.is-readonly,
+.flatpickr-input.is-readonly,
+textarea.is-readonly {
+  background: var(--kd-color-background-forms-disabled);
+  border-color: var(--kd-color-border-variants-light);
+  cursor: default;
+}
+input.is-readonly::placeholder,
+.input-custom.is-readonly::placeholder,
+.flatpickr-input.is-readonly::placeholder,
+textarea.is-readonly::placeholder {
+  color: var(--kd-color-text-forms-input-field-text);
+}
+input.is-readonly:-ms-input-placeholder,
+.input-custom.is-readonly:-ms-input-placeholder,
+.flatpickr-input.is-readonly:-ms-input-placeholder,
+textarea.is-readonly:-ms-input-placeholder {
+  color: var(--kd-color-text-forms-input-field-text);
+}
+input.is-readonly::-ms-input-placeholder,
+.input-custom.is-readonly::-ms-input-placeholder,
+.flatpickr-input.is-readonly::-ms-input-placeholder,
+textarea.is-readonly::-ms-input-placeholder {
+  color: var(--kd-color-text-forms-input-field-text);
+}
+input[disabled],
+.input-custom[disabled],
+.flatpickr-input[disabled],
+textarea[disabled] {
+  background: var(--kd-color-background-forms-disabled);
+  border: none;
+  color: var(--kd-color-text-level-disabled);
+  cursor: not-allowed;
+}
+input[disabled][invalid],
+.input-custom[disabled][invalid],
+.flatpickr-input[disabled][invalid],
+textarea[disabled][invalid] {
+  border-color: var(--kd-color-border-ui-disabled);
+}
+input[disabled]::placeholder,
+.input-custom[disabled]::placeholder,
+.flatpickr-input[disabled]::placeholder,
+textarea[disabled]::placeholder {
+  color: var(--kd-color-text-level-disabled);
+}
+input[disabled]:-ms-input-placeholder,
+.input-custom[disabled]:-ms-input-placeholder,
+.flatpickr-input[disabled]:-ms-input-placeholder,
+textarea[disabled]:-ms-input-placeholder {
+  color: var(--kd-color-text-level-disabled);
+}
+input[disabled]::-ms-input-placeholder,
+.input-custom[disabled]::-ms-input-placeholder,
+.flatpickr-input[disabled]::-ms-input-placeholder,
+textarea[disabled]::-ms-input-placeholder {
+  color: var(--kd-color-text-level-disabled);
+}
+input:not([disabled])[invalid],
+.input-custom:not([disabled])[invalid],
+.flatpickr-input:not([disabled])[invalid],
+textarea:not([disabled])[invalid] {
+  border-color: var(--kd-color-border-variants-destructive);
+}
+
+.error {
+  display: flex;
+  align-items: center;
+  color: var(--kd-color-text-variant-destructive);
+  margin-top: 8px;
+  cursor: default;
+}
+.error.error-text .error-icon {
+  display: flex;
+  align-items: center;
+}
+[disabled] .error {
+  color: var(--kd-color-text-level-disabled);
+}
+[disabled] .error span svg {
+  color: var(--kd-color-text-level-disabled);
+}
+.error span svg {
+  margin-right: 8px;
+  display: block;
+}
+
+.error-icon {
+  color: var(--kd-color-status-error-dark);
+}
+[disabled] .error-icon {
+  color: var(--kd-color-text-level-disabled);
+}
+
+.success-icon {
+  color: var(--kd-color-background-success);
+}
+[disabled] .success-icon {
+  color: var(--kd-color-text-level-disabled);
+}
+
+.caption {
+  margin-top: 8px;
+  cursor: default;
+  color: var(--kd-color-text-forms-input-field-text);
+}
+[disabled] .caption {
+  color: var(--kd-color-text-level-disabled);
+}
+
+.clear-button {
+  position: absolute;
+  tab-size: 2;
+  top: 50%;
+  right: 10px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  transform: translateY(-50%);
+}
+.clear-button:not[disabled] {
+  cursor: pointer;
+}
+.clear-button.dropdown-clear {
+  right: 45px;
+}
+
+.caption-error-count {
+  display: flex;
+  justify-content: space-between;
+  gap: 1rem;
+}
+.caption-error-count .count {
+  font-family: var(--kd-font-family-secondary);
+  font-size: var(--kd-font-size-utility-2-sm);
+  line-height: var(--kd-line-height-utility-2-sm);
+  font-weight: var(--kd-font-weight-regular);
+  letter-spacing: var(--kd-letter-spacing-5);
+  color: var(--kd-color-text-forms-label-secondary);
+  margin-top: 13px;
+}
+@media (min-width: 42rem) {
+  .caption-error-count .count {
+    font-size: var(--kd-font-size-utility-2-md);
+    line-height: var(--kd-line-height-utility-2-md);
+  }
+}
+@media (min-width: 74rem) {
+  .caption-error-count .count {
+    font-size: var(--kd-font-size-utility-2-lg);
+    line-height: var(--kd-line-height-utility-2-lg);
+  }
+}
+@media (min-width: 82rem) {
+  .caption-error-count .count {
+    font-size: var(--kd-font-size-utility-2-xlg);
+    line-height: var(--kd-line-height-utility-2-xlg);
+  }
+}
+@media (min-width: 99rem) {
+  .caption-error-count .count {
+    font-size: var(--kd-font-size-utility-2-max);
+    line-height: var(--kd-line-height-utility-2-max);
+  }
+}
+[disabled] .caption-error-count .count {
+  color: var(--kd-color-text-level-disabled);
+}
+
+.input-icon {
+  position: absolute;
+  right: 15px;
+  top: 50%;
+  transform: translateY(-50%);
+  display: flex;
+  align-items: center;
+  color: var(--kd-color-text-secondary);
+}
+
+.warn {
+  display: flex;
+  align-items: center;
+  margin-top: 8px;
+  cursor: default;
+}
+.warn.warn-text {
+  font-size: 16px;
+}
+[disabled] .warn {
+  color: var(--kd-color-text-level-disabled);
+}
+.warn span,
+.warn svg {
+  margin-right: 8px;
+  display: block;
+}
+
+.description-text {
+  font-family: var(--kd-font-family-secondary);
+  font-size: var(--kd-font-size-body-2-sm);
+  line-height: var(--kd-line-height-body-2-sm);
+  font-weight: var(--kd-font-weight-regular);
+  letter-spacing: var(--kd-letter-spacing-4);
+  color: var(--kd-color-text-level-primary);
+  margin-top: -4px;
+  margin-bottom: 8px;
+}
+@media (min-width: 42rem) {
+  .description-text {
+    font-size: var(--kd-font-size-body-2-md);
+    line-height: var(--kd-line-height-body-2-md);
+  }
+}
+@media (min-width: 74rem) {
+  .description-text {
+    font-size: var(--kd-font-size-body-2-lg);
+    line-height: var(--kd-line-height-body-2-lg);
+  }
+}
+@media (min-width: 82rem) {
+  .description-text {
+    font-size: var(--kd-font-size-body-2-xlg);
+    line-height: var(--kd-line-height-body-2-xlg);
+  }
+}
+@media (min-width: 99rem) {
+  .description-text {
+    font-size: var(--kd-font-size-body-2-max);
+    line-height: var(--kd-line-height-body-2-max);
+  }
+}
+[disabled] .description-text {
+  color: var(--kd-color-text-level-disabled);
+}
+
+:host {
+  display: inline-block;
+  width: 355px;
+  max-width: 100%;
+}
+
+.slider-container {
+  display: flex;
+  position: relative;
+}
+
+.slider-wrapper {
+  position: relative;
+  flex-grow: 1;
+}
+
+.mb-30 {
+  margin-bottom: 30px;
+}
+
+.slider-tooltip {
+  font-family: var(--kd-font-family-secondary);
+  font-size: var(--kd-font-size-body-2-sm);
+  line-height: var(--kd-line-height-body-2-sm);
+  font-weight: var(--kd-font-weight-regular);
+  letter-spacing: var(--kd-letter-spacing-4);
+  position: absolute;
+  height: 48px;
+  min-width: 43px;
+  top: -2.9rem;
+  left: 50%;
+  padding: var(--kd-spacing-4) var(--kd-spacing-8);
+  background: var(--kd-color-background-ui-default-dark);
+  color: var(--kd-color-text-variant-inversed);
+  border-radius: var(--kd-spacing-4);
+  padding: 12px;
+  text-align: center;
+  white-space: nowrap;
+  visibility: hidden;
+  z-index: 2;
+  transform-origin: center bottom;
+  transition: visibility 150ms ease-out, transform 150ms ease-out;
+  transform: translateX(-50%);
+  /* Add the arrow before the tooltip */
+}
+@media (min-width: 42rem) {
+  .slider-tooltip {
+    font-size: var(--kd-font-size-body-2-md);
+    line-height: var(--kd-line-height-body-2-md);
+  }
+}
+@media (min-width: 74rem) {
+  .slider-tooltip {
+    font-size: var(--kd-font-size-body-2-lg);
+    line-height: var(--kd-line-height-body-2-lg);
+  }
+}
+@media (min-width: 82rem) {
+  .slider-tooltip {
+    font-size: var(--kd-font-size-body-2-xlg);
+    line-height: var(--kd-line-height-body-2-xlg);
+  }
+}
+@media (min-width: 99rem) {
+  .slider-tooltip {
+    font-size: var(--kd-font-size-body-2-max);
+    line-height: var(--kd-line-height-body-2-max);
+  }
+}
+.slider-tooltip::before {
+  content: "";
+  position: absolute;
+  top: 100%;
+  left: 50%;
+  width: 0;
+  height: 0;
+  display: block;
+  transform: translateX(-50%);
+  border-left: var(--kd-spacing-4) solid transparent; /* Left side of the arrow */
+  border-right: var(--kd-spacing-4) solid transparent; /* Right side of the arrow */
+  border-top: var(--kd-spacing-4) solid var(--kd-color-background-ui-default-dark); /* Bottom side of the arrow */
+}
+.slider-tooltip.open {
+  visibility: visible;
+}
+
+input[type=range] {
+  width: 100%;
+  min-width: 301px;
+  overflow: hidden;
+  outline: none;
+}
+
+input[type=range]:disabled {
+  background: none;
+  cursor: not-allowed;
+}
+
+input[type=range] {
+  position: relative;
+  margin: 0px;
+  --thumb-height: 24px;
+  --thumb-width: 24px;
+  --track-height: 4px;
+  --track-color: var(--kd-color-border-level-secondary);
+  --clip-edges: 0.125em;
+  height: calc(var(--thumb-height) + 12px);
+}
+
+input[type=range],
+input[type=range]::-webkit-slider-runnable-track {
+  -webkit-appearance: none;
+  transition: all ease 100ms;
+}
+
+input[type=range]::-webkit-slider-runnable-track,
+input[type=range]::-webkit-slider-thumb {
+  position: relative;
+}
+
+input[type=range]::-webkit-slider-thumb {
+  -webkit-appearance: none;
+  transition: all ease 100ms;
+  height: var(--thumb-height);
+  --thumb-radius: calc((var(--thumb-height) * 0.5) - 1px);
+  --clip-top: calc((var(--thumb-height) - var(--track-height)) * 0.5 - 0.5px);
+  --clip-bottom: calc(var(--thumb-height) - var(--clip-top));
+  --clip-further: calc(100% + 6px);
+  --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);
+  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));
+}
+
+input[type=range]:hover::-webkit-slider-thumb {
+  cursor: grab;
+}
+
+input[type=range]:not(:disabled) active::-webkit-slider-thumb {
+  cursor: grabbing;
+  box-shadow: -2px 0 0 0 var(--kd-color-border-variants-inverse), inset 0 0 0 var(--kd-spacing-2) var(--kd-color-border-variants-focus), inset 0 0 0 var(--kd-spacing-4) var(--kd-color-border-variants-inverse), var(--box-fill), var(--kd-spacing-2) 0 0 0 var(--kd-color-border-variants-inverse);
+}
+
+input[type=range]:not(:disabled):focus::-webkit-slider-thumb {
+  box-shadow: -2px 0 0 0 var(--kd-color-border-variants-inverse), inset 0 0 0 var(--kd-spacing-2) var(--kd-color-border-variants-focus), inset 0 0 0 var(--kd-spacing-4) var(--kd-color-border-variants-inverse), var(--box-fill), var(--kd-spacing-2) 0 0 0 var(--kd-color-border-variants-inverse);
+}
+
+input[type=range]::-webkit-slider-runnable-track {
+  background: linear-gradient(var(--track-color) 0 0) scroll no-repeat center/100% calc(var(--track-height) + 1px);
+}
+
+/* For webkit disabled thumb */
+input[type=range]:disabled::-webkit-slider-thumb {
+  background: var(--kd-color-text-level-disabled);
+  cursor: not-allowed;
+}
+
+input[type=range],
+input[type=range]::-moz-range-track,
+input[type=range]::-moz-range-thumb {
+  appearance: none;
+  transition: all ease 100ms;
+}
+
+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);
+}
+
+input[type=range]::-moz-range-thumb {
+  height: var(--thumb-height);
+  border: 0;
+  width: var(--thumb-height);
+  border-radius: var(--thumb-width, var(--thumb-height));
+  background-color: var(--kd-color-border-button-secondary-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);
+}
+
+input[type=range]:hover::-moz-range-thumb {
+  cursor: grab;
+}
+
+input[type=range]:not(:disabled):active::-moz-range-thumb {
+  cursor: grabbing;
+  box-shadow: -2px 0 0 0 var(--kd-color-border-variants-inverse), inset 0 0 0 2px var(--kd-color-border-variants-focus), inset 0 0 0 4px var(--kd-color-border-variants-inverse), var(--kd-spacing-2) 0 0 0 var(--kd-color-border-variants-inverse);
+}
+
+input[type=range]:not(:disabled):focus::-moz-range-thumb {
+  box-shadow: -2px 0 0 0 var(--kd-color-border-variants-inverse), inset 0 0 0 2px var(--kd-color-border-variants-focus), inset 0 0 0 4px var(--kd-color-border-variants-inverse), var(--kd-spacing-2) 0 0 0 var(--kd-color-border-variants-inverse);
+}
+
+input[type=range]::-moz-range-track,
+input[type=range]::-moz-range-progress {
+  width: 100%;
+  height: 5px;
+  background: var(--track-color);
+}
+
+input[type=range]::-moz-range-progress {
+  appearance: none;
+  background: var(--kd-color-border-ui-pressed);
+}
+
+/* For firefox disabled thumb */
+input[type=range]:disabled::-moz-range-thumb {
+  background: var(--kd-color-text-level-disabled);
+  cursor: not-allowed;
+}
+
+/* Hide native arrow controls for number input */
+input::-webkit-outer-spin-button,
+input::-webkit-inner-spin-button {
+  -webkit-appearance: none;
+  margin: 0;
+}
+
+input[type=number] {
+  -webkit-appearance: none;
+  appearance: none;
+  display: block;
+  min-width: var(--kd-spacing-40);
+  border-width: 1px;
+  border-style: solid;
+  border-radius: var(--kd-spacing-4);
+  height: var(--kd-spacing-32);
+  text-align: center;
+}
+
+input[type=number] {
+  -moz-appearance: textfield;
+  /* Firefox */
+}
+
+.number-input {
+  margin-inline-start: 15px;
+}
+
+.tick-wrapper {
+  position: absolute;
+  top: 18px;
+  left: 0;
+  width: 100%;
+  pointer-events: none;
+}
+.tick-wrapper .tick {
+  position: absolute;
+  width: 4px;
+  height: 5.3px;
+  transform: translateX(-50%) translateY(-50%);
+}
+
+.tick-filled {
+  background-color: var(--kd-color-background-accent-subtle);
+}
+
+.tick-unfilled {
+  background-color: var(--kd-color-border-forms-default);
+}
+
+.tick-OnKnob {
+  background-color: var(--kd-color-border-button-secondary-state-default);
+}
+
+.scale-wrapper {
+  position: absolute;
+  width: 100%;
+  z-index: 2;
+  display: flex;
+  justify-content: space-between;
+  padding: 0px 11px;
+  margin-top: -5px;
+}
+.scale-wrapper__ticks {
+  font-family: var(--kd-font-family-secondary);
+  font-size: var(--kd-font-size-body-2-sm);
+  line-height: var(--kd-line-height-body-2-sm);
+  font-weight: var(--kd-font-weight-regular);
+  letter-spacing: var(--kd-letter-spacing-4);
+  position: relative;
+  display: flex;
+  justify-content: center;
+  width: 2px;
+  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="2" height="8" viewBox="0 0 2 8" fill="none"><path d="M1 0L1 8" stroke="%238D8888"/></svg>');
+  height: 8px;
+  line-height: 50px !important;
+}
+@media (min-width: 42rem) {
+  .scale-wrapper__ticks {
+    font-size: var(--kd-font-size-body-2-md);
+    line-height: var(--kd-line-height-body-2-md);
+  }
+}
+@media (min-width: 74rem) {
+  .scale-wrapper__ticks {
+    font-size: var(--kd-font-size-body-2-lg);
+    line-height: var(--kd-line-height-body-2-lg);
+  }
+}
+@media (min-width: 82rem) {
+  .scale-wrapper__ticks {
+    font-size: var(--kd-font-size-body-2-xlg);
+    line-height: var(--kd-line-height-body-2-xlg);
+  }
+}
+@media (min-width: 99rem) {
+  .scale-wrapper__ticks {
+    font-size: var(--kd-font-size-body-2-max);
+    line-height: var(--kd-line-height-body-2-max);
+  }
+}`;const m={error:"Error"};let b=class extends(c(p)){constructor(){super(...arguments),this.label="",this.value=0,this.disabled=!1,this.caption="",this.max=100,this.min=0,this.step=1,this.hideLabel=!1,this.enableTickMarker=!1,this.enableScaleMarker=!1,this.editableInput=!1,this.textStrings=m,this.customLabels=[],this.enableTooltip=!1,this._textStrings=m,this.tooltipVisible=!1,this.tooltipPosition=""}render(){const t={"slider-wrapper":!0,"mb-30":this.customLabels.length>0||this.enableScaleMarker},o=Math.floor((this.max-this.min)/this.step);return s`
+      <div class="text-input" ?disabled=${this.disabled}>
+        <label
+          class="label-text ${this.hideLabel?"sr-only":""}"
+          for=${this.name}
+        >
+          ${this.label}
+          <slot name="tooltip"></slot>
+        </label>
+        <div class="slider-container">
+          <div class="${i(t)}">
+              <input
+                type="range"
+                id=${this.name}
+                name=${this.name}
+                value=${this.value.toString()}
+                ?disabled=${this.disabled}
+                step=${r(this.step)}
+                min=${r(this.min)}
+                max=${r(this.max)}
+                aria-label="slider range input"
+                aria-valuetext=${this.value.toString()}
+                aria-valuemin=${r(this.min)}
+                aria-valuemax=${r(this.max)}
+                aria-valuenow=${this.value.toString()}
+                @input=${t=>this._handleInput(t)}
+                @focus=${()=>this._showTooltip()}
+                @blur=${()=>this._hideTooltip()}
+                @mousedown=${()=>this._showTooltip()}
+                @pointerdown=${()=>this._showTooltip()}
+                @mouseup=${()=>this._hideTooltip()}
+              />
+
+        ${this.enableTickMarker?this._renderTickMarker(o):null}
+        ${this.enableScaleMarker?this._renderScaleMarker(o):null}
+          ${this.customLabels.length>0?this._renderCustomLabel():null}
+                ${this.enableTooltip&&!this.editableInput?this._renderTooltip():null}
+              </div>
+            ${this.editableInput?this._renderEditableInput():null}
+
+        </div>
+          ${""!==this.caption?s`
+                  <div class="caption" aria-disabled=${this.disabled}>
+                    ${this.caption}
+                  </div>
+                `:null}
+          ${this._isInvalid?s`
+                  <div id="error" class="error">
+                    <span
+                      role="img"
+                      class="error-icon"
+                      aria-label=${this._textStrings.error}
+                      >${e(u)}</span
+                    >
+                    ${this.invalidText||this._internalValidationMsg}
+                  </div>
+                `:null}
+
+          </div>
+        </div>
+      </div>
+    `}_renderTickMarker(t){return s`
+      <div class="tick-wrapper">
+        ${Array.from({length:t+1}).map(((e,i)=>{const r=i===t?"100%":100*i/t+"%",o=Math.floor(t/2);return s`
+            <div
+              class="tick"
+              style="left: calc(${r} + ${i<=o?12-12*i/o:-12*(i-o)/o}px);"
+            ></div>
+          `}))}
+      </div>
+    `}_renderCustomLabel(){return s`
+      <div class="scale-wrapper">
+        ${this.customLabels.map(((t,e)=>s` <span class="scale-wrapper__ticks">${t}</span> `))}
+      </div>
+    `}_renderScaleMarker(t){return s`
+      <div class="scale-wrapper">
+        ${Array.from({length:t+1}).map(((e,i)=>{const r=Math.floor(t/2),o=this.min+i*this.step;return s`
+            <span class="scale-wrapper__ticks">${0===i||i===r||i===t?o:""}</span>
+          `}))}
+      </div>
+    `}_renderTooltip(){if(!this.enableTooltip)return null;const t={"slider-tooltip":!0,open:this.tooltipVisible};return s` <div
+      role="tooltip"
+      class="${i(t)}"
+      aria-hidden=${!this.tooltipVisible}
+      style="left: ${this._getTooltipPosition()}"
+    >
+      ${this.value}
+    </div>`}_renderEditableInput(){return s`
+      <div class="number-input">
+        <input
+          type="number"
+          value=${this.value.toString()}
+          id="editableInput"
+          name="editableInput"
+          ?disabled=${this.disabled}
+          aria-label="editable range input"
+          ?invalid=${this._isInvalid}
+          aria-invalid=${this._isInvalid}
+          aria-describedby=${this._isInvalid?"error":""}
+          min=${r(this.min)}
+          max=${r(this.max)}
+          step=${r(this.step)}
+          @input=${t=>this._handleNumberInput(t)}
+        />
+      </div>
+    `}_showTooltip(){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,r=Number(this._inputRangeEl.value),o=24*((r-this.min)/(this.max-this.min)-.5)*-1,a=Math.floor(100*(r-e)/(i-e));this.tooltipPosition=`calc(${a}% + (${o}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,r=this.max,o=this.step,a=Number(this._inputRangeEl.value),n=Math.min(Math.max(a,i),r),l=null===(e=this.shadowRoot)||void 0===e?void 0:e.querySelectorAll(".tick");null==l||l.forEach((t=>{var e,l;const d=t.style.left,s=parseFloat(null!==(l=null===(e=d.match(/([\d.]+)%/))||void 0===e?void 0:e[1])&&void 0!==l?l:"0"),p=s<=(n-i)/(r-i)*100;t.classList.toggle("tick-filled",p),t.classList.toggle("tick-unfilled",!p),t.classList.remove("tick-OnKnob");const c=Math.round(s)*(r-i)/100+i;Math.abs(a-c)<o/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,r=""!==this.invalidText?this.invalidText:this._inputEl.validationMessage;this._internals.setValidity(i,r,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=h(m,this.textStrings))}};b.styles=v,t([o({type:String})],b.prototype,"label",void 0),t([o({type:Number})],b.prototype,"value",void 0),t([o({type:Boolean})],b.prototype,"disabled",void 0),t([o({type:String})],b.prototype,"caption",void 0),t([o({type:Number})],b.prototype,"max",void 0),t([o({type:Number})],b.prototype,"min",void 0),t([o({type:Number})],b.prototype,"step",void 0),t([o({type:Boolean})],b.prototype,"hideLabel",void 0),t([o({type:Boolean})],b.prototype,"enableTickMarker",void 0),t([o({type:Boolean})],b.prototype,"enableScaleMarker",void 0),t([o({type:Boolean})],b.prototype,"editableInput",void 0),t([o({type:Object})],b.prototype,"textStrings",void 0),t([o({type:Array})],b.prototype,"customLabels",void 0),t([o({type:Boolean})],b.prototype,"enableTooltip",void 0),t([a()],b.prototype,"_textStrings",void 0),t([a()],b.prototype,"tooltipVisible",void 0),t([a()],b.prototype,"tooltipPosition",void 0),t([n('input[type="range"]')],b.prototype,"_inputRangeEl",void 0),t([n('input[type="number"]')],b.prototype,"_inputEl",void 0),b=t([l("kyn-slider-input")],b);export{b as SliderInput};
+//# sourceMappingURL=sliderInput.js.map

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

@@ -0,0 +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 } 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';\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\nconst _defaultTextStrings = {\n  error: 'Error',\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 *\n */\n@customElement('kyn-slider-input')\nexport class SliderInput extends FormMixin(LitElement) {\n  static override styles = Styles;\n\n  /** Label text. */\n  @property({ type: String })\n  label = '';\n\n  /** Input value. */\n  @property({ type: Number })\n  override value = 0;\n\n  /** Input disabled state. */\n  @property({ type: Boolean })\n  disabled = false;\n\n  /** Optional text beneath the input. */\n  @property({ type: String })\n  caption = '';\n\n  /** Maximum value. */\n  @property({ type: Number })\n  max = 100;\n\n  /** Minimum value. */\n  @property({ type: Number })\n  min = 0;\n\n  /** The step between values */\n  @property({ type: Number })\n  step = 1;\n\n  /** Visually hide the label. */\n  @property({ type: Boolean })\n  hideLabel = false;\n\n  /** Set this to `true` for enable Tick Marker on slider. */\n  @property({ type: Boolean })\n  enableTickMarker = false;\n\n  /** Set this to `true` for enable Scale Marker below slider */\n  @property({ type: Boolean })\n  enableScaleMarker = false;\n\n  /** Set this to `true` for editable Input. Note: Enabling this property will disable the tooltip. */\n  @property({ type: Boolean })\n  editableInput = false;\n\n  /** Customizable text strings. */\n  @property({ type: Object })\n  textStrings = _defaultTextStrings;\n\n  /** Custom Labels */\n  @property({ type: Array })\n  customLabels: string[] = [];\n\n  /** Set this to `true` for enable Tooltip. */\n  @property({ type: Boolean })\n  enableTooltip = false;\n\n  /** Internal text strings.\n   * @internal\n   */\n  @state()\n  _textStrings = _defaultTextStrings;\n\n  /**Tooltip open state.\n   * @internal\n   */\n  @state()\n  tooltipVisible = false;\n\n  /**Tooltip position.\n   * @internal\n   */\n  @state()\n  tooltipPosition = '';\n\n  /**\n   * Queries the <input> DOM element.\n   * @ignore\n   */\n  @query('input[type=\"range\"]')\n  _inputRangeEl!: HTMLInputElement;\n\n  /**\n   * Queries the <input> DOM element.\n   * @ignore\n   */\n  @query('input[type=\"number\"]')\n  _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          <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            ${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  //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    this.tooltipVisible = true;\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","SliderInput","FormMixin","LitElement","constructor","this","label","value","disabled","caption","max","min","step","hideLabel","enableTickMarker","enableScaleMarker","editableInput","textStrings","customLabels","enableTooltip","_textStrings","tooltipVisible","tooltipPosition","render","styles","length","tickCount","Math","floor","html","name","classMap","toString","ifDefined","e","_handleInput","_showTooltip","_hideTooltip","_renderTickMarker","_renderScaleMarker","_renderCustomLabel","_renderTooltip","_renderEditableInput","_isInvalid","unsafeSVG","errorIcon","invalidText","_internalValidationMsg","Array","from","map","_","index","tickPosition","midIndex","classes","open","_getTooltipPosition","_handleNumberInput","setTimeout","target","_inputRangeEl","Number","_updateTooltipPosition","showTickMark","_emitValue","_a","shadowRoot","querySelector","_validate","_inputEl","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","Styles","__decorate","property","type","String","prototype","Boolean","Object","state","query","customElement"],"mappings":"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"}

package/index.d.ts

@@ -31,6 +31,7 @@ export { Widget, WidgetDragHandle, WidgetGridstack, } from './components/reusabl
 export { Search } from './components/reusable/search';
 export { Loader, LoaderInline, Skeleton } from './components/reusable/loaders';
 export { NumberInput } from './components/reusable/numberInput';
+export { SliderInput } from './components/reusable/sliderInput';
 export { debounce, stringToReactHtml, createOptionsArray, } from './common/helpers/helpers';
 export { Config, WidgetSizes, WidgetConstraints, } from './common/helpers/gridstack';
 export { SwiperConfig } from './common/helpers/swiper';

package/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"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"}

package/index.js

@@ -1,2 +1,2 @@
-export{Header}from"./components/global/header/header.js";export{HeaderNav}from"./components/global/header/headerNav.js";export{HeaderLink}from"./components/global/header/headerLink.js";export{HeaderCategory}from"./components/global/header/headerCategory.js";export{HeaderDivider}from"./components/global/header/headerDivider.js";export{HeaderFlyouts}from"./components/global/header/headerFlyouts.js";export{HeaderFlyout}from"./components/global/header/headerFlyout.js";export{HeaderUserProfile}from"./components/global/header/headerUserProfile.js";export{HeaderPanelLink}from"./components/global/header/headerPanelLink.js";export{HeaderNotificationPanel}from"./components/global/header/headerNotificationPanel.js";export{LocalNav}from"./components/global/localNav/localNav.js";export{LocalNavLink}from"./components/global/localNav/localNavLink.js";export{LocalNavDivider}from"./components/global/localNav/localNavDivider.js";export{Footer}from"./components/global/footer/footer.js";export{UiShell}from"./components/global/uiShell/uiShell.js";export{RadioButton}from"./components/reusable/radioButton/radioButton.js";export{RadioButtonGroup}from"./components/reusable/radioButton/radioButtonGroup.js";export{Checkbox}from"./components/reusable/checkbox/checkbox.js";export{CheckboxGroup}from"./components/reusable/checkbox/checkboxGroup.js";export{CheckboxSubgroup}from"./components/reusable/checkbox/checkboxSubgroup.js";export{TextInput}from"./components/reusable/textInput/textInput.js";export{TextArea}from"./components/reusable/textArea/textArea.js";export{Avatar}from"./components/reusable/avatar/avatar.js";export{ToggleButton}from"./components/reusable/toggleButton/toggleButton.js";export{Dropdown}from"./components/reusable/dropdown/dropdown.js";export{DropdownOption}from"./components/reusable/dropdown/dropdownOption.js";export{DropdownCategory}from"./components/reusable/dropdown/dropdownCategory.js";export{DatePicker}from"./components/reusable/datePicker/datepicker.js";export{DateRangePicker}from"./components/reusable/daterangepicker/daterangepicker.js";export{TimePicker}from"./components/reusable/timepicker/timepicker.js";export{ProgressBar}from"./components/reusable/progressBar/progressBar.js";export{BlockCodeView}from"./components/reusable/blockCodeView/blockCodeView.js";export{InlineCodeView}from"./components/reusable/inlineCodeView/inlineCodeView.js";export{Breadcrumbs}from"./components/reusable/breadcrumbs/breadcrumbs.js";export{T as Table}from"./table-46e2880a.js";export{TableCell}from"./components/reusable/table/table-cell.js";export{TableRow}from"./components/reusable/table/table-row.js";export{TableBody}from"./components/reusable/table/table-body.js";export{TableHead}from"./components/reusable/table/table-head.js";export{TableHeader}from"./components/reusable/table/table-header.js";export{TableFoot}from"./components/reusable/table/table-foot.js";export{TableFooter}from"./components/reusable/table/table-footer.js";export{TableLegend}from"./components/reusable/table/table-legend.js";export{TableLegendItem}from"./components/reusable/table/table-legend-item.js";export{TableToolbar}from"./components/reusable/table/table-toolbar.js";export{TableContainer}from"./components/reusable/table/table-container.js";export{TableHeaderRow}from"./components/reusable/table/table-header-row.js";export{TableExpandedRow}from"./components/reusable/table/table-expanded-row.js";import"./components/reusable/table/table.skeleton.js";export{Pagination}from"./components/reusable/pagination/Pagination.js";import"./components/reusable/pagination/pagination-items-range.js";import"./components/reusable/pagination/pagination-page-size-dropdown.js";import"./components/reusable/pagination/pagination-navigation-buttons.js";import"./components/reusable/pagination/pagination.skeleton.js";export{OverflowMenu}from"./components/reusable/overflowMenu/overflowMenu.js";export{OverflowMenuItem}from"./components/reusable/overflowMenu/overflowMenuItem.js";export{Tabs}from"./components/reusable/tabs/tabs.js";export{Tab}from"./components/reusable/tabs/tab.js";export{TabPanel}from"./components/reusable/tabs/tabPanel.js";export{Modal}from"./components/reusable/modal/modal.js";export{Tooltip}from"./components/reusable/tooltip/tooltip.js";export{Tag}from"./components/reusable/tag/tag.js";export{TagGroup}from"./components/reusable/tag/tagGroup.js";import"./components/reusable/tag/tag.skeleton.js";export{GlobalFilter}from"./components/reusable/globalFilter/globalFilter.js";export{SideDrawer}from"./components/reusable/sideDrawer/sideDrawer.js";export{PageTitle}from"./components/reusable/pagetitle/pageTitle.js";export{Notification}from"./components/reusable/notification/notification.js";export{NotificationContainer}from"./components/reusable/notification/notificationContainer.js";export{Widget}from"./components/reusable/widget/widget.js";export{WidgetDragHandle}from"./components/reusable/widget/widgetDragHandle.js";export{WidgetGridstack}from"./components/reusable/widget/widgetGridstack.js";export{Search}from"./components/reusable/search/search.js";export{Loader}from"./components/reusable/loaders/loader.js";export{LoaderInline}from"./components/reusable/loaders/inline.js";export{Skeleton}from"./components/reusable/loaders/skeleton.js";export{NumberInput}from"./components/reusable/numberInput/numberInput.js";export{createOptionsArray,debounce,stringToReactHtml}from"./common/helpers/helpers.js";export{Config,WidgetConstraints,WidgetSizes}from"./common/helpers/gridstack.js";export{SwiperConfig}from"./common/helpers/swiper.js";export{Stepper}from"./components/reusable/stepper/stepper.js";export{StepperItem}from"./components/reusable/stepper/stepperItem.js";export{StepperItemChild}from"./components/reusable/stepper/stepperItemChild.js";export{Button}from"./components/reusable/button/button.js";export{Link}from"./components/reusable/link/link.js";export{Accordion}from"./components/reusable/accordion/accordion.js";export{AccordionItem}from"./components/reusable/accordion/accordionItem.js";export{Card}from"./components/reusable/card/card.js";import"./components/reusable/card/vitalCard.skeleton.js";import"./components/reusable/card/informationalCard.skeleton.js";export{SplitButton}from"./components/reusable/splitButton/splitButton.js";export{SplitButtonOption}from"./components/reusable/splitButton/splitButtonOption.js";export{FloatingContainer}from"./components/reusable/floatingContainer/floatingContainer.js";export{AISourcesFeedback}from"./components/ai/sourcesFeedback/aiSourcesFeedback.js";export{InlineConfirm}from"./components/reusable/inlineConfirm/inlineConfirm.js";import"./vendor/tslib-53a81efe.js";import"./vendor/lit-461e78e6.js";import"./vendor/lit-element-c6c02f24.js";import"./vendor/lit-html-29220869.js";import"./vendor/@kyndryl-design-system/shidoka-foundation-2d7bab68.js";import"./vendor/@kyndryl-design-system/shidoka-icons-43e7210b.js";import"./vendor/deepmerge-ts-e62363e6.js";import"./common/mixins/form-input.js";import"./common/helpers/flatpickr.js";import"./vendor/flatpickr-bbd13d61.js";import"./common/flatpickrLangs.js";import"./shidoka-flatpickr-theme-469e3123.js";import"./vendor/prismjs-860c2ccc.js";import"./vendor/@lit/context-6f74d22e.js";import"./components/reusable/table/table-context.js";import"./components/reusable/table/defs.js";import"./pagination-3f7d00d6.js";import"./tag-f3175688.js";import"./vendor/query-selector-shadow-dom-013e9d24.js";import"./vendor/gridstack-79fea57d.js";import"./vendor/lottie-web-9ccae634.js";import"./components/reusable/button/defs.js";import"./components/reusable/link/defs.js";import"./cardSample-37bc81e6.js";import"./components/reusable/splitButton/defs.js";
+export{Header}from"./components/global/header/header.js";export{HeaderNav}from"./components/global/header/headerNav.js";export{HeaderLink}from"./components/global/header/headerLink.js";export{HeaderCategory}from"./components/global/header/headerCategory.js";export{HeaderDivider}from"./components/global/header/headerDivider.js";export{HeaderFlyouts}from"./components/global/header/headerFlyouts.js";export{HeaderFlyout}from"./components/global/header/headerFlyout.js";export{HeaderUserProfile}from"./components/global/header/headerUserProfile.js";export{HeaderPanelLink}from"./components/global/header/headerPanelLink.js";export{HeaderNotificationPanel}from"./components/global/header/headerNotificationPanel.js";export{LocalNav}from"./components/global/localNav/localNav.js";export{LocalNavLink}from"./components/global/localNav/localNavLink.js";export{LocalNavDivider}from"./components/global/localNav/localNavDivider.js";export{Footer}from"./components/global/footer/footer.js";export{UiShell}from"./components/global/uiShell/uiShell.js";export{RadioButton}from"./components/reusable/radioButton/radioButton.js";export{RadioButtonGroup}from"./components/reusable/radioButton/radioButtonGroup.js";export{Checkbox}from"./components/reusable/checkbox/checkbox.js";export{CheckboxGroup}from"./components/reusable/checkbox/checkboxGroup.js";export{CheckboxSubgroup}from"./components/reusable/checkbox/checkboxSubgroup.js";export{TextInput}from"./components/reusable/textInput/textInput.js";export{TextArea}from"./components/reusable/textArea/textArea.js";export{Avatar}from"./components/reusable/avatar/avatar.js";export{ToggleButton}from"./components/reusable/toggleButton/toggleButton.js";export{Dropdown}from"./components/reusable/dropdown/dropdown.js";export{DropdownOption}from"./components/reusable/dropdown/dropdownOption.js";export{DropdownCategory}from"./components/reusable/dropdown/dropdownCategory.js";export{DatePicker}from"./components/reusable/datePicker/datepicker.js";export{DateRangePicker}from"./components/reusable/daterangepicker/daterangepicker.js";export{TimePicker}from"./components/reusable/timepicker/timepicker.js";export{ProgressBar}from"./components/reusable/progressBar/progressBar.js";export{BlockCodeView}from"./components/reusable/blockCodeView/blockCodeView.js";export{InlineCodeView}from"./components/reusable/inlineCodeView/inlineCodeView.js";export{Breadcrumbs}from"./components/reusable/breadcrumbs/breadcrumbs.js";export{T as Table}from"./table-46e2880a.js";export{TableCell}from"./components/reusable/table/table-cell.js";export{TableRow}from"./components/reusable/table/table-row.js";export{TableBody}from"./components/reusable/table/table-body.js";export{TableHead}from"./components/reusable/table/table-head.js";export{TableHeader}from"./components/reusable/table/table-header.js";export{TableFoot}from"./components/reusable/table/table-foot.js";export{TableFooter}from"./components/reusable/table/table-footer.js";export{TableLegend}from"./components/reusable/table/table-legend.js";export{TableLegendItem}from"./components/reusable/table/table-legend-item.js";export{TableToolbar}from"./components/reusable/table/table-toolbar.js";export{TableContainer}from"./components/reusable/table/table-container.js";export{TableHeaderRow}from"./components/reusable/table/table-header-row.js";export{TableExpandedRow}from"./components/reusable/table/table-expanded-row.js";import"./components/reusable/table/table.skeleton.js";export{Pagination}from"./components/reusable/pagination/Pagination.js";import"./components/reusable/pagination/pagination-items-range.js";import"./components/reusable/pagination/pagination-page-size-dropdown.js";import"./components/reusable/pagination/pagination-navigation-buttons.js";import"./components/reusable/pagination/pagination.skeleton.js";export{OverflowMenu}from"./components/reusable/overflowMenu/overflowMenu.js";export{OverflowMenuItem}from"./components/reusable/overflowMenu/overflowMenuItem.js";export{Tabs}from"./components/reusable/tabs/tabs.js";export{Tab}from"./components/reusable/tabs/tab.js";export{TabPanel}from"./components/reusable/tabs/tabPanel.js";export{Modal}from"./components/reusable/modal/modal.js";export{Tooltip}from"./components/reusable/tooltip/tooltip.js";export{Tag}from"./components/reusable/tag/tag.js";export{TagGroup}from"./components/reusable/tag/tagGroup.js";import"./components/reusable/tag/tag.skeleton.js";export{GlobalFilter}from"./components/reusable/globalFilter/globalFilter.js";export{SideDrawer}from"./components/reusable/sideDrawer/sideDrawer.js";export{PageTitle}from"./components/reusable/pagetitle/pageTitle.js";export{Notification}from"./components/reusable/notification/notification.js";export{NotificationContainer}from"./components/reusable/notification/notificationContainer.js";export{Widget}from"./components/reusable/widget/widget.js";export{WidgetDragHandle}from"./components/reusable/widget/widgetDragHandle.js";export{WidgetGridstack}from"./components/reusable/widget/widgetGridstack.js";export{Search}from"./components/reusable/search/search.js";export{Loader}from"./components/reusable/loaders/loader.js";export{LoaderInline}from"./components/reusable/loaders/inline.js";export{Skeleton}from"./components/reusable/loaders/skeleton.js";export{NumberInput}from"./components/reusable/numberInput/numberInput.js";export{SliderInput}from"./components/reusable/sliderInput/sliderInput.js";export{createOptionsArray,debounce,stringToReactHtml}from"./common/helpers/helpers.js";export{Config,WidgetConstraints,WidgetSizes}from"./common/helpers/gridstack.js";export{SwiperConfig}from"./common/helpers/swiper.js";export{Stepper}from"./components/reusable/stepper/stepper.js";export{StepperItem}from"./components/reusable/stepper/stepperItem.js";export{StepperItemChild}from"./components/reusable/stepper/stepperItemChild.js";export{Button}from"./components/reusable/button/button.js";export{Link}from"./components/reusable/link/link.js";export{Accordion}from"./components/reusable/accordion/accordion.js";export{AccordionItem}from"./components/reusable/accordion/accordionItem.js";export{Card}from"./components/reusable/card/card.js";import"./components/reusable/card/vitalCard.skeleton.js";import"./components/reusable/card/informationalCard.skeleton.js";export{SplitButton}from"./components/reusable/splitButton/splitButton.js";export{SplitButtonOption}from"./components/reusable/splitButton/splitButtonOption.js";export{FloatingContainer}from"./components/reusable/floatingContainer/floatingContainer.js";export{AISourcesFeedback}from"./components/ai/sourcesFeedback/aiSourcesFeedback.js";export{InlineConfirm}from"./components/reusable/inlineConfirm/inlineConfirm.js";import"./vendor/tslib-53a81efe.js";import"./vendor/lit-461e78e6.js";import"./vendor/lit-element-c6c02f24.js";import"./vendor/lit-html-29220869.js";import"./vendor/@kyndryl-design-system/shidoka-foundation-2d7bab68.js";import"./vendor/@kyndryl-design-system/shidoka-icons-43e7210b.js";import"./vendor/deepmerge-ts-e62363e6.js";import"./common/mixins/form-input.js";import"./common/helpers/flatpickr.js";import"./vendor/flatpickr-bbd13d61.js";import"./common/flatpickrLangs.js";import"./shidoka-flatpickr-theme-469e3123.js";import"./vendor/prismjs-860c2ccc.js";import"./vendor/@lit/context-6f74d22e.js";import"./components/reusable/table/table-context.js";import"./components/reusable/table/defs.js";import"./pagination-3f7d00d6.js";import"./tag-f3175688.js";import"./vendor/query-selector-shadow-dom-013e9d24.js";import"./vendor/gridstack-79fea57d.js";import"./vendor/lottie-web-9ccae634.js";import"./components/reusable/button/defs.js";import"./components/reusable/link/defs.js";import"./cardSample-37bc81e6.js";import"./components/reusable/splitButton/defs.js";
 //# sourceMappingURL=index.js.map

package/package.json

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