@ng-matero/extensions 12.6.0 → 12.7.0

package/bundles/mtxLoader.umd.js

@@ -10,10 +10,13 @@
             this.type = 'spinner';
             this.color = 'primary';
             this.mode = 'indeterminate';
+            /** Only support `spinner` type */
+            this.strokeWidth = 4;
+            /** Only support `spinner` type */
+            this.diameter = 48;
+            /** Only support `progresbar` type */
+            this.bufferValue = 0;
             this.value = 0;
-            this.strokeWidth = 4; // only support spinner
-            this.diameter = 48; // only support spinner
-            this.bufferValue = 0; // only support progresbar
             this._loading = true;
             this._hasBackdrop = true;
         }
@@ -69,10 +72,10 @@
         type: [{ type: core.Input }],
         color: [{ type: core.Input }],
         mode: [{ type: core.Input }],
-        value: [{ type: core.Input }],
         strokeWidth: [{ type: core.Input }],
         diameter: [{ type: core.Input }],
         bufferValue: [{ type: core.Input }],
+        value: [{ type: core.Input }],
         loading: [{ type: core.Input }],
         hasBackdrop: [{ type: core.Input }]
     };

package/bundles/mtxLoader.umd.js.map

@@ -1 +1 @@
-{"version":3,"file":"mtxLoader.umd.js","sources":["../../../projects/extensions/loader/loader.component.ts","../../../projects/extensions/loader/loader.module.ts","../../../projects/extensions/loader/mtxLoader.ts"],"sourcesContent":["import {\n  Component,\n  ChangeDetectionStrategy,\n  ViewEncapsulation,\n  Input,\n  ChangeDetectorRef,\n} from '@angular/core';\nimport { BooleanInput, coerceBooleanProperty } from '@angular/cdk/coercion';\nimport { ThemePalette } from '@angular/material/core';\nimport { ProgressBarMode } from '@angular/material/progress-bar';\nimport { ProgressSpinnerMode } from '@angular/material/progress-spinner';\n\nexport type MtxLoaderType = 'spinner' | 'progressbar';\n\n@Component({\n  selector: 'mtx-loader',\n  exportAs: 'mtxLoader',\n  host: {\n    'class': 'mtx-loader',\n    '[class.mtx-loader-loading]': 'loading',\n  },\n  templateUrl: './loader.component.html',\n  styleUrls: ['./loader.component.scss'],\n  encapsulation: ViewEncapsulation.None,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class MtxLoaderComponent {\n  @Input() type: MtxLoaderType = 'spinner';\n  @Input() color: ThemePalette = 'primary';\n  @Input() mode: ProgressSpinnerMode | ProgressBarMode = 'indeterminate';\n  @Input() value = 0;\n  @Input() strokeWidth = 4; // only support spinner\n  @Input() diameter = 48; // only support spinner\n  @Input() bufferValue = 0; // only support progresbar\n  @Input()\n  get loading(): boolean {\n    return this._loading;\n  }\n  set loading(value: boolean) {\n    this._loading = coerceBooleanProperty(value);\n  }\n  private _loading = true;\n\n  @Input()\n  get hasBackdrop(): boolean {\n    return this._hasBackdrop;\n  }\n  set hasBackdrop(value: boolean) {\n    this._hasBackdrop = coerceBooleanProperty(value);\n  }\n  private _hasBackdrop = true;\n\n  constructor(private _changeDetectorRef: ChangeDetectorRef) {}\n\n  static ngAcceptInputType_loading: BooleanInput;\n  static ngAcceptInputType_hasBackdrop: BooleanInput;\n}\n","import { NgModule } from '@angular/core';\r\nimport { CommonModule } from '@angular/common';\r\nimport { MatProgressBarModule } from '@angular/material/progress-bar';\r\nimport { MatProgressSpinnerModule } from '@angular/material/progress-spinner';\r\n\r\nimport { MtxLoaderComponent } from './loader.component';\r\n\r\n@NgModule({\r\n  imports: [CommonModule, MatProgressSpinnerModule, MatProgressBarModule],\r\n  exports: [MtxLoaderComponent],\r\n  declarations: [MtxLoaderComponent],\r\n})\r\nexport class MtxLoaderModule {}\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":["coerceBooleanProperty","Component","ViewEncapsulation","ChangeDetectionStrategy","ChangeDetectorRef","Input","NgModule","CommonModule","MatProgressSpinnerModule","MatProgressBarModule"],"mappings":";;;;;;;QAoDE,4BAAoB,kBAAqC;YAArC,uBAAkB,GAAlB,kBAAkB,CAAmB;YAzBhD,SAAI,GAAkB,SAAS,CAAC;YAChC,UAAK,GAAiB,SAAS,CAAC;YAChC,SAAI,GAA0C,eAAe,CAAC;YAC9D,UAAK,GAAG,CAAC,CAAC;YACV,gBAAW,GAAG,CAAC,CAAC;YAChB,aAAQ,GAAG,EAAE,CAAC;YACd,gBAAW,GAAG,CAAC,CAAC;YAQjB,aAAQ,GAAG,IAAI,CAAC;YAShB,iBAAY,GAAG,IAAI,CAAC;SAEiC;QAlB7D,sBACI,uCAAO;iBADX;gBAEE,OAAO,IAAI,CAAC,QAAQ,CAAC;aACtB;iBACD,UAAY,KAAc;gBACxB,IAAI,CAAC,QAAQ,GAAGA,8BAAqB,CAAC,KAAK,CAAC,CAAC;aAC9C;;;WAHA;QAMD,sBACI,2CAAW;iBADf;gBAEE,OAAO,IAAI,CAAC,YAAY,CAAC;aAC1B;iBACD,UAAgB,KAAc;gBAC5B,IAAI,CAAC,YAAY,GAAGA,8BAAqB,CAAC,KAAK,CAAC,CAAC;aAClD;;;WAHA;;;;;gBAhCFC,cAAS,SAAC;oBACT,QAAQ,EAAE,YAAY;oBACtB,QAAQ,EAAE,WAAW;oBACrB,IAAI,EAAE;wBACJ,OAAO,EAAE,YAAY;wBACrB,4BAA4B,EAAE,SAAS;qBACxC;oBACD,0sBAAsC;oBAEtC,aAAa,EAAEC,sBAAiB,CAAC,IAAI;oBACrC,eAAe,EAAEC,4BAAuB,CAAC,MAAM;;iBAChD;;;;;;;;;;gBApBCC,sBAAiB;;;;uBAsBhBC,UAAK;wBACLA,UAAK;uBACLA,UAAK;wBACLA,UAAK;8BACLA,UAAK;2BACLA,UAAK;8BACLA,UAAK;0BACLA,UAAK;8BASLA,UAAK;;;;QC/BR;;;;;;gBALCC,aAAQ,SAAC;oBACR,OAAO,EAAE,CAACC,mBAAY,EAAEC,wCAAwB,EAAEC,gCAAoB,CAAC;oBACvE,OAAO,EAAE,CAAC,kBAAkB,CAAC;oBAC7B,YAAY,EAAE,CAAC,kBAAkB,CAAC;iBACnC;;;ICXD;;;;;;;;;;;;;"}
+{"version":3,"file":"mtxLoader.umd.js","sources":["../../../projects/extensions/loader/loader.component.ts","../../../projects/extensions/loader/loader.module.ts","../../../projects/extensions/loader/mtxLoader.ts"],"sourcesContent":["import {\n  Component,\n  ChangeDetectionStrategy,\n  ViewEncapsulation,\n  Input,\n  ChangeDetectorRef,\n} from '@angular/core';\nimport { BooleanInput, coerceBooleanProperty } from '@angular/cdk/coercion';\nimport { ThemePalette } from '@angular/material/core';\nimport { ProgressBarMode } from '@angular/material/progress-bar';\nimport { ProgressSpinnerMode } from '@angular/material/progress-spinner';\n\nexport type MtxLoaderType = 'spinner' | 'progressbar';\n\n@Component({\n  selector: 'mtx-loader',\n  exportAs: 'mtxLoader',\n  host: {\n    'class': 'mtx-loader',\n    '[class.mtx-loader-loading]': 'loading',\n  },\n  templateUrl: './loader.component.html',\n  styleUrls: ['./loader.component.scss'],\n  encapsulation: ViewEncapsulation.None,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class MtxLoaderComponent {\n  @Input() type: MtxLoaderType = 'spinner';\n\n  @Input() color: ThemePalette = 'primary';\n\n  @Input() mode: ProgressSpinnerMode | ProgressBarMode = 'indeterminate';\n\n  /** Only support `spinner` type */\n  @Input() strokeWidth = 4;\n\n  /** Only support `spinner` type */\n  @Input() diameter = 48;\n\n  /** Only support `progresbar` type */\n  @Input() bufferValue = 0;\n\n  @Input() value = 0;\n\n  @Input()\n  get loading(): boolean {\n    return this._loading;\n  }\n  set loading(value: boolean) {\n    this._loading = coerceBooleanProperty(value);\n  }\n  private _loading = true;\n\n  @Input()\n  get hasBackdrop(): boolean {\n    return this._hasBackdrop;\n  }\n  set hasBackdrop(value: boolean) {\n    this._hasBackdrop = coerceBooleanProperty(value);\n  }\n  private _hasBackdrop = true;\n\n  constructor(private _changeDetectorRef: ChangeDetectorRef) {}\n\n  static ngAcceptInputType_loading: BooleanInput;\n  static ngAcceptInputType_hasBackdrop: BooleanInput;\n}\n","import { NgModule } from '@angular/core';\r\nimport { CommonModule } from '@angular/common';\r\nimport { MatProgressBarModule } from '@angular/material/progress-bar';\r\nimport { MatProgressSpinnerModule } from '@angular/material/progress-spinner';\r\n\r\nimport { MtxLoaderComponent } from './loader.component';\r\n\r\n@NgModule({\r\n  imports: [CommonModule, MatProgressSpinnerModule, MatProgressBarModule],\r\n  exports: [MtxLoaderComponent],\r\n  declarations: [MtxLoaderComponent],\r\n})\r\nexport class MtxLoaderModule {}\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":["coerceBooleanProperty","Component","ViewEncapsulation","ChangeDetectionStrategy","ChangeDetectorRef","Input","NgModule","CommonModule","MatProgressSpinnerModule","MatProgressBarModule"],"mappings":";;;;;;;QA8DE,4BAAoB,kBAAqC;YAArC,uBAAkB,GAAlB,kBAAkB,CAAmB;YAnChD,SAAI,GAAkB,SAAS,CAAC;YAEhC,UAAK,GAAiB,SAAS,CAAC;YAEhC,SAAI,GAA0C,eAAe,CAAC;;YAG9D,gBAAW,GAAG,CAAC,CAAC;;YAGhB,aAAQ,GAAG,EAAE,CAAC;;YAGd,gBAAW,GAAG,CAAC,CAAC;YAEhB,UAAK,GAAG,CAAC,CAAC;YASX,aAAQ,GAAG,IAAI,CAAC;YAShB,iBAAY,GAAG,IAAI,CAAC;SAEiC;QAlB7D,sBACI,uCAAO;iBADX;gBAEE,OAAO,IAAI,CAAC,QAAQ,CAAC;aACtB;iBACD,UAAY,KAAc;gBACxB,IAAI,CAAC,QAAQ,GAAGA,8BAAqB,CAAC,KAAK,CAAC,CAAC;aAC9C;;;WAHA;QAMD,sBACI,2CAAW;iBADf;gBAEE,OAAO,IAAI,CAAC,YAAY,CAAC;aAC1B;iBACD,UAAgB,KAAc;gBAC5B,IAAI,CAAC,YAAY,GAAGA,8BAAqB,CAAC,KAAK,CAAC,CAAC;aAClD;;;WAHA;;;;;gBA1CFC,cAAS,SAAC;oBACT,QAAQ,EAAE,YAAY;oBACtB,QAAQ,EAAE,WAAW;oBACrB,IAAI,EAAE;wBACJ,OAAO,EAAE,YAAY;wBACrB,4BAA4B,EAAE,SAAS;qBACxC;oBACD,0sBAAsC;oBAEtC,aAAa,EAAEC,sBAAiB,CAAC,IAAI;oBACrC,eAAe,EAAEC,4BAAuB,CAAC,MAAM;;iBAChD;;;;;;;;;;gBApBCC,sBAAiB;;;;uBAsBhBC,UAAK;wBAELA,UAAK;uBAELA,UAAK;8BAGLA,UAAK;2BAGLA,UAAK;8BAGLA,UAAK;wBAELA,UAAK;0BAELA,UAAK;8BASLA,UAAK;;;;QCzCR;;;;;;gBALCC,aAAQ,SAAC;oBACR,OAAO,EAAE,CAACC,mBAAY,EAAEC,wCAAwB,EAAEC,gCAAoB,CAAC;oBACvE,OAAO,EAAE,CAAC,kBAAkB,CAAC;oBAC7B,YAAY,EAAE,CAAC,kBAAkB,CAAC;iBACnC;;;ICXD;;;;;;;;;;;;;"}

package/bundles/mtxSplit.umd.js

@@ -1,8 +1,8 @@
 (function (global, factory) {
-    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/core'), require('@angular/common'), require('rxjs'), require('rxjs/operators')) :
-    typeof define === 'function' && define.amd ? define('@ng-matero/extensions/split', ['exports', '@angular/core', '@angular/common', 'rxjs', 'rxjs/operators'], factory) :
-    (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory((global["ng-matero"] = global["ng-matero"] || {}, global["ng-matero"].extensions = global["ng-matero"].extensions || {}, global["ng-matero"].extensions.split = {}), global.ng.core, global.ng.common, global.rxjs, global.rxjs.operators));
-})(this, (function (exports, core, common, rxjs, operators) { 'use strict';
+    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/core'), require('@angular/common'), require('@angular/material/core'), require('rxjs'), require('rxjs/operators')) :
+    typeof define === 'function' && define.amd ? define('@ng-matero/extensions/split', ['exports', '@angular/core', '@angular/common', '@angular/material/core', 'rxjs', 'rxjs/operators'], factory) :
+    (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory((global["ng-matero"] = global["ng-matero"] || {}, global["ng-matero"].extensions = global["ng-matero"].extensions || {}, global["ng-matero"].extensions.split = {}), global.ng.core, global.ng.common, global.ng.material.core, global.rxjs, global.rxjs.operators));
+})(this, (function (exports, core$1, common, core, rxjs, operators) { 'use strict';
 
     function getPointFromEvent(event) {
         // TouchEvent
@@ -544,6 +544,14 @@
         return (kind === "a" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value)), value;
     }
 
+    // Boilerplate for applying mixins to _MtxSplitComponentBase.
+    /** @docs-private */
+    var _MtxSplitComponentBase = core.mixinColor(/** @class */ (function () {
+        function class_1(_elementRef) {
+            this._elementRef = _elementRef;
+        }
+        return class_1;
+    }()));
     /**
      * mtx-split
      *
@@ -573,47 +581,50 @@
      *                                                                                 800px         <-- el.getBoundingClientRect().width
      *
      */
-    var MtxSplitComponent = /** @class */ (function () {
+    var MtxSplitComponent = /** @class */ (function (_super) {
+        __extends(MtxSplitComponent, _super);
         function MtxSplitComponent(ngZone, elRef, cdRef, renderer) {
-            this.ngZone = ngZone;
-            this.elRef = elRef;
-            this.cdRef = cdRef;
-            this.renderer = renderer;
-            this._direction = 'horizontal';
+            var _this = _super.call(this, elRef) || this;
+            _this.ngZone = ngZone;
+            _this.elRef = elRef;
+            _this.cdRef = cdRef;
+            _this.renderer = renderer;
+            _this._direction = 'horizontal';
             ////
-            this._unit = 'percent';
+            _this._unit = 'percent';
             ////
-            this._gutterSize = 4;
+            _this._gutterSize = 4;
             ////
-            this._gutterStep = 1;
+            _this._gutterStep = 1;
             ////
-            this._restrictMove = false;
+            _this._restrictMove = false;
             ////
-            this._useTransition = false;
+            _this._useTransition = false;
             ////
-            this._disabled = false;
+            _this._disabled = false;
             ////
-            this._dir = 'ltr';
+            _this._dir = 'ltr';
             ////
-            this._gutterDblClickDuration = 0;
+            _this._gutterDblClickDuration = 0;
             ////
-            this.dragStart = new core.EventEmitter(false);
-            this.dragEnd = new core.EventEmitter(false);
-            this.gutterClick = new core.EventEmitter(false);
-            this.gutterDblClick = new core.EventEmitter(false);
-            this.dragProgressSubject = new rxjs.Subject();
-            this.dragProgress$ = this.dragProgressSubject.asObservable();
+            _this.dragStart = new core$1.EventEmitter(false);
+            _this.dragEnd = new core$1.EventEmitter(false);
+            _this.gutterClick = new core$1.EventEmitter(false);
+            _this.gutterDblClick = new core$1.EventEmitter(false);
+            _this.dragProgressSubject = new rxjs.Subject();
+            _this.dragProgress$ = _this.dragProgressSubject.asObservable();
             ////
-            this.isDragging = false;
-            this.dragListeners = [];
-            this.snapshot = null;
-            this.startPoint = null;
-            this.endPoint = null;
-            this.displayedAreas = [];
-            this.hidedAreas = [];
-            this._clickTimeout = null;
+            _this.isDragging = false;
+            _this.dragListeners = [];
+            _this.snapshot = null;
+            _this.startPoint = null;
+            _this.endPoint = null;
+            _this.displayedAreas = [];
+            _this.hidedAreas = [];
+            _this._clickTimeout = null;
             // To force adding default class, could be override by user @Input() or not
-            this.direction = this._direction;
+            _this.direction = _this._direction;
+            return _this;
         }
         Object.defineProperty(MtxSplitComponent.prototype, "direction", {
             get: function () {
@@ -1155,18 +1166,19 @@
             this.stopDragging();
         };
         return MtxSplitComponent;
-    }());
+    }(_MtxSplitComponentBase));
     /** @type {!Array<{type: !Function, args: (undefined|!Array<?>)}>} */
     MtxSplitComponent.decorators = [
-        { type: core.Component, args: [{
+        { type: core$1.Component, args: [{
                     selector: 'mtx-split',
                     exportAs: 'mtxSplit',
                     host: {
                         class: 'mtx-split',
                     },
-                    encapsulation: core.ViewEncapsulation.None,
-                    changeDetection: core.ChangeDetectionStrategy.OnPush,
-                    template: "<ng-content></ng-content>\r\n<ng-template ngFor [ngForOf]=\"displayedAreas\" let-index=\"index\" let-last=\"last\">\r\n  <div #gutterEls class=\"mtx-split-gutter\"\r\n       *ngIf=\"last === false\"\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</ng-template>\r\n",
+                    encapsulation: core$1.ViewEncapsulation.None,
+                    changeDetection: core$1.ChangeDetectionStrategy.OnPush,
+                    template: "<ng-content></ng-content>\r\n<ng-template ngFor [ngForOf]=\"displayedAreas\" let-index=\"index\" let-last=\"last\">\r\n  <div #gutterEls class=\"mtx-split-gutter\" [ngClass]=\"['mat-' + color]\"\r\n       *ngIf=\"last === false\"\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</ng-template>\r\n",
+                    inputs: ['color'],
                     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}.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-x:hidden;overflow-y:auto}.mtx-split>.mtx-split-pane.mtx-split-pane-hidden{flex:0 1 0!important;overflow-x:hidden;overflow-y: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"]
                 },] }
     ];
@@ -1178,28 +1190,28 @@
      * @nocollapse
      */
     MtxSplitComponent.ctorParameters = function () { return [
-        { type: core.NgZone },
-        { type: core.ElementRef },
-        { type: core.ChangeDetectorRef },
-        { type: core.Renderer2 }
+        { type: core$1.NgZone },
+        { type: core$1.ElementRef },
+        { type: core$1.ChangeDetectorRef },
+        { type: core$1.Renderer2 }
     ]; };
     /** @type {!Object<string, !Array<{type: !Function, args: (undefined|!Array<?>)}>>} */
     MtxSplitComponent.propDecorators = {
-        direction: [{ type: core.Input }],
-        unit: [{ type: core.Input }],
-        gutterSize: [{ type: core.Input }],
-        gutterStep: [{ type: core.Input }],
-        restrictMove: [{ type: core.Input }],
-        useTransition: [{ type: core.Input }],
-        disabled: [{ type: core.Input }],
-        dir: [{ type: core.Input }],
-        gutterDblClickDuration: [{ type: core.Input }],
-        dragStart: [{ type: core.Output }],
-        dragEnd: [{ type: core.Output }],
-        gutterClick: [{ type: core.Output }],
-        gutterDblClick: [{ type: core.Output }],
-        transitionEnd: [{ type: core.Output }],
-        gutterEls: [{ type: core.ViewChildren, args: ['gutterEls',] }]
+        direction: [{ type: core$1.Input }],
+        unit: [{ type: core$1.Input }],
+        gutterSize: [{ type: core$1.Input }],
+        gutterStep: [{ type: core$1.Input }],
+        restrictMove: [{ type: core$1.Input }],
+        useTransition: [{ type: core$1.Input }],
+        disabled: [{ type: core$1.Input }],
+        dir: [{ type: core$1.Input }],
+        gutterDblClickDuration: [{ type: core$1.Input }],
+        dragStart: [{ type: core$1.Output }],
+        dragEnd: [{ type: core$1.Output }],
+        gutterClick: [{ type: core$1.Output }],
+        gutterDblClick: [{ type: core$1.Output }],
+        transitionEnd: [{ type: core$1.Output }],
+        gutterEls: [{ type: core$1.ViewChildren, args: ['gutterEls',] }]
     };
 
     var MtxSplitPaneDirective = /** @class */ (function () {
@@ -1354,7 +1366,7 @@
     }());
     /** @type {!Array<{type: !Function, args: (undefined|!Array<?>)}>} */
     MtxSplitPaneDirective.decorators = [
-        { type: core.Directive, args: [{
+        { type: core$1.Directive, args: [{
                     selector: 'mtx-split-pane, [mtx-split-pane]',
                     exportAs: 'mtxSplitPane',
                 },] }
@@ -1367,19 +1379,19 @@
      * @nocollapse
      */
     MtxSplitPaneDirective.ctorParameters = function () { return [
-        { type: core.NgZone },
-        { type: core.ElementRef },
-        { type: core.Renderer2 },
+        { type: core$1.NgZone },
+        { type: core$1.ElementRef },
+        { type: core$1.Renderer2 },
         { type: MtxSplitComponent }
     ]; };
     /** @type {!Object<string, !Array<{type: !Function, args: (undefined|!Array<?>)}>>} */
     MtxSplitPaneDirective.propDecorators = {
-        order: [{ type: core.Input }],
-        size: [{ type: core.Input }],
-        minSize: [{ type: core.Input }],
-        maxSize: [{ type: core.Input }],
-        lockSize: [{ type: core.Input }],
-        visible: [{ type: core.Input }]
+        order: [{ type: core$1.Input }],
+        size: [{ type: core$1.Input }],
+        minSize: [{ type: core$1.Input }],
+        maxSize: [{ type: core$1.Input }],
+        lockSize: [{ type: core$1.Input }],
+        visible: [{ type: core$1.Input }]
     };
 
     var MtxSplitModule = /** @class */ (function () {
@@ -1389,7 +1401,7 @@
     }());
     /** @type {!Array<{type: !Function, args: (undefined|!Array<?>)}>} */
     MtxSplitModule.decorators = [
-        { type: core.NgModule, args: [{
+        { type: core$1.NgModule, args: [{
                     imports: [common.CommonModule],
                     declarations: [MtxSplitComponent, MtxSplitPaneDirective],
                     exports: [MtxSplitComponent, MtxSplitPaneDirective],