@skyux/list-builder 5.0.0-beta.0 → 5.0.1

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

@@ -1,228 +1,37 @@
 (function (global, factory) {
     typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/core'), require('@angular/common'), require('rxjs'), require('rxjs/operators'), require('@skyux/list-builder-common'), require('@skyux/lists'), require('@skyux/i18n'), require('@skyux/indicators'), require('@skyux/popovers'), require('@skyux/layout'), require('@skyux/lookup'), require('@skyux/forms')) :
     typeof define === 'function' && define.amd ? define('@skyux/list-builder', ['exports', '@angular/core', '@angular/common', 'rxjs', 'rxjs/operators', '@skyux/list-builder-common', '@skyux/lists', '@skyux/i18n', '@skyux/indicators', '@skyux/popovers', '@skyux/layout', '@skyux/lookup', '@skyux/forms'], factory) :
-    (global = global || self, factory((global.skyux = global.skyux || {}, global.skyux['list-builder'] = {}), global.ng.core, global.ng.common, global.rxjs, global.rxjs.operators, global.listBuilderCommon, global.lists, global.i18n, global.indicators, global.popovers, global.layout, global.lookup, global.forms));
-}(this, (function (exports, core, common, rxjs, operators, listBuilderCommon, lists, i18n, indicators, popovers, layout, lookup, forms) { 'use strict';
-
-    /*! *****************************************************************************
-    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 (b.hasOwnProperty(p)) d[p] = b[p]; };
-        return extendStatics(d, b);
-    };
-
-    function __extends(d, b) {
-        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 };
-        }
-    }
-
-    function __createBinding(o, m, k, k2) {
-        if (k2 === undefined) k2 = k;
-        o[k2] = m[k];
-    }
-
-    function __exportStar(m, exports) {
-        for (var p in m) if (p !== "default" && !exports.hasOwnProperty(p)) exports[p] = 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;
-    }
-
-    function __spread() {
-        for (var ar = [], i = 0; i < arguments.length; i++)
-            ar = ar.concat(__read(arguments[i]));
-        return ar;
-    }
-
-    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 __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;
-    };
-
-    function __importStar(mod) {
-        if (mod && mod.__esModule) return mod;
-        var result = {};
-        if (mod != null) for (var k in mod) if (Object.hasOwnProperty.call(mod, k)) result[k] = mod[k];
-        result.default = mod;
-        return result;
-    }
-
-    function __importDefault(mod) {
-        return (mod && mod.__esModule) ? mod : { default: mod };
-    }
-
-    function __classPrivateFieldGet(receiver, privateMap) {
-        if (!privateMap.has(receiver)) {
-            throw new TypeError("attempted to get private field on non-instance");
-        }
-        return privateMap.get(receiver);
-    }
-
-    function __classPrivateFieldSet(receiver, privateMap, value) {
-        if (!privateMap.has(receiver)) {
-            throw new TypeError("attempted to set private field on non-instance");
-        }
-        privateMap.set(receiver, value);
-        return value;
+    (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory((global.skyux = global.skyux || {}, global.skyux["list-builder"] = {}), global.ng.core, global.ng.common, global.rxjs, global.rxjs.operators, global.listBuilderCommon, global.i3, global.i5, global.i3$1, global.i2, global.i3$2, global.i8, global.i5$1));
+})(this, (function (exports, i0, i4, rxjs, operators, listBuilderCommon, i3, i5, i3$1, i2, i3$2, i8, i5$1) { '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 i0__namespace = /*#__PURE__*/_interopNamespace(i0);
+    var i4__namespace = /*#__PURE__*/_interopNamespace(i4);
+    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 i3__namespace$2 = /*#__PURE__*/_interopNamespace(i3$2);
+    var i8__namespace = /*#__PURE__*/_interopNamespace(i8);
+    var i5__namespace$1 = /*#__PURE__*/_interopNamespace(i5$1);
+
     var ListDataRequestModel = /** @class */ (function () {
         function ListDataRequestModel(data) {
             /**
@@ -346,6 +155,324 @@
         return ListSortSetFieldSelectorsAction;
     }());
 
+    /*! *****************************************************************************
+    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.
@@ -371,14 +498,14 @@
             this.fieldSelectors = [];
             if (data) {
                 this.searchText = data.searchText;
-                this.functions = __spread(data.functions);
+                this.functions = __spreadArray([], __read(data.functions));
                 this.fieldSelectors = data.fieldSelectors;
             }
         }
         return ListSearchModel;
     }());
 
-    var idIndex = 0;
+    var idIndex$3 = 0;
     var SkyListInMemoryDataProvider = /** @class */ (function (_super) {
         __extends(SkyListInMemoryDataProvider, _super);
         function SkyListInMemoryDataProvider(data, searchFunction) {
@@ -387,9 +514,7 @@
             _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, d);
-                    }));
+                    _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;
@@ -404,13 +529,13 @@
                     var pagedResult = result.slice(itemStart, itemStart + request.pageSize);
                     return new ListDataResponseModel({
                         count: result.length,
-                        items: pagedResult
+                        items: pagedResult,
                     });
                 }
                 else {
                     return new ListDataResponseModel({
                         count: result.length,
-                        items: result
+                        items: result,
                     });
                 }
             }));
@@ -447,7 +572,9 @@
                 _this.lastFilters = filters;
                 var result = items;
                 // Apply filters.
-                if (!dataChanged && !filtersChanged && _this.lastFilterResults !== undefined) {
+                if (!dataChanged &&
+                    !filtersChanged &&
+                    _this.lastFilterResults !== undefined) {
                     result = _this.lastFilterResults;
                 }
                 else if (filters && filters.length > 0) {
@@ -472,10 +599,16 @@
                     _this.lastFilterResults = undefined;
                 }
                 // Apply search.
-                if (!dataChanged && !searchChanged && _this.lastSearchResults !== undefined && !filtersChanged) {
+                /* istanbul ignore next */
+                if (!dataChanged &&
+                    !searchChanged &&
+                    _this.lastSearchResults !== undefined &&
+                    !filtersChanged) {
                     result = _this.lastSearchResults;
                 }
-                else if (search && search.searchText !== undefined && search.searchText.length > 0) {
+                else if (search &&
+                    search.searchText !== undefined &&
+                    search.searchText.length > 0) {
                     var searchText_1 = search.searchText.toLowerCase();
                     var searchFunctions_1;
                     if (_this.searchFunction !== undefined) {
@@ -489,7 +622,8 @@
                         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) ||
+                            if ((typeof searchResult === 'string' &&
+                                searchResult.indexOf(searchText_1) !== -1) ||
                                 searchResult === true) {
                                 isMatch = true;
                                 break;
@@ -504,7 +638,9 @@
                 }
                 // Apply sort.
                 if (sort && sort.fieldSelectors.length > 0) {
-                    result = result.slice().sort(function (item1, item2) {
+                    result = result
+                        .slice()
+                        .sort(function (item1, item2) {
                         var compareResult = 0;
                         for (var i = 0; i < sort.fieldSelectors.length; i++) {
                             var selector = sort.fieldSelectors[i];
@@ -792,6 +928,7 @@
         ListStateDispatcher.prototype.searchSetFunctions = function (sortFunctions) {
             this.next(new ListSearchSetFunctionsAction(sortFunctions));
         };
+        /* istanbul ignore next */
         ListStateDispatcher.prototype.searchSetFieldSelectors = function (fieldSelectors) {
             this.next(new ListSearchSetFieldSelectorsAction(fieldSelectors));
         };
@@ -817,11 +954,13 @@
             if (refresh === void 0) { refresh = false; }
             this.next(new ListSelectedSetItemsSelectedAction(selectedIds, selected, refresh));
         };
-        ListStateDispatcher = __decorate([
-            core.Injectable()
-        ], ListStateDispatcher);
         return ListStateDispatcher;
     }(listBuilderCommon.StateDispatcher));
+    ListStateDispatcher.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: ListStateDispatcher, deps: null, target: i0__namespace.ɵɵFactoryTarget.Injectable });
+    ListStateDispatcher.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: ListStateDispatcher });
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: ListStateDispatcher, decorators: [{
+                type: i0.Injectable
+            }] });
 
     /**
      * @internal
@@ -831,12 +970,11 @@
         /* istanbul ignore next */
         function ListFiltersOrchestrator() {
             var _this = _super.call(this) || this;
-            _this
-                .register(ListFiltersUpdateAction, _this.update);
+            _this.register(ListFiltersUpdateAction, _this.update);
             return _this;
         }
         ListFiltersOrchestrator.prototype.update = function (state, action) {
-            return __spread(action.filters);
+            return __spreadArray([], __read(action.filters));
         };
         return ListFiltersOrchestrator;
     }(ListStateOrchestrator));
@@ -845,7 +983,9 @@
      * @internal
      */
     var ListItemsSetSelectedAction = /** @class */ (function () {
-        function ListItemsSetSelectedAction(items, selected, refresh) {
+        function ListItemsSetSelectedAction(items, 
+        /* istanbul ignore next */
+        selected, refresh) {
             if (selected === void 0) { selected = false; }
             if (refresh === void 0) { refresh = true; }
             this.items = items;
@@ -863,8 +1003,7 @@
         /* istanbul ignore next */
         function ListItemsOrchestrator() {
             var _this = _super.call(this) || this;
-            _this
-                .register(ListItemsSetLoadingAction, _this.setLoading)
+            _this.register(ListItemsSetLoadingAction, _this.setLoading)
                 .register(ListItemsLoadAction, _this.load)
                 .register(ListItemsSetSelectedAction, _this.setItemsSelected);
             return _this;
@@ -874,18 +1013,21 @@
         };
         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) ? __spread(newListItems) : __spread(state.items, newListItems);
+            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; });
+                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;
                 }
@@ -940,8 +1082,7 @@
         /* istanbul ignore next */
         function ListPagingOrchestrator() {
             var _this = _super.call(this) || this;
-            _this
-                .register(ListPagingSetMaxPagesAction, _this.setMaxPages)
+            _this.register(ListPagingSetMaxPagesAction, _this.setMaxPages)
                 .register(ListPagingSetItemsPerPageAction, _this.setItemsPerPage)
                 .register(ListPagingSetPageNumberAction, _this.setPageNumber);
             return _this;
@@ -976,9 +1117,7 @@
         /* istanbul ignore next */
         function ListViewsOrchestrator() {
             var _this = _super.call(this) || this;
-            _this
-                .register(ListViewsSetActiveAction, _this.setActive)
-                .register(ListViewsLoadAction, _this.load);
+            _this.register(ListViewsSetActiveAction, _this.setActive).register(ListViewsLoadAction, _this.load);
             return _this;
         }
         ListViewsOrchestrator.prototype.setActive = function (state, action) {
@@ -1025,8 +1164,7 @@
         /* istanbul ignore next */
         function ListToolbarOrchestrator() {
             var _this = _super.call(this) || this;
-            _this
-                .register(ListToolbarSetExistsAction, _this.setExists)
+            _this.register(ListToolbarSetExistsAction, _this.setExists)
                 .register(ListToolbarItemsDisableAction, _this.setDisabled)
                 .register(ListToolbarItemsLoadAction, _this.load)
                 .register(ListToolbarSetTypeAction, _this.setType)
@@ -1062,7 +1200,7 @@
                 }
                 return new ListToolbarItemModel(item);
             });
-            var items = __spread(state.items, newListItems);
+            var items = __spreadArray(__spreadArray([], __read(state.items)), __read(newListItems));
             items = items.sort(function (a, b) {
                 if (a.index < b.index) {
                     return -1;
@@ -1100,21 +1238,22 @@
         /* istanbul ignore next */
         function ListSearchOrchestrator() {
             var _this = _super.call(this) || this;
-            _this
-                .register(ListSearchSetSearchTextAction, _this.setSearchText)
+            _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 : '' }));
+            return new ListSearchModel(Object.assign({}, state, {
+                searchText: action.searchText ? action.searchText : '',
+            }));
         };
         ListSearchOrchestrator.prototype.setFunctions = function (state, action) {
-            return new ListSearchModel(Object.assign({}, state, { functions: __spread(action.functions) }));
+            return new ListSearchModel(Object.assign({}, state, { functions: __spreadArray([], __read(action.functions)) }));
         };
         ListSearchOrchestrator.prototype.setFieldSelectors = function (state, action) {
-            return new ListSearchModel(Object.assign({}, state, { fieldSelectors: __spread(action.fieldSelectors) }));
+            return new ListSearchModel(Object.assign({}, state, { fieldSelectors: __spreadArray([], __read(action.fieldSelectors)) }));
         };
         ListSearchOrchestrator.prototype.setOptions = function (state, action) {
             var result = state;
@@ -1154,8 +1293,7 @@
         /* istanbul ignore next */
         function ListSelectedOrchestrator() {
             var _this = _super.call(this) || this;
-            _this
-                .register(ListSelectedSetLoadingAction, _this.setLoading)
+            _this.register(ListSelectedSetLoadingAction, _this.setLoading)
                 .register(ListSelectedSetItemSelectedAction, _this.setItemSelected)
                 .register(ListSelectedSetItemsSelectedAction, _this.setItemsSelected)
                 .register(ListSelectedLoadAction, _this.load);
@@ -1176,11 +1314,11 @@
         };
         ListSelectedOrchestrator.prototype.setItemsSelected = function (state, action) {
             var newSelectedIds = action.items || [];
-            var newListSelectedModel = action.refresh ? new ListSelectedModel() : this.cloneListSelectedModel(state.item);
+            var newListSelectedModel = action.refresh
+                ? new ListSelectedModel()
+                : this.cloneListSelectedModel(state.item);
             if (newSelectedIds instanceof rxjs.Observable) {
-                newSelectedIds
-                    .pipe(operators.take(1))
-                    .subscribe(function (selectedIds) {
+                newSelectedIds.pipe(operators.take(1)).subscribe(function (selectedIds) {
                     selectedIds.map(function (s) { return newListSelectedModel.selectedIdMap.set(s, action.selected); });
                 });
             }
@@ -1231,8 +1369,7 @@
         /* istanbul ignore next */
         function ListSortOrchestrator() {
             var _this = _super.call(this) || this;
-            _this
-                .register(ListSortSetFieldSelectorsAction, _this.setFieldSelectors)
+            _this.register(ListSortSetFieldSelectorsAction, _this.setFieldSelectors)
                 .register(ListSortSetAvailableAction, _this.setAvailable)
                 .register(ListSortSetGlobalAction, _this.setGlobal);
             return _this;
@@ -1258,8 +1395,7 @@
         __extends(ListState, _super);
         function ListState(dispatcher) {
             var _this = _super.call(this, new ListStateModel(), dispatcher) || this;
-            _this
-                .register('filters', ListFiltersOrchestrator)
+            _this.register('filters', ListFiltersOrchestrator)
                 .register('items', ListItemsOrchestrator)
                 .register('paging', ListPagingOrchestrator)
                 .register('search', ListSearchOrchestrator)
@@ -1270,48 +1406,48 @@
                 .begin();
             return _this;
         }
-        ListState.ctorParameters = function () { return [
-            { type: ListStateDispatcher }
-        ]; };
-        ListState = __decorate([
-            core.Injectable()
-        ], ListState);
         return ListState;
     }(listBuilderCommon.StateNode));
+    ListState.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.13", 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.13", ngImport: i0__namespace, type: ListState });
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: ListState, decorators: [{
+                type: i0.Injectable
+            }], ctorParameters: function () { return [{ type: ListStateDispatcher }]; } });
 
