@kyndryl-design-system/shidoka-applications 2.90.1 → 2.90.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.
Files changed (27) hide show
  1. package/components/global/workspaceSwitcher/workspaceSwitcher.d.ts +8 -0
  2. package/components/global/workspaceSwitcher/workspaceSwitcher.d.ts.map +1 -1
  3. package/components/global/workspaceSwitcher/workspaceSwitcher.js +13 -6
  4. package/components/global/workspaceSwitcher/workspaceSwitcher.js.map +1 -1
  5. package/components/reusable/overflowMenu/overflowMenu.d.ts.map +1 -1
  6. package/components/reusable/overflowMenu/overflowMenu.js +1 -1
  7. package/components/reusable/overflowMenu/overflowMenu.js.map +1 -1
  8. package/components/reusable/table/index.js +1 -1
  9. package/components/reusable/table/story-helpers/table-story.sample.d.ts.map +1 -1
  10. package/components/reusable/table/story-helpers/ultils.sample.d.ts +3 -0
  11. package/components/reusable/table/story-helpers/ultils.sample.d.ts.map +1 -1
  12. package/components/reusable/table/table-header.js +1 -1
  13. package/components/reusable/table/table-row.d.ts +1 -0
  14. package/components/reusable/table/table-row.d.ts.map +1 -1
  15. package/components/reusable/table/table-row.js +1 -1
  16. package/components/reusable/table/table-row.js.map +1 -1
  17. package/components/reusable/table/table.d.ts.map +1 -1
  18. package/components/reusable/table/table.js +1 -1
  19. package/components/reusable/table/table.skeleton.js +1 -1
  20. package/index.js +1 -1
  21. package/package.json +1 -1
  22. package/table-DWSIFayh.js +34 -0
  23. package/table-DWSIFayh.js.map +1 -0
  24. package/{table.skeleton-7e-w5dSv.js → table.skeleton-0IUs_wTv.js} +2 -2
  25. package/{table.skeleton-7e-w5dSv.js.map → table.skeleton-0IUs_wTv.js.map} +1 -1
  26. package/table-C4fpukCi.js +0 -34
  27. package/table-C4fpukCi.js.map +0 -1
