@measured/puck 0.17.0-canary.552c8f9 → 0.17.0-canary.6e568de

Sign up to get free protection for your applications and to get access to all the features.
Files changed (3) hide show
  1. package/dist/index.js +249 -1161
  2. package/dist/index.mjs +227 -1134
  3. package/package.json +1 -1
package/dist/index.mjs CHANGED
@@ -29,8 +29,8 @@ var require_classnames = __commonJS({
29
29
  var nativeCodeString = "[native code]";
30
30
  function classNames() {
31
31
  var classes = [];
32
- for (var i2 = 0; i2 < arguments.length; i2++) {
33
- var arg = arguments[i2];
32
+ for (var i = 0; i < arguments.length; i++) {
33
+ var arg = arguments[i];
34
34
  if (!arg) continue;
35
35
  var argType = typeof arg;
36
36
  if (argType === "string" || argType === "number") {
@@ -137,9 +137,9 @@ var getClassNameFactory = (rootClass, styles2, config = { baseClass: "" }) => (o
137
137
  for (let modifier in modifiers) {
138
138
  prefixedModifiers[styles2[`${rootClass}--${modifier}`]] = modifiers[modifier];
139
139
  }
140
- const c2 = styles2[rootClass];
140
+ const c = styles2[rootClass];
141
141
  return config.baseClass + (0, import_classnames.default)(__spreadValues({
142
- [c2]: !!c2
142
+ [c]: !!c
143
143
  }, prefixedModifiers));
144
144
  } else {
145
145
  return config.baseClass + styles2[rootClass] || "";
@@ -567,10 +567,10 @@ var IconButton = ({
567
567
  disabled,
568
568
  fullWidth
569
569
  }),
570
- onClick: (e2) => {
570
+ onClick: (e) => {
571
571
  if (!onClick) return;
572
572
  setLoading(true);
573
- Promise.resolve(onClick(e2)).then(() => {
573
+ Promise.resolve(onClick(e)).then(() => {
574
574
  setLoading(false);
575
575
  });
576
576
  },
@@ -647,7 +647,7 @@ var useResolvedPermissions = (config, appState, globalPermissions, setComponentL
647
647
  const [resolvedPermissions, setResolvedPermissions] = useState2({});
648
648
  const resolveDataForItem = useCallback(
649
649
  (item, force = false) => __async(void 0, null, function* () {
650
- var _a, _b, _c3;
650
+ var _a, _b, _c;
651
651
  const componentConfig = item.type === "root" ? config.root : config.components[item.type];
652
652
  if (!componentConfig) {
653
653
  return;
@@ -664,7 +664,7 @@ var useResolvedPermissions = (config, appState, globalPermissions, setComponentL
664
664
  lastPermissions: ((_b = cache[item.props.id]) == null ? void 0 : _b.lastPermissions) || null,
665
665
  permissions: initialPermissions,
666
666
  appState,
667
- lastData: ((_c3 = cache[item.props.id]) == null ? void 0 : _c3.lastData) || null
667
+ lastData: ((_c = cache[item.props.id]) == null ? void 0 : _c.lastData) || null
668
668
  }
669
669
  );
670
670
  setCache((_cache) => __spreadProps(__spreadValues({}, _cache), {
@@ -673,7 +673,7 @@ var useResolvedPermissions = (config, appState, globalPermissions, setComponentL
673
673
  lastPermissions: resolvedPermissions2
674
674
  }
675
675
  }));
676
- setResolvedPermissions((p2) => __spreadProps(__spreadValues({}, p2), {
676
+ setResolvedPermissions((p) => __spreadProps(__spreadValues({}, p), {
677
677
  [item.props.id]: resolvedPermissions2
678
678
  }));
679
679
  unsetComponentLoading == null ? void 0 : unsetComponentLoading(item.props.id);
@@ -1234,27 +1234,27 @@ var ArrayField = ({
1234
1234
  hasItems: Array.isArray(value) && value.length > 0,
1235
1235
  addDisabled
1236
1236
  }),
1237
- onMouseOver: (e2) => {
1238
- e2.stopPropagation();
1237
+ onMouseOver: (e) => {
1238
+ e.stopPropagation();
1239
1239
  setHovering(true);
1240
1240
  },
1241
- onMouseOut: (e2) => {
1242
- e2.stopPropagation();
1241
+ onMouseOut: (e) => {
1242
+ e.stopPropagation();
1243
1243
  setHovering(false);
1244
1244
  },
1245
- onClick: (e2) => {
1246
- e2.preventDefault();
1245
+ onClick: (e) => {
1246
+ e.preventDefault();
1247
1247
  },
1248
1248
  children: [
1249
- localState.arrayState.items.map((item, i2) => {
1250
- const { _arrayId = `${id}-${i2}`, _originalIndex = i2 } = item;
1251
- const data = Array.from(localState.value || [])[i2] || {};
1249
+ localState.arrayState.items.map((item, i) => {
1250
+ const { _arrayId = `${id}-${i}`, _originalIndex = i } = item;
1251
+ const data = Array.from(localState.value || [])[i] || {};
1252
1252
  return /* @__PURE__ */ jsx9(
1253
1253
  Draggable,
1254
1254
  {
1255
1255
  id: _arrayId,
1256
- index: i2,
1257
- className: (_2, snapshot2) => getClassNameItem({
1256
+ index: i,
1257
+ className: (_, snapshot2) => getClassNameItem({
1258
1258
  isExpanded: arrayState.openId === _arrayId,
1259
1259
  isDragging: snapshot2 == null ? void 0 : snapshot2.isDragging,
1260
1260
  readOnly
@@ -1281,7 +1281,7 @@ var ArrayField = ({
1281
1281
  },
1282
1282
  className: getClassNameItem("summary"),
1283
1283
  children: [
1284
- field.getItemSummary ? field.getItemSummary(data, i2) : `Item #${_originalIndex}`,
1284
+ field.getItemSummary ? field.getItemSummary(data, i) : `Item #${_originalIndex}`,
1285
1285
  /* @__PURE__ */ jsxs4("div", { className: getClassNameItem("rhs"), children: [
1286
1286
  !readOnly && /* @__PURE__ */ jsxs4("div", { className: getClassNameItem("actions"), children: [
1287
1287
  /* @__PURE__ */ jsx9("div", { className: getClassNameItem("action"), children: /* @__PURE__ */ jsx9(
@@ -1289,15 +1289,15 @@ var ArrayField = ({
1289
1289
  {
1290
1290
  type: "button",
1291
1291
  disabled: !!addDisabled,
1292
- onClick: (e2) => {
1293
- e2.stopPropagation();
1292
+ onClick: (e) => {
1293
+ e.stopPropagation();
1294
1294
  const existingValue = [
1295
1295
  ...value || []
1296
1296
  ];
1297
1297
  existingValue.splice(
1298
- i2,
1298
+ i,
1299
1299
  0,
1300
- existingValue[i2]
1300
+ existingValue[i]
1301
1301
  );
1302
1302
  onChange(
1303
1303
  existingValue,
@@ -1315,16 +1315,16 @@ var ArrayField = ({
1315
1315
  {
1316
1316
  type: "button",
1317
1317
  disabled: field.min !== void 0 && field.min >= localState.arrayState.items.length,
1318
- onClick: (e2) => {
1319
- e2.stopPropagation();
1318
+ onClick: (e) => {
1319
+ e.stopPropagation();
1320
1320
  const existingValue = [
1321
1321
  ...value || []
1322
1322
  ];
1323
1323
  const existingItems = [
1324
1324
  ...arrayState.items || []
1325
1325
  ];
1326
- existingValue.splice(i2, 1);
1327
- existingItems.splice(i2, 1);
1326
+ existingValue.splice(i, 1);
1327
+ existingItems.splice(i, 1);
1328
1328
  onChange(
1329
1329
  existingValue,
1330
1330
  mapArrayStateToUi({
@@ -1345,7 +1345,7 @@ var ArrayField = ({
1345
1345
  /* @__PURE__ */ jsx9("div", { className: getClassNameItem("body"), children: /* @__PURE__ */ jsx9("fieldset", { className: getClassNameItem("fieldset"), children: Object.keys(field.arrayFields).map(
1346
1346
  (fieldName) => {
1347
1347
  const subField = field.arrayFields[fieldName];
1348
- const subFieldName = `${name}[${i2}].${fieldName}`;
1348
+ const subFieldName = `${name}[${i}].${fieldName}`;
1349
1349
  const wildcardFieldName = `${name}[*].${fieldName}`;
1350
1350
  const subReadOnly = forceReadOnly ? forceReadOnly : typeof readOnlyFields[subFieldName] !== "undefined" ? readOnlyFields[subFieldName] : readOnlyFields[wildcardFieldName];
1351
1351
  return /* @__PURE__ */ jsx9(
@@ -1359,7 +1359,7 @@ var ArrayField = ({
1359
1359
  value: data[fieldName],
1360
1360
  onChange: (val, ui) => {
1361
1361
  onChange(
1362
- replace(value, i2, __spreadProps(__spreadValues({}, data), {
1362
+ replace(value, i, __spreadProps(__spreadValues({}, data), {
1363
1363
  [fieldName]: val
1364
1364
  })),
1365
1365
  ui
@@ -1434,11 +1434,11 @@ var DefaultField = ({
1434
1434
  type: field.type,
1435
1435
  name,
1436
1436
  value: typeof value === "undefined" ? "" : value.toString(),
1437
- onChange: (e2) => {
1437
+ onChange: (e) => {
1438
1438
  if (field.type === "number") {
1439
- onChange(Number(e2.currentTarget.value));
1439
+ onChange(Number(e.currentTarget.value));
1440
1440
  } else {
1441
- onChange(e2.currentTarget.value);
1441
+ onChange(e.currentTarget.value);
1442
1442
  }
1443
1443
  },
1444
1444
  readOnly,
@@ -1499,7 +1499,7 @@ var Modal = ({
1499
1499
  "div",
1500
1500
  {
1501
1501
  className: getClassName7("inner"),
1502
- onClick: (e2) => e2.stopPropagation(),
1502
+ onClick: (e) => e.stopPropagation(),
1503
1503
  children
1504
1504
  }
1505
1505
  ) }),
@@ -1571,10 +1571,10 @@ var Button = ({
1571
1571
  fullWidth,
1572
1572
  [size]: true
1573
1573
  }),
1574
- onClick: (e2) => {
1574
+ onClick: (e) => {
1575
1575
  if (!onClick) return;
1576
1576
  setLoading(true);
1577
- Promise.resolve(onClick(e2)).then(() => {
1577
+ Promise.resolve(onClick(e)).then(() => {
1578
1578
  setLoading(false);
1579
1579
  });
1580
1580
  },
@@ -1703,8 +1703,8 @@ var ExternalInput = ({
1703
1703
  hasData: mappedData.length > 0,
1704
1704
  filtersToggled
1705
1705
  }),
1706
- onSubmit: (e2) => {
1707
- e2.preventDefault();
1706
+ onSubmit: (e) => {
1707
+ e.preventDefault();
1708
1708
  search(searchQuery, filters);
1709
1709
  },
1710
1710
  children: [
@@ -1719,8 +1719,8 @@ var ExternalInput = ({
1719
1719
  name: "q",
1720
1720
  type: "search",
1721
1721
  placeholder: field.placeholder,
1722
- onChange: (e2) => {
1723
- setSearchQuery(e2.currentTarget.value);
1722
+ onChange: (e) => {
1723
+ setSearchQuery(e.currentTarget.value);
1724
1724
  },
1725
1725
  autoComplete: "off",
1726
1726
  value: searchQuery
@@ -1733,9 +1733,9 @@ var ExternalInput = ({
1733
1733
  IconButton,
1734
1734
  {
1735
1735
  title: "Toggle filters",
1736
- onClick: (e2) => {
1737
- e2.preventDefault();
1738
- e2.stopPropagation();
1736
+ onClick: (e) => {
1737
+ e.preventDefault();
1738
+ e.stopPropagation();
1739
1739
  setFiltersToggled(!filtersToggled);
1740
1740
  },
1741
1741
  children: /* @__PURE__ */ jsx14(SlidersHorizontal, { size: 20 })
@@ -1774,19 +1774,19 @@ var ExternalInput = ({
1774
1774
  },
1775
1775
  key
1776
1776
  )) }) }),
1777
- /* @__PURE__ */ jsx14("tbody", { className: getClassNameModal("tbody"), children: mappedData.map((item, i2) => {
1777
+ /* @__PURE__ */ jsx14("tbody", { className: getClassNameModal("tbody"), children: mappedData.map((item, i) => {
1778
1778
  return /* @__PURE__ */ jsx14(
1779
1779
  "tr",
1780
1780
  {
1781
1781
  style: { whiteSpace: "nowrap" },
1782
1782
  className: getClassNameModal("tr"),
1783
1783
  onClick: () => {
1784
- onChange(mapProp(data[i2]));
1784
+ onChange(mapProp(data[i]));
1785
1785
  setOpen(false);
1786
1786
  },
1787
1787
  children: keys.map((key) => /* @__PURE__ */ jsx14("td", { className: getClassNameModal("td"), children: item[key] }, key))
1788
1788
  },
1789
- i2
1789
+ i
1790
1790
  );
1791
1791
  }) })
1792
1792
  ] }),
@@ -1814,7 +1814,7 @@ var ExternalField = ({
1814
1814
  id,
1815
1815
  readOnly
1816
1816
  }) => {
1817
- var _a, _b, _c3;
1817
+ var _a, _b, _c;
1818
1818
  const validField = field;
1819
1819
  const deprecatedField = field;
1820
1820
  useEffect8(() => {
@@ -1836,7 +1836,7 @@ var ExternalField = ({
1836
1836
  placeholder: ((_a = deprecatedField.adaptor) == null ? void 0 : _a.name) ? `Select from ${deprecatedField.adaptor.name}` : validField.placeholder || "Select data",
1837
1837
  mapProp: ((_b = deprecatedField.adaptor) == null ? void 0 : _b.mapProp) || validField.mapProp,
1838
1838
  mapRow: validField.mapRow,
1839
- fetchList: ((_c3 = deprecatedField.adaptor) == null ? void 0 : _c3.fetchList) ? () => __async(void 0, null, function* () {
1839
+ fetchList: ((_c = deprecatedField.adaptor) == null ? void 0 : _c.fetchList) ? () => __async(void 0, null, function* () {
1840
1840
  return yield deprecatedField.adaptor.fetchList(
1841
1841
  deprecatedField.adaptorParams
1842
1842
  );
@@ -1886,12 +1886,12 @@ var RadioField = ({
1886
1886
  className: getClassName11("radioInput"),
1887
1887
  value: option.value,
1888
1888
  name,
1889
- onChange: (e2) => {
1890
- if (e2.currentTarget.value === "true" || e2.currentTarget.value === "false") {
1891
- onChange(JSON.parse(e2.currentTarget.value));
1889
+ onChange: (e) => {
1890
+ if (e.currentTarget.value === "true" || e.currentTarget.value === "false") {
1891
+ onChange(JSON.parse(e.currentTarget.value));
1892
1892
  return;
1893
1893
  }
1894
- onChange(e2.currentTarget.value);
1894
+ onChange(e.currentTarget.value);
1895
1895
  },
1896
1896
  disabled: readOnly,
1897
1897
  checked: value === option.value
@@ -1935,12 +1935,12 @@ var SelectField = ({
1935
1935
  id,
1936
1936
  className: getClassName12("input"),
1937
1937
  disabled: readOnly,
1938
- onChange: (e2) => {
1939
- if (e2.currentTarget.value === "true" || e2.currentTarget.value === "false") {
1940
- onChange(JSON.parse(e2.currentTarget.value));
1938
+ onChange: (e) => {
1939
+ if (e.currentTarget.value === "true" || e.currentTarget.value === "false") {
1940
+ onChange(JSON.parse(e.currentTarget.value));
1941
1941
  return;
1942
1942
  }
1943
- onChange(e2.currentTarget.value);
1943
+ onChange(e.currentTarget.value);
1944
1944
  },
1945
1945
  value,
1946
1946
  children: field.options.map((option) => /* @__PURE__ */ jsx17(
@@ -1978,7 +1978,7 @@ var TextareaField = ({
1978
1978
  autoComplete: "off",
1979
1979
  name,
1980
1980
  value: typeof value === "undefined" ? "" : value,
1981
- onChange: (e2) => onChange(e2.currentTarget.value),
1981
+ onChange: (e) => onChange(e.currentTarget.value),
1982
1982
  readOnly,
1983
1983
  tabIndex: readOnly ? -1 : void 0,
1984
1984
  rows: 5
@@ -2120,7 +2120,7 @@ var FieldLabelInternal2 = ({
2120
2120
  );
2121
2121
  };
2122
2122
  function AutoFieldInternal(props) {
2123
- var _a, _b, _c3, _d, _e, _f, _g, _h;
2123
+ var _a, _b, _c, _d, _e, _f, _g, _h;
2124
2124
  const { dispatch, overrides } = useAppContext();
2125
2125
  const { id, Label = FieldLabelInternal2 } = props;
2126
2126
  const field = props.field;
@@ -2140,7 +2140,7 @@ function AutoFieldInternal(props) {
2140
2140
  const render = __spreadProps(__spreadValues({}, overrides.fieldTypes), {
2141
2141
  array: ((_a = overrides.fieldTypes) == null ? void 0 : _a.array) || defaultFields.array,
2142
2142
  external: ((_b = overrides.fieldTypes) == null ? void 0 : _b.external) || defaultFields.external,
2143
- object: ((_c3 = overrides.fieldTypes) == null ? void 0 : _c3.object) || defaultFields.object,
2143
+ object: ((_c = overrides.fieldTypes) == null ? void 0 : _c.object) || defaultFields.object,
2144
2144
  select: ((_d = overrides.fieldTypes) == null ? void 0 : _d.select) || defaultFields.select,
2145
2145
  textarea: ((_e = overrides.fieldTypes) == null ? void 0 : _e.textarea) || defaultFields.textarea,
2146
2146
  radio: ((_f = overrides.fieldTypes) == null ? void 0 : _f.radio) || defaultFields.radio,
@@ -2154,9 +2154,9 @@ function AutoFieldInternal(props) {
2154
2154
  id: resolvedId
2155
2155
  });
2156
2156
  const onFocus = useCallback5(
2157
- (e2) => {
2158
- if (mergedProps.name && e2.target.nodeName === "INPUT") {
2159
- e2.stopPropagation();
2157
+ (e) => {
2158
+ if (mergedProps.name && e.target.nodeName === "INPUT") {
2159
+ e.stopPropagation();
2160
2160
  dispatch({
2161
2161
  type: "setUi",
2162
2162
  ui: {
@@ -2167,8 +2167,8 @@ function AutoFieldInternal(props) {
2167
2167
  },
2168
2168
  [mergedProps.name]
2169
2169
  );
2170
- const onBlur = useCallback5((e2) => {
2171
- if ("name" in e2.target) {
2170
+ const onBlur = useCallback5((e) => {
2171
+ if ("name" in e.target) {
2172
2172
  dispatch({
2173
2173
  type: "setUi",
2174
2174
  ui: {
@@ -2307,982 +2307,21 @@ import { createPortal as createPortal2 } from "react-dom";
2307
2307
 
2308
2308
  // components/DraggableComponent/collision/dynamic/index.ts
2309
2309
  init_react_import();
2310
-
2311
- // ../../node_modules/@dnd-kit/abstract/index.js
2312
- init_react_import();
2313
-
2314
- // ../../node_modules/@dnd-kit/state/dist/index.mjs
2315
- init_react_import();
2316
-
2317
- // ../../node_modules/@preact/signals-core/dist/signals-core.mjs
2318
- init_react_import();
2319
- var i = Symbol.for("preact-signals");
2320
- function t() {
2321
- if (r > 1) {
2322
- r--;
2323
- return;
2324
- }
2325
- let i2, t2 = false;
2326
- while (void 0 !== s) {
2327
- let o2 = s;
2328
- s = void 0;
2329
- f++;
2330
- while (void 0 !== o2) {
2331
- const n2 = o2.o;
2332
- o2.o = void 0;
2333
- o2.f &= -3;
2334
- if (!(8 & o2.f) && v(o2)) try {
2335
- o2.c();
2336
- } catch (o3) {
2337
- if (!t2) {
2338
- i2 = o3;
2339
- t2 = true;
2340
- }
2341
- }
2342
- o2 = n2;
2343
- }
2344
- }
2345
- f = 0;
2346
- r--;
2347
- if (t2) throw i2;
2348
- }
2349
- function o(i2) {
2350
- if (r > 0) return i2();
2351
- r++;
2352
- try {
2353
- return i2();
2354
- } finally {
2355
- t();
2356
- }
2357
- }
2358
- var n;
2359
- var s;
2360
- function h(i2) {
2361
- const t2 = n;
2362
- n = void 0;
2363
- try {
2364
- return i2();
2365
- } finally {
2366
- n = t2;
2367
- }
2368
- }
2369
- var r = 0;
2370
- var f = 0;
2371
- var e = 0;
2372
- function c(i2) {
2373
- if (void 0 === n) return;
2374
- let t2 = i2.n;
2375
- if (void 0 === t2 || t2.t !== n) {
2376
- t2 = { i: 0, S: i2, p: n.s, n: void 0, t: n, e: void 0, x: void 0, r: t2 };
2377
- if (void 0 !== n.s) n.s.n = t2;
2378
- n.s = t2;
2379
- i2.n = t2;
2380
- if (32 & n.f) i2.S(t2);
2381
- return t2;
2382
- } else if (-1 === t2.i) {
2383
- t2.i = 0;
2384
- if (void 0 !== t2.n) {
2385
- t2.n.p = t2.p;
2386
- if (void 0 !== t2.p) t2.p.n = t2.n;
2387
- t2.p = n.s;
2388
- t2.n = void 0;
2389
- n.s.n = t2;
2390
- n.s = t2;
2391
- }
2392
- return t2;
2393
- }
2394
- }
2395
- function u(i2) {
2396
- this.v = i2;
2397
- this.i = 0;
2398
- this.n = void 0;
2399
- this.t = void 0;
2400
- }
2401
- u.prototype.brand = i;
2402
- u.prototype.h = function() {
2403
- return true;
2404
- };
2405
- u.prototype.S = function(i2) {
2406
- if (this.t !== i2 && void 0 === i2.e) {
2407
- i2.x = this.t;
2408
- if (void 0 !== this.t) this.t.e = i2;
2409
- this.t = i2;
2410
- }
2411
- };
2412
- u.prototype.U = function(i2) {
2413
- if (void 0 !== this.t) {
2414
- const t2 = i2.e, o2 = i2.x;
2415
- if (void 0 !== t2) {
2416
- t2.x = o2;
2417
- i2.e = void 0;
2418
- }
2419
- if (void 0 !== o2) {
2420
- o2.e = t2;
2421
- i2.x = void 0;
2422
- }
2423
- if (i2 === this.t) this.t = o2;
2424
- }
2425
- };
2426
- u.prototype.subscribe = function(i2) {
2427
- return E(() => {
2428
- const t2 = this.value, o2 = n;
2429
- n = void 0;
2430
- try {
2431
- i2(t2);
2432
- } finally {
2433
- n = o2;
2434
- }
2435
- });
2436
- };
2437
- u.prototype.valueOf = function() {
2438
- return this.value;
2439
- };
2440
- u.prototype.toString = function() {
2441
- return this.value + "";
2442
- };
2443
- u.prototype.toJSON = function() {
2444
- return this.value;
2445
- };
2446
- u.prototype.peek = function() {
2447
- const i2 = n;
2448
- n = void 0;
2449
- try {
2450
- return this.value;
2451
- } finally {
2452
- n = i2;
2453
- }
2454
- };
2455
- Object.defineProperty(u.prototype, "value", { get() {
2456
- const i2 = c(this);
2457
- if (void 0 !== i2) i2.i = this.i;
2458
- return this.v;
2459
- }, set(i2) {
2460
- if (i2 !== this.v) {
2461
- if (f > 100) throw new Error("Cycle detected");
2462
- this.v = i2;
2463
- this.i++;
2464
- e++;
2465
- r++;
2466
- try {
2467
- for (let i3 = this.t; void 0 !== i3; i3 = i3.x) i3.t.N();
2468
- } finally {
2469
- t();
2470
- }
2471
- }
2472
- } });
2473
- function d(i2) {
2474
- return new u(i2);
2475
- }
2476
- function v(i2) {
2477
- for (let t2 = i2.s; void 0 !== t2; t2 = t2.n) if (t2.S.i !== t2.i || !t2.S.h() || t2.S.i !== t2.i) return true;
2478
- return false;
2479
- }
2480
- function l(i2) {
2481
- for (let t2 = i2.s; void 0 !== t2; t2 = t2.n) {
2482
- const o2 = t2.S.n;
2483
- if (void 0 !== o2) t2.r = o2;
2484
- t2.S.n = t2;
2485
- t2.i = -1;
2486
- if (void 0 === t2.n) {
2487
- i2.s = t2;
2488
- break;
2489
- }
2490
- }
2491
- }
2492
- function y(i2) {
2493
- let t2, o2 = i2.s;
2494
- while (void 0 !== o2) {
2495
- const i3 = o2.p;
2496
- if (-1 === o2.i) {
2497
- o2.S.U(o2);
2498
- if (void 0 !== i3) i3.n = o2.n;
2499
- if (void 0 !== o2.n) o2.n.p = i3;
2500
- } else t2 = o2;
2501
- o2.S.n = o2.r;
2502
- if (void 0 !== o2.r) o2.r = void 0;
2503
- o2 = i3;
2504
- }
2505
- i2.s = t2;
2506
- }
2507
- function a(i2) {
2508
- u.call(this, void 0);
2509
- this.x = i2;
2510
- this.s = void 0;
2511
- this.g = e - 1;
2512
- this.f = 4;
2513
- }
2514
- (a.prototype = new u()).h = function() {
2515
- this.f &= -3;
2516
- if (1 & this.f) return false;
2517
- if (32 == (36 & this.f)) return true;
2518
- this.f &= -5;
2519
- if (this.g === e) return true;
2520
- this.g = e;
2521
- this.f |= 1;
2522
- if (this.i > 0 && !v(this)) {
2523
- this.f &= -2;
2524
- return true;
2525
- }
2526
- const i2 = n;
2527
- try {
2528
- l(this);
2529
- n = this;
2530
- const i3 = this.x();
2531
- if (16 & this.f || this.v !== i3 || 0 === this.i) {
2532
- this.v = i3;
2533
- this.f &= -17;
2534
- this.i++;
2535
- }
2536
- } catch (i3) {
2537
- this.v = i3;
2538
- this.f |= 16;
2539
- this.i++;
2540
- }
2541
- n = i2;
2542
- y(this);
2543
- this.f &= -2;
2544
- return true;
2545
- };
2546
- a.prototype.S = function(i2) {
2547
- if (void 0 === this.t) {
2548
- this.f |= 36;
2549
- for (let i3 = this.s; void 0 !== i3; i3 = i3.n) i3.S.S(i3);
2550
- }
2551
- u.prototype.S.call(this, i2);
2552
- };
2553
- a.prototype.U = function(i2) {
2554
- if (void 0 !== this.t) {
2555
- u.prototype.U.call(this, i2);
2556
- if (void 0 === this.t) {
2557
- this.f &= -33;
2558
- for (let i3 = this.s; void 0 !== i3; i3 = i3.n) i3.S.U(i3);
2559
- }
2560
- }
2561
- };
2562
- a.prototype.N = function() {
2563
- if (!(2 & this.f)) {
2564
- this.f |= 6;
2565
- for (let i2 = this.t; void 0 !== i2; i2 = i2.x) i2.t.N();
2566
- }
2567
- };
2568
- Object.defineProperty(a.prototype, "value", { get() {
2569
- if (1 & this.f) throw new Error("Cycle detected");
2570
- const i2 = c(this);
2571
- this.h();
2572
- if (void 0 !== i2) i2.i = this.i;
2573
- if (16 & this.f) throw this.v;
2574
- return this.v;
2575
- } });
2576
- function w(i2) {
2577
- return new a(i2);
2578
- }
2579
- function _(i2) {
2580
- const o2 = i2.u;
2581
- i2.u = void 0;
2582
- if ("function" == typeof o2) {
2583
- r++;
2584
- const s2 = n;
2585
- n = void 0;
2586
- try {
2587
- o2();
2588
- } catch (t2) {
2589
- i2.f &= -2;
2590
- i2.f |= 8;
2591
- g(i2);
2592
- throw t2;
2593
- } finally {
2594
- n = s2;
2595
- t();
2596
- }
2597
- }
2598
- }
2599
- function g(i2) {
2600
- for (let t2 = i2.s; void 0 !== t2; t2 = t2.n) t2.S.U(t2);
2601
- i2.x = void 0;
2602
- i2.s = void 0;
2603
- _(i2);
2604
- }
2605
- function p(i2) {
2606
- if (n !== this) throw new Error("Out-of-order effect");
2607
- y(this);
2608
- n = i2;
2609
- this.f &= -2;
2610
- if (8 & this.f) g(this);
2611
- t();
2612
- }
2613
- function b(i2) {
2614
- this.x = i2;
2615
- this.u = void 0;
2616
- this.s = void 0;
2617
- this.o = void 0;
2618
- this.f = 32;
2619
- }
2620
- b.prototype.c = function() {
2621
- const i2 = this.S();
2622
- try {
2623
- if (8 & this.f) return;
2624
- if (void 0 === this.x) return;
2625
- const t2 = this.x();
2626
- if ("function" == typeof t2) this.u = t2;
2627
- } finally {
2628
- i2();
2629
- }
2630
- };
2631
- b.prototype.S = function() {
2632
- if (1 & this.f) throw new Error("Cycle detected");
2633
- this.f |= 1;
2634
- this.f &= -9;
2635
- _(this);
2636
- l(this);
2637
- r++;
2638
- const i2 = n;
2639
- n = this;
2640
- return p.bind(this, i2);
2641
- };
2642
- b.prototype.N = function() {
2643
- if (!(2 & this.f)) {
2644
- this.f |= 2;
2645
- this.o = s;
2646
- s = this;
2647
- }
2648
- };
2649
- b.prototype.d = function() {
2650
- this.f |= 8;
2651
- if (!(1 & this.f)) g(this);
2652
- };
2653
- function E(i2) {
2654
- const t2 = new b(i2);
2655
- try {
2656
- t2.c();
2657
- } catch (i3) {
2658
- t2.d();
2659
- throw i3;
2660
- }
2661
- return t2.d.bind(t2);
2662
- }
2663
-
2664
- // ../../node_modules/@dnd-kit/state/dist/index.mjs
2665
- function computed(compute, comparator) {
2666
- if (comparator) {
2667
- let previousValue;
2668
- return w(() => {
2669
- const value = compute();
2670
- if (value && previousValue && comparator(previousValue, value)) {
2671
- return previousValue;
2672
- }
2673
- previousValue = value;
2674
- return value;
2675
- });
2676
- }
2677
- return w(compute);
2678
- }
2679
- function reactive({ get }, _2) {
2680
- return {
2681
- init(value) {
2682
- return d(value);
2683
- },
2684
- get() {
2685
- const current = get.call(this);
2686
- return current.value;
2687
- },
2688
- set(newValue) {
2689
- const current = get.call(this);
2690
- if (current.peek() === newValue) {
2691
- return;
2692
- }
2693
- current.value = newValue;
2694
- }
2695
- };
2696
- }
2697
- function derived(target, _2) {
2698
- const map = /* @__PURE__ */ new WeakMap();
2699
- return function() {
2700
- let result = map.get(this);
2701
- if (!result) {
2702
- result = computed(target.bind(this));
2703
- map.set(this, result);
2704
- }
2705
- return result.value;
2706
- };
2707
- }
2708
- function effects(...entries) {
2709
- const effects2 = entries.map(E);
2710
- return () => effects2.forEach((cleanup) => cleanup());
2711
- }
2712
-
2713
- // ../../node_modules/@dnd-kit/geometry/dist/index.mjs
2714
- init_react_import();
2715
- var __create = Object.create;
2716
- var __defProp = Object.defineProperty;
2717
- var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
2718
- var __knownSymbol = (name, symbol) => (symbol = Symbol[name]) ? symbol : Symbol.for("Symbol." + name);
2719
- var __typeError = (msg) => {
2720
- throw TypeError(msg);
2721
- };
2722
- var __pow = Math.pow;
2723
- var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
2724
- var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
2725
- var __decoratorStart = (base) => {
2726
- var _a;
2727
- return [, , , __create((_a = base == null ? void 0 : base[__knownSymbol("metadata")]) != null ? _a : null)];
2728
- };
2729
- var __decoratorStrings = ["class", "method", "getter", "setter", "accessor", "field", "value", "get", "set"];
2730
- var __expectFn = (fn) => fn !== void 0 && typeof fn !== "function" ? __typeError("Function expected") : fn;
2731
- var __decoratorContext = (kind, name, done, metadata, fns) => ({ kind: __decoratorStrings[kind], name, metadata, addInitializer: (fn) => done._ ? __typeError("Already initialized") : fns.push(__expectFn(fn || null)) });
2732
- var __decoratorMetadata = (array, target) => __defNormalProp(target, __knownSymbol("metadata"), array[3]);
2733
- var __runInitializers = (array, flags, self, value) => {
2734
- for (var i2 = 0, fns = array[flags >> 1], n2 = fns && fns.length; i2 < n2; i2++) flags & 1 ? fns[i2].call(self) : value = fns[i2].call(self, value);
2735
- return value;
2736
- };
2737
- var __decorateElement = (array, flags, name, decorators, target, extra) => {
2738
- var fn, it, done, ctx, access, k = flags & 7, s2 = !!(flags & 8), p2 = !!(flags & 16);
2739
- var j = k > 3 ? array.length + 1 : k ? s2 ? 1 : 2 : 0, key = __decoratorStrings[k + 5];
2740
- var initializers = k > 3 && (array[j - 1] = []), extraInitializers = array[j] || (array[j] = []);
2741
- var desc = k && (!p2 && !s2 && (target = target.prototype), k < 5 && (k > 3 || !p2) && __getOwnPropDesc(k < 4 ? target : { get [name]() {
2742
- return __privateGet2(this, extra);
2743
- }, set [name](x) {
2744
- return __privateSet2(this, extra, x);
2745
- } }, name));
2746
- k ? p2 && k < 4 && __name(extra, (k > 2 ? "set " : k > 1 ? "get " : "") + name) : __name(target, name);
2747
- for (var i2 = decorators.length - 1; i2 >= 0; i2--) {
2748
- ctx = __decoratorContext(k, name, done = {}, array[3], extraInitializers);
2749
- if (k) {
2750
- ctx.static = s2, ctx.private = p2, access = ctx.access = { has: p2 ? (x) => __privateIn(target, x) : (x) => name in x };
2751
- if (k ^ 3) access.get = p2 ? (x) => (k ^ 1 ? __privateGet2 : __privateMethod)(x, target, k ^ 4 ? extra : desc.get) : (x) => x[name];
2752
- if (k > 2) access.set = p2 ? (x, y2) => __privateSet2(x, target, y2, k ^ 4 ? extra : desc.set) : (x, y2) => x[name] = y2;
2753
- }
2754
- it = (0, decorators[i2])(k ? k < 4 ? p2 ? extra : desc[key] : k > 4 ? void 0 : { get: desc.get, set: desc.set } : target, ctx), done._ = 1;
2755
- if (k ^ 4 || it === void 0) __expectFn(it) && (k > 4 ? initializers.unshift(it) : k ? p2 ? extra = it : desc[key] = it : target = it);
2756
- else if (typeof it !== "object" || it === null) __typeError("Object expected");
2757
- else __expectFn(fn = it.get) && (desc.get = fn), __expectFn(fn = it.set) && (desc.set = fn), __expectFn(fn = it.init) && initializers.unshift(fn);
2758
- }
2759
- return k || __decoratorMetadata(array, target), desc && __defProp(target, name, desc), p2 ? k ^ 4 ? extra : desc : target;
2760
- };
2761
- var __accessCheck = (obj, member, msg) => member.has(obj) || __typeError("Cannot " + msg);
2762
- var __privateIn = (member, obj) => Object(obj) !== obj ? __typeError('Cannot use the "in" operator on this value') : member.has(obj);
2763
- var __privateGet2 = (obj, member, getter) => (__accessCheck(obj, member, "read from private field"), getter ? getter.call(obj) : member.get(obj));
2764
- var __privateAdd2 = (obj, member, value) => member.has(obj) ? __typeError("Cannot add the same private member more than once") : member instanceof WeakSet ? member.add(obj) : member.set(obj, value);
2765
- var __privateSet2 = (obj, member, value, setter) => (__accessCheck(obj, member, "write to private field"), setter ? setter.call(obj, value) : member.set(obj, value), value);
2766
- var __privateMethod = (obj, member, method) => (__accessCheck(obj, member, "access private method"), method);
2767
- var Point = class _Point {
2768
- /**
2769
- * @param {number} Coordinate of the point on the horizontal axis
2770
- * @param {number} Coordinate of the point on the vertical axis
2771
- */
2772
- constructor(x, y2) {
2773
- this.x = x;
2774
- this.y = y2;
2775
- }
2776
- /**
2777
- * Returns the delta between this point and another point.
2778
- *
2779
- * @param {Point} a - A point
2780
- * @param {Point} b - Another point
2781
- */
2782
- static delta(a2, b2) {
2783
- return new _Point(a2.x - b2.x, a2.y - b2.y);
2784
- }
2785
- /**
2786
- * Returns the distance (hypotenuse) between this point and another point.
2787
- *
2788
- * @param {Point} a - A point
2789
- * @param {Point} b - Another point
2790
- */
2791
- static distance(a2, b2) {
2792
- return Math.hypot(a2.x - b2.x, a2.y - b2.y);
2793
- }
2794
- /**
2795
- * Returns true if both points are equal.
2796
- *
2797
- * @param {Point} a - A point
2798
- * @param {Point} b - Another point
2799
- */
2800
- static equals(a2, b2) {
2801
- return a2.x === b2.x && a2.y === b2.y;
2802
- }
2803
- static from({ x, y: y2 }) {
2804
- return new _Point(x, y2);
2805
- }
2806
- };
2807
- var SENSITIVITY = 10;
2808
- var _direction_dec;
2809
- var _delta_dec;
2810
- var _current_dec;
2811
- var _previous_dec;
2812
- var _initial_dec;
2813
- var _velocity_dec;
2814
- var _timestamp;
2815
- var _init;
2816
- var _velocity;
2817
- var _initial;
2818
- var _previous;
2819
- var _current;
2820
- _velocity_dec = [reactive], _initial_dec = [reactive], _previous_dec = [reactive], _current_dec = [reactive], _delta_dec = [derived], _direction_dec = [derived];
2821
- var Position = class {
2822
- constructor(initialValue) {
2823
- __runInitializers(_init, 5, this);
2824
- __privateAdd2(this, _timestamp, 0);
2825
- __privateAdd2(this, _velocity, __runInitializers(_init, 8, this, {
2826
- x: 0,
2827
- y: 0
2828
- })), __runInitializers(_init, 11, this);
2829
- __privateAdd2(this, _initial, __runInitializers(_init, 12, this)), __runInitializers(_init, 15, this);
2830
- __privateAdd2(this, _previous, __runInitializers(_init, 16, this)), __runInitializers(_init, 19, this);
2831
- __privateAdd2(this, _current, __runInitializers(_init, 20, this)), __runInitializers(_init, 23, this);
2832
- const point = Point.from(initialValue);
2833
- this.initial = point;
2834
- this.current = point;
2835
- this.previous = point;
2836
- }
2837
- get delta() {
2838
- return Point.delta(this.current, this.initial);
2839
- }
2840
- get direction() {
2841
- const delta = {
2842
- x: this.current.x - this.previous.x,
2843
- y: this.current.y - this.previous.y
2844
- };
2845
- if (!delta.x && !delta.y) {
2846
- return null;
2847
- }
2848
- if (Math.abs(delta.x) > Math.abs(delta.y)) {
2849
- return delta.x > 0 ? "right" : "left";
2850
- }
2851
- return delta.y > 0 ? "down" : "up";
2852
- }
2853
- reset(coordinates) {
2854
- const point = Point.from(coordinates);
2855
- o(() => {
2856
- __privateSet2(this, _timestamp, 0);
2857
- this.velocity = { x: 0, y: 0 };
2858
- this.current = point;
2859
- this.previous = point;
2860
- this.initial = point;
2861
- });
2862
- }
2863
- update(coordinates) {
2864
- const { current } = this;
2865
- const point = Point.from(coordinates);
2866
- if (Point.equals(current, point)) {
2867
- return;
2868
- }
2869
- const delta = {
2870
- x: point.x - current.x,
2871
- y: point.y - current.y
2872
- };
2873
- const timestamp = Date.now();
2874
- const timeDelta = timestamp - __privateGet2(this, _timestamp);
2875
- const velocity = (delta2) => Math.round(delta2 / timeDelta * 100);
2876
- if (Math.abs(delta.x) < SENSITIVITY || Math.abs(delta.y) < SENSITIVITY) {
2877
- this.previous = current;
2878
- }
2879
- __privateSet2(this, _timestamp, timestamp);
2880
- this.velocity = {
2881
- x: velocity(delta.x),
2882
- y: velocity(delta.y)
2883
- };
2884
- this.current = point;
2885
- }
2886
- };
2887
- _init = __decoratorStart(null);
2888
- _timestamp = /* @__PURE__ */ new WeakMap();
2889
- _velocity = /* @__PURE__ */ new WeakMap();
2890
- _initial = /* @__PURE__ */ new WeakMap();
2891
- _previous = /* @__PURE__ */ new WeakMap();
2892
- _current = /* @__PURE__ */ new WeakMap();
2893
- __decorateElement(_init, 4, "velocity", _velocity_dec, Position, _velocity);
2894
- __decorateElement(_init, 4, "initial", _initial_dec, Position, _initial);
2895
- __decorateElement(_init, 4, "previous", _previous_dec, Position, _previous);
2896
- __decorateElement(_init, 4, "current", _current_dec, Position, _current);
2897
- __decorateElement(_init, 2, "delta", _delta_dec, Position);
2898
- __decorateElement(_init, 2, "direction", _direction_dec, Position);
2899
- __decoratorMetadata(_init, Position);
2900
- function exceedsDistance({ x, y: y2 }, distance) {
2901
- const dx = Math.abs(x);
2902
- const dy = Math.abs(y2);
2903
- if (typeof distance === "number") {
2904
- return Math.sqrt(__pow(dx, 2) + __pow(dy, 2)) > distance;
2905
- }
2906
- if ("x" in distance && "y" in distance) {
2907
- return dx > distance.x && dy > distance.y;
2908
- }
2909
- if ("x" in distance) {
2910
- return dx > distance.x;
2911
- }
2912
- if ("y" in distance) {
2913
- return dy > distance.y;
2914
- }
2915
- return false;
2916
- }
2917
- var Axis = /* @__PURE__ */ ((Axis2) => {
2918
- Axis2["Horizontal"] = "x";
2919
- Axis2["Vertical"] = "y";
2920
- return Axis2;
2921
- })(Axis || {});
2922
- var Axes = Object.values(Axis);
2923
-
2924
- // ../../node_modules/@dnd-kit/abstract/index.js
2925
- var __create2 = Object.create;
2926
- var __defProp2 = Object.defineProperty;
2927
- var __getOwnPropDesc2 = Object.getOwnPropertyDescriptor;
2928
- var __getOwnPropSymbols = Object.getOwnPropertySymbols;
2929
- var __hasOwnProp = Object.prototype.hasOwnProperty;
2930
- var __propIsEnum = Object.prototype.propertyIsEnumerable;
2931
- var __knownSymbol2 = (name, symbol) => (symbol = Symbol[name]) ? symbol : Symbol.for("Symbol." + name);
2932
- var __typeError2 = (msg) => {
2933
- throw TypeError(msg);
2934
- };
2935
- var __defNormalProp2 = (obj, key, value) => key in obj ? __defProp2(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
2936
- var __name2 = (target, value) => __defProp2(target, "name", { value, configurable: true });
2937
- var __objRest2 = (source, exclude) => {
2938
- var target = {};
2939
- for (var prop in source)
2940
- if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
2941
- target[prop] = source[prop];
2942
- if (source != null && __getOwnPropSymbols)
2943
- for (var prop of __getOwnPropSymbols(source)) {
2944
- if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
2945
- target[prop] = source[prop];
2946
- }
2947
- return target;
2948
- };
2949
- var __decoratorStart2 = (base) => {
2950
- var _a;
2951
- return [, , , __create2((_a = base == null ? void 0 : base[__knownSymbol2("metadata")]) != null ? _a : null)];
2952
- };
2953
- var __decoratorStrings2 = ["class", "method", "getter", "setter", "accessor", "field", "value", "get", "set"];
2954
- var __expectFn2 = (fn) => fn !== void 0 && typeof fn !== "function" ? __typeError2("Function expected") : fn;
2955
- var __decoratorContext2 = (kind, name, done, metadata, fns) => ({ kind: __decoratorStrings2[kind], name, metadata, addInitializer: (fn) => done._ ? __typeError2("Already initialized") : fns.push(__expectFn2(fn || null)) });
2956
- var __decoratorMetadata2 = (array, target) => __defNormalProp2(target, __knownSymbol2("metadata"), array[3]);
2957
- var __runInitializers2 = (array, flags, self, value) => {
2958
- for (var i2 = 0, fns = array[flags >> 1], n2 = fns && fns.length; i2 < n2; i2++) flags & 1 ? fns[i2].call(self) : value = fns[i2].call(self, value);
2959
- return value;
2960
- };
2961
- var __decorateElement2 = (array, flags, name, decorators, target, extra) => {
2962
- var fn, it, done, ctx, access, k = flags & 7, s2 = !!(flags & 8), p2 = !!(flags & 16);
2963
- var j = k > 3 ? array.length + 1 : k ? s2 ? 1 : 2 : 0, key = __decoratorStrings2[k + 5];
2964
- var initializers = k > 3 && (array[j - 1] = []), extraInitializers = array[j] || (array[j] = []);
2965
- var desc = k && (!p2 && !s2 && (target = target.prototype), k < 5 && (k > 3 || !p2) && __getOwnPropDesc2(k < 4 ? target : { get [name]() {
2966
- return __privateGet3(this, extra);
2967
- }, set [name](x) {
2968
- return __privateSet3(this, extra, x);
2969
- } }, name));
2970
- k ? p2 && k < 4 && __name2(extra, (k > 2 ? "set " : k > 1 ? "get " : "") + name) : __name2(target, name);
2971
- for (var i2 = decorators.length - 1; i2 >= 0; i2--) {
2972
- ctx = __decoratorContext2(k, name, done = {}, array[3], extraInitializers);
2973
- if (k) {
2974
- ctx.static = s2, ctx.private = p2, access = ctx.access = { has: p2 ? (x) => __privateIn2(target, x) : (x) => name in x };
2975
- if (k ^ 3) access.get = p2 ? (x) => (k ^ 1 ? __privateGet3 : __privateMethod2)(x, target, k ^ 4 ? extra : desc.get) : (x) => x[name];
2976
- if (k > 2) access.set = p2 ? (x, y2) => __privateSet3(x, target, y2, k ^ 4 ? extra : desc.set) : (x, y2) => x[name] = y2;
2977
- }
2978
- it = (0, decorators[i2])(k ? k < 4 ? p2 ? extra : desc[key] : k > 4 ? void 0 : { get: desc.get, set: desc.set } : target, ctx), done._ = 1;
2979
- if (k ^ 4 || it === void 0) __expectFn2(it) && (k > 4 ? initializers.unshift(it) : k ? p2 ? extra = it : desc[key] = it : target = it);
2980
- else if (typeof it !== "object" || it === null) __typeError2("Object expected");
2981
- else __expectFn2(fn = it.get) && (desc.get = fn), __expectFn2(fn = it.set) && (desc.set = fn), __expectFn2(fn = it.init) && initializers.unshift(fn);
2982
- }
2983
- return k || __decoratorMetadata2(array, target), desc && __defProp2(target, name, desc), p2 ? k ^ 4 ? extra : desc : target;
2984
- };
2985
- var __accessCheck2 = (obj, member, msg) => member.has(obj) || __typeError2("Cannot " + msg);
2986
- var __privateIn2 = (member, obj) => Object(obj) !== obj ? __typeError2('Cannot use the "in" operator on this value') : member.has(obj);
2987
- var __privateGet3 = (obj, member, getter) => (__accessCheck2(obj, member, "read from private field"), getter ? getter.call(obj) : member.get(obj));
2988
- var __privateAdd3 = (obj, member, value) => member.has(obj) ? __typeError2("Cannot add the same private member more than once") : member instanceof WeakSet ? member.add(obj) : member.set(obj, value);
2989
- var __privateSet3 = (obj, member, value, setter) => (__accessCheck2(obj, member, "write to private field"), setter ? setter.call(obj, value) : member.set(obj, value), value);
2990
- var __privateMethod2 = (obj, member, method) => (__accessCheck2(obj, member, "access private method"), method);
2991
- function configure(plugin, options) {
2992
- return {
2993
- plugin,
2994
- options
2995
- };
2996
- }
2997
- function configurator(plugin) {
2998
- return (options) => {
2999
- return configure(plugin, options);
3000
- };
3001
- }
3002
- var _disabled_dec;
3003
- var _init2;
3004
- var _disabled;
3005
- _disabled_dec = [reactive];
3006
- var Plugin = class {
3007
- constructor(manager, options) {
3008
- this.manager = manager;
3009
- this.options = options;
3010
- __privateAdd3(this, _disabled, __runInitializers2(_init2, 8, this, false)), __runInitializers2(_init2, 11, this);
3011
- }
3012
- /**
3013
- * Enable a disabled plugin instance.
3014
- * Triggers effects.
3015
- */
3016
- enable() {
3017
- this.disabled = false;
3018
- }
3019
- /**
3020
- * Disable an enabled plugin instance.
3021
- * Triggers effects.
3022
- */
3023
- disable() {
3024
- this.disabled = true;
3025
- }
3026
- /**
3027
- * Whether the plugin instance is disabled.
3028
- * Does not trigger effects when accessed.
3029
- */
3030
- isDisabled() {
3031
- return h(() => {
3032
- return this.disabled;
3033
- });
3034
- }
3035
- /**
3036
- * Configure a plugin instance with new options.
3037
- */
3038
- configure(options) {
3039
- this.options = options;
3040
- }
3041
- /**
3042
- * Destroy a plugin instance.
3043
- */
3044
- destroy() {
3045
- }
3046
- /**
3047
- * Configure a plugin constructor with options.
3048
- * This method is used to configure the options that the
3049
- * plugin constructor will use to create plugin instances.
3050
- */
3051
- static configure(options) {
3052
- return configure(this, options);
3053
- }
3054
- };
3055
- _init2 = __decoratorStart2(null);
3056
- _disabled = /* @__PURE__ */ new WeakMap();
3057
- __decorateElement2(_init2, 4, "disabled", _disabled_dec, Plugin, _disabled);
3058
- __decoratorMetadata2(_init2, Plugin);
3059
- var _previousValues;
3060
- _previousValues = /* @__PURE__ */ new WeakMap();
3061
- var _previousCoordinates;
3062
- var _collisions;
3063
- _previousCoordinates = /* @__PURE__ */ new WeakMap();
3064
- _collisions = /* @__PURE__ */ new WeakMap();
3065
- var CollisionPriority = /* @__PURE__ */ ((CollisionPriority2) => {
3066
- CollisionPriority2[CollisionPriority2["Lowest"] = 0] = "Lowest";
3067
- CollisionPriority2[CollisionPriority2["Low"] = 1] = "Low";
3068
- CollisionPriority2[CollisionPriority2["Normal"] = 2] = "Normal";
3069
- CollisionPriority2[CollisionPriority2["High"] = 3] = "High";
3070
- CollisionPriority2[CollisionPriority2["Highest"] = 4] = "Highest";
3071
- return CollisionPriority2;
3072
- })(CollisionPriority || {});
3073
- var CollisionType = /* @__PURE__ */ ((CollisionType2) => {
3074
- CollisionType2[CollisionType2["Collision"] = 0] = "Collision";
3075
- CollisionType2[CollisionType2["ShapeIntersection"] = 1] = "ShapeIntersection";
3076
- CollisionType2[CollisionType2["PointerIntersection"] = 2] = "PointerIntersection";
3077
- return CollisionType2;
3078
- })(CollisionType || {});
3079
- var _disabled_dec2;
3080
- var _data_dec;
3081
- var _id_dec;
3082
- var _manager_dec;
3083
- var _init22;
3084
- var _manager;
3085
- var _id;
3086
- var _data;
3087
- var _disabled2;
3088
- _manager_dec = [reactive], _id_dec = [reactive], _data_dec = [reactive], _disabled_dec2 = [reactive];
3089
- var Entity = class {
3090
- /**
3091
- * Creates a new instance of the `Entity` class.
3092
- *
3093
- * @param input - An object containing the initial properties of the entity.
3094
- * @param manager - The manager that controls the drag and drop operations.
3095
- */
3096
- constructor(input, manager) {
3097
- __privateAdd3(this, _manager, __runInitializers2(_init22, 8, this)), __runInitializers2(_init22, 11, this);
3098
- __privateAdd3(this, _id, __runInitializers2(_init22, 12, this)), __runInitializers2(_init22, 15, this);
3099
- __privateAdd3(this, _data, __runInitializers2(_init22, 16, this)), __runInitializers2(_init22, 19, this);
3100
- __privateAdd3(this, _disabled2, __runInitializers2(_init22, 20, this)), __runInitializers2(_init22, 23, this);
3101
- this.effects = void 0;
3102
- const { effects: effects5, id, data = {}, disabled = false } = input;
3103
- let previousId = id;
3104
- this.manager = manager;
3105
- this.id = id;
3106
- this.data = data;
3107
- this.disabled = disabled;
3108
- this.effects = () => {
3109
- var _a;
3110
- return [
3111
- () => {
3112
- const { id: id2, manager: manager2 } = this;
3113
- if (id2 === previousId) {
3114
- return;
3115
- }
3116
- manager2 == null ? void 0 : manager2.registry.register(this);
3117
- return () => manager2 == null ? void 0 : manager2.registry.unregister(this);
3118
- },
3119
- ...(_a = effects5 == null ? void 0 : effects5()) != null ? _a : []
3120
- ];
3121
- };
3122
- this.destroy = this.destroy.bind(this);
3123
- if (manager) {
3124
- queueMicrotask(() => {
3125
- var _a;
3126
- (_a = this.manager) == null ? void 0 : _a.registry.register(this);
3127
- });
3128
- }
3129
- }
3130
- /**
3131
- * A method that registers the entity with the manager.
3132
- * @returns CleanupFunction | void
3133
- */
3134
- register() {
3135
- var _a;
3136
- return (_a = this.manager) == null ? void 0 : _a.registry.register(this);
3137
- }
3138
- /**
3139
- * A method that unregisters the entity from the manager.
3140
- * @returns void
3141
- */
3142
- unregister() {
3143
- var _a;
3144
- (_a = this.manager) == null ? void 0 : _a.registry.unregister(this);
3145
- }
3146
- /**
3147
- * A method that cleans up the entity when it is no longer needed.
3148
- * @returns void
3149
- */
3150
- destroy() {
3151
- var _a;
3152
- (_a = this.manager) == null ? void 0 : _a.registry.unregister(this);
3153
- }
3154
- };
3155
- _init22 = __decoratorStart2(null);
3156
- _manager = /* @__PURE__ */ new WeakMap();
3157
- _id = /* @__PURE__ */ new WeakMap();
3158
- _data = /* @__PURE__ */ new WeakMap();
3159
- _disabled2 = /* @__PURE__ */ new WeakMap();
3160
- __decorateElement2(_init22, 4, "manager", _manager_dec, Entity, _manager);
3161
- __decorateElement2(_init22, 4, "id", _id_dec, Entity, _id);
3162
- __decorateElement2(_init22, 4, "data", _data_dec, Entity, _data);
3163
- __decorateElement2(_init22, 4, "disabled", _disabled_dec2, Entity, _disabled2);
3164
- __decoratorMetadata2(_init22, Entity);
3165
- var _isDragSource_dec;
3166
- var _status_dec;
3167
- var _type_dec;
3168
- var _modifiers_dec;
3169
- var _c;
3170
- var _init3;
3171
- var _modifiers;
3172
- var _type;
3173
- var _status;
3174
- var Draggable2 = class extends (_c = Entity, _modifiers_dec = [reactive], _type_dec = [reactive], _status_dec = [reactive], _isDragSource_dec = [derived], _c) {
3175
- constructor(_a, manager) {
3176
- var _b = _a, { modifiers, type, sensors } = _b, input = __objRest2(_b, ["modifiers", "type", "sensors"]);
3177
- super(input, manager);
3178
- __runInitializers2(_init3, 5, this);
3179
- this.sensors = void 0;
3180
- __privateAdd3(this, _modifiers, __runInitializers2(_init3, 8, this)), __runInitializers2(_init3, 11, this);
3181
- __privateAdd3(this, _type, __runInitializers2(_init3, 12, this)), __runInitializers2(_init3, 15, this);
3182
- __privateAdd3(this, _status, __runInitializers2(_init3, 16, this, "idle")), __runInitializers2(_init3, 19, this);
3183
- this.type = type;
3184
- this.sensors = sensors;
3185
- this.modifiers = modifiers;
3186
- }
3187
- get isDragSource() {
3188
- var _a, _b;
3189
- return ((_b = (_a = this.manager) == null ? void 0 : _a.dragOperation.source) == null ? void 0 : _b.id) === this.id;
3190
- }
3191
- };
3192
- _init3 = __decoratorStart2(_c);
3193
- _modifiers = /* @__PURE__ */ new WeakMap();
3194
- _type = /* @__PURE__ */ new WeakMap();
3195
- _status = /* @__PURE__ */ new WeakMap();
3196
- __decorateElement2(_init3, 4, "modifiers", _modifiers_dec, Draggable2, _modifiers);
3197
- __decorateElement2(_init3, 4, "type", _type_dec, Draggable2, _type);
3198
- __decorateElement2(_init3, 4, "status", _status_dec, Draggable2, _status);
3199
- __decorateElement2(_init3, 2, "isDragSource", _isDragSource_dec, Draggable2);
3200
- __decoratorMetadata2(_init3, Draggable2);
3201
- var _isDropTarget_dec;
3202
- var _shape_dec;
3203
- var _collisionPriority_dec;
3204
- var _collisionDetector_dec;
3205
- var _type_dec2;
3206
- var _accept_dec;
3207
- var _c2;
3208
- var _init4;
3209
- var _accept;
3210
- var _type2;
3211
- var _collisionDetector;
3212
- var _collisionPriority;
3213
- var _shape;
3214
- var Droppable2 = class extends (_c2 = Entity, _accept_dec = [reactive], _type_dec2 = [reactive], _collisionDetector_dec = [reactive], _collisionPriority_dec = [reactive], _shape_dec = [reactive], _isDropTarget_dec = [derived], _c2) {
3215
- constructor(_a, manager) {
3216
- var _b = _a, { accept, collisionDetector, collisionPriority, type } = _b, input = __objRest2(_b, ["accept", "collisionDetector", "collisionPriority", "type"]);
3217
- super(input, manager);
3218
- __runInitializers2(_init4, 5, this);
3219
- __privateAdd3(this, _accept, __runInitializers2(_init4, 8, this)), __runInitializers2(_init4, 11, this);
3220
- __privateAdd3(this, _type2, __runInitializers2(_init4, 12, this)), __runInitializers2(_init4, 15, this);
3221
- __privateAdd3(this, _collisionDetector, __runInitializers2(_init4, 16, this)), __runInitializers2(_init4, 19, this);
3222
- __privateAdd3(this, _collisionPriority, __runInitializers2(_init4, 20, this)), __runInitializers2(_init4, 23, this);
3223
- __privateAdd3(this, _shape, __runInitializers2(_init4, 24, this)), __runInitializers2(_init4, 27, this);
3224
- this.accept = accept;
3225
- this.collisionDetector = collisionDetector;
3226
- this.collisionPriority = collisionPriority;
3227
- this.type = type;
3228
- }
3229
- /**
3230
- * Checks whether or not the droppable accepts a given draggable.
3231
- *
3232
- * @param {Draggable} draggable
3233
- * @returns {boolean}
3234
- */
3235
- accepts(draggable) {
3236
- const { accept } = this;
3237
- if (!accept) {
3238
- return true;
3239
- }
3240
- if (typeof accept === "function") {
3241
- return accept(draggable);
3242
- }
3243
- if (!draggable.type) {
3244
- return false;
3245
- }
3246
- if (Array.isArray(accept)) {
3247
- return accept.includes(draggable.type);
3248
- }
3249
- return draggable.type === accept;
3250
- }
3251
- get isDropTarget() {
3252
- var _a, _b;
3253
- return ((_b = (_a = this.manager) == null ? void 0 : _a.dragOperation.target) == null ? void 0 : _b.id) === this.id;
3254
- }
3255
- };
3256
- _init4 = __decoratorStart2(_c2);
3257
- _accept = /* @__PURE__ */ new WeakMap();
3258
- _type2 = /* @__PURE__ */ new WeakMap();
3259
- _collisionDetector = /* @__PURE__ */ new WeakMap();
3260
- _collisionPriority = /* @__PURE__ */ new WeakMap();
3261
- _shape = /* @__PURE__ */ new WeakMap();
3262
- __decorateElement2(_init4, 4, "accept", _accept_dec, Droppable2, _accept);
3263
- __decorateElement2(_init4, 4, "type", _type_dec2, Droppable2, _type2);
3264
- __decorateElement2(_init4, 4, "collisionDetector", _collisionDetector_dec, Droppable2, _collisionDetector);
3265
- __decorateElement2(_init4, 4, "collisionPriority", _collisionPriority_dec, Droppable2, _collisionPriority);
3266
- __decorateElement2(_init4, 4, "shape", _shape_dec, Droppable2, _shape);
3267
- __decorateElement2(_init4, 2, "isDropTarget", _isDropTarget_dec, Droppable2);
3268
- __decoratorMetadata2(_init4, Droppable2);
3269
- var Sensor = class extends Plugin {
3270
- constructor(manager, options) {
3271
- super(manager, options);
3272
- this.manager = manager;
3273
- this.options = options;
3274
- }
3275
- };
2310
+ import {
2311
+ CollisionPriority as CollisionPriority7,
2312
+ CollisionType as CollisionType7
2313
+ } from "@dnd-kit/abstract";
3276
2314
 
3277
2315
  // components/DraggableComponent/collision/directional/index.ts
3278
2316
  init_react_import();
2317
+ import { CollisionType } from "@dnd-kit/abstract";
3279
2318
 
3280
2319
  // components/DraggableComponent/collision/collision-debug.ts
3281
2320
  init_react_import();
3282
2321
  var DEBUG = false;
3283
2322
  var debugElements = {};
3284
2323
  var timeout;
3285
- var collisionDebug = (a2, b2, id, color, label) => {
2324
+ var collisionDebug = (a, b, id, color, label) => {
3286
2325
  if (!DEBUG) return;
3287
2326
  const debugId = `${id}-debug`;
3288
2327
  clearTimeout(timeout);
@@ -3313,13 +2352,13 @@ var collisionDebug = (a2, b2, id, color, label) => {
3313
2352
  document.body.appendChild(svg);
3314
2353
  debugElements[debugId] = { svg, line, text };
3315
2354
  }
3316
- line.setAttribute("x1", a2.x.toString());
3317
- line.setAttribute("x2", b2.x.toString());
3318
- line.setAttribute("y1", a2.y.toString());
3319
- line.setAttribute("y2", b2.y.toString());
2355
+ line.setAttribute("x1", a.x.toString());
2356
+ line.setAttribute("x2", b.x.toString());
2357
+ line.setAttribute("y1", a.y.toString());
2358
+ line.setAttribute("y2", b.y.toString());
3320
2359
  line.setAttribute("style", `stroke:${color};stroke-width:2`);
3321
- text.setAttribute("x", (a2.x - (a2.x - b2.x) / 2).toString());
3322
- text.setAttribute("y", (a2.y - (a2.y - b2.y) / 2).toString());
2360
+ text.setAttribute("x", (a.x - (a.x - b.x) / 2).toString());
2361
+ text.setAttribute("y", (a.y - (a.y - b.y) / 2).toString());
3323
2362
  if (label) {
3324
2363
  text.innerHTML = label;
3325
2364
  }
@@ -3395,6 +2434,7 @@ var getMidpointImpact = (dragShape, dropShape, direction, offsetMultiplier = 0)
3395
2434
 
3396
2435
  // components/DraggableComponent/collision/dynamic/track-movement-interval.ts
3397
2436
  init_react_import();
2437
+ import { Point } from "@dnd-kit/geometry";
3398
2438
  var INTERVAL_SENSITIVITY = 10;
3399
2439
  var intervalCache = {
3400
2440
  current: { x: 0, y: 0 },
@@ -3417,6 +2457,18 @@ var trackMovementInterval = (point, dragAxis = "dynamic") => {
3417
2457
 
3418
2458
  // ../../node_modules/@dnd-kit/collision/dist/index.js
3419
2459
  init_react_import();
2460
+ import { CollisionPriority, CollisionType as CollisionType2 } from "@dnd-kit/abstract";
2461
+ import { Point as Point2 } from "@dnd-kit/geometry";
2462
+ import { CollisionPriority as CollisionPriority2, CollisionType as CollisionType22 } from "@dnd-kit/abstract";
2463
+ import { Point as Point22 } from "@dnd-kit/geometry";
2464
+ import { CollisionPriority as CollisionPriority3, CollisionType as CollisionType3 } from "@dnd-kit/abstract";
2465
+ import { Point as Point3 } from "@dnd-kit/geometry";
2466
+ import { CollisionPriority as CollisionPriority4, CollisionType as CollisionType4 } from "@dnd-kit/abstract";
2467
+ import { Point as Point4 } from "@dnd-kit/geometry";
2468
+ import { CollisionPriority as CollisionPriority5, CollisionType as CollisionType5 } from "@dnd-kit/abstract";
2469
+ import { Point as Point5 } from "@dnd-kit/geometry";
2470
+ import { CollisionPriority as CollisionPriority6, CollisionType as CollisionType6 } from "@dnd-kit/abstract";
2471
+ import { Point as Point6 } from "@dnd-kit/geometry";
3420
2472
  var pointerIntersection = ({
3421
2473
  dragOperation,
3422
2474
  droppable
@@ -3430,11 +2482,11 @@ var pointerIntersection = ({
3430
2482
  return null;
3431
2483
  }
3432
2484
  if (droppable.shape.containsPoint(pointerCoordinates)) {
3433
- const distance = Point.distance(droppable.shape.center, pointerCoordinates);
2485
+ const distance = Point2.distance(droppable.shape.center, pointerCoordinates);
3434
2486
  return {
3435
2487
  id,
3436
2488
  value: 1 / distance,
3437
- type: CollisionType.PointerIntersection,
2489
+ type: CollisionType2.PointerIntersection,
3438
2490
  priority: CollisionPriority.High
3439
2491
  };
3440
2492
  }
@@ -3468,8 +2520,8 @@ var closestCorners = (input) => {
3468
2520
  const distance = corners.reduce(
3469
2521
  (acc, corner) => {
3470
2522
  var _a;
3471
- return acc + Point.distance(
3472
- Point.from(corner),
2523
+ return acc + Point3.distance(
2524
+ Point3.from(corner),
3473
2525
  (_a = shape == null ? void 0 : shape.current.center) != null ? _a : position.current
3474
2526
  );
3475
2527
  },
@@ -3479,15 +2531,15 @@ var closestCorners = (input) => {
3479
2531
  return {
3480
2532
  id: droppable.id,
3481
2533
  value: 1 / value,
3482
- type: CollisionType.Collision,
3483
- priority: CollisionPriority.Normal
2534
+ type: CollisionType3.Collision,
2535
+ priority: CollisionPriority3.Normal
3484
2536
  };
3485
2537
  };
3486
2538
 
3487
2539
  // components/DraggableComponent/collision/dynamic/index.ts
3488
2540
  var flushNext = "";
3489
2541
  var createDynamicCollisionDetector = (dragAxis, midpointOffset = 0.05) => (input) => {
3490
- var _a, _b, _c3, _d, _e;
2542
+ var _a, _b, _c, _d, _e;
3491
2543
  const { dragOperation, droppable } = input;
3492
2544
  const { position } = dragOperation;
3493
2545
  const dragShape = (_a = dragOperation.shape) == null ? void 0 : _a.current;
@@ -3517,7 +2569,7 @@ var createDynamicCollisionDetector = (dragAxis, midpointOffset = 0.05) => (input
3517
2569
  collisionDebug(dragCenter, dropCenter, droppable.id.toString(), "yellow");
3518
2570
  if (collision) {
3519
2571
  return __spreadProps(__spreadValues({}, collision), {
3520
- priority: CollisionPriority.Highest
2572
+ priority: CollisionPriority7.Highest
3521
2573
  });
3522
2574
  }
3523
2575
  }
@@ -3534,14 +2586,14 @@ var createDynamicCollisionDetector = (dragAxis, midpointOffset = 0.05) => (input
3534
2586
  const collision = {
3535
2587
  id: droppable.id,
3536
2588
  value: intersectionRatio,
3537
- priority: CollisionPriority.High,
3538
- type: CollisionType.Collision
2589
+ priority: CollisionPriority7.High,
2590
+ type: CollisionType7.Collision
3539
2591
  };
3540
2592
  const shouldFlushId = flushNext === droppable.id;
3541
2593
  flushNext = "";
3542
2594
  return __spreadProps(__spreadValues({}, collision), { id: shouldFlushId ? "flush" : collision.id });
3543
2595
  }
3544
- if (((_c3 = dragOperation.source) == null ? void 0 : _c3.id) !== droppable.id) {
2596
+ if (((_c = dragOperation.source) == null ? void 0 : _c.id) !== droppable.id) {
3545
2597
  const xAxisIntersection = dropShape.boundingRectangle.right > dragShape.boundingRectangle.left && dropShape.boundingRectangle.left < dragShape.boundingRectangle.right;
3546
2598
  const yAxisIntersection = dropShape.boundingRectangle.bottom > dragShape.boundingRectangle.top && dropShape.boundingRectangle.top < dragShape.boundingRectangle.bottom;
3547
2599
  if (dragAxis === "y" && xAxisIntersection || yAxisIntersection) {
@@ -3564,7 +2616,7 @@ var createDynamicCollisionDetector = (dragAxis, midpointOffset = 0.05) => (input
3564
2616
  );
3565
2617
  flushNext = droppable.id;
3566
2618
  return __spreadProps(__spreadValues({}, fallbackCollision), {
3567
- priority: CollisionPriority.Low
2619
+ priority: CollisionPriority7.Low
3568
2620
  });
3569
2621
  }
3570
2622
  collisionDebug(
@@ -3574,7 +2626,7 @@ var createDynamicCollisionDetector = (dragAxis, midpointOffset = 0.05) => (input
3574
2626
  "orange",
3575
2627
  direction || ""
3576
2628
  );
3577
- return __spreadProps(__spreadValues({}, fallbackCollision), { priority: CollisionPriority.Lowest });
2629
+ return __spreadProps(__spreadValues({}, fallbackCollision), { priority: CollisionPriority7.Lowest });
3578
2630
  }
3579
2631
  }
3580
2632
  }
@@ -3612,6 +2664,25 @@ function useSortableSafe(input) {
3612
2664
  return useSortable(input);
3613
2665
  }
3614
2666
 
2667
+ // lib/get-deep-scroll-position.ts
2668
+ init_react_import();
2669
+ function getDeepScrollPosition(element) {
2670
+ let totalScroll = {
2671
+ x: 0,
2672
+ y: 0
2673
+ };
2674
+ let current = element;
2675
+ while (current && current !== document.documentElement) {
2676
+ const parent = current.parentElement;
2677
+ if (parent) {
2678
+ totalScroll.x += parent.scrollLeft;
2679
+ totalScroll.y += parent.scrollTop;
2680
+ }
2681
+ current = parent;
2682
+ }
2683
+ return totalScroll;
2684
+ }
2685
+
3615
2686
  // components/DraggableComponent/index.tsx
3616
2687
  import { jsx as jsx21, jsxs as jsxs10 } from "react/jsx-runtime";
3617
2688
  var getClassName16 = get_class_name_factory_default("DraggableComponent", styles_module_default11);
@@ -3715,22 +2786,22 @@ var DraggableComponent = ({
3715
2786
  );
3716
2787
  const [portalEl, setPortalEl] = useState12();
3717
2788
  useEffect11(() => {
3718
- var _a, _b;
2789
+ var _a, _b, _c;
3719
2790
  setPortalEl(
3720
- (_b = iframe.enabled ? (_a = ref.current) == null ? void 0 : _a.ownerDocument.body : document.getElementById("puck-preview")) != null ? _b : document.body
2791
+ iframe.enabled ? (_a = ref.current) == null ? void 0 : _a.ownerDocument.body : (_c = (_b = ref.current) == null ? void 0 : _b.closest("[data-puck-preview]")) != null ? _c : document.body
3721
2792
  );
3722
- }, [iframe.enabled]);
2793
+ }, [iframe.enabled, ref.current]);
3723
2794
  const getStyle = useCallback6(() => {
3724
- var _a, _b;
2795
+ var _a, _b, _c;
3725
2796
  if (!ref.current) return;
3726
2797
  const rect = ref.current.getBoundingClientRect();
3727
- const doc = ref.current.ownerDocument;
3728
- const view = doc.defaultView;
3729
- const portalContainerEl = iframe.enabled ? null : document.getElementById("puck-preview");
2798
+ const deepScrollPosition = getDeepScrollPosition(ref.current);
2799
+ const portalContainerEl = iframe.enabled ? null : (_a = ref.current) == null ? void 0 : _a.closest("[data-puck-preview]");
3730
2800
  const portalContainerRect = portalContainerEl == null ? void 0 : portalContainerEl.getBoundingClientRect();
2801
+ const portalScroll = portalContainerEl ? getDeepScrollPosition(portalContainerEl) : { x: 0, y: 0 };
3731
2802
  const scroll = {
3732
- x: ((view == null ? void 0 : view.scrollX) || 0) - ((_a = portalContainerRect == null ? void 0 : portalContainerRect.left) != null ? _a : 0),
3733
- y: ((view == null ? void 0 : view.scrollY) || 0) - ((_b = portalContainerRect == null ? void 0 : portalContainerRect.top) != null ? _b : 0)
2803
+ x: deepScrollPosition.x - portalScroll.x - ((_b = portalContainerRect == null ? void 0 : portalContainerRect.left) != null ? _b : 0),
2804
+ y: deepScrollPosition.y - portalScroll.y - ((_c = portalContainerRect == null ? void 0 : portalContainerRect.top) != null ? _c : 0)
3734
2805
  };
3735
2806
  const style2 = {
3736
2807
  left: `${rect.left + scroll.x}px`,
@@ -3739,11 +2810,20 @@ var DraggableComponent = ({
3739
2810
  width: `${rect.width}px`
3740
2811
  };
3741
2812
  return style2;
3742
- }, [ref, iframe]);
2813
+ }, [ref.current]);
3743
2814
  const [style, setStyle] = useState12();
3744
2815
  const sync = useCallback6(() => {
3745
2816
  setStyle(getStyle());
3746
- }, [ref, iframe]);
2817
+ }, [ref.current, iframe]);
2818
+ useEffect11(() => {
2819
+ if (ref.current) {
2820
+ const observer = new ResizeObserver(sync);
2821
+ observer.observe(ref.current);
2822
+ return () => {
2823
+ observer.disconnect();
2824
+ };
2825
+ }
2826
+ }, [ref.current]);
3747
2827
  useEffect11(() => {
3748
2828
  ctx == null ? void 0 : ctx.registerPath({
3749
2829
  index,
@@ -3758,8 +2838,8 @@ var DraggableComponent = ({
3758
2838
  item: selectedItem
3759
2839
  });
3760
2840
  const onClick = useCallback6(
3761
- (e2) => {
3762
- e2.stopPropagation();
2841
+ (e) => {
2842
+ e.stopPropagation();
3763
2843
  dispatch({
3764
2844
  type: "setUi",
3765
2845
  ui: {
@@ -3770,8 +2850,8 @@ var DraggableComponent = ({
3770
2850
  [index, zoneCompound, id]
3771
2851
  );
3772
2852
  const onDuplicate = useCallback6(
3773
- (e2) => {
3774
- e2.stopPropagation();
2853
+ (e) => {
2854
+ e.stopPropagation();
3775
2855
  dispatch({
3776
2856
  type: "duplicate",
3777
2857
  sourceIndex: index,
@@ -3781,8 +2861,8 @@ var DraggableComponent = ({
3781
2861
  [index, zoneCompound]
3782
2862
  );
3783
2863
  const onDelete = useCallback6(
3784
- (e2) => {
3785
- e2.stopPropagation();
2864
+ (e) => {
2865
+ e.stopPropagation();
3786
2866
  dispatch({
3787
2867
  type: "remove",
3788
2868
  index,
@@ -3798,7 +2878,7 @@ var DraggableComponent = ({
3798
2878
  return;
3799
2879
  }
3800
2880
  const el = ref.current;
3801
- const _onMouseOver = (e2) => {
2881
+ const _onMouseOver = (e) => {
3802
2882
  if (userIsDragging) {
3803
2883
  if (thisIsDragging) {
3804
2884
  setHover(true);
@@ -3808,10 +2888,10 @@ var DraggableComponent = ({
3808
2888
  } else {
3809
2889
  setHover(true);
3810
2890
  }
3811
- e2.stopPropagation();
2891
+ e.stopPropagation();
3812
2892
  };
3813
- const _onMouseOut = (e2) => {
3814
- e2.stopPropagation();
2893
+ const _onMouseOut = (e) => {
2894
+ e.stopPropagation();
3815
2895
  setHover(false);
3816
2896
  };
3817
2897
  el.setAttribute("data-puck-component", id);
@@ -4220,8 +3300,8 @@ function DropZoneEdit({
4220
3300
  /* @__PURE__ */ jsx23("p", { children: deepestZone || rootDroppableId }),
4221
3301
  /* @__PURE__ */ jsx23("p", { children: deepestArea || "No area" })
4222
3302
  ] }),
4223
- contentWithPreview.map((item, i2) => {
4224
- var _a, _b, _c3, _d, _e;
3303
+ contentWithPreview.map((item, i) => {
3304
+ var _a, _b, _c, _d, _e;
4225
3305
  const componentId = item.props.id;
4226
3306
  const puckProps = {
4227
3307
  renderDropZone: DropZone,
@@ -4247,7 +3327,7 @@ function DropZoneEdit({
4247
3327
  };
4248
3328
  var Preview2 = Preview3;
4249
3329
  componentType = preview.componentType;
4250
- label = (_d = (_c3 = config.components[componentType]) == null ? void 0 : _c3.label) != null ? _d : preview.componentType;
3330
+ label = (_d = (_c = config.components[componentType]) == null ? void 0 : _c.label) != null ? _d : preview.componentType;
4251
3331
  Render2 = Preview3;
4252
3332
  }
4253
3333
  return /* @__PURE__ */ jsx23(
@@ -4261,7 +3341,7 @@ function DropZoneEdit({
4261
3341
  componentType,
4262
3342
  zoneCompound,
4263
3343
  depth: depth + 1,
4264
- index: i2,
3344
+ index: i,
4265
3345
  isLoading: ((_e = appContext2.componentState[componentId]) == null ? void 0 : _e.loadingCount) > 0,
4266
3346
  isSelected,
4267
3347
  label,
@@ -4347,6 +3427,8 @@ var getZoneId = (zoneCompound) => {
4347
3427
 
4348
3428
  // components/DragDropContext/NestedDroppablePlugin.ts
4349
3429
  init_react_import();
3430
+ import { Plugin } from "@dnd-kit/abstract";
3431
+ import { effects } from "@dnd-kit/state";
4350
3432
 
4351
3433
  // lib/throttle.ts
4352
3434
  init_react_import();
@@ -4381,9 +3463,9 @@ function isPositionInsideRect(position, rect) {
4381
3463
  var BUFFER_ZONE = 8;
4382
3464
  var REFRESH_ON_MOVE = true;
4383
3465
  var depthSort = (candidates) => {
4384
- return candidates.sort((a2, b2) => {
4385
- const aData = a2.data;
4386
- const bData = b2.data;
3466
+ return candidates.sort((a, b) => {
3467
+ const aData = a.data;
3468
+ const bData = b.data;
4387
3469
  if (aData.depth > bData.depth) {
4388
3470
  return 1;
4389
3471
  }
@@ -4419,8 +3501,8 @@ var getAreaId = (candidate) => {
4419
3501
  };
4420
3502
  var getDeepestId = (candidates, idFn) => {
4421
3503
  let id = null;
4422
- for (let i2 = 0; i2 < candidates.length; i2++) {
4423
- const candidate = candidates[i2];
3504
+ for (let i = 0; i < candidates.length; i++) {
3505
+ const candidate = candidates[i];
4424
3506
  id = idFn(candidate);
4425
3507
  if (id) break;
4426
3508
  }
@@ -4484,6 +3566,11 @@ var findDeepestCandidate = (position, manager) => {
4484
3566
  if (candidateData2.areaId === draggedCandidateId) {
4485
3567
  return false;
4486
3568
  }
3569
+ } else if (candidate.type === "component") {
3570
+ const candidateData2 = candidate.data;
3571
+ if (!candidateData2.inDroppableZone) {
3572
+ return false;
3573
+ }
4487
3574
  }
4488
3575
  return true;
4489
3576
  });
@@ -4614,7 +3701,7 @@ function duplicateRelatedZones(item, data, newId) {
4614
3701
  (dupeOfDupes2, item2, index) => __spreadValues(__spreadValues({}, dupeOfDupes2), duplicateRelatedZones(zone[index], data, item2.props.id).zones),
4615
3702
  acc
4616
3703
  );
4617
- const [_2, zoneId] = getZoneId(key);
3704
+ const [_, zoneId] = getZoneId(key);
4618
3705
  return __spreadProps(__spreadValues({}, dupeOfDupes), {
4619
3706
  [key]: zone,
4620
3707
  [`${newId}:${zoneId}`]: dupedZone
@@ -4934,6 +4021,11 @@ import { isElement as isElement2 } from "@dnd-kit/dom/utilities";
4934
4021
 
4935
4022
  // components/DragDropContext/PointerSensor.ts
4936
4023
  init_react_import();
4024
+ import { batch, effect } from "@dnd-kit/state";
4025
+ import { Sensor, configurator } from "@dnd-kit/abstract";
4026
+ import {
4027
+ exceedsDistance
4028
+ } from "@dnd-kit/geometry";
4937
4029
  import {
4938
4030
  getDocument,
4939
4031
  isElement,
@@ -4955,7 +4047,7 @@ var _PointerSensor = class _PointerSensor extends Sensor {
4955
4047
  this.handleCancel = this.handleCancel.bind(this);
4956
4048
  this.handlePointerUp = this.handlePointerUp.bind(this);
4957
4049
  this.handleKeyDown = this.handleKeyDown.bind(this);
4958
- E(() => {
4050
+ effect(() => {
4959
4051
  const unbindGlobal = this.bindGlobal(options != null ? options : {});
4960
4052
  return () => {
4961
4053
  unbindGlobal();
@@ -4963,7 +4055,7 @@ var _PointerSensor = class _PointerSensor extends Sensor {
4963
4055
  });
4964
4056
  }
4965
4057
  bind(source, options = this.options) {
4966
- const unbind = E(() => {
4058
+ const unbind = effect(() => {
4967
4059
  var _a;
4968
4060
  const target = (_a = source.handle) != null ? _a : source.element;
4969
4061
  const listener = (event) => {
@@ -5126,7 +4218,7 @@ var _PointerSensor = class _PointerSensor extends Sensor {
5126
4218
  return;
5127
4219
  }
5128
4220
  event.preventDefault();
5129
- o(() => {
4221
+ batch(() => {
5130
4222
  manager.actions.setDragSource(source.id);
5131
4223
  manager.actions.start({ coordinates: initialCoordinates, event });
5132
4224
  });
@@ -5245,7 +4337,7 @@ var DragDropContextClient = ({ children }) => {
5245
4337
  ...defaultPreset.plugins,
5246
4338
  createNestedDroppablePlugin({
5247
4339
  onChange: (params, manager) => {
5248
- var _a, _b, _c3;
4340
+ var _a, _b, _c;
5249
4341
  const paramsChanged = !deepestRef.current || params.area !== ((_a = deepestRef.current) == null ? void 0 : _a.area) || params.zone !== ((_b = deepestRef.current) == null ? void 0 : _b.zone);
5250
4342
  if (paramsChanged) {
5251
4343
  if (manager.dragOperation.status.dragging) {
@@ -5255,7 +4347,7 @@ var DragDropContextClient = ({ children }) => {
5255
4347
  }
5256
4348
  setNextDeepest(params);
5257
4349
  }
5258
- if (params.area !== ((_c3 = deepestRef.current) == null ? void 0 : _c3.area)) {
4350
+ if (params.area !== ((_c = deepestRef.current) == null ? void 0 : _c.area)) {
5259
4351
  setTimeout(() => {
5260
4352
  manager.collisionObserver.forceUpdate(true);
5261
4353
  }, 50);
@@ -5330,24 +4422,25 @@ var DragDropContextClient = ({ children }) => {
5330
4422
  return;
5331
4423
  }
5332
4424
  const { zone, index } = source.data;
4425
+ const thisPreview = previewRef.current ? __spreadValues({}, previewRef.current) : null;
4426
+ previewRef.current = null;
5333
4427
  setTimeout(() => {
5334
4428
  var _a, _b;
5335
4429
  setDraggedItem(null);
5336
4430
  if (event.canceled || (target == null ? void 0 : target.type) === "void") {
5337
4431
  setPreview(null);
5338
- previewRef.current = null;
5339
4432
  (_a = dragListeners.dragend) == null ? void 0 : _a.forEach((fn) => {
5340
4433
  fn(event, manager);
5341
4434
  });
5342
4435
  return;
5343
4436
  }
5344
- if (previewRef.current) {
4437
+ if (thisPreview) {
5345
4438
  setPreview(null);
5346
- if (previewRef.current.type === "insert") {
4439
+ if (thisPreview.type === "insert") {
5347
4440
  insertComponent(
5348
- previewRef.current.componentType,
5349
- previewRef.current.zone,
5350
- previewRef.current.index,
4441
+ thisPreview.componentType,
4442
+ thisPreview.zone,
4443
+ thisPreview.index,
5351
4444
  { config, dispatch, resolveData, state }
5352
4445
  );
5353
4446
  } else if (initialSelector.current) {
@@ -5355,12 +4448,11 @@ var DragDropContextClient = ({ children }) => {
5355
4448
  type: "move",
5356
4449
  sourceIndex: initialSelector.current.index,
5357
4450
  sourceZone: initialSelector.current.zone,
5358
- destinationIndex: previewRef.current.index,
5359
- destinationZone: previewRef.current.zone,
4451
+ destinationIndex: thisPreview.index,
4452
+ destinationZone: thisPreview.zone,
5360
4453
  recordHistory: false
5361
4454
  });
5362
4455
  }
5363
- previewRef.current = null;
5364
4456
  }
5365
4457
  dispatch({
5366
4458
  type: "setUi",
@@ -5376,7 +4468,7 @@ var DragDropContextClient = ({ children }) => {
5376
4468
  }, 300);
5377
4469
  },
5378
4470
  onDragOver: (event, manager) => {
5379
- var _a, _b, _c3, _d;
4471
+ var _a, _b, _c, _d;
5380
4472
  event.preventDefault();
5381
4473
  if (!draggedItem) return;
5382
4474
  const { source, target } = event.operation;
@@ -5404,7 +4496,7 @@ var DragDropContextClient = ({ children }) => {
5404
4496
  targetZone = target.id.toString();
5405
4497
  targetIndex = 0;
5406
4498
  }
5407
- if (targetId === sourceId || ((_c3 = pathData == null ? void 0 : pathData[target.id]) == null ? void 0 : _c3.path.find((path) => {
4499
+ if (targetId === sourceId || ((_c = pathData == null ? void 0 : pathData[target.id]) == null ? void 0 : _c.path.find((path) => {
5408
4500
  const [pathId] = path.split(":");
5409
4501
  return pathId === sourceId;
5410
4502
  }))) {
@@ -5522,7 +4614,7 @@ var DrawerItemInner = ({
5522
4614
  {
5523
4615
  className: getClassNameItem2({ disabled: isDragDisabled }),
5524
4616
  ref: dragRef,
5525
- onMouseDown: (e2) => e2.preventDefault(),
4617
+ onMouseDown: (e) => e.preventDefault(),
5526
4618
  children: /* @__PURE__ */ jsx25(CustomInner, { name, children: /* @__PURE__ */ jsx25("div", { className: getClassNameItem2("draggableWrapper"), children: /* @__PURE__ */ jsxs12("div", { className: getClassNameItem2("draggable"), children: [
5527
4619
  /* @__PURE__ */ jsx25("div", { className: getClassNameItem2("name"), children: label != null ? label : name }),
5528
4620
  /* @__PURE__ */ jsx25("div", { className: getClassNameItem2("icon"), children: /* @__PURE__ */ jsx25(DragIcon, {}) })
@@ -5716,7 +4808,7 @@ var SidebarSection = ({
5716
4808
  style: { background },
5717
4809
  children: [
5718
4810
  /* @__PURE__ */ jsx26("div", { className: getClassName19("title"), children: /* @__PURE__ */ jsxs13("div", { className: getClassName19("breadcrumbs"), children: [
5719
- showBreadcrumbs ? breadcrumbs.map((breadcrumb, i2) => /* @__PURE__ */ jsxs13("div", { className: getClassName19("breadcrumb"), children: [
4811
+ showBreadcrumbs ? breadcrumbs.map((breadcrumb, i) => /* @__PURE__ */ jsxs13("div", { className: getClassName19("breadcrumb"), children: [
5720
4812
  /* @__PURE__ */ jsx26(
5721
4813
  "button",
5722
4814
  {
@@ -5727,7 +4819,7 @@ var SidebarSection = ({
5727
4819
  }
5728
4820
  ),
5729
4821
  /* @__PURE__ */ jsx26(ChevronRight, { size: 16 })
5730
- ] }, i2)) : null,
4822
+ ] }, i)) : null,
5731
4823
  /* @__PURE__ */ jsx26("div", { className: getClassName19("heading"), children: /* @__PURE__ */ jsx26(Heading, { rank: "2", size: "xs", children: title }) })
5732
4824
  ] }) }),
5733
4825
  /* @__PURE__ */ jsx26("div", { className: getClassName19("content"), children }),
@@ -5937,8 +5029,8 @@ var Fields = () => {
5937
5029
  "form",
5938
5030
  {
5939
5031
  className: getClassName21(),
5940
- onSubmit: (e2) => {
5941
- e2.preventDefault();
5032
+ onSubmit: (e) => {
5033
+ e.preventDefault();
5942
5034
  },
5943
5035
  children: [
5944
5036
  /* @__PURE__ */ jsx28(Wrapper, { isLoading, itemSelector, children: Object.keys(fields).map((fieldName) => {
@@ -6122,7 +5214,7 @@ import { jsx as jsx30 } from "react/jsx-runtime";
6122
5214
  var useComponentList = (config, ui) => {
6123
5215
  const [componentList, setComponentList] = useState18();
6124
5216
  useEffect15(() => {
6125
- var _a, _b, _c3;
5217
+ var _a, _b, _c;
6126
5218
  if (Object.keys(ui.componentList).length > 0) {
6127
5219
  const matchedComponents = [];
6128
5220
  let _componentList;
@@ -6136,7 +5228,7 @@ var useComponentList = (config, ui) => {
6136
5228
  {
6137
5229
  id: categoryKey,
6138
5230
  title: category.title || categoryKey,
6139
- children: category.components.map((componentName, i2) => {
5231
+ children: category.components.map((componentName, i) => {
6140
5232
  var _a2;
6141
5233
  matchedComponents.push(componentName);
6142
5234
  const componentConf = config.components[componentName] || {};
@@ -6145,7 +5237,7 @@ var useComponentList = (config, ui) => {
6145
5237
  {
6146
5238
  label: (_a2 = componentConf["label"]) != null ? _a2 : componentName,
6147
5239
  name: componentName,
6148
- index: i2
5240
+ index: i
6149
5241
  },
6150
5242
  componentName
6151
5243
  );
@@ -6164,8 +5256,8 @@ var useComponentList = (config, ui) => {
6164
5256
  ComponentList,
6165
5257
  {
6166
5258
  id: "other",
6167
- title: ((_c3 = ui.componentList.other) == null ? void 0 : _c3.title) || "Other",
6168
- children: remainingComponents.map((componentName, i2) => {
5259
+ title: ((_c = ui.componentList.other) == null ? void 0 : _c.title) || "Other",
5260
+ children: remainingComponents.map((componentName, i) => {
6169
5261
  var _a2;
6170
5262
  const componentConf = config.components[componentName] || {};
6171
5263
  return /* @__PURE__ */ jsx30(
@@ -6173,7 +5265,7 @@ var useComponentList = (config, ui) => {
6173
5265
  {
6174
5266
  name: componentName,
6175
5267
  label: (_a2 = componentConf["label"]) != null ? _a2 : componentName,
6176
- index: i2
5268
+ index: i
6177
5269
  },
6178
5270
  componentName
6179
5271
  );
@@ -6232,7 +5324,7 @@ var getStyles = (styleSheet) => {
6232
5324
  if (styleSheet) {
6233
5325
  try {
6234
5326
  return [...styleSheet.cssRules].map((rule) => rule.cssText).join("");
6235
- } catch (e2) {
5327
+ } catch (e) {
6236
5328
  console.warn(
6237
5329
  "Access to stylesheet %s is denied. Ignoring\u2026",
6238
5330
  styleSheet.href
@@ -6369,7 +5461,7 @@ var CopyHostStyles = ({
6369
5461
  const parentBody = parentDocument.getElementsByTagName("body")[0];
6370
5462
  syncAttributes(parentBody, doc.body);
6371
5463
  Promise.all(
6372
- collectedStyles.map((styleNode, i2) => __async(void 0, null, function* () {
5464
+ collectedStyles.map((styleNode, i) => __async(void 0, null, function* () {
6373
5465
  if (styleNode.nodeName === "LINK") {
6374
5466
  const linkHref = styleNode.href;
6375
5467
  if (hrefs.indexOf(linkHref) > -1) {
@@ -6527,6 +5619,7 @@ var Preview = ({ id = "puck-preview" }) => {
6527
5619
  {
6528
5620
  className: getClassName23(),
6529
5621
  id,
5622
+ "data-puck-preview": true,
6530
5623
  onClick: () => {
6531
5624
  dispatch({ type: "setUi", ui: __spreadProps(__spreadValues({}, state.ui), { itemSelector: null }) });
6532
5625
  },
@@ -6680,9 +5773,9 @@ var LayerTree = ({
6680
5773
  ] }),
6681
5774
  /* @__PURE__ */ jsxs17("ul", { className: getClassName24(), children: [
6682
5775
  zoneContent.length === 0 && /* @__PURE__ */ jsx34("div", { className: getClassName24("helper"), children: "No items" }),
6683
- zoneContent.map((item, i2) => {
5776
+ zoneContent.map((item, i) => {
6684
5777
  var _a;
6685
- const isSelected = (itemSelector == null ? void 0 : itemSelector.index) === i2 && (itemSelector.zone === zone || itemSelector.zone === rootDroppableId && !zone);
5778
+ const isSelected = (itemSelector == null ? void 0 : itemSelector.index) === i && (itemSelector.zone === zone || itemSelector.zone === rootDroppableId && !zone);
6686
5779
  const zonesForItem = findZonesForArea(data, item.props.id);
6687
5780
  const containsZone = Object.keys(zonesForItem).length > 0;
6688
5781
  const { setHoveringComponent = () => {
@@ -6712,7 +5805,7 @@ var LayerTree = ({
6712
5805
  setItemSelector(null);
6713
5806
  return;
6714
5807
  }
6715
- const id = zoneContent[i2].props.id;
5808
+ const id = zoneContent[i].props.id;
6716
5809
  const frame = getFrame();
6717
5810
  const el = frame == null ? void 0 : frame.querySelector(
6718
5811
  `[data-puck-component="${id}"]`
@@ -6727,17 +5820,17 @@ var LayerTree = ({
6727
5820
  scrollIntoView(el);
6728
5821
  onScrollEnd(frame, () => {
6729
5822
  setItemSelector({
6730
- index: i2,
5823
+ index: i,
6731
5824
  zone
6732
5825
  });
6733
5826
  });
6734
5827
  },
6735
- onMouseOver: (e2) => {
6736
- e2.stopPropagation();
5828
+ onMouseOver: (e) => {
5829
+ e.stopPropagation();
6737
5830
  setHoveringComponent(item.props.id);
6738
5831
  },
6739
- onMouseOut: (e2) => {
6740
- e2.stopPropagation();
5832
+ onMouseOut: (e) => {
5833
+ e.stopPropagation();
6741
5834
  setHoveringComponent(null);
6742
5835
  },
6743
5836
  children: [
@@ -6770,7 +5863,7 @@ var LayerTree = ({
6770
5863
  ) }, idx))
6771
5864
  ]
6772
5865
  },
6773
- `${item.props.id}_${i2}`
5866
+ `${item.props.id}_${i}`
6774
5867
  );
6775
5868
  })
6776
5869
  ] })
@@ -7121,8 +6214,8 @@ var ViewportButton = ({
7121
6214
  {
7122
6215
  title,
7123
6216
  disabled: isActive,
7124
- onClick: (e2) => {
7125
- e2.stopPropagation();
6217
+ onClick: (e) => {
6218
+ e.stopPropagation();
7126
6219
  onClick({ width, height });
7127
6220
  },
7128
6221
  children: /* @__PURE__ */ jsx36("span", { className: getClassNameButton("inner"), children })
@@ -7158,11 +6251,11 @@ var ViewportControls = ({
7158
6251
  label: `${(autoZoom * 100).toFixed(0)}% (Auto)`
7159
6252
  }
7160
6253
  ]
7161
- ].filter((a2) => a2.value <= autoZoom).sort((a2, b2) => a2.value > b2.value ? 1 : -1),
6254
+ ].filter((a) => a.value <= autoZoom).sort((a, b) => a.value > b.value ? 1 : -1),
7162
6255
  [autoZoom]
7163
6256
  );
7164
6257
  return /* @__PURE__ */ jsxs19("div", { className: getClassName25(), children: [
7165
- viewports.map((viewport, i2) => /* @__PURE__ */ jsx36(
6258
+ viewports.map((viewport, i) => /* @__PURE__ */ jsx36(
7166
6259
  ViewportButton,
7167
6260
  {
7168
6261
  height: viewport.height,
@@ -7171,7 +6264,7 @@ var ViewportControls = ({
7171
6264
  onClick: onViewportChange,
7172
6265
  children: typeof viewport.icon === "string" ? icons[viewport.icon] || viewport.icon : viewport.icon || icons.Smartphone
7173
6266
  },
7174
- i2
6267
+ i
7175
6268
  )),
7176
6269
  /* @__PURE__ */ jsx36("div", { className: getClassName25("divider") }),
7177
6270
  /* @__PURE__ */ jsx36(
@@ -7179,8 +6272,8 @@ var ViewportControls = ({
7179
6272
  {
7180
6273
  title: "Zoom viewport out",
7181
6274
  disabled: zoom <= ((_a = zoomOptions[0]) == null ? void 0 : _a.value),
7182
- onClick: (e2) => {
7183
- e2.stopPropagation();
6275
+ onClick: (e) => {
6276
+ e.stopPropagation();
7184
6277
  onZoom(
7185
6278
  zoomOptions[Math.max(
7186
6279
  zoomOptions.findIndex((option) => option.value === zoom) - 1,
@@ -7196,8 +6289,8 @@ var ViewportControls = ({
7196
6289
  {
7197
6290
  title: "Zoom viewport in",
7198
6291
  disabled: zoom >= ((_b = zoomOptions[zoomOptions.length - 1]) == null ? void 0 : _b.value),
7199
- onClick: (e2) => {
7200
- e2.stopPropagation();
6292
+ onClick: (e) => {
6293
+ e.stopPropagation();
7201
6294
  onZoom(
7202
6295
  zoomOptions[Math.min(
7203
6296
  zoomOptions.findIndex((option) => option.value === zoom) + 1,
@@ -7214,8 +6307,8 @@ var ViewportControls = ({
7214
6307
  {
7215
6308
  className: getClassName25("zoomSelect"),
7216
6309
  value: zoom.toString(),
7217
- onChange: (e2) => {
7218
- onZoom(parseFloat(e2.currentTarget.value));
6310
+ onChange: (e) => {
6311
+ onZoom(parseFloat(e.currentTarget.value));
7219
6312
  },
7220
6313
  children: zoomOptions.map((option) => /* @__PURE__ */ jsx36(
7221
6314
  "option",
@@ -7555,7 +6648,7 @@ function Puck({
7555
6648
  }, _iframe);
7556
6649
  useInjectGlobalCss(iframe.enabled);
7557
6650
  const [generatedAppState] = useState24(() => {
7558
- var _a2, _b2, _c3, _d, _e, _f, _g, _h, _i;
6651
+ var _a2, _b2, _c, _d, _e, _f, _g, _h, _i;
7559
6652
  const initial = __spreadValues(__spreadValues({}, defaultAppState.ui), initialUi);
7560
6653
  let clientUiState = {};
7561
6654
  if (typeof window !== "undefined") {
@@ -7569,13 +6662,13 @@ function Puck({
7569
6662
  const viewportDifferences = Object.entries(viewports).map(([key, value]) => ({
7570
6663
  key,
7571
6664
  diff: Math.abs(viewportWidth - value.width)
7572
- })).sort((a2, b2) => a2.diff > b2.diff ? 1 : -1);
6665
+ })).sort((a, b) => a.diff > b.diff ? 1 : -1);
7573
6666
  const closestViewport = viewportDifferences[0].key;
7574
6667
  if (iframe.enabled) {
7575
6668
  clientUiState = __spreadProps(__spreadValues({}, clientUiState), {
7576
6669
  viewports: __spreadProps(__spreadValues({}, initial.viewports), {
7577
6670
  current: __spreadProps(__spreadValues({}, initial.viewports.current), {
7578
- height: ((_b2 = (_a2 = initialUi == null ? void 0 : initialUi.viewports) == null ? void 0 : _a2.current) == null ? void 0 : _b2.height) || ((_c3 = viewports[closestViewport]) == null ? void 0 : _c3.height) || "auto",
6671
+ height: ((_b2 = (_a2 = initialUi == null ? void 0 : initialUi.viewports) == null ? void 0 : _a2.current) == null ? void 0 : _b2.height) || ((_c = viewports[closestViewport]) == null ? void 0 : _c.height) || "auto",
7579
6672
  width: ((_e = (_d = initialUi == null ? void 0 : initialUi.viewports) == null ? void 0 : _d.current) == null ? void 0 : _e.width) || ((_f = viewports[closestViewport]) == null ? void 0 : _f.width)
7580
6673
  })
7581
6674
  })