@ng-matero/extensions 17.3.5 → 18.0.1

package/fesm2022/mtxSplit.mjs

@@ -1,5 +1,5 @@
 import * as i0 from '@angular/core';
-import { InjectionToken, EventEmitter, Component, ViewEncapsulation, ChangeDetectionStrategy, Optional, Inject, Input, Output, ViewChildren, Directive, NgModule } from '@angular/core';
+import { InjectionToken, EventEmitter, booleanAttribute, Component, ViewEncapsulation, ChangeDetectionStrategy, Optional, Inject, Input, Output, ViewChildren, Directive, NgModule } from '@angular/core';
 import { CommonModule } from '@angular/common';
 import { Observable, Subject } from 'rxjs';
 import { debounceTime } from 'rxjs/operators';
@@ -27,9 +27,6 @@ function getElementPixelSize(elRef, direction) {
     const rect = elRef.nativeElement.getBoundingClientRect();
     return direction === 'horizontal' ? rect.width : rect.height;
 }
-function getInputBoolean(v) {
-    return typeof v === 'boolean' ? v : v === 'false' ? false : true;
-}
 function getInputPositiveNumber(v, defaultValue) {
     if (v === null || v === undefined) {
         return defaultValue;
@@ -258,14 +255,19 @@ const MTX_SPLIT_DEFAULT_OPTIONS = new InjectionToken('mtx-split-default-options'
  *
  */
 class MtxSplit {
+    /** The split direction. */
+    get direction() {
+        return this._direction;
+    }
     set direction(v) {
         this._direction = v === 'vertical' ? 'vertical' : 'horizontal';
         this.renderer.addClass(this.elRef.nativeElement, `mtx-split-${this._direction}`);
         this.renderer.removeClass(this.elRef.nativeElement, `mtx-split-${this._direction === 'vertical' ? 'horizontal' : 'vertical'}`);
         this.build(false, false);
     }
-    get direction() {
-        return this._direction;
+    /** The unit you want to specify area sizes. */
+    get unit() {
+        return this._unit;
     }
     set unit(v) {
         this._unit = v === 'pixel' ? 'pixel' : 'percent';
@@ -273,30 +275,26 @@ class MtxSplit {
         this.renderer.removeClass(this.elRef.nativeElement, `mtx-split-${this._unit === 'pixel' ? 'percent' : 'pixel'}`);
         this.build(false, true);
     }
-    get unit() {
-        return this._unit;
-    }
-    set gutterSize(v) {
-        this._gutterSize = getInputPositiveNumber(v, 11);
-        this.build(false, false);
-    }
+    /** Gutters's size (dragging elements) in pixels. */
     get gutterSize() {
         return this._gutterSize;
     }
-    set gutterStep(v) {
-        this._gutterStep = getInputPositiveNumber(v, 1);
+    set gutterSize(v) {
+        this._gutterSize = getInputPositiveNumber(v, 4);
+        this.build(false, false);
     }
+    /** Gutter step while moving in pixels. */
     get gutterStep() {
         return this._gutterStep;
     }
-    set restrictMove(v) {
-        this._restrictMove = getInputBoolean(v);
+    set gutterStep(v) {
+        this._gutterStep = getInputPositiveNumber(v, 1);
     }
-    get restrictMove() {
-        return this._restrictMove;
+    /** Add transition when toggling visibility using `visible` or `size` changes. */
+    get useTransition() {
+        return this._useTransition;
     }
     set useTransition(v) {
-        this._useTransition = getInputBoolean(v);
         if (this._useTransition) {
             this.renderer.addClass(this.elRef.nativeElement, 'mtx-split-transition');
         }
@@ -304,11 +302,14 @@ class MtxSplit {
             this.renderer.removeClass(this.elRef.nativeElement, 'mtx-split-transition');
         }
     }
-    get useTransition() {
-        return this._useTransition;
+    /**
+     * Disable the dragging feature (remove cursor/image on gutters).
+     * `gutterClick`/`gutterDblClick` still emits.
+     */
+    get disabled() {
+        return this._disabled;
     }
     set disabled(v) {
-        this._disabled = getInputBoolean(v);
         if (this._disabled) {
             this.renderer.addClass(this.elRef.nativeElement, 'mtx-split-disabled');
         }
@@ -316,22 +317,28 @@ class MtxSplit {
             this.renderer.removeClass(this.elRef.nativeElement, 'mtx-split-disabled');
         }
     }
-    get disabled() {
-        return this._disabled;
+    /** Indicates the directionality of the areas. */
+    get dir() {
+        return this._dir;
     }
     set dir(v) {
         this._dir = v === 'rtl' ? 'rtl' : 'ltr';
         this.renderer.setAttribute(this.elRef.nativeElement, 'dir', this._dir);
     }
-    get dir() {
-        return this._dir;
+    /**
+     * Milliseconds to detect a double click on a gutter. Set it around 300-500ms if
+     * you want to use `gutterDblClick` event.
+     */
+    get gutterDblClickDuration() {
+        return this._gutterDblClickDuration;
     }
     set gutterDblClickDuration(v) {
         this._gutterDblClickDuration = getInputPositiveNumber(v, 0);
     }
-    get gutterDblClickDuration() {
-        return this._gutterDblClickDuration;
-    }
+    /**
+     * Event emitted when transition ends (could be triggered from `visible` or `size` changes).
+     * Only if `useTransition` equals true.
+     */
     get transitionEnd() {
         return new Observable(subscriber => (this.transitionEndSubscriber = subscriber)).pipe(debounceTime(20));
     }
@@ -342,30 +349,25 @@ class MtxSplit {
         this.renderer = renderer;
         this._defaultOptions = _defaultOptions;
         this._direction = 'horizontal';
-        ////
         this._unit = 'percent';
-        ////
         this._gutterSize = 4;
-        ////
         this._gutterStep = 1;
-        ////
-        this._restrictMove = false;
-        ////
+        /** Set to true if you want to limit gutter move to adjacent areas only. */
+        this.restrictMove = false;
         this._useTransition = false;
-        ////
         this._disabled = false;
-        ////
         this._dir = 'ltr';
-        ////
         this._gutterDblClickDuration = 0;
-        ////
+        /** Event emitted when drag starts. */
         this.dragStart = new EventEmitter(false);
+        /** Event emitted when drag ends. */
         this.dragEnd = new EventEmitter(false);
+        /** Event emitted when user clicks on a gutter. */
         this.gutterClick = new EventEmitter(false);
+        /** Event emitted when user double clicks on a gutter. */
         this.gutterDblClick = new EventEmitter(false);
         this.dragProgressSubject = new Subject();
         this.dragProgress$ = this.dragProgressSubject.asObservable();
-        ////
         this.isDragging = false;
         this.dragListeners = [];
         this.snapshot = null;
@@ -459,9 +461,7 @@ class MtxSplit {
         if (isValid === false) {
             return false;
         }
-        // eslint-disable-next-line @typescript-eslint/ban-ts-comment
-        // @ts-ignore
-        this.displayedAreas.forEach((area, i) => (area.component._size = formatedSizes[i]));
+        this.displayedAreas.forEach((area, i) => (area.component.size = formatedSizes[i]));
         this.build(false, true);
         return true;
     }
@@ -799,10 +799,10 @@ class MtxSplit {
     ngOnDestroy() {
         this.stopDragging();
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.0", ngImport: i0, type: MtxSplit, deps: [{ token: i0.NgZone }, { token: i0.ElementRef }, { token: i0.ChangeDetectorRef }, { token: i0.Renderer2 }, { token: MTX_SPLIT_DEFAULT_OPTIONS, optional: true }], target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.0", type: MtxSplit, isStandalone: true, selector: "mtx-split", inputs: { color: "color", direction: "direction", unit: "unit", gutterSize: "gutterSize", gutterStep: "gutterStep", restrictMove: "restrictMove", useTransition: "useTransition", disabled: "disabled", dir: "dir", gutterDblClickDuration: "gutterDblClickDuration" }, outputs: { dragStart: "dragStart", dragEnd: "dragEnd", gutterClick: "gutterClick", gutterDblClick: "gutterDblClick", transitionEnd: "transitionEnd" }, host: { classAttribute: "mtx-split" }, viewQueries: [{ propertyName: "gutterEls", predicate: ["gutterEls"], descendants: true }], exportAs: ["mtxSplit"], ngImport: i0, template: "<ng-content></ng-content>\r\n@for (area of displayedAreas; track area; let index = $index; let last = $last) {\r\n  @if (!last) {\r\n    <div #gutterEls class=\"mtx-split-gutter\" [class]=\"color ? 'mat-' + color : ''\"\r\n      [style.flex-basis.px]=\"gutterSize\"\r\n      [style.order]=\"index * 2 + 1\"\r\n      (mousedown)=\"startDragging($event, index * 2 + 1, index + 1)\"\r\n      (touchstart)=\"startDragging($event, index * 2 + 1, index + 1)\"\r\n      (mouseup)=\"clickGutter($event, index + 1)\"\r\n      (touchend)=\"clickGutter($event, index + 1)\">\r\n      <div class=\"mtx-split-gutter-handle\"></div>\r\n    </div>\r\n  }\r\n}\r\n", styles: [".mtx-split{display:flex;flex-wrap:nowrap;justify-content:flex-start;align-items:stretch;overflow:hidden;width:100%;height:100%}.mtx-split>.mtx-split-gutter{position:relative;display:flex;flex-grow:0;flex-shrink:0;align-items:center;justify-content:center;background-color:var(--mtx-split-gutter-background-color)}.mtx-split>.mtx-split-gutter:hover{background-color:var(--mtx-split-gutter-hover-state-background-color)}.mtx-split>.mtx-split-gutter>.mtx-split-gutter-handle{position:absolute;opacity:0}.mtx-split>.mtx-split-pane{flex-grow:0;flex-shrink:0;overflow:hidden auto}.mtx-split>.mtx-split-pane.mtx-split-pane-hidden{flex:0 1 0!important;overflow:hidden hidden}.mtx-split.mtx-split-horizontal{flex-direction:row}.mtx-split.mtx-split-horizontal>.mtx-split-gutter{flex-direction:row;height:100%;cursor:col-resize}.mtx-split.mtx-split-horizontal>.mtx-split-gutter>.mtx-split-gutter-handle{width:8px;height:100%;left:-2px;right:2px}.mtx-split.mtx-split-horizontal>.mtx-split-pane{height:100%}.mtx-split.mtx-split-vertical{flex-direction:column}.mtx-split.mtx-split-vertical>.mtx-split-gutter{flex-direction:column;width:100%;cursor:row-resize}.mtx-split.mtx-split-vertical>.mtx-split-gutter>.mtx-split-gutter-handle{width:100%;height:8px;top:-2px;bottom:2px}.mtx-split.mtx-split-vertical>.mtx-split-pane{width:100%}.mtx-split.mtx-split-vertical>.mtx-split-pane.mtx-split-pane-hidden{max-width:0}.mtx-split.mtx-split-disabled>.mtx-split-gutter{cursor:default}.mtx-split.mtx-split-disabled>.mtx-split-gutter .mtx-split-gutter-handle{background-image:none}.mtx-split.mtx-split-transition.mtx-split-init:not(.mtx-dragging)>.mtx-split-gutter,.mtx-split.mtx-split-transition.mtx-split-init:not(.mtx-dragging)>.mtx-split-pane{transition:flex-basis .3s}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: MtxSplit, deps: [{ token: i0.NgZone }, { token: i0.ElementRef }, { token: i0.ChangeDetectorRef }, { token: i0.Renderer2 }, { token: MTX_SPLIT_DEFAULT_OPTIONS, optional: true }], target: i0.ɵɵFactoryTarget.Component }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.0.1", type: MtxSplit, isStandalone: true, selector: "mtx-split", inputs: { color: "color", direction: "direction", unit: "unit", gutterSize: "gutterSize", gutterStep: "gutterStep", restrictMove: ["restrictMove", "restrictMove", booleanAttribute], useTransition: ["useTransition", "useTransition", booleanAttribute], disabled: ["disabled", "disabled", booleanAttribute], dir: "dir", gutterDblClickDuration: "gutterDblClickDuration" }, outputs: { dragStart: "dragStart", dragEnd: "dragEnd", gutterClick: "gutterClick", gutterDblClick: "gutterDblClick", transitionEnd: "transitionEnd" }, host: { classAttribute: "mtx-split" }, viewQueries: [{ propertyName: "gutterEls", predicate: ["gutterEls"], descendants: true }], exportAs: ["mtxSplit"], ngImport: i0, template: "<ng-content></ng-content>\r\n@for (area of displayedAreas; track area; let index = $index; let last = $last) {\r\n  @if (!last) {\r\n    <div #gutterEls class=\"mtx-split-gutter\" [class]=\"color ? 'mat-' + color : ''\"\r\n      [style.flex-basis.px]=\"gutterSize\"\r\n      [style.order]=\"index * 2 + 1\"\r\n      (mousedown)=\"startDragging($event, index * 2 + 1, index + 1)\"\r\n      (touchstart)=\"startDragging($event, index * 2 + 1, index + 1)\"\r\n      (mouseup)=\"clickGutter($event, index + 1)\"\r\n      (touchend)=\"clickGutter($event, index + 1)\">\r\n      <div class=\"mtx-split-gutter-handle\"></div>\r\n    </div>\r\n  }\r\n}\r\n", styles: [".mtx-split{display:flex;flex-wrap:nowrap;justify-content:flex-start;align-items:stretch;overflow:hidden;width:100%;height:100%}.mtx-split>.mtx-split-gutter{position:relative;display:flex;flex-grow:0;flex-shrink:0;align-items:center;justify-content:center;background-color:var(--mtx-split-gutter-background-color)}.mtx-split>.mtx-split-gutter:hover{background-color:var(--mtx-split-gutter-hover-state-background-color)}.mtx-split>.mtx-split-gutter>.mtx-split-gutter-handle{position:absolute;opacity:0}.mtx-split>.mtx-split-pane{flex-grow:0;flex-shrink:0;overflow:hidden auto}.mtx-split>.mtx-split-pane.mtx-split-pane-hidden{flex:0 1 0!important;overflow:hidden hidden}.mtx-split.mtx-split-horizontal{flex-direction:row}.mtx-split.mtx-split-horizontal>.mtx-split-gutter{flex-direction:row;height:100%;cursor:col-resize}.mtx-split.mtx-split-horizontal>.mtx-split-gutter>.mtx-split-gutter-handle{width:8px;height:100%;left:-2px;right:2px}.mtx-split.mtx-split-horizontal>.mtx-split-pane{height:100%}.mtx-split.mtx-split-vertical{flex-direction:column}.mtx-split.mtx-split-vertical>.mtx-split-gutter{flex-direction:column;width:100%;cursor:row-resize}.mtx-split.mtx-split-vertical>.mtx-split-gutter>.mtx-split-gutter-handle{width:100%;height:8px;top:-2px;bottom:2px}.mtx-split.mtx-split-vertical>.mtx-split-pane{width:100%}.mtx-split.mtx-split-vertical>.mtx-split-pane.mtx-split-pane-hidden{max-width:0}.mtx-split.mtx-split-disabled>.mtx-split-gutter{cursor:default}.mtx-split.mtx-split-disabled>.mtx-split-gutter .mtx-split-gutter-handle{background-image:none}.mtx-split.mtx-split-transition.mtx-split-init:not(.mtx-dragging)>.mtx-split-gutter,.mtx-split.mtx-split-transition.mtx-split-init:not(.mtx-dragging)>.mtx-split-pane{transition:flex-basis .3s}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.0", ngImport: i0, type: MtxSplit, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: MtxSplit, decorators: [{
             type: Component,
             args: [{ selector: 'mtx-split', exportAs: 'mtxSplit', host: {
                         class: 'mtx-split',
@@ -823,11 +823,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.0", ngImpor
             }], gutterStep: [{
                 type: Input
             }], restrictMove: [{
-                type: Input
+                type: Input,
+                args: [{ transform: booleanAttribute }]
             }], useTransition: [{
-                type: Input
+                type: Input,
+                args: [{ transform: booleanAttribute }]
             }], disabled: [{
-                type: Input
+                type: Input,
+                args: [{ transform: booleanAttribute }]
             }], dir: [{
                 type: Input
             }], gutterDblClickDuration: [{
@@ -848,43 +851,58 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.0", ngImpor
             }] } });
 
 class MtxSplitPane {
+    /**
+     * Order of the area. Used to maintain the order of areas when toggling their visibility.
+     * Toggling area visibility without specifying an `order` leads to weird behavior.
+     */
+    get order() {
+        return this._order;
+    }
     set order(v) {
         this._order = getInputPositiveNumber(v, null);
         this.split.updateArea(this, true, false);
     }
-    get order() {
-        return this._order;
+    /**
+     * Size of the area in selected unit (percent/pixel).
+     * - Percent: All areas sizes should equal to `100`, If not, all areas will have the same size.
+     * - Pixel: An area with wildcard size (`size="*"`) is mandatory (only one) and
+     *   can't have `visible="false"` or `minSize`/`maxSize`/`lockSize` properties.
+     */
+    get size() {
+        return this._size;
     }
     set size(v) {
         this._size = getInputPositiveNumber(v, null);
         this.split.updateArea(this, false, true);
     }
-    get size() {
-        return this._size;
+    /** Minimum pixel or percent size, should be equal to or smaller than provided `size`. */
+    get minSize() {
+        return this._minSize;
     }
     set minSize(v) {
         this._minSize = getInputPositiveNumber(v, null);
         this.split.updateArea(this, false, true);
     }
-    get minSize() {
-        return this._minSize;
+    /** Maximum pixel or percent size, should be equal to or larger than provided `size`. */
+    get maxSize() {
+        return this._maxSize;
     }
     set maxSize(v) {
         this._maxSize = getInputPositiveNumber(v, null);
         this.split.updateArea(this, false, true);
     }
-    get maxSize() {
-        return this._maxSize;
+    /** Lock area size, same as `minSize`=`maxSize`=`size`. */
+    get lockSize() {
+        return this._lockSize;
     }
     set lockSize(v) {
-        this._lockSize = getInputBoolean(v);
         this.split.updateArea(this, false, true);
     }
-    get lockSize() {
-        return this._lockSize;
+    /** Hide area visually but still present in the DOM, use `ngIf` to completely remove it. */
+    get visible() {
+        return this._visible;
     }
     set visible(v) {
-        this._visible = getInputBoolean(v);
         if (this._visible) {
             this.split.showArea(this);
             this.renderer.removeClass(this.elRef.nativeElement, 'mtx-split-pane-hidden');
@@ -894,24 +912,16 @@ class MtxSplitPane {
             this.renderer.addClass(this.elRef.nativeElement, 'mtx-split-pane-hidden');
         }
     }
-    get visible() {
-        return this._visible;
-    }
     constructor(ngZone, elRef, renderer, split) {
         this.ngZone = ngZone;
         this.elRef = elRef;
         this.renderer = renderer;
         this.split = split;
         this._order = null;
-        ////
         this._size = null;
-        ////
         this._minSize = null;
-        ////
         this._maxSize = null;
-        ////
         this._lockSize = false;
-        ////
         this._visible = true;
         this.lockListeners = [];
         this.renderer.addClass(this.elRef.nativeElement, 'mtx-split-pane');
@@ -969,10 +979,10 @@ class MtxSplitPane {
         }
         this.split.removeArea(this);
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.0", ngImport: i0, type: MtxSplitPane, deps: [{ token: i0.NgZone }, { token: i0.ElementRef }, { token: i0.Renderer2 }, { token: MtxSplit }], target: i0.ɵɵFactoryTarget.Directive }); }
-    /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.3.0", type: MtxSplitPane, isStandalone: true, selector: "mtx-split-pane, [mtx-split-pane]", inputs: { order: "order", size: "size", minSize: "minSize", maxSize: "maxSize", lockSize: "lockSize", visible: "visible" }, exportAs: ["mtxSplitPane"], ngImport: i0 }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: MtxSplitPane, deps: [{ token: i0.NgZone }, { token: i0.ElementRef }, { token: i0.Renderer2 }, { token: MtxSplit }], target: i0.ɵɵFactoryTarget.Directive }); }
+    /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "16.1.0", version: "18.0.1", type: MtxSplitPane, isStandalone: true, selector: "mtx-split-pane, [mtx-split-pane]", inputs: { order: "order", size: "size", minSize: "minSize", maxSize: "maxSize", lockSize: ["lockSize", "lockSize", booleanAttribute], visible: ["visible", "visible", booleanAttribute] }, exportAs: ["mtxSplitPane"], ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.0", ngImport: i0, type: MtxSplitPane, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: MtxSplitPane, decorators: [{
             type: Directive,
             args: [{
                     selector: 'mtx-split-pane, [mtx-split-pane]',
@@ -988,17 +998,19 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.0", ngImpor
             }], maxSize: [{
                 type: Input
             }], lockSize: [{
-                type: Input
+                type: Input,
+                args: [{ transform: booleanAttribute }]
             }], visible: [{
-                type: Input
+                type: Input,
+                args: [{ transform: booleanAttribute }]
             }] } });
 
 class MtxSplitModule {
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.0", ngImport: i0, type: MtxSplitModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.3.0", ngImport: i0, type: MtxSplitModule, imports: [CommonModule, MtxSplit, MtxSplitPane], exports: [MtxSplit, MtxSplitPane] }); }
-    /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.3.0", ngImport: i0, type: MtxSplitModule, imports: [CommonModule] }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: MtxSplitModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.0.1", ngImport: i0, type: MtxSplitModule, imports: [CommonModule, MtxSplit, MtxSplitPane], exports: [MtxSplit, MtxSplitPane] }); }
+    /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: MtxSplitModule, imports: [CommonModule] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.0", ngImport: i0, type: MtxSplitModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: MtxSplitModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [CommonModule, MtxSplit, MtxSplitPane],
@@ -1010,5 +1022,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.0", ngImpor
  * Generated bundle index. Do not edit.
  */
 
-export { MTX_SPLIT_DEFAULT_OPTIONS, MtxSplit, MtxSplitModule, MtxSplitPane, getAreaAbsorptionCapacity, getAreaAbsorptionCapacityPercent, getAreaAbsorptionCapacityPixel, getAreaMaxSize, getAreaMinSize, getElementPixelSize, getGutterSideAbsorptionCapacity, getInputBoolean, getInputPositiveNumber, getPointFromEvent, isUserSizesValid, updateAreaSize };
+export { MTX_SPLIT_DEFAULT_OPTIONS, MtxSplit, MtxSplitModule, MtxSplitPane, getAreaAbsorptionCapacity, getAreaAbsorptionCapacityPercent, getAreaAbsorptionCapacityPixel, getAreaMaxSize, getAreaMinSize, getElementPixelSize, getGutterSideAbsorptionCapacity, getInputPositiveNumber, getPointFromEvent, isUserSizesValid, updateAreaSize };
 //# sourceMappingURL=mtxSplit.mjs.map