igniteui-webcomponents 7.3.0 → 7.3.2

package/components/resize-container/default-ghost.d.ts

@@ -1,5 +0,0 @@
-/**
- * Default ghost element factory for the igc-resize implementation.
- */
-export declare function createDefaultGhostElement({ x, y, width, height, }: DOMRect): HTMLElement;
-export declare function getDefaultLayer(): HTMLElement;

package/components/resize-container/default-ghost.js

@@ -1,20 +0,0 @@
-import { setStyles } from '#internals/utils/dom.js';
-export function createDefaultGhostElement({ x, y, width, height, }) {
-    const element = document.createElement('div');
-    const { scrollX, scrollY } = window;
-    setStyles(element, {
-        position: 'absolute',
-        top: `${y + scrollY}px`,
-        left: `${x + scrollX}px`,
-        zIndex: '1000',
-        background: 'pink',
-        opacity: '0.85',
-        width: `${width}px`,
-        height: `${height}px`,
-    });
-    return element;
-}
-export function getDefaultLayer() {
-    return document.body;
-}
-//# sourceMappingURL=default-ghost.js.map

package/components/resize-container/default-ghost.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"default-ghost.js","sourceRoot":"","sources":["../../../src/components/resize-container/default-ghost.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,yBAAyB,CAAC;AAKpD,MAAM,UAAU,yBAAyB,CAAC,EACxC,CAAC,EACD,CAAC,EACD,KAAK,EACL,MAAM,GACE;IACR,MAAM,OAAO,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;IAC9C,MAAM,EAAE,OAAO,EAAE,OAAO,EAAE,GAAG,MAAM,CAAC;IAEpC,SAAS,CAAC,OAAO,EAAE;QACjB,QAAQ,EAAE,UAAU;QACpB,GAAG,EAAE,GAAG,CAAC,GAAG,OAAO,IAAI;QACvB,IAAI,EAAE,GAAG,CAAC,GAAG,OAAO,IAAI;QACxB,MAAM,EAAE,MAAM;QACd,UAAU,EAAE,MAAM;QAClB,OAAO,EAAE,MAAM;QACf,KAAK,EAAE,GAAG,KAAK,IAAI;QACnB,MAAM,EAAE,GAAG,MAAM,IAAI;KACtB,CAAC,CAAC;IAEH,OAAO,OAAO,CAAC;AACjB,CAAC;AAED,MAAM,UAAU,eAAe;IAC7B,OAAO,QAAQ,CAAC,IAAI,CAAC;AACvB,CAAC","sourcesContent":["import { setStyles } from '#internals/utils/dom.js';\n\n/**\n * Default ghost element factory for the igc-resize implementation.\n */\nexport function createDefaultGhostElement({\n  x,\n  y,\n  width,\n  height,\n}: DOMRect): HTMLElement {\n  const element = document.createElement('div');\n  const { scrollX, scrollY } = window;\n\n  setStyles(element, {\n    position: 'absolute',\n    top: `${y + scrollY}px`,\n    left: `${x + scrollX}px`,\n    zIndex: '1000',\n    background: 'pink',\n    opacity: '0.85',\n    width: `${width}px`,\n    height: `${height}px`,\n  });\n\n  return element;\n}\n\nexport function getDefaultLayer(): HTMLElement {\n  return document.body;\n}\n"]}

package/components/resize-container/resize-container.d.ts

@@ -1,60 +0,0 @@
-import { LitElement, nothing } from 'lit';
-import type { Constructor } from '#internals/mixins/constructor.js';
-import type { ResizeCallbackParams, ResizeGhostFactory, ResizeMode } from './types.js';
-/** @hidden */
-export interface IgcResizeContainerComponentEventMap {
-    igcResizeStart: CustomEvent<ResizeCallbackParams>;
-    igcResize: CustomEvent<ResizeCallbackParams>;
-    igcResizeEnd: CustomEvent<ResizeCallbackParams>;
-    igcResizeCancel: CustomEvent<unknown>;
-}
-declare const IgcResizeContainerComponent_base: Constructor<import("#internals/mixins/event-emitter.js").EventEmitterInterface<IgcResizeContainerComponentEventMap>> & Constructor<LitElement>;
-/**
- * @element igc-resize
- *
- * @slot - renders the element(s) that should be resized
- * @slot side-adorner - renders the side resize handle.
- * @slot corner-adorner - renders the corner resize handle.
- * @slot bottom-adorner - renders the bottom resize handle.
- *
- */
-export default class IgcResizeContainerComponent extends IgcResizeContainerComponent_base {
-    static readonly tagName = "igc-resize";
-    static styles: import("lit").CSSResult[];
-    static register(): void;
-    private _controller;
-    private _mode;
-    private _ghostFactory?;
-    /** The DOM container doing the actual resizing */
-    private _container;
-    /** Resize component adorners */
-    private _adorners;
-    private _isActive;
-    /**
-     * Whether to always show the resize element adorners.
-     */
-    active: boolean;
-    set ghostFactory(value: ResizeGhostFactory);
-    get ghostFactory(): ResizeGhostFactory | undefined;
-    /** Get/Set the mode of the resizing operation. */
-    set mode(value: ResizeMode);
-    get mode(): ResizeMode;
-    constructor();
-    protected createRenderRoot(): HTMLElement | DocumentFragment;
-    private _updateResizingState;
-    private _handlePointerEnter;
-    private _handlePointerLeave;
-    private _handleResizeStart;
-    private _handleResize;
-    private _handleResizeEnd;
-    private _handleResizeCancel;
-    protected _renderAdorner(name: 'side' | 'corner' | 'bottom', part: string): import("lit-html").TemplateResult<1>;
-    protected _renderAdorners(): typeof nothing | import("lit-html").TemplateResult<1>;
-    protected render(): import("lit-html").TemplateResult<1>;
-}
-declare global {
-    interface HTMLElementTagNameMap {
-        'igc-resize': IgcResizeContainerComponent;
-    }
-}
-export {};

