@breadstone/mosaik-elements-foundation 0.0.216 → 0.0.218

package/Controls/Components/Layouts/Resize/ResizeElement.js

@@ -0,0 +1,299 @@
+// #region Imports
+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;
+};
+var __metadata = (this && this.__metadata) || function (k, v) {
+    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
+};
+import { ResizeContainerController } from '../../../Controllers/ResizeContainerController';
+import { Component } from '../../../Decorators/ComponentDecorator';
+import { Slottable } from '../../../Behaviors/Slottable';
+import { Themeable } from '../../../Behaviors/Themeable';
+import { CustomElement } from '../../Abstracts/CustomElement';
+import { resizeElementTemplate } from './ResizeElementTemplate';
+import { Attribute } from '../../../Decorators/AttributeDecorator';
+import { ContainerResizeMode } from '../../../Types/ContainerResizeMode';
+import { Property } from '../../../Decorators/PropertyDecorator';
+import { resizeElementJoyStyle } from './Themes/ResizeElement.Joy';
+import { on } from '@breadstone/mosaik-elements';
+import { RendererServiceLocator } from '../../../../Dom/Renderer';
+import { ResizeDirection } from '../../../Types/ResizeDirection';
+// #endregion
+/**
+ * Resize - a container that allows its content to be resized via drag handles.
+ *
+ * @name ResizeElement
+ * @element mosaik-resize
+ * @category Layouts
+ *
+ * @fires resizeResizeStarted - Fired when a resize operation is started.
+ * @fires resizeResized - Fired when a resize operation is in progress.
+ * @fires resizeResizeEnded - Fired when a resize operation is ended.
+ * @fires resizeResizeCanceled - Fired when a resize operation is canceled.
+ *
+ * @slot - The default slot for the content to be resized.
+ *
+ * @example
+ * ```html
+ * <mosaik-resize mode="immediate">
+ *   <div style="width: 200px; height: 150px; background-color: lightgray;">
+ *     Resizable Content
+ *   </div>
+ * </mosaik-resize>
+ * ```
+ */
+let ResizeElement = class ResizeElement extends Themeable(Slottable(CustomElement)) {
+    // #region Fields
+    _resizeContainerController;
+    _ghostFactory;
+    _mode;
+    _active;
+    _hasPointer;
+    _pointerenterSubscription;
+    _pointerleaveSubscription;
+    _containerElement;
+    _sideThumbElement;
+    _cornerThumbElement;
+    _bottomThumbElement;
+    // #endregion
+    // #region Ctor
+    /**
+     * Constructs a new instance of the `{@link ResizeElement}` class.
+     *
+     * @public
+     */
+    constructor() {
+        super();
+        this._ghostFactory = undefined;
+        this._mode = 'immediate';
+        this._active = false;
+        this._hasPointer = false;
+        this._containerElement = undefined;
+        this._sideThumbElement = undefined;
+        this._cornerThumbElement = undefined;
+        this._bottomThumbElement = undefined;
+        this._resizeContainerController = new ResizeContainerController(this, {
+            mode: this._mode,
+            deferredFactory: this._ghostFactory,
+            start: (x) => this.handleResizeStart(x),
+            resize: (x) => this.handleResize(x),
+            end: (x) => this.handleResizeEnd(x),
+            cancel: (x) => this.handleResizeCancel(x),
+            resizeTarget: () => this._containerElement
+        });
+    }
+    // #endregion
+    // #region Properties
+    /**
+     * Returns the `{@link is}` property.
+     * The `{@link is}` property represents natural name of this element.
+     *
+     * @public
+     * @static
+     * @readonly
+     */
+    static get is() {
+        return 'mosaik-resize';
+    }
+    /**
+     * Gets or sets the `mode` property.
+     *
+     * @public
+     * @attr
+     */
+    get mode() {
+        return this._mode;
+    }
+    set mode(value) {
+        if (this._mode !== value) {
+            this._mode = value;
+            this._resizeContainerController.set({ mode: this._mode });
+            this.requestUpdate('mode');
+        }
+    }
+    /**
+     * Gets or sets the `active` property.
+     *
+     * @public
+     * @attr
+     */
+    get active() {
+        return this._active;
+    }
+    set active(value) {
+        if (this._active !== value) {
+            this._active = value;
+            this.requestUpdate('active');
+        }
+    }
+    /**
+     * Gets or sets the `ghostFactory` property.
+     *
+     * @public
+     */
+    get ghostFactory() {
+        return this._ghostFactory;
+    }
+    set ghostFactory(value) {
+        if (this._ghostFactory !== value) {
+            this._ghostFactory = value;
+            this._resizeContainerController.set({ deferredFactory: this._ghostFactory });
+            this.requestUpdate('ghostFactory');
+        }
+    }
+    /**
+     * Gets the `hasPointer` property.
+     *
+     * @private
+     * @readonly
+     */
+    get hasPointer() {
+        return this._hasPointer;
+    }
+    // #endregion
+    // #region Methods
+    /**
+     * @public
+     * @override
+     */
+    disconnectedCallback() {
+        super.disconnectedCallback();
+        this._pointerenterSubscription?.dispose();
+        this._pointerleaveSubscription?.dispose();
+    }
+    /**
+     * @protected
+     * @override
+     */
+    onApplyTemplate() {
+        super.onApplyTemplate();
+        this._containerElement = this.getTemplatePart('root', 'token');
+        this._pointerenterSubscription = on(this._containerElement, 'pointerenter', () => {
+            this._hasPointer = true;
+            this.requestUpdate('hasPointer');
+        });
+        this._pointerleaveSubscription = on(this._containerElement, 'pointerleave', () => {
+            this._hasPointer = false;
+            this.requestUpdate('hasPointer');
+        });
+        this._resizeContainerController.set({
+            thumbs: {
+                [ResizeDirection.North]: this.getTemplatePart(`thumb ${ResizeDirection.North}`),
+                [ResizeDirection.East]: this.getTemplatePart(`thumb ${ResizeDirection.East}`),
+                [ResizeDirection.South]: this.getTemplatePart(`thumb ${ResizeDirection.South}`),
+                [ResizeDirection.West]: this.getTemplatePart(`thumb ${ResizeDirection.West}`),
+                [ResizeDirection.NorthEast]: this.getTemplatePart(`thumb ${ResizeDirection.NorthEast}`),
+                [ResizeDirection.SouthEast]: this.getTemplatePart(`thumb ${ResizeDirection.SouthEast}`),
+                [ResizeDirection.SouthWest]: this.getTemplatePart(`thumb ${ResizeDirection.SouthWest}`),
+                [ResizeDirection.NorthWest]: this.getTemplatePart(`thumb ${ResizeDirection.NorthWest}`)
+            }
+        });
+    }
+    /**
+     * @protected
+     * @override
+     */
+    createRenderRoot() {
+        const root = super.createRenderRoot();
+        root.addEventListener('slotchange', () => this.requestUpdate());
+        return root;
+    }
+    /**
+     * @private
+     */
+    updateResizingState(params) {
+        if (params.state.trigger === this._sideThumbElement) {
+            params.state.current.height = params.state.initial.height;
+        }
+        else if (params.state.trigger === this._bottomThumbElement) {
+            params.state.current.width = params.state.initial.width;
+        }
+    }
+    /**
+     * @private
+     */
+    handleResizeStart(params) {
+        params.event.preventDefault();
+        return this.emit('resizeResizeStarted', {
+            bubbles: false,
+            cancelable: true,
+            detail: params
+        });
+    }
+    /**
+     * @private
+     */
+    handleResize(params) {
+        this.updateResizingState(params);
+        this.emit('resizeResized', {
+            bubbles: false,
+            detail: params
+        });
+    }
+    /**
+     * @private
+     */
+    handleResizeEnd(params) {
+        this.emit('resizeResizeEnded', {
+            bubbles: false,
+            detail: params
+        });
+    }
+    /**
+     * @private
+     */
+    handleResizeCancel({ initial }) {
+        this._resizeContainerController.dispose();
+        if (this.mode !== 'deferred') {
+            if (this._containerElement) {
+                RendererServiceLocator.current.setStyle(this._containerElement, 'width', `${initial.width}px`);
+                RendererServiceLocator.current.setStyle(this._containerElement, 'height', `${initial.height}px`);
+            }
+        }
+        this.emit('resizeResizeCanceled', {
+            bubbles: false,
+            cancelable: false
+        });
+    }
+};
+__decorate([
+    Attribute({ type: ContainerResizeMode }),
+    __metadata("design:type", String),
+    __metadata("design:paramtypes", [String])
+], ResizeElement.prototype, "mode", null);
+__decorate([
+    Attribute({
+        type: Boolean,
+        useDefault: true
+    }),
+    __metadata("design:type", Boolean),
+    __metadata("design:paramtypes", [Boolean])
+], ResizeElement.prototype, "active", null);
+__decorate([
+    Property({ type: Function }),
+    __metadata("design:type", Object),
+    __metadata("design:paramtypes", [Object])
+], ResizeElement.prototype, "ghostFactory", null);
+__decorate([
+    Property({ type: Boolean }),
+    __metadata("design:type", Boolean),
+    __metadata("design:paramtypes", [])
+], ResizeElement.prototype, "hasPointer", null);
+ResizeElement = __decorate([
+    Component({
+        selector: 'mosaik-resize',
+        template: resizeElementTemplate,
+        themes: {
+            joy: resizeElementJoyStyle
+            //     memphis: splitElementMemphisStyle,
+            //     cosmopolitan: splitElementCosmopolitanStyle
+        },
+        imports: []
+    }),
+    __metadata("design:paramtypes", [])
+], ResizeElement);
+export { ResizeElement };
+//# sourceMappingURL=ResizeElement.js.map

