@limetech/lime-elements 37.1.0-next.11 → 37.1.0-next.12

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.
@@ -1426,6 +1426,10 @@ const Slider = class {
1426
1426
  constructor(hostRef) {
1427
1427
  index.registerInstance(this, hostRef);
1428
1428
  this.change = index.createEvent(this, "change", 7);
1429
+ this.resizeObserverCallback = () => {
1430
+ var _a;
1431
+ (_a = this.mdcSlider) === null || _a === void 0 ? void 0 : _a.layout();
1432
+ };
1429
1433
  this.changeHandler = (event) => {
1430
1434
  let value = event.detail.value;
1431
1435
  const step = this.multiplyByFactor(this.step);
@@ -1452,6 +1456,8 @@ const Slider = class {
1452
1456
  }
1453
1457
  connectedCallback() {
1454
1458
  this.initialize();
1459
+ this.observer = new ResizeObserver(this.resizeObserverCallback);
1460
+ this.observer.observe(this.rootElement);
1455
1461
  }
1456
1462
  componentDidLoad() {
1457
1463
  this.initialize();
@@ -1503,6 +1509,7 @@ const Slider = class {
1503
1509
  }
1504
1510
  disconnectedCallback() {
1505
1511
  this.destroyMDCSlider();
1512
+ this.observer.disconnect();
1506
1513
  }
1507
1514
  getContainerClassList() {
1508
1515
  return {