@luzmo/analytics-components-kit 1.0.1-alpha.97 → 1.0.1-alpha.99

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 (116) hide show
  1. package/angular/README.md +2 -2
  2. package/angular/components/ai-interaction-textarea.component.ts +8 -0
  3. package/angular/components/{filter-data-item-picker.component.ts → data-items-select.component.ts} +34 -17
  4. package/angular/components/edit-filters/index.ts +1 -0
  5. package/angular/components/edit-filters/types.ts +10 -0
  6. package/angular/components/edit-filters.component.ts +41 -0
  7. package/angular/components/slot-contents-picker.component.ts +8 -6
  8. package/angular/esm/components/ai-interaction-textarea.component.d.ts +5 -1
  9. package/angular/esm/components/ai-interaction-textarea.component.js +22 -2
  10. package/angular/esm/components/data-items-select.component.d.ts +33 -0
  11. package/angular/esm/components/{filter-data-item-picker.component.js → data-items-select.component.js} +41 -26
  12. package/angular/esm/components/edit-filters/index.d.ts +1 -0
  13. package/angular/esm/components/edit-filters/index.js +1 -0
  14. package/angular/esm/components/edit-filters/types.d.ts +8 -0
  15. package/angular/esm/components/edit-filters/types.js +1 -0
  16. package/angular/esm/components/edit-filters.component.d.ts +21 -0
  17. package/angular/esm/components/edit-filters.component.js +89 -0
  18. package/angular/esm/components/slot-contents-picker.component.d.ts +7 -6
  19. package/angular/esm/components/slot-contents-picker.component.js +11 -6
  20. package/angular/esm/index.d.ts +5 -5
  21. package/angular/esm/index.js +6 -6
  22. package/angular/esm/types.d.ts +9 -0
  23. package/angular/index.ts +6 -6
  24. package/angular/types.ts +17 -0
  25. package/angular/utils/filters/expressions.d.ts +1 -1
  26. package/components/ai-interaction-textarea/ai-interaction-textarea.d.ts +21 -0
  27. package/components/ai-interaction-textarea/index.cjs +17 -15
  28. package/components/ai-interaction-textarea/index.js +90 -65
  29. package/components/{filter-data-item-picker/filter-data-item-picker.d.ts → data-items-select/data-items-select.d.ts} +36 -21
  30. package/components/data-items-select/index.cjs +39 -0
  31. package/components/data-items-select/index.d.ts +6 -0
  32. package/components/{filter-data-item-picker → data-items-select}/index.js +127 -109
  33. package/components/dataset-selector-list/index.cjs +1 -1
  34. package/components/dataset-selector-list/index.js +3 -3
  35. package/components/dataset-selector-row/index.cjs +1 -1
  36. package/components/dataset-selector-row/index.js +1 -1
  37. package/components/{de-COKGBX9L.cjs → de-DOYL4txr.cjs} +1 -1
  38. package/components/{de-DU0DlXuf.js → de-SDzGVifr.js} +10 -1
  39. package/components/display-settings-binning/index.cjs +1 -1
  40. package/components/display-settings-binning/index.js +1 -1
  41. package/components/display-settings-datetime/index.cjs +1 -1
  42. package/components/display-settings-datetime/index.js +1 -1
  43. package/components/display-settings-grand-totals/index.cjs +1 -1
  44. package/components/display-settings-grand-totals/index.js +1 -1
  45. package/components/display-settings-numeric/index.cjs +1 -1
  46. package/components/display-settings-numeric/index.js +1 -1
  47. package/components/display-settings-period-over-period/index.cjs +1 -1
  48. package/components/display-settings-period-over-period/index.js +1 -1
  49. package/components/draggable-data-item/index.cjs +1 -1
  50. package/components/draggable-data-item/index.js +1 -1
  51. package/components/draggable-data-item-level/index.cjs +1 -1
  52. package/components/draggable-data-item-level/index.js +1 -1
  53. package/components/droppable-slot/index.cjs +9 -9
  54. package/components/droppable-slot/index.js +82 -158
  55. package/components/edit-filters/edit-filters.d.ts +79 -0
  56. package/components/edit-filters/index.cjs +144 -0
  57. package/components/edit-filters/index.d.ts +8 -0
  58. package/components/edit-filters/index.js +341 -0
  59. package/components/edit-filters/types.d.ts +8 -0
  60. package/components/{es-BxR1uGKR.js → es-B1TeapPZ.js} +10 -1
  61. package/components/{es-CaKfa7fn.cjs → es-DcQvrHgz.cjs} +1 -1
  62. package/components/filter-expression-picker/index.cjs +1 -1
  63. package/components/filter-expression-picker/index.js +1 -1
  64. package/components/filter-item/filter-item.d.ts +1 -1
  65. package/components/filter-item/index.cjs +7 -5
  66. package/components/filter-item/index.js +78 -68
  67. package/components/filter-value-picker/index.cjs +1 -1
  68. package/components/filter-value-picker/index.js +1 -1
  69. package/components/filter-value-picker-datetime/index.cjs +2 -2
  70. package/components/filter-value-picker-datetime/index.js +4 -4
  71. package/components/filter-value-picker-hierarchy/index.cjs +1 -1
  72. package/components/filter-value-picker-hierarchy/index.js +2 -2
  73. package/components/filter-value-picker-numeric/index.cjs +2 -1
  74. package/components/filter-value-picker-numeric/index.js +3 -2
  75. package/components/{fr-DiZbjx_a.cjs → fr-D6QmA3Ve.cjs} +1 -1
  76. package/components/{fr-CvltYxR_.js → fr-sZFBmltf.js} +10 -1
  77. package/components/{get-css-variable-Pzks_rOx.cjs → get-css-variable-C0B_Sxqf.cjs} +1 -1
  78. package/components/{get-css-variable-Bb7TxJdX.js → get-css-variable-DgTBQV3c.js} +2 -1
  79. package/components/grid/index.cjs +1 -1
  80. package/components/grid/index.js +1 -1
  81. package/components/{index-DNPULp4A.js → index-BikhVAa1.js} +1 -1
  82. package/components/{index-CFL6gmIu.cjs → index-CAbDIHYI.cjs} +1 -1
  83. package/components/{index-BNAmjOkm.cjs → index-DM58h73U.cjs} +3 -3
  84. package/components/{index-DdyZ2g5L.js → index-DR5275fa.js} +48 -18
  85. package/components/index.cjs +1 -1
  86. package/components/index.js +105 -106
  87. package/components/{nl-CLs7FmRK.js → nl-BYXZ-qNp.js} +10 -1
  88. package/components/{nl-Bot6bJ4g.cjs → nl-D7oNsLn0.cjs} +1 -1
  89. package/components/{set-locale-hKTMz37h.js → set-locale-B5562CBM.js} +1 -1
  90. package/components/{set-locale-BRRalqne.cjs → set-locale-B8iQGfk0.cjs} +1 -1
  91. package/components/slot-contents-picker/index.cjs +31 -27
  92. package/components/slot-contents-picker/index.js +137 -124
  93. package/components/slot-contents-picker/slot-contents-picker.d.ts +26 -5
  94. package/components/slot-menu/index.cjs +6 -6
  95. package/components/slot-menu/index.js +76 -76
  96. package/components/slot-menu-list/index.cjs +1 -1
  97. package/components/slot-menu-list/index.js +1 -1
  98. package/components/slot-store-CRfN0nD3.js +98 -0
  99. package/components/slot-store-Dd_cPNXk.cjs +20 -0
  100. package/components/utils.cjs +1 -1
  101. package/components/utils.js +1 -1
  102. package/components/viz-item-menu/index.cjs +6 -6
  103. package/components/viz-item-menu/index.js +27 -28
  104. package/custom-elements.json +1922 -1631
  105. package/index.d.ts +1 -1
  106. package/package.json +12 -12
  107. package/types.d.ts +9 -0
  108. package/utils/filters/expressions.d.ts +1 -1
  109. package/angular/components/filter-group.component.ts +0 -29
  110. package/angular/esm/components/filter-data-item-picker.component.d.ts +0 -30
  111. package/angular/esm/components/filter-group.component.d.ts +0 -12
  112. package/angular/esm/components/filter-group.component.js +0 -56
  113. package/components/filter-data-item-picker/index.cjs +0 -47
  114. package/components/filter-data-item-picker/index.d.ts +0 -7
  115. package/components/filter-group/filter-group.d.ts +0 -26
  116. package/components/filter-group/index.d.ts +0 -7
@@ -17,175 +17,193 @@
17
17
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
18
18
  * SOFTWARE.
19
19
  * */
20
- import "@luzmo/lucero/field-label";
21
- import "@luzmo/lucero/icon";
22
- import "@luzmo/lucero/menu";
23
- import "@luzmo/lucero/picker";
24
- import { unsafeCSS as g, html as d } from "lit";
25
- import { msg as z, localized as p } from "@lit/localize";
26
- import { SizedMixin as b, LuzmoElement as v, ElementSizes as y } from "@luzmo/lucero/utils";
27
- import { g as I, t as x, s as S } from "../set-locale-hKTMz37h.js";
20
+ import "@luzmo/lucero/select";
21
+ import { unsafeCSS as g, html as z } from "lit";
22
+ import { msg as f, localized as b } from "@lit/localize";
23
+ import { SizedMixin as I, LuzmoElement as y, ElementSizes as v } from "@luzmo/lucero/utils";
24
+ import { g as x, t as S, s as _ } from "../set-locale-B5562CBM.js";
28
25
  import { property as n } from "lit/decorators.js";
29
- import { c as w } from "../calculate-data-item-icon-DMDhKq_m.js";
30
- import { l as _ } from "../localize-CcDpq940.js";
26
+ import { c as h } from "../calculate-data-item-icon-DMDhKq_m.js";
27
+ import { l as p } from "../localize-CcDpq940.js";
31
28
  (function() {
32
29
  if (typeof document < "u" && !document.querySelector("style[data-luzmo-vars]")) {
33
30
  const o = document.createElement("style");
34
31
  o.setAttribute("data-luzmo-vars", ""), o.textContent = 'html{--luzmo-animation-duration: 0.15s;--luzmo-border-color: rgba(var(--luzmo-border-color-rgb), 0.1);--luzmo-border-color-hover: rgba(var(--luzmo-border-color-rgb), 0.15);--luzmo-border-color-down: rgba(var(--luzmo-border-color-rgb), 0.3);--luzmo-border-color-focus: rgba(var(--luzmo-border-color-rgb), 0.15);--luzmo-border-color-rgb: 0, 0, 0;--luzmo-border-color-full: rgb(180, 180, 180);--luzmo-border-color-full-hover: rgb(140, 140, 140);--luzmo-border-color-full-down: rgb(110, 110, 110);--luzmo-border-color-full-focus: rgb(140, 140, 140);--luzmo-border-color-disabled: #dddddd;--luzmo-border-radius: 6px;--luzmo-border-radius-s: 4px;--luzmo-border-radius-l: 8px;--luzmo-border-radius-xl: 12px;--luzmo-border-radius-full: 999rem;--luzmo-background-color: #ffffff;--luzmo-background-color-rgb: 255, 255, 255;--luzmo-background-color-disabled: #eeeeee;--luzmo-background-color-hover: #f0f0fc;--luzmo-background-color-down: #f1f1ff;--luzmo-background-color-focus: #f0f0fc;--luzmo-background-color-highlight: rgb(240, 240, 240);--luzmo-background-color-highlight-disabled: rgb(245, 245, 245);--luzmo-background-color-highlight-hover: rgb(225, 225, 225);--luzmo-background-color-highlight-down: rgb(215, 215, 215);--luzmo-background-color-highlight-focus: rgb(225, 225, 225);--luzmo-background-color-alt-1: rgb(250, 250, 250);--luzmo-background-color-alt-2: rgb(239, 239, 239);--luzmo-border-width: 1px;--luzmo-font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", Helvetica, Arial, sans-serif;--luzmo-font-size-xs: 10px;--luzmo-font-size-s: 12px;--luzmo-font-size-m: 14px;--luzmo-font-size: 14px;--luzmo-font-size-l: 16px;--luzmo-font-size-xl: 18px;--luzmo-font-size-xxl: 20px;--luzmo-font-style: normal;--luzmo-line-height: normal;--luzmo-font-weight: 400;--luzmo-font-weight-semibold: 500;--luzmo-font-weight-bold: 600;--luzmo-font-color: #333;--luzmo-font-color-hard: #000;--luzmo-font-color-disabled: var(--luzmo-color-disabled);--luzmo-font-color-extra-dimmed: #888;--luzmo-font-color-hover: #333;--luzmo-font-color-down: #111;--luzmo-font-color-focus: #333;--luzmo-primary: #4434ff;--luzmo-primary-hover: #4234e4;--luzmo-primary-down: #392cc7;--luzmo-primary-focus: #4234e4;--luzmo-primary-inverse-color: #ffffff;--luzmo-primary-rgb: 68, 52, 255;--luzmo-secondary: #ff00ff;--luzmo-secondary-hover: #e309e3;--luzmo-secondary-down: #c711c7;--luzmo-secondary-focus: #e309e3;--luzmo-secondary-inverse-color: #ffffff;--luzmo-secondary-rgb: 255, 0, 255;--luzmo-secondary-outline: rgba(255, 0, 255, 0.2);--luzmo-negative-color: #ca221c;--luzmo-negative-color-hover: #b3241f;--luzmo-negative-color-down: #9f231f;--luzmo-negative-color-focus: #b3241f;--luzmo-negative-color-rgb: 202, 34, 28;--luzmo-positive-color: rgb(20, 150, 101);--luzmo-positive-color-hover: rgb(17, 128, 86);--luzmo-positive-color-down: rgb(16, 105, 71);--luzmo-positive-color-focus: rgb(17, 128, 86);--luzmo-positive-color-rgb: 20, 150, 101;--luzmo-selected-color: rgb(110, 110, 110);--luzmo-selected-color-hover: rgb(70, 70, 70);--luzmo-selected-color-down: rgb(40, 40, 40);--luzmo-selected-color-focus: rgb(70, 70, 70);--luzmo-selected-color-hard: #1e1e1e;--luzmo-selected-color-hard-hover: rgb(0, 0, 0);--luzmo-selected-color-hard-down: rgb(0, 0, 0);--luzmo-selected-color-hard-focus: rgb(0, 0, 0);--luzmo-color-informative: #1a77e9;--luzmo-color-informative-rgb: 26, 119, 233;--luzmo-color-disabled: #aaaaaa;--luzmo-spacing-1: 2px;--luzmo-spacing-2: 4px;--luzmo-spacing-3: 8px;--luzmo-spacing-4: 12px;--luzmo-spacing-5: 16px;--luzmo-indicator-gap: 2px;--luzmo-indicator-width: 1px;--luzmo-indicator-color: var(--luzmo-primary);--luzmo-component-height-xxs: 20px;--luzmo-component-height-xs: 24px;--luzmo-component-height-s: 28px;--luzmo-component-height: 32px;--luzmo-component-height-l: 40px;--luzmo-component-height-xl: 48px;--luzmo-component-height-xxl: 64px;--luzmo-icon-size-xxs: 12px;--luzmo-icon-size-xs: 14px;--luzmo-icon-size-s: 16px;--luzmo-icon-size-m: 18px;--luzmo-icon-size-l: 20px;--luzmo-icon-size-xl: 22px;--luzmo-icon-size-xxl: 32px}', document.head.appendChild(o);
35
32
  }
36
33
  })();
