@wix/patterns 1.356.0 → 1.357.0

package/dist/esm/state/Responsive/HorizontalOverflowState.js

@@ -1,55 +0,0 @@
-import { action, computed, makeObservable, observable } from 'mobx';
-import { addResizeObserver } from '@wix/bex-core';
-export class HorizontalOverflowState {
-    constructor(params) {
-        this._scrollWidth = 0;
-        this._clientWidth = 0;
-        const { state } = params;
-        this.container = state.container;
-        this._state = state;
-        makeObservable(this, {
-            _sync: action.bound,
-            _scrollWidth: observable.ref,
-            _clientWidth: observable.ref,
-            _isOverflowing: computed,
-        });
-        this._syncThrottled = this.container.lodash.throttle(() => {
-            window.requestAnimationFrame(this._sync);
-        }, 200);
-    }
-    get _isOverflowing() {
-        return this._scrollWidth > this._clientWidth;
-    }
-    _sync() {
-        const { _element } = this;
-        if (!_element) {
-            return;
-        }
-        this._clientWidth = _element.clientWidth;
-        this._scrollWidth = _element.scrollWidth;
-    }
-    initLayout() {
-        const { _element, _state } = this;
-        if (_state.responsiveDisabled) {
-            return;
-        }
-        if (!_element) {
-            return;
-        }
-        this._sync();
-    }
-    init() {
-        const { _element, _state } = this;
-        if (_state.responsiveDisabled) {
-            return;
-        }
-        if (!_element) {
-            return;
-        }
-        const disposers = [addResizeObserver(_element, this._syncThrottled)];
-        return () => {
-            disposers.forEach((d) => d?.());
-        };
-    }
-}
-//# sourceMappingURL=HorizontalOverflowState.js.map

package/dist/esm/state/Responsive/HorizontalOverflowState.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"HorizontalOverflowState.js","sourceRoot":"","sources":["../../../../src/state/Responsive/HorizontalOverflowState.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,cAAc,EAAE,UAAU,EAAE,MAAM,MAAM,CAAC;AACpE,OAAO,EAAE,iBAAiB,EAAwB,MAAM,eAAe,CAAC;AASxE,MAAM,OAAO,uBAAuB;IAWlC,YAAY,MAAqC;QAHjD,iBAAY,GAAG,CAAC,CAAC;QACjB,iBAAY,GAAG,CAAC,CAAC;QAGf,MAAM,EAAE,KAAK,EAAE,GAAG,MAAM,CAAC;QACzB,IAAI,CAAC,SAAS,GAAG,KAAK,CAAC,SAAS,CAAC;QACjC,IAAI,CAAC,MAAM,GAAG,KAAK,CAAC;QAEpB,cAAc,CAAC,IAAI,EAAE;YACnB,KAAK,EAAE,MAAM,CAAC,KAAK;YACnB,YAAY,EAAE,UAAU,CAAC,GAAG;YAC5B,YAAY,EAAE,UAAU,CAAC,GAAG;YAC5B,cAAc,EAAE,QAAQ;SACzB,CAAC,CAAC;QAEH,IAAI,CAAC,cAAc,GAAG,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC,QAAQ,CAAC,GAAG,EAAE;YACxD,MAAM,CAAC,qBAAqB,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;QAC3C,CAAC,EAAE,GAAG,CAAC,CAAC;IACV,CAAC;IAED,IAAI,cAAc;QAChB,OAAO,IAAI,CAAC,YAAY,GAAG,IAAI,CAAC,YAAY,CAAC;IAC/C,CAAC;IAED,KAAK;QACH,MAAM,EAAE,QAAQ,EAAE,GAAG,IAAI,CAAC;QAE1B,IAAI,CAAC,QAAQ,EAAE;YACb,OAAO;SACR;QAED,IAAI,CAAC,YAAY,GAAG,QAAQ,CAAC,WAAW,CAAC;QACzC,IAAI,CAAC,YAAY,GAAG,QAAQ,CAAC,WAAW,CAAC;IAC3C,CAAC;IAED,UAAU;QACR,MAAM,EAAE,QAAQ,EAAE,MAAM,EAAE,GAAG,IAAI,CAAC;QAElC,IAAI,MAAM,CAAC,kBAAkB,EAAE;YAC7B,OAAO;SACR;QAED,IAAI,CAAC,QAAQ,EAAE;YACb,OAAO;SACR;QAED,IAAI,CAAC,KAAK,EAAE,CAAC;IACf,CAAC;IAED,IAAI;QACF,MAAM,EAAE,QAAQ,EAAE,MAAM,EAAE,GAAG,IAAI,CAAC;QAElC,IAAI,MAAM,CAAC,kBAAkB,EAAE;YAC7B,OAAO;SACR;QAED,IAAI,CAAC,QAAQ,EAAE;YACb,OAAO;SACR;QAED,MAAM,SAAS,GAAG,CAAC,iBAAiB,CAAC,QAAQ,EAAE,IAAI,CAAC,cAAc,CAAC,CAAC,CAAC;QAErE,OAAO,GAAG,EAAE;YACV,SAAS,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC;QAClC,CAAC,CAAC;IACJ,CAAC;CACF"}