package/components/resize-container/resize-container.js

@@ -1,156 +0,0 @@
-var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
-    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
-    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
-    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
-    return c > 3 && r && Object.defineProperty(target, key, r), r;
-};
-import { html, LitElement, nothing } from 'lit';
-import { property, state } from 'lit/decorators.js';
-import { createRef, ref } from 'lit/directives/ref.js';
-import { registerComponent } from '#internals/definitions/register.js';
-import { EventEmitterMixin } from '#internals/mixins/event-emitter.js';
-import { partMap } from '#internals/part-map.js';
-import { setStyles } from '#internals/utils/dom.js';
-import { bindIf } from '#internals/utils/lit.js';
-import { addThemingController } from '#theming/theming-controller.js';
-import IgcIconComponent from '../icon/icon.js';
-import { addResizeController } from './resize-controller.js';
-import { styles } from './themes/resize-container.base.css.js';
-import { styles as shared } from './themes/shared/resize-container.common.css.js';
-import { all } from './themes/themes.js';
-export default class IgcResizeContainerComponent extends EventEmitterMixin(LitElement) {
-    static { this.tagName = 'igc-resize'; }
-    static { this.styles = [styles, shared]; }
-    static register() {
-        registerComponent(IgcResizeContainerComponent, IgcIconComponent);
-    }
-    set ghostFactory(value) {
-        this._ghostFactory = value;
-        this._controller.set({ deferredFactory: this._ghostFactory });
-    }
-    get ghostFactory() {
-        return this._ghostFactory;
-    }
-    set mode(value) {
-        this._mode = value;
-        this._controller.set({ mode: this._mode });
-    }
-    get mode() {
-        return this._mode;
-    }
-    constructor() {
-        super();
-        this._mode = 'immediate';
-        this._container = createRef();
-        this._adorners = {
-            side: createRef(),
-            corner: createRef(),
-            bottom: createRef(),
-        };
-        this._isActive = false;
-        this.active = false;
-        addThemingController(this, all);
-        this._controller = addResizeController(this, {
-            ref: [this._adorners.side, this._adorners.corner, this._adorners.bottom],
-            mode: this._mode,
-            deferredFactory: this._ghostFactory,
-            start: this._handleResizeStart,
-            resize: this._handleResize,
-            end: this._handleResizeEnd,
-            cancel: this._handleResizeCancel,
-            resizeTarget: () => this._container.value,
-        });
-    }
-    createRenderRoot() {
-        const root = super.createRenderRoot();
-        root.addEventListener('slotchange', () => this.requestUpdate());
-        return root;
-    }
-    _updateResizingState(params) {
-        const { initial, current, trigger } = params.state;
-        const { side, bottom } = this._adorners;
-        if (trigger === side.value) {
-            current.height = initial.height;
-        }
-        else if (trigger === bottom.value) {
-            current.width = initial.width;
-        }
-    }
-    _handlePointerEnter() {
-        this._isActive = true;
-    }
-    _handlePointerLeave() {
-        this._isActive = false;
-    }
-    _handleResizeStart(params) {
-        params.event.preventDefault();
-        return this.emitEvent('igcResizeStart', {
-            bubbles: false,
-            cancelable: true,
-            detail: params,
-        });
-    }
-    _handleResize(params) {
-        this._updateResizingState(params);
-        this.emitEvent('igcResize', { bubbles: false, detail: params });
-    }
-    _handleResizeEnd(params) {
-        this.emitEvent('igcResizeEnd', { bubbles: false, detail: params });
-    }
-    _handleResizeCancel({ initial }) {
-        this._controller.dispose();
-        if (this.mode !== 'deferred') {
-            setStyles(this._container.value, {
-                width: `${initial.width}px`,
-                height: `${initial.height}px`,
-            });
-        }
-        this.emitEvent('igcResizeCancel', { bubbles: false, cancelable: false });
-    }
-    _renderAdorner(name, part) {
-        return html `
-      <slot ${ref(this._adorners[name])} part=${part} name="${name}-adorner">
-      </slot>
-    `;
-    }
-    _renderAdorners() {
-        if (!this._isActive && !this.active) {
-            return nothing;
-        }
-        return html `
-      ${this._renderAdorner('side', 'trigger-side')}
-      ${this._renderAdorner('corner', 'trigger')}
-      ${this._renderAdorner('bottom', 'trigger-bottom')}
-    `;
-    }
-    render() {
-        const parts = {
-            'resize-base': true,
-            active: this._isActive || this.active,
-        };
-        return html `
-      <div
-        ${ref(this._container)}
-        part=${partMap(parts)}
-        @pointerenter=${bindIf(!this.active, this._handlePointerEnter)}
-        @pointerleave=${bindIf(!this.active, this._handlePointerLeave)}
-      >
-        <slot></slot>
-        ${this._renderAdorners()}
-      </div>
-    `;
-    }
-}
-__decorate([
-    state()
-], IgcResizeContainerComponent.prototype, "_isActive", void 0);
-__decorate([
-    property({ type: Boolean, reflect: true })
-], IgcResizeContainerComponent.prototype, "active", void 0);
-__decorate([
-    property({ attribute: false })
-], IgcResizeContainerComponent.prototype, "ghostFactory", null);
-__decorate([
-    property()
-], IgcResizeContainerComponent.prototype, "mode", null);
-//# sourceMappingURL=resize-container.js.map

