@tenorlab/vue-dashboard 1.6.1 → 1.6.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 (7) hide show
  1. package/README.md +6 -6
  2. package/dist/core.d.ts +3 -0
  3. package/dist/core.es.js +5 -15
  4. package/dist/styles.css +1 -1
  5. package/dist/vue-dashboard.d.ts +73 -16
  6. package/dist/vue-dashboard.es.js +1032 -708
  7. package/package.json +3 -2
package/README.md CHANGED
@@ -1,7 +1,7 @@
1
1
  # @tenorlab/vue-dashboard
2
2
 
3
3
  [![License: MIT](https://img.shields.io/badge/License-MIT-green.svg)](https://opensource.org/licenses/MIT)
4
- [![Template: Pro](https://img.shields.io/badge/Template-Pro--Available-gold.svg)](https://www.tenorlab.com)
4
+ [![Tenorlab Pro](https://img.shields.io/badge/Template-Pro--Available-gold.svg)](https://www.tenorlab.com)
5
5
  [![Framework: Vue](https://img.shields.io/badge/Framework-Vue-42b883.svg)](https://vuejs.org/)
6
6
 
7
7
  Foundation components for creating user-configurable, high-performance dashboards in Vue.
@@ -13,7 +13,7 @@ This package extends **@tenorlab/dashboard-core**. It provides the Vue implement
13
13
  > **Note**: This package re-exports all types and utilities from `@tenorlab/dashboard-core`. You do not need to install the core package separately.
14
14
 
15
15
 
16
- ## Pro Template Demos
16
+ ## Tenorlab Pro Demos
17
17
  - [React Demo](https://react.tenorlab.com) (built with @tenorlab/react-dashboard)
18
18
  - [Vue Demo](https://vue.tenorlab.com) (built with @tenorlab/vue-dashboard)
19
19
  - [Nuxt Demo](https://nuxt.tenorlab.com) (built with @tenorlab/vue-dashboard)
@@ -408,7 +408,7 @@ onMounted(async () => {
408
408
 
409
409
  #### 5. Full Editable Dashboard
410
410
 
411
- For editable dashboard examples, including **Undo/Redo**, **Zooming**, **Catalog Flyouts**, and **Multiple Dashboards**, please refer to the [Pro Template](https://www.tenorlab.com).
411
+ For editable dashboard examples, including **Undo/Redo**, **Zooming**, **Catalog Flyouts**, and **Multiple Dashboards**, please refer to [Tenorlab Pro](https://www.tenorlab.com).
412
412
 
413
413
 
414
414
  ------
@@ -437,7 +437,7 @@ For editable dashboard examples, including **Undo/Redo**, **Zooming**, **Catalog
437
437
  - [@tenorlab/react-dashboard](https://www.npmjs.com/package/@tenorlab/react-dashboard): React-specific components
438
438
  - [@tenorlab/vue-dashboard](https://www.npmjs.com/package/@tenorlab/vue-dashboard): Vue-specific components
439
439
 
440
- ### Pro Template Demos
440
+ ### Tenorlab Pro Demos
441
441
  - [React Demo](https://react.tenorlab.com) (built with @tenorlab/react-dashboard)
442
442
  - [Vue Demo](https://vue.tenorlab.com) (built with @tenorlab/vue-dashboard)
443
443
  - [Nuxt Demo](https://nuxt.tenorlab.com) (built with @tenorlab/vue-dashboard)
@@ -457,9 +457,9 @@ For editable dashboard examples, including **Undo/Redo**, **Zooming**, **Catalog
457
457
 
458
458
  It provides the foundational components and logic for building dashboards. You are free to use it in any project, personal or commercial.
459
459
 
460
- ## ⚡️ Go Pro and Save Time: Tenorlab App Template
460
+ ## ⚡️ Go Pro and Save Time: Tenorlab Pro
461
461
 
462
- A commercial license for a full-blown professional app template is available for purchase [**here**](https://www.tenorlab.com) and comes with:
462
+ A commercial license for a full-blown professional app code is available for purchase [**here**](https://www.tenorlab.com) and comes with:
463
463
 
464
464
  * **Full Application Shell:** A clean, optimized Vite + TypeScript project structure (with either React, Vue or Nuxt).
465
465
  * **Dashboard Management:** Production-ready logic for creating, listing, renaming, and deleting multiple user-defined dashboards.
package/dist/core.d.ts CHANGED
@@ -275,6 +275,9 @@ export declare interface IDashboardWidgetPropsBase<TExtraProps = any> {
275
275
  size?: TWidgetSize;
276
276
  borderCssClasses?: string;
277
277
  backgroundCssClasses?: string;
278
+ addCssClasses?: string;
279
+ overrideCssClasses?: string;
280
+ tags?: string[];
278
281
  hideTitle?: boolean;
279
282
  noShadow?: boolean;
280
283
  noBorder?: boolean;
package/dist/core.es.js CHANGED
@@ -106,16 +106,12 @@ const W = [
106
106
  else {
107
107
  l.forEach((d) => {
108
108
  d.value = (d.value || "").replace(/NaN/g, "");
109
- const c = a.cssSettings.find(
110
- (g) => g.key === d.key
111
- );
109
+ const c = a.cssSettings.find((g) => g.key === d.key);
112
110
  c && (Object.keys(c).forEach((g) => {
113
111
  g in d || (d[g] = c[g]);
114
112
  }), d.step = c.step, d.minValue = c.minValue, d.defaultValue = c.defaultValue, d.defaultUnit = c.defaultUnit, /\d+/g.test(d.value) === !1 && (d.value = c ? c.value : "1.0rem"));
115
113
  });
116
- const o = a.cssSettings.filter((d) => !l.some(
117
- (c) => c.key === d.key
118
- ));
114
+ const o = a.cssSettings.filter((d) => !l.some((c) => c.key === d.key));
119
115
  s.cssSettings = [...l, ...o];
120
116
  }
121
117
  s.widgets = s.widgets.filter(
@@ -172,16 +168,12 @@ const W = [
172
168
  (r) => r.parentWidgetKey === i
173
169
  );
174
170
  if (!a || a.length === 0)
175
- return t.widgets = t.widgets.filter(
176
- (r) => r !== i
177
- ), !1;
171
+ return t.widgets = t.widgets.filter((r) => r !== i), !1;
178
172
  }
179
173
  return !0;
180
174
  }), t;
181
175
  }, x = (e) => {
182
- const t = e.widgets.filter(
183
- (a) => a.includes("WidgetContainer")
184
- ), i = {};
176
+ const t = e.widgets.filter((a) => a.includes("WidgetContainer")), i = {};
185
177
  return t.forEach((a, r) => {
186
178
  const n = `${a.split("_container")[0]}_container${r + 1}`;
187
179
  i[a] = n;
@@ -394,9 +386,7 @@ const W = [
394
386
  updatedDashboardConfig: o
395
387
  };
396
388
  } else {
397
- const n = (e.widgets || []).filter(
398
- (l) => `${l}`.trim().toLowerCase() !== a
399
- ), s = e.childWidgetsConfig.filter(
389
+ const n = (e.widgets || []).filter((l) => `${l}`.trim().toLowerCase() !== a), s = e.childWidgetsConfig.filter(
400
390
  (l) => `${l.parentWidgetKey}`.trim().toLowerCase() !== a
401
391
  );
402
392
  return {
package/dist/styles.css CHANGED
@@ -1 +1 @@
1
- html{--bwj-dashboard-num-columns: 3;--bwj-dashboard-gap: 1.25rem;--bwj-dashboard-transform-scale: 1;--bwj-dashboard-add-cols: 1;--bwj-widget-width: 21rem;--bwj-widget-border-radius: .33rem;--bwj-widget-inner-px: 1rem;--bwj-widget-inner-py: .75rem;--bwj-widget-header-px: var(--bwj-widget-inner-px);--bwj-widget-header-py: 1rem;--bwj-widget-title-size: .8rem;--bwj-widget-title-weight: 600;--bwj-dashboard-debug-container-flex-row: none;--bwj-dashboard-debug-container-flex-column: none;--bwj-dashboard-debug-container-grid-large-inner: none}html .dashboard-main-grid{width:100%;display:grid;grid-template-columns:repeat(var(--bwj-dashboard-num-columns, 4),minmax(var(--bwj-widget-width),1fr));gap:var(--bwj-dashboard-gap, 1.5rem);transform:scale(var(--bwj-dashboard-transform-scale, 1));transform-origin:top left}html .dashboard-main-grid.editing{row-gap:calc(var(--bwj-dashboard-gap) + .8rem)}html .dashboard-main-grid:not(.responsive-grid){max-width:min-content}html .dashboard-main-grid.responsive-grid{width:100%}html .dashboard-widget-container{--bwj-border-opacity: .5;flex:1 1 0%;width:100%}html .dashboard-widget-container .widget-container-header{display:none;position:absolute;height:1.85rem;inset:-1.85rem -1px auto;cursor:pointer;padding:0 .33rem}html .dashboard-widget-container .widget-container-header .actions-inner{transition:all .3s ease-in-out;width:100%;display:none;align-items:center;justify-content:space-between;font-size:.8rem}html .dashboard-widget-container.editing{border-top:none!important;border-bottom-left-radius:var(--bwj-widget-border-radius, .3rem);border-bottom-right-radius:var(--bwj-widget-border-radius, .3rem)}html .dashboard-widget-container.editing .widget-container-header{display:flex;border-bottom:none!important;border-top-left-radius:var(--bwj-widget-border-radius, .3rem);border-top-right-radius:var(--bwj-widget-border-radius, .3rem)}html .dashboard-widget-container.editing .widget-container-header>.actions-inner{display:flex!important}html .dashboard-widget-container.editing.highlight-container:before{content:"";position:absolute;inset:-1.85rem 0 0;box-shadow:0 2px 10px 6px oklch(var(--bwj-primary-okl) var(--bwj-primary-okc) var(--bwj-primary-okh) / .5);pointer-events:none}html .dashboard-widget{flex:1 1 0%;display:flex;flex-direction:column;position:relative;border-radius:var(--bwj-widget-border-radius, .3rem);height:100%;width:100%}html .dashboard-widget:not(.no-shadow){box-shadow:1px 2px 8px #0000001a}html .dashboard-widget.no-shadow{box-shadow:none}html .dashboard-widget.transparent-widget{background-color:transparent}html .dashboard-widget .widget-title-wrapper .widget-title{font-size:var(--bwj-widget-title-size, .75rem);font-weight:var(--bwj-widget-title-weight, 600)}html .dashboard-widget .widget-inner{flex:1 1 0%;display:flex;flex-direction:column;justify-content:space-between}html .dashboard-widget:not(.no-padding) .widget-inner{padding:var(--bwj-widget-inner-py, 1rem) var(--bwj-widget-inner-px, 1.5rem)}html .dashboard-widget.no-padding .widget-inner{padding:0}html .dashboard-widget .widget-header{padding:var(--bwj-widget-header-py, 1rem) var(--bwj-widget-header-px, 1.5rem)}html .dashboard-widget-container .widget-container-inner{padding:0;gap:var(--bwj-dashboard-gap, 1.5rem)}html .dashboard-widget-container.direction-row.widget-container-flex{grid-column:1 / -1;width:100%;outline:var(--bwj-dashboard-debug-container-flex-row)}html .dashboard-widget-container.direction-row.widget-container-flex .widget-container-inner{display:flex;flex-direction:row;height:100%}html .dashboard-widget-container.direction-row.widget-container-flex .widget-container-inner .dashboard-widget{min-width:5%;max-width:100%}html .dashboard-widget-container.direction-column.widget-container-flex .widget-container-inner{display:flex;flex-direction:column;height:100%;outline:var(--bwj-dashboard-debug-container-flex-column)}html .dashboard-widget-container.direction-column.widget-container-flex .widget-container-inner .dashboard-widget{min-width:5%;max-width:100%}html .dashboard-widget-container.large-widget.widget-container-grid .widget-container-inner{display:grid;grid-template-columns:repeat(2,minmax(var(--bwj-widget-width),1fr));outline:var(--bwj-dashboard-debug-container-grid-large-inner)}html .dashboard-main-grid.responsive-grid .dashboard-widget-container:not(.large-widget):not(.xlarge-widget),html .dashboard-main-grid.responsive-grid .dashboard-widget:not(.large-widget):not(.xlarge-widget){min-width:20%;max-width:100%}html .dashboard-main-grid:not(.responsive-grid) .dashboard-widget-container:not(.widget-container-flex):not(.large-widget):not(.xlarge-widget),html .widget-container-flex:not(.direction-row) .dashboard-main-grid:not(.responsive-grid) .dashboard-widget:not(.large-widget):not(.xlarge-widget){min-width:var(--bwj-widget-width);max-width:var(--bwj-widget-width)}html .dashboard-widget-container.large-widget,html .dashboard-widget.large-widget{grid-column:span 2}html .dashboard-main-grid:not(.responsive-grid) .dashboard-widget-container.large-widget,html .dashboard-main-grid:not(.responsive-grid) .dashboard-widget.large-widget{max-width:calc(680px + var(--bwj-dashboard-gap, 1.5rem))}html .dashboard-widget-container.xlarge-widget,html .dashboard-widget.xlarge-widget{grid-column:span 3}html .dashboard-main-grid:not(.responsive-grid) .dashboard-widget-container.xlarge-widget,html .dashboard-main-grid:not(.responsive-grid) .dashboard-widget.xlarge-widget{max-width:calc(1020px + (var(--bwj-dashboard-gap, 1.5rem) * 2))}html .widget-header .actions-inner{display:none;align-items:center;gap:.25rem}html .widget-header .actions-inner .actions-buttons-container{align-items:center;gap:.25rem}html .dashboard-widget.editing:hover .actions-inner{display:flex!important}html .dashboard-widget-container.editing .widget-container-header .actions-inner{display:flex}html .actions-buttons-container{display:flex!important;align-items:center!important;gap:.25rem!important}html .dashboard-number{font-variant-numeric:tabular-nums;font-size:2.5rem;font-weight:700}html .dashboard-number.number-xl{font-size:3.5rem}html .dashboard-number.number-lg{font-size:2.5rem}html .dashboard-number.number-base{font-size:1.5rem}html .dashboard-progress-bar{padding:0;width:100%;height:1.5rem;border-radius:.75rem}html .dashboard-progress{padding:0;height:1.25rem;border-radius:.75rem}@media(max-width:769px){html .dashboard-main-grid{display:flex;flex-direction:column;width:100%;max-width:100%!important}html .dashboard-widget-container.widget-container-flex.direction-row{max-width:100%;grid-column:auto}html .dashboard-widget-container.widget-container-flex.direction-row .widget-container-inner,html .dashboard-widget-container.large-widget.widget-container-grid .widget-container-inner{display:flex;flex-wrap:wrap;flex-direction:column!important;width:100%}}@media(min-width:770px){html .dashboard-main-grid{--bwj-dashboard-num-columns: calc(2 + var(--bwj-dashboard-add-cols))}}@media(max-width:1119px){html .dashboard-widget-container.widget-container-flex.direction-row{max-width:100%;grid-column:auto}html .dashboard-widget-container.widget-container-flex.direction-row .widget-container-inner{display:flex;flex-wrap:wrap;flex-direction:column!important;width:100%}}@media(min-width:1120px){html .dashboard-main-grid{--bwj-dashboard-num-columns: calc(3 + var(--bwj-dashboard-add-cols))}}@media(min-width:1480px){html .dashboard-main-grid{--bwj-dashboard-num-columns: calc(4 + var(--bwj-dashboard-add-cols))}}@media(min-width:1840px){html .dashboard-main-grid{--bwj-dashboard-num-columns: calc(5 + var(--bwj-dashboard-add-cols))}}@media(min-width:2220px){html .dashboard-main-grid{--bwj-dashboard-num-columns: calc(6 + var(--bwj-dashboard-add-cols))}}
1
+ html{--bwj-dashboard-num-columns: 3;--bwj-dashboard-gap: 1.25rem;--bwj-dashboard-transform-scale: 1;--bwj-dashboard-add-cols: 1;--bwj-widget-width: 21rem;--bwj-widget-border-radius: .33rem;--bwj-widget-inner-px: 1rem;--bwj-widget-inner-py: .75rem;--bwj-widget-header-px: var(--bwj-widget-inner-px);--bwj-widget-header-py: 1rem;--bwj-widget-title-size: .8rem;--bwj-widget-title-weight: 600;--bwj-dashboard-debug-container-flex-row: none;--bwj-dashboard-debug-container-flex-column: none;--bwj-dashboard-debug-container-grid-large-inner: none}html .dashboard-main-grid{width:100%;display:grid;grid-template-columns:repeat(var(--bwj-dashboard-num-columns, 4),minmax(var(--bwj-widget-width),1fr));gap:var(--bwj-dashboard-gap, 1.5rem);transform:scale(var(--bwj-dashboard-transform-scale, 1));transform-origin:top left}html .dashboard-main-grid.editing{row-gap:calc(var(--bwj-dashboard-gap) + .8rem)}html .dashboard-main-grid:not(.responsive-grid){max-width:min-content}html .dashboard-main-grid.responsive-grid{width:100%}html .dashboard-widget-container{--bwj-border-opacity: .5;flex:1 1 0%;width:100%}html .dashboard-widget-container .widget-container-header{display:none;position:absolute;height:1.85rem;inset:-1.85rem -1px auto;cursor:pointer;padding:0 .33rem}html .dashboard-widget-container .widget-container-header .actions-inner{transition:all .3s ease-in-out;width:100%;display:none;align-items:center;justify-content:space-between;font-size:.8rem}html .dashboard-widget-container.editing{border-top:none!important;border-bottom-left-radius:var(--bwj-widget-border-radius, .3rem);border-bottom-right-radius:var(--bwj-widget-border-radius, .3rem)}html .dashboard-widget-container.editing .widget-container-header{display:flex;border-bottom:none!important;border-top-left-radius:var(--bwj-widget-border-radius, .3rem);border-top-right-radius:var(--bwj-widget-border-radius, .3rem)}html .dashboard-widget-container.editing .widget-container-header>.actions-inner{display:flex!important}html .dashboard-widget-container.editing.highlight-container:before{content:"";position:absolute;inset:-1.85rem 0 0;box-shadow:0 2px 10px 6px oklch(var(--bwj-primary-okl) var(--bwj-primary-okc) var(--bwj-primary-okh) / .5);pointer-events:none}html .dashboard-widget{flex:1 1 0%;display:flex;flex-direction:column;position:relative;border-radius:var(--bwj-widget-border-radius, .3rem);height:100%;width:100%}html .dashboard-widget:not(.no-shadow){box-shadow:1px 2px 8px #0000001a}html .dashboard-widget.no-shadow{box-shadow:none}html .dashboard-widget.transparent-widget{background-color:transparent}html .dashboard-widget .widget-title-wrapper .widget-title{font-size:var(--bwj-widget-title-size, .75rem);font-weight:var(--bwj-widget-title-weight, 600)}html .dashboard-widget .widget-inner{flex:1 1 0%;display:flex;flex-direction:column;justify-content:space-between}html .dashboard-widget:not(.no-padding) .widget-inner{padding:var(--bwj-widget-inner-py, 1rem) var(--bwj-widget-inner-px, 1.5rem)}html .dashboard-widget.no-padding .widget-inner{padding:0}html .dashboard-widget .widget-header{padding:var(--bwj-widget-header-py, 1rem) var(--bwj-widget-header-px, 1.5rem)}html .dashboard-widget-container .widget-container-inner{padding:0;gap:var(--bwj-dashboard-gap, 1.5rem)}html .dashboard-widget.direction-row,html .dashboard-widget-container.direction-row.widget-container-flex{grid-column:1 / -1;width:100%;outline:var(--bwj-dashboard-debug-container-flex-row)}html .dashboard-widget-container.direction-row.widget-container-flex .widget-container-inner{display:flex;flex-direction:row;height:100%}html .dashboard-widget-container.direction-row.widget-container-flex .widget-container-inner .dashboard-widget{min-width:5%;max-width:100%}html .dashboard-widget-container.direction-column.widget-container-flex .widget-container-inner{display:flex;flex-direction:column;height:100%;outline:var(--bwj-dashboard-debug-container-flex-column)}html .dashboard-widget-container.direction-column.widget-container-flex .widget-container-inner .dashboard-widget{min-width:5%;max-width:100%}html .dashboard-widget-container.large-widget.widget-container-grid .widget-container-inner{display:grid;grid-template-columns:repeat(2,minmax(var(--bwj-widget-width),1fr));outline:var(--bwj-dashboard-debug-container-grid-large-inner)}html .dashboard-main-grid.responsive-grid .dashboard-widget-container:not(.large-widget):not(.xlarge-widget),html .dashboard-main-grid.responsive-grid .dashboard-widget:not(.large-widget):not(.xlarge-widget){min-width:20%;max-width:100%}html .dashboard-main-grid:not(.responsive-grid) .dashboard-widget-container:not(.widget-container-flex):not(.large-widget):not(.xlarge-widget),html .widget-container-flex:not(.direction-row) .dashboard-main-grid:not(.responsive-grid) .dashboard-widget:not(.large-widget):not(.xlarge-widget){min-width:var(--bwj-widget-width);max-width:var(--bwj-widget-width)}html .dashboard-widget-container.large-widget,html .dashboard-widget.large-widget{grid-column:span 2}html .dashboard-main-grid:not(.responsive-grid) .dashboard-widget-container.large-widget,html .dashboard-main-grid:not(.responsive-grid) .dashboard-widget.large-widget{max-width:calc(680px + var(--bwj-dashboard-gap, 1.5rem))}html .dashboard-widget-container.xlarge-widget,html .dashboard-widget.xlarge-widget{grid-column:span 3}html .dashboard-main-grid:not(.responsive-grid) .dashboard-widget-container.xlarge-widget,html .dashboard-main-grid:not(.responsive-grid) .dashboard-widget.xlarge-widget{max-width:calc(1020px + (var(--bwj-dashboard-gap, 1.5rem) * 2))}html .widget-header .actions-inner{display:none;align-items:center;gap:.25rem}html .widget-header .actions-inner .actions-buttons-container{align-items:center;gap:.25rem}html .dashboard-widget.editing:hover .actions-inner{display:flex!important}html .dashboard-widget-container.editing .widget-container-header .actions-inner{display:flex}html .actions-buttons-container{display:flex!important;align-items:center!important;gap:.25rem!important}html .dashboard-number{font-variant-numeric:tabular-nums;font-size:2.5rem;font-weight:700}html .dashboard-number.number-xl{font-size:3.5rem}html .dashboard-number.number-lg{font-size:2.5rem}html .dashboard-number.number-base{font-size:1.5rem}html .dashboard-progress-bar{padding:0;width:100%;height:1.5rem;border-radius:.75rem}html .dashboard-progress{padding:0;height:1.25rem;border-radius:.75rem}@media(max-width:769px){html .dashboard-main-grid{display:flex;flex-direction:column;width:100%;max-width:100%!important}html .dashboard-widget-container.widget-container-flex.direction-row{max-width:100%;grid-column:auto}html .dashboard-widget-container.widget-container-flex.direction-row .widget-container-inner,html .dashboard-widget-container.large-widget.widget-container-grid .widget-container-inner{display:flex;flex-wrap:wrap;flex-direction:column!important;width:100%}}@media(min-width:770px){html .dashboard-main-grid{--bwj-dashboard-num-columns: calc(2 + var(--bwj-dashboard-add-cols))}}@media(max-width:1119px){html .dashboard-widget-container.widget-container-flex.direction-row{max-width:100%;grid-column:auto}html .dashboard-widget-container.widget-container-flex.direction-row .widget-container-inner{display:flex;flex-wrap:wrap;flex-direction:column!important;width:100%}}@media(min-width:1120px){html .dashboard-main-grid{--bwj-dashboard-num-columns: calc(3 + var(--bwj-dashboard-add-cols))}}@media(min-width:1480px){html .dashboard-main-grid{--bwj-dashboard-num-columns: calc(4 + var(--bwj-dashboard-add-cols))}}@media(min-width:1840px){html .dashboard-main-grid{--bwj-dashboard-num-columns: calc(5 + var(--bwj-dashboard-add-cols))}}@media(min-width:2220px){html .dashboard-main-grid{--bwj-dashboard-num-columns: calc(6 + var(--bwj-dashboard-add-cols))}}
package/dist/vue-dashboard.d.ts CHANGED
@@ -28,8 +28,8 @@ click: (args: MouseEvent) => any;
28
28
  }, string, PublicProps, Readonly<IButtonProps> & Readonly<{
29
29
  onClick?: ((args: MouseEvent) => any) | undefined;
30
30
  }>, {
31
- disabled: boolean;
32
31
  type: TButtonType;
32
+ disabled: boolean;
33
33
  category: string;
34
34
  font: string;
35
35
  border: number;
@@ -43,11 +43,26 @@ shadowHover: string;
43
43
  addCss: string;
44
44
  }, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLButtonElement>;
45
45
 
46
- declare const __VLS_component_4: DefineComponent<TStackProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<TStackProps> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLDivElement>;
46
+ declare const __VLS_component_4: DefineComponent<TProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
47
+ toggleOpen: (args: boolean) => any;
48
+ }, string, PublicProps, Readonly<TProps> & Readonly<{
49
+ onToggleOpen?: ((args: boolean) => any) | undefined;
50
+ }>, {
51
+ label: string;
52
+ testid: string;
53
+ hideLabel: boolean;
54
+ showChevron: boolean;
55
+ addOptionLabel: string;
56
+ hide: boolean;
57
+ }, {}, {}, {}, string, ComponentProvideOptions, false, {
58
+ refDropdown: HTMLDivElement;
59
+ }, HTMLDivElement>;
47
60
 
48
- declare const __VLS_component_5: DefineComponent<__VLS_Props_3, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props_3> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLDivElement>;
61
+ declare const __VLS_component_5: DefineComponent<TStackProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<TStackProps> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLDivElement>;
49
62
 
50
- declare const __VLS_component_6: DefineComponent<IDraggablePanelProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
63
+ declare const __VLS_component_6: DefineComponent<__VLS_Props_3, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props_3> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLDivElement>;
64
+
65
+ declare const __VLS_component_7: DefineComponent<IDraggablePanelProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
51
66
  draggingChange: (isDragging: boolean) => any;
52
67
  }, string, PublicProps, Readonly<IDraggablePanelProps> & Readonly<{
53
68
  onDraggingChange?: ((isDragging: boolean) => any) | undefined;
@@ -55,10 +70,10 @@ onDraggingChange?: ((isDragging: boolean) => any) | undefined;
55
70
  panelRef: HTMLDivElement;
56
71
  }, any>;
57
72
 
58
- declare const __VLS_component_7: DefineComponent< {}, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, true, {}, HTMLDivElement>;
59
-
60
73
  declare const __VLS_component_8: DefineComponent< {}, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, true, {}, HTMLDivElement>;
61
74
 
75
+ declare const __VLS_component_9: DefineComponent< {}, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, true, {}, HTMLDivElement>;
76
+
62
77
  declare type __VLS_PrettifyLocal<T> = {
63
78
  [K in keyof T]: T[K];
64
79
  } & {};
@@ -109,9 +124,12 @@ declare function __VLS_template_3(): {
109
124
  declare function __VLS_template_4(): {
110
125
  attrs: Partial<{}>;
111
126
  slots: {
127
+ icon?(_: {}): any;
112
128
  default?(_: {}): any;
113
129
  };
114
- refs: {};
130
+ refs: {
131
+ refDropdown: HTMLDivElement;
132
+ };
115
133
  rootEl: HTMLDivElement;
116
134
  };
117
135
 
@@ -125,6 +143,15 @@ declare function __VLS_template_5(): {
125
143
  };
126
144
 
127
145
  declare function __VLS_template_6(): {
146
+ attrs: Partial<{}>;
147
+ slots: {
148
+ default?(_: {}): any;
149
+ };
150
+ refs: {};
151
+ rootEl: HTMLDivElement;
152
+ };
153
+
154
+ declare function __VLS_template_7(): {
128
155
  attrs: Partial<{}>;
129
156
  slots: {
130
157
  default?(_: {}): any;
@@ -135,7 +162,7 @@ declare function __VLS_template_6(): {
135
162
  rootEl: any;
136
163
  };
137
164
 
138
- declare function __VLS_template_7(): {
165
+ declare function __VLS_template_8(): {
139
166
  attrs: Partial<{}>;
140
167
  slots: {
141
168
  default?(_: {}): any;
@@ -144,7 +171,7 @@ declare function __VLS_template_7(): {
144
171
  rootEl: HTMLDivElement;
145
172
  };
146
173
 
147
- declare function __VLS_template_8(): {
174
+ declare function __VLS_template_9(): {
148
175
  attrs: Partial<{}>;
149
176
  slots: {
150
177
  default?(_: {}): any;
@@ -169,6 +196,8 @@ declare type __VLS_TemplateResult_7 = ReturnType<typeof __VLS_template_7>;
169
196
 
170
197
  declare type __VLS_TemplateResult_8 = ReturnType<typeof __VLS_template_8>;
171
198
 
199
+ declare type __VLS_TemplateResult_9 = ReturnType<typeof __VLS_template_9>;
200
+
172
201
  declare type __VLS_WithTemplateSlots<T, S> = T & {
173
202
  new (): {
174
203
  $slots: S;
@@ -217,6 +246,12 @@ declare type __VLS_WithTemplateSlots_8<T, S> = T & {
217
246
  };
218
247
  };
219
248
 
249
+ declare type __VLS_WithTemplateSlots_9<T, S> = T & {
250
+ new (): {
251
+ $slots: S;
252
+ };
253
+ };
254
+
220
255
  /**
221
256
  * @name _actions
222
257
  * @description Object containing action methods that wrap mutations for the dashboard store
@@ -241,10 +276,10 @@ declare const _actions: {
241
276
  moveWidget: (direction: -1 | 1, widgetKey: TDashboardWidgetKey, parentWidgetKey?: TDashboardWidgetKey) => TAddWidgetResponse;
242
277
  };
243
278
 
244
- export declare const AddIcon: DefineComponent<TSvgIconProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<TSvgIconProps> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, SVGSVGElement>;
245
-
246
279
  export declare const Button: __VLS_WithTemplateSlots_3<typeof __VLS_component_3, __VLS_TemplateResult_3["slots"]>;
247
280
 
281
+ export declare const ChevronDownIcon: DefineComponent<TSvgIconProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<TSvgIconProps> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, SVGSVGElement>;
282
+
248
283
  export declare const CircleQuestionMarkIcon: DefineComponent<TSvgIconProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<TSvgIconProps> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, SVGSVGElement>;
249
284
 
250
285
  /**
@@ -315,9 +350,15 @@ export declare const DashboardGrid: __VLS_WithTemplateSlots<typeof __VLS_compone
315
350
 
316
351
  export declare const DashboardWidgetBase: __VLS_WithTemplateSlots_2<typeof __VLS_component_2, __VLS_TemplateResult_2["slots"]>;
317
352
 
353
+ declare const _default: DefineComponent<TSvgIconProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<TSvgIconProps> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, SVGSVGElement>;
354
+ export { _default as AddIcon }
355
+ export { _default as PlusCircleIcon }
356
+
318
357
  export declare const DeleteIcon: DefineComponent<TSvgIconProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<TSvgIconProps> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, SVGSVGElement>;
319
358
 
320
- export declare const DraggablePanel: __VLS_WithTemplateSlots_6<typeof __VLS_component_6, __VLS_TemplateResult_6["slots"]>;
359
+ export declare const DraggablePanel: __VLS_WithTemplateSlots_7<typeof __VLS_component_7, __VLS_TemplateResult_7["slots"]>;
360
+
361
+ export declare const Dropdown: __VLS_WithTemplateSlots_4<typeof __VLS_component_4, __VLS_TemplateResult_4["slots"]>;
321
362
 
322
363
  export declare const DynamicWidgetLoader: DefineComponent<__VLS_Props, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
323
364
  removeClick: (widgetKey: string, parentWidgetKey?: string | undefined) => any;
@@ -509,6 +550,9 @@ export declare interface IDashboardWidgetPropsBase<TExtraProps = any> {
509
550
  size?: TWidgetSize;
510
551
  borderCssClasses?: string;
511
552
  backgroundCssClasses?: string;
553
+ addCssClasses?: string;
554
+ overrideCssClasses?: string;
555
+ tags?: string[];
512
556
  hideTitle?: boolean;
513
557
  noShadow?: boolean;
514
558
  noBorder?: boolean;
@@ -578,7 +622,9 @@ export declare interface ITooltipProps {
578
622
  title: string;
579
623
  }
580
624
 
581
- export declare const ListItem: __VLS_WithTemplateSlots_5<typeof __VLS_component_5, __VLS_TemplateResult_5["slots"]>;
625
+ export declare const ListItem: __VLS_WithTemplateSlots_6<typeof __VLS_component_6, __VLS_TemplateResult_6["slots"]>;
626
+
627
+ export declare const MinusCircleIcon: DefineComponent<TSvgIconProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<TSvgIconProps> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, SVGSVGElement>;
582
628
 
583
629
  export declare const MonitorIcon: DefineComponent<TSvgIconProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<TSvgIconProps> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, SVGSVGElement>;
584
630
 
@@ -596,7 +642,7 @@ export declare const SettingsIcon: DefineComponent<TSvgIconProps, {}, {}, {}, {}
596
642
 
597
643
  export declare const showToast: (options: any) => void;
598
644
 
599
- export declare const Stack: __VLS_WithTemplateSlots_4<typeof __VLS_component_4, __VLS_TemplateResult_4["slots"]>;
645
+ export declare const Stack: __VLS_WithTemplateSlots_5<typeof __VLS_component_5, __VLS_TemplateResult_5["slots"]>;
600
646
 
601
647
  export declare const TabletSmartphoneIcon: DefineComponent<TSvgIconProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<TSvgIconProps> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, SVGSVGElement>;
602
648
 
@@ -725,6 +771,17 @@ export declare type TManifestEntry = {
725
771
  meta: TWidgetMetaInfoBase;
726
772
  };
727
773
 
774
+ declare interface TProps {
775
+ testid?: string;
776
+ label?: string;
777
+ hideLabel?: boolean;
778
+ showChevron?: boolean;
779
+ addOptionLabel?: string;
780
+ hide?: boolean;
781
+ enabled: boolean;
782
+ isMenuOpen: boolean;
783
+ }
784
+
728
785
  /**
729
786
  * @name TSaveDashboards
730
787
  * @description Function type to save dashboards for a user
@@ -1004,9 +1061,9 @@ export declare const WidgetContainerRow: <K extends TDashboardWidgetKey = TDashb
1004
1061
 
1005
1062
  export declare const WidgetsCatalogFlyout: DefineComponent<TWidgetsCatalogFlyoutProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<TWidgetsCatalogFlyoutProps> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
1006
1063
 
1007
- export declare const WrapperColumnContent: __VLS_WithTemplateSlots_7<typeof __VLS_component_7, __VLS_TemplateResult_7["slots"]>;
1064
+ export declare const WrapperColumnContent: __VLS_WithTemplateSlots_8<typeof __VLS_component_8, __VLS_TemplateResult_8["slots"]>;
1008
1065
 
1009
- export declare const WrapperColumnContentListItem: __VLS_WithTemplateSlots_8<typeof __VLS_component_8, __VLS_TemplateResult_8["slots"]>;
1066
+ export declare const WrapperColumnContentListItem: __VLS_WithTemplateSlots_9<typeof __VLS_component_9, __VLS_TemplateResult_9["slots"]>;
1010
1067
 
1011
1068
  export declare const XCircleIcon: DefineComponent<TSvgIconProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<TSvgIconProps> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, SVGSVGElement>;
1012
1069