package/dist/esm/state/Responsive/HorizontalSpaceAvailableState.js

@@ -1,55 +0,0 @@
-import { action, computed, makeObservable, observable } from 'mobx';
-import { addResizeObserver } from '@wix/bex-core';
-export class HorizontalSpaceAvailableState {
-    constructor(params) {
-        this._directChildClientWidth = 0;
-        this._clientWidth = 0;
-        const { state } = params;
-        this.container = state.container;
-        this._state = state;
-        makeObservable(this, {
-            _sync: action.bound,
-            _directChildClientWidth: observable.ref,
-            _clientWidth: observable.ref,
-            available: computed,
-        });
-        this._syncThrottled = this.container.lodash.throttle(() => {
-            window.requestAnimationFrame(this._sync);
-        }, 200);
-    }
-    _sync() {
-        const { _element, _child } = this;
-        if (!_element || !_child) {
-            return;
-        }
-        this._clientWidth = _element.clientWidth;
-        this._directChildClientWidth = _child.scrollWidth;
-    }
-    get available() {
-        return this._clientWidth - this._directChildClientWidth;
-    }
-    initLayout() {
-        const { _element, _child, _state } = this;
-        if (_state.responsiveDisabled) {
-            return;
-        }
-        if (!_element || !_child) {
-            return;
-        }
-        this._sync();
-    }
-    init() {
-        const { _element, _child, _state } = this;
-        if (_state.responsiveDisabled) {
-            return;
-        }
-        if (!_element || !_child) {
-            return;
-        }
-        const disposers = [addResizeObserver(_child, this._syncThrottled)];
-        return () => {
-            disposers.forEach((d) => d?.());
-        };
-    }
-}
-//# sourceMappingURL=HorizontalSpaceAvailableState.js.map

