@coolon/angular-ui-powerups 2.0.2 → 3.0.1

package/esm5/lib/components/table/table-model.js

@@ -1,243 +0,0 @@
-import { __decorate, __metadata } from "tslib";
-import { assert, BooleanValueModelChain, CanIdentify, DirtyTrackingForm, Dsl, GarbageCollector, lang, ListModel, ListModelChain, MapModelChain, MutableListModel, SelectionModel, TrackExternal, Types, UnaryCommand, ValueModelChain } from '@coolon/pectin';
-import { CustomTemplateColumnModel, CustomValueColumnModel, EditorControlColumnModel, ListPropertyColumnModel, PropertyColumnModel, SelectionColumnModel } from './column-model';
-import { EditSession } from './edit-session';
-// export type StringPropertiesOf<T> = { [K in keyof T]: T[K] extends string ? K : never }[keyof T];
-// export type NumberPropertiesOf<T> = { [K in keyof T]: T[K] extends number ? K : never }[keyof T];
-var RowClass = /** @class */ (function () {
-    function RowClass(className, matches) {
-        this.className = className;
-        this.matches = matches;
-    }
-    return RowClass;
-}());
-/**
- * Example:
- * @example
- * const model = TableModel.fromList(heroList, table => {
- *   table.pluck("firstName");
- *   table.pluck("lastName");
- *   table.addCustomColumn("fullName", hero => `${hero.firstName} ${hero.lastName}`);
- * });
- *
- * Editable tables
- * @example
- * const saveCommand = UnaryCommand.create((form: Form<Hero>) => {
- *   if (form.validate()) {
- *     // normal form save stuff
- *     return true; // finish editing
- *   }
- *   return false; // continue editiing
- * }
- * const colorsNames: ListModel<string> = ...;
- * const model = TableModel.fromList(heroList, table => {
- *   table.pluck("firstName").cellEditor(StringInputComponent); <-- interface CellEditor { valueModel:  DirtyTrackingForm.ValueModel<string> | ValueModel<string>; }
- *   table.pluck("lastName").cellEditor(StringInputComponent, {
- *     validators: [Validator.present("We need a last name")]
- *   });
- *   table.pluck("age").cellEditor(NumberInputComponent);
- *   table.pluck("favoriteColor").cellEditor(SelectInputComponent, {
- *     initialiseComponent(component: SelectInputComponent) {
- *       selectInput.optionsModel = colorsNames; // <- initialise our component
- *     }
- *   });
- *   table.addEditControls(saveCommand); // <- required to enable editing
- * });
- *
- * Selection models
- * @example
- * const model = TableModel.fromList(heroList, table => {
- *   table.addSelectionColumn(selectionModel); // <- can be single or multiple selection model
- *   table.pluck("firstName");
- *   table.pluck("lastName");
- * });
- *
- * Custom cell renderers and editors
- * @example
- * const model = TableModel.fromList(heroList, table => {
- *   table.pluck("favoriteColor")
- *      .cellHeaderRenderer(CellHeaderRendererComponent, (component, column) => {
- *        // configure your component with what ever you need.
- *      });
- *      .cellRenderer(CellRendererComponent) // <-- interface CellEditor { value: string; }
- *      .cellEditor(CellEditorComponent.); // <-- interface CellEditor { valueModel:  DirtyTrackingForm.ValueModel<string> | ValueModel<string>; }
- *   table.addCustomColumn("fullName", hero => `${hero.firstName} ${hero.lastName}`);
- * });
- *
- * I18n
- * @example
- * [table.yml]
- * table:
- *   columns(ColumnTextProperties[]):
- *      firstName:
- *         headerText: "First Name"
- *      fullName:
- *         headerText: "Full Name"
- *
- * const model = TableModel.fromList(heroList, table => {
- *   table.pluck("favoriteColor").cellRenderer(...).cellEditor(...);
- *   table.addCustomColumn("fullName", hero => `${hero.firstName} ${hero.lastName}`);
- *
- *   table.columnTextProperties(I18n.table.columns); // <- configures all columns
- * });
- */
-var TableModel = /** @class */ (function () {
-    function TableModel(sourceOfTruth) {
-        var _this = this;
-        this.sourceOfTruth = sourceOfTruth;
-        this._garbage = new GarbageCollector();
-        this._columns = new MutableListModel();
-        this._editorSessions = new MutableListModel();
-        this.rowClassNamePredicates = [];
-        this._createForm = function (row) { return new DirtyTrackingForm(); };
-        this.trackBy = function (index, item) {
-            return _this.identityOf ? _this.identityOf(item) : index;
-        };
-        this.identityOf = sourceOfTruth.identityOf;
-        var _a = Dsl.disposeWith(this._garbage), chain = _a.chain, valueOf = _a.valueOf, before = _a.before, when = _a.when, after = _a.after, observe = _a.observe, switchOn = _a.switchOn;
-        this._columnsById = chain(this._columns).indexBy('columnId');
-        this._rowsBeingEdited = new MutableListModel([], {
-            identifiedWith: this.identityOf
-        });
-        this._editorSessionByRowId = chain(this._editorSessions).indexBy('rowId');
-        this.editing = chain(this._editorSessions).count().isGreaterThan(0);
-        this.dataSource = chain(this.sourceOfTruth).replaceAll(this.rowsBeingEdited);
-        this.firstEditableColumn = chain(this.columns).select(function (c) { return c.hasEditorPortal(); }).first();
-        this.hasColumnsWithRowSelectionExplicitlyEnabled = chain(this._columns).findIndex(function (column) { return column.isRowSelectionExplicitlyEnabled(); }).isGreaterThanOrEqualTo(0);
-        this.addRowClass('enable-hover', function () { return _this.isRowSelectionEnabled(); });
-    }
-    TableModel_1 = TableModel;
-    TableModel.fromList = function (sourceOfTruth, builder) {
-        var model = new TableModel_1(sourceOfTruth);
-        builder(model);
-        return model;
-    };
-    Object.defineProperty(TableModel.prototype, "rowsBeingEdited", {
-        get: function () {
-            return this._rowsBeingEdited.readonly;
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(TableModel.prototype, "columns", {
-        get: function () {
-            return this._columns.readonly;
-        },
-        enumerable: true,
-        configurable: true
-    });
-    TableModel.prototype.pluck = function (property, options) {
-        return this.addColumn(new PropertyColumnModel((options === null || options === void 0 ? void 0 : options.columnId) || property.toString(), property, this));
-    };
-    TableModel.prototype.pluckList = function (property, options) {
-        return this.addColumn(new ListPropertyColumnModel((options === null || options === void 0 ? void 0 : options.columnId) || property.toString(), property, this));
-    };
-    TableModel.prototype.addSelectionColumn = function (selectionModel) {
-        assert.isNil(this.selectionColumnModel);
-        this.selectionColumnModel = new SelectionColumnModel('selection', this, selectionModel);
-        return this.addColumn(this.selectionColumnModel);
-    };
-    TableModel.prototype.addEditControls = function (saveCommand) {
-        this.saveCommand = saveCommand;
-        return this.addColumn(new EditorControlColumnModel('editControls', saveCommand, this));
-    };
-    TableModel.prototype.addCustomColumn = function (columnId, dataAccessor) {
-        return this.addColumn(new CustomValueColumnModel(columnId, this, dataAccessor));
-    };
-    TableModel.prototype.addComponentColumn = function (columnId, component, onComponentInitOrOptions) {
-        return this.addColumn(new CustomValueColumnModel(columnId, this, function (row) { return row; })).cellRenderer(component, onComponentInitOrOptions);
-    };
-    TableModel.prototype.addTemplateColumn = function (columnId) {
-        return this.addColumn(new CustomTemplateColumnModel(columnId, this));
-    };
-    TableModel.prototype.addRowClass = function (className, predicate) {
-        this.rowClassNamePredicates.push(new RowClass(className, predicate));
-    };
-    TableModel.prototype.getRowClasses = function (row) {
-        var classNames = [];
-        this.rowClassNamePredicates.forEach(function (i) {
-            if (i.matches(row)) {
-                classNames.push(i.className);
-            }
-        });
-        return classNames;
-    };
-    TableModel.prototype.useFormFactory = function (factory) {
-        this._createForm = factory;
-        return this;
-    };
-    TableModel.prototype.addColumn = function (column) {
-        if (this._columnsById.get(column.columnId)) {
-            lang.illegalState("Column with id=" + column.columnId + " already exists");
-        }
-        else {
-            this._columns.push(column);
-        }
-        return column;
-    };
-    // removeColumn(column: ColumnModel<Row>) {
-    //
-    // }
-    TableModel.prototype.columnTextProperties = function (columnTextProperties) {
-        this._columnTextPropertiesLookup = columnTextProperties;
-    };
-    TableModel.prototype.getColumnTextProperties = function (column) {
-        return this._columnTextPropertiesLookup ? this._columnTextPropertiesLookup[column.columnId] : undefined;
-    };
-    TableModel.prototype.startEditSession = function (row) {
-        var _this = this;
-        var rowId = this.identityOf(row);
-        if (this._rowsBeingEdited.query().indexOf(row) > -1) {
-            return lang.illegalState("Row with id=" + rowId + " already being edited");
-        }
-        else {
-            var editSession_1 = new EditSession(rowId, row, this._createForm(row), this.saveCommand);
-            var when = Dsl.disposeWith(editSession_1).when;
-            when.valueOf(editSession_1.liveRowValue).changes(function (editedValue) {
-                _this._rowsBeingEdited.replaceOrPush(editedValue);
-            }, { initialValue: 'triggerChangeUnlessNil' });
-            this._editorSessions.push(editSession_1);
-            editSession_1.onDispose(function () {
-                _this._rowsBeingEdited.remove(editSession_1.liveRowValue.value);
-                _this._editorSessions.remove(editSession_1);
-            });
-            return editSession_1;
-        }
-    };
-    TableModel.prototype.getEditSessionFor = function (row) {
-        return this._editorSessionByRowId.get(this.identityOf(row));
-    };
-    TableModel.prototype.cancelAllEditorSessions = function () {
-        var _this = this;
-        this._editorSessions.runInTransaction(function (draft) {
-            _this._rowsBeingEdited.runInTransaction(function () {
-                draft.value.forEach(function (session) { return session.dispose(); });
-            });
-        });
-    };
-    TableModel.prototype.isRowSelectionEnabledFor = function (column) {
-        var _a;
-        return this.selectionColumnModel && ((_a = column.isRowSelectionEnabled()) !== null && _a !== void 0 ? _a : this.isRowSelectionEnabledByDefault());
-    };
-    TableModel.prototype.isRowSelectionEnabledByDefault = function () {
-        return this.selectionColumnModel && this.selectionColumnModel.isRowSelectionEnabledByDefault();
-    };
-    TableModel.prototype.isRowSelectionEnabled = function () {
-        return this.hasColumnsWithRowSelectionExplicitlyEnabled.value || this.isRowSelectionEnabledByDefault();
-    };
-    TableModel.prototype.selectRow = function (row) {
-        var _a;
-        (_a = this.selectionColumnModel) === null || _a === void 0 ? void 0 : _a.selectRow(row);
-    };
-    var TableModel_1;
-    TableModel.ctorParameters = function () { return [
-        { type: ListModel }
-    ]; };
-    TableModel = TableModel_1 = __decorate([
-        TrackExternal.Strategy(new TrackExternal.OneTimeBinding()),
-        __metadata("design:paramtypes", [ListModel])
-    ], TableModel);
-    return TableModel;
-}());
-export { TableModel };
-//# sourceMappingURL=table-model.js.map

package/esm5/lib/components/table/table-model.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"table-model.js","sourceRoot":"ng://@coolon/angular-ui-powerups/","sources":["lib/components/table/table-model.ts"],"names":[],"mappings":";AACA,OAAO,EACL,MAAM,EACN,sBAAsB,EACtB,WAAW,EACX,iBAAiB,EACjB,GAAG,EACH,gBAAgB,EAChB,IAAI,EACJ,SAAS,EACT,cAAc,EACd,aAAa,EACb,gBAAgB,EAChB,cAAc,EACd,aAAa,EACb,KAAK,EACL,YAAY,EACZ,eAAe,EAChB,MAAM,gBAAgB,CAAC;AAExB,OAAO,EAGL,yBAAyB,EACzB,sBAAsB,EACtB,wBAAwB,EACxB,uBAAuB,EAEvB,mBAAmB,EACnB,oBAAoB,EACrB,MAAM,gBAAgB,CAAC;AAExB,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAE7C,oGAAoG;AACpG,oGAAoG;AAEpG;IACE,kBAAqB,SAAiB,EACjB,OAA8B;QAD9B,cAAS,GAAT,SAAS,CAAQ;QACjB,YAAO,GAAP,OAAO,CAAuB;IACnD,CAAC;IACH,eAAC;AAAD,CAAC,AAJD,IAIC;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAqEG;AAEH;IA8BE,oBAA8B,aAA6B;QAA3D,iBAaC;QAb6B,kBAAa,GAAb,aAAa,CAAgB;QA5B1C,aAAQ,GAAG,IAAI,gBAAgB,EAAE,CAAC;QAElC,aAAQ,GAAG,IAAI,gBAAgB,EAAoB,CAAC;QAE7D,oBAAe,GAAG,IAAI,gBAAgB,EAAoB,CAAC;QAElD,2BAAsB,GAAoB,EAAE,CAAC;QAoBtD,gBAAW,GAAyC,UAAC,GAAG,IAAK,OAAA,IAAI,iBAAiB,EAAO,EAA5B,CAA4B,CAAC;QAqBzF,YAAO,GAAG,UAAC,KAAa,EAAE,IAAS;YAC1C,OAAO,KAAI,CAAC,UAAU,CAAC,CAAC,CAAC,KAAI,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC;QACzD,CAAC,CAAC;QApBA,IAAI,CAAC,UAAU,GAAG,aAAa,CAAC,UAAU,CAAC;QACrC,IAAA,mCAA2F,EAAzF,gBAAK,EAAE,oBAAO,EAAE,kBAAM,EAAE,cAAI,EAAE,gBAAK,EAAE,oBAAO,EAAE,sBAA2C,CAAC;QAClG,IAAI,CAAC,YAAY,GAAG,KAAK,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC,OAAO,CAAC,UAAU,CAAC,CAAC;QAC7D,IAAI,CAAC,gBAAgB,GAAG,IAAI,gBAAgB,CAAM,EAAE,EAAE;YACpD,cAAc,EAAE,IAAI,CAAC,UAAU;SAChC,CAAC,CAAC;QACH,IAAI,CAAC,qBAAqB,GAAG,KAAK,CAAC,IAAI,CAAC,eAAe,CAAC,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC;QAC1E,IAAI,CAAC,OAAO,GAAG,KAAK,CAAC,IAAI,CAAC,eAAe,CAAC,CAAC,KAAK,EAAE,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC;QACpE,IAAI,CAAC,UAAU,GAAG,KAAK,CAAC,IAAI,CAAC,aAAa,CAAC,CAAC,UAAU,CAAC,IAAI,CAAC,eAAe,CAAC,CAAC;QAC7E,IAAI,CAAC,mBAAmB,GAAG,KAAK,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC,MAAM,CAAC,UAAA,CAAC,IAAI,OAAA,CAAC,CAAC,eAAe,EAAE,EAAnB,CAAmB,CAAC,CAAC,KAAK,EAAE,CAAC;QACxF,IAAI,CAAC,2CAA2C,GAAG,KAAK,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC,SAAS,CAAC,UAAA,MAAM,IAAI,OAAA,MAAM,CAAC,+BAA+B,EAAE,EAAxC,CAAwC,CAAC,CAAC,sBAAsB,CAAC,CAAC,CAAC,CAAC;QAChK,IAAI,CAAC,WAAW,CAAC,cAAc,EAAE,cAAM,OAAA,KAAI,CAAC,qBAAqB,EAAE,EAA5B,CAA4B,CAAC,CAAC;IACvE,CAAC;mBA3CU,UAAU;IAsBd,mBAAQ,GAAf,UAAqB,aAA6B,EAAE,OAA+C;QACjG,IAAM,KAAK,GAAG,IAAI,YAAU,CAAM,aAAa,CAAC,CAAC;QACjD,OAAO,CAAC,KAAK,CAAC,CAAC;QACf,OAAO,KAAK,CAAC;IACf,CAAC;IAmBD,sBAAI,uCAAe;aAAnB;YACE,OAAO,IAAI,CAAC,gBAAgB,CAAC,QAAQ,CAAC;QACxC,CAAC;;;OAAA;IAMD,sBAAI,+BAAO;aAAX;YACE,OAAO,IAAI,CAAC,QAAQ,CAAC,QAAQ,CAAC;QAChC,CAAC;;;OAAA;IAED,0BAAK,GAAL,UAA8C,QAAW,EAAE,OAA8B;QACvF,OAAO,IAAI,CAAC,SAAS,CAAC,IAAI,mBAAmB,CAAS,CAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,QAAQ,KAAI,QAAQ,CAAC,QAAQ,EAAE,EAAE,QAAQ,EAAE,IAAI,CAAC,CAAC,CAAC;IACnH,CAAC;IAED,8BAAS,GAAT,UAAkD,QAAW,EAAE,OAA8B;QAC3F,OAAO,IAAI,CAAC,SAAS,CAAC,IAAI,uBAAuB,CAAS,CAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,QAAQ,KAAI,QAAQ,CAAC,QAAQ,EAAE,EAAE,QAAQ,EAAE,IAAI,CAAC,CAAC,CAAC;IACvH,CAAC;IAED,uCAAkB,GAAlB,UAAmB,cAAmC;QACpD,MAAM,CAAC,KAAK,CAAC,IAAI,CAAC,oBAAoB,CAAC,CAAC;QACxC,IAAI,CAAC,oBAAoB,GAAG,IAAI,oBAAoB,CAAM,WAAW,EAAE,IAAI,EAAE,cAAc,CAAC,CAAC;QAC7F,OAAO,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,oBAAoB,CAAC,CAAC;IACnD,CAAC;IAED,oCAAe,GAAf,UAAgB,WAA0D;QACxE,IAAI,CAAC,WAAW,GAAG,WAAW,CAAC;QAC/B,OAAO,IAAI,CAAC,SAAS,CAAC,IAAI,wBAAwB,CAAM,cAAc,EAAE,WAAW,EAAE,IAAI,CAAC,CAAC,CAAC;IAC9F,CAAC;IAED,oCAAe,GAAf,UAAmB,QAAgB,EAAE,YAA6B;QAChE,OAAO,IAAI,CAAC,SAAS,CAAC,IAAI,sBAAsB,CAAS,QAAQ,EAAE,IAAI,EAAE,YAAY,CAAC,CAAC,CAAC;IAC1F,CAAC;IAID,uCAAkB,GAAlB,UAAgD,QAAgB,EAAE,SAA2B,EAAE,wBAA2E;QACxK,OAAO,IAAI,CAAC,SAAS,CAAC,IAAI,sBAAsB,CAAW,QAAQ,EAAE,IAAI,EAAE,UAAA,GAAG,IAAI,OAAA,GAAG,EAAH,CAAG,CAAC,CAAC,CAAC,YAAY,CAAC,SAAS,EAAE,wBAAwB,CAAC,CAAC;IAC5I,CAAC;IAED,sCAAiB,GAAjB,UAAqB,QAAgB;QACnC,OAAO,IAAI,CAAC,SAAS,CAAC,IAAI,yBAAyB,CAAM,QAAQ,EAAE,IAAI,CAAC,CAAC,CAAC;IAC5E,CAAC;IAED,gCAAW,GAAX,UAAY,SAAiB,EAAE,SAAgC;QAC7D,IAAI,CAAC,sBAAsB,CAAC,IAAI,CAAC,IAAI,QAAQ,CAAM,SAAS,EAAE,SAAS,CAAC,CAAC,CAAC;IAC5E,CAAC;IAED,kCAAa,GAAb,UAAc,GAAQ;QACpB,IAAM,UAAU,GAAa,EAAE,CAAC;QAChC,IAAI,CAAC,sBAAsB,CAAC,OAAO,CAAC,UAAA,CAAC;YACnC,IAAI,CAAC,CAAC,OAAO,CAAC,GAAG,CAAC,EAAE;gBAClB,UAAU,CAAC,IAAI,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC;aAC9B;QACH,CAAC,CAAC,CAAC;QACH,OAAO,UAAU,CAAC;IACpB,CAAC;IAED,mCAAc,GAAd,UAAe,OAA6C;QAC1D,IAAI,CAAC,WAAW,GAAG,OAAO,CAAC;QAC3B,OAAO,IAAI,CAAC;IACd,CAAC;IAES,8BAAS,GAAnB,UAAgD,MAAS;QACvD,IAAI,IAAI,CAAC,YAAY,CAAC,GAAG,CAAC,MAAM,CAAC,QAAQ,CAAC,EAAE;YAC1C,IAAI,CAAC,YAAY,CAAC,oBAAkB,MAAM,CAAC,QAAQ,oBAAiB,CAAC,CAAC;SACvE;aAAM;YACL,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;SAC5B;QACD,OAAO,MAAM,CAAC;IAChB,CAAC;IAED,2CAA2C;IAC3C,EAAE;IACF,IAAI;IAEJ,yCAAoB,GAApB,UAAqB,oBAAoE;QACvF,IAAI,CAAC,2BAA2B,GAAG,oBAAoB,CAAC;IAC1D,CAAC;IAED,4CAAuB,GAAvB,UAAwB,MAAwB;QAC9C,OAAO,IAAI,CAAC,2BAA2B,CAAC,CAAC,CAAC,IAAI,CAAC,2BAA2B,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC;IAC1G,CAAC;IAED,qCAAgB,GAAhB,UAAiB,GAAQ;QAAzB,iBAkBC;QAjBC,IAAM,KAAK,GAAG,IAAI,CAAC,UAAU,CAAC,GAAG,CAAC,CAAC;QACnC,IAAI,IAAI,CAAC,gBAAgB,CAAC,KAAK,EAAE,CAAC,OAAO,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC,EAAE;YACnD,OAAO,IAAI,CAAC,YAAY,CAAC,iBAAe,KAAK,0BAAuB,CAAC,CAAC;SACvE;aAAM;YACL,IAAM,aAAW,GAAG,IAAI,WAAW,CAAM,KAAK,EAAE,GAAG,EAAE,IAAI,CAAC,WAAW,CAAC,GAAG,CAAC,EAAE,IAAI,CAAC,WAAW,CAAC,CAAC;YACtF,IAAA,0CAAI,CAAkC;YAC9C,IAAI,CAAC,OAAO,CAAC,aAAW,CAAC,YAAY,CAAC,CAAC,OAAO,CAAC,UAAC,WAAW;gBACzD,KAAI,CAAC,gBAAgB,CAAC,aAAa,CAAC,WAAW,CAAC,CAAC;YACnD,CAAC,EAAE,EAAE,YAAY,EAAE,wBAAwB,EAAE,CAAC,CAAC;YAE/C,IAAI,CAAC,eAAe,CAAC,IAAI,CAAC,aAAW,CAAC,CAAC;YACvC,aAAW,CAAC,SAAS,CAAC;gBACpB,KAAI,CAAC,gBAAgB,CAAC,MAAM,CAAC,aAAW,CAAC,YAAY,CAAC,KAAK,CAAC,CAAC;gBAC7D,KAAI,CAAC,eAAe,CAAC,MAAM,CAAC,aAAW,CAAC,CAAC;YAC3C,CAAC,CAAC,CAAC;YACH,OAAO,aAAW,CAAC;SACpB;IACH,CAAC;IAED,sCAAiB,GAAjB,UAAkB,GAAQ;QACxB,OAAO,IAAI,CAAC,qBAAqB,CAAC,GAAG,CAAC,IAAI,CAAC,UAAU,CAAC,GAAG,CAAC,CAAC,CAAC;IAC9D,CAAC;IAED,4CAAuB,GAAvB;QAAA,iBAMC;QALC,IAAI,CAAC,eAAe,CAAC,gBAAgB,CAAC,UAAC,KAAK;YAC1C,KAAI,CAAC,gBAAgB,CAAC,gBAAgB,CAAC;gBACrC,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,UAAA,OAAO,IAAI,OAAA,OAAO,CAAC,OAAO,EAAE,EAAjB,CAAiB,CAAC,CAAC;YACpD,CAAC,CAAC,CAAC;QACL,CAAC,CAAC,CAAC;IACL,CAAC;IAED,6CAAwB,GAAxB,UAAyB,MAAwB;;QAC/C,OAAO,IAAI,CAAC,oBAAoB,IAAI,OAAC,MAAM,CAAC,qBAAqB,EAAE,mCAAI,IAAI,CAAC,8BAA8B,EAAE,CAAC,CAAC;IAChH,CAAC;IAED,mDAA8B,GAA9B;QACE,OAAO,IAAI,CAAC,oBAAoB,IAAI,IAAI,CAAC,oBAAoB,CAAC,8BAA8B,EAAE,CAAC;IACjG,CAAC;IAED,0CAAqB,GAArB;QACE,OAAO,IAAI,CAAC,2CAA2C,CAAC,KAAK,IAAI,IAAI,CAAC,8BAA8B,EAAE,CAAC;IACzG,CAAC;IAED,8BAAS,GAAT,UAAU,GAAQ;;QAChB,MAAA,IAAI,CAAC,oBAAoB,0CAAE,SAAS,CAAC,GAAG,EAAE;IAC5C,CAAC;;;gBAlJ4C,SAAS;;IA9B3C,UAAU;QADtB,aAAa,CAAC,QAAQ,CAAC,IAAI,aAAa,CAAC,cAAc,EAAE,CAAC;yCA+BZ,SAAS;OA9B3C,UAAU,CAiLtB;IAAD,iBAAC;CAAA,AAjLD,IAiLC;SAjLY,UAAU","sourcesContent":["import { ComponentType } from '@angular/cdk/overlay';\nimport {\n  assert,\n  BooleanValueModelChain,\n  CanIdentify,\n  DirtyTrackingForm,\n  Dsl,\n  GarbageCollector,\n  lang,\n  ListModel,\n  ListModelChain,\n  MapModelChain,\n  MutableListModel,\n  SelectionModel,\n  TrackExternal,\n  Types,\n  UnaryCommand,\n  ValueModelChain\n} from '@coolon/pectin';\nimport { CellRenderer } from './cell-renderer';\nimport {\n  CellRendererOptions,\n  ColumnModel,\n  CustomTemplateColumnModel,\n  CustomValueColumnModel,\n  EditorControlColumnModel,\n  ListPropertyColumnModel,\n  OnComponentInit,\n  PropertyColumnModel,\n  SelectionColumnModel\n} from './column-model';\nimport { ColumnTextProperties } from './column-text-properties';\nimport { EditSession } from './edit-session';\n\n// export type StringPropertiesOf<T> = { [K in keyof T]: T[K] extends string ? K : never }[keyof T];\n// export type NumberPropertiesOf<T> = { [K in keyof T]: T[K] extends number ? K : never }[keyof T];\n\nclass RowClass<Row> {\n  constructor(readonly className: string,\n              readonly matches: (row: Row) => boolean) {\n  }\n}\n\n/**\n * Example:\n * @example\n * const model = TableModel.fromList(heroList, table => {\n *   table.pluck(\"firstName\");\n *   table.pluck(\"lastName\");\n *   table.addCustomColumn(\"fullName\", hero => `${hero.firstName} ${hero.lastName}`);\n * });\n *\n * Editable tables\n * @example\n * const saveCommand = UnaryCommand.create((form: Form<Hero>) => {\n *   if (form.validate()) {\n *     // normal form save stuff\n *     return true; // finish editing\n *   }\n *   return false; // continue editiing\n * }\n * const colorsNames: ListModel<string> = ...;\n * const model = TableModel.fromList(heroList, table => {\n *   table.pluck(\"firstName\").cellEditor(StringInputComponent); <-- interface CellEditor { valueModel:  DirtyTrackingForm.ValueModel<string> | ValueModel<string>; }\n *   table.pluck(\"lastName\").cellEditor(StringInputComponent, {\n *     validators: [Validator.present(\"We need a last name\")]\n *   });\n *   table.pluck(\"age\").cellEditor(NumberInputComponent);\n *   table.pluck(\"favoriteColor\").cellEditor(SelectInputComponent, {\n *     initialiseComponent(component: SelectInputComponent) {\n *       selectInput.optionsModel = colorsNames; // <- initialise our component\n *     }\n *   });\n *   table.addEditControls(saveCommand); // <- required to enable editing\n * });\n *\n * Selection models\n * @example\n * const model = TableModel.fromList(heroList, table => {\n *   table.addSelectionColumn(selectionModel); // <- can be single or multiple selection model\n *   table.pluck(\"firstName\");\n *   table.pluck(\"lastName\");\n * });\n *\n * Custom cell renderers and editors\n * @example\n * const model = TableModel.fromList(heroList, table => {\n *   table.pluck(\"favoriteColor\")\n *      .cellHeaderRenderer(CellHeaderRendererComponent, (component, column) => {\n *        // configure your component with what ever you need.\n *      });\n *      .cellRenderer(CellRendererComponent) // <-- interface CellEditor { value: string; }\n *      .cellEditor(CellEditorComponent.); // <-- interface CellEditor { valueModel:  DirtyTrackingForm.ValueModel<string> | ValueModel<string>; }\n *   table.addCustomColumn(\"fullName\", hero => `${hero.firstName} ${hero.lastName}`);\n * });\n *\n * I18n\n * @example\n * [table.yml]\n * table:\n *   columns(ColumnTextProperties[]):\n *      firstName:\n *         headerText: \"First Name\"\n *      fullName:\n *         headerText: \"Full Name\"\n *\n * const model = TableModel.fromList(heroList, table => {\n *   table.pluck(\"favoriteColor\").cellRenderer(...).cellEditor(...);\n *   table.addCustomColumn(\"fullName\", hero => `${hero.firstName} ${hero.lastName}`);\n *\n *   table.columnTextProperties(I18n.table.columns); // <- configures all columns\n * });\n */\n@TrackExternal.Strategy(new TrackExternal.OneTimeBinding())\nexport class TableModel<Row> {\n\n  private readonly _garbage = new GarbageCollector();\n\n  private readonly _columns = new MutableListModel<ColumnModel<Row>>();\n  private _columnsById: MapModelChain<string, ColumnModel<Row>>;\n  private _editorSessions = new MutableListModel<EditSession<Row>>();\n  private readonly _rowsBeingEdited: MutableListModel<Row>;\n  private readonly rowClassNamePredicates: RowClass<Row>[] = [];\n\n  private _columnTextPropertiesLookup: { [columnName: string]: ColumnTextProperties };\n\n  readonly identityOf: CanIdentify<Row>['identityOf'];\n  private saveCommand: UnaryCommand<DirtyTrackingForm<Row>, boolean>;\n  private _editorSessionByRowId: MapModelChain<any, EditSession<Row>>;\n\n  readonly editing: BooleanValueModelChain;\n  readonly dataSource: ListModelChain<Row>;\n  readonly firstEditableColumn: ValueModelChain<ColumnModel<Row>>;\n  private selectionColumnModel: SelectionColumnModel<Row>;\n  private hasColumnsWithRowSelectionExplicitlyEnabled: BooleanValueModelChain;\n\n  static fromList<Row>(sourceOfTruth: ListModel<Row>, builder?: (tableModel: TableModel<Row>) => void): TableModel<Row> {\n    const model = new TableModel<Row>(sourceOfTruth);\n    builder(model);\n    return model;\n  }\n\n  private _createForm: (row: Row) => DirtyTrackingForm<Row> = (row) => new DirtyTrackingForm<Row>();\n\n  protected constructor(private sourceOfTruth: ListModel<Row>) {\n    this.identityOf = sourceOfTruth.identityOf;\n    const { chain, valueOf, before, when, after, observe, switchOn } = Dsl.disposeWith(this._garbage);\n    this._columnsById = chain(this._columns).indexBy('columnId');\n    this._rowsBeingEdited = new MutableListModel<Row>([], {\n      identifiedWith: this.identityOf\n    });\n    this._editorSessionByRowId = chain(this._editorSessions).indexBy('rowId');\n    this.editing = chain(this._editorSessions).count().isGreaterThan(0);\n    this.dataSource = chain(this.sourceOfTruth).replaceAll(this.rowsBeingEdited);\n    this.firstEditableColumn = chain(this.columns).select(c => c.hasEditorPortal()).first();\n    this.hasColumnsWithRowSelectionExplicitlyEnabled = chain(this._columns).findIndex(column => column.isRowSelectionExplicitlyEnabled()).isGreaterThanOrEqualTo(0);\n    this.addRowClass('enable-hover', () => this.isRowSelectionEnabled());\n  }\n\n  get rowsBeingEdited(): ListModel<Row> {\n    return this._rowsBeingEdited.readonly;\n  }\n\n  readonly trackBy = (index: number, item: Row) => {\n    return this.identityOf ? this.identityOf(item) : index;\n  };\n\n  get columns(): ListModel<ColumnModel<Row>> {\n    return this._columns.readonly;\n  }\n\n  pluck<P extends Types.ValuePropertiesOf<Row>>(property: P, options?: { columnId: string }): PropertyColumnModel<Row, P> {\n    return this.addColumn(new PropertyColumnModel<Row, P>(options?.columnId || property.toString(), property, this));\n  }\n\n  pluckList<P extends Types.ArrayPropertiesOf<Row>>(property: P, options?: { columnId: string }): ListPropertyColumnModel<Row, P> {\n    return this.addColumn(new ListPropertyColumnModel<Row, P>(options?.columnId || property.toString(), property, this));\n  }\n\n  addSelectionColumn(selectionModel: SelectionModel<Row>): SelectionColumnModel<Row> {\n    assert.isNil(this.selectionColumnModel);\n    this.selectionColumnModel = new SelectionColumnModel<Row>('selection', this, selectionModel);\n    return this.addColumn(this.selectionColumnModel);\n  }\n\n  addEditControls(saveCommand: UnaryCommand<DirtyTrackingForm<Row>, boolean>): EditorControlColumnModel<Row> {\n    this.saveCommand = saveCommand;\n    return this.addColumn(new EditorControlColumnModel<Row>('editControls', saveCommand, this));\n  }\n\n  addCustomColumn<V>(columnId: string, dataAccessor: (row: Row) => V): CustomValueColumnModel<Row, V> {\n    return this.addColumn(new CustomValueColumnModel<Row, V>(columnId, this, dataAccessor));\n  }\n\n  addComponentColumn<C extends CellRenderer<Row>>(columnId: string, component: ComponentType<C>, onInit?: OnComponentInit<C>): CustomValueColumnModel<Row, Row>\n  addComponentColumn<C extends CellRenderer<Row>>(columnId: string, component: ComponentType<C>, options?: CellRendererOptions<Row, C>): CustomValueColumnModel<Row, Row>\n  addComponentColumn<C extends CellRenderer<Row>>(columnId: string, component: ComponentType<C>, onComponentInitOrOptions?: OnComponentInit<C> | CellRendererOptions<Row, C>): CustomValueColumnModel<Row, Row> {\n    return this.addColumn(new CustomValueColumnModel<Row, Row>(columnId, this, row => row)).cellRenderer(component, onComponentInitOrOptions);\n  }\n\n  addTemplateColumn<V>(columnId: string): CustomTemplateColumnModel<Row> {\n    return this.addColumn(new CustomTemplateColumnModel<Row>(columnId, this));\n  }\n\n  addRowClass(className: string, predicate: (row: Row) => boolean) {\n    this.rowClassNamePredicates.push(new RowClass<Row>(className, predicate));\n  }\n\n  getRowClasses(row: Row): string[] {\n    const classNames: string[] = [];\n    this.rowClassNamePredicates.forEach(i => {\n      if (i.matches(row)) {\n        classNames.push(i.className);\n      }\n    });\n    return classNames;\n  }\n\n  useFormFactory(factory: (row: Row) => DirtyTrackingForm<Row>): this {\n    this._createForm = factory;\n    return this;\n  }\n\n  protected addColumn<C extends ColumnModel<Row>>(column: C): C {\n    if (this._columnsById.get(column.columnId)) {\n      lang.illegalState(`Column with id=${column.columnId} already exists`);\n    } else {\n      this._columns.push(column);\n    }\n    return column;\n  }\n\n  // removeColumn(column: ColumnModel<Row>) {\n  //\n  // }\n\n  columnTextProperties(columnTextProperties: { [columnName: string]: ColumnTextProperties }) {\n    this._columnTextPropertiesLookup = columnTextProperties;\n  }\n\n  getColumnTextProperties(column: ColumnModel<Row>): ColumnTextProperties {\n    return this._columnTextPropertiesLookup ? this._columnTextPropertiesLookup[column.columnId] : undefined;\n  }\n\n  startEditSession(row: Row): EditSession<Row> {\n    const rowId = this.identityOf(row);\n    if (this._rowsBeingEdited.query().indexOf(row) > -1) {\n      return lang.illegalState(`Row with id=${rowId} already being edited`);\n    } else {\n      const editSession = new EditSession<Row>(rowId, row, this._createForm(row), this.saveCommand);\n      const { when } = Dsl.disposeWith(editSession);\n      when.valueOf(editSession.liveRowValue).changes((editedValue) => {\n        this._rowsBeingEdited.replaceOrPush(editedValue);\n      }, { initialValue: 'triggerChangeUnlessNil' });\n\n      this._editorSessions.push(editSession);\n      editSession.onDispose(() => {\n        this._rowsBeingEdited.remove(editSession.liveRowValue.value);\n        this._editorSessions.remove(editSession);\n      });\n      return editSession;\n    }\n  }\n\n  getEditSessionFor(row: Row): EditSession<Row> {\n    return this._editorSessionByRowId.get(this.identityOf(row));\n  }\n\n  cancelAllEditorSessions() {\n    this._editorSessions.runInTransaction((draft) => {\n      this._rowsBeingEdited.runInTransaction(() => {\n        draft.value.forEach(session => session.dispose());\n      });\n    });\n  }\n\n  isRowSelectionEnabledFor(column: ColumnModel<Row>): boolean | undefined {\n    return this.selectionColumnModel && (column.isRowSelectionEnabled() ?? this.isRowSelectionEnabledByDefault());\n  }\n\n  isRowSelectionEnabledByDefault(): boolean {\n    return this.selectionColumnModel && this.selectionColumnModel.isRowSelectionEnabledByDefault();\n  }\n\n  isRowSelectionEnabled() {\n    return this.hasColumnsWithRowSelectionExplicitlyEnabled.value || this.isRowSelectionEnabledByDefault();\n  }\n\n  selectRow(row: Row) {\n    this.selectionColumnModel?.selectRow(row);\n  }\n}\n\n"]}

package/esm5/lib/components/table/table-row-menu/table-row-menu.component.js

@@ -1,63 +0,0 @@
-import { __decorate, __extends, __metadata } from "tslib";
-import { Component, Input, ViewChild } from '@angular/core';
-import { MatMenuTrigger } from '@angular/material/menu';
-import { Dsl } from '@coolon/pectin';
-import { DisposableComponent } from '../../disposable-component';
-var MenuItemData = /** @class */ (function () {
-    function MenuItemData(factory, face) {
-        this.factory = factory;
-        this.face = face;
-    }
-    return MenuItemData;
-}());
-/**
- *
- */
-var TableRowMenuComponent = /** @class */ (function (_super) {
-    __extends(TableRowMenuComponent, _super);
-    function TableRowMenuComponent() {
-        var _this = _super.call(this) || this;
-        _this.actions = [];
-        _this.moreActions = [];
-        return _this;
-    }
-    TableRowMenuComponent.prototype.registerAction = function (commandFactory, properties) {
-        this.actions.push(new MenuItemData(commandFactory, properties));
-    };
-    TableRowMenuComponent.prototype.registerMoreAction = function (commandFactory, properties) {
-        this.moreActions.push(new MenuItemData(commandFactory, properties));
-    };
-    TableRowMenuComponent.prototype.ngOnInit = function () {
-    };
-    TableRowMenuComponent.prototype.createMoreMenuCommand = function (item, value) {
-        var _this = this;
-        var when = Dsl.disposeWith(this).when;
-        var command = item.factory.create(value);
-        when(command.busy).becomesFalsey(function () {
-            _this.closeMoreMenu();
-        });
-        return command;
-    };
-    TableRowMenuComponent.prototype.closeMoreMenu = function () {
-        this.menu.closeMenu();
-    };
-    __decorate([
-        Input(),
-        __metadata("design:type", Object)
-    ], TableRowMenuComponent.prototype, "value", void 0);
-    __decorate([
-        ViewChild(MatMenuTrigger),
-        __metadata("design:type", MatMenuTrigger)
-    ], TableRowMenuComponent.prototype, "menu", void 0);
-    TableRowMenuComponent = __decorate([
-        Component({
-            selector: 'aup-table-row-menu',
-            template: "\n      <aup-tool-bar>\n          <aup-command *ngFor=\"let action of actions\" [command]=\"action.factory.create(value)\"\n                       [face]=\"action.faceModel\"></aup-command>\n      </aup-tool-bar>\n      <ng-container *ngIf=\"moreActions.length > 0\">\n          <aup-more-menu>\n              <aup-command *ngFor=\"let action of moreActions\" [command]=\"action.factory.create(value)\"\n                           [face]=\"action.faceModel\"></aup-command>\n          </aup-more-menu>\n      </ng-container>\n  ",
-            styles: [":host {\n    display: inline-flex;\n    flex-direction: row;\n    align-items: center;\n  }"]
-        }),
-        __metadata("design:paramtypes", [])
-    ], TableRowMenuComponent);
-    return TableRowMenuComponent;
-}(DisposableComponent));
-export { TableRowMenuComponent };
-//# sourceMappingURL=table-row-menu.component.js.map

package/esm5/lib/components/table/table-row-menu/table-row-menu.component.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"table-row-menu.component.js","sourceRoot":"ng://@coolon/angular-ui-powerups/","sources":["lib/components/table/table-row-menu/table-row-menu.component.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,EAAE,KAAK,EAAU,SAAS,EAAE,MAAM,eAAe,CAAC;AACpE,OAAO,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAC;AAExD,OAAO,EAAW,GAAG,EAAE,MAAM,gBAAgB,CAAC;AAE9C,OAAO,EAAE,mBAAmB,EAAE,MAAM,4BAA4B,CAAC;AAGjE;IACE,sBAAqB,OAAiC,EAAW,IAAiB;QAA7D,YAAO,GAAP,OAAO,CAA0B;QAAW,SAAI,GAAJ,IAAI,CAAa;IAClF,CAAC;IACH,mBAAC;AAAD,CAAC,AAHD,IAGC;AAED;;GAEG;AAqBH;IAA8C,yCAAmB;IAmB/D;QAAA,YACE,iBAAO,SACR;QAbQ,aAAO,GAAsB,EAAE,CAAC;QAChC,iBAAW,GAAsB,EAAE,CAAC;;IAY7C,CAAC;IAVD,8CAAc,GAAd,UAAe,cAAwC,EAAE,UAAuB;QAC9E,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,YAAY,CAAC,cAAc,EAAE,UAAU,CAAC,CAAC,CAAC;IAClE,CAAC;IAED,kDAAkB,GAAlB,UAAmB,cAAwC,EAAE,UAAuB;QAClF,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,IAAI,YAAY,CAAC,cAAc,EAAE,UAAU,CAAC,CAAC,CAAC;IACtE,CAAC;IAMD,wCAAQ,GAAR;IACA,CAAC;IAED,qDAAqB,GAArB,UAAsB,IAAqB,EAAE,KAAQ;QAArD,iBAOC;QANS,IAAA,iCAAI,CAA2B;QACvC,IAAM,OAAO,GAAG,IAAI,CAAC,OAAO,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;QAC3C,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC,aAAa,CAAC;YAC/B,KAAI,CAAC,aAAa,EAAE,CAAC;QACvB,CAAC,CAAC,CAAC;QACH,OAAO,OAAO,CAAC;IACjB,CAAC;IAEO,6CAAa,GAArB;QACE,IAAI,CAAC,IAAI,CAAC,SAAS,EAAE,CAAC;IACxB,CAAC;IAlCD;QADC,KAAK,EAAE;;wDACC;IAGT;QADC,SAAS,CAAC,cAAc,CAAC;kCACpB,cAAc;uDAAC;IANV,qBAAqB;QApBjC,SAAS,CAAC;YACT,QAAQ,EAAE,oBAAoB;YAC9B,QAAQ,EAAE,khBAWT;qBACQ,6FAIP;SACH,CAAC;;OACW,qBAAqB,CAsCjC;IAAD,4BAAC;CAAA,AAtCD,CAA8C,mBAAmB,GAsChE;SAtCY,qBAAqB","sourcesContent":["import { Component, Input, OnInit, ViewChild } from '@angular/core';\nimport { MatMenuTrigger } from '@angular/material/menu';\n\nimport { Command, Dsl } from '@coolon/pectin';\nimport { CommandFace } from '../../commands/command-face';\nimport { DisposableComponent } from '../../disposable-component';\n\n\nclass MenuItemData<T>  {\n  constructor(readonly factory: Command.Factory<T, void>, readonly face: CommandFace) {\n  }\n}\n\n/**\n *\n */\n@Component({\n  selector: 'aup-table-row-menu',\n  template: `\n      <aup-tool-bar>\n          <aup-command *ngFor=\"let action of actions\" [command]=\"action.factory.create(value)\"\n                       [face]=\"action.faceModel\"></aup-command>\n      </aup-tool-bar>\n      <ng-container *ngIf=\"moreActions.length > 0\">\n          <aup-more-menu>\n              <aup-command *ngFor=\"let action of moreActions\" [command]=\"action.factory.create(value)\"\n                           [face]=\"action.faceModel\"></aup-command>\n          </aup-more-menu>\n      </ng-container>\n  `,\n  styles: [`:host {\n    display: inline-flex;\n    flex-direction: row;\n    align-items: center;\n  }`]\n})\nexport class TableRowMenuComponent<T> extends DisposableComponent implements OnInit {\n\n  @Input()\n  value: T;\n\n  @ViewChild(MatMenuTrigger)\n  menu: MatMenuTrigger;\n\n  readonly actions: MenuItemData<T>[] = [];\n  readonly moreActions: MenuItemData<T>[] = [];\n\n  registerAction(commandFactory: Command.Factory<T, void>, properties: CommandFace) {\n    this.actions.push(new MenuItemData(commandFactory, properties));\n  }\n\n  registerMoreAction(commandFactory: Command.Factory<T, void>, properties: CommandFace) {\n    this.moreActions.push(new MenuItemData(commandFactory, properties));\n  }\n\n  constructor() {\n    super();\n  }\n\n  ngOnInit() {\n  }\n\n  createMoreMenuCommand(item: MenuItemData<T>, value: T): Command<void> {\n    const { when } = Dsl.disposeWith(this);\n    const command = item.factory.create(value);\n    when(command.busy).becomesFalsey(() => {\n      this.closeMoreMenu();\n    });\n    return command;\n  }\n\n  private closeMoreMenu() {\n    this.menu.closeMenu();\n  }\n}\n"]}

package/esm5/lib/components/table/table-row-menu/table-row-menu.component.ngfactory.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"table-row-menu.component.ngfactory.js","sourceRoot":"ng://@coolon/angular-ui-powerups/","sources":["lib/components/table/table-row-menu/table-row-menu.component.ngfactory.ts"],"names":[],"mappings":"","sourcesContent":["import * as i0 from '@angular/core';\ni0.ComponentFactory;\n"]}

package/esm5/lib/components/table/table.component.js

@@ -1,75 +0,0 @@
-import { __decorate, __extends, __metadata } from "tslib";
-import { Component, Input } from '@angular/core';
-import { Dsl, TrackExternal } from '@coolon/pectin';
-import { DisposableComponent } from '../disposable-component';
-import { CustomTemplateColumnModel } from './column-model';
-import { TableModel } from './table-model';
-/**
- * Create your model:
- * @example
- * this.heroTableModel = TableModel.fromList(heroList, table => {
- *   table.pluck("firstName");
- *   table.pluck("lastName");
- *   table.addCustomColumn("fullName", hero => `${hero.firstName} ${hero.lastName}`);
- * });
- *
- * Create your table
- * @example
- * <aup-table [tableModel]="heroTableModel"></aup-table>
- *
- * Styling
- * @example
- * aup-table {
- *   --column-gap: 10px; // defaults to 24px
- *   aup-table-cell-renderer {
- *     &:first-column {
- *       // do stuff
- *     }
- *     &:last-column {
- *       // do stuff
- *     }
- *   }
- * }
- */
-var TableComponent = /** @class */ (function (_super) {
-    __extends(TableComponent, _super);
-    function TableComponent() {
-        return _super.call(this) || this;
-    }
-    TableComponent.prototype.ngOnInit = function () {
-        var _a = Dsl.disposeWith(this), chain = _a.chain, valueOf = _a.valueOf, before = _a.before, when = _a.when, after = _a.after, observe = _a.observe, switchOn = _a.switchOn;
-        this.columns = chain(this.tableModel.columns);
-        this.columnIds = chain(this.columns).pluck('columnId');
-        this.columnsById = chain(this.columns).indexBy('columnId');
-    };
-    TableComponent.prototype.isEditing = function (row) {
-        return !!this.tableModel.getEditSessionFor(row);
-    };
-    TableComponent.prototype.registerColumnTemplate = function (columnId, templateRef, viewContainer, fillCell, padChild) {
-        var column = this.columnsById.get(columnId);
-        if (column instanceof CustomTemplateColumnModel) {
-            column.setTemplate(templateRef, viewContainer, fillCell, padChild);
-        }
-    };
-    TableComponent.prototype.onCellClicked = function (columnModel, row) {
-        if (this.tableModel.isRowSelectionEnabledFor(columnModel)) {
-            this.tableModel.selectRow(row);
-        }
-    };
-    __decorate([
-        Input(),
-        TrackExternal(),
-        __metadata("design:type", TableModel)
-    ], TableComponent.prototype, "tableModel", void 0);
-    TableComponent = __decorate([
-        Component({
-            selector: 'aup-table',
-            template: "<table mat-table [dataSource]=\"tableModel.dataSource.value\" [trackBy]=\"tableModel.trackBy\">\n\n  <ng-container *ngFor=\"let column of columns.value; index as index; first as first; last as last\" matColumnDef=\"{{column.columnId}}\">\n    <th mat-header-cell *matHeaderCellDef>\n      <aup-table-header-cell-renderer [column]=\"column\"\n                                      [attr.column-index]=\"index\"\n                                      [attr.column-id]=\"column.columnId\"\n                                      [class.first-column]=\"first\"\n                                      [class.last-column]=\"last\"\n      ></aup-table-header-cell-renderer>\n    </th>\n    <td mat-cell *matCellDef=\"let row\" (click)=\"onCellClicked(column, row)\" [class.enable-cursor]=\"tableModel.isRowSelectionEnabledFor(column)\">\n      <aup-table-cell-renderer [column]=\"column\"\n                               [row]=\"row\"\n                               [tableModel]=\"tableModel\"\n                               [editSession]=\"tableModel.getEditSessionFor(row)\"\n                               [attr.column-index]=\"index\"\n                               [attr.column-id]=\"column.columnId\"\n                               [class.first-column]=\"first\"\n                               [class.last-column]=\"last\"\n      ></aup-table-cell-renderer>\n    </td>\n  </ng-container>\n\n  <tr mat-header-row *matHeaderRowDef=\"columnIds.value\"></tr>\n  <tr mat-row *matRowDef=\"let row; columns: columnIds.value; let i = index\"\n      [ngClass]=\"tableModel.getRowClasses(row)\" [attr.trackBy]=\"tableModel.trackBy(i, row)\"\n  ></tr>\n\n</table>\n",
-            styles: [":host{display:flex;flex-direction:column;align-items:stretch}:host table{flex:1}"]
-        }),
-        __metadata("design:paramtypes", [])
-    ], TableComponent);
-    return TableComponent;
-}(DisposableComponent));
-export { TableComponent };
-//# sourceMappingURL=table.component.js.map

package/esm5/lib/components/table/table.component.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"table.component.js","sourceRoot":"ng://@coolon/angular-ui-powerups/","sources":["lib/components/table/table.component.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,EAAE,KAAK,EAA4D,MAAM,eAAe,CAAC;AAC3G,OAAO,EAAE,GAAG,EAAiC,aAAa,EAAE,MAAM,gBAAgB,CAAC;AACnF,OAAO,EAAE,mBAAmB,EAAE,MAAM,yBAAyB,CAAC;AAC9D,OAAO,EAAe,yBAAyB,EAAE,MAAM,gBAAgB,CAAC;AACxE,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAE3C;;;;;;;;;;;;;;;;;;;;;;;;;;GA0BG;AAMH;IAAyC,kCAAmB;IAU1D;eACE,iBAAO;IACT,CAAC;IAED,iCAAQ,GAAR;QACQ,IAAA,0BAAkF,EAAhF,gBAAK,EAAE,oBAAO,EAAE,kBAAM,EAAE,cAAI,EAAE,gBAAK,EAAE,oBAAO,EAAE,sBAAkC,CAAC;QACzF,IAAI,CAAC,OAAO,GAAG,KAAK,CAAC,IAAI,CAAC,UAAU,CAAC,OAAO,CAAC,CAAC;QAC9C,IAAI,CAAC,SAAS,GAAG,KAAK,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC,KAAK,CAAC,UAAU,CAAC,CAAC;QACvD,IAAI,CAAC,WAAW,GAAG,KAAK,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC,OAAO,CAAC,UAAU,CAAC,CAAC;IAC7D,CAAC;IAED,kCAAS,GAAT,UAAU,GAAQ;QAChB,OAAO,CAAC,CAAC,IAAI,CAAC,UAAU,CAAC,iBAAiB,CAAC,GAAG,CAAC,CAAC;IAClD,CAAC;IAED,+CAAsB,GAAtB,UAAuB,QAAgB,EAAE,WAA6B,EAAE,aAA+B,EAAE,QAAiB,EAAE,QAAiB;QAC3I,IAAM,MAAM,GAAG,IAAI,CAAC,WAAW,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAC;QAC9C,IAAI,MAAM,YAAY,yBAAyB,EAAE;YAC/C,MAAM,CAAC,WAAW,CAAC,WAAW,EAAE,aAAa,EAAE,QAAQ,EAAE,QAAQ,CAAC,CAAC;SACpE;IACH,CAAC;IAED,sCAAa,GAAb,UAAc,WAA6B,EAAE,GAAQ;QACnD,IAAI,IAAI,CAAC,UAAU,CAAC,wBAAwB,CAAC,WAAW,CAAC,EAAE;YACzD,IAAI,CAAC,UAAU,CAAC,SAAS,CAAC,GAAG,CAAC,CAAC;SAChC;IACH,CAAC;IAhCD;QAFC,KAAK,EAAE;QACP,aAAa,EAAE;kCACJ,UAAU;sDAAM;IAJjB,cAAc;QAL1B,SAAS,CAAC;YACT,QAAQ,EAAE,WAAW;YACrB,qoDAAqC;;SAEtC,CAAC;;OACW,cAAc,CAsC1B;IAAD,qBAAC;CAAA,AAtCD,CAAyC,mBAAmB,GAsC3D;SAtCY,cAAc","sourcesContent":["import { Component, Input, OnInit, TemplateRef, ViewContainerRef, ViewEncapsulation } from '@angular/core';\nimport { Dsl, ListModelChain, MapModelChain, TrackExternal } from '@coolon/pectin';\nimport { DisposableComponent } from '../disposable-component';\nimport { ColumnModel, CustomTemplateColumnModel } from './column-model';\nimport { TableModel } from './table-model';\n\n/**\n * Create your model:\n * @example\n * this.heroTableModel = TableModel.fromList(heroList, table => {\n *   table.pluck(\"firstName\");\n *   table.pluck(\"lastName\");\n *   table.addCustomColumn(\"fullName\", hero => `${hero.firstName} ${hero.lastName}`);\n * });\n *\n * Create your table\n * @example\n * <aup-table [tableModel]=\"heroTableModel\"></aup-table>\n *\n * Styling\n * @example\n * aup-table {\n *   --column-gap: 10px; // defaults to 24px\n *   aup-table-cell-renderer {\n *     &:first-column {\n *       // do stuff\n *     }\n *     &:last-column {\n *       // do stuff\n *     }\n *   }\n * }\n */\n@Component({\n  selector: 'aup-table',\n  templateUrl: './table.component.html',\n  styleUrls: ['./table.component.scss']\n})\nexport class TableComponent<Row> extends DisposableComponent implements OnInit {\n\n  @Input()\n  @TrackExternal()\n  tableModel: TableModel<Row>;\n\n  columns: ListModelChain<ColumnModel<Row>>;\n  columnIds: ListModelChain<string>;\n  private columnsById: MapModelChain<string, ColumnModel<Row>>;\n\n  constructor() {\n    super();\n  }\n\n  ngOnInit(): void {\n    const { chain, valueOf, before, when, after, observe, switchOn } = Dsl.disposeWith(this);\n    this.columns = chain(this.tableModel.columns);\n    this.columnIds = chain(this.columns).pluck('columnId');\n    this.columnsById = chain(this.columns).indexBy('columnId');\n  }\n\n  isEditing(row: Row): boolean {\n    return !!this.tableModel.getEditSessionFor(row);\n  }\n\n  registerColumnTemplate(columnId: string, templateRef: TemplateRef<any>, viewContainer: ViewContainerRef, fillCell: boolean, padChild: boolean) {\n    const column = this.columnsById.get(columnId);\n    if (column instanceof CustomTemplateColumnModel) {\n      column.setTemplate(templateRef, viewContainer, fillCell, padChild);\n    }\n  }\n\n  onCellClicked(columnModel: ColumnModel<Row>, row: Row) {\n    if (this.tableModel.isRowSelectionEnabledFor(columnModel)) {\n      this.tableModel.selectRow(row);\n    }\n  }\n\n}\n"]}

package/esm5/lib/components/table/table.component.ngfactory.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"table.component.ngfactory.js","sourceRoot":"ng://@coolon/angular-ui-powerups/","sources":["lib/components/table/table.component.ngfactory.ts"],"names":[],"mappings":"","sourcesContent":["import * as i0 from '@angular/core';\ni0.ComponentFactory;\n"]}

