@skyux/list-builder 5.7.2 → 6.0.0-beta.2

package/bundles/skyux-list-builder.umd.js

@@ -1,3357 +0,0 @@
-(function (global, factory) {
-    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/common'), require('@angular/core'), require('@skyux/list-builder-common'), require('rxjs'), require('rxjs/operators'), require('@skyux/lists'), require('@skyux/i18n'), require('@skyux/indicators'), require('@skyux/popovers'), require('@skyux/forms'), require('@skyux/layout'), require('@skyux/lookup')) :
-    typeof define === 'function' && define.amd ? define('@skyux/list-builder', ['exports', '@angular/common', '@angular/core', '@skyux/list-builder-common', 'rxjs', 'rxjs/operators', '@skyux/lists', '@skyux/i18n', '@skyux/indicators', '@skyux/popovers', '@skyux/forms', '@skyux/layout', '@skyux/lookup'], factory) :
-    (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory((global.skyux = global.skyux || {}, global.skyux["list-builder"] = {}), global.ng.common, global.ng.core, global.listBuilderCommon, global.rxjs, global.rxjs.operators, global.i3, global.i5, global.i3$1, global.i2, global.i5$1, global.i3$2, global.i8));
-})(this, (function (exports, i4, i0, listBuilderCommon, rxjs, operators, i3, i5, i3$1, i2, i5$1, i3$2, i8) { 'use strict';
-
-    function _interopNamespace(e) {
-        if (e && e.__esModule) return e;
-        var n = Object.create(null);
-        if (e) {
-            Object.keys(e).forEach(function (k) {
-                if (k !== 'default') {
-                    var d = Object.getOwnPropertyDescriptor(e, k);
-                    Object.defineProperty(n, k, d.get ? d : {
-                        enumerable: true,
-                        get: function () { return e[k]; }
-                    });
-                }
-            });
-        }
-        n["default"] = e;
-        return Object.freeze(n);
-    }
-
-    var i4__namespace = /*#__PURE__*/_interopNamespace(i4);
-    var i0__namespace = /*#__PURE__*/_interopNamespace(i0);
-    var i3__namespace = /*#__PURE__*/_interopNamespace(i3);
-    var i5__namespace = /*#__PURE__*/_interopNamespace(i5);
-    var i3__namespace$1 = /*#__PURE__*/_interopNamespace(i3$1);
-    var i2__namespace = /*#__PURE__*/_interopNamespace(i2);
-    var i5__namespace$1 = /*#__PURE__*/_interopNamespace(i5$1);
-    var i3__namespace$2 = /*#__PURE__*/_interopNamespace(i3$2);
-    var i8__namespace = /*#__PURE__*/_interopNamespace(i8);
-
-    var ListDataRequestModel = /** @class */ (function () {
-        function ListDataRequestModel(data) {
-            /**
-             * Indicates whether to disable the search bar and filter button.
-             * @default false
-             */
-            this.isToolbarDisabled = false;
-            if (data !== undefined) {
-                this.filters = data.filters;
-                this.pageSize = data.pageSize;
-                this.pageNumber = data.pageNumber;
-                this.search = data.search;
-                this.sort = data.sort;
-                this.isToolbarDisabled = data.isToolbarDisabled;
-            }
-        }
-        return ListDataRequestModel;
-    }());
-
-    var ListDataResponseModel = /** @class */ (function () {
-        function ListDataResponseModel(data) {
-            if (data !== undefined) {
-                this.count = data.count;
-                this.items = data.items;
-            }
-        }
-        return ListDataResponseModel;
-    }());
-
-    /**
-     * @internal
-     */
-    var ListDataProvider = /** @class */ (function () {
-        function ListDataProvider(data) {
-            this.data = data;
-        }
-        return ListDataProvider;
-    }());
-
-    /*! *****************************************************************************
-    Copyright (c) Microsoft Corporation.
-
-    Permission to use, copy, modify, and/or distribute this software for any
-    purpose with or without fee is hereby granted.
-
-    THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
-    REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
-    AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
-    INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
-    LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
-    OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
-    PERFORMANCE OF THIS SOFTWARE.
-    ***************************************************************************** */
-    /* global Reflect, Promise */
-    var extendStatics = function (d, b) {
-        extendStatics = Object.setPrototypeOf ||
-            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
-            function (d, b) { for (var p in b)
-                if (Object.prototype.hasOwnProperty.call(b, p))
-                    d[p] = b[p]; };
-        return extendStatics(d, b);
-    };
-    function __extends(d, b) {
-        if (typeof b !== "function" && b !== null)
-            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
-        extendStatics(d, b);
-        function __() { this.constructor = d; }
-        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
-    }
-    var __assign = function () {
-        __assign = Object.assign || function __assign(t) {
-            for (var s, i = 1, n = arguments.length; i < n; i++) {
-                s = arguments[i];
-                for (var p in s)
-                    if (Object.prototype.hasOwnProperty.call(s, p))
-                        t[p] = s[p];
-            }
-            return t;
-        };
-        return __assign.apply(this, arguments);
-    };
-    function __rest(s, e) {
-        var t = {};
-        for (var p in s)
-            if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-                t[p] = s[p];
-        if (s != null && typeof Object.getOwnPropertySymbols === "function")
-            for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-                if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                    t[p[i]] = s[p[i]];
-            }
-        return t;
-    }
-    function __decorate(decorators, target, key, desc) {
-        var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
-        if (typeof Reflect === "object" && typeof Reflect.decorate === "function")
-            r = Reflect.decorate(decorators, target, key, desc);
-        else
-            for (var i = decorators.length - 1; i >= 0; i--)
-                if (d = decorators[i])
-                    r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
-        return c > 3 && r && Object.defineProperty(target, key, r), r;
-    }
-    function __param(paramIndex, decorator) {
-        return function (target, key) { decorator(target, key, paramIndex); };
-    }
-    function __metadata(metadataKey, metadataValue) {
-        if (typeof Reflect === "object" && typeof Reflect.metadata === "function")
-            return Reflect.metadata(metadataKey, metadataValue);
-    }
-    function __awaiter(thisArg, _arguments, P, generator) {
-        function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-        return new (P || (P = Promise))(function (resolve, reject) {
-            function fulfilled(value) { try {
-                step(generator.next(value));
-            }
-            catch (e) {
-                reject(e);
-            } }
-            function rejected(value) { try {
-                step(generator["throw"](value));
-            }
-            catch (e) {
-                reject(e);
-            } }
-            function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-            step((generator = generator.apply(thisArg, _arguments || [])).next());
-        });
-    }
-    function __generator(thisArg, body) {
-        var _ = { label: 0, sent: function () { if (t[0] & 1)
-                throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
-        return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function () { return this; }), g;
-        function verb(n) { return function (v) { return step([n, v]); }; }
-        function step(op) {
-            if (f)
-                throw new TypeError("Generator is already executing.");
-            while (_)
-                try {
-                    if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done)
-                        return t;
-                    if (y = 0, t)
-                        op = [op[0] & 2, t.value];
-                    switch (op[0]) {
-                        case 0:
-                        case 1:
-                            t = op;
-                            break;
-                        case 4:
-                            _.label++;
-                            return { value: op[1], done: false };
-                        case 5:
-                            _.label++;
-                            y = op[1];
-                            op = [0];
-                            continue;
-                        case 7:
-                            op = _.ops.pop();
-                            _.trys.pop();
-                            continue;
-                        default:
-                            if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) {
-                                _ = 0;
-                                continue;
-                            }
-                            if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) {
-                                _.label = op[1];
-                                break;
-                            }
-                            if (op[0] === 6 && _.label < t[1]) {
-                                _.label = t[1];
-                                t = op;
-                                break;
-                            }
-                            if (t && _.label < t[2]) {
-                                _.label = t[2];
-                                _.ops.push(op);
-                                break;
-                            }
-                            if (t[2])
-                                _.ops.pop();
-                            _.trys.pop();
-                            continue;
-                    }
-                    op = body.call(thisArg, _);
-                }
-                catch (e) {
-                    op = [6, e];
-                    y = 0;
-                }
-                finally {
-                    f = t = 0;
-                }
-            if (op[0] & 5)
-                throw op[1];
-            return { value: op[0] ? op[1] : void 0, done: true };
-        }
-    }
-    var __createBinding = Object.create ? (function (o, m, k, k2) {
-        if (k2 === undefined)
-            k2 = k;
-        Object.defineProperty(o, k2, { enumerable: true, get: function () { return m[k]; } });
-    }) : (function (o, m, k, k2) {
-        if (k2 === undefined)
-            k2 = k;
-        o[k2] = m[k];
-    });
-    function __exportStar(m, o) {
-        for (var p in m)
-            if (p !== "default" && !Object.prototype.hasOwnProperty.call(o, p))
-                __createBinding(o, m, p);
-    }
-    function __values(o) {
-        var s = typeof Symbol === "function" && Symbol.iterator, m = s && o[s], i = 0;
-        if (m)
-            return m.call(o);
-        if (o && typeof o.length === "number")
-            return {
-                next: function () {
-                    if (o && i >= o.length)
-                        o = void 0;
-                    return { value: o && o[i++], done: !o };
-                }
-            };
-        throw new TypeError(s ? "Object is not iterable." : "Symbol.iterator is not defined.");
-    }
-    function __read(o, n) {
-        var m = typeof Symbol === "function" && o[Symbol.iterator];
-        if (!m)
-            return o;
-        var i = m.call(o), r, ar = [], e;
-        try {
-            while ((n === void 0 || n-- > 0) && !(r = i.next()).done)
-                ar.push(r.value);
-        }
-        catch (error) {
-            e = { error: error };
-        }
-        finally {
-            try {
-                if (r && !r.done && (m = i["return"]))
-                    m.call(i);
-            }
-            finally {
-                if (e)
-                    throw e.error;
-            }
-        }
-        return ar;
-    }
-    /** @deprecated */
-    function __spread() {
-        for (var ar = [], i = 0; i < arguments.length; i++)
-            ar = ar.concat(__read(arguments[i]));
-        return ar;
-    }
-    /** @deprecated */
-    function __spreadArrays() {
-        for (var s = 0, i = 0, il = arguments.length; i < il; i++)
-            s += arguments[i].length;
-        for (var r = Array(s), k = 0, i = 0; i < il; i++)
-            for (var a = arguments[i], j = 0, jl = a.length; j < jl; j++, k++)
-                r[k] = a[j];
-        return r;
-    }
-    function __spreadArray(to, from, pack) {
-        if (pack || arguments.length === 2)
-            for (var i = 0, l = from.length, ar; i < l; i++) {
-                if (ar || !(i in from)) {
-                    if (!ar)
-                        ar = Array.prototype.slice.call(from, 0, i);
-                    ar[i] = from[i];
-                }
-            }
-        return to.concat(ar || Array.prototype.slice.call(from));
-    }
-    function __await(v) {
-        return this instanceof __await ? (this.v = v, this) : new __await(v);
-    }
-    function __asyncGenerator(thisArg, _arguments, generator) {
-        if (!Symbol.asyncIterator)
-            throw new TypeError("Symbol.asyncIterator is not defined.");
-        var g = generator.apply(thisArg, _arguments || []), i, q = [];
-        return i = {}, verb("next"), verb("throw"), verb("return"), i[Symbol.asyncIterator] = function () { return this; }, i;
-        function verb(n) { if (g[n])
-            i[n] = function (v) { return new Promise(function (a, b) { q.push([n, v, a, b]) > 1 || resume(n, v); }); }; }
-        function resume(n, v) { try {
-            step(g[n](v));
-        }
-        catch (e) {
-            settle(q[0][3], e);
-        } }
-        function step(r) { r.value instanceof __await ? Promise.resolve(r.value.v).then(fulfill, reject) : settle(q[0][2], r); }
-        function fulfill(value) { resume("next", value); }
-        function reject(value) { resume("throw", value); }
-        function settle(f, v) { if (f(v), q.shift(), q.length)
-            resume(q[0][0], q[0][1]); }
-    }
-    function __asyncDelegator(o) {
-        var i, p;
-        return i = {}, verb("next"), verb("throw", function (e) { throw e; }), verb("return"), i[Symbol.iterator] = function () { return this; }, i;
-        function verb(n, f) { i[n] = o[n] ? function (v) { return (p = !p) ? { value: __await(o[n](v)), done: n === "return" } : f ? f(v) : v; } : f; }
-    }
-    function __asyncValues(o) {
-        if (!Symbol.asyncIterator)
-            throw new TypeError("Symbol.asyncIterator is not defined.");
-        var m = o[Symbol.asyncIterator], i;
-        return m ? m.call(o) : (o = typeof __values === "function" ? __values(o) : o[Symbol.iterator](), i = {}, verb("next"), verb("throw"), verb("return"), i[Symbol.asyncIterator] = function () { return this; }, i);
-        function verb(n) { i[n] = o[n] && function (v) { return new Promise(function (resolve, reject) { v = o[n](v), settle(resolve, reject, v.done, v.value); }); }; }
-        function settle(resolve, reject, d, v) { Promise.resolve(v).then(function (v) { resolve({ value: v, done: d }); }, reject); }
-    }
-    function __makeTemplateObject(cooked, raw) {
-        if (Object.defineProperty) {
-            Object.defineProperty(cooked, "raw", { value: raw });
-        }
-        else {
-            cooked.raw = raw;
-        }
-        return cooked;
-    }
-    ;
-    var __setModuleDefault = Object.create ? (function (o, v) {
-        Object.defineProperty(o, "default", { enumerable: true, value: v });
-    }) : function (o, v) {
-        o["default"] = v;
-    };
-    function __importStar(mod) {
-        if (mod && mod.__esModule)
-            return mod;
-        var result = {};
-        if (mod != null)
-            for (var k in mod)
-                if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k))
-                    __createBinding(result, mod, k);
-        __setModuleDefault(result, mod);
-        return result;
-    }
-    function __importDefault(mod) {
-        return (mod && mod.__esModule) ? mod : { default: mod };
-    }
-    function __classPrivateFieldGet(receiver, state, kind, f) {
-        if (kind === "a" && !f)
-            throw new TypeError("Private accessor was defined without a getter");
-        if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver))
-            throw new TypeError("Cannot read private member from an object whose class did not declare it");
-        return kind === "m" ? f : kind === "a" ? f.call(receiver) : f ? f.value : state.get(receiver);
-    }
-    function __classPrivateFieldSet(receiver, state, value, kind, f) {
-        if (kind === "m")
-            throw new TypeError("Private method is not writable");
-        if (kind === "a" && !f)
-            throw new TypeError("Private accessor was defined without a setter");
-        if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver))
-            throw new TypeError("Cannot write private member to an object whose class did not declare it");
-        return (kind === "a" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value)), value;
-    }
-
-    /**
-     * Specifies a function to dynamically manage the data source when users change the text
-     * in the list field. The search function must return an array or a promise of an array.
-     * The `search` property is particularly useful when the data source does not live
-     * in the source code.
-     */
-    var ListSearchModel = /** @class */ (function () {
-        function ListSearchModel(data) {
-            /**
-             * Specifies the text to search.
-             * @default ""
-             */
-            this.searchText = '';
-            /**
-             * Specifies an array of functions that returns a `boolean` value of `true` when
-             * the search is successful. This property accepts a function of type
-             * `(data: any, searchText: string) => boolean>.`
-             */
-            this.functions = [];
-            /**
-             * Specifies the columns to search. The columns correspond to `field` values that
-             * you specify with the list component's `data` property.
-             */
-            this.fieldSelectors = [];
-            if (data) {
-                this.searchText = data.searchText;
-                this.functions = __spreadArray([], __read(data.functions));
-                this.fieldSelectors = data.fieldSelectors;
-            }
-        }
-        return ListSearchModel;
-    }());
-
-    var idIndex$3 = 0;
-    var SkyListInMemoryDataProvider = /** @class */ (function (_super) {
-        __extends(SkyListInMemoryDataProvider, _super);
-        function SkyListInMemoryDataProvider(data, searchFunction) {
-            var _this = _super.call(this, data) || this;
-            _this.items = new rxjs.BehaviorSubject([]);
-            _this.searchFunction = searchFunction;
-            if (data) {
-                data.subscribe(function (items) {
-                    _this.items.next(items.map(function (d) { return new listBuilderCommon.ListItemModel(d.id || "sky-list-data-in-memory-provider-item-" + ++idIndex$3, d); }));
-                });
-            }
-            return _this;
-        }
-        SkyListInMemoryDataProvider.prototype.count = function () {
-            return this.items.pipe(operators.map(function (items) { return items.length; }));
-        };
-        SkyListInMemoryDataProvider.prototype.get = function (request) {
-            return this.filteredItems(request).pipe(operators.map(function (result) {
-                if (request.pageNumber && request.pageSize) {
-                    var itemStart = (request.pageNumber - 1) * request.pageSize;
-                    var pagedResult = result.slice(itemStart, itemStart + request.pageSize);
-                    return new ListDataResponseModel({
-                        count: result.length,
-                        items: pagedResult,
-                    });
-                }
-                else {
-                    return new ListDataResponseModel({
-                        count: result.length,
-                        items: result,
-                    });
-                }
-            }));
-        };
-        SkyListInMemoryDataProvider.prototype.filteredItems = function (request) {
-            var _this = this;
-            var showSelectedId = ['show-selected'];
-            return this.items.pipe(operators.map(function (items) {
-                var dataChanged = false;
-                var search = request.search;
-                var sort = request.sort;
-                var filters = request.filters;
-                if (_this.lastItems === undefined || _this.lastItems !== items) {
-                    dataChanged = true;
-                    _this.lastItems = items;
-                }
-                var searchChanged = false;
-                var filtersChanged = false;
-                if (request.isToolbarDisabled) {
-                    searchChanged = true;
-                    search = new ListSearchModel();
-                    filters = filters.filter(function (f) { return showSelectedId.indexOf(f.name) >= 0; });
-                    filtersChanged = true;
-                }
-                else {
-                    if (_this.lastSearch === undefined || _this.lastSearch !== search) {
-                        searchChanged = true;
-                    }
-                    if (_this.lastFilters === undefined || _this.lastFilters !== filters) {
-                        filtersChanged = true;
-                    }
-                }
-                _this.lastSearch = search;
-                _this.lastFilters = filters;
-                var result = items;
-                // Apply filters.
-                if (!dataChanged &&
-                    !filtersChanged &&
-                    _this.lastFilterResults !== undefined) {
-                    result = _this.lastFilterResults;
-                }
-                else if (filters && filters.length > 0) {
-                    result = result.filter(function (item) {
-                        for (var i = 0; i < filters.length; i++) {
-                            var filter = filters[i];
-                            if (filter.value === undefined ||
-                                filter.value === '' ||
-                                filter.value === false ||
-                                filter.value === filter.defaultValue) {
-                                continue;
-                            }
-                            if (!filter.filterFunction(item, filter.value)) {
-                                return false;
-                            }
-                        }
-                        return true;
-                    });
-                    _this.lastFilterResults = result;
-                }
-                else {
-                    _this.lastFilterResults = undefined;
-                }
-                // Apply search.
-                /* istanbul ignore next */
-                if (!dataChanged &&
-                    !searchChanged &&
-                    _this.lastSearchResults !== undefined &&
-                    !filtersChanged) {
-                    result = _this.lastSearchResults;
-                }
-                else if (search &&
-                    search.searchText !== undefined &&
-                    search.searchText.length > 0) {
-                    var searchText_1 = search.searchText.toLowerCase();
-                    var searchFunctions_1;
-                    if (_this.searchFunction !== undefined) {
-                        searchFunctions_1 = [_this.searchFunction];
-                    }
-                    else {
-                        searchFunctions_1 = search.functions;
-                    }
-                    result = result.filter(function (item) {
-                        var isMatch = false;
-                        for (var i = 0; i < searchFunctions_1.length; i++) {
-                            var searchFunction = searchFunctions_1[i];
-                            var searchResult = searchFunction(item.data, searchText_1);
-                            if ((typeof searchResult === 'string' &&
-                                searchResult.indexOf(searchText_1) !== -1) ||
-                                searchResult === true) {
-                                isMatch = true;
-                                break;
-                            }
-                        }
-                        return isMatch;
-                    });
-                    _this.lastSearchResults = result;
-                }
-                else {
-                    _this.lastSearchResults = undefined;
-                }
-                // Apply sort.
-                if (sort && sort.fieldSelectors.length > 0) {
-                    result = result
-                        .slice()
-                        .sort(function (item1, item2) {
-                        var compareResult = 0;
-                        for (var i = 0; i < sort.fieldSelectors.length; i++) {
-                            var selector = sort.fieldSelectors[i];
-                            var value1 = listBuilderCommon.getData(item1.data, selector.fieldSelector);
-                            var value2 = listBuilderCommon.getData(item2.data, selector.fieldSelector);
-                            compareResult = listBuilderCommon.compare(value1, value2);
-                            if (selector.descending && compareResult !== 0) {
-                                compareResult *= -1;
-                            }
-                            if (compareResult !== 0) {
-                                break;
-                            }
-                        }
-                        return compareResult;
-                    });
-                }
-                return result;
-            }));
-        };
-        return SkyListInMemoryDataProvider;
-    }(ListDataProvider));
-
-    var idIndex$2 = 0;
-    /**
-     * @internal
-     */
-    var ListViewComponent = /** @class */ (function () {
-        function ListViewComponent(state, defaultName) {
-            var _this = this;
-            this.viewId = "sky-list-view-cmp-" + ++idIndex$2;
-            this.state = state;
-            this.viewName = defaultName;
-            /* istanbul ignore next */
-            this.hasToolbar = this.state.pipe(operators.map(function (s) { return s.toolbar.exists; }));
-            this.active = this.state.pipe(operators.map(function (s) { return s.views.active === _this.viewId; }));
-            this.active
-                .pipe(operators.distinctUntilChanged())
-                .subscribe(function (isActive) { return isActive ? _this.onViewActive() : _this.onViewInactive(); });
-        }
-        Object.defineProperty(ListViewComponent.prototype, "id", {
-            get: function () {
-                return this.viewId;
-            },
-            enumerable: false,
-            configurable: true
-        });
-        Object.defineProperty(ListViewComponent.prototype, "label", {
-            get: function () {
-                return this.viewName;
-            },
-            enumerable: false,
-            configurable: true
-        });
-        // eslint-disable-next-line @typescript-eslint/no-empty-function
-        ListViewComponent.prototype.onViewActive = function () { };
-        // eslint-disable-next-line @typescript-eslint/no-empty-function
-        ListViewComponent.prototype.onViewInactive = function () { };
-        return ListViewComponent;
-    }());
-
-    /**
-     * @internal
-     */
-    var ListItemsLoadAction = /** @class */ (function () {
-        function ListItemsLoadAction(items, refresh, dataChanged, count) {
-            if (refresh === void 0) { refresh = false; }
-            if (dataChanged === void 0) { dataChanged = true; }
-            this.items = items;
-            this.refresh = refresh;
-            this.dataChanged = dataChanged;
-            this.count = count;
-        }
-        return ListItemsLoadAction;
-    }());
-
-    /**
-     * @internal
-     */
-    var ListItemsSetLoadingAction = /** @class */ (function () {
-        function ListItemsSetLoadingAction(loading) {
-            if (loading === void 0) { loading = true; }
-            this.loading = loading;
-        }
-        return ListItemsSetLoadingAction;
-    }());
-
-    /**
-     * @internal
-     */
-    var ListFiltersUpdateAction = /** @class */ (function () {
-        function ListFiltersUpdateAction(filters) {
-            this.filters = filters;
-        }
-        return ListFiltersUpdateAction;
-    }());
-
-    /**
-     * @internal
-     */
-    var ListSearchSetFieldSelectorsAction = /** @class */ (function () {
-        function ListSearchSetFieldSelectorsAction(fieldSelectors) {
-            if (fieldSelectors === void 0) { fieldSelectors = []; }
-            this.fieldSelectors = fieldSelectors;
-        }
-        return ListSearchSetFieldSelectorsAction;
-    }());
-
-    /**
-     * @internal
-     */
-    var ListSearchSetFunctionsAction = /** @class */ (function () {
-        function ListSearchSetFunctionsAction(functions) {
-            if (functions === void 0) { functions = []; }
-            this.functions = functions;
-        }
-        return ListSearchSetFunctionsAction;
-    }());
-
-    /**
-     * @internal
-     */
-    var ListSearchSetOptionsAction = /** @class */ (function () {
-        function ListSearchSetOptionsAction(searchTextAction, setFieldSelectorsAction, setFunctionsAction) {
-            this.searchTextAction = searchTextAction;
-            this.setFieldSelectorsAction = setFieldSelectorsAction;
-            this.setFunctionsAction = setFunctionsAction;
-        }
-        return ListSearchSetOptionsAction;
-    }());
-
-    /**
-     * @internal
-     */
-    var ListSearchSetSearchTextAction = /** @class */ (function () {
-        function ListSearchSetSearchTextAction(searchText) {
-            this.searchText = searchText;
-        }
-        return ListSearchSetSearchTextAction;
-    }());
-
-    /**
-     * @internal
-     */
-    var ListSelectedSetItemsSelectedAction = /** @class */ (function () {
-        function ListSelectedSetItemsSelectedAction(items, selected, refresh) {
-            if (selected === void 0) { selected = false; }
-            if (refresh === void 0) { refresh = true; }
-            this.items = items;
-            this.selected = selected;
-            this.refresh = refresh;
-        }
-        return ListSelectedSetItemsSelectedAction;
-    }());
-
-    /**
-     * @internal
-     */
-    var ListSortSetAvailableAction = /** @class */ (function () {
-        function ListSortSetAvailableAction(available) {
-            this.available = available;
-        }
-        return ListSortSetAvailableAction;
-    }());
-
-    /**
-     * @internal
-     */
-    var ListSortSetFieldSelectorsAction = /** @class */ (function () {
-        function ListSortSetFieldSelectorsAction(fieldSelectors) {
-            this.fieldSelectors = fieldSelectors;
-        }
-        return ListSortSetFieldSelectorsAction;
-    }());
-
-    /**
-     * @internal
-     */
-    var ListSortSetGlobalAction = /** @class */ (function () {
-        function ListSortSetGlobalAction(global) {
-            this.global = global;
-        }
-        return ListSortSetGlobalAction;
-    }());
-
-    /**
-     * @internal
-     */
-    var ListToolbarItemsDisableAction = /** @class */ (function () {
-        function ListToolbarItemsDisableAction(disable) {
-            this.disable = disable;
-        }
-        return ListToolbarItemsDisableAction;
-    }());
-
-    /**
-     * @internal
-     */
-    var ListToolbarItemsLoadAction = /** @class */ (function () {
-        function ListToolbarItemsLoadAction(items, index) {
-            if (index === void 0) { index = -1; }
-            this.items = items;
-            this.index = index;
-        }
-        return ListToolbarItemsLoadAction;
-    }());
-
-    /**
-     * @internal
-     */
-    var ListToolbarItemsRemoveAction = /** @class */ (function () {
-        function ListToolbarItemsRemoveAction(ids) {
-            this.ids = ids;
-        }
-        return ListToolbarItemsRemoveAction;
-    }());
-
-    /**
-     * @internal
-     */
-    var ListToolbarSetExistsAction = /** @class */ (function () {
-        function ListToolbarSetExistsAction(exists) {
-            this.exists = exists;
-        }
-        return ListToolbarSetExistsAction;
-    }());
-
-    /**
-     * @internal
-     */
-    var ListToolbarShowMultiselectToolbarAction = /** @class */ (function () {
-        function ListToolbarShowMultiselectToolbarAction(exists) {
-            this.exists = exists;
-        }
-        return ListToolbarShowMultiselectToolbarAction;
-    }());
-
-    /**
-     * @internal
-     */
-    var ListViewsSetActiveAction = /** @class */ (function () {
-        function ListViewsSetActiveAction(view) {
-            this.view = view;
-        }
-        return ListViewsSetActiveAction;
-    }());
-
-    /**
-     * @internal
-     */
-    var ListStateOrchestrator = /** @class */ (function (_super) {
-        __extends(ListStateOrchestrator, _super);
-        function ListStateOrchestrator() {
-            return _super !== null && _super.apply(this, arguments) || this;
-        }
-        return ListStateOrchestrator;
-    }(listBuilderCommon.StateOrchestrator));
-    /**
-     * @internal
-     */
-    var ListStateDispatcher = /** @class */ (function (_super) {
-        __extends(ListStateDispatcher, _super);
-        function ListStateDispatcher() {
-            return _super !== null && _super.apply(this, arguments) || this;
-        }
-        ListStateDispatcher.prototype.viewsSetActive = function (id) {
-            this.next(new ListViewsSetActiveAction(id));
-        };
-        ListStateDispatcher.prototype.toolbarExists = function (exists) {
-            this.next(new ListToolbarSetExistsAction(exists));
-        };
-        ListStateDispatcher.prototype.toolbarSetDisabled = function (disabled) {
-            this.next(new ListToolbarItemsDisableAction(disabled));
-        };
-        ListStateDispatcher.prototype.toolbarAddItems = function (items, index) {
-            if (index === void 0) { index = -1; }
-            this.next(new ListToolbarItemsLoadAction(items, index));
-        };
-        ListStateDispatcher.prototype.toolbarRemoveItems = function (ids) {
-            this.next(new ListToolbarItemsRemoveAction(ids));
-        };
-        ListStateDispatcher.prototype.toolbarShowMultiselectToolbar = function (show) {
-            this.next(new ListToolbarShowMultiselectToolbarAction(show));
-        };
-        ListStateDispatcher.prototype.searchSetFunctions = function (sortFunctions) {
-            this.next(new ListSearchSetFunctionsAction(sortFunctions));
-        };
-        /* istanbul ignore next */
-        ListStateDispatcher.prototype.searchSetFieldSelectors = function (fieldSelectors) {
-            this.next(new ListSearchSetFieldSelectorsAction(fieldSelectors));
-        };
-        ListStateDispatcher.prototype.searchSetText = function (searchText) {
-            this.next(new ListSearchSetSearchTextAction(searchText));
-        };
-        ListStateDispatcher.prototype.searchSetOptions = function (searchOptions) {
-            this.next(new ListSearchSetOptionsAction(new ListSearchSetSearchTextAction(searchOptions.searchText), new ListSearchSetFieldSelectorsAction(searchOptions.fieldSelectors), new ListSearchSetFunctionsAction(searchOptions.functions)));
-        };
-        ListStateDispatcher.prototype.sortSetAvailable = function (sortLabels) {
-            this.next(new ListSortSetAvailableAction(sortLabels));
-        };
-        ListStateDispatcher.prototype.sortSetFieldSelectors = function (fieldSelectors) {
-            this.next(new ListSortSetFieldSelectorsAction(fieldSelectors));
-        };
-        ListStateDispatcher.prototype.sortSetGlobal = function (sortLabels) {
-            this.next(new ListSortSetGlobalAction(sortLabels));
-        };
-        ListStateDispatcher.prototype.filtersUpdate = function (filters) {
-            this.next(new ListFiltersUpdateAction(filters));
-        };
-        ListStateDispatcher.prototype.setSelected = function (selectedIds, selected, refresh) {
-            if (refresh === void 0) { refresh = false; }
-            this.next(new ListSelectedSetItemsSelectedAction(selectedIds, selected, refresh));
-        };
-        return ListStateDispatcher;
-    }(listBuilderCommon.StateDispatcher));
-    ListStateDispatcher.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: ListStateDispatcher, deps: null, target: i0__namespace.ɵɵFactoryTarget.Injectable });
-    ListStateDispatcher.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: ListStateDispatcher });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: ListStateDispatcher, decorators: [{
-                type: i0.Injectable
-            }] });
-
-    /**
-     * @internal
-     */
-    var ListFiltersOrchestrator = /** @class */ (function (_super) {
-        __extends(ListFiltersOrchestrator, _super);
-        /* istanbul ignore next */
-        function ListFiltersOrchestrator() {
-            var _this = _super.call(this) || this;
-            _this.register(ListFiltersUpdateAction, _this.update);
-            return _this;
-        }
-        ListFiltersOrchestrator.prototype.update = function (state, action) {
-            return __spreadArray([], __read(action.filters));
-        };
-        return ListFiltersOrchestrator;
-    }(ListStateOrchestrator));
-
-    /**
-     * @internal
-     */
-    var ListItemsSetSelectedAction = /** @class */ (function () {
-        function ListItemsSetSelectedAction(items, 
-        /* istanbul ignore next */
-        selected, refresh) {
-            if (selected === void 0) { selected = false; }
-            if (refresh === void 0) { refresh = true; }
-            this.items = items;
-            this.selected = selected;
-            this.refresh = refresh;
-        }
-        return ListItemsSetSelectedAction;
-    }());
-
-    /**
-     * @internal
-     */
-    var ListItemsOrchestrator = /** @class */ (function (_super) {
-        __extends(ListItemsOrchestrator, _super);
-        /* istanbul ignore next */
-        function ListItemsOrchestrator() {
-            var _this = _super.call(this) || this;
-            _this.register(ListItemsSetLoadingAction, _this.setLoading)
-                .register(ListItemsLoadAction, _this.load)
-                .register(ListItemsSetSelectedAction, _this.setItemsSelected);
-            return _this;
-        }
-        ListItemsOrchestrator.prototype.setLoading = function (state, action) {
-            return new listBuilderCommon.AsyncList(state.items, state.lastUpdate, action.loading, state.count);
-        };
-        ListItemsOrchestrator.prototype.load = function (state, action) {
-            var newListItems = action.items.map(function (g) { return new listBuilderCommon.ListItemModel(g.id, g.data, g.isSelected); });
-            var resultItems = action.refresh
-                ? __spreadArray([], __read(newListItems)) : __spreadArray(__spreadArray([], __read(state.items)), __read(newListItems));
-            var count = action.count === undefined ? resultItems.length : action.count;
-            return new listBuilderCommon.AsyncList(resultItems, action.dataChanged ? Date.now() : state.lastUpdate, false, count);
-        };
-        ListItemsOrchestrator.prototype.setItemsSelected = function (state, action) {
-            /* istanbul ignore next */
-            var newSelectedIds = action.items || [];
-            var newListItemModels = this.cloneListItemModelArray(state.items);
-            if (action.refresh) {
-                newListItemModels.forEach(function (item) { return (item.isSelected = undefined); });
-            }
-            newSelectedIds.map(function (s) {
-                var newItem = newListItemModels.find(function (i) { return i.id === s; });
-                /* istanbul ignore next */
-                if (newItem) {
-                    newItem.isSelected = action.selected;
-                }
-            });
-            return new listBuilderCommon.AsyncList(newListItemModels, Date.now(), state.loading, state.count);
-        };
-        ListItemsOrchestrator.prototype.cloneListItemModelArray = function (source) {
-            var newListItems = [];
-            source.forEach(function (item) {
-                newListItems.push(new listBuilderCommon.ListItemModel(item.id, Object.assign({}, item.data), item.isSelected));
-            });
-            return newListItems;
-        };
-        return ListItemsOrchestrator;
-    }(ListStateOrchestrator));
-
-    /**
-     * @internal
-     */
-    var ListPagingModel = /** @class */ (function () {
-        function ListPagingModel(data) {
-            if (data !== undefined) {
-                this.itemsPerPage = data.itemsPerPage || 10;
-                this.maxDisplayedPages = data.maxDisplayedPages || 5;
-                this.pageCount = data.pageCount || 0;
-                this.pageNumber = data.pageNumber || 1;
-            }
-        }
-        return ListPagingModel;
-    }());
-
-    /**
-     * Contains data about the selected items in the list.
-     */
-    var ListSelectedModel = /** @class */ (function () {
-        function ListSelectedModel() {
-            this.selectedIdMap = new Map();
-        }
-        return ListSelectedModel;
-    }());
-
-    /**
-     * Specifies a set of fields to sort by.
-     */
-    var ListSortModel = /** @class */ (function () {
-        function ListSortModel(data) {
-            /**
-             * Specifies the list of available views to sort.
-             */
-            this.available = [];
-            /**
-             * Specifies whether the sort applies to all list views.
-             */
-            this.global = [];
-            /**
-             * Specifies the fields to sort.
-             * For information about `ListSortFieldSelectorModel`, see the
-             * [shared classes for lists](https://developer.blackbaud.com/skyux-list-builder-common/docs/list-builder-common).
-             */
-            this.fieldSelectors = [];
-            if (data) {
-                this.available = data.available;
-                this.global = data.global;
-                this.fieldSelectors = data.fieldSelectors;
-            }
-        }
-        return ListSortModel;
-    }());
-
-    /**
-     * @internal
-     */
-    var ListToolbarModel = /** @class */ (function () {
-        function ListToolbarModel(data) {
-            this.items = [];
-            this.showMultiselectToolbar = false;
-            if (data) {
-                this.exists = data.exists;
-                this.disabled = data.disabled;
-                this.items = data.items;
-                this.type = data.type;
-                this.showMultiselectToolbar = data.showMultiselectToolbar;
-            }
-        }
-        return ListToolbarModel;
-    }());
-
-    /**
-     * @internal
-     */
-    var ListViewsModel = /** @class */ (function () {
-        function ListViewsModel(data) {
-            this.views = [];
-            if (data) {
-                this.active = data.active;
-                this.views = data.views;
-            }
-        }
-        return ListViewsModel;
-    }());
-
-    /**
-     * @internal
-     */
-    var ListStateModel = /** @class */ (function () {
-        function ListStateModel() {
-            this.filters = [];
-            this.items = new listBuilderCommon.AsyncList();
-            this.paging = new ListPagingModel();
-            this.search = new ListSearchModel();
-            this.selected = new listBuilderCommon.AsyncItem();
-            this.sort = new ListSortModel();
-            this.toolbar = new ListToolbarModel();
-            this.views = new ListViewsModel();
-            this.selected.item = new ListSelectedModel();
-        }
-        return ListStateModel;
-    }());
-
-    /**
-     * @internal
-     */
-    var ListPagingSetItemsPerPageAction = /** @class */ (function () {
-        function ListPagingSetItemsPerPageAction(itemsPerPage) {
-            this.itemsPerPage = itemsPerPage;
-        }
-        return ListPagingSetItemsPerPageAction;
-    }());
-
-    /**
-     * @internal
-     */
-    var ListPagingSetMaxPagesAction = /** @class */ (function () {
-        function ListPagingSetMaxPagesAction(maxPages) {
-            this.maxPages = maxPages;
-        }
-        return ListPagingSetMaxPagesAction;
-    }());
-
-    /**
-     * @internal
-     */
-    var ListPagingSetPageNumberAction = /** @class */ (function () {
-        function ListPagingSetPageNumberAction(pageNumber) {
-            this.pageNumber = pageNumber;
-        }
-        return ListPagingSetPageNumberAction;
-    }());
-
-    /**
-     * @internal
-     */
-    var ListPagingOrchestrator = /** @class */ (function (_super) {
-        __extends(ListPagingOrchestrator, _super);
-        /* istanbul ignore next */
-        function ListPagingOrchestrator() {
-            var _this = _super.call(this) || this;
-            _this.register(ListPagingSetMaxPagesAction, _this.setMaxPages)
-                .register(ListPagingSetItemsPerPageAction, _this.setItemsPerPage)
-                .register(ListPagingSetPageNumberAction, _this.setPageNumber);
-            return _this;
-        }
-        ListPagingOrchestrator.prototype.setMaxPages = function (state, action) {
-            return new ListPagingModel(Object.assign({}, state, { maxDisplayedPages: Number(action.maxPages) }));
-        };
-        ListPagingOrchestrator.prototype.setItemsPerPage = function (state, action) {
-            return new ListPagingModel(Object.assign({}, state, { itemsPerPage: Number(action.itemsPerPage) }));
-        };
-        ListPagingOrchestrator.prototype.setPageNumber = function (state, action) {
-            return new ListPagingModel(Object.assign({}, state, { pageNumber: Number(action.pageNumber) }));
-        };
-        return ListPagingOrchestrator;
-    }(ListStateOrchestrator));
-
-    /**
-     * @internal
-     */
-    var ListSearchOrchestrator = /** @class */ (function (_super) {
-        __extends(ListSearchOrchestrator, _super);
-        /* istanbul ignore next */
-        function ListSearchOrchestrator() {
-            var _this = _super.call(this) || this;
-            _this.register(ListSearchSetSearchTextAction, _this.setSearchText)
-                .register(ListSearchSetFunctionsAction, _this.setFunctions)
-                .register(ListSearchSetFieldSelectorsAction, _this.setFieldSelectors)
-                .register(ListSearchSetOptionsAction, _this.setOptions);
-            return _this;
-        }
-        ListSearchOrchestrator.prototype.setSearchText = function (state, action) {
-            return new ListSearchModel(Object.assign({}, state, {
-                searchText: action.searchText ? action.searchText : '',
-            }));
-        };
-        ListSearchOrchestrator.prototype.setFunctions = function (state, action) {
-            return new ListSearchModel(Object.assign({}, state, { functions: __spreadArray([], __read(action.functions)) }));
-        };
-        ListSearchOrchestrator.prototype.setFieldSelectors = function (state, action) {
-            return new ListSearchModel(Object.assign({}, state, { fieldSelectors: __spreadArray([], __read(action.fieldSelectors)) }));
-        };
-        ListSearchOrchestrator.prototype.setOptions = function (state, action) {
-            var result = state;
-            /* istanbul ignore else */
-            if (action.searchTextAction) {
-                result = this.setSearchText(result, action.searchTextAction);
-            }
-            /* istanbul ignore else */
-            if (action.setFieldSelectorsAction) {
-                result = this.setFieldSelectors(result, action.setFieldSelectorsAction);
-            }
-            /* istanbul ignore else */
-            if (action.setFunctionsAction) {
-                result = this.setFunctions(result, action.setFunctionsAction);
-            }
-            return result;
-        };
-        return ListSearchOrchestrator;
-    }(ListStateOrchestrator));
-
-    /**
-     * @internal
-     */
-    var ListSelectedLoadAction = /** @class */ (function () {
-        function ListSelectedLoadAction(items) {
-            this.items = items;
-        }
-        return ListSelectedLoadAction;
-    }());
-
-    /**
-     * @internal
-     */
-    var ListSelectedSetItemSelectedAction = /** @class */ (function () {
-        function ListSelectedSetItemSelectedAction(id, selected) {
-            this.id = id;
-            this.selected = selected;
-        }
-        return ListSelectedSetItemSelectedAction;
-    }());
-
-    /**
-     * @internal
-     */
-    var ListSelectedSetLoadingAction = /** @class */ (function () {
-        function ListSelectedSetLoadingAction(loading) {
-            if (loading === void 0) { loading = true; }
-            this.loading = loading;
-        }
-        return ListSelectedSetLoadingAction;
-    }());
-
-    /**
-     * @internal
-     */
-    var ListSelectedOrchestrator = /** @class */ (function (_super) {
-        __extends(ListSelectedOrchestrator, _super);
-        /* istanbul ignore next */
-        function ListSelectedOrchestrator() {
-            var _this = _super.call(this) || this;
-            _this.register(ListSelectedSetLoadingAction, _this.setLoading)
-                .register(ListSelectedSetItemSelectedAction, _this.setItemSelected)
-                .register(ListSelectedSetItemsSelectedAction, _this.setItemsSelected)
-                .register(ListSelectedLoadAction, _this.load);
-            return _this;
-        }
-        ListSelectedOrchestrator.prototype.setLoading = function (state, action) {
-            return new listBuilderCommon.AsyncItem(state.item, state.lastUpdate, action.loading);
-        };
-        ListSelectedOrchestrator.prototype.load = function (state, action) {
-            var newSelected = new ListSelectedModel();
-            action.items.map(function (s) { return newSelected.selectedIdMap.set(s, true); });
-            return new listBuilderCommon.AsyncItem(Object.assign({}, state.item, newSelected), Date.now(), false);
-        };
-        ListSelectedOrchestrator.prototype.setItemSelected = function (state, action) {
-            var newSelected = this.cloneListSelectedModel(state.item);
-            newSelected.selectedIdMap.set(action.id, action.selected);
-            return new listBuilderCommon.AsyncItem(newSelected, state.lastUpdate, state.loading);
-        };
-        ListSelectedOrchestrator.prototype.setItemsSelected = function (state, action) {
-            var newSelectedIds = action.items || [];
-            var newListSelectedModel = action.refresh
-                ? new ListSelectedModel()
-                : this.cloneListSelectedModel(state.item);
-            if (newSelectedIds instanceof rxjs.Observable) {
-                newSelectedIds.pipe(operators.take(1)).subscribe(function (selectedIds) {
-                    selectedIds.map(function (s) { return newListSelectedModel.selectedIdMap.set(s, action.selected); });
-                });
-            }
-            else {
-                newSelectedIds.map(function (s) { return newListSelectedModel.selectedIdMap.set(s, action.selected); });
-            }
-            return new listBuilderCommon.AsyncItem(newListSelectedModel, state.lastUpdate, state.loading);
-        };
-        ListSelectedOrchestrator.prototype.cloneListSelectedModel = function (source) {
-            var newListItems = new ListSelectedModel();
-            newListItems.selectedIdMap = new Map(source.selectedIdMap);
-            return newListItems;
-        };
-        return ListSelectedOrchestrator;
-    }(ListStateOrchestrator));
-
-    /**
-     * These properties are a work in progress, and we do not recommend using them.
-     */
-    var ListSortLabelModel = /** @class */ (function () {
-        function ListSortLabelModel(data) {
-            /**
-             * Indicates whether to sort all fields.
-             * @default false
-             */
-            this.global = false;
-            /**
-             * Indicates whether to sort in descending order.
-             * @default false
-             */
-            this.descending = false;
-            if (data) {
-                this.text = data.text;
-                this.fieldType = data.fieldType;
-                this.fieldSelector = data.fieldSelector;
-                this.global = data.global;
-                this.descending = data.descending;
-            }
-        }
-        return ListSortLabelModel;
-    }());
-
-    /**
-     * @internal
-     */
-    var ListSortOrchestrator = /** @class */ (function (_super) {
-        __extends(ListSortOrchestrator, _super);
-        /* istanbul ignore next */
-        function ListSortOrchestrator() {
-            var _this = _super.call(this) || this;
-            _this.register(ListSortSetFieldSelectorsAction, _this.setFieldSelectors)
-                .register(ListSortSetAvailableAction, _this.setAvailable)
-                .register(ListSortSetGlobalAction, _this.setGlobal);
-            return _this;
-        }
-        ListSortOrchestrator.prototype.setFieldSelectors = function (state, action) {
-            return new ListSortModel(Object.assign({}, state, { fieldSelectors: action.fieldSelectors }));
-        };
-        ListSortOrchestrator.prototype.setAvailable = function (state, action) {
-            var newAvailable = action.available.map(function (available) { return new ListSortLabelModel(available); });
-            return new ListSortModel(Object.assign({}, state, { available: newAvailable }));
-        };
-        ListSortOrchestrator.prototype.setGlobal = function (state, action) {
-            var newGlobal = action.global.map(function (global) { return new ListSortLabelModel(global); });
-            return new ListSortModel(Object.assign({}, state, { global: newGlobal }));
-        };
-        return ListSortOrchestrator;
-    }(ListStateOrchestrator));
-
-    /**
-     * @internal
-     */
-    var ListToolbarSetTypeAction = /** @class */ (function () {
-        function ListToolbarSetTypeAction(type) {
-            this.type = type;
-        }
-        return ListToolbarSetTypeAction;
-    }());
-
-    /**
-     * @internal
-     */
-    var ListToolbarItemModel = /** @class */ (function () {
-        function ListToolbarItemModel(data) {
-            this.index = -1;
-            if (data) {
-                this.index = data.index;
-                this.template = data.template;
-                this.location = data.location;
-                this.view = data.view;
-                this.id = data.id;
-            }
-        }
-        return ListToolbarItemModel;
-    }());
-
-    /**
-     * @internal
-     */
-    var ListToolbarOrchestrator = /** @class */ (function (_super) {
-        __extends(ListToolbarOrchestrator, _super);
-        /* istanbul ignore next */
-        function ListToolbarOrchestrator() {
-            var _this = _super.call(this) || this;
-            _this.register(ListToolbarSetExistsAction, _this.setExists)
-                .register(ListToolbarItemsDisableAction, _this.setDisabled)
-                .register(ListToolbarItemsLoadAction, _this.load)
-                .register(ListToolbarSetTypeAction, _this.setType)
-                .register(ListToolbarItemsRemoveAction, _this.remove)
-                .register(ListToolbarShowMultiselectToolbarAction, _this.showMultiselectToolbar);
-            return _this;
-        }
-        ListToolbarOrchestrator.prototype.setExists = function (state, action) {
-            var newModel = new ListToolbarModel(state);
-            newModel.exists = action.exists;
-            return newModel;
-        };
-        ListToolbarOrchestrator.prototype.setDisabled = function (state, action) {
-            var newModel = new ListToolbarModel(state);
-            newModel.disabled = action.disable;
-            return newModel;
-        };
-        ListToolbarOrchestrator.prototype.setType = function (state, action) {
-            var newModel = new ListToolbarModel(state);
-            newModel.type = action.type;
-            return newModel;
-        };
-        ListToolbarOrchestrator.prototype.load = function (state, action) {
-            var newModel = new ListToolbarModel(state);
-            var newListItems = action.items.map(function (item) {
-                /**
-                 * NOTE: Originally this function went off the action index and item models did not include
-                 * the index. We changed this but must leave functionality to convert the action index for
-                 * backwards compatibility.
-                 */
-                if (!item.index) {
-                    item.index = action.index;
-                }
-                return new ListToolbarItemModel(item);
-            });
-            var items = __spreadArray(__spreadArray([], __read(state.items)), __read(newListItems));
-            items = items.sort(function (a, b) {
-                if (a.index < b.index) {
-                    return -1;
-                }
-                else if (a.index > b.index) {
-                    return 1;
-                }
-                else {
-                    return 0;
-                }
-            });
-            newModel.items = items;
-            return newModel;
-        };
-        ListToolbarOrchestrator.prototype.remove = function (state, action) {
-            var newModel = new ListToolbarModel(state);
-            newModel.items = newModel.items.filter(function (item) {
-                return action.ids.indexOf(item.id) === -1;
-            });
-            return newModel;
-        };
-        ListToolbarOrchestrator.prototype.showMultiselectToolbar = function (state, action) {
-            var newModel = new ListToolbarModel(state);
-            newModel.showMultiselectToolbar = action.exists;
-            return newModel;
-        };
-        return ListToolbarOrchestrator;
-    }(ListStateOrchestrator));
-
-    /**
-     * @internal
-     */
-    var ListViewsLoadAction = /** @class */ (function () {
-        function ListViewsLoadAction(views) {
-            this.views = views;
-        }
-        return ListViewsLoadAction;
-    }());
-
-    /**
-     * @internal
-     */
-    var ListViewsOrchestrator = /** @class */ (function (_super) {
-        __extends(ListViewsOrchestrator, _super);
-        /* istanbul ignore next */
-        function ListViewsOrchestrator() {
-            var _this = _super.call(this) || this;
-            _this.register(ListViewsSetActiveAction, _this.setActive).register(ListViewsLoadAction, _this.load);
-            return _this;
-        }
-        ListViewsOrchestrator.prototype.setActive = function (state, action) {
-            return new ListViewsModel(Object.assign({}, state, { active: action.view }));
-        };
-        ListViewsOrchestrator.prototype.load = function (state, action) {
-            return new ListViewsModel(Object.assign({}, state, { views: action.views }));
-        };
-        return ListViewsOrchestrator;
-    }(ListStateOrchestrator));
-
-    /**
-     * @internal
-     */
-    var ListState = /** @class */ (function (_super) {
-        __extends(ListState, _super);
-        function ListState(dispatcher) {
-            var _this = _super.call(this, new ListStateModel(), dispatcher) || this;
-            _this.register('filters', ListFiltersOrchestrator)
-                .register('items', ListItemsOrchestrator)
-                .register('paging', ListPagingOrchestrator)
-                .register('search', ListSearchOrchestrator)
-                .register('sort', ListSortOrchestrator)
-                .register('toolbar', ListToolbarOrchestrator)
-                .register('views', ListViewsOrchestrator)
-                .register('selected', ListSelectedOrchestrator)
-                .begin();
-            return _this;
-        }
-        return ListState;
-    }(listBuilderCommon.StateNode));
-    ListState.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: ListState, deps: [{ token: ListStateDispatcher }], target: i0__namespace.ɵɵFactoryTarget.Injectable });
-    ListState.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: ListState });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: ListState, decorators: [{
-                type: i0.Injectable
-            }], ctorParameters: function () { return [{ type: ListStateDispatcher }]; } });
-
-    /**
-     * @internal
-     */
-    var ListViewModel = /** @class */ (function () {
-        function ListViewModel(id, name) {
-            this.id = id;
-            this.name = name;
-        }
-        return ListViewModel;
-    }());
-
-    var idIndex$1 = 0;
-    var SkyListComponent = /** @class */ (function () {
-        function SkyListComponent(state, dispatcher) {
-            this.state = state;
-            this.dispatcher = dispatcher;
-            this.id = "sky-list-cmp-" + ++idIndex$1;
-            /**
-             * Specifies the data to display. The list component requires this property or the
-             * `dataProvider` property. For checklist or multiselect grids, each row requires an
-             * `id` property to manage selected items with the `selectedIds` input and the
-             * `selectedIdsChange` event. If you do not provide an `id`, the list automatically
-             * generates one. To update data in your view outside of a `dataProvider`, you must use
-             * an observable instead of a static array.
-             */
-            this.data = [];
-            /**
-             * Specifies a set of filters to apply to list data.
-             * These filters create a filter summary when the list includes the
-             * [`sky-list-filter-summary`](https://developer.blackbaud.com/skyux/components/list/filters)
-             * component.
-             */
-            this.appliedFilters = [];
-            /**
-             * For list views that support item selection, emits the selected entries.
-             */
-            this.selectedIdsChange = new i0.EventEmitter();
-            /**
-             * Emits the filters applied to the list.
-             */
-            this.appliedFiltersChange = new i0.EventEmitter();
-            this.dataFirstLoad = false;
-            this.lastSelectedIds = [];
-            this.lastFilters = [];
-            this.ngUnsubscribe = new rxjs.Subject();
-        }
-        SkyListComponent.prototype.ngAfterContentInit = function () {
-            var _this = this;
-            if (this.data && this.dataProvider && this.initialTotal) {
-                this.dataFirstLoad = true;
-            }
-            if (this.listViews.length > 0) {
-                var defaultView = this.defaultView === undefined
-                    ? this.listViews.first
-                    : this.defaultView;
-                this.dispatcher.next(new ListViewsLoadAction(this.listViews.map(function (v) { return new ListViewModel(v.id, v.label); })));
-                // activate the default view
-                this.dispatcher.next(new ListViewsSetActiveAction(defaultView.id));
-            }
-            else {
-                return;
-            }
-            // set sort fields
-            listBuilderCommon.getValue(this.sortFields, function (sortFields) {
-                var sortArray;
-                if (!Array.isArray(sortFields) && sortFields) {
-                    sortArray = [sortFields];
-                }
-                else {
-                    sortArray = sortFields;
-                }
-                _this.dispatcher.next(new ListSortSetFieldSelectorsAction(sortArray || []));
-            });
-            this.displayedItems.subscribe(function (result) {
-                _this.dispatcher.next(new ListItemsSetLoadingAction());
-                _this.dispatcher.next(new ListItemsLoadAction(result.items, true, true, result.count));
-            });
-            // Watch for selection changes.
-            this.state
-                .pipe(operators.map(function (current) { return current.selected; }), operators.takeUntil(this.ngUnsubscribe), operators.distinctUntilChanged())
-                .subscribe(function (selected) {
-                // Update lastSelectedIds to help us retain user selections.
-                var selectedIdsList = [];
-                selected.item.selectedIdMap.forEach(function (value, key) {
-                    if (value === true) {
-                        selectedIdsList.push(key);
-                    }
-                });
-                // If changes are distinct, emit selectedIdsChange.
-                var distinctChanges = !_this.arraysEqual(_this.lastSelectedIds, selectedIdsList);
-                if (_this.selectedIdsChange.observers.length > 0 && distinctChanges) {
-                    _this.selectedIdsChange.emit(selected.item.selectedIdMap);
-                }
-                _this.lastSelectedIds = selectedIdsList;
-            });
-            if (this.appliedFiltersChange.observers.length > 0) {
-                this.state
-                    .pipe(operators.map(function (current) { return current.filters; }), operators.takeUntil(this.ngUnsubscribe), operators.skip(1))
-                    .subscribe(function (filters) {
-                    /**
-                     * We are doing this instead of a distinctUntilChange due to memory allocation issues
-                     * with the javascript array. To fix fully the array should be changed to an object in
-                     * a breaking change.
-                     */
-                    if (!_this.arraysEqual(filters, _this.lastFilters)) {
-                        _this.lastFilters = filters.slice(0);
-                        _this.appliedFiltersChange.emit(filters);
-                    }
-                });
-            }
-        };
-        SkyListComponent.prototype.ngOnChanges = function (changes) {
-            var _this = this;
-            if (changes['appliedFilters'] &&
-                changes['appliedFilters'].currentValue !==
-                    changes['appliedFilters'].previousValue) {
-                this.state.pipe(operators.take(1)).subscribe(function (currentState) {
-                    if (currentState.paging.pageNumber &&
-                        currentState.paging.pageNumber !== 1) {
-                        _this.dispatcher.next(new ListPagingSetPageNumberAction(Number(1)));
-                    }
-                    _this.dispatcher.filtersUpdate(_this.appliedFilters);
-                });
-            }
-            if (changes['selectedIds']) {
-                // Only send selection changes to dispatcher if changes are distinct.
-                var newSelectedIds = changes['selectedIds'].currentValue;
-                if (!this.arraysEqual(newSelectedIds, this.lastSelectedIds)) {
-                    this.dispatcher.setSelected(newSelectedIds, true, true);
-                }
-            }
-        };
-        SkyListComponent.prototype.ngOnDestroy = function () {
-            this.ngUnsubscribe.next();
-            this.ngUnsubscribe.complete();
-        };
-        SkyListComponent.prototype.refreshDisplayedItems = function () {
-            var _this = this;
-            this.displayedItems.pipe(operators.take(1)).subscribe(function (result) {
-                _this.dispatcher.next(new ListItemsSetLoadingAction());
-                _this.dispatcher.next(new ListItemsLoadAction(result.items, true, true, result.count));
-            });
-        };
-        Object.defineProperty(SkyListComponent.prototype, "displayedItems", {
-            get: function () {
-                var _this = this;
-                if (!this.data && !this.dataProvider) {
-                    throw new Error('List requires data or dataProvider to be set.');
-                }
-                var data = this.data;
-                if (!listBuilderCommon.isObservable(data)) {
-                    data = rxjs.of(this.data);
-                }
-                if (!this.dataProvider) {
-                    this.dataProvider = new SkyListInMemoryDataProvider(data, this.searchFunction);
-                }
-                var selectedIds = this.selectedIds || rxjs.of([]);
-                if (!listBuilderCommon.isObservable(selectedIds)) {
-                    selectedIds = rxjs.of(selectedIds);
-                }
-                var selectedChanged = false;
-                // This subject is used to cancel previous request to the list's data provider when a new change
-                // to the list's state occurs. In a future breaking change this should be replaced or coupled
-                // with adding a debounce time to the Observable which watches for state changes.
-                var cancelLastRequest = new rxjs.Subject();
-                return rxjs.combineLatest([
-                    this.state.pipe(operators.map(function (s) { return s.filters; }), operators.distinctUntilChanged()),
-                    this.state.pipe(operators.map(function (s) { return s.search; }), operators.distinctUntilChanged()),
-                    this.state.pipe(operators.map(function (s) { return s.sort.fieldSelectors; }), operators.distinctUntilChanged()),
-                    this.state.pipe(operators.map(function (s) { return s.paging.itemsPerPage; }), operators.distinctUntilChanged()),
-                    this.state.pipe(operators.map(function (s) { return s.paging.pageNumber; }), operators.distinctUntilChanged()),
-                    this.state.pipe(operators.map(function (s) { return s.toolbar.disabled; }), operators.distinctUntilChanged()),
-                    selectedIds.pipe(operators.distinctUntilChanged(), operators.map(function (selected) {
-                        selectedChanged = true;
-                        return selected;
-                    })),
-                    data.pipe(operators.distinctUntilChanged()),
-                ], function (filters, search, sortFieldSelectors, itemsPerPage, pageNumber, isToolbarDisabled, selected, itemsData) {
-                    cancelLastRequest.next();
-                    cancelLastRequest.complete();
-                    if (selectedChanged) {
-                        _this.dispatcher.next(new ListSelectedSetLoadingAction());
-                        _this.dispatcher.next(new ListSelectedLoadAction(selected));
-                        _this.dispatcher.next(new ListSelectedSetLoadingAction(false));
-                        selectedChanged = false;
-                    }
-                    var response;
-                    if (_this.dataFirstLoad) {
-                        _this.dataFirstLoad = false;
-                        var initialItems = itemsData.map(function (d) { return new listBuilderCommon.ListItemModel(d.id || "sky-list-item-model-" + ++idIndex$1, d); });
-                        response = rxjs.of(new ListDataResponseModel({
-                            count: _this.initialTotal,
-                            items: initialItems,
-                        })).pipe(operators.takeUntil(cancelLastRequest));
-                    }
-                    else {
-                        response = _this.dataProvider
-                            .get(new ListDataRequestModel({
-                            filters: filters,
-                            pageSize: itemsPerPage,
-                            pageNumber: pageNumber,
-                            search: search,
-                            sort: new ListSortModel({ fieldSelectors: sortFieldSelectors }),
-                            isToolbarDisabled: isToolbarDisabled,
-                        }))
-                            .pipe(operators.takeUntil(cancelLastRequest));
-                    }
-                    return response;
-                }).pipe(operators.takeUntil(this.ngUnsubscribe), 
-                // Retain user selections from previous state.
-                // This is only necessary for grids component (based on item.isSelected).
-                operators.map(function (response) {
-                    return response.pipe(operators.map(function (listDataResponseModel) {
-                        return new ListDataResponseModel({
-                            count: listDataResponseModel.count,
-                            items: _this.getItemsAndRetainSelections(listDataResponseModel.items, _this.lastSelectedIds),
-                        });
-                    }));
-                }), operators.flatMap(function (value) { return value; }));
-            },
-            enumerable: false,
-            configurable: true
-        });
-        Object.defineProperty(SkyListComponent.prototype, "selectedItems", {
-            get: function () {
-                return rxjs.combineLatest(this.state.pipe(operators.map(function (current) { return current.items.items; }), operators.distinctUntilChanged()), this.state.pipe(operators.map(function (current) { return current.selected; }), operators.distinctUntilChanged()), function (items, selected) {
-                    return items.filter(function (i) { return selected.item.selectedIdMap.get(i.id); });
-                }).pipe(operators.takeUntil(this.ngUnsubscribe));
-            },
-            enumerable: false,
-            configurable: true
-        });
-        Object.defineProperty(SkyListComponent.prototype, "lastUpdate", {
-            get: function () {
-                return this.state.pipe(operators.takeUntil(this.ngUnsubscribe), operators.map(function (s) { return s.items.lastUpdate ? new Date(s.items.lastUpdate) : undefined; }));
-            },
-            enumerable: false,
-            configurable: true
-        });
-        Object.defineProperty(SkyListComponent.prototype, "views", {
-            get: function () {
-                return this.listViews.toArray();
-            },
-            enumerable: false,
-            configurable: true
-        });
-        Object.defineProperty(SkyListComponent.prototype, "itemCount", {
-            get: function () {
-                return this.dataProvider.count();
-            },
-            enumerable: false,
-            configurable: true
-        });
-        SkyListComponent.prototype.getItemsAndRetainSelections = function (newList, selectedIds) {
-            var updatedListModel = newList.slice();
-            updatedListModel.forEach(function (item) {
-                item.isSelected = selectedIds.indexOf(item.id) > -1 ? true : false;
-            });
-            return updatedListModel;
-        };
-        SkyListComponent.prototype.arraysEqual = function (arrayA, arrayB) {
-            /* istanbul ignore next */
-            if (arrayA === arrayB) {
-                return true;
-            }
-            if (arrayA === undefined || arrayB === undefined) {
-                return false;
-            }
-            if (arrayA.length !== arrayB.length) {
-                return false;
-            }
-            for (var i = 0; i < arrayA.length; ++i) {
-                if (arrayA[i] !== arrayB[i]) {
-                    return false;
-                }
-            }
-            return true;
-        };
-        return SkyListComponent;
-    }());
-    SkyListComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyListComponent, deps: [{ token: ListState }, { token: ListStateDispatcher }], target: i0__namespace.ɵɵFactoryTarget.Component });
-    SkyListComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: SkyListComponent, selector: "sky-list", inputs: { data: "data", dataProvider: "dataProvider", defaultView: "defaultView", initialTotal: "initialTotal", selectedIds: "selectedIds", sortFields: "sortFields", appliedFilters: "appliedFilters", searchFunction: ["search", "searchFunction"] }, outputs: { selectedIdsChange: "selectedIdsChange", appliedFiltersChange: "appliedFiltersChange" }, providers: [ListState, ListStateDispatcher], queries: [{ propertyName: "listViews", predicate: ListViewComponent }], usesOnChanges: true, ngImport: i0__namespace, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyListComponent, decorators: [{
-                type: i0.Component,
-                args: [{
-                        selector: 'sky-list',
-                        template: '<ng-content></ng-content>',
-                        providers: [ListState, ListStateDispatcher],
-                        changeDetection: i0.ChangeDetectionStrategy.OnPush,
-                    }]
-            }], ctorParameters: function () { return [{ type: ListState }, { type: ListStateDispatcher }]; }, propDecorators: { data: [{
-                    type: i0.Input
-                }], dataProvider: [{
-                    type: i0.Input
-                }], defaultView: [{
-                    type: i0.Input
-                }], initialTotal: [{
-                    type: i0.Input
-                }], selectedIds: [{
-                    type: i0.Input
-                }], sortFields: [{
-                    type: i0.Input
-                }], appliedFilters: [{
-                    type: i0.Input
-                }], selectedIdsChange: [{
-                    type: i0.Output
-                }], appliedFiltersChange: [{
-                    type: i0.Output
-                }], searchFunction: [{
-                    type: i0.Input,
-                    args: ['search']
-                }], listViews: [{
-                    type: i0.ContentChildren,
-                    args: [ListViewComponent]
-                }] } });
-
-    var SkyListModule = /** @class */ (function () {
-        function SkyListModule() {
-        }
-        return SkyListModule;
-    }());
-    SkyListModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyListModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
-    SkyListModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyListModule, declarations: [SkyListComponent], imports: [i4.CommonModule], exports: [SkyListComponent] });
-    SkyListModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyListModule, imports: [[i4.CommonModule]] });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyListModule, decorators: [{
-                type: i0.NgModule,
-                args: [{
-                        declarations: [SkyListComponent],
-                        imports: [i4.CommonModule],
-                        exports: [SkyListComponent],
-                    }]
-            }] });
-
-    var ListFilterModel = /** @class */ (function () {
-        function ListFilterModel(data) {
-            /**
-             * Indicates whether users can dismiss the filter's summary item.
-             * @default true
-             */
-            this.dismissible = true;
-            if (data) {
-                this.name = data.name;
-                this.label = data.label;
-                this.filterFunction = data.filterFunction;
-                this.value = data.value;
-                this.dismissible = data.dismissible;
-                this.defaultValue = data.defaultValue;
-            }
-        }
-        return ListFilterModel;
-    }());
-
-    /**
-     * @internal
-     */
-    var SkyListFilterInlineModel = /** @class */ (function () {
-        function SkyListFilterInlineModel(data) {
-            this.onChange = new i0.EventEmitter();
-            if (data) {
-                this.name = data.name;
-                this.filterFunction = data.filterFunction;
-                this.value = data.value;
-                this.template = data.template;
-                this.defaultValue = data.defaultValue;
-            }
-        }
-        SkyListFilterInlineModel.prototype.changed = function (value) {
-            this.value = value;
-            this.onChange.emit(value);
-        };
-        return SkyListFilterInlineModel;
-    }());
-
-    /**
-     * Contains a filter button for the list toolbar. Place a
-     * [`sky-filter-button`](https://developer.blackbaud.com/skyux/components/filter)
-     * component inside this component to open a modal with filtering options.
-     * To apply filter options, use the
-     * [list component's](https://developer.blackbaud.com/skyux/components/list/overview#list-properties)
-     * `appliedFilters` property.
-     */
-    var SkyListFilterButtonComponent = /** @class */ (function () {
-        function SkyListFilterButtonComponent(dispatcher) {
-            this.dispatcher = dispatcher;
-            this.filterButtonItemToolbarIndex = 5000;
-        }
-        SkyListFilterButtonComponent.prototype.ngAfterViewInit = function () {
-            this.dispatcher.toolbarAddItems([
-                new ListToolbarItemModel({
-                    template: this.filterButtonTemplate,
-                    location: 'left',
-                    index: this.filterButtonItemToolbarIndex,
-                }),
-            ]);
-        };
-        return SkyListFilterButtonComponent;
-    }());
-    SkyListFilterButtonComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyListFilterButtonComponent, deps: [{ token: ListStateDispatcher }], target: i0__namespace.ɵɵFactoryTarget.Component });
-    SkyListFilterButtonComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: SkyListFilterButtonComponent, selector: "sky-list-filter-button", viewQueries: [{ propertyName: "filterButtonTemplate", first: true, predicate: ["filterButton"], descendants: true, read: i0.TemplateRef, static: true }], ngImport: i0__namespace, template: "<ng-template #filterButton>\n  <ng-content></ng-content>\n</ng-template>\n" });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyListFilterButtonComponent, decorators: [{
-                type: i0.Component,
-                args: [{
-                        selector: 'sky-list-filter-button',
-                        template: "<ng-template #filterButton>\n  <ng-content></ng-content>\n</ng-template>\n",
-                    }]
-            }], ctorParameters: function () { return [{ type: ListStateDispatcher }]; }, propDecorators: { filterButtonTemplate: [{
-                    type: i0.ViewChild,
-                    args: ['filterButton', {
-                            read: i0.TemplateRef,
-                            static: true,
-                        }]
-                }] } });
-
-    /**
-     * @internal
-     */
-    var SkyListFilterInlineItemRendererComponent = /** @class */ (function () {
-        function SkyListFilterInlineItemRendererComponent() {
-        }
-        SkyListFilterInlineItemRendererComponent.prototype.ngOnInit = function () {
-            /* istanbul ignore else */
-            /* sanity check */
-            if (this.template !== undefined) {
-                this.container.createEmbeddedView(this.template, this);
-            }
-        };
-        return SkyListFilterInlineItemRendererComponent;
-    }());
-    SkyListFilterInlineItemRendererComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyListFilterInlineItemRendererComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
-    SkyListFilterInlineItemRendererComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: SkyListFilterInlineItemRendererComponent, selector: "sky-list-filter-inline-item-renderer", inputs: { template: "template", filter: "filter" }, viewQueries: [{ propertyName: "container", first: true, predicate: ["container"], descendants: true, read: i0.ViewContainerRef, static: true }], ngImport: i0__namespace, template: '<ng-template #container></ng-template>', isInline: true });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyListFilterInlineItemRendererComponent, decorators: [{
-                type: i0.Component,
-                args: [{
-                        selector: 'sky-list-filter-inline-item-renderer',
-                        template: '<ng-template #container></ng-template>',
-                    }]
-            }], propDecorators: { template: [{
-                    type: i0.Input
-                }], filter: [{
-                    type: i0.Input
-                }], container: [{
-                    type: i0.ViewChild,
-                    args: ['container', {
-                            read: i0.ViewContainerRef,
-                            static: true,
-                        }]
-                }] } });
-
-    /**
-     * Creates a filter in the list's inline filter area.
-     */
-    var SkyListFilterInlineItemComponent = /** @class */ (function () {
-        function SkyListFilterInlineItemComponent() {
-            this.onChange = new i0.EventEmitter();
-        }
-        SkyListFilterInlineItemComponent.prototype.ngOnInit = function () {
-            if (this.name === undefined || this.name.length === 0) {
-                throw new Error('Inline filter requires a name.');
-            }
-        };
-        Object.defineProperty(SkyListFilterInlineItemComponent.prototype, "template", {
-            get: function () {
-                return this.templates.length > 0
-                    ? this.templates.first
-                    : this.templateInput;
-            },
-            enumerable: false,
-            configurable: true
-        });
-        return SkyListFilterInlineItemComponent;
-    }());
-    SkyListFilterInlineItemComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyListFilterInlineItemComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
-    SkyListFilterInlineItemComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: SkyListFilterInlineItemComponent, selector: "sky-list-filter-inline-item", inputs: { name: "name", value: "value", defaultValue: "defaultValue", filterFunction: ["filter", "filterFunction"], templateInput: ["template", "templateInput"] }, queries: [{ propertyName: "templates", predicate: i0.TemplateRef }], ngImport: i0__namespace, template: '<ng-content></ng-content>', isInline: true });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyListFilterInlineItemComponent, decorators: [{
-                type: i0.Component,
-                args: [{
-                        selector: 'sky-list-filter-inline-item',
-                        template: '<ng-content></ng-content>',
-                    }]
-            }], propDecorators: { name: [{
-                    type: i0.Input
-                }], value: [{
-                    type: i0.Input
-                }], defaultValue: [{
-                    type: i0.Input
-                }], filterFunction: [{
-                    type: i0.Input,
-                    args: ['filter']
-                }], templateInput: [{
-                    type: i0.Input,
-                    args: ['template']
-                }], templates: [{
-                    type: i0.ContentChildren,
-                    args: [i0.TemplateRef]
-                }] } });
-
-    /**
-     * Creates an inline filter area for the list. Place each filter
-     * in a `sky-list-filter-inline-item` component.
-     */
-    var SkyListFilterInlineComponent = /** @class */ (function () {
-        function SkyListFilterInlineComponent(dispatcher, state) {
-            this.dispatcher = dispatcher;
-            this.state = state;
-            this.inlineFilters = [];
-        }
-        SkyListFilterInlineComponent.prototype.ngAfterContentInit = function () {
-            var _this = this;
-            this.inlineFilters = this.filters.map(function (filter) {
-                return new SkyListFilterInlineModel({
-                    name: filter.name,
-                    filterFunction: filter.filterFunction,
-                    template: filter.template,
-                    value: filter.value,
-                    defaultValue: filter.defaultValue,
-                });
-            });
-            this.inlineFilters.forEach(function (filter) {
-                filter.onChange.subscribe(function (value) {
-                    _this.applyFilters();
-                });
-            });
-            this.dispatcher.filtersUpdate(this.getFilterModelFromInline(this.inlineFilters));
-        };
-        SkyListFilterInlineComponent.prototype.applyFilters = function () {
-            var _this = this;
-            this.state.pipe(operators.take(1)).subscribe(function (currentState) {
-                if (currentState.paging.pageNumber &&
-                    currentState.paging.pageNumber !== 1) {
-                    _this.dispatcher.next(new ListPagingSetPageNumberAction(Number(1)));
-                }
-                _this.dispatcher.filtersUpdate(_this.getFilterModelFromInline(_this.inlineFilters));
-            });
-        };
-        SkyListFilterInlineComponent.prototype.getFilterModelFromInline = function (inlineFilters) {
-            return inlineFilters.map(function (filter) {
-                return new ListFilterModel({
-                    name: filter.name,
-                    value: filter.value,
-                    filterFunction: filter.filterFunction,
-                    defaultValue: filter.defaultValue,
-                });
-            });
-        };
-        return SkyListFilterInlineComponent;
-    }());
-    SkyListFilterInlineComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyListFilterInlineComponent, deps: [{ token: ListStateDispatcher }, { token: ListState }], target: i0__namespace.ɵɵFactoryTarget.Component });
-    SkyListFilterInlineComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: SkyListFilterInlineComponent, selector: "sky-list-filter-inline", queries: [{ propertyName: "filters", predicate: SkyListFilterInlineItemComponent }], ngImport: i0__namespace, template: "<ng-content></ng-content>\n\n<sky-filter-inline>\n  <sky-filter-inline-item *ngFor=\"let filter of inlineFilters\">\n    <sky-list-filter-inline-item-renderer\n      [template]=\"filter.template\"\n      [filter]=\"filter\"\n    >\n    </sky-list-filter-inline-item-renderer>\n  </sky-filter-inline-item>\n</sky-filter-inline>\n", components: [{ type: i3__namespace.λ2, selector: "sky-filter-inline" }, { type: i3__namespace.λ3, selector: "sky-filter-inline-item" }, { type: SkyListFilterInlineItemRendererComponent, selector: "sky-list-filter-inline-item-renderer", inputs: ["template", "filter"] }], directives: [{ type: i4__namespace.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }] });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyListFilterInlineComponent, decorators: [{
-                type: i0.Component,
-                args: [{
-                        selector: 'sky-list-filter-inline',
-                        template: "<ng-content></ng-content>\n\n<sky-filter-inline>\n  <sky-filter-inline-item *ngFor=\"let filter of inlineFilters\">\n    <sky-list-filter-inline-item-renderer\n      [template]=\"filter.template\"\n      [filter]=\"filter\"\n    >\n    </sky-list-filter-inline-item-renderer>\n  </sky-filter-inline-item>\n</sky-filter-inline>\n",
-                    }]
-            }], ctorParameters: function () { return [{ type: ListStateDispatcher }, { type: ListState }]; }, propDecorators: { filters: [{
-                    type: i0.ContentChildren,
-                    args: [SkyListFilterInlineItemComponent]
-                }] } });
-
-    /**
-     * Creates a filter summary based on the
-     * [list component's](https://developer.blackbaud.com/skyux/components/list/overview#list-properties)
-     * `appliedFilters` property. Place this component within the
-     * [`sky-list-toolbar`](https://developer.blackbaud.com/skyux/components/list/toolbar) component.
-     */
-    var SkyListFilterSummaryComponent = /** @class */ (function () {
-        function SkyListFilterSummaryComponent(state, dispatcher) {
-            this.state = state;
-            this.dispatcher = dispatcher;
-            /**
-             * Emits a `ListFilterModel` when users select a summary item. A common use case is
-             * to open a filter modal when this event is received.
-             */
-            this.summaryItemClick = new i0.EventEmitter();
-        }
-        SkyListFilterSummaryComponent.prototype.ngAfterContentInit = function () {
-            var _this = this;
-            // The setTimeout here is to ensure we avoid any ExpressionChangedAfterItHasBeenCheckedError issues.
-            setTimeout(function () {
-                _this.appliedFilters = _this.state.pipe(operators.map(function (state) {
-                    return state.filters.filter(function (filter) {
-                        return (filter.value !== '' &&
-                            filter.value !== undefined &&
-                            filter.value !== false &&
-                            filter.value !== filter.defaultValue);
-                    });
-                }));
-            });
-        };
-        SkyListFilterSummaryComponent.prototype.filterSummaryItemDismiss = function (index) {
-            var _this = this;
-            this.appliedFilters.pipe(operators.take(1)).subscribe(function (filters) {
-                filters.splice(index, 1);
-                _this.dispatcher.filtersUpdate(filters.slice());
-            });
-        };
-        SkyListFilterSummaryComponent.prototype.filterSummaryItemClick = function (item) {
-            this.summaryItemClick.emit(item);
-        };
-        return SkyListFilterSummaryComponent;
-    }());
-    SkyListFilterSummaryComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyListFilterSummaryComponent, deps: [{ token: ListState }, { token: ListStateDispatcher }], target: i0__namespace.ɵɵFactoryTarget.Component });
-    SkyListFilterSummaryComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: SkyListFilterSummaryComponent, selector: "sky-list-filter-summary", outputs: { summaryItemClick: "summaryItemClick" }, ngImport: i0__namespace, template: "<sky-filter-summary>\n  <sky-filter-summary-item\n    *ngFor=\"let item of appliedFilters | async; let i = index\"\n    (dismiss)=\"filterSummaryItemDismiss(i)\"\n    (itemClick)=\"filterSummaryItemClick(item)\"\n    [dismissible]=\"item.dismissible\"\n  >\n    {{ item.label || item.value }}\n  </sky-filter-summary-item>\n</sky-filter-summary>\n", components: [{ type: i3__namespace.λ5, selector: "sky-filter-summary" }, { type: i3__namespace.λ4, selector: "sky-filter-summary-item", inputs: ["dismissible"], outputs: ["dismiss", "itemClick"] }], directives: [{ type: i4__namespace.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }], pipes: { "async": i4__namespace.AsyncPipe } });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyListFilterSummaryComponent, decorators: [{
-                type: i0.Component,
-                args: [{
-                        selector: 'sky-list-filter-summary',
-                        template: "<sky-filter-summary>\n  <sky-filter-summary-item\n    *ngFor=\"let item of appliedFilters | async; let i = index\"\n    (dismiss)=\"filterSummaryItemDismiss(i)\"\n    (itemClick)=\"filterSummaryItemClick(item)\"\n    [dismissible]=\"item.dismissible\"\n  >\n    {{ item.label || item.value }}\n  </sky-filter-summary-item>\n</sky-filter-summary>\n",
-                    }]
-            }], ctorParameters: function () { return [{ type: ListState }, { type: ListStateDispatcher }]; }, propDecorators: { summaryItemClick: [{
-                    type: i0.Output
-                }] } });
-
-    var SkyListFiltersModule = /** @class */ (function () {
-        function SkyListFiltersModule() {
-        }
-        return SkyListFiltersModule;
-    }());
-    SkyListFiltersModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyListFiltersModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
-    SkyListFiltersModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyListFiltersModule, declarations: [SkyListFilterButtonComponent,
-            SkyListFilterSummaryComponent,
-            SkyListFilterInlineItemComponent,
-            SkyListFilterInlineComponent,
-            SkyListFilterInlineItemRendererComponent], imports: [i4.CommonModule, i3.SkyFilterModule], exports: [SkyListFilterButtonComponent,
-            SkyListFilterSummaryComponent,
-            SkyListFilterInlineItemComponent,
-            SkyListFilterInlineComponent] });
-    SkyListFiltersModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyListFiltersModule, imports: [[i4.CommonModule, i3.SkyFilterModule]] });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyListFiltersModule, decorators: [{
-                type: i0.NgModule,
-                args: [{
-                        declarations: [
-                            SkyListFilterButtonComponent,
-                            SkyListFilterSummaryComponent,
-                            SkyListFilterInlineItemComponent,
-                            SkyListFilterInlineComponent,
-                            SkyListFilterInlineItemRendererComponent,
-                        ],
-                        imports: [i4.CommonModule, i3.SkyFilterModule],
-                        exports: [
-                            SkyListFilterButtonComponent,
-                            SkyListFilterSummaryComponent,
-                            SkyListFilterInlineItemComponent,
-                            SkyListFilterInlineComponent,
-                        ],
-                    }]
-            }] });
-
-    /**
-     * Provides a SKY UX-themed pagination control to display list data across multiple pages.
-     * @internal
-     */
-    var ListPagingComponent = /** @class */ (function () {
-        function ListPagingComponent(state, dispatcher) {
-            this.initialized = new rxjs.BehaviorSubject(false);
-            this.state = state;
-            this.dispatcher = dispatcher;
-        }
-        return ListPagingComponent;
-    }());
-
-    /* istanbul ignore next */
-    var listPagingComponentRef = i0.forwardRef(function () { return SkyListPagingComponent; });
-    /**
-     * Displays a pagination control for a SKY UX-themed list of data.
-     */
-    var SkyListPagingComponent = /** @class */ (function (_super) {
-        __extends(SkyListPagingComponent, _super);
-        function SkyListPagingComponent(state, dispatcher) {
-            var _this = _super.call(this, state, dispatcher) || this;
-            /**
-             * Specifies the number of list items per page.
-             * @default 10
-             */
-            _this.pageSize = 10;
-            /**
-             * Specifies the maximum pages to display.
-             * @default 5
-             */
-            _this.maxPages = 5;
-            /**
-             * Specifies the current page number.
-             * @default 1
-             */
-            _this.pageNumber = 1;
-            return _this;
-        }
-        SkyListPagingComponent.prototype.ngOnInit = function () {
-            var _this = this;
-            this.currentPageNumber = this.state.pipe(operators.map(function (s) { return s.paging.pageNumber; }));
-            this.maxDisplayedPages = this.state.pipe(operators.map(function (s) { return s.paging.maxDisplayedPages; }));
-            this.itemsPerPage = this.state.pipe(operators.map(function (s) { return s.paging.itemsPerPage; }));
-            this.itemCount = this.state.pipe(operators.map(function (s) {
-                return s.items;
-            }), operators.scan(function (previousValue, newValue) {
-                if (previousValue.lastUpdate > newValue.lastUpdate) {
-                    return previousValue;
-                }
-                else {
-                    return newValue;
-                }
-            }), operators.map(function (result) {
-                return result.count;
-            }), operators.distinctUntilChanged());
-            // subscribe to or use inputs
-            listBuilderCommon.getValue(this.pageSize, function (pageSize) { return _this.dispatcher.next(new ListPagingSetItemsPerPageAction(Number(pageSize))); });
-            listBuilderCommon.getValue(this.maxPages, function (maxPages) { return _this.dispatcher.next(new ListPagingSetMaxPagesAction(Number(maxPages))); });
-            listBuilderCommon.getValue(this.pageNumber, function (pageNumber) { return _this.dispatcher.next(new ListPagingSetPageNumberAction(Number(pageNumber))); });
-        };
-        SkyListPagingComponent.prototype.pageChange = function (currentPage) {
-            var _this = this;
-            // Paging must be updated after list data has been updated.
-            // Adding a setTimeout will pull it out of the stream.
-            setTimeout(function () {
-                _this.dispatcher.next(new ListPagingSetPageNumberAction(Number(currentPage)));
-            });
-        };
-        return SkyListPagingComponent;
-    }(ListPagingComponent));
-    SkyListPagingComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyListPagingComponent, deps: [{ token: ListState }, { token: ListStateDispatcher }], target: i0__namespace.ɵɵFactoryTarget.Component });
-    SkyListPagingComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: SkyListPagingComponent, selector: "sky-list-paging", inputs: { pageSize: "pageSize", maxPages: "maxPages", pageNumber: "pageNumber" }, providers: [
-            { provide: ListPagingComponent, useExisting: listPagingComponentRef },
-        ], usesInheritance: true, ngImport: i0__namespace, template: "<sky-paging\n  [pageSize]=\"itemsPerPage | async\"\n  [maxPages]=\"maxDisplayedPages | async\"\n  [currentPage]=\"currentPageNumber | async\"\n  [itemCount]=\"itemCount | async\"\n  (currentPageChange)=\"pageChange($event)\"\n>\n</sky-paging>\n", components: [{ type: i3__namespace.λ7, selector: "sky-paging", inputs: ["currentPage", "itemCount", "maxPages", "pageSize", "pagingLabel"], outputs: ["currentPageChange"] }], pipes: { "async": i4__namespace.AsyncPipe }, changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyListPagingComponent, decorators: [{
-                type: i0.Component,
-                args: [{
-                        selector: 'sky-list-paging',
-                        template: "<sky-paging\n  [pageSize]=\"itemsPerPage | async\"\n  [maxPages]=\"maxDisplayedPages | async\"\n  [currentPage]=\"currentPageNumber | async\"\n  [itemCount]=\"itemCount | async\"\n  (currentPageChange)=\"pageChange($event)\"\n>\n</sky-paging>\n",
-                        providers: [
-                            { provide: ListPagingComponent, useExisting: listPagingComponentRef },
-                        ],
-                        changeDetection: i0.ChangeDetectionStrategy.OnPush,
-                    }]
-            }], ctorParameters: function () { return [{ type: ListState }, { type: ListStateDispatcher }]; }, propDecorators: { pageSize: [{
-                    type: i0.Input
-                }], maxPages: [{
-                    type: i0.Input
-                }], pageNumber: [{
-                    type: i0.Input
-                }] } });
-
-    var SkyListPagingModule = /** @class */ (function () {
-        function SkyListPagingModule() {
-        }
-        return SkyListPagingModule;
-    }());
-    SkyListPagingModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyListPagingModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
-    SkyListPagingModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyListPagingModule, declarations: [SkyListPagingComponent], imports: [i4.CommonModule, i3.SkyPagingModule], exports: [SkyListPagingComponent] });
-    SkyListPagingModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyListPagingModule, imports: [[i4.CommonModule, i3.SkyPagingModule]] });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyListPagingModule, decorators: [{
-                type: i0.NgModule,
-                args: [{
-                        declarations: [SkyListPagingComponent],
-                        imports: [i4.CommonModule, i3.SkyPagingModule],
-                        exports: [SkyListPagingComponent],
-                    }]
-            }] });
-
-    /**
-     * NOTICE: DO NOT MODIFY THIS FILE!
-     * The contents of this file were automatically generated by
-     * the 'ng generate @skyux/i18n:lib-resources-module lib/modules/shared/sky-list-builder' schematic.
-     * To update this file, simply rerun the command.
-     */
-    var RESOURCES = {
-        'EN-US': {
-            skyux_list_show_secondary_actions_button: { message: 'More' },
-            skyux_list_multiselect_clear_all: { message: 'Clear all' },
-            skyux_list_mutliselect_select_all: { message: 'Select all' },
-            skyux_list_mutliselect_show_selected: {
-                message: 'Only show selected items',
-            },
-            skyux_list_view_switcher_dropdown_title: { message: 'Select view' },
-        },
-    };
-    var SkyListBuilderResourcesProvider = /** @class */ (function () {
-        function SkyListBuilderResourcesProvider() {
-        }
-        SkyListBuilderResourcesProvider.prototype.getString = function (localeInfo, name) {
-            return i5.getLibStringForLocale(RESOURCES, localeInfo.locale, name);
-        };
-        return SkyListBuilderResourcesProvider;
-    }());
-    /**
-     * Import into any component library module that needs to use resource strings.
-     */
-    var SkyListBuilderResourcesModule = /** @class */ (function () {
-        function SkyListBuilderResourcesModule() {
-        }
-        return SkyListBuilderResourcesModule;
-    }());
-    SkyListBuilderResourcesModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyListBuilderResourcesModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
-    SkyListBuilderResourcesModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyListBuilderResourcesModule, exports: [i5.SkyI18nModule] });
-    SkyListBuilderResourcesModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyListBuilderResourcesModule, providers: [
-            {
-                provide: i5.SKY_LIB_RESOURCES_PROVIDERS,
-                useClass: SkyListBuilderResourcesProvider,
-                multi: true,
-            },
-        ], imports: [i5.SkyI18nModule] });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyListBuilderResourcesModule, decorators: [{
-                type: i0.NgModule,
-                args: [{
-                        exports: [i5.SkyI18nModule],
-                        providers: [
-                            {
-                                provide: i5.SKY_LIB_RESOURCES_PROVIDERS,
-                                useClass: SkyListBuilderResourcesProvider,
-                                multi: true,
-                            },
-                        ],
-                    }]
-            }] });
-
-    /**
-     * @internal
-     */
-    var SkyListSecondaryActionsService = /** @class */ (function () {
-        function SkyListSecondaryActionsService() {
-            this.secondaryActionsCount = 0;
-            this.secondaryActionsSubject = new rxjs.BehaviorSubject(0);
-            this.actionsStream = new rxjs.BehaviorSubject([]);
-            this.actions = [];
-        }
-        SkyListSecondaryActionsService.prototype.addSecondaryAction = function (action) {
-            this.secondaryActionsCount++;
-            this.secondaryActionsSubject.next(this.secondaryActionsCount);
-            this.actions.push(action);
-            this.actionsStream.next(this.actions);
-        };
-        SkyListSecondaryActionsService.prototype.removeSecondaryAction = function (action) {
-            this.secondaryActionsCount--;
-            this.secondaryActionsSubject.next(this.secondaryActionsCount);
-            this.actions = this.actions.filter(function (existingItem) { return existingItem !== action; });
-            this.actionsStream.next(this.actions);
-        };
-        SkyListSecondaryActionsService.prototype.ngOnDestroy = function () {
-            this.secondaryActionsSubject.complete();
-            this.actionsStream.complete();
-        };
-        return SkyListSecondaryActionsService;
-    }());
-    SkyListSecondaryActionsService.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyListSecondaryActionsService, deps: [], target: i0__namespace.ɵɵFactoryTarget.Injectable });
-    SkyListSecondaryActionsService.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyListSecondaryActionsService });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyListSecondaryActionsService, decorators: [{
-                type: i0.Injectable
-            }] });
-
-    /**
-     * Adds actions to the secondary actions dropdown in the list toolbar.
-     */
-    var SkyListSecondaryActionComponent = /** @class */ (function () {
-        function SkyListSecondaryActionComponent(actionService) {
-            this.actionService = actionService;
-        }
-        SkyListSecondaryActionComponent.prototype.ngAfterContentInit = function () {
-            this.actionService.addSecondaryAction({
-                template: this.templateRef,
-            });
-        };
-        return SkyListSecondaryActionComponent;
-    }());
-    SkyListSecondaryActionComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyListSecondaryActionComponent, deps: [{ token: SkyListSecondaryActionsService }], target: i0__namespace.ɵɵFactoryTarget.Component });
-    SkyListSecondaryActionComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: SkyListSecondaryActionComponent, selector: "sky-list-secondary-action", viewQueries: [{ propertyName: "templateRef", first: true, predicate: ["listSecondaryAction"], descendants: true, read: i0.TemplateRef, static: true }], ngImport: i0__namespace, template: "<ng-template #listSecondaryAction>\n  <ng-content></ng-content>\n</ng-template>\n" });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyListSecondaryActionComponent, decorators: [{
-                type: i0.Component,
-                args: [{
-                        selector: 'sky-list-secondary-action',
-                        template: "<ng-template #listSecondaryAction>\n  <ng-content></ng-content>\n</ng-template>\n",
-                    }]
-            }], ctorParameters: function () { return [{ type: SkyListSecondaryActionsService }]; }, propDecorators: { templateRef: [{
-                    type: i0.ViewChild,
-                    args: ['listSecondaryAction', {
-                            read: i0.TemplateRef,
-                            static: true,
-                        }]
-                }] } });
-
-    // Note: this component is needed to ensure any reactive styles placed in the element have
-    // their host to be based off of. Without this component the host is not written via the dispatcher.
-    /**
-     * @internal
-     */
-    var SkyListSecondaryActionsHostComponent = /** @class */ (function () {
-        function SkyListSecondaryActionsHostComponent(changeDetector, actionService) {
-            this.changeDetector = changeDetector;
-            this.actionService = actionService;
-            this.dropdownHidden = false;
-            this.actions = [];
-            this.ngUnsubscribe = new rxjs.Subject();
-        }
-        SkyListSecondaryActionsHostComponent.prototype.ngOnInit = function () {
-            var _this = this;
-            this.actionService.actionsStream
-                .pipe(operators.takeUntil(this.ngUnsubscribe), operators.distinctUntilChanged())
-                .subscribe(function (actions) {
-                var hasSecondaryActions = actions.length > 0;
-                _this.dropdownHidden = !hasSecondaryActions;
-                _this.actions = actions;
-                _this.changeDetector.detectChanges();
-            });
-        };
-        SkyListSecondaryActionsHostComponent.prototype.ngOnDestroy = function () {
-            this.ngUnsubscribe.next();
-            this.ngUnsubscribe.complete();
-        };
-        return SkyListSecondaryActionsHostComponent;
-    }());
-    SkyListSecondaryActionsHostComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyListSecondaryActionsHostComponent, deps: [{ token: i0__namespace.ChangeDetectorRef }, { token: SkyListSecondaryActionsService }], target: i0__namespace.ɵɵFactoryTarget.Component });
-    SkyListSecondaryActionsHostComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: SkyListSecondaryActionsHostComponent, selector: "sky-list-secondary-actions-host", ngImport: i0__namespace, template: "<div\n  class=\"sky-list-secondary-actions\"\n  [ngClass]=\"{ 'sky-list-secondary-actions-hidden': dropdownHidden }\"\n>\n  <sky-dropdown\n    [attr.title]=\"'skyux_list_show_secondary_actions_button' | skyLibResources\"\n    [label]=\"'skyux_list_show_secondary_actions_button' | skyLibResources\"\n  >\n    <sky-dropdown-button>\n      <sky-icon icon=\"ellipsis-h\"> </sky-icon>\n      <span class=\"sky-list-secondary-actions-btn-text\">\n        {{ 'skyux_list_show_secondary_actions_button' | skyLibResources }}\n      </span>\n    </sky-dropdown-button>\n    <sky-dropdown-menu>\n      <sky-dropdown-item *ngFor=\"let action of actions\">\n        <ng-container *ngTemplateOutlet=\"action.template\"> </ng-container>\n      </sky-dropdown-item>\n    </sky-dropdown-menu>\n  </sky-dropdown>\n</div>\n<ng-content> </ng-content>\n", styles: [".sky-list-secondary-actions ::ng-deep .sky-dropdown-button-type-select{padding:6px 12px}.sky-list-secondary-actions ::ng-deep .sky-dropdown-button-type-select sky-icon[icon=ellipsis-h]{font-size:1.33333em;line-height:.75em;vertical-align:-15%}.sky-list-secondary-actions-hidden{display:none}:host .sky-list-secondary-actions-btn-text{display:none}:host .sky-list-secondary-actions ::ng-deep .sky-dropdown-caret{display:none}:host-context(.sky-responsive-container-xs) .sky-list-secondary-actions-btn-text,:host-context(.sky-responsive-container-sm) .sky-list-secondary-actions-btn-text,:host-context(.sky-responsive-container-md) .sky-list-secondary-actions-btn-text,:host-context(.sky-responsive-container-lg) .sky-list-secondary-actions-btn-text{display:none}:host-context(.sky-responsive-container-xs) .sky-list-secondary-actions ::ng-deep .sky-dropdown-caret,:host-context(.sky-responsive-container-sm) .sky-list-secondary-actions ::ng-deep .sky-dropdown-caret,:host-context(.sky-responsive-container-md) .sky-list-secondary-actions ::ng-deep .sky-dropdown-caret,:host-context(.sky-responsive-container-lg) .sky-list-secondary-actions ::ng-deep .sky-dropdown-caret{display:none}@media (min-width: 768px){:host .sky-list-secondary-actions-btn-text{display:inline}:host .sky-list-secondary-actions ::ng-deep .sky-dropdown-caret{display:inline-block}}:host-context(.sky-responsive-container-sm) .sky-list-secondary-actions-btn-text,:host-context(.sky-responsive-container-md) .sky-list-secondary-actions-btn-text,:host-context(.sky-responsive-container-lg) .sky-list-secondary-actions-btn-text{display:inline}:host-context(.sky-responsive-container-sm) .sky-list-secondary-actions ::ng-deep .sky-dropdown-caret,:host-context(.sky-responsive-container-md) .sky-list-secondary-actions ::ng-deep .sky-dropdown-caret,:host-context(.sky-responsive-container-lg) .sky-list-secondary-actions ::ng-deep .sky-dropdown-caret{display:inline-block}\n"], components: [{ type: i2__namespace.λ3, selector: "sky-dropdown", inputs: ["buttonStyle", "buttonType", "disabled", "dismissOnBlur", "label", "horizontalAlignment", "messageStream", "title", "trigger"] }, { type: i2__namespace.λ2, selector: "sky-dropdown-button" }, { type: i3__namespace$1.λ4, selector: "sky-icon", inputs: ["icon", "iconType", "size", "fixedWidth", "variant"] }, { type: i2__namespace.λ4, selector: "sky-dropdown-menu", inputs: ["ariaLabelledBy", "ariaRole", "useNativeFocus"], outputs: ["menuChanges"] }, { type: i2__namespace.λ1, selector: "sky-dropdown-item", inputs: ["ariaRole"] }], directives: [{ type: i4__namespace.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i4__namespace.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i4__namespace.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }], pipes: { "skyLibResources": i5__namespace.SkyLibResourcesPipe }, changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyListSecondaryActionsHostComponent, decorators: [{
-                type: i0.Component,
-                args: [{
-                        selector: 'sky-list-secondary-actions-host',
-                        template: "<div\n  class=\"sky-list-secondary-actions\"\n  [ngClass]=\"{ 'sky-list-secondary-actions-hidden': dropdownHidden }\"\n>\n  <sky-dropdown\n    [attr.title]=\"'skyux_list_show_secondary_actions_button' | skyLibResources\"\n    [label]=\"'skyux_list_show_secondary_actions_button' | skyLibResources\"\n  >\n    <sky-dropdown-button>\n      <sky-icon icon=\"ellipsis-h\"> </sky-icon>\n      <span class=\"sky-list-secondary-actions-btn-text\">\n        {{ 'skyux_list_show_secondary_actions_button' | skyLibResources }}\n      </span>\n    </sky-dropdown-button>\n    <sky-dropdown-menu>\n      <sky-dropdown-item *ngFor=\"let action of actions\">\n        <ng-container *ngTemplateOutlet=\"action.template\"> </ng-container>\n      </sky-dropdown-item>\n    </sky-dropdown-menu>\n  </sky-dropdown>\n</div>\n<ng-content> </ng-content>\n",
-                        styles: [".sky-list-secondary-actions ::ng-deep .sky-dropdown-button-type-select{padding:6px 12px}.sky-list-secondary-actions ::ng-deep .sky-dropdown-button-type-select sky-icon[icon=ellipsis-h]{font-size:1.33333em;line-height:.75em;vertical-align:-15%}.sky-list-secondary-actions-hidden{display:none}:host .sky-list-secondary-actions-btn-text{display:none}:host .sky-list-secondary-actions ::ng-deep .sky-dropdown-caret{display:none}:host-context(.sky-responsive-container-xs) .sky-list-secondary-actions-btn-text,:host-context(.sky-responsive-container-sm) .sky-list-secondary-actions-btn-text,:host-context(.sky-responsive-container-md) .sky-list-secondary-actions-btn-text,:host-context(.sky-responsive-container-lg) .sky-list-secondary-actions-btn-text{display:none}:host-context(.sky-responsive-container-xs) .sky-list-secondary-actions ::ng-deep .sky-dropdown-caret,:host-context(.sky-responsive-container-sm) .sky-list-secondary-actions ::ng-deep .sky-dropdown-caret,:host-context(.sky-responsive-container-md) .sky-list-secondary-actions ::ng-deep .sky-dropdown-caret,:host-context(.sky-responsive-container-lg) .sky-list-secondary-actions ::ng-deep .sky-dropdown-caret{display:none}@media (min-width: 768px){:host .sky-list-secondary-actions-btn-text{display:inline}:host .sky-list-secondary-actions ::ng-deep .sky-dropdown-caret{display:inline-block}}:host-context(.sky-responsive-container-sm) .sky-list-secondary-actions-btn-text,:host-context(.sky-responsive-container-md) .sky-list-secondary-actions-btn-text,:host-context(.sky-responsive-container-lg) .sky-list-secondary-actions-btn-text{display:inline}:host-context(.sky-responsive-container-sm) .sky-list-secondary-actions ::ng-deep .sky-dropdown-caret,:host-context(.sky-responsive-container-md) .sky-list-secondary-actions ::ng-deep .sky-dropdown-caret,:host-context(.sky-responsive-container-lg) .sky-list-secondary-actions ::ng-deep .sky-dropdown-caret{display:inline-block}\n"],
-                        changeDetection: i0.ChangeDetectionStrategy.OnPush,
-                    }]
-            }], ctorParameters: function () { return [{ type: i0__namespace.ChangeDetectorRef }, { type: SkyListSecondaryActionsService }]; } });
-
-    /**
-     * Adds a dropdown to the list toolbar for secondary actions. If the dropdown does not
-     * include actions, the secondary actions dropdown is hidden.
-     */
-    var SkyListSecondaryActionsComponent = /** @class */ (function () {
-        function SkyListSecondaryActionsComponent(dispatcher) {
-            this.dispatcher = dispatcher;
-            this.actions = [];
-            this.secondaryActionsItemToolbarIndex = 5000;
-        }
-        SkyListSecondaryActionsComponent.prototype.ngAfterViewInit = function () {
-            var secondaryActionItem = new ListToolbarItemModel({
-                id: 'secondary-actions',
-                template: this.secondaryActionsTemplate,
-                location: 'center',
-                index: this.secondaryActionsItemToolbarIndex,
-            });
-            this.dispatcher.toolbarAddItems([secondaryActionItem]);
-        };
-        return SkyListSecondaryActionsComponent;
-    }());
-    SkyListSecondaryActionsComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyListSecondaryActionsComponent, deps: [{ token: ListStateDispatcher }], target: i0__namespace.ɵɵFactoryTarget.Component });
-    SkyListSecondaryActionsComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: SkyListSecondaryActionsComponent, selector: "sky-list-secondary-actions", providers: [SkyListSecondaryActionsService], viewQueries: [{ propertyName: "secondaryActionsTemplate", first: true, predicate: ["secondaryActions"], descendants: true, read: i0.TemplateRef, static: true }], ngImport: i0__namespace, template: "<ng-template #secondaryActions>\n  <sky-list-secondary-actions-host>\n    <ng-content></ng-content>\n  </sky-list-secondary-actions-host>\n</ng-template>\n", components: [{ type: SkyListSecondaryActionsHostComponent, selector: "sky-list-secondary-actions-host" }], changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyListSecondaryActionsComponent, decorators: [{
-                type: i0.Component,
-                args: [{
-                        selector: 'sky-list-secondary-actions',
-                        template: "<ng-template #secondaryActions>\n  <sky-list-secondary-actions-host>\n    <ng-content></ng-content>\n  </sky-list-secondary-actions-host>\n</ng-template>\n",
-                        providers: [SkyListSecondaryActionsService],
-                        changeDetection: i0.ChangeDetectionStrategy.OnPush,
-                    }]
-            }], ctorParameters: function () { return [{ type: ListStateDispatcher }]; }, propDecorators: { secondaryActionsTemplate: [{
-                    type: i0.ViewChild,
-                    args: ['secondaryActions', {
-                            read: i0.TemplateRef,
-                            static: true,
-                        }]
-                }] } });
-
-    var SkyListSecondaryActionsModule = /** @class */ (function () {
-        function SkyListSecondaryActionsModule() {
-        }
-        return SkyListSecondaryActionsModule;
-    }());
-    SkyListSecondaryActionsModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyListSecondaryActionsModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
-    SkyListSecondaryActionsModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyListSecondaryActionsModule, declarations: [SkyListSecondaryActionsComponent,
-            SkyListSecondaryActionsHostComponent,
-            SkyListSecondaryActionComponent], imports: [i4.CommonModule,
-            i2.SkyDropdownModule,
-            i5.SkyI18nModule,
-            i3$1.SkyIconModule,
-            SkyListBuilderResourcesModule], exports: [SkyListSecondaryActionsComponent, SkyListSecondaryActionComponent] });
-    SkyListSecondaryActionsModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyListSecondaryActionsModule, imports: [[
-                i4.CommonModule,
-                i2.SkyDropdownModule,
-                i5.SkyI18nModule,
-                i3$1.SkyIconModule,
-                SkyListBuilderResourcesModule,
-            ]] });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyListSecondaryActionsModule, decorators: [{
-                type: i0.NgModule,
-                args: [{
-                        declarations: [
-                            SkyListSecondaryActionsComponent,
-                            SkyListSecondaryActionsHostComponent,
-                            SkyListSecondaryActionComponent,
-                        ],
-                        imports: [
-                            i4.CommonModule,
-                            i2.SkyDropdownModule,
-                            i5.SkyI18nModule,
-                            i3$1.SkyIconModule,
-                            SkyListBuilderResourcesModule,
-                        ],
-                        exports: [SkyListSecondaryActionsComponent, SkyListSecondaryActionComponent],
-                    }]
-            }] });
-
-    /**
-     * @internal
-     */
-    var SkyListToolbarItemRendererComponent = /** @class */ (function () {
-        function SkyListToolbarItemRendererComponent() {
-        }
-        SkyListToolbarItemRendererComponent.prototype.ngOnInit = function () {
-            if (this.template !== undefined) {
-                this.container.createEmbeddedView(this.template, this);
-            }
-        };
-        return SkyListToolbarItemRendererComponent;
-    }());
-    SkyListToolbarItemRendererComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyListToolbarItemRendererComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
-    SkyListToolbarItemRendererComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: SkyListToolbarItemRendererComponent, selector: "sky-list-toolbar-item-renderer", inputs: { template: "template" }, viewQueries: [{ propertyName: "container", first: true, predicate: ["container"], descendants: true, read: i0.ViewContainerRef, static: true }], ngImport: i0__namespace, template: '<ng-template #container></ng-template>', isInline: true });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyListToolbarItemRendererComponent, decorators: [{
-                type: i0.Component,
-                args: [{
-                        selector: 'sky-list-toolbar-item-renderer',
-                        template: '<ng-template #container></ng-template>',
-                    }]
-            }], propDecorators: { template: [{
-                    type: i0.Input
-                }], container: [{
-                    type: i0.ViewChild,
-                    args: ['container', {
-                            read: i0.ViewContainerRef,
-                            static: true,
-                        }]
-                }] } });
-
-    var uniqueId = 0;
-    /**
-     * @internal
-     */
-    var SkyListMultiselectToolbarComponent = /** @class */ (function () {
-        function SkyListMultiselectToolbarComponent(state, dispatcher) {
-            this.state = state;
-            this.dispatcher = dispatcher;
-            this.showOnlySelected = false;
-            this.multiselectToolbarId = "sky-list-multiselect-toolbar-" + uniqueId++;
-            this.selectedIdMap = new Map();
-            this.ngUnsubscribe = new rxjs.Subject();
-        }
-        SkyListMultiselectToolbarComponent.prototype.ngOnInit = function () {
-            var _this = this;
-            this.state
-                .pipe(operators.map(function (t) { return t.selected.item; }), operators.takeUntil(this.ngUnsubscribe), operators.distinctUntilChanged(this.selectedMapEqual))
-                .subscribe(function (model) {
-                _this.selectedIdMap = model.selectedIdMap;
-                if (_this.showOnlySelected) {
-                    _this.reapplyFilter(true);
-                }
-            });
-            // If 'show-selected' filter is programatically set from a child component (e.g. checkilst),
-            // make sure the checked state of the 'show-selected' checkbox stays in sync.
-            this.state
-                .pipe(operators.map(function (t) { return t.filters; }), operators.takeUntil(this.ngUnsubscribe), operators.distinctUntilChanged(this.showSelectedValuesEqual))
-                .subscribe(function (filters) {
-                var showSelectedFilter = filters.find(function (filter) { return filter.name === 'show-selected'; });
-                if (showSelectedFilter) {
-                    _this.showOnlySelected = showSelectedFilter.value === 'true';
-                }
-            });
-        };
-        SkyListMultiselectToolbarComponent.prototype.ngOnDestroy = function () {
-            this.ngUnsubscribe.next();
-            this.ngUnsubscribe.complete();
-        };
-        SkyListMultiselectToolbarComponent.prototype.selectAll = function () {
-            var _this = this;
-            this.state
-                .pipe(operators.map(function (state) { return state.items.items; }), operators.take(1))
-                .subscribe(function (items) {
-                _this.dispatcher.setSelected(items.map(function (item) { return item.id; }), true);
-                if (_this.showOnlySelected) {
-                    _this.reapplyFilter(_this.showOnlySelected);
-                }
-            });
-        };
-        SkyListMultiselectToolbarComponent.prototype.clearSelections = function () {
-            var _this = this;
-            this.state
-                .pipe(operators.map(function (state) { return state.items.items; }), operators.take(1))
-                .subscribe(function (items) {
-                _this.dispatcher.setSelected(items.map(function (item) { return item.id; }), false);
-                if (_this.showOnlySelected) {
-                    _this.reapplyFilter(_this.showOnlySelected);
-                }
-            });
-        };
-        SkyListMultiselectToolbarComponent.prototype.changeVisibleItems = function (change) {
-            this.showOnlySelected = change.checked;
-            this.reapplyFilter(change.checked);
-        };
-        SkyListMultiselectToolbarComponent.prototype.reapplyFilter = function (isSelected) {
-            var _this = this;
-            this.state
-                .pipe(operators.map(function (state) { return state.filters; }), operators.take(1))
-                .subscribe(function (filters) {
-                filters = filters.filter(function (filter) { return filter.name !== 'show-selected'; });
-                filters.push(_this.getShowSelectedFilter(isSelected));
-                _this.dispatcher.filtersUpdate(filters);
-            });
-            // If "show selected" is checked and paging is enabled, go to page one.
-            /* istanbul ignore else */
-            if (isSelected) {
-                this.state.pipe(operators.take(1)).subscribe(function (currentState) {
-                    if (currentState.paging.pageNumber &&
-                        currentState.paging.pageNumber !== 1) {
-                        _this.dispatcher.next(new ListPagingSetPageNumberAction(Number(1)));
-                    }
-                });
-            }
-            this.dispatcher.toolbarSetDisabled(isSelected);
-        };
-        SkyListMultiselectToolbarComponent.prototype.getShowSelectedFilter = function (isSelected) {
-            var _this = this;
-            return new ListFilterModel({
-                name: 'show-selected',
-                value: isSelected.toString(),
-                filterFunction: function (model, showOnlySelected) {
-                    /* istanbul ignore else */
-                    if (showOnlySelected.toString() !== false.toString()) {
-                        return _this.selectedIdMap.get(model.id);
-                    }
-                },
-                defaultValue: false.toString(),
-            });
-        };
-        SkyListMultiselectToolbarComponent.prototype.showSelectedValuesEqual = function (prev, next) {
-            var prevShowSelectedFilter = prev.find(function (filter) { return filter.name === 'show-selected'; });
-            var nextShowSelectedFilter = next.find(function (filter) { return filter.name === 'show-selected'; });
-            // Both undefined.
-            if (!prevShowSelectedFilter && !nextShowSelectedFilter) {
-                return true;
-            }
-            // Only one undefined.
-            if ((prevShowSelectedFilter && !nextShowSelectedFilter) ||
-                (!prevShowSelectedFilter && nextShowSelectedFilter)) {
-                return false;
-            }
-            // Defined, but with different "value".
-            return prevShowSelectedFilter.value === nextShowSelectedFilter.value;
-        };
-        SkyListMultiselectToolbarComponent.prototype.selectedMapEqual = function (prev, next) {
-            if (prev.selectedIdMap.size !== next.selectedIdMap.size) {
-                return false;
-            }
-            for (var i = 0; i < next.selectedIdMap.size; i++) {
-                var key = Array.from(next.selectedIdMap.keys())[i];
-                var value = next.selectedIdMap.get(key);
-                /* istanbul ignore next */
-                if (value !== prev.selectedIdMap.get(key)) {
-                    return false;
-                }
-            }
-            return true;
-        };
-        return SkyListMultiselectToolbarComponent;
-    }());
-    SkyListMultiselectToolbarComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyListMultiselectToolbarComponent, deps: [{ token: ListState }, { token: ListStateDispatcher }], target: i0__namespace.ɵɵFactoryTarget.Component });
-    SkyListMultiselectToolbarComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: SkyListMultiselectToolbarComponent, selector: "sky-list-multiselect-toolbar", inputs: { showOnlySelected: "showOnlySelected" }, ngImport: i0__namespace, template: "<sky-toolbar class=\"sky-list-multiselect-toolbar\">\n  <sky-toolbar-section>\n    <sky-toolbar-item>\n      <sky-list-toolbar-item-renderer [template]=\"selectAllTemplate\">\n      </sky-list-toolbar-item-renderer>\n    </sky-toolbar-item>\n    <sky-toolbar-item>\n      <sky-list-toolbar-item-renderer [template]=\"clearSelectionsTemplate\">\n      </sky-list-toolbar-item-renderer>\n    </sky-toolbar-item>\n    <sky-toolbar-view-actions>\n      <ng-container *ngTemplateOutlet=\"showSelectedTemplate\"></ng-container>\n    </sky-toolbar-view-actions>\n  </sky-toolbar-section>\n</sky-toolbar>\n\n<ng-template #selectAllTemplate>\n  <button\n    class=\"sky-btn sky-btn-link\"\n    type=\"button\"\n    [attr.id]=\"multiselectToolbarId + '-select-all'\"\n    (click)=\"selectAll(); $event.preventDefault()\"\n  >\n    {{ 'skyux_list_mutliselect_select_all' | skyLibResources }}\n  </button>\n</ng-template>\n\n<ng-template #clearSelectionsTemplate>\n  <button\n    class=\"sky-btn sky-btn-link\"\n    type=\"button\"\n    [attr.id]=\"multiselectToolbarId + '-clear-all'\"\n    (click)=\"clearSelections(); $event.preventDefault()\"\n  >\n    {{ 'skyux_list_multiselect_clear_all' | skyLibResources }}\n  </button>\n</ng-template>\n\n<ng-template #showSelectedTemplate>\n  <sky-checkbox\n    [attr.id]=\"multiselectToolbarId + '-show-selected'\"\n    [checked]=\"showOnlySelected\"\n    (change)=\"changeVisibleItems($event)\"\n  >\n    <sky-checkbox-label>\n      {{ 'skyux_list_mutliselect_show_selected' | skyLibResources }}\n    </sky-checkbox-label>\n  </sky-checkbox>\n</ng-template>\n", styles: [":host-context(sky-toolbar +) .sky-list-multiselect-toolbar ::ng-deep .sky-toolbar-container,:host-context(.sky-list-toolbar-search +) .sky-list-multiselect-toolbar ::ng-deep .sky-toolbar-container{border-top:none}\n"], components: [{ type: i3__namespace$2.λ37, selector: "sky-toolbar" }, { type: i3__namespace$2.λ38, selector: "sky-toolbar-section" }, { type: i3__namespace$2.λ39, selector: "sky-toolbar-item" }, { type: SkyListToolbarItemRendererComponent, selector: "sky-list-toolbar-item-renderer", inputs: ["template"] }, { type: i3__namespace$2.λ40, selector: "sky-toolbar-view-actions" }, { type: i5__namespace$1.λ3, selector: "sky-checkbox", inputs: ["label", "labelledBy", "id", "disabled", "tabindex", "name", "icon", "checkboxType", "checked", "required"], outputs: ["change", "checkedChange", "disabledChange"] }, { type: i5__namespace$1.λ4, selector: "sky-checkbox-label" }], directives: [{ type: i4__namespace.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }], pipes: { "skyLibResources": i5__namespace.SkyLibResourcesPipe } });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyListMultiselectToolbarComponent, decorators: [{
-                type: i0.Component,
-                args: [{
-                        selector: 'sky-list-multiselect-toolbar',
-                        template: "<sky-toolbar class=\"sky-list-multiselect-toolbar\">\n  <sky-toolbar-section>\n    <sky-toolbar-item>\n      <sky-list-toolbar-item-renderer [template]=\"selectAllTemplate\">\n      </sky-list-toolbar-item-renderer>\n    </sky-toolbar-item>\n    <sky-toolbar-item>\n      <sky-list-toolbar-item-renderer [template]=\"clearSelectionsTemplate\">\n      </sky-list-toolbar-item-renderer>\n    </sky-toolbar-item>\n    <sky-toolbar-view-actions>\n      <ng-container *ngTemplateOutlet=\"showSelectedTemplate\"></ng-container>\n    </sky-toolbar-view-actions>\n  </sky-toolbar-section>\n</sky-toolbar>\n\n<ng-template #selectAllTemplate>\n  <button\n    class=\"sky-btn sky-btn-link\"\n    type=\"button\"\n    [attr.id]=\"multiselectToolbarId + '-select-all'\"\n    (click)=\"selectAll(); $event.preventDefault()\"\n  >\n    {{ 'skyux_list_mutliselect_select_all' | skyLibResources }}\n  </button>\n</ng-template>\n\n<ng-template #clearSelectionsTemplate>\n  <button\n    class=\"sky-btn sky-btn-link\"\n    type=\"button\"\n    [attr.id]=\"multiselectToolbarId + '-clear-all'\"\n    (click)=\"clearSelections(); $event.preventDefault()\"\n  >\n    {{ 'skyux_list_multiselect_clear_all' | skyLibResources }}\n  </button>\n</ng-template>\n\n<ng-template #showSelectedTemplate>\n  <sky-checkbox\n    [attr.id]=\"multiselectToolbarId + '-show-selected'\"\n    [checked]=\"showOnlySelected\"\n    (change)=\"changeVisibleItems($event)\"\n  >\n    <sky-checkbox-label>\n      {{ 'skyux_list_mutliselect_show_selected' | skyLibResources }}\n    </sky-checkbox-label>\n  </sky-checkbox>\n</ng-template>\n",
-                        styles: [":host-context(sky-toolbar +) .sky-list-multiselect-toolbar ::ng-deep .sky-toolbar-container,:host-context(.sky-list-toolbar-search +) .sky-list-multiselect-toolbar ::ng-deep .sky-toolbar-container{border-top:none}\n"],
-                    }]
-            }], ctorParameters: function () { return [{ type: ListState }, { type: ListStateDispatcher }]; }, propDecorators: { showOnlySelected: [{
-                    type: i0.Input
-                }] } });
-
-    var idIndex = 0;
-    /**
-     * Defines a toolbar item for the list toolbar.
-     */
-    var SkyListToolbarItemComponent = /** @class */ (function () {
-        function SkyListToolbarItemComponent() {
-            /**
-             * Specifies the ID of the item.
-             */
-            this.id = "sky-list-toolbar-item-" + ++idIndex;
-            /**
-             * Specifies the index of the item at the given item location.
-             * @default -1
-             */
-            this.index = -1;
-            /**
-             * Specifies the toolbar location of the item. The valid options are `"left"`,
-             * `"center"`, and `"right"`.
-             * @default "left"
-             */
-            this.location = 'left';
-        }
-        Object.defineProperty(SkyListToolbarItemComponent.prototype, "template", {
-            get: function () {
-                return this.templates.length > 0 ? this.templates.first : undefined;
-            },
-            enumerable: false,
-            configurable: true
-        });
-        return SkyListToolbarItemComponent;
-    }());
-    SkyListToolbarItemComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyListToolbarItemComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
-    SkyListToolbarItemComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: SkyListToolbarItemComponent, selector: "sky-list-toolbar-item", inputs: { id: "id", index: "index", location: "location" }, queries: [{ propertyName: "templates", predicate: i0.TemplateRef }], ngImport: i0__namespace, template: '<ng-content></ng-content>', isInline: true });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyListToolbarItemComponent, decorators: [{
-                type: i0.Component,
-                args: [{
-                        selector: 'sky-list-toolbar-item',
-                        template: '<ng-content></ng-content>',
-                    }]
-            }], propDecorators: { id: [{
-                    type: i0.Input
-                }], index: [{
-                    type: i0.Input
-                }], location: [{
-                    type: i0.Input
-                }], templates: [{
-                    type: i0.ContentChildren,
-                    args: [i0.TemplateRef]
-                }] } });
-
-    /**
-     * Displays custom actions in the toolbar beside to the search bar.
-     */
-    var SkyListToolbarSearchActionsComponent = /** @class */ (function () {
-        function SkyListToolbarSearchActionsComponent() {
-        }
-        return SkyListToolbarSearchActionsComponent;
-    }());
-    SkyListToolbarSearchActionsComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyListToolbarSearchActionsComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
-    SkyListToolbarSearchActionsComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: SkyListToolbarSearchActionsComponent, selector: "sky-list-toolbar-search-actions", ngImport: i0__namespace, template: "<div class=\"sky-list-toolbar-search-actions\">\n  <ng-content></ng-content>\n</div>\n", styles: [".sky-list-toolbar-search-actions{margin-left:10px}\n"], changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyListToolbarSearchActionsComponent, decorators: [{
-                type: i0.Component,
-                args: [{
-                        selector: 'sky-list-toolbar-search-actions',
-                        template: "<div class=\"sky-list-toolbar-search-actions\">\n  <ng-content></ng-content>\n</div>\n",
-                        styles: [".sky-list-toolbar-search-actions{margin-left:10px}\n"],
-                        changeDetection: i0.ChangeDetectionStrategy.OnPush,
-                    }]
-            }] });
-
-    /**
-     * Adds a sort dropdown to the list toolbar.
-     */
-    var SkyListToolbarSortComponent = /** @class */ (function () {
-        function SkyListToolbarSortComponent() {
-        }
-        return SkyListToolbarSortComponent;
-    }());
-    SkyListToolbarSortComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyListToolbarSortComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
-    SkyListToolbarSortComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: SkyListToolbarSortComponent, selector: "sky-list-toolbar-sort", inputs: { label: "label", field: "field", type: "type", descending: "descending" }, ngImport: i0__namespace, template: '', isInline: true });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyListToolbarSortComponent, decorators: [{
-                type: i0.Component,
-                args: [{
-                        selector: 'sky-list-toolbar-sort',
-                        template: '',
-                    }]
-            }], propDecorators: { label: [{
-                    type: i0.Input
-                }], field: [{
-                    type: i0.Input
-                }], type: [{
-                    type: i0.Input
-                }], descending: [{
-                    type: i0.Input
-                }] } });
-
-    /**
-     * Adds a section on the right side of the toolbar for items that substantially change
-     * or affect the view of the list. This includes simple filters and view switchers.
-     * If the view section includes more than one item, simple filters appear on the left
-     * and view switchers appear on the right.
-     */
-    var SkyListToolbarViewActionsComponent = /** @class */ (function () {
-        function SkyListToolbarViewActionsComponent() {
-        }
-        return SkyListToolbarViewActionsComponent;
-    }());
-    SkyListToolbarViewActionsComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyListToolbarViewActionsComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
-    SkyListToolbarViewActionsComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: SkyListToolbarViewActionsComponent, selector: "sky-list-toolbar-view-actions", ngImport: i0__namespace, template: "<ng-content></ng-content>\n", styles: [":host{display:flex;align-items:center}:host::ng-deep>:not(:last-child){margin-right:5px}.sky-list-toolbar-view-actions ::ng-deep>:not(:last-child){margin-right:5px}\n"] });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyListToolbarViewActionsComponent, decorators: [{
-                type: i0.Component,
-                args: [{
-                        selector: 'sky-list-toolbar-view-actions',
-                        template: "<ng-content></ng-content>\n",
-                        styles: [":host{display:flex;align-items:center}:host::ng-deep>:not(:last-child){margin-right:5px}.sky-list-toolbar-view-actions ::ng-deep>:not(:last-child){margin-right:5px}\n"],
-                    }]
-            }] });
-
-    /**
-     * @internal
-     */
-    var ListToolbarConfigSetSearchEnabledAction = /** @class */ (function () {
-        function ListToolbarConfigSetSearchEnabledAction(enabled) {
-            this.enabled = enabled;
-        }
-        return ListToolbarConfigSetSearchEnabledAction;
-    }());
-
-    /**
-     * @internal
-     */
-    var ListToolbarConfigSetSortSelectorEnabledAction = /** @class */ (function () {
-        /* istanbul ignore next */
-        function ListToolbarConfigSetSortSelectorEnabledAction(enabled) {
-            if (enabled === void 0) { enabled = true; }
-            this.enabled = enabled;
-        }
-        return ListToolbarConfigSetSortSelectorEnabledAction;
-    }());
-
-    /**
-     * @internal
-     */
-    var ListToolbarConfigModel = /** @class */ (function () {
-        function ListToolbarConfigModel(data) {
-            this.searchEnabled = true;
-            this.sortSelectorEnabled = true;
-            if (data) {
-                this.searchEnabled = data.searchEnabled;
-                this.sortSelectorEnabled = data.sortSelectorEnabled;
-            }
-        }
-        return ListToolbarConfigModel;
-    }());
-
-    /**
-     * @internal
-     */
-    var ListToolbarStateModel = /** @class */ (function () {
-        function ListToolbarStateModel() {
-            this.config = new ListToolbarConfigModel();
-        }
-        return ListToolbarStateModel;
-    }());
-
-    /**
-     * @internal
-     */
-    var ListToolbarStateDispatcher = /** @class */ (function (_super) {
-        __extends(ListToolbarStateDispatcher, _super);
-        function ListToolbarStateDispatcher() {
-            return _super !== null && _super.apply(this, arguments) || this;
-        }
-        return ListToolbarStateDispatcher;
-    }(listBuilderCommon.StateDispatcher));
-    ListToolbarStateDispatcher.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: ListToolbarStateDispatcher, deps: null, target: i0__namespace.ɵɵFactoryTarget.Injectable });
-    ListToolbarStateDispatcher.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: ListToolbarStateDispatcher });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: ListToolbarStateDispatcher, decorators: [{
-                type: i0.Injectable
-            }] });
-    /**
-     * @internal
-     */
-    var ListToolbarStateOrchestrator = /** @class */ (function (_super) {
-        __extends(ListToolbarStateOrchestrator, _super);
-        function ListToolbarStateOrchestrator() {
-            return _super !== null && _super.apply(this, arguments) || this;
-        }
-        return ListToolbarStateOrchestrator;
-    }(listBuilderCommon.StateOrchestrator));
-
-    /**
-     * @internal
-     */
-    var ListToolbarConfigOrchestrator = /** @class */ (function (_super) {
-        __extends(ListToolbarConfigOrchestrator, _super);
-        /* istanbul ignore next */
-        function ListToolbarConfigOrchestrator() {
-            var _this = _super.call(this) || this;
-            _this.register(ListToolbarConfigSetSearchEnabledAction, _this.setSearchEnabled).register(ListToolbarConfigSetSortSelectorEnabledAction, _this.setSortSelectorEnabled);
-            return _this;
-        }
-        ListToolbarConfigOrchestrator.prototype.setSearchEnabled = function (state, action) {
-            return new ListToolbarConfigModel(Object.assign({}, state, { searchEnabled: action.enabled }));
-        };
-        ListToolbarConfigOrchestrator.prototype.setSortSelectorEnabled = function (state, action) {
-            return new ListToolbarConfigModel(Object.assign({}, state, { sortSelectorEnabled: action.enabled }));
-        };
-        return ListToolbarConfigOrchestrator;
-    }(ListToolbarStateOrchestrator));
-
-    /**
-     * @internal
-     */
-    var ListToolbarState = /** @class */ (function (_super) {
-        __extends(ListToolbarState, _super);
-        function ListToolbarState(initialState, dispatcher) {
-            var _this = _super.call(this, initialState, dispatcher) || this;
-            _this.register('config', ListToolbarConfigOrchestrator).begin();
-            return _this;
-        }
-        return ListToolbarState;
-    }(listBuilderCommon.StateNode));
-    ListToolbarState.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: ListToolbarState, deps: [{ token: ListToolbarStateModel }, { token: ListToolbarStateDispatcher }], target: i0__namespace.ɵɵFactoryTarget.Injectable });
-    ListToolbarState.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: ListToolbarState });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: ListToolbarState, decorators: [{
-                type: i0.Injectable
-            }], ctorParameters: function () { return [{ type: ListToolbarStateModel }, { type: ListToolbarStateDispatcher }]; } });
-
-    var nextId = 0;
-    /**
-     * Displays a toolbar for a SKY UX-themed list of data.
-     */
-    var SkyListToolbarComponent = /** @class */ (function () {
-        function SkyListToolbarComponent(changeDetector, state, dispatcher, toolbarState, toolbarDispatcher) {
-            this.changeDetector = changeDetector;
-            this.state = state;
-            this.dispatcher = dispatcher;
-            this.toolbarState = toolbarState;
-            this.toolbarDispatcher = toolbarDispatcher;
-            /**
-             * Display the search bar in the standard position or in a separate section.
-             * To highlight the search bar in a section above all other toolbar items,
-             * set this property to `search`.
-             * @default "standard"
-             */
-            this.toolbarType = 'standard';
-            this.isToolbarDisabled = false;
-            this.inlineFilterBarExpanded = false;
-            this.hasAdditionalToolbarSection = false;
-            this.hasViewActions = false;
-            this.filterButtonId = "sky-list-toolbar-filter-button-" + ++nextId;
-            this.listFilterInlineId = "sky-list-toolbar-filter-inline-" + ++nextId;
-            /**
-             * Fires when users submit a search.
-             * @internal
-             */
-            this.searchApplied = new rxjs.Subject();
-            this.customItemIds = [];
-            this.hasSortSelectors = false;
-            this.inlineFiltersItemToolbarIndex = 5000;
-            this.sortSelectorItemToolbarIndex = 6000;
-            this.ngUnsubscribe = new rxjs.Subject();
-        }
-        Object.defineProperty(SkyListToolbarComponent.prototype, "inMemorySearchEnabled", {
-            get: function () {
-                if (this._inMemorySearchEnabled === undefined) {
-                    return true;
-                }
-                return this._inMemorySearchEnabled;
-            },
-            /**
-             * Indicates whether to use the in-memory search.
-             * Setting this to `false` will allow consumers to run their own searches remotely,
-             * and push new values to the list component by updating the `data` property.
-             * @default true
-             * @internal
-             */
-            set: function (value) {
-                this._inMemorySearchEnabled = value;
-            },
-            enumerable: false,
-            configurable: true
-        });
-        Object.defineProperty(SkyListToolbarComponent.prototype, "isFilterBarDisplayed", {
-            get: function () {
-                return (!this.isToolbarDisabled &&
-                    this.hasInlineFilters &&
-                    this.inlineFilterBarExpanded);
-            },
-            enumerable: false,
-            configurable: true
-        });
-        Object.defineProperty(SkyListToolbarComponent.prototype, "filterButtonAriaControls", {
-            get: function () {
-                return this.isFilterBarDisplayed ? this.listFilterInlineId : undefined;
-            },
-            enumerable: false,
-            configurable: true
-        });
-        SkyListToolbarComponent.prototype.ngOnInit = function () {
-            var _this = this;
-            this.dispatcher.toolbarExists(true);
-            listBuilderCommon.getValue(this.searchText, function (searchText) {
-                _this.updateSearchText(searchText);
-            });
-            listBuilderCommon.getValue(this.searchEnabled, function (searchEnabled) {
-                _this.toolbarDispatcher.next(new ListToolbarConfigSetSearchEnabledAction(searchEnabled === undefined ? true : searchEnabled));
-            });
-            listBuilderCommon.getValue(this.toolbarType, function (type) {
-                _this.dispatcher.next(new ListToolbarSetTypeAction(_this.toolbarType));
-            });
-            listBuilderCommon.getValue(this.sortSelectorEnabled, function (sortSelectorEnabled) {
-                _this.toolbarDispatcher.next(new ListToolbarConfigSetSortSelectorEnabledAction(sortSelectorEnabled === undefined ? true : sortSelectorEnabled));
-            });
-            this.sortSelectors = this.getSortSelectors();
-            // Initialize the sort toolbar item if necessary
-            this.sortSelectors
-                .pipe(operators.takeUntil(this.ngUnsubscribe), operators.distinctUntilChanged())
-                .subscribe(function (currentSort) {
-                if (currentSort.length > 0 && !_this.hasSortSelectors) {
-                    _this.hasSortSelectors = true;
-                    _this.dispatcher.toolbarAddItems([
-                        new ListToolbarItemModel({
-                            id: 'sort-selector',
-                            template: _this.sortSelectorTemplate,
-                            location: 'left',
-                            index: _this.sortSelectorItemToolbarIndex,
-                        }),
-                    ]);
-                }
-                else if (currentSort.length < 1 && _this.hasSortSelectors) {
-                    _this.hasSortSelectors = false;
-                    _this.dispatcher.toolbarRemoveItems(['sort-selector']);
-                }
-            });
-            this.searchTextInput = this.state.pipe(operators.takeUntil(this.ngUnsubscribe), operators.map(function (s) { return s.search.searchText; }), operators.distinctUntilChanged());
-            this.view = this.state.pipe(operators.takeUntil(this.ngUnsubscribe), operators.map(function (s) { return s.views.active; }), operators.distinctUntilChanged());
-            this.watchTemplates();
-            this.type = this.state.pipe(operators.takeUntil(this.ngUnsubscribe), operators.map(function (state) { return state.toolbar.type; }), operators.distinctUntilChanged());
-            this.type.pipe(operators.takeUntil(this.ngUnsubscribe)).subscribe(function (toolbarType) {
-                if (toolbarType === 'search') {
-                    _this.dispatcher.toolbarRemoveItems(['search']);
-                }
-                else {
-                    _this.dispatcher.toolbarAddItems([
-                        new ListToolbarItemModel({
-                            id: 'search',
-                            template: _this.searchTemplate,
-                            location: 'right',
-                        }),
-                    ]);
-                }
-            });
-            this.isSearchEnabled = this.toolbarState.pipe(operators.takeUntil(this.ngUnsubscribe), operators.map(function (s) { return s.config; }), operators.distinctUntilChanged(), operators.map(function (c) { return c.searchEnabled; }));
-            this.state
-                .pipe(operators.map(function (s) { return s.toolbar; }), operators.takeUntil(this.ngUnsubscribe), operators.distinctUntilChanged(), operators.map(function (c) { return c.disabled; }))
-                .subscribe(function (isDisabled) { return (_this.isToolbarDisabled = isDisabled); });
-            this.isSortSelectorEnabled = this.toolbarState.pipe(operators.takeUntil(this.ngUnsubscribe), operators.map(function (s) { return s.config; }), operators.distinctUntilChanged(), operators.map(function (c) { return c.sortSelectorEnabled; }));
-            this.isMultiselectEnabled = this.state.pipe(operators.takeUntil(this.ngUnsubscribe), operators.map(function (s) { return s.toolbar; }), operators.distinctUntilChanged(), operators.map(function (t) { return t.showMultiselectToolbar; }));
-            this.hasAppliedFilters = this.state.pipe(operators.takeUntil(this.ngUnsubscribe), operators.map(function (s) { return s.filters; }), operators.distinctUntilChanged(), operators.map(function (filters) {
-                var activeFilters = filters.filter(function (f) {
-                    return (f.value !== '' &&
-                        f.value !== undefined &&
-                        f.value !== false &&
-                        f.value !== f.defaultValue);
-                });
-                return activeFilters.length > 0;
-            }));
-            this.state.pipe(operators.takeUntil(this.ngUnsubscribe)).subscribe(function (current) {
-                _this.hasAdditionalToolbarSection = current.toolbar.items.length > 0;
-                _this.changeDetector.detectChanges();
-            });
-        };
-        SkyListToolbarComponent.prototype.ngAfterContentInit = function () {
-            var _this = this;
-            // Inject custom toolbar items.
-            this.toolbarItems.forEach(function (toolbarItem) {
-                _this.dispatcher.toolbarAddItems([new ListToolbarItemModel(toolbarItem)]);
-                _this.customItemIds.push(toolbarItem.id);
-            });
-            this.toolbarItems.changes
-                .pipe(operators.takeUntil(this.ngUnsubscribe))
-                .subscribe(function (newItems) {
-                newItems.forEach(function (item) {
-                    if (_this.customItemIds.indexOf(item.id) < 0) {
-                        _this.dispatcher.toolbarAddItems([new ListToolbarItemModel(item)]);
-                        _this.customItemIds.push(item.id);
-                    }
-                });
-                var itemsToRemove = [];
-                _this.customItemIds.forEach(function (itemId, index) {
-                    if (!newItems.find(function (item) { return item.id === itemId; })) {
-                        itemsToRemove.push(itemId);
-                        _this.customItemIds.splice(index, 1);
-                    }
-                });
-                _this.dispatcher.toolbarRemoveItems(itemsToRemove);
-            });
-            var sortModels = this.toolbarSorts.map(function (sort) { return new ListSortLabelModel({
-                text: sort.label,
-                fieldSelector: sort.field,
-                fieldType: sort.type,
-                global: true,
-                descending: sort.descending,
-            }); });
-            this.dispatcher.sortSetGlobal(sortModels);
-            // Add inline filters.
-            this.showFilterSummary = this.filterSummary.length > 0;
-            this.hasInlineFilters = this.inlineFilter.length > 0;
-            if (this.hasInlineFilters) {
-                this.dispatcher.toolbarAddItems([
-                    new ListToolbarItemModel({
-                        template: this.inlineFilterButtonTemplate,
-                        location: 'left',
-                        index: this.inlineFiltersItemToolbarIndex,
-                    }),
-                ]);
-            }
-            // Check for view actions
-            this.hasViewActions = this.viewActions.length > 0;
-        };
-        SkyListToolbarComponent.prototype.ngOnDestroy = function () {
-            this.searchApplied.complete();
-            this.ngUnsubscribe.next();
-            this.ngUnsubscribe.complete();
-        };
-        SkyListToolbarComponent.prototype.setSort = function (sort) {
-            var _this = this;
-            this.state.pipe(operators.take(1)).subscribe(function (currentState) {
-                if (currentState.paging.pageNumber &&
-                    currentState.paging.pageNumber !== 1) {
-                    _this.dispatcher.next(new ListPagingSetPageNumberAction(Number(1)));
-                }
-                _this.dispatcher.sortSetFieldSelectors([
-                    { fieldSelector: sort.fieldSelector, descending: sort.descending },
-                ]);
-            });
-        };
-        SkyListToolbarComponent.prototype.inlineFilterButtonClick = function () {
-            this.inlineFilterBarExpanded = !this.inlineFilterBarExpanded;
-        };
-        SkyListToolbarComponent.prototype.updateSearchText = function (searchText) {
-            var _this = this;
-            this.searchApplied.next(searchText);
-            if (this.inMemorySearchEnabled) {
-                this.state.pipe(operators.take(1)).subscribe(function (currentState) {
-                    if (currentState.paging.pageNumber &&
-                        currentState.paging.pageNumber !== 1) {
-                        _this.dispatcher.next(new ListPagingSetPageNumberAction(Number(1)));
-                    }
-                    _this.dispatcher.searchSetText(searchText);
-                });
-            }
-        };
-        SkyListToolbarComponent.prototype.itemIsInView = function (itemView, activeView) {
-            return itemView === undefined || itemView === activeView;
-        };
-        SkyListToolbarComponent.prototype.getSortSelectors = function () {
-            return rxjs.combineLatest(this.state.pipe(operators.map(function (s) { return s.sort.available; }), operators.distinctUntilChanged()), this.state.pipe(operators.map(function (s) { return s.sort.global; }), operators.distinctUntilChanged()), this.state.pipe(operators.map(function (s) { return s.sort.fieldSelectors; }), operators.distinctUntilChanged()), function (available, global, fieldSelectors) {
-                // Get sorts that are in the global that are not in the available
-                var sorts = global.filter(function (g) { return available.filter(function (a) { return a.fieldSelector === g.fieldSelector; })
-                    .length === 0; });
-                var resultSortSelectors = __spreadArray(__spreadArray([], __read(sorts)), __read(available)).map(function (sortLabels) {
-                    var fs = fieldSelectors.filter(function (f) {
-                        return (f.fieldSelector === sortLabels.fieldSelector &&
-                            f.descending === sortLabels.descending);
-                    });
-                    var selected = false;
-                    if (fs.length > 0) {
-                        selected = true;
-                    }
-                    return {
-                        sort: sortLabels,
-                        selected: selected,
-                    };
-                });
-                return resultSortSelectors;
-            }).pipe(operators.takeUntil(this.ngUnsubscribe));
-        };
-        SkyListToolbarComponent.prototype.watchTemplates = function () {
-            var _this = this;
-            rxjs.combineLatest(this.state.pipe(operators.map(function (s) { return s.toolbar; }), operators.distinctUntilChanged()), this.view.pipe(operators.distinctUntilChanged()), function (toolbar, view) {
-                var items = toolbar.items.filter(function (i) {
-                    return _this.itemIsInView(i.view, view);
-                });
-                var templates = {};
-                items.forEach(function (item) {
-                    templates[item.location] = templates[item.location] || [];
-                    templates[item.location].push(item);
-                });
-                return templates;
-            })
-                .pipe(operators.takeUntil(this.ngUnsubscribe))
-                .subscribe(function (value) {
-                _this.leftTemplates = value.left;
-                _this.centerTemplates = value.center;
-                _this.rightTemplates = value.right;
-                _this.changeDetector.markForCheck();
-            });
-        };
-        return SkyListToolbarComponent;
-    }());
-    SkyListToolbarComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyListToolbarComponent, deps: [{ token: i0__namespace.ChangeDetectorRef }, { token: ListState }, { token: ListStateDispatcher }, { token: ListToolbarState }, { token: ListToolbarStateDispatcher }], target: i0__namespace.ɵɵFactoryTarget.Component });
-    SkyListToolbarComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: SkyListToolbarComponent, selector: "sky-list-toolbar", inputs: { inMemorySearchEnabled: "inMemorySearchEnabled", placeholder: "placeholder", searchEnabled: "searchEnabled", sortSelectorEnabled: "sortSelectorEnabled", toolbarType: "toolbarType", searchText: "searchText" }, providers: [
-            ListToolbarState,
-            ListToolbarStateDispatcher,
-            ListToolbarStateModel,
-        ], queries: [{ propertyName: "toolbarItems", predicate: SkyListToolbarItemComponent }, { propertyName: "toolbarSorts", predicate: SkyListToolbarSortComponent }, { propertyName: "filterSummary", predicate: SkyListFilterSummaryComponent }, { propertyName: "inlineFilter", predicate: SkyListFilterInlineComponent }, { propertyName: "viewActions", predicate: SkyListToolbarViewActionsComponent }], viewQueries: [{ propertyName: "searchComponent", first: true, predicate: i8.SkySearchComponent, descendants: true, read: i8.SkySearchComponent }, { propertyName: "searchTemplate", first: true, predicate: ["search"], descendants: true, read: i0.TemplateRef, static: true }, { propertyName: "sortSelectorTemplate", first: true, predicate: ["sortSelector"], descendants: true, read: i0.TemplateRef, static: true }, { propertyName: "inlineFilterButtonTemplate", first: true, predicate: ["inlineFilterButton"], descendants: true, read: i0.TemplateRef, static: true }], ngImport: i0__namespace, template: "<div class=\"sky-list-toolbar-container\">\n  <sky-toolbar *ngIf=\"(type | async) !== 'search'\">\n    <sky-toolbar-section>\n      <sky-toolbar-item *ngFor=\"let item of leftTemplates\">\n        <sky-list-toolbar-item-renderer\n          [attr.sky-cmp-id]=\"item.id\"\n          [template]=\"item.template\"\n        >\n        </sky-list-toolbar-item-renderer>\n      </sky-toolbar-item>\n      <sky-toolbar-item *ngFor=\"let item of centerTemplates\">\n        <sky-list-toolbar-item-renderer\n          [attr.sky-cmp-id]=\"item.id\"\n          [template]=\"item.template\"\n        >\n        </sky-list-toolbar-item-renderer>\n      </sky-toolbar-item>\n      <sky-toolbar-item\n        *ngFor=\"let item of rightTemplates\"\n        [attr.sky-toolbar-id]=\"item.id\"\n      >\n        <sky-list-toolbar-item-renderer\n          [attr.sky-cmp-id]=\"item.id\"\n          [template]=\"item.template\"\n        >\n        </sky-list-toolbar-item-renderer>\n      </sky-toolbar-item>\n\n      <ng-content></ng-content>\n\n      <sky-toolbar-view-actions *ngIf=\"hasViewActions\">\n        <ng-content select=\"sky-list-toolbar-view-actions\"> </ng-content>\n      </sky-toolbar-view-actions>\n    </sky-toolbar-section>\n\n    <sky-toolbar-section\n      *ngIf=\"showFilterSummary && (hasAppliedFilters | async)\"\n    >\n      <ng-content select=\"sky-list-filter-summary\"> </ng-content>\n    </sky-toolbar-section>\n  </sky-toolbar>\n\n  <div\n    *ngIf=\"\n      (type | async) === 'search' &&\n      ((isSearchEnabled | async) || hasAdditionalToolbarSection)\n    \"\n    class=\"sky-list-toolbar-search\"\n  >\n    <sky-toolbar>\n      <sky-toolbar-section *ngIf=\"isSearchEnabled | async\">\n        <sky-toolbar-item>\n          <sky-list-toolbar-item-renderer\n            sky-cmp-id=\"search\"\n            [template]=\"search\"\n          >\n          </sky-list-toolbar-item-renderer>\n        </sky-toolbar-item>\n      </sky-toolbar-section>\n      <sky-toolbar-section [hidden]=\"!hasAdditionalToolbarSection\">\n        <sky-toolbar-item *ngFor=\"let item of leftTemplates\">\n          <sky-list-toolbar-item-renderer\n            [attr.sky-cmp-id]=\"item.id\"\n            [template]=\"item.template\"\n          >\n          </sky-list-toolbar-item-renderer>\n        </sky-toolbar-item>\n        <sky-toolbar-item *ngFor=\"let item of centerTemplates\">\n          <sky-list-toolbar-item-renderer\n            [attr.sky-cmp-id]=\"item.id\"\n            [template]=\"item.template\"\n          >\n          </sky-list-toolbar-item-renderer>\n        </sky-toolbar-item>\n        <sky-toolbar-item\n          *ngFor=\"let item of rightTemplates\"\n          [attr.sky-toolbar-id]=\"item.id\"\n        >\n          <sky-list-toolbar-item-renderer\n            *ngIf=\"item.id !== 'search'\"\n            [attr.sky-cmp-id]=\"item.id\"\n            [template]=\"item.template\"\n          >\n          </sky-list-toolbar-item-renderer>\n        </sky-toolbar-item>\n        <ng-content></ng-content>\n\n        <sky-toolbar-view-actions *ngIf=\"hasViewActions\">\n          <ng-content select=\"sky-list-toolbar-view-actions\"> </ng-content>\n        </sky-toolbar-view-actions>\n      </sky-toolbar-section>\n    </sky-toolbar>\n  </div>\n  <div\n    *ngIf=\"isFilterBarDisplayed\"\n    [attr.aria-labelledby]=\"filterButtonId\"\n    [id]=\"listFilterInlineId\"\n  >\n    <ng-content select=\"sky-list-filter-inline\"> </ng-content>\n  </div>\n  <sky-list-multiselect-toolbar *ngIf=\"isMultiselectEnabled | async\">\n  </sky-list-multiselect-toolbar>\n</div>\n\n<ng-template #search>\n  <div *ngIf=\"isSearchEnabled | async\" class=\"sky-list-toolbar-search-wrapper\">\n    <sky-search\n      [disabled]=\"isToolbarDisabled\"\n      [expandMode]=\"(type | async) === 'search' ? 'fit' : 'responsive'\"\n      [placeholderText]=\"placeholder\"\n      [searchText]=\"searchTextInput | async\"\n      (searchApply)=\"updateSearchText($event)\"\n    >\n    </sky-search>\n    <ng-content select=\"sky-list-toolbar-search-actions\"></ng-content>\n  </div>\n</ng-template>\n\n<ng-template #sortSelector>\n  <div\n    *ngIf=\"\n      (isSortSelectorEnabled | async) && (sortSelectors | async).length > 0\n    \"\n    class=\"sky-toolbar-item-sort-container\"\n  >\n    <sky-sort [showButtonText]=\"true\">\n      <sky-sort-item\n        *ngFor=\"let item of sortSelectors | async\"\n        [active]=\"item.selected\"\n        (itemSelect)=\"setSort(item.sort)\"\n      >\n        {{ item.sort.text }}\n      </sky-sort-item>\n    </sky-sort>\n  </div>\n</ng-template>\n\n<ng-template #inlineFilterButton>\n  <sky-filter-button\n    [active]=\"hasAppliedFilters | async\"\n    [ariaControls]=\"filterButtonAriaControls\"\n    [ariaExpanded]=\"inlineFilterBarExpanded\"\n    [disabled]=\"isToolbarDisabled\"\n    [filterButtonId]=\"filterButtonId\"\n    [showButtonText]=\"true\"\n    (filterButtonClick)=\"inlineFilterButtonClick()\"\n  >\n  </sky-filter-button>\n</ng-template>\n", styles: [".sky-list-toolbar-search-wrapper{display:flex}.sky-list-toolbar-search-wrapper ::ng-deep .sky-search-dismiss-absolute{padding:0;position:static}.sky-list-toolbar-search-wrapper ::ng-deep .sky-search-container{position:relative;height:100%}.sky-list-toolbar-search-wrapper ::ng-deep sky-search{flex:1 1 auto}.sky-list-toolbar-search-wrapper ::ng-deep sky-list-toolbar-search-actions{flex:0 0 auto;z-index:1}.sky-list-toolbar-container ::ng-deep .sky-toolbar-section-items sky-toolbar-item{flex:0 1 auto;align-self:flex-start}.sky-list-toolbar-search ::ng-deep .sky-toolbar-section{padding-top:0}.sky-list-toolbar-search ::ng-deep .sky-toolbar-section-items{display:block;width:100%}.sky-list-toolbar-search ::ng-deep .sky-toolbar-item{margin:0}.sky-list-toolbar-search ::ng-deep .sky-toolbar-container,.sky-list-toolbar-search ::ng-deep .sky-search-dismiss-absolute{background-color:#eeeeef}.sky-list-toolbar-search ::ng-deep input[type=text]:disabled,.sky-list-toolbar-search ::ng-deep .sky-search-btn:disabled{background-color:#cdcfd2;opacity:1}.sky-list-toolbar-container ::ng-deep sky-toolbar-item[sky-toolbar-id=sort-selector] .sky-toolbar-item{margin-right:0}.sky-list-toolbar-container ::ng-deep sky-checkbox{position:relative;top:-2px}\n"], components: [{ type: i3__namespace$2.λ37, selector: "sky-toolbar" }, { type: i3__namespace$2.λ38, selector: "sky-toolbar-section" }, { type: i3__namespace$2.λ39, selector: "sky-toolbar-item" }, { type: SkyListToolbarItemRendererComponent, selector: "sky-list-toolbar-item-renderer", inputs: ["template"] }, { type: i3__namespace$2.λ40, selector: "sky-toolbar-view-actions" }, { type: SkyListMultiselectToolbarComponent, selector: "sky-list-multiselect-toolbar", inputs: ["showOnlySelected"] }, { type: i8__namespace.SkySearchComponent, selector: "sky-search", inputs: ["searchText", "expandMode", "debounceTime", "disabled", "placeholderText"], outputs: ["searchApply", "searchChange", "searchClear"] }, { type: i3__namespace.λ14, selector: "sky-sort", inputs: ["showButtonText"] }, { type: i3__namespace.λ13, selector: "sky-sort-item", inputs: ["active"], outputs: ["itemSelect"] }, { type: i3__namespace.λ1, selector: "sky-filter-button", inputs: ["filterButtonId", "ariaControls", "ariaExpanded", "active", "disabled", "showButtonText"], outputs: ["filterButtonClick"] }], directives: [{ type: i4__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i4__namespace.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }], pipes: { "async": i4__namespace.AsyncPipe }, changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyListToolbarComponent, decorators: [{
-                type: i0.Component,
-                args: [{
-                        selector: 'sky-list-toolbar',
-                        template: "<div class=\"sky-list-toolbar-container\">\n  <sky-toolbar *ngIf=\"(type | async) !== 'search'\">\n    <sky-toolbar-section>\n      <sky-toolbar-item *ngFor=\"let item of leftTemplates\">\n        <sky-list-toolbar-item-renderer\n          [attr.sky-cmp-id]=\"item.id\"\n          [template]=\"item.template\"\n        >\n        </sky-list-toolbar-item-renderer>\n      </sky-toolbar-item>\n      <sky-toolbar-item *ngFor=\"let item of centerTemplates\">\n        <sky-list-toolbar-item-renderer\n          [attr.sky-cmp-id]=\"item.id\"\n          [template]=\"item.template\"\n        >\n        </sky-list-toolbar-item-renderer>\n      </sky-toolbar-item>\n      <sky-toolbar-item\n        *ngFor=\"let item of rightTemplates\"\n        [attr.sky-toolbar-id]=\"item.id\"\n      >\n        <sky-list-toolbar-item-renderer\n          [attr.sky-cmp-id]=\"item.id\"\n          [template]=\"item.template\"\n        >\n        </sky-list-toolbar-item-renderer>\n      </sky-toolbar-item>\n\n      <ng-content></ng-content>\n\n      <sky-toolbar-view-actions *ngIf=\"hasViewActions\">\n        <ng-content select=\"sky-list-toolbar-view-actions\"> </ng-content>\n      </sky-toolbar-view-actions>\n    </sky-toolbar-section>\n\n    <sky-toolbar-section\n      *ngIf=\"showFilterSummary && (hasAppliedFilters | async)\"\n    >\n      <ng-content select=\"sky-list-filter-summary\"> </ng-content>\n    </sky-toolbar-section>\n  </sky-toolbar>\n\n  <div\n    *ngIf=\"\n      (type | async) === 'search' &&\n      ((isSearchEnabled | async) || hasAdditionalToolbarSection)\n    \"\n    class=\"sky-list-toolbar-search\"\n  >\n    <sky-toolbar>\n      <sky-toolbar-section *ngIf=\"isSearchEnabled | async\">\n        <sky-toolbar-item>\n          <sky-list-toolbar-item-renderer\n            sky-cmp-id=\"search\"\n            [template]=\"search\"\n          >\n          </sky-list-toolbar-item-renderer>\n        </sky-toolbar-item>\n      </sky-toolbar-section>\n      <sky-toolbar-section [hidden]=\"!hasAdditionalToolbarSection\">\n        <sky-toolbar-item *ngFor=\"let item of leftTemplates\">\n          <sky-list-toolbar-item-renderer\n            [attr.sky-cmp-id]=\"item.id\"\n            [template]=\"item.template\"\n          >\n          </sky-list-toolbar-item-renderer>\n        </sky-toolbar-item>\n        <sky-toolbar-item *ngFor=\"let item of centerTemplates\">\n          <sky-list-toolbar-item-renderer\n            [attr.sky-cmp-id]=\"item.id\"\n            [template]=\"item.template\"\n          >\n          </sky-list-toolbar-item-renderer>\n        </sky-toolbar-item>\n        <sky-toolbar-item\n          *ngFor=\"let item of rightTemplates\"\n          [attr.sky-toolbar-id]=\"item.id\"\n        >\n          <sky-list-toolbar-item-renderer\n            *ngIf=\"item.id !== 'search'\"\n            [attr.sky-cmp-id]=\"item.id\"\n            [template]=\"item.template\"\n          >\n          </sky-list-toolbar-item-renderer>\n        </sky-toolbar-item>\n        <ng-content></ng-content>\n\n        <sky-toolbar-view-actions *ngIf=\"hasViewActions\">\n          <ng-content select=\"sky-list-toolbar-view-actions\"> </ng-content>\n        </sky-toolbar-view-actions>\n      </sky-toolbar-section>\n    </sky-toolbar>\n  </div>\n  <div\n    *ngIf=\"isFilterBarDisplayed\"\n    [attr.aria-labelledby]=\"filterButtonId\"\n    [id]=\"listFilterInlineId\"\n  >\n    <ng-content select=\"sky-list-filter-inline\"> </ng-content>\n  </div>\n  <sky-list-multiselect-toolbar *ngIf=\"isMultiselectEnabled | async\">\n  </sky-list-multiselect-toolbar>\n</div>\n\n<ng-template #search>\n  <div *ngIf=\"isSearchEnabled | async\" class=\"sky-list-toolbar-search-wrapper\">\n    <sky-search\n      [disabled]=\"isToolbarDisabled\"\n      [expandMode]=\"(type | async) === 'search' ? 'fit' : 'responsive'\"\n      [placeholderText]=\"placeholder\"\n      [searchText]=\"searchTextInput | async\"\n      (searchApply)=\"updateSearchText($event)\"\n    >\n    </sky-search>\n    <ng-content select=\"sky-list-toolbar-search-actions\"></ng-content>\n  </div>\n</ng-template>\n\n<ng-template #sortSelector>\n  <div\n    *ngIf=\"\n      (isSortSelectorEnabled | async) && (sortSelectors | async).length > 0\n    \"\n    class=\"sky-toolbar-item-sort-container\"\n  >\n    <sky-sort [showButtonText]=\"true\">\n      <sky-sort-item\n        *ngFor=\"let item of sortSelectors | async\"\n        [active]=\"item.selected\"\n        (itemSelect)=\"setSort(item.sort)\"\n      >\n        {{ item.sort.text }}\n      </sky-sort-item>\n    </sky-sort>\n  </div>\n</ng-template>\n\n<ng-template #inlineFilterButton>\n  <sky-filter-button\n    [active]=\"hasAppliedFilters | async\"\n    [ariaControls]=\"filterButtonAriaControls\"\n    [ariaExpanded]=\"inlineFilterBarExpanded\"\n    [disabled]=\"isToolbarDisabled\"\n    [filterButtonId]=\"filterButtonId\"\n    [showButtonText]=\"true\"\n    (filterButtonClick)=\"inlineFilterButtonClick()\"\n  >\n  </sky-filter-button>\n</ng-template>\n",
-                        styles: [".sky-list-toolbar-search-wrapper{display:flex}.sky-list-toolbar-search-wrapper ::ng-deep .sky-search-dismiss-absolute{padding:0;position:static}.sky-list-toolbar-search-wrapper ::ng-deep .sky-search-container{position:relative;height:100%}.sky-list-toolbar-search-wrapper ::ng-deep sky-search{flex:1 1 auto}.sky-list-toolbar-search-wrapper ::ng-deep sky-list-toolbar-search-actions{flex:0 0 auto;z-index:1}.sky-list-toolbar-container ::ng-deep .sky-toolbar-section-items sky-toolbar-item{flex:0 1 auto;align-self:flex-start}.sky-list-toolbar-search ::ng-deep .sky-toolbar-section{padding-top:0}.sky-list-toolbar-search ::ng-deep .sky-toolbar-section-items{display:block;width:100%}.sky-list-toolbar-search ::ng-deep .sky-toolbar-item{margin:0}.sky-list-toolbar-search ::ng-deep .sky-toolbar-container,.sky-list-toolbar-search ::ng-deep .sky-search-dismiss-absolute{background-color:#eeeeef}.sky-list-toolbar-search ::ng-deep input[type=text]:disabled,.sky-list-toolbar-search ::ng-deep .sky-search-btn:disabled{background-color:#cdcfd2;opacity:1}.sky-list-toolbar-container ::ng-deep sky-toolbar-item[sky-toolbar-id=sort-selector] .sky-toolbar-item{margin-right:0}.sky-list-toolbar-container ::ng-deep sky-checkbox{position:relative;top:-2px}\n"],
-                        providers: [
-                            ListToolbarState,
-                            ListToolbarStateDispatcher,
-                            ListToolbarStateModel,
-                        ],
-                        changeDetection: i0.ChangeDetectionStrategy.OnPush,
-                    }]
-            }], ctorParameters: function () { return [{ type: i0__namespace.ChangeDetectorRef }, { type: ListState }, { type: ListStateDispatcher }, { type: ListToolbarState }, { type: ListToolbarStateDispatcher }]; }, propDecorators: { inMemorySearchEnabled: [{
-                    type: i0.Input
-                }], placeholder: [{
-                    type: i0.Input
-                }], searchEnabled: [{
-                    type: i0.Input
-                }], searchComponent: [{
-                    type: i0.ViewChild,
-                    args: [i8.SkySearchComponent, {
-                            read: i8.SkySearchComponent,
-                            static: false,
-                        }]
-                }], sortSelectorEnabled: [{
-                    type: i0.Input
-                }], toolbarType: [{
-                    type: i0.Input
-                }], searchText: [{
-                    type: i0.Input
-                }], toolbarItems: [{
-                    type: i0.ContentChildren,
-                    args: [SkyListToolbarItemComponent]
-                }], toolbarSorts: [{
-                    type: i0.ContentChildren,
-                    args: [SkyListToolbarSortComponent]
-                }], filterSummary: [{
-                    type: i0.ContentChildren,
-                    args: [SkyListFilterSummaryComponent]
-                }], inlineFilter: [{
-                    type: i0.ContentChildren,
-                    args: [SkyListFilterInlineComponent]
-                }], viewActions: [{
-                    type: i0.ContentChildren,
-                    args: [SkyListToolbarViewActionsComponent]
-                }], searchTemplate: [{
-                    type: i0.ViewChild,
-                    args: ['search', {
-                            read: i0.TemplateRef,
-                            static: true,
-                        }]
-                }], sortSelectorTemplate: [{
-                    type: i0.ViewChild,
-                    args: ['sortSelector', {
-                            read: i0.TemplateRef,
-                            static: true,
-                        }]
-                }], inlineFilterButtonTemplate: [{
-                    type: i0.ViewChild,
-                    args: ['inlineFilterButton', {
-                            read: i0.TemplateRef,
-                            static: true,
-                        }]
-                }] } });
-
-    var SkyListToolbarModule = /** @class */ (function () {
-        function SkyListToolbarModule() {
-        }
-        return SkyListToolbarModule;
-    }());
-    SkyListToolbarModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyListToolbarModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
-    SkyListToolbarModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyListToolbarModule, declarations: [SkyListToolbarComponent,
-            SkyListToolbarItemComponent,
-            SkyListToolbarItemRendererComponent,
-            SkyListMultiselectToolbarComponent,
-            SkyListToolbarSearchActionsComponent,
-            SkyListToolbarSortComponent,
-            SkyListToolbarViewActionsComponent], imports: [i4.CommonModule,
-            i5$1.SkyCheckboxModule,
-            i5.SkyI18nModule,
-            i3$2.SkyToolbarModule,
-            i8.SkySearchModule,
-            i3.SkySortModule,
-            i3.SkyFilterModule,
-            SkyListFiltersModule,
-            i3$1.SkyIconModule,
-            SkyListBuilderResourcesModule], exports: [SkyListToolbarComponent,
-            SkyListToolbarItemComponent,
-            SkyListToolbarSearchActionsComponent,
-            SkyListToolbarSortComponent,
-            SkyListToolbarViewActionsComponent] });
-    SkyListToolbarModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyListToolbarModule, imports: [[
-                i4.CommonModule,
-                i5$1.SkyCheckboxModule,
-                i5.SkyI18nModule,
-                i3$2.SkyToolbarModule,
-                i8.SkySearchModule,
-                i3.SkySortModule,
-                i3.SkyFilterModule,
-                SkyListFiltersModule,
-                i3$1.SkyIconModule,
-                SkyListBuilderResourcesModule,
-            ]] });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyListToolbarModule, decorators: [{
-                type: i0.NgModule,
-                args: [{
-                        declarations: [
-                            SkyListToolbarComponent,
-                            SkyListToolbarItemComponent,
-                            SkyListToolbarItemRendererComponent,
-                            SkyListMultiselectToolbarComponent,
-                            SkyListToolbarSearchActionsComponent,
-                            SkyListToolbarSortComponent,
-                            SkyListToolbarViewActionsComponent,
-                        ],
-                        imports: [
-                            i4.CommonModule,
-                            i5$1.SkyCheckboxModule,
-                            i5.SkyI18nModule,
-                            i3$2.SkyToolbarModule,
-                            i8.SkySearchModule,
-                            i3.SkySortModule,
-                            i3.SkyFilterModule,
-                            SkyListFiltersModule,
-                            i3$1.SkyIconModule,
-                            SkyListBuilderResourcesModule,
-                        ],
-                        exports: [
-                            SkyListToolbarComponent,
-                            SkyListToolbarItemComponent,
-                            SkyListToolbarSearchActionsComponent,
-                            SkyListToolbarSortComponent,
-                            SkyListToolbarViewActionsComponent,
-                        ],
-                    }]
-            }] });
-
-    /**
-     * Generated bundle index. Do not edit.
-     */
-
-    exports.ListDataProvider = ListDataProvider;
-    exports.ListDataRequestModel = ListDataRequestModel;
-    exports.ListDataResponseModel = ListDataResponseModel;
-    exports.ListFilterModel = ListFilterModel;
-    exports.ListFiltersOrchestrator = ListFiltersOrchestrator;
-    exports.ListFiltersUpdateAction = ListFiltersUpdateAction;
-    exports.ListItemsLoadAction = ListItemsLoadAction;
-    exports.ListItemsOrchestrator = ListItemsOrchestrator;
-    exports.ListItemsSetLoadingAction = ListItemsSetLoadingAction;
-    exports.ListItemsSetSelectedAction = ListItemsSetSelectedAction;
-    exports.ListPagingModel = ListPagingModel;
-    exports.ListPagingOrchestrator = ListPagingOrchestrator;
-    exports.ListPagingSetItemsPerPageAction = ListPagingSetItemsPerPageAction;
-    exports.ListPagingSetMaxPagesAction = ListPagingSetMaxPagesAction;
-    exports.ListPagingSetPageNumberAction = ListPagingSetPageNumberAction;
-    exports.ListSearchModel = ListSearchModel;
-    exports.ListSearchOrchestrator = ListSearchOrchestrator;
-    exports.ListSearchSetFieldSelectorsAction = ListSearchSetFieldSelectorsAction;
-    exports.ListSearchSetFunctionsAction = ListSearchSetFunctionsAction;
-    exports.ListSearchSetOptionsAction = ListSearchSetOptionsAction;
-    exports.ListSearchSetSearchTextAction = ListSearchSetSearchTextAction;
-    exports.ListSelectedLoadAction = ListSelectedLoadAction;
-    exports.ListSelectedModel = ListSelectedModel;
-    exports.ListSelectedOrchestrator = ListSelectedOrchestrator;
-    exports.ListSelectedSetItemSelectedAction = ListSelectedSetItemSelectedAction;
-    exports.ListSelectedSetItemsSelectedAction = ListSelectedSetItemsSelectedAction;
-    exports.ListSelectedSetLoadingAction = ListSelectedSetLoadingAction;
-    exports.ListSortLabelModel = ListSortLabelModel;
-    exports.ListSortModel = ListSortModel;
-    exports.ListSortOrchestrator = ListSortOrchestrator;
-    exports.ListSortSetAvailableAction = ListSortSetAvailableAction;
-    exports.ListSortSetFieldSelectorsAction = ListSortSetFieldSelectorsAction;
-    exports.ListSortSetGlobalAction = ListSortSetGlobalAction;
-    exports.ListState = ListState;
-    exports.ListStateDispatcher = ListStateDispatcher;
-    exports.ListStateModel = ListStateModel;
-    exports.ListStateOrchestrator = ListStateOrchestrator;
-    exports.ListToolbarItemModel = ListToolbarItemModel;
-    exports.ListToolbarItemsDisableAction = ListToolbarItemsDisableAction;
-    exports.ListToolbarItemsLoadAction = ListToolbarItemsLoadAction;
-    exports.ListToolbarItemsRemoveAction = ListToolbarItemsRemoveAction;
-    exports.ListToolbarModel = ListToolbarModel;
-    exports.ListToolbarOrchestrator = ListToolbarOrchestrator;
-    exports.ListToolbarSetExistsAction = ListToolbarSetExistsAction;
-    exports.ListToolbarSetTypeAction = ListToolbarSetTypeAction;
-    exports.ListToolbarShowMultiselectToolbarAction = ListToolbarShowMultiselectToolbarAction;
-    exports.ListViewComponent = ListViewComponent;
-    exports.ListViewModel = ListViewModel;
-    exports.ListViewsLoadAction = ListViewsLoadAction;
-    exports.ListViewsModel = ListViewsModel;
-    exports.ListViewsOrchestrator = ListViewsOrchestrator;
-    exports.ListViewsSetActiveAction = ListViewsSetActiveAction;
-    exports.SkyListComponent = SkyListComponent;
-    exports.SkyListFilterInlineModel = SkyListFilterInlineModel;
-    exports.SkyListFiltersModule = SkyListFiltersModule;
-    exports.SkyListInMemoryDataProvider = SkyListInMemoryDataProvider;
-    exports.SkyListModule = SkyListModule;
-    exports.SkyListPagingModule = SkyListPagingModule;
-    exports.SkyListSecondaryActionsComponent = SkyListSecondaryActionsComponent;
-    exports.SkyListSecondaryActionsModule = SkyListSecondaryActionsModule;
-    exports.SkyListToolbarComponent = SkyListToolbarComponent;
-    exports.SkyListToolbarModule = SkyListToolbarModule;
-    exports["λ1"] = SkyListFilterButtonComponent;
-    exports["λ10"] = SkyListToolbarViewActionsComponent;
-    exports["λ11"] = SkyListToolbarSearchActionsComponent;
-    exports["λ2"] = SkyListFilterSummaryComponent;
-    exports["λ3"] = SkyListFilterInlineItemComponent;
-    exports["λ4"] = SkyListFilterInlineComponent;
-    exports["λ5"] = SkyListPagingComponent;
-    exports["λ6"] = SkyListSecondaryActionComponent;
-    exports["λ7"] = SkyListSecondaryActionsComponent;
-    exports["λ8"] = SkyListToolbarItemComponent;
-    exports["λ9"] = SkyListToolbarSortComponent;
-
-    Object.defineProperty(exports, '__esModule', { value: true });
-
-}));
-//# sourceMappingURL=skyux-list-builder.umd.js.map