@kyndryl-design-system/shidoka-applications 1.41.1 → 1.41.2

package/common/mixins/form-input.js

@@ -1,2 +1,2 @@
-import{s as t,_ as i,t as e,n}from"../../vendor-d08bb614.js";const a=a=>{class s extends a{constructor(){super(...arguments),this._internals=this.attachInternals(),this.value="",this.name="",this.invalidText="",this._internalValidationMsg="",this._isInvalid=!1,this._handleInvalid=()=>{this._validate(!0,!1)}}_onUpdated(t){t.has("value")&&(this._internals.setFormValue(this.value),this._validate(!1,!1)),(t.has("invalidText")||t.has("_internalValidationMsg"))&&(this._isInvalid=""!==this.invalidText||""!==this._internalValidationMsg),t.has("invalidText")&&void 0!==t.get("invalidText")&&this._validate(!1,!1)}updated(t){this._onUpdated(t)}_onConnected(){this._internals.form&&this.addEventListener("invalid",this._handleInvalid)}connectedCallback(){super.connectedCallback(),this._onConnected()}_onDisconnected(){this._internals.form&&this.removeEventListener("invalid",this._handleInvalid)}disconnectedCallback(){this._onDisconnected(),super.disconnectedCallback()}}return s.shadowRootOptions={...t.shadowRootOptions,delegatesFocus:!0},s.formAssociated=!0,i([e()],s.prototype,"_internals",void 0),i([n({type:String})],s.prototype,"value",void 0),i([n({type:String})],s.prototype,"name",void 0),i([n({type:String})],s.prototype,"invalidText",void 0),i([e()],s.prototype,"_internalValidationMsg",void 0),i([e()],s.prototype,"_isInvalid",void 0),s};export{a as FormMixin};
+import{_ as t}from"../../vendor/tslib-958f81aa.js";import{t as i,n as e}from"../../vendor/lit-52eb9e23.js";import{s as n}from"../../vendor/lit-element-3185f710.js";const a=a=>{class s extends a{constructor(){super(...arguments),this._internals=this.attachInternals(),this.value="",this.name="",this.invalidText="",this._internalValidationMsg="",this._isInvalid=!1,this._handleInvalid=()=>{this._validate(!0,!1)}}_onUpdated(t){t.has("value")&&(this._internals.setFormValue(this.value),this._validate(!1,!1)),(t.has("invalidText")||t.has("_internalValidationMsg"))&&(this._isInvalid=""!==this.invalidText||""!==this._internalValidationMsg),t.has("invalidText")&&void 0!==t.get("invalidText")&&this._validate(!1,!1)}updated(t){this._onUpdated(t)}_onConnected(){this._internals.form&&this.addEventListener("invalid",this._handleInvalid)}connectedCallback(){super.connectedCallback(),this._onConnected()}_onDisconnected(){this._internals.form&&this.removeEventListener("invalid",this._handleInvalid)}disconnectedCallback(){this._onDisconnected(),super.disconnectedCallback()}}return s.shadowRootOptions={...n.shadowRootOptions,delegatesFocus:!0},s.formAssociated=!0,t([i()],s.prototype,"_internals",void 0),t([e({type:String})],s.prototype,"value",void 0),t([e({type:String})],s.prototype,"name",void 0),t([e({type:String})],s.prototype,"invalidText",void 0),t([i()],s.prototype,"_internalValidationMsg",void 0),t([i()],s.prototype,"_isInvalid",void 0),s};export{a as FormMixin};
 //# sourceMappingURL=form-input.js.map

package/common/mixins/form-input.js.map