package/Controls/Components/Layouts/Resize/ResizeElement.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ResizeElement.js","sourceRoot":"","sources":["../../../../../src/Controls/Components/Layouts/Resize/ResizeElement.ts"],"names":[],"mappings":"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"}

package/Controls/Components/Layouts/Resize/ResizeElementTemplate.d.ts

@@ -0,0 +1,9 @@
+import { type TemplateResult } from '../../../../Dom/Html';
+import type { ResizeElement } from './ResizeElement';
+/**
+ * The template of the {@link ResizeElement}.
+ *
+ * @public
+ */
+export declare function resizeElementTemplate<T extends ResizeElement>(e: T): TemplateResult;
+//# sourceMappingURL=ResizeElementTemplate.d.ts.map

package/Controls/Components/Layouts/Resize/ResizeElementTemplate.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ResizeElementTemplate.d.ts","sourceRoot":"","sources":["../../../../../src/Controls/Components/Layouts/Resize/ResizeElementTemplate.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,cAAc,EAAQ,MAAM,sBAAsB,CAAC;AAIjE,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAIrD;;;;GAIG;AACH,wBAAgB,qBAAqB,CAAC,CAAC,SAAS,aAAa,EAAE,CAAC,EAAE,CAAC,GAAG,cAAc,CA2CnF"}

