@kyndryl-design-system/shidoka-applications 2.92.0 → 2.93.0

package/common/helpers/swiper.js

@@ -1,2 +1,2 @@
-import{a as e}from"../../vendor/@kyndryl-design-system/shidoka-icons-BGhMLbpH.js";const n={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(n){n.navigation.prevEl.innerHTML=e,n.navigation.nextEl.innerHTML=e,t(n)},transitionEnd:function(e){t(e)},scrollbarDragEnd:function(e){t(e)}}},t=e=>{const n=e.el.getBoundingClientRect();e.slides.forEach((e=>{const t=e.getBoundingClientRect();t.left<n.left||t.right>n.width+n.left?(e.classList.add("off-screen"),e.setAttribute("aria-disabled","true")):(e.classList.remove("off-screen"),e.setAttribute("aria-disabled","false"))}))};export{n as SwiperConfig};
+import{a as e}from"../../vendor/@kyndryl-design-system/shidoka-icons-BKNlykoZ.js";const n={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(n){n.navigation.prevEl.innerHTML=e,n.navigation.nextEl.innerHTML=e,t(n)},transitionEnd:function(e){t(e)},scrollbarDragEnd:function(e){t(e)}}},t=e=>{const n=e.el.getBoundingClientRect();e.slides.forEach((e=>{const t=e.getBoundingClientRect();t.left<n.left||t.right>n.width+n.left?(e.classList.add("off-screen"),e.setAttribute("aria-disabled","true")):(e.classList.remove("off-screen"),e.setAttribute("aria-disabled","false"))}))};export{n as SwiperConfig};
 //# sourceMappingURL=swiper.js.map

package/components/ai/sourcesFeedback/aiSourcesFeedback.js

@@ -1,4 +1,4 @@
-import{__setFunctionName as e,__esDecorate as t,__runInitializers as s,__classPrivateFieldGet as i,__classPrivateFieldSet as a}from"tslib";import{css as n,LitElement as l,unsafeCSS as o,html as c}from"lit";import{customElement as d,property as r,state as h,queryAssignedElements as u}from"lit/decorators.js";import{deepmerge as p}from"deepmerge-ts";import{classMap as k}from"lit-html/directives/class-map.js";import{unsafeSVG as b}from"lit/directives/unsafe-svg.js";import{N as m,O as f,P as v,Q as g,i as y,c as C}from"../../../vendor/@kyndryl-design-system/shidoka-icons-BGhMLbpH.js";import"../../reusable/link/link.js";import"../../reusable/card/card.js";import"../../reusable/card/vitalCard.skeleton.js";import"../../reusable/card/informationalCard.skeleton.js";import"../../reusable/button/button.js";import"../../reusable/link/defs.js";import"lit/directives/class-map.js";import"lit/directives/if-defined.js";import"../../reusable/inlineConfirm/inlineConfirm.js";import"lit-html/directives/unsafe-svg.js";import"../../reusable/loaders/skeleton.js";import"../../../cardSample-BCIwY1rJ.js";import"../../../common/helpers/helpers.js";import"../../reusable/button/defs.js";var _=n`*,
+import{__setFunctionName as e,__esDecorate as t,__runInitializers as s,__classPrivateFieldGet as i,__classPrivateFieldSet as a}from"tslib";import{css as n,LitElement as l,unsafeCSS as o,html as c}from"lit";import{customElement as d,property as r,state as h,queryAssignedElements as u}from"lit/decorators.js";import{deepmerge as p}from"deepmerge-ts";import{classMap as k}from"lit-html/directives/class-map.js";import{unsafeSVG as b}from"lit/directives/unsafe-svg.js";import{Q as m,R as f,S as v,T as g,i as y,c as C}from"../../../vendor/@kyndryl-design-system/shidoka-icons-BKNlykoZ.js";import"../../reusable/link/link.js";import"../../reusable/card/card.js";import"../../reusable/card/vitalCard.skeleton.js";import"../../reusable/card/informationalCard.skeleton.js";import"../../reusable/button/button.js";import"../../reusable/link/defs.js";import"lit/directives/class-map.js";import"lit/directives/if-defined.js";import"../../reusable/inlineConfirm/inlineConfirm.js";import"lit-html/directives/unsafe-svg.js";import"../../reusable/loaders/skeleton.js";import"../../../cardSample-BCIwY1rJ.js";import"../../../common/helpers/helpers.js";import"../../reusable/button/defs.js";var _=n`*,
 *::before,
 *::after {
   box-sizing: border-box;
@@ -107,7 +107,7 @@ import{__setFunctionName as e,__esDecorate as t,__runInitializers as s,__classPr
   position: absolute;
   right: 8px;
   top: 8px;
-}`;const x={sourcesText:"Sources",foundSources:"Found sources",showMore:"Show more",showLess:"Show less",positiveFeedback:"Share what you liked",negativeFeedback:"Help us improve"};let w=(()=>{var n,w,S,D,O,$,T,F,j,E,M,R,U,W;let A,z,L,B,P,H,I,N,Q,q,G,J,K,V,X,Y,Z=[d("kyn-ai-sources-feedback")],ee=[],te=l,se=[],ie=[],ae=[],ne=[],le=[],oe=[],ce=[],de=[],re=[],he=[],ue=[],pe=[],ke=[],be=[],me=[],fe=[],ve=[],ge=[],ye=[],Ce=[],_e=[],xe=[],we=[],Se=[],De=[],Oe=[],$e=[],Te=[];return z=class extends te{get sourcesOpened(){return i(this,n,"f")}set sourcesOpened(e){a(this,n,e,"f")}get feedbackOpened(){return i(this,w,"f")}set feedbackOpened(e){a(this,w,e,"f")}get sourcesDisabled(){return i(this,S,"f")}set sourcesDisabled(e){a(this,S,e,"f")}get feedbackDisabled(){return i(this,D,"f")}set feedbackDisabled(e){a(this,D,e,"f")}get revealAllSources(){return i(this,O,"f")}set revealAllSources(e){a(this,O,e,"f")}get textStrings(){return i(this,$,"f")}set textStrings(e){a(this,$,e,"f")}get closeText(){return i(this,T,"f")}set closeText(e){a(this,T,e,"f")}get _limitCount(){return i(this,F,"f")}set _limitCount(e){a(this,F,e,"f")}get limitRevealed(){return i(this,j,"f")}set limitRevealed(e){a(this,j,e,"f")}get _textStrings(){return i(this,E,"f")}set _textStrings(e){a(this,E,e,"f")}get _selectedFeedbackType(){return i(this,M,"f")}set _selectedFeedbackType(e){a(this,M,e,"f")}get _sourceEls(){return i(this,R,"f")}set _sourceEls(e){a(this,R,e,"f")}get thumbsUpClickCount(){return i(this,U,"f")}set thumbsUpClickCount(e){a(this,U,e,"f")}get thumbsDownClickCount(){return i(this,W,"f")}set thumbsDownClickCount(e){a(this,W,e,"f")}render(){const e=k({"kyn-sources":!0,opened:this.sourcesOpened,disabled:this.sourcesDisabled}),t=k({"kyn-pos-feedback":!0,disabled:this.feedbackDisabled&&"positive"===this._selectedFeedbackType}),s=k({"kyn-neg-feedback":!0,disabled:this.feedbackDisabled&&"positive"===this._selectedFeedbackType});return c`
+}`;const x={sourcesText:"Sources",foundSources:"Found sources",showMore:"Show more",showLess:"Show less",positiveFeedback:"Share what you liked",negativeFeedback:"Help us improve"};let w=(()=>{var n,w,S,D,$,O,T,F,j,E,M,R,U,W;let A,z,L,B,P,H,I,Q,q,G,J,K,N,V,X,Y,Z=[d("kyn-ai-sources-feedback")],ee=[],te=l,se=[],ie=[],ae=[],ne=[],le=[],oe=[],ce=[],de=[],re=[],he=[],ue=[],pe=[],ke=[],be=[],me=[],fe=[],ve=[],ge=[],ye=[],Ce=[],_e=[],xe=[],we=[],Se=[],De=[],$e=[],Oe=[],Te=[];return z=class extends te{get sourcesOpened(){return i(this,n,"f")}set sourcesOpened(e){a(this,n,e,"f")}get feedbackOpened(){return i(this,w,"f")}set feedbackOpened(e){a(this,w,e,"f")}get sourcesDisabled(){return i(this,S,"f")}set sourcesDisabled(e){a(this,S,e,"f")}get feedbackDisabled(){return i(this,D,"f")}set feedbackDisabled(e){a(this,D,e,"f")}get revealAllSources(){return i(this,$,"f")}set revealAllSources(e){a(this,$,e,"f")}get textStrings(){return i(this,O,"f")}set textStrings(e){a(this,O,e,"f")}get closeText(){return i(this,T,"f")}set closeText(e){a(this,T,e,"f")}get _limitCount(){return i(this,F,"f")}set _limitCount(e){a(this,F,e,"f")}get limitRevealed(){return i(this,j,"f")}set limitRevealed(e){a(this,j,e,"f")}get _textStrings(){return i(this,E,"f")}set _textStrings(e){a(this,E,e,"f")}get _selectedFeedbackType(){return i(this,M,"f")}set _selectedFeedbackType(e){a(this,M,e,"f")}get _sourceEls(){return i(this,R,"f")}set _sourceEls(e){a(this,R,e,"f")}get thumbsUpClickCount(){return i(this,U,"f")}set thumbsUpClickCount(e){a(this,U,e,"f")}get thumbsDownClickCount(){return i(this,W,"f")}set thumbsDownClickCount(e){a(this,W,e,"f")}render(){const e=k({"kyn-sources":!0,opened:this.sourcesOpened,disabled:this.sourcesDisabled}),t=k({"kyn-pos-feedback":!0,disabled:this.feedbackDisabled&&"positive"===this._selectedFeedbackType}),s=k({"kyn-neg-feedback":!0,disabled:this.feedbackDisabled&&"positive"===this._selectedFeedbackType});return c`
       <div class="action-bar">
         <div class="left-div">
           <slot name="copy"></slot>