package/esm5/lib/components/table/table.component.scss.shim.ngstyle.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"table.component.scss.shim.ngstyle.js","sourceRoot":"ng://@coolon/angular-ui-powerups/","sources":["lib/components/table/table.component.scss.shim.ngstyle.ts"],"names":[],"mappings":"","sourcesContent":["import * as i0 from '@angular/core';\ni0.ComponentFactory;\n"]}

package/esm5/lib/components/track-by.js

@@ -1,5 +0,0 @@
-export var TrackBy;
-(function (TrackBy) {
-    TrackBy.byIndex = function (data, index) { return index; };
-})(TrackBy || (TrackBy = {}));
-//# sourceMappingURL=track-by.js.map

package/esm5/lib/components/track-by.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"track-by.js","sourceRoot":"ng://@coolon/angular-ui-powerups/","sources":["lib/components/track-by.ts"],"names":[],"mappings":"AAAA,MAAM,KAAW,OAAO,CAEvB;AAFD,WAAiB,OAAO;IACT,eAAO,GAAG,UAAC,IAAS,EAAE,KAAY,IAAK,OAAA,KAAK,EAAL,CAAK,CAAC;AAC5D,CAAC,EAFgB,OAAO,KAAP,OAAO,QAEvB","sourcesContent":["export namespace TrackBy {\n  export const byIndex = (data: any, index:number) => index;\n}\n"]}