package/dist/esm/state/Responsive/HorizontalSpaceAvailableState.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"HorizontalSpaceAvailableState.js","sourceRoot":"","sources":["../../../../src/state/Responsive/HorizontalSpaceAvailableState.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,cAAc,EAAE,UAAU,EAAE,MAAM,MAAM,CAAC;AACpE,OAAO,EAAE,iBAAiB,EAAwB,MAAM,eAAe,CAAC;AASxE,MAAM,OAAO,6BAA6B;IAYxC,YAAY,MAA2C;QAHvD,4BAAuB,GAAG,CAAC,CAAC;QAC5B,iBAAY,GAAG,CAAC,CAAC;QAGf,MAAM,EAAE,KAAK,EAAE,GAAG,MAAM,CAAC;QACzB,IAAI,CAAC,SAAS,GAAG,KAAK,CAAC,SAAS,CAAC;QACjC,IAAI,CAAC,MAAM,GAAG,KAAK,CAAC;QAEpB,cAAc,CAAC,IAAI,EAAE;YACnB,KAAK,EAAE,MAAM,CAAC,KAAK;YACnB,uBAAuB,EAAE,UAAU,CAAC,GAAG;YACvC,YAAY,EAAE,UAAU,CAAC,GAAG;YAC5B,SAAS,EAAE,QAAQ;SACpB,CAAC,CAAC;QAEH,IAAI,CAAC,cAAc,GAAG,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC,QAAQ,CAAC,GAAG,EAAE;YACxD,MAAM,CAAC,qBAAqB,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;QAC3C,CAAC,EAAE,GAAG,CAAC,CAAC;IACV,CAAC;IAED,KAAK;QACH,MAAM,EAAE,QAAQ,EAAE,MAAM,EAAE,GAAG,IAAI,CAAC;QAElC,IAAI,CAAC,QAAQ,IAAI,CAAC,MAAM,EAAE;YACxB,OAAO;SACR;QAED,IAAI,CAAC,YAAY,GAAG,QAAQ,CAAC,WAAW,CAAC;QACzC,IAAI,CAAC,uBAAuB,GAAG,MAAM,CAAC,WAAW,CAAC;IACpD,CAAC;IAED,IAAI,SAAS;QACX,OAAO,IAAI,CAAC,YAAY,GAAG,IAAI,CAAC,uBAAuB,CAAC;IAC1D,CAAC;IAED,UAAU;QACR,MAAM,EAAE,QAAQ,EAAE,MAAM,EAAE,MAAM,EAAE,GAAG,IAAI,CAAC;QAE1C,IAAI,MAAM,CAAC,kBAAkB,EAAE;YAC7B,OAAO;SACR;QAED,IAAI,CAAC,QAAQ,IAAI,CAAC,MAAM,EAAE;YACxB,OAAO;SACR;QAED,IAAI,CAAC,KAAK,EAAE,CAAC;IACf,CAAC;IAED,IAAI;QACF,MAAM,EAAE,QAAQ,EAAE,MAAM,EAAE,MAAM,EAAE,GAAG,IAAI,CAAC;QAE1C,IAAI,MAAM,CAAC,kBAAkB,EAAE;YAC7B,OAAO;SACR;QAED,IAAI,CAAC,QAAQ,IAAI,CAAC,MAAM,EAAE;YACxB,OAAO;SACR;QAED,MAAM,SAAS,GAAG,CAAC,iBAAiB,CAAC,MAAM,EAAE,IAAI,CAAC,cAAc,CAAC,CAAC,CAAC;QAEnE,OAAO,GAAG,EAAE;YACV,SAAS,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC;QAClC,CAAC,CAAC;IACJ,CAAC;CACF"}

package/dist/types/components/Responsive/HorizontalAvailableSpaceBox.d.ts

@@ -1,8 +0,0 @@
-import { BoxProps } from '@wix/design-system';
-import React from 'react';
-import { HorizontalSpaceAvailableState } from '../../state/Responsive/HorizontalSpaceAvailableState';
-export interface HorizontalAvailableSpaceBoxProps extends Partial<BoxProps> {
-    state: HorizontalSpaceAvailableState;
-}
-export declare function HorizontalAvailableSpaceBox(props: HorizontalAvailableSpaceBoxProps): React.JSX.Element;
-//# sourceMappingURL=HorizontalAvailableSpaceBox.d.ts.map

package/dist/types/components/Responsive/HorizontalAvailableSpaceBox.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"HorizontalAvailableSpaceBox.d.ts","sourceRoot":"","sources":["../../../../src/components/Responsive/HorizontalAvailableSpaceBox.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAO,QAAQ,EAAE,MAAM,oBAAoB,CAAC;AACnD,OAAO,KAAqC,MAAM,OAAO,CAAC;AAC1D,OAAO,EAAE,6BAA6B,EAAE,MAAM,sDAAsD,CAAC;AAErG,MAAM,WAAW,gCAAiC,SAAQ,OAAO,CAAC,QAAQ,CAAC;IACzE,KAAK,EAAE,6BAA6B,CAAC;CACtC;AAED,wBAAgB,2BAA2B,CACzC,KAAK,EAAE,gCAAgC,qBAsBxC"}

package/dist/types/components/Responsive/HorizontalOverflowBox.d.ts

