@kyndryl-design-system/shidoka-applications 1.18.2 → 1.18.3
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.
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"localNav.d.ts","sourceRoot":"","sources":["../../../../src/components/global/localNav/localNav.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAQ,MAAM,KAAK,CAAC;AASvC,OAAO,2DAA2D,CAAC;AAInE;;;;GAIG;AACH,qBACa,QAAS,SAAQ,UAAU;IACtC,OAAgB,MAAM,+BAAgB;IAEtC,yCAAyC;IAEzC,WAAW;;;;MAIT;IAEF;;OAEG;IAEH,SAAS,UAAS;IAElB;;OAEG;IAEH,eAAe,EAAG,MAAM,CAAC;IAEzB;;OAEG;IAEH,SAAS,EAAG,GAAG,CAAC;IAEhB;;OAEG;IAEH,KAAK,EAAE,GAAG,CAAC;IAEF,MAAM;IA2Bf,OAAO,CAAC,gBAAgB;IASxB,OAAO,CAAC,kBAAkB;IAO1B,OAAO,CAAC,kBAAkB;IAS1B,OAAO,CAAC,eAAe;IAMvB,OAAO,CAAC,gBAAgB;IAKxB,OAAO,CAAC,iBAAiB;
|
|
1
|
+
{"version":3,"file":"localNav.d.ts","sourceRoot":"","sources":["../../../../src/components/global/localNav/localNav.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAQ,MAAM,KAAK,CAAC;AASvC,OAAO,2DAA2D,CAAC;AAInE;;;;GAIG;AACH,qBACa,QAAS,SAAQ,UAAU;IACtC,OAAgB,MAAM,+BAAgB;IAEtC,yCAAyC;IAEzC,WAAW;;;;MAIT;IAEF;;OAEG;IAEH,SAAS,UAAS;IAElB;;OAEG;IAEH,eAAe,EAAG,MAAM,CAAC;IAEzB;;OAEG;IAEH,SAAS,EAAG,GAAG,CAAC;IAEhB;;OAEG;IAEH,KAAK,EAAE,GAAG,CAAC;IAEF,MAAM;IA2Bf,OAAO,CAAC,gBAAgB;IASxB,OAAO,CAAC,kBAAkB;IAO1B,OAAO,CAAC,kBAAkB;IAS1B,OAAO,CAAC,eAAe;IAMvB,OAAO,CAAC,gBAAgB;IAKxB,OAAO,CAAC,iBAAiB;IAIhB,UAAU,CAAC,YAAY,EAAE,GAAG;IAMrC,OAAO,CAAC,eAAe;IAMd,iBAAiB;IAOjB,oBAAoB;CAQ9B;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,eAAe,EAAE,QAAQ,CAAC;KAC3B;CACF"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{__decorate as e}from"../../../_virtual/_tslib.js";import'./../../../external/@lit/reactive-element/reactive-element.js';import{html as t}from'./../../../external/lit-html/lit-html.js';import{LitElement as
|
|
1
|
+
import{__decorate as e}from"../../../_virtual/_tslib.js";import'./../../../external/@lit/reactive-element/reactive-element.js';import{html as t}from'./../../../external/lit-html/lit-html.js';import{LitElement as i}from'./../../../external/lit-element/lit-element.js';import{customElement as n}from'./../../../external/@lit/reactive-element/decorators/custom-element.js';import{property as s}from'./../../../external/@lit/reactive-element/decorators/property.js';import{state as o}from'./../../../external/@lit/reactive-element/decorators/state.js';import{queryAssignedElements as l}from'./../../../external/@lit/reactive-element/decorators/query-assigned-elements.js';import{classMap as a}from'./../../../external/lit-html/directives/class-map.js';import d from"./localNav.scss.js";import"@kyndryl-design-system/shidoka-foundation/components/icon";import r from'./../../../external/@carbon/icons/es/chevron--down/16.js';let c=class extends i{constructor(){super(...arguments),this.textStrings={toggleMenu:"Toggle Menu",collapse:"Collapse",menu:"Menu"},this._expanded=!1}render(){return t`
|
|
2
2
|
<nav
|
|
3
3
|
class=${a({"nav--expanded":this._expanded})}
|
|
4
4
|
@pointerleave=${e=>this.handlePointerLeave(e)}
|
|
@@ -19,5 +19,5 @@ import{__decorate as e}from"../../../_virtual/_tslib.js";import'./../../../exter
|
|
|
19
19
|
</div>
|
|
20
20
|
</nav>
|
|
21
21
|
<div class="overlay"></div>
|
|
22
|
-
`}_handleNavToggle(e){this._expanded=!this._expanded;const t=new CustomEvent("on-toggle",{detail:{open:this._expanded,pinned:this._expanded,origEvent:e}});this.dispatchEvent(t)}handlePointerEnter(e){"mouse"===e.pointerType&&(clearTimeout(this.timer),this._expanded=!0)}handlePointerLeave(e){"mouse"===e.pointerType&&document.activeElement!==this&&(this.timer=setTimeout((()=>{this._expanded=!1,clearTimeout(this.timer)}),100))}_updateChildren(){this._navLinks.forEach((e=>{e._navExpanded=this._expanded}))}handleSlotChange(){this._updateChildren(),this.requestUpdate()}_handleLinkActive(e){
|
|
22
|
+
`}_handleNavToggle(e){this._expanded=!this._expanded;const t=new CustomEvent("on-toggle",{detail:{open:this._expanded,pinned:this._expanded,origEvent:e}});this.dispatchEvent(t)}handlePointerEnter(e){"mouse"===e.pointerType&&(clearTimeout(this.timer),this._expanded=!0)}handlePointerLeave(e){"mouse"===e.pointerType&&document.activeElement!==this&&(this.timer=setTimeout((()=>{this._expanded=!1,clearTimeout(this.timer)}),100))}_updateChildren(){this._navLinks.forEach((e=>{e._navExpanded=this._expanded}))}handleSlotChange(){this._updateChildren(),this.requestUpdate()}_handleLinkActive(e){this._activeLinkText=e.detail.text}willUpdate(e){e.has("_expanded")&&this._updateChildren()}_handleClickOut(e){e.composedPath().includes(this)||(this._expanded=!1)}connectedCallback(){super.connectedCallback(),document.addEventListener("click",(e=>this._handleClickOut(e))),this.addEventListener("on-link-active",(e=>this._handleLinkActive(e)))}disconnectedCallback(){document.removeEventListener("click",(e=>this._handleClickOut(e))),this.removeEventListener("on-link-active",(e=>this._handleLinkActive(e))),super.disconnectedCallback()}};c.styles=d,e([s({type:Object})],c.prototype,"textStrings",void 0),e([o()],c.prototype,"_expanded",void 0),e([o()],c.prototype,"_activeLinkText",void 0),e([l({selector:"kyn-local-nav-link"})],c.prototype,"_navLinks",void 0),e([o()],c.prototype,"timer",void 0),c=e([n("kyn-local-nav")],c);export{c as LocalNav};
|
|
23
23
|
//# sourceMappingURL=localNav.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"localNav.js","sources":["../../../../src/components/global/localNav/localNav.ts"],"sourcesContent":["import { LitElement, html } 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 LocalNavScss from './localNav.scss';\nimport '@kyndryl-design-system/shidoka-foundation/components/icon';\n\nimport arrowIcon from '@carbon/icons/es/chevron--down/16';\n\n/**\n * The global Side Navigation component.\n * @slot unnamed - The default slot, for local nav links.\n * @fires on-toggle - Captures the click event and emits the open state and original event details.\n */\n@customElement('kyn-local-nav')\nexport class LocalNav extends LitElement {\n static override styles = LocalNavScss;\n\n /** Menu toggle button assistive text. */\n @property({ type: Object })\n textStrings = {\n toggleMenu: 'Toggle Menu',\n collapse: 'Collapse',\n menu: 'Menu',\n };\n\n /** Local nav expanded state.\n * @internal\n */\n @state()\n _expanded = false;\n\n /** Active Link text.\n * @internal\n */\n @state()\n _activeLinkText!: string;\n\n /** Queries top-level slotted links.\n * @internal\n */\n @queryAssignedElements({ selector: 'kyn-local-nav-link' })\n _navLinks!: any;\n\n /** Timeout function to delay modal close.\n * @internal\n */\n @state()\n timer: any;\n\n override render() {\n return html`\n <nav\n class=${classMap({ 'nav--expanded': this._expanded })}\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=${(e: Event) => this._handleNavToggle(e)}\n >\n ${this._expanded\n ? this.textStrings.collapse\n : this._activeLinkText || this.textStrings.menu}\n <kd-icon .icon=${arrowIcon}></kd-icon>\n </button>\n\n <div class=\"links\">\n <slot @slotchange=${this.handleSlotChange}></slot>\n </div>\n </nav>\n <div class=\"overlay\"></div>\n `;\n }\n\n private _handleNavToggle(e: Event) {\n this._expanded = !this._expanded;\n\n const event = new CustomEvent('on-toggle', {\n detail: { open: this._expanded, pinned: this._expanded, origEvent: e },\n });\n this.dispatchEvent(event);\n }\n\n private handlePointerEnter(e: PointerEvent) {\n if (e.pointerType === 'mouse') {\n clearTimeout(this.timer);\n this._expanded = true;\n }\n }\n\n private handlePointerLeave(e: PointerEvent) {\n if (e.pointerType === 'mouse' && document.activeElement !== this) {\n this.timer = setTimeout(() => {\n this._expanded = false;\n clearTimeout(this.timer);\n }, 100);\n }\n }\n\n private _updateChildren() {\n this._navLinks.forEach((link: any) => {\n link._navExpanded = this._expanded;\n });\n }\n\n private handleSlotChange() {\n this._updateChildren();\n this.requestUpdate();\n }\n\n private _handleLinkActive(e: any) {\n
|
|
1
|
+
{"version":3,"file":"localNav.js","sources":["../../../../src/components/global/localNav/localNav.ts"],"sourcesContent":["import { LitElement, html } 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 LocalNavScss from './localNav.scss';\nimport '@kyndryl-design-system/shidoka-foundation/components/icon';\n\nimport arrowIcon from '@carbon/icons/es/chevron--down/16';\n\n/**\n * The global Side Navigation component.\n * @slot unnamed - The default slot, for local nav links.\n * @fires on-toggle - Captures the click event and emits the open state and original event details.\n */\n@customElement('kyn-local-nav')\nexport class LocalNav extends LitElement {\n static override styles = LocalNavScss;\n\n /** Menu toggle button assistive text. */\n @property({ type: Object })\n textStrings = {\n toggleMenu: 'Toggle Menu',\n collapse: 'Collapse',\n menu: 'Menu',\n };\n\n /** Local nav expanded state.\n * @internal\n */\n @state()\n _expanded = false;\n\n /** Active Link text.\n * @internal\n */\n @state()\n _activeLinkText!: string;\n\n /** Queries top-level slotted links.\n * @internal\n */\n @queryAssignedElements({ selector: 'kyn-local-nav-link' })\n _navLinks!: any;\n\n /** Timeout function to delay modal close.\n * @internal\n */\n @state()\n timer: any;\n\n override render() {\n return html`\n <nav\n class=${classMap({ 'nav--expanded': this._expanded })}\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=${(e: Event) => this._handleNavToggle(e)}\n >\n ${this._expanded\n ? this.textStrings.collapse\n : this._activeLinkText || this.textStrings.menu}\n <kd-icon .icon=${arrowIcon}></kd-icon>\n </button>\n\n <div class=\"links\">\n <slot @slotchange=${this.handleSlotChange}></slot>\n </div>\n </nav>\n <div class=\"overlay\"></div>\n `;\n }\n\n private _handleNavToggle(e: Event) {\n this._expanded = !this._expanded;\n\n const event = new CustomEvent('on-toggle', {\n detail: { open: this._expanded, pinned: this._expanded, origEvent: e },\n });\n this.dispatchEvent(event);\n }\n\n private handlePointerEnter(e: PointerEvent) {\n if (e.pointerType === 'mouse') {\n clearTimeout(this.timer);\n this._expanded = true;\n }\n }\n\n private handlePointerLeave(e: PointerEvent) {\n if (e.pointerType === 'mouse' && document.activeElement !== this) {\n this.timer = setTimeout(() => {\n this._expanded = false;\n clearTimeout(this.timer);\n }, 100);\n }\n }\n\n private _updateChildren() {\n this._navLinks.forEach((link: any) => {\n link._navExpanded = this._expanded;\n });\n }\n\n private handleSlotChange() {\n this._updateChildren();\n this.requestUpdate();\n }\n\n private _handleLinkActive(e: any) {\n this._activeLinkText = e.detail.text;\n }\n\n override willUpdate(changedProps: any) {\n if (changedProps.has('_expanded')) {\n this._updateChildren();\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\n document.addEventListener('click', (e) => this._handleClickOut(e));\n this.addEventListener('on-link-active', (e) => this._handleLinkActive(e));\n }\n\n override disconnectedCallback() {\n document.removeEventListener('click', (e) => this._handleClickOut(e));\n this.removeEventListener('on-link-active', (e) =>\n this._handleLinkActive(e)\n );\n\n super.disconnectedCallback();\n }\n}\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'kyn-local-nav': LocalNav;\n }\n}\n"],"names":["LocalNav","LitElement","constructor","this","textStrings","toggleMenu","collapse","menu","_expanded","render","html","classMap","e","handlePointerLeave","handlePointerEnter","_handleNavToggle","_activeLinkText","arrowIcon","handleSlotChange","event","CustomEvent","detail","open","pinned","origEvent","dispatchEvent","pointerType","clearTimeout","timer","document","activeElement","setTimeout","_updateChildren","_navLinks","forEach","link","_navExpanded","requestUpdate","_handleLinkActive","text","willUpdate","changedProps","has","_handleClickOut","composedPath","includes","connectedCallback","super","addEventListener","disconnectedCallback","removeEventListener","styles","LocalNavScss","__decorate","property","type","Object","prototype","state","queryAssignedElements","selector","customElement"],"mappings":"06BAmBO,IAAMA,EAAN,cAAuBC,EAAvB,WAAAC,uBAKLC,KAAAC,YAAc,CACZC,WAAY,cACZC,SAAU,WACVC,KAAM,QAORJ,KAASK,WAAG,CAkHb,CA9FU,MAAAC,GACP,OAAOC,CAAI;;gBAECC,EAAS,CAAE,gBAAiBR,KAAKK;wBACxBI,GAAoBT,KAAKU,mBAAmBD;wBAC5CA,GAAoBT,KAAKW,mBAAmBF;;;;kBAInDT,KAAKC,YAAYC;uBACZF,KAAKC,YAAYC;mBACpBO,GAAaT,KAAKY,iBAAiBH;;YAE3CT,KAAKK,UACHL,KAAKC,YAAYE,SACjBH,KAAKa,iBAAmBb,KAAKC,YAAYG;2BAC5BU;;;;8BAIGd,KAAKe;;;;KAKhC,CAEO,gBAAAH,CAAiBH,GACvBT,KAAKK,WAAaL,KAAKK,UAEvB,MAAMW,EAAQ,IAAIC,YAAY,YAAa,CACzCC,OAAQ,CAAEC,KAAMnB,KAAKK,UAAWe,OAAQpB,KAAKK,UAAWgB,UAAWZ,KAErET,KAAKsB,cAAcN,EACpB,CAEO,kBAAAL,CAAmBF,GACH,UAAlBA,EAAEc,cACJC,aAAaxB,KAAKyB,OAClBzB,KAAKK,WAAY,EAEpB,CAEO,kBAAAK,CAAmBD,GACH,UAAlBA,EAAEc,aAA2BG,SAASC,gBAAkB3B,OAC1DA,KAAKyB,MAAQG,YAAW,KACtB5B,KAAKK,WAAY,EACjBmB,aAAaxB,KAAKyB,MAAM,GACvB,KAEN,CAEO,eAAAI,GACN7B,KAAK8B,UAAUC,SAASC,IACtBA,EAAKC,aAAejC,KAAKK,SAAS,GAErC,CAEO,gBAAAU,GACNf,KAAK6B,kBACL7B,KAAKkC,eACN,CAEO,iBAAAC,CAAkB1B,GACxBT,KAAKa,gBAAkBJ,EAAES,OAAOkB,IACjC,CAEQ,UAAAC,CAAWC,GACdA,EAAaC,IAAI,cACnBvC,KAAK6B,iBAER,CAEO,eAAAW,CAAgB/B,GACjBA,EAAEgC,eAAeC,SAAS1C,QAC7BA,KAAKK,WAAY,EAEpB,CAEQ,iBAAAsC,GACPC,MAAMD,oBAENjB,SAASmB,iBAAiB,SAAUpC,GAAMT,KAAKwC,gBAAgB/B,KAC/DT,KAAK6C,iBAAiB,kBAAmBpC,GAAMT,KAAKmC,kBAAkB1B,IACvE,CAEQ,oBAAAqC,GACPpB,SAASqB,oBAAoB,SAAUtC,GAAMT,KAAKwC,gBAAgB/B,KAClET,KAAK+C,oBAAoB,kBAAmBtC,GAC1CT,KAAKmC,kBAAkB1B,KAGzBmC,MAAME,sBACP,GA/HejD,EAAMmD,OAAGC,EAIzBC,EAAA,CADCC,EAAS,CAAEC,KAAMC,UAKhBxD,EAAAyD,UAAA,mBAAA,GAMFJ,EAAA,CADCK,KACiB1D,EAAAyD,UAAA,iBAAA,GAMlBJ,EAAA,CADCK,KACwB1D,EAAAyD,UAAA,uBAAA,GAMzBJ,EAAA,CADCM,EAAsB,CAAEC,SAAU,wBACnB5D,EAAAyD,UAAA,iBAAA,GAMhBJ,EAAA,CADCK,KACU1D,EAAAyD,UAAA,aAAA,GAjCAzD,EAAQqD,EAAA,CADpBQ,EAAc,kBACF7D"}
|