@react-stately/layout 3.13.9-nightly.4624 → 3.13.10-nightly.4629

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (7) hide show
  1. package/dist/ListLayout.main.js +27 -27
  2. package/dist/ListLayout.mjs +27 -27
  3. package/dist/ListLayout.module.js +27 -27
  4. package/dist/TableLayout.main.js +50 -50
  5. package/dist/TableLayout.mjs +50 -50
  6. package/dist/TableLayout.module.js +50 -50
  7. package/package.json +8 -8
package/dist/ListLayout.main.js CHANGED
@@ -96,7 +96,7 @@ class $fe69e47e38ed0ac4$export$cacbb3924155d68e extends (0, $iId4j$reactstatelyv
96
96
  var _this_rowHeight;
97
97
  let rowHeight = (_this_rowHeight = this.rowHeight) !== null && _this_rowHeight !== void 0 ? _this_rowHeight : this.estimatedRowHeight;
98
98
  // Skip rows before the valid rectangle unless they are already cached.
99
- if (node.type === "item" && y + rowHeight < this.validRect.y && !this.isValid(node, y)) {
99
+ if (node.type === 'item' && y + rowHeight < this.validRect.y && !this.isValid(node, y)) {
100
100
  y += rowHeight;
101
101
  skipped++;
102
102
  continue;
@@ -104,7 +104,7 @@ class $fe69e47e38ed0ac4$export$cacbb3924155d68e extends (0, $iId4j$reactstatelyv
104
104
  let layoutNode = this.buildChild(node, 0, y);
105
105
  y = layoutNode.layoutInfo.rect.maxY;
106
106
  nodes.push(layoutNode);
107
- if (node.type === "item" && y > this.validRect.maxY) {
107
+ if (node.type === 'item' && y > this.validRect.maxY) {
108
108
  y += (this.collection.size - (nodes.length + skipped)) * rowHeight;
109
109
  break;
110
110
  }
@@ -112,8 +112,8 @@ class $fe69e47e38ed0ac4$export$cacbb3924155d68e extends (0, $iId4j$reactstatelyv
112
112
  if (this.isLoading) {
113
113
  var _this_loaderHeight;
114
114
  let rect = new (0, $iId4j$reactstatelyvirtualizer.Rect)(0, y, this.virtualizer.visibleRect.width, (_this_loaderHeight = this.loaderHeight) !== null && _this_loaderHeight !== void 0 ? _this_loaderHeight : this.virtualizer.visibleRect.height);
115
- let loader = new (0, $iId4j$reactstatelyvirtualizer.LayoutInfo)("loader", "loader", rect);
116
- this.layoutInfos.set("loader", loader);
115
+ let loader = new (0, $iId4j$reactstatelyvirtualizer.LayoutInfo)('loader', 'loader', rect);
116
+ this.layoutInfos.set('loader', loader);
117
117
  nodes.push({
118
118
  layoutInfo: loader
119
119
  });
@@ -122,8 +122,8 @@ class $fe69e47e38ed0ac4$export$cacbb3924155d68e extends (0, $iId4j$reactstatelyv
122
122
  if (nodes.length === 0) {
123
123
  var _this_placeholderHeight;
124
124
  let rect = new (0, $iId4j$reactstatelyvirtualizer.Rect)(0, y, this.virtualizer.visibleRect.width, (_this_placeholderHeight = this.placeholderHeight) !== null && _this_placeholderHeight !== void 0 ? _this_placeholderHeight : this.virtualizer.visibleRect.height);
125
- let placeholder = new (0, $iId4j$reactstatelyvirtualizer.LayoutInfo)("placeholder", "placeholder", rect);
126
- this.layoutInfos.set("placeholder", placeholder);
125
+ let placeholder = new (0, $iId4j$reactstatelyvirtualizer.LayoutInfo)('placeholder', 'placeholder', rect);
126
+ this.layoutInfos.set('placeholder', placeholder);
127
127
  nodes.push({
128
128
  layoutInfo: placeholder
129
129
  });
@@ -149,9 +149,9 @@ class $fe69e47e38ed0ac4$export$cacbb3924155d68e extends (0, $iId4j$reactstatelyv
149
149
  }
150
150
  buildNode(node, x, y) {
151
151
  switch(node.type){
152
- case "section":
152
+ case 'section':
153
153
  return this.buildSection(node, x, y);
154
- case "item":
154
+ case 'item':
155
155
  return this.buildItem(node, x, y);
156
156
  }
157
157
  }
@@ -177,7 +177,7 @@ class $fe69e47e38ed0ac4$export$cacbb3924155d68e extends (0, $iId4j$reactstatelyv
177
177
  }
178
178
  if (rectHeight == null) rectHeight = $fe69e47e38ed0ac4$var$DEFAULT_HEIGHT;
179
179
  let headerRect = new (0, $iId4j$reactstatelyvirtualizer.Rect)(0, y, width, rectHeight);
180
- let header = new (0, $iId4j$reactstatelyvirtualizer.LayoutInfo)("header", node.key + ":header", headerRect);
180
+ let header = new (0, $iId4j$reactstatelyvirtualizer.LayoutInfo)('header', node.key + ':header', headerRect);
181
181
  header.estimatedSize = isEstimated;
182
182
  header.parentKey = node.key;
183
183
  y += header.rect.height;
@@ -233,7 +233,7 @@ class $fe69e47e38ed0ac4$export$cacbb3924155d68e extends (0, $iId4j$reactstatelyv
233
233
  }
234
234
  }
235
235
  if (rectHeight == null) rectHeight = $fe69e47e38ed0ac4$var$DEFAULT_HEIGHT;
236
- if (typeof this.indentationForItem === "function") x += this.indentationForItem(this.collection, node.key) || 0;
236
+ if (typeof this.indentationForItem === 'function') x += this.indentationForItem(this.collection, node.key) || 0;
237
237
  let rect = new (0, $iId4j$reactstatelyvirtualizer.Rect)(x, y, width - x, rectHeight);
238
238
  let layoutInfo = new (0, $iId4j$reactstatelyvirtualizer.LayoutInfo)(node.type, node.key, rect);
239
239
  // allow overflow so the focus ring/selection ring can extend outside to overlap with the adjacent items borders
@@ -283,7 +283,7 @@ class $fe69e47e38ed0ac4$export$cacbb3924155d68e extends (0, $iId4j$reactstatelyv
283
283
  key = collection.getKeyBefore(key);
284
284
  while(key != null){
285
285
  let item = collection.getItem(key);
286
- if (item.type === "item" && (this.allowDisabledKeyFocus || !this.disabledKeys.has(item.key))) return key;
286
+ if (item.type === 'item' && (this.allowDisabledKeyFocus || !this.disabledKeys.has(item.key))) return key;
287
287
  key = collection.getKeyBefore(key);
288
288
  }
289
289
  }
@@ -292,7 +292,7 @@ class $fe69e47e38ed0ac4$export$cacbb3924155d68e extends (0, $iId4j$reactstatelyv
292
292
  key = collection.getKeyAfter(key);
293
293
  while(key != null){
294
294
  let item = collection.getItem(key);
295
- if (item.type === "item" && (this.allowDisabledKeyFocus || !this.disabledKeys.has(item.key))) return key;
295
+ if (item.type === 'item' && (this.allowDisabledKeyFocus || !this.disabledKeys.has(item.key))) return key;
296
296
  key = collection.getKeyAfter(key);
297
297
  }
298
298
  }
@@ -325,7 +325,7 @@ class $fe69e47e38ed0ac4$export$cacbb3924155d68e extends (0, $iId4j$reactstatelyv
325
325
  let key = collection.getFirstKey();
326
326
  while(key != null){
327
327
  let item = collection.getItem(key);
328
- if (item.type === "item" && (this.allowDisabledKeyFocus || !this.disabledKeys.has(item.key))) return key;
328
+ if (item.type === 'item' && (this.allowDisabledKeyFocus || !this.disabledKeys.has(item.key))) return key;
329
329
  key = collection.getKeyAfter(key);
330
330
  }
331
331
  }
@@ -334,7 +334,7 @@ class $fe69e47e38ed0ac4$export$cacbb3924155d68e extends (0, $iId4j$reactstatelyv
334
334
  let key = collection.getLastKey();
335
335
  while(key != null){
336
336
  let item = collection.getItem(key);
337
- if (item.type === "item" && (this.allowDisabledKeyFocus || !this.disabledKeys.has(item.key))) return key;
337
+ if (item.type === 'item' && (this.allowDisabledKeyFocus || !this.disabledKeys.has(item.key))) return key;
338
338
  key = collection.getKeyBefore(key);
339
339
  }
340
340
  }
@@ -352,12 +352,12 @@ class $fe69e47e38ed0ac4$export$cacbb3924155d68e extends (0, $iId4j$reactstatelyv
352
352
  }
353
353
  getInitialLayoutInfo(layoutInfo) {
354
354
  layoutInfo.opacity = 0;
355
- layoutInfo.transform = "scale3d(0.8, 0.8, 0.8)";
355
+ layoutInfo.transform = 'scale3d(0.8, 0.8, 0.8)';
356
356
  return layoutInfo;
357
357
  }
358
358
  getFinalLayoutInfo(layoutInfo) {
359
359
  layoutInfo.opacity = 0;
360
- layoutInfo.transform = "scale3d(0.8, 0.8, 0.8)";
360
+ layoutInfo.transform = 'scale3d(0.8, 0.8, 0.8)';
361
361
  return layoutInfo;
362
362
  }
363
363
  getDropTargetFromPoint(x, y, isValidDropTarget) {
@@ -365,14 +365,14 @@ class $fe69e47e38ed0ac4$export$cacbb3924155d68e extends (0, $iId4j$reactstatelyv
365
365
  y += this.virtualizer.visibleRect.y;
366
366
  let key = this.virtualizer.keyAtPoint(new (0, $iId4j$reactstatelyvirtualizer.Point)(x, y));
367
367
  if (key == null || this.collection.size === 0) return {
368
- type: "root"
368
+ type: 'root'
369
369
  };
370
370
  let layoutInfo = this.getLayoutInfo(key);
371
371
  let rect = layoutInfo.rect;
372
372
  let target = {
373
- type: "item",
373
+ type: 'item',
374
374
  key: layoutInfo.key,
375
- dropPosition: "on"
375
+ dropPosition: 'on'
376
376
  };
377
377
  // If dropping on the item isn't accepted, try the target before or after depending on the y position.
378
378
  // Otherwise, if dropping on the item is accepted, still try the before/after positions if within 10px
@@ -380,20 +380,20 @@ class $fe69e47e38ed0ac4$export$cacbb3924155d68e extends (0, $iId4j$reactstatelyv
380
380
  if (!isValidDropTarget(target)) {
381
381
  if (y <= rect.y + rect.height / 2 && isValidDropTarget({
382
382
  ...target,
383
- dropPosition: "before"
384
- })) target.dropPosition = "before";
383
+ dropPosition: 'before'
384
+ })) target.dropPosition = 'before';
385
385
  else if (isValidDropTarget({
386
386
  ...target,
387
- dropPosition: "after"
388
- })) target.dropPosition = "after";
387
+ dropPosition: 'after'
388
+ })) target.dropPosition = 'after';
389
389
  } else if (y <= rect.y + 10 && isValidDropTarget({
390
390
  ...target,
391
- dropPosition: "before"
392
- })) target.dropPosition = "before";
391
+ dropPosition: 'before'
392
+ })) target.dropPosition = 'before';
393
393
  else if (y >= rect.maxY - 10 && isValidDropTarget({
394
394
  ...target,
395
- dropPosition: "after"
396
- })) target.dropPosition = "after";
395
+ dropPosition: 'after'
396
+ })) target.dropPosition = 'after';
397
397
  return target;