package/esm5/lib/components/types/bounds.class.js

@@ -1,32 +0,0 @@
-import { __extends } from "tslib";
-import { Dimension } from './dimension.class';
-import { Point } from './point.class';
-var Bounds = /** @class */ (function (_super) {
-    __extends(Bounds, _super);
-    function Bounds(top, left, width, height) {
-        var _this = _super.call(this, width, height) || this;
-        _this.top = top;
-        _this.left = left;
-        _this.width = width;
-        _this.height = height;
-        return _this;
-    }
-    Bounds.prototype.relativePositionOf = function (point) {
-        if (point instanceof MouseEvent) {
-            return new Point(point.clientX - this.left, point.clientY - this.top);
-        }
-        else {
-            return new Point(point.x - this.left, point.y - this.top);
-        }
-    };
-    return Bounds;
-}(Dimension));
-export { Bounds };
-(function (Bounds) {
-    function ofElement(element) {
-        var rect = element.getBoundingClientRect();
-        return new Bounds(rect.top, rect.left, rect.width, rect.height);
-    }
-    Bounds.ofElement = ofElement;
-})(Bounds || (Bounds = {}));
-//# sourceMappingURL=bounds.class.js.map

package/esm5/lib/components/types/bounds.class.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"bounds.class.js","sourceRoot":"ng://@coolon/angular-ui-powerups/","sources":["lib/components/types/bounds.class.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AAC9C,OAAO,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AAEtC;IAA4B,0BAAS;IAEnC,gBAAqB,GAAW,EAAW,IAAY,EAAW,KAAa,EAAW,MAAc;QAAxG,YACE,kBAAM,KAAK,EAAE,MAAM,CAAC,SACrB;QAFoB,SAAG,GAAH,GAAG,CAAQ;QAAW,UAAI,GAAJ,IAAI,CAAQ;QAAW,WAAK,GAAL,KAAK,CAAQ;QAAW,YAAM,GAAN,MAAM,CAAQ;;IAExG,CAAC;IAED,mCAAkB,GAAlB,UAAmB,KAA4C;QAC7D,IAAI,KAAK,YAAY,UAAU,EAAE;YAC/B,OAAO,IAAI,KAAK,CAAC,KAAK,CAAC,OAAO,GAAG,IAAI,CAAC,IAAI,EAAE,KAAK,CAAC,OAAO,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC;SACvE;aAAM;YACL,OAAO,IAAI,KAAK,CAAC,KAAK,CAAC,CAAC,GAAG,IAAI,CAAC,IAAI,EAAE,KAAK,CAAC,CAAC,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC;SAC3D;IACH,CAAC;IACH,aAAC;AAAD,CAAC,AAbD,CAA4B,SAAS,GAapC;;AAED,WAAiB,MAAM;IACrB,SAAgB,SAAS,CAAC,OAAoB;QAC5C,IAAM,IAAI,GAAG,OAAO,CAAC,qBAAqB,EAAE,CAAC;QAC7C,OAAO,IAAI,MAAM,CAAC,IAAI,CAAC,GAAG,EAAE,IAAI,CAAC,IAAI,EAAE,IAAI,CAAC,KAAK,EAAE,IAAI,CAAC,MAAM,CAAC,CAAC;IAClE,CAAC;IAHe,gBAAS,YAGxB,CAAA;AACH,CAAC,EALgB,MAAM,KAAN,MAAM,QAKtB","sourcesContent":["import { Dimension } from './dimension.class';\nimport { Point } from './point.class';\n\nexport class Bounds extends Dimension {\n\n  constructor(readonly top: number, readonly left: number, readonly width: number, readonly height: number) {\n    super(width, height);\n  }\n\n  relativePositionOf(point: { x: number, y: number } | MouseEvent) {\n    if (point instanceof MouseEvent) {\n      return new Point(point.clientX - this.left, point.clientY - this.top);\n    } else {\n      return new Point(point.x - this.left, point.y - this.top);\n    }\n  }\n}\n\nexport namespace Bounds {\n  export function ofElement(element: HTMLElement): Bounds {\n    const rect = element.getBoundingClientRect();\n    return new Bounds(rect.top, rect.left, rect.width, rect.height);\n  }\n}\n\n"]}