@@ -1 +1 @@
-{"version":3,"file":"form-input.js","sources":["../../../src/common/mixins/form-input.ts"],"sourcesContent":["import { LitElement } from 'lit';\nimport { property, state } from 'lit/decorators.js';\n\ntype Constructor<T> = new (...args: any[]) => T;\n\nexport declare class FormMixinInterface {\n  _internals: any;\n  name: string;\n  value: any;\n  invalidText: string;\n  _internalValidationMsg: string;\n  _isInvalid: boolean;\n  _handleInvalid: Function;\n  _handleFormdata: Function;\n  _onUpdated: Function;\n  _onConnected: Function;\n  _onDisconnected: Function;\n}\n\nexport const FormMixin = <T extends Constructor<LitElement>>(superClass: T) => {\n  abstract class FormMixinClass extends superClass {\n    /**\n     * Delegate focus internally.\n     * @ignore */\n    static shadowRootOptions = {\n      ...LitElement.shadowRootOptions,\n      delegatesFocus: true,\n    };\n\n    /**\n     * Associate the component with forms.\n     * @ignore\n     */\n    static formAssociated = true;\n\n    /**\n     * Attached internals for form association.\n     * @ignore\n     */\n    @state()\n    _internals = this.attachInternals();\n\n    /** Input value. */\n    @property({ type: String })\n    value = '';\n\n    /** Input name. */\n    @property({ type: String })\n    name = '';\n\n    /** Input invalid text. */\n    @property({ type: String })\n    invalidText = '';\n\n    /**\n     * Internal validation message.\n     * @ignore\n     */\n    @state()\n    _internalValidationMsg = '';\n\n    /**\n     * isInvalid when internalValidationMsg or invalidText is non-empty.\n     * @ignore\n     */\n    @state()\n    _isInvalid = false;\n\n    // /** Handles the form element formdata event and appends the name/value. Alternative solution to internals.setFormValue.\n    //  * @internal\n    // */\n    // private _handleFormdata = (e: any) => {\n    //   e.formData.append(this.name, this.value);\n    // };\n\n    /** Handles the invalid event, triggered on form submit, and runs validation.\n     * @internal\n     */\n    private _handleInvalid = () => {\n      this._validate(true, false);\n    };\n\n    /** Component _validate function reference. */\n    abstract _validate(interacted: Boolean, report: Boolean): void;\n\n    private _onUpdated(changedProps: any) {\n      if (changedProps.has('value')) {\n        // set form value on element internals\n        this._internals.setFormValue(this.value);\n\n        // trigger validation\n        this._validate(false, false);\n      }\n\n      if (\n        changedProps.has('invalidText') ||\n        changedProps.has('_internalValidationMsg')\n      ) {\n        // set _isInvalid prop based on internal or external invalid message presence\n        this._isInvalid =\n          this.invalidText !== '' || this._internalValidationMsg !== ''\n            ? true\n            : false;\n      }\n\n      if (\n        changedProps.has('invalidText') &&\n        changedProps.get('invalidText') !== undefined\n      ) {\n        this._validate(false, false);\n      }\n    }\n\n    override updated(changedProps: any) {\n      this._onUpdated(changedProps);\n    }\n\n    private _onConnected() {\n      // attach event listeners if within a form\n      if (this._internals.form) {\n        // this._internals.form.addEventListener('formdata', (e) =>\n        //   this._handleFormdata(e)\n        // );\n\n        this.addEventListener('invalid', this._handleInvalid);\n      }\n    }\n\n    override connectedCallback(): void {\n      super.connectedCallback();\n\n      this._onConnected();\n    }\n\n    private _onDisconnected() {\n      // detach event listeners if within a form\n      if (this._internals.form) {\n        // this._internals.form.removeEventListener('formdata', (e) =>\n        //   this._handleFormdata(e)\n        // );\n\n        this.removeEventListener('invalid', this._handleInvalid);\n      }\n    }\n\n    override disconnectedCallback(): void {\n      this._onDisconnected();\n\n      super.disconnectedCallback();\n    }\n  }\n\n  // @ts-ignore\n  return FormMixinClass as Constructor<FormMixinInterface> & T;\n};\n"],"names":["FormMixin","superClass","FormMixinClass","constructor","this","_internals","attachInternals","value","name","invalidText","_internalValidationMsg","_isInvalid","_handleInvalid","_validate","_onUpdated","changedProps","has","setFormValue","undefined","get","updated","_onConnected","form","addEventListener","connectedCallback","super","_onDisconnected","removeEventListener","disconnectedCallback","shadowRootOptions","LitElement","delegatesFocus","formAssociated","__decorate","state","prototype","property","type","String"],"mappings":"6DAmBa,MAAAA,EAAgDC,IAC3D,MAAeC,UAAuBD,EAAtC,WAAAE,uBAoBEC,KAAAC,WAAaD,KAAKE,kBAIlBF,KAAKG,MAAG,GAIRH,KAAII,KAAG,GAIPJ,KAAWK,YAAG,GAOdL,KAAsBM,uBAAG,GAOzBN,KAAUO,YAAG,EAYLP,KAAcQ,eAAG,KACvBR,KAAKS,WAAU,GAAM,EAAM,CAuE9B,CAjES,UAAAC,CAAWC,GACbA,EAAaC,IAAI,WAEnBZ,KAAKC,WAAWY,aAAab,KAAKG,OAGlCH,KAAKS,WAAU,GAAO,KAItBE,EAAaC,IAAI,gBACjBD,EAAaC,IAAI,6BAGjBZ,KAAKO,WACkB,KAArBP,KAAKK,aAAsD,KAAhCL,KAAKM,wBAMlCK,EAAaC,IAAI,qBACmBE,IAApCH,EAAaI,IAAI,gBAEjBf,KAAKS,WAAU,GAAO,EAEzB,CAEQ,OAAAO,CAAQL,GACfX,KAAKU,WAAWC,EACjB,CAEO,YAAAM,GAEFjB,KAAKC,WAAWiB,MAKlBlB,KAAKmB,iBAAiB,UAAWnB,KAAKQ,eAEzC,CAEQ,iBAAAY,GACPC,MAAMD,oBAENpB,KAAKiB,cACN,CAEO,eAAAK,GAEFtB,KAAKC,WAAWiB,MAKlBlB,KAAKuB,oBAAoB,UAAWvB,KAAKQ,eAE5C,CAEQ,oBAAAgB,GACPxB,KAAKsB,kBAELD,MAAMG,sBACP,EAIH,OAjIS1B,EAAA2B,kBAAoB,IACtBC,EAAWD,kBACdE,gBAAgB,GAOX7B,EAAc8B,gBAAG,EAOxBC,EAAA,CADCC,KACmChC,EAAAiC,UAAA,kBAAA,GAIpCF,EAAA,CADCG,EAAS,CAAEC,KAAMC,UACPpC,EAAAiC,UAAA,aAAA,GAIXF,EAAA,CADCG,EAAS,CAAEC,KAAMC,UACRpC,EAAAiC,UAAA,YAAA,GAIVF,EAAA,CADCG,EAAS,CAAEC,KAAMC,UACDpC,EAAAiC,UAAA,mBAAA,GAOjBF,EAAA,CADCC,KAC2BhC,EAAAiC,UAAA,8BAAA,GAO5BF,EAAA,CADCC,KACkBhC,EAAAiC,UAAA,kBAAA,GAuFdjC,CAAqD"}
+{"version":3,"file":"form-input.js","sources":["../../../src/common/mixins/form-input.ts"],"sourcesContent":["import { LitElement } from 'lit';\nimport { property, state } from 'lit/decorators.js';\n\ntype Constructor<T> = new (...args: any[]) => T;\n\nexport declare class FormMixinInterface {\n  _internals: any;\n  name: string;\n  value: any;\n  invalidText: string;\n  _internalValidationMsg: string;\n  _isInvalid: boolean;\n  _handleInvalid: Function;\n  _handleFormdata: Function;\n  _onUpdated: Function;\n  _onConnected: Function;\n  _onDisconnected: Function;\n}\n\nexport const FormMixin = <T extends Constructor<LitElement>>(superClass: T) => {\n  abstract class FormMixinClass extends superClass {\n    /**\n     * Delegate focus internally.\n     * @ignore */\n    static shadowRootOptions = {\n      ...LitElement.shadowRootOptions,\n      delegatesFocus: true,\n    };\n\n    /**\n     * Associate the component with forms.\n     * @ignore\n     */\n    static formAssociated = true;\n\n    /**\n     * Attached internals for form association.\n     * @ignore\n     */\n    @state()\n    _internals = this.attachInternals();\n\n    /** Input value. */\n    @property({ type: String })\n    value = '';\n\n    /** Input name. */\n    @property({ type: String })\n    name = '';\n\n    /** Input invalid text. */\n    @property({ type: String })\n    invalidText = '';\n\n    /**\n     * Internal validation message.\n     * @ignore\n     */\n    @state()\n    _internalValidationMsg = '';\n\n    /**\n     * isInvalid when internalValidationMsg or invalidText is non-empty.\n     * @ignore\n     */\n    @state()\n    _isInvalid = false;\n\n    // /** Handles the form element formdata event and appends the name/value. Alternative solution to internals.setFormValue.\n    //  * @internal\n    // */\n    // private _handleFormdata = (e: any) => {\n    //   e.formData.append(this.name, this.value);\n    // };\n\n    /** Handles the invalid event, triggered on form submit, and runs validation.\n     * @internal\n     */\n    private _handleInvalid = () => {\n      this._validate(true, false);\n    };\n\n    /** Component _validate function reference. */\n    abstract _validate(interacted: Boolean, report: Boolean): void;\n\n    private _onUpdated(changedProps: any) {\n      if (changedProps.has('value')) {\n        // set form value on element internals\n        this._internals.setFormValue(this.value);\n\n        // trigger validation\n        this._validate(false, false);\n      }\n\n      if (\n        changedProps.has('invalidText') ||\n        changedProps.has('_internalValidationMsg')\n      ) {\n        // set _isInvalid prop based on internal or external invalid message presence\n        this._isInvalid =\n          this.invalidText !== '' || this._internalValidationMsg !== ''\n            ? true\n            : false;\n      }\n\n      if (\n        changedProps.has('invalidText') &&\n        changedProps.get('invalidText') !== undefined\n      ) {\n        this._validate(false, false);\n      }\n    }\n\n    override updated(changedProps: any) {\n      this._onUpdated(changedProps);\n    }\n\n    private _onConnected() {\n      // attach event listeners if within a form\n      if (this._internals.form) {\n        // this._internals.form.addEventListener('formdata', (e) =>\n        //   this._handleFormdata(e)\n        // );\n\n        this.addEventListener('invalid', this._handleInvalid);\n      }\n    }\n\n    override connectedCallback(): void {\n      super.connectedCallback();\n\n      this._onConnected();\n    }\n\n    private _onDisconnected() {\n      // detach event listeners if within a form\n      if (this._internals.form) {\n        // this._internals.form.removeEventListener('formdata', (e) =>\n        //   this._handleFormdata(e)\n        // );\n\n        this.removeEventListener('invalid', this._handleInvalid);\n      }\n    }\n\n    override disconnectedCallback(): void {\n      this._onDisconnected();\n\n      super.disconnectedCallback();\n    }\n  }\n\n  // @ts-ignore\n  return FormMixinClass as Constructor<FormMixinInterface> & T;\n};\n"],"names":["FormMixin","superClass","FormMixinClass","constructor","this","_internals","attachInternals","value","name","invalidText","_internalValidationMsg","_isInvalid","_handleInvalid","_validate","_onUpdated","changedProps","has","setFormValue","undefined","get","updated","_onConnected","form","addEventListener","connectedCallback","super","_onDisconnected","removeEventListener","disconnectedCallback","shadowRootOptions","LitElement","delegatesFocus","formAssociated","__decorate","state","prototype","property","type","String"],"mappings":"oKAmBa,MAAAA,EAAgDC,IAC3D,MAAeC,UAAuBD,EAAtC,WAAAE,uBAoBEC,KAAAC,WAAaD,KAAKE,kBAIlBF,KAAKG,MAAG,GAIRH,KAAII,KAAG,GAIPJ,KAAWK,YAAG,GAOdL,KAAsBM,uBAAG,GAOzBN,KAAUO,YAAG,EAYLP,KAAcQ,eAAG,KACvBR,KAAKS,WAAU,GAAM,EAAM,CAuE9B,CAjES,UAAAC,CAAWC,GACbA,EAAaC,IAAI,WAEnBZ,KAAKC,WAAWY,aAAab,KAAKG,OAGlCH,KAAKS,WAAU,GAAO,KAItBE,EAAaC,IAAI,gBACjBD,EAAaC,IAAI,6BAGjBZ,KAAKO,WACkB,KAArBP,KAAKK,aAAsD,KAAhCL,KAAKM,wBAMlCK,EAAaC,IAAI,qBACmBE,IAApCH,EAAaI,IAAI,gBAEjBf,KAAKS,WAAU,GAAO,EAEzB,CAEQ,OAAAO,CAAQL,GACfX,KAAKU,WAAWC,EACjB,CAEO,YAAAM,GAEFjB,KAAKC,WAAWiB,MAKlBlB,KAAKmB,iBAAiB,UAAWnB,KAAKQ,eAEzC,CAEQ,iBAAAY,GACPC,MAAMD,oBAENpB,KAAKiB,cACN,CAEO,eAAAK,GAEFtB,KAAKC,WAAWiB,MAKlBlB,KAAKuB,oBAAoB,UAAWvB,KAAKQ,eAE5C,CAEQ,oBAAAgB,GACPxB,KAAKsB,kBAELD,MAAMG,sBACP,EAIH,OAjIS1B,EAAA2B,kBAAoB,IACtBC,EAAWD,kBACdE,gBAAgB,GAOX7B,EAAc8B,gBAAG,EAOxBC,EAAA,CADCC,KACmChC,EAAAiC,UAAA,kBAAA,GAIpCF,EAAA,CADCG,EAAS,CAAEC,KAAMC,UACPpC,EAAAiC,UAAA,aAAA,GAIXF,EAAA,CADCG,EAAS,CAAEC,KAAMC,UACRpC,EAAAiC,UAAA,YAAA,GAIVF,EAAA,CADCG,EAAS,CAAEC,KAAMC,UACDpC,EAAAiC,UAAA,mBAAA,GAOjBF,EAAA,CADCC,KAC2BhC,EAAAiC,UAAA,8BAAA,GAO5BF,EAAA,CADCC,KACkBhC,EAAAiC,UAAA,kBAAA,GAuFdjC,CAAqD"}