@@ -221,5 +221,5 @@ import{__setFunctionName as e,__esDecorate as t,__runInitializers as s,__classPr
 
         <slot name="feedback-form"></slot>
       </div>
-    `}_handleClick(e,t,s){var i;if(e.preventDefault(),"sources"===t&&this.sourcesDisabled||"feedback"===t&&this.feedbackDisabled)return;(null===(i=e.target.id)||void 0===i?void 0:i.includes("kyn-feedback-title"))&&s&&this._updateFeedbackCounts(s),("sources"===t||this._shouldEmitFeedbackEvent(s))&&this._emitToggleEvent(t,s)}_updateFeedbackCounts(e){const t="positive"===e&&this.thumbsUpClickCount%2!=0||"negative"===e&&this.thumbsDownClickCount%2!=0;"positive"===e?(this.thumbsUpClickCount++,this.thumbsDownClickCount-=this.thumbsDownClickCount%2):(this.thumbsDownClickCount++,this.thumbsUpClickCount-=this.thumbsUpClickCount%2),t&&this.dispatchEvent(new CustomEvent("on-feedback-deselected",{detail:{feedbackType:e},bubbles:!0,composed:!0}))}_shouldEmitFeedbackEvent(e){if(!e)return!1;const t=e=>e%2!=0;return"positive"===e&&(t(this.thumbsUpClickCount)||this.feedbackOpened&&!t(this.thumbsUpClickCount))||"negative"===e&&(t(this.thumbsDownClickCount)||this.feedbackOpened&&!t(this.thumbsDownClickCount))}_emitToggleEvent(e,t){"sources"===e?(this.sourcesOpened=!this.sourcesOpened,this.feedbackOpened=!1):"feedback"===e&&(this.sourcesOpened=!1,this._toggleFeedbackPanel(t)),this.dispatchEvent(new CustomEvent("on-toggle",{detail:{sourcesOpened:this.sourcesOpened,feedbackOpened:this.feedbackOpened,selectedFeedbackType:this._selectedFeedbackType},bubbles:!0,composed:!0}))}_toggleFeedbackPanel(e){e&&(this._selectedFeedbackType===e&&this.feedbackOpened?(this.feedbackOpened=!1,this._selectedFeedbackType=null):(this.feedbackOpened=!0,this._selectedFeedbackType=e))}_handleSlotChange(){this._toggleLimitRevealed(this.limitRevealed)}_toggleLimitRevealed(e){this.limitRevealed=e,this._sourceEls.forEach(((e,t)=>{this.revealAllSources||this.limitRevealed||t<this._limitCount?e.style.display="block":e.style.display="none"}))}willUpdate(e){e.has("textStrings")&&(this._textStrings=p(x,this.textStrings))}updated(e){e.has("revealAllSources")&&void 0!==e.get("revealAllSources")&&this._toggleLimitRevealed(!1)}constructor(){super(...arguments),n.set(this,s(this,se,!1)),w.set(this,(s(this,ie),s(this,ae,!1))),S.set(this,(s(this,ne),s(this,le,!1))),D.set(this,(s(this,oe),s(this,ce,!1))),O.set(this,(s(this,de),s(this,re,!1))),$.set(this,(s(this,he),s(this,ue,x))),T.set(this,(s(this,pe),s(this,ke,"Close"))),F.set(this,(s(this,be),s(this,me,4))),j.set(this,(s(this,fe),s(this,ve,!1))),E.set(this,(s(this,ge),s(this,ye,x))),M.set(this,(s(this,Ce),s(this,_e,null))),R.set(this,(s(this,xe),s(this,we,void 0))),U.set(this,(s(this,Se),s(this,De,0))),W.set(this,(s(this,Oe),s(this,$e,0))),s(this,Te)}},n=new WeakMap,w=new WeakMap,S=new WeakMap,D=new WeakMap,O=new WeakMap,$=new WeakMap,T=new WeakMap,F=new WeakMap,j=new WeakMap,E=new WeakMap,M=new WeakMap,R=new WeakMap,U=new WeakMap,W=new WeakMap,e(z,"AISourcesFeedback"),(()=>{var e;const s="function"==typeof Symbol&&Symbol.metadata?Object.create(null!==(e=te[Symbol.metadata])&&void 0!==e?e:null):void 0;L=[r({type:Boolean})],B=[r({type:Boolean})],P=[r({type:Boolean})],H=[r({type:Boolean})],I=[r({type:Boolean})],N=[r({type:Object})],Q=[r({type:String})],q=[h()],G=[h()],J=[h()],K=[h()],V=[u({slot:"sources"})],X=[h()],Y=[h()],t(z,null,L,{kind:"accessor",name:"sourcesOpened",static:!1,private:!1,access:{has:e=>"sourcesOpened"in e,get:e=>e.sourcesOpened,set:(e,t)=>{e.sourcesOpened=t}},metadata:s},se,ie),t(z,null,B,{kind:"accessor",name:"feedbackOpened",static:!1,private:!1,access:{has:e=>"feedbackOpened"in e,get:e=>e.feedbackOpened,set:(e,t)=>{e.feedbackOpened=t}},metadata:s},ae,ne),t(z,null,P,{kind:"accessor",name:"sourcesDisabled",static:!1,private:!1,access:{has:e=>"sourcesDisabled"in e,get:e=>e.sourcesDisabled,set:(e,t)=>{e.sourcesDisabled=t}},metadata:s},le,oe),t(z,null,H,{kind:"accessor",name:"feedbackDisabled",static:!1,private:!1,access:{has:e=>"feedbackDisabled"in e,get:e=>e.feedbackDisabled,set:(e,t)=>{e.feedbackDisabled=t}},metadata:s},ce,de),t(z,null,I,{kind:"accessor",name:"revealAllSources",static:!1,private:!1,access:{has:e=>"revealAllSources"in e,get:e=>e.revealAllSources,set:(e,t)=>{e.revealAllSources=t}},metadata:s},re,he),t(z,null,N,{kind:"accessor",name:"textStrings",static:!1,private:!1,access:{has:e=>"textStrings"in e,get:e=>e.textStrings,set:(e,t)=>{e.textStrings=t}},metadata:s},ue,pe),t(z,null,Q,{kind:"accessor",name:"closeText",static:!1,private:!1,access:{has:e=>"closeText"in e,get:e=>e.closeText,set:(e,t)=>{e.closeText=t}},metadata:s},ke,be),t(z,null,q,{kind:"accessor",name:"_limitCount",static:!1,private:!1,access:{has:e=>"_limitCount"in e,get:e=>e._limitCount,set:(e,t)=>{e._limitCount=t}},metadata:s},me,fe),t(z,null,G,{kind:"accessor",name:"limitRevealed",static:!1,private:!1,access:{has:e=>"limitRevealed"in e,get:e=>e.limitRevealed,set:(e,t)=>{e.limitRevealed=t}},metadata:s},ve,ge),t(z,null,J,{kind:"accessor",name:"_textStrings",static:!1,private:!1,access:{has:e=>"_textStrings"in e,get:e=>e._textStrings,set:(e,t)=>{e._textStrings=t}},metadata:s},ye,Ce),t(z,null,K,{kind:"accessor",name:"_selectedFeedbackType",static:!1,private:!1,access:{has:e=>"_selectedFeedbackType"in e,get:e=>e._selectedFeedbackType,set:(e,t)=>{e._selectedFeedbackType=t}},metadata:s},_e,xe),t(z,null,V,{kind:"accessor",name:"_sourceEls",static:!1,private:!1,access:{has:e=>"_sourceEls"in e,get:e=>e._sourceEls,set:(e,t)=>{e._sourceEls=t}},metadata:s},we,Se),t(z,null,X,{kind:"accessor",name:"thumbsUpClickCount",static:!1,private:!1,access:{has:e=>"thumbsUpClickCount"in e,get:e=>e.thumbsUpClickCount,set:(e,t)=>{e.thumbsUpClickCount=t}},metadata:s},De,Oe),t(z,null,Y,{kind:"accessor",name:"thumbsDownClickCount",static:!1,private:!1,access:{has:e=>"thumbsDownClickCount"in e,get:e=>e.thumbsDownClickCount,set:(e,t)=>{e.thumbsDownClickCount=t}},metadata:s},$e,Te),t(null,A={value:z},Z,{kind:"class",name:z.name,metadata:s},null,ee),z=A.value,s&&Object.defineProperty(z,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:s})})(),z.styles=o(_),s(z,ee),z})();export{w as AISourcesFeedback};
+    `}_handleClick(e,t,s){var i;if(e.preventDefault(),"sources"===t&&this.sourcesDisabled||"feedback"===t&&this.feedbackDisabled)return;(null===(i=e.target.id)||void 0===i?void 0:i.includes("kyn-feedback-title"))&&s&&this._updateFeedbackCounts(s),("sources"===t||this._shouldEmitFeedbackEvent(s))&&this._emitToggleEvent(t,s)}_updateFeedbackCounts(e){const t="positive"===e&&this.thumbsUpClickCount%2!=0||"negative"===e&&this.thumbsDownClickCount%2!=0;"positive"===e?(this.thumbsUpClickCount++,this.thumbsDownClickCount-=this.thumbsDownClickCount%2):(this.thumbsDownClickCount++,this.thumbsUpClickCount-=this.thumbsUpClickCount%2),t&&this.dispatchEvent(new CustomEvent("on-feedback-deselected",{detail:{feedbackType:e},bubbles:!0,composed:!0}))}_shouldEmitFeedbackEvent(e){if(!e)return!1;const t=e=>e%2!=0;return"positive"===e&&(t(this.thumbsUpClickCount)||this.feedbackOpened&&!t(this.thumbsUpClickCount))||"negative"===e&&(t(this.thumbsDownClickCount)||this.feedbackOpened&&!t(this.thumbsDownClickCount))}_emitToggleEvent(e,t){"sources"===e?(this.sourcesOpened=!this.sourcesOpened,this.feedbackOpened=!1):"feedback"===e&&(this.sourcesOpened=!1,this._toggleFeedbackPanel(t)),this.dispatchEvent(new CustomEvent("on-toggle",{detail:{sourcesOpened:this.sourcesOpened,feedbackOpened:this.feedbackOpened,selectedFeedbackType:this._selectedFeedbackType},bubbles:!0,composed:!0}))}_toggleFeedbackPanel(e){e&&(this._selectedFeedbackType===e&&this.feedbackOpened?(this.feedbackOpened=!1,this._selectedFeedbackType=null):(this.feedbackOpened=!0,this._selectedFeedbackType=e))}_handleSlotChange(){this._toggleLimitRevealed(this.limitRevealed)}_toggleLimitRevealed(e){this.limitRevealed=e,this._sourceEls.forEach(((e,t)=>{this.revealAllSources||this.limitRevealed||t<this._limitCount?e.style.display="block":e.style.display="none"}))}willUpdate(e){e.has("textStrings")&&(this._textStrings=p(x,this.textStrings))}updated(e){e.has("revealAllSources")&&void 0!==e.get("revealAllSources")&&this._toggleLimitRevealed(!1)}constructor(){super(...arguments),n.set(this,s(this,se,!1)),w.set(this,(s(this,ie),s(this,ae,!1))),S.set(this,(s(this,ne),s(this,le,!1))),D.set(this,(s(this,oe),s(this,ce,!1))),$.set(this,(s(this,de),s(this,re,!1))),O.set(this,(s(this,he),s(this,ue,x))),T.set(this,(s(this,pe),s(this,ke,"Close"))),F.set(this,(s(this,be),s(this,me,4))),j.set(this,(s(this,fe),s(this,ve,!1))),E.set(this,(s(this,ge),s(this,ye,x))),M.set(this,(s(this,Ce),s(this,_e,null))),R.set(this,(s(this,xe),s(this,we,void 0))),U.set(this,(s(this,Se),s(this,De,0))),W.set(this,(s(this,$e),s(this,Oe,0))),s(this,Te)}},n=new WeakMap,w=new WeakMap,S=new WeakMap,D=new WeakMap,$=new WeakMap,O=new WeakMap,T=new WeakMap,F=new WeakMap,j=new WeakMap,E=new WeakMap,M=new WeakMap,R=new WeakMap,U=new WeakMap,W=new WeakMap,e(z,"AISourcesFeedback"),(()=>{var e;const s="function"==typeof Symbol&&Symbol.metadata?Object.create(null!==(e=te[Symbol.metadata])&&void 0!==e?e:null):void 0;L=[r({type:Boolean})],B=[r({type:Boolean})],P=[r({type:Boolean})],H=[r({type:Boolean})],I=[r({type:Boolean})],Q=[r({type:Object})],q=[r({type:String})],G=[h()],J=[h()],K=[h()],N=[h()],V=[u({slot:"sources"})],X=[h()],Y=[h()],t(z,null,L,{kind:"accessor",name:"sourcesOpened",static:!1,private:!1,access:{has:e=>"sourcesOpened"in e,get:e=>e.sourcesOpened,set:(e,t)=>{e.sourcesOpened=t}},metadata:s},se,ie),t(z,null,B,{kind:"accessor",name:"feedbackOpened",static:!1,private:!1,access:{has:e=>"feedbackOpened"in e,get:e=>e.feedbackOpened,set:(e,t)=>{e.feedbackOpened=t}},metadata:s},ae,ne),t(z,null,P,{kind:"accessor",name:"sourcesDisabled",static:!1,private:!1,access:{has:e=>"sourcesDisabled"in e,get:e=>e.sourcesDisabled,set:(e,t)=>{e.sourcesDisabled=t}},metadata:s},le,oe),t(z,null,H,{kind:"accessor",name:"feedbackDisabled",static:!1,private:!1,access:{has:e=>"feedbackDisabled"in e,get:e=>e.feedbackDisabled,set:(e,t)=>{e.feedbackDisabled=t}},metadata:s},ce,de),t(z,null,I,{kind:"accessor",name:"revealAllSources",static:!1,private:!1,access:{has:e=>"revealAllSources"in e,get:e=>e.revealAllSources,set:(e,t)=>{e.revealAllSources=t}},metadata:s},re,he),t(z,null,Q,{kind:"accessor",name:"textStrings",static:!1,private:!1,access:{has:e=>"textStrings"in e,get:e=>e.textStrings,set:(e,t)=>{e.textStrings=t}},metadata:s},ue,pe),t(z,null,q,{kind:"accessor",name:"closeText",static:!1,private:!1,access:{has:e=>"closeText"in e,get:e=>e.closeText,set:(e,t)=>{e.closeText=t}},metadata:s},ke,be),t(z,null,G,{kind:"accessor",name:"_limitCount",static:!1,private:!1,access:{has:e=>"_limitCount"in e,get:e=>e._limitCount,set:(e,t)=>{e._limitCount=t}},metadata:s},me,fe),t(z,null,J,{kind:"accessor",name:"limitRevealed",static:!1,private:!1,access:{has:e=>"limitRevealed"in e,get:e=>e.limitRevealed,set:(e,t)=>{e.limitRevealed=t}},metadata:s},ve,ge),t(z,null,K,{kind:"accessor",name:"_textStrings",static:!1,private:!1,access:{has:e=>"_textStrings"in e,get:e=>e._textStrings,set:(e,t)=>{e._textStrings=t}},metadata:s},ye,Ce),t(z,null,N,{kind:"accessor",name:"_selectedFeedbackType",static:!1,private:!1,access:{has:e=>"_selectedFeedbackType"in e,get:e=>e._selectedFeedbackType,set:(e,t)=>{e._selectedFeedbackType=t}},metadata:s},_e,xe),t(z,null,V,{kind:"accessor",name:"_sourceEls",static:!1,private:!1,access:{has:e=>"_sourceEls"in e,get:e=>e._sourceEls,set:(e,t)=>{e._sourceEls=t}},metadata:s},we,Se),t(z,null,X,{kind:"accessor",name:"thumbsUpClickCount",static:!1,private:!1,access:{has:e=>"thumbsUpClickCount"in e,get:e=>e.thumbsUpClickCount,set:(e,t)=>{e.thumbsUpClickCount=t}},metadata:s},De,$e),t(z,null,Y,{kind:"accessor",name:"thumbsDownClickCount",static:!1,private:!1,access:{has:e=>"thumbsDownClickCount"in e,get:e=>e.thumbsDownClickCount,set:(e,t)=>{e.thumbsDownClickCount=t}},metadata:s},Oe,Te),t(null,A={value:z},Z,{kind:"class",name:z.name,metadata:s},null,ee),z=A.value,s&&Object.defineProperty(z,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:s})})(),z.styles=o(_),s(z,ee),z})();export{w as AISourcesFeedback};
 //# sourceMappingURL=aiSourcesFeedback.js.map

package/components/ai/sourcesFeedback/index.js

@@ -1,2 +1,2 @@
-export{AISourcesFeedback}from"./aiSourcesFeedback.js";import"tslib";import"lit";import"lit/decorators.js";import"deepmerge-ts";import"lit-html/directives/class-map.js";import"lit/directives/unsafe-svg.js";import"../../../vendor/@kyndryl-design-system/shidoka-icons-BGhMLbpH.js";import"../../reusable/link/link.js";import"../../reusable/link/defs.js";import"../../reusable/card/card.js";import"lit/directives/class-map.js";import"lit/directives/if-defined.js";import"../../reusable/inlineConfirm/inlineConfirm.js";import"lit-html/directives/unsafe-svg.js";import"../../reusable/button/button.js";import"../../../common/helpers/helpers.js";import"../../reusable/button/defs.js";import"../../reusable/card/vitalCard.skeleton.js";import"../../reusable/loaders/skeleton.js";import"../../../cardSample-BCIwY1rJ.js";import"../../reusable/card/informationalCard.skeleton.js";
+export{AISourcesFeedback}from"./aiSourcesFeedback.js";import"tslib";import"lit";import"lit/decorators.js";import"deepmerge-ts";import"lit-html/directives/class-map.js";import"lit/directives/unsafe-svg.js";import"../../../vendor/@kyndryl-design-system/shidoka-icons-BKNlykoZ.js";import"../../reusable/link/link.js";import"../../reusable/link/defs.js";import"../../reusable/card/card.js";import"lit/directives/class-map.js";import"lit/directives/if-defined.js";import"../../reusable/inlineConfirm/inlineConfirm.js";import"lit-html/directives/unsafe-svg.js";import"../../reusable/button/button.js";import"../../../common/helpers/helpers.js";import"../../reusable/button/defs.js";import"../../reusable/card/vitalCard.skeleton.js";import"../../reusable/loaders/skeleton.js";import"../../../cardSample-BCIwY1rJ.js";import"../../reusable/card/informationalCard.skeleton.js";
 //# sourceMappingURL=index.js.map

