tyrell-components 1.0.0-TC52 → 1.0.0-TC53

package/lib/components/resize-observer.js

@@ -2,73 +2,73 @@ import { ensureStyles } from '../utils/styles.js';
 import { resizeObserverStyles } from '../styles/resize-observer.js';
 import { updateSize, removeSize } from '../utils/resize-observer.js';
 export class TyResizeObserver extends HTMLElement {
-    static get observedAttributes() {
-        return ['id', 'debounce'];
-    }
-    get debounce() {
-        return parseInt(this.getAttribute('debounce') || '0');
-    }
-    set debounce(value) {
-        this.setAttribute('debounce', String(value));
-    }
-    constructor() {
-        super();
-        this._resizeObserver = null;
-        this._debounceTimer = null;
-        const shadow = this.attachShadow({ mode: 'open' });
-        ensureStyles(shadow, { css: resizeObserverStyles, id: 'ty-resize-observer' });
-        shadow.innerHTML = '<slot></slot>';
-    }
-    connectedCallback() {
-        this.setupObserver();
-    }
-    attributeChangedCallback(name, oldValue, newValue) {
-        if (name === 'id' && oldValue && oldValue !== newValue) {
-            removeSize(oldValue);
-            if (newValue && this.isConnected) {
-                const { width, height } = this.getBoundingClientRect();
-                updateSize(newValue, width, height);
-            }
-        }
-    }
-    disconnectedCallback() {
-        this.cleanup();
-    }
-    setupObserver() {
-        this._resizeObserver = new ResizeObserver((entries) => {
-            if (this.debounce > 0) {
-                if (this._debounceTimer)
-                    clearTimeout(this._debounceTimer);
-                this._debounceTimer = window.setTimeout(() => {
-                    this.handleResize(entries);
-                }, this.debounce);
-            }
-            else {
-                this.handleResize(entries);
-            }
-        });
-        this._resizeObserver.observe(this);
-    }
-    handleResize(entries) {
-        const { width, height } = entries[0].contentRect;
-        if (this.id) {
-            updateSize(this.id, width, height);
-        }
-    }
-    cleanup() {
-        if (this._resizeObserver) {
-            this._resizeObserver.disconnect();
-            this._resizeObserver = null;
-        }
-        if (this._debounceTimer) {
-            clearTimeout(this._debounceTimer);
-            this._debounceTimer = null;
-        }
-        if (this.id) {
-            removeSize(this.id);
-        }
-    }
+static get observedAttributes() {
+return ['id', 'debounce'];
+}
+get debounce() {
+return parseInt(this.getAttribute('debounce') || '0');
+}
+set debounce(value) {
+this.setAttribute('debounce', String(value));
+}
+constructor() {
+super();
+this._resizeObserver = null;
+this._debounceTimer = null;
+const shadow = this.attachShadow({ mode: 'open' });
+ensureStyles(shadow, { css: resizeObserverStyles, id: 'ty-resize-observer' });
+shadow.innerHTML = '<slot></slot>';
+}
+connectedCallback() {
+this.setupObserver();
+}
+attributeChangedCallback(name, oldValue, newValue) {
+if (name === 'id' && oldValue && oldValue !== newValue) {
+removeSize(oldValue);
+if (newValue && this.isConnected) {
+const { width, height } = this.getBoundingClientRect();
+updateSize(newValue, width, height);
+}
+}
+}
+disconnectedCallback() {
+this.cleanup();
+}
+setupObserver() {
+this._resizeObserver = new ResizeObserver((entries) => {
+if (this.debounce > 0) {
+if (this._debounceTimer)
+clearTimeout(this._debounceTimer);
+this._debounceTimer = window.setTimeout(() => {
+this.handleResize(entries);
+}, this.debounce);
+}
+else {
+this.handleResize(entries);
+}
+});
+this._resizeObserver.observe(this);
+}
+handleResize(entries) {
+const { width, height } = entries[0].contentRect;
+if (this.id) {
+updateSize(this.id, width, height);
+}
+}
+cleanup() {
+if (this._resizeObserver) {
+this._resizeObserver.disconnect();
+this._resizeObserver = null;
+}
+if (this._debounceTimer) {
+clearTimeout(this._debounceTimer);
+this._debounceTimer = null;
+}
+if (this.id) {
+removeSize(this.id);
+}
+}
 }
 if (!customElements.get('ty-resize-observer')) {
-    customElements.define('ty-resize-observer', TyResizeObserver);
+customElements.define('ty-resize-observer', TyResizeObserver);
 }