@@ -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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"}
@@ -1 +1 @@
1
- {"version":3,"file":"overflowMenu.d.ts","sourceRoot":"","sources":["../../../../src/components/reusable/overflowMenu/overflowMenu.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,UAAU,EAAmB,MAAM,KAAK,CAAC;AAKlD,OAAO,oBAAoB,CAAC;AAO5B;;;;;GAKG;AACH,qBACa,YAAa,SAAQ,UAAU;IAC1C,OAAgB,MAAM,0BAAmB;IAEzC,uBAAuB;IAEvB,QAAQ,CAAC,IAAI,UAAS;IAEtB;;QAEI;IAEJ,QAAQ,CAAC,IAAI,EAAE,IAAI,GAAG,SAAS,GAAG,CAAC,MAAM,GAAG,EAAE,CAAC,CAAa;IAE5D,mDAAmD;IAEnD,QAAQ,CAAC,WAAW,UAAS;IAE7B,iDAAiD;IAEjD,QAAQ,CAAC,cAAc,SAAM;IAE7B,mCAAmC;IAEnC,QAAQ,CAAC,YAAY,UAAS;IAE9B,uGAAuG;IAEvG,QAAQ,CAAC,KAAK,UAAS;IAEvB,8BAA8B;IAE9B,QAAQ,CAAC,aAAa,SAAiB;IAEvC;;OAEG;IAEH,QAAQ,CAAC,MAAM,EAAG,GAAG,CAAC;IAEtB;;OAEG;IAEH,QAAQ,CAAC,OAAO,EAAG,GAAG,CAAC;IAEvB;;;OAGG;IAEH,QAAQ,CAAC,YAAY,UAAS;IAE9B;;;;OAIG;IAEH,QAAQ,CAAC,YAAY,EAAE,MAAM,EAAE,CAAM;IAErC;;;OAGG;IAEH,QAAQ,CAAC,gBAAgB,EAAE,MAAM,GAAG,IAAI,CAAQ;IAEhD,OAAO,CAAC,WAAW,CAAwC;IAC3D,OAAO,CAAC,aAAa,CAAmD;IACxE,OAAO,CAAC,YAAY,CAMlB;IAEF,OAAO,CAAC,cAAc,CACqB;IAElC,MAAM;IAuDf,OAAO,CAAC,gBAAgB;IASxB,OAAO,CAAC,UAAU;IAKlB,OAAO,CAAC,aAAa;IAgCZ,OAAO,CAAC,YAAY,EAAE,GAAG,CAAC,MAAM,EAAE,OAAO,CAAC;IAgCnD,OAAO,CAAC,cAAc;IAOtB,OAAO,CAAC,iBAAiB;IASzB,OAAO,CAAC,aAAa;IA0BrB,YAAY;IAMZ,OAAO;IAIE,iBAAiB;IASjB,oBAAoB;IAS7B,OAAO,CAAC,iBAAiB;IAwDzB,OAAO,CAAC,MAAM;CAyEf;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,mBAAmB,EAAE,YAAY,CAAC;KACnC;CACF;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,mBAAmB,EAAE,YAAY,CAAC;KACnC;CACF"}
1
+ {"version":3,"file":"overflowMenu.d.ts","sourceRoot":"","sources":["../../../../src/components/reusable/overflowMenu/overflowMenu.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,UAAU,EAAmB,MAAM,KAAK,CAAC;AAKlD,OAAO,oBAAoB,CAAC;AAO5B;;;;;GAKG;AACH,qBACa,YAAa,SAAQ,UAAU;IAC1C,OAAgB,MAAM,0BAAmB;IAEzC,uBAAuB;IAEvB,QAAQ,CAAC,IAAI,UAAS;IAEtB;;QAEI;IAEJ,QAAQ,CAAC,IAAI,EAAE,IAAI,GAAG,SAAS,GAAG,CAAC,MAAM,GAAG,EAAE,CAAC,CAAa;IAE5D,mDAAmD;IAEnD,QAAQ,CAAC,WAAW,UAAS;IAE7B,iDAAiD;IAEjD,QAAQ,CAAC,cAAc,SAAM;IAE7B,mCAAmC;IAEnC,QAAQ,CAAC,YAAY,UAAS;IAE9B,uGAAuG;IAEvG,QAAQ,CAAC,KAAK,UAAS;IAEvB,8BAA8B;IAE9B,QAAQ,CAAC,aAAa,SAAiB;IAEvC;;OAEG;IAEH,QAAQ,CAAC,MAAM,EAAG,GAAG,CAAC;IAEtB;;OAEG;IAEH,QAAQ,CAAC,OAAO,EAAG,GAAG,CAAC;IAEvB;;;OAGG;IAEH,QAAQ,CAAC,YAAY,UAAS;IAE9B;;;;OAIG;IAEH,QAAQ,CAAC,YAAY,EAAE,MAAM,EAAE,CAAM;IAErC;;;OAGG;IAEH,QAAQ,CAAC,gBAAgB,EAAE,MAAM,GAAG,IAAI,CAAQ;IAEhD,OAAO,CAAC,WAAW,CAAwC;IAC3D,OAAO,CAAC,aAAa,CAAmD;IACxE,OAAO,CAAC,YAAY,CAMlB;IAEF,OAAO,CAAC,cAAc,CACqB;IAElC,MAAM;IAuDf,OAAO,CAAC,gBAAgB;IASxB,OAAO,CAAC,UAAU;IAKlB,OAAO,CAAC,aAAa;IAgCZ,OAAO,CAAC,YAAY,EAAE,GAAG,CAAC,MAAM,EAAE,OAAO,CAAC;IAoCnD,OAAO,CAAC,cAAc;IAOtB,OAAO,CAAC,iBAAiB;IASzB,OAAO,CAAC,aAAa;IA0BrB,YAAY;IAMZ,OAAO;IAIE,iBAAiB;IASjB,oBAAoB;IAS7B,OAAO,CAAC,iBAAiB;IAwDzB,OAAO,CAAC,MAAM;CAyEf;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,mBAAmB,EAAE,YAAY,CAAC;KACnC;CACF;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,mBAAmB,EAAE,YAAY,CAAC;KACnC;CACF"}
@@ -117,5 +117,5 @@ button.ai-connected:focus-visible {
117
117
  `:u`<slot></slot>`}
118
118
  </div>
119
119
  </div>
120
- `}_emitToggleEvent(){const t=new CustomEvent("on-toggle",{detail:{open:this.open}});this.dispatchEvent(t)}toggleMenu(){this.open=!this.open,this._emitToggleEvent()}_positionMenu(){if(this.open)if(this.fixed){const t=this._btnEl.getBoundingClientRect(),e=t.top+t.height,n=48*this.querySelectorAll("kyn-overflow-menu-item").length;this._openUpwards?(this._menuEl.style.top=t.top-n-18+"px",this._menuEl.style.bottom="initial"):(this._menuEl.style.top=e+"px",this._menuEl.style.bottom="initial"),this.fixed&&(this.anchorRight?(this._menuEl.style.left="initial",this._menuEl.style.right=window.innerWidth-t.right+"px"):(this._menuEl.style.right="initial",this._menuEl.style.left=t.left+"px"))}else this._menuEl.style.top="initial"}updated(t){t.has("kind")&&this.dispatchEvent(new CustomEvent("kind-changed",{detail:this.kind,bubbles:!0,composed:!0})),t.has("open")&&(this.open?this._btnEl.getBoundingClientRect().top>.6*window.innerHeight?this._openUpwards=!0:this._openUpwards=!1:(this._menuHistory=[],this._currentMenuHtml=null,this._openUpwards=!1),this._positionMenu())}handleClickOut(t){t.composedPath().includes(this)||(this.open=!1,this._emitToggleEvent())}handleEscapePress(t){27===t.keyCode&&(this.open=!1,this._emitToggleEvent(),this._btnEl.focus())}handleKeyDown(t){var e,n,i,s,o;9!==t.keyCode&&t.preventDefault(),13!==t.keyCode&&32!==t.keyCode||this.toggleMenu();const a=this.getMenuItems();if(a.length>0&&40===t.keyCode){const t=a.findIndex((t=>!t.hasAttribute("disabled")));(null===(e=a[t].shadowRoot)||void 0===e?void 0:e.querySelector("button"))?null===(i=null===(n=a[t].shadowRoot)||void 0===n?void 0:n.querySelector("button"))||void 0===i||i.focus():null===(o=null===(s=a[t].shadowRoot)||void 0===s?void 0:s.querySelector("a"))||void 0===o||o.focus()}}getMenuItems(){return Array.from(this.querySelectorAll("kyn-overflow-menu-item")||[]).filter((t=>!t.hasAttribute("disabled")))}getMenu(){var t;return null===(t=this.shadowRoot)||void 0===t?void 0:t.querySelector(".overflow-menu")}connectedCallback(){super.connectedCallback(),document.addEventListener("click",this._onDocClick),document.addEventListener("keydown",this._onDocKeydown),this.addEventListener("on-click",this._onItemClick),this.addEventListener("open-submenu",this._onOpenSubmenu)}disconnectedCallback(){document.removeEventListener("click",this._onDocClick),document.removeEventListener("keydown",this._onDocKeydown),this.removeEventListener("on-click",this._onItemClick),this.removeEventListener("open-submenu",this._onOpenSubmenu),super.disconnectedCallback()}handleOpenSubmenu(t){t.stopPropagation();const e=t.detail&&t.detail.html||"";null===this._currentMenuHtml?this._menuHistory=[...this._menuHistory,"root"]:this._menuHistory=[...this._menuHistory,this._currentMenuHtml],this._currentMenuHtml=e,requestAnimationFrame((()=>{var t,e,n;const i=null===(t=this._menuEl)||void 0===t?void 0:t.querySelector(".submenu-contents");(i?Array.from(i.querySelectorAll("kyn-overflow-menu-item")):[]).forEach((t=>{try{t.kind=this.kind}catch(t){}})),"undefined"!=typeof customElements&&customElements.whenDefined&&customElements.whenDefined("kyn-overflow-menu-item").then((()=>{setTimeout((()=>{(i?Array.from(i.querySelectorAll("kyn-overflow-menu-item")):[]).forEach((t=>{try{t.kind=this.kind}catch(t){}}))}),0)})).catch((()=>{})),null===(n=null===(e=this._menuEl)||void 0===e?void 0:e.querySelector("button, a"))||void 0===n||n.focus()}))}goBack(){const t=this._menuHistory.pop();this._menuHistory=[...this._menuHistory],"root"===t?(this._currentMenuHtml=null,requestAnimationFrame((()=>{var t,e,n,i,s,o;const a=this.getMenuItems();a.forEach((t=>{try{t.kind=this.kind}catch(t){}})),a.length>0?(null===(t=a[0].shadowRoot)||void 0===t?void 0:t.querySelector("button"))?null===(n=null===(e=a[0].shadowRoot)||void 0===e?void 0:e.querySelector("button"))||void 0===n||n.focus():null===(s=null===(i=a[0].shadowRoot)||void 0===i?void 0:i.querySelector("a"))||void 0===s||s.focus():null===(o=this._btnEl)||void 0===o||o.focus()}))):(this._currentMenuHtml=t||null,requestAnimationFrame((()=>{var t,e,n;const i=null===(t=this._menuEl)||void 0===t?void 0:t.querySelector(".submenu-contents");(i?Array.from(i.querySelectorAll("kyn-overflow-menu-item")):[]).forEach((t=>{try{t.kind=this.kind}catch(t){}})),"undefined"!=typeof customElements&&customElements.whenDefined&&customElements.whenDefined("kyn-overflow-menu-item").then((()=>{setTimeout((()=>{(i?Array.from(i.querySelectorAll("kyn-overflow-menu-item")):[]).forEach((t=>{try{t.kind=this.kind}catch(t){}}))}),0)})).catch((()=>{})),null===(n=null===(e=this._menuEl)||void 0===e?void 0:e.querySelector("button, a"))||void 0===n||n.focus()})))}},a=new WeakMap,g=new WeakMap,y=new WeakMap,_=new WeakMap,w=new WeakMap,E=new WeakMap,x=new WeakMap,M=new WeakMap,H=new WeakMap,S=new WeakMap,T=new WeakMap,C=new WeakMap,t(D,"OverflowMenu"),(()=>{var t;const n="function"==typeof Symbol&&Symbol.metadata?Object.create(null!==(t=G[Symbol.metadata])&&void 0!==t?t:null):void 0;R=[h({type:Boolean})],A=[h({type:String})],B=[h({type:Boolean})],$=[h({type:String})],W=[h({type:Boolean})],U=[h({type:Boolean})],j=[h({type:String})],O=[d(".btn")],I=[d(".menu")],L=[m()],P=[m()],K=[m()],e(D,null,R,{kind:"accessor",name:"open",static:!1,private:!1,access:{has:t=>"open"in t,get:t=>t.open,set:(t,e)=>{t.open=e}},metadata:n},J,N),e(D,null,A,{kind:"accessor",name:"kind",static:!1,private:!1,access:{has:t=>"kind"in t,get:t=>t.kind,set:(t,e)=>{t.kind=e}},metadata:n},Q,V),e(D,null,B,{kind:"accessor",name:"anchorRight",static:!1,private:!1,access:{has:t=>"anchorRight"in t,get:t=>t.anchorRight,set:(t,e)=>{t.anchorRight=e}},metadata:n},X,Y),e(D,null,$,{kind:"accessor",name:"backButtonText",static:!1,private:!1,access:{has:t=>"backButtonText"in t,get:t=>t.backButtonText,set:(t,e)=>{t.backButtonText=e}},metadata:n},Z,tt),e(D,null,W,{kind:"accessor",name:"verticalDots",static:!1,private:!1,access:{has:t=>"verticalDots"in t,get:t=>t.verticalDots,set:(t,e)=>{t.verticalDots=e}},metadata:n},et,nt),e(D,null,U,{kind:"accessor",name:"fixed",static:!1,private:!1,access:{has:t=>"fixed"in t,get:t=>t.fixed,set:(t,e)=>{t.fixed=e}},metadata:n},it,st),e(D,null,j,{kind:"accessor",name:"assistiveText",static:!1,private:!1,access:{has:t=>"assistiveText"in t,get:t=>t.assistiveText,set:(t,e)=>{t.assistiveText=e}},metadata:n},ot,at),e(D,null,O,{kind:"accessor",name:"_btnEl",static:!1,private:!1,access:{has:t=>"_btnEl"in t,get:t=>t._btnEl,set:(t,e)=>{t._btnEl=e}},metadata:n},rt,lt),e(D,null,I,{kind:"accessor",name:"_menuEl",static:!1,private:!1,access:{has:t=>"_menuEl"in t,get:t=>t._menuEl,set:(t,e)=>{t._menuEl=e}},metadata:n},ut,ct),e(D,null,L,{kind:"accessor",name:"_openUpwards",static:!1,private:!1,access:{has:t=>"_openUpwards"in t,get:t=>t._openUpwards,set:(t,e)=>{t._openUpwards=e}},metadata:n},ht,dt),e(D,null,P,{kind:"accessor",name:"_menuHistory",static:!1,private:!1,access:{has:t=>"_menuHistory"in t,get:t=>t._menuHistory,set:(t,e)=>{t._menuHistory=e}},metadata:n},mt,pt),e(D,null,K,{kind:"accessor",name:"_currentMenuHtml",static:!1,private:!1,access:{has:t=>"_currentMenuHtml"in t,get:t=>t._currentMenuHtml,set:(t,e)=>{t._currentMenuHtml=e}},metadata:n},vt,ft),e(null,q={value:D},z,{kind:"class",name:D.name,metadata:n},null,F),D=q.value,n&&Object.defineProperty(D,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:n})})(),D.styles=l(b),n(D,F),D})();export{g as OverflowMenu};
120
+ `}_emitToggleEvent(){const t=new CustomEvent("on-toggle",{detail:{open:this.open}});this.dispatchEvent(t)}toggleMenu(){this.open=!this.open,this._emitToggleEvent()}_positionMenu(){if(this.open)if(this.fixed){const t=this._btnEl.getBoundingClientRect(),e=t.top+t.height,n=36*this.querySelectorAll("kyn-overflow-menu-item").length;this._openUpwards?(this._menuEl.style.top=t.top-n-18+"px",this._menuEl.style.bottom="initial"):(this._menuEl.style.top=e+"px",this._menuEl.style.bottom="initial"),this.fixed&&(this.anchorRight?(this._menuEl.style.left="initial",this._menuEl.style.right=window.innerWidth-t.right+"px"):(this._menuEl.style.right="initial",this._menuEl.style.left=t.left+"px"))}else this._menuEl.style.top="initial"}updated(t){t.has("kind")&&this.dispatchEvent(new CustomEvent("kind-changed",{detail:this.kind,bubbles:!0,composed:!0})),t.has("open")&&(this.open?this._btnEl.getBoundingClientRect().top>.6*window.innerHeight?this._openUpwards=!0:setTimeout((()=>{this._openUpwards=!1}),150):(this._menuHistory=[],this._currentMenuHtml=null,setTimeout((()=>{this._openUpwards=!1}),150)),this._positionMenu())}handleClickOut(t){t.composedPath().includes(this)||(this.open=!1,this._emitToggleEvent())}handleEscapePress(t){27===t.keyCode&&(this.open=!1,this._emitToggleEvent(),this._btnEl.focus())}handleKeyDown(t){var e,n,i,s,o;9!==t.keyCode&&t.preventDefault(),13!==t.keyCode&&32!==t.keyCode||this.toggleMenu();const a=this.getMenuItems();if(a.length>0&&40===t.keyCode){const t=a.findIndex((t=>!t.hasAttribute("disabled")));(null===(e=a[t].shadowRoot)||void 0===e?void 0:e.querySelector("button"))?null===(i=null===(n=a[t].shadowRoot)||void 0===n?void 0:n.querySelector("button"))||void 0===i||i.focus():null===(o=null===(s=a[t].shadowRoot)||void 0===s?void 0:s.querySelector("a"))||void 0===o||o.focus()}}getMenuItems(){return Array.from(this.querySelectorAll("kyn-overflow-menu-item")||[]).filter((t=>!t.hasAttribute("disabled")))}getMenu(){var t;return null===(t=this.shadowRoot)||void 0===t?void 0:t.querySelector(".overflow-menu")}connectedCallback(){super.connectedCallback(),document.addEventListener("click",this._onDocClick),document.addEventListener("keydown",this._onDocKeydown),this.addEventListener("on-click",this._onItemClick),this.addEventListener("open-submenu",this._onOpenSubmenu)}disconnectedCallback(){document.removeEventListener("click",this._onDocClick),document.removeEventListener("keydown",this._onDocKeydown),this.removeEventListener("on-click",this._onItemClick),this.removeEventListener("open-submenu",this._onOpenSubmenu),super.disconnectedCallback()}handleOpenSubmenu(t){t.stopPropagation();const e=t.detail&&t.detail.html||"";null===this._currentMenuHtml?this._menuHistory=[...this._menuHistory,"root"]:this._menuHistory=[...this._menuHistory,this._currentMenuHtml],this._currentMenuHtml=e,requestAnimationFrame((()=>{var t,e,n;const i=null===(t=this._menuEl)||void 0===t?void 0:t.querySelector(".submenu-contents");(i?Array.from(i.querySelectorAll("kyn-overflow-menu-item")):[]).forEach((t=>{try{t.kind=this.kind}catch(t){}})),"undefined"!=typeof customElements&&customElements.whenDefined&&customElements.whenDefined("kyn-overflow-menu-item").then((()=>{setTimeout((()=>{(i?Array.from(i.querySelectorAll("kyn-overflow-menu-item")):[]).forEach((t=>{try{t.kind=this.kind}catch(t){}}))}),0)})).catch((()=>{})),null===(n=null===(e=this._menuEl)||void 0===e?void 0:e.querySelector("button, a"))||void 0===n||n.focus()}))}goBack(){const t=this._menuHistory.pop();this._menuHistory=[...this._menuHistory],"root"===t?(this._currentMenuHtml=null,requestAnimationFrame((()=>{var t,e,n,i,s,o;const a=this.getMenuItems();a.forEach((t=>{try{t.kind=this.kind}catch(t){}})),a.length>0?(null===(t=a[0].shadowRoot)||void 0===t?void 0:t.querySelector("button"))?null===(n=null===(e=a[0].shadowRoot)||void 0===e?void 0:e.querySelector("button"))||void 0===n||n.focus():null===(s=null===(i=a[0].shadowRoot)||void 0===i?void 0:i.querySelector("a"))||void 0===s||s.focus():null===(o=this._btnEl)||void 0===o||o.focus()}))):(this._currentMenuHtml=t||null,requestAnimationFrame((()=>{var t,e,n;const i=null===(t=this._menuEl)||void 0===t?void 0:t.querySelector(".submenu-contents");(i?Array.from(i.querySelectorAll("kyn-overflow-menu-item")):[]).forEach((t=>{try{t.kind=this.kind}catch(t){}})),"undefined"!=typeof customElements&&customElements.whenDefined&&customElements.whenDefined("kyn-overflow-menu-item").then((()=>{setTimeout((()=>{(i?Array.from(i.querySelectorAll("kyn-overflow-menu-item")):[]).forEach((t=>{try{t.kind=this.kind}catch(t){}}))}),0)})).catch((()=>{})),null===(n=null===(e=this._menuEl)||void 0===e?void 0:e.querySelector("button, a"))||void 0===n||n.focus()})))}},a=new WeakMap,g=new WeakMap,y=new WeakMap,_=new WeakMap,w=new WeakMap,E=new WeakMap,x=new WeakMap,M=new WeakMap,H=new WeakMap,S=new WeakMap,T=new WeakMap,C=new WeakMap,t(D,"OverflowMenu"),(()=>{var t;const n="function"==typeof Symbol&&Symbol.metadata?Object.create(null!==(t=G[Symbol.metadata])&&void 0!==t?t:null):void 0;R=[h({type:Boolean})],A=[h({type:String})],B=[h({type:Boolean})],$=[h({type:String})],W=[h({type:Boolean})],U=[h({type:Boolean})],j=[h({type:String})],O=[d(".btn")],I=[d(".menu")],L=[m()],P=[m()],K=[m()],e(D,null,R,{kind:"accessor",name:"open",static:!1,private:!1,access:{has:t=>"open"in t,get:t=>t.open,set:(t,e)=>{t.open=e}},metadata:n},J,N),e(D,null,A,{kind:"accessor",name:"kind",static:!1,private:!1,access:{has:t=>"kind"in t,get:t=>t.kind,set:(t,e)=>{t.kind=e}},metadata:n},Q,V),e(D,null,B,{kind:"accessor",name:"anchorRight",static:!1,private:!1,access:{has:t=>"anchorRight"in t,get:t=>t.anchorRight,set:(t,e)=>{t.anchorRight=e}},metadata:n},X,Y),e(D,null,$,{kind:"accessor",name:"backButtonText",static:!1,private:!1,access:{has:t=>"backButtonText"in t,get:t=>t.backButtonText,set:(t,e)=>{t.backButtonText=e}},metadata:n},Z,tt),e(D,null,W,{kind:"accessor",name:"verticalDots",static:!1,private:!1,access:{has:t=>"verticalDots"in t,get:t=>t.verticalDots,set:(t,e)=>{t.verticalDots=e}},metadata:n},et,nt),e(D,null,U,{kind:"accessor",name:"fixed",static:!1,private:!1,access:{has:t=>"fixed"in t,get:t=>t.fixed,set:(t,e)=>{t.fixed=e}},metadata:n},it,st),e(D,null,j,{kind:"accessor",name:"assistiveText",static:!1,private:!1,access:{has:t=>"assistiveText"in t,get:t=>t.assistiveText,set:(t,e)=>{t.assistiveText=e}},metadata:n},ot,at),e(D,null,O,{kind:"accessor",name:"_btnEl",static:!1,private:!1,access:{has:t=>"_btnEl"in t,get:t=>t._btnEl,set:(t,e)=>{t._btnEl=e}},metadata:n},rt,lt),e(D,null,I,{kind:"accessor",name:"_menuEl",static:!1,private:!1,access:{has:t=>"_menuEl"in t,get:t=>t._menuEl,set:(t,e)=>{t._menuEl=e}},metadata:n},ut,ct),e(D,null,L,{kind:"accessor",name:"_openUpwards",static:!1,private:!1,access:{has:t=>"_openUpwards"in t,get:t=>t._openUpwards,set:(t,e)=>{t._openUpwards=e}},metadata:n},ht,dt),e(D,null,P,{kind:"accessor",name:"_menuHistory",static:!1,private:!1,access:{has:t=>"_menuHistory"in t,get:t=>t._menuHistory,set:(t,e)=>{t._menuHistory=e}},metadata:n},mt,pt),e(D,null,K,{kind:"accessor",name:"_currentMenuHtml",static:!1,private:!1,access:{has:t=>"_currentMenuHtml"in t,get:t=>t._currentMenuHtml,set:(t,e)=>{t._currentMenuHtml=e}},metadata:n},vt,ft),e(null,q={value:D},z,{kind:"class",name:D.name,metadata:n},null,F),D=q.value,n&&Object.defineProperty(D,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:n})})(),D.styles=l(b),n(D,F),D})();export{g as OverflowMenu};
121
121
  //# sourceMappingURL=overflowMenu.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"overflowMenu.js","sources":["../../../../src/components/reusable/overflowMenu/overflowMenu.ts"],"sourcesContent":["import { unsafeSVG } from 'lit-html/directives/unsafe-svg.js';\nimport { LitElement, html, unsafeCSS } from 'lit';\nimport { customElement, property, state, query } from 'lit/decorators.js';\nimport { classMap } from 'lit/directives/class-map.js';\nimport { unsafeHTML } from 'lit/directives/unsafe-html.js';\n\nimport './overflowMenuItem';\n\nimport SCSS from './overflowMenu.scss?inline';\n\nimport overflowIcon from '@kyndryl-design-system/shidoka-icons/svg/monochrome/16/overflow.svg';\nimport backIcon from '@kyndryl-design-system/shidoka-icons/svg/monochrome/16/arrow-left.svg';\n\n/**\n * Overflow Menu.\n * @slot unnamed - Slot for overflow menu items.\n * @fires on-toggle - Capture the open/close event and emits the new state.`detail:{ open: boolean }`\n * @prop {'ai'|'default'|string} kind\n */\n@customElement('kyn-overflow-menu')\nexport class OverflowMenu extends LitElement {\n static override styles = unsafeCSS(SCSS);\n\n /** Menu open state. */\n @property({ type: Boolean })\n accessor open = false;\n\n /** Menu kind.\n * @prop {'ai'|'default'|string} kind\n **/\n @property({ type: String })\n accessor kind: 'ai' | 'default' | (string & {}) = 'default';\n\n /** Anchors the menu to the right of the button. */\n @property({ type: Boolean })\n accessor anchorRight = false;\n\n /** Text displayed in nested menu back button. */\n @property({ type: String })\n accessor backButtonText = '';\n\n /** 3 dots vertical orientation. */\n @property({ type: Boolean })\n accessor verticalDots = false;\n\n /** Use fixed instead of absolute position. Useful when placed within elements with overflow scroll. */\n @property({ type: Boolean })\n accessor fixed = false;\n\n /** Button assistive text.. */\n @property({ type: String })\n accessor assistiveText = 'Toggle Menu';\n\n /** Button element\n * @internal\n */\n @query('.btn')\n accessor _btnEl!: any;\n\n /** Menu element\n * @internal\n */\n @query('.menu')\n accessor _menuEl!: any;\n\n /**\n * Open drawer upwards.\n * @ignore\n */\n @state()\n accessor _openUpwards = false;\n\n /**\n * History of previous menus for back navigation.\n * Each entry is either 'root' (slot) or a string of HTML for a submenu.\n * @ignore\n */\n @state()\n accessor _menuHistory: string[] = [];\n\n /**\n * Current submenu HTML when viewing a submenu. Null when viewing root slot.\n * @ignore\n */\n @state()\n accessor _currentMenuHtml: string | null = null;\n\n private _onDocClick = (e: Event) => this.handleClickOut(e);\n private _onDocKeydown = (e: KeyboardEvent) => this.handleEscapePress(e);\n private _onItemClick = () => {\n this.open = false;\n this._menuHistory = [];\n this._currentMenuHtml = null;\n this._emitToggleEvent();\n this._btnEl?.focus();\n };\n\n private _onOpenSubmenu = (e: Event) =>\n this.handleOpenSubmenu(e as CustomEvent);\n\n override render() {\n const buttonClasses = {\n btn: true,\n open: this.open,\n horizontal: !this.verticalDots,\n 'ai-connected': this.kind === 'ai',\n };\n\n const menuClasses = {\n menu: true,\n open: this.open,\n right: this.anchorRight,\n fixed: this.fixed,\n upwards: this._openUpwards,\n 'ai-connected': this.kind === 'ai',\n };\n\n return html`\n <div class=\"overflow-menu\">\n <button\n class=${classMap(buttonClasses)}\n @click=${this.toggleMenu}\n aria-controls=\"menu\"\n aria-expanded=${this.open}\n title=${this.assistiveText}\n aria-label=${this.assistiveText}\n @keydown=${(e: any) => this.handleKeyDown(e)}\n >\n <span>${unsafeSVG(overflowIcon)}</span>\n </button>\n\n <div id=\"menu\" class=${classMap(menuClasses)}>\n ${this._menuHistory.length > 0\n ? html`\n <kyn-overflow-menu-item\n .kind=${this.kind}\n class=\"menu-item-inner-el submenu-back-item\"\n @on-click=${(e: Event) => {\n e.stopPropagation();\n this.goBack();\n }}\n >\n <span class=\"back-button-icon\">${unsafeSVG(backIcon)}</span>\n <span class=\"back-button-txt\">${this.backButtonText}</span>\n </kyn-overflow-menu-item>\n <div class=\"submenu-contents\">\n ${unsafeHTML(this._currentMenuHtml || '')}\n </div>\n `\n : html`<slot></slot>`}\n </div>\n </div>\n `;\n }\n\n private _emitToggleEvent() {\n const event = new CustomEvent('on-toggle', {\n detail: {\n open: this.open,\n },\n });\n this.dispatchEvent(event);\n }\n\n private toggleMenu() {\n this.open = !this.open;\n this._emitToggleEvent();\n }\n\n private _positionMenu() {\n if (this.open) {\n if (this.fixed) {\n const BtnBounds = this._btnEl.getBoundingClientRect();\n const Top = BtnBounds.top + BtnBounds.height;\n const MenuHeight =\n this.querySelectorAll('kyn-overflow-menu-item').length * 48;\n\n if (this._openUpwards) {\n this._menuEl.style.top = BtnBounds.top - MenuHeight - 18 + 'px';\n this._menuEl.style.bottom = 'initial';\n } else {\n this._menuEl.style.top = Top + 'px';\n this._menuEl.style.bottom = 'initial';\n }\n\n if (this.fixed) {\n if (this.anchorRight) {\n this._menuEl.style.left = 'initial';\n this._menuEl.style.right =\n window.innerWidth - BtnBounds.right + 'px';\n } else {\n this._menuEl.style.right = 'initial';\n this._menuEl.style.left = BtnBounds.left + 'px';\n }\n }\n } else {\n this._menuEl.style.top = 'initial';\n }\n }\n }\n\n override updated(changedProps: Map<string, unknown>) {\n if (changedProps.has('kind')) {\n this.dispatchEvent(\n new CustomEvent('kind-changed', {\n detail: this.kind,\n bubbles: true,\n composed: true,\n })\n );\n }\n\n if (changedProps.has('open')) {\n if (this.open) {\n // open dropdown upwards if closer to bottom of viewport\n if (\n this._btnEl.getBoundingClientRect().top >\n window.innerHeight * 0.6\n ) {\n this._openUpwards = true;\n } else {\n this._openUpwards = false;\n }\n } else {\n this._menuHistory = [];\n this._currentMenuHtml = null;\n this._openUpwards = false;\n }\n\n this._positionMenu();\n }\n }\n\n private handleClickOut(e: Event) {\n if (!e.composedPath().includes(this)) {\n this.open = false;\n this._emitToggleEvent();\n }\n }\n\n private handleEscapePress(e: any) {\n const ESCAPE_KEY_CODE = 27;\n if (e.keyCode === ESCAPE_KEY_CODE) {\n this.open = false;\n this._emitToggleEvent();\n this._btnEl.focus();\n }\n }\n\n private handleKeyDown(e: any) {\n const TAB_KEY_CODE = 9;\n const ENTER_KEY_CODE = 13;\n const SPACEBAR_KEY_CODE = 32;\n const DOWN_ARROW_KEY_CODE = 40;\n\n if (e.keyCode !== TAB_KEY_CODE) {\n e.preventDefault();\n }\n\n if (e.keyCode === ENTER_KEY_CODE || e.keyCode === SPACEBAR_KEY_CODE) {\n this.toggleMenu();\n }\n\n const menuItems: any = this.getMenuItems();\n\n if (menuItems.length > 0 && e.keyCode === DOWN_ARROW_KEY_CODE) {\n const firstItemIndex = menuItems.findIndex(\n (item: any) => !item.hasAttribute('disabled')\n );\n menuItems[firstItemIndex].shadowRoot?.querySelector('button')\n ? menuItems[firstItemIndex].shadowRoot?.querySelector('button')?.focus()\n : menuItems[firstItemIndex].shadowRoot?.querySelector('a')?.focus();\n }\n }\n\n getMenuItems() {\n return Array.from(\n this.querySelectorAll('kyn-overflow-menu-item') || []\n ).filter((item: any) => !item.hasAttribute('disabled'));\n }\n\n getMenu() {\n return this.shadowRoot?.querySelector('.overflow-menu');\n }\n\n override connectedCallback() {\n super.connectedCallback();\n\n document.addEventListener('click', this._onDocClick);\n document.addEventListener('keydown', this._onDocKeydown);\n this.addEventListener('on-click', this._onItemClick);\n this.addEventListener('open-submenu', this._onOpenSubmenu);\n }\n\n override disconnectedCallback() {\n document.removeEventListener('click', this._onDocClick);\n document.removeEventListener('keydown', this._onDocKeydown);\n this.removeEventListener('on-click', this._onItemClick);\n this.removeEventListener('open-submenu', this._onOpenSubmenu);\n\n super.disconnectedCallback();\n }\n\n private handleOpenSubmenu(e: CustomEvent) {\n e.stopPropagation();\n const submenuHtml = (e.detail && e.detail.html) || '';\n\n if (this._currentMenuHtml === null) {\n this._menuHistory = [...this._menuHistory, 'root'];\n } else {\n this._menuHistory = [...this._menuHistory, this._currentMenuHtml];\n }\n\n this._currentMenuHtml = submenuHtml;\n\n requestAnimationFrame(() => {\n const contents = this._menuEl?.querySelector('.submenu-contents');\n const items = contents\n ? Array.from(contents.querySelectorAll('kyn-overflow-menu-item'))\n : [];\n\n items.forEach((it: any) => {\n try {\n it.kind = this.kind;\n } catch (err) {\n /* no op */\n }\n });\n\n if (\n typeof (customElements as any) !== 'undefined' &&\n (customElements as any).whenDefined\n ) {\n (customElements as any)\n .whenDefined('kyn-overflow-menu-item')\n .then(() => {\n setTimeout(() => {\n const upgradedItems = contents\n ? Array.from(\n contents.querySelectorAll('kyn-overflow-menu-item')\n )\n : [];\n upgradedItems.forEach((it: any) => {\n try {\n it.kind = this.kind;\n } catch (err) {\n /* no op */\n }\n });\n }, 0);\n })\n .catch(() => {\n /* no op */\n });\n }\n this._menuEl?.querySelector('button, a')?.focus();\n });\n }\n\n private goBack() {\n const last = this._menuHistory.pop();\n\n this._menuHistory = [...this._menuHistory];\n if (last === 'root') {\n this._currentMenuHtml = null;\n\n requestAnimationFrame(() => {\n const menuItems: any = this.getMenuItems();\n\n menuItems.forEach((it: any) => {\n try {\n it.kind = this.kind;\n } catch (err) {\n /* no op */\n }\n });\n\n if (menuItems.length > 0) {\n menuItems[0].shadowRoot?.querySelector('button')\n ? menuItems[0].shadowRoot?.querySelector('button')?.focus()\n : menuItems[0].shadowRoot?.querySelector('a')?.focus();\n } else {\n this._btnEl?.focus();\n }\n });\n } else {\n this._currentMenuHtml = last || null;\n requestAnimationFrame(() => {\n const contents = this._menuEl?.querySelector('.submenu-contents');\n const items = contents\n ? Array.from(contents.querySelectorAll('kyn-overflow-menu-item'))\n : [];\n\n items.forEach((it: any) => {\n try {\n it.kind = this.kind;\n } catch (err) {\n /* no op */\n }\n });\n\n if (\n typeof (customElements as any) !== 'undefined' &&\n (customElements as any).whenDefined\n ) {\n (customElements as any)\n .whenDefined('kyn-overflow-menu-item')\n .then(() => {\n setTimeout(() => {\n const upgradedItems = contents\n ? Array.from(\n contents.querySelectorAll('kyn-overflow-menu-item')\n )\n : [];\n upgradedItems.forEach((it: any) => {\n try {\n it.kind = this.kind;\n } catch (err) {\n /* no op */\n }\n });\n }, 0);\n })\n .catch(() => {\n /* no op */\n });\n }\n\n this._menuEl?.querySelector('button, a')?.focus();\n });\n }\n }\n}\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'kyn-overflow-menu': OverflowMenu;\n }\n}\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'kyn-overflow-menu': OverflowMenu;\n }\n}\n"],"names":["OverflowMenu","customElement","LitElement","_classThis","_classSuper","_OverflowMenu_open_accessor_storage","set","this","__runInitializers","_open_initializers","_OverflowMenu_kind_accessor_storage","_open_extraInitializers","_kind_initializers","_OverflowMenu_anchorRight_accessor_storage","_kind_extraInitializers","_anchorRight_initializers","_OverflowMenu_backButtonText_accessor_storage","_anchorRight_extraInitializers","_backButtonText_initializers","_OverflowMenu_verticalDots_accessor_storage","_backButtonText_extraInitializers","_verticalDots_initializers","_OverflowMenu_fixed_accessor_storage","_verticalDots_extraInitializers","_fixed_initializers","_OverflowMenu_assistiveText_accessor_storage","_fixed_extraInitializers","_assistiveText_initializers","_OverflowMenu__btnEl_accessor_storage","_assistiveText_extraInitializers","__btnEl_initializers","_OverflowMenu__menuEl_accessor_storage","__btnEl_extraInitializers","__menuEl_initializers","_OverflowMenu__openUpwards_accessor_storage","__menuEl_extraInitializers","__openUpwards_initializers","_OverflowMenu__menuHistory_accessor_storage","__openUpwards_extraInitializers","__menuHistory_initializers","_OverflowMenu__currentMenuHtml_accessor_storage","__menuHistory_extraInitializers","__currentMenuHtml_initializers","_onDocClick","__currentMenuHtml_extraInitializers","e","handleClickOut","_onDocKeydown","handleEscapePress","_onItemClick","open","_menuHistory","_currentMenuHtml","_emitToggleEvent","_a","_btnEl","focus","_onOpenSubmenu","handleOpenSubmenu","__classPrivateFieldGet","value","__classPrivateFieldSet","kind","anchorRight","backButtonText","verticalDots","fixed","assistiveText","_menuEl","_openUpwards","render","buttonClasses","btn","horizontal","menuClasses","menu","right","upwards","html","classMap","toggleMenu","handleKeyDown","unsafeSVG","overflowIcon","length","stopPropagation","goBack","backIcon","unsafeHTML","event","CustomEvent","detail","dispatchEvent","_positionMenu","BtnBounds","getBoundingClientRect","Top","top","height","MenuHeight","querySelectorAll","style","bottom","left","window","innerWidth","updated","changedProps","has","bubbles","composed","innerHeight","composedPath","includes","keyCode","preventDefault","menuItems","getMenuItems","firstItemIndex","findIndex","item","hasAttribute","shadowRoot","querySelector","_c","_b","_e","_d","Array","from","filter","getMenu","connectedCallback","super","document","addEventListener","disconnectedCallback","removeEventListener","submenuHtml","requestAnimationFrame","contents","forEach","it","err","customElements","whenDefined","then","setTimeout","catch","last","pop","_f","_open_decorators","property","type","Boolean","_kind_decorators","String","_anchorRight_decorators","_backButtonText_decorators","_verticalDots_decorators","_fixed_decorators","_assistiveText_decorators","query","__openUpwards_decorators","state","__menuHistory_decorators","__currentMenuHtml_decorators","__esDecorate","name","static","private","access","obj","get","metadata","_metadata","__btnEl_decorators","__menuEl_decorators","_classDescriptor","_classDecorators","_classExtraInitializers","styles","unsafeCSS","SCSS"],"mappings":"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"}