package/Controls/Components/Layouts/Resize/ResizeElementTemplate.js

@@ -0,0 +1,56 @@
+// #region Imports
+import { html } from '../../../../Dom/Html';
+import { when } from '../../../Directives/Directives';
+import { partMap } from '../../../Directives/part-map/PartMapDirective';
+import { ResizeDirection } from '../../../Types/ResizeDirection';
+// #endregion
+/**
+ * The template of the {@link ResizeElement}.
+ *
+ * @public
+ */
+export function resizeElementTemplate(e) {
+    return html `
+        <div part=${partMap({
+        root: true,
+        active: e.hasPointer || e.active
+    })}>
+            <slot></slot>
+            ${when(e.active, () => html `
+            <mosaik-thumb part="thumb ${ResizeDirection.North}"
+                          .lang="${e.lang}"
+                          .dir="${e.dir}"
+                          .edge="${'horizontal'}"></mosaik-thumb>
+            <mosaik-thumb part="thumb ${ResizeDirection.NorthEast}"
+                          .lang="${e.lang}"
+                          .dir="${e.dir}"
+                          .edge="${'corner'}"></mosaik-thumb>
+            <mosaik-thumb part="thumb ${ResizeDirection.East}"
+                          .lang="${e.lang}"
+                          .dir="${e.dir}"
+                          .edge="${'vertical'}"></mosaik-thumb>
+            <mosaik-thumb part="thumb ${ResizeDirection.SouthEast}"
+                          .lang="${e.lang}"
+                          .dir="${e.dir}"
+                          .edge="${'corner'}"></mosaik-thumb>
+            <mosaik-thumb part="thumb ${ResizeDirection.South}"
+                          .lang="${e.lang}"
+                          .dir="${e.dir}"
+                          .edge="${'horizontal'}"></mosaik-thumb>
+            <mosaik-thumb part="thumb ${ResizeDirection.SouthWest}"
+                          .lang="${e.lang}"
+                          .dir="${e.dir}"
+                          .edge="${'corner'}"></mosaik-thumb>
+            <mosaik-thumb part="thumb ${ResizeDirection.West}"
+                          .lang="${e.lang}"
+                          .dir="${e.dir}"
+                          .edge="${'vertical'}"></mosaik-thumb>
+            <mosaik-thumb part="thumb ${ResizeDirection.NorthWest}"
+                          .lang="${e.lang}"
+                          .dir="${e.dir}"
+                          .edge="${'corner'}"></mosaik-thumb>
+            `)}
+        </div>
+    `;
+}
+//# sourceMappingURL=ResizeElementTemplate.js.map