package/components/resize-container/resize-container.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"resize-container.js","sourceRoot":"","sources":["../../../src/components/resize-container/resize-container.ts"],"names":[],"mappings":"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","sourcesContent":["import { html, LitElement, nothing } from 'lit';\nimport { property, state } from 'lit/decorators.js';\nimport { createRef, type Ref, ref } from 'lit/directives/ref.js';\nimport { registerComponent } from '#internals/definitions/register.js';\nimport type { Constructor } from '#internals/mixins/constructor.js';\nimport { EventEmitterMixin } from '#internals/mixins/event-emitter.js';\nimport { partMap } from '#internals/part-map.js';\nimport { setStyles } from '#internals/utils/dom.js';\nimport { bindIf } from '#internals/utils/lit.js';\nimport { addThemingController } from '#theming/theming-controller.js';\nimport IgcIconComponent from '../icon/icon.js';\nimport { addResizeController } from './resize-controller.js';\nimport { styles } from './themes/resize-container.base.css.js';\nimport { styles as shared } from './themes/shared/resize-container.common.css.js';\nimport { all } from './themes/themes.js';\nimport type {\n  ResizeCallbackParams,\n  ResizeGhostFactory,\n  ResizeMode,\n  ResizeState,\n} from './types.js';\n\n/** @hidden */\nexport interface IgcResizeContainerComponentEventMap {\n  igcResizeStart: CustomEvent<ResizeCallbackParams>;\n  igcResize: CustomEvent<ResizeCallbackParams>;\n  igcResizeEnd: CustomEvent<ResizeCallbackParams>;\n  igcResizeCancel: CustomEvent<unknown>;\n}\n\n/* blazorSuppress */\n/**\n * @element igc-resize\n *\n * @slot - renders the element(s) that should be resized\n * @slot side-adorner - renders the side resize handle.\n * @slot corner-adorner - renders the corner resize handle.\n * @slot bottom-adorner - renders the bottom resize handle.\n *\n */\nexport default class IgcResizeContainerComponent extends EventEmitterMixin<\n  IgcResizeContainerComponentEventMap,\n  Constructor<LitElement>\n>(LitElement) {\n  public static readonly tagName = 'igc-resize';\n  public static styles = [styles, shared];\n\n  /* blazorSuppress */\n  public static register(): void {\n    registerComponent(IgcResizeContainerComponent, IgcIconComponent);\n  }\n\n  private _controller: ReturnType<typeof addResizeController>;\n\n  private _mode: ResizeMode = 'immediate';\n  private _ghostFactory?: ResizeGhostFactory;\n\n  /** The DOM container doing the actual resizing */\n  private _container: Ref<HTMLElement> = createRef();\n\n  /** Resize component adorners */\n  private _adorners: Record<'side' | 'corner' | 'bottom', Ref<HTMLElement>> = {\n    side: createRef(),\n    corner: createRef(),\n    bottom: createRef(),\n  };\n\n  @state()\n  private _isActive = false;\n\n  /**\n   * Whether to always show the resize element adorners.\n   */\n  @property({ type: Boolean, reflect: true })\n  public active = false;\n\n  @property({ attribute: false })\n  public set ghostFactory(value: ResizeGhostFactory) {\n    this._ghostFactory = value;\n    this._controller.set({ deferredFactory: this._ghostFactory });\n  }\n\n  public get ghostFactory(): ResizeGhostFactory | undefined {\n    return this._ghostFactory;\n  }\n\n  /** Get/Set the mode of the resizing operation. */\n  @property()\n  public set mode(value: ResizeMode) {\n    this._mode = value;\n    this._controller.set({ mode: this._mode });\n  }\n\n  public get mode(): ResizeMode {\n    return this._mode;\n  }\n\n  constructor() {\n    super();\n\n    addThemingController(this, all);\n\n    this._controller = addResizeController(this, {\n      ref: [this._adorners.side, this._adorners.corner, this._adorners.bottom],\n      mode: this._mode,\n      deferredFactory: this._ghostFactory,\n      start: this._handleResizeStart,\n      resize: this._handleResize,\n      end: this._handleResizeEnd,\n      cancel: this._handleResizeCancel,\n      resizeTarget: () => this._container.value!,\n    });\n  }\n\n  protected override createRenderRoot(): HTMLElement | DocumentFragment {\n    const root = super.createRenderRoot();\n    root.addEventListener('slotchange', () => this.requestUpdate());\n    return root;\n  }\n\n  private _updateResizingState(params: ResizeCallbackParams): void {\n    const { initial, current, trigger } = params.state;\n    const { side, bottom } = this._adorners;\n\n    if (trigger === side.value) {\n      current.height = initial.height;\n    } else if (trigger === bottom.value) {\n      current.width = initial.width;\n    }\n  }\n\n  private _handlePointerEnter(): void {\n    this._isActive = true;\n  }\n\n  private _handlePointerLeave(): void {\n    this._isActive = false;\n  }\n\n  private _handleResizeStart(params: ResizeCallbackParams) {\n    params.event.preventDefault();\n\n    return this.emitEvent('igcResizeStart', {\n      bubbles: false,\n      cancelable: true,\n      detail: params,\n    });\n  }\n\n  private _handleResize(params: ResizeCallbackParams): void {\n    this._updateResizingState(params);\n    this.emitEvent('igcResize', { bubbles: false, detail: params });\n  }\n\n  private _handleResizeEnd(params: ResizeCallbackParams): void {\n    this.emitEvent('igcResizeEnd', { bubbles: false, detail: params });\n  }\n\n  private _handleResizeCancel({ initial }: ResizeState): void {\n    this._controller.dispose();\n\n    if (this.mode !== 'deferred') {\n      setStyles(this._container.value!, {\n        width: `${initial.width}px`,\n        height: `${initial.height}px`,\n      });\n    }\n\n    this.emitEvent('igcResizeCancel', { bubbles: false, cancelable: false });\n  }\n\n  protected _renderAdorner(name: 'side' | 'corner' | 'bottom', part: string) {\n    return html`\n      <slot ${ref(this._adorners[name])} part=${part} name=\"${name}-adorner\">\n      </slot>\n    `;\n  }\n\n  protected _renderAdorners() {\n    if (!this._isActive && !this.active) {\n      return nothing;\n    }\n\n    return html`\n      ${this._renderAdorner('side', 'trigger-side')}\n      ${this._renderAdorner('corner', 'trigger')}\n      ${this._renderAdorner('bottom', 'trigger-bottom')}\n    `;\n  }\n\n  protected override render() {\n    const parts = {\n      'resize-base': true,\n      active: this._isActive || this.active,\n    };\n\n    return html`\n      <div\n        ${ref(this._container)}\n        part=${partMap(parts)}\n        @pointerenter=${bindIf(!this.active, this._handlePointerEnter)}\n        @pointerleave=${bindIf(!this.active, this._handlePointerLeave)}\n      >\n        <slot></slot>\n        ${this._renderAdorners()}\n      </div>\n    `;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'igc-resize': IgcResizeContainerComponent;\n  }\n}\n"]}