1
+ {"version":3,"file":"overflowMenu.js","sources":["../../../../src/components/reusable/overflowMenu/overflowMenu.ts"],"sourcesContent":["import { unsafeSVG } from 'lit-html/directives/unsafe-svg.js';\nimport { LitElement, html, unsafeCSS } from 'lit';\nimport { customElement, property, state, query } from 'lit/decorators.js';\nimport { classMap } from 'lit/directives/class-map.js';\nimport { unsafeHTML } from 'lit/directives/unsafe-html.js';\n\nimport './overflowMenuItem';\n\nimport SCSS from './overflowMenu.scss?inline';\n\nimport overflowIcon from '@kyndryl-design-system/shidoka-icons/svg/monochrome/16/overflow.svg';\nimport backIcon from '@kyndryl-design-system/shidoka-icons/svg/monochrome/16/arrow-left.svg';\n\n/**\n * Overflow Menu.\n * @slot unnamed - Slot for overflow menu items.\n * @fires on-toggle - Capture the open/close event and emits the new state.`detail:{ open: boolean }`\n * @prop {'ai'|'default'|string} kind\n */\n@customElement('kyn-overflow-menu')\nexport class OverflowMenu extends LitElement {\n static override styles = unsafeCSS(SCSS);\n\n /** Menu open state. */\n @property({ type: Boolean })\n accessor open = false;\n\n /** Menu kind.\n * @prop {'ai'|'default'|string} kind\n **/\n @property({ type: String })\n accessor kind: 'ai' | 'default' | (string & {}) = 'default';\n\n /** Anchors the menu to the right of the button. */\n @property({ type: Boolean })\n accessor anchorRight = false;\n\n /** Text displayed in nested menu back button. */\n @property({ type: String })\n accessor backButtonText = '';\n\n /** 3 dots vertical orientation. */\n @property({ type: Boolean })\n accessor verticalDots = false;\n\n /** Use fixed instead of absolute position. Useful when placed within elements with overflow scroll. */\n @property({ type: Boolean })\n accessor fixed = false;\n\n /** Button assistive text.. */\n @property({ type: String })\n accessor assistiveText = 'Toggle Menu';\n\n /** Button element\n * @internal\n */\n @query('.btn')\n accessor _btnEl!: any;\n\n /** Menu element\n * @internal\n */\n @query('.menu')\n accessor _menuEl!: any;\n\n /**\n * Open drawer upwards.\n * @ignore\n */\n @state()\n accessor _openUpwards = false;\n\n /**\n * History of previous menus for back navigation.\n * Each entry is either 'root' (slot) or a string of HTML for a submenu.\n * @ignore\n */\n @state()\n accessor _menuHistory: string[] = [];\n\n /**\n * Current submenu HTML when viewing a submenu. Null when viewing root slot.\n * @ignore\n */\n @state()\n accessor _currentMenuHtml: string | null = null;\n\n private _onDocClick = (e: Event) => this.handleClickOut(e);\n private _onDocKeydown = (e: KeyboardEvent) => this.handleEscapePress(e);\n private _onItemClick = () => {\n this.open = false;\n this._menuHistory = [];\n this._currentMenuHtml = null;\n this._emitToggleEvent();\n this._btnEl?.focus();\n };\n\n private _onOpenSubmenu = (e: Event) =>\n this.handleOpenSubmenu(e as CustomEvent);\n\n override render() {\n const buttonClasses = {\n btn: true,\n open: this.open,\n horizontal: !this.verticalDots,\n 'ai-connected': this.kind === 'ai',\n };\n\n const menuClasses = {\n menu: true,\n open: this.open,\n right: this.anchorRight,\n fixed: this.fixed,\n upwards: this._openUpwards,\n 'ai-connected': this.kind === 'ai',\n };\n\n return html`\n <div class=\"overflow-menu\">\n <button\n class=${classMap(buttonClasses)}\n @click=${this.toggleMenu}\n aria-controls=\"menu\"\n aria-expanded=${this.open}\n title=${this.assistiveText}\n aria-label=${this.assistiveText}\n @keydown=${(e: any) => this.handleKeyDown(e)}\n >\n <span>${unsafeSVG(overflowIcon)}</span>\n </button>\n\n <div id=\"menu\" class=${classMap(menuClasses)}>\n ${this._menuHistory.length > 0\n ? html`\n <kyn-overflow-menu-item\n .kind=${this.kind}\n class=\"menu-item-inner-el submenu-back-item\"\n @on-click=${(e: Event) => {\n e.stopPropagation();\n this.goBack();\n }}\n >\n <span class=\"back-button-icon\">${unsafeSVG(backIcon)}</span>\n <span class=\"back-button-txt\">${this.backButtonText}</span>\n </kyn-overflow-menu-item>\n <div class=\"submenu-contents\">\n ${unsafeHTML(this._currentMenuHtml || '')}\n </div>\n `\n : html`<slot></slot>`}\n </div>\n </div>\n `;\n }\n\n private _emitToggleEvent() {\n const event = new CustomEvent('on-toggle', {\n detail: {\n open: this.open,\n },\n });\n this.dispatchEvent(event);\n }\n\n private toggleMenu() {\n this.open = !this.open;\n this._emitToggleEvent();\n }\n\n private _positionMenu() {\n if (this.open) {\n if (this.fixed) {\n const BtnBounds = this._btnEl.getBoundingClientRect();\n const Top = BtnBounds.top + BtnBounds.height;\n const MenuHeight =\n this.querySelectorAll('kyn-overflow-menu-item').length * 36;\n\n if (this._openUpwards) {\n this._menuEl.style.top = BtnBounds.top - MenuHeight - 18 + 'px';\n this._menuEl.style.bottom = 'initial';\n } else {\n this._menuEl.style.top = Top + 'px';\n this._menuEl.style.bottom = 'initial';\n }\n\n if (this.fixed) {\n if (this.anchorRight) {\n this._menuEl.style.left = 'initial';\n this._menuEl.style.right =\n window.innerWidth - BtnBounds.right + 'px';\n } else {\n this._menuEl.style.right = 'initial';\n this._menuEl.style.left = BtnBounds.left + 'px';\n }\n }\n } else {\n this._menuEl.style.top = 'initial';\n }\n }\n }\n\n override updated(changedProps: Map<string, unknown>) {\n if (changedProps.has('kind')) {\n this.dispatchEvent(\n new CustomEvent('kind-changed', {\n detail: this.kind,\n bubbles: true,\n composed: true,\n })\n );\n }\n\n if (changedProps.has('open')) {\n if (this.open) {\n // open dropdown upwards if closer to bottom of viewport\n if (\n this._btnEl.getBoundingClientRect().top >\n window.innerHeight * 0.6\n ) {\n this._openUpwards = true;\n } else {\n setTimeout(() => {\n this._openUpwards = false;\n }, 150);\n }\n } else {\n this._menuHistory = [];\n this._currentMenuHtml = null;\n setTimeout(() => {\n this._openUpwards = false;\n }, 150);\n }\n\n this._positionMenu();\n }\n }\n\n private handleClickOut(e: Event) {\n if (!e.composedPath().includes(this)) {\n this.open = false;\n this._emitToggleEvent();\n }\n }\n\n private handleEscapePress(e: any) {\n const ESCAPE_KEY_CODE = 27;\n if (e.keyCode === ESCAPE_KEY_CODE) {\n this.open = false;\n this._emitToggleEvent();\n this._btnEl.focus();\n }\n }\n\n private handleKeyDown(e: any) {\n const TAB_KEY_CODE = 9;\n const ENTER_KEY_CODE = 13;\n const SPACEBAR_KEY_CODE = 32;\n const DOWN_ARROW_KEY_CODE = 40;\n\n if (e.keyCode !== TAB_KEY_CODE) {\n e.preventDefault();\n }\n\n if (e.keyCode === ENTER_KEY_CODE || e.keyCode === SPACEBAR_KEY_CODE) {\n this.toggleMenu();\n }\n\n const menuItems: any = this.getMenuItems();\n\n if (menuItems.length > 0 && e.keyCode === DOWN_ARROW_KEY_CODE) {\n const firstItemIndex = menuItems.findIndex(\n (item: any) => !item.hasAttribute('disabled')\n );\n menuItems[firstItemIndex].shadowRoot?.querySelector('button')\n ? menuItems[firstItemIndex].shadowRoot?.querySelector('button')?.focus()\n : menuItems[firstItemIndex].shadowRoot?.querySelector('a')?.focus();\n }\n }\n\n getMenuItems() {\n return Array.from(\n this.querySelectorAll('kyn-overflow-menu-item') || []\n ).filter((item: any) => !item.hasAttribute('disabled'));\n }\n\n getMenu() {\n return this.shadowRoot?.querySelector('.overflow-menu');\n }\n\n override connectedCallback() {\n super.connectedCallback();\n\n document.addEventListener('click', this._onDocClick);\n document.addEventListener('keydown', this._onDocKeydown);\n this.addEventListener('on-click', this._onItemClick);\n this.addEventListener('open-submenu', this._onOpenSubmenu);\n }\n\n override disconnectedCallback() {\n document.removeEventListener('click', this._onDocClick);\n document.removeEventListener('keydown', this._onDocKeydown);\n this.removeEventListener('on-click', this._onItemClick);\n this.removeEventListener('open-submenu', this._onOpenSubmenu);\n\n super.disconnectedCallback();\n }\n\n private handleOpenSubmenu(e: CustomEvent) {\n e.stopPropagation();\n const submenuHtml = (e.detail && e.detail.html) || '';\n\n if (this._currentMenuHtml === null) {\n this._menuHistory = [...this._menuHistory, 'root'];\n } else {\n this._menuHistory = [...this._menuHistory, this._currentMenuHtml];\n }\n\n this._currentMenuHtml = submenuHtml;\n\n requestAnimationFrame(() => {\n const contents = this._menuEl?.querySelector('.submenu-contents');\n const items = contents\n ? Array.from(contents.querySelectorAll('kyn-overflow-menu-item'))\n : [];\n\n items.forEach((it: any) => {\n try {\n it.kind = this.kind;\n } catch (err) {\n /* no op */\n }\n });\n\n if (\n typeof (customElements as any) !== 'undefined' &&\n (customElements as any).whenDefined\n ) {\n (customElements as any)\n .whenDefined('kyn-overflow-menu-item')\n .then(() => {\n setTimeout(() => {\n const upgradedItems = contents\n ? Array.from(\n contents.querySelectorAll('kyn-overflow-menu-item')\n )\n : [];\n upgradedItems.forEach((it: any) => {\n try {\n it.kind = this.kind;\n } catch (err) {\n /* no op */\n }\n });\n }, 0);\n })\n .catch(() => {\n /* no op */\n });\n }\n this._menuEl?.querySelector('button, a')?.focus();\n });\n }\n\n private goBack() {\n const last = this._menuHistory.pop();\n\n this._menuHistory = [...this._menuHistory];\n if (last === 'root') {\n this._currentMenuHtml = null;\n\n requestAnimationFrame(() => {\n const menuItems: any = this.getMenuItems();\n\n menuItems.forEach((it: any) => {\n try {\n it.kind = this.kind;\n } catch (err) {\n /* no op */\n }\n });\n\n if (menuItems.length > 0) {\n menuItems[0].shadowRoot?.querySelector('button')\n ? menuItems[0].shadowRoot?.querySelector('button')?.focus()\n : menuItems[0].shadowRoot?.querySelector('a')?.focus();\n } else {\n this._btnEl?.focus();\n }\n });\n } else {\n this._currentMenuHtml = last || null;\n requestAnimationFrame(() => {\n const contents = this._menuEl?.querySelector('.submenu-contents');\n const items = contents\n ? Array.from(contents.querySelectorAll('kyn-overflow-menu-item'))\n : [];\n\n items.forEach((it: any) => {\n try {\n it.kind = this.kind;\n } catch (err) {\n /* no op */\n }\n });\n\n if (\n typeof (customElements as any) !== 'undefined' &&\n (customElements as any).whenDefined\n ) {\n (customElements as any)\n .whenDefined('kyn-overflow-menu-item')\n .then(() => {\n setTimeout(() => {\n const upgradedItems = contents\n ? Array.from(\n contents.querySelectorAll('kyn-overflow-menu-item')\n )\n : [];\n upgradedItems.forEach((it: any) => {\n try {\n it.kind = this.kind;\n } catch (err) {\n /* no op */\n }\n });\n }, 0);\n })\n .catch(() => {\n /* no op */\n });\n }\n\n this._menuEl?.querySelector('button, a')?.focus();\n });\n }\n }\n}\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'kyn-overflow-menu': OverflowMenu;\n }\n}\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'kyn-overflow-menu': OverflowMenu;\n }\n}\n"],"names":["OverflowMenu","customElement","LitElement","_classThis","_classSuper","_OverflowMenu_open_accessor_storage","set","this","__runInitializers","_open_initializers","_OverflowMenu_kind_accessor_storage","_open_extraInitializers","_kind_initializers","_OverflowMenu_anchorRight_accessor_storage","_kind_extraInitializers","_anchorRight_initializers","_OverflowMenu_backButtonText_accessor_storage","_anchorRight_extraInitializers","_backButtonText_initializers","_OverflowMenu_verticalDots_accessor_storage","_backButtonText_extraInitializers","_verticalDots_initializers","_OverflowMenu_fixed_accessor_storage","_verticalDots_extraInitializers","_fixed_initializers","_OverflowMenu_assistiveText_accessor_storage","_fixed_extraInitializers","_assistiveText_initializers","_OverflowMenu__btnEl_accessor_storage","_assistiveText_extraInitializers","__btnEl_initializers","_OverflowMenu__menuEl_accessor_storage","__btnEl_extraInitializers","__menuEl_initializers","_OverflowMenu__openUpwards_accessor_storage","__menuEl_extraInitializers","__openUpwards_initializers","_OverflowMenu__menuHistory_accessor_storage","__openUpwards_extraInitializers","__menuHistory_initializers","_OverflowMenu__currentMenuHtml_accessor_storage","__menuHistory_extraInitializers","__currentMenuHtml_initializers","_onDocClick","__currentMenuHtml_extraInitializers","e","handleClickOut","_onDocKeydown","handleEscapePress","_onItemClick","open","_menuHistory","_currentMenuHtml","_emitToggleEvent","_a","_btnEl","focus","_onOpenSubmenu","handleOpenSubmenu","__classPrivateFieldGet","value","__classPrivateFieldSet","kind","anchorRight","backButtonText","verticalDots","fixed","assistiveText","_menuEl","_openUpwards","render","buttonClasses","btn","horizontal","menuClasses","menu","right","upwards","html","classMap","toggleMenu","handleKeyDown","unsafeSVG","overflowIcon","length","stopPropagation","goBack","backIcon","unsafeHTML","event","CustomEvent","detail","dispatchEvent","_positionMenu","BtnBounds","getBoundingClientRect","Top","top","height","MenuHeight","querySelectorAll","style","bottom","left","window","innerWidth","updated","changedProps","has","bubbles","composed","innerHeight","setTimeout","composedPath","includes","keyCode","preventDefault","menuItems","getMenuItems","firstItemIndex","findIndex","item","hasAttribute","shadowRoot","querySelector","_c","_b","_e","_d","Array","from","filter","getMenu","connectedCallback","super","document","addEventListener","disconnectedCallback","removeEventListener","submenuHtml","requestAnimationFrame","contents","forEach","it","err","customElements","whenDefined","then","catch","last","pop","_f","_open_decorators","property","type","Boolean","_kind_decorators","String","_anchorRight_decorators","_backButtonText_decorators","_verticalDots_decorators","_fixed_decorators","_assistiveText_decorators","query","__openUpwards_decorators","state","__menuHistory_decorators","__currentMenuHtml_decorators","__esDecorate","name","static","private","access","obj","get","metadata","_metadata","__btnEl_decorators","__menuEl_decorators","_classDescriptor","_classDecorators","_classExtraInitializers","styles","unsafeCSS","SCSS"],"mappings":"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"}
@@ -1,2 +1,2 @@
1
- export{T as Table}from"../../../table-C4fpukCi.js";export{TableCell}from"./table-cell.js";export{TableRow}from"./table-row.js";export{TableBody}from"./table-body.js";export{TableHead}from"./table-head.js";export{T as TableHeader,a as TableSkeleton}from"../../../table.skeleton-7e-w5dSv.js";export{TableFoot}from"./table-foot.js";export{TableFooter}from"./table-footer.js";export{TableLegend}from"./table-legend.js";export{TableLegendItem}from"./table-legend-item.js";export{TableToolbar}from"./table-toolbar.js";export{TableContainer}from"./table-container.js";export{TableHeaderRow}from"./table-header-row.js";export{TableExpandedRow}from"./table-expanded-row.js";export{TableHeaderGroup}from"./table-header-group.js";import"tslib";import"lit";import"lit/decorators.js";import"@lit/context";import"./table-context.js";import"./defs.js";import"lit-html/directives/unsafe-svg.js";import"../../../vendor/@kyndryl-design-system/shidoka-icons-BGhMLbpH.js";import"../checkbox/checkbox.js";import"lit-html/directives/class-map.js";import"lit/directives/if-defined.js";import"deepmerge-ts";import"../loaders/skeleton.js";import"lit/directives/class-map.js";import"../pagination/pagination.skeleton.js";import"../../../pagination-0XbKxe9y.js";import"../../global/header/header.js";import"lit-html/directives/unsafe-html.js";import"../../../common/helpers/helpers.js";import"../../../vendor/@kyndryl-design-system/shidoka-foundation-7uii0Jz8.js";import"../../global/header/headerNav.js";import"query-selector-shadow-dom";import"../../global/header/headerLink.js";import"lit/directives/style-map.js";import"../textInput/textInput.js";import"../button/button.js";import"../button/defs.js";import"../../../common/mixins/form-input.js";import"../../global/header/headerCategories.js";import"../../global/header/headerCategory.js";import"../../global/header/headerDivider.js";import"../../global/header/headerFlyouts.js";import"../../global/header/headerFlyout.js";import"../../global/header/headerUserProfile.js";import"../link/link.js";import"../link/defs.js";import"../../global/header/headerPanelLink.js";import"../../global/header/headerNotificationPanel.js";import"../../global/localNav/localNav.js";import"../../global/localNav/localNavLink.js";import"../../global/localNav/localNavDivider.js";import"../../global/footer/footer.js";import"../../global/uiShell/uiShell.js";import"../../global/workspaceSwitcher/workspaceSwitcher.js";import"../../global/workspaceSwitcher/workspaceSwitcherMenuItem.js";import"lit/directives/unsafe-svg.js";import"../iconSelector/iconSelector.js";import"../iconSelector/iconSelectorGroup.js";import"../radioButton/radioButton.js";import"../radioButton/radioButtonGroup.js";import"../checkbox/checkboxGroup.js";import"../checkbox/checkboxSubgroup.js";import"../textArea/textArea.js";import"../avatar/avatar.js";import"../toggleButton/toggleButton.js";import"../dropdown/dropdown.js";import"../dropdown/dropdownOption.js";import"../dropdown/enhancedDropdownOption.js";import"../tag/tag.js";import"../../../tag-ehM901IX.js";import"../tag/tagGroup.js";import"../tag/tag.skeleton.js";import"../dropdown/dropdownCategory.js";import"../datePicker/datepicker.js";import"../../../common/helpers/flatpickr/flatpickr.js";import"flatpickr";import"flatpickr/dist/esm/plugins/rangePlugin.js";import"flatpickr/dist/esm/l10n/default.js";import"../../../common/helpers/flatpickr/langs.js";import"../../../common/helpers/flatpickr/overlay.js";import"../../../common/helpers/flatpickr/utils.js";import"../../../shidoka-flatpickr-theme-CTco2ary.js";import"../daterangepicker/daterangepicker.js";import"../timepicker/timepicker.js";import"../progressBar/progressBar.js";import"../loaders/loader.js";import"lottie-web";import"../loaders/inline.js";import"../../../inline-CxNcYPfA.js";import"../tooltip/tooltip.js";import"../blockCodeView/blockCodeView.js";import"prismjs";import"prismjs/plugins/autoloader/prism-autoloader";import"prismjs/plugins/line-numbers/prism-line-numbers";import"../inlineCodeView/inlineCodeView.js";import"../breadcrumbs/breadcrumbs.js";import"../globalFilter/globalFilter.js";import"../pagination/Pagination.js";import"../pagination/pagination-items-range.js";import"../pagination/pagination-page-size-dropdown.js";import"../pagination/pagination-navigation-buttons.js";import"../overflowMenu/overflowMenu.js";import"lit/directives/unsafe-html.js";import"../overflowMenu/overflowMenuItem.js";import"../tabs/tabs.js";import"../tabs/tab.js";import"../tabs/tabPanel.js";import"../modal/modal.js";import"../sideDrawer/sideDrawer.js";import"../pagetitle/pageTitle.js";import"../pagetitle/pageTitleOption.js";import"../notification/notification.js";import"../card/card.js";import"../inlineConfirm/inlineConfirm.js";import"../card/vitalCard.skeleton.js";import"../../../cardSample-BCIwY1rJ.js";import"../card/informationalCard.skeleton.js";import"../badge/badge.js";import"../notification/notificationContainer.js";import"../widget/widget.js";import"../widget/widgetDragHandle.js";import"../widget/widgetGridstack.js";import"../../../common/helpers/gridstack.js";import"gridstack";import"../search/search.js";import"../numberInput/numberInput.js";import"../sliderInput/sliderInput.js";import"../popover/popover.js";import"@floating-ui/dom";import"../../../common/helpers/popoverHelper.js";import"../stepper/stepper.js";import"../stepper/stepperItem.js";import"../stepper/stepperItemChild.js";import"../accordion/accordion.js";import"../accordion/accordionItem.js";import"../splitButton/splitButton.js";import"../splitButton/defs.js";import"../splitButton/splitButtonOption.js";import"../floatingContainer/floatingContainer.js";import"../../ai/sourcesFeedback/aiSourcesFeedback.js";import"../colorInput/colorInput.js";import"../metaData/metaData.js";import"../divider/divider.js";import"../statusButton/statusButton.js";import"../queryBuilder/queryBuilder.js";import"../queryBuilder/defs/types.js";import"../queryBuilder/defs/helpers.js";import"../queryBuilder/queryBuilderGroup.js";import"lit/directives/repeat.js";import"../queryBuilder/queryBuilderRule.js";import"../queryBuilder/defs/operators.js";import"../buttonGroup/buttonGroup.js";
1
+ export{T as Table}from"../../../table-DWSIFayh.js";export{TableCell}from"./table-cell.js";export{TableRow}from"./table-row.js";export{TableBody}from"./table-body.js";export{TableHead}from"./table-head.js";export{T as TableHeader,a as TableSkeleton}from"../../../table.skeleton-0IUs_wTv.js";export{TableFoot}from"./table-foot.js";export{TableFooter}from"./table-footer.js";export{TableLegend}from"./table-legend.js";export{TableLegendItem}from"./table-legend-item.js";export{TableToolbar}from"./table-toolbar.js";export{TableContainer}from"./table-container.js";export{TableHeaderRow}from"./table-header-row.js";export{TableExpandedRow}from"./table-expanded-row.js";export{TableHeaderGroup}from"./table-header-group.js";import"tslib";import"lit";import"lit/decorators.js";import"@lit/context";import"./table-context.js";import"./defs.js";import"lit-html/directives/unsafe-svg.js";import"../../../vendor/@kyndryl-design-system/shidoka-icons-BGhMLbpH.js";import"../checkbox/checkbox.js";import"lit-html/directives/class-map.js";import"lit/directives/if-defined.js";import"deepmerge-ts";import"../loaders/skeleton.js";import"lit/directives/class-map.js";import"../pagination/pagination.skeleton.js";import"../../../pagination-0XbKxe9y.js";import"../../global/header/header.js";import"lit-html/directives/unsafe-html.js";import"../../../common/helpers/helpers.js";import"../../../vendor/@kyndryl-design-system/shidoka-foundation-7uii0Jz8.js";import"../../global/header/headerNav.js";import"query-selector-shadow-dom";import"../../global/header/headerLink.js";import"lit/directives/style-map.js";import"../textInput/textInput.js";import"../button/button.js";import"../button/defs.js";import"../../../common/mixins/form-input.js";import"../../global/header/headerCategories.js";import"../../global/header/headerCategory.js";import"../../global/header/headerDivider.js";import"../../global/header/headerFlyouts.js";import"../../global/header/headerFlyout.js";import"../../global/header/headerUserProfile.js";import"../link/link.js";import"../link/defs.js";import"../../global/header/headerPanelLink.js";import"../../global/header/headerNotificationPanel.js";import"../../global/localNav/localNav.js";import"../../global/localNav/localNavLink.js";import"../../global/localNav/localNavDivider.js";import"../../global/footer/footer.js";import"../../global/uiShell/uiShell.js";import"../../global/workspaceSwitcher/workspaceSwitcher.js";import"../../global/workspaceSwitcher/workspaceSwitcherMenuItem.js";import"lit/directives/unsafe-svg.js";import"../iconSelector/iconSelector.js";import"../iconSelector/iconSelectorGroup.js";import"../radioButton/radioButton.js";import"../radioButton/radioButtonGroup.js";import"../checkbox/checkboxGroup.js";import"../checkbox/checkboxSubgroup.js";import"../textArea/textArea.js";import"../avatar/avatar.js";import"../toggleButton/toggleButton.js";import"../dropdown/dropdown.js";import"../dropdown/dropdownOption.js";import"../dropdown/enhancedDropdownOption.js";import"../tag/tag.js";import"../../../tag-ehM901IX.js";import"../tag/tagGroup.js";import"../tag/tag.skeleton.js";import"../dropdown/dropdownCategory.js";import"../datePicker/datepicker.js";import"../../../common/helpers/flatpickr/flatpickr.js";import"flatpickr";import"flatpickr/dist/esm/plugins/rangePlugin.js";import"flatpickr/dist/esm/l10n/default.js";import"../../../common/helpers/flatpickr/langs.js";import"../../../common/helpers/flatpickr/overlay.js";import"../../../common/helpers/flatpickr/utils.js";import"../../../shidoka-flatpickr-theme-CTco2ary.js";import"../daterangepicker/daterangepicker.js";import"../timepicker/timepicker.js";import"../progressBar/progressBar.js";import"../loaders/loader.js";import"lottie-web";import"../loaders/inline.js";import"../../../inline-CxNcYPfA.js";import"../tooltip/tooltip.js";import"../blockCodeView/blockCodeView.js";import"prismjs";import"prismjs/plugins/autoloader/prism-autoloader";import"prismjs/plugins/line-numbers/prism-line-numbers";import"../inlineCodeView/inlineCodeView.js";import"../breadcrumbs/breadcrumbs.js";import"../globalFilter/globalFilter.js";import"../pagination/Pagination.js";import"../pagination/pagination-items-range.js";import"../pagination/pagination-page-size-dropdown.js";import"../pagination/pagination-navigation-buttons.js";import"../overflowMenu/overflowMenu.js";import"lit/directives/unsafe-html.js";import"../overflowMenu/overflowMenuItem.js";import"../tabs/tabs.js";import"../tabs/tab.js";import"../tabs/tabPanel.js";import"../modal/modal.js";import"../sideDrawer/sideDrawer.js";import"../pagetitle/pageTitle.js";import"../pagetitle/pageTitleOption.js";import"../notification/notification.js";import"../card/card.js";import"../inlineConfirm/inlineConfirm.js";import"../card/vitalCard.skeleton.js";import"../../../cardSample-BCIwY1rJ.js";import"../card/informationalCard.skeleton.js";import"../badge/badge.js";import"../notification/notificationContainer.js";import"../widget/widget.js";import"../widget/widgetDragHandle.js";import"../widget/widgetGridstack.js";import"../../../common/helpers/gridstack.js";import"gridstack";import"../search/search.js";import"../numberInput/numberInput.js";import"../sliderInput/sliderInput.js";import"../popover/popover.js";import"@floating-ui/dom";import"../../../common/helpers/popoverHelper.js";import"../stepper/stepper.js";import"../stepper/stepperItem.js";import"../stepper/stepperItemChild.js";import"../accordion/accordion.js";import"../accordion/accordionItem.js";import"../splitButton/splitButton.js";import"../splitButton/defs.js";import"../splitButton/splitButtonOption.js";import"../floatingContainer/floatingContainer.js";import"../../ai/sourcesFeedback/aiSourcesFeedback.js";import"../colorInput/colorInput.js";import"../metaData/metaData.js";import"../divider/divider.js";import"../statusButton/statusButton.js";import"../queryBuilder/queryBuilder.js";import"../queryBuilder/defs/types.js";import"../queryBuilder/defs/helpers.js";import"../queryBuilder/queryBuilderGroup.js";import"lit/directives/repeat.js";import"../queryBuilder/queryBuilderRule.js";import"../queryBuilder/defs/operators.js";import"../buttonGroup/buttonGroup.js";
2
2
  //# sourceMappingURL=index.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"table-story.sample.d.ts","sourceRoot":"","sources":["../../../../../src/components/reusable/table/story-helpers/table-story.sample.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,UAAU,EAAa,MAAM,KAAK,CAAC;AAK5C,OAAO,cAAc,CAAC;AAMtB,OAAO,sBAAsB,CAAC;AAC9B,OAAO,kBAAkB,CAAC;AAW1B,OAAO,UAAU,CAAC;AAGlB,cACM,YAAa,SAAQ,UAAU;IACnC,OAAgB,MAAM,0BAMpB;IAEF;;;OAGG;IAEH,OAAO,CAAC,QAAQ,CAAC,QAAQ,CAA2B;IAGpD,QAAQ,CAAC,IAAI,EAAE,GAAG,CAAM;IAGxB,QAAQ,CAAC,YAAY,UAAM;IAG3B,QAAQ,CAAC,iBAAiB,UAAS;IAGnC,QAAQ,CAAC,OAAO,UAAS;IAGzB,QAAQ,CAAC,YAAY,UAAS;IAG9B,QAAQ,CAAC,KAAK,UAAS;IAGvB,QAAQ,CAAC,WAAW,UAAS;IAG7B,QAAQ,CAAC,aAAa,SAAK;IAG3B,QAAQ,CAAC,gBAAgB,UAAS;IAGlC,QAAQ,CAAC,QAAQ,UAAS;IAG1B,QAAQ,CAAC,UAAU,UAAS;IAG5B,QAAQ,CAAC,UAAU,SAAiB;IAGpC,QAAQ,CAAC,aAAa,SAAoB;IAG1C,QAAQ,CAAC,cAAc,UAAS;IAGhC,QAAQ,CAAC,UAAU,UAAS;IAG5B,QAAQ,CAAC,QAAQ,SAAK;IAGtB,QAAQ,CAAC,UAAU,SAAK;IAGxB,QAAQ,CAAC,eAAe,WAAW;IAEnC,8CAA8C;IAE9C,QAAQ,CAAC,cAAc,UAAS;IAEhC,6CAA6C;IAE7C,QAAQ,CAAC,oBAAoB,UAAS;IAEtC,6CAA6C;IAE7C,QAAQ,CAAC,qBAAqB,UAAS;IAEvC;;;;OAIG;IAEH,QAAQ,CAAC,sBAAsB,SAAU;IAEzC;;OAEG;IACG,gBAAgB,CAAC,KAAK,EAAE,WAAW;IAQzC;;OAEG;IACG,kBAAkB,CAAC,KAAK,EAAE,WAAW;IAO3C,oBAAoB,CAAC,CAAC,EAAE,WAAW;IAMnC,eAAe,CAAC,CAAC,EAAE,WAAW;IAM9B,iBAAiB,CAAC,CAAC,EAAE,WAAW;IAShC,iBAAiB,CAAC,CAAC,EAAE,WAAW;IAMhC,gBAAgB,CAAC,CAAC,EAAE,WAAW;IAM/B,YAAY,CAAC,CAAC,EAAE,WAAW,EAAE,KAAK,EAAE,GAAG;IASjC,YAAY,CAAC,EAAE,EAAE,MAAM;IAavB,kBAAkB;IAaxB,wBAAwB,CAAC,CAAC,EAAE,WAAW;IAO9B,YAAY;IAIZ,MAAM;CAkMhB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,gBAAgB,EAAE,YAAY,CAAC;KAChC;CACF"}