package/components/global/header/header.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 o,LitElement as r,unsafeCSS as l,html as s}from"lit";import{customElement as d,property as h,queryAssignedElements as c,state as g,query as p}from"lit/decorators.js";import{classMap as m}from"lit/directives/class-map.js";import{unsafeHTML as u}from"lit-html/directives/unsafe-html.js";import{debounce as v}from"../../../common/helpers/helpers.js";import{l as k}from"../../../vendor/@kyndryl-design-system/shidoka-foundation-7uii0Jz8.js";var f=o`*,
+import{__setFunctionName as e,__esDecorate as t,__runInitializers as i,__classPrivateFieldGet as a,__classPrivateFieldSet as n}from"tslib";import{css as o,LitElement as r,unsafeCSS as l,html as s}from"lit";import{customElement as d,property as h,queryAssignedElements as c,state as p,query as g}from"lit/decorators.js";import{classMap as m}from"lit/directives/class-map.js";import{unsafeHTML as u}from"lit-html/directives/unsafe-html.js";import{debounce as v}from"../../../common/helpers/helpers.js";import{l as k}from"../../../vendor/@kyndryl-design-system/shidoka-foundation-7uii0Jz8.js";var f=o`*,
 *::before,
 *::after {
   box-sizing: border-box;
@@ -111,6 +111,16 @@ import{__setFunctionName as e,__esDecorate as t,__runInitializers as i,__classPr
 .menu__content.slotted:not(.no-padding) {
   padding: 8px 12px;
 }
+@media (max-width: calc(30rem - 0.001px)) {
+  .menu__content.slotted:not(.no-padding) {
+    padding: 0 4px;
+  }
+}
+@media (max-width: calc(42rem - 0.001px)) {
+  .menu__content.slotted.no-padding {
+    padding: 0 4px;
+  }
+}
 @media (min-width: 42rem) {
   .menu__content {
     position: absolute;
@@ -403,5 +413,5 @@ import{__setFunctionName as e,__esDecorate as t,__runInitializers as i,__classPr
       </header>
 
       <div class="overlay"></div>
-    `}handleSlotChange(){this.requestUpdate()}handleRootLinkClick(e){const t=new CustomEvent("on-root-link-click",{detail:{origEvent:e}});this.dispatchEvent(t)}_handleNavToggle(e){this._navOpen=e.detail.open}_handleFlyoutsToggle(e){this._flyoutsOpen=e.detail.open||e.detail.childrenOpen}_handleScroll(){window.scrollY>0?this._headerEl.classList.add("scrolled"):this._headerEl.classList.remove("scrolled")}_resetOpenMenusOnBreakpointChange(){this.querySelectorAll("kyn-header-nav").forEach((e=>{"menuOpen"in e&&(e.menuOpen=!1)}));this.querySelectorAll("kyn-header-flyouts").forEach((e=>{"open"in e&&(e.open=!1)}));this.querySelectorAll("kyn-header-flyout, kyn-header-link").forEach((e=>{e._enterTimer&&(clearTimeout(e._enterTimer),e._enterTimer=void 0),e._leaveTimer&&(clearTimeout(e._leaveTimer),e._leaveTimer=void 0),"open"in e&&(e.open=!1)}))}firstUpdated(){this._handleScroll()}connectedCallback(){super.connectedCallback(),this.addEventListener("on-nav-toggle",this._boundHandleNavToggle),this.addEventListener("on-flyouts-toggle",this._boundHandleFlyoutsToggle),this._desktopMediaQuery=window.matchMedia("(min-width: 42rem)"),this._desktopMediaQuery.addEventListener("change",this._handleBreakpointChange),window.addEventListener("scroll",this._debounceScroll)}disconnectedCallback(){var e;this.removeEventListener("on-nav-toggle",this._boundHandleNavToggle),this.removeEventListener("on-flyouts-toggle",this._boundHandleFlyoutsToggle),null===(e=this._desktopMediaQuery)||void 0===e||e.removeEventListener("change",this._handleBreakpointChange),this._desktopMediaQuery=void 0,window.removeEventListener("scroll",this._debounceScroll),super.disconnectedCallback()}},o=new WeakMap,b=new WeakMap,y=new WeakMap,x=new WeakMap,_=new WeakMap,w=new WeakMap,E=new WeakMap,z=new WeakMap,e(T,"Header"),(()=>{var e;const i="function"==typeof Symbol&&Symbol.metadata?Object.create(null!==(e=F[Symbol.metadata])&&void 0!==e?e:null):void 0;S=[h({type:String})],C=[h({type:String})],M=[c({selector:"kyn-header-nav"})],L=[c()],U=[c({slot:"left"})],$=[g()],j=[g()],W=[p("header")],t(T,null,S,{kind:"accessor",name:"rootUrl",static:!1,private:!1,access:{has:e=>"rootUrl"in e,get:e=>e.rootUrl,set:(e,t)=>{e.rootUrl=t}},metadata:i},N,Q),t(T,null,C,{kind:"accessor",name:"appTitle",static:!1,private:!1,access:{has:e=>"appTitle"in e,get:e=>e.appTitle,set:(e,t)=>{e.appTitle=t}},metadata:i},q,A),t(T,null,M,{kind:"accessor",name:"navEls",static:!1,private:!1,access:{has:e=>"navEls"in e,get:e=>e.navEls,set:(e,t)=>{e.navEls=t}},metadata:i},Y,R),t(T,null,L,{kind:"accessor",name:"assignedElements",static:!1,private:!1,access:{has:e=>"assignedElements"in e,get:e=>e.assignedElements,set:(e,t)=>{e.assignedElements=t}},metadata:i},P,D),t(T,null,U,{kind:"accessor",name:"leftEls",static:!1,private:!1,access:{has:e=>"leftEls"in e,get:e=>e.leftEls,set:(e,t)=>{e.leftEls=t}},metadata:i},G,I),t(T,null,$,{kind:"accessor",name:"_navOpen",static:!1,private:!1,access:{has:e=>"_navOpen"in e,get:e=>e._navOpen,set:(e,t)=>{e._navOpen=t}},metadata:i},J,K),t(T,null,j,{kind:"accessor",name:"_flyoutsOpen",static:!1,private:!1,access:{has:e=>"_flyoutsOpen"in e,get:e=>e._flyoutsOpen,set:(e,t)=>{e._flyoutsOpen=t}},metadata:i},V,X),t(T,null,W,{kind:"accessor",name:"_headerEl",static:!1,private:!1,access:{has:e=>"_headerEl"in e,get:e=>e._headerEl,set:(e,t)=>{e._headerEl=t}},metadata:i},Z,ee),t(null,O={value:T},H,{kind:"class",name:T.name,metadata:i},null,B),T=O.value,i&&Object.defineProperty(T,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:i})})(),T.styles=l(f),i(T,B),T})();export{b as Header};
+    `}handleSlotChange(){this.requestUpdate()}handleRootLinkClick(e){const t=new CustomEvent("on-root-link-click",{detail:{origEvent:e}});this.dispatchEvent(t)}_handleNavToggle(e){this._navOpen=e.detail.open}_handleFlyoutsToggle(e){this._flyoutsOpen=e.detail.open||e.detail.childrenOpen}_handleScroll(){window.scrollY>0?this._headerEl.classList.add("scrolled"):this._headerEl.classList.remove("scrolled")}_resetOpenMenusOnBreakpointChange(){this.querySelectorAll("kyn-header-nav").forEach((e=>{"menuOpen"in e&&(e.menuOpen=!1)}));this.querySelectorAll("kyn-header-flyouts").forEach((e=>{"open"in e&&(e.open=!1)}));this.querySelectorAll("kyn-header-flyout, kyn-header-link").forEach((e=>{e._enterTimer&&(clearTimeout(e._enterTimer),e._enterTimer=void 0),e._leaveTimer&&(clearTimeout(e._leaveTimer),e._leaveTimer=void 0),"open"in e&&(e.open=!1)}))}firstUpdated(){this._handleScroll()}connectedCallback(){super.connectedCallback(),this.addEventListener("on-nav-toggle",this._boundHandleNavToggle),this.addEventListener("on-flyouts-toggle",this._boundHandleFlyoutsToggle),this._desktopMediaQuery=window.matchMedia("(min-width: 42rem)"),this._desktopMediaQuery.addEventListener("change",this._handleBreakpointChange),window.addEventListener("scroll",this._debounceScroll)}disconnectedCallback(){var e;this.removeEventListener("on-nav-toggle",this._boundHandleNavToggle),this.removeEventListener("on-flyouts-toggle",this._boundHandleFlyoutsToggle),null===(e=this._desktopMediaQuery)||void 0===e||e.removeEventListener("change",this._handleBreakpointChange),this._desktopMediaQuery=void 0,window.removeEventListener("scroll",this._debounceScroll),super.disconnectedCallback()}},o=new WeakMap,b=new WeakMap,y=new WeakMap,x=new WeakMap,_=new WeakMap,w=new WeakMap,E=new WeakMap,z=new WeakMap,e(T,"Header"),(()=>{var e;const i="function"==typeof Symbol&&Symbol.metadata?Object.create(null!==(e=F[Symbol.metadata])&&void 0!==e?e:null):void 0;S=[h({type:String})],C=[h({type:String})],M=[c({selector:"kyn-header-nav"})],L=[c()],U=[c({slot:"left"})],$=[p()],j=[p()],W=[g("header")],t(T,null,S,{kind:"accessor",name:"rootUrl",static:!1,private:!1,access:{has:e=>"rootUrl"in e,get:e=>e.rootUrl,set:(e,t)=>{e.rootUrl=t}},metadata:i},N,Q),t(T,null,C,{kind:"accessor",name:"appTitle",static:!1,private:!1,access:{has:e=>"appTitle"in e,get:e=>e.appTitle,set:(e,t)=>{e.appTitle=t}},metadata:i},q,A),t(T,null,M,{kind:"accessor",name:"navEls",static:!1,private:!1,access:{has:e=>"navEls"in e,get:e=>e.navEls,set:(e,t)=>{e.navEls=t}},metadata:i},Y,R),t(T,null,L,{kind:"accessor",name:"assignedElements",static:!1,private:!1,access:{has:e=>"assignedElements"in e,get:e=>e.assignedElements,set:(e,t)=>{e.assignedElements=t}},metadata:i},P,D),t(T,null,U,{kind:"accessor",name:"leftEls",static:!1,private:!1,access:{has:e=>"leftEls"in e,get:e=>e.leftEls,set:(e,t)=>{e.leftEls=t}},metadata:i},G,I),t(T,null,$,{kind:"accessor",name:"_navOpen",static:!1,private:!1,access:{has:e=>"_navOpen"in e,get:e=>e._navOpen,set:(e,t)=>{e._navOpen=t}},metadata:i},J,K),t(T,null,j,{kind:"accessor",name:"_flyoutsOpen",static:!1,private:!1,access:{has:e=>"_flyoutsOpen"in e,get:e=>e._flyoutsOpen,set:(e,t)=>{e._flyoutsOpen=t}},metadata:i},V,X),t(T,null,W,{kind:"accessor",name:"_headerEl",static:!1,private:!1,access:{has:e=>"_headerEl"in e,get:e=>e._headerEl,set:(e,t)=>{e._headerEl=t}},metadata:i},Z,ee),t(null,O={value:T},H,{kind:"class",name:T.name,metadata:i},null,B),T=O.value,i&&Object.defineProperty(T,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:i})})(),T.styles=l(f),i(T,B),T})();export{b as Header};
 //# sourceMappingURL=header.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"header.js","sources":["../../../../src/components/global/header/header.ts"],"sourcesContent":["import { LitElement, html, unsafeCSS } from 'lit';\nimport {\n  customElement,\n  property,\n  state,\n  query,\n  queryAssignedElements,\n} from 'lit/decorators.js';\nimport { classMap } from 'lit/directives/class-map.js';\nimport { unsafeHTML } from 'lit-html/directives/unsafe-html.js';\nimport { debounce } from '../../../common/helpers/helpers';\nimport HeaderScss from './header.scss?inline';\nimport logo from '@kyndryl-design-system/shidoka-foundation/assets/svg/kyndryl-logo.svg';\n\n/** Menu elements (flyout/link) that have open state and hover timers for breakpoint reset. */\ntype OpenableMenu = HTMLElement & {\n  open?: boolean;\n  _enterTimer?: ReturnType<typeof setTimeout>;\n  _leaveTimer?: ReturnType<typeof setTimeout>;\n};\n\n/**\n * The global Header component.\n * @fires on-menu-toggle - Captures the menu toggle click event and emits the menu open state in the detail. `detail:{ origEvent: Event}`\n * @fires on-root-link-click - Captures the logo link click event and emits the original event details. `detail:{ origEvent: Event}`\n * @slot unnamed - The default slot for all empty space right of the logo/title.\n * @slot logo - Slot for the logo, will overwrite the default logo.\n * @slot left - Slot left of the logo, intended for the header nav.\n * @slot center - Slot between logo/title and right flyouts.\n */\n@customElement('kyn-header')\nexport class Header extends LitElement {\n  static override styles = unsafeCSS(HeaderScss);\n\n  /** URL for the header logo link. Should target the application home page. */\n  @property({ type: String })\n  accessor rootUrl = '/';\n\n  /** App title text next to logo.  Hidden on smaller screens. */\n  @property({ type: String })\n  accessor appTitle = '';\n\n  /** Queries for slotted header-nav.\n   * @internal\n   */\n  @queryAssignedElements({ selector: 'kyn-header-nav' })\n  accessor navEls!: any;\n\n  /** Queries for all slotted elements.\n   * @internal\n   */\n  @queryAssignedElements()\n  accessor assignedElements!: any;\n\n  /** Queries for elements in left slot.\n   * @internal\n   */\n  @queryAssignedElements({ slot: 'left' })\n  accessor leftEls!: any;\n\n  /** header-nav open state\n   * @internal\n   */\n  @state()\n  accessor _navOpen = false;\n\n  /** header-flyouts open state\n   * @internal\n   */\n  @state()\n  accessor _flyoutsOpen = false;\n\n  /** @internal */\n  @query('header')\n  accessor _headerEl!: HTMLElement;\n\n  /** Media query used to detect desktop/mobile breakpoint transitions.\n   * @internal\n   */\n  private _desktopMediaQuery?: MediaQueryList;\n\n  override render() {\n    const classes = {\n      header: true,\n      'left-slotted': this.leftEls.length,\n      'child-open': this._navOpen || this._flyoutsOpen,\n    };\n\n    return html`\n      <header class=\"${classMap(classes)}\">\n        <div class=\"background\"></div>\n\n        <slot name=\"left\" @slotchange=${this.handleSlotChange}></slot>\n\n        <a\n          href=\"${this.rootUrl}\"\n          class=\"logo-link interactive\"\n          aria-label=\"${this.rootUrl}\"\n          @click=\"${(e: Event) => this.handleRootLinkClick(e)}\"\n        >\n          <slot name=\"logo\" @slotchange=${this.handleSlotChange}>\n            ${unsafeHTML(logo)}\n          </slot>\n        </a>\n\n        <span class=\"title\">${this.appTitle}</span>\n\n        <slot name=\"center\"></slot>\n\n        <div class=\"header__right\">\n          <slot @slotchange=${this.handleSlotChange}></slot>\n        </div>\n      </header>\n\n      <div class=\"overlay\"></div>\n    `;\n  }\n\n  private handleSlotChange() {\n    this.requestUpdate();\n  }\n\n  private handleRootLinkClick(e: Event) {\n    const event = new CustomEvent('on-root-link-click', {\n      detail: { origEvent: e },\n    });\n    this.dispatchEvent(event);\n  }\n\n  private _handleNavToggle(e: any) {\n    this._navOpen = e.detail.open;\n  }\n\n  private _handleFlyoutsToggle(e: any) {\n    this._flyoutsOpen = e.detail.open || e.detail.childrenOpen;\n  }\n\n  /** Bound nav toggle handler for add/remove symmetry.\n   * @internal\n   */\n  private readonly _boundHandleNavToggle = (e: Event) =>\n    this._handleNavToggle(e);\n\n  /** Bound flyouts toggle handler for add/remove symmetry.\n   * @internal\n   */\n  private readonly _boundHandleFlyoutsToggle = (e: Event) =>\n    this._handleFlyoutsToggle(e);\n\n  /** Morph header on scroll.\n   * @internal */\n  private _handleScroll() {\n    if (window.scrollY > 0) {\n      this._headerEl.classList.add('scrolled');\n    } else {\n      this._headerEl.classList.remove('scrolled');\n    }\n  }\n\n  /** @internal */\n  private _debounceScroll = debounce(() => {\n    this._handleScroll();\n  });\n\n  /** close transient menu state when crossing 42rem breakpoint.\n   * opening dev tools changes viewport width and can otherwise leave mixed styles/state.\n   * @internal\n   */\n  private _resetOpenMenusOnBreakpointChange() {\n    const navs = this.querySelectorAll<HTMLElement & { menuOpen?: boolean }>(\n      'kyn-header-nav'\n    );\n    navs.forEach((nav) => {\n      if ('menuOpen' in nav) {\n        nav.menuOpen = false;\n      }\n    });\n\n    const flyoutContainers = this.querySelectorAll<\n      HTMLElement & { open?: boolean }\n    >('kyn-header-flyouts');\n    flyoutContainers.forEach((container) => {\n      if ('open' in container) {\n        container.open = false;\n      }\n    });\n\n    const openableMenus = this.querySelectorAll<OpenableMenu>(\n      'kyn-header-flyout, kyn-header-link'\n    );\n    openableMenus.forEach((menu) => {\n      // Clear pending hover timers so they don't re-open after the reset.\n      if (menu._enterTimer) {\n        clearTimeout(menu._enterTimer);\n        menu._enterTimer = undefined;\n      }\n      if (menu._leaveTimer) {\n        clearTimeout(menu._leaveTimer);\n        menu._leaveTimer = undefined;\n      }\n      if ('open' in menu) {\n        menu.open = false;\n      }\n    });\n  }\n\n  /** @internal */\n  private readonly _handleBreakpointChange = () => {\n    this._resetOpenMenusOnBreakpointChange();\n  };\n\n  override firstUpdated() {\n    this._handleScroll();\n  }\n\n  override connectedCallback() {\n    super.connectedCallback();\n\n    this.addEventListener(\n      'on-nav-toggle',\n      this._boundHandleNavToggle as EventListener\n    );\n    this.addEventListener(\n      'on-flyouts-toggle',\n      this._boundHandleFlyoutsToggle as EventListener\n    );\n\n    this._desktopMediaQuery = window.matchMedia('(min-width: 42rem)');\n    this._desktopMediaQuery.addEventListener(\n      'change',\n      this._handleBreakpointChange\n    );\n\n    window.addEventListener('scroll', this._debounceScroll);\n  }\n\n  override disconnectedCallback() {\n    this.removeEventListener(\n      'on-nav-toggle',\n      this._boundHandleNavToggle as EventListener\n    );\n    this.removeEventListener(\n      'on-flyouts-toggle',\n      this._boundHandleFlyoutsToggle as EventListener\n    );\n\n    this._desktopMediaQuery?.removeEventListener(\n      'change',\n      this._handleBreakpointChange\n    );\n    this._desktopMediaQuery = undefined;\n\n    window.removeEventListener('scroll', this._debounceScroll);\n\n    super.disconnectedCallback();\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'kyn-header': Header;\n  }\n}\n"],"names":["Header","customElement","LitElement","_classThis","_classSuper","_Header_rootUrl_accessor_storage","set","this","__runInitializers","_rootUrl_initializers","_Header_appTitle_accessor_storage","_rootUrl_extraInitializers","_appTitle_initializers","_Header_navEls_accessor_storage","_appTitle_extraInitializers","_navEls_initializers","_Header_assignedElements_accessor_storage","_navEls_extraInitializers","_assignedElements_initializers","_Header_leftEls_accessor_storage","_assignedElements_extraInitializers","_leftEls_initializers","_Header__navOpen_accessor_storage","_leftEls_extraInitializers","__navOpen_initializers","_Header__flyoutsOpen_accessor_storage","__navOpen_extraInitializers","__flyoutsOpen_initializers","_Header__headerEl_accessor_storage","__flyoutsOpen_extraInitializers","__headerEl_initializers","_desktopMediaQuery","__headerEl_extraInitializers","_boundHandleNavToggle","e","_handleNavToggle","_boundHandleFlyoutsToggle","_handleFlyoutsToggle","_debounceScroll","debounce","_handleScroll","_handleBreakpointChange","_resetOpenMenusOnBreakpointChange","rootUrl","__classPrivateFieldGet","value","__classPrivateFieldSet","appTitle","navEls","assignedElements","leftEls","_navOpen","_flyoutsOpen","_headerEl","render","classes","header","length","html","classMap","handleSlotChange","handleRootLinkClick","unsafeHTML","logo","requestUpdate","event","CustomEvent","detail","origEvent","dispatchEvent","open","childrenOpen","window","scrollY","classList","add","remove","querySelectorAll","forEach","nav","menuOpen","container","menu","_enterTimer","clearTimeout","undefined","_leaveTimer","firstUpdated","connectedCallback","super","addEventListener","matchMedia","disconnectedCallback","removeEventListener","_a","_rootUrl_decorators","property","type","String","_appTitle_decorators","_navEls_decorators","queryAssignedElements","selector","_assignedElements_decorators","_leftEls_decorators","slot","__navOpen_decorators","state","__flyoutsOpen_decorators","query","__esDecorate","kind","name","static","private","access","has","obj","get","metadata","_metadata","__headerEl_decorators","_classDescriptor","_classDecorators","_classExtraInitializers","styles","unsafeCSS","HeaderScss"],"mappings":"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"}