package/components/resize-container/resize-controller.d.ts

@@ -1,46 +0,0 @@
-import type { ReactiveController, ReactiveControllerHost } from 'lit';
-import type { ResizeControllerConfiguration } from './types.js';
-declare class ResizeController implements ReactiveController {
-    private readonly _host;
-    private readonly _abortHandle;
-    private readonly _options;
-    private _id;
-    private _hasPointerCapture;
-    private _state;
-    private _activeRef;
-    private _ghost;
-    private get _element();
-    private get _resizeTarget();
-    private get _layer();
-    /** Whether the controller is in deferred mode. */
-    private get _isDeferred();
-    private get _stateParameters();
-    constructor(host: ReactiveControllerHost & HTMLElement, options?: ResizeControllerConfiguration);
-    /** Whether the controller is enabled and will listen for events. */
-    get enabled(): boolean;
-    /** Updates the configuration of the resize controller. */
-    set(options?: ResizeControllerConfiguration): void;
-    /** Stops any resizing operation, cleaning up any additional elements and event listeners. */
-    dispose(): void;
-    /** @internal */
-    hostConnected(): void;
-    /** @internal */
-    hostDisconnected(): void;
-    /** @internal */
-    handleEvent(event: PointerEvent & KeyboardEvent): void;
-    private _handlePointerDown;
-    private _handlePointerMove;
-    private _handlePointerEnd;
-    private _handleCancel;
-    private _shouldSkip;
-    private _setActiveRef;
-    private _setResizeState;
-    private _setResizeCancelListener;
-    private _setInitialState;
-    private _updateState;
-    private _updatePosition;
-    private _createGhostElement;
-    private _removeGhostElement;
-}
-export declare function addResizeController(host: ReactiveControllerHost & HTMLElement, options?: ResizeControllerConfiguration): ResizeController;
-export {};

package/components/resize-container/resize-controller.js