-    var idIndex$1 = 0;
+    var idIndex$2 = 0;
     /**
      * @internal
      */
     var ListViewComponent = /** @class */ (function () {
         function ListViewComponent(state, defaultName) {
             var _this = this;
-            this.viewId = "sky-list-view-cmp-" + ++idIndex$1;
+            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(); });
+            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: true,
+            enumerable: false,
             configurable: true
         });
         Object.defineProperty(ListViewComponent.prototype, "label", {
             get: function () {
                 return this.viewName;
             },
-            enumerable: true,
+            enumerable: false,
             configurable: true
         });
         /* istanbul ignore next */
-        ListViewComponent.prototype.onViewActive = function () {
-        };
-        ListViewComponent.prototype.onViewInactive = function () {
-        };
+        ListViewComponent.prototype.onViewActive = function () { };
+        ListViewComponent.prototype.onViewInactive = function () { };
         return ListViewComponent;
     }());
 
@@ -1326,12 +1462,12 @@
         return ListViewModel;
     }());
 
-    var idIndex$2 = 0;
+    var idIndex$1 = 0;
     var SkyListComponent = /** @class */ (function () {
         function SkyListComponent(state, dispatcher) {
             this.state = state;
             this.dispatcher = dispatcher;
-            this.id = "sky-list-cmp-" + ++idIndex$2;
+            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
@@ -1351,12 +1487,11 @@
             /**
              * For list views that support item selection, emits the selected entries.
              */
-            this.selectedIdsChange = new core.EventEmitter();
+            this.selectedIdsChange = new i0.EventEmitter();
             /**
              * Emits the filters applied to the list.
              */
-            this.appliedFiltersChange = new core.EventEmitter();
-            /* tslint:enable */
+            this.appliedFiltersChange = new i0.EventEmitter();
             this.dataFirstLoad = false;
             this.lastSelectedIds = [];
             this.lastFilters = [];
@@ -1368,7 +1503,9 @@
                 this.dataFirstLoad = true;
             }
             if (this.listViews.length > 0) {
-                var defaultView = (this.defaultView === undefined) ? this.listViews.first : this.defaultView;
+                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));
@@ -1428,9 +1565,11 @@
         SkyListComponent.prototype.ngOnChanges = function (changes) {
             var _this = this;
             if (changes['appliedFilters'] &&
-                changes['appliedFilters'].currentValue !== changes['appliedFilters'].previousValue) {
+                changes['appliedFilters'].currentValue !==
+                    changes['appliedFilters'].previousValue) {
                 this.state.pipe(operators.take(1)).subscribe(function (currentState) {
-                    if (currentState.paging.pageNumber && currentState.paging.pageNumber !== 1) {
+                    if (currentState.paging.pageNumber &&
+                        currentState.paging.pageNumber !== 1) {
                         _this.dispatcher.next(new ListPagingSetPageNumberAction(Number(1)));
                     }
                     _this.dispatcher.filtersUpdate(_this.appliedFilters);
@@ -1488,7 +1627,7 @@
                         selectedChanged = true;
                         return selected;
                     })),
-                    data.pipe(operators.distinctUntilChanged())
+                    data.pipe(operators.distinctUntilChanged()),
                 ], function (filters, search, sortFieldSelectors, itemsPerPage, pageNumber, isToolbarDisabled, selected, itemsData) {
                     cancelLastRequest.next();
                     cancelLastRequest.complete();
@@ -1501,37 +1640,38 @@
                     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$2, d); });