package/components/global/footer/footer.js

@@ -1,4 +1,4 @@
-import{i,_ as t,n as o,s as e,x as r,o as n,b as l,l as a,e as d}from"../../../vendor-d08bb614.js";var s=i`*,
+import{_ as i}from"../../../vendor/tslib-958f81aa.js";import{n as t,o,e}from"../../../vendor/lit-52eb9e23.js";import{i as r,s as n,x as l}from"../../../vendor/lit-element-3185f710.js";import{a as d}from"../../../vendor/lit-html-836d5e5c.js";import{l as a}from"../../../vendor/@kyndryl-design-system/shidoka-foundation-61c066a3.js";var s=r`*,
 *::before,
 *::after {
   box-sizing: border-box;
@@ -96,8 +96,8 @@ import{i,_ as t,n as o,s as e,x as r,o as n,b as l,l as a,e as d}from"../../../v
     font-size: var(--kd-font-size-utility-4-max);
     line-height: var(--kd-line-height-utility-4-max);
   }
-}`;let h=class extends e{constructor(){super(...arguments),this.rootUrl="/"}render(){return r`
-      <footer class="${n({footer:!0})}">
+}`;let m=class extends n{constructor(){super(...arguments),this.rootUrl="/"}render(){return l`
+      <footer class="${o({footer:!0})}">
         <div>
           <div class="footer-links"><slot></slot></div>
           <div class="copyright"><slot name="copyright"></slot></div>
@@ -109,9 +109,9 @@ import{i,_ as t,n as o,s as e,x as r,o as n,b as l,l as a,e as d}from"../../../v
             class="logo-link"
             @click="${i=>this.handleRootLinkClick(i)}"
           >
-            <slot name="logo">${l(a)}</slot>
+            <slot name="logo">${d(a)}</slot>
           </a>
         </div>
       </footer>
-    `}handleRootLinkClick(i){const t=new CustomEvent("on-root-link-click",{detail:{origEvent:i}});this.dispatchEvent(t)}};h.styles=s,t([o({type:String})],h.prototype,"rootUrl",void 0),h=t([d("kyn-footer")],h);export{h as Footer};
+    `}handleRootLinkClick(i){const t=new CustomEvent("on-root-link-click",{detail:{origEvent:i}});this.dispatchEvent(t)}};m.styles=s,i([t({type:String})],m.prototype,"rootUrl",void 0),m=i([e("kyn-footer")],m);export{m as Footer};
 //# sourceMappingURL=footer.js.map

package/components/global/footer/footerLink.js

@@ -1,4 +1,4 @@
-import{i as o,_ as t,n as r,s as e,x as i,e as n}from"../../../vendor-d08bb614.js";import"@kyndryl-design-system/shidoka-foundation/components/icon";var s=o`*,
+import{_ as o}from"../../../vendor/tslib-958f81aa.js";import{n as t,e as r}from"../../../vendor/lit-52eb9e23.js";import{i as e,s as i,x as n}from"../../../vendor/lit-element-3185f710.js";import"@kyndryl-design-system/shidoka-foundation/components/icon";var s=e`*,
 *::before,
 *::after {
   box-sizing: border-box;
@@ -41,7 +41,7 @@ import{i as o,_ as t,n as r,s as e,x as i,e as n}from"../../../vendor-d08bb614.j
 }
 .footer-link:hover::after, .footer-link:focus::after {
   transform: scaleX(1);
-}`;let l=class extends e{constructor(){super(...arguments),this.target="_self",this.rel="",this.href=""}render(){return i`
+}`;let l=class extends i{constructor(){super(...arguments),this.target="_self",this.rel="",this.href=""}render(){return n`
       <a
         class="footer-link"
         target=${this.target}
@@ -51,5 +51,5 @@ import{i as o,_ as t,n as r,s as e,x as i,e as n}from"../../../vendor-d08bb614.j
       >
         <slot></slot>
       </a>
-    `}handleClick(o){const t=new CustomEvent("on-click",{detail:{origEvent:o}});this.dispatchEvent(t)}};l.styles=s,t([r({type:String})],l.prototype,"target",void 0),t([r({type:String})],l.prototype,"rel",void 0),t([r({type:String})],l.prototype,"href",void 0),l=t([n("kyn-footer-link")],l);export{l as FooterNavLink};
+    `}handleClick(o){const t=new CustomEvent("on-click",{detail:{origEvent:o}});this.dispatchEvent(t)}};l.styles=s,o([t({type:String})],l.prototype,"target",void 0),o([t({type:String})],l.prototype,"rel",void 0),o([t({type:String})],l.prototype,"href",void 0),l=o([r("kyn-footer-link")],l);export{l as FooterNavLink};
 //# sourceMappingURL=footerLink.js.map

package/components/global/footer/footerNav.js

@@ -1,4 +1,4 @@
-import{i as r,_ as o,s as e,x as t,e as l}from"../../../vendor-d08bb614.js";var s=r`*,
+import{_ as r}from"../../../vendor/tslib-958f81aa.js";import{e as o}from"../../../vendor/lit-52eb9e23.js";import{i as e,s as t,x as l}from"../../../vendor/lit-element-3185f710.js";var s=e`*,
 *::before,
 *::after {
   box-sizing: border-box;
@@ -19,9 +19,9 @@ import{i as r,_ as o,s as e,x as t,e as l}from"../../../vendor-d08bb614.js";var
 
 ::slotted(kyn-footer-link:last-child) {
   border-right: none;
-}`;let d=class extends e{render(){return t`
+}`;let d=class extends t{render(){return l`
       <div class="footer-nav">
         <slot></slot>
       </div>
-    `}};d.styles=s,d=o([l("kyn-footer-nav")],d);export{d as FooterNav};
+    `}};d.styles=s,d=r([o("kyn-footer-nav")],d);export{d as FooterNav};
 //# sourceMappingURL=footerNav.js.map

package/components/global/footer/index.js

@@ -1,2 +1,2 @@
-export{Footer}from"./footer.js";export{FooterNav}from"./footerNav.js";export{FooterNavLink}from"./footerLink.js";import"../../../vendor-d08bb614.js";import"@kyndryl-design-system/shidoka-foundation/components/icon";
+export{Footer}from"./footer.js";export{FooterNav}from"./footerNav.js";export{FooterNavLink}from"./footerLink.js";import"../../../vendor/tslib-958f81aa.js";import"../../../vendor/lit-52eb9e23.js";import"../../../vendor/lit-element-3185f710.js";import"../../../vendor/lit-html-836d5e5c.js";import"../../../vendor/@kyndryl-design-system/shidoka-foundation-61c066a3.js";import"@kyndryl-design-system/shidoka-foundation/components/icon";
 //# sourceMappingURL=index.js.map

package/components/global/header/header.js

@@ -1,4 +1,4 @@
-import{i as e,_ as t,n as o,c as i,t as r,s as n,x as a,o as l,b as d,l as s,e as c}from"../../../vendor-d08bb614.js";import"@kyndryl-design-system/shidoka-foundation/components/icon";var h=e`*,
+import{_ as e}from"../../../vendor/tslib-958f81aa.js";import{n as t,l as o,t as i,o as r,e as n}from"../../../vendor/lit-52eb9e23.js";import{i as a,s as l,x as d}from"../../../vendor/lit-element-3185f710.js";import{a as s}from"../../../vendor/lit-html-836d5e5c.js";import"@kyndryl-design-system/shidoka-foundation/components/icon";import{l as c}from"../../../vendor/@kyndryl-design-system/shidoka-foundation-61c066a3.js";var h=a`*,
 *::before,
 *::after {
   box-sizing: border-box;
@@ -313,8 +313,8 @@ import{i as e,_ as t,n as o,c as i,t as r,s as n,x as a,o as l,b as d,l as s,e a
   background: none;
   padding: 0 8px;
   margin: 0 2px;
-}`;let g=class extends n{constructor(){super(...arguments),this.rootUrl="/",this.appTitle="",this._navOpen=!1,this._flyoutsOpen=!1}render(){const e={header:!0,"left-slotted":this.leftEls.length,"child-open":this._navOpen||this._flyoutsOpen};return a`
-      <header class="${l(e)}">
+}`;let g=class extends l{constructor(){super(...arguments),this.rootUrl="/",this.appTitle="",this._navOpen=!1,this._flyoutsOpen=!1}render(){const e={header:!0,"left-slotted":this.leftEls.length,"child-open":this._navOpen||this._flyoutsOpen};return d`
+      <header class="${r(e)}">
         <slot name="left" @slotchange=${this.handleSlotChange}></slot>
 
         <a
