@kyndryl-design-system/shidoka-applications 2.68.4 → 2.68.5
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/components/global/localNav/index.js +1 -1
- package/components/global/localNav/localNav.d.ts +8 -0
- package/components/global/localNav/localNav.d.ts.map +1 -1
- package/components/global/localNav/localNav.js +9 -6
- package/components/global/localNav/localNav.js.map +1 -1
- package/package.json +1 -1
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export{LocalNav}from"./localNav.js";export{LocalNavLink}from"./localNavLink.js";export{LocalNavDivider}from"./localNavDivider.js";import"../../../vendor/tslib-Ac8XvvSX.js";import"../../../vendor/lit-html-fDTfWwFR.js";import"../../../vendor/@lit/reactive-element-f91Vet7N.js";import"../../../vendor/lit-element-DxLLCKb1.js";import"../../../vendor/deepmerge-ts-OFb5ej8y.js";import"
|
|
1
|
+
export{LocalNav}from"./localNav.js";export{LocalNavLink}from"./localNavLink.js";export{LocalNavDivider}from"./localNavDivider.js";import"../../../vendor/tslib-Ac8XvvSX.js";import"../../../vendor/lit-html-fDTfWwFR.js";import"../../../vendor/@lit/reactive-element-f91Vet7N.js";import"../../../vendor/lit-element-DxLLCKb1.js";import"../../../vendor/deepmerge-ts-OFb5ej8y.js";import"../../../common/helpers/helpers.js";import"../../reusable/button/button.js";import"../../reusable/button/defs.js";import"../../../vendor/@kyndryl-design-system/shidoka-icons-DALQfz_R.js";
|
|
2
2
|
//# sourceMappingURL=index.js.map
|
|
@@ -56,6 +56,8 @@ export declare class LocalNav extends LitElement {
|
|
|
56
56
|
* @internal
|
|
57
57
|
*/
|
|
58
58
|
accessor _leaveTimer: number | null;
|
|
59
|
+
/** @internal */
|
|
60
|
+
accessor _navEl: HTMLElement;
|
|
59
61
|
private _onDocumentClick;
|
|
60
62
|
private _onLinkActive;
|
|
61
63
|
render(): import("lit-html").TemplateResult<1>;
|
|
@@ -68,6 +70,12 @@ export declare class LocalNav extends LitElement {
|
|
|
68
70
|
private _handleLinkActive;
|
|
69
71
|
willUpdate(changedProps: Map<string | number | symbol, unknown>): void;
|
|
70
72
|
private _handleClickOut;
|
|
73
|
+
/** Morph header on scroll.
|
|
74
|
+
* @internal */
|
|
75
|
+
private _handleScroll;
|
|
76
|
+
/** @internal */
|
|
77
|
+
private _debounceScroll;
|
|
78
|
+
firstUpdated(): void;
|
|
71
79
|
connectedCallback(): void;
|
|
72
80
|
disconnectedCallback(): void;
|
|
73
81
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"localNav.d.ts","sourceRoot":"","sources":["../../../../src/components/global/localNav/localNav.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,UAAU,EAAmB,MAAM,KAAK,CAAC;
|
|
1
|
+
{"version":3,"file":"localNav.d.ts","sourceRoot":"","sources":["../../../../src/components/global/localNav/localNav.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,UAAU,EAAmB,MAAM,KAAK,CAAC;AAYlD,OAAO,uBAAuB,CAAC;AAe/B;;;;;GAKG;AACH,qBACa,QAAS,SAAQ,UAAU;IACtC,OAAgB,MAAM,0BAA2B;IAEjD,8BAA8B;IAE9B,QAAQ,CAAC,MAAM,UAAS;IAExB,iCAAiC;IAEjC,QAAQ,CAAC,WAAW;;;;;;MAAuB;IAE3C;;OAEG;IAEH,QAAQ,CAAC,YAAY;;;;;;MAAuB;IAE5C;;OAEG;IAEH,QAAQ,CAAC,SAAS,UAAS;IAE3B;;OAEG;IAEH,QAAQ,CAAC,eAAe,UAAS;IAEjC;;OAEG;IAEH,QAAQ,CAAC,eAAe,EAAG,MAAM,CAAC;IAElC;;OAEG;IAEH,QAAQ,CAAC,SAAS,EAAG,WAAW,EAAE,CAAC;IAEnC;;OAEG;IAEH,QAAQ,CAAC,SAAS,EAAG,WAAW,EAAE,CAAC;IAEnC;;OAEG;IACH,OAAO,CAAC,WAAW,CAAuB;IAE1C;;OAEG;IAEH,QAAQ,CAAC,WAAW,EAAE,MAAM,GAAG,IAAI,CAAQ;IAE3C,gBAAgB;IAEhB,QAAQ,CAAC,MAAM,EAAG,WAAW,CAAC;IAE9B,OAAO,CAAC,gBAAgB,CAAyC;IACjE,OAAO,CAAC,aAAa,CACwC;IAEpD,MAAM;IAiDf,OAAO,CAAC,gBAAgB;IASxB,OAAO,CAAC,sBAAsB;IAI9B,OAAO,CAAC,kBAAkB;IAU1B,OAAO,CAAC,kBAAkB;IAU1B,OAAO,CAAC,eAAe;IAYvB,OAAO,CAAC,gBAAgB;IAKxB,OAAO,CAAC,iBAAiB;IAIhB,UAAU,CAAC,YAAY,EAAE,GAAG,CAAC,MAAM,GAAG,MAAM,GAAG,MAAM,EAAE,OAAO,CAAC;IAcxE,OAAO,CAAC,eAAe;IAMvB;mBACe;IACf,OAAO,CAAC,aAAa;IAQrB,gBAAgB;IAChB,OAAO,CAAC,eAAe,CAEpB;IAEM,YAAY;IAIZ,iBAAiB;IAQjB,oBAAoB;CAO9B;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,eAAe,EAAE,QAAQ,CAAC;KAC3B;CACF"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{_ as e,a as t,b as i,c as n,d as a}from"../../../vendor/tslib-Ac8XvvSX.js";import{e as s,o,x as d}from"../../../vendor/lit-html-fDTfWwFR.js";import{i as
|
|
1
|
+
import{_ as e,a as t,b as i,c as n,d as a}from"../../../vendor/tslib-Ac8XvvSX.js";import{e as s,o,x as d}from"../../../vendor/lit-html-fDTfWwFR.js";import{i as l,a as r,t as c,r as h,n as p,o as v,e as m}from"../../../vendor/@lit/reactive-element-f91Vet7N.js";import{i as g}from"../../../vendor/lit-element-DxLLCKb1.js";import{d as u}from"../../../vendor/deepmerge-ts-OFb5ej8y.js";import{debounce as k}from"../../../common/helpers/helpers.js";import"../../reusable/button/button.js";import{h as x,p as b}from"../../../vendor/@kyndryl-design-system/shidoka-icons-DALQfz_R.js";import"../../reusable/button/defs.js";var _=l`*,
|
|
2
2
|
*::before,
|
|
3
3
|
*::after {
|
|
4
4
|
box-sizing: border-box;
|
|
@@ -68,9 +68,12 @@ nav {
|
|
|
68
68
|
bottom: 8px;
|
|
69
69
|
padding-top: 8px;
|
|
70
70
|
border-radius: 8px;
|
|
71
|
-
transition: width 300ms ease-in-out, border-color 300ms ease-out;
|
|
71
|
+
transition: width 300ms ease-in-out, border-color 300ms ease-out, inset 150ms ease-out;
|
|
72
72
|
width: var(--kd-local-nav-width);
|
|
73
73
|
}
|
|
74
|
+
nav.scrolled {
|
|
75
|
+
top: calc(var(--kd-local-nav-offset-top) - 8px);
|
|
76
|
+
}
|
|
74
77
|
nav.pinned {
|
|
75
78
|
box-shadow: none;
|
|
76
79
|
}
|
|
@@ -240,7 +243,7 @@ slot[name=search]::slotted(*) {
|
|
|
240
243
|
}
|
|
241
244
|
.pinned .pin-icon {
|
|
242
245
|
transform: rotate(180deg);
|
|
243
|
-
}`;const
|
|
246
|
+
}`;const f={pin:"Pin",unpin:"Unpin",toggleMenu:"Toggle Menu",collapse:"Collapse",menu:"Menu"};let y=(()=>{var l,y,w,E,S,T,L,z,M,C;let j,$,W,P,A,N,O,U,D,q,B,Y,F=[c("kyn-local-nav")],G=[],H=g,I=[],J=[],K=[],Q=[],R=[],V=[],X=[],Z=[],ee=[],te=[],ie=[],ne=[],ae=[],se=[],oe=[],de=[],le=[],re=[],ce=[],he=[];return $=class extends H{constructor(){super(...arguments),l.set(this,i(this,I,!1)),y.set(this,(i(this,J),i(this,K,f))),w.set(this,(i(this,Q),i(this,R,f))),E.set(this,(i(this,V),i(this,X,!1))),S.set(this,(i(this,Z),i(this,ee,!1))),T.set(this,(i(this,te),i(this,ie,void 0))),L.set(this,(i(this,ne),i(this,ae,void 0))),z.set(this,(i(this,se),i(this,oe,void 0))),this._enterTimer=(i(this,de),null),M.set(this,i(this,le,null)),C.set(this,(i(this,re),i(this,ce,void 0))),this._onDocumentClick=(i(this,he),e=>this._handleClickOut(e)),this._onLinkActive=e=>this._handleLinkActive(e),this._debounceScroll=k((()=>{this._handleScroll()}))}get pinned(){return n(this,l,"f")}set pinned(e){a(this,l,e,"f")}get textStrings(){return n(this,y,"f")}set textStrings(e){a(this,y,e,"f")}get _textStrings(){return n(this,w,"f")}set _textStrings(e){a(this,w,e,"f")}get _expanded(){return n(this,E,"f")}set _expanded(e){a(this,E,e,"f")}get _mobileExpanded(){return n(this,S,"f")}set _mobileExpanded(e){a(this,S,e,"f")}get _activeLinkText(){return n(this,T,"f")}set _activeLinkText(e){a(this,T,e,"f")}get _navLinks(){return n(this,L,"f")}set _navLinks(e){a(this,L,e,"f")}get _dividers(){return n(this,z,"f")}set _dividers(e){a(this,z,e,"f")}get _leaveTimer(){return n(this,M,"f")}set _leaveTimer(e){a(this,M,e,"f")}get _navEl(){return n(this,C,"f")}set _navEl(e){a(this,C,e,"f")}render(){return d`
|
|
244
247
|
<nav
|
|
245
248
|
class=${s({"nav--expanded":this._expanded||this.pinned,"nav--expanded-mobile":this._mobileExpanded,pinned:this.pinned})}
|
|
246
249
|
@pointerleave=${e=>this.handlePointerLeave(e)}
|
|
@@ -253,7 +256,7 @@ slot[name=search]::slotted(*) {
|
|
|
253
256
|
@click=${this._handleMobileNavToggle}
|
|
254
257
|
>
|
|
255
258
|
${this._mobileExpanded?this._textStrings.collapse:this._activeLinkText||this._textStrings.menu}
|
|
256
|
-
${o(
|
|
259
|
+
${o(x)}
|
|
257
260
|
</button>
|
|
258
261
|
|
|
259
262
|
<div class="search">
|
|
@@ -271,11 +274,11 @@ slot[name=search]::slotted(*) {
|
|
|
271
274
|
description=${this.pinned?this._textStrings.unpin:this._textStrings.pin}
|
|
272
275
|
@on-click=${e=>this._handleNavToggle(e)}
|
|
273
276
|
>
|
|
274
|
-
<span class="pin-icon" slot="icon"> ${o(
|
|
277
|
+
<span class="pin-icon" slot="icon"> ${o(b)} </span>
|
|
275
278
|
</kyn-button>
|
|
276
279
|
</div>
|
|
277
280
|
</nav>
|
|
278
281
|
|
|
279
282
|
<div class="overlay ${this.pinned?"pinned":""}"></div>
|
|
280
|
-
`}_handleNavToggle(e){this.pinned=!this.pinned;const t=new CustomEvent("on-toggle",{detail:{pinned:this.pinned,origEvent:e}});this.dispatchEvent(t)}_handleMobileNavToggle(){this._mobileExpanded=!this._mobileExpanded}handlePointerEnter(e){"mouse"===e.pointerType&&(null!==this._leaveTimer&&clearTimeout(this._leaveTimer),this._enterTimer=window.setTimeout((()=>{this._expanded=!0}),150))}handlePointerLeave(e){"mouse"===e.pointerType&&(null!==this._enterTimer&&clearTimeout(this._enterTimer),this._leaveTimer=window.setTimeout((()=>{this._expanded=!1}),150))}_updateChildren(){var e,t;(null!==(e=this._navLinks)&&void 0!==e?e:[]).forEach((e=>{e._navExpanded=this._expanded||this.pinned,e._navExpandedMobile=this._mobileExpanded})),(null!==(t=this._dividers)&&void 0!==t?t:[]).forEach((e=>{e._navExpanded=this._expanded||this.pinned||this._mobileExpanded}))}handleSlotChange(){this._updateChildren(),this.requestUpdate()}_handleLinkActive(e){this._activeLinkText=e.detail.text}willUpdate(e){(e.has("_expanded")||e.has("pinned")||e.has("_mobileExpanded"))&&this._updateChildren(),e.has("textStrings")&&(this._textStrings=
|
|
283
|
+
`}_handleNavToggle(e){this.pinned=!this.pinned;const t=new CustomEvent("on-toggle",{detail:{pinned:this.pinned,origEvent:e}});this.dispatchEvent(t)}_handleMobileNavToggle(){this._mobileExpanded=!this._mobileExpanded}handlePointerEnter(e){"mouse"===e.pointerType&&(null!==this._leaveTimer&&clearTimeout(this._leaveTimer),this._enterTimer=window.setTimeout((()=>{this._expanded=!0}),150))}handlePointerLeave(e){"mouse"===e.pointerType&&(null!==this._enterTimer&&clearTimeout(this._enterTimer),this._leaveTimer=window.setTimeout((()=>{this._expanded=!1}),150))}_updateChildren(){var e,t;(null!==(e=this._navLinks)&&void 0!==e?e:[]).forEach((e=>{e._navExpanded=this._expanded||this.pinned,e._navExpandedMobile=this._mobileExpanded})),(null!==(t=this._dividers)&&void 0!==t?t:[]).forEach((e=>{e._navExpanded=this._expanded||this.pinned||this._mobileExpanded}))}handleSlotChange(){this._updateChildren(),this.requestUpdate()}_handleLinkActive(e){this._activeLinkText=e.detail.text}willUpdate(e){(e.has("_expanded")||e.has("pinned")||e.has("_mobileExpanded"))&&this._updateChildren(),e.has("textStrings")&&(this._textStrings=u(f,this.textStrings))}_handleClickOut(e){e.composedPath().includes(this)||(this._expanded=!1)}_handleScroll(){window.scrollY>0?this._navEl.classList.add("scrolled"):this._navEl.classList.remove("scrolled")}firstUpdated(){this._handleScroll()}connectedCallback(){super.connectedCallback(),document.addEventListener("click",this._onDocumentClick),this.addEventListener("on-link-active",this._onLinkActive),window.addEventListener("scroll",this._debounceScroll)}disconnectedCallback(){document.removeEventListener("click",this._onDocumentClick),this.removeEventListener("on-link-active",this._onLinkActive),window.removeEventListener("scroll",this._debounceScroll),super.disconnectedCallback()}},l=new WeakMap,y=new WeakMap,w=new WeakMap,E=new WeakMap,S=new WeakMap,T=new WeakMap,L=new WeakMap,z=new WeakMap,M=new WeakMap,C=new WeakMap,e($,"LocalNav"),(()=>{var e;const i="function"==typeof Symbol&&Symbol.metadata?Object.create(null!==(e=H[Symbol.metadata])&&void 0!==e?e:null):void 0;W=[p({type:Boolean})],P=[p({type:Object})],A=[r()],N=[r()],O=[r()],U=[r()],D=[v({selector:"kyn-local-nav-link"})],q=[v({selector:"kyn-local-nav-divider"})],B=[r()],Y=[m("nav")],t($,null,W,{kind:"accessor",name:"pinned",static:!1,private:!1,access:{has:e=>"pinned"in e,get:e=>e.pinned,set:(e,t)=>{e.pinned=t}},metadata:i},I,J),t($,null,P,{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:i},K,Q),t($,null,A,{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:i},R,V),t($,null,N,{kind:"accessor",name:"_expanded",static:!1,private:!1,access:{has:e=>"_expanded"in e,get:e=>e._expanded,set:(e,t)=>{e._expanded=t}},metadata:i},X,Z),t($,null,O,{kind:"accessor",name:"_mobileExpanded",static:!1,private:!1,access:{has:e=>"_mobileExpanded"in e,get:e=>e._mobileExpanded,set:(e,t)=>{e._mobileExpanded=t}},metadata:i},ee,te),t($,null,U,{kind:"accessor",name:"_activeLinkText",static:!1,private:!1,access:{has:e=>"_activeLinkText"in e,get:e=>e._activeLinkText,set:(e,t)=>{e._activeLinkText=t}},metadata:i},ie,ne),t($,null,D,{kind:"accessor",name:"_navLinks",static:!1,private:!1,access:{has:e=>"_navLinks"in e,get:e=>e._navLinks,set:(e,t)=>{e._navLinks=t}},metadata:i},ae,se),t($,null,q,{kind:"accessor",name:"_dividers",static:!1,private:!1,access:{has:e=>"_dividers"in e,get:e=>e._dividers,set:(e,t)=>{e._dividers=t}},metadata:i},oe,de),t($,null,B,{kind:"accessor",name:"_leaveTimer",static:!1,private:!1,access:{has:e=>"_leaveTimer"in e,get:e=>e._leaveTimer,set:(e,t)=>{e._leaveTimer=t}},metadata:i},le,re),t($,null,Y,{kind:"accessor",name:"_navEl",static:!1,private:!1,access:{has:e=>"_navEl"in e,get:e=>e._navEl,set:(e,t)=>{e._navEl=t}},metadata:i},ce,he),t(null,j={value:$},F,{kind:"class",name:$.name,metadata:i},null,G),$=j.value,i&&Object.defineProperty($,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:i})})(),$.styles=h(_),i($,G),$})();export{y as LocalNav};
|
|
281
284
|
//# sourceMappingURL=localNav.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"localNav.js","sources":["../../../../src/components/global/localNav/localNav.ts"],"sourcesContent":["import { unsafeSVG } from 'lit-html/directives/unsafe-svg.js';\nimport { LitElement, html, unsafeCSS } from 'lit';\nimport {\n customElement,\n property,\n state,\n queryAssignedElements,\n} from 'lit/decorators.js';\nimport { classMap } from 'lit/directives/class-map.js';\nimport { deepmerge } from 'deepmerge-ts';\n\nimport '../../reusable/button';\n\nimport LocalNavScss from './localNav.scss?inline';\n\nimport arrowIcon from '@kyndryl-design-system/shidoka-icons/svg/monochrome/16/chevron-down.svg';\nimport pinIcon from '@kyndryl-design-system/shidoka-icons/svg/monochrome/20/side-drawer-out.svg';\n\nconst _defaultTextStrings = {\n pin: 'Pin',\n unpin: 'Unpin',\n toggleMenu: 'Toggle Menu',\n collapse: 'Collapse',\n menu: 'Menu',\n};\n\n/**\n * The global Side Navigation component.\n * @slot unnamed - The default slot, for local nav links.\n * @slot search - Slot for a search input\n * @fires on-toggle - Captures the click event and emits the pinned state and original event details. `detail:{ pinned: boolean, origEvent: Event }`\n */\n@customElement('kyn-local-nav')\nexport class LocalNav extends LitElement {\n static override styles = unsafeCSS(LocalNavScss);\n\n /** Local nav pinned state. */\n @property({ type: Boolean })\n accessor pinned = false;\n\n /** Text string customization. */\n @property({ type: Object })\n accessor textStrings = _defaultTextStrings;\n\n /** Internal text strings.\n * @internal\n */\n @state()\n accessor _textStrings = _defaultTextStrings;\n\n /** Local nav desktop expanded state.\n * @internal\n */\n @state()\n accessor _expanded = false;\n\n /** Local nav mobile expanded state.\n * @internal\n */\n @state()\n accessor _mobileExpanded = false;\n\n /** Active Link text.\n * @internal\n */\n @state()\n accessor _activeLinkText!: string;\n\n /** Queries top-level slotted links.\n * @internal\n */\n @queryAssignedElements({ selector: 'kyn-local-nav-link' })\n accessor _navLinks!: HTMLElement[];\n\n /** Queries top-level slotted dividers.\n * @internal\n */\n @queryAssignedElements({ selector: 'kyn-local-nav-divider' })\n accessor _dividers!: HTMLElement[];\n\n /** Timeout function to delay flyout open.\n * @internal\n */\n private _enterTimer: number | null = null;\n\n /** Timeout function to delay flyout close.\n * @internal\n */\n @state()\n accessor _leaveTimer: number | null = null;\n\n private _onDocumentClick = (e: Event) => this._handleClickOut(e);\n private _onLinkActive = (e: Event) =>\n this._handleLinkActive(e as CustomEvent<{ text: string }>);\n\n override render() {\n return html`\n <nav\n class=${classMap({\n 'nav--expanded': this._expanded || this.pinned,\n 'nav--expanded-mobile': this._mobileExpanded,\n pinned: this.pinned,\n })}\n @pointerleave=${(e: PointerEvent) => this.handlePointerLeave(e)}\n @pointerenter=${(e: PointerEvent) => this.handlePointerEnter(e)}\n >\n <button\n class=\"mobile-toggle\"\n title=${this._textStrings.toggleMenu}\n aria-label=${this._textStrings.toggleMenu}\n @click=${this._handleMobileNavToggle}\n >\n ${this._mobileExpanded\n ? this._textStrings.collapse\n : this._activeLinkText || this._textStrings.menu}\n ${unsafeSVG(arrowIcon)}\n </button>\n\n <div class=\"search\">\n <slot name=\"search\"></slot>\n </div>\n\n <div class=\"links\">\n <slot @slotchange=${this.handleSlotChange}></slot>\n </div>\n\n <div class=\"toggle-container\">\n <kyn-button\n kind=\"ghost\"\n size=\"small\"\n description=${this.pinned\n ? this._textStrings.unpin\n : this._textStrings.pin}\n @on-click=${(e: Event) => this._handleNavToggle(e)}\n >\n <span class=\"pin-icon\" slot=\"icon\"> ${unsafeSVG(pinIcon)} </span>\n </kyn-button>\n </div>\n </nav>\n\n <div class=\"overlay ${this.pinned ? 'pinned' : ''}\"></div>\n `;\n }\n\n private _handleNavToggle(e: Event) {\n this.pinned = !this.pinned;\n\n const event = new CustomEvent('on-toggle', {\n detail: { pinned: this.pinned, origEvent: e },\n });\n this.dispatchEvent(event);\n }\n\n private _handleMobileNavToggle() {\n this._mobileExpanded = !this._mobileExpanded;\n }\n\n private handlePointerEnter(e: PointerEvent) {\n if (e.pointerType === 'mouse') {\n if (this._leaveTimer !== null) clearTimeout(this._leaveTimer);\n\n this._enterTimer = window.setTimeout(() => {\n this._expanded = true;\n }, 150);\n }\n }\n\n private handlePointerLeave(e: PointerEvent) {\n if (e.pointerType === 'mouse') {\n if (this._enterTimer !== null) clearTimeout(this._enterTimer);\n\n this._leaveTimer = window.setTimeout(() => {\n this._expanded = false;\n }, 150);\n }\n }\n\n private _updateChildren() {\n (this._navLinks ?? []).forEach((link: HTMLElement) => {\n (link as any)._navExpanded = this._expanded || this.pinned;\n (link as any)._navExpandedMobile = this._mobileExpanded;\n });\n\n (this._dividers ?? []).forEach((divider: HTMLElement) => {\n (divider as any)._navExpanded =\n this._expanded || this.pinned || this._mobileExpanded;\n });\n }\n\n private handleSlotChange() {\n this._updateChildren();\n this.requestUpdate();\n }\n\n private _handleLinkActive(e: CustomEvent<{ text: string }>) {\n this._activeLinkText = e.detail.text;\n }\n\n override willUpdate(changedProps: Map<string | number | symbol, unknown>) {\n if (\n changedProps.has('_expanded') ||\n changedProps.has('pinned') ||\n changedProps.has('_mobileExpanded')\n ) {\n this._updateChildren();\n }\n\n if (changedProps.has('textStrings')) {\n this._textStrings = deepmerge(_defaultTextStrings, this.textStrings);\n }\n }\n\n private _handleClickOut(e: Event) {\n if (!e.composedPath().includes(this)) {\n this._expanded = false;\n }\n }\n\n override connectedCallback() {\n super.connectedCallback();\n document.addEventListener('click', this._onDocumentClick);\n this.addEventListener('on-link-active', this._onLinkActive);\n }\n\n override disconnectedCallback() {\n document.removeEventListener('click', this._onDocumentClick);\n this.removeEventListener('on-link-active', this._onLinkActive);\n super.disconnectedCallback();\n }\n}\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'kyn-local-nav': LocalNav;\n }\n}\n"],"names":["_defaultTextStrings","pin","unpin","toggleMenu","collapse","menu","LocalNav","customElement","LitElement","_classThis","_classSuper","_LocalNav_pinned_accessor_storage","set","this","__runInitializers","_pinned_initializers","_LocalNav_textStrings_accessor_storage","_pinned_extraInitializers","_textStrings_initializers","_LocalNav__textStrings_accessor_storage","_textStrings_extraInitializers","__textStrings_initializers","_LocalNav__expanded_accessor_storage","__textStrings_extraInitializers","__expanded_initializers","_LocalNav__mobileExpanded_accessor_storage","__expanded_extraInitializers","__mobileExpanded_initializers","_LocalNav__activeLinkText_accessor_storage","__mobileExpanded_extraInitializers","__activeLinkText_initializers","_LocalNav__navLinks_accessor_storage","__activeLinkText_extraInitializers","__navLinks_initializers","_LocalNav__dividers_accessor_storage","__navLinks_extraInitializers","__dividers_initializers","_enterTimer","__dividers_extraInitializers","_LocalNav__leaveTimer_accessor_storage","__leaveTimer_initializers","_onDocumentClick","__leaveTimer_extraInitializers","e","_handleClickOut","_onLinkActive","_handleLinkActive","pinned","__classPrivateFieldGet","value","__classPrivateFieldSet","textStrings","_textStrings","_expanded","_mobileExpanded","_activeLinkText","_navLinks","_dividers","_leaveTimer","render","html","classMap","handlePointerLeave","handlePointerEnter","_handleMobileNavToggle","unsafeSVG","arrowIcon","handleSlotChange","_handleNavToggle","pinIcon","event","CustomEvent","detail","origEvent","dispatchEvent","pointerType","clearTimeout","window","setTimeout","_updateChildren","_a","forEach","link","_navExpanded","_navExpandedMobile","_b","divider","requestUpdate","text","willUpdate","changedProps","has","deepmerge","composedPath","includes","connectedCallback","super","document","addEventListener","disconnectedCallback","removeEventListener","_pinned_decorators","property","type","Boolean","_textStrings_decorators","Object","__textStrings_decorators","state","__expanded_decorators","__mobileExpanded_decorators","__activeLinkText_decorators","__navLinks_decorators","queryAssignedElements","selector","__dividers_decorators","__leaveTimer_decorators","__esDecorate","kind","name","static","private","access","obj","get","metadata","_metadata","_classDescriptor","_classDecorators","_classExtraInitializers","styles","unsafeCSS","LocalNavScss"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"localNav.js","sources":["../../../../src/components/global/localNav/localNav.ts"],"sourcesContent":["import { unsafeSVG } from 'lit-html/directives/unsafe-svg.js';\nimport { LitElement, html, unsafeCSS } from 'lit';\nimport {\n customElement,\n property,\n state,\n query,\n queryAssignedElements,\n} from 'lit/decorators.js';\nimport { classMap } from 'lit/directives/class-map.js';\nimport { deepmerge } from 'deepmerge-ts';\nimport { debounce } from '../../../common/helpers/helpers';\n\nimport '../../reusable/button';\n\nimport LocalNavScss from './localNav.scss?inline';\n\nimport arrowIcon from '@kyndryl-design-system/shidoka-icons/svg/monochrome/16/chevron-down.svg';\nimport pinIcon from '@kyndryl-design-system/shidoka-icons/svg/monochrome/20/side-drawer-out.svg';\n\nconst _defaultTextStrings = {\n pin: 'Pin',\n unpin: 'Unpin',\n toggleMenu: 'Toggle Menu',\n collapse: 'Collapse',\n menu: 'Menu',\n};\n\n/**\n * The global Side Navigation component.\n * @slot unnamed - The default slot, for local nav links.\n * @slot search - Slot for a search input\n * @fires on-toggle - Captures the click event and emits the pinned state and original event details. `detail:{ pinned: boolean, origEvent: Event }`\n */\n@customElement('kyn-local-nav')\nexport class LocalNav extends LitElement {\n static override styles = unsafeCSS(LocalNavScss);\n\n /** Local nav pinned state. */\n @property({ type: Boolean })\n accessor pinned = false;\n\n /** Text string customization. */\n @property({ type: Object })\n accessor textStrings = _defaultTextStrings;\n\n /** Internal text strings.\n * @internal\n */\n @state()\n accessor _textStrings = _defaultTextStrings;\n\n /** Local nav desktop expanded state.\n * @internal\n */\n @state()\n accessor _expanded = false;\n\n /** Local nav mobile expanded state.\n * @internal\n */\n @state()\n accessor _mobileExpanded = false;\n\n /** Active Link text.\n * @internal\n */\n @state()\n accessor _activeLinkText!: string;\n\n /** Queries top-level slotted links.\n * @internal\n */\n @queryAssignedElements({ selector: 'kyn-local-nav-link' })\n accessor _navLinks!: HTMLElement[];\n\n /** Queries top-level slotted dividers.\n * @internal\n */\n @queryAssignedElements({ selector: 'kyn-local-nav-divider' })\n accessor _dividers!: HTMLElement[];\n\n /** Timeout function to delay flyout open.\n * @internal\n */\n private _enterTimer: number | null = null;\n\n /** Timeout function to delay flyout close.\n * @internal\n */\n @state()\n accessor _leaveTimer: number | null = null;\n\n /** @internal */\n @query('nav')\n accessor _navEl!: HTMLElement;\n\n private _onDocumentClick = (e: Event) => this._handleClickOut(e);\n private _onLinkActive = (e: Event) =>\n this._handleLinkActive(e as CustomEvent<{ text: string }>);\n\n override render() {\n return html`\n <nav\n class=${classMap({\n 'nav--expanded': this._expanded || this.pinned,\n 'nav--expanded-mobile': this._mobileExpanded,\n pinned: this.pinned,\n })}\n @pointerleave=${(e: PointerEvent) => this.handlePointerLeave(e)}\n @pointerenter=${(e: PointerEvent) => this.handlePointerEnter(e)}\n >\n <button\n class=\"mobile-toggle\"\n title=${this._textStrings.toggleMenu}\n aria-label=${this._textStrings.toggleMenu}\n @click=${this._handleMobileNavToggle}\n >\n ${this._mobileExpanded\n ? this._textStrings.collapse\n : this._activeLinkText || this._textStrings.menu}\n ${unsafeSVG(arrowIcon)}\n </button>\n\n <div class=\"search\">\n <slot name=\"search\"></slot>\n </div>\n\n <div class=\"links\">\n <slot @slotchange=${this.handleSlotChange}></slot>\n </div>\n\n <div class=\"toggle-container\">\n <kyn-button\n kind=\"ghost\"\n size=\"small\"\n description=${this.pinned\n ? this._textStrings.unpin\n : this._textStrings.pin}\n @on-click=${(e: Event) => this._handleNavToggle(e)}\n >\n <span class=\"pin-icon\" slot=\"icon\"> ${unsafeSVG(pinIcon)} </span>\n </kyn-button>\n </div>\n </nav>\n\n <div class=\"overlay ${this.pinned ? 'pinned' : ''}\"></div>\n `;\n }\n\n private _handleNavToggle(e: Event) {\n this.pinned = !this.pinned;\n\n const event = new CustomEvent('on-toggle', {\n detail: { pinned: this.pinned, origEvent: e },\n });\n this.dispatchEvent(event);\n }\n\n private _handleMobileNavToggle() {\n this._mobileExpanded = !this._mobileExpanded;\n }\n\n private handlePointerEnter(e: PointerEvent) {\n if (e.pointerType === 'mouse') {\n if (this._leaveTimer !== null) clearTimeout(this._leaveTimer);\n\n this._enterTimer = window.setTimeout(() => {\n this._expanded = true;\n }, 150);\n }\n }\n\n private handlePointerLeave(e: PointerEvent) {\n if (e.pointerType === 'mouse') {\n if (this._enterTimer !== null) clearTimeout(this._enterTimer);\n\n this._leaveTimer = window.setTimeout(() => {\n this._expanded = false;\n }, 150);\n }\n }\n\n private _updateChildren() {\n (this._navLinks ?? []).forEach((link: HTMLElement) => {\n (link as any)._navExpanded = this._expanded || this.pinned;\n (link as any)._navExpandedMobile = this._mobileExpanded;\n });\n\n (this._dividers ?? []).forEach((divider: HTMLElement) => {\n (divider as any)._navExpanded =\n this._expanded || this.pinned || this._mobileExpanded;\n });\n }\n\n private handleSlotChange() {\n this._updateChildren();\n this.requestUpdate();\n }\n\n private _handleLinkActive(e: CustomEvent<{ text: string }>) {\n this._activeLinkText = e.detail.text;\n }\n\n override willUpdate(changedProps: Map<string | number | symbol, unknown>) {\n if (\n changedProps.has('_expanded') ||\n changedProps.has('pinned') ||\n changedProps.has('_mobileExpanded')\n ) {\n this._updateChildren();\n }\n\n if (changedProps.has('textStrings')) {\n this._textStrings = deepmerge(_defaultTextStrings, this.textStrings);\n }\n }\n\n private _handleClickOut(e: Event) {\n if (!e.composedPath().includes(this)) {\n this._expanded = false;\n }\n }\n\n /** Morph header on scroll.\n * @internal */\n private _handleScroll() {\n if (window.scrollY > 0) {\n this._navEl.classList.add('scrolled');\n } else {\n this._navEl.classList.remove('scrolled');\n }\n }\n\n /** @internal */\n private _debounceScroll = debounce(() => {\n this._handleScroll();\n });\n\n override firstUpdated() {\n this._handleScroll();\n }\n\n override connectedCallback() {\n super.connectedCallback();\n\n document.addEventListener('click', this._onDocumentClick);\n this.addEventListener('on-link-active', this._onLinkActive);\n window.addEventListener('scroll', this._debounceScroll);\n }\n\n override disconnectedCallback() {\n document.removeEventListener('click', this._onDocumentClick);\n this.removeEventListener('on-link-active', this._onLinkActive);\n window.removeEventListener('scroll', this._debounceScroll);\n\n super.disconnectedCallback();\n }\n}\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'kyn-local-nav': LocalNav;\n }\n}\n"],"names":["_defaultTextStrings","pin","unpin","toggleMenu","collapse","menu","LocalNav","customElement","LitElement","_classThis","_classSuper","_LocalNav_pinned_accessor_storage","set","this","__runInitializers","_pinned_initializers","_LocalNav_textStrings_accessor_storage","_pinned_extraInitializers","_textStrings_initializers","_LocalNav__textStrings_accessor_storage","_textStrings_extraInitializers","__textStrings_initializers","_LocalNav__expanded_accessor_storage","__textStrings_extraInitializers","__expanded_initializers","_LocalNav__mobileExpanded_accessor_storage","__expanded_extraInitializers","__mobileExpanded_initializers","_LocalNav__activeLinkText_accessor_storage","__mobileExpanded_extraInitializers","__activeLinkText_initializers","_LocalNav__navLinks_accessor_storage","__activeLinkText_extraInitializers","__navLinks_initializers","_LocalNav__dividers_accessor_storage","__navLinks_extraInitializers","__dividers_initializers","_enterTimer","__dividers_extraInitializers","_LocalNav__leaveTimer_accessor_storage","__leaveTimer_initializers","_LocalNav__navEl_accessor_storage","__leaveTimer_extraInitializers","__navEl_initializers","_onDocumentClick","__navEl_extraInitializers","e","_handleClickOut","_onLinkActive","_handleLinkActive","_debounceScroll","debounce","_handleScroll","pinned","__classPrivateFieldGet","value","__classPrivateFieldSet","textStrings","_textStrings","_expanded","_mobileExpanded","_activeLinkText","_navLinks","_dividers","_leaveTimer","_navEl","render","html","classMap","handlePointerLeave","handlePointerEnter","_handleMobileNavToggle","unsafeSVG","arrowIcon","handleSlotChange","_handleNavToggle","pinIcon","event","CustomEvent","detail","origEvent","dispatchEvent","pointerType","clearTimeout","window","setTimeout","_updateChildren","_a","forEach","link","_navExpanded","_navExpandedMobile","_b","divider","requestUpdate","text","willUpdate","changedProps","has","deepmerge","composedPath","includes","scrollY","classList","add","remove","firstUpdated","connectedCallback","super","document","addEventListener","disconnectedCallback","removeEventListener","_pinned_decorators","property","type","Boolean","_textStrings_decorators","Object","__textStrings_decorators","state","__expanded_decorators","__mobileExpanded_decorators","__activeLinkText_decorators","__navLinks_decorators","queryAssignedElements","selector","__dividers_decorators","__leaveTimer_decorators","query","__esDecorate","kind","name","static","private","access","obj","get","metadata","_metadata","__navEl_decorators","_classDescriptor","_classDecorators","_classExtraInitializers","styles","unsafeCSS","LocalNavScss"],"mappings":"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"}
|