+                        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
+                            items: initialItems,
                         })).pipe(operators.takeUntil(cancelLastRequest));
                     }
                     else {
-                        response = _this.dataProvider.get(new ListDataRequestModel({
+                        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));
+                            isToolbarDisabled: isToolbarDisabled,
+                        }))
+                            .pipe(operators.takeUntil(cancelLastRequest));
                     }
                     return response;
-                })
-                    .pipe(operators.takeUntil(this.ngUnsubscribe), 
+                }).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)
+                            items: _this.getItemsAndRetainSelections(listDataResponseModel.items, _this.lastSelectedIds),
                         });
                     }));
                 }), operators.flatMap(function (value) { return value; }));
             },
-            enumerable: true,
+            enumerable: false,
             configurable: true
         });
         Object.defineProperty(SkyListComponent.prototype, "selectedItems", {
@@ -1540,31 +1680,28 @@
                     return items.filter(function (i) { return selected.item.selectedIdMap.get(i.id); });
                 }).pipe(operators.takeUntil(this.ngUnsubscribe));
             },
-            enumerable: true,
+            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;
-                }));
+                return this.state.pipe(operators.takeUntil(this.ngUnsubscribe), operators.map(function (s) { return s.items.lastUpdate ? new Date(s.items.lastUpdate) : undefined; }));
             },
-            enumerable: true,
+            enumerable: false,
             configurable: true
         });
         Object.defineProperty(SkyListComponent.prototype, "views", {
             get: function () {
                 return this.listViews.toArray();
             },
-            enumerable: true,
+            enumerable: false,
             configurable: true
         });
         Object.defineProperty(SkyListComponent.prototype, "itemCount", {
             get: function () {
                 return this.dataProvider.count();
             },
-            enumerable: true,
+            enumerable: false,
             configurable: true
         });
         SkyListComponent.prototype.getItemsAndRetainSelections = function (newList, selectedIds) {
@@ -1592,72 +1729,60 @@
             }
             return true;
         };
-        SkyListComponent.ctorParameters = function () { return [
-            { type: ListState },
-            { type: ListStateDispatcher }
-        ]; };
-        __decorate([
-            core.Input()
-        ], SkyListComponent.prototype, "data", void 0);
-        __decorate([
-            core.Input()
-        ], SkyListComponent.prototype, "dataProvider", void 0);
-        __decorate([
-            core.Input()
-        ], SkyListComponent.prototype, "defaultView", void 0);
-        __decorate([
-            core.Input()
-        ], SkyListComponent.prototype, "initialTotal", void 0);
-        __decorate([
-            core.Input()
-        ], SkyListComponent.prototype, "selectedIds", void 0);
-        __decorate([
-            core.Input()
-        ], SkyListComponent.prototype, "sortFields", void 0);
-        __decorate([
-            core.Input()
-        ], SkyListComponent.prototype, "appliedFilters", void 0);
-        __decorate([
-            core.Output()
-        ], SkyListComponent.prototype, "selectedIdsChange", void 0);
-        __decorate([
-            core.Output()
-        ], SkyListComponent.prototype, "appliedFiltersChange", void 0);
-        __decorate([
-            core.Input('search')
-        ], SkyListComponent.prototype, "searchFunction", void 0);
-        __decorate([
-            core.ContentChildren(ListViewComponent)
-        ], SkyListComponent.prototype, "listViews", void 0);
-        SkyListComponent = __decorate([
-            core.Component({
-                selector: 'sky-list',
-                template: '<ng-content></ng-content>',
-                providers: [ListState, ListStateDispatcher],
-                changeDetection: core.ChangeDetectionStrategy.OnPush
-            })
-        ], SkyListComponent);
         return SkyListComponent;
     }());
+    SkyListComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.13", 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.13", 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.13", 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() {
         }
-        SkyListModule = __decorate([
-            core.NgModule({
-                declarations: [
-                    SkyListComponent
-                ],
-                imports: [
-                    common.CommonModule
-                ],
-                exports: [
-                    SkyListComponent
-                ]
-            })
-        ], SkyListModule);
         return SkyListModule;
     }());
+    SkyListModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: SkyListModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
+    SkyListModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: SkyListModule, declarations: [SkyListComponent], imports: [i4.CommonModule], exports: [SkyListComponent] });
+    SkyListModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: SkyListModule, imports: [[i4.CommonModule]] });
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: SkyListModule, decorators: [{
+                type: i0.NgModule,
+                args: [{
+                        declarations: [SkyListComponent],
+                        imports: [i4.CommonModule],
+                        exports: [SkyListComponent],
+                    }]
+            }] });
 
     var ListFilterModel = /** @class */ (function () {
         function ListFilterModel(data) {
@@ -1683,7 +1808,7 @@
      */
     var SkyListFilterInlineModel = /** @class */ (function () {
         function SkyListFilterInlineModel(data) {
-            this.onChange = new core.EventEmitter();
+            this.onChange = new i0.EventEmitter();
             if (data) {
                 this.name = data.name;
                 this.filterFunction = data.filterFunction;
@@ -1717,27 +1842,27 @@
                 new ListToolbarItemModel({
                     template: this.filterButtonTemplate,
                     location: 'left',
-                    index: this.filterButtonItemToolbarIndex
-                })
+                    index: this.filterButtonItemToolbarIndex,
+                }),
             ]);
         };
-        SkyListFilterButtonComponent.ctorParameters = function () { return [
-            { type: ListStateDispatcher }
-        ]; };
-        __decorate([
-            core.ViewChild('filterButton', {
-                read: core.TemplateRef,
-                static: true
-            })
-        ], SkyListFilterButtonComponent.prototype, "filterButtonTemplate", void 0);
-        SkyListFilterButtonComponent = __decorate([
-            core.Component({
-                selector: 'sky-list-filter-button',
-                template: "<ng-template #filterButton>\n  <ng-content></ng-content>\n</ng-template>\n"
-            })
-        ], SkyListFilterButtonComponent);
         return SkyListFilterButtonComponent;
     }());