package/Controls/Components/Layouts/Resize/ResizeElementTemplate.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ResizeElementTemplate.js","sourceRoot":"","sources":["../../../../../src/Controls/Components/Layouts/Resize/ResizeElementTemplate.ts"],"names":[],"mappings":"AAAA,kBAAkB;AAElB,OAAO,EAAuB,IAAI,EAAE,MAAM,sBAAsB,CAAC;AACjE,OAAO,EAAE,IAAI,EAAE,MAAM,gCAAgC,CAAC;AACtD,OAAO,EAAE,OAAO,EAAE,MAAM,+CAA+C,CAAC;AACxE,OAAO,EAAE,eAAe,EAAE,MAAM,gCAAgC,CAAC;AAGjE,aAAa;AAEb;;;;GAIG;AACH,MAAM,UAAU,qBAAqB,CAA0B,CAAI;IAC/D,OAAO,IAAI,CAAA;oBACK,OAAO,CAAC;QACpB,IAAI,EAAE,IAAI;QACV,MAAM,EAAE,CAAC,CAAC,UAAU,IAAI,CAAC,CAAC,MAAM;KACnC,CAAC;;cAEQ,IAAI,CAAC,CAAC,CAAC,MAAM,EAAE,GAAG,EAAE,CAAC,IAAI,CAAA;wCACC,eAAe,CAAC,KAAK;mCAC1B,CAAC,CAAC,IAAI;kCACP,CAAC,CAAC,GAAG;mCACJ,YAAY;wCACP,eAAe,CAAC,SAAS;mCAC9B,CAAC,CAAC,IAAI;kCACP,CAAC,CAAC,GAAG;mCACJ,QAAQ;wCACH,eAAe,CAAC,IAAI;mCACzB,CAAC,CAAC,IAAI;kCACP,CAAC,CAAC,GAAG;mCACJ,UAAU;wCACL,eAAe,CAAC,SAAS;mCAC9B,CAAC,CAAC,IAAI;kCACP,CAAC,CAAC,GAAG;mCACJ,QAAQ;wCACH,eAAe,CAAC,KAAK;mCAC1B,CAAC,CAAC,IAAI;kCACP,CAAC,CAAC,GAAG;mCACJ,YAAY;wCACP,eAAe,CAAC,SAAS;mCAC9B,CAAC,CAAC,IAAI;kCACP,CAAC,CAAC,GAAG;mCACJ,QAAQ;wCACH,eAAe,CAAC,IAAI;mCACzB,CAAC,CAAC,IAAI;kCACP,CAAC,CAAC,GAAG;mCACJ,UAAU;wCACL,eAAe,CAAC,SAAS;mCAC9B,CAAC,CAAC,IAAI;kCACP,CAAC,CAAC,GAAG;mCACJ,QAAQ;aAC9B,CAAC;;KAET,CAAC;AACN,CAAC"}