@@ -1,195 +0,0 @@
-import { createAbortHandle } from '#internals/abort-handler.js';
-import { escapeKey, isKey } from '#internals/controllers/key-bindings.js';
-import { setStyles } from '#internals/utils/dom.js';
-import { getElementFromPath } from '#internals/utils/events.js';
-import { createDefaultGhostElement, getDefaultLayer } from './default-ghost.js';
-const additionalEvents = [
-    'pointermove',
-    'lostpointercapture',
-    'contextmenu',
-];
-class ResizeController {
-    get _element() {
-        return this._activeRef ?? this._host;
-    }
-    get _resizeTarget() {
-        return this._options.resizeTarget?.call(this._host) ?? this._host;
-    }
-    get _layer() {
-        if (!this._isDeferred) {
-            return this._host;
-        }
-        return this._options.layer?.() ?? this._host;
-    }
-    get _isDeferred() {
-        return this._options.mode === 'deferred';
-    }
-    get _stateParameters() {
-        const { initial, current } = this._state;
-        return {
-            initial,
-            current,
-            deltaX: current.width - initial.width,
-            deltaY: current.height - initial.height,
-            ghost: this._ghost,
-            trigger: this._activeRef,
-        };
-    }
-    constructor(host, options) {
-        this._abortHandle = createAbortHandle();
-        this._options = {
-            enabled: true,
-            layer: getDefaultLayer,
-        };
-        this._id = -1;
-        this._hasPointerCapture = false;
-        this._activeRef = null;
-        this._ghost = null;
-        this._host = host;
-        this._host.addController(this);
-        this.set(options);
-    }
-    get enabled() {
-        return Boolean(this._options.enabled);
-    }
-    set(options) {
-        Object.assign(this._options, options);
-    }
-    dispose() {
-        this._setResizeState(false);
-        this._removeGhostElement();
-        this._activeRef = null;
-    }
-    hostConnected() {
-        const { signal } = this._abortHandle;
-        this._host.addEventListener('pointerdown', this, { signal });
-        this._host.addEventListener('touchstart', this, { passive: false, signal });
-    }
-    hostDisconnected() {
-        this._abortHandle.abort();
-        this._setResizeCancelListener(false);
-        this._removeGhostElement();
-    }
-    handleEvent(event) {
-        if (!this.enabled) {
-            return;
-        }
-        switch (event.type) {
-            case 'touchstart':
-            case 'contextmenu':
-                event.preventDefault();
-                break;
-            case 'keydown':
-                this._handleCancel(event);
-                break;
-            case 'pointerdown':
-                this._handlePointerDown(event);
-                break;
-            case 'pointermove':
-                this._handlePointerMove(event);
-                break;
-            case 'lostpointercapture':
-                this._handlePointerEnd(event);
-                break;
-        }
-    }
-    _handlePointerDown(event) {
-        if (event.button || this._shouldSkip(event)) {
-            return;
-        }
-        this._setInitialState(event);
-        this._createGhostElement();
-        const parameters = { event, state: this._stateParameters };
-        if (this._options.start?.call(this._host, parameters) === false) {
-            this.dispose();
-            return;
-        }
-        this._setResizeState();
-    }
-    _handlePointerMove(event) {
-        if (!this._hasPointerCapture) {
-            return;
-        }
-        this._updateState(event);
-        const parameters = { event, state: this._stateParameters };
-        this._options.resize?.call(this._host, parameters);
-        this._state.current = parameters.state.current;
-        this._updatePosition(this._isDeferred ? this._ghost : this._resizeTarget);
-    }
-    _handlePointerEnd(event) {
-        const parameters = { event, state: this._stateParameters };
-        this._options.end?.call(this._host, parameters);
-        this._state.current = parameters.state.current;
-        parameters.state.commit?.() ?? this._updatePosition(this._resizeTarget);
-        this.dispose();
-    }
-    _handleCancel(event) {
-        if (this._hasPointerCapture && isKey(event, escapeKey)) {
-            this._options.cancel?.call(this._host, this._stateParameters);
-        }
-    }
-    _shouldSkip(event) {
-        this._setActiveRef(event);
-        return !this._activeRef;
-    }
-    _setActiveRef(event) {
-        const refs = this._options.ref?.map(({ value }) => value) ?? [this._host];
-        this._activeRef =
-            getElementFromPath((e) => refs.includes(e), event) ?? null;
-    }
-    _setResizeState(enabled = true) {
-        this._hasPointerCapture = enabled;
-        enabled
-            ? this._element.setPointerCapture(this._id)
-            : this._element.releasePointerCapture(this._id);
-        this._setResizeCancelListener(enabled);
-        for (const type of additionalEvents) {
-            enabled
-                ? this._host.addEventListener(type, this)
-                : this._host.removeEventListener(type, this);
-        }
-    }
-    _setResizeCancelListener(enabled = true) {
-        enabled
-            ? globalThis.addEventListener('keydown', this)
-            : globalThis.removeEventListener('keydown', this);
-    }
-    _setInitialState({ pointerId }) {
-        const dimensions = this._resizeTarget.getBoundingClientRect();
-        this._id = pointerId;
-        this._state = {
-            initial: dimensions,
-            current: structuredClone(dimensions),
-        };
-    }
-    _updateState({ clientX, clientY }) {
-        this._state.current.width = clientX - this._state.initial.x;
-        this._state.current.height = clientY - this._state.initial.y;
-    }
-    _updatePosition(element) {
-        if (element) {
-            setStyles(element, {
-                width: `${this._state.current.width}px`,
-                height: `${this._state.current.height}px`,
-            });
-        }
-    }
-    _createGhostElement() {
-        if (!this._isDeferred) {
-            return;
-        }
-        this._ghost =
-            this._options.deferredFactory?.call(this._host) ??
-                createDefaultGhostElement(this._resizeTarget.getBoundingClientRect());
-        this._ghost.setAttribute('data-resize-ghost', '');
-        this._layer.append(this._ghost);
-    }
-    _removeGhostElement() {
-        this._ghost?.remove();
-        this._ghost = null;
-    }
-}
-export function addResizeController(host, options) {
-    return new ResizeController(host, options);
-}
-//# sourceMappingURL=resize-controller.js.map

