npm - @kyndryl-design-system/shidoka-applications - Versions diffs - 2.97.9 → 2.98.0 - Mend

@kyndryl-design-system/shidoka-applications 2.97.9 → 2.98.0

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.

Files changed (128) hide show

package/common/helpers/swiper.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{a as e}from"../../vendor/@kyndryl-design-system/shidoka-icons-BF-nc1nV.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-CYoS5eiw.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 CHANGED Viewed

@@ -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{R as m,S as f,T as v,U as g,k as y,c as C}from"../../../vendor/@kyndryl-design-system/shidoka-icons-BF-nc1nV.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{R as m,S as f,T as v,U as g,k as y,c as C}from"../../../vendor/@kyndryl-design-system/shidoka-icons-CYoS5eiw.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;

package/components/ai/sourcesFeedback/index.js CHANGED Viewed

@@ -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-BF-nc1nV.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-CYoS5eiw.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/headerCategories.js CHANGED Viewed

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

package/components/global/header/headerCategory.js CHANGED Viewed

@@ -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 s,LitElement as r,unsafeCSS as o,html as l}from"lit";import{customElement as d,property as h,state as c}from"lit/decorators.js";import{styleMap as m}from"lit/directives/style-map.js";import{unsafeSVG as g}from"lit-html/directives/unsafe-svg.js";import{d as u}from"../../../vendor/@kyndryl-design-system/shidoka-icons-BF-nc1nV.js";import"./headerLink.js";import"lit/directives/class-map.js";import"lit/directives/if-defined.js";import"../../../common/helpers/helpers.js";import"../../reusable/textInput/textInput.js";import"deepmerge-ts";import"../../reusable/button/button.js";import"lit-html/directives/class-map.js";import"../../reusable/button/defs.js";import"../../../common/mixins/form-input.js";var k=s`*,
+import{__setFunctionName as e,__esDecorate as t,__runInitializers as i,__classPrivateFieldGet as a,__classPrivateFieldSet as n}from"tslib";import{css as s,LitElement as r,unsafeCSS as o,html as l}from"lit";import{customElement as d,property as h,state as c}from"lit/decorators.js";import{styleMap as m}from"lit/directives/style-map.js";import{unsafeSVG as g}from"lit-html/directives/unsafe-svg.js";import{d as u}from"../../../vendor/@kyndryl-design-system/shidoka-icons-CYoS5eiw.js";import"./headerLink.js";import"lit/directives/class-map.js";import"lit/directives/if-defined.js";import"../../../common/helpers/helpers.js";import"../../reusable/textInput/textInput.js";import"deepmerge-ts";import"../../reusable/button/button.js";import"lit-html/directives/class-map.js";import"../../reusable/button/defs.js";import"../../../common/mixins/form-input.js";var k=s`*,
 *::before,
 *::after {
   box-sizing: border-box;

package/components/global/header/headerFlyout.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import{__setFunctionName as e,__esDecorate as t,__runInitializers as i,__classPrivateFieldGet as a,__classPrivateFieldSet as o}from"tslib";import{unsafeSVG as n}from"lit-html/directives/unsafe-svg.js";import{css as s,LitElement as l,unsafeCSS as r,html as d}from"lit";import{customElement as m,state as c,property as h,queryAssignedElements as u}from"lit/decorators.js";import{classMap as b}from"lit/directives/class-map.js";import"../../reusable/link/link.js";import{LINK_TARGETS as p}from"../../reusable/link/defs.js";import{d as v,f as g,i as k,j as y,l as f}from"../../../vendor/@kyndryl-design-system/shidoka-icons-BF-nc1nV.js";import"lit-html/directives/class-map.js";var _=s`*,
+import{__setFunctionName as e,__esDecorate as t,__runInitializers as i,__classPrivateFieldGet as a,__classPrivateFieldSet as o}from"tslib";import{unsafeSVG as n}from"lit-html/directives/unsafe-svg.js";import{css as s,LitElement as l,unsafeCSS as r,html as d}from"lit";import{customElement as m,state as c,property as h,queryAssignedElements as u}from"lit/decorators.js";import{classMap as b}from"lit/directives/class-map.js";import"../../reusable/link/link.js";import{LINK_TARGETS as p}from"../../reusable/link/defs.js";import{d as v,f as g,i as k,j as y,l as f}from"../../../vendor/@kyndryl-design-system/shidoka-icons-CYoS5eiw.js";import"lit-html/directives/class-map.js";var _=s`*,
 *::before,
 *::after {
   box-sizing: border-box;

package/components/global/header/headerFlyouts.js CHANGED Viewed

@@ -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-BF-nc1nV.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-CYoS5eiw.js";var g=a`*,
 *::before,
 *::after {
   box-sizing: border-box;

package/components/global/header/headerLink.js CHANGED Viewed

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

package/components/global/header/headerNav.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import{__setFunctionName as e,__esDecorate as t,__runInitializers as i,__classPrivateFieldGet as o,__classPrivateFieldSet as n}from"tslib";import{unsafeSVG as a}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,state as u,property as p}from"lit/decorators.js";import{classMap as h}from"lit/directives/class-map.js";import{querySelectorAllDeep as m,querySelectorDeep as g}from"query-selector-shadow-dom";import{b as k,m as v}from"../../../vendor/@kyndryl-design-system/shidoka-icons-BF-nc1nV.js";var b=r`*,
+import{__setFunctionName as e,__esDecorate as t,__runInitializers as i,__classPrivateFieldGet as o,__classPrivateFieldSet as n}from"tslib";import{unsafeSVG as a}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,state as u,property as p}from"lit/decorators.js";import{classMap as h}from"lit/directives/class-map.js";import{querySelectorAllDeep as m,querySelectorDeep as g}from"query-selector-shadow-dom";import{b as k,m as v}from"../../../vendor/@kyndryl-design-system/shidoka-icons-CYoS5eiw.js";var b=r`*,
 *::before,
 *::after {
   box-sizing: border-box;

package/components/global/header/index.js CHANGED Viewed

@@ -1,2 +1,2 @@
-export{Header}from"./header.js";export{HeaderNav}from"./headerNav.js";export{HeaderLink}from"./headerLink.js";export{HeaderCategories}from"./headerCategories.js";export{HeaderCategory}from"./headerCategory.js";export{HeaderDivider}from"./headerDivider.js";export{HeaderFlyouts}from"./headerFlyouts.js";export{HeaderFlyout}from"./headerFlyout.js";export{HeaderUserProfile}from"./headerUserProfile.js";export{HeaderPanelLink}from"./headerPanelLink.js";export{HeaderNotificationPanel}from"./headerNotificationPanel.js";import"tslib";import"lit";import"lit/decorators.js";import"lit/directives/class-map.js";import"lit-html/directives/unsafe-html.js";import"../../../common/helpers/helpers.js";import"../../../vendor/@kyndryl-design-system/shidoka-foundation-7uii0Jz8.js";import"lit-html/directives/unsafe-svg.js";import"query-selector-shadow-dom";import"../../../vendor/@kyndryl-design-system/shidoka-icons-BF-nc1nV.js";import"lit/directives/style-map.js";import"lit/directives/if-defined.js";import"../../reusable/textInput/textInput.js";import"deepmerge-ts";import"../../reusable/button/button.js";import"lit-html/directives/class-map.js";import"../../reusable/button/defs.js";import"../../../common/mixins/form-input.js";import"../../reusable/link/link.js";import"../../reusable/link/defs.js";
+export{Header}from"./header.js";export{HeaderNav}from"./headerNav.js";export{HeaderLink}from"./headerLink.js";export{HeaderCategories}from"./headerCategories.js";export{HeaderCategory}from"./headerCategory.js";export{HeaderDivider}from"./headerDivider.js";export{HeaderFlyouts}from"./headerFlyouts.js";export{HeaderFlyout}from"./headerFlyout.js";export{HeaderUserProfile}from"./headerUserProfile.js";export{HeaderPanelLink}from"./headerPanelLink.js";export{HeaderNotificationPanel}from"./headerNotificationPanel.js";import"tslib";import"lit";import"lit/decorators.js";import"lit/directives/class-map.js";import"lit-html/directives/unsafe-html.js";import"../../../common/helpers/helpers.js";import"../../../vendor/@kyndryl-design-system/shidoka-foundation-7uii0Jz8.js";import"lit-html/directives/unsafe-svg.js";import"query-selector-shadow-dom";import"../../../vendor/@kyndryl-design-system/shidoka-icons-CYoS5eiw.js";import"lit/directives/style-map.js";import"lit/directives/if-defined.js";import"../../reusable/textInput/textInput.js";import"deepmerge-ts";import"../../reusable/button/button.js";import"lit-html/directives/class-map.js";import"../../reusable/button/defs.js";import"../../../common/mixins/form-input.js";import"../../reusable/link/link.js";import"../../reusable/link/defs.js";
 //# sourceMappingURL=index.js.map

package/components/global/localNav/index.js CHANGED Viewed

@@ -1,2 +1,2 @@
-export{LocalNav}from"./localNav.js";export{LocalNavLink}from"./localNavLink.js";export{LocalNavDivider}from"./localNavDivider.js";import"tslib";import"lit-html/directives/unsafe-svg.js";import"lit";import"lit/decorators.js";import"lit/directives/class-map.js";import"deepmerge-ts";import"../../../common/helpers/helpers.js";import"../../reusable/button/button.js";import"lit/directives/if-defined.js";import"lit-html/directives/class-map.js";import"../../reusable/button/defs.js";import"../../../vendor/@kyndryl-design-system/shidoka-icons-BF-nc1nV.js";
+export{LocalNav}from"./localNav.js";export{LocalNavLink}from"./localNavLink.js";export{LocalNavDivider}from"./localNavDivider.js";import"tslib";import"lit-html/directives/unsafe-svg.js";import"lit";import"lit/decorators.js";import"lit/directives/class-map.js";import"deepmerge-ts";import"../../../common/helpers/helpers.js";import"../../reusable/button/button.js";import"lit/directives/if-defined.js";import"lit-html/directives/class-map.js";import"../../reusable/button/defs.js";import"../../../vendor/@kyndryl-design-system/shidoka-icons-CYoS5eiw.js";import"../../reusable/tooltip/tooltip.js";
 //# sourceMappingURL=index.js.map

package/components/global/localNav/localNav.d.ts CHANGED Viewed

@@ -10,6 +10,14 @@ export declare class LocalNav extends LitElement {
     static styles: import("lit").CSSResult;
     /** Local nav pinned state. */
     accessor pinned: boolean;
+    /** Enables the manual-toggle interaction mode.
+     * Starts pinned/expanded by default and disables hover expansion.
+     */
+    accessor manualToggleVariant: boolean;
+    /** Whether the `manual-toggle` variant should start collapsed.
+     * By default, `manual-toggle` starts pinned/expanded.
+     */
+    accessor collapsedByDefault: boolean;
     /** Text string customization. */
     accessor textStrings: {
         pin: string;
@@ -58,8 +66,10 @@ export declare class LocalNav extends LitElement {
     accessor _leaveTimer: number | null;
     /** @internal */
     accessor _navEl: HTMLElement;
-    private _onDocumentClick;
-    private _onLinkActive;
+    /** @ignore */
+    private readonly _onDocumentClick;
+    /** @ignore */
+    private readonly _onLinkActive;
     render(): import("lit-html").TemplateResult<1>;
     private _handleNavToggle;
     private _handleMobileNavToggle;

package/components/global/localNav/localNav.d.ts.map CHANGED Viewed

	@@ -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;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	+ {"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;;OAEG;IAEH,QAAQ,CAAC,mBAAmB,UAAS;IAErC;;OAEG;IAEH,QAAQ,CAAC,kBAAkB,UAAS;IAEpC,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,cAAc;IACd,OAAO,CAAC,QAAQ,CAAC,gBAAgB,CAAyC;IAE1E,cAAc;IACd,OAAO,CAAC,QAAQ,CAAC,aAAa,CAC+B;IAEpD,MAAM;IA2Ef,OAAO,CAAC,gBAAgB;IAUxB,OAAO,CAAC,sBAAsB;IAI9B,OAAO,CAAC,kBAAkB;IAc1B,OAAO,CAAC,kBAAkB;IAc1B,OAAO,CAAC,eAAe;IAavB,OAAO,CAAC,gBAAgB;IAKxB,OAAO,CAAC,iBAAiB;IAIhB,UAAU,CAAC,YAAY,EAAE,GAAG,CAAC,MAAM,GAAG,MAAM,GAAG,MAAM,EAAE,OAAO,CAAC;IAwBxE,OAAO,CAAC,eAAe;IAUvB;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"}

package/components/global/localNav/localNav.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import{__setFunctionName as e,__esDecorate as t,__runInitializers as i,__classPrivateFieldGet as n,__classPrivateFieldSet as a}from"tslib";import{unsafeSVG as s}from"lit-html/directives/unsafe-svg.js";import{css as o,LitElement as d,unsafeCSS as l,html as r}from"lit";import{customElement as c,property as h,state as p,queryAssignedElements as m,query as v}from"lit/decorators.js";import{classMap as g}from"lit/directives/class-map.js";import{deepmerge as u}from"deepmerge-ts";import{debounce as k}from"../../../common/helpers/helpers.js";import"../../reusable/button/button.js";import{k as x,p as b}from"../../../vendor/@kyndryl-design-system/shidoka-icons-BF-nc1nV.js";import"lit/directives/if-defined.js";import"lit-html/directives/class-map.js";import"../../reusable/button/defs.js";var _=o`*,
+import{__setFunctionName as e,__esDecorate as t,__runInitializers as i,__classPrivateFieldGet as a,__classPrivateFieldSet as n}from"tslib";import{unsafeSVG as s}from"lit-html/directives/unsafe-svg.js";import{css as o,LitElement as l,unsafeCSS as d,html as r}from"lit";import{customElement as h,property as c,state as m,queryAssignedElements as p,query as v}from"lit/decorators.js";import{classMap as g}from"lit/directives/class-map.js";import{deepmerge as u}from"deepmerge-ts";import{debounce as k}from"../../../common/helpers/helpers.js";import"../../reusable/button/button.js";import{k as x,p as b}from"../../../vendor/@kyndryl-design-system/shidoka-icons-CYoS5eiw.js";import"lit/directives/if-defined.js";import"lit-html/directives/class-map.js";import"../../reusable/button/defs.js";var _=o`*,
 *::before,
 *::after {
   box-sizing: border-box;
@@ -74,7 +74,7 @@ nav {
   nav.scrolled {
     top: calc(var(--kd-local-nav-offset-top) - 8px);
   }
-  nav.pinned {
+  nav.pinned:not(.nav--manual-toggle) {
     box-shadow: none;
   }
 }
@@ -138,6 +138,37 @@ nav.nav--expanded-mobile {
 .nav--expanded .search, .nav--expanded-mobile .search {
   display: block;
 }
+@media (min-width: 42rem) {
+  .nav--manual-toggle .search {
+    display: block;
+    overflow: hidden;
+    max-height: 0;
+    opacity: 0;
+    pointer-events: none;
+    transition: max-height 220ms ease-out, opacity 160ms ease-out;
+  }
+}
+@media (min-width: 42rem) {
+  .nav--manual-toggle.nav--expanded .search {
+    max-height: 80px;
+    opacity: 1;
+    pointer-events: auto;
+  }
+}
+.manual-toggle-container {
+  display: none;
+  flex-shrink: 0;
+  justify-content: flex-start;
+  padding: 0 4px 8px;
+  margin-bottom: 12px;
+  border-bottom: 1px solid var(--kd-color-border-variants-light);
+}
+@media (min-width: 42rem) {
+  .manual-toggle-container {
+    display: flex;
+  }
+}
 slot[name=search]::slotted(*) {
   display: block;
@@ -171,16 +202,17 @@ slot[name=search]::slotted(*) {
   overflow-y: auto;
 }
 @media (min-width: 42rem) {
-  .nav--expanded .links {
-    height: 100%;
+  .nav--manual-toggle .links {
+    overflow-y: auto;
   }
 }
 @media (min-width: 42rem) {
   .links {
     position: static;
     display: flex;
+    flex: 1 1 auto;
     visibility: visible;
-    height: 100%;
+    min-height: 0;
     padding: 0;
     background: none;
   }
@@ -229,6 +261,7 @@ slot[name=search]::slotted(*) {
 .toggle-container {
   display: none;
+  flex-shrink: 0;
   padding: 8px 4px 4px;
   border-top: 1px solid var(--kd-color-border-variants-light);
 }
@@ -243,9 +276,9 @@ slot[name=search]::slotted(*) {
 }
 .pinned .pin-icon {
   transform: rotate(180deg);
-}`;const f={pin:"Pin",unpin:"Unpin",toggleMenu:"Toggle Menu",collapse:"Collapse",menu:"Menu"};let y=(()=>{var o,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=d,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),o.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,o,"f")}set pinned(e){a(this,o,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 r`
+}`;const f={pin:"Pin",unpin:"Unpin",toggleMenu:"Toggle Menu",collapse:"Collapse",menu:"Menu"};let y=(()=>{var o,y,w,T,E,S,L,M,z,$,V,C;let j,W,B,D,P,N,A,O,U,q,Y,F,G,H,I=[h("kyn-local-nav")],J=[],K=l,Q=[],R=[],X=[],Z=[],ee=[],te=[],ie=[],ae=[],ne=[],se=[],oe=[],le=[],de=[],re=[],he=[],ce=[],me=[],pe=[],ve=[],ge=[],ue=[],ke=[],xe=[],be=[];return W=class extends K{constructor(){super(...arguments),o.set(this,i(this,Q,!1)),y.set(this,(i(this,R),i(this,X,!1))),w.set(this,(i(this,Z),i(this,ee,!1))),T.set(this,(i(this,te),i(this,ie,f))),E.set(this,(i(this,ae),i(this,ne,f))),S.set(this,(i(this,se),i(this,oe,!1))),L.set(this,(i(this,le),i(this,de,!1))),M.set(this,(i(this,re),i(this,he,void 0))),z.set(this,(i(this,ce),i(this,me,void 0))),$.set(this,(i(this,pe),i(this,ve,void 0))),this._enterTimer=(i(this,ge),null),V.set(this,i(this,ue,null)),C.set(this,(i(this,ke),i(this,xe,void 0))),this._onDocumentClick=(i(this,be),e=>this._handleClickOut(e)),this._onLinkActive=e=>this._handleLinkActive(e),this._debounceScroll=k((()=>{this._handleScroll()}))}get pinned(){return a(this,o,"f")}set pinned(e){n(this,o,e,"f")}get manualToggleVariant(){return a(this,y,"f")}set manualToggleVariant(e){n(this,y,e,"f")}get collapsedByDefault(){return a(this,w,"f")}set collapsedByDefault(e){n(this,w,e,"f")}get textStrings(){return a(this,T,"f")}set textStrings(e){n(this,T,e,"f")}get _textStrings(){return a(this,E,"f")}set _textStrings(e){n(this,E,e,"f")}get _expanded(){return a(this,S,"f")}set _expanded(e){n(this,S,e,"f")}get _mobileExpanded(){return a(this,L,"f")}set _mobileExpanded(e){n(this,L,e,"f")}get _activeLinkText(){return a(this,M,"f")}set _activeLinkText(e){n(this,M,e,"f")}get _navLinks(){return a(this,z,"f")}set _navLinks(e){n(this,z,e,"f")}get _dividers(){return a(this,$,"f")}set _dividers(e){n(this,$,e,"f")}get _leaveTimer(){return a(this,V,"f")}set _leaveTimer(e){n(this,V,e,"f")}get _navEl(){return a(this,C,"f")}set _navEl(e){n(this,C,e,"f")}render(){return r`
       <nav
-        class=${g({"nav--expanded":this._expanded||this.pinned,"nav--expanded-mobile":this._mobileExpanded,pinned:this.pinned})}
+        class=${g({"nav--expanded":this._expanded||this.pinned,"nav--expanded-mobile":this._mobileExpanded,"nav--manual-toggle":this.manualToggleVariant,pinned:this.pinned})}
         @pointerleave=${e=>this.handlePointerLeave(e)}
         @pointerenter=${e=>this.handlePointerEnter(e)}
       >
@@ -259,6 +292,21 @@ slot[name=search]::slotted(*) {
           ${s(x)}
         </button>
+        ${this.manualToggleVariant?r`
+              <div class="manual-toggle-container">
+                <kyn-button
+                  kind="ghost"
+                  size="small"
+                  description=${this.pinned?this._textStrings.unpin:this._textStrings.pin}
+                  @on-click=${e=>this._handleNavToggle(e)}
+                >
+                  <span class="pin-icon" slot="icon">
+                    ${s(b)}
+                  </span>
+                </kyn-button>
+              </div>
+            `:null}
         <div class="search">
           <slot name="search"></slot>
         </div>
@@ -267,18 +315,22 @@ slot[name=search]::slotted(*) {
           <slot @slotchange=${this.handleSlotChange}></slot>
         </div>
-        <div class="toggle-container">
-          <kyn-button
-            kind="ghost"
-            size="small"
-            description=${this.pinned?this._textStrings.unpin:this._textStrings.pin}
-            @on-click=${e=>this._handleNavToggle(e)}
-          >
-            <span class="pin-icon" slot="icon"> ${s(b)} </span>
-          </kyn-button>
-        </div>
+        ${this.manualToggleVariant?null:r`
+              <div class="toggle-container">
+                <kyn-button
+                  kind="ghost"
+                  size="small"
+                  description=${this.pinned?this._textStrings.unpin:this._textStrings.pin}
+                  @on-click=${e=>this._handleNavToggle(e)}
+                >
+                  <span class="pin-icon" slot="icon">
+                    ${s(b)}
+                  </span>
+                </kyn-button>
+              </div>
+            `}
       </nav>
       <div class="overlay ${this.pinned?"pinned":""}"></div>
-    `}_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()}},o=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=[h({type:Boolean})],P=[h({type:Object})],A=[p()],N=[p()],O=[p()],U=[p()],D=[m({selector:"kyn-local-nav-link"})],q=[m({selector:"kyn-local-nav-divider"})],B=[p()],Y=[v("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=l(_),i($,G),$})();export{y as LocalNav};
+    `}_handleNavToggle(e){this.pinned=!this.pinned,this._expanded=!1;const t=new CustomEvent("on-toggle",{detail:{pinned:this.pinned,origEvent:e}});this.dispatchEvent(t)}_handleMobileNavToggle(){this._mobileExpanded=!this._mobileExpanded}handlePointerEnter(e){this.manualToggleVariant||"mouse"===e.pointerType&&(null!==this._leaveTimer&&clearTimeout(this._leaveTimer),this._enterTimer=window.setTimeout((()=>{this._expanded=!0}),150))}handlePointerLeave(e){this.manualToggleVariant||"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,e._manualToggleVariant=this.manualToggleVariant})),(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){this.manualToggleVariant&&(e.has("manualToggleVariant")||e.has("collapsedByDefault"))&&(this.pinned=!this.collapsedByDefault,this._expanded=!1),(e.has("_expanded")||e.has("pinned")||e.has("_mobileExpanded")||e.has("manualToggleVariant"))&&this._updateChildren(),e.has("textStrings")&&(this._textStrings=u(f,this.textStrings))}_handleClickOut(e){this.manualToggleVariant||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()}},o=new WeakMap,y=new WeakMap,w=new WeakMap,T=new WeakMap,E=new WeakMap,S=new WeakMap,L=new WeakMap,M=new WeakMap,z=new WeakMap,$=new WeakMap,V=new WeakMap,C=new WeakMap,e(W,"LocalNav"),(()=>{var e;const i="function"==typeof Symbol&&Symbol.metadata?Object.create(null!==(e=K[Symbol.metadata])&&void 0!==e?e:null):void 0;B=[c({type:Boolean})],D=[c({type:Boolean,attribute:"manual-toggle-variant"})],P=[c({type:Boolean,attribute:"collapsed-by-default"})],N=[c({type:Object})],A=[m()],O=[m()],U=[m()],q=[m()],Y=[p({selector:"kyn-local-nav-link"})],F=[p({selector:"kyn-local-nav-divider"})],G=[m()],H=[v("nav")],t(W,null,B,{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},Q,R),t(W,null,D,{kind:"accessor",name:"manualToggleVariant",static:!1,private:!1,access:{has:e=>"manualToggleVariant"in e,get:e=>e.manualToggleVariant,set:(e,t)=>{e.manualToggleVariant=t}},metadata:i},X,Z),t(W,null,P,{kind:"accessor",name:"collapsedByDefault",static:!1,private:!1,access:{has:e=>"collapsedByDefault"in e,get:e=>e.collapsedByDefault,set:(e,t)=>{e.collapsedByDefault=t}},metadata:i},ee,te),t(W,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:i},ie,ae),t(W,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},ne,se),t(W,null,O,{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},oe,le),t(W,null,U,{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},de,re),t(W,null,q,{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},he,ce),t(W,null,Y,{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},me,pe),t(W,null,F,{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},ve,ge),t(W,null,G,{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},ue,ke),t(W,null,H,{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},xe,be),t(null,j={value:W},I,{kind:"class",name:W.name,metadata:i},null,J),W=j.value,i&&Object.defineProperty(W,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:i})})(),W.styles=d(_),i(W,J),W})();export{y as LocalNav};
 //# sourceMappingURL=localNav.js.map

package/components/global/localNav/localNav.js.map CHANGED Viewed

	@@ -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 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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"}
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 /* Enables the manual-toggle interaction mode.\n * Starts pinned/expanded by default and disables hover expansion.\n /\n @property({ type: Boolean, attribute: 'manual-toggle-variant' })\n accessor manualToggleVariant = false;\n\n /* Whether the `manual-toggle` variant should start collapsed.\n * By default, `manual-toggle` starts pinned/expanded.\n /\n @property({ type: Boolean, attribute: 'collapsed-by-default' })\n accessor collapsedByDefault = 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 /* @ignore /\n private readonly _onDocumentClick = (e: Event) => this._handleClickOut(e);\n\n /* @ignore /\n private readonly _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 'nav--manual-toggle': this.manualToggleVariant,\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 ${this.manualToggleVariant\n ? html`\n <div class=\"manual-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\">\n ${unsafeSVG(pinIcon)}\n </span>\n </kyn-button>\n </div>\n `\n : null}\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 ${!this.manualToggleVariant\n ? html`\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\">\n ${unsafeSVG(pinIcon)}\n </span>\n </kyn-button>\n </div>\n `\n : null}\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 this._expanded = false;\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 (this.manualToggleVariant) {\n return;\n }\n\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 (this.manualToggleVariant) {\n return;\n }\n\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 (link as any)._manualToggleVariant = this.manualToggleVariant;\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 this.manualToggleVariant &&\n (changedProps.has('manualToggleVariant') \|\|\n changedProps.has('collapsedByDefault'))\n ) {\n this.pinned = !this.collapsedByDefault;\n this._expanded = false;\n }\n\n if (\n changedProps.has('_expanded') \|\|\n changedProps.has('pinned') \|\|\n changedProps.has('_mobileExpanded') \|\|\n changedProps.has('manualToggleVariant')\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 (this.manualToggleVariant) {\n return;\n }\n\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_manualToggleVariant_accessor_storage","_pinned_extraInitializers","_manualToggleVariant_initializers","_LocalNav_collapsedByDefault_accessor_storage","_manualToggleVariant_extraInitializers","_collapsedByDefault_initializers","_LocalNav_textStrings_accessor_storage","_collapsedByDefault_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","manualToggleVariant","collapsedByDefault","textStrings","_textStrings","_expanded","_mobileExpanded","_activeLinkText","_navLinks","_dividers","_leaveTimer","_navEl","render","html","classMap","handlePointerLeave","handlePointerEnter","_handleMobileNavToggle","unsafeSVG","arrowIcon","_handleNavToggle","pinIcon","handleSlotChange","event","CustomEvent","detail","origEvent","dispatchEvent","pointerType","clearTimeout","window","setTimeout","_updateChildren","_a","forEach","link","_navExpanded","_navExpandedMobile","_manualToggleVariant","_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","attribute","_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","_manualToggleVariant_decorators","_collapsedByDefault_decorators","__navEl_decorators","_classDescriptor","_classDecorators","_classExtraInitializers","styles","unsafeCSS","LocalNavScss"],"mappings":"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"}

package/components/global/localNav/localNavLink.d.ts CHANGED Viewed

@@ -1,4 +1,5 @@
 import { LitElement } from 'lit';
+import '../../reusable/tooltip';
 /**
  * Link component for use in the global Side Navigation component.
  * @fires on-click - Captures the click event and emits the original event, level, and if default was prevented. `detail:{ origEvent: ClickEvent, level: number, defaultPrevented: boolean }`
@@ -36,6 +37,10 @@ export declare class LocalNavLink extends LitElement {
      * @internal
      */
     accessor _text: string;
+    /** Whether the parent nav uses the manual-toggle variant.
+     * @internal
+     */
+    accessor _manualToggleVariant: boolean;
     /**
      * Queries slotted links.
      * @ignore
@@ -51,9 +56,12 @@ export declare class LocalNavLink extends LitElement {
      * @ignore
      */
     accessor _icon: Array<HTMLElement>;
+    private get _isDesktopViewport();
+    private get _showCollapsedTooltip();
     render(): import("lit-html").TemplateResult<1>;
     willUpdate(changedProps: Map<string | number | symbol, unknown>): void;
     updated(changedProps: Map<string | number | symbol, unknown>): void;
+    firstUpdated(): void;
     private _handleTextSlotChange;
     private _getSlotText;
     private _handleLinksSlotChange;

package/components/global/localNav/localNavLink.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"localNavLink.d.ts","sourceRoot":"","sources":["../../../../src/components/global/localNav/localNavLink.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,UAAU,~~EAAmC~~,MAAM,KAAK,CAAC;~~AAalE~~;;;;;;GAMG;AACH,qBACa,YAAa,SAAQ,UAAU;IAC1C,OAAgB,MAAM,0BAA+B;IAErD,gBAAgB;IAEhB,QAAQ,CAAC,IAAI,SAAM;IAEnB,sBAAsB;IAEtB,QAAQ,CAAC,QAAQ,UAAS;IAE1B,oBAAoB;IAEpB,QAAQ,CAAC,MAAM,UAAS;IAExB,sBAAsB;IAEtB,QAAQ,CAAC,QAAQ,UAAS;IAE1B,qCAAqC;IAErC,QAAQ,CAAC,QAAQ,SAAU;IAE3B,yHAAyH;IAEzH,QAAQ,CAAC,WAAW,UAAS;IAE7B;;OAEG;IAEH,QAAQ,CAAC,MAAM,SAAK;IAEpB;;OAEG;IAEH,QAAQ,CAAC,YAAY,UAAS;IAE9B;;OAEG;IAEH,QAAQ,CAAC,kBAAkB,UAAS;IAEpC;;OAEG;IAEH,QAAQ,CAAC,KAAK,SAAM;IAEpB;;;OAGG;IAEH,QAAQ,CAAC,SAAS,EAAG,KAAK,CAAC,WAAW,CAAC,CAAC;IAExC;;;OAGG;IAEH,QAAQ,CAAC,SAAS,EAAG,KAAK,CAAC,WAAW,CAAC,CAAC;IAExC;;;OAGG;IAEH,QAAQ,CAAC,KAAK,EAAG,KAAK,CAAC,WAAW,CAAC,CAAC;~~IAE3B~~,MAAM;~~IAkDN~~,UAAU,CAAC,YAAY,EAAE,GAAG,CAAC,MAAM,GAAG,MAAM,GAAG,MAAM,EAAE,OAAO,CAAC;IAM/D,OAAO,CAAC,YAAY,EAAE,GAAG,CAAC,MAAM,GAAG,MAAM,GAAG,MAAM,EAAE,OAAO,CAAC;~~IAarE~~,OAAO,CAAC,qBAAqB;IAK7B,OAAO,CAAC,YAAY;IAUpB,OAAO,CAAC,sBAAsB;IAK9B,OAAO,CAAC,cAAc;IAUtB,OAAO,CAAC,WAAW;IAInB,OAAO,CAAC,WAAW;~~CAepB~~;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,oBAAoB,EAAE,YAAY,CAAC;KACpC;CACF"}
1	+ {"version":3,"file":"localNavLink.d.ts","sourceRoot":"","sources":["../../../../src/components/global/localNav/localNavLink.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,UAAU,EAAmB,MAAM,KAAK,CAAC;AAYlD,OAAO,wBAAwB,CAAC;AAEhC;;;;;;GAMG;AACH,qBACa,YAAa,SAAQ,UAAU;IAC1C,OAAgB,MAAM,0BAA+B;IAErD,gBAAgB;IAEhB,QAAQ,CAAC,IAAI,SAAM;IAEnB,sBAAsB;IAEtB,QAAQ,CAAC,QAAQ,UAAS;IAE1B,oBAAoB;IAEpB,QAAQ,CAAC,MAAM,UAAS;IAExB,sBAAsB;IAEtB,QAAQ,CAAC,QAAQ,UAAS;IAE1B,qCAAqC;IAErC,QAAQ,CAAC,QAAQ,SAAU;IAE3B,yHAAyH;IAEzH,QAAQ,CAAC,WAAW,UAAS;IAE7B;;OAEG;IAEH,QAAQ,CAAC,MAAM,SAAK;IAEpB;;OAEG;IAEH,QAAQ,CAAC,YAAY,UAAS;IAE9B;;OAEG;IAEH,QAAQ,CAAC,kBAAkB,UAAS;IAEpC;;OAEG;IAEH,QAAQ,CAAC,KAAK,SAAM;IAEpB;;OAEG;IAEH,QAAQ,CAAC,oBAAoB,UAAS;IAEtC;;;OAGG;IAEH,QAAQ,CAAC,SAAS,EAAG,KAAK,CAAC,WAAW,CAAC,CAAC;IAExC;;;OAGG;IAEH,QAAQ,CAAC,SAAS,EAAG,KAAK,CAAC,WAAW,CAAC,CAAC;IAExC;;;OAGG;IAEH,QAAQ,CAAC,KAAK,EAAG,KAAK,CAAC,WAAW,CAAC,CAAC;IAEpC,OAAO,KAAK,kBAAkB,GAG7B;IAED,OAAO,KAAK,qBAAqB,GAUhC;IAEQ,MAAM;IAkEN,UAAU,CAAC,YAAY,EAAE,GAAG,CAAC,MAAM,GAAG,MAAM,GAAG,MAAM,EAAE,OAAO,CAAC;IAM/D,OAAO,CAAC,YAAY,EAAE,GAAG,CAAC,MAAM,GAAG,MAAM,GAAG,MAAM,EAAE,OAAO,CAAC;IAa5D,YAAY;IAIrB,OAAO,CAAC,qBAAqB;IAK7B,OAAO,CAAC,YAAY;IAUpB,OAAO,CAAC,sBAAsB;IAK9B,OAAO,CAAC,cAAc;IAUtB,OAAO,CAAC,WAAW;IAInB,OAAO,CAAC,WAAW;CAoCpB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,oBAAoB,EAAE,YAAY,CAAC;KACpC;CACF"}