@@ -1,8 +0,0 @@
-import { BoxProps } from '@wix/design-system';
-import { HorizontalOverflowState } from '../../state/Responsive/HorizontalOverflowState';
-import React from 'react';
-export interface HorizontalOverflowBoxProps extends Partial<BoxProps> {
-    state: HorizontalOverflowState;
-}
-export declare function HorizontalOverflowBox(props: HorizontalOverflowBoxProps): React.JSX.Element;
-//# sourceMappingURL=HorizontalOverflowBox.d.ts.map

package/dist/types/components/Responsive/HorizontalOverflowBox.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"HorizontalOverflowBox.d.ts","sourceRoot":"","sources":["../../../../src/components/Responsive/HorizontalOverflowBox.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAO,QAAQ,EAAE,MAAM,oBAAoB,CAAC;AACnD,OAAO,EAAE,uBAAuB,EAAE,MAAM,gDAAgD,CAAC;AACzF,OAAO,KAAqC,MAAM,OAAO,CAAC;AAE1D,MAAM,WAAW,0BAA2B,SAAQ,OAAO,CAAC,QAAQ,CAAC;IACnE,KAAK,EAAE,uBAAuB,CAAC;CAChC;AAED,wBAAgB,qBAAqB,CAAC,KAAK,EAAE,0BAA0B,qBAiBtE"}

package/dist/types/state/Responsive/HorizontalOverflowState.d.ts

@@ -1,25 +0,0 @@
-/// <reference types="lodash" />
-import { WixPatternsContainer } from '@wix/bex-core';
-export interface HorizontalOverflowStateParams {
-    state: {
-        container: WixPatternsContainer;
-        responsiveDisabled: boolean | undefined;
-    };
-}
-export declare class HorizontalOverflowState {
-    readonly _syncThrottled: import("lodash").DebouncedFuncLeading<() => void>;
-    readonly container: WixPatternsContainer;
-    readonly _state: {
-        container: WixPatternsContainer;
-        responsiveDisabled: boolean | undefined;
-    };
-    _element?: Element | null | undefined;
-    _scrollWidth: number;
-    _clientWidth: number;
-    constructor(params: HorizontalOverflowStateParams);
-    get _isOverflowing(): boolean;
-    _sync(): void;
-    initLayout(): void;
-    init(): (() => void) | undefined;
-}
-//# sourceMappingURL=HorizontalOverflowState.d.ts.map

package/dist/types/state/Responsive/HorizontalOverflowState.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"HorizontalOverflowState.d.ts","sourceRoot":"","sources":["../../../../src/state/Responsive/HorizontalOverflowState.ts"],"names":[],"mappings":";AACA,OAAO,EAAqB,oBAAoB,EAAE,MAAM,eAAe,CAAC;AAExE,MAAM,WAAW,6BAA6B;IAC5C,KAAK,EAAE;QACL,SAAS,EAAE,oBAAoB,CAAC;QAChC,kBAAkB,EAAE,OAAO,GAAG,SAAS,CAAC;KACzC,CAAC;CACH;AAED,qBAAa,uBAAuB;IAClC,QAAQ,CAAC,cAAc,oDAAC;IAExB,QAAQ,CAAC,SAAS,uBAAC;IACnB,QAAQ,CAAC,MAAM;;;MAAC;IAEhB,QAAQ,CAAC,EAAE,OAAO,GAAG,IAAI,GAAG,SAAS,CAAC;IAEtC,YAAY,SAAK;IACjB,YAAY,SAAK;gBAEL,MAAM,EAAE,6BAA6B;IAiBjD,IAAI,cAAc,YAEjB;IAED,KAAK;IAWL,UAAU;IAcV,IAAI;CAiBL"}

package/dist/types/state/Responsive/HorizontalSpaceAvailableState.d.ts

@@ -1,26 +0,0 @@
-/// <reference types="lodash" />
-import { WixPatternsContainer } from '@wix/bex-core';
-export interface HorizontalSpaceAvailableStateParams {
-    state: {
-        container: WixPatternsContainer;
-        responsiveDisabled: boolean | undefined;
-    };
-}
-export declare class HorizontalSpaceAvailableState {
-    readonly _syncThrottled: import("lodash").DebouncedFuncLeading<() => void>;
-    readonly container: WixPatternsContainer;
-    readonly _state: {
-        container: WixPatternsContainer;
-        responsiveDisabled: boolean | undefined;
-    };
-    _element?: Element | null | undefined;
-    _child?: Element | null | undefined;
-    _directChildClientWidth: number;
-    _clientWidth: number;
-    constructor(params: HorizontalSpaceAvailableStateParams);
-    _sync(): void;
-    get available(): number;
-    initLayout(): void;
-    init(): (() => void) | undefined;
-}
-//# sourceMappingURL=HorizontalSpaceAvailableState.d.ts.map

