@kyndryl-design-system/shidoka-applications 2.90.1 → 2.90.2

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.
@@ -10,6 +10,7 @@ import './workspaceSwitcherMenuItem';
10
10
  * @slot right - Non-list content for the right panel (e.g. search).
11
11
  * @slot right-list - List items for the right panel (rendered inside role="list").
12
12
  * @cssprop [--kyn-workspace-switcher-max-height=none] - Maximum height of the switcher panel.
13
+ * @cssprop [--kyn-workspace-switcher-left-panel-width=275px] - Width of the left panel in desktop two-panel layout.
13
14
  */
14
15
  export declare class WorkspaceSwitcher extends LitElement {
15
16
  static styles: import("lit").CSSResult;
@@ -27,10 +28,17 @@ export declare class WorkspaceSwitcher extends LitElement {
27
28
  accessor hideCurrentTitle: boolean;
28
29
  /** Hides the heading above the lower left-hand side list. Example: suppress for accounts-only customers. */
29
30
  accessor hideWorkspacesTitle: boolean;
31
+ /** Hides the divider beneath the `left` slot content. */
32
+ accessor hideLeftDivider: boolean;
30
33
  /** Merged text strings.
31
34
  * @internal
32
35
  */
33
36
  private _textStrings;
37
+ /**
38
+ * The nearest flyout host, if any.
39
+ * @internal
40
+ */
41
+ private _flyoutHost;
34
42
  /**
35
43
  * @internal
36
44
  */
@@ -1 +1 @@
1
- {"version":3,"file":"workspaceSwitcher.d.ts","sourceRoot":"","sources":["../../../../src/components/global/workspaceSwitcher/workspaceSwitcher.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAmB,MAAM,KAAK,CAAC;AAMlD,OAAO,6BAA6B,CAAC;AAQrC;;;;;;;;;;GAUG;AACH,qBACa,iBAAkB,SAAQ,UAAU;IAC/C,OAAgB,MAAM,0BAAoC;IAE1D,iCAAiC;IAEjC,QAAQ,CAAC,WAAW;;;;MAAuB;IAE3C;;OAEG;IAEH,QAAQ,CAAC,IAAI,EAAE,MAAM,GAAG,QAAQ,CAAU;IAE1C,qDAAqD;IAErD,QAAQ,CAAC,gBAAgB,UAAS;IAElC,4GAA4G;IAE5G,QAAQ,CAAC,mBAAmB,UAAS;IAErC;;OAEG;IACH,OAAO,CAAC,YAAY,CAAuB;IAE3C;;OAEG;IACH,OAAO,CAAC,mBAAmB,CAKzB;IAEO,iBAAiB;IAQjB,oBAAoB;IAQpB,UAAU,CAAC,iBAAiB,EAAE,GAAG,CAAC,MAAM,EAAE,OAAO,CAAC;IAMlD,MAAM;IAmCf,OAAO,CAAC,gBAAgB;CAGzB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,wBAAwB,EAAE,iBAAiB,CAAC;KAC7C;CACF"}
1
+ {"version":3,"file":"workspaceSwitcher.d.ts","sourceRoot":"","sources":["../../../../src/components/global/workspaceSwitcher/workspaceSwitcher.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAmB,MAAM,KAAK,CAAC;AAMlD,OAAO,6BAA6B,CAAC;AAQrC;;;;;;;;;;;GAWG;AACH,qBACa,iBAAkB,SAAQ,UAAU;IAC/C,OAAgB,MAAM,0BAAoC;IAE1D,iCAAiC;IAEjC,QAAQ,CAAC,WAAW;;;;MAAuB;IAE3C;;OAEG;IAEH,QAAQ,CAAC,IAAI,EAAE,MAAM,GAAG,QAAQ,CAAU;IAE1C,qDAAqD;IAErD,QAAQ,CAAC,gBAAgB,UAAS;IAElC,4GAA4G;IAE5G,QAAQ,CAAC,mBAAmB,UAAS;IAErC,yDAAyD;IAEzD,QAAQ,CAAC,eAAe,UAAS;IAEjC;;OAEG;IACH,OAAO,CAAC,YAAY,CAAuB;IAE3C;;;OAGG;IACH,OAAO,CAAC,WAAW,CAA4B;IAE/C;;OAEG;IACH,OAAO,CAAC,mBAAmB,CAKzB;IAEO,iBAAiB;IASjB,oBAAoB;IASpB,UAAU,CAAC,iBAAiB,EAAE,GAAG,CAAC,MAAM,EAAE,OAAO,CAAC;IAMlD,MAAM;IAmCf,OAAO,CAAC,gBAAgB;CAGzB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,wBAAwB,EAAE,iBAAiB,CAAC;KAC7C;CACF"}
@@ -35,6 +35,7 @@ import{__setFunctionName as t,__esDecorate as e,__runInitializers as i,__classPr
35
35
 
36
36
  :host {
37
37
  display: block;
38
+ --kyn-workspace-switcher-left-panel-width: 275px;
38
39
  }
39
40
 
40
41
  .workspace-switcher {
@@ -53,7 +54,7 @@ import{__setFunctionName as t,__esDecorate as e,__runInitializers as i,__classPr
53
54
  flex-direction: column;
54
55
  align-items: flex-start;
55
56
  gap: 2px;
56
- width: 275px;
57
+ width: var(--kyn-workspace-switcher-left-panel-width, 275px);
57
58
  flex-shrink: 0;
58
59
  padding: 12px;
59
60
  background: var(--kd-color-background-opacity-1);
@@ -71,8 +72,8 @@ import{__setFunctionName as t,__esDecorate as e,__runInitializers as i,__classPr
71
72
  top: 0;
72
73
  bottom: 0;
73
74
  right: 0;
74
- left: 275px;
75
- padding: 12px 8px 12px 12px;
75
+ left: var(--kyn-workspace-switcher-left-panel-width, 275px);
76
+ padding: 12px;
76
77
  box-sizing: border-box;
77
78
  overflow-y: auto;
78
79
  }
@@ -96,7 +97,7 @@ import{__setFunctionName as t,__esDecorate as e,__runInitializers as i,__classPr
96
97
  font-weight: 500;
97
98
  text-transform: uppercase;
98
99
  color: var(--kd-color-text-level-primary);
99
- padding: 4px 8px;
100
+ padding: 0 8px 4px;
100
101
  width: 100%;
101
102
  box-sizing: border-box;
102
103
  }
@@ -142,6 +143,12 @@ import{__setFunctionName as t,__esDecorate as e,__runInitializers as i,__classPr
142
143
  box-sizing: border-box;
143
144
  }
144
145
 
146
+ :host([hide-left-divider]) ::slotted([slot=left]) {
147
+ padding-bottom: 0;
148
+ margin-bottom: 0;
149
+ border-bottom: none;
150
+ }
151
+
145
152
  /* Ensure slotted content fills available space */
146
153
  ::slotted([slot=left-list]),
147
154
  ::slotted([slot=right]),
@@ -189,7 +196,7 @@ import{__setFunctionName as t,__esDecorate as e,__runInitializers as i,__classPr
189
196
  .workspace-switcher {
190
197
  margin-top: 4px;
191
198
  }
192
- }`;const m={currentTitle:"CURRENT",workspacesTitle:"WORKSPACES",backToWorkspaces:"Workspaces"};let w=(()=>{var a,w,k,g;let f,u,v,x,b,_,y=[c("kyn-workspace-switcher")],S=[],T=o,W=[],z=[],C=[],j=[],B=[],M=[],R=[],$=[];return u=class extends T{constructor(){super(...arguments),a.set(this,i(this,W,m)),w.set(this,(i(this,z),i(this,C,"root"))),k.set(this,(i(this,j),i(this,B,!1))),g.set(this,(i(this,M),i(this,R,!1))),this._textStrings=(i(this,$),m),this._handleFlyoutToggle=t=>{const e=t.detail;(null==e?void 0:e.open)||(this.view="root")}}get textStrings(){return s(this,a,"f")}set textStrings(t){r(this,a,t,"f")}get view(){return s(this,w,"f")}set view(t){r(this,w,t,"f")}get hideCurrentTitle(){return s(this,k,"f")}set hideCurrentTitle(t){r(this,k,t,"f")}get hideWorkspacesTitle(){return s(this,g,"f")}set hideWorkspacesTitle(t){r(this,g,t,"f")}connectedCallback(){super.connectedCallback(),document.addEventListener("on-flyout-toggle",this._handleFlyoutToggle)}disconnectedCallback(){super.disconnectedCallback(),document.removeEventListener("on-flyout-toggle",this._handleFlyoutToggle)}willUpdate(t){t.has("textStrings")&&(this._textStrings=h(m,this.textStrings))}render(){return n`
199
+ }`;const w={currentTitle:"CURRENT",workspacesTitle:"WORKSPACES",backToWorkspaces:"Workspaces"};let m=(()=>{var a,m,k,f,g;let u,v,b,x,_,y,S,T=[c("kyn-workspace-switcher")],W=[],z=o,C=[],j=[],L=[],B=[],D=[],M=[],R=[],$=[],E=[],H=[];return v=class extends z{constructor(){super(...arguments),a.set(this,i(this,C,w)),m.set(this,(i(this,j),i(this,L,"root"))),k.set(this,(i(this,B),i(this,D,!1))),f.set(this,(i(this,M),i(this,R,!1))),g.set(this,(i(this,$),i(this,E,!1))),this._textStrings=(i(this,H),w),this._flyoutHost=null,this._handleFlyoutToggle=t=>{const e=t.detail;(null==e?void 0:e.open)||(this.view="root")}}get textStrings(){return s(this,a,"f")}set textStrings(t){r(this,a,t,"f")}get view(){return s(this,m,"f")}set view(t){r(this,m,t,"f")}get hideCurrentTitle(){return s(this,k,"f")}set hideCurrentTitle(t){r(this,k,t,"f")}get hideWorkspacesTitle(){return s(this,f,"f")}set hideWorkspacesTitle(t){r(this,f,t,"f")}get hideLeftDivider(){return s(this,g,"f")}set hideLeftDivider(t){r(this,g,t,"f")}connectedCallback(){var t;super.connectedCallback(),this._flyoutHost=this.closest("kyn-header-flyout"),null===(t=this._flyoutHost)||void 0===t||t.addEventListener("on-flyout-toggle",this._handleFlyoutToggle)}disconnectedCallback(){var t;super.disconnectedCallback(),null===(t=this._flyoutHost)||void 0===t||t.removeEventListener("on-flyout-toggle",this._handleFlyoutToggle),this._flyoutHost=null}willUpdate(t){t.has("textStrings")&&(this._textStrings=h(w,this.textStrings))}render(){return n`
193
200
  <div class="workspace-switcher">
194
201
  <div class="workspace-switcher__left">
195
202
  ${this.hideCurrentTitle?null:n`<span class="workspace-switcher__title"
@@ -216,5 +223,5 @@ import{__setFunctionName as t,__esDecorate as e,__runInitializers as i,__classPr
216
223
  </div>
217
224
  </div>
218
225
  </div>
219
- `}_handleBackClick(){this.view="root"}},a=new WeakMap,w=new WeakMap,k=new WeakMap,g=new WeakMap,t(u,"WorkspaceSwitcher"),(()=>{var t;const i="function"==typeof Symbol&&Symbol.metadata?Object.create(null!==(t=T[Symbol.metadata])&&void 0!==t?t:null):void 0;v=[d({type:Object})],x=[d({type:String,reflect:!0})],b=[d({type:Boolean,reflect:!0})],_=[d({type:Boolean,reflect:!0})],e(u,null,v,{kind:"accessor",name:"textStrings",static:!1,private:!1,access:{has:t=>"textStrings"in t,get:t=>t.textStrings,set:(t,e)=>{t.textStrings=e}},metadata:i},W,z),e(u,null,x,{kind:"accessor",name:"view",static:!1,private:!1,access:{has:t=>"view"in t,get:t=>t.view,set:(t,e)=>{t.view=e}},metadata:i},C,j),e(u,null,b,{kind:"accessor",name:"hideCurrentTitle",static:!1,private:!1,access:{has:t=>"hideCurrentTitle"in t,get:t=>t.hideCurrentTitle,set:(t,e)=>{t.hideCurrentTitle=e}},metadata:i},B,M),e(u,null,_,{kind:"accessor",name:"hideWorkspacesTitle",static:!1,private:!1,access:{has:t=>"hideWorkspacesTitle"in t,get:t=>t.hideWorkspacesTitle,set:(t,e)=>{t.hideWorkspacesTitle=e}},metadata:i},R,$),e(null,f={value:u},y,{kind:"class",name:u.name,metadata:i},null,S),u=f.value,i&&Object.defineProperty(u,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:i})})(),u.styles=l(p),i(u,S),u})();export{w as WorkspaceSwitcher};
226
+ `}_handleBackClick(){this.view="root"}},a=new WeakMap,m=new WeakMap,k=new WeakMap,f=new WeakMap,g=new WeakMap,t(v,"WorkspaceSwitcher"),(()=>{var t;const i="function"==typeof Symbol&&Symbol.metadata?Object.create(null!==(t=z[Symbol.metadata])&&void 0!==t?t:null):void 0;b=[d({type:Object})],x=[d({type:String,reflect:!0})],_=[d({type:Boolean,reflect:!0})],y=[d({type:Boolean,reflect:!0})],S=[d({type:Boolean,reflect:!0,attribute:"hide-left-divider"})],e(v,null,b,{kind:"accessor",name:"textStrings",static:!1,private:!1,access:{has:t=>"textStrings"in t,get:t=>t.textStrings,set:(t,e)=>{t.textStrings=e}},metadata:i},C,j),e(v,null,x,{kind:"accessor",name:"view",static:!1,private:!1,access:{has:t=>"view"in t,get:t=>t.view,set:(t,e)=>{t.view=e}},metadata:i},L,B),e(v,null,_,{kind:"accessor",name:"hideCurrentTitle",static:!1,private:!1,access:{has:t=>"hideCurrentTitle"in t,get:t=>t.hideCurrentTitle,set:(t,e)=>{t.hideCurrentTitle=e}},metadata:i},D,M),e(v,null,y,{kind:"accessor",name:"hideWorkspacesTitle",static:!1,private:!1,access:{has:t=>"hideWorkspacesTitle"in t,get:t=>t.hideWorkspacesTitle,set:(t,e)=>{t.hideWorkspacesTitle=e}},metadata:i},R,$),e(v,null,S,{kind:"accessor",name:"hideLeftDivider",static:!1,private:!1,access:{has:t=>"hideLeftDivider"in t,get:t=>t.hideLeftDivider,set:(t,e)=>{t.hideLeftDivider=e}},metadata:i},E,H),e(null,u={value:v},T,{kind:"class",name:v.name,metadata:i},null,W),v=u.value,i&&Object.defineProperty(v,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:i})})(),v.styles=l(p),i(v,W),v})();export{m as WorkspaceSwitcher};
220
227
  //# sourceMappingURL=workspaceSwitcher.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"workspaceSwitcher.js","sources":["../../../../src/components/global/workspaceSwitcher/workspaceSwitcher.ts"],"sourcesContent":["import { LitElement, html, unsafeCSS } from 'lit';\nimport { customElement, property } from 'lit/decorators.js';\nimport { deepmerge } from 'deepmerge-ts';\n\nimport WorkspaceSwitcherScss from './workspaceSwitcher.scss?inline';\n\nimport './workspaceSwitcherMenuItem';\n\nconst _defaultTextStrings = {\n currentTitle: 'CURRENT',\n workspacesTitle: 'WORKSPACES',\n backToWorkspaces: 'Workspaces',\n};\n\n/**\n * Workspace Switcher shell component providing two-panel layout with mobile drill-down.\n * Component fits to 100% of the width and height of its container and surfaces two panels for content composition via slots.\n * Consumers compose content via named slots using sub-components\n * like `kyn-workspace-switcher-menu-item`.\n * @slot left - Non-list content for the left panel (e.g. workspace info header).\n * @slot left-list - List items for the left panel (rendered inside role=\"list\").\n * @slot right - Non-list content for the right panel (e.g. search).\n * @slot right-list - List items for the right panel (rendered inside role=\"list\").\n * @cssprop [--kyn-workspace-switcher-max-height=none] - Maximum height of the switcher panel.\n */\n@customElement('kyn-workspace-switcher')\nexport class WorkspaceSwitcher extends LitElement {\n static override styles = unsafeCSS(WorkspaceSwitcherScss);\n\n /** Text string customization. */\n @property({ type: Object })\n accessor textStrings = _defaultTextStrings;\n\n /** Mobile drill-down view state. 'root' shows left panel, 'detail' shows right panel.\n * @internal\n */\n @property({ type: String, reflect: true })\n accessor view: 'root' | 'detail' = 'root';\n\n /** Hides the heading above the account meta info. */\n @property({ type: Boolean, reflect: true })\n accessor hideCurrentTitle = false;\n\n /** Hides the heading above the lower left-hand side list. Example: suppress for accounts-only customers. */\n @property({ type: Boolean, reflect: true })\n accessor hideWorkspacesTitle = false;\n\n /** Merged text strings.\n * @internal\n */\n private _textStrings = _defaultTextStrings;\n\n /**\n * @internal\n */\n private _handleFlyoutToggle = (e: Event) => {\n const detail = (e as CustomEvent).detail;\n if (!detail?.open) {\n this.view = 'root';\n }\n };\n\n override connectedCallback() {\n super.connectedCallback();\n document.addEventListener(\n 'on-flyout-toggle',\n this._handleFlyoutToggle as EventListener\n );\n }\n\n override disconnectedCallback() {\n super.disconnectedCallback();\n document.removeEventListener(\n 'on-flyout-toggle',\n this._handleFlyoutToggle as EventListener\n );\n }\n\n override willUpdate(changedProperties: Map<string, unknown>) {\n if (changedProperties.has('textStrings')) {\n this._textStrings = deepmerge(_defaultTextStrings, this.textStrings);\n }\n }\n\n override render() {\n return html`\n <div class=\"workspace-switcher\">\n <div class=\"workspace-switcher__left\">\n ${!this.hideCurrentTitle\n ? html`<span class=\"workspace-switcher__title\"\n >${this._textStrings.currentTitle}</span\n >`\n : null}\n <slot name=\"left\"></slot>\n ${!this.hideWorkspacesTitle\n ? html`<span class=\"workspace-switcher__title\"\n >${this._textStrings.workspacesTitle}</span\n >`\n : null}\n <div class=\"workspace-switcher__list\" role=\"list\">\n <slot name=\"left-list\"></slot>\n </div>\n </div>\n <div class=\"workspace-switcher__right\">\n <kyn-workspace-switcher-menu-item\n class=\"workspace-switcher__back\"\n variant=\"back\"\n name=${this._textStrings.backToWorkspaces}\n @on-click=${this._handleBackClick}\n ></kyn-workspace-switcher-menu-item>\n <slot name=\"right\"></slot>\n <div class=\"workspace-switcher__list\" role=\"list\">\n <slot name=\"right-list\"></slot>\n </div>\n </div>\n </div>\n `;\n }\n\n private _handleBackClick() {\n this.view = 'root';\n }\n}\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'kyn-workspace-switcher': WorkspaceSwitcher;\n }\n}\n"],"names":["_defaultTextStrings","currentTitle","workspacesTitle","backToWorkspaces","WorkspaceSwitcher","customElement","LitElement","_classThis","_classSuper","_WorkspaceSwitcher_textStrings_accessor_storage","set","this","__runInitializers","_textStrings_initializers","_WorkspaceSwitcher_view_accessor_storage","_textStrings_extraInitializers","_view_initializers","_WorkspaceSwitcher_hideCurrentTitle_accessor_storage","_view_extraInitializers","_hideCurrentTitle_initializers","_WorkspaceSwitcher_hideWorkspacesTitle_accessor_storage","_hideCurrentTitle_extraInitializers","_hideWorkspacesTitle_initializers","_textStrings","_hideWorkspacesTitle_extraInitializers","_handleFlyoutToggle","e","detail","open","view","textStrings","__classPrivateFieldGet","value","__classPrivateFieldSet","hideCurrentTitle","hideWorkspacesTitle","connectedCallback","super","document","addEventListener","disconnectedCallback","removeEventListener","willUpdate","changedProperties","has","deepmerge","render","html","_handleBackClick","_textStrings_decorators","property","type","Object","String","reflect","Boolean","__esDecorate","kind","name","static","private","access","obj","get","metadata","_metadata","_view_decorators","_hideCurrentTitle_decorators","_hideWorkspacesTitle_decorators","_classDescriptor","_classDecorators","_classExtraInitializers","styles","unsafeCSS","WorkspaceSwitcherScss"],"mappings":"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"}
