@schukai/monster 3.101.1 → 3.101.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -568,20 +568,15 @@ function updateResizeObserverObservation() {
568
568
  });
569
569
 
570
570
  requestAnimationFrame(() => {
571
-
572
571
  let parent = this.parentNode;
573
- while(!(parent instanceof HTMLElement) && parent !== null) {
572
+ while (!(parent instanceof HTMLElement) && parent !== null) {
574
573
  parent = parent.parentNode;
575
574
  }
576
575
 
577
576
  if (parent instanceof HTMLElement) {
578
577
  this[resizeObserverSymbol].observe(parent);
579
578
  }
580
-
581
-
582
579
  });
583
-
584
-
585
580
  }
586
581
 
587
582
  /**
@@ -404,18 +404,18 @@ function getTemplate() {
404
404
  // language=HTML
405
405
  return `
406
406
  <div data-monster-role="control" part="control">
407
- <div data-monster-role="header">
408
- <div data-monster-replace="path:labels.title" data-monster-role="title"></div>
409
- <div data-monster-role="extended-switch">
407
+ <div data-monster-role="header" part="header">
408
+ <div data-monster-replace="path:labels.title" data-monster-role="title" part="title"></div>
409
+ <div data-monster-role="extended-switch" part="extended-switch">
410
410
  <label data-monster-replace="path:labels.toggleSwitchLabel"></label>
411
411
  <monster-toggle-switch></monster-toggle-switch>
412
412
  </div>
413
413
  </div>
414
- <div data-monster-role="container">
415
- <div class="collapse-alignment">
414
+ <div data-monster-role="container" part="container">
415
+ <div class="collapse-alignment" part="content">
416
416
  <slot part="content"></slot>
417
417
  </div>
418
- <monster-collapse data-monster-role="collapse">
418
+ <monster-collapse data-monster-role="collapse" part="collapse">
419
419
  <slot name="extended" part="extended"></slot>
420
420
  </monster-collapse>
421
421
  </div>
@@ -346,19 +346,15 @@ function attachResizeObserver() {
346
346
  });
347
347
 
348
348
  requestAnimationFrame(() => {
349
-
350
349
  let parent = this.parentNode;
351
- while(!(parent instanceof HTMLElement) && parent !== null) {
350
+ while (!(parent instanceof HTMLElement) && parent !== null) {
352
351
  parent = parent.parentNode;
353
352
  }
354
353
 
355
354
  if (parent instanceof HTMLElement) {
356
355
  this[resizeObserverSymbol].observe(parent);
357
356
  }
358
-
359
-
360
357
  });
361
-
362
358
  }
363
359
 
364
360
  function disconnectResizeObserver() {