@kyndryl-design-system/shidoka-applications 1.49.0 → 1.49.2

package/common/helpers/swiper.d.ts

@@ -30,7 +30,8 @@ export declare const SwiperConfig: {
     };
     on: {
         init: (swiper: any) => void;
-        slideChangeTransitionEnd: (swiper: any) => void;
+        transitionEnd: (swiper: any) => void;
+        scrollbarDragEnd: (swiper: any) => void;
     };
 };
 //# sourceMappingURL=swiper.d.ts.map

package/common/helpers/swiper.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"swiper.d.ts","sourceRoot":"","sources":["../../../src/common/helpers/swiper.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;uBA+BG,GAAG;2CAGiB,GAAG;;CAIlD,CAAC"}
+{"version":3,"file":"swiper.d.ts","sourceRoot":"","sources":["../../../src/common/helpers/swiper.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;uBA+BG,GAAG;gCAGM,GAAG;mCAGA,GAAG;;CAI1C,CAAC"}

package/common/helpers/swiper.js

@@ -1,2 +1,2 @@
-const e={slidesPerView:1.25,centeredSlides:!0,spaceBetween:16,breakpoints:{672:{slidesPerView:"auto",spaceBetween:24}},keyboard:{enabled:!0},mousewheel:{enabled:!0,forceToAxis:!0},navigation:{nextEl:".swiper-button-next",prevEl:".swiper-button-prev"},scrollbar:{el:".swiper-scrollbar",draggable:!0},pagination:{el:".swiper-pagination",clickable:!0,type:"fraction"},on:{init:function(e){t(e)},slideChangeTransitionEnd:function(e){t(e)}}},t=e=>{const t=e.el.getBoundingClientRect();e.slides.forEach((e=>{const i=e.getBoundingClientRect();i.left<t.left||i.right>t.width+t.left?(e.classList.add("off-screen"),e.setAttribute("aria-disabled","true")):(e.classList.remove("off-screen"),e.setAttribute("aria-disabled","false"))}))};export{e as SwiperConfig};
+const e={slidesPerView:1.25,centeredSlides:!0,spaceBetween:16,breakpoints:{672:{slidesPerView:"auto",spaceBetween:24}},keyboard:{enabled:!0},mousewheel:{enabled:!0,forceToAxis:!0},navigation:{nextEl:".swiper-button-next",prevEl:".swiper-button-prev"},scrollbar:{el:".swiper-scrollbar",draggable:!0},pagination:{el:".swiper-pagination",clickable:!0,type:"fraction"},on:{init:function(e){t(e)},transitionEnd:function(e){t(e)},scrollbarDragEnd:function(e){t(e)}}},t=e=>{const t=e.el.getBoundingClientRect();e.slides.forEach((e=>{const i=e.getBoundingClientRect();i.left<t.left||i.right>t.width+t.left?(e.classList.add("off-screen"),e.setAttribute("aria-disabled","true")):(e.classList.remove("off-screen"),e.setAttribute("aria-disabled","false"))}))};export{e as SwiperConfig};
 //# sourceMappingURL=swiper.js.map

package/common/helpers/swiper.js.map

@@ -1 +1 @@
-{"version":3,"file":"swiper.js","sources":["../../../src/common/helpers/swiper.ts"],"sourcesContent":["export const SwiperConfig = {\n  slidesPerView: 1.25,\n  centeredSlides: true,\n  spaceBetween: 16,\n  breakpoints: {\n    672: {\n      slidesPerView: 'auto',\n      spaceBetween: 24,\n    },\n  },\n  keyboard: {\n    enabled: true,\n  },\n  mousewheel: {\n    enabled: true,\n    forceToAxis: true,\n  },\n  navigation: {\n    nextEl: '.swiper-button-next',\n    prevEl: '.swiper-button-prev',\n  },\n  scrollbar: {\n    el: '.swiper-scrollbar',\n    draggable: true,\n  },\n  pagination: {\n    el: '.swiper-pagination',\n    clickable: true,\n    type: 'fraction',\n  },\n  on: {\n    init: function (swiper: any) {\n      DetectOffScreen(swiper);\n    },\n    slideChangeTransitionEnd: function (swiper: any) {\n      DetectOffScreen(swiper);\n    },\n  },\n};\n\nconst DetectOffScreen = (swiper: any) => {\n  const SwiperBounds = swiper.el.getBoundingClientRect();\n\n  swiper.slides.forEach((slide: any) => {\n    const SlideBounds = slide.getBoundingClientRect();\n\n    if (\n      SlideBounds.left < SwiperBounds.left ||\n      SlideBounds.right > SwiperBounds.width + SwiperBounds.left\n    ) {\n      slide.classList.add('off-screen');\n      slide.setAttribute('aria-disabled', 'true');\n    } else {\n      slide.classList.remove('off-screen');\n      slide.setAttribute('aria-disabled', 'false');\n    }\n  });\n};\n"],"names":["SwiperConfig","slidesPerView","centeredSlides","spaceBetween","breakpoints","keyboard","enabled","mousewheel","forceToAxis","navigation","nextEl","prevEl","scrollbar","el","draggable","pagination","clickable","type","on","init","swiper","DetectOffScreen","slideChangeTransitionEnd","SwiperBounds","getBoundingClientRect","slides","forEach","slide","SlideBounds","left","right","width","classList","add","setAttribute","remove"],"mappings":"AAAa,MAAAA,EAAe,CAC1BC,cAAe,KACfC,gBAAgB,EAChBC,aAAc,GACdC,YAAa,CACX,IAAK,CACHH,cAAe,OACfE,aAAc,KAGlBE,SAAU,CACRC,SAAS,GAEXC,WAAY,CACVD,SAAS,EACTE,aAAa,GAEfC,WAAY,CACVC,OAAQ,sBACRC,OAAQ,uBAEVC,UAAW,CACTC,GAAI,oBACJC,WAAW,GAEbC,WAAY,CACVF,GAAI,qBACJG,WAAW,EACXC,KAAM,YAERC,GAAI,CACFC,KAAM,SAAUC,GACdC,EAAgBD,EACjB,EACDE,yBAA0B,SAAUF,GAClCC,EAAgBD,EACjB,IAICC,EAAmBD,IACvB,MAAMG,EAAeH,EAAOP,GAAGW,wBAE/BJ,EAAOK,OAAOC,SAASC,IACrB,MAAMC,EAAcD,EAAMH,wBAGxBI,EAAYC,KAAON,EAAaM,MAChCD,EAAYE,MAAQP,EAAaQ,MAAQR,EAAaM,MAEtDF,EAAMK,UAAUC,IAAI,cACpBN,EAAMO,aAAa,gBAAiB,UAEpCP,EAAMK,UAAUG,OAAO,cACvBR,EAAMO,aAAa,gBAAiB,SACrC,GACD"}
+{"version":3,"file":"swiper.js","sources":["../../../src/common/helpers/swiper.ts"],"sourcesContent":["export const SwiperConfig = {\n  slidesPerView: 1.25,\n  centeredSlides: true,\n  spaceBetween: 16,\n  breakpoints: {\n    672: {\n      slidesPerView: 'auto',\n      spaceBetween: 24,\n    },\n  },\n  keyboard: {\n    enabled: true,\n  },\n  mousewheel: {\n    enabled: true,\n    forceToAxis: true,\n  },\n  navigation: {\n    nextEl: '.swiper-button-next',\n    prevEl: '.swiper-button-prev',\n  },\n  scrollbar: {\n    el: '.swiper-scrollbar',\n    draggable: true,\n  },\n  pagination: {\n    el: '.swiper-pagination',\n    clickable: true,\n    type: 'fraction',\n  },\n  on: {\n    init: function (swiper: any) {\n      DetectOffScreen(swiper);\n    },\n    transitionEnd: function (swiper: any) {\n      DetectOffScreen(swiper);\n    },\n    scrollbarDragEnd: function (swiper: any) {\n      DetectOffScreen(swiper);\n    },\n  },\n};\n\nconst DetectOffScreen = (swiper: any) => {\n  const SwiperBounds = swiper.el.getBoundingClientRect();\n\n  swiper.slides.forEach((slide: any) => {\n    const SlideBounds = slide.getBoundingClientRect();\n\n    if (\n      SlideBounds.left < SwiperBounds.left ||\n      SlideBounds.right > SwiperBounds.width + SwiperBounds.left\n    ) {\n      slide.classList.add('off-screen');\n      slide.setAttribute('aria-disabled', 'true');\n    } else {\n      slide.classList.remove('off-screen');\n      slide.setAttribute('aria-disabled', 'false');\n    }\n  });\n};\n"],"names":["SwiperConfig","slidesPerView","centeredSlides","spaceBetween","breakpoints","keyboard","enabled","mousewheel","forceToAxis","navigation","nextEl","prevEl","scrollbar","el","draggable","pagination","clickable","type","on","init","swiper","DetectOffScreen","transitionEnd","scrollbarDragEnd","SwiperBounds","getBoundingClientRect","slides","forEach","slide","SlideBounds","left","right","width","classList","add","setAttribute","remove"],"mappings":"AAAa,MAAAA,EAAe,CAC1BC,cAAe,KACfC,gBAAgB,EAChBC,aAAc,GACdC,YAAa,CACX,IAAK,CACHH,cAAe,OACfE,aAAc,KAGlBE,SAAU,CACRC,SAAS,GAEXC,WAAY,CACVD,SAAS,EACTE,aAAa,GAEfC,WAAY,CACVC,OAAQ,sBACRC,OAAQ,uBAEVC,UAAW,CACTC,GAAI,oBACJC,WAAW,GAEbC,WAAY,CACVF,GAAI,qBACJG,WAAW,EACXC,KAAM,YAERC,GAAI,CACFC,KAAM,SAAUC,GACdC,EAAgBD,EACjB,EACDE,cAAe,SAAUF,GACvBC,EAAgBD,EACjB,EACDG,iBAAkB,SAAUH,GAC1BC,EAAgBD,EACjB,IAICC,EAAmBD,IACvB,MAAMI,EAAeJ,EAAOP,GAAGY,wBAE/BL,EAAOM,OAAOC,SAASC,IACrB,MAAMC,EAAcD,EAAMH,wBAGxBI,EAAYC,KAAON,EAAaM,MAChCD,EAAYE,MAAQP,EAAaQ,MAAQR,EAAaM,MAEtDF,EAAMK,UAAUC,IAAI,cACpBN,EAAMO,aAAa,gBAAiB,UAEpCP,EAAMK,UAAUG,OAAO,cACvBR,EAAMO,aAAa,gBAAiB,SACrC,GACD"}

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

@@ -1 +1 @@
-{"version":3,"file":"overflowMenu.d.ts","sourceRoot":"","sources":["../../../../src/components/reusable/overflowMenu/overflowMenu.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAQ,MAAM,KAAK,CAAC;AAIvC,OAAO,2DAA2D,CAAC;AAGnE;;;;GAIG;AACH,qBACa,YAAa,SAAQ,UAAU;IAC1C,OAAgB,MAAM,MAAQ;IAE9B,uBAAuB;IAEvB,IAAI,UAAS;IAEb,mDAAmD;IAEnD,WAAW,UAAS;IAEpB,mCAAmC;IAEnC,YAAY,UAAS;IAErB,uGAAuG;IAEvG,KAAK,UAAS;IAEd,8BAA8B;IAE9B,aAAa,SAAiB;IAE9B;;OAEG;IAEH,MAAM,EAAG,GAAG,CAAC;IAEb;;OAEG;IAEH,OAAO,EAAG,GAAG,CAAC;IAEd;;;OAGG;IAEH,YAAY,UAAS;IAEZ,MAAM;IAoCf,OAAO,CAAC,gBAAgB;IASxB,OAAO,CAAC,UAAU;IAKlB,OAAO,CAAC,aAAa;IAuBZ,UAAU,CAAC,YAAY,EAAE,GAAG;IAkBrC,OAAO,CAAC,cAAc;IAOtB,OAAO,CAAC,iBAAiB;IASzB,OAAO,CAAC,aAAa;IAwBrB,YAAY;IAIZ,OAAO;IAIE,iBAAiB;IAOjB,oBAAoB;CAM9B;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,mBAAmB,EAAE,YAAY,CAAC;KACnC;CACF"}
+{"version":3,"file":"overflowMenu.d.ts","sourceRoot":"","sources":["../../../../src/components/reusable/overflowMenu/overflowMenu.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAQ,MAAM,KAAK,CAAC;AAIvC,OAAO,2DAA2D,CAAC;AAGnE;;;;GAIG;AACH,qBACa,YAAa,SAAQ,UAAU;IAC1C,OAAgB,MAAM,MAAQ;IAE9B,uBAAuB;IAEvB,IAAI,UAAS;IAEb,mDAAmD;IAEnD,WAAW,UAAS;IAEpB,mCAAmC;IAEnC,YAAY,UAAS;IAErB,uGAAuG;IAEvG,KAAK,UAAS;IAEd,8BAA8B;IAE9B,aAAa,SAAiB;IAE9B;;OAEG;IAEH,MAAM,EAAG,GAAG,CAAC;IAEb;;OAEG;IAEH,OAAO,EAAG,GAAG,CAAC;IAEd;;;OAGG;IAEH,YAAY,UAAS;IAEZ,MAAM;IAoCf,OAAO,CAAC,gBAAgB;IASxB,OAAO,CAAC,UAAU;IAKlB,OAAO,CAAC,aAAa;IAgCZ,UAAU,CAAC,YAAY,EAAE,GAAG;IAkBrC,OAAO,CAAC,cAAc;IAOtB,OAAO,CAAC,iBAAiB;IASzB,OAAO,CAAC,aAAa;IA0BrB,YAAY;IAMZ,OAAO;IAIE,iBAAiB;IASjB,oBAAoB;CAQ9B;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,mBAAmB,EAAE,YAAY,CAAC;KACnC;CACF"}

package/components/reusable/overflowMenu/overflowMenu.js

@@ -70,10 +70,6 @@ button:focus {
 }
 .menu.right.upwards {
   transform-origin: bottom right;
-}
-.menu.right.fixed {
-  right: initial;
-  margin-left: -168px;
 }`;let u=class extends l{constructor(){super(...arguments),this.open=!1,this.anchorRight=!1,this.verticalDots=!1,this.fixed=!1,this.assistiveText="Toggle Menu",this._openUpwards=!1}render(){const t={btn:!0,open:this.open,vertical:this.verticalDots},e={menu:!0,open:this.open,right:this.anchorRight,fixed:this.fixed,upwards:this._openUpwards};return d`
       <div class="overflow-menu">
         <button
@@ -92,5 +88,5 @@ button:focus {
           <slot></slot>
         </div>
       </div>
-    `}_emitToggleEvent(){const t=new CustomEvent("on-toggle",{detail:{open:this.open}});this.dispatchEvent(t)}toggleMenu(){this.open=!this.open,this._emitToggleEvent()}_positionMenu(){if(this.open)if(this.fixed){const t=this._btnEl.getBoundingClientRect().top+this._btnEl.getBoundingClientRect().height,e=48*this.querySelectorAll("kyn-overflow-menu-item").length;this._openUpwards?(this._menuEl.style.top=this._btnEl.getBoundingClientRect().top-e-18+"px",this._menuEl.style.bottom="initial"):(this._menuEl.style.top=t+"px",this._menuEl.style.bottom="initial")}else this._menuEl.style.top="initial"}willUpdate(t){t.has("open")&&(this.open&&(this._btnEl.getBoundingClientRect().top>.6*window.innerHeight?this._openUpwards=!0:this._openUpwards=!1),this._positionMenu())}handleClickOut(t){t.composedPath().includes(this)||(this.open=!1,this._emitToggleEvent())}handleEscapePress(t){27===t.keyCode&&(this.open=!1,this._emitToggleEvent(),this._btnEl.focus())}handleKeyDown(t){var e,o,i,n,s;9!==t.keyCode&&t.preventDefault(),13!==t.keyCode&&32!==t.keyCode||this.toggleMenu();const r=this.getMenuItems();if(r.length>0&&40===t.keyCode){const t=r.findIndex((t=>!t.hasAttribute("disabled")));(null===(e=r[t].shadowRoot)||void 0===e?void 0:e.querySelector("button"))?null===(i=null===(o=r[t].shadowRoot)||void 0===o?void 0:o.querySelector("button"))||void 0===i||i.focus():null===(s=null===(n=r[t].shadowRoot)||void 0===n?void 0:n.querySelector("a"))||void 0===s||s.focus()}}getMenuItems(){return Array.from(this.querySelectorAll("kyn-overflow-menu-item")||[]).filter((t=>!t.hasAttribute("disabled")))}getMenu(){var t;return null===(t=this.shadowRoot)||void 0===t?void 0:t.querySelector(".overflow-menu")}connectedCallback(){super.connectedCallback(),document.addEventListener("click",(t=>this.handleClickOut(t))),document.addEventListener("keydown",(t=>{this.handleEscapePress(t)}))}disconnectedCallback(){document.removeEventListener("click",(t=>this.handleClickOut(t))),document.removeEventListener("keydown",(t=>{this.handleEscapePress(t)})),super.disconnectedCallback()}};u.styles=p,t([e({type:Boolean})],u.prototype,"open",void 0),t([e({type:Boolean})],u.prototype,"anchorRight",void 0),t([e({type:Boolean})],u.prototype,"verticalDots",void 0),t([e({type:Boolean})],u.prototype,"fixed",void 0),t([e({type:String})],u.prototype,"assistiveText",void 0),t([o(".btn")],u.prototype,"_btnEl",void 0),t([o(".menu")],u.prototype,"_menuEl",void 0),t([i()],u.prototype,"_openUpwards",void 0),u=t([s("kyn-overflow-menu")],u);export{u as OverflowMenu};
+    `}_emitToggleEvent(){const t=new CustomEvent("on-toggle",{detail:{open:this.open}});this.dispatchEvent(t)}toggleMenu(){this.open=!this.open,this._emitToggleEvent()}_positionMenu(){if(this.open)if(this.fixed){const t=this._btnEl.getBoundingClientRect(),e=t.top+t.height,o=48*this.querySelectorAll("kyn-overflow-menu-item").length;this._openUpwards?(this._menuEl.style.top=t.top-o-18+"px",this._menuEl.style.bottom="initial"):(this._menuEl.style.top=e+"px",this._menuEl.style.bottom="initial"),this.fixed&&(this.anchorRight?(this._menuEl.style.left="initial",this._menuEl.style.right=window.innerWidth-t.right+"px"):(this._menuEl.style.right="initial",this._menuEl.style.left=t.left+"px"))}else this._menuEl.style.top="initial"}willUpdate(t){t.has("open")&&(this.open&&(this._btnEl.getBoundingClientRect().top>.6*window.innerHeight?this._openUpwards=!0:this._openUpwards=!1),this._positionMenu())}handleClickOut(t){t.composedPath().includes(this)||(this.open=!1,this._emitToggleEvent())}handleEscapePress(t){27===t.keyCode&&(this.open=!1,this._emitToggleEvent(),this._btnEl.focus())}handleKeyDown(t){var e,o,i,n,s;9!==t.keyCode&&t.preventDefault(),13!==t.keyCode&&32!==t.keyCode||this.toggleMenu();const r=this.getMenuItems();if(r.length>0&&40===t.keyCode){const t=r.findIndex((t=>!t.hasAttribute("disabled")));(null===(e=r[t].shadowRoot)||void 0===e?void 0:e.querySelector("button"))?null===(i=null===(o=r[t].shadowRoot)||void 0===o?void 0:o.querySelector("button"))||void 0===i||i.focus():null===(s=null===(n=r[t].shadowRoot)||void 0===n?void 0:n.querySelector("a"))||void 0===s||s.focus()}}getMenuItems(){return Array.from(this.querySelectorAll("kyn-overflow-menu-item")||[]).filter((t=>!t.hasAttribute("disabled")))}getMenu(){var t;return null===(t=this.shadowRoot)||void 0===t?void 0:t.querySelector(".overflow-menu")}connectedCallback(){super.connectedCallback(),document.addEventListener("click",(t=>this.handleClickOut(t))),document.addEventListener("keydown",(t=>{this.handleEscapePress(t)}))}disconnectedCallback(){document.removeEventListener("click",(t=>this.handleClickOut(t))),document.removeEventListener("keydown",(t=>{this.handleEscapePress(t)})),super.disconnectedCallback()}};u.styles=p,t([e({type:Boolean})],u.prototype,"open",void 0),t([e({type:Boolean})],u.prototype,"anchorRight",void 0),t([e({type:Boolean})],u.prototype,"verticalDots",void 0),t([e({type:Boolean})],u.prototype,"fixed",void 0),t([e({type:String})],u.prototype,"assistiveText",void 0),t([o(".btn")],u.prototype,"_btnEl",void 0),t([o(".menu")],u.prototype,"_menuEl",void 0),t([i()],u.prototype,"_openUpwards",void 0),u=t([s("kyn-overflow-menu")],u);export{u as OverflowMenu};
 //# sourceMappingURL=overflowMenu.js.map

package/components/reusable/overflowMenu/overflowMenu.js.map

@@ -1 +1 @@
-{"version":3,"file":"overflowMenu.js","sources":["../../../../src/components/reusable/overflowMenu/overflowMenu.ts"],"sourcesContent":["import { LitElement, html } from 'lit';\nimport { customElement, property, state, query } from 'lit/decorators.js';\nimport { classMap } from 'lit/directives/class-map.js';\nimport SCSS from './overflowMenu.scss';\nimport '@kyndryl-design-system/shidoka-foundation/components/icon';\nimport overflowIcon from '@carbon/icons/es/overflow-menu--horizontal/16';\n\n/**\n * Overflow Menu.\n * @slot unnamed - Slot for overflow menu items.\n * @fires on-toggle - Capture the open/close event and emits the new state.\n */\n@customElement('kyn-overflow-menu')\nexport class OverflowMenu extends LitElement {\n  static override styles = SCSS;\n\n  /** Menu open state. */\n  @property({ type: Boolean })\n  open = false;\n\n  /** Anchors the menu to the right of the button. */\n  @property({ type: Boolean })\n  anchorRight = false;\n\n  /** 3 dots vertical orientation. */\n  @property({ type: Boolean })\n  verticalDots = false;\n\n  /** Use fixed instead of absolute position. Useful when placed within elements with overflow scroll. */\n  @property({ type: Boolean })\n  fixed = false;\n\n  /** Button assistive text.. */\n  @property({ type: String })\n  assistiveText = 'Toggle Menu';\n\n  /** Button element\n   * @internal\n   */\n  @query('.btn')\n  _btnEl!: any;\n\n  /** Menu element\n   * @internal\n   */\n  @query('.menu')\n  _menuEl!: any;\n\n  /**\n   * Open drawer upwards.\n   * @ignore\n   */\n  @state()\n  _openUpwards = false;\n\n  override render() {\n    const buttonClasses = {\n      btn: true,\n      open: this.open,\n      vertical: this.verticalDots,\n    };\n\n    const menuClasses = {\n      menu: true,\n      open: this.open,\n      right: this.anchorRight,\n      fixed: this.fixed,\n      upwards: this._openUpwards,\n    };\n\n    return html`\n      <div class=\"overflow-menu\">\n        <button\n          class=${classMap(buttonClasses)}\n          @click=${this.toggleMenu}\n          aria-controls=\"menu\"\n          aria-expanded=${this.open}\n          title=${this.assistiveText}\n          aria-label=${this.assistiveText}\n          @keydown=${(e: any) => this.handleKeyDown(e)}\n        >\n          <kd-icon .icon=${overflowIcon}></kd-icon>\n        </button>\n\n        <div id=\"menu\" class=${classMap(menuClasses)}>\n          <slot></slot>\n        </div>\n      </div>\n    `;\n  }\n\n  private _emitToggleEvent() {\n    const event = new CustomEvent('on-toggle', {\n      detail: {\n        open: this.open,\n      },\n    });\n    this.dispatchEvent(event);\n  }\n\n  private toggleMenu() {\n    this.open = !this.open;\n    this._emitToggleEvent();\n  }\n\n  private _positionMenu() {\n    if (this.open) {\n      if (this.fixed) {\n        const Top =\n          this._btnEl.getBoundingClientRect().top +\n          this._btnEl.getBoundingClientRect().height;\n        const MenuHeight =\n          this.querySelectorAll('kyn-overflow-menu-item').length * 48;\n\n        if (this._openUpwards) {\n          this._menuEl.style.top =\n            this._btnEl.getBoundingClientRect().top - MenuHeight - 18 + 'px';\n          this._menuEl.style.bottom = 'initial';\n        } else {\n          this._menuEl.style.top = Top + 'px';\n          this._menuEl.style.bottom = 'initial';\n        }\n      } else {\n        this._menuEl.style.top = 'initial';\n      }\n    }\n  }\n\n  override willUpdate(changedProps: any) {\n    if (changedProps.has('open')) {\n      if (this.open) {\n        // open dropdown upwards if closer to bottom of viewport\n        if (\n          this._btnEl.getBoundingClientRect().top >\n          window.innerHeight * 0.6\n        ) {\n          this._openUpwards = true;\n        } else {\n          this._openUpwards = false;\n        }\n      }\n\n      this._positionMenu();\n    }\n  }\n\n  private handleClickOut(e: Event) {\n    if (!e.composedPath().includes(this)) {\n      this.open = false;\n      this._emitToggleEvent();\n    }\n  }\n\n  private handleEscapePress(e: any) {\n    const ESCAPE_KEY_CODE = 27;\n    if (e.keyCode === ESCAPE_KEY_CODE) {\n      this.open = false;\n      this._emitToggleEvent();\n      this._btnEl.focus();\n    }\n  }\n\n  private handleKeyDown(e: any) {\n    const TAB_KEY_CODE = 9;\n    const ENTER_KEY_CODE = 13;\n    const SPACEBAR_KEY_CODE = 32;\n    const DOWN_ARROW_KEY_CODE = 40;\n\n    if (e.keyCode !== TAB_KEY_CODE) {\n      e.preventDefault();\n    }\n\n    if(e.keyCode === ENTER_KEY_CODE || e.keyCode === SPACEBAR_KEY_CODE) {\n      this.toggleMenu();\n    }\n\n    const menuItems: any = this.getMenuItems();\n\n    if(menuItems.length > 0 && e.keyCode === DOWN_ARROW_KEY_CODE) {\n      const firstItemIndex = menuItems.findIndex((item: any) => !item.hasAttribute('disabled'));\n      menuItems[firstItemIndex].shadowRoot?.querySelector('button') \n      ? menuItems[firstItemIndex].shadowRoot?.querySelector('button')?.focus() \n      : menuItems[firstItemIndex].shadowRoot?.querySelector('a')?.focus();\n    }\n  }\n\n  getMenuItems() {\n    return Array.from(this.querySelectorAll('kyn-overflow-menu-item') || []).filter((item: any) => !item.hasAttribute('disabled'));\n  }\n\n  getMenu() {\n    return this.shadowRoot?.querySelector('.overflow-menu');\n  }\n\n  override connectedCallback() {\n    super.connectedCallback();\n\n    document.addEventListener('click', (e) => this.handleClickOut(e));\n    document.addEventListener('keydown', (e) => {this.handleEscapePress(e)});\n  }\n\n  override disconnectedCallback() {\n    document.removeEventListener('click', (e) => this.handleClickOut(e));\n    document.removeEventListener('keydown', (e) => {this.handleEscapePress(e)});\n\n    super.disconnectedCallback();\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'kyn-overflow-menu': OverflowMenu;\n  }\n}\n"],"names":["OverflowMenu","LitElement","constructor","this","open","anchorRight","verticalDots","fixed","assistiveText","_openUpwards","render","buttonClasses","btn","vertical","menuClasses","menu","right","upwards","html","classMap","toggleMenu","e","handleKeyDown","overflowIcon","_emitToggleEvent","event","CustomEvent","detail","dispatchEvent","_positionMenu","Top","_btnEl","getBoundingClientRect","top","height","MenuHeight","querySelectorAll","length","_menuEl","style","bottom","willUpdate","changedProps","has","window","innerHeight","handleClickOut","composedPath","includes","handleEscapePress","keyCode","focus","preventDefault","menuItems","getMenuItems","firstItemIndex","findIndex","item","hasAttribute","_a","shadowRoot","querySelector","_c","_b","_e","_d","Array","from","filter","getMenu","connectedCallback","super","document","addEventListener","disconnectedCallback","removeEventListener","styles","SCSS","__decorate","property","type","Boolean","prototype","String","query","state","customElement"],"mappings":"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"}
+{"version":3,"file":"overflowMenu.js","sources":["../../../../src/components/reusable/overflowMenu/overflowMenu.ts"],"sourcesContent":["import { LitElement, html } from 'lit';\nimport { customElement, property, state, query } from 'lit/decorators.js';\nimport { classMap } from 'lit/directives/class-map.js';\nimport SCSS from './overflowMenu.scss';\nimport '@kyndryl-design-system/shidoka-foundation/components/icon';\nimport overflowIcon from '@carbon/icons/es/overflow-menu--horizontal/16';\n\n/**\n * Overflow Menu.\n * @slot unnamed - Slot for overflow menu items.\n * @fires on-toggle - Capture the open/close event and emits the new state.\n */\n@customElement('kyn-overflow-menu')\nexport class OverflowMenu extends LitElement {\n  static override styles = SCSS;\n\n  /** Menu open state. */\n  @property({ type: Boolean })\n  open = false;\n\n  /** Anchors the menu to the right of the button. */\n  @property({ type: Boolean })\n  anchorRight = false;\n\n  /** 3 dots vertical orientation. */\n  @property({ type: Boolean })\n  verticalDots = false;\n\n  /** Use fixed instead of absolute position. Useful when placed within elements with overflow scroll. */\n  @property({ type: Boolean })\n  fixed = false;\n\n  /** Button assistive text.. */\n  @property({ type: String })\n  assistiveText = 'Toggle Menu';\n\n  /** Button element\n   * @internal\n   */\n  @query('.btn')\n  _btnEl!: any;\n\n  /** Menu element\n   * @internal\n   */\n  @query('.menu')\n  _menuEl!: any;\n\n  /**\n   * Open drawer upwards.\n   * @ignore\n   */\n  @state()\n  _openUpwards = false;\n\n  override render() {\n    const buttonClasses = {\n      btn: true,\n      open: this.open,\n      vertical: this.verticalDots,\n    };\n\n    const menuClasses = {\n      menu: true,\n      open: this.open,\n      right: this.anchorRight,\n      fixed: this.fixed,\n      upwards: this._openUpwards,\n    };\n\n    return html`\n      <div class=\"overflow-menu\">\n        <button\n          class=${classMap(buttonClasses)}\n          @click=${this.toggleMenu}\n          aria-controls=\"menu\"\n          aria-expanded=${this.open}\n          title=${this.assistiveText}\n          aria-label=${this.assistiveText}\n          @keydown=${(e: any) => this.handleKeyDown(e)}\n        >\n          <kd-icon .icon=${overflowIcon}></kd-icon>\n        </button>\n\n        <div id=\"menu\" class=${classMap(menuClasses)}>\n          <slot></slot>\n        </div>\n      </div>\n    `;\n  }\n\n  private _emitToggleEvent() {\n    const event = new CustomEvent('on-toggle', {\n      detail: {\n        open: this.open,\n      },\n    });\n    this.dispatchEvent(event);\n  }\n\n  private toggleMenu() {\n    this.open = !this.open;\n    this._emitToggleEvent();\n  }\n\n  private _positionMenu() {\n    if (this.open) {\n      if (this.fixed) {\n        const BtnBounds = this._btnEl.getBoundingClientRect();\n        const Top = BtnBounds.top + BtnBounds.height;\n        const MenuHeight =\n          this.querySelectorAll('kyn-overflow-menu-item').length * 48;\n\n        if (this._openUpwards) {\n          this._menuEl.style.top = BtnBounds.top - MenuHeight - 18 + 'px';\n          this._menuEl.style.bottom = 'initial';\n        } else {\n          this._menuEl.style.top = Top + 'px';\n          this._menuEl.style.bottom = 'initial';\n        }\n\n        if (this.fixed) {\n          if (this.anchorRight) {\n            this._menuEl.style.left = 'initial';\n            this._menuEl.style.right =\n              window.innerWidth - BtnBounds.right + 'px';\n          } else {\n            this._menuEl.style.right = 'initial';\n            this._menuEl.style.left = BtnBounds.left + 'px';\n          }\n        }\n      } else {\n        this._menuEl.style.top = 'initial';\n      }\n    }\n  }\n\n  override willUpdate(changedProps: any) {\n    if (changedProps.has('open')) {\n      if (this.open) {\n        // open dropdown upwards if closer to bottom of viewport\n        if (\n          this._btnEl.getBoundingClientRect().top >\n          window.innerHeight * 0.6\n        ) {\n          this._openUpwards = true;\n        } else {\n          this._openUpwards = false;\n        }\n      }\n\n      this._positionMenu();\n    }\n  }\n\n  private handleClickOut(e: Event) {\n    if (!e.composedPath().includes(this)) {\n      this.open = false;\n      this._emitToggleEvent();\n    }\n  }\n\n  private handleEscapePress(e: any) {\n    const ESCAPE_KEY_CODE = 27;\n    if (e.keyCode === ESCAPE_KEY_CODE) {\n      this.open = false;\n      this._emitToggleEvent();\n      this._btnEl.focus();\n    }\n  }\n\n  private handleKeyDown(e: any) {\n    const TAB_KEY_CODE = 9;\n    const ENTER_KEY_CODE = 13;\n    const SPACEBAR_KEY_CODE = 32;\n    const DOWN_ARROW_KEY_CODE = 40;\n\n    if (e.keyCode !== TAB_KEY_CODE) {\n      e.preventDefault();\n    }\n\n    if (e.keyCode === ENTER_KEY_CODE || e.keyCode === SPACEBAR_KEY_CODE) {\n      this.toggleMenu();\n    }\n\n    const menuItems: any = this.getMenuItems();\n\n    if (menuItems.length > 0 && e.keyCode === DOWN_ARROW_KEY_CODE) {\n      const firstItemIndex = menuItems.findIndex(\n        (item: any) => !item.hasAttribute('disabled')\n      );\n      menuItems[firstItemIndex].shadowRoot?.querySelector('button')\n        ? menuItems[firstItemIndex].shadowRoot?.querySelector('button')?.focus()\n        : menuItems[firstItemIndex].shadowRoot?.querySelector('a')?.focus();\n    }\n  }\n\n  getMenuItems() {\n    return Array.from(\n      this.querySelectorAll('kyn-overflow-menu-item') || []\n    ).filter((item: any) => !item.hasAttribute('disabled'));\n  }\n\n  getMenu() {\n    return this.shadowRoot?.querySelector('.overflow-menu');\n  }\n\n  override connectedCallback() {\n    super.connectedCallback();\n\n    document.addEventListener('click', (e) => this.handleClickOut(e));\n    document.addEventListener('keydown', (e) => {\n      this.handleEscapePress(e);\n    });\n  }\n\n  override disconnectedCallback() {\n    document.removeEventListener('click', (e) => this.handleClickOut(e));\n    document.removeEventListener('keydown', (e) => {\n      this.handleEscapePress(e);\n    });\n\n    super.disconnectedCallback();\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'kyn-overflow-menu': OverflowMenu;\n  }\n}\n"],"names":["OverflowMenu","LitElement","constructor","this","open","anchorRight","verticalDots","fixed","assistiveText","_openUpwards","render","buttonClasses","btn","vertical","menuClasses","menu","right","upwards","html","classMap","toggleMenu","e","handleKeyDown","overflowIcon","_emitToggleEvent","event","CustomEvent","detail","dispatchEvent","_positionMenu","BtnBounds","_btnEl","getBoundingClientRect","Top","top","height","MenuHeight","querySelectorAll","length","_menuEl","style","bottom","left","window","innerWidth","willUpdate","changedProps","has","innerHeight","handleClickOut","composedPath","includes","handleEscapePress","keyCode","focus","preventDefault","menuItems","getMenuItems","firstItemIndex","findIndex","item","hasAttribute","_a","shadowRoot","querySelector","_c","_b","_e","_d","Array","from","filter","getMenu","connectedCallback","super","document","addEventListener","disconnectedCallback","removeEventListener","styles","SCSS","__decorate","property","type","Boolean","prototype","String","query","state","customElement"],"mappings":"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"}

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

@@ -1 +1 @@
-{"version":3,"file":"action-menu.sample.d.ts","sourceRoot":"","sources":["../../../../../src/components/reusable/table/story-helpers/action-menu.sample.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAQ,MAAM,KAAK,CAAC;AAEvC,OAAO,oBAAoB,CAAC;AAI5B,qBACa,UAAW,SAAQ,UAAU;IACxC,OAAgB,MAAM,QAAY;IAGlC,MAAM,UAAS;IAGf,YAAY,OAAQ,MAAM,UAExB;IAGF,MAAM,SAAK;IAEX,UAAU;IAIV,aAAa,WAAY,MAAM,KAAK,GAAG,UAUrC;IAEF,aAAa,WAAY,MAAM,KAAK,GAAG,UAIrC;IAEF,aAAa,MAAO,GAAG,UAErB;IAEO,MAAM;CAmChB;AAGD,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,aAAa,EAAE,UAAU,CAAC;KAC3B;CACF"}
+{"version":3,"file":"action-menu.sample.d.ts","sourceRoot":"","sources":["../../../../../src/components/reusable/table/story-helpers/action-menu.sample.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAQ,MAAM,KAAK,CAAC;AAEvC,OAAO,oBAAoB,CAAC;AAI5B,qBACa,UAAW,SAAQ,UAAU;IACxC,OAAgB,MAAM,QAAY;IAGlC,MAAM,UAAS;IAGf,YAAY,OAAQ,MAAM,UAExB;IAGF,MAAM,SAAK;IAEX,UAAU;IAIV,aAAa,WAAY,MAAM,KAAK,GAAG,UAUrC;IAEF,aAAa,WAAY,MAAM,KAAK,GAAG,UAIrC;IAEF,aAAa,MAAO,GAAG,UAErB;IAEO,MAAM;CAoChB;AAGD,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,aAAa,EAAE,UAAU,CAAC;KAC3B;CACF"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kyndryl-design-system/shidoka-applications",
-  "version": "1.49.0",
+  "version": "1.49.2",
   "description": "Shidoka Web Components for Applications",
   "main": "index.js",
   "type": "module",
@@ -73,7 +73,7 @@
     "@storybook/addons": "^7.6.17",
     "@storybook/preview-api": "^8.3.5",
     "@storybook/test": "^8.3.5",
-    "@storybook/test-runner": "^0.19.1",
+    "@storybook/test-runner": "^0.21.0",
     "@storybook/theming": "^8.3.5",
     "@storybook/web-components": "^8.3.5",
     "@storybook/web-components-webpack5": "^8.3.5",
@@ -94,6 +94,7 @@
     "lint-staged": "^13.1.2",
     "lit-analyzer": "^2.0.3",
     "lit-css-loader": "^3.0.0",
+    "playwright": "^1.50.1",
     "postcss": "^8.4.21",
     "prettier": "^2.8.2",
     "prismjs-components-importer": "^0.2.0",