398
398
  }
399
399
  /**
package/dist/ListLayout.mjs CHANGED
@@ -90,7 +90,7 @@ class $61ef60fc9b1041f4$export$cacbb3924155d68e extends (0, $img26$Layout) {
90
90
  var _this_rowHeight;
91
91
  let rowHeight = (_this_rowHeight = this.rowHeight) !== null && _this_rowHeight !== void 0 ? _this_rowHeight : this.estimatedRowHeight;
92
92
  // Skip rows before the valid rectangle unless they are already cached.
93
- if (node.type === "item" && y + rowHeight < this.validRect.y && !this.isValid(node, y)) {
93
+ if (node.type === 'item' && y + rowHeight < this.validRect.y && !this.isValid(node, y)) {
94
94
  y += rowHeight;
95
95
  skipped++;
96
96
  continue;
@@ -98,7 +98,7 @@ class $61ef60fc9b1041f4$export$cacbb3924155d68e extends (0, $img26$Layout) {
98
98
  let layoutNode = this.buildChild(node, 0, y);
99
99
  y = layoutNode.layoutInfo.rect.maxY;
100
100
  nodes.push(layoutNode);
101
- if (node.type === "item" && y > this.validRect.maxY) {
101
+ if (node.type === 'item' && y > this.validRect.maxY) {
102
102
  y += (this.collection.size - (nodes.length + skipped)) * rowHeight;
103
103
  break;
104
104
  }
@@ -106,8 +106,8 @@ class $61ef60fc9b1041f4$export$cacbb3924155d68e extends (0, $img26$Layout) {
106
106
  if (this.isLoading) {
107
107
  var _this_loaderHeight;
108
108
  let rect = new (0, $img26$Rect)(0, y, this.virtualizer.visibleRect.width, (_this_loaderHeight = this.loaderHeight) !== null && _this_loaderHeight !== void 0 ? _this_loaderHeight : this.virtualizer.visibleRect.height);
109
- let loader = new (0, $img26$LayoutInfo)("loader", "loader", rect);
110
- this.layoutInfos.set("loader", loader);
109
+ let loader = new (0, $img26$LayoutInfo)('loader', 'loader', rect);
110
+ this.layoutInfos.set('loader', loader);
111
111
  nodes.push({
112
112
  layoutInfo: loader
113
113
  });
@@ -116,8 +116,8 @@ class $61ef60fc9b1041f4$export$cacbb3924155d68e extends (0, $img26$Layout) {
116
116
  if (nodes.length === 0) {
117
117
  var _this_placeholderHeight;
118
118
  let rect = new (0, $img26$Rect)(0, y, this.virtualizer.visibleRect.width, (_this_placeholderHeight = this.placeholderHeight) !== null && _this_placeholderHeight !== void 0 ? _this_placeholderHeight : this.virtualizer.visibleRect.height);
119
- let placeholder = new (0, $img26$LayoutInfo)("placeholder", "placeholder", rect);
120
- this.layoutInfos.set("placeholder", placeholder);
119
+ let placeholder = new (0, $img26$LayoutInfo)('placeholder', 'placeholder', rect);
120
+ this.layoutInfos.set('placeholder', placeholder);
121
121
  nodes.push({
122
122
  layoutInfo: placeholder
123
123
  });
@@ -143,9 +143,9 @@ class $61ef60fc9b1041f4$export$cacbb3924155d68e extends (0, $img26$Layout) {
143
143
  }
144
144
  buildNode(node, x, y) {
145
145
  switch(node.type){
146
- case "section":
146
+ case 'section':
147
147
  return this.buildSection(node, x, y);
148
- case "item":
148
+ case 'item':
149
149
  return this.buildItem(node, x, y);
150
150
  }
151
151
  }
@@ -171,7 +171,7 @@ class $61ef60fc9b1041f4$export$cacbb3924155d68e extends (0, $img26$Layout) {
171
171
  }
172
172
  if (rectHeight == null) rectHeight = $61ef60fc9b1041f4$var$DEFAULT_HEIGHT;
173
173
  let headerRect = new (0, $img26$Rect)(0, y, width, rectHeight);
174
- let header = new (0, $img26$LayoutInfo)("header", node.key + ":header", headerRect);
174
+ let header = new (0, $img26$LayoutInfo)('header', node.key + ':header', headerRect);
175
175
  header.estimatedSize = isEstimated;
176
176
  header.parentKey = node.key;
177
177
  y += header.rect.height;
@@ -227,7 +227,7 @@ class $61ef60fc9b1041f4$export$cacbb3924155d68e extends (0, $img26$Layout) {
227
227
  }
228
228
  }
229
229
  if (rectHeight == null) rectHeight = $61ef60fc9b1041f4$var$DEFAULT_HEIGHT;
230
- if (typeof this.indentationForItem === "function") x += this.indentationForItem(this.collection, node.key) || 0;
230
+ if (typeof this.indentationForItem === 'function') x += this.indentationForItem(this.collection, node.key) || 0;
231
231
  let rect = new (0, $img26$Rect)(x, y, width - x, rectHeight);
232
232
  let layoutInfo = new (0, $img26$LayoutInfo)(node.type, node.key, rect);
233
233
  // allow overflow so the focus ring/selection ring can extend outside to overlap with the adjacent items borders
@@ -277,7 +277,7 @@ class $61ef60fc9b1041f4$export$cacbb3924155d68e extends (0, $img26$Layout) {
277
277
  key = collection.getKeyBefore(key);
278
278
  while(key != null){
279
279
  let item = collection.getItem(key);
280
- if (item.type === "item" && (this.allowDisabledKeyFocus || !this.disabledKeys.has(item.key))) return key;
280
+ if (item.type === 'item' && (this.allowDisabledKeyFocus || !this.disabledKeys.has(item.key))) return key;
281
281
  key = collection.getKeyBefore(key);
282
282
  }
283
283
  }
@@ -286,7 +286,7 @@ class $61ef60fc9b1041f4$export$cacbb3924155d68e extends (0, $img26$Layout) {
286
286
  key = collection.getKeyAfter(key);
287
287
  while(key != null){
288
288
  let item = collection.getItem(key);
289
- if (item.type === "item" && (this.allowDisabledKeyFocus || !this.disabledKeys.has(item.key))) return key;
289
+ if (item.type === 'item' && (this.allowDisabledKeyFocus || !this.disabledKeys.has(item.key))) return key;
290
290
  key = collection.getKeyAfter(key);
291
291
  }
292
292
  }
@@ -319,7 +319,7 @@ class $61ef60fc9b1041f4$export$cacbb3924155d68e extends (0, $img26$Layout) {
319
319
  let key = collection.getFirstKey();
320
320
  while(key != null){
321
321
  let item = collection.getItem(key);
322
- if (item.type === "item" && (this.allowDisabledKeyFocus || !this.disabledKeys.has(item.key))) return key;
322
+ if (item.type === 'item' && (this.allowDisabledKeyFocus || !this.disabledKeys.has(item.key))) return key;
323
323
  key = collection.getKeyAfter(key);
324
324
  }
325
325
  }
@@ -328,7 +328,7 @@ class $61ef60fc9b1041f4$export$cacbb3924155d68e extends (0, $img26$Layout) {
328
328
  let key = collection.getLastKey();
329
329
  while(key != null){
330
330
  let item = collection.getItem(key);
331
- if (item.type === "item" && (this.allowDisabledKeyFocus || !this.disabledKeys.has(item.key))) return key;
331
+ if (item.type === 'item' && (this.allowDisabledKeyFocus || !this.disabledKeys.has(item.key))) return key;
332
332
  key = collection.getKeyBefore(key);
333
333
  }
334
334
  }
@@ -346,12 +346,12 @@ class $61ef60fc9b1041f4$export$cacbb3924155d68e extends (0, $img26$Layout) {
346
346
  }
347
347
  getInitialLayoutInfo(layoutInfo) {
348
348
  layoutInfo.opacity = 0;
349
- layoutInfo.transform = "scale3d(0.8, 0.8, 0.8)";
349
+ layoutInfo.transform = 'scale3d(0.8, 0.8, 0.8)';
350
350
  return layoutInfo;
351
351
  }
352
352
  getFinalLayoutInfo(layoutInfo) {
353
353
  layoutInfo.opacity = 0;
354
- layoutInfo.transform = "scale3d(0.8, 0.8, 0.8)";
354
+ layoutInfo.transform = 'scale3d(0.8, 0.8, 0.8)';
355
355
  return layoutInfo;
356
356
  }
357
357
  getDropTargetFromPoint(x, y, isValidDropTarget) {
@@ -359,14 +359,14 @@ class $61ef60fc9b1041f4$export$cacbb3924155d68e extends (0, $img26$Layout) {
359
359
  y += this.virtualizer.visibleRect.y;
360
360
  let key = this.virtualizer.keyAtPoint(new (0, $img26$Point)(x, y));
361
361
  if (key == null || this.collection.size === 0) return {
362
- type: "root"
362
+ type: 'root'
363
363
  };
364
364
  let layoutInfo = this.getLayoutInfo(key);
365
365
  let rect = layoutInfo.rect;
366
366
  let target = {
367
- type: "item",
367
+ type: 'item',
368
368
  key: layoutInfo.key,
369
- dropPosition: "on"
369
+ dropPosition: 'on'
370
370
  };
371
371
  // If dropping on the item isn't accepted, try the target before or after depending on the y position.
372
372
  // Otherwise, if dropping on the item is accepted, still try the before/after positions if within 10px
@@ -374,20 +374,20 @@ class $61ef60fc9b1041f4$export$cacbb3924155d68e extends (0, $img26$Layout) {
374
374
  if (!isValidDropTarget(target)) {
375
375
  if (y <= rect.y + rect.height / 2 && isValidDropTarget({
376
376
  ...target,
377
- dropPosition: "before"
378
- })) target.dropPosition = "before";
377
+ dropPosition: 'before'
378
+ })) target.dropPosition = 'before';
379
379
  else if (isValidDropTarget({
380
380
  ...target,
381
- dropPosition: "after"
382
- })) target.dropPosition = "after";
381
+ dropPosition: 'after'
382
+ })) target.dropPosition = 'after';
383
383
  } else if (y <= rect.y + 10 && isValidDropTarget({
384
384
  ...target,
385
- dropPosition: "before"
386
- })) target.dropPosition = "before";
385
+ dropPosition: 'before'
386
+ })) target.dropPosition = 'before';
387
387
  else if (y >= rect.maxY - 10 && isValidDropTarget({
388
388
  ...target,
389
- dropPosition: "after"
390
- })) target.dropPosition = "after";
389
+ dropPosition: 'after'
390
+ })) target.dropPosition = 'after';
391
391
  return target;
392
392
  }
393
393
  /**
package/dist/ListLayout.module.js CHANGED
@@ -90,7 +90,7 @@ class $61ef60fc9b1041f4$export$cacbb3924155d68e extends (0, $img26$Layout) {
90
90
  var _this_rowHeight;
91
91
  let rowHeight = (_this_rowHeight = this.rowHeight) !== null && _this_rowHeight !== void 0 ? _this_rowHeight : this.estimatedRowHeight;
92
92
  // Skip rows before the valid rectangle unless they are already cached.
93
- if (node.type === "item" && y + rowHeight < this.validRect.y && !this.isValid(node, y)) {
93
+ if (node.type === 'item' && y + rowHeight < this.validRect.y && !this.isValid(node, y)) {
94
94
  y += rowHeight;
95
95
  skipped++;
96
96
  continue;
@@ -98,7 +98,7 @@ class $61ef60fc9b1041f4$export$cacbb3924155d68e extends (0, $img26$Layout) {
98
98
  let layoutNode = this.buildChild(node, 0, y);
99
99
  y = layoutNode.layoutInfo.rect.maxY;
100
100
  nodes.push(layoutNode);
101
- if (node.type === "item" && y > this.validRect.maxY) {
101
+ if (node.type === 'item' && y > this.validRect.maxY) {
102
102
  y += (this.collection.size - (nodes.length + skipped)) * rowHeight;
103
103
  break;
104
104
  }
@@ -106,8 +106,8 @@ class $61ef60fc9b1041f4$export$cacbb3924155d68e extends (0, $img26$Layout) {
106
106
  if (this.isLoading) {
107
107
  var _this_loaderHeight;
108
108
  let rect = new (0, $img26$Rect)(0, y, this.virtualizer.visibleRect.width, (_this_loaderHeight = this.loaderHeight) !== null && _this_loaderHeight !== void 0 ? _this_loaderHeight : this.virtualizer.visibleRect.height);
109
- let loader = new (0, $img26$LayoutInfo)("loader", "loader", rect);
110
- this.layoutInfos.set("loader", loader);
109
+ let loader = new (0, $img26$LayoutInfo)('loader', 'loader', rect);
110
+ this.layoutInfos.set('loader', loader);
111
111
  nodes.push({
112
112
  layoutInfo: loader
113
113
  });
@@ -116,8 +116,8 @@ class $61ef60fc9b1041f4$export$cacbb3924155d68e extends (0, $img26$Layout) {
116
116
  if (nodes.length === 0) {
117
117
  var _this_placeholderHeight;
118
118
  let rect = new (0, $img26$Rect)(0, y, this.virtualizer.visibleRect.width, (_this_placeholderHeight = this.placeholderHeight) !== null && _this_placeholderHeight !== void 0 ? _this_placeholderHeight : this.virtualizer.visibleRect.height);
119
- let placeholder = new (0, $img26$LayoutInfo)("placeholder", "placeholder", rect);
120
- this.layoutInfos.set("placeholder", placeholder);
119
+ let placeholder = new (0, $img26$LayoutInfo)('placeholder', 'placeholder', rect);
120
+ this.layoutInfos.set('placeholder', placeholder);
121
121
  nodes.push({
122
122
  layoutInfo: placeholder
123
123
  });
@@ -143,9 +143,9 @@ class $61ef60fc9b1041f4$export$cacbb3924155d68e extends (0, $img26$Layout) {
143
143
  }
144
144
  buildNode(node, x, y) {
145
145
  switch(node.type){
146
- case "section":
146
+ case 'section':
147
147
  return this.buildSection(node, x, y);
148
- case "item":
148
+ case 'item':
149
149
  return this.buildItem(node, x, y);
150
150
  }
151
151
  }
@@ -171,7 +171,7 @@ class $61ef60fc9b1041f4$export$cacbb3924155d68e extends (0, $img26$Layout) {
171
171
  }
172
172
  if (rectHeight == null) rectHeight = $61ef60fc9b1041f4$var$DEFAULT_HEIGHT;
173
173
  let headerRect = new (0, $img26$Rect)(0, y, width, rectHeight);
174
- let header = new (0, $img26$LayoutInfo)("header", node.key + ":header", headerRect);
174
+ let header = new (0, $img26$LayoutInfo)('header', node.key + ':header', headerRect);
175
175
  header.estimatedSize = isEstimated;
176
176
  header.parentKey = node.key;
177
177
  y += header.rect.height;
@@ -227,7 +227,7 @@ class $61ef60fc9b1041f4$export$cacbb3924155d68e extends (0, $img26$Layout) {
227
227
  }
228
228
  }
229
229
  if (rectHeight == null) rectHeight = $61ef60fc9b1041f4$var$DEFAULT_HEIGHT;
230
- if (typeof this.indentationForItem === "function") x += this.indentationForItem(this.collection, node.key) || 0;
230
+ if (typeof this.indentationForItem === 'function') x += this.indentationForItem(this.collection, node.key) || 0;
231
231
  let rect = new (0, $img26$Rect)(x, y, width - x, rectHeight);
232
232
  let layoutInfo = new (0, $img26$LayoutInfo)(node.type, node.key, rect);
233
233
  // allow overflow so the focus ring/selection ring can extend outside to overlap with the adjacent items borders
@@ -277,7 +277,7 @@ class $61ef60fc9b1041f4$export$cacbb3924155d68e extends (0, $img26$Layout) {
277
277
  key = collection.getKeyBefore(key);
278
278
  while(key != null){
279
279
  let item = collection.getItem(key);
280
- if (item.type === "item" && (this.allowDisabledKeyFocus || !this.disabledKeys.has(item.key))) return key;
280
+ if (item.type === 'item' && (this.allowDisabledKeyFocus || !this.disabledKeys.has(item.key))) return key;
281
281
  key = collection.getKeyBefore(key);
282
282
  }
283
283
  }
@@ -286,7 +286,7 @@ class $61ef60fc9b1041f4$export$cacbb3924155d68e extends (0, $img26$Layout) {
286
286
  key = collection.getKeyAfter(key);
287
287
  while(key != null){
288
288
  let item = collection.getItem(key);
289
- if (item.type === "item" && (this.allowDisabledKeyFocus || !this.disabledKeys.has(item.key))) return key;
289
+ if (item.type === 'item' && (this.allowDisabledKeyFocus || !this.disabledKeys.has(item.key))) return key;
290
290
  key = collection.getKeyAfter(key);
291
291
  }
292
292
  }
@@ -319,7 +319,7 @@ class $61ef60fc9b1041f4$export$cacbb3924155d68e extends (0, $img26$Layout) {
319
319
  let key = collection.getFirstKey();
320
320
  while(key != null){
321
321
  let item = collection.getItem(key);
322
- if (item.type === "item" && (this.allowDisabledKeyFocus || !this.disabledKeys.has(item.key))) return key;
322
+ if (item.type === 'item' && (this.allowDisabledKeyFocus || !this.disabledKeys.has(item.key))) return key;
323
323
  key = collection.getKeyAfter(key);
324
324
  }
325
325
  }
@@ -328,7 +328,7 @@ class $61ef60fc9b1041f4$export$cacbb3924155d68e extends (0, $img26$Layout) {
328
328
  let key = collection.getLastKey();
329
329
  while(key != null){
330
330
  let item = collection.getItem(key);
331
- if (item.type === "item" && (this.allowDisabledKeyFocus || !this.disabledKeys.has(item.key))) return key;
331
+ if (item.type === 'item' && (this.allowDisabledKeyFocus || !this.disabledKeys.has(item.key))) return key;
332
332
  key = collection.getKeyBefore(key);
333
333
  }
334
334
  }
@@ -346,12 +346,12 @@ class $61ef60fc9b1041f4$export$cacbb3924155d68e extends (0, $img26$Layout) {
346
346
  }
347
347
  getInitialLayoutInfo(layoutInfo) {
348
348
  layoutInfo.opacity = 0;
349
- layoutInfo.transform = "scale3d(0.8, 0.8, 0.8)";
349
+ layoutInfo.transform = 'scale3d(0.8, 0.8, 0.8)';
350
350
  return layoutInfo;
351
351
  }
352
352
  getFinalLayoutInfo(layoutInfo) {
353
353
  layoutInfo.opacity = 0;
354
- layoutInfo.transform = "scale3d(0.8, 0.8, 0.8)";
354
+ layoutInfo.transform = 'scale3d(0.8, 0.8, 0.8)';
355
355
  return layoutInfo;
356
356
  }
357
357
  getDropTargetFromPoint(x, y, isValidDropTarget) {
@@ -359,14 +359,14 @@ class $61ef60fc9b1041f4$export$cacbb3924155d68e extends (0, $img26$Layout) {
359
359
  y += this.virtualizer.visibleRect.y;
360
360
  let key = this.virtualizer.keyAtPoint(new (0, $img26$Point)(x, y));
361
361
  if (key == null || this.collection.size === 0) return {
362
- type: "root"
362
+ type: 'root'
363
363
  };
364
364
  let layoutInfo = this.getLayoutInfo(key);
365
365
  let rect = layoutInfo.rect;
366
366
  let target = {
367
- type: "item",
367
+ type: 'item',
368
368
  key: layoutInfo.key,
369
- dropPosition: "on"
369
+ dropPosition: 'on'
370
370
  };
371
371
  // If dropping on the item isn't accepted, try the target before or after depending on the y position.
372
372
  // Otherwise, if dropping on the item is accepted, still try the before/after positions if within 10px
@@ -374,20 +374,20 @@ class $61ef60fc9b1041f4$export$cacbb3924155d68e extends (0, $img26$Layout) {
374
374
  if (!isValidDropTarget(target)) {
375
375
  if (y <= rect.y + rect.height / 2 && isValidDropTarget({
376
376
  ...target,
377
- dropPosition: "before"
378
- })) target.dropPosition = "before";
377
+ dropPosition: 'before'
378
+ })) target.dropPosition = 'before';
379
379
  else if (isValidDropTarget({
380
380
  ...target,
381
- dropPosition: "after"
382
- })) target.dropPosition = "after";
381
+ dropPosition: 'after'
382
+ })) target.dropPosition = 'after';
383
383
  } else if (y <= rect.y + 10 && isValidDropTarget({
384
384
  ...target,
385
- dropPosition: "before"
386
- })) target.dropPosition = "before";
385
+ dropPosition: 'before'
386
+ })) target.dropPosition = 'before';
387
387
  else if (y >= rect.maxY - 10 && isValidDropTarget({
388
388
  ...target,
389
- dropPosition: "after"
390
- })) target.dropPosition = "after";
389
+ dropPosition: 'after'
390
+ })) target.dropPosition = 'after';
391
391
  return target;
392
392
  }
393
393
  /**