package/components/resize-container/resize-controller.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"resize-controller.js","sourceRoot":"","sources":["../../../src/components/resize-container/resize-controller.ts"],"names":[],"mappings":"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","sourcesContent":["import type { ReactiveController, ReactiveControllerHost } from 'lit';\nimport { createAbortHandle } from '#internals/abort-handler.js';\nimport { escapeKey, isKey } from '#internals/controllers/key-bindings.js';\nimport { setStyles } from '#internals/utils/dom.js';\nimport { getElementFromPath } from '#internals/utils/events.js';\nimport { createDefaultGhostElement, getDefaultLayer } from './default-ghost.js';\nimport type { ResizeControllerConfiguration, ResizeState } from './types.js';\n\nconst additionalEvents = [\n  'pointermove',\n  'lostpointercapture',\n  'contextmenu',\n] as const;\n\ntype State = {\n  initial: DOMRect;\n  current: DOMRect;\n};\n\nclass ResizeController implements ReactiveController {\n  private readonly _host: ReactiveControllerHost & HTMLElement;\n  private readonly _abortHandle = createAbortHandle();\n\n  private readonly _options: ResizeControllerConfiguration = {\n    enabled: true,\n    layer: getDefaultLayer,\n  };\n\n  private _id = -1;\n  private _hasPointerCapture = false;\n  private _state!: State;\n\n  private _activeRef: HTMLElement | null = null;\n  private _ghost: HTMLElement | null = null;\n\n  private get _element(): HTMLElement {\n    return this._activeRef ?? this._host;\n  }\n\n  private get _resizeTarget(): HTMLElement {\n    return this._options.resizeTarget?.call(this._host) ?? this._host;\n  }\n\n  private get _layer(): HTMLElement {\n    if (!this._isDeferred) {\n      return this._host;\n    }\n\n    return this._options.layer?.() ?? this._host;\n  }\n\n  /** Whether the controller is in deferred mode. */\n  private get _isDeferred(): boolean {\n    return this._options.mode === 'deferred';\n  }\n\n  private get _stateParameters(): ResizeState {\n    const { initial, current } = this._state;\n\n    return {\n      initial,\n      current,\n      deltaX: current.width - initial.width,\n      deltaY: current.height - initial.height,\n      ghost: this._ghost,\n      trigger: this._activeRef,\n    };\n  }\n\n  constructor(\n    host: ReactiveControllerHost & HTMLElement,\n    options?: ResizeControllerConfiguration\n  ) {\n    this._host = host;\n    this._host.addController(this);\n\n    this.set(options);\n  }\n\n  // #region Public API\n\n  /** Whether the controller is enabled and will listen for events. */\n  public get enabled(): boolean {\n    return Boolean(this._options.enabled);\n  }\n\n  /** Updates the configuration of the resize controller. */\n  public set(options?: ResizeControllerConfiguration): void {\n    Object.assign(this._options, options);\n  }\n\n  /** Stops any resizing operation, cleaning up any additional elements and event listeners. */\n  public dispose(): void {\n    this._setResizeState(false);\n    this._removeGhostElement();\n    this._activeRef = null;\n  }\n\n  /** @internal */\n  public hostConnected(): void {\n    const { signal } = this._abortHandle;\n    this._host.addEventListener('pointerdown', this, { signal });\n    this._host.addEventListener('touchstart', this, { passive: false, signal });\n  }\n\n  /** @internal */\n  public hostDisconnected(): void {\n    this._abortHandle.abort();\n    this._setResizeCancelListener(false);\n    this._removeGhostElement();\n  }\n\n  /** @internal */\n  public handleEvent(event: PointerEvent & KeyboardEvent): void {\n    if (!this.enabled) {\n      return;\n    }\n\n    switch (event.type) {\n      case 'touchstart':\n      // Prevent contextmenu default behavior during resize\n      case 'contextmenu':\n        event.preventDefault();\n        break;\n      case 'keydown':\n        this._handleCancel(event);\n        break;\n      case 'pointerdown':\n        this._handlePointerDown(event);\n        break;\n      case 'pointermove':\n        this._handlePointerMove(event);\n        break;\n      case 'lostpointercapture':\n        this._handlePointerEnd(event);\n        break;\n    }\n  }\n  // #endregion\n\n  // #region Event handlers\n\n  private _handlePointerDown(event: PointerEvent): void {\n    // Non-primary buttons are ignored\n    if (event.button || this._shouldSkip(event)) {\n      return;\n    }\n\n    this._setInitialState(event);\n    this._createGhostElement();\n    const parameters = { event, state: this._stateParameters };\n\n    if (this._options.start?.call(this._host, parameters) === false) {\n      this.dispose();\n      return;\n    }\n\n    this._setResizeState();\n  }\n\n  private _handlePointerMove(event: PointerEvent): void {\n    if (!this._hasPointerCapture) {\n      return;\n    }\n\n    this._updateState(event);\n\n    const parameters = { event, state: this._stateParameters };\n    this._options.resize?.call(this._host, parameters);\n    this._state.current = parameters.state.current;\n    this._updatePosition(this._isDeferred ? this._ghost : this._resizeTarget);\n  }\n\n  private _handlePointerEnd(event: PointerEvent): void {\n    const parameters = { event, state: this._stateParameters };\n\n    this._options.end?.call(this._host, parameters);\n    this._state.current = parameters.state.current;\n\n    parameters.state.commit?.() ?? this._updatePosition(this._resizeTarget);\n    this.dispose();\n  }\n\n  private _handleCancel(event: KeyboardEvent): void {\n    if (this._hasPointerCapture && isKey(event, escapeKey)) {\n      this._options.cancel?.call(this._host, this._stateParameters);\n    }\n  }\n\n  // #endregion\n\n  // #region Internal API\n\n  private _shouldSkip(event: PointerEvent): boolean {\n    this._setActiveRef(event);\n    return !this._activeRef;\n  }\n\n  private _setActiveRef(event: Event): void {\n    const refs = this._options.ref?.map(({ value }) => value) ?? [this._host];\n\n    this._activeRef =\n      getElementFromPath((e) => refs.includes(e as HTMLElement), event) ?? null;\n  }\n\n  private _setResizeState(enabled = true): void {\n    this._hasPointerCapture = enabled;\n\n    enabled\n      ? this._element.setPointerCapture(this._id)\n      : this._element.releasePointerCapture(this._id);\n\n    this._setResizeCancelListener(enabled);\n\n    // Toggle additional event listeners\n    for (const type of additionalEvents) {\n      enabled\n        ? this._host.addEventListener(type, this)\n        : this._host.removeEventListener(type, this);\n    }\n  }\n\n  private _setResizeCancelListener(enabled = true): void {\n    enabled\n      ? globalThis.addEventListener('keydown', this)\n      : globalThis.removeEventListener('keydown', this);\n  }\n\n  private _setInitialState({ pointerId }: PointerEvent): void {\n    const dimensions = this._resizeTarget.getBoundingClientRect();\n\n    this._id = pointerId;\n    this._state = {\n      initial: dimensions,\n      current: structuredClone(dimensions),\n    };\n  }\n\n  private _updateState({ clientX, clientY }: PointerEvent): void {\n    this._state.current.width = clientX - this._state.initial.x;\n    this._state.current.height = clientY - this._state.initial.y;\n  }\n\n  private _updatePosition(element: HTMLElement | null): void {\n    if (element) {\n      setStyles(element, {\n        width: `${this._state.current.width}px`,\n        height: `${this._state.current.height}px`,\n      });\n    }\n  }\n\n  private _createGhostElement(): void {\n    if (!this._isDeferred) {\n      return;\n    }\n\n    this._ghost =\n      this._options.deferredFactory?.call(this._host) ??\n      createDefaultGhostElement(this._resizeTarget.getBoundingClientRect());\n\n    this._ghost.setAttribute('data-resize-ghost', '');\n    this._layer.append(this._ghost);\n  }\n\n  private _removeGhostElement(): void {\n    this._ghost?.remove();\n    this._ghost = null;\n  }\n\n  // #endregion\n}\n\nexport function addResizeController(\n  host: ReactiveControllerHost & HTMLElement,\n  options?: ResizeControllerConfiguration\n): ResizeController {\n  return new ResizeController(host, options);\n}\n"]}

