@kyndryl-design-system/shidoka-applications 2.76.1 → 2.78.0

package/components/global/header/headerCategory.d.ts

@@ -10,6 +10,8 @@ export declare class HeaderCategory extends LitElement {
     accessor heading: string;
     /** Add left padding when icon is not provided to align text with links that do have icons. */
     accessor leftPadding: boolean;
+    /** Show bottom border/divider. */
+    accessor showDivider: boolean;
     render(): import("lit-html").TemplateResult<1>;
 }
 declare global {

package/components/global/header/headerCategory.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"headerCategory.d.ts","sourceRoot":"","sources":["../../../../src/components/global/header/headerCategory.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAmB,MAAM,KAAK,CAAC;AAIlD;;;;GAIG;AACH,qBACa,cAAe,SAAQ,UAAU;IAC5C,OAAgB,MAAM,0BAAiC;IAEvD,qBAAqB;IAErB,QAAQ,CAAC,OAAO,SAAM;IAEtB,8FAA8F;IAE9F,QAAQ,CAAC,WAAW,UAAS;IAEpB,MAAM;CAahB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,qBAAqB,EAAE,cAAc,CAAC;KACvC;CACF"}
+{"version":3,"file":"headerCategory.d.ts","sourceRoot":"","sources":["../../../../src/components/global/header/headerCategory.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAmB,MAAM,KAAK,CAAC;AAIlD;;;;GAIG;AACH,qBACa,cAAe,SAAQ,UAAU;IAC5C,OAAgB,MAAM,0BAAiC;IAEvD,qBAAqB;IAErB,QAAQ,CAAC,OAAO,SAAM;IAEtB,8FAA8F;IAE9F,QAAQ,CAAC,WAAW,UAAS;IAE7B,kCAAkC;IAElC,QAAQ,CAAC,WAAW,UAAS;IAEpB,MAAM;CAehB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,qBAAqB,EAAE,cAAc,CAAC;KACvC;CACF"}

package/components/global/header/headerCategory.js

@@ -1,4 +1,4 @@
-import{__setFunctionName as e,__esDecorate as t,__runInitializers as i,__classPrivateFieldGet as a,__classPrivateFieldSet as n}from"tslib";import{css as d,LitElement as r,unsafeCSS as l,html as o}from"lit";import{customElement as s,property as g}from"lit/decorators.js";var h=d`*,
+import{__setFunctionName as e,__esDecorate as t,__runInitializers as i,__classPrivateFieldGet as a,__classPrivateFieldSet as n}from"tslib";import{css as r,LitElement as d,unsafeCSS as l,html as o}from"lit";import{customElement as s,property as h}from"lit/decorators.js";var g=r`*,
 *::before,
 *::after {
   box-sizing: border-box;
@@ -41,6 +41,15 @@ import{__setFunctionName as e,__esDecorate as t,__runInitializers as i,__classPr
   flex-direction: column;
   gap: 2px;
 }
+.category.divider::after {
+  content: "";
+  display: block;
+  background: none;
+  border: none;
+  margin: 6px 8px;
+  height: 1px;
+  background: var(--kd-color-border-level-tertiary);
+}
 
 .category__links {
   display: flex;
@@ -60,7 +69,7 @@ import{__setFunctionName as e,__esDecorate as t,__runInitializers as i,__classPr
   color: var(--kd-color-text-variant-brand);
   font-weight: var(--kd-font-weight-medium);
   text-transform: uppercase;
-  padding: 6px 6px 6px 8px;
+  padding: 7px 6px 7px 8px;
 }
 @media (min-width: 42rem) {
   .heading {
@@ -96,9 +105,11 @@ slot[name=icon]::slotted(*) {
   justify-content: center;
   width: 16px;
   height: 16px;
-}`;let m=(()=>{var d,m;let c,f,p,u,k=[s("kyn-header-category")],y=[],v=r,x=[],b=[],w=[],z=[];return f=class extends v{get heading(){return a(this,d,"f")}set heading(e){n(this,d,e,"f")}get leftPadding(){return a(this,m,"f")}set leftPadding(e){n(this,m,e,"f")}render(){return o`
-      <div class="category">
-        <div class="heading ${this.leftPadding?"left-padding":""}">
+}`;let m=(()=>{var r,m,c;let p,f,v,u,k,y=[s("kyn-header-category")],x=[],b=d,w=[],z=[],P=[],D=[],S=[],j=[];return f=class extends b{get heading(){return a(this,r,"f")}set heading(e){n(this,r,e,"f")}get leftPadding(){return a(this,m,"f")}set leftPadding(e){n(this,m,e,"f")}get showDivider(){return a(this,c,"f")}set showDivider(e){n(this,c,e,"f")}render(){return o`
+      <div class="category ${this.showDivider?"divider":""}"">
+        <div
+          class="heading ${this.leftPadding?"left-padding":""}
+        >
           <slot name="icon"></slot>
           ${this.heading}
         </div>
@@ -106,5 +117,5 @@ slot[name=icon]::slotted(*) {
           <slot></slot>
         </div>
       </div>
-    `}constructor(){super(...arguments),d.set(this,i(this,x,"")),m.set(this,(i(this,b),i(this,w,!1))),i(this,z)}},d=new WeakMap,m=new WeakMap,e(f,"HeaderCategory"),(()=>{var e;const i="function"==typeof Symbol&&Symbol.metadata?Object.create(null!==(e=v[Symbol.metadata])&&void 0!==e?e:null):void 0;p=[g({type:String})],u=[g({type:Boolean})],t(f,null,p,{kind:"accessor",name:"heading",static:!1,private:!1,access:{has:e=>"heading"in e,get:e=>e.heading,set:(e,t)=>{e.heading=t}},metadata:i},x,b),t(f,null,u,{kind:"accessor",name:"leftPadding",static:!1,private:!1,access:{has:e=>"leftPadding"in e,get:e=>e.leftPadding,set:(e,t)=>{e.leftPadding=t}},metadata:i},w,z),t(null,c={value:f},k,{kind:"class",name:f.name,metadata:i},null,y),f=c.value,i&&Object.defineProperty(f,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:i})})(),f.styles=l(h),i(f,y),f})();export{m as HeaderCategory};
+    `}constructor(){super(...arguments),r.set(this,i(this,w,"")),m.set(this,(i(this,z),i(this,P,!1))),c.set(this,(i(this,D),i(this,S,!1))),i(this,j)}},r=new WeakMap,m=new WeakMap,c=new WeakMap,e(f,"HeaderCategory"),(()=>{var e;const i="function"==typeof Symbol&&Symbol.metadata?Object.create(null!==(e=b[Symbol.metadata])&&void 0!==e?e:null):void 0;v=[h({type:String})],u=[h({type:Boolean})],k=[h({type:Boolean})],t(f,null,v,{kind:"accessor",name:"heading",static:!1,private:!1,access:{has:e=>"heading"in e,get:e=>e.heading,set:(e,t)=>{e.heading=t}},metadata:i},w,z),t(f,null,u,{kind:"accessor",name:"leftPadding",static:!1,private:!1,access:{has:e=>"leftPadding"in e,get:e=>e.leftPadding,set:(e,t)=>{e.leftPadding=t}},metadata:i},P,D),t(f,null,k,{kind:"accessor",name:"showDivider",static:!1,private:!1,access:{has:e=>"showDivider"in e,get:e=>e.showDivider,set:(e,t)=>{e.showDivider=t}},metadata:i},S,j),t(null,p={value:f},y,{kind:"class",name:f.name,metadata:i},null,x),f=p.value,i&&Object.defineProperty(f,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:i})})(),f.styles=l(g),i(f,x),f})();export{m as HeaderCategory};
 //# sourceMappingURL=headerCategory.js.map

package/components/global/header/headerCategory.js.map

@@ -1 +1 @@
-{"version":3,"file":"headerCategory.js","sources":["../../../../src/components/global/header/headerCategory.ts"],"sourcesContent":["import { LitElement, html, unsafeCSS } from 'lit';\nimport { customElement, property } from 'lit/decorators.js';\nimport HeaderCategoryScss from './headerCategory.scss?inline';\n\n/**\n * Header link category\n * @slot unnamed - Slot for links.\n * @slot icon - Slot for icon.\n */\n@customElement('kyn-header-category')\nexport class HeaderCategory extends LitElement {\n  static override styles = unsafeCSS(HeaderCategoryScss);\n\n  /** Category text. */\n  @property({ type: String })\n  accessor heading = '';\n\n  /** Add left padding when icon is not provided to align text with links that do have icons. */\n  @property({ type: Boolean })\n  accessor leftPadding = false;\n\n  override render() {\n    return html`\n      <div class=\"category\">\n        <div class=\"heading ${this.leftPadding ? 'left-padding' : ''}\">\n          <slot name=\"icon\"></slot>\n          ${this.heading}\n        </div>\n        <div class=\"category__links\">\n          <slot></slot>\n        </div>\n      </div>\n    `;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'kyn-header-category': HeaderCategory;\n  }\n}\n"],"names":["HeaderCategory","customElement","LitElement","_classThis","_classSuper","heading","__classPrivateFieldGet","this","_HeaderCategory_heading_accessor_storage","value","__classPrivateFieldSet","leftPadding","_HeaderCategory_leftPadding_accessor_storage","render","html","set","__runInitializers","_heading_initializers","_heading_extraInitializers","_leftPadding_initializers","_heading_decorators","property","type","String","_leftPadding_decorators","Boolean","__esDecorate","kind","name","static","private","access","has","obj","get","metadata","_metadata","_leftPadding_extraInitializers","_classDescriptor","_classDecorators","_classExtraInitializers","styles","unsafeCSS","HeaderCategoryScss"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;OAUaA,EAAc,6BAD1BC,EAAc,+BACqBC,6BAARC,EAAA,cAAQC,EAKlC,WAASC,GAAO,OAAAC,EAAAC,KAAAC,EAAA,IAAA,CAAhB,WAASH,CAAOI,GAAAC,EAAAH,KAAAC,EAAAC,EAAA,IAAA,CAIhB,eAASE,GAAW,OAAAL,EAAAC,KAAAK,EAAA,IAAA,CAApB,eAASD,CAAWF,GAAAC,EAAAH,KAAAK,EAAAH,EAAA,IAAA,CAEX,MAAAI,GACP,OAAOC,CAAI;;8BAEeP,KAAKI,YAAc,eAAiB;;YAEtDJ,KAAKF;;;;;;wCAXNG,EAAAO,IAAAR,KAAAS,EAAAT,KAAAU,EAAU,KAIVL,EAAAG,IAAAR,MAAAS,EAAAT,KAAAW,GAAAF,EAAAT,KAAAY,GAAc,yMALtBC,EAAA,CAAAC,EAAS,CAAEC,KAAMC,UAIjBC,EAAA,CAAAH,EAAS,CAAEC,KAAMG,WAHlBC,EAAAvB,EAAA,KAAAiB,EAAA,CAAAO,KAAA,WAAAC,KAAA,UAAAC,QAAA,EAAAC,SAAA,EAAAC,OAAA,CAAAC,IAAAC,GAAA,YAAAA,EAAAC,IAAAD,GAAAA,EAAS5B,QAAOU,IAAA,CAAAkB,EAAAxB,KAAAwB,EAAP5B,QAAOI,CAAA,GAAA0B,SAAAC,GAAAnB,EAAAC,GAIhBQ,EAAAvB,EAAA,KAAAqB,EAAA,CAAAG,KAAA,WAAAC,KAAA,cAAAC,QAAA,EAAAC,SAAA,EAAAC,OAAA,CAAAC,IAAAC,GAAA,gBAAAA,EAAAC,IAAAD,GAAAA,EAAStB,YAAWI,IAAA,CAAAkB,EAAAxB,KAAAwB,EAAXtB,YAAWF,CAAA,GAAA0B,SAAAC,GAAAjB,EAAAkB,GATtBX,EAAA,KAAAY,EAAA,CAAA7B,MAAAN,GAAAoC,EAAA,CAAAZ,KAAA,QAAAC,KAAAzB,EAAAyB,KAAAO,SAAAC,GAAA,KAAAI,iHACkBrC,EAAAsC,OAASC,EAAUC,GADxB3B,EAAAb,EAAAqC,MAAc"}
+{"version":3,"file":"headerCategory.js","sources":["../../../../src/components/global/header/headerCategory.ts"],"sourcesContent":["import { LitElement, html, unsafeCSS } from 'lit';\nimport { customElement, property } from 'lit/decorators.js';\nimport HeaderCategoryScss from './headerCategory.scss?inline';\n\n/**\n * Header link category\n * @slot unnamed - Slot for links.\n * @slot icon - Slot for icon.\n */\n@customElement('kyn-header-category')\nexport class HeaderCategory extends LitElement {\n  static override styles = unsafeCSS(HeaderCategoryScss);\n\n  /** Category text. */\n  @property({ type: String })\n  accessor heading = '';\n\n  /** Add left padding when icon is not provided to align text with links that do have icons. */\n  @property({ type: Boolean })\n  accessor leftPadding = false;\n\n  /** Show bottom border/divider. */\n  @property({ type: Boolean })\n  accessor showDivider = false;\n\n  override render() {\n    return html`\n      <div class=\"category ${this.showDivider ? 'divider' : ''}\"\">\n        <div\n          class=\"heading ${this.leftPadding ? 'left-padding' : ''}\n        >\n          <slot name=\"icon\"></slot>\n          ${this.heading}\n        </div>\n        <div class=\"category__links\">\n          <slot></slot>\n        </div>\n      </div>\n    `;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'kyn-header-category': HeaderCategory;\n  }\n}\n"],"names":["HeaderCategory","customElement","LitElement","_classThis","_classSuper","heading","__classPrivateFieldGet","this","_HeaderCategory_heading_accessor_storage","value","__classPrivateFieldSet","leftPadding","_HeaderCategory_leftPadding_accessor_storage","showDivider","_HeaderCategory_showDivider_accessor_storage","render","html","set","__runInitializers","_heading_initializers","_heading_extraInitializers","_leftPadding_initializers","_leftPadding_extraInitializers","_showDivider_initializers","_heading_decorators","property","type","String","_leftPadding_decorators","Boolean","_showDivider_decorators","__esDecorate","kind","name","static","private","access","has","obj","get","metadata","_metadata","_showDivider_extraInitializers","_classDescriptor","_classDecorators","_classExtraInitializers","styles","unsafeCSS","HeaderCategoryScss"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;OAUaA,EAAc,iCAD1BC,EAAc,+BACqBC,uCAARC,EAAA,cAAQC,EAKlC,WAASC,GAAO,OAAAC,EAAAC,KAAAC,EAAA,IAAA,CAAhB,WAASH,CAAOI,GAAAC,EAAAH,KAAAC,EAAAC,EAAA,IAAA,CAIhB,eAASE,GAAW,OAAAL,EAAAC,KAAAK,EAAA,IAAA,CAApB,eAASD,CAAWF,GAAAC,EAAAH,KAAAK,EAAAH,EAAA,IAAA,CAIpB,eAASI,GAAW,OAAAP,EAAAC,KAAAO,EAAA,IAAA,CAApB,eAASD,CAAWJ,GAAAC,EAAAH,KAAAO,EAAAL,EAAA,IAAA,CAEX,MAAAM,GACP,OAAOC,CAAI;6BACcT,KAAKM,YAAc,UAAY;;2BAEjCN,KAAKI,YAAc,eAAiB;;;YAGnDJ,KAAKF;;;;;;wCAjBNG,EAAAS,IAAAV,KAAAW,EAAAX,KAAAY,EAAU,KAIVP,EAAAK,IAAAV,MAAAW,EAAAX,KAAAa,GAAAF,EAAAX,KAAAc,GAAc,KAIdP,EAAAG,IAAAV,MAAAW,EAAAX,KAAAe,GAAAJ,EAAAX,KAAAgB,GAAc,uNATtBC,EAAA,CAAAC,EAAS,CAAEC,KAAMC,UAIjBC,EAAA,CAAAH,EAAS,CAAEC,KAAMG,WAIjBC,EAAA,CAAAL,EAAS,CAAEC,KAAMG,WAPlBE,EAAA5B,EAAA,KAAAqB,EAAA,CAAAQ,KAAA,WAAAC,KAAA,UAAAC,QAAA,EAAAC,SAAA,EAAAC,OAAA,CAAAC,IAAAC,GAAA,YAAAA,EAAAC,IAAAD,GAAAA,EAASjC,QAAOY,IAAA,CAAAqB,EAAA7B,KAAA6B,EAAPjC,QAAOI,CAAA,GAAA+B,SAAAC,GAAAtB,EAAAC,GAIhBW,EAAA5B,EAAA,KAAAyB,EAAA,CAAAI,KAAA,WAAAC,KAAA,cAAAC,QAAA,EAAAC,SAAA,EAAAC,OAAA,CAAAC,IAAAC,GAAA,gBAAAA,EAAAC,IAAAD,GAAAA,EAAS3B,YAAWM,IAAA,CAAAqB,EAAA7B,KAAA6B,EAAX3B,YAAWF,CAAA,GAAA+B,SAAAC,GAAApB,EAAAC,GAIpBS,EAAA5B,EAAA,KAAA2B,EAAA,CAAAE,KAAA,WAAAC,KAAA,cAAAC,QAAA,EAAAC,SAAA,EAAAC,OAAA,CAAAC,IAAAC,GAAA,gBAAAA,EAAAC,IAAAD,GAAAA,EAASzB,YAAWI,IAAA,CAAAqB,EAAA7B,KAAA6B,EAAXzB,YAAWJ,CAAA,GAAA+B,SAAAC,GAAAlB,EAAAmB,GAbtBX,EAAA,KAAAY,EAAA,CAAAlC,MAAAN,GAAAyC,EAAA,CAAAZ,KAAA,QAAAC,KAAA9B,EAAA8B,KAAAO,SAAAC,GAAA,KAAAI,iHACkB1C,EAAA2C,OAASC,EAAUC,GADxB9B,EAAAf,EAAA0C,MAAc"}

package/components/global/header/headerLink.js

@@ -288,6 +288,7 @@ import{__setFunctionName as e,__esDecorate as t,__runInitializers as i,__classPr
   justify-content: center;
   width: 16px;
   height: 16px;
+  flex-shrink: 0;
 }
 @media (min-width: 42rem) {
   .nav-link {

package/components/global/header/headerLink.js.map

@@ -1 +1 @@
-{"version":3,"file":"headerLink.js","sources":["../../../../src/components/global/header/headerLink.ts"],"sourcesContent":["import { unsafeSVG } from 'lit-html/directives/unsafe-svg.js';\nimport { LitElement, html, unsafeCSS } from 'lit';\nimport {\n  customElement,\n  property,\n  state,\n  queryAssignedElements,\n} from 'lit/decorators.js';\nimport { classMap } from 'lit/directives/class-map.js';\nimport { styleMap } from 'lit/directives/style-map.js';\nimport { debounce } from '../../../common/helpers/helpers';\nimport HeaderLinkScss from './headerLink.scss?inline';\nimport '../../reusable/textInput';\nimport arrowIcon from '@kyndryl-design-system/shidoka-icons/svg/monochrome/16/chevron-right.svg';\nimport backIcon from '@kyndryl-design-system/shidoka-icons/svg/monochrome/16/arrow-left.svg';\nimport searchIcon from '@kyndryl-design-system/shidoka-icons/svg/monochrome/16/search.svg';\n\nexport type HeaderLinkTarget = '_self' | '_blank' | '_parent' | '_top';\n\n/**\n * Component for navigation links within the Header.\n * @fires on-click - Captures the click event and emits the original event details. `detail:{ origEvent: Event ,defaultPrevented: boolean}`\n * @slot unnamed - Slot for link text/content.\n * @slot links - Slot for sublinks (up to two levels).\n * @slot icon - Slot for icon.\n */\n@customElement('kyn-header-link')\nexport class HeaderLink extends LitElement {\n  static override styles = unsafeCSS(HeaderLinkScss);\n\n  /** Link open state.\n   * @internal\n   */\n  @property({ type: Boolean, reflect: true })\n  accessor open = false;\n\n  /** Link url. */\n  @property({ type: String })\n  accessor href = '';\n\n  /** Defines a target attribute for where to load the URL. Possible options include \"_self\" (default), \"_blank\", \"_parent\", \"_top\" */\n  @property({ type: String })\n  accessor target: HeaderLinkTarget = '_self';\n\n  /** Defines a relationship between a linked resource and the document. An empty string (default) means no particular relationship */\n  @property({ type: String })\n  accessor rel = '';\n\n  /** Link active state, for example when URL path matches link href. */\n  @property({ type: Boolean })\n  accessor isActive = false;\n\n  /** Link level, supports two levels.\n   * @ignore\n   */\n  @state()\n  accessor level = 1;\n\n  /** DEPRECATED. Adds a 1px shadow to the bottom of the link. */\n  @property({ type: Boolean })\n  accessor divider = false;\n\n  /** Label for sub-menu link search input, which is visible with > 5 sub-links. */\n  @property({ type: String })\n  accessor searchLabel = 'Search';\n\n  /** Number of child links required to show search input. */\n  @property({ type: Number })\n  accessor searchThreshold = 6;\n\n  /** Text for mobile \"Back\" button. */\n  @property({ type: String })\n  accessor backText = 'Back';\n\n  /** Add left padding when icon is not provided to align text with links that do have icons. */\n  @property({ type: Boolean })\n  accessor leftPadding = false;\n\n  /** Text for mobile \"Back\" button. */\n  @state()\n  accessor _searchTerm = '';\n\n  /**\n   * Queries any slotted HTML elements.\n   * @ignore\n   */\n  @queryAssignedElements({ slot: 'links' })\n  accessor slottedEls!: Array<HTMLElement>;\n\n  /** Timeout function to delay flyout open.\n   * @internal\n   */\n  _enterTimer: any;\n\n  /** Timeout function to delay flyout close.\n   * @internal\n   */\n  @state()\n  accessor _leaveTimer: any;\n\n  /** Menu positioning\n   * @internal\n   */\n  @state()\n  accessor menuPosition: any = {};\n\n  override render() {\n    const classes = {\n      menu: this.slottedEls.length,\n      [`level--${this.level}`]: true,\n      divider: this.divider,\n      open: this.open || (this.level === 1 && this.isActive),\n    };\n\n    const linkClasses = {\n      'nav-link': true,\n      active: this.isActive,\n      interactive: this.level == 1,\n      'padding-left': this.leftPadding,\n    };\n\n    const menuClasses = {\n      menu__content: true,\n      slotted: this.slottedEls.length,\n    };\n\n    const Links = this.querySelectorAll(\n      ':scope > kyn-header-link, :scope > kyn-header-category > kyn-header-link'\n    );\n\n    return html`\n      <div\n        class=\"${classMap(classes)}\"\n        @pointerleave=${(e: PointerEvent) => this.handlePointerLeave(e)}\n        @pointerenter=${(e: PointerEvent) => this.handlePointerEnter(e)}\n      >\n        <a\n          target=${this.target}\n          rel=${this.rel}\n          href=${this.href}\n          class=${classMap(linkClasses)}\n          @click=${(e: Event) => this.handleClick(e)}\n          @pointerenter=${(e: PointerEvent) => this.handlePointerEnter(e)}\n        >\n          <slot></slot>\n\n          ${this.slottedEls.length\n            ? html` <span class=\"arrow\">${unsafeSVG(arrowIcon)}</span> `\n            : null}\n        </a>\n\n        <div\n          class=${classMap(menuClasses)}\n          style=${styleMap(this.menuPosition)}\n        >\n          <div class=\"wrapper\">\n            <button\n              class=\"go-back\"\n              type=\"button\"\n              @click=${(e: Event) => this._handleBack(e)}\n            >\n              <span>${unsafeSVG(backIcon)}</span>\n              ${this.backText}\n            </button>\n            ${Links.length >= this.searchThreshold\n              ? html`\n                  <kyn-text-input\n                    hideLabel\n                    size=\"sm\"\n                    type=\"search\"\n                    label=${this.searchLabel}\n                    placeholder=${this.searchLabel}\n                    value=${this._searchTerm}\n                    @on-input=${(e: Event) => this._handleSearch(e)}\n                  >\n                    <span slot=\"icon\" class=\"search-icon\">\n                      ${unsafeSVG(searchIcon)}\n                    </span>\n                    ${this.searchLabel}\n                  </kyn-text-input>\n                `\n              : null}\n\n            <slot\n              name=\"links\"\n              @slotchange=${this._handleLinksSlotChange}\n            ></slot>\n          </div>\n        </div>\n      </div>\n    `;\n  }\n\n  private _handleSearch(e: any) {\n    this._searchTerm = e.detail.value.toLowerCase();\n    this._searchFilter();\n  }\n\n  private _searchFilter() {\n    const Links: any = this.querySelectorAll(\n      ':scope > kyn-header-link, :scope > kyn-header-category > kyn-header-link'\n    );\n\n    Links.forEach((link: any) => {\n      // get link text\n      const nodes: any = link.shadowRoot?.querySelector('slot')?.assignedNodes({\n        flatten: true,\n      });\n      let linkText = '';\n      for (let i = 0; i < nodes.length; i++) {\n        linkText += nodes[i].textContent.trim();\n      }\n\n      if (linkText.toLowerCase().includes(this._searchTerm)) {\n        link.style.display = 'block';\n      } else {\n        link.style.display = 'none';\n      }\n    });\n\n    this._positionMenu();\n  }\n\n  private _handleBack(e?: Event) {\n    if (e) {\n      e.preventDefault();\n      e.stopPropagation();\n    }\n\n    // detect if we're inside the categorized/mega nav variant\n    const headerCategories = this.closest('kyn-header-categories') as\n      | (HTMLElement & { handleBackClick?: (evt?: Event) => void })\n      | null;\n\n    if (headerCategories?.handleBackClick) {\n      headerCategories.handleBackClick(e);\n\n      // Close any open header links under this nav\n      const navRoot =\n        (this.closest('kyn-header-nav') as HTMLElement | null) ??\n        headerCategories;\n\n      const links = navRoot.querySelectorAll<HTMLElement & { open?: boolean }>(\n        'kyn-header-link[open]'\n      );\n\n      links.forEach((link) => {\n        link.removeAttribute('open');\n        if ('open' in link) {\n          (link as any).open = false;\n        }\n      });\n\n      // Clear local search for this column\n      this._searchTerm = '';\n      this._searchFilter();\n\n      return;\n    }\n\n    // BASIC NAV:\n    // Preserve original behavior: go up one level\n    this.open = false;\n    this._searchTerm = '';\n    this._searchFilter();\n  }\n\n  private _handleLinksSlotChange() {\n    this.requestUpdate();\n  }\n\n  private get _isDesktopViewport(): boolean {\n    if (typeof window === 'undefined') return true;\n    return window.innerWidth >= 672;\n  }\n\n  private handlePointerEnter(e: PointerEvent) {\n    if (\n      e.pointerType === 'mouse' &&\n      this.slottedEls.length &&\n      this._isDesktopViewport\n    ) {\n      clearTimeout(this._leaveTimer);\n\n      this._enterTimer = setTimeout(() => {\n        this.open = true;\n      }, 150);\n    }\n  }\n\n  private handlePointerLeave(e: PointerEvent) {\n    if (\n      e.pointerType === 'mouse' &&\n      this.slottedEls.length &&\n      this._searchTerm === '' &&\n      this._isDesktopViewport\n    ) {\n      clearTimeout(this._enterTimer);\n      this._leaveTimer = setTimeout(() => {\n        this.open = false;\n      }, 150);\n    }\n  }\n\n  private handleClick(e: Event) {\n    let preventDefault = false;\n\n    if (this.slottedEls.length) {\n      preventDefault = true;\n      e.preventDefault();\n      this.open = !this.open;\n    }\n\n    const event = new CustomEvent('on-click', {\n      detail: { origEvent: e, defaultPrevented: preventDefault },\n    });\n    this.dispatchEvent(event);\n  }\n\n  private handleClickOut(e: Event) {\n    if (!e.composedPath().includes(this)) {\n      this.open = false;\n      this._searchTerm = '';\n      this._searchFilter();\n    }\n  }\n\n  private determineLevel() {\n    let level = 1;\n    let node: any = this.parentNode;\n\n    // Traverse up the DOM tree\n    while (node) {\n      if (node.nodeName === 'KYN-HEADER-LINK') {\n        level = (node.level ?? 1) + 1;\n        break;\n      } else if (\n        node.nodeName === 'KYN-HEADER-CATEGORY' &&\n        node.parentNode?.nodeName === 'KYN-HEADER-LINK'\n      ) {\n        level = (node.parentNode.level ?? 1) + 1;\n        break;\n      } else if (\n        window.innerWidth < 672 &&\n        node.nodeName === 'KYN-HEADER-FLYOUT'\n      ) {\n        level = 2;\n        break;\n      }\n      node = node.parentNode;\n    }\n\n    this.level = level;\n  }\n\n  private _positionMenu() {\n    const linkBounds = this.getBoundingClientRect?.();\n    const menuEl =\n      this.shadowRoot?.querySelector<HTMLElement>('.menu__content');\n    const menuBounds = menuEl?.getBoundingClientRect?.();\n\n    if (!linkBounds || !menuBounds) {\n      return;\n    }\n\n    const Padding = 12;\n    const HeaderHeight = 64;\n\n    const linkHalf = linkBounds.top + linkBounds.height / 2;\n    const menuHalf = menuBounds.height / 2;\n\n    const topCandidate =\n      linkHalf + menuHalf > window.innerHeight\n        ? linkHalf - menuHalf - (linkHalf + menuHalf - window.innerHeight) - 16\n        : linkHalf - menuHalf;\n\n    if (this.level === 1) {\n      // get the height of the level 1 menu to use as submenu min-height\n      let navMenuHeight = 0;\n      const headerNav = this.closest('kyn-header-nav') as HTMLElement | null;\n      if (headerNav) {\n        const navMenu = headerNav.shadowRoot?.querySelector(\n          '.menu__content'\n        ) as HTMLElement | null;\n        if (navMenu) {\n          navMenuHeight = navMenu.offsetHeight;\n        }\n      }\n\n      this.menuPosition = {\n        top: HeaderHeight + 'px',\n        left: '0px',\n        minHeight: navMenuHeight + 'px',\n      };\n    } else {\n      const top = topCandidate < HeaderHeight ? HeaderHeight : topCandidate;\n      this.menuPosition = {\n        top: top + 'px',\n        left: linkBounds.right + Padding + 'px',\n      };\n    }\n  }\n\n  /** @internal */\n  private _debounceResize = debounce(() => {\n    this.determineLevel();\n  });\n\n  override firstUpdated() {\n    this.determineLevel();\n  }\n\n  override willUpdate(changedProps: any) {\n    if (changedProps.has('open') && this.open) {\n      this._positionMenu();\n    }\n  }\n\n  private _handleDocumentClick = (e: Event) => this.handleClickOut(e);\n\n  override connectedCallback() {\n    super.connectedCallback();\n    document.addEventListener('click', this._handleDocumentClick);\n    window.addEventListener('resize', this._debounceResize);\n  }\n\n  override disconnectedCallback() {\n    // clear timers to avoid callbacks after unmount\n    if (this._enterTimer) {\n      clearTimeout(this._enterTimer);\n      this._enterTimer = undefined;\n    }\n    if (this._leaveTimer) {\n      clearTimeout(this._leaveTimer);\n      this._leaveTimer = undefined;\n    }\n\n    document.removeEventListener('click', this._handleDocumentClick);\n    window.removeEventListener('resize', this._debounceResize);\n    super.disconnectedCallback();\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'kyn-header-link': HeaderLink;\n  }\n}\n"],"names":["HeaderLink","customElement","LitElement","_classThis","_classSuper","_HeaderLink_open_accessor_storage","set","this","__runInitializers","_open_initializers","_HeaderLink_href_accessor_storage","_open_extraInitializers","_href_initializers","_HeaderLink_target_accessor_storage","_href_extraInitializers","_target_initializers","_HeaderLink_rel_accessor_storage","_target_extraInitializers","_rel_initializers","_HeaderLink_isActive_accessor_storage","_rel_extraInitializers","_isActive_initializers","_HeaderLink_level_accessor_storage","_isActive_extraInitializers","_level_initializers","_HeaderLink_divider_accessor_storage","_level_extraInitializers","_divider_initializers","_HeaderLink_searchLabel_accessor_storage","_divider_extraInitializers","_searchLabel_initializers","_HeaderLink_searchThreshold_accessor_storage","_searchLabel_extraInitializers","_searchThreshold_initializers","_HeaderLink_backText_accessor_storage","_searchThreshold_extraInitializers","_backText_initializers","_HeaderLink_leftPadding_accessor_storage","_backText_extraInitializers","_leftPadding_initializers","_HeaderLink__searchTerm_accessor_storage","_leftPadding_extraInitializers","__searchTerm_initializers","_HeaderLink_slottedEls_accessor_storage","__searchTerm_extraInitializers","_slottedEls_initializers","_enterTimer","_slottedEls_extraInitializers","_HeaderLink__leaveTimer_accessor_storage","__leaveTimer_initializers","_HeaderLink_menuPosition_accessor_storage","__leaveTimer_extraInitializers","_menuPosition_initializers","_debounceResize","_menuPosition_extraInitializers","debounce","determineLevel","_handleDocumentClick","e","handleClickOut","open","__classPrivateFieldGet","value","__classPrivateFieldSet","href","target","rel","isActive","level","divider","searchLabel","searchThreshold","backText","leftPadding","_searchTerm","slottedEls","_leaveTimer","menuPosition","render","classes","menu","length","linkClasses","active","interactive","menuClasses","menu__content","slotted","Links","querySelectorAll","html","classMap","handlePointerLeave","handlePointerEnter","handleClick","unsafeSVG","arrowIcon","styleMap","_handleBack","backIcon","_handleSearch","searchIcon","_handleLinksSlotChange","detail","toLowerCase","_searchFilter","forEach","link","nodes","_b","_a","shadowRoot","querySelector","assignedNodes","flatten","linkText","i","textContent","trim","includes","style","display","_positionMenu","preventDefault","stopPropagation","headerCategories","closest","handleBackClick","removeAttribute","requestUpdate","_isDesktopViewport","window","innerWidth","pointerType","clearTimeout","setTimeout","event","CustomEvent","origEvent","defaultPrevented","dispatchEvent","composedPath","node","parentNode","nodeName","_c","linkBounds","getBoundingClientRect","menuEl","menuBounds","call","linkHalf","top","height","menuHalf","topCandidate","innerHeight","navMenuHeight","headerNav","navMenu","_d","offsetHeight","HeaderHeight","left","minHeight","right","firstUpdated","willUpdate","changedProps","has","connectedCallback","super","document","addEventListener","disconnectedCallback","undefined","removeEventListener","property","type","Boolean","reflect","_href_decorators","String","_target_decorators","_rel_decorators","_isActive_decorators","_level_decorators","state","_divider_decorators","_searchLabel_decorators","_searchThreshold_decorators","Number","_backText_decorators","_leftPadding_decorators","__searchTerm_decorators","_slottedEls_decorators","queryAssignedElements","slot","__leaveTimer_decorators","_menuPosition_decorators","__esDecorate","_open_decorators","kind","name","static","private","access","obj","get","metadata","_metadata","_classDescriptor","_classDecorators","_classExtraInitializers","styles","unsafeCSS","HeaderLinkScss"],"mappings":"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"}
+{"version":3,"file":"headerLink.js","sources":["../../../../src/components/global/header/headerLink.ts"],"sourcesContent":["import { unsafeSVG } from 'lit-html/directives/unsafe-svg.js';\nimport { LitElement, html, unsafeCSS } from 'lit';\nimport {\n  customElement,\n  property,\n  state,\n  queryAssignedElements,\n} from 'lit/decorators.js';\nimport { classMap } from 'lit/directives/class-map.js';\nimport { styleMap } from 'lit/directives/style-map.js';\nimport { debounce } from '../../../common/helpers/helpers';\nimport HeaderLinkScss from './headerLink.scss?inline';\nimport '../../reusable/textInput';\nimport arrowIcon from '@kyndryl-design-system/shidoka-icons/svg/monochrome/16/chevron-right.svg';\nimport backIcon from '@kyndryl-design-system/shidoka-icons/svg/monochrome/16/arrow-left.svg';\nimport searchIcon from '@kyndryl-design-system/shidoka-icons/svg/monochrome/16/search.svg';\n\nexport type HeaderLinkTarget = '_self' | '_blank' | '_parent' | '_top';\n\n/**\n * Component for navigation links within the Header.\n * @fires on-click - Captures the click event and emits the original event details. `detail:{ origEvent: Event ,defaultPrevented: boolean}`\n * @slot unnamed - Slot for link text/content.\n * @slot links - Slot for sublinks (up to two levels).\n * @slot icon - Slot for icon.\n */\n@customElement('kyn-header-link')\nexport class HeaderLink extends LitElement {\n  static override styles = unsafeCSS(HeaderLinkScss);\n\n  /** Link open state.\n   * @internal\n   */\n  @property({ type: Boolean, reflect: true })\n  accessor open = false;\n\n  /** Link url. */\n  @property({ type: String })\n  accessor href = '';\n\n  /** Defines a target attribute for where to load the URL. Possible options include \"_self\" (default), \"_blank\", \"_parent\", \"_top\" */\n  @property({ type: String })\n  accessor target: HeaderLinkTarget = '_self';\n\n  /** Defines a relationship between a linked resource and the document. An empty string (default) means no particular relationship */\n  @property({ type: String })\n  accessor rel = '';\n\n  /** Link active state, for example when URL path matches link href. */\n  @property({ type: Boolean })\n  accessor isActive = false;\n\n  /** Link level, supports two levels.\n   * @ignore\n   */\n  @state()\n  accessor level = 1;\n\n  /** DEPRECATED. Adds a 1px shadow to the bottom of the link. */\n  @property({ type: Boolean })\n  accessor divider = false;\n\n  /** Label for sub-menu link search input, which is visible with > 5 sub-links. */\n  @property({ type: String })\n  accessor searchLabel = 'Search';\n\n  /** Number of child links required to show search input. */\n  @property({ type: Number })\n  accessor searchThreshold = 6;\n\n  /** Text for mobile \"Back\" button. */\n  @property({ type: String })\n  accessor backText = 'Back';\n\n  /** Add left padding when icon is not provided to align text with links that do have icons. */\n  @property({ type: Boolean })\n  accessor leftPadding = false;\n\n  /** Text for mobile \"Back\" button. */\n  @state()\n  accessor _searchTerm = '';\n\n  /**\n   * Queries any slotted HTML elements.\n   * @ignore\n   */\n  @queryAssignedElements({ slot: 'links' })\n  accessor slottedEls!: Array<HTMLElement>;\n\n  /** Timeout function to delay flyout open.\n   * @internal\n   */\n  _enterTimer: any;\n\n  /** Timeout function to delay flyout close.\n   * @internal\n   */\n  @state()\n  accessor _leaveTimer: any;\n\n  /** Menu positioning\n   * @internal\n   */\n  @state()\n  accessor menuPosition: any = {};\n\n  override render() {\n    const classes = {\n      menu: this.slottedEls.length,\n      [`level--${this.level}`]: true,\n      divider: this.divider,\n      open: this.open || (this.level === 1 && this.isActive),\n    };\n\n    const linkClasses = {\n      'nav-link': true,\n      active: this.isActive,\n      interactive: this.level == 1,\n      'padding-left': this.leftPadding,\n    };\n\n    const menuClasses = {\n      menu__content: true,\n      slotted: this.slottedEls.length,\n    };\n\n    const Links = this.querySelectorAll(\n      ':scope > kyn-header-link, :scope > kyn-header-category > kyn-header-link'\n    );\n\n    return html`\n      <div\n        class=\"${classMap(classes)}\"\n        @pointerleave=${(e: PointerEvent) => this.handlePointerLeave(e)}\n        @pointerenter=${(e: PointerEvent) => this.handlePointerEnter(e)}\n      >\n        <a\n          target=${this.target}\n          rel=${this.rel}\n          href=${this.href}\n          class=${classMap(linkClasses)}\n          @click=${(e: Event) => this.handleClick(e)}\n          @pointerenter=${(e: PointerEvent) => this.handlePointerEnter(e)}\n        >\n          <slot></slot>\n\n          ${this.slottedEls.length\n            ? html` <span class=\"arrow\">${unsafeSVG(arrowIcon)}</span> `\n            : null}\n        </a>\n\n        <div\n          class=${classMap(menuClasses)}\n          style=${styleMap(this.menuPosition)}\n        >\n          <div class=\"wrapper\">\n            <button\n              class=\"go-back\"\n              type=\"button\"\n              @click=${(e: Event) => this._handleBack(e)}\n            >\n              <span>${unsafeSVG(backIcon)}</span>\n              ${this.backText}\n            </button>\n            ${Links.length >= this.searchThreshold\n              ? html`\n                  <kyn-text-input\n                    hideLabel\n                    size=\"sm\"\n                    type=\"search\"\n                    label=${this.searchLabel}\n                    placeholder=${this.searchLabel}\n                    value=${this._searchTerm}\n                    @on-input=${(e: Event) => this._handleSearch(e)}\n                  >\n                    <span slot=\"icon\" class=\"search-icon\">\n                      ${unsafeSVG(searchIcon)}\n                    </span>\n                    ${this.searchLabel}\n                  </kyn-text-input>\n                `\n              : null}\n\n            <slot\n              name=\"links\"\n              @slotchange=${this._handleLinksSlotChange}\n            ></slot>\n          </div>\n        </div>\n      </div>\n    `;\n  }\n\n  private _handleSearch(e: any) {\n    this._searchTerm = e.detail.value.toLowerCase();\n    this._searchFilter();\n  }\n\n  private _searchFilter() {\n    const Links: any = this.querySelectorAll(\n      ':scope > kyn-header-link, :scope > kyn-header-category > kyn-header-link'\n    );\n\n    Links.forEach((link: any) => {\n      // get link text\n      const nodes: any = link.shadowRoot?.querySelector('slot')?.assignedNodes({\n        flatten: true,\n      });\n      let linkText = '';\n      for (let i = 0; i < nodes.length; i++) {\n        linkText += nodes[i].textContent.trim();\n      }\n\n      if (linkText.toLowerCase().includes(this._searchTerm)) {\n        link.style.display = 'block';\n      } else {\n        link.style.display = 'none';\n      }\n    });\n\n    this._positionMenu();\n  }\n\n  private _handleBack(e?: Event) {\n    if (e) {\n      e.preventDefault();\n      e.stopPropagation();\n    }\n\n    // detect if we're inside the categorized/mega nav variant\n    const headerCategories = this.closest('kyn-header-categories') as\n      | (HTMLElement & { handleBackClick?: (evt?: Event) => void })\n      | null;\n\n    if (headerCategories?.handleBackClick) {\n      headerCategories.handleBackClick(e);\n\n      // Close any open header links under this nav\n      const navRoot =\n        (this.closest('kyn-header-nav') as HTMLElement | null) ??\n        headerCategories;\n\n      const links = navRoot.querySelectorAll<HTMLElement & { open?: boolean }>(\n        'kyn-header-link[open]'\n      );\n\n      links.forEach((link) => {\n        link.removeAttribute('open');\n        if ('open' in link) {\n          (link as any).open = false;\n        }\n      });\n\n      // Clear local search for this column\n      this._searchTerm = '';\n      this._searchFilter();\n\n      return;\n    }\n\n    // BASIC NAV:\n    // Preserve original behavior: go up one level\n    this.open = false;\n    this._searchTerm = '';\n    this._searchFilter();\n  }\n\n  private _handleLinksSlotChange() {\n    this.requestUpdate();\n  }\n\n  private get _isDesktopViewport(): boolean {\n    if (typeof window === 'undefined') return true;\n    return window.innerWidth >= 672;\n  }\n\n  private handlePointerEnter(e: PointerEvent) {\n    if (\n      e.pointerType === 'mouse' &&\n      this.slottedEls.length &&\n      this._isDesktopViewport\n    ) {\n      clearTimeout(this._leaveTimer);\n\n      this._enterTimer = setTimeout(() => {\n        this.open = true;\n      }, 150);\n    }\n  }\n\n  private handlePointerLeave(e: PointerEvent) {\n    if (\n      e.pointerType === 'mouse' &&\n      this.slottedEls.length &&\n      this._searchTerm === '' &&\n      this._isDesktopViewport\n    ) {\n      clearTimeout(this._enterTimer);\n      this._leaveTimer = setTimeout(() => {\n        this.open = false;\n      }, 150);\n    }\n  }\n\n  private handleClick(e: Event) {\n    let preventDefault = false;\n\n    if (this.slottedEls.length) {\n      preventDefault = true;\n      e.preventDefault();\n      this.open = !this.open;\n    }\n\n    const event = new CustomEvent('on-click', {\n      detail: { origEvent: e, defaultPrevented: preventDefault },\n    });\n    this.dispatchEvent(event);\n  }\n\n  private handleClickOut(e: Event) {\n    if (!e.composedPath().includes(this)) {\n      this.open = false;\n      this._searchTerm = '';\n      this._searchFilter();\n    }\n  }\n\n  private determineLevel() {\n    let level = 1;\n    let node: any = this.parentNode;\n\n    // Traverse up the DOM tree\n    while (node) {\n      if (node.nodeName === 'KYN-HEADER-LINK') {\n        level = (node.level ?? 1) + 1;\n        break;\n      } else if (\n        node.nodeName === 'KYN-HEADER-CATEGORY' &&\n        node.parentNode?.nodeName === 'KYN-HEADER-LINK'\n      ) {\n        level = (node.parentNode.level ?? 1) + 1;\n        break;\n      } else if (\n        window.innerWidth < 672 &&\n        node.nodeName === 'KYN-HEADER-FLYOUT'\n      ) {\n        level = 2;\n        break;\n      }\n      node = node.parentNode;\n    }\n\n    this.level = level;\n  }\n\n  private _positionMenu() {\n    const linkBounds = this.getBoundingClientRect?.();\n    const menuEl =\n      this.shadowRoot?.querySelector<HTMLElement>('.menu__content');\n    const menuBounds = menuEl?.getBoundingClientRect?.();\n\n    if (!linkBounds || !menuBounds) {\n      return;\n    }\n\n    const Padding = 12;\n    const HeaderHeight = 64;\n\n    const linkHalf = linkBounds.top + linkBounds.height / 2;\n    const menuHalf = menuBounds.height / 2;\n\n    const topCandidate =\n      linkHalf + menuHalf > window.innerHeight\n        ? linkHalf - menuHalf - (linkHalf + menuHalf - window.innerHeight) - 16\n        : linkHalf - menuHalf;\n\n    if (this.level === 1) {\n      // get the height of the level 1 menu to use as submenu min-height\n      let navMenuHeight = 0;\n      const headerNav = this.closest('kyn-header-nav') as HTMLElement | null;\n      if (headerNav) {\n        const navMenu = headerNav.shadowRoot?.querySelector(\n          '.menu__content'\n        ) as HTMLElement | null;\n        if (navMenu) {\n          navMenuHeight = navMenu.offsetHeight;\n        }\n      }\n\n      this.menuPosition = {\n        top: HeaderHeight + 'px',\n        left: '0px',\n        minHeight: navMenuHeight + 'px',\n      };\n    } else {\n      const top = topCandidate < HeaderHeight ? HeaderHeight : topCandidate;\n      this.menuPosition = {\n        top: top + 'px',\n        left: linkBounds.right + Padding + 'px',\n      };\n    }\n  }\n\n  /** @internal */\n  private _debounceResize = debounce(() => {\n    this.determineLevel();\n  });\n\n  override firstUpdated() {\n    this.determineLevel();\n  }\n\n  override willUpdate(changedProps: any) {\n    if (changedProps.has('open') && this.open) {\n      this._positionMenu();\n    }\n  }\n\n  private _handleDocumentClick = (e: Event) => this.handleClickOut(e);\n\n  override connectedCallback() {\n    super.connectedCallback();\n    document.addEventListener('click', this._handleDocumentClick);\n    window.addEventListener('resize', this._debounceResize);\n  }\n\n  override disconnectedCallback() {\n    // clear timers to avoid callbacks after unmount\n    if (this._enterTimer) {\n      clearTimeout(this._enterTimer);\n      this._enterTimer = undefined;\n    }\n    if (this._leaveTimer) {\n      clearTimeout(this._leaveTimer);\n      this._leaveTimer = undefined;\n    }\n\n    document.removeEventListener('click', this._handleDocumentClick);\n    window.removeEventListener('resize', this._debounceResize);\n    super.disconnectedCallback();\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'kyn-header-link': HeaderLink;\n  }\n}\n"],"names":["HeaderLink","customElement","LitElement","_classThis","_classSuper","_HeaderLink_open_accessor_storage","set","this","__runInitializers","_open_initializers","_HeaderLink_href_accessor_storage","_open_extraInitializers","_href_initializers","_HeaderLink_target_accessor_storage","_href_extraInitializers","_target_initializers","_HeaderLink_rel_accessor_storage","_target_extraInitializers","_rel_initializers","_HeaderLink_isActive_accessor_storage","_rel_extraInitializers","_isActive_initializers","_HeaderLink_level_accessor_storage","_isActive_extraInitializers","_level_initializers","_HeaderLink_divider_accessor_storage","_level_extraInitializers","_divider_initializers","_HeaderLink_searchLabel_accessor_storage","_divider_extraInitializers","_searchLabel_initializers","_HeaderLink_searchThreshold_accessor_storage","_searchLabel_extraInitializers","_searchThreshold_initializers","_HeaderLink_backText_accessor_storage","_searchThreshold_extraInitializers","_backText_initializers","_HeaderLink_leftPadding_accessor_storage","_backText_extraInitializers","_leftPadding_initializers","_HeaderLink__searchTerm_accessor_storage","_leftPadding_extraInitializers","__searchTerm_initializers","_HeaderLink_slottedEls_accessor_storage","__searchTerm_extraInitializers","_slottedEls_initializers","_enterTimer","_slottedEls_extraInitializers","_HeaderLink__leaveTimer_accessor_storage","__leaveTimer_initializers","_HeaderLink_menuPosition_accessor_storage","__leaveTimer_extraInitializers","_menuPosition_initializers","_debounceResize","_menuPosition_extraInitializers","debounce","determineLevel","_handleDocumentClick","e","handleClickOut","open","__classPrivateFieldGet","value","__classPrivateFieldSet","href","target","rel","isActive","level","divider","searchLabel","searchThreshold","backText","leftPadding","_searchTerm","slottedEls","_leaveTimer","menuPosition","render","classes","menu","length","linkClasses","active","interactive","menuClasses","menu__content","slotted","Links","querySelectorAll","html","classMap","handlePointerLeave","handlePointerEnter","handleClick","unsafeSVG","arrowIcon","styleMap","_handleBack","backIcon","_handleSearch","searchIcon","_handleLinksSlotChange","detail","toLowerCase","_searchFilter","forEach","link","nodes","_b","_a","shadowRoot","querySelector","assignedNodes","flatten","linkText","i","textContent","trim","includes","style","display","_positionMenu","preventDefault","stopPropagation","headerCategories","closest","handleBackClick","removeAttribute","requestUpdate","_isDesktopViewport","window","innerWidth","pointerType","clearTimeout","setTimeout","event","CustomEvent","origEvent","defaultPrevented","dispatchEvent","composedPath","node","parentNode","nodeName","_c","linkBounds","getBoundingClientRect","menuEl","menuBounds","call","linkHalf","top","height","menuHalf","topCandidate","innerHeight","navMenuHeight","headerNav","navMenu","_d","offsetHeight","HeaderHeight","left","minHeight","right","firstUpdated","willUpdate","changedProps","has","connectedCallback","super","document","addEventListener","disconnectedCallback","undefined","removeEventListener","property","type","Boolean","reflect","_href_decorators","String","_target_decorators","_rel_decorators","_isActive_decorators","_level_decorators","state","_divider_decorators","_searchLabel_decorators","_searchThreshold_decorators","Number","_backText_decorators","_leftPadding_decorators","__searchTerm_decorators","_slottedEls_decorators","queryAssignedElements","slot","__leaveTimer_decorators","_menuPosition_decorators","__esDecorate","_open_decorators","kind","name","static","private","access","obj","get","metadata","_metadata","_classDescriptor","_classDecorators","_classExtraInitializers","styles","unsafeCSS","HeaderLinkScss"],"mappings":"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"}

package/components/reusable/search/search.js

@@ -214,7 +214,7 @@ span[slot=icon] {
           ${this._assistiveText}
         </div>
       </div>
-    `}_buttonSizeMap(){switch(this.size){case"sm":return"small";case"lg":return"large";default:return"medium"}}_handleFocus(){this._focused=!0,this.enableSearchHistory&&(this._expanded=!0)}_handleButtonClick(){this._expanded=!0,setTimeout((()=>{var e,t;null===(t=null===(e=this.shadowRoot)||void 0===e?void 0:e.querySelector("kyn-text-input"))||void 0===t||t.focus()}),0)}_handleInput(e){this.value=e.detail.value,this._focused=!0,this._checkForMatchingSuggestions();const t={value:e.detail.value};e.detail.origEvent&&(t.origEvent=e.detail.origEvent);const s=new CustomEvent("on-input",{detail:t});this.dispatchEvent(s)}_handleSuggestionClick(e,t){"click"!==e.type&&(this.value=t,this._assistiveText=`${this._assistiveTextStrings.selected} ${this.value}`)}_handleSuggestionWithMouseUp(e){var t,s;this.value=e,this._assistiveText=`${this._assistiveTextStrings.selected} ${this.value}`,null===(s=null===(t=this.shadowRoot)||void 0===t?void 0:t.querySelector("kyn-text-input"))||void 0===s||s.setValueAndNotify(this.value),this._focused=!1}_handleSuggestionWithMouseDown(e){e.preventDefault()}handleSearchKeydown(e){e.stopPropagation(),this.handleKeyboard(e,e.keyCode,"input")}handleListKeydown(e){9!==e.keyCode&&e.preventDefault(),this.handleKeyboard(e,e.keyCode,"list")}handleKeyboard(e,t,s){var i,a,n;const o=[...null===(i=this.shadowRoot)||void 0===i?void 0:i.querySelectorAll(".suggestion")],r=o.find((e=>e.getAttribute("highlighted"))),l=r?o.indexOf(r):0;switch(t){case 13:{e.preventDefault();const t=o[l].innerText;return null===(n=null===(a=this.shadowRoot)||void 0===a?void 0:a.querySelector("kyn-text-input"))||void 0===n||n.setValueAndNotify(t),"input"===s&&(this._assistiveText=`${this._assistiveTextStrings.selected} ${t}`),this._focused=!1,void(this._expanded=!1)}case 40:{const e=r?l===o.length-1?0:l+1:0;return o[l].removeAttribute("highlighted"),o[e].setAttribute("highlighted",!0),o[e].scrollIntoView({block:"nearest"}),void(this._assistiveText=`${this.suggestions[e]}`)}case 38:{const e=0===l?o.length-1:l-1;return o[l].removeAttribute("highlighted"),o[e].setAttribute("highlighted",!0),o[e].scrollIntoView({block:"nearest"}),void(this._assistiveText=`${this.suggestions[e]}`)}default:return}}_checkForMatchingSuggestions(){var e;if(""===this.value)return void(this._assistiveText=this._assistiveTextStrings.searchSuggestions);const t=[...null===(e=this.shadowRoot)||void 0===e?void 0:e.querySelectorAll(".suggestion")],s=this.suggestions.findIndex((e=>e.toLowerCase().includes(this.value.toLowerCase())));t.forEach((e=>{e.removeAttribute("highlighted")})),-1!==s?(t[s].scrollIntoView({block:"nearest"}),this._assistiveText=`${this._assistiveTextStrings.found} ${this.suggestions[s]}`):this._assistiveText=`${this._assistiveTextStrings.noMatches} ${this.value}`}willUpdate(e){e.has("assistiveTextStrings")&&(this._assistiveTextStrings=f(b,this.assistiveTextStrings))}_renderSuggestionContent(e,t){const s=t||this.searchHistory.includes(e)?h`<span style="display:flex">${n(x)}</span>`:null;if(t)return h`
+    `}_buttonSizeMap(){switch(this.size){case"sm":return"small";case"lg":return"large";default:return"medium"}}_handleFocus(){this._focused=!0,this.enableSearchHistory&&(this._expanded=!0)}_handleButtonClick(){this._expanded=!0,setTimeout((()=>{var e,t;null===(t=null===(e=this.shadowRoot)||void 0===e?void 0:e.querySelector("kyn-text-input"))||void 0===t||t.focus()}),0)}_handleInput(e){this.value=e.detail.value,this._focused=!0,this._checkForMatchingSuggestions();const t={value:e.detail.value};e.detail.origEvent&&(t.origEvent=e.detail.origEvent);const s=new CustomEvent("on-input",{detail:t});this.dispatchEvent(s)}_handleSuggestionClick(e,t){"click"!==e.type&&(this.value=t,this._assistiveText=`${this._assistiveTextStrings.selected} ${this.value}`)}_handleSuggestionWithMouseUp(e){var t,s;this.value=e,this._assistiveText=`${this._assistiveTextStrings.selected} ${this.value}`,null===(s=null===(t=this.shadowRoot)||void 0===t?void 0:t.querySelector("kyn-text-input"))||void 0===s||s.setValueAndNotify(this.value),this._focused=!1}_handleSuggestionWithMouseDown(e){e.preventDefault()}handleSearchKeydown(e){e.stopPropagation(),this.handleKeyboard(e,e.keyCode,"input")}handleListKeydown(e){9!==e.keyCode&&e.preventDefault(),this.handleKeyboard(e,e.keyCode,"list")}handleKeyboard(e,t,s){var i,a,n,o;const r=[...null===(i=this.shadowRoot)||void 0===i?void 0:i.querySelectorAll(".suggestion")],l=r.find((e=>e.getAttribute("highlighted"))),h=l?r.indexOf(l):0;switch(t){case 13:{e.preventDefault();const t=null===(a=r[h])||void 0===a?void 0:a.innerText;return null===(o=null===(n=this.shadowRoot)||void 0===n?void 0:n.querySelector("kyn-text-input"))||void 0===o||o.setValueAndNotify(t),"input"===s&&(this._assistiveText=`${this._assistiveTextStrings.selected} ${t}`),this._focused=!1,void(this._expanded=!1)}case 40:{const e=l?h===r.length-1?0:h+1:0;return r[h].removeAttribute("highlighted"),r[e].setAttribute("highlighted",!0),r[e].scrollIntoView({block:"nearest"}),void(this._assistiveText=`${this.suggestions[e]}`)}case 38:{const e=0===h?r.length-1:h-1;return r[h].removeAttribute("highlighted"),r[e].setAttribute("highlighted",!0),r[e].scrollIntoView({block:"nearest"}),void(this._assistiveText=`${this.suggestions[e]}`)}default:return}}_checkForMatchingSuggestions(){var e;if(""===this.value)return void(this._assistiveText=this._assistiveTextStrings.searchSuggestions);const t=[...null===(e=this.shadowRoot)||void 0===e?void 0:e.querySelectorAll(".suggestion")],s=this.suggestions.findIndex((e=>e.toLowerCase().includes(this.value.toLowerCase())));t.forEach((e=>{e.removeAttribute("highlighted")})),-1!==s?(t[s].scrollIntoView({block:"nearest"}),this._assistiveText=`${this._assistiveTextStrings.found} ${this.suggestions[s]}`):this._assistiveText=`${this._assistiveTextStrings.noMatches} ${this.value}`}willUpdate(e){e.has("assistiveTextStrings")&&(this._assistiveTextStrings=f(b,this.assistiveTextStrings))}_renderSuggestionContent(e,t){const s=t||this.searchHistory.includes(e)?h`<span style="display:flex">${n(x)}</span>`:null;if(t)return h`
         <div class="suggestion-content">
           ${s}
           <span>${e}</span>

package/components/reusable/search/search.js.map

@@ -1 +1 @@
-{"version":3,"file":"search.js","sources":["../../../../src/components/reusable/search/search.ts"],"sourcesContent":["import { unsafeSVG } from 'lit-html/directives/unsafe-svg.js';\nimport { LitElement, html, unsafeCSS } from 'lit';\nimport { customElement, property, state, query } from 'lit/decorators.js';\nimport { classMap } from 'lit/directives/class-map.js';\nimport { ifDefined } from 'lit/directives/if-defined.js';\nimport Styles from './search.scss?inline';\nimport '../textInput';\nimport '../button';\nimport searchIcon from '@kyndryl-design-system/shidoka-icons/svg/monochrome/20/search.svg';\nimport historyIcon from '@kyndryl-design-system/shidoka-icons/svg/monochrome/20/history.svg';\nimport { deepmerge } from 'deepmerge-ts';\n\nconst _defaultTextStrings = {\n  searchSuggestions: 'Search suggestions.',\n  noMatches: 'No matches found for',\n  selected: 'Selected',\n  found: 'Found',\n  recentSearches: 'Recent searches',\n};\n\n/**\n * Search\n * @fires on-input - Emits the value on text input/clear.`detail:{ origEvent: InputEvent,value: string }`\n */\n@customElement('kyn-search')\nexport class Search extends LitElement {\n  static override styles = unsafeCSS(Styles);\n\n  /** Input name. */\n  @property({ type: String })\n  accessor name = '';\n\n  /** Label text. */\n  @property({ type: String })\n  accessor label = 'Search';\n\n  /** Expandable style search. */\n  @property({ type: Boolean })\n  accessor expandable = false;\n\n  /** Input value. */\n  @property({ type: String })\n  accessor value = '';\n\n  /** Input & button size. */\n  @property({ type: String })\n  accessor size = 'md';\n\n  /** Disabled state. */\n  @property({ type: Boolean })\n  accessor disabled = false;\n\n  /** Auto-suggest array of strings that should match the current value. Update this array externally after on-input. */\n  @property({ type: Array })\n  accessor suggestions: Array<string> = [];\n\n  /** Auto-suggest history array of strings. Update this array externally after on-input. */\n  @property({ type: Array })\n  accessor searchHistory: Array<string> = [];\n\n  /** Expandable style search button description (Required to support accessibility). */\n  @property({ type: String })\n  accessor expandableSearchBtnDescription = '';\n\n  /** Assistive text strings. */\n  @property({ type: Object })\n  accessor assistiveTextStrings = _defaultTextStrings;\n\n  /** To show history searches in suggestion panel */\n  @property({ type: Boolean })\n  accessor enableSearchHistory = false;\n\n  /**\n   * Internal assistive text strings.\n   * @internal\n   * */\n  @state()\n  accessor _assistiveTextStrings = _defaultTextStrings;\n\n  /**\n   * Assistive text for screen readers.\n   * @internal\n   */\n  @state()\n  accessor _assistiveText = 'Search suggestions.';\n\n  /** Input focused state.\n   * @internal\n   */\n  @state()\n  accessor _focused = false;\n\n  /** Expanded state.\n   * @internal\n   */\n  @state()\n  accessor _expanded = false;\n\n  /** Expanded state.\n   * @internal\n   */\n  @query('kyn-text-input')\n  accessor _textInput!: any;\n\n  override render() {\n    const classes = {\n      search: true,\n      expanded: this._expanded,\n      expandable: this.expandable,\n      focused: this._focused,\n      'has-value': this.value !== '' || this.enableSearchHistory,\n    };\n\n    return html`\n      <div class=\"${classMap(classes)}\">\n        <kyn-button\n          kind=\"secondary\"\n          size=${this._buttonSizeMap()}\n          description=${ifDefined(this.expandableSearchBtnDescription)}\n          ?disabled=${this.disabled}\n          @on-click=${this._handleButtonClick}\n        >\n          <span slot=\"icon\">${unsafeSVG(searchIcon)}</span>\n        </kyn-button>\n\n        <kyn-text-input\n          name=${this.name}\n          type=\"search\"\n          placeholder=${this.label}\n          hideLabel\n          value=${this.value}\n          size=${this.size}\n          ?disabled=${this.disabled}\n          @on-input=${(e: CustomEvent) => this._handleInput(e)}\n          @focus=${this._handleFocus}\n          autoComplete=\"off\"\n          @keydown=${(e: any) => this.handleSearchKeydown(e)}\n        >\n          ${this.label}\n          <span slot=\"icon\">${unsafeSVG(searchIcon)}</span>\n        </kyn-text-input>\n\n        <div\n          class=\"suggestions\"\n          @keydown=${(e: any) => this.handleListKeydown(e)}\n        >\n          ${(() => {\n            const isSearchHistory =\n              this.value === '' && this.enableSearchHistory;\n            const listToRender = isSearchHistory\n              ? this.searchHistory\n              : this.suggestions;\n\n            return html`\n              ${isSearchHistory\n                ? html`<div class=\"suggestion-title\">\n                    ${this.assistiveTextStrings.recentSearches}\n                  </div>`\n                : null}\n              ${listToRender.map(\n                (suggestion) => html`\n                  <div\n                    class=\"suggestion\"\n                    @click=${(e: any) =>\n                      this._handleSuggestionClick(e, suggestion)}\n                    @mouseup=${() =>\n                      this._handleSuggestionWithMouseUp(suggestion)}\n                    @mousedown=${(e: any) =>\n                      this._handleSuggestionWithMouseDown(e)}\n                  >\n                    ${this._renderSuggestionContent(\n                      suggestion,\n                      isSearchHistory\n                    )}\n                  </div>\n                `\n              )}\n            `;\n          })()}\n        </div>\n        <div\n          class=\"assistive-text\"\n          role=\"status\"\n          aria-live=\"assertive\"\n          aria-relevant=\"additions text\"\n        >\n          ${this._assistiveText}\n        </div>\n      </div>\n    `;\n  }\n\n  private _buttonSizeMap() {\n    switch (this.size) {\n      case 'sm':\n        return 'small';\n      case 'lg':\n        return 'large';\n      case 'md':\n      default:\n        return 'medium';\n    }\n  }\n\n  private _handleFocus() {\n    this._focused = true;\n\n    if (this.enableSearchHistory) {\n      this._expanded = true;\n    }\n  }\n\n  private _handleButtonClick() {\n    this._expanded = true;\n\n    setTimeout(() => {\n      this.shadowRoot?.querySelector('kyn-text-input')?.focus();\n    }, 0);\n  }\n\n  private _handleInput(e: CustomEvent) {\n    this.value = e.detail.value;\n    this._focused = true;\n\n    this._checkForMatchingSuggestions();\n\n    const Detail: any = {\n      value: e.detail.value,\n    };\n\n    if (e.detail.origEvent) {\n      Detail.origEvent = e.detail.origEvent;\n    }\n\n    const event = new CustomEvent('on-input', {\n      detail: Detail,\n    });\n    this.dispatchEvent(event);\n  }\n\n  private _handleSuggestionClick(e: any, suggestion: string) {\n    if (e.type !== 'click') {\n      this.value = suggestion;\n      this._assistiveText = `${this._assistiveTextStrings.selected} ${this.value}`;\n    }\n  }\n\n  private _handleSuggestionWithMouseUp(suggestion: string) {\n    this.value = suggestion;\n    this._assistiveText = `${this._assistiveTextStrings.selected} ${this.value}`;\n    this.shadowRoot\n      ?.querySelector('kyn-text-input')\n      ?.setValueAndNotify(this.value);\n    this._focused = false;\n  }\n\n  private _handleSuggestionWithMouseDown(e: any) {\n    e.preventDefault();\n  }\n\n  private handleSearchKeydown(e: any) {\n    e.stopPropagation();\n    this.handleKeyboard(e, e.keyCode, 'input');\n  }\n\n  private handleListKeydown(e: any) {\n    const TAB_KEY_CODE = 9;\n    if (e.keyCode !== TAB_KEY_CODE) {\n      e.preventDefault();\n    }\n\n    this.handleKeyboard(e, e.keyCode, 'list');\n  }\n\n  private handleKeyboard(e: any, keyCode: number, target: string) {\n    // const SPACEBAR_KEY_CODE = [0, 32];\n    const ENTER_KEY_CODE = 13;\n    const DOWN_ARROW_KEY_CODE = 40;\n    const UP_ARROW_KEY_CODE = 38;\n\n    // get highlighted element + index and selected element\n    const Els: any = this.shadowRoot?.querySelectorAll('.suggestion');\n    const suggestionEls: any = [...Els];\n    const highlightedEl = suggestionEls.find((option: any) =>\n      option.getAttribute('highlighted')\n    );\n    const highlightedIndex = highlightedEl\n      ? suggestionEls.indexOf(highlightedEl)\n      : 0;\n\n    // prevent page scroll on spacebar press\n    // if (SPACEBAR_KEY_CODE.includes(keyCode)) {\n    //   e.preventDefault();\n    // }\n\n    switch (keyCode) {\n      case ENTER_KEY_CODE: {\n        // select highlighted option\n        e.preventDefault();\n        const selectedValue = suggestionEls[highlightedIndex].innerText;\n        this.shadowRoot\n          ?.querySelector('kyn-text-input')\n          ?.setValueAndNotify(selectedValue);\n        if (target === 'input')\n          this._assistiveText = `${this._assistiveTextStrings.selected} ${selectedValue}`;\n        this._focused = false;\n        this._expanded = false;\n        return;\n      }\n      case DOWN_ARROW_KEY_CODE: {\n        // go to next option\n        const nextIndex = !highlightedEl\n          ? 0\n          : highlightedIndex === suggestionEls.length - 1\n          ? 0\n          : highlightedIndex + 1;\n\n        suggestionEls[highlightedIndex].removeAttribute('highlighted');\n        suggestionEls[nextIndex].setAttribute('highlighted', true);\n\n        // scroll to option\n        suggestionEls[nextIndex].scrollIntoView({ block: 'nearest' });\n        this._assistiveText = `${this.suggestions[nextIndex]}`;\n        return;\n      }\n      case UP_ARROW_KEY_CODE: {\n        // go to previous option\n        const nextIndex =\n          highlightedIndex === 0\n            ? suggestionEls.length - 1\n            : highlightedIndex - 1;\n\n        suggestionEls[highlightedIndex].removeAttribute('highlighted');\n        suggestionEls[nextIndex].setAttribute('highlighted', true);\n\n        // scroll to option\n        suggestionEls[nextIndex].scrollIntoView({ block: 'nearest' });\n        this._assistiveText = `${this.suggestions[nextIndex]}`;\n        return;\n      }\n      default: {\n        return;\n      }\n    }\n  }\n\n  private _checkForMatchingSuggestions() {\n    if (this.value === '') {\n      this._assistiveText = this._assistiveTextStrings.searchSuggestions;\n      return;\n    }\n    const Els: any = this.shadowRoot?.querySelectorAll('.suggestion');\n    const suggestionEls: any = [...Els];\n    const matchedOptionIndex = this.suggestions.findIndex((option) => {\n      return option.toLowerCase().includes(this.value.toLowerCase());\n    });\n    suggestionEls.forEach((option: any) => {\n      option.removeAttribute('highlighted');\n    });\n    if (matchedOptionIndex === -1) {\n      this._assistiveText = `${this._assistiveTextStrings.noMatches} ${this.value}`;\n      return;\n    }\n    suggestionEls[matchedOptionIndex].scrollIntoView({ block: 'nearest' });\n    this._assistiveText = `${this._assistiveTextStrings.found} ${this.suggestions[matchedOptionIndex]}`;\n  }\n\n  override willUpdate(changedProps: any) {\n    if (changedProps.has('assistiveTextStrings')) {\n      this._assistiveTextStrings = deepmerge(\n        _defaultTextStrings,\n        this.assistiveTextStrings\n      );\n    }\n  }\n\n  private _renderSuggestionContent(\n    suggestion: string,\n    isSearchHistory: boolean\n  ) {\n    const showHistoryIcon =\n      isSearchHistory || this.searchHistory.includes(suggestion);\n\n    const iconTemplate = showHistoryIcon\n      ? html`<span style=\"display:flex\">${unsafeSVG(historyIcon)}</span>`\n      : null;\n\n    if (isSearchHistory) {\n      return html`\n        <div class=\"suggestion-content\">\n          ${iconTemplate}\n          <span>${suggestion}</span>\n        </div>\n      `;\n    }\n\n    const escapedValue = this.value\n      .trim()\n      .replace(/[.*+?^${}()|[\\]\\\\]/g, '\\\\$&');\n    const trailingSpace = this.value.endsWith(' ');\n\n    const valueRegex = new RegExp(\n      `(${escapedValue.replace(/\\s+/g, '\\\\s+')})`,\n      'ig'\n    );\n\n    if (!valueRegex.test(suggestion)) {\n      return html`\n        <div class=\"suggestion-content\">\n          ${iconTemplate}\n          <span>${suggestion}</span>\n        </div>\n      `;\n    }\n\n    const result = [];\n    let lastIndex = 0;\n\n    suggestion.replace(valueRegex, (match, _p1, offset) => {\n      if (offset > lastIndex) {\n        const textBefore = suggestion.slice(lastIndex, offset);\n        result.push(this._wrapTextWithSpaces(textBefore));\n      }\n      result.push(html`<span class=\"bold-text\">${match}</span>`);\n      lastIndex = offset + match.length;\n      return match;\n    });\n\n    if (lastIndex < suggestion.length) {\n      const textAfter = suggestion.slice(lastIndex);\n      result.push(this._wrapTextWithSpaces(textAfter));\n    }\n\n    if (trailingSpace) {\n      result.push(html`<span>&nbsp;</span>`);\n    }\n\n    return html`\n      <div class=\"suggestion-content\">\n        ${iconTemplate}\n        <span class=\"text-parts\">${result}</span>\n      </div>\n    `;\n  }\n\n  private _wrapTextWithSpaces(text: string) {\n    return html`${text\n      .split(/(\\s)/)\n      .map((part) =>\n        part === ' '\n          ? html`<span>&nbsp;</span>`\n          : html`<span class=\"light-text\">${part}</span>`\n      )}`;\n  }\n\n  private _handleClickOut(e: Event) {\n    if (!e.composedPath().includes(this)) {\n      setTimeout(() => {\n        this._focused = false;\n        if (this.value === '') {\n          this._expanded = false;\n        }\n      }, 100);\n    }\n  }\n\n  override connectedCallback() {\n    super.connectedCallback();\n    document.addEventListener('click', (e) => this._handleClickOut(e), true);\n  }\n\n  override disconnectedCallback() {\n    super.disconnectedCallback();\n    document.removeEventListener('click', (e) => this._handleClickOut(e), true);\n  }\n}\n"],"names":["_defaultTextStrings","searchSuggestions","noMatches","selected","found","recentSearches","Search","customElement","LitElement","_classThis","_classSuper","name","__classPrivateFieldGet","this","_Search_name_accessor_storage","value","__classPrivateFieldSet","label","_Search_label_accessor_storage","expandable","_Search_expandable_accessor_storage","_Search_value_accessor_storage","size","_Search_size_accessor_storage","disabled","_Search_disabled_accessor_storage","suggestions","_Search_suggestions_accessor_storage","searchHistory","_Search_searchHistory_accessor_storage","expandableSearchBtnDescription","_Search_expandableSearchBtnDescription_accessor_storage","assistiveTextStrings","_Search_assistiveTextStrings_accessor_storage","enableSearchHistory","_Search_enableSearchHistory_accessor_storage","_assistiveTextStrings","_Search__assistiveTextStrings_accessor_storage","_assistiveText","_Search__assistiveText_accessor_storage","_focused","_Search__focused_accessor_storage","_expanded","_Search__expanded_accessor_storage","_textInput","_Search__textInput_accessor_storage","render","classes","search","expanded","focused","html","classMap","_buttonSizeMap","ifDefined","_handleButtonClick","unsafeSVG","searchIcon","e","_handleInput","_handleFocus","handleSearchKeydown","handleListKeydown","isSearchHistory","listToRender","map","suggestion","_handleSuggestionClick","_handleSuggestionWithMouseUp","_handleSuggestionWithMouseDown","_renderSuggestionContent","setTimeout","_b","_a","shadowRoot","querySelector","focus","detail","_checkForMatchingSuggestions","Detail","origEvent","event","CustomEvent","dispatchEvent","type","setValueAndNotify","preventDefault","stopPropagation","handleKeyboard","keyCode","target","suggestionEls","querySelectorAll","highlightedEl","find","option","getAttribute","highlightedIndex","indexOf","selectedValue","innerText","_c","nextIndex","length","removeAttribute","setAttribute","scrollIntoView","block","matchedOptionIndex","findIndex","toLowerCase","includes","forEach","willUpdate","changedProps","has","deepmerge","iconTemplate","historyIcon","escapedValue","trim","replace","trailingSpace","endsWith","valueRegex","RegExp","test","result","lastIndex","match","_p1","offset","textBefore","slice","push","_wrapTextWithSpaces","textAfter","text","split","part","_handleClickOut","composedPath","connectedCallback","super","document","addEventListener","disconnectedCallback","removeEventListener","set","__runInitializers","_name_initializers","_name_extraInitializers","_label_initializers","_label_extraInitializers","_expandable_initializers","_expandable_extraInitializers","_value_initializers","_value_extraInitializers","_size_initializers","_size_extraInitializers","_disabled_initializers","_disabled_extraInitializers","_suggestions_initializers","_suggestions_extraInitializers","_searchHistory_initializers","_searchHistory_extraInitializers","_expandableSearchBtnDescription_initializers","_expandableSearchBtnDescription_extraInitializers","_assistiveTextStrings_initializers","_assistiveTextStrings_extraInitializers","_enableSearchHistory_initializers","_enableSearchHistory_extraInitializers","__assistiveTextStrings_initializers","__assistiveTextStrings_extraInitializers","__assistiveText_initializers","__assistiveText_extraInitializers","__focused_initializers","__focused_extraInitializers","__expanded_initializers","__expanded_extraInitializers","__textInput_initializers","_name_decorators","property","String","_label_decorators","_expandable_decorators","Boolean","_value_decorators","_size_decorators","_disabled_decorators","_suggestions_decorators","Array","_searchHistory_decorators","_expandableSearchBtnDescription_decorators","_assistiveTextStrings_decorators","Object","_enableSearchHistory_decorators","__assistiveTextStrings_decorators","state","__assistiveText_decorators","__focused_decorators","__expanded_decorators","query","__esDecorate","kind","static","private","access","obj","get","metadata","_metadata","__textInput_decorators","__textInput_extraInitializers","_classDescriptor","_classDecorators","_classExtraInitializers","styles","unsafeCSS","Styles"],"mappings":"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"}
+{"version":3,"file":"search.js","sources":["../../../../src/components/reusable/search/search.ts"],"sourcesContent":["import { unsafeSVG } from 'lit-html/directives/unsafe-svg.js';\nimport { LitElement, html, unsafeCSS } from 'lit';\nimport { customElement, property, state, query } from 'lit/decorators.js';\nimport { classMap } from 'lit/directives/class-map.js';\nimport { ifDefined } from 'lit/directives/if-defined.js';\nimport Styles from './search.scss?inline';\nimport '../textInput';\nimport '../button';\nimport searchIcon from '@kyndryl-design-system/shidoka-icons/svg/monochrome/20/search.svg';\nimport historyIcon from '@kyndryl-design-system/shidoka-icons/svg/monochrome/20/history.svg';\nimport { deepmerge } from 'deepmerge-ts';\n\nconst _defaultTextStrings = {\n  searchSuggestions: 'Search suggestions.',\n  noMatches: 'No matches found for',\n  selected: 'Selected',\n  found: 'Found',\n  recentSearches: 'Recent searches',\n};\n\n/**\n * Search\n * @fires on-input - Emits the value on text input/clear.`detail:{ origEvent: InputEvent,value: string }`\n */\n@customElement('kyn-search')\nexport class Search extends LitElement {\n  static override styles = unsafeCSS(Styles);\n\n  /** Input name. */\n  @property({ type: String })\n  accessor name = '';\n\n  /** Label text. */\n  @property({ type: String })\n  accessor label = 'Search';\n\n  /** Expandable style search. */\n  @property({ type: Boolean })\n  accessor expandable = false;\n\n  /** Input value. */\n  @property({ type: String })\n  accessor value = '';\n\n  /** Input & button size. */\n  @property({ type: String })\n  accessor size = 'md';\n\n  /** Disabled state. */\n  @property({ type: Boolean })\n  accessor disabled = false;\n\n  /** Auto-suggest array of strings that should match the current value. Update this array externally after on-input. */\n  @property({ type: Array })\n  accessor suggestions: Array<string> = [];\n\n  /** Auto-suggest history array of strings. Update this array externally after on-input. */\n  @property({ type: Array })\n  accessor searchHistory: Array<string> = [];\n\n  /** Expandable style search button description (Required to support accessibility). */\n  @property({ type: String })\n  accessor expandableSearchBtnDescription = '';\n\n  /** Assistive text strings. */\n  @property({ type: Object })\n  accessor assistiveTextStrings = _defaultTextStrings;\n\n  /** To show history searches in suggestion panel */\n  @property({ type: Boolean })\n  accessor enableSearchHistory = false;\n\n  /**\n   * Internal assistive text strings.\n   * @internal\n   * */\n  @state()\n  accessor _assistiveTextStrings = _defaultTextStrings;\n\n  /**\n   * Assistive text for screen readers.\n   * @internal\n   */\n  @state()\n  accessor _assistiveText = 'Search suggestions.';\n\n  /** Input focused state.\n   * @internal\n   */\n  @state()\n  accessor _focused = false;\n\n  /** Expanded state.\n   * @internal\n   */\n  @state()\n  accessor _expanded = false;\n\n  /** Expanded state.\n   * @internal\n   */\n  @query('kyn-text-input')\n  accessor _textInput!: any;\n\n  override render() {\n    const classes = {\n      search: true,\n      expanded: this._expanded,\n      expandable: this.expandable,\n      focused: this._focused,\n      'has-value': this.value !== '' || this.enableSearchHistory,\n    };\n\n    return html`\n      <div class=\"${classMap(classes)}\">\n        <kyn-button\n          kind=\"secondary\"\n          size=${this._buttonSizeMap()}\n          description=${ifDefined(this.expandableSearchBtnDescription)}\n          ?disabled=${this.disabled}\n          @on-click=${this._handleButtonClick}\n        >\n          <span slot=\"icon\">${unsafeSVG(searchIcon)}</span>\n        </kyn-button>\n\n        <kyn-text-input\n          name=${this.name}\n          type=\"search\"\n          placeholder=${this.label}\n          hideLabel\n          value=${this.value}\n          size=${this.size}\n          ?disabled=${this.disabled}\n          @on-input=${(e: CustomEvent) => this._handleInput(e)}\n          @focus=${this._handleFocus}\n          autoComplete=\"off\"\n          @keydown=${(e: any) => this.handleSearchKeydown(e)}\n        >\n          ${this.label}\n          <span slot=\"icon\">${unsafeSVG(searchIcon)}</span>\n        </kyn-text-input>\n\n        <div\n          class=\"suggestions\"\n          @keydown=${(e: any) => this.handleListKeydown(e)}\n        >\n          ${(() => {\n            const isSearchHistory =\n              this.value === '' && this.enableSearchHistory;\n            const listToRender = isSearchHistory\n              ? this.searchHistory\n              : this.suggestions;\n\n            return html`\n              ${isSearchHistory\n                ? html`<div class=\"suggestion-title\">\n                    ${this.assistiveTextStrings.recentSearches}\n                  </div>`\n                : null}\n              ${listToRender.map(\n                (suggestion) => html`\n                  <div\n                    class=\"suggestion\"\n                    @click=${(e: any) =>\n                      this._handleSuggestionClick(e, suggestion)}\n                    @mouseup=${() =>\n                      this._handleSuggestionWithMouseUp(suggestion)}\n                    @mousedown=${(e: any) =>\n                      this._handleSuggestionWithMouseDown(e)}\n                  >\n                    ${this._renderSuggestionContent(\n                      suggestion,\n                      isSearchHistory\n                    )}\n                  </div>\n                `\n              )}\n            `;\n          })()}\n        </div>\n        <div\n          class=\"assistive-text\"\n          role=\"status\"\n          aria-live=\"assertive\"\n          aria-relevant=\"additions text\"\n        >\n          ${this._assistiveText}\n        </div>\n      </div>\n    `;\n  }\n\n  private _buttonSizeMap() {\n    switch (this.size) {\n      case 'sm':\n        return 'small';\n      case 'lg':\n        return 'large';\n      case 'md':\n      default:\n        return 'medium';\n    }\n  }\n\n  private _handleFocus() {\n    this._focused = true;\n\n    if (this.enableSearchHistory) {\n      this._expanded = true;\n    }\n  }\n\n  private _handleButtonClick() {\n    this._expanded = true;\n\n    setTimeout(() => {\n      this.shadowRoot?.querySelector('kyn-text-input')?.focus();\n    }, 0);\n  }\n\n  private _handleInput(e: CustomEvent) {\n    this.value = e.detail.value;\n    this._focused = true;\n\n    this._checkForMatchingSuggestions();\n\n    const Detail: any = {\n      value: e.detail.value,\n    };\n\n    if (e.detail.origEvent) {\n      Detail.origEvent = e.detail.origEvent;\n    }\n\n    const event = new CustomEvent('on-input', {\n      detail: Detail,\n    });\n    this.dispatchEvent(event);\n  }\n\n  private _handleSuggestionClick(e: any, suggestion: string) {\n    if (e.type !== 'click') {\n      this.value = suggestion;\n      this._assistiveText = `${this._assistiveTextStrings.selected} ${this.value}`;\n    }\n  }\n\n  private _handleSuggestionWithMouseUp(suggestion: string) {\n    this.value = suggestion;\n    this._assistiveText = `${this._assistiveTextStrings.selected} ${this.value}`;\n    this.shadowRoot\n      ?.querySelector('kyn-text-input')\n      ?.setValueAndNotify(this.value);\n    this._focused = false;\n  }\n\n  private _handleSuggestionWithMouseDown(e: any) {\n    e.preventDefault();\n  }\n\n  private handleSearchKeydown(e: any) {\n    e.stopPropagation();\n    this.handleKeyboard(e, e.keyCode, 'input');\n  }\n\n  private handleListKeydown(e: any) {\n    const TAB_KEY_CODE = 9;\n    if (e.keyCode !== TAB_KEY_CODE) {\n      e.preventDefault();\n    }\n\n    this.handleKeyboard(e, e.keyCode, 'list');\n  }\n\n  private handleKeyboard(e: any, keyCode: number, target: string) {\n    // const SPACEBAR_KEY_CODE = [0, 32];\n    const ENTER_KEY_CODE = 13;\n    const DOWN_ARROW_KEY_CODE = 40;\n    const UP_ARROW_KEY_CODE = 38;\n\n    // get highlighted element + index and selected element\n    const Els: any = this.shadowRoot?.querySelectorAll('.suggestion');\n    const suggestionEls: any = [...Els];\n    const highlightedEl = suggestionEls.find((option: any) =>\n      option.getAttribute('highlighted')\n    );\n    const highlightedIndex = highlightedEl\n      ? suggestionEls.indexOf(highlightedEl)\n      : 0;\n\n    // prevent page scroll on spacebar press\n    // if (SPACEBAR_KEY_CODE.includes(keyCode)) {\n    //   e.preventDefault();\n    // }\n\n    switch (keyCode) {\n      case ENTER_KEY_CODE: {\n        // select highlighted option\n        e.preventDefault();\n        const selectedValue = suggestionEls[highlightedIndex]?.innerText;\n        this.shadowRoot\n          ?.querySelector('kyn-text-input')\n          ?.setValueAndNotify(selectedValue);\n        if (target === 'input')\n          this._assistiveText = `${this._assistiveTextStrings.selected} ${selectedValue}`;\n        this._focused = false;\n        this._expanded = false;\n        return;\n      }\n      case DOWN_ARROW_KEY_CODE: {\n        // go to next option\n        const nextIndex = !highlightedEl\n          ? 0\n          : highlightedIndex === suggestionEls.length - 1\n          ? 0\n          : highlightedIndex + 1;\n\n        suggestionEls[highlightedIndex].removeAttribute('highlighted');\n        suggestionEls[nextIndex].setAttribute('highlighted', true);\n\n        // scroll to option\n        suggestionEls[nextIndex].scrollIntoView({ block: 'nearest' });\n        this._assistiveText = `${this.suggestions[nextIndex]}`;\n        return;\n      }\n      case UP_ARROW_KEY_CODE: {\n        // go to previous option\n        const nextIndex =\n          highlightedIndex === 0\n            ? suggestionEls.length - 1\n            : highlightedIndex - 1;\n\n        suggestionEls[highlightedIndex].removeAttribute('highlighted');\n        suggestionEls[nextIndex].setAttribute('highlighted', true);\n\n        // scroll to option\n        suggestionEls[nextIndex].scrollIntoView({ block: 'nearest' });\n        this._assistiveText = `${this.suggestions[nextIndex]}`;\n        return;\n      }\n      default: {\n        return;\n      }\n    }\n  }\n\n  private _checkForMatchingSuggestions() {\n    if (this.value === '') {\n      this._assistiveText = this._assistiveTextStrings.searchSuggestions;\n      return;\n    }\n    const Els: any = this.shadowRoot?.querySelectorAll('.suggestion');\n    const suggestionEls: any = [...Els];\n    const matchedOptionIndex = this.suggestions.findIndex((option) => {\n      return option.toLowerCase().includes(this.value.toLowerCase());\n    });\n    suggestionEls.forEach((option: any) => {\n      option.removeAttribute('highlighted');\n    });\n    if (matchedOptionIndex === -1) {\n      this._assistiveText = `${this._assistiveTextStrings.noMatches} ${this.value}`;\n      return;\n    }\n    suggestionEls[matchedOptionIndex].scrollIntoView({ block: 'nearest' });\n    this._assistiveText = `${this._assistiveTextStrings.found} ${this.suggestions[matchedOptionIndex]}`;\n  }\n\n  override willUpdate(changedProps: any) {\n    if (changedProps.has('assistiveTextStrings')) {\n      this._assistiveTextStrings = deepmerge(\n        _defaultTextStrings,\n        this.assistiveTextStrings\n      );\n    }\n  }\n\n  private _renderSuggestionContent(\n    suggestion: string,\n    isSearchHistory: boolean\n  ) {\n    const showHistoryIcon =\n      isSearchHistory || this.searchHistory.includes(suggestion);\n\n    const iconTemplate = showHistoryIcon\n      ? html`<span style=\"display:flex\">${unsafeSVG(historyIcon)}</span>`\n      : null;\n\n    if (isSearchHistory) {\n      return html`\n        <div class=\"suggestion-content\">\n          ${iconTemplate}\n          <span>${suggestion}</span>\n        </div>\n      `;\n    }\n\n    const escapedValue = this.value\n      .trim()\n      .replace(/[.*+?^${}()|[\\]\\\\]/g, '\\\\$&');\n    const trailingSpace = this.value.endsWith(' ');\n\n    const valueRegex = new RegExp(\n      `(${escapedValue.replace(/\\s+/g, '\\\\s+')})`,\n      'ig'\n    );\n\n    if (!valueRegex.test(suggestion)) {\n      return html`\n        <div class=\"suggestion-content\">\n          ${iconTemplate}\n          <span>${suggestion}</span>\n        </div>\n      `;\n    }\n\n    const result = [];\n    let lastIndex = 0;\n\n    suggestion.replace(valueRegex, (match, _p1, offset) => {\n      if (offset > lastIndex) {\n        const textBefore = suggestion.slice(lastIndex, offset);\n        result.push(this._wrapTextWithSpaces(textBefore));\n      }\n      result.push(html`<span class=\"bold-text\">${match}</span>`);\n      lastIndex = offset + match.length;\n      return match;\n    });\n\n    if (lastIndex < suggestion.length) {\n      const textAfter = suggestion.slice(lastIndex);\n      result.push(this._wrapTextWithSpaces(textAfter));\n    }\n\n    if (trailingSpace) {\n      result.push(html`<span>&nbsp;</span>`);\n    }\n\n    return html`\n      <div class=\"suggestion-content\">\n        ${iconTemplate}\n        <span class=\"text-parts\">${result}</span>\n      </div>\n    `;\n  }\n\n  private _wrapTextWithSpaces(text: string) {\n    return html`${text\n      .split(/(\\s)/)\n      .map((part) =>\n        part === ' '\n          ? html`<span>&nbsp;</span>`\n          : html`<span class=\"light-text\">${part}</span>`\n      )}`;\n  }\n\n  private _handleClickOut(e: Event) {\n    if (!e.composedPath().includes(this)) {\n      setTimeout(() => {\n        this._focused = false;\n        if (this.value === '') {\n          this._expanded = false;\n        }\n      }, 100);\n    }\n  }\n\n  override connectedCallback() {\n    super.connectedCallback();\n    document.addEventListener('click', (e) => this._handleClickOut(e), true);\n  }\n\n  override disconnectedCallback() {\n    super.disconnectedCallback();\n    document.removeEventListener('click', (e) => this._handleClickOut(e), true);\n  }\n}\n"],"names":["_defaultTextStrings","searchSuggestions","noMatches","selected","found","recentSearches","Search","customElement","LitElement","_classThis","_classSuper","name","__classPrivateFieldGet","this","_Search_name_accessor_storage","value","__classPrivateFieldSet","label","_Search_label_accessor_storage","expandable","_Search_expandable_accessor_storage","_Search_value_accessor_storage","size","_Search_size_accessor_storage","disabled","_Search_disabled_accessor_storage","suggestions","_Search_suggestions_accessor_storage","searchHistory","_Search_searchHistory_accessor_storage","expandableSearchBtnDescription","_Search_expandableSearchBtnDescription_accessor_storage","assistiveTextStrings","_Search_assistiveTextStrings_accessor_storage","enableSearchHistory","_Search_enableSearchHistory_accessor_storage","_assistiveTextStrings","_Search__assistiveTextStrings_accessor_storage","_assistiveText","_Search__assistiveText_accessor_storage","_focused","_Search__focused_accessor_storage","_expanded","_Search__expanded_accessor_storage","_textInput","_Search__textInput_accessor_storage","render","classes","search","expanded","focused","html","classMap","_buttonSizeMap","ifDefined","_handleButtonClick","unsafeSVG","searchIcon","e","_handleInput","_handleFocus","handleSearchKeydown","handleListKeydown","isSearchHistory","listToRender","map","suggestion","_handleSuggestionClick","_handleSuggestionWithMouseUp","_handleSuggestionWithMouseDown","_renderSuggestionContent","setTimeout","_b","_a","shadowRoot","querySelector","focus","detail","_checkForMatchingSuggestions","Detail","origEvent","event","CustomEvent","dispatchEvent","type","setValueAndNotify","preventDefault","stopPropagation","handleKeyboard","keyCode","target","suggestionEls","querySelectorAll","highlightedEl","find","option","getAttribute","highlightedIndex","indexOf","selectedValue","innerText","_d","_c","nextIndex","length","removeAttribute","setAttribute","scrollIntoView","block","matchedOptionIndex","findIndex","toLowerCase","includes","forEach","willUpdate","changedProps","has","deepmerge","iconTemplate","historyIcon","escapedValue","trim","replace","trailingSpace","endsWith","valueRegex","RegExp","test","result","lastIndex","match","_p1","offset","textBefore","slice","push","_wrapTextWithSpaces","textAfter","text","split","part","_handleClickOut","composedPath","connectedCallback","super","document","addEventListener","disconnectedCallback","removeEventListener","set","__runInitializers","_name_initializers","_name_extraInitializers","_label_initializers","_label_extraInitializers","_expandable_initializers","_expandable_extraInitializers","_value_initializers","_value_extraInitializers","_size_initializers","_size_extraInitializers","_disabled_initializers","_disabled_extraInitializers","_suggestions_initializers","_suggestions_extraInitializers","_searchHistory_initializers","_searchHistory_extraInitializers","_expandableSearchBtnDescription_initializers","_expandableSearchBtnDescription_extraInitializers","_assistiveTextStrings_initializers","_assistiveTextStrings_extraInitializers","_enableSearchHistory_initializers","_enableSearchHistory_extraInitializers","__assistiveTextStrings_initializers","__assistiveTextStrings_extraInitializers","__assistiveText_initializers","__assistiveText_extraInitializers","__focused_initializers","__focused_extraInitializers","__expanded_initializers","__expanded_extraInitializers","__textInput_initializers","_name_decorators","property","String","_label_decorators","_expandable_decorators","Boolean","_value_decorators","_size_decorators","_disabled_decorators","_suggestions_decorators","Array","_searchHistory_decorators","_expandableSearchBtnDescription_decorators","_assistiveTextStrings_decorators","Object","_enableSearchHistory_decorators","__assistiveTextStrings_decorators","state","__assistiveText_decorators","__focused_decorators","__expanded_decorators","query","__esDecorate","kind","static","private","access","obj","get","metadata","_metadata","__textInput_decorators","__textInput_extraInitializers","_classDescriptor","_classDecorators","_classExtraInitializers","styles","unsafeCSS","Styles"],"mappings":"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"}

package/components/reusable/table/story-helpers/ultils.sample.d.ts

@@ -70,5 +70,13 @@ export declare const dataForColumns: {
     col19: string;
     col20: string;
 }[];
+export declare const dataForColumnsFilter: {
+    ticketPriority: string;
+    applnName: string;
+    businessService: string;
+    businessGroups: string;
+    ticketStatus: string;
+    criticalityRisk: number;
+}[];
 export {};
 //# sourceMappingURL=ultils.sample.d.ts.map

package/components/reusable/table/story-helpers/ultils.sample.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ultils.sample.d.ts","sourceRoot":"","sources":["../../../../../src/components/reusable/table/story-helpers/ultils.sample.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC;AACzC,UAAU,MAAM;IACd,EAAE,EAAE,MAAM,CAAC;IACX,SAAS,EAAE,MAAM,CAAC;IAClB,QAAQ,EAAE,MAAM,CAAC;IACjB,GAAG,EAAE,MAAM,CAAC;IACZ,QAAQ,EAAE,MAAM,CAAC;IACjB,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAED,eAAO,MAAM,WAAW,GAAI,eAAe,cAAc,MAC/C,GAAG,MAAM,EAAE,GAAG,MAAM,WAK7B,CAAC;AAEF,eAAO,MAAM,WAAW,GAAI,eAAe,cAAc,MAC/C,GAAG,MAAM,EAAE,GAAG,MAAM,WAK7B,CAAC;AAEF,eAAO,MAAM,QAAQ,GAAI,eAAe,cAAc,MAC5C,GAAG,MAAM,EAAE,GAAG,MAAM,WAG7B,CAAC;AAEF,eAAO,MAAM,SAAS,GAAI,eAAe,cAAc,MAC7C,GAAG,MAAM,EAAE,GAAG,MAAM,WAG7B,CAAC;AAEF,eAAO,MAAM,UAAU,GAAI,eAAe,cAAc,MAC9C,GAAG,MAAM,EAAE,GAAG,MAAM,WAY7B,CAAC;AAEF,eAAO,MAAM,WAAW,GACtB,WAAW,GAAG,EACd,YAAY,MAAM,EAClB,UAAU,MAAM,QAKjB,CAAC;AAEF,eAAO,MAAM,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAqDtB,CAAC;AAEF,eAAO,MAAM,cAAc;;;;;;;;;;;;;;;;;;;;;;GAoH1B,CAAC"}
+{"version":3,"file":"ultils.sample.d.ts","sourceRoot":"","sources":["../../../../../src/components/reusable/table/story-helpers/ultils.sample.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC;AACzC,UAAU,MAAM;IACd,EAAE,EAAE,MAAM,CAAC;IACX,SAAS,EAAE,MAAM,CAAC;IAClB,QAAQ,EAAE,MAAM,CAAC;IACjB,GAAG,EAAE,MAAM,CAAC;IACZ,QAAQ,EAAE,MAAM,CAAC;IACjB,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAED,eAAO,MAAM,WAAW,GAAI,eAAe,cAAc,MAC/C,GAAG,MAAM,EAAE,GAAG,MAAM,WAK7B,CAAC;AAEF,eAAO,MAAM,WAAW,GAAI,eAAe,cAAc,MAC/C,GAAG,MAAM,EAAE,GAAG,MAAM,WAK7B,CAAC;AAEF,eAAO,MAAM,QAAQ,GAAI,eAAe,cAAc,MAC5C,GAAG,MAAM,EAAE,GAAG,MAAM,WAG7B,CAAC;AAEF,eAAO,MAAM,SAAS,GAAI,eAAe,cAAc,MAC7C,GAAG,MAAM,EAAE,GAAG,MAAM,WAG7B,CAAC;AAEF,eAAO,MAAM,UAAU,GAAI,eAAe,cAAc,MAC9C,GAAG,MAAM,EAAE,GAAG,MAAM,WAY7B,CAAC;AAEF,eAAO,MAAM,WAAW,GACtB,WAAW,GAAG,EACd,YAAY,MAAM,EAClB,UAAU,MAAM,QAKjB,CAAC;AAEF,eAAO,MAAM,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAqDtB,CAAC;AAEF,eAAO,MAAM,cAAc;;;;;;;;;;;;;;;;;;;;;;GAoH1B,CAAC;AAEF,eAAO,MAAM,oBAAoB;;;;;;;GAyDhC,CAAC"}

package/components/reusable/table/table-header.d.ts

@@ -9,6 +9,7 @@ import { SORT_DIRECTION, TABLE_CELL_ALIGN } from './defs';
  *
  * @fires on-sort-changed - Dispatched when the sort direction is changed. `detail: {sortDirection: string, sortKey: string } `
  * @slot unnamed - The content slot for adding header text or content.
+ * @slot column-filter - slot for column filter.
  */
 export declare class TableHeader extends LitElement {
     static styles: import("lit").CSSResult;

package/components/reusable/table/table-header.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"table-header.d.ts","sourceRoot":"","sources":["../../../../src/components/reusable/table/table-header.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,UAAU,EAAmB,cAAc,EAAE,MAAM,KAAK,CAAC;AAWlE,OAAO,EAAgB,gBAAgB,EAAE,MAAM,iBAAiB,CAAC;AAKjE,OAAO,EAAE,cAAc,EAAE,gBAAgB,EAAE,MAAM,QAAQ,CAAC;AAE1D;;;;;;;;GAQG;AACH,qBACa,WAAY,SAAQ,UAAU;IACzC,OAAgB,MAAM,0BAAqB;IAE3C;;OAEG;IACH,SACkB,IAAI,SAAkB;IAExC,0DAA0D;IAE1D,QAAQ,CAAC,KAAK,UAAS;IAEvB;;;;;;OAMG;IAGH,OAAO,CAAC,QAAQ,CAAC,gBAAgB,CAO/B;IAEF;;;OAGG;IACH,mBAAmB,GAAI,WAAW,gBAAgB,UAIhD;IAEF;;;OAGG;IAEH,QAAQ,CAAC,KAAK,EAAE,gBAAgB,CAAyB;IAEzD;;;;OAIG;IAEH,QAAQ,CAAC,QAAQ,UAAS;IAE1B,gEAAgE;IAEhE,QAAQ,CAAC,aAAa,EAAE,cAAc,CAA0B;IAEhE;;;OAGG;IAEH,QAAQ,CAAC,WAAW,SAAM;IAE1B;;;;OAIG;IAEH,QAAQ,CAAC,OAAO,SAAM;IAEtB;;;;;;OAMG;IAEH,QAAQ,CAAC,aAAa,UAAS;IAE/B;;;OAGG;IAEH,QAAQ,CAAC,KAAK,SAAM;IAEpB;;;OAGG;IAEH,QAAQ,CAAC,QAAQ,SAAM;IAEvB;;;;OAIG;IAEH,QAAQ,CAAC,QAAQ,SAAM;IAEvB;;OAEG;IAEH,QAAQ,CAAC,SAAS,EAAG,KAAK,CAAC,IAAI,CAAC,CAAC;IAEjC;;;OAGG;IACH,SAAS;IAIT;;;OAGG;IAEH,QAAQ,CAAC,aAAa,SAAM;IAE5B;;;OAGG;IACH,OAAO,CAAC,mBAAmB;IAsClB,OAAO,CAAC,iBAAiB,EAAE,cAAc;IAiBlD,cAAc;IAUL,MAAM;CAiEhB;AAGD,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,QAAQ,EAAE,WAAW,CAAC;KACvB;CACF"}
+{"version":3,"file":"table-header.d.ts","sourceRoot":"","sources":["../../../../src/components/reusable/table/table-header.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,UAAU,EAAmB,cAAc,EAAE,MAAM,KAAK,CAAC;AAWlE,OAAO,EAAgB,gBAAgB,EAAE,MAAM,iBAAiB,CAAC;AAKjE,OAAO,EAAE,cAAc,EAAE,gBAAgB,EAAE,MAAM,QAAQ,CAAC;AAE1D;;;;;;;;;GASG;AACH,qBACa,WAAY,SAAQ,UAAU;IACzC,OAAgB,MAAM,0BAAqB;IAE3C;;OAEG;IACH,SACkB,IAAI,SAAkB;IAExC,0DAA0D;IAE1D,QAAQ,CAAC,KAAK,UAAS;IAEvB;;;;;;OAMG;IAGH,OAAO,CAAC,QAAQ,CAAC,gBAAgB,CAO/B;IAEF;;;OAGG;IACH,mBAAmB,GAAI,WAAW,gBAAgB,UAIhD;IAEF;;;OAGG;IAEH,QAAQ,CAAC,KAAK,EAAE,gBAAgB,CAAyB;IAEzD;;;;OAIG;IAEH,QAAQ,CAAC,QAAQ,UAAS;IAE1B,gEAAgE;IAEhE,QAAQ,CAAC,aAAa,EAAE,cAAc,CAA0B;IAEhE;;;OAGG;IAEH,QAAQ,CAAC,WAAW,SAAM;IAE1B;;;;OAIG;IAEH,QAAQ,CAAC,OAAO,SAAM;IAEtB;;;;;;OAMG;IAEH,QAAQ,CAAC,aAAa,UAAS;IAE/B;;;OAGG;IAEH,QAAQ,CAAC,KAAK,SAAM;IAEpB;;;OAGG;IAEH,QAAQ,CAAC,QAAQ,SAAM;IAEvB;;;;OAIG;IAEH,QAAQ,CAAC,QAAQ,SAAM;IAEvB;;OAEG;IAEH,QAAQ,CAAC,SAAS,EAAG,KAAK,CAAC,IAAI,CAAC,CAAC;IAEjC;;;OAGG;IACH,SAAS;IAIT;;;OAGG;IAEH,QAAQ,CAAC,aAAa,SAAM;IAE5B;;;OAGG;IACH,OAAO,CAAC,mBAAmB;IAsClB,OAAO,CAAC,iBAAiB,EAAE,cAAc;IAiBlD,cAAc;IAUL,MAAM;CAkEhB;AAGD,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,QAAQ,EAAE,WAAW,CAAC;KACvB;CACF"}

package/components/reusable/table/table-header.js

@@ -1,4 +1,4 @@
-import{__setFunctionName as t,__esDecorate as e,__runInitializers as i,__classPrivateFieldGet as s,__classPrivateFieldSet as r}from"tslib";import{unsafeSVG as a}from"lit-html/directives/unsafe-svg.js";import{css as n,LitElement as o,unsafeCSS as h,html as l}from"lit";import{customElement as d,property as c,state as m,queryAssignedNodes as v}from"lit/decorators.js";import{classMap as g}from"lit-html/directives/class-map.js";import{ifDefined as p}from"lit/directives/if-defined.js";import{ContextConsumer as f}from"@lit/context";import{tableContext as u}from"./table-context.js";import{w as k}from"../../../vendor/@kyndryl-design-system/shidoka-icons-oqOblwTK.js";import{SORT_DIRECTION as y,TABLE_CELL_ALIGN as b}from"./defs.js";var x=n`*,
+import{__setFunctionName as t,__esDecorate as e,__runInitializers as i,__classPrivateFieldGet as s,__classPrivateFieldSet as r}from"tslib";import{unsafeSVG as a}from"lit-html/directives/unsafe-svg.js";import{css as o,LitElement as n,unsafeCSS as l,html as h}from"lit";import{customElement as d,property as c,state as m,queryAssignedNodes as v}from"lit/decorators.js";import{classMap as g}from"lit-html/directives/class-map.js";import{ifDefined as p}from"lit/directives/if-defined.js";import{ContextConsumer as f}from"@lit/context";import{tableContext as u}from"./table-context.js";import{w as k}from"../../../vendor/@kyndryl-design-system/shidoka-icons-oqOblwTK.js";import{SORT_DIRECTION as b,TABLE_CELL_ALIGN as y}from"./defs.js";var x=o`*,
 *::before,
 *::after {
   box-sizing: border-box;
@@ -138,12 +138,12 @@ import{__setFunctionName as t,__esDecorate as e,__runInitializers as i,__classPr
   transform: rotate(180deg);
 }
 
-:host([sortable]:hover) {
+:host([sortable]) .container:hover {
   transition: background-color 0.3s;
   color: var(--kd-color-text-level-tertiary);
   cursor: pointer;
 }
-:host([sortable]:hover) .sort-icon {
+:host([sortable]) .container:hover .sort-icon {
   color: var(--kd-color-text-level-tertiary);
 }
 
@@ -180,19 +180,31 @@ import{__setFunctionName as t,__esDecorate as e,__runInitializers as i,__classPr
   position: absolute;
   white-space: nowrap;
   width: 1px;
-}`;let w=(()=>{var n,w,W,D,T,C,S,$,L,M,E,j,K,z;let H,A,I,_,F,P,U,B,O,N,X,q,G,J,Q,R,V=[d("kyn-th")],Y=[],Z=o,tt=[],et=[],it=[],st=[],rt=[],at=[],nt=[],ot=[],ht=[],lt=[],dt=[],ct=[],mt=[],vt=[],gt=[],pt=[],ft=[],ut=[],kt=[],yt=[],bt=[],xt=[],wt=[],Wt=[],Dt=[],Tt=[],Ct=[],St=[];return A=class extends Z{get role(){return s(this,n,"f")}set role(t){r(this,n,t,"f")}get dense(){return s(this,w,"f")}set dense(t){r(this,w,t,"f")}get _contextConsumer(){return s(this,W,"f")}set _contextConsumer(t){r(this,W,t,"f")}get align(){return s(this,D,"f")}set align(t){r(this,D,t,"f")}get sortable(){return s(this,T,"f")}set sortable(t){r(this,T,t,"f")}get sortDirection(){return s(this,C,"f")}set sortDirection(t){r(this,C,t,"f")}get headerLabel(){return s(this,S,"f")}set headerLabel(t){r(this,S,t,"f")}get sortKey(){return s(this,$,"f")}set sortKey(t){r(this,$,t,"f")}get visiblyHidden(){return s(this,L,"f")}set visiblyHidden(t){r(this,L,t,"f")}get width(){return s(this,M,"f")}set width(t){r(this,M,t,"f")}get maxWidth(){return s(this,E,"f")}set maxWidth(t){r(this,E,t,"f")}get minWidth(){return s(this,j,"f")}set minWidth(t){r(this,j,t,"f")}get listItems(){return s(this,K,"f")}set listItems(t){r(this,K,t,"f")}resetSort(){this.sortDirection=y.DEFAULT}get assistiveText(){return s(this,z,"f")}set assistiveText(t){r(this,z,t,"f")}toggleSortDirection(){if(this.sortKey){switch(this.sortDirection){case y.DEFAULT:case y.DESC:{this.sortDirection=y.ASC;const t=`Column header ${this.sortKey} sorted in ascending order`;this.assistiveText=""===this.assistiveText||this.assistiveText===t?`${t}.`:t;break}case y.ASC:{this.sortDirection=y.DESC;const t=`Column header ${this.sortKey} sorted in descending order`;this.assistiveText=""===this.assistiveText||this.assistiveText===t?`${t}.`:t;break}}this.dispatchEvent(new CustomEvent("on-sort-changed",{bubbles:!0,composed:!0,detail:{sortDirection:this.sortDirection,sortKey:this.sortKey}}))}else console.error("sortKey is missing for a sortable column.")}updated(t){this.getTextContent(),super.updated(t),this.maxWidth&&t.has("maxWidth")&&this.style.setProperty("--kyn-th-max-width",this.maxWidth),this.width&&t.has("width")&&this.style.setProperty("--kyn-th-width",this.width),this.minWidth&&t.has("minWidth")&&this.style.setProperty("--kyn-th-min-width",this.minWidth)}getTextContent(){var t;const e=this.listItems.filter((t=>{var e;return(null==t?void 0:t.nodeType)!==Node.TEXT_NODE||""!==(null===(e=null==t?void 0:t.textContent)||void 0===e?void 0:e.trim())}));this.headerLabel=(null===(t=e[0])||void 0===t?void 0:t.textContent)||""}render(){const t={"sort-icon":!0,"sort-icon--sorting":this.sortDirection!==y.DEFAULT,"sort-icon--sorting-asc":this.sortDirection===y.ASC,"sort-icon--sorting-desc":this.sortDirection===y.DESC},e={"slot-wrapper":!0,"sr-only":this.visiblyHidden},i=this.sortable?"button":void 0,s=this.sortable&&this.headerLabel?`Sort by ${this.headerLabel}`:void 0,r=this.sortable?0:void 0,n=this.sortable?t=>{"Enter"!==t.key&&" "!==t.key||this.toggleSortDirection()}:void 0;return l`
+}
+
+::slotted([slot=column-filter]) {
+  display: flex;
+  align-items: center;
+  flex: 1;
+  min-width: 0;
+  gap: 8px;
+  align-self: stretch;
+  padding: 8px;
+  border-top: 1px solid var(--kd-color-border-variants-inverse);
+  border-bottom: 1px solid var(--kd-color-border-level-tertiary);
+}`;let w=(()=>{var o,w,W,D,T,C,S,$,L,M,E,j,K,z;let H,A,I,_,F,P,U,B,O,N,X,q,G,J,Q,R,V=[d("kyn-th")],Y=[],Z=n,tt=[],et=[],it=[],st=[],rt=[],at=[],ot=[],nt=[],lt=[],ht=[],dt=[],ct=[],mt=[],vt=[],gt=[],pt=[],ft=[],ut=[],kt=[],bt=[],yt=[],xt=[],wt=[],Wt=[],Dt=[],Tt=[],Ct=[],St=[];return A=class extends Z{get role(){return s(this,o,"f")}set role(t){r(this,o,t,"f")}get dense(){return s(this,w,"f")}set dense(t){r(this,w,t,"f")}get _contextConsumer(){return s(this,W,"f")}set _contextConsumer(t){r(this,W,t,"f")}get align(){return s(this,D,"f")}set align(t){r(this,D,t,"f")}get sortable(){return s(this,T,"f")}set sortable(t){r(this,T,t,"f")}get sortDirection(){return s(this,C,"f")}set sortDirection(t){r(this,C,t,"f")}get headerLabel(){return s(this,S,"f")}set headerLabel(t){r(this,S,t,"f")}get sortKey(){return s(this,$,"f")}set sortKey(t){r(this,$,t,"f")}get visiblyHidden(){return s(this,L,"f")}set visiblyHidden(t){r(this,L,t,"f")}get width(){return s(this,M,"f")}set width(t){r(this,M,t,"f")}get maxWidth(){return s(this,E,"f")}set maxWidth(t){r(this,E,t,"f")}get minWidth(){return s(this,j,"f")}set minWidth(t){r(this,j,t,"f")}get listItems(){return s(this,K,"f")}set listItems(t){r(this,K,t,"f")}resetSort(){this.sortDirection=b.DEFAULT}get assistiveText(){return s(this,z,"f")}set assistiveText(t){r(this,z,t,"f")}toggleSortDirection(){if(this.sortKey){switch(this.sortDirection){case b.DEFAULT:case b.DESC:{this.sortDirection=b.ASC;const t=`Column header ${this.sortKey} sorted in ascending order`;this.assistiveText=""===this.assistiveText||this.assistiveText===t?`${t}.`:t;break}case b.ASC:{this.sortDirection=b.DESC;const t=`Column header ${this.sortKey} sorted in descending order`;this.assistiveText=""===this.assistiveText||this.assistiveText===t?`${t}.`:t;break}}this.dispatchEvent(new CustomEvent("on-sort-changed",{bubbles:!0,composed:!0,detail:{sortDirection:this.sortDirection,sortKey:this.sortKey}}))}else console.error("sortKey is missing for a sortable column.")}updated(t){this.getTextContent(),super.updated(t),this.maxWidth&&t.has("maxWidth")&&this.style.setProperty("--kyn-th-max-width",this.maxWidth),this.width&&t.has("width")&&this.style.setProperty("--kyn-th-width",this.width),this.minWidth&&t.has("minWidth")&&this.style.setProperty("--kyn-th-min-width",this.minWidth)}getTextContent(){var t;const e=this.listItems.filter((t=>{var e;return(null==t?void 0:t.nodeType)!==Node.TEXT_NODE||""!==(null===(e=null==t?void 0:t.textContent)||void 0===e?void 0:e.trim())}));this.headerLabel=(null===(t=e[0])||void 0===t?void 0:t.textContent)||""}render(){const t={"sort-icon":!0,"sort-icon--sorting":this.sortDirection!==b.DEFAULT,"sort-icon--sorting-asc":this.sortDirection===b.ASC,"sort-icon--sorting-desc":this.sortDirection===b.DESC},e={"slot-wrapper":!0,"sr-only":this.visiblyHidden},i=this.sortable?"button":void 0,s=this.sortable&&this.headerLabel?`Sort by ${this.headerLabel}`:void 0,r=this.sortable?0:void 0,o=this.sortable?t=>{"Enter"!==t.key&&" "!==t.key||this.toggleSortDirection()}:void 0;return h`
       <div
         class="container"
         role=${p(i)}
         @click=${this.sortable?()=>this.toggleSortDirection():void 0}
         aria-label=${p(s)}
         tabindex=${p(r)}
-        @keydown=${n}
+        @keydown=${o}
       >
         <div class=${g(e)}>
           <slot></slot>
         </div>
-        ${this.sortable?l`<span class=${g(t)}
+        ${this.sortable?h`<span class=${g(t)}
               >${a(k)}</span
             >`:null}
 
@@ -205,5 +217,6 @@ import{__setFunctionName as t,__esDecorate as e,__runInitializers as i,__classPr
           ${this.assistiveText}
         </div>
       </div>
-    `}constructor(){super(...arguments),n.set(this,i(this,tt,"columnheader")),w.set(this,(i(this,et),i(this,it,!1))),W.set(this,(i(this,st),i(this,rt,new f(this,u,(t=>{t&&this.handleContextChange(t)}),!0)))),this.handleContextChange=(i(this,at),({dense:t})=>{"boolean"==typeof t&&(this.dense=t)}),D.set(this,i(this,nt,b.LEFT)),T.set(this,(i(this,ot),i(this,ht,!1))),C.set(this,(i(this,lt),i(this,dt,y.DEFAULT))),S.set(this,(i(this,ct),i(this,mt,""))),$.set(this,(i(this,vt),i(this,gt,""))),L.set(this,(i(this,pt),i(this,ft,!1))),M.set(this,(i(this,ut),i(this,kt,""))),E.set(this,(i(this,yt),i(this,bt,""))),j.set(this,(i(this,xt),i(this,wt,""))),K.set(this,(i(this,Wt),i(this,Dt,void 0))),z.set(this,(i(this,Tt),i(this,Ct,""))),i(this,St)}},n=new WeakMap,w=new WeakMap,W=new WeakMap,D=new WeakMap,T=new WeakMap,C=new WeakMap,S=new WeakMap,$=new WeakMap,L=new WeakMap,M=new WeakMap,E=new WeakMap,j=new WeakMap,K=new WeakMap,z=new WeakMap,t(A,"TableHeader"),(()=>{var t;const i="function"==typeof Symbol&&Symbol.metadata?Object.create(null!==(t=Z[Symbol.metadata])&&void 0!==t?t:null):void 0;I=[c({type:String,reflect:!0})],_=[c({type:Boolean,reflect:!0})],F=[m()],P=[c({type:String,reflect:!0})],U=[c({type:Boolean,reflect:!0})],B=[c({type:String,reflect:!0})],O=[c({type:String})],N=[c({type:String})],X=[c({type:Boolean})],q=[c({type:String,reflect:!0})],G=[c({type:String,reflect:!0})],J=[c({type:String,reflect:!0})],Q=[v({flatten:!0})],R=[m()],e(A,null,I,{kind:"accessor",name:"role",static:!1,private:!1,access:{has:t=>"role"in t,get:t=>t.role,set:(t,e)=>{t.role=e}},metadata:i},tt,et),e(A,null,_,{kind:"accessor",name:"dense",static:!1,private:!1,access:{has:t=>"dense"in t,get:t=>t.dense,set:(t,e)=>{t.dense=e}},metadata:i},it,st),e(A,null,F,{kind:"accessor",name:"_contextConsumer",static:!1,private:!1,access:{has:t=>"_contextConsumer"in t,get:t=>t._contextConsumer,set:(t,e)=>{t._contextConsumer=e}},metadata:i},rt,at),e(A,null,P,{kind:"accessor",name:"align",static:!1,private:!1,access:{has:t=>"align"in t,get:t=>t.align,set:(t,e)=>{t.align=e}},metadata:i},nt,ot),e(A,null,U,{kind:"accessor",name:"sortable",static:!1,private:!1,access:{has:t=>"sortable"in t,get:t=>t.sortable,set:(t,e)=>{t.sortable=e}},metadata:i},ht,lt),e(A,null,B,{kind:"accessor",name:"sortDirection",static:!1,private:!1,access:{has:t=>"sortDirection"in t,get:t=>t.sortDirection,set:(t,e)=>{t.sortDirection=e}},metadata:i},dt,ct),e(A,null,O,{kind:"accessor",name:"headerLabel",static:!1,private:!1,access:{has:t=>"headerLabel"in t,get:t=>t.headerLabel,set:(t,e)=>{t.headerLabel=e}},metadata:i},mt,vt),e(A,null,N,{kind:"accessor",name:"sortKey",static:!1,private:!1,access:{has:t=>"sortKey"in t,get:t=>t.sortKey,set:(t,e)=>{t.sortKey=e}},metadata:i},gt,pt),e(A,null,X,{kind:"accessor",name:"visiblyHidden",static:!1,private:!1,access:{has:t=>"visiblyHidden"in t,get:t=>t.visiblyHidden,set:(t,e)=>{t.visiblyHidden=e}},metadata:i},ft,ut),e(A,null,q,{kind:"accessor",name:"width",static:!1,private:!1,access:{has:t=>"width"in t,get:t=>t.width,set:(t,e)=>{t.width=e}},metadata:i},kt,yt),e(A,null,G,{kind:"accessor",name:"maxWidth",static:!1,private:!1,access:{has:t=>"maxWidth"in t,get:t=>t.maxWidth,set:(t,e)=>{t.maxWidth=e}},metadata:i},bt,xt),e(A,null,J,{kind:"accessor",name:"minWidth",static:!1,private:!1,access:{has:t=>"minWidth"in t,get:t=>t.minWidth,set:(t,e)=>{t.minWidth=e}},metadata:i},wt,Wt),e(A,null,Q,{kind:"accessor",name:"listItems",static:!1,private:!1,access:{has:t=>"listItems"in t,get:t=>t.listItems,set:(t,e)=>{t.listItems=e}},metadata:i},Dt,Tt),e(A,null,R,{kind:"accessor",name:"assistiveText",static:!1,private:!1,access:{has:t=>"assistiveText"in t,get:t=>t.assistiveText,set:(t,e)=>{t.assistiveText=e}},metadata:i},Ct,St),e(null,H={value:A},V,{kind:"class",name:A.name,metadata:i},null,Y),A=H.value,i&&Object.defineProperty(A,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:i})})(),A.styles=h(x),i(A,Y),A})();export{w as TableHeader};
+      <slot name="column-filter"> </slot>
+    `}constructor(){super(...arguments),o.set(this,i(this,tt,"columnheader")),w.set(this,(i(this,et),i(this,it,!1))),W.set(this,(i(this,st),i(this,rt,new f(this,u,(t=>{t&&this.handleContextChange(t)}),!0)))),this.handleContextChange=(i(this,at),({dense:t})=>{"boolean"==typeof t&&(this.dense=t)}),D.set(this,i(this,ot,y.LEFT)),T.set(this,(i(this,nt),i(this,lt,!1))),C.set(this,(i(this,ht),i(this,dt,b.DEFAULT))),S.set(this,(i(this,ct),i(this,mt,""))),$.set(this,(i(this,vt),i(this,gt,""))),L.set(this,(i(this,pt),i(this,ft,!1))),M.set(this,(i(this,ut),i(this,kt,""))),E.set(this,(i(this,bt),i(this,yt,""))),j.set(this,(i(this,xt),i(this,wt,""))),K.set(this,(i(this,Wt),i(this,Dt,void 0))),z.set(this,(i(this,Tt),i(this,Ct,""))),i(this,St)}},o=new WeakMap,w=new WeakMap,W=new WeakMap,D=new WeakMap,T=new WeakMap,C=new WeakMap,S=new WeakMap,$=new WeakMap,L=new WeakMap,M=new WeakMap,E=new WeakMap,j=new WeakMap,K=new WeakMap,z=new WeakMap,t(A,"TableHeader"),(()=>{var t;const i="function"==typeof Symbol&&Symbol.metadata?Object.create(null!==(t=Z[Symbol.metadata])&&void 0!==t?t:null):void 0;I=[c({type:String,reflect:!0})],_=[c({type:Boolean,reflect:!0})],F=[m()],P=[c({type:String,reflect:!0})],U=[c({type:Boolean,reflect:!0})],B=[c({type:String,reflect:!0})],O=[c({type:String})],N=[c({type:String})],X=[c({type:Boolean})],q=[c({type:String,reflect:!0})],G=[c({type:String,reflect:!0})],J=[c({type:String,reflect:!0})],Q=[v({flatten:!0})],R=[m()],e(A,null,I,{kind:"accessor",name:"role",static:!1,private:!1,access:{has:t=>"role"in t,get:t=>t.role,set:(t,e)=>{t.role=e}},metadata:i},tt,et),e(A,null,_,{kind:"accessor",name:"dense",static:!1,private:!1,access:{has:t=>"dense"in t,get:t=>t.dense,set:(t,e)=>{t.dense=e}},metadata:i},it,st),e(A,null,F,{kind:"accessor",name:"_contextConsumer",static:!1,private:!1,access:{has:t=>"_contextConsumer"in t,get:t=>t._contextConsumer,set:(t,e)=>{t._contextConsumer=e}},metadata:i},rt,at),e(A,null,P,{kind:"accessor",name:"align",static:!1,private:!1,access:{has:t=>"align"in t,get:t=>t.align,set:(t,e)=>{t.align=e}},metadata:i},ot,nt),e(A,null,U,{kind:"accessor",name:"sortable",static:!1,private:!1,access:{has:t=>"sortable"in t,get:t=>t.sortable,set:(t,e)=>{t.sortable=e}},metadata:i},lt,ht),e(A,null,B,{kind:"accessor",name:"sortDirection",static:!1,private:!1,access:{has:t=>"sortDirection"in t,get:t=>t.sortDirection,set:(t,e)=>{t.sortDirection=e}},metadata:i},dt,ct),e(A,null,O,{kind:"accessor",name:"headerLabel",static:!1,private:!1,access:{has:t=>"headerLabel"in t,get:t=>t.headerLabel,set:(t,e)=>{t.headerLabel=e}},metadata:i},mt,vt),e(A,null,N,{kind:"accessor",name:"sortKey",static:!1,private:!1,access:{has:t=>"sortKey"in t,get:t=>t.sortKey,set:(t,e)=>{t.sortKey=e}},metadata:i},gt,pt),e(A,null,X,{kind:"accessor",name:"visiblyHidden",static:!1,private:!1,access:{has:t=>"visiblyHidden"in t,get:t=>t.visiblyHidden,set:(t,e)=>{t.visiblyHidden=e}},metadata:i},ft,ut),e(A,null,q,{kind:"accessor",name:"width",static:!1,private:!1,access:{has:t=>"width"in t,get:t=>t.width,set:(t,e)=>{t.width=e}},metadata:i},kt,bt),e(A,null,G,{kind:"accessor",name:"maxWidth",static:!1,private:!1,access:{has:t=>"maxWidth"in t,get:t=>t.maxWidth,set:(t,e)=>{t.maxWidth=e}},metadata:i},yt,xt),e(A,null,J,{kind:"accessor",name:"minWidth",static:!1,private:!1,access:{has:t=>"minWidth"in t,get:t=>t.minWidth,set:(t,e)=>{t.minWidth=e}},metadata:i},wt,Wt),e(A,null,Q,{kind:"accessor",name:"listItems",static:!1,private:!1,access:{has:t=>"listItems"in t,get:t=>t.listItems,set:(t,e)=>{t.listItems=e}},metadata:i},Dt,Tt),e(A,null,R,{kind:"accessor",name:"assistiveText",static:!1,private:!1,access:{has:t=>"assistiveText"in t,get:t=>t.assistiveText,set:(t,e)=>{t.assistiveText=e}},metadata:i},Ct,St),e(null,H={value:A},V,{kind:"class",name:A.name,metadata:i},null,Y),A=H.value,i&&Object.defineProperty(A,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:i})})(),A.styles=l(x),i(A,Y),A})();export{w as TableHeader};
 //# sourceMappingURL=table-header.js.map

package/components/reusable/table/table-header.js.map

@@ -1 +1 @@
-{"version":3,"file":"table-header.js","sources":["../../../../src/components/reusable/table/table-header.ts"],"sourcesContent":["import { unsafeSVG } from 'lit-html/directives/unsafe-svg.js';\nimport { LitElement, html, unsafeCSS, PropertyValues } from 'lit';\nimport {\n  customElement,\n  property,\n  queryAssignedNodes,\n  state,\n} from 'lit/decorators.js';\nimport { classMap } from 'lit-html/directives/class-map.js';\nimport { ifDefined } from 'lit/directives/if-defined.js';\n\nimport { ContextConsumer } from '@lit/context';\nimport { tableContext, TableContextType } from './table-context';\n\nimport arrowUpIcon from '@kyndryl-design-system/shidoka-icons/svg/monochrome/16/arrow-up.svg';\nimport styles from './table-header.scss?inline';\n\nimport { SORT_DIRECTION, TABLE_CELL_ALIGN } from './defs';\n\n/**\n * `kyn-th` Web Component.\n *\n * Represents a custom table header cell (`<th>`) for Shidoka's design system tables.\n * Provides sorting functionality when enabled and allows alignment customization.\n *\n * @fires on-sort-changed - Dispatched when the sort direction is changed. `detail: {sortDirection: string, sortKey: string } `\n * @slot unnamed - The content slot for adding header text or content.\n */\n@customElement('kyn-th')\nexport class TableHeader extends LitElement {\n  static override styles = unsafeCSS(styles);\n\n  /** aria role.\n   * @internal\n   */\n  @property({ type: String, reflect: true })\n  override accessor role = 'columnheader';\n\n  /** Determines if the cell should have a denser layout. */\n  @property({ type: Boolean, reflect: true })\n  accessor dense = false;\n\n  /**\n   * Context consumer for the table context.\n   * Updates the cell's dense properties when the context changes.\n   * @private\n   * @ignore\n   * @type {ContextConsumer<TableContextType, TableHeader>}\n   */\n  @state()\n  // @ts-expect-error - This is a context consumer\n  private accessor _contextConsumer = new ContextConsumer(\n    this,\n    tableContext,\n    (context) => {\n      if (context) this.handleContextChange(context);\n    },\n    true\n  );\n\n  /**\n   * Updates the cell's dense properties when the context changes.\n   * @param {TableContextType} context - The updated context.\n   */\n  handleContextChange = ({ dense }: TableContextType) => {\n    if (typeof dense == 'boolean') {\n      this.dense = dense;\n    }\n  };\n\n  /**\n   * Specifies the alignment of the content within the table header.\n   * Options: 'left', 'center', 'right'\n   */\n  @property({ type: String, reflect: true })\n  accessor align: TABLE_CELL_ALIGN = TABLE_CELL_ALIGN.LEFT;\n\n  /**\n   * Specifies if the column is sortable.\n   * If set to true, an arrow icon will be displayed unpon hover,\n   * allowing the user to toggle sort directions.\n   */\n  @property({ type: Boolean, reflect: true })\n  accessor sortable = false;\n\n  /** Specifies the direction of sorting applied to the column. */\n  @property({ type: String, reflect: true })\n  accessor sortDirection: SORT_DIRECTION = SORT_DIRECTION.DEFAULT;\n\n  /**\n   * The textual content associated with this component.\n   * Represents the primary content or label that will be displayed.\n   */\n  @property({ type: String })\n  accessor headerLabel = '';\n\n  /**\n   * The unique identifier representing this column header.\n   * Used to distinguish between different sortable columns and\n   * to ensure that only one column is sorted at a time.\n   */\n  @property({ type: String })\n  accessor sortKey = '';\n\n  /**\n   * Determines whether the content should be hidden from visual view but remain accessible\n   * to screen readers for accessibility purposes. When set to `true`, the content\n   * will not be visibly shown, but its content can still be read by screen readers.\n   * This is especially useful for providing additional context or information to\n   * assistive technologies without cluttering the visual UI.\n   */\n  @property({ type: Boolean })\n  accessor visiblyHidden = false;\n\n  /**\n   * Sets a fixed width for the cell.\n   * Accepts standard CSS width values (e.g., '150px', '50%').\n   */\n  @property({ type: String, reflect: true })\n  accessor width = '';\n\n  /**\n   * Sets a maximum width for the cell.\n   * Accepts standard CSS width values (e.g., '150px', '50%').\n   */\n  @property({ type: String, reflect: true })\n  accessor maxWidth = '';\n\n  /**\n   * Sets a minimum width for the cell;\n   * Accepts standard CSS width values (e.g., '150px', '50%').\n   * @type {string}\n   */\n  @property({ type: String, reflect: true })\n  accessor minWidth = '';\n\n  /**\n   * @ignore\n   */\n  @queryAssignedNodes({ flatten: true })\n  accessor listItems!: Array<Node>;\n\n  /**\n   * Resets the sorting direction of the component to its default state.\n   * Useful for initializing or clearing any applied sorting on the element.\n   */\n  resetSort() {\n    this.sortDirection = SORT_DIRECTION.DEFAULT;\n  }\n\n  /**\n   * Assistive text for screen readers.\n   * @ignore\n   */\n  @state()\n  accessor assistiveText = '';\n\n  /**\n   * Toggles the sort direction between ascending, descending, and default states.\n   * It also dispatches an event to notify parent components of the sorting change.\n   */\n  private toggleSortDirection() {\n    if (!this.sortKey) {\n      console.error('sortKey is missing for a sortable column.');\n      return;\n    }\n\n    switch (this.sortDirection) {\n      case SORT_DIRECTION.DEFAULT:\n      case SORT_DIRECTION.DESC: {\n        this.sortDirection = SORT_DIRECTION.ASC;\n        const assistiveText1 = `Column header ${this.sortKey} sorted in ascending order`;\n        this.assistiveText =\n          this.assistiveText === '' || this.assistiveText === assistiveText1\n            ? `${assistiveText1}.`\n            : assistiveText1;\n        break;\n      }\n      case SORT_DIRECTION.ASC: {\n        this.sortDirection = SORT_DIRECTION.DESC;\n        const assistiveText2 = `Column header ${this.sortKey} sorted in descending order`;\n        this.assistiveText =\n          this.assistiveText === '' || this.assistiveText === assistiveText2\n            ? `${assistiveText2}.`\n            : assistiveText2;\n        break;\n      }\n    }\n\n    // Dispatch event to notify parent components of the sorting change\n    this.dispatchEvent(\n      new CustomEvent('on-sort-changed', {\n        bubbles: true,\n        composed: true,\n        detail: { sortDirection: this.sortDirection, sortKey: this.sortKey },\n      })\n    );\n  }\n\n  override updated(changedProperties: PropertyValues) {\n    this.getTextContent();\n\n    super.updated(changedProperties);\n    if (this.maxWidth && changedProperties.has('maxWidth')) {\n      this.style.setProperty('--kyn-th-max-width', this.maxWidth);\n    }\n\n    if (this.width && changedProperties.has('width')) {\n      this.style.setProperty('--kyn-th-width', this.width);\n    }\n\n    if (this.minWidth && changedProperties.has('minWidth')) {\n      this.style.setProperty('--kyn-th-min-width', this.minWidth);\n    }\n  }\n\n  getTextContent() {\n    const nonWhitespaceNodes = this.listItems.filter((node) => {\n      return (\n        node?.nodeType !== Node.TEXT_NODE || node?.textContent?.trim() !== ''\n      );\n    });\n\n    this.headerLabel = nonWhitespaceNodes[0]?.textContent || '';\n  }\n\n  override render() {\n    const iconClasses = {\n      'sort-icon': true,\n      'sort-icon--sorting': this.sortDirection !== SORT_DIRECTION.DEFAULT,\n      'sort-icon--sorting-asc': this.sortDirection === SORT_DIRECTION.ASC,\n      'sort-icon--sorting-desc': this.sortDirection === SORT_DIRECTION.DESC,\n    };\n\n    const slotClasses = {\n      'slot-wrapper': true,\n      'sr-only': this.visiblyHidden,\n    };\n\n    /**\n     * Accessibility Enhancements:\n     * - role: Sets the appropriate role for interactive headers (e.g., when sortable).\n     * - ariaSort: Indicates the sorting direction to assistive technologies.\n     * - ariaLabel: Provides a descriptive label to assistive technologies for sortable headers.\n     * - tabIndex: Enables keyboard interaction for sortable headers.\n     * - onKeyDown: Handles keyboard events for sortable headers to allow sorting via the keyboard.\n     */\n    const role = this.sortable ? 'button' : undefined;\n    // const arialSort = this.sortable ? this.sortDirection : undefined;\n    const ariaLabel =\n      this.sortable && this.headerLabel\n        ? `Sort by ${this.headerLabel}`\n        : undefined;\n    const tabIndex = this.sortable ? 0 : undefined;\n    const onKeyDown = this.sortable\n      ? (e: KeyboardEvent) => {\n          if (e.key === 'Enter' || e.key === ' ') {\n            this.toggleSortDirection();\n          }\n        }\n      : undefined;\n\n    return html`\n      <div\n        class=\"container\"\n        role=${ifDefined(role)}\n        @click=${this.sortable ? () => this.toggleSortDirection() : undefined}\n        aria-label=${ifDefined(ariaLabel)}\n        tabindex=${ifDefined(tabIndex)}\n        @keydown=${onKeyDown}\n      >\n        <div class=${classMap(slotClasses)}>\n          <slot></slot>\n        </div>\n        ${this.sortable\n          ? html`<span class=${classMap(iconClasses)}\n              >${unsafeSVG(arrowUpIcon)}</span\n            >`\n          : null}\n\n        <div\n          class=\"assistive-text\"\n          role=\"status\"\n          aria-live=\"polite\"\n          aria-relevant=\"additions text\"\n        >\n          ${this.assistiveText}\n        </div>\n      </div>\n    `;\n  }\n}\n\n// Define the custom element in the global namespace\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'kyn-th': TableHeader;\n  }\n}\n"],"names":["TableHeader","customElement","LitElement","_classThis","_classSuper","role","__classPrivateFieldGet","this","_TableHeader_role_accessor_storage","value","__classPrivateFieldSet","dense","_TableHeader_dense_accessor_storage","_contextConsumer","_TableHeader__contextConsumer_accessor_storage","align","_TableHeader_align_accessor_storage","sortable","_TableHeader_sortable_accessor_storage","sortDirection","_TableHeader_sortDirection_accessor_storage","headerLabel","_TableHeader_headerLabel_accessor_storage","sortKey","_TableHeader_sortKey_accessor_storage","visiblyHidden","_TableHeader_visiblyHidden_accessor_storage","width","_TableHeader_width_accessor_storage","maxWidth","_TableHeader_maxWidth_accessor_storage","minWidth","_TableHeader_minWidth_accessor_storage","listItems","_TableHeader_listItems_accessor_storage","resetSort","SORT_DIRECTION","DEFAULT","assistiveText","_TableHeader_assistiveText_accessor_storage","toggleSortDirection","DESC","ASC","assistiveText1","assistiveText2","dispatchEvent","CustomEvent","bubbles","composed","detail","console","error","updated","changedProperties","getTextContent","super","has","style","setProperty","nonWhitespaceNodes","filter","node","nodeType","Node","TEXT_NODE","_a","textContent","trim","render","iconClasses","slotClasses","undefined","ariaLabel","tabIndex","onKeyDown","e","key","html","ifDefined","classMap","unsafeSVG","arrowUpIcon","set","__runInitializers","_role_initializers","_role_extraInitializers","_dense_initializers","_dense_extraInitializers","__contextConsumer_initializers","ContextConsumer","tableContext","context","handleContextChange","_align_initializers","TABLE_CELL_ALIGN","LEFT","_align_extraInitializers","_sortable_initializers","_sortable_extraInitializers","_sortDirection_initializers","_sortDirection_extraInitializers","_headerLabel_initializers","_headerLabel_extraInitializers","_sortKey_initializers","_sortKey_extraInitializers","_visiblyHidden_initializers","_visiblyHidden_extraInitializers","_width_initializers","_width_extraInitializers","_maxWidth_initializers","_maxWidth_extraInitializers","_minWidth_initializers","_minWidth_extraInitializers","_listItems_initializers","_listItems_extraInitializers","_assistiveText_initializers","property","type","String","reflect","Boolean","__contextConsumer_decorators","state","_headerLabel_decorators","_sortKey_decorators","_visiblyHidden_decorators","_listItems_decorators","queryAssignedNodes","flatten","_assistiveText_decorators","__esDecorate","_role_decorators","kind","name","static","private","access","obj","get","metadata","_metadata","_dense_decorators","__contextConsumer_extraInitializers","_align_decorators","_sortable_decorators","_sortDirection_decorators","_width_decorators","_maxWidth_decorators","_minWidth_decorators","_assistiveText_extraInitializers","_classDescriptor","_classDecorators","_classExtraInitializers","styles","unsafeCSS"],"mappings":"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"}
+{"version":3,"file":"table-header.js","sources":["../../../../src/components/reusable/table/table-header.ts"],"sourcesContent":["import { unsafeSVG } from 'lit-html/directives/unsafe-svg.js';\nimport { LitElement, html, unsafeCSS, PropertyValues } from 'lit';\nimport {\n  customElement,\n  property,\n  queryAssignedNodes,\n  state,\n} from 'lit/decorators.js';\nimport { classMap } from 'lit-html/directives/class-map.js';\nimport { ifDefined } from 'lit/directives/if-defined.js';\n\nimport { ContextConsumer } from '@lit/context';\nimport { tableContext, TableContextType } from './table-context';\n\nimport arrowUpIcon from '@kyndryl-design-system/shidoka-icons/svg/monochrome/16/arrow-up.svg';\nimport styles from './table-header.scss?inline';\n\nimport { SORT_DIRECTION, TABLE_CELL_ALIGN } from './defs';\n\n/**\n * `kyn-th` Web Component.\n *\n * Represents a custom table header cell (`<th>`) for Shidoka's design system tables.\n * Provides sorting functionality when enabled and allows alignment customization.\n *\n * @fires on-sort-changed - Dispatched when the sort direction is changed. `detail: {sortDirection: string, sortKey: string } `\n * @slot unnamed - The content slot for adding header text or content.\n * @slot column-filter - slot for column filter.\n */\n@customElement('kyn-th')\nexport class TableHeader extends LitElement {\n  static override styles = unsafeCSS(styles);\n\n  /** aria role.\n   * @internal\n   */\n  @property({ type: String, reflect: true })\n  override accessor role = 'columnheader';\n\n  /** Determines if the cell should have a denser layout. */\n  @property({ type: Boolean, reflect: true })\n  accessor dense = false;\n\n  /**\n   * Context consumer for the table context.\n   * Updates the cell's dense properties when the context changes.\n   * @private\n   * @ignore\n   * @type {ContextConsumer<TableContextType, TableHeader>}\n   */\n  @state()\n  // @ts-expect-error - This is a context consumer\n  private accessor _contextConsumer = new ContextConsumer(\n    this,\n    tableContext,\n    (context) => {\n      if (context) this.handleContextChange(context);\n    },\n    true\n  );\n\n  /**\n   * Updates the cell's dense properties when the context changes.\n   * @param {TableContextType} context - The updated context.\n   */\n  handleContextChange = ({ dense }: TableContextType) => {\n    if (typeof dense == 'boolean') {\n      this.dense = dense;\n    }\n  };\n\n  /**\n   * Specifies the alignment of the content within the table header.\n   * Options: 'left', 'center', 'right'\n   */\n  @property({ type: String, reflect: true })\n  accessor align: TABLE_CELL_ALIGN = TABLE_CELL_ALIGN.LEFT;\n\n  /**\n   * Specifies if the column is sortable.\n   * If set to true, an arrow icon will be displayed unpon hover,\n   * allowing the user to toggle sort directions.\n   */\n  @property({ type: Boolean, reflect: true })\n  accessor sortable = false;\n\n  /** Specifies the direction of sorting applied to the column. */\n  @property({ type: String, reflect: true })\n  accessor sortDirection: SORT_DIRECTION = SORT_DIRECTION.DEFAULT;\n\n  /**\n   * The textual content associated with this component.\n   * Represents the primary content or label that will be displayed.\n   */\n  @property({ type: String })\n  accessor headerLabel = '';\n\n  /**\n   * The unique identifier representing this column header.\n   * Used to distinguish between different sortable columns and\n   * to ensure that only one column is sorted at a time.\n   */\n  @property({ type: String })\n  accessor sortKey = '';\n\n  /**\n   * Determines whether the content should be hidden from visual view but remain accessible\n   * to screen readers for accessibility purposes. When set to `true`, the content\n   * will not be visibly shown, but its content can still be read by screen readers.\n   * This is especially useful for providing additional context or information to\n   * assistive technologies without cluttering the visual UI.\n   */\n  @property({ type: Boolean })\n  accessor visiblyHidden = false;\n\n  /**\n   * Sets a fixed width for the cell.\n   * Accepts standard CSS width values (e.g., '150px', '50%').\n   */\n  @property({ type: String, reflect: true })\n  accessor width = '';\n\n  /**\n   * Sets a maximum width for the cell.\n   * Accepts standard CSS width values (e.g., '150px', '50%').\n   */\n  @property({ type: String, reflect: true })\n  accessor maxWidth = '';\n\n  /**\n   * Sets a minimum width for the cell;\n   * Accepts standard CSS width values (e.g., '150px', '50%').\n   * @type {string}\n   */\n  @property({ type: String, reflect: true })\n  accessor minWidth = '';\n\n  /**\n   * @ignore\n   */\n  @queryAssignedNodes({ flatten: true })\n  accessor listItems!: Array<Node>;\n\n  /**\n   * Resets the sorting direction of the component to its default state.\n   * Useful for initializing or clearing any applied sorting on the element.\n   */\n  resetSort() {\n    this.sortDirection = SORT_DIRECTION.DEFAULT;\n  }\n\n  /**\n   * Assistive text for screen readers.\n   * @ignore\n   */\n  @state()\n  accessor assistiveText = '';\n\n  /**\n   * Toggles the sort direction between ascending, descending, and default states.\n   * It also dispatches an event to notify parent components of the sorting change.\n   */\n  private toggleSortDirection() {\n    if (!this.sortKey) {\n      console.error('sortKey is missing for a sortable column.');\n      return;\n    }\n\n    switch (this.sortDirection) {\n      case SORT_DIRECTION.DEFAULT:\n      case SORT_DIRECTION.DESC: {\n        this.sortDirection = SORT_DIRECTION.ASC;\n        const assistiveText1 = `Column header ${this.sortKey} sorted in ascending order`;\n        this.assistiveText =\n          this.assistiveText === '' || this.assistiveText === assistiveText1\n            ? `${assistiveText1}.`\n            : assistiveText1;\n        break;\n      }\n      case SORT_DIRECTION.ASC: {\n        this.sortDirection = SORT_DIRECTION.DESC;\n        const assistiveText2 = `Column header ${this.sortKey} sorted in descending order`;\n        this.assistiveText =\n          this.assistiveText === '' || this.assistiveText === assistiveText2\n            ? `${assistiveText2}.`\n            : assistiveText2;\n        break;\n      }\n    }\n\n    // Dispatch event to notify parent components of the sorting change\n    this.dispatchEvent(\n      new CustomEvent('on-sort-changed', {\n        bubbles: true,\n        composed: true,\n        detail: { sortDirection: this.sortDirection, sortKey: this.sortKey },\n      })\n    );\n  }\n\n  override updated(changedProperties: PropertyValues) {\n    this.getTextContent();\n\n    super.updated(changedProperties);\n    if (this.maxWidth && changedProperties.has('maxWidth')) {\n      this.style.setProperty('--kyn-th-max-width', this.maxWidth);\n    }\n\n    if (this.width && changedProperties.has('width')) {\n      this.style.setProperty('--kyn-th-width', this.width);\n    }\n\n    if (this.minWidth && changedProperties.has('minWidth')) {\n      this.style.setProperty('--kyn-th-min-width', this.minWidth);\n    }\n  }\n\n  getTextContent() {\n    const nonWhitespaceNodes = this.listItems.filter((node) => {\n      return (\n        node?.nodeType !== Node.TEXT_NODE || node?.textContent?.trim() !== ''\n      );\n    });\n\n    this.headerLabel = nonWhitespaceNodes[0]?.textContent || '';\n  }\n\n  override render() {\n    const iconClasses = {\n      'sort-icon': true,\n      'sort-icon--sorting': this.sortDirection !== SORT_DIRECTION.DEFAULT,\n      'sort-icon--sorting-asc': this.sortDirection === SORT_DIRECTION.ASC,\n      'sort-icon--sorting-desc': this.sortDirection === SORT_DIRECTION.DESC,\n    };\n\n    const slotClasses = {\n      'slot-wrapper': true,\n      'sr-only': this.visiblyHidden,\n    };\n\n    /**\n     * Accessibility Enhancements:\n     * - role: Sets the appropriate role for interactive headers (e.g., when sortable).\n     * - ariaSort: Indicates the sorting direction to assistive technologies.\n     * - ariaLabel: Provides a descriptive label to assistive technologies for sortable headers.\n     * - tabIndex: Enables keyboard interaction for sortable headers.\n     * - onKeyDown: Handles keyboard events for sortable headers to allow sorting via the keyboard.\n     */\n    const role = this.sortable ? 'button' : undefined;\n    // const arialSort = this.sortable ? this.sortDirection : undefined;\n    const ariaLabel =\n      this.sortable && this.headerLabel\n        ? `Sort by ${this.headerLabel}`\n        : undefined;\n    const tabIndex = this.sortable ? 0 : undefined;\n    const onKeyDown = this.sortable\n      ? (e: KeyboardEvent) => {\n          if (e.key === 'Enter' || e.key === ' ') {\n            this.toggleSortDirection();\n          }\n        }\n      : undefined;\n\n    return html`\n      <div\n        class=\"container\"\n        role=${ifDefined(role)}\n        @click=${this.sortable ? () => this.toggleSortDirection() : undefined}\n        aria-label=${ifDefined(ariaLabel)}\n        tabindex=${ifDefined(tabIndex)}\n        @keydown=${onKeyDown}\n      >\n        <div class=${classMap(slotClasses)}>\n          <slot></slot>\n        </div>\n        ${this.sortable\n          ? html`<span class=${classMap(iconClasses)}\n              >${unsafeSVG(arrowUpIcon)}</span\n            >`\n          : null}\n\n        <div\n          class=\"assistive-text\"\n          role=\"status\"\n          aria-live=\"polite\"\n          aria-relevant=\"additions text\"\n        >\n          ${this.assistiveText}\n        </div>\n      </div>\n      <slot name=\"column-filter\"> </slot>\n    `;\n  }\n}\n\n// Define the custom element in the global namespace\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'kyn-th': TableHeader;\n  }\n}\n"],"names":["TableHeader","customElement","LitElement","_classThis","_classSuper","role","__classPrivateFieldGet","this","_TableHeader_role_accessor_storage","value","__classPrivateFieldSet","dense","_TableHeader_dense_accessor_storage","_contextConsumer","_TableHeader__contextConsumer_accessor_storage","align","_TableHeader_align_accessor_storage","sortable","_TableHeader_sortable_accessor_storage","sortDirection","_TableHeader_sortDirection_accessor_storage","headerLabel","_TableHeader_headerLabel_accessor_storage","sortKey","_TableHeader_sortKey_accessor_storage","visiblyHidden","_TableHeader_visiblyHidden_accessor_storage","width","_TableHeader_width_accessor_storage","maxWidth","_TableHeader_maxWidth_accessor_storage","minWidth","_TableHeader_minWidth_accessor_storage","listItems","_TableHeader_listItems_accessor_storage","resetSort","SORT_DIRECTION","DEFAULT","assistiveText","_TableHeader_assistiveText_accessor_storage","toggleSortDirection","DESC","ASC","assistiveText1","assistiveText2","dispatchEvent","CustomEvent","bubbles","composed","detail","console","error","updated","changedProperties","getTextContent","super","has","style","setProperty","nonWhitespaceNodes","filter","node","nodeType","Node","TEXT_NODE","_a","textContent","trim","render","iconClasses","slotClasses","undefined","ariaLabel","tabIndex","onKeyDown","e","key","html","ifDefined","classMap","unsafeSVG","arrowUpIcon","set","__runInitializers","_role_initializers","_role_extraInitializers","_dense_initializers","_dense_extraInitializers","__contextConsumer_initializers","ContextConsumer","tableContext","context","handleContextChange","_align_initializers","TABLE_CELL_ALIGN","LEFT","_align_extraInitializers","_sortable_initializers","_sortable_extraInitializers","_sortDirection_initializers","_sortDirection_extraInitializers","_headerLabel_initializers","_headerLabel_extraInitializers","_sortKey_initializers","_sortKey_extraInitializers","_visiblyHidden_initializers","_visiblyHidden_extraInitializers","_width_initializers","_width_extraInitializers","_maxWidth_initializers","_maxWidth_extraInitializers","_minWidth_initializers","_minWidth_extraInitializers","_listItems_initializers","_listItems_extraInitializers","_assistiveText_initializers","property","type","String","reflect","Boolean","__contextConsumer_decorators","state","_headerLabel_decorators","_sortKey_decorators","_visiblyHidden_decorators","_listItems_decorators","queryAssignedNodes","flatten","_assistiveText_decorators","__esDecorate","_role_decorators","kind","name","static","private","access","obj","get","metadata","_metadata","_dense_decorators","__contextConsumer_extraInitializers","_align_decorators","_sortable_decorators","_sortDirection_decorators","_width_decorators","_maxWidth_decorators","_minWidth_decorators","_assistiveText_extraInitializers","_classDescriptor","_classDecorators","_classExtraInitializers","styles","unsafeCSS"],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kyndryl-design-system/shidoka-applications",
-  "version": "2.76.1",
+  "version": "2.78.0",
   "description": "Shidoka Web Components for Applications",
   "license": "MIT",
   "main": "index.js",
@@ -30,7 +30,7 @@
   },
   "dependencies": {
     "@floating-ui/dom": "^1.7.1",
-    "@kyndryl-design-system/shidoka-foundation": "^2.8.6",
+    "@kyndryl-design-system/shidoka-foundation": "^2.8.7",
     "@kyndryl-design-system/shidoka-icons": "^2.19.0",
     "@lit/context": "^1.1.0",
     "deepmerge-ts": "^7.1.0",
@@ -79,7 +79,7 @@
     "husky": "^8.0.3",
     "lint-staged": "^15.4.3",
     "lit-analyzer": "^2.0.3",
-    "playwright": "^1.57.0",
+    "playwright": "^1.58.0",
     "postcss": "^8.4.21",
     "prettier": "^2.8.2",
     "remark-gfm": "^4.0.0",