+    SkyListFilterButtonComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.13", 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.13", 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.13", 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,
+                        }]
+                }] } });
 
     /**
      * Creates a filter summary based on the
@@ -1753,7 +1878,7 @@
              * 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 core.EventEmitter();
+            this.summaryItemClick = new i0.EventEmitter();
         }
         SkyListFilterSummaryComponent.prototype.ngAfterContentInit = function () {
             var _this = this;
@@ -1761,10 +1886,10 @@
             setTimeout(function () {
                 _this.appliedFilters = _this.state.pipe(operators.map(function (state) {
                     return state.filters.filter(function (filter) {
-                        return filter.value !== '' &&
+                        return (filter.value !== '' &&
                             filter.value !== undefined &&
                             filter.value !== false &&
-                            filter.value !== filter.defaultValue;
+                            filter.value !== filter.defaultValue);
                     });
                 }));
             });
@@ -1779,29 +1904,26 @@
         SkyListFilterSummaryComponent.prototype.filterSummaryItemClick = function (item) {
             this.summaryItemClick.emit(item);
         };
-        SkyListFilterSummaryComponent.ctorParameters = function () { return [
-            { type: ListState },
-            { type: ListStateDispatcher }
-        ]; };
-        __decorate([
-            core.Output()
-        ], SkyListFilterSummaryComponent.prototype, "summaryItemClick", void 0);
-        SkyListFilterSummaryComponent = __decorate([
-            core.Component({
-                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"
-            })
-        ], SkyListFilterSummaryComponent);
         return SkyListFilterSummaryComponent;
     }());
+    SkyListFilterSummaryComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.13", 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.13", 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.13", 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
+                }] } });
 
     /**
      * Creates a filter in the list's inline filter area.
      */
     var SkyListFilterInlineItemComponent = /** @class */ (function () {
         function SkyListFilterInlineItemComponent() {
-            /* tslint:enable:no-input-rename */
-            this.onChange = new core.EventEmitter();
+            this.onChange = new i0.EventEmitter();
         }
         SkyListFilterInlineItemComponent.prototype.ngOnInit = function () {
             if (this.name === undefined || this.name.length === 0) {
@@ -1810,37 +1932,74 @@
         };
         Object.defineProperty(SkyListFilterInlineItemComponent.prototype, "template", {
             get: function () {
-                return this.templates.length > 0 ? this.templates.first : this.templateInput;
+                return this.templates.length > 0
+                    ? this.templates.first
+                    : this.templateInput;
             },
-            enumerable: true,
+            enumerable: false,
             configurable: true
         });
-        __decorate([
-            core.Input()
-        ], SkyListFilterInlineItemComponent.prototype, "name", void 0);
-        __decorate([
-            core.Input()
-        ], SkyListFilterInlineItemComponent.prototype, "value", void 0);
-        __decorate([
-            core.Input()
-        ], SkyListFilterInlineItemComponent.prototype, "defaultValue", void 0);
-        __decorate([
-            core.Input('filter')
-        ], SkyListFilterInlineItemComponent.prototype, "filterFunction", void 0);
-        __decorate([
-            core.Input('template')
-        ], SkyListFilterInlineItemComponent.prototype, "templateInput", void 0);
-        __decorate([
-            core.ContentChildren(core.TemplateRef)
-        ], SkyListFilterInlineItemComponent.prototype, "templates", void 0);
-        SkyListFilterInlineItemComponent = __decorate([
-            core.Component({
-                selector: 'sky-list-filter-inline-item',
-                template: '<ng-content></ng-content>'
-            })
-        ], SkyListFilterInlineItemComponent);
         return SkyListFilterInlineItemComponent;
     }());
+    SkyListFilterInlineItemComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: SkyListFilterInlineItemComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
+    SkyListFilterInlineItemComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.13", 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.13", 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]
+                }] } });
+
+    /**
+     * @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.13", ngImport: i0__namespace, type: SkyListFilterInlineItemRendererComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
+    SkyListFilterInlineItemRendererComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.13", 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.13", 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 an inline filter area for the list. Place each filter
@@ -1860,7 +2019,7 @@
                     filterFunction: filter.filterFunction,
                     template: filter.template,
                     value: filter.value,
-                    defaultValue: filter.defaultValue
+                    defaultValue: filter.defaultValue,
                 });
             });
             this.inlineFilters.forEach(function (filter) {
@@ -1873,7 +2032,8 @@
         SkyListFilterInlineComponent.prototype.applyFilters = function () {
             var _this = this;
             this.state.pipe(operators.take(1)).subscribe(function (currentState) {
-                if (currentState.paging.pageNumber && currentState.paging.pageNumber !== 1) {
+                if (currentState.paging.pageNumber &&
+                    currentState.paging.pageNumber !== 1) {
                     _this.dispatcher.next(new ListPagingSetPageNumberAction(Number(1)));
                 }
                 _this.dispatcher.filtersUpdate(_this.getFilterModelFromInline(_this.inlineFilters));
@@ -1885,87 +2045,59 @@
                     name: filter.name,
                     value: filter.value,
                     filterFunction: filter.filterFunction,
-                    defaultValue: filter.defaultValue
+                    defaultValue: filter.defaultValue,
                 });
             });
         };
-        SkyListFilterInlineComponent.ctorParameters = function () { return [
-            { type: ListStateDispatcher },
-            { type: ListState }
-        ]; };
-        __decorate([
-            core.ContentChildren(SkyListFilterInlineItemComponent)
-        ], SkyListFilterInlineComponent.prototype, "filters", void 0);
-        SkyListFilterInlineComponent = __decorate([
-            core.Component({
-                selector: 'sky-list-filter-inline',
-                template: "<ng-content></ng-content>\n\n<sky-filter-inline>\n  <sky-filter-inline-item\n    *ngFor=\"let filter of inlineFilters\">\n    <sky-list-filter-inline-item-renderer\n      [template]=\"filter.template\"\n      [filter]=\"filter\">\n    </sky-list-filter-inline-item-renderer>\n  </sky-filter-inline-item>\n</sky-filter-inline>\n"
-            })
-        ], SkyListFilterInlineComponent);
         return SkyListFilterInlineComponent;
     }());
-
-    /**
-     * @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);
-            }
-        };
-        __decorate([
-            core.Input()
-        ], SkyListFilterInlineItemRendererComponent.prototype, "template", void 0);
-        __decorate([
-            core.Input()
-        ], SkyListFilterInlineItemRendererComponent.prototype, "filter", void 0);
-        __decorate([
-            core.ViewChild('container', {
-                read: core.ViewContainerRef,
-                static: true
-            })
-        ], SkyListFilterInlineItemRendererComponent.prototype, "container", void 0);
-        SkyListFilterInlineItemRendererComponent = __decorate([
-            core.Component({
-                selector: 'sky-list-filter-inline-item-renderer',
-                template: '<ng-template #container></ng-template>'
-            })
-        ], SkyListFilterInlineItemRendererComponent);
-        return SkyListFilterInlineItemRendererComponent;
-    }());
+    SkyListFilterInlineComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.13", 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.13", 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.13", 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]
+                }] } });
 
     var SkyListFiltersModule = /** @class */ (function () {
         function SkyListFiltersModule() {
         }
-        SkyListFiltersModule = __decorate([
-            core.NgModule({
-                declarations: [
-                    SkyListFilterButtonComponent,
-                    SkyListFilterSummaryComponent,
-                    SkyListFilterInlineItemComponent,
-                    SkyListFilterInlineComponent,
-                    SkyListFilterInlineItemRendererComponent
-                ],
-                imports: [
-                    common.CommonModule,
-                    lists.SkyFilterModule
-                ],
-                exports: [
-                    SkyListFilterButtonComponent,
-                    SkyListFilterSummaryComponent,
-                    SkyListFilterInlineItemComponent,
-                    SkyListFilterInlineComponent,
-                    SkyListFilterInlineItemRendererComponent
-                ]
-            })
-        ], SkyListFiltersModule);
         return SkyListFiltersModule;
     }());
+    SkyListFiltersModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: SkyListFiltersModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
+    SkyListFiltersModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.13", 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.13", ngImport: i0__namespace, type: SkyListFiltersModule, imports: [[i4.CommonModule, i3.SkyFilterModule]] });
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", 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.
@@ -1980,6 +2112,8 @@
         return ListPagingComponent;
     }());
 
+    /* istanbul ignore next */
+    var listPagingComponentRef = i0.forwardRef(function () { return SkyListPagingComponent; });
     /**
      * Displays a pagination control for a SKY UX-themed list of data.
      */