package/components/resize-container/themes/dark/resize-indicator.bootstrap.css.js

@@ -1,3 +0,0 @@
-import { css } from 'lit';
-export const styles = css `:host{--ig-theme: bootstrap;--ig-theme-variant: dark}`;
-//# sourceMappingURL=resize-indicator.bootstrap.css.js.map

package/components/resize-container/themes/dark/resize-indicator.bootstrap.css.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"resize-indicator.bootstrap.css.js","sourceRoot":"","sources":["../../../../../src/components/resize-container/themes/dark/resize-indicator.bootstrap.css.ts"],"names":[],"mappings":"AACE,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,uDAAuD,CAAC","sourcesContent":["\n  import { css } from 'lit';\n  export const styles = css`:host{--ig-theme: bootstrap;--ig-theme-variant: dark}`;\n  "]}

package/components/resize-container/themes/dark/resize-indicator.fluent.css.d.ts

@@ -1 +0,0 @@
-export declare const styles: import("lit").CSSResult;

package/components/resize-container/themes/dark/resize-indicator.fluent.css.js

@@ -1,3 +0,0 @@
-import { css } from 'lit';
-export const styles = css `:host{--ig-theme: fluent;--ig-theme-variant: dark}`;
-//# sourceMappingURL=resize-indicator.fluent.css.js.map

package/components/resize-container/themes/dark/resize-indicator.fluent.css.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"resize-indicator.fluent.css.js","sourceRoot":"","sources":["../../../../../src/components/resize-container/themes/dark/resize-indicator.fluent.css.ts"],"names":[],"mappings":"AACE,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,oDAAoD,CAAC","sourcesContent":["\n  import { css } from 'lit';\n  export const styles = css`:host{--ig-theme: fluent;--ig-theme-variant: dark}`;\n  "]}

package/components/resize-container/themes/dark/resize-indicator.indigo.css.d.ts

@@ -1 +0,0 @@
-export declare const styles: import("lit").CSSResult;

package/components/resize-container/themes/dark/resize-indicator.indigo.css.js