1
+ {"version":3,"file":"table-story.sample.d.ts","sourceRoot":"","sources":["../../../../../src/components/reusable/table/story-helpers/table-story.sample.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,UAAU,EAAa,MAAM,KAAK,CAAC;AAK5C,OAAO,cAAc,CAAC;AAMtB,OAAO,sBAAsB,CAAC;AAC9B,OAAO,kBAAkB,CAAC;AAW1B,OAAO,UAAU,CAAC;AAGlB,cACM,YAAa,SAAQ,UAAU;IACnC,OAAgB,MAAM,0BAMpB;IAEF;;;OAGG;IAEH,OAAO,CAAC,QAAQ,CAAC,QAAQ,CAA2B;IAGpD,QAAQ,CAAC,IAAI,EAAE,GAAG,CAAM;IAGxB,QAAQ,CAAC,YAAY,UAAM;IAG3B,QAAQ,CAAC,iBAAiB,UAAS;IAGnC,QAAQ,CAAC,OAAO,UAAS;IAGzB,QAAQ,CAAC,YAAY,UAAS;IAG9B,QAAQ,CAAC,KAAK,UAAS;IAGvB,QAAQ,CAAC,WAAW,UAAS;IAG7B,QAAQ,CAAC,aAAa,SAAK;IAG3B,QAAQ,CAAC,gBAAgB,UAAS;IAGlC,QAAQ,CAAC,QAAQ,UAAS;IAG1B,QAAQ,CAAC,UAAU,UAAS;IAG5B,QAAQ,CAAC,UAAU,SAAiB;IAGpC,QAAQ,CAAC,aAAa,SAAoB;IAG1C,QAAQ,CAAC,cAAc,UAAS;IAGhC,QAAQ,CAAC,UAAU,UAAS;IAG5B,QAAQ,CAAC,QAAQ,SAAK;IAGtB,QAAQ,CAAC,UAAU,SAAK;IAGxB,QAAQ,CAAC,eAAe,WAAW;IAEnC,8CAA8C;IAE9C,QAAQ,CAAC,cAAc,UAAS;IAEhC,6CAA6C;IAE7C,QAAQ,CAAC,oBAAoB,UAAS;IAEtC,6CAA6C;IAE7C,QAAQ,CAAC,qBAAqB,UAAS;IAEvC;;;;OAIG;IAEH,QAAQ,CAAC,sBAAsB,SAAU;IAEzC;;OAEG;IACG,gBAAgB,CAAC,KAAK,EAAE,WAAW;IAQzC;;OAEG;IACG,kBAAkB,CAAC,KAAK,EAAE,WAAW;IAO3C,oBAAoB,CAAC,CAAC,EAAE,WAAW;IAMnC,eAAe,CAAC,CAAC,EAAE,WAAW;IAM9B,iBAAiB,CAAC,CAAC,EAAE,WAAW;IAShC,iBAAiB,CAAC,CAAC,EAAE,WAAW;IAMhC,gBAAgB,CAAC,CAAC,EAAE,WAAW;IAM/B,YAAY,CAAC,CAAC,EAAE,WAAW,EAAE,KAAK,EAAE,GAAG;IASjC,YAAY,CAAC,EAAE,EAAE,MAAM;IAavB,kBAAkB;IAaxB,wBAAwB,CAAC,CAAC,EAAE,WAAW;IAQ9B,YAAY;IAIZ,MAAM;CAmMhB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,gBAAgB,EAAE,YAAY,CAAC;KAChC;CACF"}
@@ -24,6 +24,7 @@ export declare const characters: ({
24
24
  unread: boolean;
25
25
  deposits: number;
26
26
  expanded?: undefined;
27
+ selected?: undefined;
27
28
  } | {
28
29
  id: number;
29
30
  firstName: string;
@@ -34,6 +35,7 @@ export declare const characters: ({
34
35
  gender: string;
35
36
  expanded: boolean;
36
37
  deposits: number;
38
+ selected: boolean;
37
39
  unread?: undefined;
38
40
  } | {
39
41
  id: number;
@@ -46,6 +48,7 @@ export declare const characters: ({
46
48
  deposits: number;
47
49
  unread?: undefined;
48
50
  expanded?: undefined;
51
+ selected?: undefined;
49
52
  })[];
50
53
  export declare const dataForColumns: {
51
54
  id: string;
@@ -1 +1 @@
1
- {"version":3,"file":"ultils.sample.d.ts","sourceRoot":"","sources":["../../../../../src/components/reusable/table/story-helpers/ultils.sample.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC;AACzC,UAAU,MAAM;IACd,EAAE,EAAE,MAAM,CAAC;IACX,SAAS,EAAE,MAAM,CAAC;IAClB,QAAQ,EAAE,MAAM,CAAC;IACjB,GAAG,EAAE,MAAM,CAAC;IACZ,QAAQ,EAAE,MAAM,CAAC;IACjB,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAED,eAAO,MAAM,WAAW,GAAI,eAAe,cAAc,MAC/C,GAAG,MAAM,EAAE,GAAG,MAAM,WAK7B,CAAC;AAEF,eAAO,MAAM,WAAW,GAAI,eAAe,cAAc,MAC/C,GAAG,MAAM,EAAE,GAAG,MAAM,WAK7B,CAAC;AAEF,eAAO,MAAM,QAAQ,GAAI,eAAe,cAAc,MAC5C,GAAG,MAAM,EAAE,GAAG,MAAM,WAG7B,CAAC;AAEF,eAAO,MAAM,SAAS,GAAI,eAAe,cAAc,MAC7C,GAAG,MAAM,EAAE,GAAG,MAAM,WAG7B,CAAC;AAEF,eAAO,MAAM,UAAU,GAAI,eAAe,cAAc,MAC9C,GAAG,MAAM,EAAE,GAAG,MAAM,WAY7B,CAAC;AAEF,eAAO,MAAM,WAAW,GACtB,WAAW,GAAG,EACd,YAAY,MAAM,EAClB,UAAU,MAAM,QAKjB,CAAC;AAEF,eAAO,MAAM,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAqDtB,CAAC;AAEF,eAAO,MAAM,cAAc;;;;;;;;;;;;;;;;;;;;;;GAoH1B,CAAC;AAEF,eAAO,MAAM,oBAAoB;;;;;;;GAyDhC,CAAC"}
1
+ {"version":3,"file":"ultils.sample.d.ts","sourceRoot":"","sources":["../../../../../src/components/reusable/table/story-helpers/ultils.sample.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC;AACzC,UAAU,MAAM;IACd,EAAE,EAAE,MAAM,CAAC;IACX,SAAS,EAAE,MAAM,CAAC;IAClB,QAAQ,EAAE,MAAM,CAAC;IACjB,GAAG,EAAE,MAAM,CAAC;IACZ,QAAQ,EAAE,MAAM,CAAC;IACjB,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAED,eAAO,MAAM,WAAW,GAAI,eAAe,cAAc,MAC/C,GAAG,MAAM,EAAE,GAAG,MAAM,WAK7B,CAAC;AAEF,eAAO,MAAM,WAAW,GAAI,eAAe,cAAc,MAC/C,GAAG,MAAM,EAAE,GAAG,MAAM,WAK7B,CAAC;AAEF,eAAO,MAAM,QAAQ,GAAI,eAAe,cAAc,MAC5C,GAAG,MAAM,EAAE,GAAG,MAAM,WAG7B,CAAC;AAEF,eAAO,MAAM,SAAS,GAAI,eAAe,cAAc,MAC7C,GAAG,MAAM,EAAE,GAAG,MAAM,WAG7B,CAAC;AAEF,eAAO,MAAM,UAAU,GAAI,eAAe,cAAc,MAC9C,GAAG,MAAM,EAAE,GAAG,MAAM,WAY7B,CAAC;AAEF,eAAO,MAAM,WAAW,GACtB,WAAW,GAAG,EACd,YAAY,MAAM,EAClB,UAAU,MAAM,QAKjB,CAAC;AAEF,eAAO,MAAM,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAsDtB,CAAC;AAEF,eAAO,MAAM,cAAc;;;;;;;;;;;;;;;;;;;;;;GAoH1B,CAAC;AAEF,eAAO,MAAM,oBAAoB;;;;;;;GAyDhC,CAAC"}
@@ -1,2 +1,2 @@
1
- import"tslib";import"lit-html/directives/unsafe-svg.js";import"lit";import"lit/decorators.js";import"lit-html/directives/class-map.js";import"lit/directives/if-defined.js";import"@lit/context";import"./table-context.js";import"../../../vendor/@kyndryl-design-system/shidoka-icons-BGhMLbpH.js";export{T as TableHeader}from"../../../table.skeleton-7e-w5dSv.js";import"./defs.js";import"../../global/header/header.js";import"../../global/header/headerNav.js";import"../../global/header/headerLink.js";import"../../global/header/headerCategories.js";import"../../global/header/headerCategory.js";import"../../global/header/headerDivider.js";import"../../global/header/headerFlyouts.js";import"../../global/header/headerFlyout.js";import"../../global/header/headerUserProfile.js";import"../../global/header/headerPanelLink.js";import"../../global/header/headerNotificationPanel.js";import"../../global/localNav/localNav.js";import"../../global/localNav/localNavLink.js";import"../../global/localNav/localNavDivider.js";import"../../global/footer/footer.js";import"../../global/uiShell/uiShell.js";import"../../global/workspaceSwitcher/workspaceSwitcher.js";import"../../global/workspaceSwitcher/workspaceSwitcherMenuItem.js";import"../radioButton/radioButton.js";import"../radioButton/radioButtonGroup.js";import"../checkbox/checkbox.js";import"../checkbox/checkboxGroup.js";import"../checkbox/checkboxSubgroup.js";import"../textInput/textInput.js";import"../textArea/textArea.js";import"../avatar/avatar.js";import"../toggleButton/toggleButton.js";import"../dropdown/dropdown.js";import"../dropdown/dropdownOption.js";import"../dropdown/dropdownCategory.js";import"../dropdown/enhancedDropdownOption.js";import"../datePicker/datepicker.js";import"../daterangepicker/daterangepicker.js";import"../timepicker/timepicker.js";import"../progressBar/progressBar.js";import"../blockCodeView/blockCodeView.js";import"../inlineCodeView/inlineCodeView.js";import"../breadcrumbs/breadcrumbs.js";import"../../../table-C4fpukCi.js";import"./table-cell.js";import"./table-row.js";import"./table-body.js";import"./table-head.js";import"./table-foot.js";import"./table-footer.js";import"./table-legend.js";import"./table-legend-item.js";import"./table-toolbar.js";import"./table-container.js";import"./table-header-row.js";import"./table-expanded-row.js";import"./table-header-group.js";import"../pagination/Pagination.js";import"../pagination/pagination-items-range.js";import"../pagination/pagination-page-size-dropdown.js";import"../pagination/pagination-navigation-buttons.js";import"../pagination/pagination.skeleton.js";import"../overflowMenu/overflowMenu.js";import"../overflowMenu/overflowMenuItem.js";import"../tabs/tabs.js";import"../tabs/tab.js";import"../tabs/tabPanel.js";import"../modal/modal.js";import"../tooltip/tooltip.js";import"../tag/tag.js";import"../tag/tagGroup.js";import"../tag/tag.skeleton.js";import"../globalFilter/globalFilter.js";import"../sideDrawer/sideDrawer.js";import"../pagetitle/pageTitle.js";import"../pagetitle/pageTitleOption.js";import"../notification/notification.js";import"../notification/notificationContainer.js";import"../widget/widget.js";import"../widget/widgetDragHandle.js";import"../widget/widgetGridstack.js";import"../search/search.js";import"../loaders/loader.js";import"../loaders/inline.js";import"../loaders/skeleton.js";import"../numberInput/numberInput.js";import"../sliderInput/sliderInput.js";import"../popover/popover.js";import"../../../common/helpers/helpers.js";import"../../../common/helpers/gridstack.js";import"../stepper/stepper.js";import"../stepper/stepperItem.js";import"../stepper/stepperItemChild.js";import"../button/button.js";import"../link/link.js";import"../accordion/accordion.js";import"../accordion/accordionItem.js";import"../card/card.js";import"../card/vitalCard.skeleton.js";import"../card/informationalCard.skeleton.js";import"../splitButton/splitButton.js";import"../splitButton/splitButtonOption.js";import"../floatingContainer/floatingContainer.js";import"../../ai/sourcesFeedback/aiSourcesFeedback.js";import"../inlineConfirm/inlineConfirm.js";import"../colorInput/colorInput.js";import"../metaData/metaData.js";import"../divider/divider.js";import"../statusButton/statusButton.js";import"../queryBuilder/queryBuilder.js";import"../queryBuilder/queryBuilderGroup.js";import"../queryBuilder/queryBuilderRule.js";import"lit/directives/class-map.js";import"lit-html/directives/unsafe-html.js";import"../../../vendor/@kyndryl-design-system/shidoka-foundation-7uii0Jz8.js";import"query-selector-shadow-dom";import"lit/directives/style-map.js";import"deepmerge-ts";import"../button/defs.js";import"../../../common/mixins/form-input.js";import"../link/defs.js";import"lit/directives/unsafe-svg.js";import"../iconSelector/iconSelector.js";import"../iconSelector/iconSelectorGroup.js";import"../../../tag-ehM901IX.js";import"../../../common/helpers/flatpickr/flatpickr.js";import"flatpickr";import"flatpickr/dist/esm/plugins/rangePlugin.js";import"flatpickr/dist/esm/l10n/default.js";import"../../../common/helpers/flatpickr/langs.js";import"../../../common/helpers/flatpickr/overlay.js";import"../../../common/helpers/flatpickr/utils.js";import"../../../shidoka-flatpickr-theme-CTco2ary.js";import"lottie-web";import"../../../inline-CxNcYPfA.js";import"prismjs";import"prismjs/plugins/autoloader/prism-autoloader";import"prismjs/plugins/line-numbers/prism-line-numbers";import"../../../pagination-0XbKxe9y.js";import"lit/directives/unsafe-html.js";import"../badge/badge.js";import"../../../cardSample-BCIwY1rJ.js";import"gridstack";import"@floating-ui/dom";import"../../../common/helpers/popoverHelper.js";import"../splitButton/defs.js";import"../queryBuilder/defs/types.js";import"../queryBuilder/defs/helpers.js";import"lit/directives/repeat.js";import"../buttonGroup/buttonGroup.js";import"../queryBuilder/defs/operators.js";
1
+ import"tslib";import"lit-html/directives/unsafe-svg.js";import"lit";import"lit/decorators.js";import"lit-html/directives/class-map.js";import"lit/directives/if-defined.js";import"@lit/context";import"./table-context.js";import"../../../vendor/@kyndryl-design-system/shidoka-icons-BGhMLbpH.js";export{T as TableHeader}from"../../../table.skeleton-0IUs_wTv.js";import"./defs.js";import"../../global/header/header.js";import"../../global/header/headerNav.js";import"../../global/header/headerLink.js";import"../../global/header/headerCategories.js";import"../../global/header/headerCategory.js";import"../../global/header/headerDivider.js";import"../../global/header/headerFlyouts.js";import"../../global/header/headerFlyout.js";import"../../global/header/headerUserProfile.js";import"../../global/header/headerPanelLink.js";import"../../global/header/headerNotificationPanel.js";import"../../global/localNav/localNav.js";import"../../global/localNav/localNavLink.js";import"../../global/localNav/localNavDivider.js";import"../../global/footer/footer.js";import"../../global/uiShell/uiShell.js";import"../../global/workspaceSwitcher/workspaceSwitcher.js";import"../../global/workspaceSwitcher/workspaceSwitcherMenuItem.js";import"../radioButton/radioButton.js";import"../radioButton/radioButtonGroup.js";import"../checkbox/checkbox.js";import"../checkbox/checkboxGroup.js";import"../checkbox/checkboxSubgroup.js";import"../textInput/textInput.js";import"../textArea/textArea.js";import"../avatar/avatar.js";import"../toggleButton/toggleButton.js";import"../dropdown/dropdown.js";import"../dropdown/dropdownOption.js";import"../dropdown/dropdownCategory.js";import"../dropdown/enhancedDropdownOption.js";import"../datePicker/datepicker.js";import"../daterangepicker/daterangepicker.js";import"../timepicker/timepicker.js";import"../progressBar/progressBar.js";import"../blockCodeView/blockCodeView.js";import"../inlineCodeView/inlineCodeView.js";import"../breadcrumbs/breadcrumbs.js";import"../../../table-DWSIFayh.js";import"./table-cell.js";import"./table-row.js";import"./table-body.js";import"./table-head.js";import"./table-foot.js";import"./table-footer.js";import"./table-legend.js";import"./table-legend-item.js";import"./table-toolbar.js";import"./table-container.js";import"./table-header-row.js";import"./table-expanded-row.js";import"./table-header-group.js";import"../pagination/Pagination.js";import"../pagination/pagination-items-range.js";import"../pagination/pagination-page-size-dropdown.js";import"../pagination/pagination-navigation-buttons.js";import"../pagination/pagination.skeleton.js";import"../overflowMenu/overflowMenu.js";import"../overflowMenu/overflowMenuItem.js";import"../tabs/tabs.js";import"../tabs/tab.js";import"../tabs/tabPanel.js";import"../modal/modal.js";import"../tooltip/tooltip.js";import"../tag/tag.js";import"../tag/tagGroup.js";import"../tag/tag.skeleton.js";import"../globalFilter/globalFilter.js";import"../sideDrawer/sideDrawer.js";import"../pagetitle/pageTitle.js";import"../pagetitle/pageTitleOption.js";import"../notification/notification.js";import"../notification/notificationContainer.js";import"../widget/widget.js";import"../widget/widgetDragHandle.js";import"../widget/widgetGridstack.js";import"../search/search.js";import"../loaders/loader.js";import"../loaders/inline.js";import"../loaders/skeleton.js";import"../numberInput/numberInput.js";import"../sliderInput/sliderInput.js";import"../popover/popover.js";import"../../../common/helpers/helpers.js";import"../../../common/helpers/gridstack.js";import"../stepper/stepper.js";import"../stepper/stepperItem.js";import"../stepper/stepperItemChild.js";import"../button/button.js";import"../link/link.js";import"../accordion/accordion.js";import"../accordion/accordionItem.js";import"../card/card.js";import"../card/vitalCard.skeleton.js";import"../card/informationalCard.skeleton.js";import"../splitButton/splitButton.js";import"../splitButton/splitButtonOption.js";import"../floatingContainer/floatingContainer.js";import"../../ai/sourcesFeedback/aiSourcesFeedback.js";import"../inlineConfirm/inlineConfirm.js";import"../colorInput/colorInput.js";import"../metaData/metaData.js";import"../divider/divider.js";import"../statusButton/statusButton.js";import"../queryBuilder/queryBuilder.js";import"../queryBuilder/queryBuilderGroup.js";import"../queryBuilder/queryBuilderRule.js";import"lit/directives/class-map.js";import"lit-html/directives/unsafe-html.js";import"../../../vendor/@kyndryl-design-system/shidoka-foundation-7uii0Jz8.js";import"query-selector-shadow-dom";import"lit/directives/style-map.js";import"deepmerge-ts";import"../button/defs.js";import"../../../common/mixins/form-input.js";import"../link/defs.js";import"lit/directives/unsafe-svg.js";import"../iconSelector/iconSelector.js";import"../iconSelector/iconSelectorGroup.js";import"../../../tag-ehM901IX.js";import"../../../common/helpers/flatpickr/flatpickr.js";import"flatpickr";import"flatpickr/dist/esm/plugins/rangePlugin.js";import"flatpickr/dist/esm/l10n/default.js";import"../../../common/helpers/flatpickr/langs.js";import"../../../common/helpers/flatpickr/overlay.js";import"../../../common/helpers/flatpickr/utils.js";import"../../../shidoka-flatpickr-theme-CTco2ary.js";import"lottie-web";import"../../../inline-CxNcYPfA.js";import"prismjs";import"prismjs/plugins/autoloader/prism-autoloader";import"prismjs/plugins/line-numbers/prism-line-numbers";import"../../../pagination-0XbKxe9y.js";import"lit/directives/unsafe-html.js";import"../badge/badge.js";import"../../../cardSample-BCIwY1rJ.js";import"gridstack";import"@floating-ui/dom";import"../../../common/helpers/popoverHelper.js";import"../splitButton/defs.js";import"../queryBuilder/defs/types.js";import"../queryBuilder/defs/helpers.js";import"lit/directives/repeat.js";import"../buttonGroup/buttonGroup.js";import"../queryBuilder/defs/operators.js";
2
2
  //# sourceMappingURL=table-header.js.map
@@ -110,6 +110,7 @@ export declare class TableRow extends LitElement {
110
110
  * Handles the change of selection state for a specific row.
111
111
  */
112
112
  handleRowSelectionChange(event: CustomEvent): void;
113
+ _emitSelected(): void;
113
114
  willUpdate(changedProps: any): void;
114
115
  updated(changedProperties: PropertyValues): void;
115
116
  _handleUserInitiatedToggleExpando(expanded?: boolean): void;
@@ -1 +1 @@
1
- {"version":3,"file":"table-row.d.ts","sourceRoot":"","sources":["../../../../src/components/reusable/table/table-row.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,UAAU,EAAQ,cAAc,EAAa,MAAM,KAAK,CAAC;AAQlE,OAAO,EAAgB,gBAAgB,EAAE,MAAM,iBAAiB,CAAC;AAKjE,OAAO,sBAAsB,CAAC;AAW9B;;;;;;;;GAQG;AACH,qBACa,QAAS,SAAQ,UAAU;IACtC,OAAgB,MAAM,0BAAqB;IAE3C;;OAEG;IACH,SACkB,IAAI,SAAS;IAE/B;;OAEG;IAEH,QAAQ,CAAC,eAAe,SAAW;IAEnC;;OAEG;IAEH,QAAQ,CAAC,KAAK,SAAM;IAEpB;;;OAGG;IAEH,QAAQ,CAAC,QAAQ,UAAS;IAE1B;;;OAGG;IAEH,QAAQ,CAAC,iBAAiB,UAAS;IAEnC;;;OAGG;IAEH,QAAQ,CAAC,KAAK,UAAS;IAEvB;;OAEG;IAEH,QAAQ,CAAC,MAAM,UAAS;IAExB;;;;OAIG;IAEH,QAAQ,CAAC,MAAM,UAAS;IAExB;;OAEG;IAEH,QAAQ,CAAC,UAAU,UAAS;IAE5B;;OAEG;IAEH,QAAQ,CAAC,QAAQ,UAAS;IAE1B;;;;OAIG;IAEH,QAAQ,CAAC,QAAQ,UAAS;IAE1B;;OAEG;IAEH,QAAQ,CAAC,gBAAgB,UAAS;IAElC;;;OAGG;IAEH,QAAQ,CAAC,MAAM,UAAS;IAExB,iCAAiC;IAEjC,QAAQ,CAAC,WAAW;;;MAAuB;IAE3C;;OAEG;IAEH,QAAQ,CAAC,YAAY;;;MAAuB;IAE5C;;OAEG;IAEH,QAAQ,CAAC,cAAc,EAAG,KAAK,CAAC,WAAW,CAAC,CAAC;IAE7C;;;;;;OAMG;IAGH,OAAO,CAAC,QAAQ,CAAC,gBAAgB,CAO/B;IAEF;;;OAGG;IAEH,QAAQ,CAAC,aAAa,SAAM;IAE5B;;;OAGG;IACH,mBAAmB,GAAI,uBAAuB,gBAAgB,UAI5D;IAEF;;OAEG;IACH,wBAAwB,CAAC,KAAK,EAAE,WAAW;IAYlC,UAAU,CAAC,YAAY,EAAE,GAAG;IAM5B,OAAO,CAAC,iBAAiB,EAAE,cAAc;IAiClD,iCAAiC,CAAC,QAAQ,UAAiB;IAsB3D,OAAO,CAAC,gBAAgB;IAIf,MAAM;CAmDhB;AAGD,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,QAAQ,EAAE,QAAQ,CAAC;KACpB;CACF"}
1
+ {"version":3,"file":"table-row.d.ts","sourceRoot":"","sources":["../../../../src/components/reusable/table/table-row.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,UAAU,EAAQ,cAAc,EAAa,MAAM,KAAK,CAAC;AAQlE,OAAO,EAAgB,gBAAgB,EAAE,MAAM,iBAAiB,CAAC;AAKjE,OAAO,sBAAsB,CAAC;AAW9B;;;;;;;;GAQG;AACH,qBACa,QAAS,SAAQ,UAAU;IACtC,OAAgB,MAAM,0BAAqB;IAE3C;;OAEG;IACH,SACkB,IAAI,SAAS;IAE/B;;OAEG;IAEH,QAAQ,CAAC,eAAe,SAAW;IAEnC;;OAEG;IAEH,QAAQ,CAAC,KAAK,SAAM;IAEpB;;;OAGG;IAEH,QAAQ,CAAC,QAAQ,UAAS;IAE1B;;;OAGG;IAEH,QAAQ,CAAC,iBAAiB,UAAS;IAEnC;;;OAGG;IAEH,QAAQ,CAAC,KAAK,UAAS;IAEvB;;OAEG;IAEH,QAAQ,CAAC,MAAM,UAAS;IAExB;;;;OAIG;IAEH,QAAQ,CAAC,MAAM,UAAS;IAExB;;OAEG;IAEH,QAAQ,CAAC,UAAU,UAAS;IAE5B;;OAEG;IAEH,QAAQ,CAAC,QAAQ,UAAS;IAE1B;;;;OAIG;IAEH,QAAQ,CAAC,QAAQ,UAAS;IAE1B;;OAEG;IAEH,QAAQ,CAAC,gBAAgB,UAAS;IAElC;;;OAGG;IAEH,QAAQ,CAAC,MAAM,UAAS;IAExB,iCAAiC;IAEjC,QAAQ,CAAC,WAAW;;;MAAuB;IAE3C;;OAEG;IAEH,QAAQ,CAAC,YAAY;;;MAAuB;IAE5C;;OAEG;IAEH,QAAQ,CAAC,cAAc,EAAG,KAAK,CAAC,WAAW,CAAC,CAAC;IAE7C;;;;;;OAMG;IAGH,OAAO,CAAC,QAAQ,CAAC,gBAAgB,CAO/B;IAEF;;;OAGG;IAEH,QAAQ,CAAC,aAAa,SAAM;IAE5B;;;OAGG;IACH,mBAAmB,GAAI,uBAAuB,gBAAgB,UAI5D;IAEF;;OAEG;IACH,wBAAwB,CAAC,KAAK,EAAE,WAAW;IAM3C,aAAa;IAUJ,UAAU,CAAC,YAAY,EAAE,GAAG;IAM5B,OAAO,CAAC,iBAAiB,EAAE,cAAc;IAwClD,iCAAiC,CAAC,QAAQ,UAAiB;IAsB3D,OAAO,CAAC,gBAAgB;IAIf,MAAM;CAmDhB;AAGD,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,QAAQ,EAAE,QAAQ,CAAC;KACpB;CACF"}
@@ -90,7 +90,7 @@ import{__setFunctionName as e,__esDecorate as t,__runInitializers as s,__classPr
90
90
  position: absolute;
91
91
  white-space: nowrap;
92
92
  width: 1px;
93
- }`;const v={expanded:"Expanded",collapsed:"Collapsed"};let f=(()=>{var d,f,w,S,y,_,E,M,W,$,C,T,j,B,I,H,R,O;let U,A,z,D,P,q,F,G,J,K,L,N,Q,V,X,Y,Z,ee,te,se,ae=[c("kyn-tr")],ie=[],ne=o,de=[],oe=[],re=[],le=[],ce=[],he=[],pe=[],me=[],be=[],ge=[],xe=[],ue=[],ke=[],ve=[],fe=[],we=[],Se=[],ye=[],_e=[],Ee=[],Me=[],We=[],$e=[],Ce=[],Te=[],je=[],Be=[],Ie=[],He=[],Re=[],Oe=[],Ue=[],Ae=[],ze=[],De=[],Pe=[];return A=class extends ne{constructor(){super(...arguments),d.set(this,s(this,de,"row")),f.set(this,(s(this,oe),s(this,re,"false"))),w.set(this,(s(this,le),s(this,ce,""))),S.set(this,(s(this,he),s(this,pe,!1))),y.set(this,(s(this,me),s(this,be,!1))),_.set(this,(s(this,ge),s(this,xe,!1))),E.set(this,(s(this,ue),s(this,ke,!1))),M.set(this,(s(this,ve),s(this,fe,!1))),W.set(this,(s(this,we),s(this,Se,!1))),$.set(this,(s(this,ye),s(this,_e,!1))),C.set(this,(s(this,Ee),s(this,Me,!1))),T.set(this,(s(this,We),s(this,$e,!1))),j.set(this,(s(this,Ce),s(this,Te,!1))),B.set(this,(s(this,je),s(this,Be,v))),I.set(this,(s(this,Ie),s(this,He,v))),H.set(this,(s(this,Re),s(this,Oe,void 0))),R.set(this,(s(this,Ue),s(this,Ae,new b(this,g,(e=>{e&&this.handleContextChange(e)}),!0)))),O.set(this,(s(this,ze),s(this,De,""))),this.handleContextChange=(s(this,Pe),({checkboxSelection:e})=>{"boolean"==typeof e&&(this.checkboxSelection=e)})}get role(){return a(this,d,"f")}set role(e){i(this,d,e,"f")}get"aria-disabled"(){return a(this,f,"f")}set"aria-disabled"(e){i(this,f,e,"f")}get rowId(){return a(this,w,"f")}set rowId(e){i(this,w,e,"f")}get selected(){return a(this,S,"f")}set selected(e){i(this,S,e,"f")}get checkboxSelection(){return a(this,y,"f")}set checkboxSelection(e){i(this,y,e,"f")}get dense(){return a(this,_,"f")}set dense(e){i(this,_,e,"f")}get unread(){return a(this,E,"f")}set unread(e){i(this,E,e,"f")}get locked(){return a(this,M,"f")}set locked(e){i(this,M,e,"f")}get expandable(){return a(this,W,"f")}set expandable(e){i(this,W,e,"f")}get expanded(){return a(this,$,"f")}set expanded(e){i(this,$,e,"f")}get disabled(){return a(this,C,"f")}set disabled(e){i(this,C,e,"f")}get preventHighlight(){return a(this,T,"f")}set preventHighlight(e){i(this,T,e,"f")}get dimmed(){return a(this,j,"f")}set dimmed(e){i(this,j,e,"f")}get textStrings(){return a(this,B,"f")}set textStrings(e){i(this,B,e,"f")}get _textStrings(){return a(this,I,"f")}set _textStrings(e){i(this,I,e,"f")}get unnamedSlotEls(){return a(this,H,"f")}set unnamedSlotEls(e){i(this,H,e,"f")}get _contextConsumer(){return a(this,R,"f")}set _contextConsumer(e){i(this,R,e,"f")}get assistiveText(){return a(this,O,"f")}set assistiveText(e){i(this,O,e,"f")}handleRowSelectionChange(e){this.selected=e.detail.checked,this.dispatchEvent(new CustomEvent("on-row-select",{detail:e.detail,bubbles:!0,composed:!0}))}willUpdate(e){e.has("textStrings")&&(this._textStrings=u(v,this.textStrings))}updated(e){if(e.has("expanded")){const{expanded:e,nextElementSibling:t}=this;(null==t?void 0:t.matches("kyn-expanded-tr"))&&(t.expanded=e)}e.has("disabled")&&(this["aria-disabled"]=this.disabled.toString(),this.disabled?this.setAttribute("tabindex","-1"):this.removeAttribute("tabindex"),this.unnamedSlotEls.forEach((e=>{e.disabled=this.disabled}))),(e.has("dimmed")||e.has("selected"))&&this.unnamedSlotEls.forEach((e=>{e.dimmed=this.dimmed&&!this.selected}))}_handleUserInitiatedToggleExpando(e=!this.expanded){const t={bubbles:!0,cancelable:!0,composed:!0,detail:{expanded:e}};this.dispatchEvent(new CustomEvent("table-row-expando-beingtoggled",t))&&(this.expanded=e,this.assistiveText=e?this._textStrings.expanded:this._textStrings.collapsed,this.dispatchEvent(new CustomEvent("table-row-expando-toggled",t)))}_handleExpanding(){this._handleUserInitiatedToggleExpando()}render(){return l`
93
+ }`;const v={expanded:"Expanded",collapsed:"Collapsed"};let f=(()=>{var d,f,w,S,y,_,E,M,W,$,C,T,j,B,I,H,R,O;let U,A,z,D,P,q,F,G,J,K,L,N,Q,V,X,Y,Z,ee,te,se,ae=[c("kyn-tr")],ie=[],ne=o,de=[],oe=[],re=[],le=[],ce=[],he=[],pe=[],me=[],be=[],ge=[],xe=[],ue=[],ke=[],ve=[],fe=[],we=[],Se=[],ye=[],_e=[],Ee=[],Me=[],We=[],$e=[],Ce=[],Te=[],je=[],Be=[],Ie=[],He=[],Re=[],Oe=[],Ue=[],Ae=[],ze=[],De=[],Pe=[];return A=class extends ne{constructor(){super(...arguments),d.set(this,s(this,de,"row")),f.set(this,(s(this,oe),s(this,re,"false"))),w.set(this,(s(this,le),s(this,ce,""))),S.set(this,(s(this,he),s(this,pe,!1))),y.set(this,(s(this,me),s(this,be,!1))),_.set(this,(s(this,ge),s(this,xe,!1))),E.set(this,(s(this,ue),s(this,ke,!1))),M.set(this,(s(this,ve),s(this,fe,!1))),W.set(this,(s(this,we),s(this,Se,!1))),$.set(this,(s(this,ye),s(this,_e,!1))),C.set(this,(s(this,Ee),s(this,Me,!1))),T.set(this,(s(this,We),s(this,$e,!1))),j.set(this,(s(this,Ce),s(this,Te,!1))),B.set(this,(s(this,je),s(this,Be,v))),I.set(this,(s(this,Ie),s(this,He,v))),H.set(this,(s(this,Re),s(this,Oe,void 0))),R.set(this,(s(this,Ue),s(this,Ae,new b(this,g,(e=>{e&&this.handleContextChange(e)}),!0)))),O.set(this,(s(this,ze),s(this,De,""))),this.handleContextChange=(s(this,Pe),({checkboxSelection:e})=>{"boolean"==typeof e&&(this.checkboxSelection=e)})}get role(){return a(this,d,"f")}set role(e){i(this,d,e,"f")}get"aria-disabled"(){return a(this,f,"f")}set"aria-disabled"(e){i(this,f,e,"f")}get rowId(){return a(this,w,"f")}set rowId(e){i(this,w,e,"f")}get selected(){return a(this,S,"f")}set selected(e){i(this,S,e,"f")}get checkboxSelection(){return a(this,y,"f")}set checkboxSelection(e){i(this,y,e,"f")}get dense(){return a(this,_,"f")}set dense(e){i(this,_,e,"f")}get unread(){return a(this,E,"f")}set unread(e){i(this,E,e,"f")}get locked(){return a(this,M,"f")}set locked(e){i(this,M,e,"f")}get expandable(){return a(this,W,"f")}set expandable(e){i(this,W,e,"f")}get expanded(){return a(this,$,"f")}set expanded(e){i(this,$,e,"f")}get disabled(){return a(this,C,"f")}set disabled(e){i(this,C,e,"f")}get preventHighlight(){return a(this,T,"f")}set preventHighlight(e){i(this,T,e,"f")}get dimmed(){return a(this,j,"f")}set dimmed(e){i(this,j,e,"f")}get textStrings(){return a(this,B,"f")}set textStrings(e){i(this,B,e,"f")}get _textStrings(){return a(this,I,"f")}set _textStrings(e){i(this,I,e,"f")}get unnamedSlotEls(){return a(this,H,"f")}set unnamedSlotEls(e){i(this,H,e,"f")}get _contextConsumer(){return a(this,R,"f")}set _contextConsumer(e){i(this,R,e,"f")}get assistiveText(){return a(this,O,"f")}set assistiveText(e){i(this,O,e,"f")}handleRowSelectionChange(e){this.selected=e.detail.checked}_emitSelected(){this.dispatchEvent(new CustomEvent("on-row-select",{detail:{el:this,selected:this.selected},bubbles:!0,composed:!0}))}willUpdate(e){e.has("textStrings")&&(this._textStrings=u(v,this.textStrings))}updated(e){if(e.has("expanded")){const{expanded:e,nextElementSibling:t}=this;(null==t?void 0:t.matches("kyn-expanded-tr"))&&(t.expanded=e)}e.has("disabled")&&(this["aria-disabled"]=this.disabled.toString(),this.disabled?this.setAttribute("tabindex","-1"):this.removeAttribute("tabindex"),this.unnamedSlotEls.forEach((e=>{e.disabled=this.disabled}))),(e.has("dimmed")||e.has("selected"))&&this.unnamedSlotEls.forEach((e=>{e.dimmed=this.dimmed&&!this.selected})),e.has("selected")&&void 0!==e.get("selected")&&this._emitSelected()}_handleUserInitiatedToggleExpando(e=!this.expanded){const t={bubbles:!0,cancelable:!0,composed:!0,detail:{expanded:e}};this.dispatchEvent(new CustomEvent("table-row-expando-beingtoggled",t))&&(this.expanded=e,this.assistiveText=e?this._textStrings.expanded:this._textStrings.collapsed,this.dispatchEvent(new CustomEvent("table-row-expando-toggled",t)))}_handleExpanding(){this._handleUserInitiatedToggleExpando()}render(){return l`
94
94
  ${this.expandable?l`
95
95
  <kyn-td .align=${"center"} ?dense=${this.dense}>
96
96
  <div class="kyn--table-expand">