package/esm5/lib/components/types/dimension.class.js

@@ -1,9 +0,0 @@
-var Dimension = /** @class */ (function () {
-    function Dimension(width, height) {
-        this.width = width;
-        this.height = height;
-    }
-    return Dimension;
-}());
-export { Dimension };
-//# sourceMappingURL=dimension.class.js.map

package/esm5/lib/components/types/dimension.class.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"dimension.class.js","sourceRoot":"ng://@coolon/angular-ui-powerups/","sources":["lib/components/types/dimension.class.ts"],"names":[],"mappings":"AAAA;IACE,mBAAqB,KAAa,EAAW,MAAc;QAAtC,UAAK,GAAL,KAAK,CAAQ;QAAW,WAAM,GAAN,MAAM,CAAQ;IAC3D,CAAC;IACH,gBAAC;AAAD,CAAC,AAHD,IAGC","sourcesContent":["export class Dimension {\n  constructor(readonly width: number, readonly height: number) {\n  }\n}\n"]}

package/esm5/lib/components/types/point.class.js

@@ -1,15 +0,0 @@
-var Point = /** @class */ (function () {
-    function Point(x, y) {
-        this.x = x;
-        this.y = y;
-    }
-    Point.from = function (data) {
-        return new Point(data.x, data.y);
-    };
-    Point.prototype.translate = function (x, y) {
-        return new Point(this.x + x, this.y + y);
-    };
-    return Point;
-}());
-export { Point };
-//# sourceMappingURL=point.class.js.map