1
+ {"version":3,"file":"workspaceSwitcher.js","sources":["../../../../src/components/global/workspaceSwitcher/workspaceSwitcher.ts"],"sourcesContent":["import { LitElement, html, unsafeCSS } from 'lit';\nimport { customElement, property } from 'lit/decorators.js';\nimport { deepmerge } from 'deepmerge-ts';\n\nimport WorkspaceSwitcherScss from './workspaceSwitcher.scss?inline';\n\nimport './workspaceSwitcherMenuItem';\n\nconst _defaultTextStrings = {\n currentTitle: 'CURRENT',\n workspacesTitle: 'WORKSPACES',\n backToWorkspaces: 'Workspaces',\n};\n\n/**\n * Workspace Switcher shell component providing two-panel layout with mobile drill-down.\n * Component fits to 100% of the width and height of its container and surfaces two panels for content composition via slots.\n * Consumers compose content via named slots using sub-components\n * like `kyn-workspace-switcher-menu-item`.\n * @slot left - Non-list content for the left panel (e.g. workspace info header).\n * @slot left-list - List items for the left panel (rendered inside role=\"list\").\n * @slot right - Non-list content for the right panel (e.g. search).\n * @slot right-list - List items for the right panel (rendered inside role=\"list\").\n * @cssprop [--kyn-workspace-switcher-max-height=none] - Maximum height of the switcher panel.\n * @cssprop [--kyn-workspace-switcher-left-panel-width=275px] - Width of the left panel in desktop two-panel layout.\n */\n@customElement('kyn-workspace-switcher')\nexport class WorkspaceSwitcher extends LitElement {\n static override styles = unsafeCSS(WorkspaceSwitcherScss);\n\n /** Text string customization. */\n @property({ type: Object })\n accessor textStrings = _defaultTextStrings;\n\n /** Mobile drill-down view state. 'root' shows left panel, 'detail' shows right panel.\n * @internal\n */\n @property({ type: String, reflect: true })\n accessor view: 'root' | 'detail' = 'root';\n\n /** Hides the heading above the account meta info. */\n @property({ type: Boolean, reflect: true })\n accessor hideCurrentTitle = false;\n\n /** Hides the heading above the lower left-hand side list. Example: suppress for accounts-only customers. */\n @property({ type: Boolean, reflect: true })\n accessor hideWorkspacesTitle = false;\n\n /** Hides the divider beneath the `left` slot content. */\n @property({ type: Boolean, reflect: true, attribute: 'hide-left-divider' })\n accessor hideLeftDivider = false;\n\n /** Merged text strings.\n * @internal\n */\n private _textStrings = _defaultTextStrings;\n\n /**\n * The nearest flyout host, if any.\n * @internal\n */\n private _flyoutHost: HTMLElement | null = null;\n\n /**\n * @internal\n */\n private _handleFlyoutToggle = (e: Event) => {\n const detail = (e as CustomEvent).detail;\n if (!detail?.open) {\n this.view = 'root';\n }\n };\n\n override connectedCallback() {\n super.connectedCallback();\n this._flyoutHost = this.closest('kyn-header-flyout');\n this._flyoutHost?.addEventListener(\n 'on-flyout-toggle',\n this._handleFlyoutToggle as EventListener\n );\n }\n\n override disconnectedCallback() {\n super.disconnectedCallback();\n this._flyoutHost?.removeEventListener(\n 'on-flyout-toggle',\n this._handleFlyoutToggle as EventListener\n );\n this._flyoutHost = null;\n }\n\n override willUpdate(changedProperties: Map<string, unknown>) {\n if (changedProperties.has('textStrings')) {\n this._textStrings = deepmerge(_defaultTextStrings, this.textStrings);\n }\n }\n\n override render() {\n return html`\n <div class=\"workspace-switcher\">\n <div class=\"workspace-switcher__left\">\n ${!this.hideCurrentTitle\n ? html`<span class=\"workspace-switcher__title\"\n >${this._textStrings.currentTitle}</span\n >`\n : null}\n <slot name=\"left\"></slot>\n ${!this.hideWorkspacesTitle\n ? html`<span class=\"workspace-switcher__title\"\n >${this._textStrings.workspacesTitle}</span\n >`\n : null}\n <div class=\"workspace-switcher__list\" role=\"list\">\n <slot name=\"left-list\"></slot>\n </div>\n </div>\n <div class=\"workspace-switcher__right\">\n <kyn-workspace-switcher-menu-item\n class=\"workspace-switcher__back\"\n variant=\"back\"\n name=${this._textStrings.backToWorkspaces}\n @on-click=${this._handleBackClick}\n ></kyn-workspace-switcher-menu-item>\n <slot name=\"right\"></slot>\n <div class=\"workspace-switcher__list\" role=\"list\">\n <slot name=\"right-list\"></slot>\n </div>\n </div>\n </div>\n `;\n }\n\n private _handleBackClick() {\n this.view = 'root';\n }\n}\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'kyn-workspace-switcher': WorkspaceSwitcher;\n }\n}\n"],"names":["_defaultTextStrings","currentTitle","workspacesTitle","backToWorkspaces","WorkspaceSwitcher","customElement","LitElement","_classThis","_classSuper","_WorkspaceSwitcher_textStrings_accessor_storage","set","this","__runInitializers","_textStrings_initializers","_WorkspaceSwitcher_view_accessor_storage","_textStrings_extraInitializers","_view_initializers","_WorkspaceSwitcher_hideCurrentTitle_accessor_storage","_view_extraInitializers","_hideCurrentTitle_initializers","_WorkspaceSwitcher_hideWorkspacesTitle_accessor_storage","_hideCurrentTitle_extraInitializers","_hideWorkspacesTitle_initializers","_WorkspaceSwitcher_hideLeftDivider_accessor_storage","_hideWorkspacesTitle_extraInitializers","_hideLeftDivider_initializers","_textStrings","_hideLeftDivider_extraInitializers","_flyoutHost","_handleFlyoutToggle","e","detail","open","view","textStrings","__classPrivateFieldGet","value","__classPrivateFieldSet","hideCurrentTitle","hideWorkspacesTitle","hideLeftDivider","connectedCallback","super","closest","_a","addEventListener","disconnectedCallback","removeEventListener","willUpdate","changedProperties","has","deepmerge","render","html","_handleBackClick","_textStrings_decorators","property","type","Object","String","reflect","Boolean","_hideLeftDivider_decorators","attribute","__esDecorate","kind","name","static","private","access","obj","get","metadata","_metadata","_view_decorators","_hideCurrentTitle_decorators","_hideWorkspacesTitle_decorators","_classDescriptor","_classDecorators","_classExtraInitializers","styles","unsafeCSS","WorkspaceSwitcherScss"],"mappings":"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"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@kyndryl-design-system/shidoka-applications",
3
- "version": "2.90.1",
3
+ "version": "2.90.2",
4
4
  "description": "Shidoka Web Components for Applications",
5
5
  "license": "MIT",
6
6
  "main": "index.js",