@@ -323,7 +323,7 @@ import{i as e,_ as t,n as o,c as i,t as r,s as n,x as a,o as l,b as d,l as s,e a
           @click="${e=>this.handleRootLinkClick(e)}"
         >
           <slot name="logo" @slotchange=${this.handleSlotChange}>
-            ${d(s)}
+            ${s(c)}
           </slot>
 
           <span class="title">${this.appTitle}</span>
@@ -335,5 +335,5 @@ import{i as e,_ as t,n as o,c as i,t as r,s as n,x as a,o as l,b as d,l as s,e a
           <slot @slotchange=${this.handleSlotChange}></slot>
         </div>
       </header>
-    `}handleSlotChange(){this.requestUpdate()}handleRootLinkClick(e){const t=new CustomEvent("on-root-link-click",{detail:{origEvent:e}});this.dispatchEvent(t)}_handleNavToggle(e){this._navOpen=e.detail.open}_handleFlyoutsToggle(e){this._flyoutsOpen=e.detail.open}connectedCallback(){super.connectedCallback(),document.addEventListener("on-nav-toggle",(e=>this._handleNavToggle(e))),document.addEventListener("on-flyouts-toggle",(e=>this._handleFlyoutsToggle(e)))}disconnectedCallback(){document.removeEventListener("on-nav-toggle",(e=>this._handleNavToggle(e))),document.removeEventListener("on-flyouts-toggle",(e=>this._handleFlyoutsToggle(e))),super.disconnectedCallback()}};g.styles=h,t([o({type:String})],g.prototype,"rootUrl",void 0),t([o({type:String})],g.prototype,"appTitle",void 0),t([i({selector:"kyn-header-nav"})],g.prototype,"navEls",void 0),t([i()],g.prototype,"assignedElements",void 0),t([i({slot:"left"})],g.prototype,"leftEls",void 0),t([r()],g.prototype,"_navOpen",void 0),t([r()],g.prototype,"_flyoutsOpen",void 0),g=t([c("kyn-header")],g);export{g as Header};
+    `}handleSlotChange(){this.requestUpdate()}handleRootLinkClick(e){const t=new CustomEvent("on-root-link-click",{detail:{origEvent:e}});this.dispatchEvent(t)}_handleNavToggle(e){this._navOpen=e.detail.open}_handleFlyoutsToggle(e){this._flyoutsOpen=e.detail.open}connectedCallback(){super.connectedCallback(),document.addEventListener("on-nav-toggle",(e=>this._handleNavToggle(e))),document.addEventListener("on-flyouts-toggle",(e=>this._handleFlyoutsToggle(e)))}disconnectedCallback(){document.removeEventListener("on-nav-toggle",(e=>this._handleNavToggle(e))),document.removeEventListener("on-flyouts-toggle",(e=>this._handleFlyoutsToggle(e))),super.disconnectedCallback()}};g.styles=h,e([t({type:String})],g.prototype,"rootUrl",void 0),e([t({type:String})],g.prototype,"appTitle",void 0),e([o({selector:"kyn-header-nav"})],g.prototype,"navEls",void 0),e([o()],g.prototype,"assignedElements",void 0),e([o({slot:"left"})],g.prototype,"leftEls",void 0),e([i()],g.prototype,"_navOpen",void 0),e([i()],g.prototype,"_flyoutsOpen",void 0),g=e([n("kyn-header")],g);export{g as Header};
 //# sourceMappingURL=header.js.map

package/components/global/header/headerAvatar.js

@@ -1,4 +1,4 @@
-import{i,_ as t,n as e,s as r,x as o,e as n}from"../../../vendor-d08bb614.js";var a=i`*,
+import{_ as t}from"../../../vendor/tslib-958f81aa.js";import{n as i,e}from"../../../vendor/lit-52eb9e23.js";import{i as r,s as o,x as n}from"../../../vendor/lit-element-3185f710.js";var d=r`*,
 *::before,
 *::after {
   box-sizing: border-box;
@@ -68,5 +68,5 @@ import{i,_ as t,n as e,s as r,x as o,e as n}from"../../../vendor-d08bb614.js";va
     font-size: var(--kd-font-size-utility-5-max);
     line-height: var(--kd-line-height-utility-5-max);
   }
-}`;let d=class extends r{constructor(){super(...arguments),this.initials=""}render(){return o` ${this.initials} `}};d.styles=a,t([e({type:String})],d.prototype,"initials",void 0),d=t([n("kyn-header-avatar")],d);export{d as HeaderAvatar};
+}`;let a=class extends o{constructor(){super(...arguments),this.initials=""}render(){return n` ${this.initials} `}};a.styles=d,t([i({type:String})],a.prototype,"initials",void 0),a=t([e("kyn-header-avatar")],a);export{a as HeaderAvatar};
 //# sourceMappingURL=headerAvatar.js.map

package/components/global/header/headerCategory.js

@@ -1,4 +1,4 @@
-import{i,_ as t,n as e,s as r,x as d,e as n}from"../../../vendor-d08bb614.js";var o=i`*,
+import{_ as i}from"../../../vendor/tslib-958f81aa.js";import{n as t,e}from"../../../vendor/lit-52eb9e23.js";import{i as r,s as d,x as o}from"../../../vendor/lit-element-3185f710.js";var n=r`*,
 *::before,
 *::after {
   box-sizing: border-box;
@@ -67,10 +67,10 @@ import{i,_ as t,n as e,s as r,x as d,e as n}from"../../../vendor-d08bb614.js";va
     font-size: var(--kd-font-size-utility-3-max);
     line-height: var(--kd-line-height-utility-3-max);
   }
-}`;let a=class extends r{constructor(){super(...arguments),this.heading=""}render(){return d`
+}`;let a=class extends d{constructor(){super(...arguments),this.heading=""}render(){return o`
       <div class="category">
         <div class="heading">${this.heading}</div>
         <slot></slot>
       </div>
-    `}};a.styles=o,t([e({type:String})],a.prototype,"heading",void 0),a=t([n("kyn-header-category")],a);export{a as HeaderCategory};
+    `}};a.styles=n,i([t({type:String})],a.prototype,"heading",void 0),a=i([e("kyn-header-category")],a);export{a as HeaderCategory};
 //# sourceMappingURL=headerCategory.js.map

package/components/global/header/headerDivider.js