+{"version":3,"file":"header.js","sources":["../../../../src/components/global/header/header.ts"],"sourcesContent":["import { LitElement, html, unsafeCSS } from 'lit';\nimport {\n  customElement,\n  property,\n  state,\n  query,\n  queryAssignedElements,\n} from 'lit/decorators.js';\nimport { classMap } from 'lit/directives/class-map.js';\nimport { unsafeHTML } from 'lit-html/directives/unsafe-html.js';\nimport { debounce } from '../../../common/helpers/helpers';\nimport HeaderScss from './header.scss?inline';\nimport logo from '@kyndryl-design-system/shidoka-foundation/assets/svg/kyndryl-logo.svg';\n\n/** Menu elements (flyout/link) that have open state and hover timers for breakpoint reset. */\ntype OpenableMenu = HTMLElement & {\n  open?: boolean;\n  _enterTimer?: ReturnType<typeof setTimeout>;\n  _leaveTimer?: ReturnType<typeof setTimeout>;\n};\n\n/**\n * The global Header component.\n * @fires on-menu-toggle - Captures the menu toggle click event and emits the menu open state in the detail. `detail:{ origEvent: Event}`\n * @fires on-root-link-click - Captures the logo link click event and emits the original event details. `detail:{ origEvent: Event}`\n * @slot unnamed - The default slot for all empty space right of the logo/title.\n * @slot logo - Slot for the logo, will overwrite the default logo.\n * @slot left - Slot left of the logo, intended for the header nav.\n * @slot center - Slot between logo/title and right flyouts.\n */\n@customElement('kyn-header')\nexport class Header extends LitElement {\n  static override styles = unsafeCSS(HeaderScss);\n\n  /** URL for the header logo link. Should target the application home page. */\n  @property({ type: String })\n  accessor rootUrl = '/';\n\n  /** App title text next to logo.  Hidden on smaller screens. */\n  @property({ type: String })\n  accessor appTitle = '';\n\n  /** Queries for slotted header-nav.\n   * @internal\n   */\n  @queryAssignedElements({ selector: 'kyn-header-nav' })\n  accessor navEls!: any;\n\n  /** Queries for all slotted elements.\n   * @internal\n   */\n  @queryAssignedElements()\n  accessor assignedElements!: any;\n\n  /** Queries for elements in left slot.\n   * @internal\n   */\n  @queryAssignedElements({ slot: 'left' })\n  accessor leftEls!: any;\n\n  /** header-nav open state\n   * @internal\n   */\n  @state()\n  accessor _navOpen = false;\n\n  /** header-flyouts open state\n   * @internal\n   */\n  @state()\n  accessor _flyoutsOpen = false;\n\n  /** @internal */\n  @query('header')\n  accessor _headerEl!: HTMLElement;\n\n  /** Media query used to detect desktop/mobile breakpoint transitions.\n   * @internal\n   */\n  private _desktopMediaQuery?: MediaQueryList;\n\n  override render() {\n    const classes = {\n      header: true,\n      'left-slotted': this.leftEls.length,\n      'child-open': this._navOpen || this._flyoutsOpen,\n    };\n\n    return html`\n      <header class=\"${classMap(classes)}\">\n        <div class=\"background\"></div>\n\n        <slot name=\"left\" @slotchange=${this.handleSlotChange}></slot>\n\n        <a\n          href=\"${this.rootUrl}\"\n          class=\"logo-link interactive\"\n          aria-label=\"${this.rootUrl}\"\n          @click=\"${(e: Event) => this.handleRootLinkClick(e)}\"\n        >\n          <slot name=\"logo\" @slotchange=${this.handleSlotChange}>\n            ${unsafeHTML(logo)}\n          </slot>\n        </a>\n\n        <span class=\"title\">${this.appTitle}</span>\n\n        <slot name=\"center\"></slot>\n\n        <div class=\"header__right\">\n          <slot @slotchange=${this.handleSlotChange}></slot>\n        </div>\n      </header>\n\n      <div class=\"overlay\"></div>\n    `;\n  }\n\n  private handleSlotChange() {\n    this.requestUpdate();\n  }\n\n  private handleRootLinkClick(e: Event) {\n    const event = new CustomEvent('on-root-link-click', {\n      detail: { origEvent: e },\n    });\n    this.dispatchEvent(event);\n  }\n\n  private _handleNavToggle(e: any) {\n    this._navOpen = e.detail.open;\n  }\n\n  private _handleFlyoutsToggle(e: any) {\n    this._flyoutsOpen = e.detail.open || e.detail.childrenOpen;\n  }\n\n  /** Bound nav toggle handler for add/remove symmetry.\n   * @internal\n   */\n  private readonly _boundHandleNavToggle = (e: Event) =>\n    this._handleNavToggle(e);\n\n  /** Bound flyouts toggle handler for add/remove symmetry.\n   * @internal\n   */\n  private readonly _boundHandleFlyoutsToggle = (e: Event) =>\n    this._handleFlyoutsToggle(e);\n\n  /** Morph header on scroll.\n   * @internal */\n  private _handleScroll() {\n    if (window.scrollY > 0) {\n      this._headerEl.classList.add('scrolled');\n    } else {\n      this._headerEl.classList.remove('scrolled');\n    }\n  }\n\n  /** @internal */\n  private _debounceScroll = debounce(() => {\n    this._handleScroll();\n  });\n\n  /** close transient menu state when crossing 42rem breakpoint.\n   * opening dev tools changes viewport width and can otherwise leave mixed styles/state.\n   * @internal\n   */\n  private _resetOpenMenusOnBreakpointChange() {\n    const navs = this.querySelectorAll<HTMLElement & { menuOpen?: boolean }>(\n      'kyn-header-nav'\n    );\n    navs.forEach((nav) => {\n      if ('menuOpen' in nav) {\n        nav.menuOpen = false;\n      }\n    });\n\n    const flyoutContainers = this.querySelectorAll<\n      HTMLElement & { open?: boolean }\n    >('kyn-header-flyouts');\n    flyoutContainers.forEach((container) => {\n      if ('open' in container) {\n        container.open = false;\n      }\n    });\n\n    const openableMenus = this.querySelectorAll<OpenableMenu>(\n      'kyn-header-flyout, kyn-header-link'\n    );\n    openableMenus.forEach((menu) => {\n      // Clear pending hover timers so they don't re-open after the reset.\n      if (menu._enterTimer) {\n        clearTimeout(menu._enterTimer);\n        menu._enterTimer = undefined;\n      }\n      if (menu._leaveTimer) {\n        clearTimeout(menu._leaveTimer);\n        menu._leaveTimer = undefined;\n      }\n      if ('open' in menu) {\n        menu.open = false;\n      }\n    });\n  }\n\n  /** @internal */\n  private readonly _handleBreakpointChange = () => {\n    this._resetOpenMenusOnBreakpointChange();\n  };\n\n  override firstUpdated() {\n    this._handleScroll();\n  }\n\n  override connectedCallback() {\n    super.connectedCallback();\n\n    this.addEventListener(\n      'on-nav-toggle',\n      this._boundHandleNavToggle as EventListener\n    );\n    this.addEventListener(\n      'on-flyouts-toggle',\n      this._boundHandleFlyoutsToggle as EventListener\n    );\n\n    this._desktopMediaQuery = window.matchMedia('(min-width: 42rem)');\n    this._desktopMediaQuery.addEventListener(\n      'change',\n      this._handleBreakpointChange\n    );\n\n    window.addEventListener('scroll', this._debounceScroll);\n  }\n\n  override disconnectedCallback() {\n    this.removeEventListener(\n      'on-nav-toggle',\n      this._boundHandleNavToggle as EventListener\n    );\n    this.removeEventListener(\n      'on-flyouts-toggle',\n      this._boundHandleFlyoutsToggle as EventListener\n    );\n\n    this._desktopMediaQuery?.removeEventListener(\n      'change',\n      this._handleBreakpointChange\n    );\n    this._desktopMediaQuery = undefined;\n\n    window.removeEventListener('scroll', this._debounceScroll);\n\n    super.disconnectedCallback();\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'kyn-header': Header;\n  }\n}\n"],"names":["Header","customElement","LitElement","_classThis","_classSuper","_Header_rootUrl_accessor_storage","set","this","__runInitializers","_rootUrl_initializers","_Header_appTitle_accessor_storage","_rootUrl_extraInitializers","_appTitle_initializers","_Header_navEls_accessor_storage","_appTitle_extraInitializers","_navEls_initializers","_Header_assignedElements_accessor_storage","_navEls_extraInitializers","_assignedElements_initializers","_Header_leftEls_accessor_storage","_assignedElements_extraInitializers","_leftEls_initializers","_Header__navOpen_accessor_storage","_leftEls_extraInitializers","__navOpen_initializers","_Header__flyoutsOpen_accessor_storage","__navOpen_extraInitializers","__flyoutsOpen_initializers","_Header__headerEl_accessor_storage","__flyoutsOpen_extraInitializers","__headerEl_initializers","_desktopMediaQuery","__headerEl_extraInitializers","_boundHandleNavToggle","e","_handleNavToggle","_boundHandleFlyoutsToggle","_handleFlyoutsToggle","_debounceScroll","debounce","_handleScroll","_handleBreakpointChange","_resetOpenMenusOnBreakpointChange","rootUrl","__classPrivateFieldGet","value","__classPrivateFieldSet","appTitle","navEls","assignedElements","leftEls","_navOpen","_flyoutsOpen","_headerEl","render","classes","header","length","html","classMap","handleSlotChange","handleRootLinkClick","unsafeHTML","logo","requestUpdate","event","CustomEvent","detail","origEvent","dispatchEvent","open","childrenOpen","window","scrollY","classList","add","remove","querySelectorAll","forEach","nav","menuOpen","container","menu","_enterTimer","clearTimeout","undefined","_leaveTimer","firstUpdated","connectedCallback","super","addEventListener","matchMedia","disconnectedCallback","removeEventListener","_a","_rootUrl_decorators","property","type","String","_appTitle_decorators","_navEls_decorators","queryAssignedElements","selector","_assignedElements_decorators","_leftEls_decorators","slot","__navOpen_decorators","state","__flyoutsOpen_decorators","query","__esDecorate","kind","name","static","private","access","has","obj","get","metadata","_metadata","__headerEl_decorators","_classDescriptor","_classDecorators","_classExtraInitializers","styles","unsafeCSS","HeaderScss"],"mappings":"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"}

package/components/global/header/headerCategories.js