package/dist/types/state/Responsive/HorizontalSpaceAvailableState.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"HorizontalSpaceAvailableState.d.ts","sourceRoot":"","sources":["../../../../src/state/Responsive/HorizontalSpaceAvailableState.ts"],"names":[],"mappings":";AACA,OAAO,EAAqB,oBAAoB,EAAE,MAAM,eAAe,CAAC;AAExE,MAAM,WAAW,mCAAmC;IAClD,KAAK,EAAE;QACL,SAAS,EAAE,oBAAoB,CAAC;QAChC,kBAAkB,EAAE,OAAO,GAAG,SAAS,CAAC;KACzC,CAAC;CACH;AAED,qBAAa,6BAA6B;IACxC,QAAQ,CAAC,cAAc,oDAAC;IAExB,QAAQ,CAAC,SAAS,uBAAC;IACnB,QAAQ,CAAC,MAAM;;;MAAC;IAEhB,QAAQ,CAAC,EAAE,OAAO,GAAG,IAAI,GAAG,SAAS,CAAC;IACtC,MAAM,CAAC,EAAE,OAAO,GAAG,IAAI,GAAG,SAAS,CAAC;IAEpC,uBAAuB,SAAK;IAC5B,YAAY,SAAK;gBAEL,MAAM,EAAE,mCAAmC;IAiBvD,KAAK;IAWL,IAAI,SAAS,WAEZ;IAED,UAAU;IAcV,IAAI;CAiBL"}

package/src/components/Responsive/HorizontalAvailableSpaceBox.tsx

@@ -1,32 +0,0 @@
-import { Box, BoxProps } from '@wix/design-system';
-import React, { useEffect, useLayoutEffect } from 'react';
-import { HorizontalSpaceAvailableState } from '../../state/Responsive/HorizontalSpaceAvailableState';
-
-export interface HorizontalAvailableSpaceBoxProps extends Partial<BoxProps> {
-  state: HorizontalSpaceAvailableState;
-}
-
-export function HorizontalAvailableSpaceBox(
-  props: HorizontalAvailableSpaceBoxProps,
-) {
-  const { state, children, ...rest } = props;
-
-  useLayoutEffect(() => state.initLayout(), []);
-  useEffect(() => state.init(), []);
-
-  return (
-    <Box
-      ref={(element) => {
-        state._element = element;
-        state._child = element?.firstElementChild as Element | null;
-      }}
-      minWidth={0}
-      flex={1}
-      align="right"
-      direction="horizontal"
-      {...rest}
-    >
-      {children}
-    </Box>
-  );
-}

package/src/components/Responsive/HorizontalOverflowBox.tsx

@@ -1,26 +0,0 @@
-import { Box, BoxProps } from '@wix/design-system';
-import { HorizontalOverflowState } from '../../state/Responsive/HorizontalOverflowState';
-import React, { useEffect, useLayoutEffect } from 'react';
-
-export interface HorizontalOverflowBoxProps extends Partial<BoxProps> {
-  state: HorizontalOverflowState;
-}
-
-export function HorizontalOverflowBox(props: HorizontalOverflowBoxProps) {
-  const { state, ...rest } = props;
-
-  useLayoutEffect(() => state.initLayout(), []);
-  useEffect(() => state.init(), []);
-
-  return (
-    <Box
-      dataHook="horizontal-overflow-box"
-      ref={(element) => {
-        state._element = element;
-      }}
-      minWidth={0}
-      direction="horizontal"
-      {...rest}
-    />
-  );
-}

package/src/state/Responsive/HorizontalOverflowState.ts

