igniteui-webcomponents-layouts 3.2.3 → 3.2.4

package/esm5/lib/ListPanelView_combined.js

@@ -0,0 +1,1045 @@
+/*
+THIS INFRAGISTICS ULTIMATE SOFTWARE LICENSE  AGREEMENT ("AGREEMENT") LOCATED HERE:
+https://www.infragistics.com/legal/license/igultimate-la
+https://www.infragistics.com/legal/license/igultimate-eula
+GOVERNS THE LICENSING, INSTALLATION AND USE OF INFRAGISTICS SOFTWARE. BY DOWNLOADING AND/OR INSTALLING AND USING INFRAGISTICS SOFTWARE:  you are indicating that you have read and understand this Agreement, and agree to be legally bound by it on behalf of the yourself and your company.
+*/
+import * as tslib_1 from "tslib";
+import { Base, markType, INotifyPropertyChanged_$type, PropertyChangedEventArgs, runOn, Number_$type, delegateRemove, typeCast, delegateCombine, enumGetBox } from "igniteui-webcomponents-core";
+import { RenderingContext } from "igniteui-webcomponents-core";
+import { FontInfo } from "igniteui-webcomponents-core";
+import { DOMExecutionContext } from "igniteui-webcomponents-core";
+import { CanvasViewRenderer } from "igniteui-webcomponents-core";
+import { NativeUIComponent } from "igniteui-webcomponents-core";
+import { Size } from "igniteui-webcomponents-core";
+import { NativeUI } from "igniteui-webcomponents-core";
+import { FontUtil } from "igniteui-webcomponents-core";
+import { SRProvider } from "igniteui-webcomponents-core";
+import { IDataSource_$type } from "igniteui-webcomponents-core";
+import { ListPanelOrientation_$type } from "./ListPanelOrientation";
+import { DeviceUtils } from "igniteui-webcomponents-core";
+import { FastIterationDictionary$2 } from "igniteui-webcomponents-core";
+import { ListPanelItemModel } from "./ListPanelItemModel";
+import { Stack$1 } from "igniteui-webcomponents-core";
+import { List$1 } from "igniteui-webcomponents-core";
+import { NativeUIInputsFactory } from "igniteui-webcomponents-core";
+import { ListPanelContentRefreshedEventArgs } from "./ListPanelContentRefreshedEventArgs";
+import { ListPanelItemPresenter } from "./ListPanelItemPresenter";
+import { ListPanelTemplateItemUpdatingEventArgs } from "./ListPanelTemplateItemUpdatingEventArgs";
+import { ListPanelTemplateWidthRequestedEventArgs } from "./ListPanelTemplateWidthRequestedEventArgs";
+import { ListPanelTemplateHeightRequestedEventArgs } from "./ListPanelTemplateHeightRequestedEventArgs";
+import { BrushUtil } from "igniteui-webcomponents-core";
+import { isNaN_ } from "igniteui-webcomponents-core";
+import { IDataSourceUpdateNotifier_$type } from "igniteui-webcomponents-core";
+/**
+ * @hidden
+ */
+var ListPanelView = /** @class */ /*@__PURE__*/ (function (_super) {
+    tslib_1.__extends(ListPanelView, _super);
+    function ListPanelView() {
+        var _this = _super.call(this) || this;
+        _this.n = null;
+        _this.m = null;
+        _this.a = null;
+        _this.i = null;
+        _this.l = null;
+        _this.e = null;
+        _this.k = null;
+        _this.b = ((function () {
+            var $ret = new FontInfo();
+            $ret.n = "Verdana";
+            $ret.d = 13;
+            $ret.q = "Normal";
+            $ret.s = "Normal";
+            $ret.o = "Normal";
+            return $ret;
+        })());
+        _this.aa = new Size();
+        _this.c = null;
+        _this._gridExternal = null;
+        _this.f = false;
+        _this.j = null;
+        return _this;
+    }
+    ListPanelView.prototype.p = function () {
+        return this.i;
+    };
+    ListPanelView.prototype.v = function () {
+    };
+    ListPanelView.prototype.t = function (a) {
+        var _this = this;
+        if (a == null) {
+            this.i = null;
+            return;
+        }
+        this.a.c = new DOMExecutionContext(a);
+        this.i = a;
+        this.l = this.i.createElement("canvas");
+        this.e = new RenderingContext(new CanvasViewRenderer(), this.i.get2DCanvasContext(this.l));
+        this.k = this.i.createElement("div");
+        this.y();
+        NativeUIComponent.aa(this.p(), 9, function (b) {
+            var c = b;
+            _this.a.bv(c);
+            _this.i.append(c.v);
+        });
+        var b = Math.round(a.rootWrapper.width());
+        var c = Math.round(a.rootWrapper.height());
+        this.i.rootWrapper.setStyleProperty("position", "relative");
+    };
+    ListPanelView.prototype.y = function () {
+    };
+    ListPanelView.prototype.x = function () {
+        if (this.i != null) {
+        }
+    };
+    ListPanelView.prototype.s = function () {
+        if (this.i == null) {
+            return;
+        }
+        var a = this.i.rootWrapper.width();
+        var b = this.i.rootWrapper.height();
+        this.aa = new Size(1, a, b);
+        if (this.a.u != null) {
+            this.a.cp();
+        }
+    };
+    ListPanelView.prototype.z = function () {
+        var a = this.i;
+        if (null == a) {
+            return;
+        }
+        var b = a.rootWrapper;
+        if (null != b) {
+            NativeUI.o(b, this.a.cv);
+            NativeUI.k(b, this.a.cs);
+        }
+    };
+    ListPanelView.prototype.d = function () {
+        return this.b;
+    };
+    ListPanelView.prototype.u = function () {
+    };
+    ListPanelView.prototype.w = function () {
+    };
+    ListPanelView.prototype.r = function () {
+    };
+    ListPanelView.prototype.g = function () {
+        return this.aa.width;
+    };
+    ListPanelView.prototype.h = function (a) {
+        this.c = this.a.t();
+        return FontUtil.measureStringWidth(a, this.c, this.e);
+    };
+    ListPanelView.prototype.q = function (a, b) {
+        if (this.j == null) {
+            this.j = this.i.createElement("div");
+        }
+        b(this.j.getNativeElement());
+    };
+    ListPanelView.$t = markType(ListPanelView, 'ListPanelView');
+    return ListPanelView;
+}(Base));
+export { ListPanelView };
+/**
+ * @hidden
+ */
+var ListPanel = /** @class */ /*@__PURE__*/ (function (_super) {
+    tslib_1.__extends(ListPanel, _super);
+    function ListPanel() {
+        var _this = _super.call(this) || this;
+        _this.o = null;
+        _this.u = null;
+        _this.y = false;
+        _this.v = null;
+        _this.h = null;
+        _this.propertyChanged = null;
+        _this.a8 = null;
+        _this.a = null;
+        _this.ag = false;
+        _this.a0 = -1;
+        _this.ar = DeviceUtils.g(38);
+        _this.r = null;
+        _this.x = true;
+        _this.a9 = null;
+        _this.as = 0;
+        _this.aq = NaN;
+        _this.ap = 0;
+        _this.ad = false;
+        _this.z = false;
+        _this.ac = false;
+        _this.contentRefreshed = null;
+        _this.rowUpdating = null;
+        _this.q = new FastIterationDictionary$2(Number_$type, ListPanelItemModel.$, 0);
+        _this.itemWidthRequested = null;
+        _this.itemHeightRequested = null;
+        _this.p = new FastIterationDictionary$2(ListPanelItemModel.$, ListPanelItemModel.$, 0);
+        _this.ao = new Stack$1(ListPanelItemModel.$);
+        _this.al = new List$1(Number_$type, 0);
+        _this.ak = new List$1(Number_$type, 0);
+        _this.an = new List$1(Number_$type, 0);
+        _this.am = new List$1(Number_$type, 0);
+        _this.ae = true;
+        _this.ab = true;
+        _this.ay = -1;
+        _this.az = -1;
+        _this.d = null;
+        _this.c = null;
+        _this.cq = ListPanel.ct;
+        _this.i = ListPanel.j;
+        _this.aa = ListPanel.af;
+        _this.cr = ListPanel.cu;
+        NativeUIInputsFactory.m();
+        var a = new ListPanelView();
+        a.a = _this;
+        _this.o = a;
+        _this.o.v();
+        return _this;
+    }
+    Object.defineProperty(ListPanel.prototype, "w", {
+        get: function () {
+            if (this.v == null) {
+                this.v = new SRProvider(this.o.i);
+                this.v.cb("Layouts");
+            }
+            return this.v;
+        },
+        enumerable: true,
+        configurable: true
+    });
+    ListPanel.prototype.bv = function (a) {
+        this.h = new ListPanelLayoutPanel(a);
+    };
+    ListPanel.prototype.cd = function (a) {
+        this.aq = a.width;
+        this.ch();
+    };
+    Object.defineProperty(ListPanel.prototype, "itemsSource", {
+        get: function () {
+            return this.a8;
+        },
+        set: function (a) {
+            var b = this.a8;
+            this.a8 = a;
+            if (b != this.a8) {
+                this.ca("ItemsSource", b, this.a8);
+            }
+        },
+        enumerable: true,
+        configurable: true
+    });
+    Object.defineProperty(ListPanel.prototype, "actualDataSource", {
+        get: function () {
+            return this.a;
+        },
+        set: function (a) {
+            var b = this.a;
+            this.a = a;
+            if (this.a != b) {
+                this.ca("ActualDataSource", b, this.a);
+            }
+        },
+        enumerable: true,
+        configurable: true
+    });
+    ListPanel.prototype.notifySizeChanged = function () {
+        this.o.s();
+    };
+    ListPanel.prototype.destroy = function () {
+        this.provideContainer(null);
+    };
+    ListPanel.prototype.provideContainer = function (a) {
+        this.o.t(a);
+    };
+    Object.defineProperty(ListPanel.prototype, "a7", {
+        get: function () {
+            return this.a0;
+        },
+        set: function (a) {
+            var b = this.a0;
+            this.a0 = a;
+            if (b != this.a0) {
+                this.ca("RowHeight", b, this.a0);
+            }
+        },
+        enumerable: true,
+        configurable: true
+    });
+    Object.defineProperty(ListPanel.prototype, "av", {
+        get: function () {
+            return this.ar;
+        },
+        set: function (a) {
+            this.ar = a;
+        },
+        enumerable: true,
+        configurable: true
+    });
+    Object.defineProperty(ListPanel.prototype, "s", {
+        get: function () {
+            return this.r;
+        },
+        set: function (a) {
+            var b = this.r;
+            this.r = a;
+            if (b != this.r) {
+                this.ca("CellTextStyle", b, this.r);
+            }
+        },
+        enumerable: true,
+        configurable: true
+    });
+    ListPanel.prototype.t = function () {
+        if (this.s == null) {
+            return this.o.d();
+        }
+        return this.s;
+    };
+    Object.defineProperty(ListPanel.prototype, "ah", {
+        get: function () {
+            return this.k == 1;
+        },
+        enumerable: true,
+        configurable: true
+    });
+    ListPanel.prototype.ca = function (a, b, c) {
+        if (this.propertyChanged != null) {
+            this.propertyChanged(this, new PropertyChangedEventArgs(a));
+        }
+        this.ce(a, b, c);
+    };
+    ListPanel.prototype.bm = function (a, b) {
+        this.b8();
+    };
+    ListPanel.prototype.ch = function () {
+        if (this.ac) {
+            return;
+        }
+        this.ac = true;
+        this.c.enqueueAction(runOn(this, this.bo));
+    };
+    ListPanel.prototype.bo = function () {
+        if (!this.ac) {
+            return;
+        }
+        this.ac = false;
+        if (this.ab) {
+            this.bk();
+        }
+        if (this.ae) {
+            this.bl();
+        }
+        this.ci();
+        this.cl();
+        if (this.contentRefreshed != null) {
+            this.contentRefreshed(this, new ListPanelContentRefreshedEventArgs());
+        }
+    };
+    ListPanel.prototype.cl = function () {
+        for (var a = 0; a < this.p.o.count; a++) {
+            if (this.p.p._inner[a]) {
+                continue;
+            }
+            var b = this.p.o._inner[a];
+            var c = this.p.q._inner[a];
+            if (c.a != null) {
+                this.h.c(c.a.a);
+            }
+        }
+        var d = 0;
+        for (var e = 0; e < this.q.o.count; e++) {
+            if (this.q.p._inner[e]) {
+                continue;
+            }
+            var f = this.q.o._inner[e];
+            var g = this.q.q._inner[e];
+            this.br(g);
+            this.bp(g);
+            this.h.b(this, g);
+        }
+    };
+    ListPanel.prototype.bp = function (a) {
+        if (a.e) {
+            a.e = false;
+            this.bs(a);
+        }
+    };
+    ListPanel.prototype.bs = function (a) {
+        if (this.rowUpdating != null) {
+            this.rowUpdating(this, ((function () {
+                var $ret = new ListPanelTemplateItemUpdatingEventArgs();
+                $ret.a = a;
+                $ret.b = a.a.a;
+                $ret.c = a.a.a.v;
+                return $ret;
+            })()));
+        }
+    };
+    ListPanel.prototype.br = function (a) {
+        var _this = this;
+        if (a.a != null) {
+            return;
+        }
+        a.a = new ListPanelItemPresenter();
+        NativeUIComponent.ac(this.o.p(), 0, function (b) {
+            var c = b;
+            if (_this.k == 0) {
+                c.d = 3;
+            }
+            else {
+                c.d = 0;
+            }
+            a.a.a = c;
+        });
+    };
+    ListPanel.prototype.bl = function () {
+        if (!this.ae) {
+            return;
+        }
+        this.ae = false;
+        this.bu();
+        this.ay = this.a5();
+        this.az = this.a6();
+        var a = new List$1(Number_$type, 0);
+        for (var b = 0; b < this.q.o.count; b++) {
+            if (this.q.p._inner[b]) {
+                continue;
+            }
+            var c = this.q.o._inner[b];
+            var d = this.q.q._inner[b];
+            if (c < this.ay || c > this.az) {
+                a.add(c);
+            }
+        }
+        for (var e = 0; e < a.count; e++) {
+            this.co(a._inner[e]);
+        }
+        for (var f = this.ay; f <= this.az; f++) {
+            this.bq(f);
+            var g = this.q.item(f);
+            g.k = this.ax(f);
+            g.i = this.aw(f);
+        }
+    };
+    ListPanel.prototype.aw = function (a) {
+        if (this.k == 0) {
+            return 0;
+        }
+        else {
+            return this.an._inner[a];
+        }
+    };
+    ListPanel.prototype.ax = function (a) {
+        if (this.k == 1) {
+            return 0;
+        }
+        else {
+            if (this.ai) {
+                return this.al._inner[a];
+            }
+            else {
+                return a * this.av;
+            }
+        }
+    };
+    ListPanel.prototype.bq = function (a) {
+        if (this.q.d(a)) {
+            return;
+        }
+        var b = this.g(a);
+        if (b.c) {
+            this.p.f(b);
+            b.c = false;
+        }
+        this.q.s(a, b);
+    };
+    ListPanel.prototype.g = function (a) {
+        if (this.ao.f > 0) {
+            return this.ao.e();
+        }
+        var b = new ListPanelItemModel();
+        b.l = a;
+        b.j = this.av;
+        return b;
+    };
+    ListPanel.prototype.co = function (a) {
+        var b = this.q.item(a);
+        this.ck(b);
+        this.q.f(a);
+        b.c = true;
+        this.p.s(b, b);
+    };
+    ListPanel.prototype.ck = function (a) {
+        this.ao.h(a);
+    };
+    ListPanel.prototype.a6 = function () {
+        if (this.actualDataSource == null || this.actualDataSource.actualSchema == null) {
+            return -1;
+        }
+        return this.actualDataSource.actualCount - 1;
+    };
+    ListPanel.prototype.a5 = function () {
+        if (this.actualDataSource == null || this.actualDataSource.actualSchema == null) {
+            return -1;
+        }
+        return 0;
+    };
+    ListPanel.prototype.bk = function () {
+        var _this = this;
+        this.ak.clear();
+        this.al.clear();
+        this.am.clear();
+        this.an.clear();
+        if (this.actualDataSource != null || this.actualDataSource.actualSchema != null) {
+            var a = this.ap;
+            var b = isNaN_(this.aq) ? 0 : this.aq;
+            if (this.k == 0) {
+                if (this.ai) {
+                    var c = 0;
+                    var _loop_1 = function (d) {
+                        this_1.al.add(c);
+                        var e = this_1.av;
+                        if (this_1.itemHeightRequested != null) {
+                            var f = ((function () {
+                                var $ret = new ListPanelTemplateHeightRequestedEventArgs();
+                                $ret.b = d;
+                                $ret.c = _this.actualDataSource.getItemAtIndex(d);
+                                $ret.a = e;
+                                return $ret;
+                            })());
+                            this_1.itemHeightRequested(this_1, f);
+                            e = f.a;
+                            c += e;
+                        }
+                        this_1.ak.add(e);
+                    };
+                    var this_1 = this;
+                    for (var d = 0; d < this.actualDataSource.actualCount; d++) {
+                        _loop_1(d);
+                    }
+                    this.ap = c;
+                }
+                else {
+                    this.ap = this.av * this.actualDataSource.actualCount;
+                }
+            }
+            else {
+                this.ap = this.av;
+                {
+                    var g = 0;
+                    var _loop_2 = function (h) {
+                        this_2.an.add(g);
+                        var i = 0;
+                        if (this_2.itemWidthRequested != null) {
+                            var j = ((function () {
+                                var $ret = new ListPanelTemplateWidthRequestedEventArgs();
+                                $ret.b = h;
+                                $ret.c = _this.actualDataSource.getItemAtIndex(h);
+                                $ret.a = i;
+                                return $ret;
+                            })());
+                            this_2.itemWidthRequested(this_2, j);
+                            i = j.a;
+                            g += i;
+                        }
+                        this_2.am.add(i);
+                    };
+                    var this_2 = this;
+                    for (var h = 0; h < this.actualDataSource.actualCount; h++) {
+                        _loop_2(h);
+                    }
+                    this.aq = g;
+                }
+            }
+            if (a != this.ap || b != (isNaN_(this.aq) ? 0 : this.aq)) {
+                this.o.r();
+            }
+        }
+    };
+    ListPanel.prototype.bt = function () {
+        if (this.ac) {
+            this.bo();
+        }
+    };
+    ListPanel.prototype.cm = function () {
+        if (this.as == 0) {
+            return;
+        }
+        var a = isNaN_(this.aq) ? 0 : this.aq;
+        var b = this.ap;
+        this.ad = true;
+        this.bz(this.as);
+        if (a != (isNaN_(this.aq) ? 0 : this.aq) || b != this.ap) {
+            this.externalListPanel.onContentSizeChanged();
+        }
+        this.ad = false;
+        this.b0();
+        this.ch();
+    };
+    ListPanel.prototype.b0 = function () {
+        this.ae = true;
+    };
+    ListPanel.prototype.bz = function (a) {
+        this.ab = true;
+        this.as = a;
+    };
+    ListPanel.prototype.bu = function () {
+        if (this.z) {
+            this.z = false;
+            this.cm();
+            this.by();
+        }
+    };
+    ListPanel.prototype.cn = function () {
+        if (this.z) {
+            this.bu();
+        }
+        else {
+            this.ch();
+            this.bt();
+        }
+    };
+    ListPanel.prototype.a4 = function () {
+        return this.az;
+    };
+    ListPanel.prototype.a3 = function () {
+        return this.ay;
+    };
+    ListPanel.prototype.aj = function () {
+        return this.ay >= 0 && this.az >= 0;
+    };
+    ListPanel.prototype.by = function () {
+        if (!this.aj()) {
+            return;
+        }
+        var a = this.a3();
+        var b = this.a4();
+        this.bx(a, b);
+    };
+    ListPanel.prototype.bx = function (a, b) {
+        var c = this.a3();
+        var d = this.a4();
+        if (b < c || a > d) {
+            return;
+        }
+        if (a < c) {
+            a = c;
+        }
+        if (b > d) {
+            b = d;
+        }
+        this.ci();
+        this.cn();
+    };
+    ListPanel.prototype.ci = function () {
+        for (var a = 0; a < this.q.q.count; a++) {
+            if (this.q.p._inner[a]) {
+                continue;
+            }
+            var b = this.q.q._inner[a];
+            b.n = this.actualDataSource.getItemAtIndex(b.l);
+            b.j = this.av;
+        }
+    };
+    ListPanel.prototype.cj = function (a) {
+        if (this.q.d(a)) {
+            var b = this.q.item(a);
+            b.n = this.actualDataSource.getItemAtIndex(b.l);
+            b.j = this.av;
+        }
+    };
+    ListPanel.prototype.cg = function () {
+        if (!this.z) {
+            this.z = true;
+            this.b0();
+            this.ch();
+        }
+    };
+    ListPanel.prototype.bw = function (a) {
+        this.cj(a);
+    };
+    ListPanel.prototype.b8 = function () {
+        if (this.z) {
+            this.bu();
+        }
+        else {
+            this.cm();
+            this.by();
+        }
+    };
+    Object.defineProperty(ListPanel.prototype, "externalListPanel", {
+        get: function () {
+            return this.d;
+        },
+        set: function (a) {
+            this.d = a;
+        },
+        enumerable: true,
+        configurable: true
+    });
+    ListPanel.prototype.ce = function (a, b, c) {
+        var _this = this;
+        switch (a) {
+            case "ItemsSource":
+                if (this.a != null) {
+                    var d = this.a;
+                    d.schemaChanged = delegateRemove(d.schemaChanged, runOn(this, this.bm));
+                    this.a.updateNotifier = null;
+                }
+                if (typeCast(IDataSource_$type, this.itemsSource) !== null) {
+                    this.actualDataSource = this.itemsSource;
+                }
+                else {
+                    var e = this.externalListPanel.createLocalDataSource(this.itemsSource);
+                    this.actualDataSource = e;
+                }
+                if (this.a != null) {
+                    var f = this.a;
+                    f.schemaChanged = delegateCombine(f.schemaChanged, runOn(this, this.bm));
+                    this.a.updateNotifier = new ListPanelDataSourceNotificationBridge(this);
+                    if (this.a.actualSchema != null) {
+                        this.cg();
+                        this.c.enqueueAction(function () { return _this.b8(); });
+                    }
+                }
+                break;
+            case "RowHeight":
+                if (this.u != null) {
+                    this.av = this.a7;
+                }
+                break;
+            case "CellTextStyle":
+                this.by();
+                break;
+            case "BackgroundColor":
+            case "TextColor":
+                this.by();
+                break;
+            case "Orientation":
+                this.cm();
+                break;
+        }
+    };
+    ListPanel.prototype.cp = function () {
+        if (this.u == null) {
+            return;
+        }
+        var a = this.a7 == -1 ? 38 : this.a7;
+        var b = this.cs;
+        var c = this.t();
+    };
+    ListPanel.prototype.cw = function () {
+        var a = this.ap;
+        var b = 0;
+        if (!isNaN_(a) && a >= 0) {
+            b = a;
+        }
+        var c = new Size(1, Number.POSITIVE_INFINITY, Number.POSITIVE_INFINITY);
+        var d = 0;
+        if (this.k == 0) {
+            for (var e = 0; e < this.q.o.count; e++) {
+                if (this.q.p._inner[e]) {
+                    continue;
+                }
+                var f = this.q.o._inner[e];
+                var g = this.q.q._inner[e];
+                var h = g.a.a.ap(c);
+                d = Math.max(d, h.width);
+            }
+        }
+        return new Size(1, d, b);
+    };
+    ListPanel.prototype.b7 = function (a, b) {
+    };
+    ListPanel.prototype.cc = function (a, b, c) {
+        if (this.k == 0) {
+            if (this.ai) {
+                var d = this.av;
+                if (this.itemHeightRequested != null) {
+                    var e = new ListPanelTemplateHeightRequestedEventArgs();
+                    e.c = c;
+                    e.b = a;
+                    e.a = d;
+                    this.itemHeightRequested(this, e);
+                    d = e.a;
+                }
+                var f = this.ak._inner[a];
+                this.ak._inner[a] = d;
+                var g = d - f;
+                for (var h = a; h < this.actualDataSource.actualCount; h++) {
+                    this.al._inner[h] += g;
+                }
+            }
+        }
+        else {
+            var i = 0;
+            if (this.itemWidthRequested != null) {
+                var j = new ListPanelTemplateWidthRequestedEventArgs();
+                j.c = c;
+                j.b = a;
+                j.a = i;
+                this.itemWidthRequested(this, j);
+                i = j.a;
+            }
+            var k = this.am._inner[a];
+            this.am._inner[a] = i;
+            var l = i - k;
+            for (var m = a; m < this.actualDataSource.actualCount; m++) {
+                this.an._inner[m] += l;
+            }
+        }
+        this.bw(a);
+    };
+    ListPanel.prototype.b6 = function () {
+        this.cm();
+    };
+    ListPanel.prototype.b9 = function (a, b) {
+        if (this.k == 0) {
+            if (this.ai) {
+                var c = this.av;
+                if (this.itemHeightRequested != null) {
+                    var d = new ListPanelTemplateHeightRequestedEventArgs();
+                    d.c = b;
+                    d.b = a;
+                    d.a = c;
+                    this.itemHeightRequested(this, d);
+                    c = d.a;
+                }
+                this.ak.insert(a, c);
+                var e = 0;
+                if (a > 0) {
+                    var f = this.al._inner[a - 1];
+                    e = f + this.ak._inner[a - 1];
+                }
+                this.al.insert(a, e);
+                for (var g = a; g < this.actualDataSource.actualCount; g++) {
+                    this.al._inner[g] += c;
+                }
+            }
+        }
+        else {
+            var h = 0;
+            if (this.itemWidthRequested != null) {
+                var i = new ListPanelTemplateWidthRequestedEventArgs();
+                i.c = b;
+                i.b = a;
+                i.a = h;
+                this.itemWidthRequested(this, i);
+                h = i.a;
+            }
+            this.am.insert(a, h);
+            var j = 0;
+            if (a > 0) {
+                var k = this.an._inner[a - 1];
+                j = k + this.am._inner[a - 1];
+            }
+            this.an.insert(a, j);
+            for (var l = a; l < this.actualDataSource.actualCount; l++) {
+                this.an._inner[l] += h;
+            }
+        }
+        this.cg();
+    };
+    ListPanel.prototype.cb = function (a, b) {
+        if (this.k == 0) {
+            var c = this.ak._inner[a];
+            for (var d = a + 1; d < this.actualDataSource.actualCount; d++) {
+                this.al._inner[d] -= c;
+            }
+            this.ak.removeAt(a);
+            this.al.removeAt(a);
+        }
+        else {
+            var e = this.am._inner[a];
+            for (var f = a + 1; f < this.actualDataSource.actualCount; f++) {
+                this.an._inner[f] -= e;
+            }
+            this.am.removeAt(a);
+            this.an.removeAt(a);
+        }
+        this.cg();
+    };
+    ListPanel.prototype.b4 = function (a, b, c) {
+        if (this.a != null) {
+            this.a.notifySetItem(a, b, c);
+        }
+    };
+    ListPanel.prototype.b1 = function () {
+        if (this.a != null) {
+            this.a.notifyClearItems();
+        }
+    };
+    ListPanel.prototype.b2 = function (a, b) {
+        if (this.a != null) {
+            this.a.notifyInsertItem(a, b);
+        }
+        ;
+    };
+    ListPanel.prototype.b3 = function (a, b) {
+        if (this.a != null) {
+            this.a.notifyRemoveItem(a, b);
+        }
+        ;
+    };
+    ListPanel.prototype.a1 = function (a) {
+        if (this.a == null) {
+            return -1;
+        }
+        return this.a.indexOfItem(a);
+    };
+    ListPanel.prototype.a2 = function (a) {
+        if (this.a == null) {
+            return -1;
+        }
+        return this.a.indexOfKey(a);
+    };
+    Object.defineProperty(ListPanel.prototype, "cs", {
+        get: function () {
+            return this.cq;
+        },
+        set: function (a) {
+            var b = this.cq;
+            this.cq = a;
+            if (b != this.cq) {
+                this.ca("BackgroundColor", b, a);
+            }
+        },
+        enumerable: true,
+        configurable: true
+    });
+    Object.defineProperty(ListPanel.prototype, "k", {
+        get: function () {
+            return this.i;
+        },
+        set: function (a) {
+            var b = this.i;
+            this.i = a;
+            if (b != this.i) {
+                this.ca("Orientation", enumGetBox(ListPanelOrientation_$type, b), enumGetBox(ListPanelOrientation_$type, a));
+            }
+        },
+        enumerable: true,
+        configurable: true
+    });
+    Object.defineProperty(ListPanel.prototype, "ai", {
+        get: function () {
+            return this.aa;
+        },
+        set: function (a) {
+            var b = this.aa;
+            this.aa = a;
+            if (b != this.aa) {
+                this.ca("IsCustomRowHeightEnabled", b, a);
+            }
+        },
+        enumerable: true,
+        configurable: true
+    });
+    Object.defineProperty(ListPanel.prototype, "cv", {
+        get: function () {
+            return this.cr;
+        },
+        set: function (a) {
+            var b = this.cr;
+            this.cr = a;
+            if (b != this.cr) {
+                this.ca("TextColor", b, a);
+            }
+        },
+        enumerable: true,
+        configurable: true
+    });
+    Object.defineProperty(ListPanel.prototype, "au", {
+        get: function () {
+            return this.aq;
+        },
+        enumerable: true,
+        configurable: true
+    });
+    Object.defineProperty(ListPanel.prototype, "at", {
+        get: function () {
+            return this.ap;
+        },
+        enumerable: true,
+        configurable: true
+    });
+    ListPanel.$t = markType(ListPanel, 'ListPanel', Base.$, [INotifyPropertyChanged_$type]);
+    ListPanel.ct = BrushUtil.g(255, 248, 248, 248);
+    ListPanel.j = 0;
+    ListPanel.af = false;
+    ListPanel.cu = BrushUtil.g(255, 24, 29, 31);
+    return ListPanel;
+}(Base));
+export { ListPanel };
+/**
+ * @hidden
+ */
+var ListPanelDataSourceNotificationBridge = /** @class */ /*@__PURE__*/ (function (_super) {
+    tslib_1.__extends(ListPanelDataSourceNotificationBridge, _super);
+    function ListPanelDataSourceNotificationBridge(a) {
+        var _this = _super.call(this) || this;
+        _this.a = null;
+        _this.a = a;
+        return _this;
+    }
+    ListPanelDataSourceNotificationBridge.prototype.rangeActualized = function (a, b) {
+        this.a.b7(a, b);
+    };
+    ListPanelDataSourceNotificationBridge.prototype.notifySetItem = function (a, b, c) {
+        this.a.cc(a, b, c);
+    };
+    ListPanelDataSourceNotificationBridge.prototype.notifyClearItems = function () {
+        this.a.b6();
+    };
+    ListPanelDataSourceNotificationBridge.prototype.notifyInsertItem = function (a, b) {
+        this.a.b9(a, b);
+    };
+    ListPanelDataSourceNotificationBridge.prototype.notifyRemoveItem = function (a, b) {
+        this.a.cb(a, b);
+    };
+    ListPanelDataSourceNotificationBridge.$t = markType(ListPanelDataSourceNotificationBridge, 'ListPanelDataSourceNotificationBridge', Base.$, [IDataSourceUpdateNotifier_$type]);
+    return ListPanelDataSourceNotificationBridge;
+}(Base));
+export { ListPanelDataSourceNotificationBridge };
+/**
+ * @hidden
+ */
+var ListPanelLayoutPanel = /** @class */ /*@__PURE__*/ (function (_super) {
+    tslib_1.__extends(ListPanelLayoutPanel, _super);
+    function ListPanelLayoutPanel(a) {
+        var _this = _super.call(this) || this;
+        _this.a = null;
+        _this.a = a;
+        return _this;
+    }
+    ListPanelLayoutPanel.prototype.d = function (a) {
+        this.a.n = a.width;
+        this.a.h = a.height;
+    };
+    ListPanelLayoutPanel.prototype.b = function (a, b) {
+        if (!b.d) {
+            b.d = true;
+            this.a.aw(b.a.a);
+        }
+        if (a.k == 0) {
+            if (!isNaN_(a.au)) {
+                b.a.a.n = a.au;
+            }
+        }
+        else {
+            b.a.a.h = a.at;
+        }
+        if (b.f) {
+            b.f = false;
+            this.a.a2(b.a.a, b.i);
+            this.a.a3(b.a.a, b.k);
+        }
+    };
+    ListPanelLayoutPanel.prototype.c = function (a) {
+        this.a.a3(a, -1000);
+        this.a.a2(a, -1000);
+    };
+    ListPanelLayoutPanel.$t = markType(ListPanelLayoutPanel, 'ListPanelLayoutPanel');
+    return ListPanelLayoutPanel;
+}(Base));
+export { ListPanelLayoutPanel };