@@ -1,4 +1,4 @@
-import{__setFunctionName as t,__esDecorate as e,__runInitializers as i,__classPrivateFieldGet as a,__classPrivateFieldSet as o}from"tslib";import{unsafeSVG as n}from"lit-html/directives/unsafe-svg.js";import{unsafeHTML as r}from"lit-html/directives/unsafe-html.js";import{css as s,LitElement as d,unsafeCSS as l,html as h}from"lit";import{customElement as c,property as u,state as m}from"lit/decorators.js";import"./headerCategory.js";import"../../reusable/button/button.js";import"./headerLink.js";import{h as g,d as y,f as v}from"../../../vendor/@kyndryl-design-system/shidoka-icons-BGhMLbpH.js";import{ifDefined as p}from"lit/directives/if-defined.js";import{debounce as w}from"../../../common/helpers/helpers.js";import"lit-html/directives/class-map.js";import"../../reusable/button/defs.js";import"lit/directives/class-map.js";import"lit/directives/style-map.js";import"../../reusable/textInput/textInput.js";import"deepmerge-ts";import"../../../common/mixins/form-input.js";var k=s`@charset "UTF-8";
+import{__setFunctionName as t,__esDecorate as e,__runInitializers as i,__classPrivateFieldGet as a,__classPrivateFieldSet as o}from"tslib";import{unsafeSVG as n}from"lit-html/directives/unsafe-svg.js";import{unsafeHTML as r}from"lit-html/directives/unsafe-html.js";import{css as s,LitElement as d,unsafeCSS as l,html as h}from"lit";import{customElement as c,property as u,state as m}from"lit/decorators.js";import"./headerCategory.js";import"../../reusable/button/button.js";import"./headerLink.js";import{h as g,d as y,f as v}from"../../../vendor/@kyndryl-design-system/shidoka-icons-BKNlykoZ.js";import{ifDefined as p}from"lit/directives/if-defined.js";import{debounce as w}from"../../../common/helpers/helpers.js";import"lit-html/directives/class-map.js";import"../../reusable/button/defs.js";import"lit/directives/class-map.js";import"lit/directives/style-map.js";import"../../reusable/textInput/textInput.js";import"deepmerge-ts";import"../../../common/mixins/form-input.js";var k=s`@charset "UTF-8";
 *,
 *::before,
 *::after {

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

@@ -12,15 +12,17 @@ export declare class HeaderFlyout extends LitElement {
     accessor anchorLeft: boolean;
     /** Hides the arrow. */
     accessor hideArrow: boolean;
-    /** Menu & button label. */
+    /**
+     * Menu label, trigger `title`, and trigger `aria-label` (e.g. current account name).
+     * Truncate visually in the slot with CSS if needed; keep this value complete for tooltips and SR.
+     */
     accessor label: string;
     /** Hide the label at the top of the flyout menu. */
     accessor hideMenuLabel: boolean;
     /** Hide the label in the mobile button. */
     accessor hideButtonLabel: boolean;
     /**
-     * DEPRECATED. Use `label` instead.
-     * Button assistive text, title + aria-label.
+     * @deprecated Use `label` instead.
      */
     accessor assistiveText: string;
     /** Turns the button into a link. */
@@ -34,6 +36,7 @@ export declare class HeaderFlyout extends LitElement {
      * @ignore
      */
     accessor slottedElements: Array<HTMLElement>;
+    private get _triggerAssistiveText();
     render(): import("lit-html").TemplateResult<1>;
     private _handleBack;
     private handleClick;

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

@@ -1 +1 @@
-{"version":3,"file":"headerFlyout.d.ts","sourceRoot":"","sources":["../../../../src/components/global/header/headerFlyout.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,UAAU,EAAmB,MAAM,KAAK,CAAC;AAWlD;;;;GAIG;AACH,qBACa,YAAa,SAAQ,UAAU;IAC1C,OAAgB,MAAM,0BAA+B;IAErD,yBAAyB;IAEzB,QAAQ,CAAC,IAAI,UAAS;IAEtB,mFAAmF;IAEnF,QAAQ,CAAC,UAAU,UAAS;IAE5B,uBAAuB;IAEvB,QAAQ,CAAC,SAAS,UAAS;IAE3B,2BAA2B;IAE3B,QAAQ,CAAC,KAAK,SAAM;IAEpB,oDAAoD;IAEpD,QAAQ,CAAC,aAAa,UAAS;IAE/B,2CAA2C;IAE3C,QAAQ,CAAC,eAAe,UAAS;IAEjC;;;OAGG;IAEH,QAAQ,CAAC,aAAa,SAAM;IAE5B,oCAAoC;IAEpC,QAAQ,CAAC,IAAI,SAAM;IAEnB,qCAAqC;IAErC,QAAQ,CAAC,QAAQ,SAAU;IAE3B,4CAA4C;IAE5C,QAAQ,CAAC,SAAS,UAAS;IAE3B;;;OAGG;IAEH,QAAQ,CAAC,eAAe,EAAG,KAAK,CAAC,WAAW,CAAC,CAAC;IAErC,MAAM;IAkFf,OAAO,CAAC,WAAW;IAInB,OAAO,CAAC,WAAW;IAInB,OAAO,CAAC,cAAc;IAMtB;;OAEG;IACH,OAAO,CAAC,QAAQ,CAAC,oBAAoB,CAAwC;IAEpE,UAAU,CAAC,YAAY,EAAE,GAAG;IAW5B,iBAAiB;IAMjB,oBAAoB;CAK9B;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,mBAAmB,EAAE,YAAY,CAAC;KACnC;CACF"}
+{"version":3,"file":"headerFlyout.d.ts","sourceRoot":"","sources":["../../../../src/components/global/header/headerFlyout.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,UAAU,EAAmB,MAAM,KAAK,CAAC;AAWlD;;;;GAIG;AACH,qBACa,YAAa,SAAQ,UAAU;IAC1C,OAAgB,MAAM,0BAA+B;IAErD,yBAAyB;IAEzB,QAAQ,CAAC,IAAI,UAAS;IAEtB,mFAAmF;IAEnF,QAAQ,CAAC,UAAU,UAAS;IAE5B,uBAAuB;IAEvB,QAAQ,CAAC,SAAS,UAAS;IAE3B;;;OAGG;IAEH,QAAQ,CAAC,KAAK,SAAM;IAEpB,oDAAoD;IAEpD,QAAQ,CAAC,aAAa,UAAS;IAE/B,2CAA2C;IAE3C,QAAQ,CAAC,eAAe,UAAS;IAEjC;;OAEG;IAEH,QAAQ,CAAC,aAAa,SAAM;IAE5B,oCAAoC;IAEpC,QAAQ,CAAC,IAAI,SAAM;IAEnB,qCAAqC;IAErC,QAAQ,CAAC,QAAQ,SAAU;IAE3B,4CAA4C;IAE5C,QAAQ,CAAC,SAAS,UAAS;IAE3B;;;OAGG;IAEH,QAAQ,CAAC,eAAe,EAAG,KAAK,CAAC,WAAW,CAAC,CAAC;IAE9C,OAAO,KAAK,qBAAqB,GAEhC;IAEQ,MAAM;IAkFf,OAAO,CAAC,WAAW;IAInB,OAAO,CAAC,WAAW;IAInB,OAAO,CAAC,cAAc;IAMtB;;OAEG;IACH,OAAO,CAAC,QAAQ,CAAC,oBAAoB,CAAwC;IAEpE,UAAU,CAAC,YAAY,EAAE,GAAG;IAW5B,iBAAiB;IAMjB,oBAAoB;CAK9B;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,mBAAmB,EAAE,YAAY,CAAC;KACnC;CACF"}

package/components/global/header/headerFlyout.js

@@ -1,4 +1,4 @@
-import{__setFunctionName as t,__esDecorate as e,__runInitializers as i,__classPrivateFieldGet as a,__classPrivateFieldSet as n}from"tslib";import{unsafeSVG as o}from"lit-html/directives/unsafe-svg.js";import{css as r,LitElement as s,unsafeCSS as l,html as d}from"lit";import{customElement as c,property as h,queryAssignedElements as u}from"lit/decorators.js";import{classMap as m}from"lit/directives/class-map.js";import{d as p,f as k}from"../../../vendor/@kyndryl-design-system/shidoka-icons-BGhMLbpH.js";var g=r`*,
+import{__setFunctionName as t,__esDecorate as e,__runInitializers as i,__classPrivateFieldGet as a,__classPrivateFieldSet as n}from"tslib";import{unsafeSVG as o}from"lit-html/directives/unsafe-svg.js";import{css as r,LitElement as s,unsafeCSS as l,html as d}from"lit";import{customElement as c,property as h,queryAssignedElements as m}from"lit/decorators.js";import{classMap as u}from"lit/directives/class-map.js";import{d as p,f as g}from"../../../vendor/@kyndryl-design-system/shidoka-icons-BKNlykoZ.js";var k=r`*,
 *::before,
 *::after {
   box-sizing: border-box;
@@ -111,6 +111,16 @@ import{__setFunctionName as t,__esDecorate as e,__runInitializers as i,__classPr
 .menu__content.slotted:not(.no-padding) {
   padding: 8px 12px;
 }
+@media (max-width: calc(30rem - 0.001px)) {
+  .menu__content.slotted:not(.no-padding) {
+    padding: 0 4px;
+  }
+}
+@media (max-width: calc(42rem - 0.001px)) {
+  .menu__content.slotted.no-padding {
+    padding: 0 4px;
+  }
+}
 @media (min-width: 42rem) {
   .menu__content {
     position: absolute;
@@ -379,14 +389,14 @@ import{__setFunctionName as t,__esDecorate as e,__runInitializers as i,__classPr
   .label {
     display: none;
   }
-}`;let v=(()=>{var r,v,b,f,x,y,w,z,_,L,$;let T,M,B,C,E,W,j,P,S,O,A,H,F,U=[c("kyn-header-flyout")],q=[],D=s,G=[],I=[],J=[],K=[],N=[],Q=[],R=[],V=[],X=[],Y=[],Z=[],tt=[],et=[],it=[],at=[],nt=[],ot=[],rt=[],st=[],lt=[],dt=[],ct=[];return M=class extends D{constructor(){super(...arguments),r.set(this,i(this,G,!1)),v.set(this,(i(this,I),i(this,J,!1))),b.set(this,(i(this,K),i(this,N,!1))),f.set(this,(i(this,Q),i(this,R,""))),x.set(this,(i(this,V),i(this,X,!1))),y.set(this,(i(this,Y),i(this,Z,!1))),w.set(this,(i(this,tt),i(this,et,""))),z.set(this,(i(this,it),i(this,at,""))),_.set(this,(i(this,nt),i(this,ot,"Back"))),L.set(this,(i(this,rt),i(this,st,!1))),$.set(this,(i(this,lt),i(this,dt,void 0))),this._boundHandleClickOut=(i(this,ct),t=>this.handleClickOut(t))}get open(){return a(this,r,"f")}set open(t){n(this,r,t,"f")}get anchorLeft(){return a(this,v,"f")}set anchorLeft(t){n(this,v,t,"f")}get hideArrow(){return a(this,b,"f")}set hideArrow(t){n(this,b,t,"f")}get label(){return a(this,f,"f")}set label(t){n(this,f,t,"f")}get hideMenuLabel(){return a(this,x,"f")}set hideMenuLabel(t){n(this,x,t,"f")}get hideButtonLabel(){return a(this,y,"f")}set hideButtonLabel(t){n(this,y,t,"f")}get assistiveText(){return a(this,w,"f")}set assistiveText(t){n(this,w,t,"f")}get href(){return a(this,z,"f")}set href(t){n(this,z,t,"f")}get backText(){return a(this,_,"f")}set backText(t){n(this,_,t,"f")}get noPadding(){return a(this,L,"f")}set noPadding(t){n(this,L,t,"f")}get slottedElements(){return a(this,$,"f")}set slottedElements(t){n(this,$,t,"f")}render(){const t={menu:!0,open:this.open},e={menu__content:!0,"menu__content--left":this.anchorLeft,slotted:this.slottedElements.length,"no-padding":this.noPadding};return d`
-      <div class="${m(t)}">
+}`;let v=(()=>{var r,v,b,f,x,y,w,_,z,L,T;let $,M,B,C,A,E,W,j,P,S,O,H,F,U=[c("kyn-header-flyout")],q=[],D=s,G=[],I=[],J=[],K=[],N=[],Q=[],R=[],V=[],X=[],Y=[],Z=[],tt=[],et=[],it=[],at=[],nt=[],ot=[],rt=[],st=[],lt=[],dt=[],ct=[];return M=class extends D{constructor(){super(...arguments),r.set(this,i(this,G,!1)),v.set(this,(i(this,I),i(this,J,!1))),b.set(this,(i(this,K),i(this,N,!1))),f.set(this,(i(this,Q),i(this,R,""))),x.set(this,(i(this,V),i(this,X,!1))),y.set(this,(i(this,Y),i(this,Z,!1))),w.set(this,(i(this,tt),i(this,et,""))),_.set(this,(i(this,it),i(this,at,""))),z.set(this,(i(this,nt),i(this,ot,"Back"))),L.set(this,(i(this,rt),i(this,st,!1))),T.set(this,(i(this,lt),i(this,dt,void 0))),this._boundHandleClickOut=(i(this,ct),t=>this.handleClickOut(t))}get open(){return a(this,r,"f")}set open(t){n(this,r,t,"f")}get anchorLeft(){return a(this,v,"f")}set anchorLeft(t){n(this,v,t,"f")}get hideArrow(){return a(this,b,"f")}set hideArrow(t){n(this,b,t,"f")}get label(){return a(this,f,"f")}set label(t){n(this,f,t,"f")}get hideMenuLabel(){return a(this,x,"f")}set hideMenuLabel(t){n(this,x,t,"f")}get hideButtonLabel(){return a(this,y,"f")}set hideButtonLabel(t){n(this,y,t,"f")}get assistiveText(){return a(this,w,"f")}set assistiveText(t){n(this,w,t,"f")}get href(){return a(this,_,"f")}set href(t){n(this,_,t,"f")}get backText(){return a(this,z,"f")}set backText(t){n(this,z,t,"f")}get noPadding(){return a(this,L,"f")}set noPadding(t){n(this,L,t,"f")}get slottedElements(){return a(this,T,"f")}set slottedElements(t){n(this,T,t,"f")}get _triggerAssistiveText(){return this.label||this.assistiveText}render(){const t={menu:!0,open:this.open},e={menu__content:!0,"menu__content--left":this.anchorLeft,slotted:this.slottedElements.length,"no-padding":this.noPadding};return d`
+      <div class="${u(t)}">
         ${""!==this.href?d`
               <a
                 class="btn interactive"
                 href=${this.href}
-                title=${this.label||this.assistiveText}
-                aria-label=${this.label||this.assistiveText}
+                title=${this._triggerAssistiveText}
+                aria-label=${this._triggerAssistiveText}
                 @click=${this.handleClick}
               >
                 <slot name="button"></slot>
@@ -404,8 +414,8 @@ import{__setFunctionName as t,__esDecorate as e,__runInitializers as i,__classPr
             `:d`
               <button
                 class="btn interactive"
-                title=${this.label||this.assistiveText}
-                aria-label=${this.label||this.assistiveText}
+                title=${this._triggerAssistiveText}
+                aria-label=${this._triggerAssistiveText}
                 @click=${this.handleClick}
               >
                 <slot name="button"></slot>
@@ -422,9 +432,9 @@ import{__setFunctionName as t,__esDecorate as e,__runInitializers as i,__classPr
               </button>
             `}
 
-        <div class=${m(e)}>
+        <div class=${u(e)}>
           <button class="go-back" @click=${()=>this._handleBack()}>
-            <span>${o(k)}</span>
+            <span>${o(g)}</span>
             ${this.backText}
           </button>
 
@@ -437,5 +447,5 @@ import{__setFunctionName as t,__esDecorate as e,__runInitializers as i,__classPr
           <slot></slot>
         </div>
       </div>
-    `}_handleBack(){this.open=!1}handleClick(){this.open=!this.open}handleClickOut(t){t.composedPath().includes(this)||(this.open=!1)}willUpdate(t){if(t.has("open")){const t=new CustomEvent("on-flyout-toggle",{composed:!0,bubbles:!0,detail:{open:this.open}});this.dispatchEvent(t)}}connectedCallback(){super.connectedCallback(),document.addEventListener("click",this._boundHandleClickOut)}disconnectedCallback(){document.removeEventListener("click",this._boundHandleClickOut),super.disconnectedCallback()}},r=new WeakMap,v=new WeakMap,b=new WeakMap,f=new WeakMap,x=new WeakMap,y=new WeakMap,w=new WeakMap,z=new WeakMap,_=new WeakMap,L=new WeakMap,$=new WeakMap,t(M,"HeaderFlyout"),(()=>{var t;const i="function"==typeof Symbol&&Symbol.metadata?Object.create(null!==(t=D[Symbol.metadata])&&void 0!==t?t:null):void 0;B=[h({type:Boolean,reflect:!0})],C=[h({type:Boolean})],E=[h({type:Boolean})],W=[h({type:String})],j=[h({type:Boolean})],P=[h({type:Boolean})],S=[h({type:String})],O=[h({type:String})],A=[h({type:String})],H=[h({type:Boolean})],F=[u()],e(M,null,B,{kind:"accessor",name:"open",static:!1,private:!1,access:{has:t=>"open"in t,get:t=>t.open,set:(t,e)=>{t.open=e}},metadata:i},G,I),e(M,null,C,{kind:"accessor",name:"anchorLeft",static:!1,private:!1,access:{has:t=>"anchorLeft"in t,get:t=>t.anchorLeft,set:(t,e)=>{t.anchorLeft=e}},metadata:i},J,K),e(M,null,E,{kind:"accessor",name:"hideArrow",static:!1,private:!1,access:{has:t=>"hideArrow"in t,get:t=>t.hideArrow,set:(t,e)=>{t.hideArrow=e}},metadata:i},N,Q),e(M,null,W,{kind:"accessor",name:"label",static:!1,private:!1,access:{has:t=>"label"in t,get:t=>t.label,set:(t,e)=>{t.label=e}},metadata:i},R,V),e(M,null,j,{kind:"accessor",name:"hideMenuLabel",static:!1,private:!1,access:{has:t=>"hideMenuLabel"in t,get:t=>t.hideMenuLabel,set:(t,e)=>{t.hideMenuLabel=e}},metadata:i},X,Y),e(M,null,P,{kind:"accessor",name:"hideButtonLabel",static:!1,private:!1,access:{has:t=>"hideButtonLabel"in t,get:t=>t.hideButtonLabel,set:(t,e)=>{t.hideButtonLabel=e}},metadata:i},Z,tt),e(M,null,S,{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},et,it),e(M,null,O,{kind:"accessor",name:"href",static:!1,private:!1,access:{has:t=>"href"in t,get:t=>t.href,set:(t,e)=>{t.href=e}},metadata:i},at,nt),e(M,null,A,{kind:"accessor",name:"backText",static:!1,private:!1,access:{has:t=>"backText"in t,get:t=>t.backText,set:(t,e)=>{t.backText=e}},metadata:i},ot,rt),e(M,null,H,{kind:"accessor",name:"noPadding",static:!1,private:!1,access:{has:t=>"noPadding"in t,get:t=>t.noPadding,set:(t,e)=>{t.noPadding=e}},metadata:i},st,lt),e(M,null,F,{kind:"accessor",name:"slottedElements",static:!1,private:!1,access:{has:t=>"slottedElements"in t,get:t=>t.slottedElements,set:(t,e)=>{t.slottedElements=e}},metadata:i},dt,ct),e(null,T={value:M},U,{kind:"class",name:M.name,metadata:i},null,q),M=T.value,i&&Object.defineProperty(M,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:i})})(),M.styles=l(g),i(M,q),M})();export{v as HeaderFlyout};
+    `}_handleBack(){this.open=!1}handleClick(){this.open=!this.open}handleClickOut(t){t.composedPath().includes(this)||(this.open=!1)}willUpdate(t){if(t.has("open")){const t=new CustomEvent("on-flyout-toggle",{composed:!0,bubbles:!0,detail:{open:this.open}});this.dispatchEvent(t)}}connectedCallback(){super.connectedCallback(),document.addEventListener("click",this._boundHandleClickOut)}disconnectedCallback(){document.removeEventListener("click",this._boundHandleClickOut),super.disconnectedCallback()}},r=new WeakMap,v=new WeakMap,b=new WeakMap,f=new WeakMap,x=new WeakMap,y=new WeakMap,w=new WeakMap,_=new WeakMap,z=new WeakMap,L=new WeakMap,T=new WeakMap,t(M,"HeaderFlyout"),(()=>{var t;const i="function"==typeof Symbol&&Symbol.metadata?Object.create(null!==(t=D[Symbol.metadata])&&void 0!==t?t:null):void 0;B=[h({type:Boolean,reflect:!0})],C=[h({type:Boolean})],A=[h({type:Boolean})],E=[h({type:String})],W=[h({type:Boolean})],j=[h({type:Boolean})],P=[h({type:String,attribute:"assistive-text"})],S=[h({type:String})],O=[h({type:String})],H=[h({type:Boolean})],F=[m()],e(M,null,B,{kind:"accessor",name:"open",static:!1,private:!1,access:{has:t=>"open"in t,get:t=>t.open,set:(t,e)=>{t.open=e}},metadata:i},G,I),e(M,null,C,{kind:"accessor",name:"anchorLeft",static:!1,private:!1,access:{has:t=>"anchorLeft"in t,get:t=>t.anchorLeft,set:(t,e)=>{t.anchorLeft=e}},metadata:i},J,K),e(M,null,A,{kind:"accessor",name:"hideArrow",static:!1,private:!1,access:{has:t=>"hideArrow"in t,get:t=>t.hideArrow,set:(t,e)=>{t.hideArrow=e}},metadata:i},N,Q),e(M,null,E,{kind:"accessor",name:"label",static:!1,private:!1,access:{has:t=>"label"in t,get:t=>t.label,set:(t,e)=>{t.label=e}},metadata:i},R,V),e(M,null,W,{kind:"accessor",name:"hideMenuLabel",static:!1,private:!1,access:{has:t=>"hideMenuLabel"in t,get:t=>t.hideMenuLabel,set:(t,e)=>{t.hideMenuLabel=e}},metadata:i},X,Y),e(M,null,j,{kind:"accessor",name:"hideButtonLabel",static:!1,private:!1,access:{has:t=>"hideButtonLabel"in t,get:t=>t.hideButtonLabel,set:(t,e)=>{t.hideButtonLabel=e}},metadata:i},Z,tt),e(M,null,P,{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},et,it),e(M,null,S,{kind:"accessor",name:"href",static:!1,private:!1,access:{has:t=>"href"in t,get:t=>t.href,set:(t,e)=>{t.href=e}},metadata:i},at,nt),e(M,null,O,{kind:"accessor",name:"backText",static:!1,private:!1,access:{has:t=>"backText"in t,get:t=>t.backText,set:(t,e)=>{t.backText=e}},metadata:i},ot,rt),e(M,null,H,{kind:"accessor",name:"noPadding",static:!1,private:!1,access:{has:t=>"noPadding"in t,get:t=>t.noPadding,set:(t,e)=>{t.noPadding=e}},metadata:i},st,lt),e(M,null,F,{kind:"accessor",name:"slottedElements",static:!1,private:!1,access:{has:t=>"slottedElements"in t,get:t=>t.slottedElements,set:(t,e)=>{t.slottedElements=e}},metadata:i},dt,ct),e(null,$={value:M},U,{kind:"class",name:M.name,metadata:i},null,q),M=$.value,i&&Object.defineProperty(M,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:i})})(),M.styles=l(k),i(M,q),M})();export{v as HeaderFlyout};
 //# sourceMappingURL=headerFlyout.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"headerFlyout.js","sources":["../../../../src/components/global/header/headerFlyout.ts"],"sourcesContent":["import { unsafeSVG } from 'lit-html/directives/unsafe-svg.js';\nimport { LitElement, html, unsafeCSS } from 'lit';\nimport {\n  customElement,\n  property,\n  queryAssignedElements,\n} from 'lit/decorators.js';\nimport { classMap } from 'lit/directives/class-map.js';\nimport HeaderFlyoutScss from './headerFlyout.scss?inline';\nimport chevronIcon 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';\n\n/**\n * Component for header flyout items.\n * @slot unnamed - Slot for flyout menu content.\n * @slot button - Slot for button/toggle content.\n */\n@customElement('kyn-header-flyout')\nexport class HeaderFlyout extends LitElement {\n  static override styles = unsafeCSS(HeaderFlyoutScss);\n\n  /** Flyout open state. */\n  @property({ type: Boolean, reflect: true })\n  accessor open = false;\n\n  /** Anchor flyout menu to the left edge of the button instead of the right edge. */\n  @property({ type: Boolean })\n  accessor anchorLeft = false;\n\n  /** Hides the arrow. */\n  @property({ type: Boolean })\n  accessor hideArrow = false;\n\n  /** Menu & button label. */\n  @property({ type: String })\n  accessor label = '';\n\n  /** Hide the label at the top of the flyout menu. */\n  @property({ type: Boolean })\n  accessor hideMenuLabel = false;\n\n  /** Hide the label in the mobile button. */\n  @property({ type: Boolean })\n  accessor hideButtonLabel = false;\n\n  /**\n   * DEPRECATED. Use `label` instead.\n   * Button assistive text, title + aria-label.\n   */\n  @property({ type: String })\n  accessor assistiveText = '';\n\n  /** Turns the button into a link. */\n  @property({ type: String })\n  accessor href = '';\n\n  /** Text for mobile \"Back\" button. */\n  @property({ type: String })\n  accessor backText = 'Back';\n\n  /** Removes padding from the flyout menu. */\n  @property({ type: Boolean })\n  accessor noPadding = false;\n\n  /**\n   * Queries any slotted HTML elements.\n   * @ignore\n   */\n  @queryAssignedElements()\n  accessor slottedElements!: Array<HTMLElement>;\n\n  override render() {\n    const classes = {\n      menu: true,\n      open: this.open,\n    };\n\n    const contentClasses = {\n      menu__content: true,\n      'menu__content--left': this.anchorLeft,\n      slotted: this.slottedElements.length,\n      'no-padding': this.noPadding,\n    };\n\n    return html`\n      <div class=\"${classMap(classes)}\">\n        ${this.href !== ''\n          ? html`\n              <a\n                class=\"btn interactive\"\n                href=${this.href}\n                title=${this.label || this.assistiveText}\n                aria-label=${this.label || this.assistiveText}\n                @click=${this.handleClick}\n              >\n                <slot name=\"button\"></slot>\n\n                ${!this.hideButtonLabel\n                  ? html`\n                      <span class=\"label\">\n                        ${this.label || this.assistiveText}\n                      </span>\n                    `\n                  : null}\n\n                <span slot=\"button\" class=\"arrow\">\n                  ${unsafeSVG(chevronIcon)}\n                </span>\n              </a>\n            `\n          : html`\n              <button\n                class=\"btn interactive\"\n                title=${this.label || this.assistiveText}\n                aria-label=${this.label || this.assistiveText}\n                @click=${this.handleClick}\n              >\n                <slot name=\"button\"></slot>\n\n                ${!this.hideButtonLabel\n                  ? html`\n                      <span class=\"label\">\n                        ${this.label || this.assistiveText}\n                      </span>\n                    `\n                  : null}\n\n                <span slot=\"button\" class=\"arrow\">\n                  ${unsafeSVG(chevronIcon)}\n                </span>\n              </button>\n            `}\n\n        <div class=${classMap(contentClasses)}>\n          <button class=\"go-back\" @click=${() => this._handleBack()}>\n            <span>${unsafeSVG(backIcon)}</span>\n            ${this.backText}\n          </button>\n\n          ${!this.hideMenuLabel\n            ? html`\n                <div class=\"menu-label\">\n                  ${this.label || this.assistiveText}\n                </div>\n              `\n            : null}\n\n          <slot></slot>\n        </div>\n      </div>\n    `;\n  }\n\n  private _handleBack() {\n    this.open = false;\n  }\n\n  private handleClick() {\n    this.open = !this.open;\n  }\n\n  private handleClickOut(e: Event) {\n    if (!e.composedPath().includes(this)) {\n      this.open = false;\n    }\n  }\n\n  /** Bound outside-click handler for add/remove symmetry.\n   * @internal\n   */\n  private readonly _boundHandleClickOut = (e: Event) => this.handleClickOut(e);\n\n  override willUpdate(changedProps: any) {\n    if (changedProps.has('open')) {\n      const event = new CustomEvent('on-flyout-toggle', {\n        composed: true,\n        bubbles: true,\n        detail: { open: this.open },\n      });\n      this.dispatchEvent(event);\n    }\n  }\n\n  override connectedCallback() {\n    super.connectedCallback();\n\n    document.addEventListener('click', this._boundHandleClickOut);\n  }\n\n  override disconnectedCallback() {\n    document.removeEventListener('click', this._boundHandleClickOut);\n\n    super.disconnectedCallback();\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'kyn-header-flyout': HeaderFlyout;\n  }\n}\n"],"names":["HeaderFlyout","customElement","LitElement","_classThis","_classSuper","_HeaderFlyout_open_accessor_storage","set","this","__runInitializers","_open_initializers","_HeaderFlyout_anchorLeft_accessor_storage","_open_extraInitializers","_anchorLeft_initializers","_HeaderFlyout_hideArrow_accessor_storage","_anchorLeft_extraInitializers","_hideArrow_initializers","_HeaderFlyout_label_accessor_storage","_hideArrow_extraInitializers","_label_initializers","_HeaderFlyout_hideMenuLabel_accessor_storage","_label_extraInitializers","_hideMenuLabel_initializers","_HeaderFlyout_hideButtonLabel_accessor_storage","_hideMenuLabel_extraInitializers","_hideButtonLabel_initializers","_HeaderFlyout_assistiveText_accessor_storage","_hideButtonLabel_extraInitializers","_assistiveText_initializers","_HeaderFlyout_href_accessor_storage","_assistiveText_extraInitializers","_href_initializers","_HeaderFlyout_backText_accessor_storage","_href_extraInitializers","_backText_initializers","_HeaderFlyout_noPadding_accessor_storage","_backText_extraInitializers","_noPadding_initializers","_HeaderFlyout_slottedElements_accessor_storage","_noPadding_extraInitializers","_slottedElements_initializers","_boundHandleClickOut","_slottedElements_extraInitializers","e","handleClickOut","open","__classPrivateFieldGet","value","__classPrivateFieldSet","anchorLeft","hideArrow","label","hideMenuLabel","hideButtonLabel","assistiveText","href","backText","noPadding","slottedElements","render","classes","menu","contentClasses","menu__content","slotted","length","html","classMap","handleClick","unsafeSVG","chevronIcon","_handleBack","backIcon","composedPath","includes","willUpdate","changedProps","has","event","CustomEvent","composed","bubbles","detail","dispatchEvent","connectedCallback","super","document","addEventListener","disconnectedCallback","removeEventListener","property","type","Boolean","reflect","_anchorLeft_decorators","_hideArrow_decorators","_label_decorators","String","_hideMenuLabel_decorators","_hideButtonLabel_decorators","_assistiveText_decorators","_href_decorators","_backText_decorators","_noPadding_decorators","_slottedElements_decorators","queryAssignedElements","__esDecorate","_open_decorators","kind","name","static","private","access","obj","get","metadata","_metadata","_classDescriptor","_classDecorators","_classExtraInitializers","styles","unsafeCSS","HeaderFlyoutScss"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;OAkBaA,EAAY,iEADxBC,EAAc,6BACmBC,kIAARC,EAAA,cAAQC,oCAKvBC,EAAAC,IAAAC,KAAAC,EAAAD,KAAAE,GAAO,IAIPC,EAAAJ,IAAAC,MAAAC,EAAAD,KAAAI,GAAAH,EAAAD,KAAAK,GAAa,KAIbC,EAAAP,IAAAC,MAAAC,EAAAD,KAAAO,GAAAN,EAAAD,KAAAQ,GAAY,KAIZC,EAAAV,IAAAC,MAAAC,EAAAD,KAAAU,GAAAT,EAAAD,KAAAW,EAAQ,MAIRC,EAAAb,IAAAC,MAAAC,EAAAD,KAAAa,GAAAZ,EAAAD,KAAAc,GAAgB,KAIhBC,EAAAhB,IAAAC,MAAAC,EAAAD,KAAAgB,GAAAf,EAAAD,KAAAiB,GAAkB,KAOlBC,EAAAnB,IAAAC,MAAAC,EAAAD,KAAAmB,IAAAlB,EAAAD,KAAAoB,GAAgB,MAIhBC,EAAAtB,IAAAC,MAAAC,EAAAD,KAAAsB,IAAArB,EAAAD,KAAAuB,GAAO,MAIPC,EAAAzB,IAAAC,MAAAC,EAAAD,KAAAyB,IAAAxB,EAAAD,KAAA0B,GAAW,UAIXC,EAAA5B,IAAAC,MAAAC,EAAAD,KAAA4B,IAAA3B,EAAAD,KAAA6B,IAAY,KAOZC,EAAA/B,IAAAC,MAAAC,EAAAD,KAAA+B,IAAA9B,EAAAD,KAAAgC,QAAA,KAqGQhC,KAAAiC,sBAAoBhC,EAAAD,KAAAkC,IAAIC,GAAanC,KAAKoC,eAAeD,GAwB5E,CA3KE,QAASE,GAAI,OAAAC,EAAAtC,KAAAF,EAAA,IAAA,CAAb,QAASuC,CAAIE,GAAAC,EAAAxC,KAAAF,EAAAyC,EAAA,IAAA,CAIb,cAASE,GAAU,OAAAH,EAAAtC,KAAAG,EAAA,IAAA,CAAnB,cAASsC,CAAUF,GAAAC,EAAAxC,KAAAG,EAAAoC,EAAA,IAAA,CAInB,aAASG,GAAS,OAAAJ,EAAAtC,KAAAM,EAAA,IAAA,CAAlB,aAASoC,CAASH,GAAAC,EAAAxC,KAAAM,EAAAiC,EAAA,IAAA,CAIlB,SAASI,GAAK,OAAAL,EAAAtC,KAAAS,EAAA,IAAA,CAAd,SAASkC,CAAKJ,GAAAC,EAAAxC,KAAAS,EAAA8B,EAAA,IAAA,CAId,iBAASK,GAAa,OAAAN,EAAAtC,KAAAY,EAAA,IAAA,CAAtB,iBAASgC,CAAaL,GAAAC,EAAAxC,KAAAY,EAAA2B,EAAA,IAAA,CAItB,mBAASM,GAAe,OAAAP,EAAAtC,KAAAe,EAAA,IAAA,CAAxB,mBAAS8B,CAAeN,GAAAC,EAAAxC,KAAAe,EAAAwB,EAAA,IAAA,CAOxB,iBAASO,GAAa,OAAAR,EAAAtC,KAAAkB,EAAA,IAAA,CAAtB,iBAAS4B,CAAaP,GAAAC,EAAAxC,KAAAkB,EAAAqB,EAAA,IAAA,CAItB,QAASQ,GAAI,OAAAT,EAAAtC,KAAAqB,EAAA,IAAA,CAAb,QAAS0B,CAAIR,GAAAC,EAAAxC,KAAAqB,EAAAkB,EAAA,IAAA,CAIb,YAASS,GAAQ,OAAAV,EAAAtC,KAAAwB,EAAA,IAAA,CAAjB,YAASwB,CAAQT,GAAAC,EAAAxC,KAAAwB,EAAAe,EAAA,IAAA,CAIjB,aAASU,GAAS,OAAAX,EAAAtC,KAAA2B,EAAA,IAAA,CAAlB,aAASsB,CAASV,GAAAC,EAAAxC,KAAA2B,EAAAY,EAAA,IAAA,CAOlB,mBAASW,GAAe,OAAAZ,EAAAtC,KAAA8B,EAAA,IAAA,CAAxB,mBAASoB,CAAeX,GAAAC,EAAAxC,KAAA8B,EAAAS,EAAA,IAAA,CAEf,MAAAY,GACP,MAAMC,EAAU,CACdC,MAAM,EACNhB,KAAMrC,KAAKqC,MAGPiB,EAAiB,CACrBC,eAAe,EACf,sBAAuBvD,KAAKyC,WAC5Be,QAASxD,KAAKkD,gBAAgBO,OAC9B,aAAczD,KAAKiD,WAGrB,OAAOS,CAAI;oBACKC,EAASP;UACL,KAAdpD,KAAK+C,KACHW,CAAI;;;uBAGO1D,KAAK+C;wBACJ/C,KAAK2C,OAAS3C,KAAK8C;6BACd9C,KAAK2C,OAAS3C,KAAK8C;yBACvB9C,KAAK4D;;;;kBAIX5D,KAAK6C,gBAMJ,KALAa,CAAI;;0BAEE1D,KAAK2C,OAAS3C,KAAK8C;;;;;oBAMzBe,EAAUC;;;cAIlBJ,CAAI;;;wBAGQ1D,KAAK2C,OAAS3C,KAAK8C;6BACd9C,KAAK2C,OAAS3C,KAAK8C;yBACvB9C,KAAK4D;;;;kBAIX5D,KAAK6C,gBAMJ,KALAa,CAAI;;0BAEE1D,KAAK2C,OAAS3C,KAAK8C;;;;;oBAMzBe,EAAUC;;;;;qBAKTH,EAASL;2CACa,IAAMtD,KAAK+D;oBAClCF,EAAUG;cAChBhE,KAAKgD;;;YAGNhD,KAAK4C,cAMJ,KALAc,CAAI;;oBAEE1D,KAAK2C,OAAS3C,KAAK8C;;;;;;;KASrC,CAEQ,WAAAiB,GACN/D,KAAKqC,MAAO,CACd,CAEQ,WAAAuB,GACN5D,KAAKqC,MAAQrC,KAAKqC,IACpB,CAEQ,cAAAD,CAAeD,GAChBA,EAAE8B,eAAeC,SAASlE,QAC7BA,KAAKqC,MAAO,EAEhB,CAOS,UAAA8B,CAAWC,GAClB,GAAIA,EAAaC,IAAI,QAAS,CAC5B,MAAMC,EAAQ,IAAIC,YAAY,mBAAoB,CAChDC,UAAU,EACVC,SAAS,EACTC,OAAQ,CAAErC,KAAMrC,KAAKqC,QAEvBrC,KAAK2E,cAAcL,EACrB,CACF,CAES,iBAAAM,GACPC,MAAMD,oBAENE,SAASC,iBAAiB,QAAS/E,KAAKiC,qBAC1C,CAES,oBAAA+C,GACPF,SAASG,oBAAoB,QAASjF,KAAKiC,sBAE3C4C,MAAMG,sBACR,0TA3KCE,EAAS,CAAEC,KAAMC,QAASC,SAAS,KAInCC,EAAA,CAAAJ,EAAS,CAAEC,KAAMC,WAIjBG,EAAA,CAAAL,EAAS,CAAEC,KAAMC,WAIjBI,EAAA,CAAAN,EAAS,CAAEC,KAAMM,UAIjBC,EAAA,CAAAR,EAAS,CAAEC,KAAMC,WAIjBO,EAAA,CAAAT,EAAS,CAAEC,KAAMC,WAOjBQ,EAAA,CAAAV,EAAS,CAAEC,KAAMM,UAIjBI,EAAA,CAAAX,EAAS,CAAEC,KAAMM,UAIjBK,EAAA,CAAAZ,EAAS,CAAEC,KAAMM,UAIjBM,EAAA,CAAAb,EAAS,CAAEC,KAAMC,WAOjBY,EAAA,CAAAC,KA7CDC,EAAAtG,EAAA,KAAAuG,EAAA,CAAAC,KAAA,WAAAC,KAAA,OAAAC,QAAA,EAAAC,SAAA,EAAAC,OAAA,CAAAnC,IAAAoC,GAAA,SAAAA,EAAAC,IAAAD,GAAAA,EAASpE,KAAItC,IAAA,CAAA0G,EAAAlE,KAAAkE,EAAJpE,KAAIE,CAAA,GAAAoE,SAAAC,GAAA1G,EAAAE,GAIb8F,EAAAtG,EAAA,KAAA0F,EAAA,CAAAc,KAAA,WAAAC,KAAA,aAAAC,QAAA,EAAAC,SAAA,EAAAC,OAAA,CAAAnC,IAAAoC,GAAA,eAAAA,EAAAC,IAAAD,GAAAA,EAAShE,WAAU1C,IAAA,CAAA0G,EAAAlE,KAAAkE,EAAVhE,WAAUF,CAAA,GAAAoE,SAAAC,GAAAvG,EAAAE,GAInB2F,EAAAtG,EAAA,KAAA2F,EAAA,CAAAa,KAAA,WAAAC,KAAA,YAAAC,QAAA,EAAAC,SAAA,EAAAC,OAAA,CAAAnC,IAAAoC,GAAA,cAAAA,EAAAC,IAAAD,GAAAA,EAAS/D,UAAS3C,IAAA,CAAA0G,EAAAlE,KAAAkE,EAAT/D,UAASH,CAAA,GAAAoE,SAAAC,GAAApG,EAAAE,GAIlBwF,EAAAtG,EAAA,KAAA4F,EAAA,CAAAY,KAAA,WAAAC,KAAA,QAAAC,QAAA,EAAAC,SAAA,EAAAC,OAAA,CAAAnC,IAAAoC,GAAA,UAAAA,EAAAC,IAAAD,GAAAA,EAAS9D,MAAK5C,IAAA,CAAA0G,EAAAlE,KAAAkE,EAAL9D,MAAKJ,CAAA,GAAAoE,SAAAC,GAAAjG,EAAAE,GAIdqF,EAAAtG,EAAA,KAAA8F,EAAA,CAAAU,KAAA,WAAAC,KAAA,gBAAAC,QAAA,EAAAC,SAAA,EAAAC,OAAA,CAAAnC,IAAAoC,GAAA,kBAAAA,EAAAC,IAAAD,GAAAA,EAAS7D,cAAa7C,IAAA,CAAA0G,EAAAlE,KAAAkE,EAAb7D,cAAaL,CAAA,GAAAoE,SAAAC,GAAA9F,EAAAE,GAItBkF,EAAAtG,EAAA,KAAA+F,EAAA,CAAAS,KAAA,WAAAC,KAAA,kBAAAC,QAAA,EAAAC,SAAA,EAAAC,OAAA,CAAAnC,IAAAoC,GAAA,oBAAAA,EAAAC,IAAAD,GAAAA,EAAS5D,gBAAe9C,IAAA,CAAA0G,EAAAlE,KAAAkE,EAAf5D,gBAAeN,CAAA,GAAAoE,SAAAC,GAAA3F,EAAAE,IAOxB+E,EAAAtG,EAAA,KAAAgG,EAAA,CAAAQ,KAAA,WAAAC,KAAA,gBAAAC,QAAA,EAAAC,SAAA,EAAAC,OAAA,CAAAnC,IAAAoC,GAAA,kBAAAA,EAAAC,IAAAD,GAAAA,EAAS3D,cAAa/C,IAAA,CAAA0G,EAAAlE,KAAAkE,EAAb3D,cAAaP,CAAA,GAAAoE,SAAAC,GAAAxF,GAAAE,IAItB4E,EAAAtG,EAAA,KAAAiG,EAAA,CAAAO,KAAA,WAAAC,KAAA,OAAAC,QAAA,EAAAC,SAAA,EAAAC,OAAA,CAAAnC,IAAAoC,GAAA,SAAAA,EAAAC,IAAAD,GAAAA,EAAS1D,KAAIhD,IAAA,CAAA0G,EAAAlE,KAAAkE,EAAJ1D,KAAIR,CAAA,GAAAoE,SAAAC,GAAArF,GAAAE,IAIbyE,EAAAtG,EAAA,KAAAkG,EAAA,CAAAM,KAAA,WAAAC,KAAA,WAAAC,QAAA,EAAAC,SAAA,EAAAC,OAAA,CAAAnC,IAAAoC,GAAA,aAAAA,EAAAC,IAAAD,GAAAA,EAASzD,SAAQjD,IAAA,CAAA0G,EAAAlE,KAAAkE,EAARzD,SAAQT,CAAA,GAAAoE,SAAAC,GAAAlF,GAAAE,IAIjBsE,EAAAtG,EAAA,KAAAmG,EAAA,CAAAK,KAAA,WAAAC,KAAA,YAAAC,QAAA,EAAAC,SAAA,EAAAC,OAAA,CAAAnC,IAAAoC,GAAA,cAAAA,EAAAC,IAAAD,GAAAA,EAASxD,UAASlD,IAAA,CAAA0G,EAAAlE,KAAAkE,EAATxD,UAASV,CAAA,GAAAoE,SAAAC,GAAA/E,GAAAE,IAOlBmE,EAAAtG,EAAA,KAAAoG,EAAA,CAAAI,KAAA,WAAAC,KAAA,kBAAAC,QAAA,EAAAC,SAAA,EAAAC,OAAA,CAAAnC,IAAAoC,GAAA,oBAAAA,EAAAC,IAAAD,GAAAA,EAASvD,gBAAenD,IAAA,CAAA0G,EAAAlE,KAAAkE,EAAfvD,gBAAeX,CAAA,GAAAoE,SAAAC,GAAA5E,GAAAE,IAnD1BgE,EAAA,KAAAW,EAAA,CAAAtE,MAAA3C,GAAAkH,EAAA,CAAAV,KAAA,QAAAC,KAAAzG,EAAAyG,KAAAM,SAAAC,GAAA,KAAAG,iHACkBnH,EAAAoH,OAASC,EAAUC,GADxBjH,EAAAL,EAAAmH,MAAY"}
+{"version":3,"file":"headerFlyout.js","sources":["../../../../src/components/global/header/headerFlyout.ts"],"sourcesContent":["import { unsafeSVG } from 'lit-html/directives/unsafe-svg.js';\nimport { LitElement, html, unsafeCSS } from 'lit';\nimport {\n  customElement,\n  property,\n  queryAssignedElements,\n} from 'lit/decorators.js';\nimport { classMap } from 'lit/directives/class-map.js';\nimport HeaderFlyoutScss from './headerFlyout.scss?inline';\nimport chevronIcon 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';\n\n/**\n * Component for header flyout items.\n * @slot unnamed - Slot for flyout menu content.\n * @slot button - Slot for button/toggle content.\n */\n@customElement('kyn-header-flyout')\nexport class HeaderFlyout extends LitElement {\n  static override styles = unsafeCSS(HeaderFlyoutScss);\n\n  /** Flyout open state. */\n  @property({ type: Boolean, reflect: true })\n  accessor open = false;\n\n  /** Anchor flyout menu to the left edge of the button instead of the right edge. */\n  @property({ type: Boolean })\n  accessor anchorLeft = false;\n\n  /** Hides the arrow. */\n  @property({ type: Boolean })\n  accessor hideArrow = false;\n\n  /**\n   * Menu label, trigger `title`, and trigger `aria-label` (e.g. current account name).\n   * Truncate visually in the slot with CSS if needed; keep this value complete for tooltips and SR.\n   */\n  @property({ type: String })\n  accessor label = '';\n\n  /** Hide the label at the top of the flyout menu. */\n  @property({ type: Boolean })\n  accessor hideMenuLabel = false;\n\n  /** Hide the label in the mobile button. */\n  @property({ type: Boolean })\n  accessor hideButtonLabel = false;\n\n  /**\n   * @deprecated Use `label` instead.\n   */\n  @property({ type: String, attribute: 'assistive-text' })\n  accessor assistiveText = '';\n\n  /** Turns the button into a link. */\n  @property({ type: String })\n  accessor href = '';\n\n  /** Text for mobile \"Back\" button. */\n  @property({ type: String })\n  accessor backText = 'Back';\n\n  /** Removes padding from the flyout menu. */\n  @property({ type: Boolean })\n  accessor noPadding = false;\n\n  /**\n   * Queries any slotted HTML elements.\n   * @ignore\n   */\n  @queryAssignedElements()\n  accessor slottedElements!: Array<HTMLElement>;\n\n  private get _triggerAssistiveText() {\n    return this.label || this.assistiveText;\n  }\n\n  override render() {\n    const classes = {\n      menu: true,\n      open: this.open,\n    };\n\n    const contentClasses = {\n      menu__content: true,\n      'menu__content--left': this.anchorLeft,\n      slotted: this.slottedElements.length,\n      'no-padding': this.noPadding,\n    };\n\n    return html`\n      <div class=\"${classMap(classes)}\">\n        ${this.href !== ''\n          ? html`\n              <a\n                class=\"btn interactive\"\n                href=${this.href}\n                title=${this._triggerAssistiveText}\n                aria-label=${this._triggerAssistiveText}\n                @click=${this.handleClick}\n              >\n                <slot name=\"button\"></slot>\n\n                ${!this.hideButtonLabel\n                  ? html`\n                      <span class=\"label\">\n                        ${this.label || this.assistiveText}\n                      </span>\n                    `\n                  : null}\n\n                <span slot=\"button\" class=\"arrow\">\n                  ${unsafeSVG(chevronIcon)}\n                </span>\n              </a>\n            `\n          : html`\n              <button\n                class=\"btn interactive\"\n                title=${this._triggerAssistiveText}\n                aria-label=${this._triggerAssistiveText}\n                @click=${this.handleClick}\n              >\n                <slot name=\"button\"></slot>\n\n                ${!this.hideButtonLabel\n                  ? html`\n                      <span class=\"label\">\n                        ${this.label || this.assistiveText}\n                      </span>\n                    `\n                  : null}\n\n                <span slot=\"button\" class=\"arrow\">\n                  ${unsafeSVG(chevronIcon)}\n                </span>\n              </button>\n            `}\n\n        <div class=${classMap(contentClasses)}>\n          <button class=\"go-back\" @click=${() => this._handleBack()}>\n            <span>${unsafeSVG(backIcon)}</span>\n            ${this.backText}\n          </button>\n\n          ${!this.hideMenuLabel\n            ? html`\n                <div class=\"menu-label\">\n                  ${this.label || this.assistiveText}\n                </div>\n              `\n            : null}\n\n          <slot></slot>\n        </div>\n      </div>\n    `;\n  }\n\n  private _handleBack() {\n    this.open = false;\n  }\n\n  private handleClick() {\n    this.open = !this.open;\n  }\n\n  private handleClickOut(e: Event) {\n    if (!e.composedPath().includes(this)) {\n      this.open = false;\n    }\n  }\n\n  /** Bound outside-click handler for add/remove symmetry.\n   * @internal\n   */\n  private readonly _boundHandleClickOut = (e: Event) => this.handleClickOut(e);\n\n  override willUpdate(changedProps: any) {\n    if (changedProps.has('open')) {\n      const event = new CustomEvent('on-flyout-toggle', {\n        composed: true,\n        bubbles: true,\n        detail: { open: this.open },\n      });\n      this.dispatchEvent(event);\n    }\n  }\n\n  override connectedCallback() {\n    super.connectedCallback();\n\n    document.addEventListener('click', this._boundHandleClickOut);\n  }\n\n  override disconnectedCallback() {\n    document.removeEventListener('click', this._boundHandleClickOut);\n\n    super.disconnectedCallback();\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'kyn-header-flyout': HeaderFlyout;\n  }\n}\n"],"names":["HeaderFlyout","customElement","LitElement","_classThis","_classSuper","_HeaderFlyout_open_accessor_storage","set","this","__runInitializers","_open_initializers","_HeaderFlyout_anchorLeft_accessor_storage","_open_extraInitializers","_anchorLeft_initializers","_HeaderFlyout_hideArrow_accessor_storage","_anchorLeft_extraInitializers","_hideArrow_initializers","_HeaderFlyout_label_accessor_storage","_hideArrow_extraInitializers","_label_initializers","_HeaderFlyout_hideMenuLabel_accessor_storage","_label_extraInitializers","_hideMenuLabel_initializers","_HeaderFlyout_hideButtonLabel_accessor_storage","_hideMenuLabel_extraInitializers","_hideButtonLabel_initializers","_HeaderFlyout_assistiveText_accessor_storage","_hideButtonLabel_extraInitializers","_assistiveText_initializers","_HeaderFlyout_href_accessor_storage","_assistiveText_extraInitializers","_href_initializers","_HeaderFlyout_backText_accessor_storage","_href_extraInitializers","_backText_initializers","_HeaderFlyout_noPadding_accessor_storage","_backText_extraInitializers","_noPadding_initializers","_HeaderFlyout_slottedElements_accessor_storage","_noPadding_extraInitializers","_slottedElements_initializers","_boundHandleClickOut","_slottedElements_extraInitializers","e","handleClickOut","open","__classPrivateFieldGet","value","__classPrivateFieldSet","anchorLeft","hideArrow","label","hideMenuLabel","hideButtonLabel","assistiveText","href","backText","noPadding","slottedElements","_triggerAssistiveText","render","classes","menu","contentClasses","menu__content","slotted","length","html","classMap","handleClick","unsafeSVG","chevronIcon","_handleBack","backIcon","composedPath","includes","willUpdate","changedProps","has","event","CustomEvent","composed","bubbles","detail","dispatchEvent","connectedCallback","super","document","addEventListener","disconnectedCallback","removeEventListener","property","type","Boolean","reflect","_anchorLeft_decorators","_hideArrow_decorators","_label_decorators","String","_hideMenuLabel_decorators","_hideButtonLabel_decorators","attribute","_href_decorators","_backText_decorators","_noPadding_decorators","_slottedElements_decorators","queryAssignedElements","__esDecorate","_open_decorators","kind","name","static","private","access","obj","get","metadata","_metadata","_assistiveText_decorators","_classDescriptor","_classDecorators","_classExtraInitializers","styles","unsafeCSS","HeaderFlyoutScss"],"mappings":"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"}

package/components/global/header/headerFlyouts.js

@@ -1,4 +1,4 @@
-import{__setFunctionName as e,__esDecorate as t,__runInitializers as o,__classPrivateFieldGet as i,__classPrivateFieldSet as n}from"tslib";import{unsafeSVG as r}from"lit-html/directives/unsafe-svg.js";import{css as a,LitElement as l,unsafeCSS as d,html as s}from"lit";import{customElement as c,property as u}from"lit/decorators.js";import{querySelectorAllDeep as m}from"query-selector-shadow-dom";import{o as p}from"../../../vendor/@kyndryl-design-system/shidoka-icons-BGhMLbpH.js";var g=a`*,
+import{__setFunctionName as e,__esDecorate as t,__runInitializers as o,__classPrivateFieldGet as i,__classPrivateFieldSet as n}from"tslib";import{unsafeSVG as r}from"lit-html/directives/unsafe-svg.js";import{css as a,LitElement as l,unsafeCSS as d,html as s}from"lit";import{customElement as c,property as u}from"lit/decorators.js";import{querySelectorAllDeep as m}from"query-selector-shadow-dom";import{o as p}from"../../../vendor/@kyndryl-design-system/shidoka-icons-BKNlykoZ.js";var g=a`*,
 *::before,
 *::after {
   box-sizing: border-box;
@@ -111,6 +111,16 @@ import{__setFunctionName as e,__esDecorate as t,__runInitializers as o,__classPr
 .menu__content.slotted:not(.no-padding) {
   padding: 8px 12px;
 }
+@media (max-width: calc(30rem - 0.001px)) {
+  .menu__content.slotted:not(.no-padding) {
+    padding: 0 4px;
+  }
+}
+@media (max-width: calc(42rem - 0.001px)) {
+  .menu__content.slotted.no-padding {
+    padding: 0 4px;
+  }
+}
 @media (min-width: 42rem) {
   .menu__content {
     position: absolute;

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

@@ -1 +1 @@
-{"version":3,"file":"headerFlyouts.js","sources":["../../../../src/components/global/header/headerFlyouts.ts"],"sourcesContent":["import { unsafeSVG } from 'lit-html/directives/unsafe-svg.js';\nimport { LitElement, html, unsafeCSS } from 'lit';\nimport { customElement, property } from 'lit/decorators.js';\nimport { querySelectorAllDeep } from 'query-selector-shadow-dom';\nimport HeaderFlyoutsScss from './headerFlyouts.scss?inline';\n\nimport overflowIcon from '@kyndryl-design-system/shidoka-icons/svg/monochrome/20/overflow.svg';\n\n/**\n * Container for header-flyout components.\n * @slot unnamed - Slot for header-flyout components.\n */\n@customElement('kyn-header-flyouts')\nexport class HeaderFlyouts extends LitElement {\n  static override styles = unsafeCSS(HeaderFlyoutsScss);\n\n  /* Menu open state (small breakpoint). */\n  @property({ type: Boolean })\n  accessor open = false;\n\n  override render() {\n    return html`\n      <div class=\"header-flyouts menu ${this.open ? 'open' : ''}\">\n        <button\n          class=\"btn interactive\"\n          aria-label=\"Toggle Menu\"\n          title=\"Toggle Menu\"\n          @click=${() => this._toggleOpen()}\n        >\n          <span class=\"overflow-icon\">${unsafeSVG(overflowIcon)}</span>\n        </button>\n\n        <div class=\"menu__content\">\n          <slot></slot>\n        </div>\n      </div>\n    `;\n  }\n\n  private _toggleOpen() {\n    this.open = !this.open;\n  }\n\n  private _handleClickOut(e: Event) {\n    if (!e.composedPath().includes(this)) {\n      this.open = false;\n    }\n  }\n\n  private _handleFlyoutToggle() {\n    this._emitFlyoutsToggle();\n  }\n\n  /** Bound outside-click handler for add/remove symmetry.\n   * @internal\n   */\n  private readonly _boundHandleClickOut = (e: Event) => this._handleClickOut(e);\n\n  /** Bound child-flyout toggle handler for add/remove symmetry.\n   * @internal\n   */\n  private readonly _boundHandleFlyoutToggle = () => this._handleFlyoutToggle();\n\n  private _emitFlyoutsToggle() {\n    const Flyouts: Array<any> = querySelectorAllDeep('kyn-header-flyout', this);\n\n    const event = new CustomEvent('on-flyouts-toggle', {\n      composed: true,\n      bubbles: true,\n      detail: {\n        open: this.open,\n        childrenOpen: Flyouts.some((flyout: any) => flyout.open),\n      },\n    });\n    this.dispatchEvent(event);\n  }\n\n  override willUpdate(changedProps: any) {\n    if (changedProps.has('open')) {\n      this._emitFlyoutsToggle();\n    }\n  }\n\n  override connectedCallback() {\n    super.connectedCallback();\n\n    document.addEventListener('click', this._boundHandleClickOut);\n    this.addEventListener(\n      'on-flyout-toggle',\n      this._boundHandleFlyoutToggle as EventListener\n    );\n  }\n\n  override disconnectedCallback() {\n    document.removeEventListener('click', this._boundHandleClickOut);\n    this.removeEventListener(\n      'on-flyout-toggle',\n      this._boundHandleFlyoutToggle as EventListener\n    );\n\n    super.disconnectedCallback();\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'kyn-header-flyouts': HeaderFlyouts;\n  }\n}\n"],"names":["HeaderFlyouts","customElement","LitElement","_classThis","_classSuper","_HeaderFlyouts_open_accessor_storage","set","this","__runInitializers","_open_initializers","_boundHandleClickOut","_open_extraInitializers","e","_handleClickOut","_boundHandleFlyoutToggle","_handleFlyoutToggle","open","__classPrivateFieldGet","value","__classPrivateFieldSet","render","html","_toggleOpen","unsafeSVG","overflowIcon","composedPath","includes","_emitFlyoutsToggle","Flyouts","querySelectorAllDeep","event","CustomEvent","composed","bubbles","detail","childrenOpen","some","flyout","dispatchEvent","willUpdate","changedProps","has","connectedCallback","super","document","addEventListener","disconnectedCallback","removeEventListener","_open_decorators","property","type","Boolean","__esDecorate","kind","name","static","private","access","obj","get","metadata","_metadata","_classDescriptor","_classDecorators","_classExtraInitializers","styles","unsafeCSS","HeaderFlyoutsScss"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;OAaaA,EAAa,yBADzBC,EAAc,8BACoBC,mBAARC,EAAA,cAAQC,oCAKxBC,EAAAC,IAAAC,KAAAC,EAAAD,KAAAE,GAAO,IAsCCF,KAAAG,sBAAoBF,EAAAD,KAAAI,GAAIC,GAAaL,KAAKM,gBAAgBD,IAK1DL,KAAAO,yBAA2B,IAAMP,KAAKQ,qBAyCzD,CApFE,QAASC,GAAI,OAAAC,EAAAV,KAAAF,EAAA,IAAA,CAAb,QAASW,CAAIE,GAAAC,EAAAZ,KAAAF,EAAAa,EAAA,IAAA,CAEJ,MAAAE,GACP,OAAOC,CAAI;wCACyBd,KAAKS,KAAO,OAAS;;;;;mBAK1C,IAAMT,KAAKe;;wCAEUC,EAAUC;;;;;;;KAQhD,CAEQ,WAAAF,GACNf,KAAKS,MAAQT,KAAKS,IACpB,CAEQ,eAAAH,CAAgBD,GACjBA,EAAEa,eAAeC,SAASnB,QAC7BA,KAAKS,MAAO,EAEhB,CAEQ,mBAAAD,GACNR,KAAKoB,oBACP,CAYQ,kBAAAA,GACN,MAAMC,EAAsBC,EAAqB,oBAAqBtB,MAEhEuB,EAAQ,IAAIC,YAAY,oBAAqB,CACjDC,UAAU,EACVC,SAAS,EACTC,OAAQ,CACNlB,KAAMT,KAAKS,KACXmB,aAAcP,EAAQQ,MAAMC,GAAgBA,EAAOrB,UAGvDT,KAAK+B,cAAcR,EACrB,CAES,UAAAS,CAAWC,GACdA,EAAaC,IAAI,SACnBlC,KAAKoB,oBAET,CAES,iBAAAe,GACPC,MAAMD,oBAENE,SAASC,iBAAiB,QAAStC,KAAKG,sBACxCH,KAAKsC,iBACH,mBACAtC,KAAKO,yBAET,CAES,oBAAAgC,GACPF,SAASG,oBAAoB,QAASxC,KAAKG,sBAC3CH,KAAKwC,oBACH,mBACAxC,KAAKO,0BAGP6B,MAAMG,sBACR,4KApFCE,EAAA,CAAAC,EAAS,CAAEC,KAAMC,WAClBC,EAAAjD,EAAA,KAAA6C,EAAA,CAAAK,KAAA,WAAAC,KAAA,OAAAC,QAAA,EAAAC,SAAA,EAAAC,OAAA,CAAAhB,IAAAiB,GAAA,SAAAA,EAAAC,IAAAD,GAAAA,EAAS1C,KAAIV,IAAA,CAAAoD,EAAAxC,KAAAwC,EAAJ1C,KAAIE,CAAA,GAAA0C,SAAAC,GAAApD,EAAAE,GALfyC,EAAA,KAAAU,EAAA,CAAA5C,MAAAf,GAAA4D,EAAA,CAAAV,KAAA,QAAAC,KAAAnD,EAAAmD,KAAAM,SAAAC,GAAA,KAAAG,iHACkB7D,EAAA8D,OAASC,EAAUC,GADxB3D,EAAAL,EAAA6D,MAAa"}
+{"version":3,"file":"headerFlyouts.js","sources":["../../../../src/components/global/header/headerFlyouts.ts"],"sourcesContent":["import { unsafeSVG } from 'lit-html/directives/unsafe-svg.js';\nimport { LitElement, html, unsafeCSS } from 'lit';\nimport { customElement, property } from 'lit/decorators.js';\nimport { querySelectorAllDeep } from 'query-selector-shadow-dom';\nimport HeaderFlyoutsScss from './headerFlyouts.scss?inline';\n\nimport overflowIcon from '@kyndryl-design-system/shidoka-icons/svg/monochrome/20/overflow.svg';\n\n/**\n * Container for header-flyout components.\n * @slot unnamed - Slot for header-flyout components.\n */\n@customElement('kyn-header-flyouts')\nexport class HeaderFlyouts extends LitElement {\n  static override styles = unsafeCSS(HeaderFlyoutsScss);\n\n  /* Menu open state (small breakpoint). */\n  @property({ type: Boolean })\n  accessor open = false;\n\n  override render() {\n    return html`\n      <div class=\"header-flyouts menu ${this.open ? 'open' : ''}\">\n        <button\n          class=\"btn interactive\"\n          aria-label=\"Toggle Menu\"\n          title=\"Toggle Menu\"\n          @click=${() => this._toggleOpen()}\n        >\n          <span class=\"overflow-icon\">${unsafeSVG(overflowIcon)}</span>\n        </button>\n\n        <div class=\"menu__content\">\n          <slot></slot>\n        </div>\n      </div>\n    `;\n  }\n\n  private _toggleOpen() {\n    this.open = !this.open;\n  }\n\n  private _handleClickOut(e: Event) {\n    if (!e.composedPath().includes(this)) {\n      this.open = false;\n    }\n  }\n\n  private _handleFlyoutToggle() {\n    this._emitFlyoutsToggle();\n  }\n\n  /** Bound outside-click handler for add/remove symmetry.\n   * @internal\n   */\n  private readonly _boundHandleClickOut = (e: Event) => this._handleClickOut(e);\n\n  /** Bound child-flyout toggle handler for add/remove symmetry.\n   * @internal\n   */\n  private readonly _boundHandleFlyoutToggle = () => this._handleFlyoutToggle();\n\n  private _emitFlyoutsToggle() {\n    const Flyouts: Array<any> = querySelectorAllDeep('kyn-header-flyout', this);\n\n    const event = new CustomEvent('on-flyouts-toggle', {\n      composed: true,\n      bubbles: true,\n      detail: {\n        open: this.open,\n        childrenOpen: Flyouts.some((flyout: any) => flyout.open),\n      },\n    });\n    this.dispatchEvent(event);\n  }\n\n  override willUpdate(changedProps: any) {\n    if (changedProps.has('open')) {\n      this._emitFlyoutsToggle();\n    }\n  }\n\n  override connectedCallback() {\n    super.connectedCallback();\n\n    document.addEventListener('click', this._boundHandleClickOut);\n    this.addEventListener(\n      'on-flyout-toggle',\n      this._boundHandleFlyoutToggle as EventListener\n    );\n  }\n\n  override disconnectedCallback() {\n    document.removeEventListener('click', this._boundHandleClickOut);\n    this.removeEventListener(\n      'on-flyout-toggle',\n      this._boundHandleFlyoutToggle as EventListener\n    );\n\n    super.disconnectedCallback();\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'kyn-header-flyouts': HeaderFlyouts;\n  }\n}\n"],"names":["HeaderFlyouts","customElement","LitElement","_classThis","_classSuper","_HeaderFlyouts_open_accessor_storage","set","this","__runInitializers","_open_initializers","_boundHandleClickOut","_open_extraInitializers","e","_handleClickOut","_boundHandleFlyoutToggle","_handleFlyoutToggle","open","__classPrivateFieldGet","value","__classPrivateFieldSet","render","html","_toggleOpen","unsafeSVG","overflowIcon","composedPath","includes","_emitFlyoutsToggle","Flyouts","querySelectorAllDeep","event","CustomEvent","composed","bubbles","detail","childrenOpen","some","flyout","dispatchEvent","willUpdate","changedProps","has","connectedCallback","super","document","addEventListener","disconnectedCallback","removeEventListener","_open_decorators","property","type","Boolean","__esDecorate","kind","name","static","private","access","obj","get","metadata","_metadata","_classDescriptor","_classDecorators","_classExtraInitializers","styles","unsafeCSS","HeaderFlyoutsScss"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;OAaaA,EAAa,yBADzBC,EAAc,8BACoBC,mBAARC,EAAA,cAAQC,oCAKxBC,EAAAC,IAAAC,KAAAC,EAAAD,KAAAE,GAAO,IAsCCF,KAAAG,sBAAoBF,EAAAD,KAAAI,GAAIC,GAAaL,KAAKM,gBAAgBD,IAK1DL,KAAAO,yBAA2B,IAAMP,KAAKQ,qBAyCzD,CApFE,QAASC,GAAI,OAAAC,EAAAV,KAAAF,EAAA,IAAA,CAAb,QAASW,CAAIE,GAAAC,EAAAZ,KAAAF,EAAAa,EAAA,IAAA,CAEJ,MAAAE,GACP,OAAOC,CAAI;wCACyBd,KAAKS,KAAO,OAAS;;;;;mBAK1C,IAAMT,KAAKe;;wCAEUC,EAAUC;;;;;;;KAQhD,CAEQ,WAAAF,GACNf,KAAKS,MAAQT,KAAKS,IACpB,CAEQ,eAAAH,CAAgBD,GACjBA,EAAEa,eAAeC,SAASnB,QAC7BA,KAAKS,MAAO,EAEhB,CAEQ,mBAAAD,GACNR,KAAKoB,oBACP,CAYQ,kBAAAA,GACN,MAAMC,EAAsBC,EAAqB,oBAAqBtB,MAEhEuB,EAAQ,IAAIC,YAAY,oBAAqB,CACjDC,UAAU,EACVC,SAAS,EACTC,OAAQ,CACNlB,KAAMT,KAAKS,KACXmB,aAAcP,EAAQQ,MAAMC,GAAgBA,EAAOrB,UAGvDT,KAAK+B,cAAcR,EACrB,CAES,UAAAS,CAAWC,GACdA,EAAaC,IAAI,SACnBlC,KAAKoB,oBAET,CAES,iBAAAe,GACPC,MAAMD,oBAENE,SAASC,iBAAiB,QAAStC,KAAKG,sBACxCH,KAAKsC,iBACH,mBACAtC,KAAKO,yBAET,CAES,oBAAAgC,GACPF,SAASG,oBAAoB,QAASxC,KAAKG,sBAC3CH,KAAKwC,oBACH,mBACAxC,KAAKO,0BAGP6B,MAAMG,sBACR,4KApFCE,EAAA,CAAAC,EAAS,CAAEC,KAAMC,WAClBC,EAAAjD,EAAA,KAAA6C,EAAA,CAAAK,KAAA,WAAAC,KAAA,OAAAC,QAAA,EAAAC,SAAA,EAAAC,OAAA,CAAAhB,IAAAiB,GAAA,SAAAA,EAAAC,IAAAD,GAAAA,EAAS1C,KAAIV,IAAA,CAAAoD,EAAAxC,KAAAwC,EAAJ1C,KAAIE,CAAA,GAAA0C,SAAAC,GAAApD,EAAAE,GALfyC,EAAA,KAAAU,EAAA,CAAA5C,MAAAf,GAAA4D,EAAA,CAAAV,KAAA,QAAAC,KAAAnD,EAAAmD,KAAAM,SAAAC,GAAA,KAAAG,iHACkB7D,EAAA8D,OAASC,EAAUC,GADxB3D,EAAAL,EAAA6D,MAAa"}