@@ -2004,14 +2138,12 @@
             _this.pageNumber = 1;
             return _this;
         }
-        SkyListPagingComponent_1 = SkyListPagingComponent;
         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) {
+            this.itemCount = this.state.pipe(operators.map(function (s) {
                 return s.items;
             }), operators.scan(function (previousValue, newValue) {
                 if (previousValue.lastUpdate > newValue.lastUpdate) {
@@ -2024,15 +2156,9 @@
                 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)));
-            });
+            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;
@@ -2042,82 +2168,102 @@
                 _this.dispatcher.next(new ListPagingSetPageNumberAction(Number(currentPage)));
             });
         };
-        var SkyListPagingComponent_1;
-        SkyListPagingComponent.ctorParameters = function () { return [
-            { type: ListState },
-            { type: ListStateDispatcher }
-        ]; };
-        __decorate([
-            core.Input()
-        ], SkyListPagingComponent.prototype, "pageSize", void 0);
-        __decorate([
-            core.Input()
-        ], SkyListPagingComponent.prototype, "maxPages", void 0);
-        __decorate([
-            core.Input()
-        ], SkyListPagingComponent.prototype, "pageNumber", void 0);
-        SkyListPagingComponent = SkyListPagingComponent_1 = __decorate([
-            core.Component({
-                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: [
-                    /* tslint:disable */
-                    { provide: ListPagingComponent, useExisting: core.forwardRef(function () { return SkyListPagingComponent_1; }) }
-                    /* tslint:enable */
-                ],
-                changeDetection: core.ChangeDetectionStrategy.OnPush
-            })
-        ], SkyListPagingComponent);
         return SkyListPagingComponent;
     }(ListPagingComponent));
+    SkyListPagingComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.13", 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.13", 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.13", 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() {
         }
-        SkyListPagingModule = __decorate([
-            core.NgModule({
-                declarations: [
-                    SkyListPagingComponent
-                ],
-                imports: [
-                    common.CommonModule,
-                    lists.SkyPagingModule
-                ],
-                exports: [
-                    SkyListPagingComponent
-                ]
-            })
-        ], SkyListPagingModule);
         return SkyListPagingModule;
     }());
+    SkyListPagingModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: SkyListPagingModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
+    SkyListPagingModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.13", 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.13", ngImport: i0__namespace, type: SkyListPagingModule, imports: [[i4.CommonModule, i3.SkyPagingModule]] });
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", 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 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() {
-            this.resources = { "EN-US": { "skyux_list_show_secondary_actions_button": "More", "skyux_list_multiselect_clear_all": "Clear all", "skyux_list_mutliselect_select_all": "Select all", "skyux_list_mutliselect_show_selected": "Only show selected items", "skyux_list_view_switcher_dropdown_title": "Select view" } };
         }
         SkyListBuilderResourcesProvider.prototype.getString = function (localeInfo, name) {
-            return i18n.getStringForLocale(this.resources, localeInfo.locale, name);
+            return i5.getLibStringForLocale(RESOURCES, localeInfo.locale, name);
         };
-        SkyListBuilderResourcesProvider = __decorate([
-            core.Injectable()
-        ], SkyListBuilderResourcesProvider);
         return SkyListBuilderResourcesProvider;
     }());
-
+    /**
+     * Import into any component library module that needs to use resource strings.
+     */
     var SkyListBuilderResourcesModule = /** @class */ (function () {
         function SkyListBuilderResourcesModule() {
         }
-        SkyListBuilderResourcesModule = __decorate([
-            core.NgModule({
-                providers: [{
-                        provide: i18n.SKY_LIB_RESOURCES_PROVIDERS,
-                        useClass: SkyListBuilderResourcesProvider,
-                        multi: true
-                    }]
-            })
-        ], SkyListBuilderResourcesModule);
         return SkyListBuilderResourcesModule;
     }());
+    SkyListBuilderResourcesModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: SkyListBuilderResourcesModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
+    SkyListBuilderResourcesModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: SkyListBuilderResourcesModule, exports: [i5.SkyI18nModule] });
+    SkyListBuilderResourcesModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.13", 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.13", 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
@@ -2145,11 +2291,55 @@
             this.secondaryActionsSubject.complete();
             this.actionsStream.complete();
         };
-        SkyListSecondaryActionsService = __decorate([
-            core.Injectable()
-        ], SkyListSecondaryActionsService);
         return SkyListSecondaryActionsService;
     }());
+    SkyListSecondaryActionsService.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: SkyListSecondaryActionsService, deps: [], target: i0__namespace.ɵɵFactoryTarget.Injectable });
+    SkyListSecondaryActionsService.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: SkyListSecondaryActionsService });
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: SkyListSecondaryActionsService, decorators: [{
+                type: i0.Injectable
+            }] });
+
+    // 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.13", 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.13", 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.13", 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],
+                        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
@@ -2166,33 +2356,29 @@
                 id: 'secondary-actions',
                 template: this.secondaryActionsTemplate,
                 location: 'center',
-                index: this.secondaryActionsItemToolbarIndex
+                index: this.secondaryActionsItemToolbarIndex,
             });
-            this.dispatcher.toolbarAddItems([
-                secondaryActionItem
-            ]);
+            this.dispatcher.toolbarAddItems([secondaryActionItem]);
         };
-        SkyListSecondaryActionsComponent.ctorParameters = function () { return [
-            { type: ListStateDispatcher }
-        ]; };
-        __decorate([
-            core.ViewChild('secondaryActions', {
-                read: core.TemplateRef,
-                static: true
-            })
-        ], SkyListSecondaryActionsComponent.prototype, "secondaryActionsTemplate", void 0);
-        SkyListSecondaryActionsComponent = __decorate([
-            core.Component({
-                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: core.ChangeDetectionStrategy.OnPush
-            })
-        ], SkyListSecondaryActionsComponent);
         return SkyListSecondaryActionsComponent;
     }());
+    SkyListSecondaryActionsComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.13", 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.13", 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.13", 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,
+                        }]
+                }] } });
 
     /**
      * Adds actions to the secondary actions dropdown in the list toolbar.
@@ -2203,98 +2389,67 @@
         }
         SkyListSecondaryActionComponent.prototype.ngAfterContentInit = function () {
             this.actionService.addSecondaryAction({
-                template: this.templateRef
+                template: this.templateRef,
             });
         };
-        SkyListSecondaryActionComponent.ctorParameters = function () { return [
-            { type: SkyListSecondaryActionsService }
-        ]; };
-        __decorate([
-            core.ViewChild('listSecondaryAction', {
-                read: core.TemplateRef,
-                static: true
-            })
-        ], SkyListSecondaryActionComponent.prototype, "templateRef", void 0);
-        SkyListSecondaryActionComponent = __decorate([
-            core.Component({
-                selector: 'sky-list-secondary-action',
-                template: "<ng-template #listSecondaryAction>\n  <ng-content></ng-content>\n</ng-template>\n"
-            })
-        ], SkyListSecondaryActionComponent);
         return SkyListSecondaryActionComponent;
     }());
-
-    // 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();
-        };
-        SkyListSecondaryActionsHostComponent.ctorParameters = function () { return [
-            { type: core.ChangeDetectorRef },
-            { type: SkyListSecondaryActionsService }
-        ]; };
-        SkyListSecondaryActionsHostComponent = __decorate([
-            core.Component({
-                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\n        icon=\"ellipsis-h\"\n      >\n      </sky-icon>\n      <span\n        class=\"sky-list-secondary-actions-btn-text\"\n      >\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\">\n        </ng-container>\n      </sky-dropdown-item>\n    </sky-dropdown-menu>\n  </sky-dropdown>\n</div>\n<ng-content>\n</ng-content>\n",
-                changeDetection: core.ChangeDetectionStrategy.OnPush,
-                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-lg) .sky-list-secondary-actions-btn-text,:host-context(.sky-responsive-container-md) .sky-list-secondary-actions-btn-text,:host-context(.sky-responsive-container-sm) .sky-list-secondary-actions-btn-text,:host-context(.sky-responsive-container-xs) .sky-list-secondary-actions-btn-text{display:none}:host-context(.sky-responsive-container-lg) .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-sm) .sky-list-secondary-actions ::ng-deep .sky-dropdown-caret,:host-context(.sky-responsive-container-xs) .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-lg) .sky-list-secondary-actions-btn-text,:host-context(.sky-responsive-container-md) .sky-list-secondary-actions-btn-text,:host-context(.sky-responsive-container-sm) .sky-list-secondary-actions-btn-text{display:inline}:host-context(.sky-responsive-container-lg) .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-sm) .sky-list-secondary-actions ::ng-deep .sky-dropdown-caret{display:inline-block}"]
-            })
-        ], SkyListSecondaryActionsHostComponent);
-        return SkyListSecondaryActionsHostComponent;
-    }());
+    SkyListSecondaryActionComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.13", 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.13", 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.13", 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,
+                        }]
+                }] } });
 
     var SkyListSecondaryActionsModule = /** @class */ (function () {
         function SkyListSecondaryActionsModule() {
         }
-        SkyListSecondaryActionsModule = __decorate([
-            core.NgModule({
-                declarations: [
-                    SkyListSecondaryActionsComponent,
-                    SkyListSecondaryActionsHostComponent,
-                    SkyListSecondaryActionComponent
-                ],
-                imports: [
-                    common.CommonModule,
-                    popovers.SkyDropdownModule,
-                    i18n.SkyI18nModule,
-                    indicators.SkyIconModule,
-                    SkyListBuilderResourcesModule
-                ],
-                exports: [
-                    SkyListSecondaryActionsComponent,
-                    SkyListSecondaryActionsHostComponent,
-                    SkyListSecondaryActionComponent
-                ]
-            })
-        ], SkyListSecondaryActionsModule);
         return SkyListSecondaryActionsModule;
     }());
+    SkyListSecondaryActionsModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: SkyListSecondaryActionsModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
+    SkyListSecondaryActionsModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.13", 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.13", 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.13", 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],
+                    }]
+            }] });
 
-    var idIndex$3 = 0;
+    var idIndex = 0;
     /**
      * Defines a toolbar item for the list toolbar.
      */
@@ -2303,7 +2458,7 @@
             /**
              * Specifies the ID of the item.
              */
-            this.id = "sky-list-toolbar-item-" + ++idIndex$3;
+            this.id = "sky-list-toolbar-item-" + ++idIndex;
             /**
              * Specifies the index of the item at the given item location.
              * @default -1
@@ -2320,29 +2475,29 @@
             get: function () {
                 return this.templates.length > 0 ? this.templates.first : undefined;
             },
-            enumerable: true,
+            enumerable: false,
             configurable: true
         });
-        __decorate([
-            core.Input()
-        ], SkyListToolbarItemComponent.prototype, "id", void 0);
-        __decorate([
-            core.Input()
-        ], SkyListToolbarItemComponent.prototype, "index", void 0);
-        __decorate([
-            core.Input()
-        ], SkyListToolbarItemComponent.prototype, "location", void 0);
-        __decorate([
-            core.ContentChildren(core.TemplateRef)
-        ], SkyListToolbarItemComponent.prototype, "templates", void 0);
-        SkyListToolbarItemComponent = __decorate([
-            core.Component({
-                selector: 'sky-list-toolbar-item',
-                template: '<ng-content></ng-content>'
-            })
-        ], SkyListToolbarItemComponent);
         return SkyListToolbarItemComponent;
     }());
+    SkyListToolbarItemComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: SkyListToolbarItemComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
+    SkyListToolbarItemComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.13", 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.13", 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]
+                }] } });
 
     /**
      * Adds a sort dropdown to the list toolbar.
@@ -2350,26 +2505,25 @@
     var SkyListToolbarSortComponent = /** @class */ (function () {
         function SkyListToolbarSortComponent() {
         }
-        __decorate([
-            core.Input()
-        ], SkyListToolbarSortComponent.prototype, "label", void 0);
-        __decorate([
-            core.Input()
-        ], SkyListToolbarSortComponent.prototype, "field", void 0);
-        __decorate([
-            core.Input()
-        ], SkyListToolbarSortComponent.prototype, "type", void 0);
-        __decorate([
-            core.Input()
-        ], SkyListToolbarSortComponent.prototype, "descending", void 0);
-        SkyListToolbarSortComponent = __decorate([
-            core.Component({
-                selector: 'sky-list-toolbar-sort',
-                template: ''
-            })
-        ], SkyListToolbarSortComponent);
         return SkyListToolbarSortComponent;
     }());
+    SkyListToolbarSortComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: SkyListToolbarSortComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
+    SkyListToolbarSortComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.13", 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.13", 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
@@ -2380,15 +2534,18 @@
     var SkyListToolbarViewActionsComponent = /** @class */ (function () {
         function SkyListToolbarViewActionsComponent() {
         }
-        SkyListToolbarViewActionsComponent = __decorate([
-            core.Component({
-                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}"]
-            })
-        ], SkyListToolbarViewActionsComponent);
         return SkyListToolbarViewActionsComponent;
     }());
+    SkyListToolbarViewActionsComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: SkyListToolbarViewActionsComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
+    SkyListToolbarViewActionsComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.13", 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.13", 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
@@ -2412,31 +2569,6 @@
         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
      */
@@ -2445,11 +2577,13 @@
         function ListToolbarStateDispatcher() {
             return _super !== null && _super.apply(this, arguments) || this;
         }
-        ListToolbarStateDispatcher = __decorate([
-            core.Injectable()
-        ], ListToolbarStateDispatcher);
         return ListToolbarStateDispatcher;
     }(listBuilderCommon.StateDispatcher));
+    ListToolbarStateDispatcher.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: ListToolbarStateDispatcher, deps: null, target: i0__namespace.ɵɵFactoryTarget.Injectable });
+    ListToolbarStateDispatcher.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: ListToolbarStateDispatcher });
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: ListToolbarStateDispatcher, decorators: [{
+                type: i0.Injectable
+            }] });
     /**
      * @internal
      */
@@ -2464,15 +2598,28 @@
     /**
      * @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;
+    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 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 }));
@@ -2483,6 +2630,16 @@
         return ListToolbarConfigOrchestrator;
     }(ListToolbarStateOrchestrator));
 
+    /**
+     * @internal
+     */
+    var ListToolbarStateModel = /** @class */ (function () {
+        function ListToolbarStateModel() {
+            this.config = new ListToolbarConfigModel();
+        }
+        return ListToolbarStateModel;
+    }());
+
     /**
      * @internal
      */
@@ -2490,20 +2647,191 @@
         __extends(ListToolbarState, _super);
         function ListToolbarState(initialState, dispatcher) {
             var _this = _super.call(this, initialState, dispatcher) || this;
-            _this
-                .register('config', ListToolbarConfigOrchestrator)
-                .begin();
+            _this.register('config', ListToolbarConfigOrchestrator).begin();
             return _this;
         }
-        ListToolbarState.ctorParameters = function () { return [
-            { type: ListToolbarStateModel },
-            { type: ListToolbarStateDispatcher }
-        ]; };
-        ListToolbarState = __decorate([
-            core.Injectable()
-        ], ListToolbarState);
         return ListToolbarState;
     }(listBuilderCommon.StateNode));