package/Controls/Components/Layouts/Resize/Themes/ResizeElement.Joy.d.ts

@@ -0,0 +1,6 @@
+import { type CSSResult } from '../../../../../Dom/Css';
+/**
+ * @public
+ */
+export declare function resizeElementJoyStyle(): CSSResult;
+//# sourceMappingURL=ResizeElement.Joy.d.ts.map

package/Controls/Components/Layouts/Resize/Themes/ResizeElement.Joy.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ResizeElement.Joy.d.ts","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Layouts/Resize/Themes/ResizeElement.Joy.ts"],"names":[],"mappings":"AASA,OAAO,EAAO,KAAK,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAI7D;;GAEG;AACH,wBAAgB,qBAAqB,IAAI,SAAS,CAwGjD"}

package/Controls/Components/Layouts/Resize/Themes/ResizeElement.Joy.js

@@ -0,0 +1,118 @@
+// ------------------------------------------------------------------------------
+// <auto-generated>
+//     This code was generated by a tool.
+//     Changes to this file may cause incorrect behavior and will be lost if the code is regenerated.
+// </auto-generated>
+// ------------------------------------------------------------------------------
+// #region Imports
+import { css } from '../../../../../Dom/Css';
+// #endregion
+/**
+ * @public
+ */
+export function resizeElementJoyStyle() {
+    return css `
+:host {
+  --resize-font-family: unset;
+  --resize-font-letter-spacing: unset;
+  --resize-font-line-height: unset;
+  --resize-font-size: unset;
+  --resize-font-text-decoration: unset;
+  --resize-font-text-transform: unset;
+  --resize-font-weight: unset;
+  --resize-gap: unset;
+  --resize-padding-bottom: unset;
+  --resize-padding-left: unset;
+  --resize-padding-right: unset;
+  --resize-padding-top: unset;
+  --resize-transition-duration: unset;
+  --resize-transition-mode: unset;
+  --resize-transition-property: unset;
+  --resize-translate: unset;
+}
+
+@media screen and (prefers-reduced-motion: reduce) {
+  :host {
+    transition-duration: .01ms;
+  }
+}
+
+:host {
+  box-sizing: border-box;
+  display: block;
+  position: relative;
+}
+
+:host *, :host :before, :host :after {
+  box-sizing: border-box;
+  background-repeat: no-repeat;
+}
+
+:host :before, :host :after {
+  text-decoration: inherit;
+  vertical-align: inherit;
+}
+
+:host([hidden]) {
+  display: none !important;
+}
+
+:host {
+  display: contents;
+}
+
+:host [part~="root"] {
+  height: 100%;
+  position: relative;
+}
+
+:host [part="cornerThumb"], :host [part="sideThumb"], :host [part="bottomThumb"] {
+  z-index: 1;
+  display: inline-flex;
+  position: absolute;
+}
+
+:host [part="cornerThumb"] {
+  --_size: 32px;
+  bottom: calc(var(--_size) / 2 * -1);
+  right: calc(var(--_size) / 2 * -1);
+  cursor: se-resize;
+}
+
+:host [part="cornerThumb"]:focus {
+  outline: none;
+}
+
+:host [part="sideThumb"] {
+  --_size: 32px;
+  top: calc(50% - var(--_size));
+  right: calc(var(--_size) / 2 * -1);
+  cursor: e-resize;
+}
+
+:host [part="bottomThumb"] {
+  --_size: 32px;
+  left: calc(50% - var(--_size));
+  bottom: calc(var(--_size) / 2 * -1);
+  cursor: s-resize;
+}
+
+:host {
+  --_border-radius: 4px;
+  --_resize-indicator: red;
+}
+
+:host [part~="active"]:after {
+  content: "";
+  pointer-events: none;
+  border-radius: var(--_border-radius);
+  border: 1px solid var(--_resize-indicator);
+  width: 100%;
+  height: 100%;
+  position: absolute;
+  inset: 0;
+}
+
+    `;
+}
+//# sourceMappingURL=ResizeElement.Joy.js.map