package/esm5/lib/components/types/point.class.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"point.class.js","sourceRoot":"ng://@coolon/angular-ui-powerups/","sources":["lib/components/types/point.class.ts"],"names":[],"mappings":"AAAA;IAME,eAAqB,CAAS,EAAW,CAAS;QAA7B,MAAC,GAAD,CAAC,CAAQ;QAAW,MAAC,GAAD,CAAC,CAAQ;IAClD,CAAC;IALM,UAAI,GAAX,UAAY,IAA8B;QACxC,OAAO,IAAI,KAAK,CAAC,IAAI,CAAC,CAAC,EAAE,IAAI,CAAC,CAAC,CAAC,CAAC;IACnC,CAAC;IAKD,yBAAS,GAAT,UAAU,CAAS,EAAE,CAAS;QAC5B,OAAO,IAAI,KAAK,CAAC,IAAI,CAAC,CAAC,GAAG,CAAC,EAAE,IAAI,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC;IAC3C,CAAC;IACH,YAAC;AAAD,CAAC,AAZD,IAYC","sourcesContent":["export class Point {\n\n  static from(data: { x: number, y: number }) {\n    return new Point(data.x, data.y);\n  }\n\n  constructor(readonly x: number, readonly y: number) {\n  }\n\n  translate(x: number, y: number): Point {\n    return new Point(this.x + x, this.y + y);\n  }\n}\n"]}