+    ListToolbarState.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.13", 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.13", ngImport: i0__namespace, type: ListToolbarState });
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: ListToolbarState, decorators: [{
+                type: i0.Injectable
+            }], ctorParameters: function () { return [{ type: ListToolbarStateModel }, { type: ListToolbarStateDispatcher }]; } });
+
+    /**
+     * @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.13", ngImport: i0__namespace, type: SkyListToolbarItemRendererComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
+    SkyListToolbarItemRendererComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.13", 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.13", 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;
+            var self = 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(self.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.13", 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.13", 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.13", 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 nextId = 0;
     /**
@@ -2557,21 +2885,23 @@
             set: function (value) {
                 this._inMemorySearchEnabled = value;
             },
-            enumerable: true,
+            enumerable: false,
             configurable: true
         });
         Object.defineProperty(SkyListToolbarComponent.prototype, "isFilterBarDisplayed", {
             get: function () {
-                return !this.isToolbarDisabled && this.hasInlineFilters && this.inlineFilterBarExpanded;
+                return (!this.isToolbarDisabled &&
+                    this.hasInlineFilters &&
+                    this.inlineFilterBarExpanded);
             },
-            enumerable: true,
+            enumerable: false,
             configurable: true
         });
         Object.defineProperty(SkyListToolbarComponent.prototype, "filterButtonAriaControls", {
             get: function () {
                 return this.isFilterBarDisplayed ? this.listFilterInlineId : undefined;
             },
-            enumerable: true,
+            enumerable: false,
             configurable: true
         });
         SkyListToolbarComponent.prototype.ngOnInit = function () {
@@ -2601,23 +2931,20 @@
                             id: 'sort-selector',
                             template: _this.sortSelectorTemplate,
                             location: 'left',
-                            index: _this.sortSelectorItemToolbarIndex
-                        })
+                            index: _this.sortSelectorItemToolbarIndex,
+                        }),
                     ]);
                 }
                 else if (currentSort.length < 1 && _this.hasSortSelectors) {
                     _this.hasSortSelectors = false;
-                    _this.dispatcher.toolbarRemoveItems([
-                        'sort-selector'
-                    ]);
+                    _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) {
+            this.type.pipe(operators.takeUntil(this.ngUnsubscribe)).subscribe(function (toolbarType) {
                 if (toolbarType === 'search') {
                     _this.dispatcher.toolbarRemoveItems(['search']);
                 }
@@ -2626,28 +2953,28 @@
                         new ListToolbarItemModel({
                             id: 'search',
                             template: _this.searchTemplate,
-                            location: 'right'
-                        })
+                            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.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 !== '' &&
+                    return (f.value !== '' &&
                         f.value !== undefined &&
                         f.value !== false &&
-                        f.value !== f.defaultValue;
+                        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.state.pipe(operators.takeUntil(this.ngUnsubscribe)).subscribe(function (current) {
+                _this.hasAdditionalToolbarSection = current.toolbar.items.length > 0;
                 _this.changeDetector.detectChanges();
             });
         };
@@ -2655,18 +2982,15 @@
             var _this = this;
             // Inject custom toolbar items.
             this.toolbarItems.forEach(function (toolbarItem) {
-                _this.dispatcher.toolbarAddItems([
-                    new ListToolbarItemModel(toolbarItem)
-                ]);
+                _this.dispatcher.toolbarAddItems([new ListToolbarItemModel(toolbarItem)]);
                 _this.customItemIds.push(toolbarItem.id);
             });
-            this.toolbarItems.changes.pipe(operators.takeUntil(this.ngUnsubscribe))
+            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.dispatcher.toolbarAddItems([new ListToolbarItemModel(item)]);
                         _this.customItemIds.push(item.id);
                     }
                 });
@@ -2679,30 +3003,28 @@
                 });
                 _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
-                });
-            });
+            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);
+            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
-                    })
+                        index: this.inlineFiltersItemToolbarIndex,
+                    }),
                 ]);
             }
             // Check for view actions
-            this.hasViewActions = (this.viewActions.length > 0);
+            this.hasViewActions = this.viewActions.length > 0;
         };
         SkyListToolbarComponent.prototype.ngOnDestroy = function () {
             this.searchApplied.complete();
@@ -2712,10 +3034,13 @@
         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) {
+                if (currentState.paging.pageNumber &&
+                    currentState.paging.pageNumber !== 1) {
                     _this.dispatcher.next(new ListPagingSetPageNumberAction(Number(1)));
                 }
-                _this.dispatcher.sortSetFieldSelectors([{ fieldSelector: sort.fieldSelector, descending: sort.descending }]);
+                _this.dispatcher.sortSetFieldSelectors([
+                    { fieldSelector: sort.fieldSelector, descending: sort.descending },
+                ]);
             });
         };
         SkyListToolbarComponent.prototype.inlineFilterButtonClick = function () {
@@ -2726,7 +3051,8 @@
             this.searchApplied.next(searchText);
             if (this.inMemorySearchEnabled) {
                 this.state.pipe(operators.take(1)).subscribe(function (currentState) {
-                    if (currentState.paging.pageNumber && currentState.paging.pageNumber !== 1) {
+                    if (currentState.paging.pageNumber &&
+                        currentState.paging.pageNumber !== 1) {
                         _this.dispatcher.next(new ListPagingSetPageNumberAction(Number(1)));
                     }
                     _this.dispatcher.searchSetText(searchText);
@@ -2734,16 +3060,17 @@
             }
         };
         SkyListToolbarComponent.prototype.itemIsInView = function (itemView, activeView) {
-            return (itemView === undefined || 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 = __spread(sorts, available).map(function (sortLabels) {
+                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;
+                        return (f.fieldSelector === sortLabels.fieldSelector &&
+                            f.descending === sortLabels.descending);
                     });
                     var selected = false;
                     if (fs.length > 0) {
@@ -2751,7 +3078,7 @@
                     }
                     return {
                         sort: sortLabels,
-                        selected: selected
+                        selected: selected,
                     };
                 });
                 return resultSortSelectors;
@@ -2769,7 +3096,8 @@
                     templates[item.location].push(item);
                 });
                 return templates;
-            }).pipe(operators.takeUntil(this.ngUnsubscribe))
+            })
+                .pipe(operators.takeUntil(this.ngUnsubscribe))
                 .subscribe(function (value) {
                 _this.leftTemplates = value.left;
                 _this.centerTemplates = value.center;
@@ -2777,258 +3105,79 @@
                 _this.changeDetector.markForCheck();
             });
         };
-        SkyListToolbarComponent.ctorParameters = function () { return [
-            { type: core.ChangeDetectorRef },
-            { type: ListState },
-            { type: ListStateDispatcher },
-            { type: ListToolbarState },
-            { type: ListToolbarStateDispatcher }
-        ]; };
-        __decorate([
-            core.Input()
-        ], SkyListToolbarComponent.prototype, "inMemorySearchEnabled", null);
-        __decorate([
-            core.Input()
-        ], SkyListToolbarComponent.prototype, "placeholder", void 0);
-        __decorate([
-            core.Input()
-        ], SkyListToolbarComponent.prototype, "searchEnabled", void 0);
-        __decorate([
-            core.ViewChild(lookup.SkySearchComponent, {
-                read: lookup.SkySearchComponent,
-                static: false
-            })
-        ], SkyListToolbarComponent.prototype, "searchComponent", void 0);
-        __decorate([
-            core.Input()
-        ], SkyListToolbarComponent.prototype, "sortSelectorEnabled", void 0);
-        __decorate([
-            core.Input()
-        ], SkyListToolbarComponent.prototype, "toolbarType", void 0);
-        __decorate([
-            core.Input()
-        ], SkyListToolbarComponent.prototype, "searchText", void 0);
-        __decorate([
-            core.ContentChildren(SkyListToolbarItemComponent)
-        ], SkyListToolbarComponent.prototype, "toolbarItems", void 0);
-        __decorate([
-            core.ContentChildren(SkyListToolbarSortComponent)
-        ], SkyListToolbarComponent.prototype, "toolbarSorts", void 0);
-        __decorate([
-            core.ContentChildren(SkyListFilterSummaryComponent)
-        ], SkyListToolbarComponent.prototype, "filterSummary", void 0);
-        __decorate([
-            core.ContentChildren(SkyListFilterInlineComponent)
-        ], SkyListToolbarComponent.prototype, "inlineFilter", void 0);
-        __decorate([
-            core.ContentChildren(SkyListToolbarViewActionsComponent)
-        ], SkyListToolbarComponent.prototype, "viewActions", void 0);
-        __decorate([
-            core.ViewChild('search', {
-                read: core.TemplateRef,
-                static: true
-            })
-        ], SkyListToolbarComponent.prototype, "searchTemplate", void 0);
-        __decorate([
-            core.ViewChild('sortSelector', {
-                read: core.TemplateRef,
-                static: true
-            })
-        ], SkyListToolbarComponent.prototype, "sortSelectorTemplate", void 0);
-        __decorate([
-            core.ViewChild('inlineFilterButton', {
-                read: core.TemplateRef,
-                static: true
-            })
-        ], SkyListToolbarComponent.prototype, "inlineFilterButtonTemplate", void 0);
-        SkyListToolbarComponent = __decorate([
-            core.Component({
-                selector: 'sky-list-toolbar',
-                template: "<div class=\"sky-list-toolbar-container\">\n  <sky-toolbar *ngIf=\"(type | async) !== 'search'\">\n\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 *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\n          select=\"sky-list-toolbar-view-actions\"\n        >\n        </ng-content>\n      </sky-toolbar-view-actions>\n    </sky-toolbar-section>\n\n    <sky-toolbar-section *ngIf=\"showFilterSummary && (hasAppliedFilters | async)\">\n      <ng-content select=\"sky-list-filter-summary\">\n      </ng-content>\n    </sky-toolbar-section>\n  </sky-toolbar>\n\n  <div *ngIf=\"(type | async) === 'search' &&\n    ((isSearchEnabled | async) || hasAdditionalToolbarSection)\"\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 *ngFor=\"let item of rightTemplates\"\n          [attr.sky-toolbar-id]=\"item.id\"\n        >\n          <sky-list-toolbar-item-renderer *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\n            select=\"sky-list-toolbar-view-actions\"\n          >\n          </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\">\n    </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\"\n    class=\"sky-list-toolbar-search-wrapper\"\n  >\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\n      select=\"sky-list-toolbar-search-actions\"\n    ></ng-content>\n  </div>\n</ng-template>\n\n<ng-template #sortSelector>\n  <div *ngIf=\"(isSortSelectorEnabled | async) && (sortSelectors | async).length > 0\"\n    class=\"sky-toolbar-item-sort-container\"\n  >\n    <sky-sort [showButtonText]=\"true\">\n      <sky-sort-item *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",
-                providers: [
-                    ListToolbarState,
-                    ListToolbarStateDispatcher,
-                    ListToolbarStateModel
-                ],
-                changeDetection: core.ChangeDetectionStrategy.OnPush,
-                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-search-dismiss-absolute,.sky-list-toolbar-search ::ng-deep .sky-toolbar-container{background-color:#eeeeef}.sky-list-toolbar-search ::ng-deep .sky-search-btn:disabled,.sky-list-toolbar-search ::ng-deep input[type=text]: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}"]
-            })
-        ], SkyListToolbarComponent);
         return SkyListToolbarComponent;
     }());
-
-    /**
-     * @internal
-     */
-    var SkyListToolbarItemRendererComponent = /** @class */ (function () {
-        function SkyListToolbarItemRendererComponent() {
-        }
-        SkyListToolbarItemRendererComponent.prototype.ngOnInit = function () {
-            if (this.template !== undefined) {
-                this.container.createEmbeddedView(this.template, this);
-            }
-        };
-        __decorate([
-            core.Input()
-        ], SkyListToolbarItemRendererComponent.prototype, "template", void 0);
-        __decorate([
-            core.ViewChild('container', {
-                read: core.ViewContainerRef,
-                static: true
-            })
-        ], SkyListToolbarItemRendererComponent.prototype, "container", void 0);
-        SkyListToolbarItemRendererComponent = __decorate([
-            core.Component({
-                selector: 'sky-list-toolbar-item-renderer',
-                template: '<ng-template #container></ng-template>'
-            })
-        ], SkyListToolbarItemRendererComponent);
-        return SkyListToolbarItemRendererComponent;
-    }());
-
-    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;
-            var self = 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(self.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);
-                if (value !== prev.selectedIdMap.get(key)) {
-                    return false;
-                }
-            }
-            return true;
-        };
-        SkyListMultiselectToolbarComponent.ctorParameters = function () { return [
-            { type: ListState },
-            { type: ListStateDispatcher }
-        ]; };
-        __decorate([
-            core.Input()
-        ], SkyListMultiselectToolbarComponent.prototype, "showOnlySelected", void 0);
-        SkyListMultiselectToolbarComponent = __decorate([
-            core.Component({
-                selector: 'sky-list-multiselect-toolbar',
-                template: "<sky-toolbar\n  class=\"sky-list-multiselect-toolbar\"\n>\n  <sky-toolbar-section>\n    <sky-toolbar-item>\n      <sky-list-toolbar-item-renderer\n        [template]=\"selectAllTemplate\"\n      >\n      </sky-list-toolbar-item-renderer>\n    </sky-toolbar-item>\n    <sky-toolbar-item>\n      <sky-list-toolbar-item-renderer\n        [template]=\"clearSelectionsTemplate\"\n      >\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-list-toolbar-search+) .sky-list-multiselect-toolbar ::ng-deep .sky-toolbar-container,:host-context(sky-toolbar+) .sky-list-multiselect-toolbar ::ng-deep .sky-toolbar-container{border-top:none}"]
-            })
-        ], SkyListMultiselectToolbarComponent);
-        return SkyListMultiselectToolbarComponent;
-    }());
+    SkyListToolbarComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.13", 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.13", 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.13", 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],
+                        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,
+                        }]
+                }] } });
 
     /**
      * Displays custom actions in the toolbar beside to the search bar.
@@ -3036,56 +3185,95 @@
     var SkyListToolbarSearchActionsComponent = /** @class */ (function () {
         function SkyListToolbarSearchActionsComponent() {
         }
-        SkyListToolbarSearchActionsComponent = __decorate([
-            core.Component({
-                selector: 'sky-list-toolbar-search-actions',
-                template: "<div\n  class=\"sky-list-toolbar-search-actions\"\n>\n  <ng-content></ng-content>\n</div>\n",
-                changeDetection: core.ChangeDetectionStrategy.OnPush,
-                styles: [".sky-list-toolbar-search-actions{margin-left:10px}"]
-            })
-        ], SkyListToolbarSearchActionsComponent);
         return SkyListToolbarSearchActionsComponent;
     }());
+    SkyListToolbarSearchActionsComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: SkyListToolbarSearchActionsComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
+    SkyListToolbarSearchActionsComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.13", 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.13", 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,
+                    }]
+            }] });
 
     var SkyListToolbarModule = /** @class */ (function () {
         function SkyListToolbarModule() {
         }
-        SkyListToolbarModule = __decorate([
-            core.NgModule({
-                declarations: [
-                    SkyListToolbarComponent,
-                    SkyListToolbarItemComponent,
-                    SkyListToolbarItemRendererComponent,
-                    SkyListMultiselectToolbarComponent,
-                    SkyListToolbarSearchActionsComponent,
-                    SkyListToolbarSortComponent,
-                    SkyListToolbarViewActionsComponent
-                ],
-                imports: [
-                    common.CommonModule,
-                    forms.SkyCheckboxModule,
-                    i18n.SkyI18nModule,
-                    layout.SkyToolbarModule,
-                    lookup.SkySearchModule,
-                    lists.SkySortModule,
-                    lists.SkyFilterModule,
-                    SkyListFiltersModule,
-                    indicators.SkyIconModule,
-                    SkyListBuilderResourcesModule
-                ],
-                exports: [
-                    SkyListToolbarComponent,
-                    SkyListToolbarItemComponent,
-                    SkyListToolbarItemRendererComponent,
-                    SkyListMultiselectToolbarComponent,
-                    SkyListToolbarSearchActionsComponent,
-                    SkyListToolbarSortComponent,
-                    SkyListToolbarViewActionsComponent
-                ]
-            })
-        ], SkyListToolbarModule);
         return SkyListToolbarModule;
     }());
+    SkyListToolbarModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: SkyListToolbarModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
+    SkyListToolbarModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.13", 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.13", 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.13", 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;
@@ -3149,29 +3337,19 @@
     exports.SkyListSecondaryActionsModule = SkyListSecondaryActionsModule;
     exports.SkyListToolbarComponent = SkyListToolbarComponent;
     exports.SkyListToolbarModule = SkyListToolbarModule;
-    exports.ɵa = SkyListFilterButtonComponent;
-    exports.ɵb = SkyListFilterSummaryComponent;
-    exports.ɵc = SkyListFilterInlineItemComponent;
-    exports.ɵd = SkyListFilterInlineComponent;
-    exports.ɵe = SkyListFilterInlineItemRendererComponent;
-    exports.ɵf = SkyListPagingComponent;
-    exports.ɵg = ListPagingComponent;
-    exports.ɵh = SkyListSecondaryActionsService;
-    exports.ɵi = SkyListSecondaryActionsHostComponent;
-    exports.ɵj = SkyListSecondaryActionComponent;
-    exports.ɵk = SkyListBuilderResourcesModule;
-    exports.ɵl = SkyListBuilderResourcesProvider;
-    exports.ɵm = ListToolbarState;
-    exports.ɵn = ListToolbarStateModel;
-    exports.ɵo = ListToolbarStateDispatcher;
-    exports.ɵp = SkyListToolbarItemComponent;
-    exports.ɵq = SkyListToolbarSortComponent;
-    exports.ɵr = SkyListToolbarViewActionsComponent;
-    exports.ɵs = SkyListToolbarItemRendererComponent;
-    exports.ɵt = SkyListMultiselectToolbarComponent;
-    exports.ɵu = SkyListToolbarSearchActionsComponent;
+    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