package/Controls/Components/Layouts/Resize/Themes/ResizeElement.Joy.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ResizeElement.Joy.js","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Layouts/Resize/Themes/ResizeElement.Joy.ts"],"names":[],"mappings":"AAAA,iFAAiF;AACjF,mBAAmB;AACnB,yCAAyC;AACzC,qGAAqG;AACrG,oBAAoB;AACpB,iFAAiF;AAEjF,kBAAkB;AAElB,OAAO,EAAE,GAAG,EAAkB,MAAM,wBAAwB,CAAC;AAE7D,aAAa;AAEb;;GAEG;AACH,MAAM,UAAU,qBAAqB;IACjC,OAAO,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAsGT,CAAC;AACN,CAAC"}

package/Controls/Components/Layouts/Split/SplitElement.d.ts

@@ -17,6 +17,8 @@ declare const SplitElement_base: (abstract new (...args: Array<any>) => import("
  * @element mosaik-split
  * @category Layout
  *
+ * @fires splitRepositioned - Fired when the split position changes via user interaction
+ *
  * @slot start - The primary content panel positioned at the beginning of the split
  * @slot end - The secondary content panel positioned at the end of the split
  * @slot thumb - Custom grip icon for the draggable divider (defaults to three dots icon)
@@ -29,7 +31,7 @@ declare const SplitElement_base: (abstract new (...args: Array<any>) => import("
  *
  * @cssprop --split-divider-width - Width/height of the divider based on orientation
  *
- * @dependency IconElement - For the default thumb grip icon
+ * @dependency ThumbElement - The thumb element used as the default grip in the divider
  *
  * @example
  * ```html
@@ -52,8 +54,6 @@ declare const SplitElement_base: (abstract new (...args: Array<any>) => import("
  * </mosaik-split>
  * ```
  *
- * @fires splitRepositioned - Fired when the split position changes via user interaction
- *
  * @public
  */
 export declare class SplitElement extends SplitElement_base implements ISplitElementProps, ISplitElementEvents, ISlottable {
@@ -92,22 +92,6 @@ export declare class SplitElement extends SplitElement_base implements ISplitEle
      */
     get position(): Exclude<CssLength, 'auto'>;
     set position(value: Exclude<CssLength, 'auto'>);
-    /**
-     * Gets the position as a percentage value (0-100).
-     * This is a computed property used internally for calculations.
-     *
-     * @public
-     * @readonly
-     */
-    get positionPercentage(): number;
-    /**
-     * Gets the position in pixels.
-     * This is a computed property used internally for calculations.
-     *
-     * @public
-     * @readonly
-     */
-    get positionInPixels(): number;
     /**
      * Gets or sets the `lock` property.
      *
@@ -168,6 +152,22 @@ export declare class SplitElement extends SplitElement_base implements ISplitEle
      * @public
      */
     get hasPanels(): boolean;
+    /**
+     * Gets the position as a percentage value (0-100).
+     * This is a computed property used internally for calculations.
+     *
+     * @public
+     * @readonly
+     */
+    get positionPercentage(): number;
+    /**
+     * Gets the position in pixels.
+     * This is a computed property used internally for calculations.
+     *
+     * @public
+     * @readonly
+     */
+    get positionInPixels(): number;
     /**
      * Called when the split is repositioned.
      * Provides reference to `{@link IEventDetail}` as event detail.

package/Controls/Components/Layouts/Split/SplitElement.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SplitElement.d.ts","sourceRoot":"","sources":["../../../../../src/Controls/Components/Layouts/Split/SplitElement.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"SplitElement.d.ts","sourceRoot":"","sources":["../../../../../src/Controls/Components/Layouts/Split/SplitElement.ts"],"names":[],"mappings":"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"}