@@ -1,3 +0,0 @@
-import { css } from 'lit';
-export const styles = css `:host{--resize-indicator: var(--ig-resize-indicator-resize-indicator, var(--ig-primary-300));--ig-theme: indigo;--ig-theme-variant: dark}`;
-//# sourceMappingURL=resize-indicator.indigo.css.js.map

package/components/resize-container/themes/dark/resize-indicator.indigo.css.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"resize-indicator.indigo.css.js","sourceRoot":"","sources":["../../../../../src/components/resize-container/themes/dark/resize-indicator.indigo.css.ts"],"names":[],"mappings":"AACE,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,2IAA2I,CAAC","sourcesContent":["\n  import { css } from 'lit';\n  export const styles = css`:host{--resize-indicator: var(--ig-resize-indicator-resize-indicator, var(--ig-primary-300));--ig-theme: indigo;--ig-theme-variant: dark}`;\n  "]}

package/components/resize-container/themes/dark/resize-indicator.material.css.d.ts

@@ -1 +0,0 @@
-export declare const styles: import("lit").CSSResult;

package/components/resize-container/themes/dark/resize-indicator.material.css.js

@@ -1,3 +0,0 @@
-import { css } from 'lit';
-export const styles = css `:host{--ig-theme: material;--ig-theme-variant: dark}`;
-//# sourceMappingURL=resize-indicator.material.css.js.map

package/components/resize-container/themes/dark/resize-indicator.material.css.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"resize-indicator.material.css.js","sourceRoot":"","sources":["../../../../../src/components/resize-container/themes/dark/resize-indicator.material.css.ts"],"names":[],"mappings":"AACE,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,sDAAsD,CAAC","sourcesContent":["\n  import { css } from 'lit';\n  export const styles = css`:host{--ig-theme: material;--ig-theme-variant: dark}`;\n  "]}

package/components/resize-container/themes/dark/resize-indicator.shared.css.d.ts

@@ -1 +0,0 @@
-export declare const styles: import("lit").CSSResult;

package/components/resize-container/themes/dark/resize-indicator.shared.css.js

@@ -1,3 +0,0 @@
-import { css } from 'lit';
-export const styles = css `:host{--resize-indicator: var(--ig-resize-indicator-resize-indicator, var(--ig-primary-500));--ig-theme-variant: dark}`;
-//# sourceMappingURL=resize-indicator.shared.css.js.map

package/components/resize-container/themes/dark/resize-indicator.shared.css.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"resize-indicator.shared.css.js","sourceRoot":"","sources":["../../../../../src/components/resize-container/themes/dark/resize-indicator.shared.css.ts"],"names":[],"mappings":"AACE,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,wHAAwH,CAAC","sourcesContent":["\n  import { css } from 'lit';\n  export const styles = css`:host{--resize-indicator: var(--ig-resize-indicator-resize-indicator, var(--ig-primary-500));--ig-theme-variant: dark}`;\n  "]}

package/components/resize-container/themes/light/resize-indicator.bootstrap.css.d.ts

@@ -1 +0,0 @@
-export declare const styles: import("lit").CSSResult;

package/components/resize-container/themes/light/resize-indicator.bootstrap.css.js

@@ -1,3 +0,0 @@
-import { css } from 'lit';
-export const styles = css `:host{--ig-theme: bootstrap;--ig-theme-variant: light}`;
-//# sourceMappingURL=resize-indicator.bootstrap.css.js.map

package/components/resize-container/themes/light/resize-indicator.bootstrap.css.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"resize-indicator.bootstrap.css.js","sourceRoot":"","sources":["../../../../../src/components/resize-container/themes/light/resize-indicator.bootstrap.css.ts"],"names":[],"mappings":"AACE,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,wDAAwD,CAAC","sourcesContent":["\n  import { css } from 'lit';\n  export const styles = css`:host{--ig-theme: bootstrap;--ig-theme-variant: light}`;\n  "]}

package/components/resize-container/themes/light/resize-indicator.fluent.css.d.ts

@@ -1 +0,0 @@
-export declare const styles: import("lit").CSSResult;

package/components/resize-container/themes/light/resize-indicator.fluent.css.js

@@ -1,3 +0,0 @@
-import { css } from 'lit';
-export const styles = css `:host{--ig-theme: fluent;--ig-theme-variant: light}`;
-//# sourceMappingURL=resize-indicator.fluent.css.js.map

package/components/resize-container/themes/light/resize-indicator.fluent.css.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"resize-indicator.fluent.css.js","sourceRoot":"","sources":["../../../../../src/components/resize-container/themes/light/resize-indicator.fluent.css.ts"],"names":[],"mappings":"AACE,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,qDAAqD,CAAC","sourcesContent":["\n  import { css } from 'lit';\n  export const styles = css`:host{--ig-theme: fluent;--ig-theme-variant: light}`;\n  "]}

package/components/resize-container/themes/light/resize-indicator.indigo.css.d.ts

@@ -1 +0,0 @@
-export declare const styles: import("lit").CSSResult;

package/components/resize-container/themes/light/resize-indicator.indigo.css.js

@@ -1,3 +0,0 @@
-import { css } from 'lit';
-export const styles = css `:host{--ig-theme: indigo;--ig-theme-variant: light}`;
-//# sourceMappingURL=resize-indicator.indigo.css.js.map