@@ -1,4 +1,4 @@
-import{i as r,_ as e,s as o,x as d,e as n}from"../../../vendor-d08bb614.js";var t=r`*,
+import{_ as r}from"../../../vendor/tslib-958f81aa.js";import{e}from"../../../vendor/lit-52eb9e23.js";import{i as o,s as d,x as t}from"../../../vendor/lit-element-3185f710.js";var n=o`*,
 *::before,
 *::after {
   box-sizing: border-box;
@@ -15,5 +15,5 @@ hr {
   width: 100%;
   height: 1px;
   background: var(--kd-color-border-light);
-}`;let a=class extends o{render(){return d` <hr /> `}};a.styles=t,a=e([n("kyn-header-divider")],a);export{a as HeaderDivider};
+}`;let i=class extends d{render(){return t` <hr /> `}};i.styles=n,i=r([e("kyn-header-divider")],i);export{i as HeaderDivider};
 //# sourceMappingURL=headerDivider.js.map

package/components/global/header/headerFlyout.js

@@ -1,4 +1,4 @@
-import{i as e,_ as t,n as i,c as o,s as r,x as n,o as a,d as l,f as d,e as s}from"../../../vendor-d08bb614.js";import"@kyndryl-design-system/shidoka-foundation/components/icon";var c=e`*,
+import{_ as e}from"../../../vendor/tslib-958f81aa.js";import{n as t,l as i,o,e as r}from"../../../vendor/lit-52eb9e23.js";import{i as n,s as a,x as l}from"../../../vendor/lit-element-3185f710.js";import{_ as d,a as s}from"../../../vendor/@carbon/icons-6cb6c4b5.js";import"@kyndryl-design-system/shidoka-foundation/components/icon";var c=n`*,
 *::before,
 *::after {
   box-sizing: border-box;
@@ -366,9 +366,9 @@ import{i as e,_ as t,n as i,c as o,s as r,x as n,o as a,d as l,f as d,e as s}fro
   .label {
     display: none;
   }
-}`;let h=class extends r{constructor(){super(...arguments),this.open=!1,this.anchorLeft=!1,this.hideArrow=!1,this.label="",this.hideMenuLabel=!1,this.hideButtonLabel=!1,this.assistiveText="",this.href="",this.backText="Back"}render(){const e={menu:!0,open:this.open},t={menu__content:!0,"menu__content--left":this.anchorLeft,slotted:this.slottedElements.length};return n`
-      <div class="${a(e)}">
-        ${""!==this.href?n`
+}`;let h=class extends a{constructor(){super(...arguments),this.open=!1,this.anchorLeft=!1,this.hideArrow=!1,this.label="",this.hideMenuLabel=!1,this.hideButtonLabel=!1,this.assistiveText="",this.href="",this.backText="Back"}render(){const e={menu:!0,open:this.open},t={menu__content:!0,"menu__content--left":this.anchorLeft,slotted:this.slottedElements.length};return l`
+      <div class="${o(e)}">
+        ${""!==this.href?l`
               <a
                 class="btn interactive"
                 href=${this.href}
@@ -378,7 +378,7 @@ import{i as e,_ as t,n as i,c as o,s as r,x as n,o as a,d as l,f as d,e as s}fro
               >
                 <slot name="button"></slot>
 
-                ${this.hideButtonLabel?null:n`
+                ${this.hideButtonLabel?null:l`
                       <span class="label">
                         ${this.label||this.assistiveText}
                       </span>
@@ -387,10 +387,10 @@ import{i as e,_ as t,n as i,c as o,s as r,x as n,o as a,d as l,f as d,e as s}fro
                 <kd-icon
                   slot="button"
                   class="arrow"
-                  .icon="${l}"
+                  .icon="${d}"
                 ></kd-icon>
               </a>
-            `:n`
+            `:l`
               <button
                 class="btn interactive"
                 title=${this.label||this.assistiveText}
@@ -399,7 +399,7 @@ import{i as e,_ as t,n as i,c as o,s as r,x as n,o as a,d as l,f as d,e as s}fro
               >
                 <slot name="button"></slot>
 
-                ${this.hideButtonLabel?null:n`
+                ${this.hideButtonLabel?null:l`
                       <span class="label">
                         ${this.label||this.assistiveText}
                       </span>
@@ -408,18 +408,18 @@ import{i as e,_ as t,n as i,c as o,s as r,x as n,o as a,d as l,f as d,e as s}fro
                 <kd-icon
                   slot="button"
                   class="arrow"
-                  .icon="${l}"
+                  .icon="${d}"
                 ></kd-icon>
               </button>
             `}
 
-        <div class=${a(t)}>
+        <div class=${o(t)}>
           <button class="go-back" @click=${()=>this._handleBack()}>
-            <kd-icon .icon=${d}></kd-icon>
+            <kd-icon .icon=${s}></kd-icon>
             ${this.backText}
           </button>
 
-          ${this.hideMenuLabel?null:n`
+          ${this.hideMenuLabel?null:l`
                 <div class="menu-label">
                   ${this.label||this.assistiveText}
                 </div>
@@ -429,5 +429,5 @@ import{i as e,_ as t,n as i,c as o,s as r,x as n,o as a,d as l,f as d,e as s}fro
         </div>
       </div>
       <div class="overlay" @click=${this._handleOverlayClick}></div>
-    `}_handleBack(){this.open=!1}handleClick(){this.open=!this.open}handleClickOut(e){e.composedPath().includes(this)||(this.open=!1)}_handleOverlayClick(){this.open=!1}connectedCallback(){super.connectedCallback(),document.addEventListener("click",(e=>this.handleClickOut(e)))}disconnectedCallback(){document.removeEventListener("click",(e=>this.handleClickOut(e))),super.disconnectedCallback()}};h.styles=c,t([i({type:Boolean})],h.prototype,"open",void 0),t([i({type:Boolean})],h.prototype,"anchorLeft",void 0),t([i({type:Boolean})],h.prototype,"hideArrow",void 0),t([i({type:String})],h.prototype,"label",void 0),t([i({type:Boolean})],h.prototype,"hideMenuLabel",void 0),t([i({type:Boolean})],h.prototype,"hideButtonLabel",void 0),t([i({type:String})],h.prototype,"assistiveText",void 0),t([i({type:String})],h.prototype,"href",void 0),t([i({type:String})],h.prototype,"backText",void 0),t([o()],h.prototype,"slottedElements",void 0),h=t([s("kyn-header-flyout")],h);export{h as HeaderFlyout};
+    `}_handleBack(){this.open=!1}handleClick(){this.open=!this.open}handleClickOut(e){e.composedPath().includes(this)||(this.open=!1)}_handleOverlayClick(){this.open=!1}connectedCallback(){super.connectedCallback(),document.addEventListener("click",(e=>this.handleClickOut(e)))}disconnectedCallback(){document.removeEventListener("click",(e=>this.handleClickOut(e))),super.disconnectedCallback()}};h.styles=c,e([t({type:Boolean})],h.prototype,"open",void 0),e([t({type:Boolean})],h.prototype,"anchorLeft",void 0),e([t({type:Boolean})],h.prototype,"hideArrow",void 0),e([t({type:String})],h.prototype,"label",void 0),e([t({type:Boolean})],h.prototype,"hideMenuLabel",void 0),e([t({type:Boolean})],h.prototype,"hideButtonLabel",void 0),e([t({type:String})],h.prototype,"assistiveText",void 0),e([t({type:String})],h.prototype,"href",void 0),e([t({type:String})],h.prototype,"backText",void 0),e([i()],h.prototype,"slottedElements",void 0),h=e([r("kyn-header-flyout")],h);export{h as HeaderFlyout};
 //# sourceMappingURL=headerFlyout.js.map

package/components/global/header/headerFlyouts.js

@@ -1,4 +1,4 @@
-import{i as o,_ as e,n as t,s as i,x as r,g as n,e as a}from"../../../vendor-d08bb614.js";import"@kyndryl-design-system/shidoka-foundation/components/icon";var d=o`*,
+import{_ as o}from"../../../vendor/tslib-958f81aa.js";import{n as e,e as t}from"../../../vendor/lit-52eb9e23.js";import{i,s as r,x as n}from"../../../vendor/lit-element-3185f710.js";import"@kyndryl-design-system/shidoka-foundation/components/icon";import{b as a}from"../../../vendor/@carbon/icons-6cb6c4b5.js";var d=i`*,
 *::before,
 *::after {
   box-sizing: border-box;
@@ -267,7 +267,7 @@ kd-icon {
     z-index: initial;
     padding: 0;
   }
-}`;let l=class extends i{constructor(){super(...arguments),this.open=!1}render(){return r`
+}`;let l=class extends r{constructor(){super(...arguments),this.open=!1}render(){return n`
       <div class="header-flyouts menu ${this.open?"open":""}">
         <button
           class="btn interactive"
@@ -275,12 +275,12 @@ kd-icon {
           title="Toggle Menu"
           @click=${()=>this._toggleOpen()}
         >
-          <kd-icon .icon=${n}></kd-icon>
+          <kd-icon .icon=${a}></kd-icon>
         </button>
 
         <div class="menu__content">
           <slot></slot>
         </div>
       </div>
-    `}_toggleOpen(){this.open=!this.open}_handleClickOut(o){o.composedPath().includes(this)||(this.open=!1)}willUpdate(o){if(o.has("open")){const o=new CustomEvent("on-flyouts-toggle",{composed:!0,bubbles:!0,detail:{open:this.open}});this.dispatchEvent(o)}}connectedCallback(){super.connectedCallback(),document.addEventListener("click",(o=>this._handleClickOut(o)))}disconnectedCallback(){document.removeEventListener("click",(o=>this._handleClickOut(o))),super.disconnectedCallback()}};l.styles=d,e([t({type:Boolean})],l.prototype,"open",void 0),l=e([a("kyn-header-flyouts")],l);export{l as HeaderFlyouts};
+    `}_toggleOpen(){this.open=!this.open}_handleClickOut(o){o.composedPath().includes(this)||(this.open=!1)}willUpdate(o){if(o.has("open")){const o=new CustomEvent("on-flyouts-toggle",{composed:!0,bubbles:!0,detail:{open:this.open}});this.dispatchEvent(o)}}connectedCallback(){super.connectedCallback(),document.addEventListener("click",(o=>this._handleClickOut(o)))}disconnectedCallback(){document.removeEventListener("click",(o=>this._handleClickOut(o))),super.disconnectedCallback()}};l.styles=d,o([e({type:Boolean})],l.prototype,"open",void 0),l=o([t("kyn-header-flyouts")],l);export{l as HeaderFlyouts};
 //# sourceMappingURL=headerFlyouts.js.map

package/components/global/header/headerLink.js

@@ -1,4 +1,4 @@
-import{i as e,_ as t,n as i,t as o,c as n,s as r,x as a,o as l,d,f as s,h as c,e as h}from"../../../vendor-d08bb614.js";import{debounce as v}from"../../../common/helpers/helpers.js";import"../../reusable/textInput/textInput.js";import"@kyndryl-design-system/shidoka-foundation/components/icon";import"../../../common/mixins/form-input.js";var p=e`*,
+import{_ as e}from"../../../vendor/tslib-958f81aa.js";import{n as t,t as o,l as i,o as r,e as n}from"../../../vendor/lit-52eb9e23.js";import{i as a,s as l,x as d}from"../../../vendor/lit-element-3185f710.js";import{debounce as s}from"../../../common/helpers/helpers.js";import"../../reusable/textInput/textInput.js";import"@kyndryl-design-system/shidoka-foundation/components/icon";import{_ as c,a as h,c as v}from"../../../vendor/@carbon/icons-6cb6c4b5.js";import"../../../common/mixins/form-input.js";import"../../../vendor/deepmerge-ts-0394e16f.js";var p=a`*,
 *::before,
 *::after {
   box-sizing: border-box;
@@ -369,9 +369,9 @@ kyn-text-input {
     transform: scaleX(0);
     transform-origin: right;
   }
-}`;let m=class extends r{constructor(){super(...arguments),this.open=!1,this.href="",this.target="_self",this.rel="",this.isActive=!1,this.level=1,this.divider=!1,this.searchLabel="Search",this.backText="Back",this._searchTerm="",this.menuPosition={},this._debounceResize=v((()=>{this.determineLevel()}))}render(){const e={menu:this.slottedEls.length,"level--1":1==this.level,"level--2":2==this.level,divider:this.divider,open:this.open},t={"nav-link":!0,active:this.isActive,interactive:1==this.level},i={menu__content:!0,slotted:this.slottedEls.length},o=this.querySelectorAll("kyn-header-link");return a`
+}`;let m=class extends l{constructor(){super(...arguments),this.open=!1,this.href="",this.target="_self",this.rel="",this.isActive=!1,this.level=1,this.divider=!1,this.searchLabel="Search",this.backText="Back",this._searchTerm="",this.menuPosition={},this._debounceResize=s((()=>{this.determineLevel()}))}render(){const e={menu:this.slottedEls.length,"level--1":1==this.level,"level--2":2==this.level,divider:this.divider,open:this.open},t={"nav-link":!0,active:this.isActive,interactive:1==this.level},o={menu__content:!0,slotted:this.slottedEls.length},i=this.querySelectorAll("kyn-header-link");return d`
       <div
-        class="${l(e)}"
+        class="${r(e)}"
         @pointerleave=${e=>this.handlePointerLeave(e)}
         @pointerenter=${e=>this.handlePointerEnter(e)}
       >
@@ -379,32 +379,32 @@ kyn-text-input {
           target=${this.target}
           rel=${this.rel}
           href=${this.href}
-          class=${l(t)}
+          class=${r(t)}
           @click=${e=>this.handleClick(e)}
           @pointerenter=${e=>this.handlePointerEnter(e)}
         >
           <slot></slot>
 
-          ${this.slottedEls.length?a` <kd-icon class="arrow" .icon=${d}></kd-icon> `:null}
+          ${this.slottedEls.length?d` <kd-icon class="arrow" .icon=${c}></kd-icon> `:null}
         </a>
 
         <div
-          class=${l(i)}
+          class=${r(o)}
           style=${`top: ${this.menuPosition.top}px; left: ${this.menuPosition.left}px;`}
         >
           <button class="go-back" @click=${()=>this._handleBack()}>
-            <kd-icon .icon=${s}></kd-icon>
+            <kd-icon .icon=${h}></kd-icon>
             ${this.backText}
           </button>
 
-          ${o.length>5?a`
+          ${i.length>5?d`
                 <kyn-text-input
                   hideLabel
                   placeholder=${this.searchLabel}
                   value=${this._searchTerm}
                   @on-input=${e=>this._handleSearch(e)}
                 >
-                  <kd-icon .icon=${c} slot="icon"></kd-icon>
+                  <kd-icon .icon=${v} slot="icon"></kd-icon>
                   ${this.searchLabel}
                 </kyn-text-input>
               `:null}
@@ -412,5 +412,5 @@ kyn-text-input {
           <slot name="links" @slotchange=${this._handleLinksSlotChange}></slot>
         </div>
       </div>
-    `}_handleSearch(e){this._searchTerm=e.detail.value.toLowerCase(),this._searchFilter()}_searchFilter(){this.querySelectorAll("kyn-header-link").forEach((e=>{var t,i;const o=null===(i=null===(t=e.shadowRoot)||void 0===t?void 0:t.querySelector("slot"))||void 0===i?void 0:i.assignedNodes({flatten:!0});let n="";for(let e=0;e<o.length;e++)n+=o[e].textContent.trim();n.toLowerCase().includes(this._searchTerm)?e.style.display="block":e.style.display="none"})),this._positionMenu()}_handleBack(){this.open=!1}_handleLinksSlotChange(){this.requestUpdate()}handlePointerEnter(e){"mouse"===e.pointerType&&this.slottedEls.length&&(clearTimeout(this._leaveTimer),this._enterTimer=setTimeout((()=>{this.open=!0}),150))}handlePointerLeave(e){"mouse"===e.pointerType&&this.slottedEls.length&&""===this._searchTerm&&(clearTimeout(this._enterTimer),this._leaveTimer=setTimeout((()=>{this.open=!1}),150))}handleClick(e){let t=!1;this.slottedEls.length&&(t=!0,e.preventDefault(),this.open=!this.open);const i=new CustomEvent("on-click",{detail:{origEvent:e,defaultPrevented:t}});this.dispatchEvent(i)}handleClickOut(e){e.composedPath().includes(this)||(this.open=!1,this._searchTerm="",this._searchFilter())}determineLevel(){const e=this.parentNode;"KYN-HEADER-LINK"===e.nodeName||"links"===e.slot||window.innerWidth<672&&"KYN-HEADER-FLYOUT"===e.nodeName?this.level=2:this.level=1}_positionMenu(){var e,t;const i=this.getBoundingClientRect(),o=null===(t=null===(e=this.shadowRoot)||void 0===e?void 0:e.querySelector(".menu__content"))||void 0===t?void 0:t.getBoundingClientRect(),n=i.top+i.height/2,r=o.height/2,a=n+r>window.innerHeight?n-r-(n+r-window.innerHeight):n-r;this.menuPosition={top:a<56?56:a,left:i.right+8}}firstUpdated(){this.determineLevel()}willUpdate(e){e.has("open")&&this.open&&this._positionMenu()}connectedCallback(){super.connectedCallback(),document.addEventListener("click",(e=>this.handleClickOut(e))),null===window||void 0===window||window.addEventListener("resize",this._debounceResize)}disconnectedCallback(){document.removeEventListener("click",(e=>this.handleClickOut(e))),null===window||void 0===window||window.removeEventListener("resize",this._debounceResize),super.disconnectedCallback()}};m.styles=p,t([i({type:Boolean})],m.prototype,"open",void 0),t([i({type:String})],m.prototype,"href",void 0),t([i({type:String})],m.prototype,"target",void 0),t([i({type:String})],m.prototype,"rel",void 0),t([i({type:Boolean})],m.prototype,"isActive",void 0),t([o()],m.prototype,"level",void 0),t([i({type:Boolean})],m.prototype,"divider",void 0),t([i({type:String})],m.prototype,"searchLabel",void 0),t([i({type:String})],m.prototype,"backText",void 0),t([o()],m.prototype,"_searchTerm",void 0),t([n({slot:"links"})],m.prototype,"slottedEls",void 0),t([o()],m.prototype,"_leaveTimer",void 0),t([o()],m.prototype,"menuPosition",void 0),m=t([h("kyn-header-link")],m);export{m as HeaderLink};
+    `}_handleSearch(e){this._searchTerm=e.detail.value.toLowerCase(),this._searchFilter()}_searchFilter(){this.querySelectorAll("kyn-header-link").forEach((e=>{var t,o;const i=null===(o=null===(t=e.shadowRoot)||void 0===t?void 0:t.querySelector("slot"))||void 0===o?void 0:o.assignedNodes({flatten:!0});let r="";for(let e=0;e<i.length;e++)r+=i[e].textContent.trim();r.toLowerCase().includes(this._searchTerm)?e.style.display="block":e.style.display="none"})),this._positionMenu()}_handleBack(){this.open=!1}_handleLinksSlotChange(){this.requestUpdate()}handlePointerEnter(e){"mouse"===e.pointerType&&this.slottedEls.length&&(clearTimeout(this._leaveTimer),this._enterTimer=setTimeout((()=>{this.open=!0}),150))}handlePointerLeave(e){"mouse"===e.pointerType&&this.slottedEls.length&&""===this._searchTerm&&(clearTimeout(this._enterTimer),this._leaveTimer=setTimeout((()=>{this.open=!1}),150))}handleClick(e){let t=!1;this.slottedEls.length&&(t=!0,e.preventDefault(),this.open=!this.open);const o=new CustomEvent("on-click",{detail:{origEvent:e,defaultPrevented:t}});this.dispatchEvent(o)}handleClickOut(e){e.composedPath().includes(this)||(this.open=!1,this._searchTerm="",this._searchFilter())}determineLevel(){const e=this.parentNode;"KYN-HEADER-LINK"===e.nodeName||"links"===e.slot||window.innerWidth<672&&"KYN-HEADER-FLYOUT"===e.nodeName?this.level=2:this.level=1}_positionMenu(){var e,t;const o=this.getBoundingClientRect(),i=null===(t=null===(e=this.shadowRoot)||void 0===e?void 0:e.querySelector(".menu__content"))||void 0===t?void 0:t.getBoundingClientRect(),r=o.top+o.height/2,n=i.height/2,a=r+n>window.innerHeight?r-n-(r+n-window.innerHeight):r-n;this.menuPosition={top:a<56?56:a,left:o.right+8}}firstUpdated(){this.determineLevel()}willUpdate(e){e.has("open")&&this.open&&this._positionMenu()}connectedCallback(){super.connectedCallback(),document.addEventListener("click",(e=>this.handleClickOut(e))),null===window||void 0===window||window.addEventListener("resize",this._debounceResize)}disconnectedCallback(){document.removeEventListener("click",(e=>this.handleClickOut(e))),null===window||void 0===window||window.removeEventListener("resize",this._debounceResize),super.disconnectedCallback()}};m.styles=p,e([t({type:Boolean})],m.prototype,"open",void 0),e([t({type:String})],m.prototype,"href",void 0),e([t({type:String})],m.prototype,"target",void 0),e([t({type:String})],m.prototype,"rel",void 0),e([t({type:Boolean})],m.prototype,"isActive",void 0),e([o()],m.prototype,"level",void 0),e([t({type:Boolean})],m.prototype,"divider",void 0),e([t({type:String})],m.prototype,"searchLabel",void 0),e([t({type:String})],m.prototype,"backText",void 0),e([o()],m.prototype,"_searchTerm",void 0),e([i({slot:"links"})],m.prototype,"slottedEls",void 0),e([o()],m.prototype,"_leaveTimer",void 0),e([o()],m.prototype,"menuPosition",void 0),m=e([n("kyn-header-link")],m);export{m as HeaderLink};
 //# sourceMappingURL=headerLink.js.map

package/components/global/header/headerNav.js

@@ -1,4 +1,4 @@
-import{i as e,_ as o,t,n as i,s as r,x as n,o as a,j as d,k as c,e as l}from"../../../vendor-d08bb614.js";var s=e`*,
+import{_ as e}from"../../../vendor/tslib-958f81aa.js";import{t as o,n as t,o as i,e as r}from"../../../vendor/lit-52eb9e23.js";import{i as n,s as a,x as d}from"../../../vendor/lit-element-3185f710.js";import{d as c,e as l}from"../../../vendor/@carbon/icons-6cb6c4b5.js";var s=n`*,
 *::before,
 *::after {
   box-sizing: border-box;
@@ -236,15 +236,15 @@ import{i as e,_ as o,t,n as i,s as r,x as n,o as a,j as d,k as c,e as l}from"../
   .menu__content {
     top: calc(100% + 12px);
   }
-}`;let u=class extends r{constructor(){super(...arguments),this.menuOpen=!1,this.slot="left"}render(){const e={"header-nav":!0,menu:!0,open:this.menuOpen};return n`
-      <div class=${a(e)}>
+}`;let u=class extends a{constructor(){super(...arguments),this.menuOpen=!1,this.slot="left"}render(){const e={"header-nav":!0,menu:!0,open:this.menuOpen};return d`
+      <div class=${i(e)}>
         <button
           class="btn interactive"
           aria-label="Toggle Menu"
           title="Toggle Menu"
           @click=${()=>this._toggleMenuOpen()}
         >
-          ${this.menuOpen?n` <kd-icon .icon=${d}></kd-icon> `:n` <kd-icon .icon=${c}></kd-icon> `}
+          ${this.menuOpen?d` <kd-icon .icon=${c}></kd-icon> `:d` <kd-icon .icon=${l}></kd-icon> `}
         </button>
 
         <div class="menu__content left">
@@ -252,5 +252,5 @@ import{i as e,_ as o,t,n as i,s as r,x as n,o as a,j as d,k as c,e as l}from"../
         </div>
       </div>
       <div class="overlay" @click=${this._handleOverlayClick}></div>
-    `}_toggleMenuOpen(){this.menuOpen=!this.menuOpen}_handleClickOut(e){e.composedPath().includes(this)||(this.menuOpen=!1)}_handleOverlayClick(){this.menuOpen=!1}willUpdate(e){if(e.has("menuOpen")){const e=new CustomEvent("on-nav-toggle",{composed:!0,bubbles:!0,detail:{open:this.menuOpen}});this.dispatchEvent(e)}}connectedCallback(){super.connectedCallback(),document.addEventListener("click",(e=>this._handleClickOut(e)))}disconnectedCallback(){document.removeEventListener("click",(e=>this._handleClickOut(e))),super.disconnectedCallback()}};u.styles=s,o([t()],u.prototype,"menuOpen",void 0),o([i({type:String,reflect:!0})],u.prototype,"slot",void 0),u=o([l("kyn-header-nav")],u);export{u as HeaderNav};
+    `}_toggleMenuOpen(){this.menuOpen=!this.menuOpen}_handleClickOut(e){e.composedPath().includes(this)||(this.menuOpen=!1)}_handleOverlayClick(){this.menuOpen=!1}willUpdate(e){if(e.has("menuOpen")){const e=new CustomEvent("on-nav-toggle",{composed:!0,bubbles:!0,detail:{open:this.menuOpen}});this.dispatchEvent(e)}}connectedCallback(){super.connectedCallback(),document.addEventListener("click",(e=>this._handleClickOut(e)))}disconnectedCallback(){document.removeEventListener("click",(e=>this._handleClickOut(e))),super.disconnectedCallback()}};u.styles=s,e([o()],u.prototype,"menuOpen",void 0),e([t({type:String,reflect:!0})],u.prototype,"slot",void 0),u=e([r("kyn-header-nav")],u);export{u as HeaderNav};
 //# sourceMappingURL=headerNav.js.map

package/components/global/header/headerNotificationPanel.js

@@ -1,4 +1,4 @@
-import{i as e,_ as t,n as i,s as n,x as a,e as r}from"../../../vendor-d08bb614.js";import"@kyndryl-design-system/shidoka-foundation/components/button";var o=e`*,
+import{_ as e}from"../../../vendor/tslib-958f81aa.js";import{n as t,e as i}from"../../../vendor/lit-52eb9e23.js";import{i as n,s as a,x as r}from"../../../vendor/lit-element-3185f710.js";import"@kyndryl-design-system/shidoka-foundation/components/button";var o=n`*,
 *::before,
 *::after {
   box-sizing: border-box;
@@ -115,7 +115,7 @@ import{i as e,_ as t,n as i,s as n,x as a,e as r}from"../../../vendor-d08bb614.j
 .panel-footer {
   text-align: center;
   padding: 12px 0px 4px 0px;
-}`;let l=class extends n{constructor(){super(...arguments),this.panelTitle="",this.panelFooterBtnText="",this.hidePanelFooter=!1}render(){return a` <div class="panel-wrapper">
+}`;let l=class extends a{constructor(){super(...arguments),this.panelTitle="",this.panelFooterBtnText="",this.hidePanelFooter=!1}render(){return r` <div class="panel-wrapper">
       <header class="panel-header-wrapper">
         <div class="panel-header">
           <div class="panel-left">
@@ -132,12 +132,12 @@ import{i as e,_ as t,n as i,s as n,x as a,e as r}from"../../../vendor-d08bb614.j
       <div class="panel-body">
         <slot></slot>
       </div>
-      ${this.hidePanelFooter?null:a` <div class="panel-footer">
+      ${this.hidePanelFooter?null:r` <div class="panel-footer">
             <kd-button
               kind="tertiary"
               @click=${e=>this._handlefooterBtnEvent(e)}
               >${this.panelFooterBtnText}</kd-button
             >
           </div>`}
-    </div>`}_handlefooterBtnEvent(e){const t=new CustomEvent("on-footer-btn-click",{detail:{origEvent:e}});this.dispatchEvent(t)}};l.styles=o,t([i({type:String})],l.prototype,"panelTitle",void 0),t([i({type:String})],l.prototype,"panelFooterBtnText",void 0),t([i({type:Boolean})],l.prototype,"hidePanelFooter",void 0),l=t([r("kyn-header-notification-panel")],l);export{l as HeaderNotificationPanel};
+    </div>`}_handlefooterBtnEvent(e){const t=new CustomEvent("on-footer-btn-click",{detail:{origEvent:e}});this.dispatchEvent(t)}};l.styles=o,e([t({type:String})],l.prototype,"panelTitle",void 0),e([t({type:String})],l.prototype,"panelFooterBtnText",void 0),e([t({type:Boolean})],l.prototype,"hidePanelFooter",void 0),l=e([i("kyn-header-notification-panel")],l);export{l as HeaderNotificationPanel};
 //# sourceMappingURL=headerNotificationPanel.js.map

package/components/global/header/headerPanel.js

@@ -1,4 +1,4 @@
-import{i as t,_ as e,n as i,s as o,x as r,o as n,j as a,e as d}from"../../../vendor-d08bb614.js";import"@kyndryl-design-system/shidoka-foundation/components/icon";var l=t`*,
+import{_ as t}from"../../../vendor/tslib-958f81aa.js";import{n as e,o as i,e as o}from"../../../vendor/lit-52eb9e23.js";import{i as r,s as n,x as a}from"../../../vendor/lit-element-3185f710.js";import"@kyndryl-design-system/shidoka-foundation/components/icon";import{d}from"../../../vendor/@carbon/icons-6cb6c4b5.js";var l=r`*,
 *::before,
 *::after {
   box-sizing: border-box;
@@ -318,9 +318,9 @@ button {
 
 kd-icon {
   display: block;
-}`;let s=class extends o{constructor(){super(...arguments),this.right=!1,this.open=!1,this.heading="",this.openText="Open Panel",this.closeText="Close Panel"}render(){const t={interactive:!0,open:this.open},e={panel:!0,open:this.open,right:this.right};return r`
+}`;let s=class extends n{constructor(){super(...arguments),this.right=!1,this.open=!1,this.heading="",this.openText="Open Panel",this.closeText="Close Panel"}render(){const t={interactive:!0,open:this.open},e={panel:!0,open:this.open,right:this.right};return a`
       <button
-        class="${n(t)}"
+        class="${i(t)}"
         title=${this.openText}
         aria-label=${this.openText}
         @click=${this.togglePanel}
@@ -330,17 +330,17 @@ kd-icon {
         <slot name="button"></slot>
       </button>
 
-      <div id="panel" class="${n(e)}" tabindex="-1">
+      <div id="panel" class="${i(e)}" tabindex="-1">
         <div class="heading">
           <button
-            class="${n(t)}"
+            class="${i(t)}"
             title=${this.closeText}
             aria-label=${this.closeText}
             @click=${this.togglePanel}
             aria-controls="panel"
             aria-expanded=${this.open}
           >
-            <kd-icon .icon=${a}></kd-icon>
+            <kd-icon .icon=${d}></kd-icon>
           </button>
 
           <div class="heading__text">${this.heading}</div>
@@ -350,5 +350,5 @@ kd-icon {
           <slot></slot>
         </div>
       </div>
-    `}togglePanel(){this.open=!this.open}handleClickOut(t){t.composedPath().includes(this)||(this.open=!1)}connectedCallback(){super.connectedCallback(),document.addEventListener("click",(t=>this.handleClickOut(t)))}disconnectedCallback(){document.removeEventListener("click",(t=>this.handleClickOut(t))),super.disconnectedCallback()}};s.styles=l,e([i({type:Boolean})],s.prototype,"right",void 0),e([i({type:Boolean})],s.prototype,"open",void 0),e([i({type:String})],s.prototype,"heading",void 0),e([i({type:String})],s.prototype,"openText",void 0),e([i({type:String})],s.prototype,"closeText",void 0),s=e([d("kyn-header-panel")],s);export{s as HeaderPanel};
+    `}togglePanel(){this.open=!this.open}handleClickOut(t){t.composedPath().includes(this)||(this.open=!1)}connectedCallback(){super.connectedCallback(),document.addEventListener("click",(t=>this.handleClickOut(t)))}disconnectedCallback(){document.removeEventListener("click",(t=>this.handleClickOut(t))),super.disconnectedCallback()}};s.styles=l,t([e({type:Boolean})],s.prototype,"right",void 0),t([e({type:Boolean})],s.prototype,"open",void 0),t([e({type:String})],s.prototype,"heading",void 0),t([e({type:String})],s.prototype,"openText",void 0),t([e({type:String})],s.prototype,"closeText",void 0),s=t([o("kyn-header-panel")],s);export{s as HeaderPanel};
 //# sourceMappingURL=headerPanel.js.map

package/components/global/header/headerPanelLink.js

@@ -1,4 +1,4 @@
-import{i as t,_ as e,n as i,s as r,x as o,e as a}from"../../../vendor-d08bb614.js";var n=t`*,
+import{_ as t}from"../../../vendor/tslib-958f81aa.js";import{n as e,e as i}from"../../../vendor/lit-52eb9e23.js";import{i as r,s as o,x as n}from"../../../vendor/lit-element-3185f710.js";var a=r`*,
 *::before,
 *::after {
   box-sizing: border-box;
@@ -84,7 +84,7 @@ a:focus {
 a:active {
   background-color: var(--kd-color-background-primary-pressed);
   color: var(--kd-color-text-inversed);
-}`;let l=class extends r{constructor(){super(...arguments),this.href="",this.target="_self",this.rel=""}render(){return o`
+}`;let l=class extends o{constructor(){super(...arguments),this.href="",this.target="_self",this.rel=""}render(){return n`
       <a
         target=${this.target}
         rel=${this.rel}
@@ -93,5 +93,5 @@ a:active {
       >
         <slot></slot>
       </a>
-    `}handleClick(t){const e=new CustomEvent("on-click",{detail:{origEvent:t}});this.dispatchEvent(e)}};l.styles=n,e([i({type:String})],l.prototype,"href",void 0),e([i({type:String})],l.prototype,"target",void 0),e([i({type:String})],l.prototype,"rel",void 0),l=e([a("kyn-header-panel-link")],l);export{l as HeaderPanelLink};
+    `}handleClick(t){const e=new CustomEvent("on-click",{detail:{origEvent:t}});this.dispatchEvent(e)}};l.styles=a,t([e({type:String})],l.prototype,"href",void 0),t([e({type:String})],l.prototype,"target",void 0),t([e({type:String})],l.prototype,"rel",void 0),l=t([i("kyn-header-panel-link")],l);export{l as HeaderPanelLink};
 //# sourceMappingURL=headerPanelLink.js.map

package/components/global/header/headerUserProfile.js

@@ -1,4 +1,4 @@
-import{i,_ as t,n as e,s as l,x as n,e as r}from"../../../vendor-d08bb614.js";import"@kyndryl-design-system/shidoka-foundation/components/link";var o=i`*,
+import{_ as i}from"../../../vendor/tslib-958f81aa.js";import{n as t,e}from"../../../vendor/lit-52eb9e23.js";import{i as l,s as n,x as r}from"../../../vendor/lit-element-3185f710.js";import"@kyndryl-design-system/shidoka-foundation/components/link";var o=l`*,
 *::before,
 *::after {
   box-sizing: border-box;
@@ -158,14 +158,14 @@ import{i,_ as t,n as e,s as l,x as n,e as r}from"../../../vendor-d08bb614.js";im
     font-size: var(--kd-font-size-utility-3-max);
     line-height: var(--kd-line-height-utility-3-max);
   }
-}`;let d=class extends l{constructor(){super(...arguments),this.name="",this.subtitle="",this.email="",this.profileLink="",this.profileLinkText="View Profile"}render(){return n`
+}`;let d=class extends n{constructor(){super(...arguments),this.name="",this.subtitle="",this.email="",this.profileLink="",this.profileLinkText="View Profile"}render(){return r`
       <div class="user-profile">
         <div class="picture"><slot></slot></div>
 
         <div class="info">
-          ${""!==this.name?n` <div class="name">${this.name}</div>`:null}
-          ${""!==this.subtitle?n` <div class="subtitle">${this.subtitle}</div>`:null}
-          ${""!==this.email?n`
+          ${""!==this.name?r` <div class="name">${this.name}</div>`:null}
+          ${""!==this.subtitle?r` <div class="subtitle">${this.subtitle}</div>`:null}
+          ${""!==this.email?r`
                 <div class="email">
                   <kd-link standalone href="mailto:${this.email}">
                     ${this.email}
@@ -174,7 +174,7 @@ import{i,_ as t,n as e,s as l,x as n,e as r}from"../../../vendor-d08bb614.js";im
               `:null}
         </div>
 
-        ${""!==this.profileLink?n`
+        ${""!==this.profileLink?r`
               <div class="view-profile">
                 <kd-link
                   standalone
@@ -186,5 +186,5 @@ import{i,_ as t,n as e,s as l,x as n,e as r}from"../../../vendor-d08bb614.js";im
               </div>
             `:null}
       </div>
-    `}_handleProfileClick(i){const t=new CustomEvent("on-profile-link-click",{detail:{origEvent:i}});this.dispatchEvent(t)}};d.styles=o,t([e({type:String})],d.prototype,"name",void 0),t([e({type:String})],d.prototype,"subtitle",void 0),t([e({type:String})],d.prototype,"email",void 0),t([e({type:String})],d.prototype,"profileLink",void 0),t([e({type:String})],d.prototype,"profileLinkText",void 0),d=t([r("kyn-header-user-profile")],d);export{d as HeaderUserProfile};
+    `}_handleProfileClick(i){const t=new CustomEvent("on-profile-link-click",{detail:{origEvent:i}});this.dispatchEvent(t)}};d.styles=o,i([t({type:String})],d.prototype,"name",void 0),i([t({type:String})],d.prototype,"subtitle",void 0),i([t({type:String})],d.prototype,"email",void 0),i([t({type:String})],d.prototype,"profileLink",void 0),i([t({type:String})],d.prototype,"profileLinkText",void 0),d=i([e("kyn-header-user-profile")],d);export{d as HeaderUserProfile};
 //# sourceMappingURL=headerUserProfile.js.map