@kyndryl-design-system/shidoka-applications 1.18.0 → 1.18.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (6) hide show
  1. package/components/reusable/overflowMenu/overflowMenu.scss.js +1 -1
  2. package/components/reusable/widget/gridstack.sample.d.ts +2 -1
  3. package/components/reusable/widget/gridstack.sample.d.ts.map +1 -1
  4. package/components/reusable/widget/widget.js +1 -1
  5. package/components/reusable/widget/widget.js.map +1 -1
  6. package/package.json +1 -1
package/components/reusable/overflowMenu/overflowMenu.scss.js CHANGED
@@ -44,7 +44,7 @@ button:focus {
44
44
  background: var(--kd-color-background-ui-default);
45
45
  overflow: hidden;
46
46
  box-shadow: rgba(0, 0, 0, 0.1) 0px 2px 4px;
47
- z-index: 10;
47
+ z-index: 20;
48
48
  transition: transform 150ms ease-out, opacity 150ms ease-out, visibility 150ms ease-out;
49
49
  opacity: 0;
50
50
  visibility: hidden;
package/components/reusable/widget/gridstack.sample.d.ts CHANGED
@@ -14,7 +14,8 @@ export declare class GridstackSample extends LitElement {
14
14
  render(): import("lit-html").TemplateResult<1>;
15
15
  firstUpdated(): void;
16
16
  willUpdate(changedProps: any): void;
17
- private _updateWidgets;
17
+ private _saveLayout;
18
+ private _updateLayout;
18
19
  connectedCallback(): void;
19
20
  disconnectedCallback(): void;
20
21
  private _setBreakpoint;
package/components/reusable/widget/gridstack.sample.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"gridstack.sample.d.ts","sourceRoot":"","sources":["../../../../src/components/reusable/widget/gridstack.sample.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAQ,MAAM,KAAK,CAAC;AAGvC,OAAO,SAAS,CAAC;AAKjB;;GAEG;AACH,qBACa,eAAgB,SAAQ,UAAU;IAC7C,OAAgB,MAAM,iCAAY;IAElC,0BAA0B;IAE1B,WAAW,SAAM;IAEjB,gEAAgE;IAEhE,OAAO,EAAE,GAAG,CA2UV;IAEF,0BAA0B;IAE1B,KAAK,EAAE,GAAG,CAAC;IAEF,MAAM;IA8LN,YAAY;IAmCZ,UAAU,CAAC,YAAY,EAAE,GAAG;IAOrC,OAAO,CAAC,cAAc;IAeb,iBAAiB;IAWjB,oBAAoB;IAW7B,OAAO,CAAC,cAAc;CAMvB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,sBAAsB,EAAE,eAAe,CAAC;KACzC;CACF"}
1
+ {"version":3,"file":"gridstack.sample.d.ts","sourceRoot":"","sources":["../../../../src/components/reusable/widget/gridstack.sample.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAQ,MAAM,KAAK,CAAC;AAGvC,OAAO,SAAS,CAAC;AAKjB;;GAEG;AACH,qBACa,eAAgB,SAAQ,UAAU;IAC7C,OAAgB,MAAM,iCAAY;IAElC,0BAA0B;IAE1B,WAAW,SAAM;IAEjB,gEAAgE;IAEhE,OAAO,EAAE,GAAG,CA2UV;IAEF,0BAA0B;IAE1B,KAAK,EAAE,GAAG,CAAC;IAEF,MAAM;IA8LN,YAAY;IA0CZ,UAAU,CAAC,YAAY,EAAE,GAAG;IAOrC,OAAO,CAAC,WAAW;IAYnB,OAAO,CAAC,aAAa;IAUZ,iBAAiB;IAWjB,oBAAoB;IAW7B,OAAO,CAAC,cAAc;CAMvB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,sBAAsB,EAAE,eAAe,CAAC;KACzC;CACF"}
package/components/reusable/widget/widget.js CHANGED
@@ -17,7 +17,7 @@ import{__decorate as t}from"../../../_virtual/_tslib.js";import'./../../../exter
17
17
  </div>
18
18
  </div>
19
19
 
20
- <div class="widget-content">
20
+ <div class="widget-content" tabindex="0">
21
21
  <slot @slotchange=${this._handleSlotChange}></slot>
22
22
  </div>
23
23
  </div>
package/components/reusable/widget/widget.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"widget.js","sources":["../../../../src/components/reusable/widget/widget.ts"],"sourcesContent":["import { LitElement, html } from 'lit';\nimport { customElement, property, state } from 'lit/decorators.js';\nimport { classMap } from 'lit/directives/class-map.js';\nimport Styles from './widget.scss';\n\n/**\n * Widget.\n * @slot unnamed - Slot for widget content.\n * @slot action - Slot for action buttons.\n * @slot tooltip - Slot for tooltip in header.\n * @slot draghandle- Slot for drag handle.\n */\n@customElement('kyn-widget')\nexport class Widget extends LitElement {\n static override styles = Styles;\n\n /** Widget title. */\n @property({ type: String })\n widgetTitle = '';\n\n /** Widget sub-title. */\n @property({ type: String })\n subTitle = '';\n\n /** Widget drag active state. */\n @property({ type: Boolean })\n dragActive = false;\n\n /** Widget disabled state. */\n @property({ type: Boolean })\n disabled = false;\n\n /** Slotted chart element.\n * @internal\n */\n @state()\n _chart!: any;\n\n override render() {\n const Classes = {\n widget: true,\n 'drag-active': this.dragActive,\n 'has-chart': this._chart,\n disabled: this.disabled,\n };\n\n return html`\n <div class=${classMap(Classes)}>\n <div class=\"widget-header\">\n <slot name=\"draghandle\"></slot>\n\n <div class=\"title-desc\">\n <div class=\"title\">\n ${this.widgetTitle}\n <slot name=\"tooltip\"></slot>\n </div>\n\n <div class=\"description\">${this.subTitle}</div>\n </div>\n\n <div class=\"actions\">\n <slot name=\"actions\"></slot>\n </div>\n </div>\n\n <div class=\"widget-content\">\n <slot @slotchange=${this._handleSlotChange}></slot>\n </div>\n </div>\n `;\n }\n\n private _handleSlotChange() {\n this._updateChildren();\n this.requestUpdate();\n }\n\n private _updateChildren() {\n const Chart = this.querySelector('kd-chart');\n if (Chart) {\n this._chart = Chart;\n this._chart._widget = true;\n }\n }\n}\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'kyn-widget': Widget;\n }\n}\n"],"names":["Widget","LitElement","constructor","this","widgetTitle","subTitle","dragActive","disabled","render","Classes","widget","_chart","html","classMap","_handleSlotChange","_updateChildren","requestUpdate","Chart","querySelector","_widget","styles","Styles","__decorate","property","type","String","prototype","Boolean","state","customElement"],"mappings":"4vBAaO,IAAMA,EAAN,cAAqBC,EAArB,WAAAC,uBAKLC,KAAWC,YAAG,GAIdD,KAAQE,SAAG,GAIXF,KAAUG,YAAG,EAIbH,KAAQI,UAAG,CAsDZ,CA9CU,MAAAC,GACP,MAAMC,EAAU,CACdC,QAAQ,EACR,cAAeP,KAAKG,WACpB,YAAaH,KAAKQ,OAClBJ,SAAUJ,KAAKI,UAGjB,OAAOK,CAAI;mBACIC,EAASJ;;;;;;gBAMZN,KAAKC;;;;uCAIkBD,KAAKE;;;;;;;;;8BASdF,KAAKW;;;KAIhC,CAEO,iBAAAA,GACNX,KAAKY,kBACLZ,KAAKa,eACN,CAEO,eAAAD,GACN,MAAME,EAAQd,KAAKe,cAAc,YAC7BD,IACFd,KAAKQ,OAASM,EACdd,KAAKQ,OAAOQ,SAAU,EAEzB,GArEenB,EAAMoB,OAAGC,EAIzBC,EAAA,CADCC,EAAS,CAAEC,KAAMC,UACDzB,EAAA0B,UAAA,mBAAA,GAIjBJ,EAAA,CADCC,EAAS,CAAEC,KAAMC,UACJzB,EAAA0B,UAAA,gBAAA,GAIdJ,EAAA,CADCC,EAAS,CAAEC,KAAMG,WACC3B,EAAA0B,UAAA,kBAAA,GAInBJ,EAAA,CADCC,EAAS,CAAEC,KAAMG,WACD3B,EAAA0B,UAAA,gBAAA,GAMjBJ,EAAA,CADCM,KACY5B,EAAA0B,UAAA,cAAA,GAvBF1B,EAAMsB,EAAA,CADlBO,EAAc,eACF7B"}
1
+ {"version":3,"file":"widget.js","sources":["../../../../src/components/reusable/widget/widget.ts"],"sourcesContent":["import { LitElement, html } from 'lit';\nimport { customElement, property, state } from 'lit/decorators.js';\nimport { classMap } from 'lit/directives/class-map.js';\nimport Styles from './widget.scss';\n\n/**\n * Widget.\n * @slot unnamed - Slot for widget content.\n * @slot action - Slot for action buttons.\n * @slot tooltip - Slot for tooltip in header.\n * @slot draghandle- Slot for drag handle.\n */\n@customElement('kyn-widget')\nexport class Widget extends LitElement {\n static override styles = Styles;\n\n /** Widget title. */\n @property({ type: String })\n widgetTitle = '';\n\n /** Widget sub-title. */\n @property({ type: String })\n subTitle = '';\n\n /** Widget drag active state. */\n @property({ type: Boolean })\n dragActive = false;\n\n /** Widget disabled state. */\n @property({ type: Boolean })\n disabled = false;\n\n /** Slotted chart element.\n * @internal\n */\n @state()\n _chart!: any;\n\n override render() {\n const Classes = {\n widget: true,\n 'drag-active': this.dragActive,\n 'has-chart': this._chart,\n disabled: this.disabled,\n };\n\n return html`\n <div class=${classMap(Classes)}>\n <div class=\"widget-header\">\n <slot name=\"draghandle\"></slot>\n\n <div class=\"title-desc\">\n <div class=\"title\">\n ${this.widgetTitle}\n <slot name=\"tooltip\"></slot>\n </div>\n\n <div class=\"description\">${this.subTitle}</div>\n </div>\n\n <div class=\"actions\">\n <slot name=\"actions\"></slot>\n </div>\n </div>\n\n <div class=\"widget-content\" tabindex=\"0\">\n <slot @slotchange=${this._handleSlotChange}></slot>\n </div>\n </div>\n `;\n }\n\n private _handleSlotChange() {\n this._updateChildren();\n this.requestUpdate();\n }\n\n private _updateChildren() {\n const Chart = this.querySelector('kd-chart');\n if (Chart) {\n this._chart = Chart;\n this._chart._widget = true;\n }\n }\n}\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'kyn-widget': Widget;\n }\n}\n"],"names":["Widget","LitElement","constructor","this","widgetTitle","subTitle","dragActive","disabled","render","Classes","widget","_chart","html","classMap","_handleSlotChange","_updateChildren","requestUpdate","Chart","querySelector","_widget","styles","Styles","__decorate","property","type","String","prototype","Boolean","state","customElement"],"mappings":"4vBAaO,IAAMA,EAAN,cAAqBC,EAArB,WAAAC,uBAKLC,KAAWC,YAAG,GAIdD,KAAQE,SAAG,GAIXF,KAAUG,YAAG,EAIbH,KAAQI,UAAG,CAsDZ,CA9CU,MAAAC,GACP,MAAMC,EAAU,CACdC,QAAQ,EACR,cAAeP,KAAKG,WACpB,YAAaH,KAAKQ,OAClBJ,SAAUJ,KAAKI,UAGjB,OAAOK,CAAI;mBACIC,EAASJ;;;;;;gBAMZN,KAAKC;;;;uCAIkBD,KAAKE;;;;;;;;;8BASdF,KAAKW;;;KAIhC,CAEO,iBAAAA,GACNX,KAAKY,kBACLZ,KAAKa,eACN,CAEO,eAAAD,GACN,MAAME,EAAQd,KAAKe,cAAc,YAC7BD,IACFd,KAAKQ,OAASM,EACdd,KAAKQ,OAAOQ,SAAU,EAEzB,GArEenB,EAAMoB,OAAGC,EAIzBC,EAAA,CADCC,EAAS,CAAEC,KAAMC,UACDzB,EAAA0B,UAAA,mBAAA,GAIjBJ,EAAA,CADCC,EAAS,CAAEC,KAAMC,UACJzB,EAAA0B,UAAA,gBAAA,GAIdJ,EAAA,CADCC,EAAS,CAAEC,KAAMG,WACC3B,EAAA0B,UAAA,kBAAA,GAInBJ,EAAA,CADCC,EAAS,CAAEC,KAAMG,WACD3B,EAAA0B,UAAA,gBAAA,GAMjBJ,EAAA,CADCM,KACY5B,EAAA0B,UAAA,cAAA,GAvBF1B,EAAMsB,EAAA,CADlBO,EAAc,eACF7B"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@kyndryl-design-system/shidoka-applications",
3
- "version": "1.18.0",
3
+ "version": "1.18.2",
4
4
  "description": "Shidoka Web Components for Applications",
5
5
  "main": "index.js",
6
6
  "type": "module",