@kyndryl-design-system/shidoka-applications 2.86.5 → 2.87.0

package/components/reusable/button/button.js

@@ -105,6 +105,15 @@ dialog.ai-connected.gradient-bkg {
   border-radius: 0 var(--btn-radius) var(--btn-radius) 0;
 }
 
+/* vertical group overrides */
+:host(.kd-btn--group-vertical.kd-btn--group-first) .kd-btn {
+  border-radius: var(--btn-radius) var(--btn-radius) 0 0;
+}
+
+:host(.kd-btn--group-vertical.kd-btn--group-last) .kd-btn {
+  border-radius: 0 0 var(--btn-radius) var(--btn-radius);
+}
+
 :host([class*=kd-btn--group-]) .kd-btn:focus-visible {
   outline-offset: 0;
   position: relative;

package/components/reusable/button/button.js.map

@@ -1 +1 @@
-{"version":3,"file":"button.js","sources":["../../../../src/components/reusable/button/button.ts"],"sourcesContent":["/**\n * Copyright Kyndryl, Inc. 2023\n */\n\nimport { html, LitElement, unsafeCSS } from 'lit';\nimport {\n  customElement,\n  property,\n  state,\n  query,\n  queryAssignedNodes,\n  queryAssignedElements,\n} from 'lit/decorators.js';\nimport { ifDefined } from 'lit/directives/if-defined.js';\nimport { classMap } from 'lit-html/directives/class-map.js';\nimport { debounce } from '../../../common/helpers/helpers';\n\nimport {\n  BUTTON_KINDS,\n  BUTTON_SIZES,\n  BUTTON_TYPES,\n  BUTTON_ICON_POSITION,\n  BUTTON_KINDS_SOLID,\n  BUTTON_KINDS_OUTLINE,\n} from './defs';\n\nimport stylesheet from './button.scss?inline';\n\n/**\n * Button component.\n *\n * @slot unnamed - Slot for button text.\n * @slot icon - Slot for an icon.\n * @fires on-click - Emits the original click event. `detail:{ origEvent: Event }`\n */\n@customElement('kyn-button')\nexport class Button extends LitElement {\n  static override styles = unsafeCSS(stylesheet);\n\n  /** @ignore */\n  static override shadowRootOptions = {\n    ...LitElement.shadowRootOptions,\n    delegatesFocus: true,\n  };\n\n  /**\n   * Associate the component with forms.\n   * @ignore\n   */\n  static formAssociated = true;\n\n  /**\n   * Attached internals for form association.\n   * @ignore\n   */\n  @state()\n  accessor internals = this.attachInternals();\n\n  /** ARIA label for the button for accessibility. */\n  @property({ type: String })\n  accessor description = '';\n\n  /** Type for the &lt;button&gt; element. */\n  @property({ type: String })\n  accessor type: BUTTON_TYPES = BUTTON_TYPES.BUTTON;\n\n  /** Specifies the visual appearance/kind of the button. */\n  @property({ type: String })\n  accessor kind: BUTTON_KINDS = BUTTON_KINDS.PRIMARY;\n\n  /** Converts the button to an &lt;a&gt; tag if specified. */\n  @property({ type: String })\n  accessor href = '';\n\n  /** Link target, only valid if href is supplied. */\n  @property({ type: String })\n  accessor target = '_self';\n\n  /** Specifies the size of the button. */\n  @property({ type: String })\n  accessor size: BUTTON_SIZES = BUTTON_SIZES.MEDIUM;\n\n  /** Specifies the position of the icon relative to any button text. */\n  @property({ type: String })\n  accessor iconPosition: BUTTON_ICON_POSITION = BUTTON_ICON_POSITION.CENTER;\n\n  /** Determines if the button is disabled.\n   * @internal\n   */\n  @state()\n  accessor iconOnly = false;\n\n  /** Determines if the button is disabled. */\n  @property({ type: Boolean, reflect: true })\n  accessor disabled = false;\n\n  /** Button value.  */\n  @property({ type: String })\n  accessor value = '';\n\n  /** Button name. */\n  @property({ type: String })\n  accessor name = '';\n\n  /** Determines if the button is Floatable */\n  @property({ type: Boolean })\n  accessor isFloating = false;\n\n  /** Show button after scrolling to 50% of the page */\n  @property({ type: Boolean })\n  accessor showOnScroll = false;\n\n  /** Button selected state. */\n  @property({ type: Boolean })\n  accessor selected = false;\n\n  /** Determines showButton state .\n   * @internal\n   */\n  @state()\n  accessor _showButton = false;\n\n  /** re-size button to 'medium' at mobile breakpoint.\n   * @internal\n   */\n  @state()\n  accessor _reSizeBtn = false;\n\n  /** Button formmethod.  */\n  @property({ type: String })\n  accessor formmethod!: any;\n\n  /** Queries default slot nodes.\n   * @internal\n   */\n  @queryAssignedNodes()\n  accessor _slottedEls!: Array<any>;\n\n  /** Queries icon slot nodes.\n   * @internal\n   */\n  @queryAssignedElements({ slot: 'icon' })\n  accessor _iconEls!: Array<any>;\n\n  /** Queries the .button element.\n   * @internal\n   */\n  @query('.button')\n  accessor _btnEl!: any;\n\n  /** Aligns button text and icon at the edges when `kyn-button` has a set width.*/\n  @property({ type: Boolean })\n  accessor splitLayout = false;\n\n  /** Determines _hasIcon state\n   * @internal\n   */\n  @state()\n  accessor _hasIcon = false;\n\n  /** Determines _hasText state\n   * @internal\n   */\n  @state()\n  accessor _hasText = false;\n\n  override render() {\n    const BtnClasses = {\n      'kd-btn': true,\n      [`kd-btn--${this.kind}`]: true,\n      'kd-btn--solid-styles': BUTTON_KINDS_SOLID.includes(this.kind),\n      'kd-btn--outline-styles': BUTTON_KINDS_OUTLINE.includes(this.kind),\n      'kd-btn--extra-small': this.size === BUTTON_SIZES.EXTRA_SMALL,\n      'kd-btn--large': this.size === BUTTON_SIZES.LARGE,\n      'kd-btn--small': this.size === BUTTON_SIZES.SMALL,\n      'kd-btn--medium': this._reSizeBtn || this.size === BUTTON_SIZES.MEDIUM,\n      'kd-btn--icon-align': !!this.iconPosition,\n      [`kd-btn--icon-${this.iconPosition}`]:\n        !!this.iconPosition && !this.iconOnly,\n      [`kd-btn--icon-center`]: this._iconEls?.length && this.iconOnly,\n      'kd-btn--float': this.isFloating,\n      'kd-btn--hidden': this.showOnScroll && !this._showButton,\n      'icon-only': this._iconEls?.length && this.iconOnly,\n      selected: this.selected,\n      'kd-btn--splitLayout': this.splitLayout && this._hasIcon && this._hasText,\n    };\n\n    return html`\n      ${this.href && this.href !== ''\n        ? html`\n            <a\n              part=\"button\"\n              class=${classMap(BtnClasses)}\n              href=${this.href}\n              target=${this.target}\n              ?disabled=${this.disabled}\n              aria-label=${ifDefined(this.description)}\n              title=${ifDefined(this.description)}\n              @click=${(e: Event) => this.handleClick(e)}\n            >\n              <span>\n                <slot @slotchange=${() => this._handleSlotChange()}></slot>\n                <slot\n                  name=\"icon\"\n                  @slotchange=${() => this._handleSlotChange()}\n                ></slot>\n              </span>\n            </a>\n          `\n        : html`\n            <button\n              part=\"button\"\n              class=${classMap(BtnClasses)}\n              type=${this.type}\n              ?disabled=${this.disabled}\n              aria-label=${ifDefined(this.description)}\n              title=${ifDefined(this.description)}\n              name=${ifDefined(this.name)}\n              value=${ifDefined(this.value)}\n              formmethod=${ifDefined(this.formmethod)}\n              @click=${(e: Event) => this.handleClick(e)}\n            >\n              <span>\n                <slot @slotchange=${() => this._handleSlotChange()}></slot>\n                <slot\n                  name=\"icon\"\n                  @slotchange=${() => this._handleSlotChange()}\n                ></slot>\n              </span>\n            </button>\n          `}\n    `;\n  }\n\n  private handleClick(e: Event) {\n    if (this.internals.form) {\n      if (this.type === 'submit') {\n        this.internals.form.requestSubmit();\n      } else if (this.type === 'reset') {\n        this.internals.form.reset();\n      }\n    }\n\n    const event = new CustomEvent('on-click', {\n      detail: { origEvent: e },\n    });\n    this.dispatchEvent(event);\n  }\n\n  private _testIconOnly() {\n    if (!this._iconEls?.length) {\n      return false;\n    }\n\n    const TextNodes = this._slottedEls?.filter((node: any) => {\n      return node.textContent.trim() !== '';\n    });\n\n    const VisibleTextNodes = TextNodes.filter((node: any) => {\n      if (node.tagName) {\n        const Styles = getComputedStyle(node);\n        return Styles.display !== 'none' && Styles.visibility !== 'hidden';\n      } else {\n        return true;\n      }\n    });\n\n    return !VisibleTextNodes.length;\n  }\n\n  private _handleSlotChange() {\n    this.iconOnly = this._testIconOnly();\n    this._hasIcon = !!this._iconEls?.length;\n\n    const TextNodes = this._slottedEls?.filter((node: any) => {\n      return node.textContent.trim() !== '';\n    });\n    this._hasText = TextNodes.length > 0;\n    this.requestUpdate();\n  }\n\n  /** @internal */\n  private _debounceResize = debounce(() => {\n    this._reSizeButton();\n    this.iconOnly = this._testIconOnly();\n  });\n\n  /** @internal */\n  private _reSizeButton() {\n    // Resize button to medium at mobile breakpoint\n    if ((this.isFloating || this.showOnScroll) && window.innerWidth <= 672) {\n      this._reSizeBtn = true;\n    } else {\n      this._reSizeBtn = false;\n    }\n  }\n\n  /** @internal */\n  private _debounceScroll = debounce(() => {\n    if (this.showOnScroll) {\n      this._handleScroll();\n    }\n  });\n\n  /** @internal */\n  private _handleScroll() {\n    const scrollPosition = window.scrollY;\n    const windowHeight = window.innerHeight;\n    const pageHeight = document.documentElement.scrollHeight;\n    // Show the button if scrolled 50% of the page\n    this._showButton = scrollPosition > (pageHeight - windowHeight) / 2;\n  }\n\n  override connectedCallback() {\n    super.connectedCallback();\n    window.addEventListener('resize', this._debounceResize);\n    if (this.showOnScroll) {\n      window.addEventListener('scroll', this._debounceScroll);\n    }\n  }\n\n  override disconnectedCallback() {\n    window.removeEventListener('resize', this._debounceResize);\n    if (this.showOnScroll) {\n      window.removeEventListener('scroll', this._debounceScroll);\n    }\n    super.disconnectedCallback();\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'kyn-button': Button;\n  }\n}\n"],"names":["Button","customElement","LitElement","_classThis","_classSuper","_Button_internals_accessor_storage","set","this","__runInitializers","_internals_initializers","attachInternals","_Button_description_accessor_storage","_internals_extraInitializers","_description_initializers","_Button_type_accessor_storage","_description_extraInitializers","_type_initializers","BUTTON_TYPES","BUTTON","_Button_kind_accessor_storage","_type_extraInitializers","_kind_initializers","BUTTON_KINDS","PRIMARY","_Button_href_accessor_storage","_kind_extraInitializers","_href_initializers","_Button_target_accessor_storage","_href_extraInitializers","_target_initializers","_Button_size_accessor_storage","_target_extraInitializers","_size_initializers","BUTTON_SIZES","MEDIUM","_Button_iconPosition_accessor_storage","_size_extraInitializers","_iconPosition_initializers","BUTTON_ICON_POSITION","CENTER","_Button_iconOnly_accessor_storage","_iconPosition_extraInitializers","_iconOnly_initializers","_Button_disabled_accessor_storage","_iconOnly_extraInitializers","_disabled_initializers","_Button_value_accessor_storage","_disabled_extraInitializers","_value_initializers","_Button_name_accessor_storage","_value_extraInitializers","_name_initializers","_Button_isFloating_accessor_storage","_name_extraInitializers","_isFloating_initializers","_Button_showOnScroll_accessor_storage","_isFloating_extraInitializers","_showOnScroll_initializers","_Button_selected_accessor_storage","_showOnScroll_extraInitializers","_selected_initializers","_Button__showButton_accessor_storage","_selected_extraInitializers","__showButton_initializers","_Button__reSizeBtn_accessor_storage","__showButton_extraInitializers","__reSizeBtn_initializers","_Button_formmethod_accessor_storage","__reSizeBtn_extraInitializers","_formmethod_initializers","_Button__slottedEls_accessor_storage","_formmethod_extraInitializers","__slottedEls_initializers","_Button__iconEls_accessor_storage","__slottedEls_extraInitializers","__iconEls_initializers","_Button__btnEl_accessor_storage","__iconEls_extraInitializers","__btnEl_initializers","_Button_splitLayout_accessor_storage","__btnEl_extraInitializers","_splitLayout_initializers","_Button__hasIcon_accessor_storage","_splitLayout_extraInitializers","__hasIcon_initializers","_Button__hasText_accessor_storage","__hasIcon_extraInitializers","__hasText_initializers","_debounceResize","__hasText_extraInitializers","debounce","_reSizeButton","iconOnly","_testIconOnly","_debounceScroll","showOnScroll","_handleScroll","internals","__classPrivateFieldGet","value","__classPrivateFieldSet","description","type","kind","href","target","size","iconPosition","disabled","name","isFloating","selected","_showButton","_reSizeBtn","formmethod","_slottedEls","_iconEls","_btnEl","splitLayout","_hasIcon","_hasText","render","BtnClasses","BUTTON_KINDS_SOLID","includes","BUTTON_KINDS_OUTLINE","EXTRA_SMALL","LARGE","SMALL","_a","length","_b","html","classMap","ifDefined","e","handleClick","_handleSlotChange","form","requestSubmit","reset","event","CustomEvent","detail","origEvent","dispatchEvent","filter","node","textContent","trim","tagName","Styles","getComputedStyle","display","visibility","TextNodes","requestUpdate","window","innerWidth","scrollPosition","scrollY","windowHeight","innerHeight","pageHeight","document","documentElement","scrollHeight","connectedCallback","super","addEventListener","disconnectedCallback","removeEventListener","_internals_decorators","state","_description_decorators","property","String","_type_decorators","_kind_decorators","_href_decorators","_target_decorators","_size_decorators","_iconPosition_decorators","_iconOnly_decorators","Boolean","reflect","_value_decorators","_name_decorators","_isFloating_decorators","_showOnScroll_decorators","_selected_decorators","__showButton_decorators","__reSizeBtn_decorators","_formmethod_decorators","__slottedEls_decorators","queryAssignedNodes","__iconEls_decorators","queryAssignedElements","slot","query","_splitLayout_decorators","__hasIcon_decorators","__hasText_decorators","__esDecorate","static","private","access","has","obj","get","metadata","_metadata","_disabled_decorators","__btnEl_decorators","_classDescriptor","_classDecorators","_classExtraInitializers","styles","unsafeCSS","stylesheet","shadowRootOptions","delegatesFocus","formAssociated"],"mappings":"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"}
+{"version":3,"file":"button.js","sources":["../../../../src/components/reusable/button/button.ts"],"sourcesContent":["/**\n * Copyright Kyndryl, Inc. 2023\n */\n\nimport { html, LitElement, unsafeCSS } from 'lit';\nimport {\n  customElement,\n  property,\n  state,\n  query,\n  queryAssignedNodes,\n  queryAssignedElements,\n} from 'lit/decorators.js';\nimport { ifDefined } from 'lit/directives/if-defined.js';\nimport { classMap } from 'lit-html/directives/class-map.js';\nimport { debounce } from '../../../common/helpers/helpers';\n\nimport {\n  BUTTON_KINDS,\n  BUTTON_SIZES,\n  BUTTON_TYPES,\n  BUTTON_ICON_POSITION,\n  BUTTON_KINDS_SOLID,\n  BUTTON_KINDS_OUTLINE,\n} from './defs';\n\nimport stylesheet from './button.scss?inline';\n\n/**\n * Button component.\n *\n * @slot unnamed - Slot for button text.\n * @slot icon - Slot for an icon.\n * @fires on-click - Emits the original click event. `detail:{ origEvent: Event }`\n */\n@customElement('kyn-button')\nexport class Button extends LitElement {\n  static override styles = unsafeCSS(stylesheet);\n\n  /** @ignore */\n  static override shadowRootOptions = {\n    ...LitElement.shadowRootOptions,\n    delegatesFocus: true,\n  };\n\n  /**\n   * Associate the component with forms.\n   * @ignore\n   */\n  static formAssociated = true;\n\n  /**\n   * Attached internals for form association.\n   * @ignore\n   */\n  @state()\n  accessor internals = this.attachInternals();\n\n  /** ARIA label for the button for accessibility. */\n  @property({ type: String })\n  accessor description = '';\n\n  /** Type for the &lt;button&gt; element. */\n  @property({ type: String })\n  accessor type: BUTTON_TYPES = BUTTON_TYPES.BUTTON;\n\n  /** Specifies the visual appearance/kind of the button. */\n  @property({ type: String })\n  accessor kind: BUTTON_KINDS = BUTTON_KINDS.PRIMARY;\n\n  /** Converts the button to an &lt;a&gt; tag if specified. */\n  @property({ type: String })\n  accessor href = '';\n\n  /** Link target, only valid if href is supplied. */\n  @property({ type: String })\n  accessor target = '_self';\n\n  /** Specifies the size of the button. */\n  @property({ type: String })\n  accessor size: BUTTON_SIZES = BUTTON_SIZES.MEDIUM;\n\n  /** Specifies the position of the icon relative to any button text. */\n  @property({ type: String })\n  accessor iconPosition: BUTTON_ICON_POSITION = BUTTON_ICON_POSITION.CENTER;\n\n  /** Determines if the button is disabled.\n   * @internal\n   */\n  @state()\n  accessor iconOnly = false;\n\n  /** Determines if the button is disabled. */\n  @property({ type: Boolean, reflect: true })\n  accessor disabled = false;\n\n  /** Button value.  */\n  @property({ type: String })\n  accessor value = '';\n\n  /** Button name. */\n  @property({ type: String })\n  accessor name = '';\n\n  /** Determines if the button is Floatable */\n  @property({ type: Boolean })\n  accessor isFloating = false;\n\n  /** Show button after scrolling to 50% of the page */\n  @property({ type: Boolean })\n  accessor showOnScroll = false;\n\n  /** Button selected state. */\n  @property({ type: Boolean })\n  accessor selected = false;\n\n  /** Determines showButton state .\n   * @internal\n   */\n  @state()\n  accessor _showButton = false;\n\n  /** re-size button to 'medium' at mobile breakpoint.\n   * @internal\n   */\n  @state()\n  accessor _reSizeBtn = false;\n\n  /** Button formmethod.  */\n  @property({ type: String })\n  accessor formmethod!: any;\n\n  /** Queries default slot nodes.\n   * @internal\n   */\n  @queryAssignedNodes()\n  accessor _slottedEls!: Array<any>;\n\n  /** Queries icon slot nodes.\n   * @internal\n   */\n  @queryAssignedElements({ slot: 'icon' })\n  accessor _iconEls!: Array<any>;\n\n  /** Queries the .button element.\n   * @internal\n   */\n  @query('.button')\n  accessor _btnEl!: any;\n\n  /** Aligns button text and icon at the edges when `kyn-button` has a set width.*/\n  @property({ type: Boolean })\n  accessor splitLayout = false;\n\n  /** Determines _hasIcon state\n   * @internal\n   */\n  @state()\n  accessor _hasIcon = false;\n\n  /** Determines _hasText state\n   * @internal\n   */\n  @state()\n  accessor _hasText = false;\n\n  override render() {\n    const BtnClasses = {\n      'kd-btn': true,\n      [`kd-btn--${this.kind}`]: true,\n      'kd-btn--solid-styles': BUTTON_KINDS_SOLID.includes(this.kind),\n      'kd-btn--outline-styles': BUTTON_KINDS_OUTLINE.includes(this.kind),\n      'kd-btn--extra-small': this.size === BUTTON_SIZES.EXTRA_SMALL,\n      'kd-btn--large': this.size === BUTTON_SIZES.LARGE,\n      'kd-btn--small': this.size === BUTTON_SIZES.SMALL,\n      'kd-btn--medium': this._reSizeBtn || this.size === BUTTON_SIZES.MEDIUM,\n      'kd-btn--icon-align': !!this.iconPosition,\n      [`kd-btn--icon-${this.iconPosition}`]:\n        !!this.iconPosition && !this.iconOnly,\n      [`kd-btn--icon-center`]: this._iconEls?.length && this.iconOnly,\n      'kd-btn--float': this.isFloating,\n      'kd-btn--hidden': this.showOnScroll && !this._showButton,\n      'icon-only': this._iconEls?.length && this.iconOnly,\n      selected: this.selected,\n      'kd-btn--splitLayout': this.splitLayout && this._hasIcon && this._hasText,\n    };\n\n    return html`\n      ${this.href && this.href !== ''\n        ? html`\n            <a\n              part=\"button\"\n              class=${classMap(BtnClasses)}\n              href=${this.href}\n              target=${this.target}\n              ?disabled=${this.disabled}\n              aria-label=${ifDefined(this.description)}\n              title=${ifDefined(this.description)}\n              @click=${(e: Event) => this.handleClick(e)}\n            >\n              <span>\n                <slot @slotchange=${() => this._handleSlotChange()}></slot>\n                <slot\n                  name=\"icon\"\n                  @slotchange=${() => this._handleSlotChange()}\n                ></slot>\n              </span>\n            </a>\n          `\n        : html`\n            <button\n              part=\"button\"\n              class=${classMap(BtnClasses)}\n              type=${this.type}\n              ?disabled=${this.disabled}\n              aria-label=${ifDefined(this.description)}\n              title=${ifDefined(this.description)}\n              name=${ifDefined(this.name)}\n              value=${ifDefined(this.value)}\n              formmethod=${ifDefined(this.formmethod)}\n              @click=${(e: Event) => this.handleClick(e)}\n            >\n              <span>\n                <slot @slotchange=${() => this._handleSlotChange()}></slot>\n                <slot\n                  name=\"icon\"\n                  @slotchange=${() => this._handleSlotChange()}\n                ></slot>\n              </span>\n            </button>\n          `}\n    `;\n  }\n\n  private handleClick(e: Event) {\n    if (this.internals.form) {\n      if (this.type === 'submit') {\n        this.internals.form.requestSubmit();\n      } else if (this.type === 'reset') {\n        this.internals.form.reset();\n      }\n    }\n\n    const event = new CustomEvent('on-click', {\n      detail: { origEvent: e },\n    });\n    this.dispatchEvent(event);\n  }\n\n  private _testIconOnly() {\n    if (!this._iconEls?.length) {\n      return false;\n    }\n\n    const TextNodes = this._slottedEls?.filter((node: any) => {\n      return node.textContent.trim() !== '';\n    });\n\n    const VisibleTextNodes = TextNodes.filter((node: any) => {\n      if (node.tagName) {\n        const Styles = getComputedStyle(node);\n        return Styles.display !== 'none' && Styles.visibility !== 'hidden';\n      } else {\n        return true;\n      }\n    });\n\n    return !VisibleTextNodes.length;\n  }\n\n  private _handleSlotChange() {\n    this.iconOnly = this._testIconOnly();\n    this._hasIcon = !!this._iconEls?.length;\n\n    const TextNodes = this._slottedEls?.filter((node: any) => {\n      return node.textContent.trim() !== '';\n    });\n    this._hasText = TextNodes.length > 0;\n    this.requestUpdate();\n  }\n\n  /** @internal */\n  private _debounceResize = debounce(() => {\n    this._reSizeButton();\n    this.iconOnly = this._testIconOnly();\n  });\n\n  /** @internal */\n  private _reSizeButton() {\n    // Resize button to medium at mobile breakpoint\n    if ((this.isFloating || this.showOnScroll) && window.innerWidth <= 672) {\n      this._reSizeBtn = true;\n    } else {\n      this._reSizeBtn = false;\n    }\n  }\n\n  /** @internal */\n  private _debounceScroll = debounce(() => {\n    if (this.showOnScroll) {\n      this._handleScroll();\n    }\n  });\n\n  /** @internal */\n  private _handleScroll() {\n    const scrollPosition = window.scrollY;\n    const windowHeight = window.innerHeight;\n    const pageHeight = document.documentElement.scrollHeight;\n    // Show the button if scrolled 50% of the page\n    this._showButton = scrollPosition > (pageHeight - windowHeight) / 2;\n  }\n\n  override connectedCallback() {\n    super.connectedCallback();\n    window.addEventListener('resize', this._debounceResize);\n    if (this.showOnScroll) {\n      window.addEventListener('scroll', this._debounceScroll);\n    }\n  }\n\n  override disconnectedCallback() {\n    window.removeEventListener('resize', this._debounceResize);\n    if (this.showOnScroll) {\n      window.removeEventListener('scroll', this._debounceScroll);\n    }\n    super.disconnectedCallback();\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'kyn-button': Button;\n  }\n}\n"],"names":["Button","customElement","LitElement","_classThis","_classSuper","_Button_internals_accessor_storage","set","this","__runInitializers","_internals_initializers","attachInternals","_Button_description_accessor_storage","_internals_extraInitializers","_description_initializers","_Button_type_accessor_storage","_description_extraInitializers","_type_initializers","BUTTON_TYPES","BUTTON","_Button_kind_accessor_storage","_type_extraInitializers","_kind_initializers","BUTTON_KINDS","PRIMARY","_Button_href_accessor_storage","_kind_extraInitializers","_href_initializers","_Button_target_accessor_storage","_href_extraInitializers","_target_initializers","_Button_size_accessor_storage","_target_extraInitializers","_size_initializers","BUTTON_SIZES","MEDIUM","_Button_iconPosition_accessor_storage","_size_extraInitializers","_iconPosition_initializers","BUTTON_ICON_POSITION","CENTER","_Button_iconOnly_accessor_storage","_iconPosition_extraInitializers","_iconOnly_initializers","_Button_disabled_accessor_storage","_iconOnly_extraInitializers","_disabled_initializers","_Button_value_accessor_storage","_disabled_extraInitializers","_value_initializers","_Button_name_accessor_storage","_value_extraInitializers","_name_initializers","_Button_isFloating_accessor_storage","_name_extraInitializers","_isFloating_initializers","_Button_showOnScroll_accessor_storage","_isFloating_extraInitializers","_showOnScroll_initializers","_Button_selected_accessor_storage","_showOnScroll_extraInitializers","_selected_initializers","_Button__showButton_accessor_storage","_selected_extraInitializers","__showButton_initializers","_Button__reSizeBtn_accessor_storage","__showButton_extraInitializers","__reSizeBtn_initializers","_Button_formmethod_accessor_storage","__reSizeBtn_extraInitializers","_formmethod_initializers","_Button__slottedEls_accessor_storage","_formmethod_extraInitializers","__slottedEls_initializers","_Button__iconEls_accessor_storage","__slottedEls_extraInitializers","__iconEls_initializers","_Button__btnEl_accessor_storage","__iconEls_extraInitializers","__btnEl_initializers","_Button_splitLayout_accessor_storage","__btnEl_extraInitializers","_splitLayout_initializers","_Button__hasIcon_accessor_storage","_splitLayout_extraInitializers","__hasIcon_initializers","_Button__hasText_accessor_storage","__hasIcon_extraInitializers","__hasText_initializers","_debounceResize","__hasText_extraInitializers","debounce","_reSizeButton","iconOnly","_testIconOnly","_debounceScroll","showOnScroll","_handleScroll","internals","__classPrivateFieldGet","value","__classPrivateFieldSet","description","type","kind","href","target","size","iconPosition","disabled","name","isFloating","selected","_showButton","_reSizeBtn","formmethod","_slottedEls","_iconEls","_btnEl","splitLayout","_hasIcon","_hasText","render","BtnClasses","BUTTON_KINDS_SOLID","includes","BUTTON_KINDS_OUTLINE","EXTRA_SMALL","LARGE","SMALL","_a","length","_b","html","classMap","ifDefined","e","handleClick","_handleSlotChange","form","requestSubmit","reset","event","CustomEvent","detail","origEvent","dispatchEvent","filter","node","textContent","trim","tagName","Styles","getComputedStyle","display","visibility","TextNodes","requestUpdate","window","innerWidth","scrollPosition","scrollY","windowHeight","innerHeight","pageHeight","document","documentElement","scrollHeight","connectedCallback","super","addEventListener","disconnectedCallback","removeEventListener","_internals_decorators","state","_description_decorators","property","String","_type_decorators","_kind_decorators","_href_decorators","_target_decorators","_size_decorators","_iconPosition_decorators","_iconOnly_decorators","Boolean","reflect","_value_decorators","_name_decorators","_isFloating_decorators","_showOnScroll_decorators","_selected_decorators","__showButton_decorators","__reSizeBtn_decorators","_formmethod_decorators","__slottedEls_decorators","queryAssignedNodes","__iconEls_decorators","queryAssignedElements","slot","query","_splitLayout_decorators","__hasIcon_decorators","__hasText_decorators","__esDecorate","static","private","access","has","obj","get","metadata","_metadata","_disabled_decorators","__btnEl_decorators","_classDescriptor","_classDecorators","_classExtraInitializers","styles","unsafeCSS","stylesheet","shadowRootOptions","delegatesFocus","formAssociated"],"mappings":"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"}

package/components/reusable/buttonGroup/buttonGroup.d.ts

@@ -25,6 +25,8 @@ export declare class ButtonGroup extends LitElement {
     static styles: import("lit").CSSResult;
     /** Button group kind. Valid values: 'default', 'pagination', 'icons' */
     accessor kind: 'default' | 'pagination' | 'icons';
+    /** Display button group vertically. */
+    accessor vertical: boolean;
     /** zero-based: default button index; for pagination, page-1 */
     accessor selectedIndex: number;
     /**

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

@@ -1 +1 @@
-{"version":3,"file":"buttonGroup.d.ts","sourceRoot":"","sources":["../../../../src/components/reusable/buttonGroup/buttonGroup.ts"],"names":[],"mappings":"AAAA,OAAO,EAAQ,UAAU,EAAa,MAAM,KAAK,CAAC;AAQlD,OAAO,kBAAkB,CAAC;AAU1B,eAAO,MAAM,kBAAkB;;;;CAIrB,CAAC;AAEX,MAAM,MAAM,kBAAkB,GAC5B,CAAC,OAAO,kBAAkB,CAAC,CAAC,MAAM,OAAO,kBAAkB,CAAC,CAAC;AAE/D,MAAM,WAAW,YAAY;IAC3B,KAAK,EAAE,MAAM,GAAG,MAAM,CAAC;IACvB,IAAI,CAAC,EAAE,GAAG,CAAC;IACX,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAQD;;;;;;GAMG;AACH,qBACa,WAAY,SAAQ,UAAU;IACzC,OAAgB,MAAM,0BAAgC;IAEtD,wEAAwE;IAExE,QAAQ,CAAC,IAAI,EAAE,SAAS,GAAG,YAAY,GAAG,OAAO,CACpB;IAE7B,+DAA+D;IAE/D,QAAQ,CAAC,aAAa,SAAK;IAE3B;;;;OAIG;IAEH,QAAQ,CAAC,UAAU,SAAK;IAExB;;;;OAIG;IAEH,QAAQ,CAAC,UAAU,SAAK;IAExB;;;;OAIG;IAEH,QAAQ,CAAC,gBAAgB,SAAK;IAE9B,2DAA2D;IAE3D,OAAO,CAAC,QAAQ,CAAC,aAAa,CAAa;IAE3C,WAAoB,UAAU;;;;;;;;;MAM7B;IAED,2DAA2D;IAC3D,IAAW,YAAY,IAAI,MAAM,CAEhC;IAED,0DAA0D;IAC1D,IAAW,UAAU,IAAI,MAAM,CAE9B;IAED,iCAAiC;IAEjC,QAAQ,CAAC,WAAW;;;;MAAuB;IAE3C;;OAEG;IAEH,QAAQ,CAAC,YAAY;;;;MAAuB;IAE5C,mCAAmC;IAEnC,OAAO,CAAC,QAAQ,CAAC,QAAQ,CAAY;IAE5B,MAAM;IAQN,YAAY;IAKZ,OAAO,CAAC,OAAO,EAAE,GAAG,CAAC,MAAM,EAAE,GAAG,CAAC;IAqB1C,OAAO,CAAC,cAAc;IAStB,OAAO,CAAC,YAAY;IASpB,OAAO,CAAC,iBAAiB;IAqDzB,OAAO,CAAC,aAAa;IAarB,OAAO,CAAC,OAAO;IA+Bf,OAAO,CAAC,cAAc,CAAiC;IAEvD,OAAO,CAAC,qBAAqB;IAc7B,OAAO,CAAC,iBAAiB;IAczB,OAAO,CAAC,cAAc;IAUtB,OAAO,CAAC,WAAW;IAUnB,OAAO,CAAC,cAAc;IAiBb,oBAAoB;CAO9B;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,kBAAkB,EAAE,WAAW,CAAC;KACjC;CACF"}
+{"version":3,"file":"buttonGroup.d.ts","sourceRoot":"","sources":["../../../../src/components/reusable/buttonGroup/buttonGroup.ts"],"names":[],"mappings":"AAAA,OAAO,EAAQ,UAAU,EAAa,MAAM,KAAK,CAAC;AAQlD,OAAO,kBAAkB,CAAC;AAU1B,eAAO,MAAM,kBAAkB;;;;CAIrB,CAAC;AAEX,MAAM,MAAM,kBAAkB,GAC5B,CAAC,OAAO,kBAAkB,CAAC,CAAC,MAAM,OAAO,kBAAkB,CAAC,CAAC;AAE/D,MAAM,WAAW,YAAY;IAC3B,KAAK,EAAE,MAAM,GAAG,MAAM,CAAC;IACvB,IAAI,CAAC,EAAE,GAAG,CAAC;IACX,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAQD;;;;;;GAMG;AACH,qBACa,WAAY,SAAQ,UAAU;IACzC,OAAgB,MAAM,0BAAgC;IAEtD,wEAAwE;IAExE,QAAQ,CAAC,IAAI,EAAE,SAAS,GAAG,YAAY,GAAG,OAAO,CACpB;IAE7B,uCAAuC;IAEvC,QAAQ,CAAC,QAAQ,UAAS;IAE1B,+DAA+D;IAE/D,QAAQ,CAAC,aAAa,SAAK;IAE3B;;;;OAIG;IAEH,QAAQ,CAAC,UAAU,SAAK;IAExB;;;;OAIG;IAEH,QAAQ,CAAC,UAAU,SAAK;IAExB;;;;OAIG;IAEH,QAAQ,CAAC,gBAAgB,SAAK;IAE9B,2DAA2D;IAE3D,OAAO,CAAC,QAAQ,CAAC,aAAa,CAAa;IAE3C,WAAoB,UAAU;;;;;;;;;MAM7B;IAED,2DAA2D;IAC3D,IAAW,YAAY,IAAI,MAAM,CAEhC;IAED,0DAA0D;IAC1D,IAAW,UAAU,IAAI,MAAM,CAE9B;IAED,iCAAiC;IAEjC,QAAQ,CAAC,WAAW;;;;MAAuB;IAE3C;;OAEG;IAEH,QAAQ,CAAC,YAAY;;;;MAAuB;IAE5C,mCAAmC;IAEnC,OAAO,CAAC,QAAQ,CAAC,QAAQ,CAAY;IAE5B,MAAM;IAQN,YAAY;IAKZ,OAAO,CAAC,OAAO,EAAE,GAAG,CAAC,MAAM,EAAE,GAAG,CAAC;IAqB1C,OAAO,CAAC,cAAc;IAYtB,OAAO,CAAC,YAAY;IAapB,OAAO,CAAC,iBAAiB;IAqDzB,OAAO,CAAC,aAAa;IAarB,OAAO,CAAC,OAAO;IA+Bf,OAAO,CAAC,cAAc,CAAiC;IAEvD,OAAO,CAAC,qBAAqB;IAc7B,OAAO,CAAC,iBAAiB;IAczB,OAAO,CAAC,cAAc;IAUtB,OAAO,CAAC,WAAW;IAUnB,OAAO,CAAC,cAAc;IAmBb,oBAAoB;CAO9B;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,kBAAkB,EAAE,WAAW,CAAC;KACjC;CACF"}

package/components/reusable/buttonGroup/buttonGroup.js

@@ -1,7 +1,10 @@
-import{__setFunctionName as t,__esDecorate as e,__runInitializers as s,__classPrivateFieldGet as i,__classPrivateFieldSet as n}from"tslib";import{css as a,LitElement as r,unsafeCSS as l,html as o}from"lit";import{customElement as c,property as d,state as h,queryAssignedElements as u}from"lit/decorators.js";import{classMap as b}from"lit-html/directives/class-map.js";import"../button/button.js";import{BUTTON_KINDS as m}from"../button/defs.js";import{r as g,d as p}from"../../../vendor/@kyndryl-design-system/shidoka-icons-BQJX7Plc.js";import{unsafeSVG as k}from"lit/directives/unsafe-svg.js";import"lit/directives/if-defined.js";import"../../../common/helpers/helpers.js";var v=a`.kd-btn-group {
+import{__setFunctionName as t,__esDecorate as e,__runInitializers as s,__classPrivateFieldGet as i,__classPrivateFieldSet as n}from"tslib";import{css as a,LitElement as r,unsafeCSS as l,html as o}from"lit";import{customElement as c,property as d,state as h,queryAssignedElements as u}from"lit/decorators.js";import{classMap as b}from"lit-html/directives/class-map.js";import"../button/button.js";import{BUTTON_KINDS as g}from"../button/defs.js";import{r as m,d as p}from"../../../vendor/@kyndryl-design-system/shidoka-icons-BQJX7Plc.js";import{unsafeSVG as k}from"lit/directives/unsafe-svg.js";import"lit/directives/if-defined.js";import"../../../common/helpers/helpers.js";var v=a`.kd-btn-group {
   display: inline-flex;
   gap: 1px;
 }
+.kd-btn-group--vertical {
+  flex-direction: column;
+}
 
 .kd-btn-group > kyn-button {
   margin: 0;
@@ -12,12 +15,12 @@ import{__setFunctionName as t,__esDecorate as e,__runInitializers as s,__classPr
 
 .kd-btn-group > kyn-button:focus-within .kd-btn {
   outline-offset: 0 !important;
-}`;const _={DEFAULT:"default",PAGINATION:"pagination",ICONS:"icons"},x={prevButtonDescription:"Previous Page",nextButtonDescription:"Next Page",indivGroupItemDescription:""};let f=(()=>{var a,f,S,y,I,P,N,C,M;let w,E,$,A,B,V,L,O,j,D,W,G=[c("kyn-button-group")],T=[],H=r,U=[],q=[],F=[],R=[],Y=[],z=[],J=[],K=[],Q=[],X=[],Z=[],tt=[],et=[],st=[],it=[],nt=[],at=[],rt=[];return E=class extends H{constructor(){super(...arguments),a.set(this,s(this,U,_.DEFAULT)),f.set(this,(s(this,q),s(this,F,0))),S.set(this,(s(this,R),s(this,Y,1))),y.set(this,(s(this,z),s(this,J,5))),I.set(this,(s(this,K),s(this,Q,1))),P.set(this,(s(this,X),s(this,Z,1))),N.set(this,(s(this,tt),s(this,et,x))),C.set(this,(s(this,st),s(this,it,x))),M.set(this,(s(this,nt),s(this,at,void 0))),this._boundHandlers=(s(this,rt),new Map)}get kind(){return i(this,a,"f")}set kind(t){n(this,a,t,"f")}get selectedIndex(){return i(this,f,"f")}set selectedIndex(t){n(this,f,t,"f")}get totalPages(){return i(this,S,"f")}set totalPages(t){n(this,S,t,"f")}get maxVisible(){return i(this,y,"f")}set maxVisible(t){n(this,y,t,"f")}get clickIncrementBy(){return i(this,I,"f")}set clickIncrementBy(t){n(this,I,t,"f")}get _visibleStart(){return i(this,P,"f")}set _visibleStart(t){n(this,P,t,"f")}static get properties(){return{...super.properties,visibleStart:{type:Number,attribute:!1},visibleEnd:{type:Number,attribute:!1}}}get visibleStart(){return this._visibleStart}get visibleEnd(){return Math.min(this.totalPages,this._visibleStart+this.maxVisible-1)}get textStrings(){return i(this,N,"f")}set textStrings(t){n(this,N,t,"f")}get _textStrings(){return i(this,C,"f")}set _textStrings(t){n(this,C,t,"f")}get _buttons(){return i(this,M,"f")}set _buttons(t){n(this,M,t,"f")}render(){return this.kind===_.PAGINATION?this._renderPagination():this.kind===_.ICONS?this._renderIcons():this._renderDefault()}firstUpdated(){this._attachClickListeners(),this._syncSelection()}updated(t){this.kind===_.PAGINATION?(t.has("totalPages")||t.has("maxVisible")||t.has("clickIncrementBy"))&&this._updateWindow():t.has("selectedIndex")&&this._syncSelection(),t.has("kind")&&(this._attachClickListeners(),this._syncSelection())}_renderDefault(){return o`
-      <div class=${b({"kd-btn-group":!0})} role="radiogroup">
+}`;const _={DEFAULT:"default",PAGINATION:"pagination",ICONS:"icons"},f={prevButtonDescription:"Previous Page",nextButtonDescription:"Next Page",indivGroupItemDescription:""};let x=(()=>{var a,x,S,y,I,P,N,M,w,C;let E,$,B,A,V,L,O,W,j,D,G,T,H=[c("kyn-button-group")],U=[],q=r,F=[],R=[],Y=[],z=[],J=[],K=[],Q=[],X=[],Z=[],tt=[],et=[],st=[],it=[],nt=[],at=[],rt=[],lt=[],ot=[],ct=[],dt=[];return $=class extends q{constructor(){super(...arguments),a.set(this,s(this,F,_.DEFAULT)),x.set(this,(s(this,R),s(this,Y,!1))),S.set(this,(s(this,z),s(this,J,0))),y.set(this,(s(this,K),s(this,Q,1))),I.set(this,(s(this,X),s(this,Z,5))),P.set(this,(s(this,tt),s(this,et,1))),N.set(this,(s(this,st),s(this,it,1))),M.set(this,(s(this,nt),s(this,at,f))),w.set(this,(s(this,rt),s(this,lt,f))),C.set(this,(s(this,ot),s(this,ct,void 0))),this._boundHandlers=(s(this,dt),new Map)}get kind(){return i(this,a,"f")}set kind(t){n(this,a,t,"f")}get vertical(){return i(this,x,"f")}set vertical(t){n(this,x,t,"f")}get selectedIndex(){return i(this,S,"f")}set selectedIndex(t){n(this,S,t,"f")}get totalPages(){return i(this,y,"f")}set totalPages(t){n(this,y,t,"f")}get maxVisible(){return i(this,I,"f")}set maxVisible(t){n(this,I,t,"f")}get clickIncrementBy(){return i(this,P,"f")}set clickIncrementBy(t){n(this,P,t,"f")}get _visibleStart(){return i(this,N,"f")}set _visibleStart(t){n(this,N,t,"f")}static get properties(){return{...super.properties,visibleStart:{type:Number,attribute:!1},visibleEnd:{type:Number,attribute:!1}}}get visibleStart(){return this._visibleStart}get visibleEnd(){return Math.min(this.totalPages,this._visibleStart+this.maxVisible-1)}get textStrings(){return i(this,M,"f")}set textStrings(t){n(this,M,t,"f")}get _textStrings(){return i(this,w,"f")}set _textStrings(t){n(this,w,t,"f")}get _buttons(){return i(this,C,"f")}set _buttons(t){n(this,C,t,"f")}render(){return this.kind===_.PAGINATION?this._renderPagination():this.kind===_.ICONS?this._renderIcons():this._renderDefault()}firstUpdated(){this._attachClickListeners(),this._syncSelection()}updated(t){this.kind===_.PAGINATION?(t.has("totalPages")||t.has("maxVisible")||t.has("clickIncrementBy"))&&this._updateWindow():t.has("selectedIndex")&&this._syncSelection(),(t.has("kind")||t.has("vertical"))&&(this._attachClickListeners(),this._syncSelection())}_renderDefault(){const t={"kd-btn-group":!0,"kd-btn-group--vertical":this.vertical};return o`
+      <div class=${b(t)} role="radiogroup">
         <slot @slotchange=${()=>this._handleSlotChange()}></slot>
       </div>
-    `}_renderIcons(){return o`
-      <div class=${b({"kd-btn-group":!0,"kd-btn-group--icons":!0})} role="radiogroup">
+    `}_renderIcons(){const t={"kd-btn-group":!0,"kd-btn-group--icons":!0,"kd-btn-group--vertical":this.vertical};return o`
+      <div class=${b(t)} role="radiogroup">
         <slot @slotchange=${()=>this._handleSlotChange()}></slot>
       </div>
     `}_renderPagination(){const t=this.selectedIndex+1;let e=this._visibleStart;const s=Math.min(this.totalPages,e+this.maxVisible-1);s===this.totalPages&&this.totalPages>this.maxVisible&&(e=this.totalPages-this.maxVisible+1,this._visibleStart=e);const i=Array.from({length:s-e+1},((t,s)=>e+s)),n=i.indexOf(t);return o`
@@ -28,7 +31,7 @@ import{__setFunctionName as t,__esDecorate as e,__runInitializers as s,__classPr
           description=${this.textStrings.prevButtonDescription||"Previous Page"}
           @click=${()=>this._onPage("prev")}
         >
-          ${k(g)}
+          ${k(m)}
         </kyn-button>
 
         ${i.map(((t,e)=>o`
@@ -53,5 +56,5 @@ import{__setFunctionName as t,__esDecorate as e,__runInitializers as s,__classPr
           ${k(p)}
         </kyn-button>
       </div>
-    `}_updateWindow(){const t=this.selectedIndex+1,e=Math.floor(this.maxVisible/2);let s=Math.max(1,t-e);Math.min(this.totalPages,s+this.maxVisible-1)===this.totalPages&&this.totalPages>this.maxVisible&&(s=this.totalPages-this.maxVisible+1),this._visibleStart=s}_onPage(t){if("prev"===t){const t=Math.max(1,this._visibleStart-this.clickIncrementBy);this._visibleStart=t,this.requestUpdate()}else if("next"===t){const t=Math.max(1,this.totalPages-this.maxVisible+1),e=Math.min(t,this._visibleStart+this.clickIncrementBy);this._visibleStart=e,this.requestUpdate()}else this.selectedIndex=t-1;this.dispatchEvent(new CustomEvent("on-change",{bubbles:!0,composed:!0,detail:{value:"number"==typeof t?t:null,selectedIndex:this.selectedIndex,visibleStart:this.visibleStart,visibleEnd:this.visibleEnd}}))}_attachClickListeners(){this.kind!==_.PAGINATION&&this._buttons.forEach(((t,e)=>{const s=this._boundHandlers.get(t);s&&t.removeEventListener("on-click",s);const i=()=>this._onButtonClick(e);this._boundHandlers.set(t,i),t.addEventListener("on-click",i)}))}_handleSlotChange(){requestAnimationFrame((()=>{this._buttons.forEach((t=>{t.kind=this.kind===_.ICONS?m.SECONDARY:m.PRIMARY})),this._syncSelection(),this._attachClickListeners()}))}_onButtonClick(t){if(this.kind===_.PAGINATION){const e=this._buttons[t].value;return this._onPage("string"==typeof e?Number(e):e)}this.selectedIndex=t,this._emitChange(this._buttons[t].value),this._syncSelection()}_emitChange(t){this.dispatchEvent(new CustomEvent("on-change",{bubbles:!0,composed:!0,detail:{value:t}}))}_syncSelection(){const t=this._buttons.length;this._buttons.forEach(((e,s)=>{e.selected=s===this.selectedIndex,e.classList.remove("kd-btn--group-single","kd-btn--group-first","kd-btn--group-middle","kd-btn--group-last"),1===t?e.classList.add("kd-btn--group-single"):0===s?e.classList.add("kd-btn--group-first"):s===t-1?e.classList.add("kd-btn--group-last"):e.classList.add("kd-btn--group-middle")}))}disconnectedCallback(){this._boundHandlers.forEach(((t,e)=>{e.removeEventListener("click",t)})),this._boundHandlers.clear(),super.disconnectedCallback()}},a=new WeakMap,f=new WeakMap,S=new WeakMap,y=new WeakMap,I=new WeakMap,P=new WeakMap,N=new WeakMap,C=new WeakMap,M=new WeakMap,t(E,"ButtonGroup"),(()=>{var t;const s="function"==typeof Symbol&&Symbol.metadata?Object.create(null!==(t=H[Symbol.metadata])&&void 0!==t?t:null):void 0;$=[d({type:String})],A=[d({type:Number})],B=[d({type:Number})],V=[d({type:Number})],L=[d({type:Number})],O=[h()],j=[d({type:Object})],D=[h()],W=[u({slot:"",flatten:!0})],e(E,null,$,{kind:"accessor",name:"kind",static:!1,private:!1,access:{has:t=>"kind"in t,get:t=>t.kind,set:(t,e)=>{t.kind=e}},metadata:s},U,q),e(E,null,A,{kind:"accessor",name:"selectedIndex",static:!1,private:!1,access:{has:t=>"selectedIndex"in t,get:t=>t.selectedIndex,set:(t,e)=>{t.selectedIndex=e}},metadata:s},F,R),e(E,null,B,{kind:"accessor",name:"totalPages",static:!1,private:!1,access:{has:t=>"totalPages"in t,get:t=>t.totalPages,set:(t,e)=>{t.totalPages=e}},metadata:s},Y,z),e(E,null,V,{kind:"accessor",name:"maxVisible",static:!1,private:!1,access:{has:t=>"maxVisible"in t,get:t=>t.maxVisible,set:(t,e)=>{t.maxVisible=e}},metadata:s},J,K),e(E,null,L,{kind:"accessor",name:"clickIncrementBy",static:!1,private:!1,access:{has:t=>"clickIncrementBy"in t,get:t=>t.clickIncrementBy,set:(t,e)=>{t.clickIncrementBy=e}},metadata:s},Q,X),e(E,null,O,{kind:"accessor",name:"_visibleStart",static:!1,private:!1,access:{has:t=>"_visibleStart"in t,get:t=>t._visibleStart,set:(t,e)=>{t._visibleStart=e}},metadata:s},Z,tt),e(E,null,j,{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:s},et,st),e(E,null,D,{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:s},it,nt),e(E,null,W,{kind:"accessor",name:"_buttons",static:!1,private:!1,access:{has:t=>"_buttons"in t,get:t=>t._buttons,set:(t,e)=>{t._buttons=e}},metadata:s},at,rt),e(null,w={value:E},G,{kind:"class",name:E.name,metadata:s},null,T),E=w.value,s&&Object.defineProperty(E,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:s})})(),E.styles=l(v),s(E,T),E})();export{_ as BUTTON_GROUP_KINDS,f as ButtonGroup};
+    `}_updateWindow(){const t=this.selectedIndex+1,e=Math.floor(this.maxVisible/2);let s=Math.max(1,t-e);Math.min(this.totalPages,s+this.maxVisible-1)===this.totalPages&&this.totalPages>this.maxVisible&&(s=this.totalPages-this.maxVisible+1),this._visibleStart=s}_onPage(t){if("prev"===t){const t=Math.max(1,this._visibleStart-this.clickIncrementBy);this._visibleStart=t,this.requestUpdate()}else if("next"===t){const t=Math.max(1,this.totalPages-this.maxVisible+1),e=Math.min(t,this._visibleStart+this.clickIncrementBy);this._visibleStart=e,this.requestUpdate()}else this.selectedIndex=t-1;this.dispatchEvent(new CustomEvent("on-change",{bubbles:!0,composed:!0,detail:{value:"number"==typeof t?t:null,selectedIndex:this.selectedIndex,visibleStart:this.visibleStart,visibleEnd:this.visibleEnd}}))}_attachClickListeners(){this.kind!==_.PAGINATION&&this._buttons.forEach(((t,e)=>{const s=this._boundHandlers.get(t);s&&t.removeEventListener("on-click",s);const i=()=>this._onButtonClick(e);this._boundHandlers.set(t,i),t.addEventListener("on-click",i)}))}_handleSlotChange(){requestAnimationFrame((()=>{this._buttons.forEach((t=>{t.kind=this.kind===_.ICONS?g.SECONDARY:g.PRIMARY})),this._syncSelection(),this._attachClickListeners()}))}_onButtonClick(t){if(this.kind===_.PAGINATION){const e=this._buttons[t].value;return this._onPage("string"==typeof e?Number(e):e)}this.selectedIndex=t,this._emitChange(this._buttons[t].value),this._syncSelection()}_emitChange(t){this.dispatchEvent(new CustomEvent("on-change",{bubbles:!0,composed:!0,detail:{value:t}}))}_syncSelection(){const t=this._buttons.length;this._buttons.forEach(((e,s)=>{e.selected=s===this.selectedIndex,e.classList.remove("kd-btn--group-single","kd-btn--group-first","kd-btn--group-middle","kd-btn--group-last","kd-btn--group-vertical"),this.vertical&&e.classList.add("kd-btn--group-vertical"),1===t?e.classList.add("kd-btn--group-single"):0===s?e.classList.add("kd-btn--group-first"):s===t-1?e.classList.add("kd-btn--group-last"):e.classList.add("kd-btn--group-middle")}))}disconnectedCallback(){this._boundHandlers.forEach(((t,e)=>{e.removeEventListener("click",t)})),this._boundHandlers.clear(),super.disconnectedCallback()}},a=new WeakMap,x=new WeakMap,S=new WeakMap,y=new WeakMap,I=new WeakMap,P=new WeakMap,N=new WeakMap,M=new WeakMap,w=new WeakMap,C=new WeakMap,t($,"ButtonGroup"),(()=>{var t;const s="function"==typeof Symbol&&Symbol.metadata?Object.create(null!==(t=q[Symbol.metadata])&&void 0!==t?t:null):void 0;B=[d({type:String})],A=[d({type:Boolean})],V=[d({type:Number})],L=[d({type:Number})],O=[d({type:Number})],W=[d({type:Number})],j=[h()],D=[d({type:Object})],G=[h()],T=[u({slot:"",flatten:!0})],e($,null,B,{kind:"accessor",name:"kind",static:!1,private:!1,access:{has:t=>"kind"in t,get:t=>t.kind,set:(t,e)=>{t.kind=e}},metadata:s},F,R),e($,null,A,{kind:"accessor",name:"vertical",static:!1,private:!1,access:{has:t=>"vertical"in t,get:t=>t.vertical,set:(t,e)=>{t.vertical=e}},metadata:s},Y,z),e($,null,V,{kind:"accessor",name:"selectedIndex",static:!1,private:!1,access:{has:t=>"selectedIndex"in t,get:t=>t.selectedIndex,set:(t,e)=>{t.selectedIndex=e}},metadata:s},J,K),e($,null,L,{kind:"accessor",name:"totalPages",static:!1,private:!1,access:{has:t=>"totalPages"in t,get:t=>t.totalPages,set:(t,e)=>{t.totalPages=e}},metadata:s},Q,X),e($,null,O,{kind:"accessor",name:"maxVisible",static:!1,private:!1,access:{has:t=>"maxVisible"in t,get:t=>t.maxVisible,set:(t,e)=>{t.maxVisible=e}},metadata:s},Z,tt),e($,null,W,{kind:"accessor",name:"clickIncrementBy",static:!1,private:!1,access:{has:t=>"clickIncrementBy"in t,get:t=>t.clickIncrementBy,set:(t,e)=>{t.clickIncrementBy=e}},metadata:s},et,st),e($,null,j,{kind:"accessor",name:"_visibleStart",static:!1,private:!1,access:{has:t=>"_visibleStart"in t,get:t=>t._visibleStart,set:(t,e)=>{t._visibleStart=e}},metadata:s},it,nt),e($,null,D,{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:s},at,rt),e($,null,G,{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:s},lt,ot),e($,null,T,{kind:"accessor",name:"_buttons",static:!1,private:!1,access:{has:t=>"_buttons"in t,get:t=>t._buttons,set:(t,e)=>{t._buttons=e}},metadata:s},ct,dt),e(null,E={value:$},H,{kind:"class",name:$.name,metadata:s},null,U),$=E.value,s&&Object.defineProperty($,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:s})})(),$.styles=l(v),s($,U),$})();export{_ as BUTTON_GROUP_KINDS,x as ButtonGroup};
 //# sourceMappingURL=buttonGroup.js.map

package/components/reusable/buttonGroup/buttonGroup.js.map

@@ -1 +1 @@
-{"version":3,"file":"buttonGroup.js","sources":["../../../../src/components/reusable/buttonGroup/buttonGroup.ts"],"sourcesContent":["import { html, LitElement, unsafeCSS } from 'lit';\nimport {\n  customElement,\n  property,\n  queryAssignedElements,\n  state,\n} from 'lit/decorators.js';\nimport { classMap } from 'lit-html/directives/class-map.js';\nimport '../button/button';\nimport type { Button } from '../button/button';\nimport { BUTTON_KINDS } from '../button/defs';\n\nimport ButtonGroupStyles from './buttonGroup.scss?inline';\n\nimport chevronLeftIcon from '@kyndryl-design-system/shidoka-icons/svg/monochrome/16/chevron-left.svg';\nimport chevronRightIcon from '@kyndryl-design-system/shidoka-icons/svg/monochrome/16/chevron-right.svg';\nimport { unsafeSVG } from 'lit/directives/unsafe-svg.js';\n\nexport const BUTTON_GROUP_KINDS = {\n  DEFAULT: 'default',\n  PAGINATION: 'pagination',\n  ICONS: 'icons',\n} as const;\n\nexport type BUTTON_GROUP_KINDS =\n  (typeof BUTTON_GROUP_KINDS)[keyof typeof BUTTON_GROUP_KINDS];\n\nexport interface ButtonConfig {\n  value: string | number;\n  icon?: any;\n  text?: string;\n  description?: string;\n  disabled?: boolean;\n  kind?: string;\n}\n\nconst _defaultTextStrings = {\n  prevButtonDescription: 'Previous Page',\n  nextButtonDescription: 'Next Page',\n  indivGroupItemDescription: '',\n};\n\n/**\n * ButtonGroup component.\n *\n * @slot unnamed - Slot for <kyn-button> elements.\n * @fires on-change - Captures the click event button selection in button group.\n * <pre><code>detail:{ value: string | number, selectedIndex: number, visibleStart: number, visibleEnd: number }</code></pre>\n */\n@customElement('kyn-button-group')\nexport class ButtonGroup extends LitElement {\n  static override styles = unsafeCSS(ButtonGroupStyles);\n\n  /** Button group kind. Valid values: 'default', 'pagination', 'icons' */\n  @property({ type: String })\n  accessor kind: 'default' | 'pagination' | 'icons' =\n    BUTTON_GROUP_KINDS.DEFAULT;\n\n  /** zero-based: default button index; for pagination, page-1 */\n  @property({ type: Number })\n  accessor selectedIndex = 0;\n\n  /**\n   * @category pagination\n   * @remarks only used when `kind === BUTTON_GROUP_KINDS.PAGINATION (`pagination`)`\n   * Total number of pages for pagination mode\n   */\n  @property({ type: Number })\n  accessor totalPages = 1;\n\n  /**\n   * @category pagination\n   * @remarks only used when `kind === BUTTON_GROUP_KINDS.PAGINATION (`pagination`)`\n   * Maximum number of visible page buttons\n   */\n  @property({ type: Number })\n  accessor maxVisible = 5;\n\n  /**\n   * @category pagination\n   * @remarks only used when `kind === BUTTON_GROUP_KINDS.PAGINATION (`pagination`)`\n   * Number of pages to increment/decrement when clicking next/previous\n   */\n  @property({ type: Number })\n  accessor clickIncrementBy = 1;\n\n  /** Starting page for the visible range (internal state) */\n  @state()\n  private accessor _visibleStart: number = 1;\n\n  static override get properties() {\n    return {\n      ...super.properties,\n      visibleStart: { type: Number, attribute: false },\n      visibleEnd: { type: Number, attribute: false },\n    };\n  }\n\n  /** Current first page in the visible window (read-only) */\n  public get visibleStart(): number {\n    return this._visibleStart;\n  }\n\n  /** Current last page in the visible window (read-only) */\n  public get visibleEnd(): number {\n    return Math.min(this.totalPages, this._visibleStart + this.maxVisible - 1);\n  }\n\n  /** Text string customization. */\n  @property({ type: Object })\n  accessor textStrings = _defaultTextStrings;\n\n  /** Internal text strings.\n   * @internal\n   */\n  @state()\n  accessor _textStrings = _defaultTextStrings;\n\n  /** Target <kyn-button> children */\n  @queryAssignedElements({ slot: '', flatten: true })\n  private accessor _buttons!: Button[];\n\n  override render() {\n    return this.kind === BUTTON_GROUP_KINDS.PAGINATION\n      ? this._renderPagination()\n      : this.kind === BUTTON_GROUP_KINDS.ICONS\n      ? this._renderIcons()\n      : this._renderDefault();\n  }\n\n  override firstUpdated() {\n    this._attachClickListeners();\n    this._syncSelection();\n  }\n\n  override updated(changed: Map<string, any>) {\n    if (this.kind === BUTTON_GROUP_KINDS.PAGINATION) {\n      if (\n        changed.has('totalPages') ||\n        changed.has('maxVisible') ||\n        changed.has('clickIncrementBy')\n      ) {\n        this._updateWindow();\n      }\n    } else {\n      if (changed.has('selectedIndex')) {\n        this._syncSelection();\n      }\n    }\n\n    if (changed.has('kind')) {\n      this._attachClickListeners();\n      this._syncSelection();\n    }\n  }\n\n  private _renderDefault() {\n    const cls = { 'kd-btn-group': true };\n    return html`\n      <div class=${classMap(cls)} role=\"radiogroup\">\n        <slot @slotchange=${() => this._handleSlotChange()}></slot>\n      </div>\n    `;\n  }\n\n  private _renderIcons() {\n    const cls = { 'kd-btn-group': true, 'kd-btn-group--icons': true };\n    return html`\n      <div class=${classMap(cls)} role=\"radiogroup\">\n        <slot @slotchange=${() => this._handleSlotChange()}></slot>\n      </div>\n    `;\n  }\n\n  private _renderPagination() {\n    const currentPage = this.selectedIndex + 1;\n    let start = this._visibleStart;\n    const end = Math.min(this.totalPages, start + this.maxVisible - 1);\n\n    if (end === this.totalPages && this.totalPages > this.maxVisible) {\n      start = this.totalPages - this.maxVisible + 1;\n      this._visibleStart = start;\n    }\n\n    const pages = Array.from({ length: end - start + 1 }, (_, i) => start + i);\n    const rel = pages.indexOf(currentPage);\n\n    return html`\n      <div class=\"kd-btn-group\" role=\"radiogroup\">\n        <kyn-button\n          kind=\"tertiary\"\n          class=\"kd-btn--group-first\"\n          description=${this.textStrings.prevButtonDescription ||\n          `Previous Page`}\n          @click=${() => this._onPage('prev')}\n        >\n          ${unsafeSVG(chevronLeftIcon)}\n        </kyn-button>\n\n        ${pages.map(\n          (p, i) => html`\n            <kyn-button\n              kind=\"tertiary\"\n              description=${this.textStrings.indivGroupItemDescription ||\n              `Page ${p} of ${this.totalPages}`}\n              class=\"kd-btn--group-middle\"\n              ?selected=${i === rel}\n              @click=${() => this._onPage(p)}\n              data-page=${p}\n            >\n              ${p}\n            </kyn-button>\n          `\n        )}\n\n        <kyn-button\n          kind=\"tertiary\"\n          class=\"kd-btn--group-last\"\n          description=${this.textStrings.nextButtonDescription || `Next Page`}\n          @click=${() => this._onPage('next')}\n        >\n          ${unsafeSVG(chevronRightIcon)}\n        </kyn-button>\n      </div>\n    `;\n  }\n\n  private _updateWindow() {\n    const currentPage = this.selectedIndex + 1;\n    const half = Math.floor(this.maxVisible / 2);\n    let start = Math.max(1, currentPage - half);\n    const end = Math.min(this.totalPages, start + this.maxVisible - 1);\n\n    if (end === this.totalPages && this.totalPages > this.maxVisible) {\n      start = this.totalPages - this.maxVisible + 1;\n    }\n\n    this._visibleStart = start;\n  }\n\n  private _onPage(cmd: 'prev' | 'next' | number) {\n    if (cmd === 'prev') {\n      const newStart = Math.max(1, this._visibleStart - this.clickIncrementBy);\n      this._visibleStart = newStart;\n      this.requestUpdate();\n    } else if (cmd === 'next') {\n      const maxStart = Math.max(1, this.totalPages - this.maxVisible + 1);\n      const newStart = Math.min(\n        maxStart,\n        this._visibleStart + this.clickIncrementBy\n      );\n      this._visibleStart = newStart;\n      this.requestUpdate();\n    } else {\n      this.selectedIndex = cmd - 1;\n    }\n\n    this.dispatchEvent(\n      new CustomEvent('on-change', {\n        bubbles: true,\n        composed: true,\n        detail: {\n          value: typeof cmd === 'number' ? cmd : null,\n          selectedIndex: this.selectedIndex,\n          visibleStart: this.visibleStart,\n          visibleEnd: this.visibleEnd,\n        },\n      })\n    );\n  }\n\n  private _boundHandlers = new Map<Button, () => void>();\n\n  private _attachClickListeners() {\n    if (this.kind === BUTTON_GROUP_KINDS.PAGINATION) return;\n    this._buttons.forEach((btn, idx) => {\n      const existingHandler = this._boundHandlers.get(btn);\n      if (existingHandler) {\n        btn.removeEventListener('on-click', existingHandler);\n      }\n\n      const handler = () => this._onButtonClick(idx);\n      this._boundHandlers.set(btn, handler);\n      btn.addEventListener('on-click', handler);\n    });\n  }\n\n  private _handleSlotChange() {\n    requestAnimationFrame(() => {\n      this._buttons.forEach((btn) => {\n        btn.kind =\n          this.kind === BUTTON_GROUP_KINDS.ICONS\n            ? BUTTON_KINDS.SECONDARY\n            : BUTTON_KINDS.PRIMARY;\n      });\n      this._syncSelection();\n\n      this._attachClickListeners();\n    });\n  }\n\n  private _onButtonClick(idx: number) {\n    if (this.kind === BUTTON_GROUP_KINDS.PAGINATION) {\n      const raw = this._buttons[idx].value;\n      return this._onPage(typeof raw === 'string' ? Number(raw) : raw);\n    }\n    this.selectedIndex = idx;\n    this._emitChange(this._buttons[idx].value);\n    this._syncSelection();\n  }\n\n  private _emitChange(value: unknown) {\n    this.dispatchEvent(\n      new CustomEvent('on-change', {\n        bubbles: true,\n        composed: true,\n        detail: { value },\n      })\n    );\n  }\n\n  private _syncSelection() {\n    const total = this._buttons.length;\n    this._buttons.forEach((btn, idx) => {\n      btn.selected = idx === this.selectedIndex;\n      btn.classList.remove(\n        'kd-btn--group-single',\n        'kd-btn--group-first',\n        'kd-btn--group-middle',\n        'kd-btn--group-last'\n      );\n      if (total === 1) btn.classList.add('kd-btn--group-single');\n      else if (idx === 0) btn.classList.add('kd-btn--group-first');\n      else if (idx === total - 1) btn.classList.add('kd-btn--group-last');\n      else btn.classList.add('kd-btn--group-middle');\n    });\n  }\n\n  override disconnectedCallback() {\n    this._boundHandlers.forEach((handler, btn) => {\n      btn.removeEventListener('click', handler);\n    });\n    this._boundHandlers.clear();\n    super.disconnectedCallback();\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'kyn-button-group': ButtonGroup;\n  }\n}\n"],"names":["BUTTON_GROUP_KINDS","DEFAULT","PAGINATION","ICONS","_defaultTextStrings","prevButtonDescription","nextButtonDescription","indivGroupItemDescription","ButtonGroup","customElement","LitElement","_classThis","_classSuper","_ButtonGroup_kind_accessor_storage","set","this","__runInitializers","_kind_initializers","_ButtonGroup_selectedIndex_accessor_storage","_kind_extraInitializers","_selectedIndex_initializers","_ButtonGroup_totalPages_accessor_storage","_selectedIndex_extraInitializers","_totalPages_initializers","_ButtonGroup_maxVisible_accessor_storage","_totalPages_extraInitializers","_maxVisible_initializers","_ButtonGroup_clickIncrementBy_accessor_storage","_maxVisible_extraInitializers","_clickIncrementBy_initializers","_ButtonGroup__visibleStart_accessor_storage","_clickIncrementBy_extraInitializers","__visibleStart_initializers","_ButtonGroup_textStrings_accessor_storage","__visibleStart_extraInitializers","_textStrings_initializers","_ButtonGroup__textStrings_accessor_storage","_textStrings_extraInitializers","__textStrings_initializers","_ButtonGroup__buttons_accessor_storage","__textStrings_extraInitializers","__buttons_initializers","_boundHandlers","__buttons_extraInitializers","Map","kind","__classPrivateFieldGet","value","__classPrivateFieldSet","selectedIndex","totalPages","maxVisible","clickIncrementBy","_visibleStart","properties","super","visibleStart","type","Number","attribute","visibleEnd","Math","min","textStrings","_textStrings","_buttons","render","_renderPagination","_renderIcons","_renderDefault","firstUpdated","_attachClickListeners","_syncSelection","updated","changed","has","_updateWindow","html","classMap","_handleSlotChange","currentPage","start","end","pages","Array","from","length","_","i","rel","indexOf","_onPage","unsafeSVG","chevronLeftIcon","map","p","chevronRightIcon","half","floor","max","cmd","newStart","requestUpdate","maxStart","dispatchEvent","CustomEvent","bubbles","composed","detail","forEach","btn","idx","existingHandler","get","removeEventListener","handler","_onButtonClick","addEventListener","requestAnimationFrame","BUTTON_KINDS","SECONDARY","PRIMARY","raw","_emitChange","total","selected","classList","remove","add","disconnectedCallback","clear","_kind_decorators","property","String","_selectedIndex_decorators","_totalPages_decorators","_maxVisible_decorators","_clickIncrementBy_decorators","__visibleStart_decorators","state","_textStrings_decorators","Object","__textStrings_decorators","queryAssignedElements","slot","flatten","__esDecorate","name","static","private","access","obj","metadata","_metadata","__buttons_decorators","_classDescriptor","_classDecorators","_classExtraInitializers","styles","unsafeCSS","ButtonGroupStyles"],"mappings":"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"}
+{"version":3,"file":"buttonGroup.js","sources":["../../../../src/components/reusable/buttonGroup/buttonGroup.ts"],"sourcesContent":["import { html, LitElement, unsafeCSS } from 'lit';\nimport {\n  customElement,\n  property,\n  queryAssignedElements,\n  state,\n} from 'lit/decorators.js';\nimport { classMap } from 'lit-html/directives/class-map.js';\nimport '../button/button';\nimport type { Button } from '../button/button';\nimport { BUTTON_KINDS } from '../button/defs';\n\nimport ButtonGroupStyles from './buttonGroup.scss?inline';\n\nimport chevronLeftIcon from '@kyndryl-design-system/shidoka-icons/svg/monochrome/16/chevron-left.svg';\nimport chevronRightIcon from '@kyndryl-design-system/shidoka-icons/svg/monochrome/16/chevron-right.svg';\nimport { unsafeSVG } from 'lit/directives/unsafe-svg.js';\n\nexport const BUTTON_GROUP_KINDS = {\n  DEFAULT: 'default',\n  PAGINATION: 'pagination',\n  ICONS: 'icons',\n} as const;\n\nexport type BUTTON_GROUP_KINDS =\n  (typeof BUTTON_GROUP_KINDS)[keyof typeof BUTTON_GROUP_KINDS];\n\nexport interface ButtonConfig {\n  value: string | number;\n  icon?: any;\n  text?: string;\n  description?: string;\n  disabled?: boolean;\n  kind?: string;\n}\n\nconst _defaultTextStrings = {\n  prevButtonDescription: 'Previous Page',\n  nextButtonDescription: 'Next Page',\n  indivGroupItemDescription: '',\n};\n\n/**\n * ButtonGroup component.\n *\n * @slot unnamed - Slot for <kyn-button> elements.\n * @fires on-change - Captures the click event button selection in button group.\n * <pre><code>detail:{ value: string | number, selectedIndex: number, visibleStart: number, visibleEnd: number }</code></pre>\n */\n@customElement('kyn-button-group')\nexport class ButtonGroup extends LitElement {\n  static override styles = unsafeCSS(ButtonGroupStyles);\n\n  /** Button group kind. Valid values: 'default', 'pagination', 'icons' */\n  @property({ type: String })\n  accessor kind: 'default' | 'pagination' | 'icons' =\n    BUTTON_GROUP_KINDS.DEFAULT;\n\n  /** Display button group vertically. */\n  @property({ type: Boolean })\n  accessor vertical = false;\n\n  /** zero-based: default button index; for pagination, page-1 */\n  @property({ type: Number })\n  accessor selectedIndex = 0;\n\n  /**\n   * @category pagination\n   * @remarks only used when `kind === BUTTON_GROUP_KINDS.PAGINATION (`pagination`)`\n   * Total number of pages for pagination mode\n   */\n  @property({ type: Number })\n  accessor totalPages = 1;\n\n  /**\n   * @category pagination\n   * @remarks only used when `kind === BUTTON_GROUP_KINDS.PAGINATION (`pagination`)`\n   * Maximum number of visible page buttons\n   */\n  @property({ type: Number })\n  accessor maxVisible = 5;\n\n  /**\n   * @category pagination\n   * @remarks only used when `kind === BUTTON_GROUP_KINDS.PAGINATION (`pagination`)`\n   * Number of pages to increment/decrement when clicking next/previous\n   */\n  @property({ type: Number })\n  accessor clickIncrementBy = 1;\n\n  /** Starting page for the visible range (internal state) */\n  @state()\n  private accessor _visibleStart: number = 1;\n\n  static override get properties() {\n    return {\n      ...super.properties,\n      visibleStart: { type: Number, attribute: false },\n      visibleEnd: { type: Number, attribute: false },\n    };\n  }\n\n  /** Current first page in the visible window (read-only) */\n  public get visibleStart(): number {\n    return this._visibleStart;\n  }\n\n  /** Current last page in the visible window (read-only) */\n  public get visibleEnd(): number {\n    return Math.min(this.totalPages, this._visibleStart + this.maxVisible - 1);\n  }\n\n  /** Text string customization. */\n  @property({ type: Object })\n  accessor textStrings = _defaultTextStrings;\n\n  /** Internal text strings.\n   * @internal\n   */\n  @state()\n  accessor _textStrings = _defaultTextStrings;\n\n  /** Target <kyn-button> children */\n  @queryAssignedElements({ slot: '', flatten: true })\n  private accessor _buttons!: Button[];\n\n  override render() {\n    return this.kind === BUTTON_GROUP_KINDS.PAGINATION\n      ? this._renderPagination()\n      : this.kind === BUTTON_GROUP_KINDS.ICONS\n      ? this._renderIcons()\n      : this._renderDefault();\n  }\n\n  override firstUpdated() {\n    this._attachClickListeners();\n    this._syncSelection();\n  }\n\n  override updated(changed: Map<string, any>) {\n    if (this.kind === BUTTON_GROUP_KINDS.PAGINATION) {\n      if (\n        changed.has('totalPages') ||\n        changed.has('maxVisible') ||\n        changed.has('clickIncrementBy')\n      ) {\n        this._updateWindow();\n      }\n    } else {\n      if (changed.has('selectedIndex')) {\n        this._syncSelection();\n      }\n    }\n\n    if (changed.has('kind') || changed.has('vertical')) {\n      this._attachClickListeners();\n      this._syncSelection();\n    }\n  }\n\n  private _renderDefault() {\n    const cls = {\n      'kd-btn-group': true,\n      'kd-btn-group--vertical': this.vertical,\n    };\n    return html`\n      <div class=${classMap(cls)} role=\"radiogroup\">\n        <slot @slotchange=${() => this._handleSlotChange()}></slot>\n      </div>\n    `;\n  }\n\n  private _renderIcons() {\n    const cls = {\n      'kd-btn-group': true,\n      'kd-btn-group--icons': true,\n      'kd-btn-group--vertical': this.vertical,\n    };\n    return html`\n      <div class=${classMap(cls)} role=\"radiogroup\">\n        <slot @slotchange=${() => this._handleSlotChange()}></slot>\n      </div>\n    `;\n  }\n\n  private _renderPagination() {\n    const currentPage = this.selectedIndex + 1;\n    let start = this._visibleStart;\n    const end = Math.min(this.totalPages, start + this.maxVisible - 1);\n\n    if (end === this.totalPages && this.totalPages > this.maxVisible) {\n      start = this.totalPages - this.maxVisible + 1;\n      this._visibleStart = start;\n    }\n\n    const pages = Array.from({ length: end - start + 1 }, (_, i) => start + i);\n    const rel = pages.indexOf(currentPage);\n\n    return html`\n      <div class=\"kd-btn-group\" role=\"radiogroup\">\n        <kyn-button\n          kind=\"tertiary\"\n          class=\"kd-btn--group-first\"\n          description=${this.textStrings.prevButtonDescription ||\n          `Previous Page`}\n          @click=${() => this._onPage('prev')}\n        >\n          ${unsafeSVG(chevronLeftIcon)}\n        </kyn-button>\n\n        ${pages.map(\n          (p, i) => html`\n            <kyn-button\n              kind=\"tertiary\"\n              description=${this.textStrings.indivGroupItemDescription ||\n              `Page ${p} of ${this.totalPages}`}\n              class=\"kd-btn--group-middle\"\n              ?selected=${i === rel}\n              @click=${() => this._onPage(p)}\n              data-page=${p}\n            >\n              ${p}\n            </kyn-button>\n          `\n        )}\n\n        <kyn-button\n          kind=\"tertiary\"\n          class=\"kd-btn--group-last\"\n          description=${this.textStrings.nextButtonDescription || `Next Page`}\n          @click=${() => this._onPage('next')}\n        >\n          ${unsafeSVG(chevronRightIcon)}\n        </kyn-button>\n      </div>\n    `;\n  }\n\n  private _updateWindow() {\n    const currentPage = this.selectedIndex + 1;\n    const half = Math.floor(this.maxVisible / 2);\n    let start = Math.max(1, currentPage - half);\n    const end = Math.min(this.totalPages, start + this.maxVisible - 1);\n\n    if (end === this.totalPages && this.totalPages > this.maxVisible) {\n      start = this.totalPages - this.maxVisible + 1;\n    }\n\n    this._visibleStart = start;\n  }\n\n  private _onPage(cmd: 'prev' | 'next' | number) {\n    if (cmd === 'prev') {\n      const newStart = Math.max(1, this._visibleStart - this.clickIncrementBy);\n      this._visibleStart = newStart;\n      this.requestUpdate();\n    } else if (cmd === 'next') {\n      const maxStart = Math.max(1, this.totalPages - this.maxVisible + 1);\n      const newStart = Math.min(\n        maxStart,\n        this._visibleStart + this.clickIncrementBy\n      );\n      this._visibleStart = newStart;\n      this.requestUpdate();\n    } else {\n      this.selectedIndex = cmd - 1;\n    }\n\n    this.dispatchEvent(\n      new CustomEvent('on-change', {\n        bubbles: true,\n        composed: true,\n        detail: {\n          value: typeof cmd === 'number' ? cmd : null,\n          selectedIndex: this.selectedIndex,\n          visibleStart: this.visibleStart,\n          visibleEnd: this.visibleEnd,\n        },\n      })\n    );\n  }\n\n  private _boundHandlers = new Map<Button, () => void>();\n\n  private _attachClickListeners() {\n    if (this.kind === BUTTON_GROUP_KINDS.PAGINATION) return;\n    this._buttons.forEach((btn, idx) => {\n      const existingHandler = this._boundHandlers.get(btn);\n      if (existingHandler) {\n        btn.removeEventListener('on-click', existingHandler);\n      }\n\n      const handler = () => this._onButtonClick(idx);\n      this._boundHandlers.set(btn, handler);\n      btn.addEventListener('on-click', handler);\n    });\n  }\n\n  private _handleSlotChange() {\n    requestAnimationFrame(() => {\n      this._buttons.forEach((btn) => {\n        btn.kind =\n          this.kind === BUTTON_GROUP_KINDS.ICONS\n            ? BUTTON_KINDS.SECONDARY\n            : BUTTON_KINDS.PRIMARY;\n      });\n      this._syncSelection();\n\n      this._attachClickListeners();\n    });\n  }\n\n  private _onButtonClick(idx: number) {\n    if (this.kind === BUTTON_GROUP_KINDS.PAGINATION) {\n      const raw = this._buttons[idx].value;\n      return this._onPage(typeof raw === 'string' ? Number(raw) : raw);\n    }\n    this.selectedIndex = idx;\n    this._emitChange(this._buttons[idx].value);\n    this._syncSelection();\n  }\n\n  private _emitChange(value: unknown) {\n    this.dispatchEvent(\n      new CustomEvent('on-change', {\n        bubbles: true,\n        composed: true,\n        detail: { value },\n      })\n    );\n  }\n\n  private _syncSelection() {\n    const total = this._buttons.length;\n    this._buttons.forEach((btn, idx) => {\n      btn.selected = idx === this.selectedIndex;\n      btn.classList.remove(\n        'kd-btn--group-single',\n        'kd-btn--group-first',\n        'kd-btn--group-middle',\n        'kd-btn--group-last',\n        'kd-btn--group-vertical'\n      );\n      if (this.vertical) btn.classList.add('kd-btn--group-vertical');\n      if (total === 1) btn.classList.add('kd-btn--group-single');\n      else if (idx === 0) btn.classList.add('kd-btn--group-first');\n      else if (idx === total - 1) btn.classList.add('kd-btn--group-last');\n      else btn.classList.add('kd-btn--group-middle');\n    });\n  }\n\n  override disconnectedCallback() {\n    this._boundHandlers.forEach((handler, btn) => {\n      btn.removeEventListener('click', handler);\n    });\n    this._boundHandlers.clear();\n    super.disconnectedCallback();\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'kyn-button-group': ButtonGroup;\n  }\n}\n"],"names":["BUTTON_GROUP_KINDS","DEFAULT","PAGINATION","ICONS","_defaultTextStrings","prevButtonDescription","nextButtonDescription","indivGroupItemDescription","ButtonGroup","customElement","LitElement","_classThis","_classSuper","_ButtonGroup_kind_accessor_storage","set","this","__runInitializers","_kind_initializers","_ButtonGroup_vertical_accessor_storage","_kind_extraInitializers","_vertical_initializers","_ButtonGroup_selectedIndex_accessor_storage","_vertical_extraInitializers","_selectedIndex_initializers","_ButtonGroup_totalPages_accessor_storage","_selectedIndex_extraInitializers","_totalPages_initializers","_ButtonGroup_maxVisible_accessor_storage","_totalPages_extraInitializers","_maxVisible_initializers","_ButtonGroup_clickIncrementBy_accessor_storage","_maxVisible_extraInitializers","_clickIncrementBy_initializers","_ButtonGroup__visibleStart_accessor_storage","_clickIncrementBy_extraInitializers","__visibleStart_initializers","_ButtonGroup_textStrings_accessor_storage","__visibleStart_extraInitializers","_textStrings_initializers","_ButtonGroup__textStrings_accessor_storage","_textStrings_extraInitializers","__textStrings_initializers","_ButtonGroup__buttons_accessor_storage","__textStrings_extraInitializers","__buttons_initializers","_boundHandlers","__buttons_extraInitializers","Map","kind","__classPrivateFieldGet","value","__classPrivateFieldSet","vertical","selectedIndex","totalPages","maxVisible","clickIncrementBy","_visibleStart","properties","super","visibleStart","type","Number","attribute","visibleEnd","Math","min","textStrings","_textStrings","_buttons","render","_renderPagination","_renderIcons","_renderDefault","firstUpdated","_attachClickListeners","_syncSelection","updated","changed","has","_updateWindow","cls","html","classMap","_handleSlotChange","currentPage","start","end","pages","Array","from","length","_","i","rel","indexOf","_onPage","unsafeSVG","chevronLeftIcon","map","p","chevronRightIcon","half","floor","max","cmd","newStart","requestUpdate","maxStart","dispatchEvent","CustomEvent","bubbles","composed","detail","forEach","btn","idx","existingHandler","get","removeEventListener","handler","_onButtonClick","addEventListener","requestAnimationFrame","BUTTON_KINDS","SECONDARY","PRIMARY","raw","_emitChange","total","selected","classList","remove","add","disconnectedCallback","clear","_kind_decorators","property","String","_vertical_decorators","Boolean","_selectedIndex_decorators","_totalPages_decorators","_maxVisible_decorators","_clickIncrementBy_decorators","__visibleStart_decorators","state","_textStrings_decorators","Object","__textStrings_decorators","queryAssignedElements","slot","flatten","__esDecorate","name","static","private","access","obj","metadata","_metadata","__buttons_decorators","_classDescriptor","_classDecorators","_classExtraInitializers","styles","unsafeCSS","ButtonGroupStyles"],"mappings":"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"}

package/package.json

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