@@ -1,85 +0,0 @@
-import { action, computed, makeObservable, observable } from 'mobx';
-import { addResizeObserver, WixPatternsContainer } from '@wix/bex-core';
-
-export interface HorizontalOverflowStateParams {
-  state: {
-    container: WixPatternsContainer;
-    responsiveDisabled: boolean | undefined;
-  };
-}
-
-export class HorizontalOverflowState {
-  readonly _syncThrottled;
-
-  readonly container;
-  readonly _state;
-
-  _element?: Element | null | undefined;
-
-  _scrollWidth = 0;
-  _clientWidth = 0;
-
-  constructor(params: HorizontalOverflowStateParams) {
-    const { state } = params;
-    this.container = state.container;
-    this._state = state;
-
-    makeObservable(this, {
-      _sync: action.bound,
-      _scrollWidth: observable.ref,
-      _clientWidth: observable.ref,
-      _isOverflowing: computed,
-    });
-
-    this._syncThrottled = this.container.lodash.throttle(() => {
-      window.requestAnimationFrame(this._sync);
-    }, 200);
-  }
-
-  get _isOverflowing() {
-    return this._scrollWidth > this._clientWidth;
-  }
-
-  _sync() {
-    const { _element } = this;
-
-    if (!_element) {
-      return;
-    }
-
-    this._clientWidth = _element.clientWidth;
-    this._scrollWidth = _element.scrollWidth;
-  }
-
-  initLayout() {
-    const { _element, _state } = this;
-
-    if (_state.responsiveDisabled) {
-      return;
-    }
-
-    if (!_element) {
-      return;
-    }
-
-    this._sync();
-  }
-
-  init() {
-    const { _element, _state } = this;
-
-    if (_state.responsiveDisabled) {
-      return;
-    }
-
-    if (!_element) {
-      return;
-    }
-
-    const disposers = [addResizeObserver(_element, this._syncThrottled)];
-
-    return () => {
-      disposers.forEach((d) => d?.());
-    };
-  }
-}

package/src/state/Responsive/HorizontalSpaceAvailableState.ts

@@ -1,86 +0,0 @@
-import { action, computed, makeObservable, observable } from 'mobx';
-import { addResizeObserver, WixPatternsContainer } from '@wix/bex-core';
-
-export interface HorizontalSpaceAvailableStateParams {
-  state: {
-    container: WixPatternsContainer;
-    responsiveDisabled: boolean | undefined;
-  };
-}
-
-export class HorizontalSpaceAvailableState {
-  readonly _syncThrottled;
-
-  readonly container;
-  readonly _state;
-
-  _element?: Element | null | undefined;
-  _child?: Element | null | undefined;
-
-  _directChildClientWidth = 0;
-  _clientWidth = 0;
-
-  constructor(params: HorizontalSpaceAvailableStateParams) {
-    const { state } = params;
-    this.container = state.container;
-    this._state = state;
-
-    makeObservable(this, {
-      _sync: action.bound,
-      _directChildClientWidth: observable.ref,
-      _clientWidth: observable.ref,
-      available: computed,
-    });
-
-    this._syncThrottled = this.container.lodash.throttle(() => {
-      window.requestAnimationFrame(this._sync);
-    }, 200);
-  }
-
-  _sync() {
-    const { _element, _child } = this;
-
-    if (!_element || !_child) {
-      return;
-    }
-
-    this._clientWidth = _element.clientWidth;
-    this._directChildClientWidth = _child.scrollWidth;
-  }
-
-  get available() {
-    return this._clientWidth - this._directChildClientWidth;
-  }
-
-  initLayout() {
-    const { _element, _child, _state } = this;
-
-    if (_state.responsiveDisabled) {
-      return;
-    }
-
-    if (!_element || !_child) {
-      return;
-    }
-
-    this._sync();
-  }
-
-  init() {
-    const { _element, _child, _state } = this;
-
-    if (_state.responsiveDisabled) {
-      return;
-    }
-
-    if (!_element || !_child) {
-      return;
-    }
-
-    const disposers = [addResizeObserver(_child, this._syncThrottled)];
-
-    return () => {
-      disposers.forEach((d) => d?.());
-    };
-  }
-}