37
- const D = ":host{--var: blue}:host{font-family:var(--luzmo-font-family)}";
38
- var k = Object.defineProperty, $ = Object.getOwnPropertyDescriptor, m = (t, o, s, a) => {
39
- for (var e = a > 1 ? void 0 : a ? $(o, s) : o, r = t.length - 1, i; r >= 0; r--)
40
- (i = t[r]) && (e = (a ? i(o, s, e) : i(e)) || e);
41
- return a && e && k(o, s, e), e;
34
+ const D = ":host{font-family:var(--luzmo-font-family)}";
35
+ var w = Object.defineProperty, k = Object.getOwnPropertyDescriptor, s = (a, o, r, t) => {
36
+ for (var e = t > 1 ? void 0 : t ? k(o, r) : o, i = a.length - 1, c; i >= 0; i--)
37
+ (c = a[i]) && (e = (t ? c(o, r, e) : c(e)) || e);
38
+ return t && e && w(o, r, e), e;
42
39
  };
43
- let l = class extends b(v, {
44
- validSizes: Object.values(y)
40
+ let l = class extends I(y, {
41
+ validSizes: Object.values(v)
45
42
  }) {
46
43
  constructor() {
47
- super(...arguments), this.language = "en", this.contentLanguage = "en", this.hasLabel = !1, this.icons = "only-menu", this.allowEmpty = !1, this.placeholder = "", this.dataItemId = "", this.loading = !1, this.invalid = !1, this.datasetsDataItems = [];
44
+ super(...arguments), this.language = "en", this.contentLanguage = "en", this.icons = "menu-only", this.allowEmpty = !1, this.placeholder = f("Select..."), this.selects = "single", this.dataItemIds = [], this.loading = !1, this.invalid = !1, this.clearable = !1, this.pending = !1, this.disabled = !1, this.placement = "bottom-start", this.datasetsDataItems = [], this._dataItemsSelected = [];
48
45
  }
49
46
  static get styles() {
50
47
  return [g(D)];
51
48
  }
52
49
  _sendChangeEvent() {
53
50
  this.dispatchEvent(
54
- new CustomEvent("data-item-selected", {
51
+ new CustomEvent("data-items-selected", {
55
52
  bubbles: !0,
56
53
  composed: !0,
57
54
  cancelable: !0,
58
55
  detail: {
59
- dataItem: this._dataItemSelected
56
+ dataItems: this._dataItemsSelected
60
57
  }
61
58
  })
62
59
  );
63
60
  }
64
- setDataItem(t) {
65
- const o = t?.detail;
66
- for (const s of this.datasetsDataItems) {
67
- const a = s.columns, e = s.formulas, r = a.find((u) => u.id === o), i = (u) => {
68
- this._dataItemSelected = u, this.dataItemId = o, this._sendChangeEvent();
69
- };
70
- if (r) {
71
- i(r);
72
- break;
73
- }
74
- const f = e.find((u) => u.id === o);
75
- if (f) {
76
- i(f);
77
- break;
78
- }
79
- }
61
+ _enrichDataItem(a, o, r = !1) {
62
+ const { id: t, ...e } = a, i = {
63
+ ...e,
64
+ datasetId: o
65
+ };
66
+ return r ? i.formulaId = t : i.columnId = t, i;
80
67
  }
81
- _findDataItemInDatasetsDataItems(t) {
82
- for (const o of this.datasetsDataItems) {
83
- const s = o.columns, a = o.formulas, e = s?.find((i) => i.id === t);
84
- if (e) {
85
- this._dataItemSelected = e, this._dataItemSelected.datasetId = o.id, ["hierarchy", "datetime"].includes(e.type ?? "") && (this._dataItemSelected.lowestLevel = e.lowestLevel);
86
- break;
68
+ setDataItem(a) {
69
+ const o = a?.detail?.value ?? [];
70
+ this._dataItemsSelected = [];
71
+ for (const r of o)
72
+ for (const t of this.datasetsDataItems) {
73
+ const e = t.columns ?? [], i = t.formulas ?? [], c = e.find((m) => m.id === r);
74
+ if (c) {
75
+ this._dataItemsSelected.push(this._enrichDataItem(c, t.id));
76
+ break;
77
+ }
78
+ const u = i.find((m) => m.id === r);
79
+ if (u) {
80
+ this._dataItemsSelected.push(this._enrichDataItem(u, t.id, !0));
81
+ break;
82
+ }
87
83
  }
88
- const r = a?.find((i) => i.id === t);
89
- if (r) {
90
- this._dataItemSelected = r, this._dataItemSelected.isFormula = !0, this._dataItemSelected.datasetId = o.id, ["hierarchy", "datetime"].includes(r.type ?? "") && (this._dataItemSelected.lowestLevel = r.lowestLevel);
91
- break;
84
+ this.dataItemIds = o, this._sendChangeEvent();
85
+ }
86
+ _findDataItemsInDatasetsDataItems(a) {
87
+ this._dataItemsSelected = [];
88
+ for (const o of a)
89
+ for (const r of this.datasetsDataItems) {
90
+ const t = r.columns, e = r.formulas, i = t?.find((u) => u.id === o);
91
+ if (i) {
92
+ this._dataItemsSelected.push(this._enrichDataItem(i, r.id));
93
+ break;
94
+ }
95
+ const c = e?.find((u) => u.id === o);
96
+ if (c) {
97
+ this._dataItemsSelected.push(this._enrichDataItem(c, r.id, !0));
98
+ break;
99
+ }
92
100
  }
93
- }
94
101
  }
95
- willUpdate(t) {
96
- const o = t.has("language"), s = t.has("dataItemId"), a = t.has("datasetsDataItems");
97
- if (o && this.language !== I() && ([...x].includes(this.language ?? "en") || this.language === "en") && S(this.language), (s || a) && (this._findDataItemInDatasetsDataItems(this.dataItemId), !this._dataItemSelected && !this.allowEmpty && !this.loading)) {
102
+ willUpdate(a) {
103
+ const o = a.has("language"), r = a.has("dataItemIds"), t = a.has("datasetsDataItems");
104
+ if (o && this.language !== x() && ([...S].includes(this.language ?? "en") || this.language === "en") && _(this.language), (r || t) && (this._findDataItemsInDatasetsDataItems(this.dataItemIds), this._dataItemsSelected.length === 0 && !this.allowEmpty && !this.loading)) {
98
105
  for (const e of this.datasetsDataItems)
99
106
  if (e?.columns?.length > 0) {
100
- this._dataItemSelected = e.columns[0];
107
+ this._dataItemsSelected = [this._enrichDataItem(e.columns[0], e.id)];
101
108
  break;
102
109
  } else if (e?.formulas?.length > 0) {
103
- this._dataItemSelected = e.formulas[0];
110
+ this._dataItemsSelected = [this._enrichDataItem(e.formulas[0], e.id, !0)];
104
111
  break;
105
112
  }
106
- this.dataItemId = this._dataItemSelected?.id, this._sendChangeEvent();
113
+ this.dataItemIds = this._dataItemsSelected.map((e) => e.id), this._sendChangeEvent();
107
114
  }
108
115
  }
109
116
  render() {
110
- let t = d``;
111
- for (const a of this.datasetsDataItems ?? []) {
112
- const e = a?.columns ?? [], r = a?.formulas ?? [], i = (c) => {
113
- const h = d`
114
- <luzmo-icon
115
- slot="icon"
116
- .size=${this.size}
117
- .icon=${w(c, this.size)}
118
- >
119
- </luzmo-icon>
120
- `;
121
- return d`<luzmo-menu-item value=${c.id}>
122
- ${this.icons === "none" ? "" : h}
123
- ${_(c?.name ?? {}, this.contentLanguage)}
124
- </luzmo-menu-item>`;
125
- }, f = e.map((c) => i(c)), u = r.map((c) => i(c));
126
- t = d`${f} ${u}`;
117
+ const a = [], o = this.icons !== "none";
118
+ for (const i of this.datasetsDataItems ?? []) {
119
+ const c = i?.columns ?? [], u = i?.formulas ?? [];
120
+ for (const m of c) {
121
+ const d = {
122
+ value: m.id,
123
+ label: p(m?.name ?? {}, this.contentLanguage) ?? ""
124
+ };
125
+ o && (d.icon = h(m, this.size)), a.push(d);
126
+ }
127
+ for (const m of u) {
128
+ const d = {
129
+ value: m.id,
130
+ label: p(m?.name ?? {}, this.contentLanguage) ?? ""
131
+ };
132
+ o && (d.icon = h(m, this.size)), a.push(d);
133
+ }
127
134
  }
128
- const o = d`${t}`, s = d`
129
- <luzmo-field-label for="data-item" size=${this.size}
130
- >${this.label ?? z("Select...")}
131
- </luzmo-field-label>
132
- `;
133
- return d` ${this.hasLabel ? s : ""}
134
- <luzmo-picker
135
- label=${this.placeholder ?? z("Select...")}
136
- id="data-item"
137
- size=${this.size}
138
- .icons=${!this.icons || ["none", "only-menu"].includes(this.icons) ? "none" : void 0}
139
- variant="highlight"
140
- .pending=${this.loading}
141
- .invalid=${this.invalid}
142
- value=${this.dataItemId}
135
+ const r = this.pending ? "" : this.label || this.placeholder || f("Select..."), t = this.pending || this.dataItemIds.length === 0 ? [] : this.dataItemIds, e = this.icons === "none" || this.icons === "menu-only" ? "none" : void 0;
136
+ return z`<luzmo-select
137
+ id="data-items"
138
+ .size=${this.size}
139
+ .label=${r}
140
+ .retrieving=${this.loading}
141
+ .icons=${e}
142
+ .selects=${this.selects}
143
+ .variant=${"highlight"}
144
+ .placement=${this.placement}
145
+ emphasized
146
+ no-wrap
147
+ ?invalid=${this.invalid}
148
+ ?clearable=${this.clearable}
149
+ ?pending=${this.pending}
150
+ ?disabled=${this.disabled}
151
+ .options=${a}
152
+ .value=${t}
143
153
  @change=${this.setDataItem}
144
154
  >
145
- ${o}
146
- </luzmo-picker>`;
155
+ </luzmo-select>`;
147
156
  }
148
157
  };
149
- m([
158
+ s([
150
159
  n({ type: String, reflect: !0 })
151
160
  ], l.prototype, "language", 2);
152
- m([
161
+ s([
153
162
  n({ type: String, attribute: "content-language", reflect: !0 })
154
163
  ], l.prototype, "contentLanguage", 2);
155
- m([
156
- n({ type: Boolean, attribute: "has-label", reflect: !0 })
157
- ], l.prototype, "hasLabel", 2);
158
- m([
164
+ s([
159
165
  n({ type: String, reflect: !0 })
160
166
  ], l.prototype, "label", 2);
161
- m([
167
+ s([
162
168
  n({ type: String, reflect: !0 })
163
169
  ], l.prototype, "icons", 2);
164
- m([
170
+ s([
165
171
  n({ type: Boolean, attribute: "allow-empty", reflect: !0 })
166
172
  ], l.prototype, "allowEmpty", 2);
167
- m([
173
+ s([
168
174
  n({ type: String, attribute: "placeholder", reflect: !0 })
169
175
  ], l.prototype, "placeholder", 2);
170
- m([
171
- n({ type: String, attribute: "data-item-id", reflect: !0 })
172
- ], l.prototype, "dataItemId", 2);
173
- m([
176
+ s([
177
+ n({ type: String, reflect: !0 })
178
+ ], l.prototype, "selects", 2);
179
+ s([
180
+ n({ type: Array, attribute: "data-item-ids", reflect: !0 })
181
+ ], l.prototype, "dataItemIds", 2);
182
+ s([
174
183
  n({ type: Boolean, attribute: "loading", reflect: !0 })
175
184
  ], l.prototype, "loading", 2);
176
- m([
185
+ s([
177
186
  n({ type: Boolean, attribute: "invalid", reflect: !0 })
178
187
  ], l.prototype, "invalid", 2);
179
- m([
188
+ s([
189
+ n({ type: Boolean, attribute: "clearable", reflect: !0 })
190
+ ], l.prototype, "clearable", 2);
191
+ s([
192
+ n({ type: Boolean, attribute: "pending", reflect: !0 })
193
+ ], l.prototype, "pending", 2);
194
+ s([
195
+ n({ type: Boolean, attribute: "disabled", reflect: !0 })
196
+ ], l.prototype, "disabled", 2);
197
+ s([
198
+ n({ type: String, reflect: !0 })
199
+ ], l.prototype, "placement", 2);
200
+ s([
180
201
  n({ type: Array, reflect: !1 })
181
202
  ], l.prototype, "datasetsDataItems", 2);
182
- l = m([
183
- p()
203
+ l = s([
204
+ b()
184
205
  ], l);
185
- customElements.get("luzmo-filter-data-item-picker") || customElements.define(
186
- "luzmo-filter-data-item-picker",
206
+ customElements.get("luzmo-data-items-select") || customElements.define(
207
+ "luzmo-data-items-select",
187
208
  l
188
209
  );
189
- export {
190
- l as LuzmoFilterDataItemPicker
191
- };
@@ -17,7 +17,7 @@
17
17
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
18
18
  * SOFTWARE.
19
19
  * */
20
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const f=require("../index-CFL6gmIu.cjs"),v=require("../localize-C4zNlrwK.cjs"),_=require("../set-locale-BRRalqne.cjs"),l=require("lit"),i=require("lit/decorators.js"),y=require("lit/directives/repeat.js");require("../dataset-icon/index.cjs");const z=":host{box-sizing:border-box;display:flex;flex-direction:column;height:100%;font-family:var(--luzmo-dataset-selector-list-font-family, var(--dataset-selector-list-font-family))}:host .dataset-selector-list{display:flex;flex-direction:column;gap:var(--luzmo-dataset-selector-list-gap, var(--dataset-selector-list-gap));height:100%;background:var(--luzmo-dataset-selector-list-background, var(--dataset-selector-list-background));padding:var(--luzmo-dataset-selector-list-padding, var(--dataset-selector-list-padding));border-radius:var(--luzmo-dataset-selector-list-border-radius, var(--dataset-selector-list-border-radius))}:host .search-input{background-color:var(--luzmo-dataset-selector-list-input-background, var(--dataset-selector-list-input-background));border:none;border-bottom:1px solid var(--luzmo-dataset-selector-list-input-border-color, var(--dataset-selector-list-input-border-color));color:var(--luzmo-dataset-selector-list-input-color, var(--dataset-selector-list-input-color));line-height:var(--luzmo-dataset-selector-list-input-line-height, var(--dataset-selector-list-input-line-height));font-size:var(--luzmo-dataset-selector-list-input-font-size, var(--dataset-selector-list-input-font-size));margin:0;outline:none;padding:var(--luzmo-dataset-selector-list-input-padding, var(--dataset-selector-list-input-padding));width:100%;box-sizing:border-box}:host .search-input::placeholder{color:var(--luzmo-font-color-tertiary, #999)}:host .datasets-scroll-container{flex:1;overflow-y:auto;overflow-x:hidden;min-height:0}:host .datasets-scroll-container::-webkit-scrollbar{width:var(--luzmo-dataset-selector-list-scrollbar-width, var(--dataset-selector-list-scrollbar-width))}:host .datasets-scroll-container::-webkit-scrollbar-track{background:var(--luzmo-dataset-selector-list-scrollbar-track-background, var(--dataset-selector-list-scrollbar-track-background));border-radius:var(--luzmo-dataset-selector-list-scrollbar-track-border-radius, var(--dataset-selector-list-scrollbar-track-border-radius))}:host .datasets-scroll-container::-webkit-scrollbar-thumb{background:var(--luzmo-dataset-selector-list-scrollbar-thumb-background, var(--dataset-selector-list-scrollbar-thumb-background));border-radius:var(--luzmo-dataset-selector-list-scrollbar-thumb-border-radius, var(--dataset-selector-list-scrollbar-thumb-border-radius))}:host .datasets-scroll-container::-webkit-scrollbar-thumb:hover{background:var(--luzmo-dataset-selector-list-scrollbar-thumb-hover-background, var(--dataset-selector-list-scrollbar-thumb-hover-background))}:host .datasets-scroll-container{scrollbar-width:thin;scrollbar-color:var(--luzmo-dataset-selector-list-scrollbar-thumb-background, var(--dataset-selector-list-scrollbar-thumb-background)) var(--luzmo-dataset-selector-list-scrollbar-track-background, var(--dataset-selector-list-scrollbar-track-background))}:host .datasets-list{display:flex;flex-direction:column}:host .available-dataset-item{padding:var(--luzmo-dataset-selector-list-item-padding, var(--dataset-selector-list-item-padding));display:flex;flex-direction:row;align-items:center;gap:var(--luzmo-dataset-selector-list-item-gap, var(--dataset-selector-list-item-gap));cursor:pointer;border-radius:var(--luzmo-dataset-selector-list-item-border-radius, var(--dataset-selector-list-item-border-radius));transition:background-color .15s ease}:host .available-dataset-item:hover{background-color:var(--luzmo-dataset-selector-list-item-hover-background, var(--dataset-selector-list-item-hover-background))}:host .available-dataset-item:focus{outline:none}:host .available-dataset-item .dataset-icon{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:16px;height:16px}:host .available-dataset-item .dataset-icon luzmo-icon{display:flex}:host .available-dataset-item .dataset-icon-img{width:16px;height:16px;object-fit:contain}:host .available-dataset-item .dataset-name{flex:1;line-height:var(--luzmo-dataset-selector-list-item-line-height, var(--dataset-selector-list-item-line-height));font-size:var(--luzmo-dataset-selector-list-item-font-size, var(--dataset-selector-list-item-font-size));overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host .no-datasets-found{display:flex;align-items:center;justify-content:center;height:50%;color:var(--luzmo-dataset-selector-list-no-datasets-color, var(--dataset-selector-list-no-datasets-color));font-size:var(--luzmo-dataset-selector-list-no-datasets-font-size, var(--dataset-selector-list-no-datasets-font-size));text-align:center;padding:var(--luzmo-spacing-4, 1rem)}:host .loader{display:flex;align-items:center;justify-content:center;padding:var(--luzmo-spacing-5, 1.25rem) 0}:host .loader .spinner{width:var(--luzmo-dataset-selector-list-loader-size, var(--dataset-selector-list-loader-size));height:var(--luzmo-dataset-selector-list-loader-size, var(--dataset-selector-list-loader-size));border:2px solid var(--luzmo-border-color-light, #e0e0e0);border-top-color:var(--luzmo-dataset-selector-list-loader-color, var(--dataset-selector-list-loader-color));border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}:host{--dataset-selector-list-background: var(--luzmo-background-color);--dataset-selector-list-padding: 0;--dataset-selector-list-gap: var(--luzmo-spacing-2);--dataset-selector-list-border-radius: var(--luzmo-border-radius-m);--dataset-selector-list-font-family: var(--luzmo-font-family);--dataset-selector-list-input-background: var(--luzmo-background-color);--dataset-selector-list-input-border-color: var(--luzmo-border-color-light, rgba(0,0,0,.05));--dataset-selector-list-input-color: var(--luzmo-font-color);--dataset-selector-list-input-padding: 0 var(--luzmo-spacing-4) var(--luzmo-spacing-2);--dataset-selector-list-input-font-size: var(--luzmo-font-size-s);--dataset-selector-list-input-line-height: 1.5rem;--dataset-selector-list-item-padding: var(--luzmo-spacing-1) var(--luzmo-spacing-4);--dataset-selector-list-item-gap: var(--luzmo-spacing-3);--dataset-selector-list-item-hover-background: var( --luzmo-background-color-highlight );--dataset-selector-list-item-font-size: var(--luzmo-font-size-s);--dataset-selector-list-item-line-height: 1.5rem;--dataset-selector-list-item-border-radius: var(--luzmo-border-radius-s);--dataset-selector-list-scrollbar-width: 6px;--dataset-selector-list-scrollbar-track-background: var( --luzmo-background-color-highlight );--dataset-selector-list-scrollbar-track-border-radius: var( --luzmo-border-radius-s );--dataset-selector-list-scrollbar-thumb-background: var( --luzmo-border-color-full );--dataset-selector-list-scrollbar-thumb-border-radius: var( --luzmo-border-radius-s );--dataset-selector-list-scrollbar-thumb-hover-background: var( --luzmo-border-color-full-hover );--dataset-selector-list-loader-size: 24px;--dataset-selector-list-loader-color: var(--luzmo-primary);--dataset-selector-list-no-datasets-color: var(--luzmo-font-color-tertiary);--dataset-selector-list-no-datasets-font-size: var(--luzmo-font-size-s)}";var D=Object.defineProperty,k=Object.getOwnPropertyDescriptor,d=(g,t,e,s)=>{for(var a=s>1?void 0:s?k(t,e):t,r=g.length-1,c;r>=0;r--)(c=g[r])&&(a=(s?c(t,e,a):c(a))||a);return s&&a&&D(t,e,a),a};const m=7,w=600,L=5,b=class b extends l.LitElement{constructor(){super(...arguments),this._selectedDatasets=new Set,this.showSearch=!0,this.searchPlaceholder="Search datasets...",this.noDatasetsMessage="No datasets found",this.authKey="",this.authToken="",this.apiUrl="https://api.luzmo.com",this.appServer="https://app.luzmo.com",this.flagOpendata=!1,this._availableDatasets=[],this._status={allDatasetsLoaded:!1,paging:!1,busy:!0,error:!1},this._searchValue="",this._currentOffset=0,this._searchDebounceTimer=null,this._queryCache=new Map,this._calculatedQueryLimit=null,this._hasLoadedEmptyPage=!1}set selectedDatasets(t){this._selectedDatasets=t,this._shouldLoadMoreDatasetsForViewport()&&this._loadAvailableDatasets({append:!0})}get selectedDatasets(){return this._selectedDatasets}connectedCallback(){super.connectedCallback?.(),this._configureBroker(),this._waitForContainerHeightAndLoad()}_configureBroker(){(this.authKey||this.authToken||this.apiUrl)&&f.dataBroker.configure({authKey:this.authKey,authToken:this.authToken,apiUrl:this.apiUrl})}_waitForContainerHeightAndLoad(){requestAnimationFrame(()=>{this._loadAvailableDatasets({append:!1})})}_calculateOptimalQueryLimit(){if(this._calculatedQueryLimit!==null)return this._calculatedQueryLimit;const t=this.shadowRoot?.querySelector(".dataset-selector-list");if(!t)return m;const e=getComputedStyle(t),s=t.clientHeight,a=Number.parseFloat(e.height),r=Math.max(s,a);if(r<=0)return m;const h=Math.floor(r/24),n=Math.max(h+L,m);return this._calculatedQueryLimit=n,n}get _filteredDatasets(){return this._selectedDatasets.size===0?this._availableDatasets:this._availableDatasets.filter(e=>!this._selectedDatasets.has(e.id))}_handleSearchInput(t){const e=t.target;this._searchValue=e.value,this._searchDebounceTimer!==null&&clearTimeout(this._searchDebounceTimer),this._searchDebounceTimer=window.setTimeout(()=>{this._loadAvailableDatasets({append:!1})},w)}_handleScroll(t){const e=t.target,s=e.scrollTop,a=e.scrollHeight,r=e.clientHeight;s+r>=a-50&&!this._status.allDatasetsLoaded&&!this._status.busy&&this._loadAvailableDatasets({append:!0})}async _loadAvailableDatasets({append:t}){t||(this._calculatedQueryLimit=null,this._hasLoadedEmptyPage=!1),this._status={...this._status,busy:!0,allDatasetsLoaded:t?this._status.allDatasetsLoaded:!1,paging:t};const e=this._generateQuery(t),s=JSON.stringify(e),a=this._queryCache.has(s);try{let r;a?r=this._queryCache.get(s):(r=await f.dataBroker.fetchApi("/securable",{action:"get",version:"0.1.0",find:e}),this._queryCache.set(s,r)),this._onDatasetsLoaded(t,r),this._shouldLoadMoreDatasetsForViewport()&&await this._loadAvailableDatasets({append:!0})}catch(r){console.error("Error loading datasets:",r),this._status={...this._status,busy:!1,paging:!1,error:!0}}finally{this._status={...this._status,busy:!1,paging:!1}}}_generateQuery(t){const e=this._calculateOptimalQueryLimit();t?this._currentOffset+=e:this._currentOffset=0;const s=this._searchValue?{search:{match_types:["name","description"],keyphrase:this._searchValue,securable_types:"dataset"},order:[["name","asc"]]}:{order:[["updated_at","desc"]]};return{attributes:["id","updated_at","name","subtype"],include:[{model:"Collection",attributes:["id","favorite"],where:{favorite:!0}},{model:"Account",attributes:["id","provider","name"],include:[{model:"Plugin",attributes:["id"],include:[{model:"Thumbnail",where:{size:"32px"}}]}]}],where:{type:"dataset"},limit:e,offset:this._currentOffset,...s,...this.flagOpendata?{public:null}:{}}}_onDatasetsLoaded(t,{rows:e,count:s}){let a;if(t){const n=new Set(this._availableDatasets.map(u=>u.id)),p=e.filter(u=>!n.has(u.id));a=[...this._availableDatasets,...p]}else a=e||[];t&&e.length===0?this._hasLoadedEmptyPage=!0:e.length>0&&(this._hasLoadedEmptyPage=!1);const r=a.reduce((n,p)=>(n.some(u=>u.id===p.id)||n.push(p),n),[]),c=a.length,h=this._hasLoadedEmptyPage||c>=s;this._status={...this._status,allDatasetsLoaded:h},this._availableDatasets=r}_shouldLoadMoreDatasetsForViewport(){if(this._status.allDatasetsLoaded||this._hasLoadedEmptyPage||this._status.busy)return!1;const t=this.shadowRoot?.querySelector(".datasets-scroll-container");if(!t)return!1;const e=t.clientHeight,a=Math.ceil(e/24),c=Math.ceil(a*1.5);return this._filteredDatasets.length<c}_getDatasetName(t){const e=_.getLocale();return v.localize(t.name,e)||t.id||"Unknown Dataset"}_selectDataset(t){this.dispatchEvent(new CustomEvent("dataset-selected",{detail:t,bubbles:!0,composed:!0}))}_handleDatasetClick(t){const e=t.currentTarget.dataset.datasetId,s=this._filteredDatasets.find(a=>a.id===e);s&&this._selectDataset(s)}_handleDatasetKeydown(t){if(t.key==="Enter"||t.key===" "){t.preventDefault();const e=t.currentTarget.dataset.datasetId,s=this._filteredDatasets.find(a=>a.id===e);s&&this._selectDataset(s)}}_renderLoader(){return l.html`
20
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const v=require("../index-CAbDIHYI.cjs"),f=require("../localize-C4zNlrwK.cjs"),_=require("../set-locale-B8iQGfk0.cjs"),l=require("lit"),i=require("lit/decorators.js"),y=require("lit/directives/repeat.js");require("../dataset-icon/index.cjs");const z=":host{box-sizing:border-box;display:flex;flex-direction:column;height:100%;font-family:var(--luzmo-dataset-selector-list-font-family, var(--dataset-selector-list-font-family));color:var(--luzmo-dataset-selector-list-color)}:host .dataset-selector-list{display:flex;flex-direction:column;gap:var(--luzmo-dataset-selector-list-gap, var(--dataset-selector-list-gap));height:100%;background:var(--luzmo-dataset-selector-list-background, var(--dataset-selector-list-background));padding:var(--luzmo-dataset-selector-list-padding, var(--dataset-selector-list-padding));border-radius:var(--luzmo-dataset-selector-list-border-radius, var(--dataset-selector-list-border-radius))}:host .search-input{background-color:var(--luzmo-dataset-selector-list-input-background, var(--dataset-selector-list-input-background));border:none;border-bottom:1px solid var(--luzmo-dataset-selector-list-input-border-color, var(--dataset-selector-list-input-border-color));color:var(--luzmo-dataset-selector-list-input-color, var(--dataset-selector-list-input-color));line-height:var(--luzmo-dataset-selector-list-input-line-height, var(--dataset-selector-list-input-line-height));font-size:var(--luzmo-dataset-selector-list-input-font-size, var(--dataset-selector-list-input-font-size));margin:0;outline:none;padding:var(--luzmo-dataset-selector-list-input-padding, var(--dataset-selector-list-input-padding));width:100%;box-sizing:border-box}:host .search-input::placeholder{color:var(--luzmo-font-color-tertiary, #999)}:host .datasets-scroll-container{flex:1;overflow-y:auto;overflow-x:hidden;min-height:0}:host .datasets-scroll-container::-webkit-scrollbar{width:var(--luzmo-dataset-selector-list-scrollbar-width, var(--dataset-selector-list-scrollbar-width))}:host .datasets-scroll-container::-webkit-scrollbar-track{background:var(--luzmo-dataset-selector-list-scrollbar-track-background, var(--dataset-selector-list-scrollbar-track-background));border-radius:var(--luzmo-dataset-selector-list-scrollbar-track-border-radius, var(--dataset-selector-list-scrollbar-track-border-radius))}:host .datasets-scroll-container::-webkit-scrollbar-thumb{background:var(--luzmo-dataset-selector-list-scrollbar-thumb-background, var(--dataset-selector-list-scrollbar-thumb-background));border-radius:var(--luzmo-dataset-selector-list-scrollbar-thumb-border-radius, var(--dataset-selector-list-scrollbar-thumb-border-radius))}:host .datasets-scroll-container::-webkit-scrollbar-thumb:hover{background:var(--luzmo-dataset-selector-list-scrollbar-thumb-hover-background, var(--dataset-selector-list-scrollbar-thumb-hover-background))}:host .datasets-scroll-container{scrollbar-width:thin;scrollbar-color:var(--luzmo-dataset-selector-list-scrollbar-thumb-background, var(--dataset-selector-list-scrollbar-thumb-background)) var(--luzmo-dataset-selector-list-scrollbar-track-background, var(--dataset-selector-list-scrollbar-track-background))}:host .datasets-list{display:flex;flex-direction:column}:host .available-dataset-item{padding:var(--luzmo-dataset-selector-list-item-padding, var(--dataset-selector-list-item-padding));color:var(--luzmo-dataset-selector-available-dataset-color, var(--dataset-selector-available-dataset-color));display:flex;flex-direction:row;align-items:center;gap:var(--luzmo-dataset-selector-list-item-gap, var(--dataset-selector-list-item-gap));cursor:pointer;border-radius:var(--luzmo-dataset-selector-list-item-border-radius, var(--dataset-selector-list-item-border-radius));transition:background-color .15s ease}:host .available-dataset-item:hover{background-color:var(--luzmo-dataset-selector-list-item-hover-background, var(--dataset-selector-list-item-hover-background))}:host .available-dataset-item:focus{outline:none}:host .available-dataset-item .dataset-icon{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:16px;height:16px}:host .available-dataset-item .dataset-icon luzmo-icon{display:flex}:host .available-dataset-item .dataset-icon-img{width:16px;height:16px;object-fit:contain}:host .available-dataset-item .dataset-name{flex:1;line-height:var(--luzmo-dataset-selector-list-item-line-height, var(--dataset-selector-list-item-line-height));font-size:var(--luzmo-dataset-selector-list-item-font-size, var(--dataset-selector-list-item-font-size));overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host .no-datasets-found{display:flex;align-items:center;justify-content:center;height:50%;color:var(--luzmo-dataset-selector-list-no-datasets-color, var(--dataset-selector-list-no-datasets-color));font-size:var(--luzmo-dataset-selector-list-no-datasets-font-size, var(--dataset-selector-list-no-datasets-font-size));text-align:center;padding:var(--luzmo-spacing-4, 1rem)}:host .loader{display:flex;align-items:center;justify-content:center;padding:var(--luzmo-spacing-5, 1.25rem) 0}:host .loader .spinner{width:var(--luzmo-dataset-selector-list-loader-size, var(--dataset-selector-list-loader-size));height:var(--luzmo-dataset-selector-list-loader-size, var(--dataset-selector-list-loader-size));border:2px solid var(--luzmo-border-color-light, #e0e0e0);border-top-color:var(--luzmo-dataset-selector-list-loader-color, var(--dataset-selector-list-loader-color));border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}:host{--dataset-selector-list-background: var(--luzmo-background-color);--dataset-selector-list-padding: 0;--dataset-selector-list-gap: var(--luzmo-spacing-2);--dataset-selector-list-border-radius: var(--luzmo-border-radius-m);--dataset-selector-list-font-family: var(--luzmo-font-family);--dataset-selector-list-input-background: var(--luzmo-background-color);--dataset-selector-list-input-border-color: var(--luzmo-border-color-light, rgba(0,0,0,.05));--dataset-selector-list-input-color: var(--luzmo-font-color);--dataset-selector-list-input-padding: 0 var(--luzmo-spacing-4) var(--luzmo-spacing-2);--dataset-selector-list-input-font-size: var(--luzmo-font-size-s);--dataset-selector-list-input-line-height: 1.5rem;--dataset-selector-list-item-padding: var(--luzmo-spacing-1) var(--luzmo-spacing-4);--dataset-selector-list-item-gap: var(--luzmo-spacing-3);--dataset-selector-list-item-hover-background: var( --luzmo-background-color-highlight );--dataset-selector-list-item-font-size: var(--luzmo-font-size-s);--dataset-selector-list-item-line-height: 1.5rem;--dataset-selector-list-item-border-radius: var(--luzmo-border-radius-s);--dataset-selector-list-scrollbar-width: 6px;--dataset-selector-list-scrollbar-track-background: var( --luzmo-background-color-highlight );--dataset-selector-list-scrollbar-track-border-radius: var( --luzmo-border-radius-s );--dataset-selector-list-scrollbar-thumb-background: var( --luzmo-border-color-full );--dataset-selector-list-scrollbar-thumb-border-radius: var( --luzmo-border-radius-s );--dataset-selector-list-scrollbar-thumb-hover-background: var( --luzmo-border-color-full-hover );--dataset-selector-list-loader-size: 24px;--dataset-selector-list-loader-color: var(--luzmo-primary);--dataset-selector-list-no-datasets-color: var(--luzmo-font-color);--dataset-selector-list-no-datasets-font-size: var(--luzmo-font-size-s);--dataset-selector-available-dataset-color: var(---luzmo-font-color)}";var D=Object.defineProperty,k=Object.getOwnPropertyDescriptor,d=(g,t,e,s)=>{for(var a=s>1?void 0:s?k(t,e):t,r=g.length-1,c;r>=0;r--)(c=g[r])&&(a=(s?c(t,e,a):c(a))||a);return s&&a&&D(t,e,a),a};const m=7,w=600,L=5,b=class b extends l.LitElement{constructor(){super(...arguments),this._selectedDatasets=new Set,this.showSearch=!0,this.searchPlaceholder="Search datasets...",this.noDatasetsMessage="No datasets found",this.authKey="",this.authToken="",this.apiUrl="https://api.luzmo.com",this.appServer="https://app.luzmo.com",this.flagOpendata=!1,this._availableDatasets=[],this._status={allDatasetsLoaded:!1,paging:!1,busy:!0,error:!1},this._searchValue="",this._currentOffset=0,this._searchDebounceTimer=null,this._queryCache=new Map,this._calculatedQueryLimit=null,this._hasLoadedEmptyPage=!1}set selectedDatasets(t){this._selectedDatasets=t,this._shouldLoadMoreDatasetsForViewport()&&this._loadAvailableDatasets({append:!0})}get selectedDatasets(){return this._selectedDatasets}connectedCallback(){super.connectedCallback?.(),this._configureBroker(),this._waitForContainerHeightAndLoad()}_configureBroker(){(this.authKey||this.authToken||this.apiUrl)&&v.dataBroker.configure({authKey:this.authKey,authToken:this.authToken,apiUrl:this.apiUrl})}_waitForContainerHeightAndLoad(){requestAnimationFrame(()=>{this._loadAvailableDatasets({append:!1})})}_calculateOptimalQueryLimit(){if(this._calculatedQueryLimit!==null)return this._calculatedQueryLimit;const t=this.shadowRoot?.querySelector(".dataset-selector-list");if(!t)return m;const e=getComputedStyle(t),s=t.clientHeight,a=Number.parseFloat(e.height),r=Math.max(s,a);if(r<=0)return m;const h=Math.floor(r/24),n=Math.max(h+L,m);return this._calculatedQueryLimit=n,n}get _filteredDatasets(){return this._selectedDatasets.size===0?this._availableDatasets:this._availableDatasets.filter(e=>!this._selectedDatasets.has(e.id))}_handleSearchInput(t){const e=t.target;this._searchValue=e.value,this._searchDebounceTimer!==null&&clearTimeout(this._searchDebounceTimer),this._searchDebounceTimer=window.setTimeout(()=>{this._loadAvailableDatasets({append:!1})},w)}_handleScroll(t){const e=t.target,s=e.scrollTop,a=e.scrollHeight,r=e.clientHeight;s+r>=a-50&&!this._status.allDatasetsLoaded&&!this._status.busy&&this._loadAvailableDatasets({append:!0})}async _loadAvailableDatasets({append:t}){t||(this._calculatedQueryLimit=null,this._hasLoadedEmptyPage=!1),this._status={...this._status,busy:!0,allDatasetsLoaded:t?this._status.allDatasetsLoaded:!1,paging:t};const e=this._generateQuery(t),s=JSON.stringify(e),a=this._queryCache.has(s);try{let r;a?r=this._queryCache.get(s):(r=await v.dataBroker.fetchApi("/securable",{action:"get",version:"0.1.0",find:e}),this._queryCache.set(s,r)),this._onDatasetsLoaded(t,r),this._shouldLoadMoreDatasetsForViewport()&&await this._loadAvailableDatasets({append:!0})}catch(r){console.error("Error loading datasets:",r),this._status={...this._status,busy:!1,paging:!1,error:!0}}finally{this._status={...this._status,busy:!1,paging:!1}}}_generateQuery(t){const e=this._calculateOptimalQueryLimit();t?this._currentOffset+=e:this._currentOffset=0;const s=this._searchValue?{search:{match_types:["name","description"],keyphrase:this._searchValue,securable_types:"dataset"},order:[["name","asc"]]}:{order:[["updated_at","desc"]]};return{attributes:["id","updated_at","name","subtype"],include:[{model:"Collection",attributes:["id","favorite"],where:{favorite:!0}},{model:"Account",attributes:["id","provider","name"],include:[{model:"Plugin",attributes:["id"],include:[{model:"Thumbnail",where:{size:"32px"}}]}]}],where:{type:"dataset"},limit:e,offset:this._currentOffset,...s,...this.flagOpendata?{public:null}:{}}}_onDatasetsLoaded(t,{rows:e,count:s}){let a;if(t){const n=new Set(this._availableDatasets.map(u=>u.id)),p=e.filter(u=>!n.has(u.id));a=[...this._availableDatasets,...p]}else a=e||[];t&&e.length===0?this._hasLoadedEmptyPage=!0:e.length>0&&(this._hasLoadedEmptyPage=!1);const r=a.reduce((n,p)=>(n.some(u=>u.id===p.id)||n.push(p),n),[]),c=a.length,h=this._hasLoadedEmptyPage||c>=s;this._status={...this._status,allDatasetsLoaded:h},this._availableDatasets=r}_shouldLoadMoreDatasetsForViewport(){if(this._status.allDatasetsLoaded||this._hasLoadedEmptyPage||this._status.busy)return!1;const t=this.shadowRoot?.querySelector(".datasets-scroll-container");if(!t)return!1;const e=t.clientHeight,a=Math.ceil(e/24),c=Math.ceil(a*1.5);return this._filteredDatasets.length<c}_getDatasetName(t){const e=_.getLocale();return f.localize(t.name,e)||t.id||"Unknown Dataset"}_selectDataset(t){this.dispatchEvent(new CustomEvent("dataset-selected",{detail:t,bubbles:!0,composed:!0}))}_handleDatasetClick(t){const e=t.currentTarget.dataset.datasetId,s=this._filteredDatasets.find(a=>a.id===e);s&&this._selectDataset(s)}_handleDatasetKeydown(t){if(t.key==="Enter"||t.key===" "){t.preventDefault();const e=t.currentTarget.dataset.datasetId,s=this._filteredDatasets.find(a=>a.id===e);s&&this._selectDataset(s)}}_renderLoader(){return l.html`
21
21
  <div class="loader">
22
22
  <div class="spinner"></div>
23
23
  </div>
@@ -17,9 +17,9 @@
17
17
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
18
18
  * SOFTWARE.
19
19
  * */
20
- import { d as v } from "../index-DNPULp4A.js";
20
+ import { d as v } from "../index-BikhVAa1.js";
21
21
  import { l as _ } from "../localize-CcDpq940.js";
22
- import { g as y } from "../set-locale-hKTMz37h.js";
22
+ import { g as y } from "../set-locale-B5562CBM.js";
23
23
  import { LitElement as x, unsafeCSS as k, html as n, nothing as b } from "lit";
24
24
  import { property as c, state as f } from "lit/decorators.js";
25
25
  import { repeat as w } from "lit/directives/repeat.js";
@@ -30,7 +30,7 @@ import "../dataset-icon/index.js";
30
30
  t.setAttribute("data-luzmo-vars", ""), t.textContent = 'html{--luzmo-animation-duration: 0.15s;--luzmo-border-color: rgba(var(--luzmo-border-color-rgb), 0.1);--luzmo-border-color-hover: rgba(var(--luzmo-border-color-rgb), 0.15);--luzmo-border-color-down: rgba(var(--luzmo-border-color-rgb), 0.3);--luzmo-border-color-focus: rgba(var(--luzmo-border-color-rgb), 0.15);--luzmo-border-color-rgb: 0, 0, 0;--luzmo-border-color-full: rgb(180, 180, 180);--luzmo-border-color-full-hover: rgb(140, 140, 140);--luzmo-border-color-full-down: rgb(110, 110, 110);--luzmo-border-color-full-focus: rgb(140, 140, 140);--luzmo-border-color-disabled: #dddddd;--luzmo-border-radius: 6px;--luzmo-border-radius-s: 4px;--luzmo-border-radius-l: 8px;--luzmo-border-radius-xl: 12px;--luzmo-border-radius-full: 999rem;--luzmo-background-color: #ffffff;--luzmo-background-color-rgb: 255, 255, 255;--luzmo-background-color-disabled: #eeeeee;--luzmo-background-color-hover: #f0f0fc;--luzmo-background-color-down: #f1f1ff;--luzmo-background-color-focus: #f0f0fc;--luzmo-background-color-highlight: rgb(240, 240, 240);--luzmo-background-color-highlight-disabled: rgb(245, 245, 245);--luzmo-background-color-highlight-hover: rgb(225, 225, 225);--luzmo-background-color-highlight-down: rgb(215, 215, 215);--luzmo-background-color-highlight-focus: rgb(225, 225, 225);--luzmo-background-color-alt-1: rgb(250, 250, 250);--luzmo-background-color-alt-2: rgb(239, 239, 239);--luzmo-border-width: 1px;--luzmo-font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", Helvetica, Arial, sans-serif;--luzmo-font-size-xs: 10px;--luzmo-font-size-s: 12px;--luzmo-font-size-m: 14px;--luzmo-font-size: 14px;--luzmo-font-size-l: 16px;--luzmo-font-size-xl: 18px;--luzmo-font-size-xxl: 20px;--luzmo-font-style: normal;--luzmo-line-height: normal;--luzmo-font-weight: 400;--luzmo-font-weight-semibold: 500;--luzmo-font-weight-bold: 600;--luzmo-font-color: #333;--luzmo-font-color-hard: #000;--luzmo-font-color-disabled: var(--luzmo-color-disabled);--luzmo-font-color-extra-dimmed: #888;--luzmo-font-color-hover: #333;--luzmo-font-color-down: #111;--luzmo-font-color-focus: #333;--luzmo-primary: #4434ff;--luzmo-primary-hover: #4234e4;--luzmo-primary-down: #392cc7;--luzmo-primary-focus: #4234e4;--luzmo-primary-inverse-color: #ffffff;--luzmo-primary-rgb: 68, 52, 255;--luzmo-secondary: #ff00ff;--luzmo-secondary-hover: #e309e3;--luzmo-secondary-down: #c711c7;--luzmo-secondary-focus: #e309e3;--luzmo-secondary-inverse-color: #ffffff;--luzmo-secondary-rgb: 255, 0, 255;--luzmo-secondary-outline: rgba(255, 0, 255, 0.2);--luzmo-negative-color: #ca221c;--luzmo-negative-color-hover: #b3241f;--luzmo-negative-color-down: #9f231f;--luzmo-negative-color-focus: #b3241f;--luzmo-negative-color-rgb: 202, 34, 28;--luzmo-positive-color: rgb(20, 150, 101);--luzmo-positive-color-hover: rgb(17, 128, 86);--luzmo-positive-color-down: rgb(16, 105, 71);--luzmo-positive-color-focus: rgb(17, 128, 86);--luzmo-positive-color-rgb: 20, 150, 101;--luzmo-selected-color: rgb(110, 110, 110);--luzmo-selected-color-hover: rgb(70, 70, 70);--luzmo-selected-color-down: rgb(40, 40, 40);--luzmo-selected-color-focus: rgb(70, 70, 70);--luzmo-selected-color-hard: #1e1e1e;--luzmo-selected-color-hard-hover: rgb(0, 0, 0);--luzmo-selected-color-hard-down: rgb(0, 0, 0);--luzmo-selected-color-hard-focus: rgb(0, 0, 0);--luzmo-color-informative: #1a77e9;--luzmo-color-informative-rgb: 26, 119, 233;--luzmo-color-disabled: #aaaaaa;--luzmo-spacing-1: 2px;--luzmo-spacing-2: 4px;--luzmo-spacing-3: 8px;--luzmo-spacing-4: 12px;--luzmo-spacing-5: 16px;--luzmo-indicator-gap: 2px;--luzmo-indicator-width: 1px;--luzmo-indicator-color: var(--luzmo-primary);--luzmo-component-height-xxs: 20px;--luzmo-component-height-xs: 24px;--luzmo-component-height-s: 28px;--luzmo-component-height: 32px;--luzmo-component-height-l: 40px;--luzmo-component-height-xl: 48px;--luzmo-component-height-xxl: 64px;--luzmo-icon-size-xxs: 12px;--luzmo-icon-size-xs: 14px;--luzmo-icon-size-s: 16px;--luzmo-icon-size-m: 18px;--luzmo-icon-size-l: 20px;--luzmo-icon-size-xl: 22px;--luzmo-icon-size-xxl: 32px}', document.head.appendChild(t);
31
31
  }
32
32
  })();
33
- const D = ":host{box-sizing:border-box;display:flex;flex-direction:column;height:100%;font-family:var(--luzmo-dataset-selector-list-font-family, var(--dataset-selector-list-font-family))}:host .dataset-selector-list{display:flex;flex-direction:column;gap:var(--luzmo-dataset-selector-list-gap, var(--dataset-selector-list-gap));height:100%;background:var(--luzmo-dataset-selector-list-background, var(--dataset-selector-list-background));padding:var(--luzmo-dataset-selector-list-padding, var(--dataset-selector-list-padding));border-radius:var(--luzmo-dataset-selector-list-border-radius, var(--dataset-selector-list-border-radius))}:host .search-input{background-color:var(--luzmo-dataset-selector-list-input-background, var(--dataset-selector-list-input-background));border:none;border-bottom:1px solid var(--luzmo-dataset-selector-list-input-border-color, var(--dataset-selector-list-input-border-color));color:var(--luzmo-dataset-selector-list-input-color, var(--dataset-selector-list-input-color));line-height:var(--luzmo-dataset-selector-list-input-line-height, var(--dataset-selector-list-input-line-height));font-size:var(--luzmo-dataset-selector-list-input-font-size, var(--dataset-selector-list-input-font-size));margin:0;outline:none;padding:var(--luzmo-dataset-selector-list-input-padding, var(--dataset-selector-list-input-padding));width:100%;box-sizing:border-box}:host .search-input::placeholder{color:var(--luzmo-font-color-tertiary, #999)}:host .datasets-scroll-container{flex:1;overflow-y:auto;overflow-x:hidden;min-height:0}:host .datasets-scroll-container::-webkit-scrollbar{width:var(--luzmo-dataset-selector-list-scrollbar-width, var(--dataset-selector-list-scrollbar-width))}:host .datasets-scroll-container::-webkit-scrollbar-track{background:var(--luzmo-dataset-selector-list-scrollbar-track-background, var(--dataset-selector-list-scrollbar-track-background));border-radius:var(--luzmo-dataset-selector-list-scrollbar-track-border-radius, var(--dataset-selector-list-scrollbar-track-border-radius))}:host .datasets-scroll-container::-webkit-scrollbar-thumb{background:var(--luzmo-dataset-selector-list-scrollbar-thumb-background, var(--dataset-selector-list-scrollbar-thumb-background));border-radius:var(--luzmo-dataset-selector-list-scrollbar-thumb-border-radius, var(--dataset-selector-list-scrollbar-thumb-border-radius))}:host .datasets-scroll-container::-webkit-scrollbar-thumb:hover{background:var(--luzmo-dataset-selector-list-scrollbar-thumb-hover-background, var(--dataset-selector-list-scrollbar-thumb-hover-background))}:host .datasets-scroll-container{scrollbar-width:thin;scrollbar-color:var(--luzmo-dataset-selector-list-scrollbar-thumb-background, var(--dataset-selector-list-scrollbar-thumb-background)) var(--luzmo-dataset-selector-list-scrollbar-track-background, var(--dataset-selector-list-scrollbar-track-background))}:host .datasets-list{display:flex;flex-direction:column}:host .available-dataset-item{padding:var(--luzmo-dataset-selector-list-item-padding, var(--dataset-selector-list-item-padding));display:flex;flex-direction:row;align-items:center;gap:var(--luzmo-dataset-selector-list-item-gap, var(--dataset-selector-list-item-gap));cursor:pointer;border-radius:var(--luzmo-dataset-selector-list-item-border-radius, var(--dataset-selector-list-item-border-radius));transition:background-color .15s ease}:host .available-dataset-item:hover{background-color:var(--luzmo-dataset-selector-list-item-hover-background, var(--dataset-selector-list-item-hover-background))}:host .available-dataset-item:focus{outline:none}:host .available-dataset-item .dataset-icon{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:16px;height:16px}:host .available-dataset-item .dataset-icon luzmo-icon{display:flex}:host .available-dataset-item .dataset-icon-img{width:16px;height:16px;object-fit:contain}:host .available-dataset-item .dataset-name{flex:1;line-height:var(--luzmo-dataset-selector-list-item-line-height, var(--dataset-selector-list-item-line-height));font-size:var(--luzmo-dataset-selector-list-item-font-size, var(--dataset-selector-list-item-font-size));overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host .no-datasets-found{display:flex;align-items:center;justify-content:center;height:50%;color:var(--luzmo-dataset-selector-list-no-datasets-color, var(--dataset-selector-list-no-datasets-color));font-size:var(--luzmo-dataset-selector-list-no-datasets-font-size, var(--dataset-selector-list-no-datasets-font-size));text-align:center;padding:var(--luzmo-spacing-4, 1rem)}:host .loader{display:flex;align-items:center;justify-content:center;padding:var(--luzmo-spacing-5, 1.25rem) 0}:host .loader .spinner{width:var(--luzmo-dataset-selector-list-loader-size, var(--dataset-selector-list-loader-size));height:var(--luzmo-dataset-selector-list-loader-size, var(--dataset-selector-list-loader-size));border:2px solid var(--luzmo-border-color-light, #e0e0e0);border-top-color:var(--luzmo-dataset-selector-list-loader-color, var(--dataset-selector-list-loader-color));border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}:host{--dataset-selector-list-background: var(--luzmo-background-color);--dataset-selector-list-padding: 0;--dataset-selector-list-gap: var(--luzmo-spacing-2);--dataset-selector-list-border-radius: var(--luzmo-border-radius-m);--dataset-selector-list-font-family: var(--luzmo-font-family);--dataset-selector-list-input-background: var(--luzmo-background-color);--dataset-selector-list-input-border-color: var(--luzmo-border-color-light, rgba(0,0,0,.05));--dataset-selector-list-input-color: var(--luzmo-font-color);--dataset-selector-list-input-padding: 0 var(--luzmo-spacing-4) var(--luzmo-spacing-2);--dataset-selector-list-input-font-size: var(--luzmo-font-size-s);--dataset-selector-list-input-line-height: 1.5rem;--dataset-selector-list-item-padding: var(--luzmo-spacing-1) var(--luzmo-spacing-4);--dataset-selector-list-item-gap: var(--luzmo-spacing-3);--dataset-selector-list-item-hover-background: var( --luzmo-background-color-highlight );--dataset-selector-list-item-font-size: var(--luzmo-font-size-s);--dataset-selector-list-item-line-height: 1.5rem;--dataset-selector-list-item-border-radius: var(--luzmo-border-radius-s);--dataset-selector-list-scrollbar-width: 6px;--dataset-selector-list-scrollbar-track-background: var( --luzmo-background-color-highlight );--dataset-selector-list-scrollbar-track-border-radius: var( --luzmo-border-radius-s );--dataset-selector-list-scrollbar-thumb-background: var( --luzmo-border-color-full );--dataset-selector-list-scrollbar-thumb-border-radius: var( --luzmo-border-radius-s );--dataset-selector-list-scrollbar-thumb-hover-background: var( --luzmo-border-color-full-hover );--dataset-selector-list-loader-size: 24px;--dataset-selector-list-loader-color: var(--luzmo-primary);--dataset-selector-list-no-datasets-color: var(--luzmo-font-color-tertiary);--dataset-selector-list-no-datasets-font-size: var(--luzmo-font-size-s)}";
33
+ const D = ":host{box-sizing:border-box;display:flex;flex-direction:column;height:100%;font-family:var(--luzmo-dataset-selector-list-font-family, var(--dataset-selector-list-font-family));color:var(--luzmo-dataset-selector-list-color)}:host .dataset-selector-list{display:flex;flex-direction:column;gap:var(--luzmo-dataset-selector-list-gap, var(--dataset-selector-list-gap));height:100%;background:var(--luzmo-dataset-selector-list-background, var(--dataset-selector-list-background));padding:var(--luzmo-dataset-selector-list-padding, var(--dataset-selector-list-padding));border-radius:var(--luzmo-dataset-selector-list-border-radius, var(--dataset-selector-list-border-radius))}:host .search-input{background-color:var(--luzmo-dataset-selector-list-input-background, var(--dataset-selector-list-input-background));border:none;border-bottom:1px solid var(--luzmo-dataset-selector-list-input-border-color, var(--dataset-selector-list-input-border-color));color:var(--luzmo-dataset-selector-list-input-color, var(--dataset-selector-list-input-color));line-height:var(--luzmo-dataset-selector-list-input-line-height, var(--dataset-selector-list-input-line-height));font-size:var(--luzmo-dataset-selector-list-input-font-size, var(--dataset-selector-list-input-font-size));margin:0;outline:none;padding:var(--luzmo-dataset-selector-list-input-padding, var(--dataset-selector-list-input-padding));width:100%;box-sizing:border-box}:host .search-input::placeholder{color:var(--luzmo-font-color-tertiary, #999)}:host .datasets-scroll-container{flex:1;overflow-y:auto;overflow-x:hidden;min-height:0}:host .datasets-scroll-container::-webkit-scrollbar{width:var(--luzmo-dataset-selector-list-scrollbar-width, var(--dataset-selector-list-scrollbar-width))}:host .datasets-scroll-container::-webkit-scrollbar-track{background:var(--luzmo-dataset-selector-list-scrollbar-track-background, var(--dataset-selector-list-scrollbar-track-background));border-radius:var(--luzmo-dataset-selector-list-scrollbar-track-border-radius, var(--dataset-selector-list-scrollbar-track-border-radius))}:host .datasets-scroll-container::-webkit-scrollbar-thumb{background:var(--luzmo-dataset-selector-list-scrollbar-thumb-background, var(--dataset-selector-list-scrollbar-thumb-background));border-radius:var(--luzmo-dataset-selector-list-scrollbar-thumb-border-radius, var(--dataset-selector-list-scrollbar-thumb-border-radius))}:host .datasets-scroll-container::-webkit-scrollbar-thumb:hover{background:var(--luzmo-dataset-selector-list-scrollbar-thumb-hover-background, var(--dataset-selector-list-scrollbar-thumb-hover-background))}:host .datasets-scroll-container{scrollbar-width:thin;scrollbar-color:var(--luzmo-dataset-selector-list-scrollbar-thumb-background, var(--dataset-selector-list-scrollbar-thumb-background)) var(--luzmo-dataset-selector-list-scrollbar-track-background, var(--dataset-selector-list-scrollbar-track-background))}:host .datasets-list{display:flex;flex-direction:column}:host .available-dataset-item{padding:var(--luzmo-dataset-selector-list-item-padding, var(--dataset-selector-list-item-padding));color:var(--luzmo-dataset-selector-available-dataset-color, var(--dataset-selector-available-dataset-color));display:flex;flex-direction:row;align-items:center;gap:var(--luzmo-dataset-selector-list-item-gap, var(--dataset-selector-list-item-gap));cursor:pointer;border-radius:var(--luzmo-dataset-selector-list-item-border-radius, var(--dataset-selector-list-item-border-radius));transition:background-color .15s ease}:host .available-dataset-item:hover{background-color:var(--luzmo-dataset-selector-list-item-hover-background, var(--dataset-selector-list-item-hover-background))}:host .available-dataset-item:focus{outline:none}:host .available-dataset-item .dataset-icon{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:16px;height:16px}:host .available-dataset-item .dataset-icon luzmo-icon{display:flex}:host .available-dataset-item .dataset-icon-img{width:16px;height:16px;object-fit:contain}:host .available-dataset-item .dataset-name{flex:1;line-height:var(--luzmo-dataset-selector-list-item-line-height, var(--dataset-selector-list-item-line-height));font-size:var(--luzmo-dataset-selector-list-item-font-size, var(--dataset-selector-list-item-font-size));overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host .no-datasets-found{display:flex;align-items:center;justify-content:center;height:50%;color:var(--luzmo-dataset-selector-list-no-datasets-color, var(--dataset-selector-list-no-datasets-color));font-size:var(--luzmo-dataset-selector-list-no-datasets-font-size, var(--dataset-selector-list-no-datasets-font-size));text-align:center;padding:var(--luzmo-spacing-4, 1rem)}:host .loader{display:flex;align-items:center;justify-content:center;padding:var(--luzmo-spacing-5, 1.25rem) 0}:host .loader .spinner{width:var(--luzmo-dataset-selector-list-loader-size, var(--dataset-selector-list-loader-size));height:var(--luzmo-dataset-selector-list-loader-size, var(--dataset-selector-list-loader-size));border:2px solid var(--luzmo-border-color-light, #e0e0e0);border-top-color:var(--luzmo-dataset-selector-list-loader-color, var(--dataset-selector-list-loader-color));border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}:host{--dataset-selector-list-background: var(--luzmo-background-color);--dataset-selector-list-padding: 0;--dataset-selector-list-gap: var(--luzmo-spacing-2);--dataset-selector-list-border-radius: var(--luzmo-border-radius-m);--dataset-selector-list-font-family: var(--luzmo-font-family);--dataset-selector-list-input-background: var(--luzmo-background-color);--dataset-selector-list-input-border-color: var(--luzmo-border-color-light, rgba(0,0,0,.05));--dataset-selector-list-input-color: var(--luzmo-font-color);--dataset-selector-list-input-padding: 0 var(--luzmo-spacing-4) var(--luzmo-spacing-2);--dataset-selector-list-input-font-size: var(--luzmo-font-size-s);--dataset-selector-list-input-line-height: 1.5rem;--dataset-selector-list-item-padding: var(--luzmo-spacing-1) var(--luzmo-spacing-4);--dataset-selector-list-item-gap: var(--luzmo-spacing-3);--dataset-selector-list-item-hover-background: var( --luzmo-background-color-highlight );--dataset-selector-list-item-font-size: var(--luzmo-font-size-s);--dataset-selector-list-item-line-height: 1.5rem;--dataset-selector-list-item-border-radius: var(--luzmo-border-radius-s);--dataset-selector-list-scrollbar-width: 6px;--dataset-selector-list-scrollbar-track-background: var( --luzmo-background-color-highlight );--dataset-selector-list-scrollbar-track-border-radius: var( --luzmo-border-radius-s );--dataset-selector-list-scrollbar-thumb-background: var( --luzmo-border-color-full );--dataset-selector-list-scrollbar-thumb-border-radius: var( --luzmo-border-radius-s );--dataset-selector-list-scrollbar-thumb-hover-background: var( --luzmo-border-color-full-hover );--dataset-selector-list-loader-size: 24px;--dataset-selector-list-loader-color: var(--luzmo-primary);--dataset-selector-list-no-datasets-color: var(--luzmo-font-color);--dataset-selector-list-no-datasets-font-size: var(--luzmo-font-size-s);--dataset-selector-available-dataset-color: var(---luzmo-font-color)}";
34
34
  var L = Object.defineProperty, S = Object.getOwnPropertyDescriptor, l = (p, t, e, o) => {
35
35
  for (var a = o > 1 ? void 0 : o ? S(t, e) : t, s = p.length - 1, i; s >= 0; s--)
36
36
  (i = p[s]) && (a = (o ? i(t, e, a) : i(a)) || a);
@@ -17,7 +17,7 @@
17
17
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
18
18
  * SOFTWARE.
19
19
  * */
20
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("@luzmo/icons");require("@luzmo/lucero/overlay");require("@luzmo/lucero/popover");require("@luzmo/lucero/tooltip");const h=require("../localize-C4zNlrwK.cjs"),v=require("../set-locale-BRRalqne.cjs"),s=require("lit"),r=require("lit/decorators.js"),b=require("lit/directives/repeat.js");require("../dataset-icon/index.cjs");require("../dataset-selector-list/index.cjs");const m=":host{box-sizing:border-box;display:flex;flex-direction:row;gap:var(--luzmo-dataset-selector-row-gap, var(--dataset-selector-row-gap));min-height:var(--luzmo-dataset-selector-row-min-height, var(--dataset-selector-row-min-height));flex-wrap:wrap;font-size:var(--luzmo-dataset-selector-row-font-size, var(--dataset-selector-row-font-size));color:var(--luzmo-dataset-selector-row-color, var(--dataset-selector-row-color));font-family:var(--luzmo-dataset-selector-row-font-family, var(--dataset-selector-row-font-family))}:host[disabled]{cursor:not-allowed;opacity:.6}:host .add-dataset-button{display:inline-flex;align-items:center;gap:var(--luzmo-dataset-selector-row-button-gap, var(--dataset-selector-row-button-gap));min-width:var(--luzmo-dataset-selector-row-button-min-width, var(--dataset-selector-row-button-min-width));height:var(--luzmo-dataset-selector-row-button-height, var(--dataset-selector-row-button-height));border-radius:var(--luzmo-dataset-selector-row-button-border-radius, var(--dataset-selector-row-button-border-radius));border:1px solid var(--luzmo-dataset-selector-row-button-border-color, var(--dataset-selector-row-button-border-color));background-color:var(--luzmo-dataset-selector-row-button-background, var(--dataset-selector-row-button-background));color:var(--luzmo-dataset-selector-row-button-color, var(--dataset-selector-row-button-color));padding:var(--luzmo-dataset-selector-row-button-padding, var(--dataset-selector-row-button-padding));cursor:pointer;font-size:inherit;font-family:inherit;outline:none;justify-content:center;transition:all .15s ease}:host .add-dataset-button:hover{background-color:var(--luzmo-dataset-selector-row-button-hover-background, var(--dataset-selector-row-button-hover-background));border-color:var(--luzmo-dataset-selector-row-button-hover-border-color, var(--dataset-selector-row-button-hover-border-color))}:host .add-dataset-button:focus{outline:none}:host .add-dataset-button svg{font-size:var(--luzmo-dataset-selector-row-button-icon-size, var(--dataset-selector-row-button-icon-size));color:var(--luzmo-dataset-selector-row-button-icon-color, var(--dataset-selector-row-button-icon-color))}:host .add-dataset-button.icon-only{padding:var(--luzmo-dataset-selector-row-button-icon-only-padding, var(--dataset-selector-row-button-icon-only-padding))}:host .add-dataset-button:disabled{cursor:not-allowed;opacity:.6}:host .add-dataset-button:disabled:hover{background-color:var(--luzmo-dataset-selector-row-button-background, var(--dataset-selector-row-button-background));border-color:var(--luzmo-dataset-selector-row-button-border-color, var(--dataset-selector-row-button-border-color))}:host[disabled] .removable-pill{cursor:not-allowed}:host[disabled] .removable-pill:hover{background-color:var(--luzmo-dataset-selector-row-pill-background, var(--dataset-selector-row-pill-background));border-color:var(--luzmo-dataset-selector-row-pill-border-color, var(--dataset-selector-row-pill-border-color))}:host[disabled] .removable-pill:hover .dataset-icon{display:flex}:host[disabled] .removable-pill:hover .close-icon{display:none}:host .removable-pill{box-sizing:border-box;display:flex;flex-direction:row;max-width:var(--luzmo-dataset-selector-row-pill-max-width, var(--dataset-selector-row-pill-max-width));height:var(--luzmo-dataset-selector-row-pill-height, var(--dataset-selector-row-pill-height));padding:var(--luzmo-dataset-selector-row-pill-padding, var(--dataset-selector-row-pill-padding));gap:var(--luzmo-dataset-selector-row-pill-gap, var(--dataset-selector-row-pill-gap));border-radius:var(--luzmo-dataset-selector-row-pill-border-radius, var(--dataset-selector-row-pill-border-radius));border:1px solid var(--luzmo-dataset-selector-row-pill-border-color, var(--dataset-selector-row-pill-border-color));background-color:var(--luzmo-dataset-selector-row-pill-background, var(--dataset-selector-row-pill-background));align-items:center;cursor:pointer;transition:all .15s ease}:host .removable-pill:hover{background-color:var(--luzmo-dataset-selector-row-pill-hover-background, var(--dataset-selector-row-pill-hover-background));border-color:var(--luzmo-dataset-selector-row-pill-hover-border-color, var(--dataset-selector-row-pill-hover-border-color))}:host .removable-pill:hover .dataset-icon{display:none}:host .removable-pill:hover .close-icon{display:inline-block;color:var(--luzmo-dataset-selector-row-pill-close-color, var(--dataset-selector-row-pill-close-color))}:host .removable-pill .close-icon{width:var(--luzmo-dataset-selector-row-pill-close-size, var(--dataset-selector-row-pill-close-size));display:none;flex-shrink:0}:host .removable-pill .dataset-icon{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:var(--luzmo-dataset-selector-row-pill-icon-size, var(--dataset-selector-row-pill-icon-size));height:var(--luzmo-dataset-selector-row-pill-icon-size, var(--dataset-selector-row-pill-icon-size))}:host .removable-pill .dataset-icon luzmo-icon{display:flex}:host .removable-pill .dataset-icon-img{width:var(--luzmo-dataset-selector-row-pill-icon-size, var(--dataset-selector-row-pill-icon-size));height:var(--luzmo-dataset-selector-row-pill-icon-size, var(--dataset-selector-row-pill-icon-size));object-fit:contain}:host .removable-pill .dataset-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:inherit;line-height:var(--luzmo-dataset-selector-row-pill-text-line-height, var(--dataset-selector-row-pill-text-line-height))}:host luzmo-popover{width:var(--luzmo-dataset-selector-row-popover-width, var(--dataset-selector-row-popover-width));height:var(--luzmo-dataset-selector-row-popover-height, var(--dataset-selector-row-popover-height))}:host{--dataset-selector-row-gap: var(--luzmo-spacing-2);--dataset-selector-row-min-height: 1.75rem;--dataset-selector-row-font-size: .75rem;--dataset-selector-row-color: var(--luzmo-font-color);--dataset-selector-row-font-family: var(--luzmo-font-family);--dataset-selector-row-button-gap: var(--luzmo-spacing-1);--dataset-selector-row-button-min-width: 1.75rem;--dataset-selector-row-button-height: 1.75rem;--dataset-selector-row-button-border-radius: .5rem;--dataset-selector-row-button-border-color: var(--luzmo-border-color);--dataset-selector-row-button-background: var(--luzmo-background-color-alt-1, rgba(248, 248, 248, 1));--dataset-selector-row-button-color: var(--luzmo-font-color-tertiary, rgba(165, 165, 165, 1));--dataset-selector-row-button-padding: .25rem .375rem;--dataset-selector-row-button-icon-only-padding: .25rem;--dataset-selector-row-button-icon-size: .875rem;--dataset-selector-row-button-icon-color: var(--luzmo-font-color-tertiary);--dataset-selector-row-button-hover-background: var(--luzmo-background-color-highlight, rgba(248, 248, 248, 1));--dataset-selector-row-button-hover-border-color: var(--luzmo-border-color-hover);--dataset-selector-row-button-focus-outline-color: var(--luzmo-primary);--dataset-selector-row-pill-max-width: 10rem;--dataset-selector-row-pill-height: 1.75rem;--dataset-selector-row-pill-padding: .125rem .5rem;--dataset-selector-row-pill-gap: var(--luzmo-spacing-2);--dataset-selector-row-pill-border-radius: .5rem;--dataset-selector-row-pill-border-color: var(--luzmo-border-color);--dataset-selector-row-pill-background: var(--luzmo-background-color-alt-1, rgba(248, 248, 248, 1));--dataset-selector-row-pill-hover-background: var(--luzmo-background-color-highlight, rgba(248, 248, 248, 1));--dataset-selector-row-pill-hover-border-color: var(--luzmo-border-color-hover);--dataset-selector-row-pill-icon-size: 1rem;--dataset-selector-row-pill-close-size: 1rem;--dataset-selector-row-pill-close-color: var(--luzmo-danger, #dc3545);--dataset-selector-row-pill-text-line-height: 1.2;--dataset-selector-row-popover-width: 23.75rem;--dataset-selector-row-popover-height: 15rem}";var w=Object.defineProperty,a=(u,e,t,d)=>{for(var l=void 0,n=u.length-1,p;n>=0;n--)(p=u[n])&&(l=p(e,t,l)||l);return l&&w(e,t,l),l};const c=class c extends s.LitElement{constructor(){super(...arguments),this.selectedDatasets=[],this.buttonLabel="Add dataset",this.authKey="",this.authToken="",this.apiUrl="https://api.luzmo.com",this.appServer="https://app.luzmo.com",this.flagOpendata=!1,this.disabled=!1,this._overlayOpen=!1}get _hasSelectedDatasets(){return this.selectedDatasets.length>0}get _selectedDatasetIds(){return new Set(this.selectedDatasets.map(e=>e.id))}_handleAddDatasetClick(){this.disabled||(this._overlayOpen=!this._overlayOpen)}_handleDatasetSelected(e){const t=e.detail;if(!this._selectedDatasetIds.has(t.id)){const l=[...this.selectedDatasets,t];this.selectedDatasets=l,this.dispatchEvent(new CustomEvent("dataset-selected",{detail:t,bubbles:!0,composed:!0}))}const d=this.shadowRoot?.getElementById("add-dataset-button");d&&d.click(),this._overlayOpen=!1}_handleDatasetRemoved(e){if(this.disabled)return;const t=this.selectedDatasets.filter(d=>d.id!==e.id);this.selectedDatasets=t,this.dispatchEvent(new CustomEvent("dataset-removed",{detail:e,bubbles:!0,composed:!0}))}_getDatasetName(e){const t=v.getLocale();return h.localize(e.name,t)||e.id||"Unknown Dataset"}_renderDatasetIcon(e){return s.html`
20
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("@luzmo/icons");require("@luzmo/lucero/overlay");require("@luzmo/lucero/popover");require("@luzmo/lucero/tooltip");const h=require("../localize-C4zNlrwK.cjs"),v=require("../set-locale-B8iQGfk0.cjs"),s=require("lit"),r=require("lit/decorators.js"),b=require("lit/directives/repeat.js");require("../dataset-icon/index.cjs");require("../dataset-selector-list/index.cjs");const m=":host{box-sizing:border-box;display:flex;flex-direction:row;gap:var(--luzmo-dataset-selector-row-gap, var(--dataset-selector-row-gap));min-height:var(--luzmo-dataset-selector-row-min-height, var(--dataset-selector-row-min-height));flex-wrap:wrap;font-size:var(--luzmo-dataset-selector-row-font-size, var(--dataset-selector-row-font-size));color:var(--luzmo-dataset-selector-row-color, var(--dataset-selector-row-color));font-family:var(--luzmo-dataset-selector-row-font-family, var(--dataset-selector-row-font-family))}:host[disabled]{cursor:not-allowed;opacity:.6}:host .add-dataset-button{display:inline-flex;align-items:center;gap:var(--luzmo-dataset-selector-row-button-gap, var(--dataset-selector-row-button-gap));min-width:var(--luzmo-dataset-selector-row-button-min-width, var(--dataset-selector-row-button-min-width));height:var(--luzmo-dataset-selector-row-button-height, var(--dataset-selector-row-button-height));border-radius:var(--luzmo-dataset-selector-row-button-border-radius, var(--dataset-selector-row-button-border-radius));border:1px solid var(--luzmo-dataset-selector-row-button-border-color, var(--dataset-selector-row-button-border-color));background-color:var(--luzmo-dataset-selector-row-button-background, var(--dataset-selector-row-button-background));color:var(--luzmo-dataset-selector-row-button-color, var(--dataset-selector-row-button-color));padding:var(--luzmo-dataset-selector-row-button-padding, var(--dataset-selector-row-button-padding));cursor:pointer;font-size:inherit;font-family:inherit;outline:none;justify-content:center;transition:all .15s ease}:host .add-dataset-button:hover{background-color:var(--luzmo-dataset-selector-row-button-hover-background, var(--dataset-selector-row-button-hover-background));border-color:var(--luzmo-dataset-selector-row-button-hover-border-color, var(--dataset-selector-row-button-hover-border-color))}:host .add-dataset-button:focus{outline:none}:host .add-dataset-button svg{font-size:var(--luzmo-dataset-selector-row-button-icon-size, var(--dataset-selector-row-button-icon-size));color:var(--luzmo-dataset-selector-row-button-icon-color, var(--dataset-selector-row-button-icon-color))}:host .add-dataset-button.icon-only{padding:var(--luzmo-dataset-selector-row-button-icon-only-padding, var(--dataset-selector-row-button-icon-only-padding))}:host .add-dataset-button:disabled{cursor:not-allowed;opacity:.6}:host .add-dataset-button:disabled:hover{background-color:var(--luzmo-dataset-selector-row-button-background, var(--dataset-selector-row-button-background));border-color:var(--luzmo-dataset-selector-row-button-border-color, var(--dataset-selector-row-button-border-color))}:host[disabled] .removable-pill{cursor:not-allowed}:host[disabled] .removable-pill:hover{background-color:var(--luzmo-dataset-selector-row-pill-background, var(--dataset-selector-row-pill-background));border-color:var(--luzmo-dataset-selector-row-pill-border-color, var(--dataset-selector-row-pill-border-color))}:host[disabled] .removable-pill:hover .dataset-icon{display:flex}:host[disabled] .removable-pill:hover .close-icon{display:none}:host .removable-pill{box-sizing:border-box;display:flex;flex-direction:row;max-width:var(--luzmo-dataset-selector-row-pill-max-width, var(--dataset-selector-row-pill-max-width));height:var(--luzmo-dataset-selector-row-pill-height, var(--dataset-selector-row-pill-height));padding:var(--luzmo-dataset-selector-row-pill-padding, var(--dataset-selector-row-pill-padding));gap:var(--luzmo-dataset-selector-row-pill-gap, var(--dataset-selector-row-pill-gap));border-radius:var(--luzmo-dataset-selector-row-pill-border-radius, var(--dataset-selector-row-pill-border-radius));border:1px solid var(--luzmo-dataset-selector-row-pill-border-color, var(--dataset-selector-row-pill-border-color));background-color:var(--luzmo-dataset-selector-row-pill-background, var(--dataset-selector-row-pill-background));align-items:center;cursor:pointer;transition:all .15s ease}:host .removable-pill:hover{background-color:var(--luzmo-dataset-selector-row-pill-hover-background, var(--dataset-selector-row-pill-hover-background));border-color:var(--luzmo-dataset-selector-row-pill-hover-border-color, var(--dataset-selector-row-pill-hover-border-color))}:host .removable-pill:hover .dataset-icon{display:none}:host .removable-pill:hover .close-icon{display:inline-block;color:var(--luzmo-dataset-selector-row-pill-close-color, var(--dataset-selector-row-pill-close-color))}:host .removable-pill .close-icon{width:var(--luzmo-dataset-selector-row-pill-close-size, var(--dataset-selector-row-pill-close-size));display:none;flex-shrink:0}:host .removable-pill .dataset-icon{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:var(--luzmo-dataset-selector-row-pill-icon-size, var(--dataset-selector-row-pill-icon-size));height:var(--luzmo-dataset-selector-row-pill-icon-size, var(--dataset-selector-row-pill-icon-size))}:host .removable-pill .dataset-icon luzmo-icon{display:flex}:host .removable-pill .dataset-icon-img{width:var(--luzmo-dataset-selector-row-pill-icon-size, var(--dataset-selector-row-pill-icon-size));height:var(--luzmo-dataset-selector-row-pill-icon-size, var(--dataset-selector-row-pill-icon-size));object-fit:contain}:host .removable-pill .dataset-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:inherit;line-height:var(--luzmo-dataset-selector-row-pill-text-line-height, var(--dataset-selector-row-pill-text-line-height))}:host luzmo-popover{width:var(--luzmo-dataset-selector-row-popover-width, var(--dataset-selector-row-popover-width));height:var(--luzmo-dataset-selector-row-popover-height, var(--dataset-selector-row-popover-height))}:host{--dataset-selector-row-gap: var(--luzmo-spacing-2);--dataset-selector-row-min-height: 1.75rem;--dataset-selector-row-font-size: .75rem;--dataset-selector-row-color: var(--luzmo-font-color);--dataset-selector-row-font-family: var(--luzmo-font-family);--dataset-selector-row-button-gap: var(--luzmo-spacing-1);--dataset-selector-row-button-min-width: 1.75rem;--dataset-selector-row-button-height: 1.75rem;--dataset-selector-row-button-border-radius: .5rem;--dataset-selector-row-button-border-color: var(--luzmo-border-color);--dataset-selector-row-button-background: var(--luzmo-background-color-alt-1, rgba(248, 248, 248, 1));--dataset-selector-row-button-color: var(--luzmo-font-color-tertiary, rgba(165, 165, 165, 1));--dataset-selector-row-button-padding: .25rem .375rem;--dataset-selector-row-button-icon-only-padding: .25rem;--dataset-selector-row-button-icon-size: .875rem;--dataset-selector-row-button-icon-color: var(--luzmo-font-color-tertiary);--dataset-selector-row-button-hover-background: var(--luzmo-background-color-highlight, rgba(248, 248, 248, 1));--dataset-selector-row-button-hover-border-color: var(--luzmo-border-color-hover);--dataset-selector-row-button-focus-outline-color: var(--luzmo-primary);--dataset-selector-row-pill-max-width: 10rem;--dataset-selector-row-pill-height: 1.75rem;--dataset-selector-row-pill-padding: .125rem .5rem;--dataset-selector-row-pill-gap: var(--luzmo-spacing-2);--dataset-selector-row-pill-border-radius: .5rem;--dataset-selector-row-pill-border-color: var(--luzmo-border-color);--dataset-selector-row-pill-background: var(--luzmo-background-color-alt-1, rgba(248, 248, 248, 1));--dataset-selector-row-pill-hover-background: var(--luzmo-background-color-highlight, rgba(248, 248, 248, 1));--dataset-selector-row-pill-hover-border-color: var(--luzmo-border-color-hover);--dataset-selector-row-pill-icon-size: 1rem;--dataset-selector-row-pill-close-size: 1rem;--dataset-selector-row-pill-close-color: var(--luzmo-danger, #dc3545);--dataset-selector-row-pill-text-line-height: 1.2;--dataset-selector-row-popover-width: 23.75rem;--dataset-selector-row-popover-height: 15rem}";var w=Object.defineProperty,a=(u,e,t,d)=>{for(var l=void 0,n=u.length-1,p;n>=0;n--)(p=u[n])&&(l=p(e,t,l)||l);return l&&w(e,t,l),l};const c=class c extends s.LitElement{constructor(){super(...arguments),this.selectedDatasets=[],this.buttonLabel="Add dataset",this.authKey="",this.authToken="",this.apiUrl="https://api.luzmo.com",this.appServer="https://app.luzmo.com",this.flagOpendata=!1,this.disabled=!1,this._overlayOpen=!1}get _hasSelectedDatasets(){return this.selectedDatasets.length>0}get _selectedDatasetIds(){return new Set(this.selectedDatasets.map(e=>e.id))}_handleAddDatasetClick(){this.disabled||(this._overlayOpen=!this._overlayOpen)}_handleDatasetSelected(e){const t=e.detail;if(!this._selectedDatasetIds.has(t.id)){const l=[...this.selectedDatasets,t];this.selectedDatasets=l,this.dispatchEvent(new CustomEvent("dataset-selected",{detail:t,bubbles:!0,composed:!0}))}const d=this.shadowRoot?.getElementById("add-dataset-button");d&&d.click(),this._overlayOpen=!1}_handleDatasetRemoved(e){if(this.disabled)return;const t=this.selectedDatasets.filter(d=>d.id!==e.id);this.selectedDatasets=t,this.dispatchEvent(new CustomEvent("dataset-removed",{detail:e,bubbles:!0,composed:!0}))}_getDatasetName(e){const t=v.getLocale();return h.localize(e.name,t)||e.id||"Unknown Dataset"}_renderDatasetIcon(e){return s.html`
21
21
  <luzmo-dataset-icon
22
22
  .datasetInfo=${e}
23
23
  size="16px"
@@ -22,7 +22,7 @@ import "@luzmo/lucero/overlay";
22
22
  import "@luzmo/lucero/popover";
23
23
  import "@luzmo/lucero/tooltip";
24
24
  import { l as h } from "../localize-CcDpq940.js";
25
- import { g as z } from "../set-locale-hKTMz37h.js";
25
+ import { g as z } from "../set-locale-B5562CBM.js";
26
26
  import { LitElement as v, unsafeCSS as g, html as d, nothing as w } from "lit";
27
27
  import { property as l, state as f } from "lit/decorators.js";
28
28
  import { repeat as y } from "lit/directives/repeat.js";
@@ -17,4 +17,4 @@
17
17
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
18
18
  * SOFTWARE.
19
19
  * */
20
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e={s00decbd8fed4f501:"Maximum",s0218a6cc95bc9386:"Bereichstyp",s0456d2ad905847d9:"letzte",s079a052719914d71:"Kategorie",s08098b07b4c86ff2:"&lt;=",s08108707b4ce87d4:"&gt;=",s088e3b07b5394bc3:"gleich",s099b18e1bd8a1154:"Stunden",s09c2b609dff29061:"Kumulative Summe",s0acece4c687177a9:"Quartalsnummern",s0bb151c9319a6813:"X-Achse",s0bca0c91195d8d6d:"enth",s1125d159f7e64df5:"Anzeigen",s11326fd2590f4e5e:"Standard",s122f7f3f1a22ea50:"nicht gleich",s13f5793e33ebda4f:"zwischen",s146475c4daa430ed:"Dezimalstellen",s178b06f4d02cfd40:"fehlt nicht",s184501a399a815dc:"Quartale",s18498398aeb37b07:"Woche beginnt am",s187528426100c44e:"Keine Daten",s1cdb6b07fe827486:"Wochennummer",s1e593719b55d60c0:"MTD",s1e7745005c37315c:"Relativer Versatz",s1f0916624a87d415:"Tag im Jahr",s2454d1f117573457:"Genauigkeit",s247d110f13a3a288:"Tag in der Woche",s26273c258ddde0e1:"Auswählen...",s2695506122ffd614:"Sekunde in der Minute",s2718cebf7de190e1:"ist zwischen",s2798d16f4e04857e:"Minute in der Stunde",s281f1d977ddc0ebe:"Monatsnummer",s2ea38ce3da088075:"Perioden",s2fb2a49481123d6a:"Wochen",s2fedf26ef08343d4:"ist gleich",s31f1afc1bfe1cb3a:"Mehr erfahren",s3924c3d773a80312:"letzte verfügbar",s3c6455b19fb1c3e4:"Absoluter Wechsel",s3dcf7b255596a2c3:"Standardabweichung",s441accd1cd3484c9:"Minute",s463b8c4e92751ba5:"Optionen",s467b030b9a34b3c8:"Durchschnitt",s48e186fb300e5464:"Zeit",s496c60f73bdf5725:"Aggregation",s4b30fad1c34464e1:"größer oder gleich",s4b58c01e2578f5e4:"Legende",s4e585eeea351a038:"enthält",s4efbcab48a433013:"Lang",s4f27f6b48a68b5c2:"Sperren",s519d0aa80bbafd42:"Woche bis heute",s57ace73e7c6e719f:"ist nicht in",s58ec693e33483873:"kleiner als",s5d73a3b3b68e6cba:"Benutzerdefiniert",s5d929ff1619ac0c9:"Suchen",s5e2654fb8587f442:"Duplizieren",s602805b1eb3106c6:"Y-Achse",s6031881827829901:"24h",s60b34c3c17dc35bd:"Jahre",s64ef2a6c2dd1d3d1:"Bearbeiten",s66722bc2ea775e05:"Deaktiviert",s669b18c6d2d9c95b:"Keine",s66dcbbc0355c2759:"Sonntag",s680f01021b5e339d:"Woche",s6b0bffd88024372f:"Stunde",s6de3d6e9660857a1:"Beispiel",s708bbac083d05109:"beginnt nicht mit",s70a773eb3133e5fa:"Monat bis heute",s716a6024e3fe999c:"Zeigen",s74dcd519e6563a26:"WTD",s7632fc9aa12bf382:"Monate",s782f286a79cca35d:"Relativ",s7a6878d41ffac284:"letzte abgeschl",s7e357543a7b769f4:"Versatz-Datums-Spalte",s846876f9b712e843:"ist nicht gleich",s862f5319f0256b94:"QTD",s8665d029b5cb8b24:"Gesamtsummen",s8a56a8c8bd19c9c7:"fehlt",s8d0259032729869d:"Sekunde",s965c503c3e42fdfe:"Aktiviert",s9689e928323dc124:"letzte abgeschlossene (Periode)",s981f232bd33ec927:"Rate",s9854300ef4a37d18:"endet nicht mit",s987abe19fac8d108:"Summe",s98c337186f2d57c6:"Bin-Breite",s98db41a3eb532203:"Jahr bis heute",s991d216e6efc157c:"Keine Ergebnisse",s996319f23f6cf0b5:"endet mit",s9b9009d4a5004fb8:"Binning",s9b9d6ce29d05a298:"kleiner oder gleich",s9e40e59654c8ad67:"Spalte",sa3c9339de23c1752:"Format",sa6ab5184d6315895:"Von",sa6f2645578b2d2bc:"Jahr",sa7effa06c0f6784c:"größer als",sa8beb6b1182241ac:"Filter",sac8256732f2ee1e5:"Daten",sac8b59943205b14f:"nächste volle (Periode)",sac94bb71f7737997:"Median",sacae74732f544fca:"Tage",saf63b34c8601a6e1:"&gt;",sb1f654608a3eea75:"Wochentag",sb3b793ff5cc1bc39:"nächste (x) Perioden",sb47daaf9e1c4a905:"Monat",sb5b295e3a7500b9c:"Dauerstufen",sb6513caf69971fb5:"Kurz",sb70671db5700ff60:"endet nicht mit",sb93e5af29aca2e3d:"fehlt",sbbb97b1c63507dc0:"Zahl",sbeebe911264bed23:"letzte (x) verfügbare Perioden",sc1bf67624fa6d498:"% Änderung",sc4842e5b8b90466a:"Sekunden",sc6e49f3d37e54030:"Stunde im Tag",sc6f5a4fc0583d734:"ist in",sc86e72c4fdd4e0ec:"Zählen unterschiedlich",scb7bab1a17663a6c:"YTD",scf2bb2b0de9cdb8a:"Millisekunde",sd237be440de38cc7:"Quartal",sd28141a332dc31fa:"Tag im Monat",sd5b1040899eb149d:"nächste voll",sd66a74fff07a11fb:"{count} elemente ausgewählt",sd7ebafacf602c9bd:"Brief",sdb73788b3c975f16:"Automatisch",sdc673e73b5c13aea:"Löschen",sdebe99a43259a451:"Zeilen zählen",sdfeb2151b9e78d4d:"enthält nicht",se0955919920ee87d:"Tag",se211e3d21bbf3bff:"Maß",se2b7530e30fa607d:"Periodenvergleich",se415bbea6c976fb1:"Gruppieren nach",se5316cbaa025f028:"nächste",se715be190539325a:"vor",se9e535bb9591039e:"Ausdruck auswählen",se9ff6e9a514d8cf9:"Montag",seb4eae68d45315b7:"Minimum",seb9c440de1ce6044:"beginnt mit",sec2f608650e36ac5:"letzte abgeschlossene Periode",secf42ec1c7c47be2:"fehlt nicht",see0ec27fb03d880e:"Minuten",sef49aec68fd1dc66:"Name",sf095cc47a4ff9c3d:"Formel",sf518b78d9734f57b:"beginnt nicht mit",sf6cda8263b3170af:"Verwenden Sie den Zeitraum bis heute für unvollständige Zeiträume",sf70eaf9ab4c93082:"nicht enth",sf9c10516a62a23db:"Anzeigen als",sfa2d0aa30ee5aa58:"letzte (x) Perioden",sfad9ed343e97551c:"Vergangener Wert",sfb9e6d0c6baa99f5:"Passt dem Datumsbereich, der in der Tabelle oder im Diagramm sichtbar ist",sfbac36245480ddbc:"Trennzeichen",sfda1c9d0be35cec8:"Quartal bis heute"};exports.templates=e;
20
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e={s00decbd8fed4f501:"Maximum",s0218a6cc95bc9386:"Bereichstyp",s0456d2ad905847d9:"letzte",s079a052719914d71:"Kategorie",s08098b07b4c86ff2:"&lt;=",s08108707b4ce87d4:"&gt;=",s088e3b07b5394bc3:"gleich",s099b18e1bd8a1154:"Stunden",s09c2b609dff29061:"Kumulative Summe",s0acece4c687177a9:"Quartalsnummern",s0bb151c9319a6813:"X-Achse",s0bca0c91195d8d6d:"enth",s1125d159f7e64df5:"Anzeigen",s11326fd2590f4e5e:"Standard",s122f7f3f1a22ea50:"nicht gleich",s13f5793e33ebda4f:"zwischen",s146475c4daa430ed:"Dezimalstellen",s178b06f4d02cfd40:"fehlt nicht",s184501a399a815dc:"Quartale",s18498398aeb37b07:"Woche beginnt am",s187528426100c44e:"Keine Daten",s1cdb6b07fe827486:"Wochennummer",s1e593719b55d60c0:"MTD",s1e7745005c37315c:"Relativer Versatz",s1f0916624a87d415:"Tag im Jahr",s2454d1f117573457:"Genauigkeit",s247d110f13a3a288:"Tag in der Woche",s26273c258ddde0e1:"Auswählen...",s2695506122ffd614:"Sekunde in der Minute",s2718cebf7de190e1:"ist zwischen",s2798d16f4e04857e:"Minute in der Stunde",s281f1d977ddc0ebe:"Monatsnummer",s2ea38ce3da088075:"Perioden",s2fb2a49481123d6a:"Wochen",s2fedf26ef08343d4:"ist gleich",s31f1afc1bfe1cb3a:"Mehr erfahren",s3924c3d773a80312:"letzte verfügbar",s3c6455b19fb1c3e4:"Absoluter Wechsel",s3dcf7b255596a2c3:"Standardabweichung",s441accd1cd3484c9:"Minute",s463b8c4e92751ba5:"Optionen",s467b030b9a34b3c8:"Durchschnitt",s48e186fb300e5464:"Zeit",s496c60f73bdf5725:"Aggregation",s4b30fad1c34464e1:"größer oder gleich",s4b58c01e2578f5e4:"Legende",s4e585eeea351a038:"enthält",s4efbcab48a433013:"Lang",s4f27f6b48a68b5c2:"Sperren",s519d0aa80bbafd42:"Woche bis heute",s57ace73e7c6e719f:"ist nicht in",s58ec693e33483873:"kleiner als",s5d73a3b3b68e6cba:"Benutzerdefiniert",s5d929ff1619ac0c9:"Suchen",s5e2654fb8587f442:"Duplizieren",s602805b1eb3106c6:"Y-Achse",s6031881827829901:"24h",s60b34c3c17dc35bd:"Jahre",s64ef2a6c2dd1d3d1:"Bearbeiten",s66722bc2ea775e05:"Deaktiviert",s669b18c6d2d9c95b:"Keine",s66dcbbc0355c2759:"Sonntag",s680f01021b5e339d:"Woche",s6b0bffd88024372f:"Stunde",s6de3d6e9660857a1:"Beispiel",s708bbac083d05109:"beginnt nicht mit",s70a773eb3133e5fa:"Monat bis heute",s716a6024e3fe999c:"Zeigen",s74dcd519e6563a26:"WTD",s7632fc9aa12bf382:"Monate",s782f286a79cca35d:"Relativ",s7a6878d41ffac284:"letzte abgeschl",s7e357543a7b769f4:"Versatz-Datums-Spalte",s846876f9b712e843:"ist nicht gleich",s862f5319f0256b94:"QTD",s8665d029b5cb8b24:"Gesamtsummen",s8a56a8c8bd19c9c7:"fehlt",s8d0259032729869d:"Sekunde",s8de2a5b227e80c95:"(x) Perioden oder länger her",s965c503c3e42fdfe:"Aktiviert",s9689e928323dc124:"letzte abgeschlossene (Periode)",s981f232bd33ec927:"Rate",s9854300ef4a37d18:"endet nicht mit",s987abe19fac8d108:"Summe",s98c337186f2d57c6:"Bin-Breite",s98db41a3eb532203:"Jahr bis heute",s991d216e6efc157c:"Keine Ergebnisse",s996319f23f6cf0b5:"endet mit",s9b9009d4a5004fb8:"Binning",s9b9d6ce29d05a298:"kleiner oder gleich",s9e40e59654c8ad67:"Spalte",sa3c9339de23c1752:"Format",sa6ab5184d6315895:"Von",sa6f2645578b2d2bc:"Jahr",sa7effa06c0f6784c:"größer als",sa8beb6b1182241ac:"Filter",sa91d4991fca9514e:"mehr als her",sac8256732f2ee1e5:"Daten",sac8b59943205b14f:"nächste volle (Periode)",sac94bb71f7737997:"Median",sacae74732f544fca:"Tage",saf2a19f4eaf00f68:"oder länger her",saf63b34c8601a6e1:"&gt;",sb1f654608a3eea75:"Wochentag",sb3b793ff5cc1bc39:"nächste (x) Perioden",sb47daaf9e1c4a905:"Monat",sb5b295e3a7500b9c:"Dauerstufen",sb6513caf69971fb5:"Kurz",sb70671db5700ff60:"endet nicht mit",sb93e5af29aca2e3d:"fehlt",sbbb97b1c63507dc0:"Zahl",sbeebe911264bed23:"letzte (x) verfügbare Perioden",sc1bf67624fa6d498:"% Änderung",sc4842e5b8b90466a:"Sekunden",sc6e49f3d37e54030:"Stunde im Tag",sc6f5a4fc0583d734:"ist in",sc86e72c4fdd4e0ec:"Zählen unterschiedlich",scb7bab1a17663a6c:"YTD",scf2bb2b0de9cdb8a:"Millisekunde",sd237be440de38cc7:"Quartal",sd28141a332dc31fa:"Tag im Monat",sd5b1040899eb149d:"nächste voll",sd66a74fff07a11fb:"{count} elemente ausgewählt",sd7ebafacf602c9bd:"Brief",sdb73788b3c975f16:"Automatisch",sdc673e73b5c13aea:"Löschen",sdebe99a43259a451:"Zeilen zählen",sdfeb2151b9e78d4d:"enthält nicht",se0955919920ee87d:"Tag",se211e3d21bbf3bff:"Maß",se2b7530e30fa607d:"Periodenvergleich",se2d6ee866b592a9f:"mehr als (x) Perioden her",se415bbea6c976fb1:"Gruppieren nach",se5316cbaa025f028:"nächste",se715be190539325a:"vor",se9e535bb9591039e:"Ausdruck auswählen",se9ff6e9a514d8cf9:"Montag",seb4eae68d45315b7:"Minimum",seb9c440de1ce6044:"beginnt mit",sec2f608650e36ac5:"letzte abgeschlossene Periode",secf42ec1c7c47be2:"fehlt nicht",see0ec27fb03d880e:"Minuten",sef49aec68fd1dc66:"Name",sf095cc47a4ff9c3d:"Formel",sf518b78d9734f57b:"beginnt nicht mit",sf6cda8263b3170af:"Verwenden Sie den Zeitraum bis heute für unvollständige Zeiträume",sf70eaf9ab4c93082:"nicht enth",sf9c10516a62a23db:"Anzeigen als",sfa2d0aa30ee5aa58:"letzte (x) Perioden",sfad9ed343e97551c:"Vergangener Wert",sfb9e6d0c6baa99f5:"Passt dem Datumsbereich, der in der Tabelle oder im Diagramm sichtbar ist",sfbac36245480ddbc:"Trennzeichen",sfda1c9d0be35cec8:"Quartal bis heute",s7c95876637f6a9d7:"Filter",s92ab9b834d8fd1fc:"Subgroup",s79f7983c97f2aaed:"Add filter group",s8ba2b22eee9bb57e:"Add filter",s98b1cb8fb62909ec:"Group"};exports.templates=e;
@@ -96,6 +96,7 @@ const e = {
96
96
  s8665d029b5cb8b24: "Gesamtsummen",
97
97
  s8a56a8c8bd19c9c7: "fehlt",
98
98
  s8d0259032729869d: "Sekunde",
99
+ s8de2a5b227e80c95: "(x) Perioden oder länger her",
99
100
  s965c503c3e42fdfe: "Aktiviert",
100
101
  s9689e928323dc124: "letzte abgeschlossene (Periode)",
101
102
  s981f232bd33ec927: "Rate",
@@ -113,10 +114,12 @@ const e = {
113
114
  sa6f2645578b2d2bc: "Jahr",
114
115
  sa7effa06c0f6784c: "größer als",
115
116
  sa8beb6b1182241ac: "Filter",
117
+ sa91d4991fca9514e: "mehr als her",
116
118
  sac8256732f2ee1e5: "Daten",
117
119
  sac8b59943205b14f: "nächste volle (Periode)",
118
120
  sac94bb71f7737997: "Median",
119
121
  sacae74732f544fca: "Tage",
122
+ saf2a19f4eaf00f68: "oder länger her",
120
123
  saf63b34c8601a6e1: "&gt;",
121
124
  sb1f654608a3eea75: "Wochentag",
122
125
  sb3b793ff5cc1bc39: "nächste (x) Perioden",
@@ -146,6 +149,7 @@ const e = {
146
149
  se0955919920ee87d: "Tag",
147
150
  se211e3d21bbf3bff: "Maß",
148
151
  se2b7530e30fa607d: "Periodenvergleich",
152
+ se2d6ee866b592a9f: "mehr als (x) Perioden her",
149
153
  se415bbea6c976fb1: "Gruppieren nach",
150
154
  se5316cbaa025f028: "nächste",
151
155
  se715be190539325a: "vor",
@@ -166,7 +170,12 @@ const e = {
166
170
  sfad9ed343e97551c: "Vergangener Wert",
167
171
  sfb9e6d0c6baa99f5: "Passt dem Datumsbereich, der in der Tabelle oder im Diagramm sichtbar ist",
168
172
  sfbac36245480ddbc: "Trennzeichen",
169
- sfda1c9d0be35cec8: "Quartal bis heute"
173
+ sfda1c9d0be35cec8: "Quartal bis heute",
174
+ s7c95876637f6a9d7: "Filter",
175
+ s92ab9b834d8fd1fc: "Subgroup",
176
+ s79f7983c97f2aaed: "Add filter group",
177
+ s8ba2b22eee9bb57e: "Add filter",
178
+ s98b1cb8fb62909ec: "Group"
170
179
  };
171
180
  export {
172
181
  e as templates
@@ -17,7 +17,7 @@
17
17
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
18
18
  * SOFTWARE.
19
19
  * */
20
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("@luzmo/lucero/action-button");require("@luzmo/lucero/field-label");require("@luzmo/lucero/icon");require("@luzmo/lucero/number-field");const d=require("lit"),n=require("@lit/localize"),c=require("@luzmo/icons"),l=require("lit/decorators.js"),b=require("../focusable-QLh-LlNt.cjs"),h=require("../sized-mixin-DcvJLFeo.cjs"),u=require("../set-locale-BRRalqne.cjs"),p=":host .settings-container{display:flex;flex-direction:column;gap:var(--luzmo-display-settings-vertical-gap, var(--luzmo-spacing-2))}:host .settings-row{display:flex;justify-content:flex-start;align-items:center;gap:var(--luzmo-display-settings-binning-gap, var(--display-settings-binning-gap))}:host{--display-settings-binning-gap: var(--luzmo-spacing-3)}:host([size=s]){--display-settings-binning-gap: var(--luzmo-spacing-3)}:host([size=l]){--display-settings-binning-gap: var(--luzmo-spacing-4)}:host([size=xl]){--display-settings-binning-gap: var(--luzmo-spacing-5)}";var m=Object.defineProperty,z=Object.getOwnPropertyDescriptor,t=(a,i,o,s)=>{for(var e=s>1?void 0:s?z(i,o):i,g=a.length-1,r;g>=0;g--)(r=a[g])&&(e=(s?r(i,o,e):r(e))||e);return s&&e&&m(i,o,e),e};exports.LuzmoDisplaySettingsBinning=class extends h.SizedMixin(b.LuzmoElement,{validSizes:Object.values(h.ElementSizes)}){constructor(){super(...arguments),this.language="en",this.slotContent={},this._enabled=!1,this._binWidth=10}static get styles(){return[d.unsafeCSS(p)]}willUpdate(i){i.has("slotContent")&&(this._enabled=this.slotContent?.bins?.enabled??!1,this._binWidth=this.slotContent?.bins?.number??10),i.has("language")&&this.language!==u.getLocale()&&([...u.targetLocales].includes(this.language??"en")||this.language==="en")&&u.setLocale(this.language)}toggleBinning(){this._enabled=!this._enabled,this.sendEvent()}setBinning(){this._binWidth=this.binWidthElement.value,this.sendEvent()}sendEvent(){const i={enabled:!!this._enabled,number:this._binWidth??10};this.dispatchEvent(new CustomEvent("slot-content-changed",{bubbles:!0,composed:!0,cancelable:!0,detail:{slotContent:{...this.slotContent,bins:i}}}))}renderBinWidth(){return d.html`<div class="setting">
20
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("@luzmo/lucero/action-button");require("@luzmo/lucero/field-label");require("@luzmo/lucero/icon");require("@luzmo/lucero/number-field");const d=require("lit"),n=require("@lit/localize"),c=require("@luzmo/icons"),l=require("lit/decorators.js"),b=require("../focusable-QLh-LlNt.cjs"),h=require("../sized-mixin-DcvJLFeo.cjs"),u=require("../set-locale-B8iQGfk0.cjs"),p=":host .settings-container{display:flex;flex-direction:column;gap:var(--luzmo-display-settings-vertical-gap, var(--luzmo-spacing-2))}:host .settings-row{display:flex;justify-content:flex-start;align-items:center;gap:var(--luzmo-display-settings-binning-gap, var(--display-settings-binning-gap))}:host{--display-settings-binning-gap: var(--luzmo-spacing-3)}:host([size=s]){--display-settings-binning-gap: var(--luzmo-spacing-3)}:host([size=l]){--display-settings-binning-gap: var(--luzmo-spacing-4)}:host([size=xl]){--display-settings-binning-gap: var(--luzmo-spacing-5)}";var m=Object.defineProperty,z=Object.getOwnPropertyDescriptor,t=(a,i,o,s)=>{for(var e=s>1?void 0:s?z(i,o):i,g=a.length-1,r;g>=0;g--)(r=a[g])&&(e=(s?r(i,o,e):r(e))||e);return s&&e&&m(i,o,e),e};exports.LuzmoDisplaySettingsBinning=class extends h.SizedMixin(b.LuzmoElement,{validSizes:Object.values(h.ElementSizes)}){constructor(){super(...arguments),this.language="en",this.slotContent={},this._enabled=!1,this._binWidth=10}static get styles(){return[d.unsafeCSS(p)]}willUpdate(i){i.has("slotContent")&&(this._enabled=this.slotContent?.bins?.enabled??!1,this._binWidth=this.slotContent?.bins?.number??10),i.has("language")&&this.language!==u.getLocale()&&([...u.targetLocales].includes(this.language??"en")||this.language==="en")&&u.setLocale(this.language)}toggleBinning(){this._enabled=!this._enabled,this.sendEvent()}setBinning(){this._binWidth=this.binWidthElement.value,this.sendEvent()}sendEvent(){const i={enabled:!!this._enabled,number:this._binWidth??10};this.dispatchEvent(new CustomEvent("slot-content-changed",{bubbles:!0,composed:!0,cancelable:!0,detail:{slotContent:{...this.slotContent,bins:i}}}))}renderBinWidth(){return d.html`<div class="setting">
21
21
  <luzmo-field-label for="bin-width"
22
22
  >${n.msg("Bin width",{desc:"The width of each bin in the histogram"})}</luzmo-field-label
23
23
  >
@@ -27,7 +27,7 @@ import { luzmoCheckboxChecked as g, luzmoCheckbox as b } from "@luzmo/icons";
27
27
  import { property as c, state as p, query as h } from "lit/decorators.js";
28
28
  import { L as f } from "../focusable-BS2pbY7w.js";
29
29
  import { S as v, E as x } from "../sized-mixin-cJbo3PKR.js";
30
- import { g as y, t as w, s as _ } from "../set-locale-hKTMz37h.js";
30
+ import { g as y, t as w, s as _ } from "../set-locale-B5562CBM.js";
31
31
  (function() {
32
32
  if (typeof document < "u" && !document.querySelector("style[data-luzmo-vars]")) {
33
33
  const e = document.createElement("style");