package/esm5/lib/components/vertical-focus-container/vertical-focus-container.component.js

@@ -1,90 +0,0 @@
-import { __decorate, __extends, __metadata, __param } from "tslib";
-import { Component, HostListener, Input, Self } from '@angular/core';
-import { Command, FocusManager, TrackExternal } from '@coolon/pectin';
-import { FocusContainerComponent } from '../focus-container/focus-container.component';
-var VerticalFocusContainerComponent = /** @class */ (function (_super) {
-    __extends(VerticalFocusContainerComponent, _super);
-    function VerticalFocusContainerComponent(focusManager) {
-        var _this = _super.call(this, focusManager) || this;
-        _this.focusManager = focusManager;
-        return _this;
-    }
-    VerticalFocusContainerComponent.prototype.arrowLeft = function (event) {
-        if (this.leftArrowCommand.enabled.value) {
-            event.preventDefault();
-            event.stopPropagation();
-            this.leftArrowCommand.execute();
-        }
-    };
-    VerticalFocusContainerComponent.prototype.arrowRight = function (event) {
-        if (this.rightArrowCommand.enabled.value) {
-            event.preventDefault();
-            event.stopPropagation();
-            this.rightArrowCommand.execute();
-        }
-    };
-    VerticalFocusContainerComponent.prototype.arrowDown = function (event) {
-        event.preventDefault();
-        event.stopPropagation();
-        this.focusManager.focusNext();
-    };
-    VerticalFocusContainerComponent.prototype.arrowUp = function (event) {
-        event.preventDefault();
-        event.stopPropagation();
-        this.focusManager.focusPrevious();
-    };
-    VerticalFocusContainerComponent.prototype.ngOnInit = function () {
-    };
-    VerticalFocusContainerComponent.ctorParameters = function () { return [
-        { type: FocusManager, decorators: [{ type: Self }] }
-    ]; };
-    __decorate([
-        Input('command.arrowRight'),
-        TrackExternal(),
-        __metadata("design:type", Command)
-    ], VerticalFocusContainerComponent.prototype, "rightArrowCommand", void 0);
-    __decorate([
-        Input('command.arrowLeft'),
-        TrackExternal(),
-        __metadata("design:type", Command)
-    ], VerticalFocusContainerComponent.prototype, "leftArrowCommand", void 0);
-    __decorate([
-        HostListener('keyup.arrowLeft', ['$event']),
-        __metadata("design:type", Function),
-        __metadata("design:paramtypes", [KeyboardEvent]),
-        __metadata("design:returntype", void 0)
-    ], VerticalFocusContainerComponent.prototype, "arrowLeft", null);
-    __decorate([
-        HostListener('keyup.arrowRight', ['$event']),
-        __metadata("design:type", Function),
-        __metadata("design:paramtypes", [KeyboardEvent]),
-        __metadata("design:returntype", void 0)
-    ], VerticalFocusContainerComponent.prototype, "arrowRight", null);
-    __decorate([
-        HostListener('keyup.arrowDown', ['$event']),
-        __metadata("design:type", Function),
-        __metadata("design:paramtypes", [KeyboardEvent]),
-        __metadata("design:returntype", void 0)
-    ], VerticalFocusContainerComponent.prototype, "arrowDown", null);
-    __decorate([
-        HostListener('keyup.arrowUp', ['$event']),
-        __metadata("design:type", Function),
-        __metadata("design:paramtypes", [KeyboardEvent]),
-        __metadata("design:returntype", void 0)
-    ], VerticalFocusContainerComponent.prototype, "arrowUp", null);
-    VerticalFocusContainerComponent = __decorate([
-        Component({
-            selector: 'aup-vertical-focus-container',
-            template: "<ng-content></ng-content>\n",
-            providers: [
-                { provide: FocusManager }
-            ],
-            styles: [":host{display:block}"]
-        }),
-        __param(0, Self()),
-        __metadata("design:paramtypes", [FocusManager])
-    ], VerticalFocusContainerComponent);
-    return VerticalFocusContainerComponent;
-}(FocusContainerComponent));
-export { VerticalFocusContainerComponent };
-//# sourceMappingURL=vertical-focus-container.component.js.map