@trops/dash-core 0.1.40 → 0.1.43

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 (5) hide show
  1. package/dist/index.esm.js +508 -276
  2. package/dist/index.esm.js.map +1 -1
  3. package/dist/index.js +508 -275
  4. package/dist/index.js.map +1 -1
  5. package/package.json +1 -1
package/dist/index.js CHANGED
@@ -50,8 +50,8 @@ var React__namespace = /*#__PURE__*/_interopNamespaceDefault(React);
50
50
  var jsxRuntime__namespace = /*#__PURE__*/_interopNamespaceDefault(jsxRuntime);
51
51
  var ReactDOM__namespace = /*#__PURE__*/_interopNamespaceDefault(ReactDOM);
52
52
 
53
- function ownKeys$x(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
54
- function _objectSpread$x(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$x(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$x(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
53
+ function ownKeys$y(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
54
+ function _objectSpread$y(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$y(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$y(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
55
55
  var event = {
56
56
  list: new Map(),
57
57
  // Map(1) { '<widget-UUID>' => { 'CustomSearchbar[10].searchQueryChanged': [] } }
@@ -113,7 +113,7 @@ var event = {
113
113
  uuid: subscriber["uuid"]
114
114
  };
115
115
  if ("action" in subscriber && subscriber.action !== undefined) {
116
- subscriber["action"](_objectSpread$x({}, objectToSend));
116
+ subscriber["action"](_objectSpread$y({}, objectToSend));
117
117
  }
118
118
  });
119
119
  }
@@ -2501,8 +2501,8 @@ var DashboardWrapper = function DashboardWrapper(_ref) {
2501
2501
  });
2502
2502
  };
2503
2503
 
2504
- function ownKeys$w(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
2505
- function _objectSpread$w(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$w(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$w(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
2504
+ function ownKeys$x(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
2505
+ function _objectSpread$x(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$x(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$x(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
2506
2506
  var DashboardThemeProvider = function DashboardThemeProvider(_ref) {
2507
2507
  var themeKey = _ref.themeKey,
2508
2508
  children = _ref.children;
@@ -2514,7 +2514,7 @@ var DashboardThemeProvider = function DashboardThemeProvider(_ref) {
2514
2514
  var dashboardTheme = themes[themeKey];
2515
2515
  var themeValue = dashboardTheme ? dashboardTheme[themeVariant] || null : null;
2516
2516
  if (!themeValue) return null;
2517
- return _objectSpread$w(_objectSpread$w({}, parentContext), {}, {
2517
+ return _objectSpread$x(_objectSpread$x({}, parentContext), {}, {
2518
2518
  currentTheme: themeValue,
2519
2519
  currentThemeKey: themeKey,
2520
2520
  theme: themeValue,
@@ -2532,8 +2532,8 @@ var DashboardThemeProvider = function DashboardThemeProvider(_ref) {
2532
2532
  });
2533
2533
  };
2534
2534
 
2535
- function ownKeys$v(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
2536
- function _objectSpread$v(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$v(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$v(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
2535
+ function ownKeys$w(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
2536
+ function _objectSpread$w(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$w(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$w(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
2537
2537
  var AppThemeScope = function AppThemeScope(_ref) {
2538
2538
  var children = _ref.children;
2539
2539
  var ctx = React.useContext(DashReact.ThemeContext);
@@ -2541,7 +2541,7 @@ var AppThemeScope = function AppThemeScope(_ref) {
2541
2541
  children: children
2542
2542
  });
2543
2543
  return /*#__PURE__*/jsxRuntime.jsx(DashReact.ThemeContext.Provider, {
2544
- value: _objectSpread$v(_objectSpread$v({}, ctx), {}, {
2544
+ value: _objectSpread$w(_objectSpread$w({}, ctx), {}, {
2545
2545
  currentTheme: ctx.appTheme,
2546
2546
  currentThemeKey: ctx.appThemeKey,
2547
2547
  theme: ctx.appTheme,
@@ -2653,8 +2653,8 @@ var LayoutContainer = function LayoutContainer(_ref) {
2653
2653
  });
2654
2654
  };
2655
2655
 
2656
- function ownKeys$u(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
2657
- function _objectSpread$u(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$u(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$u(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
2656
+ function ownKeys$v(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
2657
+ function _objectSpread$v(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$v(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$v(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
2658
2658
  function _createForOfIteratorHelper$9(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray$9(r)) || e && r && "number" == typeof r.length) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: !0 } : { done: !1, value: r[_n++] }; }, e: function e(r) { throw r; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var o, a = !0, u = !1; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = !0, o = r; }, f: function f() { try { a || null == t["return"] || t["return"](); } finally { if (u) throw o; } } }; }
2659
2659
  function _unsupportedIterableToArray$9(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray$9(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray$9(r, a) : void 0; } }
2660
2660
  function _arrayLikeToArray$9(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
@@ -2898,7 +2898,7 @@ function createLayoutFromTemplate(template) {
2898
2898
  try {
2899
2899
  for (_iterator.s(); !(_step = _iterator.n()).done;) {
2900
2900
  var cell = _step.value;
2901
- grid[cell.key] = _objectSpread$u({
2901
+ grid[cell.key] = _objectSpread$v({
2902
2902
  component: null,
2903
2903
  hide: cell.hide || false
2904
2904
  }, cell.span ? {
@@ -4173,8 +4173,8 @@ var LayoutBuilderAddItemModal = function LayoutBuilderAddItemModal(_ref) {
4173
4173
  });
4174
4174
  };
4175
4175
 
4176
- function ownKeys$t(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
4177
- function _objectSpread$t(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$t(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$t(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
4176
+ function ownKeys$u(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
4177
+ function _objectSpread$u(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$u(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$u(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
4178
4178
  var PanelEditItem = function PanelEditItem(_ref) {
4179
4179
  var _ComponentManager$get;
4180
4180
  var workspace = _ref.workspace,
@@ -4234,7 +4234,7 @@ var PanelEditItem = function PanelEditItem(_ref) {
4234
4234
  var uuid = newItem.uuid || newItem.uuidString;
4235
4235
  if (uuid) {
4236
4236
  workspaceTemp.selectedProviders = workspaceTemp.selectedProviders || {};
4237
- workspaceTemp.selectedProviders[uuid] = _objectSpread$t(_objectSpread$t({}, workspaceTemp.selectedProviders[uuid] || {}), {}, _defineProperty({}, providerType, providerId));
4237
+ workspaceTemp.selectedProviders[uuid] = _objectSpread$u(_objectSpread$u({}, workspaceTemp.selectedProviders[uuid] || {}), {}, _defineProperty({}, providerType, providerId));
4238
4238
  }
4239
4239
  onUpdate(newItem, workspaceTemp);
4240
4240
  forceUpdate();
@@ -4363,7 +4363,7 @@ var PanelEditItem = function PanelEditItem(_ref) {
4363
4363
  var _ref5 = _slicedToArray(_ref4, 2),
4364
4364
  name = _ref5[0],
4365
4365
  p = _ref5[1];
4366
- return _objectSpread$t({
4366
+ return _objectSpread$u({
4367
4367
  name: name
4368
4368
  }, p);
4369
4369
  });
@@ -4408,8 +4408,8 @@ var _excluded$5 = ["rows", "cols"];
4408
4408
  function _createForOfIteratorHelper$8(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray$8(r)) || e && r && "number" == typeof r.length) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: !0 } : { done: !1, value: r[_n++] }; }, e: function e(r) { throw r; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var o, a = !0, u = !1; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = !0, o = r; }, f: function f() { try { a || null == t["return"] || t["return"](); } finally { if (u) throw o; } } }; }
4409
4409
  function _unsupportedIterableToArray$8(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray$8(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray$8(r, a) : void 0; } }
4410
4410
  function _arrayLikeToArray$8(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
4411
- function ownKeys$s(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
4412
- function _objectSpread$s(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$s(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$s(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
4411
+ function ownKeys$t(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
4412
+ function _objectSpread$t(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$t(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$t(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
4413
4413
  var defaultGrid = {
4414
4414
  rows: 1,
4415
4415
  cols: 1,
@@ -4430,7 +4430,7 @@ function GridEditor(_ref) {
4430
4430
  setGrid = _useState2[1];
4431
4431
  var addRow = function addRow() {
4432
4432
  var newRow = grid.rows;
4433
- var newGrid = _objectSpread$s(_objectSpread$s({}, grid), {}, {
4433
+ var newGrid = _objectSpread$t(_objectSpread$t({}, grid), {}, {
4434
4434
  rows: grid.rows + 1
4435
4435
  });
4436
4436
  for (var col = 0; col < grid.cols; col++) {
@@ -4445,7 +4445,7 @@ function GridEditor(_ref) {
4445
4445
  };
4446
4446
  var addColumn = function addColumn() {
4447
4447
  var newCol = grid.cols;
4448
- var newGrid = _objectSpread$s(_objectSpread$s({}, grid), {}, {
4448
+ var newGrid = _objectSpread$t(_objectSpread$t({}, grid), {}, {
4449
4449
  cols: grid.cols + 1
4450
4450
  });
4451
4451
  for (var row = 0; row < grid.rows; row++) {
@@ -4478,8 +4478,8 @@ function GridEditor(_ref) {
4478
4478
  });
4479
4479
  }
4480
4480
  if (grid[nextKey]) {
4481
- var newGrid = _objectSpread$s({}, grid);
4482
- newGrid[currentKey] = _objectSpread$s(_objectSpread$s({}, newGrid[currentKey]), {}, {
4481
+ var newGrid = _objectSpread$t({}, grid);
4482
+ newGrid[currentKey] = _objectSpread$t(_objectSpread$t({}, newGrid[currentKey]), {}, {
4483
4483
  colSpan: newGrid[currentKey].colSpan + 1
4484
4484
  });
4485
4485
  delete newGrid[nextKey];
@@ -4492,8 +4492,8 @@ function GridEditor(_ref) {
4492
4492
  var currentKey = "".concat(row, ".").concat(col);
4493
4493
  var belowKey = "".concat(row + 1, ".").concat(col);
4494
4494
  if (grid[belowKey]) {
4495
- var newGrid = _objectSpread$s({}, grid);
4496
- newGrid[currentKey] = _objectSpread$s(_objectSpread$s({}, newGrid[currentKey]), {}, {
4495
+ var newGrid = _objectSpread$t({}, grid);
4496
+ newGrid[currentKey] = _objectSpread$t(_objectSpread$t({}, newGrid[currentKey]), {}, {
4497
4497
  rowSpan: newGrid[currentKey].rowSpan + 1
4498
4498
  });
4499
4499
  delete newGrid[belowKey];
@@ -4510,7 +4510,7 @@ function GridEditor(_ref) {
4510
4510
  var splitCell = function splitCell(row, col) {
4511
4511
  var key = "".concat(row, ".").concat(col);
4512
4512
  var cell = grid[key];
4513
- var newGrid = _objectSpread$s({}, grid);
4513
+ var newGrid = _objectSpread$t({}, grid);
4514
4514
 
4515
4515
  // we have to check the colspan, and since the colspan is greater than 1
4516
4516
  // Only handle horizontal split if colSpan > 1
@@ -4526,13 +4526,13 @@ function GridEditor(_ref) {
4526
4526
  var oldKey = "".concat(row, ".").concat(c);
4527
4527
  var newKey = "".concat(row, ".").concat(c + 1);
4528
4528
  if (newGrid[oldKey]) {
4529
- newGrid[newKey] = _objectSpread$s({}, newGrid[oldKey]);
4529
+ newGrid[newKey] = _objectSpread$t({}, newGrid[oldKey]);
4530
4530
  delete newGrid[oldKey];
4531
4531
  }
4532
4532
  }
4533
4533
 
4534
4534
  // Update the original cell's colSpan
4535
- newGrid[key] = _objectSpread$s(_objectSpread$s({}, cell), {}, {
4535
+ newGrid[key] = _objectSpread$t(_objectSpread$t({}, cell), {}, {
4536
4536
  colSpan: cell.colSpan - 1
4537
4537
  });
4538
4538
 
@@ -4544,7 +4544,7 @@ function GridEditor(_ref) {
4544
4544
  };
4545
4545
  }
4546
4546
  if (cell.rowSpan > 1) {
4547
- newGrid[key] = _objectSpread$s(_objectSpread$s({}, newGrid[key]), {}, {
4547
+ newGrid[key] = _objectSpread$t(_objectSpread$t({}, newGrid[key]), {}, {
4548
4548
  rowSpan: cell.rowSpan - 1
4549
4549
  });
4550
4550
  newGrid["".concat(row + 1, ".").concat(col)] = {
@@ -4663,7 +4663,7 @@ function GridEditor(_ref) {
4663
4663
  var fromKey = "".concat(from.row, ".").concat(from.col);
4664
4664
  var toKey = "".concat(to.row, ".").concat(to.col);
4665
4665
  if (fromKey === toKey) return;
4666
- var newGrid = _objectSpread$s({}, grid);
4666
+ var newGrid = _objectSpread$t({}, grid);
4667
4667
 
4668
4668
  // Swap the cells
4669
4669
  var temp = newGrid[fromKey];
@@ -4689,7 +4689,7 @@ function GridEditor(_ref) {
4689
4689
  // console.log("Grid updated:", sequencedGrid);
4690
4690
  }
4691
4691
  function resetGridLayout() {
4692
- var newGrid = _objectSpread$s({}, defaultGrid);
4692
+ var newGrid = _objectSpread$t({}, defaultGrid);
4693
4693
  setGrid(newGrid);
4694
4694
  onUpdate(newGrid);
4695
4695
  }
@@ -5174,9 +5174,6 @@ var PanelEditItemHandlers = function PanelEditItemHandlers(_ref) {
5174
5174
  return array.indexOf(value) === index;
5175
5175
  }) : [];
5176
5176
 
5177
- // Get the listeners for the current item
5178
- var listeners = itemSelected ? itemSelected["listeners"] || {} : {};
5179
-
5180
5177
  // Get available source widgets with events
5181
5178
  var layoutArray = workspaceSelected !== null && Array.isArray(workspaceSelected.layout) ? workspaceSelected.layout : [];
5182
5179
  var sourceWidgets = layoutArray.filter(function (l) {
@@ -5187,6 +5184,31 @@ var PanelEditItemHandlers = function PanelEditItemHandlers(_ref) {
5187
5184
  return li["component"] !== (itemSelected === null || itemSelected === void 0 ? void 0 : itemSelected["component"]);
5188
5185
  });
5189
5186
 
5187
+ // Build a set of valid event strings from widgets currently in the layout
5188
+ var validEventStrings = new Set();
5189
+ sourceWidgets.forEach(function (layout) {
5190
+ if (Array.isArray(layout.events)) {
5191
+ layout.events.forEach(function (event) {
5192
+ validEventStrings.add("".concat(layout["component"], "[").concat(layout["id"], "].").concat(event));
5193
+ });
5194
+ }
5195
+ });
5196
+
5197
+ // Get the listeners for the current item, filtering out orphaned references
5198
+ var rawListeners = itemSelected ? itemSelected["listeners"] || {} : {};
5199
+ var listeners = {};
5200
+ Object.keys(rawListeners).forEach(function (handler) {
5201
+ var events = rawListeners[handler];
5202
+ if (Array.isArray(events)) {
5203
+ var validEvents = events.filter(function (e) {
5204
+ return validEventStrings.has(e);
5205
+ });
5206
+ if (validEvents.length > 0) {
5207
+ listeners[handler] = validEvents;
5208
+ }
5209
+ }
5210
+ });
5211
+
5190
5212
  // Count connected events for a handler
5191
5213
  function getConnectedCount(handler) {
5192
5214
  return (listeners[handler] || []).length;
@@ -6921,8 +6943,8 @@ var WidgetIcon = function WidgetIcon(_ref) {
6921
6943
  });
6922
6944
  };
6923
6945
 
6924
- function ownKeys$r(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
6925
- function _objectSpread$r(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$r(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$r(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
6946
+ function ownKeys$s(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
6947
+ function _objectSpread$s(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$s(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$s(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
6926
6948
  var ProviderForm = function ProviderForm(_ref) {
6927
6949
  var credentialSchema = _ref.credentialSchema,
6928
6950
  _ref$initialValues = _ref.initialValues,
@@ -6979,13 +7001,13 @@ var ProviderForm = function ProviderForm(_ref) {
6979
7001
  */
6980
7002
  var handleInputChange = function handleInputChange(fieldName, value) {
6981
7003
  setFormData(function (prev) {
6982
- return _objectSpread$r(_objectSpread$r({}, prev), {}, _defineProperty({}, fieldName, value));
7004
+ return _objectSpread$s(_objectSpread$s({}, prev), {}, _defineProperty({}, fieldName, value));
6983
7005
  });
6984
7006
 
6985
7007
  // Clear error for this field if it was filled
6986
7008
  if (errors[fieldName] && value !== null && value !== void 0 && value.trim()) {
6987
7009
  setErrors(function (prev) {
6988
- var newErrors = _objectSpread$r({}, prev);
7010
+ var newErrors = _objectSpread$s({}, prev);
6989
7011
  delete newErrors[fieldName];
6990
7012
  return newErrors;
6991
7013
  });
@@ -7023,7 +7045,7 @@ var ProviderForm = function ProviderForm(_ref) {
7023
7045
  // Clear error if filled
7024
7046
  if (errors.providerName && value !== null && value !== void 0 && value.trim()) {
7025
7047
  setErrors(function (prev) {
7026
- var newErrors = _objectSpread$r({}, prev);
7048
+ var newErrors = _objectSpread$s({}, prev);
7027
7049
  delete newErrors.providerName;
7028
7050
  return newErrors;
7029
7051
  });
@@ -7102,8 +7124,8 @@ var ProviderForm = function ProviderForm(_ref) {
7102
7124
  function _createForOfIteratorHelper$7(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray$7(r)) || e && r && "number" == typeof r.length) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: !0 } : { done: !1, value: r[_n++] }; }, e: function e(r) { throw r; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var o, a = !0, u = !1; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = !0, o = r; }, f: function f() { try { a || null == t["return"] || t["return"](); } finally { if (u) throw o; } } }; }
7103
7125
  function _unsupportedIterableToArray$7(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray$7(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray$7(r, a) : void 0; } }
7104
7126
  function _arrayLikeToArray$7(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
7105
- function ownKeys$q(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
7106
- function _objectSpread$q(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$q(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$q(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
7127
+ function ownKeys$r(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
7128
+ function _objectSpread$r(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$r(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$r(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
7107
7129
  var EnhancedWidgetDropdown = function EnhancedWidgetDropdown(_ref) {
7108
7130
  var isOpen = _ref.isOpen,
7109
7131
  onClose = _ref.onClose,
@@ -7232,7 +7254,7 @@ var EnhancedWidgetDropdown = function EnhancedWidgetDropdown(_ref) {
7232
7254
  .map(function (entry) {
7233
7255
  var widget = allWidgets[entry.widgetKey];
7234
7256
  if (!widget) return null; // Widget no longer exists
7235
- return _objectSpread$q(_objectSpread$q({
7257
+ return _objectSpread$r(_objectSpread$r({
7236
7258
  key: entry.widgetKey
7237
7259
  }, widget), {}, {
7238
7260
  savedProviders: entry.providers || {},
@@ -7373,7 +7395,7 @@ var EnhancedWidgetDropdown = function EnhancedWidgetDropdown(_ref) {
7373
7395
  // Get widgets from ComponentManager
7374
7396
  var allWidgets = ComponentManager.map();
7375
7397
  var widgetList = Object.keys(allWidgets).map(function (key) {
7376
- return _objectSpread$q({
7398
+ return _objectSpread$r({
7377
7399
  key: key
7378
7400
  }, allWidgets[key]);
7379
7401
  }).filter(function (widget) {
@@ -7587,7 +7609,7 @@ var EnhancedWidgetDropdown = function EnhancedWidgetDropdown(_ref) {
7587
7609
  setInlineCreateType(null);
7588
7610
  setInlineCreateSchema({});
7589
7611
  setInlineCreateError(null);
7590
- setSelectedProviders(_objectSpread$q(_objectSpread$q({}, selectedProviders), {}, _defineProperty({}, providerType, providerName)));
7612
+ setSelectedProviders(_objectSpread$r(_objectSpread$r({}, selectedProviders), {}, _defineProperty({}, providerType, providerName)));
7591
7613
  }
7592
7614
  };
7593
7615
  var handleInlineProviderSubmit = function handleInlineProviderSubmit(formData) {
@@ -7608,7 +7630,7 @@ var EnhancedWidgetDropdown = function EnhancedWidgetDropdown(_ref) {
7608
7630
 
7609
7631
  // Auto-select the newly created provider
7610
7632
  setSelectedProviders(function (prev) {
7611
- return _objectSpread$q(_objectSpread$q({}, prev), {}, _defineProperty({}, providerType, providerName));
7633
+ return _objectSpread$r(_objectSpread$r({}, prev), {}, _defineProperty({}, providerType, providerName));
7612
7634
  });
7613
7635
 
7614
7636
  // Collapse the inline form
@@ -7626,7 +7648,7 @@ var EnhancedWidgetDropdown = function EnhancedWidgetDropdown(_ref) {
7626
7648
  setInlineCreateError(null);
7627
7649
  };
7628
7650
  var handleConfigChange = function handleConfigChange(key, value) {
7629
- setUserConfigValues(_objectSpread$q(_objectSpread$q({}, userConfigValues), {}, _defineProperty({}, key, value)));
7651
+ setUserConfigValues(_objectSpread$r(_objectSpread$r({}, userConfigValues), {}, _defineProperty({}, key, value)));
7630
7652
  };
7631
7653
 
7632
7654
  // Install a package from the registry
@@ -7716,7 +7738,7 @@ var EnhancedWidgetDropdown = function EnhancedWidgetDropdown(_ref) {
7716
7738
 
7717
7739
  // Phase 3: Save to recent widgets
7718
7740
  saveToRecent(selectedWidget, selectedProviders, userConfigValues);
7719
- onSelectWidget(_objectSpread$q(_objectSpread$q({}, selectedWidget), {}, {
7741
+ onSelectWidget(_objectSpread$r(_objectSpread$r({}, selectedWidget), {}, {
7720
7742
  selectedProviders: selectedProviders,
7721
7743
  // Pass to parent
7722
7744
  userConfigValues: userConfigValues // Pass to parent
@@ -9170,8 +9192,8 @@ var ProviderSelector = function ProviderSelector(_ref) {
9170
9192
  });
9171
9193
  };
9172
9194
 
9173
- function ownKeys$p(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
9174
- function _objectSpread$p(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$p(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$p(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
9195
+ function ownKeys$q(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
9196
+ function _objectSpread$q(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$q(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$q(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
9175
9197
  /**
9176
9198
  * Shared MCP utility functions.
9177
9199
  *
@@ -9299,7 +9321,7 @@ function buildMcpConfigFromOverrides(baseMcpConfig, envMappingRows, headerRows)
9299
9321
  headerTemplate[name] = value;
9300
9322
  }
9301
9323
  });
9302
- var config = _objectSpread$p({}, baseMcpConfig);
9324
+ var config = _objectSpread$q({}, baseMcpConfig);
9303
9325
  if (Object.keys(headerTemplate).length > 0) {
9304
9326
  config.headerTemplate = headerTemplate;
9305
9327
  } else {
@@ -9317,7 +9339,7 @@ function buildMcpConfigFromOverrides(baseMcpConfig, envMappingRows, headerRows)
9317
9339
  envMapping[env] = cred;
9318
9340
  }
9319
9341
  });
9320
- return _objectSpread$p(_objectSpread$p({}, baseMcpConfig), {}, {
9342
+ return _objectSpread$q(_objectSpread$q({}, baseMcpConfig), {}, {
9321
9343
  envMapping: envMapping
9322
9344
  });
9323
9345
  }
@@ -9364,8 +9386,8 @@ function headerTemplateToRows(headerTemplate, nextRowId) {
9364
9386
  });
9365
9387
  }
9366
9388
 
9367
- function ownKeys$o(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
9368
- function _objectSpread$o(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$o(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$o(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
9389
+ function ownKeys$p(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
9390
+ function _objectSpread$p(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$p(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$p(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
9369
9391
  var AdvancedMcpConfig = function AdvancedMcpConfig(_ref) {
9370
9392
  var transport = _ref.transport,
9371
9393
  envMappingRows = _ref.envMappingRows,
@@ -9394,7 +9416,7 @@ var AdvancedMcpConfig = function AdvancedMcpConfig(_ref) {
9394
9416
  var updateEnvRow = function updateEnvRow(id, field, value) {
9395
9417
  onEnvMappingRowsChange(function (prev) {
9396
9418
  return prev.map(function (row) {
9397
- return row.id === id ? _objectSpread$o(_objectSpread$o({}, row), {}, _defineProperty({}, field, value)) : row;
9419
+ return row.id === id ? _objectSpread$p(_objectSpread$p({}, row), {}, _defineProperty({}, field, value)) : row;
9398
9420
  });
9399
9421
  });
9400
9422
  };
@@ -9419,7 +9441,7 @@ var AdvancedMcpConfig = function AdvancedMcpConfig(_ref) {
9419
9441
  var updateHeaderRow = function updateHeaderRow(id, field, value) {
9420
9442
  onHeaderRowsChange(function (prev) {
9421
9443
  return prev.map(function (row) {
9422
- return row.id === id ? _objectSpread$o(_objectSpread$o({}, row), {}, _defineProperty({}, field, value)) : row;
9444
+ return row.id === id ? _objectSpread$p(_objectSpread$p({}, row), {}, _defineProperty({}, field, value)) : row;
9423
9445
  });
9424
9446
  });
9425
9447
  };
@@ -9568,8 +9590,8 @@ var AdvancedMcpConfig = function AdvancedMcpConfig(_ref) {
9568
9590
  });
9569
9591
  };
9570
9592
 
9571
- function ownKeys$n(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
9572
- function _objectSpread$n(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$n(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$n(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
9593
+ function ownKeys$o(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
9594
+ function _objectSpread$o(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$o(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$o(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
9573
9595
  var McpServerPicker = function McpServerPicker(_ref) {
9574
9596
  var _testResult$tools;
9575
9597
  var isOpen = _ref.isOpen,
@@ -9685,11 +9707,11 @@ var McpServerPicker = function McpServerPicker(_ref) {
9685
9707
  // Handle credential field changes
9686
9708
  var handleCredentialChange = function handleCredentialChange(fieldName, value) {
9687
9709
  setCredentialData(function (prev) {
9688
- return _objectSpread$n(_objectSpread$n({}, prev), {}, _defineProperty({}, fieldName, value));
9710
+ return _objectSpread$o(_objectSpread$o({}, prev), {}, _defineProperty({}, fieldName, value));
9689
9711
  });
9690
9712
  if (formErrors[fieldName] && value !== null && value !== void 0 && value.trim()) {
9691
9713
  setFormErrors(function (prev) {
9692
- var next = _objectSpread$n({}, prev);
9714
+ var next = _objectSpread$o({}, prev);
9693
9715
  delete next[fieldName];
9694
9716
  return next;
9695
9717
  });
@@ -9977,7 +9999,7 @@ var McpServerPicker = function McpServerPicker(_ref) {
9977
9999
  setProviderName(value);
9978
10000
  if (formErrors.providerName && value !== null && value !== void 0 && value.trim()) {
9979
10001
  setFormErrors(function (prev) {
9980
- var next = _objectSpread$n({}, prev);
10002
+ var next = _objectSpread$o({}, prev);
9981
10003
  delete next.providerName;
9982
10004
  return next;
9983
10005
  });
@@ -10064,8 +10086,8 @@ var McpServerPicker = function McpServerPicker(_ref) {
10064
10086
  });
10065
10087
  };
10066
10088
 
10067
- function ownKeys$m(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
10068
- function _objectSpread$m(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$m(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$m(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
10089
+ function ownKeys$n(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
10090
+ function _objectSpread$n(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$n(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$n(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
10069
10091
  var USE_ENHANCED_WIDGET_SELECTOR = true; // Set to false to use original modal
10070
10092
 
10071
10093
  /**
@@ -10097,7 +10119,9 @@ var LayoutBuilder = function LayoutBuilder(_ref) {
10097
10119
  _ref$editMode = _ref.editMode,
10098
10120
  editMode = _ref$editMode === void 0 ? "all" : _ref$editMode,
10099
10121
  _ref$workspaceRef = _ref.workspaceRef,
10100
- workspaceRef = _ref$workspaceRef === void 0 ? null : _ref$workspaceRef;
10122
+ workspaceRef = _ref$workspaceRef === void 0 ? null : _ref$workspaceRef,
10123
+ _ref$onWidgetPopout = _ref.onWidgetPopout,
10124
+ onWidgetPopout = _ref$onWidgetPopout === void 0 ? null : _ref$onWidgetPopout;
10101
10125
  var appContext = React.useContext(AppContext);
10102
10126
  var debugMode = appContext.debugMode;
10103
10127
  var dashboardContext = React.useContext(DashboardContext);
@@ -10109,7 +10133,7 @@ var LayoutBuilder = function LayoutBuilder(_ref) {
10109
10133
  var _ref3 = _slicedToArray(_ref2, 2),
10110
10134
  id = _ref3[0],
10111
10135
  p = _ref3[1];
10112
- return _objectSpread$m(_objectSpread$m({}, p), {}, {
10136
+ return _objectSpread$n(_objectSpread$n({}, p), {}, {
10113
10137
  id: id,
10114
10138
  name: p.name || id
10115
10139
  });
@@ -10196,7 +10220,7 @@ var LayoutBuilder = function LayoutBuilder(_ref) {
10196
10220
  // so we use its layout to replace any corrupted grid data.
10197
10221
  if (workspace && workspace["layout"]) {
10198
10222
  var model = new DashboardModel(workspace);
10199
- setCurrentWorkspace(_objectSpread$m(_objectSpread$m({}, workspace), {}, {
10223
+ setCurrentWorkspace(_objectSpread$n(_objectSpread$n({}, workspace), {}, {
10200
10224
  layout: model.layout
10201
10225
  }));
10202
10226
  } else {
@@ -10578,7 +10602,7 @@ var LayoutBuilder = function LayoutBuilder(_ref) {
10578
10602
  var uuid = widget.uuid || widget.uuidString;
10579
10603
  if (uuid) {
10580
10604
  newWorkspace.selectedProviders = newWorkspace.selectedProviders || {};
10581
- newWorkspace.selectedProviders[uuid] = _objectSpread$m(_objectSpread$m({}, newWorkspace.selectedProviders[uuid] || {}), {}, _defineProperty({}, providerType, providerId));
10605
+ newWorkspace.selectedProviders[uuid] = _objectSpread$n(_objectSpread$n({}, newWorkspace.selectedProviders[uuid] || {}), {}, _defineProperty({}, providerType, providerId));
10582
10606
  }
10583
10607
  setCurrentWorkspace(newWorkspace);
10584
10608
  }
@@ -10712,7 +10736,7 @@ var LayoutBuilder = function LayoutBuilder(_ref) {
10712
10736
  try {
10713
10737
  var config = ComponentManager.config(widgetKey);
10714
10738
  if (!config) return;
10715
- var widgetItem = _objectSpread$m(_objectSpread$m({}, config), {}, {
10739
+ var widgetItem = _objectSpread$n(_objectSpread$n({}, config), {}, {
10716
10740
  component: widgetKey,
10717
10741
  key: widgetKey
10718
10742
  });
@@ -10854,7 +10878,8 @@ var LayoutBuilder = function LayoutBuilder(_ref) {
10854
10878
  onDeleteGridColumn: handleDeleteGridColumn,
10855
10879
  onChangeRowHeight: handleChangeRowHeight,
10856
10880
  onChangeRowMode: handleChangeRowMode,
10857
- onMoveWidgetToCell: handleMoveWidgetToCell
10881
+ onMoveWidgetToCell: handleMoveWidgetToCell,
10882
+ onWidgetPopout: onWidgetPopout
10858
10883
  }, "layout-drag-".concat(dashboardId)), preview === false && editMode === "all" && /*#__PURE__*/jsxRuntime.jsx(LayoutDragBuilderEdit, {
10859
10884
  dashboardId: dashboardId,
10860
10885
  isDraggable: true,
@@ -10912,7 +10937,7 @@ var LayoutBuilder = function LayoutBuilder(_ref) {
10912
10937
  onSelectWidget: function onSelectWidget(widget) {
10913
10938
 
10914
10939
  // Add component property from widget.key
10915
- var widgetWithComponent = _objectSpread$m(_objectSpread$m({}, widget), {}, {
10940
+ var widgetWithComponent = _objectSpread$n(_objectSpread$n({}, widget), {}, {
10916
10941
  component: widget.key
10917
10942
  });
10918
10943
  handleClickConfirmAdd(widgetWithComponent, dropdownTarget);
@@ -10990,7 +11015,9 @@ var LayoutDragBuilder = function LayoutDragBuilder(_ref) {
10990
11015
  _ref$onChangeRowHeigh = _ref.onChangeRowHeight,
10991
11016
  onChangeRowHeight = _ref$onChangeRowHeigh === void 0 ? null : _ref$onChangeRowHeigh,
10992
11017
  _ref$onChangeRowMode = _ref.onChangeRowMode,
10993
- onChangeRowMode = _ref$onChangeRowMode === void 0 ? null : _ref$onChangeRowMode;
11018
+ onChangeRowMode = _ref$onChangeRowMode === void 0 ? null : _ref$onChangeRowMode,
11019
+ _ref$onWidgetPopout = _ref.onWidgetPopout,
11020
+ onWidgetPopout = _ref$onWidgetPopout === void 0 ? null : _ref$onWidgetPopout;
10994
11021
  return isDraggable === true ? /*#__PURE__*/jsxRuntime.jsx(reactDnd.DndProvider, {
10995
11022
  backend: reactDndHtml5Backend.HTML5Backend,
10996
11023
  children: _renderLayout({
@@ -11021,7 +11048,8 @@ var LayoutDragBuilder = function LayoutDragBuilder(_ref) {
11021
11048
  onAddGridColumn: onAddGridColumn,
11022
11049
  onDeleteGridColumn: onDeleteGridColumn,
11023
11050
  onChangeRowHeight: onChangeRowHeight,
11024
- onChangeRowMode: onChangeRowMode
11051
+ onChangeRowMode: onChangeRowMode,
11052
+ onWidgetPopout: onWidgetPopout
11025
11053
  })
11026
11054
  }, "dnd-provider") : _renderLayout({
11027
11055
  dashboardId: dashboardId,
@@ -11051,7 +11079,8 @@ var LayoutDragBuilder = function LayoutDragBuilder(_ref) {
11051
11079
  onAddGridColumn: onAddGridColumn,
11052
11080
  onDeleteGridColumn: onDeleteGridColumn,
11053
11081
  onChangeRowHeight: onChangeRowHeight,
11054
- onChangeRowMode: onChangeRowMode
11082
+ onChangeRowMode: onChangeRowMode,
11083
+ onWidgetPopout: onWidgetPopout
11055
11084
  });
11056
11085
  };
11057
11086
 
@@ -12518,8 +12547,8 @@ var MissingProviderPrompt = function MissingProviderPrompt(_ref) {
12518
12547
  });
12519
12548
  };
12520
12549
 
12521
- function ownKeys$l(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
12522
- function _objectSpread$l(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$l(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$l(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
12550
+ function ownKeys$m(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
12551
+ function _objectSpread$m(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$m(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$m(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
12523
12552
  function _callSuper$4(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct$4() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e)); }
12524
12553
  function _isNativeReflectConstruct$4() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct$4 = function _isNativeReflectConstruct() { return !!t; })(); }
12525
12554
  var ProviderErrorBoundary = /*#__PURE__*/function (_Component) {
@@ -12574,7 +12603,7 @@ var ProviderErrorBoundary = /*#__PURE__*/function (_Component) {
12574
12603
  _defineProperty(_this, "handleProviderSelect", function (providerType, providerName, credentials) {
12575
12604
 
12576
12605
  // Update local selected providers state
12577
- var updatedSelected = _objectSpread$l(_objectSpread$l({}, _this.state.selectedProviders), {}, _defineProperty({}, providerType, providerName));
12606
+ var updatedSelected = _objectSpread$m(_objectSpread$m({}, _this.state.selectedProviders), {}, _defineProperty({}, providerType, providerName));
12578
12607
  _this.setState({
12579
12608
  selectedProviders: updatedSelected
12580
12609
  }, function () {
@@ -12648,8 +12677,8 @@ var ProviderErrorBoundary = /*#__PURE__*/function (_Component) {
12648
12677
  }(React.Component);
12649
12678
  _defineProperty(ProviderErrorBoundary, "contextType", ProviderContext);
12650
12679
 
12651
- function ownKeys$k(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
12652
- function _objectSpread$k(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$k(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$k(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
12680
+ function ownKeys$l(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
12681
+ function _objectSpread$l(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$l(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$l(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
12653
12682
  var withProviderDetection = function withProviderDetection(Component) {
12654
12683
  var _ref = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {},
12655
12684
  _ref$requiredProvider = _ref.requiredProviders,
@@ -12674,7 +12703,7 @@ var withProviderDetection = function withProviderDetection(Component) {
12674
12703
  onProviderSelect: onProviderSelect
12675
12704
  });
12676
12705
  }
12677
- return /*#__PURE__*/jsxRuntime.jsx(Component, _objectSpread$k({}, props));
12706
+ return /*#__PURE__*/jsxRuntime.jsx(Component, _objectSpread$l({}, props));
12678
12707
  };
12679
12708
  };
12680
12709
 
@@ -12888,8 +12917,8 @@ var WidgetHelpers = /*#__PURE__*/function () {
12888
12917
  }]);
12889
12918
  }();
12890
12919
 
12891
- function ownKeys$j(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
12892
- function _objectSpread$j(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$j(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$j(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
12920
+ function ownKeys$k(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
12921
+ function _objectSpread$k(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$k(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$k(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
12893
12922
  function _callSuper$2(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct$2() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e)); }
12894
12923
  function _isNativeReflectConstruct$2() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct$2 = function _isNativeReflectConstruct() { return !!t; })(); }
12895
12924
  var WidgetErrorBoundary = /*#__PURE__*/function (_Component) {
@@ -13016,7 +13045,7 @@ var WidgetRenderer = function WidgetRenderer(_ref) {
13016
13045
 
13017
13046
  // Build widgetData for WidgetContext — hooks read from this
13018
13047
  var uuidString = DashReact.getUUID(params.uuid);
13019
- var widgetData = _objectSpread$j(_objectSpread$j({}, params), {}, {
13048
+ var widgetData = _objectSpread$k(_objectSpread$k({}, params), {}, {
13020
13049
  uuidString: uuidString,
13021
13050
  providers: (config === null || config === void 0 ? void 0 : config.providers) || []
13022
13051
  });
@@ -13044,7 +13073,7 @@ var WidgetRenderer = function WidgetRenderer(_ref) {
13044
13073
  value: widgetContextValue,
13045
13074
  children: /*#__PURE__*/jsxRuntime.jsx(WidgetErrorBoundary, {
13046
13075
  widgetName: component,
13047
- children: children === null ? /*#__PURE__*/jsxRuntime.jsx(WidgetComponent, _objectSpread$j(_objectSpread$j(_objectSpread$j({
13076
+ children: children === null ? /*#__PURE__*/jsxRuntime.jsx(WidgetComponent, _objectSpread$k(_objectSpread$k(_objectSpread$k({
13048
13077
  id: "widget-nokids-".concat(widgetKey),
13049
13078
  listen: function listen(listeners, handlers) {
13050
13079
  return helpers.listen(listeners, handlers);
@@ -13057,7 +13086,7 @@ var WidgetRenderer = function WidgetRenderer(_ref) {
13057
13086
  backgroundColor: bgColor,
13058
13087
  widgetConfig: helpers.config(),
13059
13088
  widgetEventNames: helpers.events()
13060
- }), "widget-nokids-".concat(widgetKey)) : /*#__PURE__*/jsxRuntime.jsx(WidgetComponent, _objectSpread$j(_objectSpread$j(_objectSpread$j({
13089
+ }), "widget-nokids-".concat(widgetKey)) : /*#__PURE__*/jsxRuntime.jsx(WidgetComponent, _objectSpread$k(_objectSpread$k(_objectSpread$k({
13061
13090
  listen: function listen(listeners, handlers) {
13062
13091
  return helpers.listen(listeners, handlers);
13063
13092
  },
@@ -13239,8 +13268,8 @@ var SIDEBAR_WIDGET_TYPE = "sidebar-widget";
13239
13268
  function _createForOfIteratorHelper$5(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray$5(r)) || e && r && "number" == typeof r.length) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: !0 } : { done: !1, value: r[_n++] }; }, e: function e(r) { throw r; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var o, a = !0, u = !1; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = !0, o = r; }, f: function f() { try { a || null == t["return"] || t["return"](); } finally { if (u) throw o; } } }; }
13240
13269
  function _unsupportedIterableToArray$5(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray$5(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray$5(r, a) : void 0; } }
13241
13270
  function _arrayLikeToArray$5(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
13242
- function ownKeys$i(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
13243
- function _objectSpread$i(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$i(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$i(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
13271
+ function ownKeys$j(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
13272
+ function _objectSpread$j(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$j(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$j(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
13244
13273
  var DraggableCellBody = function DraggableCellBody(_ref) {
13245
13274
  var cellNumber = _ref.cellNumber,
13246
13275
  gridContainerId = _ref.gridContainerId,
@@ -13375,7 +13404,9 @@ var LayoutGridContainer = /*#__PURE__*/React.memo(function (_ref3) {
13375
13404
  _ref3$onMoveWidgetToC = _ref3.onMoveWidgetToCell,
13376
13405
  onMoveWidgetToCell = _ref3$onMoveWidgetToC === void 0 ? null : _ref3$onMoveWidgetToC,
13377
13406
  _ref3$onDropWidgetFro = _ref3.onDropWidgetFromSidebar,
13378
- onDropWidgetFromSidebar = _ref3$onDropWidgetFro === void 0 ? null : _ref3$onDropWidgetFro;
13407
+ onDropWidgetFromSidebar = _ref3$onDropWidgetFro === void 0 ? null : _ref3$onDropWidgetFro,
13408
+ _ref3$onWidgetPopout = _ref3.onWidgetPopout,
13409
+ onWidgetPopout = _ref3$onWidgetPopout === void 0 ? null : _ref3$onWidgetPopout;
13379
13410
  // Get providers from AppContext (not DashboardContext, which has a structural
13380
13411
  // issue where providers from AppWrapper don't flow through DashboardWrapper)
13381
13412
  var appCtx = React.useContext(AppContext);
@@ -13387,7 +13418,7 @@ var LayoutGridContainer = /*#__PURE__*/React.memo(function (_ref3) {
13387
13418
  var _ref5 = _slicedToArray(_ref4, 2),
13388
13419
  id = _ref5[0],
13389
13420
  provider = _ref5[1];
13390
- return _objectSpread$i({
13421
+ return _objectSpread$j({
13391
13422
  id: id
13392
13423
  }, provider);
13393
13424
  }) : [];
@@ -14002,7 +14033,25 @@ var LayoutGridContainer = /*#__PURE__*/React.memo(function (_ref3) {
14002
14033
  if (!cellComponent) {
14003
14034
  return null;
14004
14035
  }
14005
- return renderComponent(cellComponent.component, cellComponent.id, cellComponent, null);
14036
+ var rendered = renderComponent(cellComponent.component, cellComponent.id, cellComponent, null);
14037
+ if (onWidgetPopout && cellComponent.component) {
14038
+ return /*#__PURE__*/jsxRuntime.jsxs("div", {
14039
+ className: "relative w-full h-full group/popout",
14040
+ children: [rendered, /*#__PURE__*/jsxRuntime.jsx("button", {
14041
+ className: "absolute top-1 right-1 p-1 rounded opacity-0 group-hover/popout:opacity-100 transition-opacity bg-black/60 hover:bg-black/80 text-gray-300 hover:text-white z-10",
14042
+ onClick: function onClick(e) {
14043
+ e.stopPropagation();
14044
+ onWidgetPopout(cellComponent.id);
14045
+ },
14046
+ title: "Pop out widget",
14047
+ children: /*#__PURE__*/jsxRuntime.jsx(DashReact.FontAwesomeIcon, {
14048
+ icon: "arrow-up-right-from-square",
14049
+ className: "h-3 w-3"
14050
+ })
14051
+ })]
14052
+ });
14053
+ }
14054
+ return rendered;
14006
14055
  }
14007
14056
 
14008
14057
  // Render empty cell in preview mode
@@ -14143,7 +14192,7 @@ var LayoutGridContainer = /*#__PURE__*/React.memo(function (_ref3) {
14143
14192
  var widgetSpecificSelections = (workspace === null || workspace === void 0 || (_workspace$selectedPr = workspace.selectedProviders) === null || _workspace$selectedPr === void 0 ? void 0 : _workspace$selectedPr[id]) || {};
14144
14193
 
14145
14194
  // Add provider-related props from workspace
14146
- var itemWithProviders = _objectSpread$i(_objectSpread$i({}, item), {}, {
14195
+ var itemWithProviders = _objectSpread$j(_objectSpread$j({}, item), {}, {
14147
14196
  selectedProviders: widgetSpecificSelections,
14148
14197
  onProviderSelect: onProviderSelect
14149
14198
  });
@@ -14450,7 +14499,9 @@ var _renderLayout = function renderLayout(_ref) {
14450
14499
  _ref$onMoveWidgetToCe = _ref.onMoveWidgetToCell,
14451
14500
  onMoveWidgetToCell = _ref$onMoveWidgetToCe === void 0 ? null : _ref$onMoveWidgetToCe,
14452
14501
  _ref$onDropWidgetFrom = _ref.onDropWidgetFromSidebar,
14453
- onDropWidgetFromSidebar = _ref$onDropWidgetFrom === void 0 ? null : _ref$onDropWidgetFrom;
14502
+ onDropWidgetFromSidebar = _ref$onDropWidgetFrom === void 0 ? null : _ref$onDropWidgetFrom,
14503
+ _ref$onWidgetPopout = _ref.onWidgetPopout,
14504
+ onWidgetPopout = _ref$onWidgetPopout === void 0 ? null : _ref$onWidgetPopout;
14454
14505
  try {
14455
14506
  // Go through each item in the Workspace Layout to render the items.
14456
14507
 
@@ -14517,6 +14568,7 @@ var _renderLayout = function renderLayout(_ref) {
14517
14568
  onChangeRowMode: onChangeRowMode,
14518
14569
  onMoveWidgetToCell: onMoveWidgetToCell,
14519
14570
  onDropWidgetFromSidebar: onDropWidgetFromSidebar,
14571
+ onWidgetPopout: onWidgetPopout,
14520
14572
  children: id > 0 && _renderLayout({
14521
14573
  dashboardId: dashboardId,
14522
14574
  item: childLayout,
@@ -14553,7 +14605,8 @@ var _renderLayout = function renderLayout(_ref) {
14553
14605
  onChangeRowHeight: onChangeRowHeight,
14554
14606
  onChangeRowMode: onChangeRowMode,
14555
14607
  onMoveWidgetToCell: onMoveWidgetToCell,
14556
- onDropWidgetFromSidebar: onDropWidgetFromSidebar
14608
+ onDropWidgetFromSidebar: onDropWidgetFromSidebar,
14609
+ onWidgetPopout: onWidgetPopout
14557
14610
  })
14558
14611
  }, "grid-container-".concat(uuid, "-").concat(previewMode === true ? "view" : "edit")) : /*#__PURE__*/jsxRuntime.jsx(LayoutBuilderGridItem, {
14559
14612
  uuid: uuid,
@@ -15644,8 +15697,8 @@ function isWidgetResolvable(componentKey) {
15644
15697
  // isMinOrderForItem
15645
15698
  // }
15646
15699
 
15647
- function ownKeys$h(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
15648
- function _objectSpread$h(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$h(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$h(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
15700
+ function ownKeys$i(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
15701
+ function _objectSpread$i(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$i(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$i(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
15649
15702
  function _createForOfIteratorHelper$4(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray$4(r)) || e && r && "number" == typeof r.length) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: !0 } : { done: !1, value: r[_n++] }; }, e: function e(r) { throw r; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var o, a = !0, u = !1; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = !0, o = r; }, f: function f() { try { a || null == t["return"] || t["return"](); } finally { if (u) throw o; } } }; }
15650
15703
  function _unsupportedIterableToArray$4(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray$4(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray$4(r, a) : void 0; } }
15651
15704
  function _arrayLikeToArray$4(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
@@ -15801,7 +15854,7 @@ var LayoutModel = function LayoutModel(layoutItem, workspaceLayout, dashboardId)
15801
15854
 
15802
15855
  // Merge user-entered config values (from EnhancedWidgetDropdown) into userPrefs
15803
15856
  if ("userConfigValues" in obj && obj.userConfigValues) {
15804
- layout.userPrefs = _objectSpread$h(_objectSpread$h({}, layout.userPrefs), obj.userConfigValues);
15857
+ layout.userPrefs = _objectSpread$i(_objectSpread$i({}, layout.userPrefs), obj.userConfigValues);
15805
15858
  }
15806
15859
 
15807
15860
  // Preserve provider selections for this widget
@@ -16301,8 +16354,8 @@ var MenuItemModel = function MenuItemModel() {
16301
16354
  return m;
16302
16355
  };
16303
16356
 
16304
- function ownKeys$g(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
16305
- function _objectSpread$g(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$g(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$g(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
16357
+ function ownKeys$h(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
16358
+ function _objectSpread$h(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$h(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$h(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
16306
16359
  /**
16307
16360
  * A Model for a Workspace (Dashboard)
16308
16361
  * The Dashboard in this instance is the entire Layout inclusive of the workspaces and widgets
@@ -17149,6 +17202,8 @@ var DashboardModel = /*#__PURE__*/function () {
17149
17202
  });
17150
17203
  // and now handle the parent...
17151
17204
  // while(newLayoutLength > 0) {
17205
+ // Clean up listener references to the removed widget
17206
+ this._cleanupListenerReferencesForId(id);
17152
17207
  var children = this.layout.filter(function (layoutItem) {
17153
17208
  return layoutItem.parent === id;
17154
17209
  });
@@ -17183,6 +17238,35 @@ var DashboardModel = /*#__PURE__*/function () {
17183
17238
  }
17184
17239
  }
17185
17240
 
17241
+ /**
17242
+ * Remove listener references to a deleted widget from all remaining layout items.
17243
+ * Listener event strings use the format "ComponentName[id].eventName".
17244
+ * @param {number} id - The id of the removed widget
17245
+ */
17246
+ }, {
17247
+ key: "_cleanupListenerReferencesForId",
17248
+ value: function _cleanupListenerReferencesForId(id) {
17249
+ var pattern = "[".concat(id, "].");
17250
+ this.layout.forEach(function (layoutItem) {
17251
+ if (layoutItem.listeners && _typeof(layoutItem.listeners) === "object") {
17252
+ var handlers = Object.keys(layoutItem.listeners);
17253
+ handlers.forEach(function (handler) {
17254
+ var events = layoutItem.listeners[handler];
17255
+ if (Array.isArray(events)) {
17256
+ var filtered = events.filter(function (event) {
17257
+ return !event.includes(pattern);
17258
+ });
17259
+ if (filtered.length > 0) {
17260
+ layoutItem.listeners[handler] = filtered;
17261
+ } else {
17262
+ delete layoutItem.listeners[handler];
17263
+ }
17264
+ }
17265
+ });
17266
+ }
17267
+ });
17268
+ }
17269
+
17186
17270
  /**
17187
17271
  * Normalize a grid by repairing hide flags, clamping spans, filling
17188
17272
  * missing cells, and compacting fully-hidden rows/columns.
@@ -17535,7 +17619,7 @@ var DashboardModel = /*#__PURE__*/function () {
17535
17619
  visibleCells.push({
17536
17620
  row: r,
17537
17621
  col: c,
17538
- data: _objectSpread$g({}, cell),
17622
+ data: _objectSpread$h({}, cell),
17539
17623
  spanCol: ((_cell$span = cell.span) === null || _cell$span === void 0 ? void 0 : _cell$span.col) || 1,
17540
17624
  spanRow: ((_cell$span2 = cell.span) === null || _cell$span2 === void 0 ? void 0 : _cell$span2.row) || 1
17541
17625
  });
@@ -17557,7 +17641,7 @@ var DashboardModel = /*#__PURE__*/function () {
17557
17641
  var vc = _visibleCells[_i5];
17558
17642
  var newCol = (vc.col - 1) * count + 1;
17559
17643
  var _key7 = "".concat(vc.row, ".").concat(newCol);
17560
- grid[_key7] = _objectSpread$g(_objectSpread$g({}, vc.data), {}, {
17644
+ grid[_key7] = _objectSpread$h(_objectSpread$h({}, vc.data), {}, {
17561
17645
  hide: false,
17562
17646
  span: {
17563
17647
  row: vc.spanRow,
@@ -17632,7 +17716,7 @@ var DashboardModel = /*#__PURE__*/function () {
17632
17716
  _visibleCells2.push({
17633
17717
  row: _r1,
17634
17718
  col: _c10,
17635
- data: _objectSpread$g({}, _cell6),
17719
+ data: _objectSpread$h({}, _cell6),
17636
17720
  spanRow: ((_cell6$span = _cell6.span) === null || _cell6$span === void 0 ? void 0 : _cell6$span.row) || 1,
17637
17721
  spanCol: ((_cell6$span2 = _cell6.span) === null || _cell6$span2 === void 0 ? void 0 : _cell6$span2.col) || 1
17638
17722
  });
@@ -17654,7 +17738,7 @@ var DashboardModel = /*#__PURE__*/function () {
17654
17738
  var _vc = _visibleCells3[_i9];
17655
17739
  var newRow = (_vc.row - 1) * count + 1;
17656
17740
  var _key10 = "".concat(newRow, ".").concat(_vc.col);
17657
- grid[_key10] = _objectSpread$g(_objectSpread$g({}, _vc.data), {}, {
17741
+ grid[_key10] = _objectSpread$h(_objectSpread$h({}, _vc.data), {}, {
17658
17742
  hide: false,
17659
17743
  span: {
17660
17744
  row: _vc.spanRow * count,
@@ -18737,8 +18821,8 @@ var ErrorBoundary = /*#__PURE__*/function (_React$Component) {
18737
18821
  }]);
18738
18822
  }(React.Component);
18739
18823
 
18740
- function ownKeys$f(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
18741
- function _objectSpread$f(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$f(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$f(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
18824
+ function ownKeys$g(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
18825
+ function _objectSpread$g(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$g(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$g(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
18742
18826
 
18743
18827
  /**
18744
18828
  * useDashboard Hook
@@ -18794,7 +18878,7 @@ var useDashboard = function useDashboard() {
18794
18878
  }
18795
18879
  });
18796
18880
  }
18797
- return _objectSpread$f({
18881
+ return _objectSpread$g({
18798
18882
  app: app,
18799
18883
  dashboard: dashboard,
18800
18884
  theme: theme
@@ -19468,8 +19552,8 @@ function useProviderClient(provider) {
19468
19552
  };
19469
19553
  }
19470
19554
 
19471
- function ownKeys$e(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
19472
- function _objectSpread$e(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$e(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$e(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
19555
+ function ownKeys$f(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
19556
+ function _objectSpread$f(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$f(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$f(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
19473
19557
  var PreviewComponentsPane = function PreviewComponentsPane(_ref) {
19474
19558
  var theme = _ref.theme,
19475
19559
  themeVariant = _ref.themeVariant,
@@ -19518,13 +19602,13 @@ var PreviewComponentsPane = function PreviewComponentsPane(_ref) {
19518
19602
  className: "flex flex-col space-y-4 p-4",
19519
19603
  children: [/*#__PURE__*/jsxRuntime.jsxs("div", {
19520
19604
  className: "flex flex-row bg-gray-900 p-4 space-x-4 rounded justify-between",
19521
- children: [/*#__PURE__*/jsxRuntime.jsxs(DashReact.Panel, _objectSpread$e(_objectSpread$e({}, styles), {}, {
19605
+ children: [/*#__PURE__*/jsxRuntime.jsxs(DashReact.Panel, _objectSpread$f(_objectSpread$f({}, styles), {}, {
19522
19606
  scrollable: false,
19523
19607
  className: "rounded",
19524
19608
  children: [/*#__PURE__*/jsxRuntime.jsx(DashReact.Panel.Header, {
19525
19609
  className: "text-xs uppercase font-bold",
19526
19610
  children: "Panel"
19527
- }), /*#__PURE__*/jsxRuntime.jsx(DashReact.Panel.Body, _objectSpread$e(_objectSpread$e({}, styles), {}, {
19611
+ }), /*#__PURE__*/jsxRuntime.jsx(DashReact.Panel.Body, _objectSpread$f(_objectSpread$f({}, styles), {}, {
19528
19612
  onClick: function onClick() {
19529
19613
  handleClickItem(DashReact.themeObjects.PANEL, styles);
19530
19614
  }
@@ -19532,14 +19616,14 @@ var PreviewComponentsPane = function PreviewComponentsPane(_ref) {
19532
19616
  className: "text-xs uppercase font-light",
19533
19617
  children: DashReact.getCSSStyleForClassname("backgroundColor", DashReact.themeObjects.PANEL)
19534
19618
  })]
19535
- })), /*#__PURE__*/jsxRuntime.jsxs(DashReact.Panel2, _objectSpread$e(_objectSpread$e({
19619
+ })), /*#__PURE__*/jsxRuntime.jsxs(DashReact.Panel2, _objectSpread$f(_objectSpread$f({
19536
19620
  className: "rounded"
19537
19621
  }, styles2), {}, {
19538
19622
  scrollable: false,
19539
19623
  children: [/*#__PURE__*/jsxRuntime.jsx(DashReact.Panel2.Header, {
19540
19624
  className: "text-xs uppercase font-bold",
19541
19625
  children: "Panel 2"
19542
- }), /*#__PURE__*/jsxRuntime.jsx(DashReact.Panel2.Body, _objectSpread$e(_objectSpread$e({}, styles2), {}, {
19626
+ }), /*#__PURE__*/jsxRuntime.jsx(DashReact.Panel2.Body, _objectSpread$f(_objectSpread$f({}, styles2), {}, {
19543
19627
  onClick: function onClick() {
19544
19628
  handleClickItem(DashReact.themeObjects.PANEL_2, styles2);
19545
19629
  }
@@ -19547,14 +19631,14 @@ var PreviewComponentsPane = function PreviewComponentsPane(_ref) {
19547
19631
  className: "text-xs uppercase font-light",
19548
19632
  children: DashReact.getCSSStyleForClassname("backgroundColor", DashReact.themeObjects.PANEL_2)
19549
19633
  })]
19550
- })), /*#__PURE__*/jsxRuntime.jsxs(DashReact.Panel3, _objectSpread$e(_objectSpread$e({
19634
+ })), /*#__PURE__*/jsxRuntime.jsxs(DashReact.Panel3, _objectSpread$f(_objectSpread$f({
19551
19635
  className: "rounded"
19552
19636
  }, styles3), {}, {
19553
19637
  scrollable: false,
19554
19638
  children: [/*#__PURE__*/jsxRuntime.jsx(DashReact.Panel3.Header, {
19555
19639
  className: "text-xs uppercase font-bold",
19556
19640
  children: "Panel 3"
19557
- }), /*#__PURE__*/jsxRuntime.jsx(DashReact.Panel3.Body, _objectSpread$e(_objectSpread$e({}, styles3), {}, {
19641
+ }), /*#__PURE__*/jsxRuntime.jsx(DashReact.Panel3.Body, _objectSpread$f(_objectSpread$f({}, styles3), {}, {
19558
19642
  onClick: function onClick() {
19559
19643
  handleClickItem(DashReact.themeObjects.PANEL_3, styles3);
19560
19644
  }
@@ -19563,68 +19647,68 @@ var PreviewComponentsPane = function PreviewComponentsPane(_ref) {
19563
19647
  children: DashReact.getCSSStyleForClassname("backgroundColor", DashReact.themeObjects.PANEL_3)
19564
19648
  })]
19565
19649
  }))]
19566
- }), /*#__PURE__*/jsxRuntime.jsxs(DashReact.Panel, _objectSpread$e(_objectSpread$e({
19650
+ }), /*#__PURE__*/jsxRuntime.jsxs(DashReact.Panel, _objectSpread$f(_objectSpread$f({
19567
19651
  className: "p-6 rounded border-4 space-y-4",
19568
19652
  scrollable: false,
19569
19653
  height: "h-fit"
19570
19654
  }, styles), {}, {
19571
- children: [/*#__PURE__*/jsxRuntime.jsx(DashReact.Heading, _objectSpread$e(_objectSpread$e({
19655
+ children: [/*#__PURE__*/jsxRuntime.jsx(DashReact.Heading, _objectSpread$f(_objectSpread$f({
19572
19656
  title: "Heading"
19573
19657
  }, headingStyles), {}, {
19574
19658
  padding: false,
19575
19659
  onClick: function onClick() {
19576
19660
  return handleClickItem(DashReact.themeObjects.HEADING, headingStyles);
19577
19661
  }
19578
- })), /*#__PURE__*/jsxRuntime.jsx(DashReact.Heading2, _objectSpread$e(_objectSpread$e({
19662
+ })), /*#__PURE__*/jsxRuntime.jsx(DashReact.Heading2, _objectSpread$f(_objectSpread$f({
19579
19663
  title: "Heading 2"
19580
19664
  }, heading2Styles), {}, {
19581
19665
  padding: false,
19582
19666
  onClick: function onClick() {
19583
19667
  return handleClickItem(DashReact.themeObjects.HEADING_2, heading2Styles);
19584
19668
  }
19585
- })), /*#__PURE__*/jsxRuntime.jsx(DashReact.Heading3, _objectSpread$e(_objectSpread$e({
19669
+ })), /*#__PURE__*/jsxRuntime.jsx(DashReact.Heading3, _objectSpread$f(_objectSpread$f({
19586
19670
  title: "Heading 3"
19587
19671
  }, heading3Styles), {}, {
19588
19672
  padding: false,
19589
19673
  onClick: function onClick() {
19590
19674
  return handleClickItem(DashReact.themeObjects.HEADING_3, heading3Styles);
19591
19675
  }
19592
- })), /*#__PURE__*/jsxRuntime.jsx(DashReact.SubHeading, _objectSpread$e(_objectSpread$e({
19676
+ })), /*#__PURE__*/jsxRuntime.jsx(DashReact.SubHeading, _objectSpread$f(_objectSpread$f({
19593
19677
  title: "Subheading"
19594
19678
  }, subHeadingStyles), {}, {
19595
19679
  padding: false,
19596
19680
  onClick: function onClick() {
19597
19681
  return handleClickItem(DashReact.themeObjects.SUBHEADING, subHeadingStyles);
19598
19682
  }
19599
- })), /*#__PURE__*/jsxRuntime.jsx(DashReact.SubHeading2, _objectSpread$e(_objectSpread$e({
19683
+ })), /*#__PURE__*/jsxRuntime.jsx(DashReact.SubHeading2, _objectSpread$f(_objectSpread$f({
19600
19684
  title: "Subheading 2"
19601
19685
  }, subHeading2Styles), {}, {
19602
19686
  padding: false,
19603
19687
  onClick: function onClick() {
19604
19688
  return handleClickItem(DashReact.themeObjects.SUBHEADING_2, subHeading2Styles);
19605
19689
  }
19606
- })), /*#__PURE__*/jsxRuntime.jsx(DashReact.SubHeading3, _objectSpread$e(_objectSpread$e({
19690
+ })), /*#__PURE__*/jsxRuntime.jsx(DashReact.SubHeading3, _objectSpread$f(_objectSpread$f({
19607
19691
  title: "Subheading"
19608
19692
  }, subHeading3Styles), {}, {
19609
19693
  padding: false,
19610
19694
  onClick: function onClick() {
19611
19695
  return handleClickItem(DashReact.themeObjects.SUBHEADING_3, subHeading3Styles);
19612
19696
  }
19613
- })), /*#__PURE__*/jsxRuntime.jsx(DashReact.Paragraph, _objectSpread$e(_objectSpread$e({
19697
+ })), /*#__PURE__*/jsxRuntime.jsx(DashReact.Paragraph, _objectSpread$f(_objectSpread$f({
19614
19698
  text: "The quick brown fox jumps over the lazy dog."
19615
19699
  }, paragraphStyles), {}, {
19616
19700
  padding: false,
19617
19701
  onClick: function onClick() {
19618
19702
  return handleClickItem(DashReact.themeObjects.PARAGRAPH, paragraphStyles);
19619
19703
  }
19620
- })), /*#__PURE__*/jsxRuntime.jsx(DashReact.Paragraph2, _objectSpread$e(_objectSpread$e({
19704
+ })), /*#__PURE__*/jsxRuntime.jsx(DashReact.Paragraph2, _objectSpread$f(_objectSpread$f({
19621
19705
  text: "The quick brown fox jumps over the lazy dog."
19622
19706
  }, paragraph2Styles), {}, {
19623
19707
  padding: false,
19624
19708
  onClick: function onClick() {
19625
19709
  return handleClickItem(DashReact.themeObjects.PARAGRAPH_2, paragraph2Styles);
19626
19710
  }
19627
- })), /*#__PURE__*/jsxRuntime.jsx(DashReact.Paragraph3, _objectSpread$e(_objectSpread$e({
19711
+ })), /*#__PURE__*/jsxRuntime.jsx(DashReact.Paragraph3, _objectSpread$f(_objectSpread$f({
19628
19712
  text: "The quick brown fox jumps over the lazy dog."
19629
19713
  }, paragraph3Styles), {}, {
19630
19714
  padding: false,
@@ -19633,19 +19717,19 @@ var PreviewComponentsPane = function PreviewComponentsPane(_ref) {
19633
19717
  }
19634
19718
  })), /*#__PURE__*/jsxRuntime.jsxs("div", {
19635
19719
  className: "flex flex-row space-x-2 w-full",
19636
- children: [/*#__PURE__*/jsxRuntime.jsx(DashReact.Button, _objectSpread$e(_objectSpread$e({
19720
+ children: [/*#__PURE__*/jsxRuntime.jsx(DashReact.Button, _objectSpread$f(_objectSpread$f({
19637
19721
  title: "Button"
19638
19722
  }, buttonStyles), {}, {
19639
19723
  onClick: function onClick() {
19640
19724
  return handleClickItem(DashReact.themeObjects.BUTTON, buttonStyles);
19641
19725
  }
19642
- })), /*#__PURE__*/jsxRuntime.jsx(DashReact.Button2, _objectSpread$e(_objectSpread$e({
19726
+ })), /*#__PURE__*/jsxRuntime.jsx(DashReact.Button2, _objectSpread$f(_objectSpread$f({
19643
19727
  title: "Button 2"
19644
19728
  }, button2Styles), {}, {
19645
19729
  onClick: function onClick() {
19646
19730
  return handleClickItem(DashReact.themeObjects.BUTTON_2, button2Styles);
19647
19731
  }
19648
- })), /*#__PURE__*/jsxRuntime.jsx(DashReact.Button3, _objectSpread$e(_objectSpread$e({
19732
+ })), /*#__PURE__*/jsxRuntime.jsx(DashReact.Button3, _objectSpread$f(_objectSpread$f({
19649
19733
  title: "Button 3"
19650
19734
  }, button3Styles), {}, {
19651
19735
  onClick: function onClick() {
@@ -19656,14 +19740,14 @@ var PreviewComponentsPane = function PreviewComponentsPane(_ref) {
19656
19740
  className: "flex flex-row space-x-4 w-full h-fit",
19657
19741
  children: [/*#__PURE__*/jsxRuntime.jsxs("div", {
19658
19742
  className: "flex flex-row space-x-2",
19659
- children: [/*#__PURE__*/jsxRuntime.jsx(DashReact.ButtonIcon, _objectSpread$e(_objectSpread$e({
19743
+ children: [/*#__PURE__*/jsxRuntime.jsx(DashReact.ButtonIcon, _objectSpread$f(_objectSpread$f({
19660
19744
  text: "Button Icon",
19661
19745
  icon: "pencil"
19662
19746
  }, buttonIconStyles), {}, {
19663
19747
  onClick: function onClick() {
19664
19748
  return handleClickItem(DashReact.themeObjects.BUTTON_ICON, buttonIconStyles);
19665
19749
  }
19666
- })), /*#__PURE__*/jsxRuntime.jsx(DashReact.ButtonIcon, _objectSpread$e(_objectSpread$e({
19750
+ })), /*#__PURE__*/jsxRuntime.jsx(DashReact.ButtonIcon, _objectSpread$f(_objectSpread$f({
19667
19751
  icon: "pencil"
19668
19752
  }, buttonIconStyles), {}, {
19669
19753
  onClick: function onClick() {
@@ -19672,14 +19756,14 @@ var PreviewComponentsPane = function PreviewComponentsPane(_ref) {
19672
19756
  }))]
19673
19757
  }), /*#__PURE__*/jsxRuntime.jsxs("div", {
19674
19758
  className: "flex flex-row space-x-2",
19675
- children: [/*#__PURE__*/jsxRuntime.jsx(DashReact.ButtonIcon, _objectSpread$e(_objectSpread$e({
19759
+ children: [/*#__PURE__*/jsxRuntime.jsx(DashReact.ButtonIcon, _objectSpread$f(_objectSpread$f({
19676
19760
  text: "Button Icon 2",
19677
19761
  icon: "pencil"
19678
19762
  }, buttonIconStyles), {}, {
19679
19763
  onClick: function onClick() {
19680
19764
  return handleClickItem(DashReact.themeObjects.BUTTON_ICON_2, buttonIcon2Styles);
19681
19765
  }
19682
- })), /*#__PURE__*/jsxRuntime.jsx(DashReact.ButtonIcon, _objectSpread$e(_objectSpread$e({
19766
+ })), /*#__PURE__*/jsxRuntime.jsx(DashReact.ButtonIcon, _objectSpread$f(_objectSpread$f({
19683
19767
  icon: "pencil"
19684
19768
  }, buttonIconStyles), {}, {
19685
19769
  onClick: function onClick() {
@@ -19688,14 +19772,14 @@ var PreviewComponentsPane = function PreviewComponentsPane(_ref) {
19688
19772
  }))]
19689
19773
  }), /*#__PURE__*/jsxRuntime.jsxs("div", {
19690
19774
  className: "flex flex-row space-x-2",
19691
- children: [/*#__PURE__*/jsxRuntime.jsx(DashReact.ButtonIcon, _objectSpread$e(_objectSpread$e({
19775
+ children: [/*#__PURE__*/jsxRuntime.jsx(DashReact.ButtonIcon, _objectSpread$f(_objectSpread$f({
19692
19776
  text: "Button Icon 3",
19693
19777
  icon: "pencil"
19694
19778
  }, buttonIcon3Styles), {}, {
19695
19779
  onClick: function onClick() {
19696
19780
  return handleClickItem(DashReact.themeObjects.BUTTON_ICON_3, buttonIcon3Styles);
19697
19781
  }
19698
- })), /*#__PURE__*/jsxRuntime.jsx(DashReact.ButtonIcon, _objectSpread$e(_objectSpread$e({
19782
+ })), /*#__PURE__*/jsxRuntime.jsx(DashReact.ButtonIcon, _objectSpread$f(_objectSpread$f({
19699
19783
  icon: "pencil"
19700
19784
  }, buttonIcon3Styles), {}, {
19701
19785
  onClick: function onClick() {
@@ -19705,17 +19789,17 @@ var PreviewComponentsPane = function PreviewComponentsPane(_ref) {
19705
19789
  })]
19706
19790
  }), /*#__PURE__*/jsxRuntime.jsxs("div", {
19707
19791
  className: "flex flex-col space-y-2 w-full",
19708
- children: [/*#__PURE__*/jsxRuntime.jsx(DashReact.MenuItem, _objectSpread$e(_objectSpread$e({}, menuItemStyles), {}, {
19792
+ children: [/*#__PURE__*/jsxRuntime.jsx(DashReact.MenuItem, _objectSpread$f(_objectSpread$f({}, menuItemStyles), {}, {
19709
19793
  onClick: function onClick() {
19710
19794
  return handleClickItem(DashReact.themeObjects.MENU_ITEM, menuItemStyles);
19711
19795
  },
19712
19796
  children: "Menu Item"
19713
- })), /*#__PURE__*/jsxRuntime.jsx(DashReact.MenuItem2, _objectSpread$e(_objectSpread$e({}, menuItem2Styles), {}, {
19797
+ })), /*#__PURE__*/jsxRuntime.jsx(DashReact.MenuItem2, _objectSpread$f(_objectSpread$f({}, menuItem2Styles), {}, {
19714
19798
  onClick: function onClick() {
19715
19799
  return handleClickItem(DashReact.themeObjects.MENU_ITEM_2, menuItem2Styles);
19716
19800
  },
19717
19801
  children: "Menu Item 2"
19718
- })), /*#__PURE__*/jsxRuntime.jsx(DashReact.MenuItem3, _objectSpread$e(_objectSpread$e({}, menuItem3Styles), {}, {
19802
+ })), /*#__PURE__*/jsxRuntime.jsx(DashReact.MenuItem3, _objectSpread$f(_objectSpread$f({}, menuItem3Styles), {}, {
19719
19803
  onClick: function onClick() {
19720
19804
  return handleClickItem(DashReact.themeObjects.MENU_ITEM_3, menuItem3Styles);
19721
19805
  },
@@ -19723,21 +19807,21 @@ var PreviewComponentsPane = function PreviewComponentsPane(_ref) {
19723
19807
  }))]
19724
19808
  }), /*#__PURE__*/jsxRuntime.jsxs("div", {
19725
19809
  className: "flex flex-row space-x-2 w-full",
19726
- children: [/*#__PURE__*/jsxRuntime.jsx(DashReact.Tag, _objectSpread$e(_objectSpread$e({
19810
+ children: [/*#__PURE__*/jsxRuntime.jsx(DashReact.Tag, _objectSpread$f(_objectSpread$f({
19727
19811
  text: "Tag",
19728
19812
  icon: "pencil"
19729
19813
  }, tagStyles), {}, {
19730
19814
  onClick: function onClick() {
19731
19815
  return handleClickItem(DashReact.themeObjects.TAG, tagStyles);
19732
19816
  }
19733
- })), /*#__PURE__*/jsxRuntime.jsx(DashReact.Tag2, _objectSpread$e(_objectSpread$e({
19817
+ })), /*#__PURE__*/jsxRuntime.jsx(DashReact.Tag2, _objectSpread$f(_objectSpread$f({
19734
19818
  text: "Tag 2",
19735
19819
  icon: "pencil"
19736
19820
  }, tag2Styles), {}, {
19737
19821
  onClick: function onClick() {
19738
19822
  return handleClickItem(DashReact.themeObjects.TAG_2, tag2Styles);
19739
19823
  }
19740
- })), /*#__PURE__*/jsxRuntime.jsx(DashReact.Tag3, _objectSpread$e(_objectSpread$e({
19824
+ })), /*#__PURE__*/jsxRuntime.jsx(DashReact.Tag3, _objectSpread$f(_objectSpread$f({
19741
19825
  text: "Tag 3",
19742
19826
  icon: "pencil"
19743
19827
  }, tag3Styles), {}, {
@@ -19746,67 +19830,67 @@ var PreviewComponentsPane = function PreviewComponentsPane(_ref) {
19746
19830
  }
19747
19831
  }))]
19748
19832
  })]
19749
- })), /*#__PURE__*/jsxRuntime.jsxs(DashReact.Panel2, _objectSpread$e(_objectSpread$e({
19833
+ })), /*#__PURE__*/jsxRuntime.jsxs(DashReact.Panel2, _objectSpread$f(_objectSpread$f({
19750
19834
  className: "p-6 rounded border-4 space-y-4",
19751
19835
  height: "h-fit"
19752
19836
  }, styles2), {}, {
19753
- children: [/*#__PURE__*/jsxRuntime.jsx(DashReact.Heading, _objectSpread$e(_objectSpread$e({
19837
+ children: [/*#__PURE__*/jsxRuntime.jsx(DashReact.Heading, _objectSpread$f(_objectSpread$f({
19754
19838
  title: "Heading"
19755
19839
  }, headingStyles), {}, {
19756
19840
  padding: false,
19757
19841
  onClick: function onClick() {
19758
19842
  return handleClickItem(DashReact.themeObjects.HEADING, headingStyles);
19759
19843
  }
19760
- })), /*#__PURE__*/jsxRuntime.jsx(DashReact.Heading2, _objectSpread$e(_objectSpread$e({
19844
+ })), /*#__PURE__*/jsxRuntime.jsx(DashReact.Heading2, _objectSpread$f(_objectSpread$f({
19761
19845
  title: "Heading 2"
19762
19846
  }, heading2Styles), {}, {
19763
19847
  padding: false,
19764
19848
  onClick: function onClick() {
19765
19849
  return handleClickItem(DashReact.themeObjects.HEADING_2, heading2Styles);
19766
19850
  }
19767
- })), /*#__PURE__*/jsxRuntime.jsx(DashReact.Heading3, _objectSpread$e(_objectSpread$e({
19851
+ })), /*#__PURE__*/jsxRuntime.jsx(DashReact.Heading3, _objectSpread$f(_objectSpread$f({
19768
19852
  title: "Heading 3"
19769
19853
  }, heading3Styles), {}, {
19770
19854
  padding: false,
19771
19855
  onClick: function onClick() {
19772
19856
  return handleClickItem(DashReact.themeObjects.HEADING_3, heading3Styles);
19773
19857
  }
19774
- })), /*#__PURE__*/jsxRuntime.jsx(DashReact.SubHeading, _objectSpread$e(_objectSpread$e({
19858
+ })), /*#__PURE__*/jsxRuntime.jsx(DashReact.SubHeading, _objectSpread$f(_objectSpread$f({
19775
19859
  title: "Subheading"
19776
19860
  }, subHeadingStyles), {}, {
19777
19861
  padding: false,
19778
19862
  onClick: function onClick() {
19779
19863
  return handleClickItem(DashReact.themeObjects.SUBHEADING, subHeadingStyles);
19780
19864
  }
19781
- })), /*#__PURE__*/jsxRuntime.jsx(DashReact.SubHeading2, _objectSpread$e(_objectSpread$e({
19865
+ })), /*#__PURE__*/jsxRuntime.jsx(DashReact.SubHeading2, _objectSpread$f(_objectSpread$f({
19782
19866
  title: "Subheading 2"
19783
19867
  }, subHeading2Styles), {}, {
19784
19868
  padding: false,
19785
19869
  onClick: function onClick() {
19786
19870
  return handleClickItem(DashReact.themeObjects.SUBHEADING_2, subHeading2Styles);
19787
19871
  }
19788
- })), /*#__PURE__*/jsxRuntime.jsx(DashReact.SubHeading3, _objectSpread$e(_objectSpread$e({
19872
+ })), /*#__PURE__*/jsxRuntime.jsx(DashReact.SubHeading3, _objectSpread$f(_objectSpread$f({
19789
19873
  title: "Subheading"
19790
19874
  }, subHeading3Styles), {}, {
19791
19875
  padding: false,
19792
19876
  onClick: function onClick() {
19793
19877
  return handleClickItem(DashReact.themeObjects.SUBHEADING_3, subHeading3Styles);
19794
19878
  }
19795
- })), /*#__PURE__*/jsxRuntime.jsx(DashReact.Paragraph, _objectSpread$e(_objectSpread$e({
19879
+ })), /*#__PURE__*/jsxRuntime.jsx(DashReact.Paragraph, _objectSpread$f(_objectSpread$f({
19796
19880
  text: "The quick brown fox jumps over the lazy dog."
19797
19881
  }, paragraphStyles), {}, {
19798
19882
  padding: false,
19799
19883
  onClick: function onClick() {
19800
19884
  return handleClickItem(DashReact.themeObjects.PARAGRAPH, paragraphStyles);
19801
19885
  }
19802
- })), /*#__PURE__*/jsxRuntime.jsx(DashReact.Paragraph2, _objectSpread$e(_objectSpread$e({
19886
+ })), /*#__PURE__*/jsxRuntime.jsx(DashReact.Paragraph2, _objectSpread$f(_objectSpread$f({
19803
19887
  text: "The quick brown fox jumps over the lazy dog."
19804
19888
  }, paragraph2Styles), {}, {
19805
19889
  padding: false,
19806
19890
  onClick: function onClick() {
19807
19891
  return handleClickItem(DashReact.themeObjects.PARAGRAPH_2, paragraph2Styles);
19808
19892
  }
19809
- })), /*#__PURE__*/jsxRuntime.jsx(DashReact.Paragraph3, _objectSpread$e(_objectSpread$e({
19893
+ })), /*#__PURE__*/jsxRuntime.jsx(DashReact.Paragraph3, _objectSpread$f(_objectSpread$f({
19810
19894
  text: "The quick brown fox jumps over the lazy dog."
19811
19895
  }, paragraph3Styles), {}, {
19812
19896
  padding: false,
@@ -19815,19 +19899,19 @@ var PreviewComponentsPane = function PreviewComponentsPane(_ref) {
19815
19899
  }
19816
19900
  })), /*#__PURE__*/jsxRuntime.jsxs("div", {
19817
19901
  className: "flex flex-row space-x-2 w-full",
19818
- children: [/*#__PURE__*/jsxRuntime.jsx(DashReact.Button, _objectSpread$e(_objectSpread$e({
19902
+ children: [/*#__PURE__*/jsxRuntime.jsx(DashReact.Button, _objectSpread$f(_objectSpread$f({
19819
19903
  title: "Button"
19820
19904
  }, buttonStyles), {}, {
19821
19905
  onClick: function onClick() {
19822
19906
  return handleClickItem(DashReact.themeObjects.BUTTON, buttonStyles);
19823
19907
  }
19824
- })), /*#__PURE__*/jsxRuntime.jsx(DashReact.Button2, _objectSpread$e(_objectSpread$e({
19908
+ })), /*#__PURE__*/jsxRuntime.jsx(DashReact.Button2, _objectSpread$f(_objectSpread$f({
19825
19909
  title: "Button 2"
19826
19910
  }, button2Styles), {}, {
19827
19911
  onClick: function onClick() {
19828
19912
  return handleClickItem(DashReact.themeObjects.BUTTON_2, button2Styles);
19829
19913
  }
19830
- })), /*#__PURE__*/jsxRuntime.jsx(DashReact.Button3, _objectSpread$e(_objectSpread$e({
19914
+ })), /*#__PURE__*/jsxRuntime.jsx(DashReact.Button3, _objectSpread$f(_objectSpread$f({
19831
19915
  title: "Button 3"
19832
19916
  }, button3Styles), {}, {
19833
19917
  onClick: function onClick() {
@@ -19838,14 +19922,14 @@ var PreviewComponentsPane = function PreviewComponentsPane(_ref) {
19838
19922
  className: "flex flex-row space-x-4 w-full",
19839
19923
  children: [/*#__PURE__*/jsxRuntime.jsxs("div", {
19840
19924
  className: "flex flex-row space-x-2",
19841
- children: [/*#__PURE__*/jsxRuntime.jsx(DashReact.ButtonIcon, _objectSpread$e(_objectSpread$e({
19925
+ children: [/*#__PURE__*/jsxRuntime.jsx(DashReact.ButtonIcon, _objectSpread$f(_objectSpread$f({
19842
19926
  text: "Button Icon",
19843
19927
  icon: "pencil"
19844
19928
  }, buttonIconStyles), {}, {
19845
19929
  onClick: function onClick() {
19846
19930
  return handleClickItem(DashReact.themeObjects.BUTTON_ICON, buttonIconStyles);
19847
19931
  }
19848
- })), /*#__PURE__*/jsxRuntime.jsx(DashReact.ButtonIcon, _objectSpread$e(_objectSpread$e({
19932
+ })), /*#__PURE__*/jsxRuntime.jsx(DashReact.ButtonIcon, _objectSpread$f(_objectSpread$f({
19849
19933
  icon: "pencil"
19850
19934
  }, buttonIconStyles), {}, {
19851
19935
  onClick: function onClick() {
@@ -19854,14 +19938,14 @@ var PreviewComponentsPane = function PreviewComponentsPane(_ref) {
19854
19938
  }))]
19855
19939
  }), /*#__PURE__*/jsxRuntime.jsxs("div", {
19856
19940
  className: "flex flex-row space-x-2",
19857
- children: [/*#__PURE__*/jsxRuntime.jsx(DashReact.ButtonIcon, _objectSpread$e(_objectSpread$e({
19941
+ children: [/*#__PURE__*/jsxRuntime.jsx(DashReact.ButtonIcon, _objectSpread$f(_objectSpread$f({
19858
19942
  text: "Button Icon 2",
19859
19943
  icon: "pencil"
19860
19944
  }, buttonIconStyles), {}, {
19861
19945
  onClick: function onClick() {
19862
19946
  return handleClickItem(DashReact.themeObjects.BUTTON_ICON_2, buttonIcon2Styles);
19863
19947
  }
19864
- })), /*#__PURE__*/jsxRuntime.jsx(DashReact.ButtonIcon, _objectSpread$e(_objectSpread$e({
19948
+ })), /*#__PURE__*/jsxRuntime.jsx(DashReact.ButtonIcon, _objectSpread$f(_objectSpread$f({
19865
19949
  icon: "pencil"
19866
19950
  }, buttonIconStyles), {}, {
19867
19951
  onClick: function onClick() {
@@ -19870,14 +19954,14 @@ var PreviewComponentsPane = function PreviewComponentsPane(_ref) {
19870
19954
  }))]
19871
19955
  }), /*#__PURE__*/jsxRuntime.jsxs("div", {
19872
19956
  className: "flex flex-row space-x-2",
19873
- children: [/*#__PURE__*/jsxRuntime.jsx(DashReact.ButtonIcon, _objectSpread$e(_objectSpread$e({
19957
+ children: [/*#__PURE__*/jsxRuntime.jsx(DashReact.ButtonIcon, _objectSpread$f(_objectSpread$f({
19874
19958
  text: "Button Icon 3",
19875
19959
  icon: "pencil"
19876
19960
  }, buttonIcon3Styles), {}, {
19877
19961
  onClick: function onClick() {
19878
19962
  return handleClickItem(DashReact.themeObjects.BUTTON_ICON_3, buttonIcon3Styles);
19879
19963
  }
19880
- })), /*#__PURE__*/jsxRuntime.jsx(DashReact.ButtonIcon, _objectSpread$e(_objectSpread$e({
19964
+ })), /*#__PURE__*/jsxRuntime.jsx(DashReact.ButtonIcon, _objectSpread$f(_objectSpread$f({
19881
19965
  icon: "pencil"
19882
19966
  }, buttonIcon3Styles), {}, {
19883
19967
  onClick: function onClick() {
@@ -19887,17 +19971,17 @@ var PreviewComponentsPane = function PreviewComponentsPane(_ref) {
19887
19971
  })]
19888
19972
  }), /*#__PURE__*/jsxRuntime.jsxs("div", {
19889
19973
  className: "flex flex-col space-y-2 w-full",
19890
- children: [/*#__PURE__*/jsxRuntime.jsx(DashReact.MenuItem, _objectSpread$e(_objectSpread$e({}, menuItemStyles), {}, {
19974
+ children: [/*#__PURE__*/jsxRuntime.jsx(DashReact.MenuItem, _objectSpread$f(_objectSpread$f({}, menuItemStyles), {}, {
19891
19975
  onClick: function onClick() {
19892
19976
  return handleClickItem(DashReact.themeObjects.MENU_ITEM, menuItemStyles);
19893
19977
  },
19894
19978
  children: "Menu Item"
19895
- })), /*#__PURE__*/jsxRuntime.jsx(DashReact.MenuItem2, _objectSpread$e(_objectSpread$e({}, menuItem2Styles), {}, {
19979
+ })), /*#__PURE__*/jsxRuntime.jsx(DashReact.MenuItem2, _objectSpread$f(_objectSpread$f({}, menuItem2Styles), {}, {
19896
19980
  onClick: function onClick() {
19897
19981
  return handleClickItem(DashReact.themeObjects.MENU_ITEM_2, menuItem2Styles);
19898
19982
  },
19899
19983
  children: "Menu Item 2"
19900
- })), /*#__PURE__*/jsxRuntime.jsx(DashReact.MenuItem3, _objectSpread$e(_objectSpread$e({}, menuItem3Styles), {}, {
19984
+ })), /*#__PURE__*/jsxRuntime.jsx(DashReact.MenuItem3, _objectSpread$f(_objectSpread$f({}, menuItem3Styles), {}, {
19901
19985
  onClick: function onClick() {
19902
19986
  return handleClickItem(DashReact.themeObjects.MENU_ITEM_3, menuItem3Styles);
19903
19987
  },
@@ -19905,21 +19989,21 @@ var PreviewComponentsPane = function PreviewComponentsPane(_ref) {
19905
19989
  }))]
19906
19990
  }), /*#__PURE__*/jsxRuntime.jsxs("div", {
19907
19991
  className: "flex flex-row space-x-2 w-full",
19908
- children: [/*#__PURE__*/jsxRuntime.jsx(DashReact.Tag, _objectSpread$e(_objectSpread$e({
19992
+ children: [/*#__PURE__*/jsxRuntime.jsx(DashReact.Tag, _objectSpread$f(_objectSpread$f({
19909
19993
  text: "Tag",
19910
19994
  icon: "pencil"
19911
19995
  }, tagStyles), {}, {
19912
19996
  onClick: function onClick() {
19913
19997
  return handleClickItem(DashReact.themeObjects.TAG, tagStyles);
19914
19998
  }
19915
- })), /*#__PURE__*/jsxRuntime.jsx(DashReact.Tag2, _objectSpread$e(_objectSpread$e({
19999
+ })), /*#__PURE__*/jsxRuntime.jsx(DashReact.Tag2, _objectSpread$f(_objectSpread$f({
19916
20000
  text: "Tag 2",
19917
20001
  icon: "pencil"
19918
20002
  }, tag2Styles), {}, {
19919
20003
  onClick: function onClick() {
19920
20004
  return handleClickItem(DashReact.themeObjects.TAG_2, tag2Styles);
19921
20005
  }
19922
- })), /*#__PURE__*/jsxRuntime.jsx(DashReact.Tag3, _objectSpread$e(_objectSpread$e({
20006
+ })), /*#__PURE__*/jsxRuntime.jsx(DashReact.Tag3, _objectSpread$f(_objectSpread$f({
19923
20007
  text: "Tag 3",
19924
20008
  icon: "pencil"
19925
20009
  }, tag3Styles), {}, {
@@ -19928,68 +20012,68 @@ var PreviewComponentsPane = function PreviewComponentsPane(_ref) {
19928
20012
  }
19929
20013
  }))]
19930
20014
  })]
19931
- })), /*#__PURE__*/jsxRuntime.jsxs(DashReact.Panel3, _objectSpread$e(_objectSpread$e({
20015
+ })), /*#__PURE__*/jsxRuntime.jsxs(DashReact.Panel3, _objectSpread$f(_objectSpread$f({
19932
20016
  className: "p-6 rounded border-4 space-y-4"
19933
20017
  }, styles3), {}, {
19934
20018
  padding: false,
19935
20019
  height: "h-fit",
19936
- children: [/*#__PURE__*/jsxRuntime.jsx(DashReact.Heading, _objectSpread$e(_objectSpread$e({
20020
+ children: [/*#__PURE__*/jsxRuntime.jsx(DashReact.Heading, _objectSpread$f(_objectSpread$f({
19937
20021
  title: "Heading"
19938
20022
  }, headingStyles), {}, {
19939
20023
  padding: false,
19940
20024
  onClick: function onClick() {
19941
20025
  return handleClickItem(DashReact.themeObjects.HEADING, headingStyles);
19942
20026
  }
19943
- })), /*#__PURE__*/jsxRuntime.jsx(DashReact.Heading2, _objectSpread$e(_objectSpread$e({
20027
+ })), /*#__PURE__*/jsxRuntime.jsx(DashReact.Heading2, _objectSpread$f(_objectSpread$f({
19944
20028
  title: "Heading 2"
19945
20029
  }, heading2Styles), {}, {
19946
20030
  padding: false,
19947
20031
  onClick: function onClick() {
19948
20032
  return handleClickItem(DashReact.themeObjects.HEADING_2, heading2Styles);
19949
20033
  }
19950
- })), /*#__PURE__*/jsxRuntime.jsx(DashReact.Heading3, _objectSpread$e(_objectSpread$e({
20034
+ })), /*#__PURE__*/jsxRuntime.jsx(DashReact.Heading3, _objectSpread$f(_objectSpread$f({
19951
20035
  title: "Heading 3"
19952
20036
  }, heading3Styles), {}, {
19953
20037
  padding: false,
19954
20038
  onClick: function onClick() {
19955
20039
  return handleClickItem(DashReact.themeObjects.HEADING_3, heading3Styles);
19956
20040
  }
19957
- })), /*#__PURE__*/jsxRuntime.jsx(DashReact.SubHeading, _objectSpread$e(_objectSpread$e({
20041
+ })), /*#__PURE__*/jsxRuntime.jsx(DashReact.SubHeading, _objectSpread$f(_objectSpread$f({
19958
20042
  title: "Subheading"
19959
20043
  }, subHeadingStyles), {}, {
19960
20044
  padding: false,
19961
20045
  onClick: function onClick() {
19962
20046
  return handleClickItem(DashReact.themeObjects.SUBHEADING, subHeadingStyles);
19963
20047
  }
19964
- })), /*#__PURE__*/jsxRuntime.jsx(DashReact.SubHeading2, _objectSpread$e(_objectSpread$e({
20048
+ })), /*#__PURE__*/jsxRuntime.jsx(DashReact.SubHeading2, _objectSpread$f(_objectSpread$f({
19965
20049
  title: "Subheading 2"
19966
20050
  }, subHeading2Styles), {}, {
19967
20051
  padding: false,
19968
20052
  onClick: function onClick() {
19969
20053
  return handleClickItem(DashReact.themeObjects.SUBHEADING_2, subHeading2Styles);
19970
20054
  }
19971
- })), /*#__PURE__*/jsxRuntime.jsx(DashReact.SubHeading3, _objectSpread$e(_objectSpread$e({
20055
+ })), /*#__PURE__*/jsxRuntime.jsx(DashReact.SubHeading3, _objectSpread$f(_objectSpread$f({
19972
20056
  title: "Subheading"
19973
20057
  }, subHeading3Styles), {}, {
19974
20058
  padding: false,
19975
20059
  onClick: function onClick() {
19976
20060
  return handleClickItem(DashReact.themeObjects.SUBHEADING_3, subHeading3Styles);
19977
20061
  }
19978
- })), /*#__PURE__*/jsxRuntime.jsx(DashReact.Paragraph, _objectSpread$e(_objectSpread$e({
20062
+ })), /*#__PURE__*/jsxRuntime.jsx(DashReact.Paragraph, _objectSpread$f(_objectSpread$f({
19979
20063
  text: "The quick brown fox jumps over the lazy dog."
19980
20064
  }, paragraphStyles), {}, {
19981
20065
  padding: false,
19982
20066
  onClick: function onClick() {
19983
20067
  return handleClickItem(DashReact.themeObjects.PARAGRAPH, paragraphStyles);
19984
20068
  }
19985
- })), /*#__PURE__*/jsxRuntime.jsx(DashReact.Paragraph2, _objectSpread$e(_objectSpread$e({
20069
+ })), /*#__PURE__*/jsxRuntime.jsx(DashReact.Paragraph2, _objectSpread$f(_objectSpread$f({
19986
20070
  text: "The quick brown fox jumps over the lazy dog."
19987
20071
  }, paragraph2Styles), {}, {
19988
20072
  padding: false,
19989
20073
  onClick: function onClick() {
19990
20074
  return handleClickItem(DashReact.themeObjects.PARAGRAPH, paragraph2Styles);
19991
20075
  }
19992
- })), /*#__PURE__*/jsxRuntime.jsx(DashReact.Paragraph3, _objectSpread$e(_objectSpread$e({
20076
+ })), /*#__PURE__*/jsxRuntime.jsx(DashReact.Paragraph3, _objectSpread$f(_objectSpread$f({
19993
20077
  text: "The quick brown fox jumps over the lazy dog."
19994
20078
  }, paragraph3Styles), {}, {
19995
20079
  padding: false,
@@ -19998,19 +20082,19 @@ var PreviewComponentsPane = function PreviewComponentsPane(_ref) {
19998
20082
  }
19999
20083
  })), /*#__PURE__*/jsxRuntime.jsxs("div", {
20000
20084
  className: "flex flex-row space-x-2 w-full",
20001
- children: [/*#__PURE__*/jsxRuntime.jsx(DashReact.Button, _objectSpread$e(_objectSpread$e({
20085
+ children: [/*#__PURE__*/jsxRuntime.jsx(DashReact.Button, _objectSpread$f(_objectSpread$f({
20002
20086
  title: "Button"
20003
20087
  }, buttonStyles), {}, {
20004
20088
  onClick: function onClick() {
20005
20089
  return handleClickItem(DashReact.themeObjects.BUTTON, buttonStyles);
20006
20090
  }
20007
- })), /*#__PURE__*/jsxRuntime.jsx(DashReact.Button2, _objectSpread$e(_objectSpread$e({
20091
+ })), /*#__PURE__*/jsxRuntime.jsx(DashReact.Button2, _objectSpread$f(_objectSpread$f({
20008
20092
  title: "Button 2"
20009
20093
  }, button2Styles), {}, {
20010
20094
  onClick: function onClick() {
20011
20095
  return handleClickItem(DashReact.themeObjects.BUTTON_2, button2Styles);
20012
20096
  }
20013
- })), /*#__PURE__*/jsxRuntime.jsx(DashReact.Button3, _objectSpread$e(_objectSpread$e({
20097
+ })), /*#__PURE__*/jsxRuntime.jsx(DashReact.Button3, _objectSpread$f(_objectSpread$f({
20014
20098
  title: "Button 3"
20015
20099
  }, button3Styles), {}, {
20016
20100
  onClick: function onClick() {
@@ -20021,14 +20105,14 @@ var PreviewComponentsPane = function PreviewComponentsPane(_ref) {
20021
20105
  className: "flex flex-row space-x-4 w-full",
20022
20106
  children: [/*#__PURE__*/jsxRuntime.jsxs("div", {
20023
20107
  className: "flex flex-row space-x-2",
20024
- children: [/*#__PURE__*/jsxRuntime.jsx(DashReact.ButtonIcon, _objectSpread$e(_objectSpread$e({
20108
+ children: [/*#__PURE__*/jsxRuntime.jsx(DashReact.ButtonIcon, _objectSpread$f(_objectSpread$f({
20025
20109
  text: "Button Icon",
20026
20110
  icon: "pencil"
20027
20111
  }, buttonIconStyles), {}, {
20028
20112
  onClick: function onClick() {
20029
20113
  return handleClickItem(DashReact.themeObjects.BUTTON_ICON, buttonIconStyles);
20030
20114
  }
20031
- })), /*#__PURE__*/jsxRuntime.jsx(DashReact.ButtonIcon, _objectSpread$e(_objectSpread$e({
20115
+ })), /*#__PURE__*/jsxRuntime.jsx(DashReact.ButtonIcon, _objectSpread$f(_objectSpread$f({
20032
20116
  icon: "pencil"
20033
20117
  }, buttonIconStyles), {}, {
20034
20118
  onClick: function onClick() {
@@ -20037,14 +20121,14 @@ var PreviewComponentsPane = function PreviewComponentsPane(_ref) {
20037
20121
  }))]
20038
20122
  }), /*#__PURE__*/jsxRuntime.jsxs("div", {
20039
20123
  className: "flex flex-row space-x-2",
20040
- children: [/*#__PURE__*/jsxRuntime.jsx(DashReact.ButtonIcon, _objectSpread$e(_objectSpread$e({
20124
+ children: [/*#__PURE__*/jsxRuntime.jsx(DashReact.ButtonIcon, _objectSpread$f(_objectSpread$f({
20041
20125
  text: "Button Icon 2",
20042
20126
  icon: "pencil"
20043
20127
  }, buttonIconStyles), {}, {
20044
20128
  onClick: function onClick() {
20045
20129
  return handleClickItem(DashReact.themeObjects.BUTTON_ICON_2, buttonIcon2Styles);
20046
20130
  }
20047
- })), /*#__PURE__*/jsxRuntime.jsx(DashReact.ButtonIcon, _objectSpread$e(_objectSpread$e({
20131
+ })), /*#__PURE__*/jsxRuntime.jsx(DashReact.ButtonIcon, _objectSpread$f(_objectSpread$f({
20048
20132
  icon: "pencil"
20049
20133
  }, buttonIconStyles), {}, {
20050
20134
  onClick: function onClick() {
@@ -20053,14 +20137,14 @@ var PreviewComponentsPane = function PreviewComponentsPane(_ref) {
20053
20137
  }))]
20054
20138
  }), /*#__PURE__*/jsxRuntime.jsxs("div", {
20055
20139
  className: "flex flex-row space-x-2",
20056
- children: [/*#__PURE__*/jsxRuntime.jsx(DashReact.ButtonIcon, _objectSpread$e(_objectSpread$e({
20140
+ children: [/*#__PURE__*/jsxRuntime.jsx(DashReact.ButtonIcon, _objectSpread$f(_objectSpread$f({
20057
20141
  text: "Button Icon 3",
20058
20142
  icon: "pencil"
20059
20143
  }, buttonIcon3Styles), {}, {
20060
20144
  onClick: function onClick() {
20061
20145
  return handleClickItem(DashReact.themeObjects.BUTTON_ICON_3, buttonIcon3Styles);
20062
20146
  }
20063
- })), /*#__PURE__*/jsxRuntime.jsx(DashReact.ButtonIcon, _objectSpread$e(_objectSpread$e({
20147
+ })), /*#__PURE__*/jsxRuntime.jsx(DashReact.ButtonIcon, _objectSpread$f(_objectSpread$f({
20064
20148
  icon: "pencil"
20065
20149
  }, buttonIcon3Styles), {}, {
20066
20150
  onClick: function onClick() {
@@ -20070,17 +20154,17 @@ var PreviewComponentsPane = function PreviewComponentsPane(_ref) {
20070
20154
  })]
20071
20155
  }), /*#__PURE__*/jsxRuntime.jsxs("div", {
20072
20156
  className: "flex flex-col space-y-2 w-full",
20073
- children: [/*#__PURE__*/jsxRuntime.jsx(DashReact.MenuItem, _objectSpread$e(_objectSpread$e({}, menuItemStyles), {}, {
20157
+ children: [/*#__PURE__*/jsxRuntime.jsx(DashReact.MenuItem, _objectSpread$f(_objectSpread$f({}, menuItemStyles), {}, {
20074
20158
  onClick: function onClick() {
20075
20159
  return handleClickItem(DashReact.themeObjects.MENU_ITEM, menuItemStyles);
20076
20160
  },
20077
20161
  children: "Menu Item"
20078
- })), /*#__PURE__*/jsxRuntime.jsx(DashReact.MenuItem2, _objectSpread$e(_objectSpread$e({}, menuItem2Styles), {}, {
20162
+ })), /*#__PURE__*/jsxRuntime.jsx(DashReact.MenuItem2, _objectSpread$f(_objectSpread$f({}, menuItem2Styles), {}, {
20079
20163
  onClick: function onClick() {
20080
20164
  return handleClickItem(DashReact.themeObjects.MENU_ITEM_2, menuItem2Styles);
20081
20165
  },
20082
20166
  children: "Menu Item 2"
20083
- })), /*#__PURE__*/jsxRuntime.jsx(DashReact.MenuItem3, _objectSpread$e(_objectSpread$e({}, menuItem3Styles), {}, {
20167
+ })), /*#__PURE__*/jsxRuntime.jsx(DashReact.MenuItem3, _objectSpread$f(_objectSpread$f({}, menuItem3Styles), {}, {
20084
20168
  onClick: function onClick() {
20085
20169
  return handleClickItem(DashReact.themeObjects.MENU_ITEM_3, menuItem3Styles);
20086
20170
  },
@@ -20088,21 +20172,21 @@ var PreviewComponentsPane = function PreviewComponentsPane(_ref) {
20088
20172
  }))]
20089
20173
  }), /*#__PURE__*/jsxRuntime.jsxs("div", {
20090
20174
  className: "flex flex-row space-x-2 w-full",
20091
- children: [/*#__PURE__*/jsxRuntime.jsx(DashReact.Tag, _objectSpread$e(_objectSpread$e({
20175
+ children: [/*#__PURE__*/jsxRuntime.jsx(DashReact.Tag, _objectSpread$f(_objectSpread$f({
20092
20176
  text: "Tag",
20093
20177
  icon: "pencil"
20094
20178
  }, tagStyles), {}, {
20095
20179
  onClick: function onClick() {
20096
20180
  return handleClickItem(DashReact.themeObjects.TAG, tagStyles);
20097
20181
  }
20098
- })), /*#__PURE__*/jsxRuntime.jsx(DashReact.Tag2, _objectSpread$e(_objectSpread$e({
20182
+ })), /*#__PURE__*/jsxRuntime.jsx(DashReact.Tag2, _objectSpread$f(_objectSpread$f({
20099
20183
  text: "Tag 2",
20100
20184
  icon: "pencil"
20101
20185
  }, tag2Styles), {}, {
20102
20186
  onClick: function onClick() {
20103
20187
  return handleClickItem(DashReact.themeObjects.TAG_2, tag2Styles);
20104
20188
  }
20105
- })), /*#__PURE__*/jsxRuntime.jsx(DashReact.Tag3, _objectSpread$e(_objectSpread$e({
20189
+ })), /*#__PURE__*/jsxRuntime.jsx(DashReact.Tag3, _objectSpread$f(_objectSpread$f({
20106
20190
  text: "Tag 3",
20107
20191
  icon: "pencil"
20108
20192
  }, tag3Styles), {}, {
@@ -20111,57 +20195,57 @@ var PreviewComponentsPane = function PreviewComponentsPane(_ref) {
20111
20195
  }
20112
20196
  }))]
20113
20197
  })]
20114
- })), /*#__PURE__*/jsxRuntime.jsxs(DashReact.Panel2, _objectSpread$e(_objectSpread$e({
20198
+ })), /*#__PURE__*/jsxRuntime.jsxs(DashReact.Panel2, _objectSpread$f(_objectSpread$f({
20115
20199
  className: "p-6 rounded border-4 space-y-4"
20116
20200
  }, styles2), {}, {
20117
20201
  height: "h-fit",
20118
20202
  padding: false,
20119
- children: [/*#__PURE__*/jsxRuntime.jsx(DashReact.Heading2, _objectSpread$e(_objectSpread$e({
20203
+ children: [/*#__PURE__*/jsxRuntime.jsx(DashReact.Heading2, _objectSpread$f(_objectSpread$f({
20120
20204
  title: "Heading 2"
20121
20205
  }, heading2Styles), {}, {
20122
20206
  padding: false,
20123
20207
  onClick: function onClick() {
20124
20208
  return handleClickItem(DashReact.themeObjects.HEADING_2, heading2Styles);
20125
20209
  }
20126
- })), /*#__PURE__*/jsxRuntime.jsx(DashReact.SubHeading2, _objectSpread$e(_objectSpread$e({
20210
+ })), /*#__PURE__*/jsxRuntime.jsx(DashReact.SubHeading2, _objectSpread$f(_objectSpread$f({
20127
20211
  title: "Subheading 2"
20128
20212
  }, subHeading2Styles), {}, {
20129
20213
  padding: false,
20130
20214
  onClick: function onClick() {
20131
20215
  return handleClickItem(DashReact.themeObjects.SUBHEADING_2, subHeading2Styles);
20132
20216
  }
20133
- })), /*#__PURE__*/jsxRuntime.jsx(DashReact.Paragraph2, _objectSpread$e(_objectSpread$e({
20217
+ })), /*#__PURE__*/jsxRuntime.jsx(DashReact.Paragraph2, _objectSpread$f(_objectSpread$f({
20134
20218
  text: "Paragraph 2 - The quick brown fox jumps over the lazy dog."
20135
20219
  }, paragraph2Styles), {}, {
20136
20220
  padding: false,
20137
20221
  onClick: function onClick() {
20138
20222
  return handleClickItem(DashReact.themeObjects.PARAGRAPH_2, paragraph2Styles);
20139
20223
  }
20140
- })), /*#__PURE__*/jsxRuntime.jsx(DashReact.Button2, _objectSpread$e(_objectSpread$e({
20224
+ })), /*#__PURE__*/jsxRuntime.jsx(DashReact.Button2, _objectSpread$f(_objectSpread$f({
20141
20225
  title: "Button"
20142
20226
  }, button2Styles), {}, {
20143
20227
  onClick: function onClick() {
20144
20228
  return handleClickItem(DashReact.themeObjects.BUTTON_2, button2Styles);
20145
20229
  }
20146
- })), /*#__PURE__*/jsxRuntime.jsx(DashReact.ButtonIcon2, _objectSpread$e(_objectSpread$e({
20230
+ })), /*#__PURE__*/jsxRuntime.jsx(DashReact.ButtonIcon2, _objectSpread$f(_objectSpread$f({
20147
20231
  text: "Button Icon",
20148
20232
  icon: "pencil"
20149
20233
  }, buttonIcon2Styles), {}, {
20150
20234
  onClick: function onClick() {
20151
20235
  return handleClickItem(DashReact.themeObjects.BUTTON_ICON_2, buttonIcon2Styles);
20152
20236
  }
20153
- })), /*#__PURE__*/jsxRuntime.jsx(DashReact.ButtonIcon2, _objectSpread$e(_objectSpread$e({
20237
+ })), /*#__PURE__*/jsxRuntime.jsx(DashReact.ButtonIcon2, _objectSpread$f(_objectSpread$f({
20154
20238
  icon: "pencil"
20155
20239
  }, buttonIcon2Styles), {}, {
20156
20240
  onClick: function onClick() {
20157
20241
  return handleClickItem(DashReact.themeObjects.BUTTON_ICON_2, buttonIconStyles);
20158
20242
  }
20159
- })), /*#__PURE__*/jsxRuntime.jsx(DashReact.MenuItem2, _objectSpread$e(_objectSpread$e({}, menuItem2Styles), {}, {
20243
+ })), /*#__PURE__*/jsxRuntime.jsx(DashReact.MenuItem2, _objectSpread$f(_objectSpread$f({}, menuItem2Styles), {}, {
20160
20244
  onClick: function onClick() {
20161
20245
  return handleClickItem(DashReact.themeObjects.MENU_ITEM_2, menuItem2Styles);
20162
20246
  },
20163
20247
  children: "Menu Item"
20164
- })), /*#__PURE__*/jsxRuntime.jsx(DashReact.Tag2, _objectSpread$e(_objectSpread$e({
20248
+ })), /*#__PURE__*/jsxRuntime.jsx(DashReact.Tag2, _objectSpread$f(_objectSpread$f({
20165
20249
  text: "Tag 2",
20166
20250
  icon: "pencil"
20167
20251
  }, tag2Styles), {}, {
@@ -20169,57 +20253,57 @@ var PreviewComponentsPane = function PreviewComponentsPane(_ref) {
20169
20253
  return handleClickItem(DashReact.themeObjects.TAG_2, tag2Styles);
20170
20254
  }
20171
20255
  }))]
20172
- })), /*#__PURE__*/jsxRuntime.jsxs(DashReact.Panel3, _objectSpread$e(_objectSpread$e({
20256
+ })), /*#__PURE__*/jsxRuntime.jsxs(DashReact.Panel3, _objectSpread$f(_objectSpread$f({
20173
20257
  className: "p-6 rounded border-4 space-y-4"
20174
20258
  }, styles3), {}, {
20175
20259
  height: "h-fit",
20176
20260
  padding: false,
20177
- children: [/*#__PURE__*/jsxRuntime.jsx(DashReact.Heading3, _objectSpread$e(_objectSpread$e({
20261
+ children: [/*#__PURE__*/jsxRuntime.jsx(DashReact.Heading3, _objectSpread$f(_objectSpread$f({
20178
20262
  title: "Heading 3"
20179
20263
  }, heading3Styles), {}, {
20180
20264
  padding: false,
20181
20265
  onClick: function onClick() {
20182
20266
  return handleClickItem(DashReact.themeObjects.HEADING_3, heading3Styles);
20183
20267
  }
20184
- })), /*#__PURE__*/jsxRuntime.jsx(DashReact.SubHeading3, _objectSpread$e(_objectSpread$e({
20268
+ })), /*#__PURE__*/jsxRuntime.jsx(DashReact.SubHeading3, _objectSpread$f(_objectSpread$f({
20185
20269
  title: "Subheading"
20186
20270
  }, subHeading3Styles), {}, {
20187
20271
  padding: false,
20188
20272
  onClick: function onClick() {
20189
20273
  return handleClickItem(DashReact.themeObjects.SUBHEADING_3, subHeading3Styles);
20190
20274
  }
20191
- })), /*#__PURE__*/jsxRuntime.jsx(DashReact.Paragraph3, _objectSpread$e(_objectSpread$e({
20275
+ })), /*#__PURE__*/jsxRuntime.jsx(DashReact.Paragraph3, _objectSpread$f(_objectSpread$f({
20192
20276
  text: "Paragraph 3 - The quick brown fox jumps over the lazy dog."
20193
20277
  }, paragraph3Styles), {}, {
20194
20278
  padding: false,
20195
20279
  onClick: function onClick() {
20196
20280
  return handleClickItem(DashReact.themeObjects.PARAGRAPH_3, paragraph3Styles);
20197
20281
  }
20198
- })), /*#__PURE__*/jsxRuntime.jsx(DashReact.Button3, _objectSpread$e(_objectSpread$e({
20282
+ })), /*#__PURE__*/jsxRuntime.jsx(DashReact.Button3, _objectSpread$f(_objectSpread$f({
20199
20283
  title: "Button"
20200
20284
  }, button3Styles), {}, {
20201
20285
  onClick: function onClick() {
20202
20286
  return handleClickItem(DashReact.themeObjects.BUTTON_3, button3Styles);
20203
20287
  }
20204
- })), /*#__PURE__*/jsxRuntime.jsx(DashReact.ButtonIcon3, _objectSpread$e(_objectSpread$e({
20288
+ })), /*#__PURE__*/jsxRuntime.jsx(DashReact.ButtonIcon3, _objectSpread$f(_objectSpread$f({
20205
20289
  text: "Button Icon 3",
20206
20290
  icon: "pencil"
20207
20291
  }, buttonIcon3Styles), {}, {
20208
20292
  onClick: function onClick() {
20209
20293
  return handleClickItem(DashReact.themeObjects.BUTTON_ICON_3, buttonIcon3Styles);
20210
20294
  }
20211
- })), /*#__PURE__*/jsxRuntime.jsx(DashReact.ButtonIcon3, _objectSpread$e(_objectSpread$e({
20295
+ })), /*#__PURE__*/jsxRuntime.jsx(DashReact.ButtonIcon3, _objectSpread$f(_objectSpread$f({
20212
20296
  icon: "pencil"
20213
20297
  }, buttonIcon3Styles), {}, {
20214
20298
  onClick: function onClick() {
20215
20299
  return handleClickItem(DashReact.themeObjects.BUTTON_ICON_3, buttonIcon3Styles);
20216
20300
  }
20217
- })), /*#__PURE__*/jsxRuntime.jsx(DashReact.MenuItem3, _objectSpread$e(_objectSpread$e({}, menuItem3Styles), {}, {
20301
+ })), /*#__PURE__*/jsxRuntime.jsx(DashReact.MenuItem3, _objectSpread$f(_objectSpread$f({}, menuItem3Styles), {}, {
20218
20302
  onClick: function onClick() {
20219
20303
  return handleClickItem(DashReact.themeObjects.MENU_ITEM_3, menuItem3Styles);
20220
20304
  },
20221
20305
  children: "Menu Item"
20222
- })), /*#__PURE__*/jsxRuntime.jsx(DashReact.Tag3, _objectSpread$e(_objectSpread$e({
20306
+ })), /*#__PURE__*/jsxRuntime.jsx(DashReact.Tag3, _objectSpread$f(_objectSpread$f({
20223
20307
  text: "Tag",
20224
20308
  icon: "pencil"
20225
20309
  }, tag3Styles), {}, {
@@ -20268,8 +20352,8 @@ var ThemePane = function ThemePane(_ref) {
20268
20352
  };
20269
20353
 
20270
20354
  var _excluded$2 = ["colorFromTheme", "colorName", "shade", "variant", "colorType", "colorLevelName", "selected", "onClick", "onMouseOver", "width", "height"];
20271
- function ownKeys$d(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
20272
- function _objectSpread$d(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$d(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$d(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
20355
+ function ownKeys$e(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
20356
+ function _objectSpread$e(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$e(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$e(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
20273
20357
  var ColorTile = function ColorTile(_ref) {
20274
20358
  var _ref$colorFromTheme = _ref.colorFromTheme,
20275
20359
  colorFromTheme = _ref$colorFromTheme === void 0 ? null : _ref$colorFromTheme,
@@ -20294,7 +20378,7 @@ var ColorTile = function ColorTile(_ref) {
20294
20378
  _ref$height = _ref.height,
20295
20379
  height = _ref$height === void 0 ? "h-10" : _ref$height,
20296
20380
  rest = _objectWithoutProperties(_ref, _excluded$2);
20297
- var c = ColorModel(_objectSpread$d({
20381
+ var c = ColorModel(_objectSpread$e({
20298
20382
  colorFromTheme: colorFromTheme,
20299
20383
  colorName: colorName,
20300
20384
  colorType: colorType,
@@ -20322,10 +20406,10 @@ var ColorTile = function ColorTile(_ref) {
20322
20406
  return /*#__PURE__*/jsxRuntime.jsx("div", {
20323
20407
  className: "flex flex-col rounded-lg cursor-pointer items-center justify-center border-2 text-xs ".concat(selected === true ? "border-yellow-500" : "border-gray-800", " hover:border-yellow-500 border-gray-800 ").concat(c["class"], " ").concat(width, " ").concat(height),
20324
20408
  onClick: function onClick() {
20325
- return _onClick !== null ? _onClick(_objectSpread$d(_objectSpread$d({}, c), rest)) : null;
20409
+ return _onClick !== null ? _onClick(_objectSpread$e(_objectSpread$e({}, c), rest)) : null;
20326
20410
  },
20327
20411
  onMouseOver: function onMouseOver() {
20328
- return _onMouseOver !== null ? _onMouseOver(_objectSpread$d(_objectSpread$d({}, c), rest)) : null;
20412
+ return _onMouseOver !== null ? _onMouseOver(_objectSpread$e(_objectSpread$e({}, c), rest)) : null;
20329
20413
  },
20330
20414
  children: "\xA0"
20331
20415
  });
@@ -21512,8 +21596,8 @@ if (process.env.NODE_ENV !== 'production') {
21512
21596
  var propTypesExports = propTypes.exports;
21513
21597
  var PropTypes = /*@__PURE__*/getDefaultExportFromCjs(propTypesExports);
21514
21598
 
21515
- function ownKeys$c(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
21516
- function _objectSpread$c(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$c(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$c(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
21599
+ function ownKeys$d(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
21600
+ function _objectSpread$d(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$d(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$d(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
21517
21601
 
21518
21602
  // Host-injected module references (e.g., "@trops/dash-core").
21519
21603
  // Set by the host app via setHostModules() after all modules are fully loaded,
@@ -21549,7 +21633,7 @@ var BASE_MODULE_MAP = {
21549
21633
  function evaluateBundle(source, widgetName) {
21550
21634
  // Merge base modules with host-provided modules (e.g., "@trops/dash-core")
21551
21635
  // at call time so _hostModules is populated by the time widgets load.
21552
- var moduleMap = _objectSpread$c(_objectSpread$c({}, BASE_MODULE_MAP), _hostModules);
21636
+ var moduleMap = _objectSpread$d(_objectSpread$d({}, BASE_MODULE_MAP), _hostModules);
21553
21637
  var module = {
21554
21638
  exports: {}
21555
21639
  };
@@ -21562,7 +21646,7 @@ function evaluateBundle(source, widgetName) {
21562
21646
  // CJS bundles expect `require("pkg").Widget` to work, so merge
21563
21647
  // `.default` properties onto the returned object.
21564
21648
  if (mod["default"] && _typeof(mod["default"]) === "object") {
21565
- return _objectSpread$c(_objectSpread$c(_objectSpread$c({}, mod["default"]), mod), {}, {
21649
+ return _objectSpread$d(_objectSpread$d(_objectSpread$d({}, mod["default"]), mod), {}, {
21566
21650
  "default": mod["default"]
21567
21651
  });
21568
21652
  }
@@ -22250,8 +22334,8 @@ var HARMONY_STRATEGIES = [{
22250
22334
  label: "Custom"
22251
22335
  }];
22252
22336
 
22253
- function ownKeys$b(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
22254
- function _objectSpread$b(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$b(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$b(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
22337
+ function ownKeys$c(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
22338
+ function _objectSpread$c(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$c(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$c(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
22255
22339
  var COLOR_PROPERTIES$1 = new Set(["backgroundColor", "textColor", "borderColor", "hoverBackgroundColor", "hoverTextColor", "hoverBorderColor", "focusRingColor", "focusBorderColor", "activeBackgroundColor", "activeTextColor", "placeholderTextColor"]);
22256
22340
  var PreviewColorsPane = function PreviewColorsPane(_ref) {
22257
22341
  var _ref$styles = _ref.styles,
@@ -22268,7 +22352,7 @@ var PreviewColorsPane = function PreviewColorsPane(_ref) {
22268
22352
  function handleClickItem(data, styleNameCss, itemType, objectType) {
22269
22353
  // override the object type
22270
22354
  data["objectType"] = objectType;
22271
- onClickItem(_objectSpread$b(_objectSpread$b({}, data), {}, {
22355
+ onClickItem(_objectSpread$c(_objectSpread$c({}, data), {}, {
22272
22356
  itemType: itemType,
22273
22357
  styleName: styleNameCss
22274
22358
  }));
@@ -22678,8 +22762,8 @@ var ThemeMenuPane = function ThemeMenuPane(_ref) {
22678
22762
  });
22679
22763
  };
22680
22764
 
22681
- function ownKeys$a(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
22682
- function _objectSpread$a(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$a(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$a(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
22765
+ function ownKeys$b(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
22766
+ function _objectSpread$b(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$b(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$b(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
22683
22767
  var COMPONENT_GROUPS$1 = {
22684
22768
  Typography: [DashReact.themeObjects.HEADING, DashReact.themeObjects.HEADING_2, DashReact.themeObjects.HEADING_3, DashReact.themeObjects.SUBHEADING, DashReact.themeObjects.SUBHEADING_2, DashReact.themeObjects.SUBHEADING_3, DashReact.themeObjects.PARAGRAPH, DashReact.themeObjects.PARAGRAPH_2, DashReact.themeObjects.PARAGRAPH_3],
22685
22769
  Buttons: [DashReact.themeObjects.BUTTON, DashReact.themeObjects.BUTTON_2, DashReact.themeObjects.BUTTON_3, DashReact.themeObjects.BUTTON_ICON, DashReact.themeObjects.BUTTON_ICON_2, DashReact.themeObjects.BUTTON_ICON_3],
@@ -22710,7 +22794,7 @@ var ComponentSelectorPane = function ComponentSelectorPane(_ref) {
22710
22794
  setCollapsedGroups = _useState2[1];
22711
22795
  function toggleGroup(groupName) {
22712
22796
  setCollapsedGroups(function (prev) {
22713
- return _objectSpread$a(_objectSpread$a({}, prev), {}, _defineProperty({}, groupName, !prev[groupName]));
22797
+ return _objectSpread$b(_objectSpread$b({}, prev), {}, _defineProperty({}, groupName, !prev[groupName]));
22714
22798
  });
22715
22799
  }
22716
22800
  function hasOverrides(itemKey) {
@@ -22946,8 +23030,8 @@ var NonColorPickerPane = function NonColorPickerPane(_ref) {
22946
23030
  };
22947
23031
 
22948
23032
  var _excluded$1 = ["children"];
22949
- function ownKeys$9(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
22950
- function _objectSpread$9(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$9(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$9(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
23033
+ function ownKeys$a(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
23034
+ function _objectSpread$a(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$a(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$a(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
22951
23035
  var COLOR_PROPERTIES = new Set(["backgroundColor", "textColor", "borderColor", "hoverBackgroundColor", "hoverTextColor", "hoverBorderColor", "focusRingColor", "focusBorderColor", "activeBackgroundColor", "activeTextColor", "placeholderTextColor"]);
22952
23036
  var isColorProperty = function isColorProperty(name) {
22953
23037
  return COLOR_PROPERTIES.has(name);
@@ -23507,7 +23591,7 @@ var PanelTheme = function PanelTheme(_ref) {
23507
23591
  if (itemSelected && themeSelected && themeVariant) {
23508
23592
  var updatedStyles = DashReact.getStylesForItem(itemSelected.item, themeSelected[themeVariant]);
23509
23593
  setItemSelected(function (prev) {
23510
- return _objectSpread$9(_objectSpread$9({}, prev), {}, {
23594
+ return _objectSpread$a(_objectSpread$a({}, prev), {}, {
23511
23595
  styles: updatedStyles
23512
23596
  });
23513
23597
  });
@@ -23678,7 +23762,7 @@ var PanelTheme = function PanelTheme(_ref) {
23678
23762
  styles: clickStyles
23679
23763
  });
23680
23764
  },
23681
- children: /*#__PURE__*/jsxRuntime.jsx(PanelComponent, _objectSpread$9(_objectSpread$9({}, panelStyles), {}, {
23765
+ children: /*#__PURE__*/jsxRuntime.jsx(PanelComponent, _objectSpread$a(_objectSpread$a({}, panelStyles), {}, {
23682
23766
  scrollable: false,
23683
23767
  className: "rounded",
23684
23768
  height: "",
@@ -23692,9 +23776,9 @@ var PanelTheme = function PanelTheme(_ref) {
23692
23776
  var _comp$props = comp.props,
23693
23777
  childContent = _comp$props.children,
23694
23778
  restProps = _objectWithoutProperties(_comp$props, _excluded$1);
23695
- var renderedComponent = childContent !== undefined ? /*#__PURE__*/jsxRuntime.jsx(comp.Component, _objectSpread$9(_objectSpread$9({}, restProps), {}, {
23779
+ var renderedComponent = childContent !== undefined ? /*#__PURE__*/jsxRuntime.jsx(comp.Component, _objectSpread$a(_objectSpread$a({}, restProps), {}, {
23696
23780
  children: childContent
23697
- })) : /*#__PURE__*/jsxRuntime.jsx(comp.Component, _objectSpread$9({}, restProps));
23781
+ })) : /*#__PURE__*/jsxRuntime.jsx(comp.Component, _objectSpread$a({}, restProps));
23698
23782
  return renderComponentRow(comp.key, renderedComponent);
23699
23783
  })
23700
23784
  })
@@ -23710,7 +23794,7 @@ var PanelTheme = function PanelTheme(_ref) {
23710
23794
  children: [/*#__PURE__*/jsxRuntime.jsx("div", {
23711
23795
  className: "text-xs uppercase font-bold text-gray-500 tracking-wider",
23712
23796
  children: "Forms & Inputs"
23713
- }), /*#__PURE__*/jsxRuntime.jsx(DashReact.Panel, _objectSpread$9(_objectSpread$9({}, DashReact.getStylesForItem("panel", themeData)), {}, {
23797
+ }), /*#__PURE__*/jsxRuntime.jsx(DashReact.Panel, _objectSpread$a(_objectSpread$a({}, DashReact.getStylesForItem("panel", themeData)), {}, {
23714
23798
  scrollable: false,
23715
23799
  className: "rounded",
23716
23800
  height: "",
@@ -23738,7 +23822,7 @@ var PanelTheme = function PanelTheme(_ref) {
23738
23822
  children: [/*#__PURE__*/jsxRuntime.jsx("div", {
23739
23823
  className: "text-xs uppercase font-bold text-gray-500 tracking-wider",
23740
23824
  children: "Data & Stats"
23741
- }), /*#__PURE__*/jsxRuntime.jsx(DashReact.Panel, _objectSpread$9(_objectSpread$9({}, DashReact.getStylesForItem("panel", themeData)), {}, {
23825
+ }), /*#__PURE__*/jsxRuntime.jsx(DashReact.Panel, _objectSpread$a(_objectSpread$a({}, DashReact.getStylesForItem("panel", themeData)), {}, {
23742
23826
  scrollable: false,
23743
23827
  className: "rounded",
23744
23828
  height: "",
@@ -23843,7 +23927,7 @@ var PanelTheme = function PanelTheme(_ref) {
23843
23927
  }), themeSelected && /*#__PURE__*/jsxRuntime.jsx("div", {
23844
23928
  className: "flex flex-col flex-1 min-w-0",
23845
23929
  children: /*#__PURE__*/jsxRuntime.jsx(DashReact.ThemeContext.Provider, {
23846
- value: _objectSpread$9(_objectSpread$9({}, themeContextValue), {}, {
23930
+ value: _objectSpread$a(_objectSpread$a({}, themeContextValue), {}, {
23847
23931
  currentTheme: (themeSelected === null || themeSelected === void 0 ? void 0 : themeSelected[themeVariant]) || themeContextValue.currentTheme
23848
23932
  }),
23849
23933
  children: showPreview ? /*#__PURE__*/jsxRuntime.jsx(PreviewComponentsPane, {
@@ -24474,8 +24558,8 @@ var ThemeQuickCreate = function ThemeQuickCreate(_ref8) {
24474
24558
  });
24475
24559
  };
24476
24560
 
24477
- function ownKeys$8(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
24478
- function _objectSpread$8(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$8(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$8(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
24561
+ function ownKeys$9(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
24562
+ function _objectSpread$9(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$9(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$9(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
24479
24563
  var ThemeManagerModal = function ThemeManagerModal(_ref) {
24480
24564
  var open = _ref.open,
24481
24565
  setIsOpen = _ref.setIsOpen;
@@ -24582,7 +24666,7 @@ var ThemeManagerModal = function ThemeManagerModal(_ref) {
24582
24666
  function handleWizardComplete() {
24583
24667
  if (!wizardTheme || !wizardName.trim()) return;
24584
24668
  var key = wizardTheme.id || "theme-".concat(Date.now());
24585
- var finalTheme = _objectSpread$8(_objectSpread$8({}, wizardTheme), {}, {
24669
+ var finalTheme = _objectSpread$9(_objectSpread$9({}, wizardTheme), {}, {
24586
24670
  id: key,
24587
24671
  name: wizardName.trim()
24588
24672
  });
@@ -24751,8 +24835,8 @@ var ThemeManagerModal = function ThemeManagerModal(_ref) {
24751
24835
  });
24752
24836
  };
24753
24837
 
24754
- function ownKeys$7(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
24755
- function _objectSpread$7(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$7(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$7(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
24838
+ function ownKeys$8(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
24839
+ function _objectSpread$8(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$8(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$8(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
24756
24840
  var LayoutPreview = function LayoutPreview(_ref) {
24757
24841
  var layout = _ref.layout;
24758
24842
  var gridRoot = (layout || []).find(function (item) {
@@ -24857,7 +24941,7 @@ var DashboardDetail = function DashboardDetail(_ref2) {
24857
24941
  updated.menuId = val ? Number(val) : null;
24858
24942
  // Strip widgetConfig from layout before saving
24859
24943
  updated.layout = (updated.layout || []).map(function (layoutItem) {
24860
- var cleaned = _objectSpread$7({}, layoutItem);
24944
+ var cleaned = _objectSpread$8({}, layoutItem);
24861
24945
  delete cleaned.widgetConfig;
24862
24946
  return cleaned;
24863
24947
  });
@@ -24872,7 +24956,7 @@ var DashboardDetail = function DashboardDetail(_ref2) {
24872
24956
  var updated = DashReact.deepCopy(ws);
24873
24957
  updated.themeKey = val || null;
24874
24958
  updated.layout = (updated.layout || []).map(function (layoutItem) {
24875
- var cleaned = _objectSpread$7({}, layoutItem);
24959
+ var cleaned = _objectSpread$8({}, layoutItem);
24876
24960
  delete cleaned.widgetConfig;
24877
24961
  return cleaned;
24878
24962
  });
@@ -24968,8 +25052,8 @@ var DashboardDetail = function DashboardDetail(_ref2) {
24968
25052
  });
24969
25053
  };
24970
25054
 
24971
- function ownKeys$6(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
24972
- function _objectSpread$6(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$6(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$6(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
25055
+ function ownKeys$7(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
25056
+ function _objectSpread$7(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$7(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$7(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
24973
25057
  var DashboardsSection = function DashboardsSection(_ref) {
24974
25058
  var _ref$workspaces = _ref.workspaces,
24975
25059
  workspaces = _ref$workspaces === void 0 ? [] : _ref$workspaces,
@@ -25044,7 +25128,7 @@ var DashboardsSection = function DashboardsSection(_ref) {
25044
25128
  updated.name = editName.trim();
25045
25129
  // Strip widgetConfig from layout before saving
25046
25130
  updated.layout = (updated.layout || []).map(function (layoutItem) {
25047
- var cleaned = _objectSpread$6({}, layoutItem);
25131
+ var cleaned = _objectSpread$7({}, layoutItem);
25048
25132
  delete cleaned.widgetConfig;
25049
25133
  return cleaned;
25050
25134
  });
@@ -25064,7 +25148,7 @@ var DashboardsSection = function DashboardsSection(_ref) {
25064
25148
  copy.version = Date.now();
25065
25149
  // Strip widgetConfig from layout before saving
25066
25150
  copy.layout = (copy.layout || []).map(function (layoutItem) {
25067
- var cleaned = _objectSpread$6({}, layoutItem);
25151
+ var cleaned = _objectSpread$7({}, layoutItem);
25068
25152
  delete cleaned.widgetConfig;
25069
25153
  return cleaned;
25070
25154
  });
@@ -25404,8 +25488,8 @@ var FoldersSection = function FoldersSection(_ref) {
25404
25488
  });
25405
25489
  };
25406
25490
 
25407
- function ownKeys$5(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
25408
- function _objectSpread$5(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$5(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$5(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
25491
+ function ownKeys$6(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
25492
+ function _objectSpread$6(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$6(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$6(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
25409
25493
  var ProviderDetail = function ProviderDetail(_ref) {
25410
25494
  var _testResult$tools;
25411
25495
  var _ref$providerName = _ref.providerName,
@@ -25473,14 +25557,14 @@ var ProviderDetail = function ProviderDetail(_ref) {
25473
25557
  var oldKey = f.key;
25474
25558
  if (oldKey && formCredentials[oldKey] !== undefined) {
25475
25559
  setFormCredentials(function (creds) {
25476
- var updated = _objectSpread$5({}, creds);
25560
+ var updated = _objectSpread$6({}, creds);
25477
25561
  var val = updated[oldKey];
25478
25562
  delete updated[oldKey];
25479
25563
  if (newKey.trim()) updated[newKey] = val;
25480
25564
  return updated;
25481
25565
  });
25482
25566
  }
25483
- return _objectSpread$5(_objectSpread$5({}, f), {}, {
25567
+ return _objectSpread$6(_objectSpread$6({}, f), {}, {
25484
25568
  key: newKey
25485
25569
  });
25486
25570
  });
@@ -25492,14 +25576,14 @@ var ProviderDetail = function ProviderDetail(_ref) {
25492
25576
  });
25493
25577
  if (field !== null && field !== void 0 && field.key) {
25494
25578
  setFormCredentials(function (prev) {
25495
- return _objectSpread$5(_objectSpread$5({}, prev), {}, _defineProperty({}, field.key, value));
25579
+ return _objectSpread$6(_objectSpread$6({}, prev), {}, _defineProperty({}, field.key, value));
25496
25580
  });
25497
25581
  }
25498
25582
  };
25499
25583
  var handleFieldSecretToggle = function handleFieldSecretToggle(id) {
25500
25584
  setCredentialFields(function (prev) {
25501
25585
  return prev.map(function (f) {
25502
- return f.id === id ? _objectSpread$5(_objectSpread$5({}, f), {}, {
25586
+ return f.id === id ? _objectSpread$6(_objectSpread$6({}, f), {}, {
25503
25587
  secret: !f.secret
25504
25588
  }) : f;
25505
25589
  });
@@ -25521,7 +25605,7 @@ var ProviderDetail = function ProviderDetail(_ref) {
25521
25605
  });
25522
25606
  if (field !== null && field !== void 0 && field.key) {
25523
25607
  setFormCredentials(function (prev) {
25524
- var updated = _objectSpread$5({}, prev);
25608
+ var updated = _objectSpread$6({}, prev);
25525
25609
  delete updated[field.key];
25526
25610
  return updated;
25527
25611
  });
@@ -25534,7 +25618,7 @@ var ProviderDetail = function ProviderDetail(_ref) {
25534
25618
  };
25535
25619
  var handleCredentialChange = function handleCredentialChange(key, value) {
25536
25620
  setFormCredentials(function (prev) {
25537
- return _objectSpread$5(_objectSpread$5({}, prev), {}, _defineProperty({}, key, value));
25621
+ return _objectSpread$6(_objectSpread$6({}, prev), {}, _defineProperty({}, key, value));
25538
25622
  });
25539
25623
  };
25540
25624
  var handleTestConnection = function handleTestConnection() {
@@ -25903,8 +25987,8 @@ var ProviderDetail = function ProviderDetail(_ref) {
25903
25987
  });
25904
25988
  };
25905
25989
 
25906
- function ownKeys$4(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
25907
- function _objectSpread$4(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$4(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$4(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
25990
+ function ownKeys$5(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
25991
+ function _objectSpread$5(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$5(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$5(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
25908
25992
  var rowIdCounter = 0;
25909
25993
  var nextRowId = function nextRowId() {
25910
25994
  return "row_".concat(++rowIdCounter);
@@ -26058,7 +26142,7 @@ var CustomMcpServerForm = function CustomMcpServerForm(_ref2) {
26058
26142
  var updateEnvRow = function updateEnvRow(id, field, value) {
26059
26143
  setEnvMappingRows(function (prev) {
26060
26144
  return prev.map(function (row) {
26061
- return row.id === id ? _objectSpread$4(_objectSpread$4({}, row), {}, _defineProperty({}, field, value)) : row;
26145
+ return row.id === id ? _objectSpread$5(_objectSpread$5({}, row), {}, _defineProperty({}, field, value)) : row;
26062
26146
  });
26063
26147
  });
26064
26148
  };
@@ -26083,7 +26167,7 @@ var CustomMcpServerForm = function CustomMcpServerForm(_ref2) {
26083
26167
  var updateHeaderRow = function updateHeaderRow(id, field, value) {
26084
26168
  setHeaderRows(function (prev) {
26085
26169
  return prev.map(function (row) {
26086
- return row.id === id ? _objectSpread$4(_objectSpread$4({}, row), {}, _defineProperty({}, field, value)) : row;
26170
+ return row.id === id ? _objectSpread$5(_objectSpread$5({}, row), {}, _defineProperty({}, field, value)) : row;
26087
26171
  });
26088
26172
  });
26089
26173
  };
@@ -26098,11 +26182,11 @@ var CustomMcpServerForm = function CustomMcpServerForm(_ref2) {
26098
26182
  // --- credential field change ---
26099
26183
  var handleCredentialChange = function handleCredentialChange(fieldName, value) {
26100
26184
  setCredentialData(function (prev) {
26101
- return _objectSpread$4(_objectSpread$4({}, prev), {}, _defineProperty({}, fieldName, value));
26185
+ return _objectSpread$5(_objectSpread$5({}, prev), {}, _defineProperty({}, fieldName, value));
26102
26186
  });
26103
26187
  if (formErrors[fieldName] && value !== null && value !== void 0 && value.trim()) {
26104
26188
  setFormErrors(function (prev) {
26105
- var next = _objectSpread$4({}, prev);
26189
+ var next = _objectSpread$5({}, prev);
26106
26190
  delete next[fieldName];
26107
26191
  return next;
26108
26192
  });
@@ -26254,7 +26338,7 @@ var CustomMcpServerForm = function CustomMcpServerForm(_ref2) {
26254
26338
  setProviderName(value);
26255
26339
  if (formErrors.providerName && value !== null && value !== void 0 && value.trim()) {
26256
26340
  setFormErrors(function (prev) {
26257
- var next = _objectSpread$4({}, prev);
26341
+ var next = _objectSpread$5({}, prev);
26258
26342
  delete next.providerName;
26259
26343
  return next;
26260
26344
  });
@@ -26287,7 +26371,7 @@ var CustomMcpServerForm = function CustomMcpServerForm(_ref2) {
26287
26371
  setCommand(value);
26288
26372
  if (formErrors.command && value !== null && value !== void 0 && value.trim()) {
26289
26373
  setFormErrors(function (prev) {
26290
- var next = _objectSpread$4({}, prev);
26374
+ var next = _objectSpread$5({}, prev);
26291
26375
  delete next.command;
26292
26376
  return next;
26293
26377
  });
@@ -26393,7 +26477,7 @@ var CustomMcpServerForm = function CustomMcpServerForm(_ref2) {
26393
26477
  setUrl(value);
26394
26478
  if (formErrors.url && value !== null && value !== void 0 && value.trim()) {
26395
26479
  setFormErrors(function (prev) {
26396
- var next = _objectSpread$4({}, prev);
26480
+ var next = _objectSpread$5({}, prev);
26397
26481
  delete next.url;
26398
26482
  return next;
26399
26483
  });
@@ -26535,8 +26619,8 @@ var CustomMcpServerForm = function CustomMcpServerForm(_ref2) {
26535
26619
  });
26536
26620
  };
26537
26621
 
26538
- function ownKeys$3(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
26539
- function _objectSpread$3(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$3(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$3(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
26622
+ function ownKeys$4(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
26623
+ function _objectSpread$4(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$4(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$4(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
26540
26624
  var getIconForServer = function getIconForServer(server) {
26541
26625
  var iconMap = {
26542
26626
  github: "code-branch",
@@ -26684,11 +26768,11 @@ var McpCatalogDetail = function McpCatalogDetail(_ref) {
26684
26768
  // Handle credential field changes
26685
26769
  var handleCredentialChange = function handleCredentialChange(fieldName, value) {
26686
26770
  setCredentialData(function (prev) {
26687
- return _objectSpread$3(_objectSpread$3({}, prev), {}, _defineProperty({}, fieldName, value));
26771
+ return _objectSpread$4(_objectSpread$4({}, prev), {}, _defineProperty({}, fieldName, value));
26688
26772
  });
26689
26773
  if (formErrors[fieldName] && value !== null && value !== void 0 && value.trim()) {
26690
26774
  setFormErrors(function (prev) {
26691
- var next = _objectSpread$3({}, prev);
26775
+ var next = _objectSpread$4({}, prev);
26692
26776
  delete next[fieldName];
26693
26777
  return next;
26694
26778
  });
@@ -26891,7 +26975,7 @@ var McpCatalogDetail = function McpCatalogDetail(_ref) {
26891
26975
  setProviderName(value);
26892
26976
  if (formErrors.providerName && value !== null && value !== void 0 && value.trim()) {
26893
26977
  setFormErrors(function (prev) {
26894
- var next = _objectSpread$3({}, prev);
26978
+ var next = _objectSpread$4({}, prev);
26895
26979
  delete next.providerName;
26896
26980
  return next;
26897
26981
  });
@@ -27631,8 +27715,8 @@ var ThemeDetail = function ThemeDetail(_ref6) {
27631
27715
  });
27632
27716
  };
27633
27717
 
27634
- function ownKeys$2(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
27635
- function _objectSpread$2(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$2(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$2(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
27718
+ function ownKeys$3(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
27719
+ function _objectSpread$3(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$3(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$3(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
27636
27720
  var ThemesSection = function ThemesSection(_ref) {
27637
27721
  var _ref$onOpenThemeEdito = _ref.onOpenThemeEditor,
27638
27722
  onOpenThemeEditor = _ref$onOpenThemeEdito === void 0 ? null : _ref$onOpenThemeEdito,
@@ -27710,7 +27794,7 @@ var ThemesSection = function ThemesSection(_ref) {
27710
27794
  if (!wizardTheme || !wizardName.trim()) return;
27711
27795
  if (!dashApi || !appId) return;
27712
27796
  var key = wizardTheme.id || "theme-".concat(Date.now());
27713
- var finalTheme = _objectSpread$2(_objectSpread$2({}, wizardTheme), {}, {
27797
+ var finalTheme = _objectSpread$3(_objectSpread$3({}, wizardTheme), {}, {
27714
27798
  id: key,
27715
27799
  name: wizardName.trim()
27716
27800
  });
@@ -28907,8 +28991,8 @@ var useInstalledWidgets = function useInstalledWidgets() {
28907
28991
  };
28908
28992
  };
28909
28993
 
28910
- function ownKeys$1(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
28911
- function _objectSpread$1(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
28994
+ function ownKeys$2(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
28995
+ function _objectSpread$2(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$2(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$2(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
28912
28996
  var WidgetsSection = function WidgetsSection(_ref) {
28913
28997
  var _ref$workspaces = _ref.workspaces,
28914
28998
  workspaces = _ref$workspaces === void 0 ? [] : _ref$workspaces;
@@ -29480,7 +29564,7 @@ var WidgetsSection = function WidgetsSection(_ref) {
29480
29564
  listContent: listContent,
29481
29565
  detailContent: detailContent,
29482
29566
  emptyDetailMessage: "Select a widget to view details"
29483
- }), /*#__PURE__*/jsxRuntime.jsx(DashReact.ConfirmationModal, _objectSpread$1(_objectSpread$1({
29567
+ }), /*#__PURE__*/jsxRuntime.jsx(DashReact.ConfirmationModal, _objectSpread$2(_objectSpread$2({
29484
29568
  isOpen: !!deleteTarget,
29485
29569
  setIsOpen: function setIsOpen() {
29486
29570
  setDeleteTarget(null);
@@ -30985,8 +31069,8 @@ var WidgetSidebar = function WidgetSidebar(_ref4) {
30985
31069
  });
30986
31070
  };
30987
31071
 
30988
- function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
30989
- function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
31072
+ function ownKeys$1(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
31073
+ function _objectSpread$1(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
30990
31074
  var DashboardStage = function DashboardStage(_ref) {
30991
31075
  var dashApi = _ref.dashApi,
30992
31076
  credentials = _ref.credentials,
@@ -31192,7 +31276,7 @@ var DashboardStageInner = function DashboardStageInner(_ref2) {
31192
31276
  // Sync fresh workspace data to existing tab
31193
31277
  setOpenTabs(function (prev) {
31194
31278
  return prev.map(function (tab) {
31195
- return tab.id === existingTab.id ? _objectSpread(_objectSpread({}, tab), {}, {
31279
+ return tab.id === existingTab.id ? _objectSpread$1(_objectSpread$1({}, tab), {}, {
31196
31280
  name: workspaceItem.name || "Untitled",
31197
31281
  workspace: workspaceItem
31198
31282
  }) : tab;
@@ -31237,7 +31321,7 @@ var DashboardStageInner = function DashboardStageInner(_ref2) {
31237
31321
  if (!ws) return;
31238
31322
  setOpenTabs(function (prev) {
31239
31323
  return prev.map(function (tab) {
31240
- return tab.id === ws.id ? _objectSpread(_objectSpread({}, tab), {}, {
31324
+ return tab.id === ws.id ? _objectSpread$1(_objectSpread$1({}, tab), {}, {
31241
31325
  name: ws.name || "Untitled",
31242
31326
  workspace: ws
31243
31327
  }) : tab;
@@ -31312,7 +31396,7 @@ var DashboardStageInner = function DashboardStageInner(_ref2) {
31312
31396
  if (activeTabId) {
31313
31397
  setOpenTabs(function (prev) {
31314
31398
  return prev.map(function (tab) {
31315
- return tab.id === activeTabId ? _objectSpread(_objectSpread({}, tab), {}, {
31399
+ return tab.id === activeTabId ? _objectSpread$1(_objectSpread$1({}, tab), {}, {
31316
31400
  name: wsModel.name || "Untitled",
31317
31401
  workspace: wsModel
31318
31402
  }) : tab;
@@ -31337,8 +31421,8 @@ var DashboardStageInner = function DashboardStageInner(_ref2) {
31337
31421
  if (workspaceSelected && widgetId) {
31338
31422
  // Build widget-specific provider selections
31339
31423
  var currentSelections = workspaceSelected.selectedProviders || {};
31340
- var updatedWorkspace = _objectSpread(_objectSpread({}, workspaceSelected), {}, {
31341
- selectedProviders: _objectSpread(_objectSpread({}, currentSelections), {}, _defineProperty({}, widgetId, updatedProviders))
31424
+ var updatedWorkspace = _objectSpread$1(_objectSpread$1({}, workspaceSelected), {}, {
31425
+ selectedProviders: _objectSpread$1(_objectSpread$1({}, currentSelections), {}, _defineProperty({}, widgetId, updatedProviders))
31342
31426
  });
31343
31427
 
31344
31428
  // Update the tab's workspace reference
@@ -31363,7 +31447,8 @@ var DashboardStageInner = function DashboardStageInner(_ref2) {
31363
31447
  onProviderSelect: handleProviderSelect,
31364
31448
  onTogglePreview: handleToggleEditMode,
31365
31449
  editMode: editMode,
31366
- workspaceRef: currentWorkspaceRef
31450
+ workspaceRef: currentWorkspaceRef,
31451
+ onWidgetPopout: popout ? null : handleWidgetPopout
31367
31452
  }, "LayoutBuilder-".concat(workspaceItem["id"])) : null;
31368
31453
  } catch (e) {
31369
31454
  return null;
@@ -31523,7 +31608,7 @@ var DashboardStageInner = function DashboardStageInner(_ref2) {
31523
31608
  if (savedWs) {
31524
31609
  setOpenTabs(function (prev) {
31525
31610
  return prev.map(function (tab) {
31526
- return tab.id === activeTabId ? _objectSpread(_objectSpread({}, tab), {}, {
31611
+ return tab.id === activeTabId ? _objectSpread$1(_objectSpread$1({}, tab), {}, {
31527
31612
  name: savedWs.name || "Untitled",
31528
31613
  workspace: savedWs
31529
31614
  }) : tab;
@@ -31570,6 +31655,12 @@ var DashboardStageInner = function DashboardStageInner(_ref2) {
31570
31655
  window.mainApi.popout.open(workspaceSelected.id);
31571
31656
  }
31572
31657
  }
31658
+ function handleWidgetPopout(widgetId) {
31659
+ var _window$mainApi5;
31660
+ if (workspaceSelected && (_window$mainApi5 = window.mainApi) !== null && _window$mainApi5 !== void 0 && (_window$mainApi5 = _window$mainApi5.widgetPopout) !== null && _window$mainApi5 !== void 0 && _window$mainApi5.open) {
31661
+ window.mainApi.widgetPopout.open(workspaceSelected.id, widgetId);
31662
+ }
31663
+ }
31573
31664
  return /*#__PURE__*/jsxRuntime.jsxs(LayoutContainer, {
31574
31665
  padding: false,
31575
31666
  space: false,
@@ -31974,6 +32065,147 @@ var DashboardMonitor = function DashboardMonitor() {
31974
32065
  });
31975
32066
  };
31976
32067
 
32068
+ function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
32069
+ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
32070
+ var WidgetPopoutStage = function WidgetPopoutStage(_ref) {
32071
+ var dashApi = _ref.dashApi,
32072
+ credentials = _ref.credentials,
32073
+ workspaceId = _ref.workspaceId,
32074
+ widgetId = _ref.widgetId;
32075
+ return /*#__PURE__*/jsxRuntime.jsx(React.Profiler, {
32076
+ id: "widget-popout",
32077
+ onRender: function onRender() {},
32078
+ children: /*#__PURE__*/jsxRuntime.jsx(DashboardWrapper, {
32079
+ dashApi: dashApi,
32080
+ credentials: credentials,
32081
+ backgroundColor: "bg-gray-900",
32082
+ children: /*#__PURE__*/jsxRuntime.jsx(WidgetPopoutInner, {
32083
+ dashApi: dashApi,
32084
+ credentials: credentials,
32085
+ workspaceId: workspaceId,
32086
+ widgetId: widgetId
32087
+ })
32088
+ })
32089
+ });
32090
+ };
32091
+ var WidgetPopoutInner = function WidgetPopoutInner(_ref2) {
32092
+ var dashApi = _ref2.dashApi,
32093
+ credentials = _ref2.credentials,
32094
+ workspaceId = _ref2.workspaceId,
32095
+ widgetId = _ref2.widgetId;
32096
+ var _useContext = React.useContext(DashboardContext);
32097
+ _useContext.pub;
32098
+ var _useState = React.useState(null),
32099
+ _useState2 = _slicedToArray(_useState, 2),
32100
+ workspace = _useState2[0],
32101
+ setWorkspace = _useState2[1];
32102
+ var _useState3 = React.useState(null),
32103
+ _useState4 = _slicedToArray(_useState3, 2),
32104
+ widgetItem = _useState4[0],
32105
+ setWidgetItem = _useState4[1];
32106
+ var _useState5 = React.useState(null),
32107
+ _useState6 = _slicedToArray(_useState5, 2),
32108
+ error = _useState6[0],
32109
+ setError = _useState6[1];
32110
+ function loadWorkspaces() {
32111
+ if (!dashApi || !credentials) return;
32112
+ dashApi.listWorkspaces(credentials.appId, function (e, message) {
32113
+ try {
32114
+ var _target$selectedProvi, _widget$userPrefs, _window$mainApi;
32115
+ var workspaces = DashReact.deepCopy(message["workspaces"]);
32116
+ var workspacesTemp = workspaces.map(function (ws) {
32117
+ var tempLayout = ws["layout"].map(function (layoutOG) {
32118
+ return LayoutModel(layoutOG, workspaces, ws["id"]);
32119
+ });
32120
+ ws["layout"] = tempLayout;
32121
+ return WorkspaceModel(ws);
32122
+ });
32123
+ var target = workspacesTemp.find(function (ws) {
32124
+ return ws.id === workspaceId;
32125
+ });
32126
+ if (!target) {
32127
+ setError("Workspace not found");
32128
+ return;
32129
+ }
32130
+ setWorkspace(target);
32131
+
32132
+ // Find the widget in the layout by ID
32133
+ var widget = target.layout.find(function (item) {
32134
+ return item.id === widgetId;
32135
+ });
32136
+ if (!widget) {
32137
+ setError("Widget not found in workspace");
32138
+ return;
32139
+ }
32140
+
32141
+ // Merge workspace-level provider selections into the widget item
32142
+ var widgetWithProviders = _objectSpread(_objectSpread({}, widget), {}, {
32143
+ selectedProviders: ((_target$selectedProvi = target.selectedProviders) === null || _target$selectedProvi === void 0 ? void 0 : _target$selectedProvi[widgetId]) || {}
32144
+ });
32145
+ setWidgetItem(widgetWithProviders);
32146
+
32147
+ // Set popout window title
32148
+ var widgetName = ((_widget$userPrefs = widget.userPrefs) === null || _widget$userPrefs === void 0 ? void 0 : _widget$userPrefs.title) || widget.component || "Widget";
32149
+ if ((_window$mainApi = window.mainApi) !== null && _window$mainApi !== void 0 && (_window$mainApi = _window$mainApi.widgetPopout) !== null && _window$mainApi !== void 0 && _window$mainApi.setTitle) {
32150
+ window.mainApi.widgetPopout.setTitle(workspaceId, widgetId, widgetName);
32151
+ }
32152
+ } catch (err) {
32153
+ setError(err.message);
32154
+ }
32155
+ }, function (e, message) {
32156
+ setError("Failed to load workspace");
32157
+ });
32158
+ }
32159
+
32160
+ // Initial load
32161
+ React.useEffect(function () {
32162
+ loadWorkspaces();
32163
+ // eslint-disable-next-line react-hooks/exhaustive-deps
32164
+ }, [workspaceId, widgetId]);
32165
+
32166
+ // Listen for workspace:saved broadcasts to refresh
32167
+ React.useEffect(function () {
32168
+ var _window$mainApi2;
32169
+ if (!((_window$mainApi2 = window.mainApi) !== null && _window$mainApi2 !== void 0 && _window$mainApi2.on)) return;
32170
+ var handler = function handler() {
32171
+ loadWorkspaces();
32172
+ };
32173
+ window.mainApi.on("workspace:saved", handler);
32174
+ return function () {
32175
+ var _window$mainApi3;
32176
+ if ((_window$mainApi3 = window.mainApi) !== null && _window$mainApi3 !== void 0 && _window$mainApi3.removeListener) {
32177
+ window.mainApi.removeListener("workspace:saved", handler);
32178
+ }
32179
+ };
32180
+ // eslint-disable-next-line react-hooks/exhaustive-deps
32181
+ }, []);
32182
+ if (error) {
32183
+ return /*#__PURE__*/jsxRuntime.jsxs("div", {
32184
+ className: "flex flex-col h-full w-full items-center justify-center text-gray-400 gap-2",
32185
+ children: [/*#__PURE__*/jsxRuntime.jsx("div", {
32186
+ className: "text-lg font-semibold",
32187
+ children: "Widget not available"
32188
+ }), /*#__PURE__*/jsxRuntime.jsx("div", {
32189
+ className: "text-sm text-gray-500",
32190
+ children: error
32191
+ })]
32192
+ });
32193
+ }
32194
+ if (!widgetItem || !workspace) {
32195
+ return /*#__PURE__*/jsxRuntime.jsx("div", {
32196
+ className: "flex h-full w-full items-center justify-center text-gray-500",
32197
+ children: "Loading widget..."
32198
+ });
32199
+ }
32200
+ return /*#__PURE__*/jsxRuntime.jsx(DashboardThemeProvider, {
32201
+ themeKey: workspace === null || workspace === void 0 ? void 0 : workspace.themeKey,
32202
+ children: /*#__PURE__*/jsxRuntime.jsx("div", {
32203
+ className: "flex flex-col w-full h-full overflow-auto",
32204
+ children: renderComponent(widgetItem.component, widgetItem.id, widgetItem, null)
32205
+ })
32206
+ });
32207
+ };
32208
+
31977
32209
  var DashNavbar = function DashNavbar(_ref) {
31978
32210
  var _ref$onOpenCommandPal = _ref.onOpenCommandPalette,
31979
32211
  onOpenCommandPalette = _ref$onOpenCommandPal === void 0 ? null : _ref$onOpenCommandPal,
@@ -33153,6 +33385,7 @@ exports.WidgetApi = WidgetApi;
33153
33385
  exports.WidgetConfigPanel = WidgetConfigPanel;
33154
33386
  exports.WidgetContext = WidgetContext;
33155
33387
  exports.WidgetFactory = WidgetFactory;
33388
+ exports.WidgetPopoutStage = WidgetPopoutStage;
33156
33389
  exports.WidgetProviderWrapper = WidgetProviderWrapper;
33157
33390
  exports.WidgetSidebar = WidgetSidebar;
33158
33391
  exports.Workspace = Workspace;