@symphony-talent/component-library 1.2.1 → 1.6.0

package/bundles/symphony-talent-component-library.umd.js

@@ -1,229 +1,302 @@
 (function (global, factory) {
-    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/core'), require('@angular/common'), require('ngx-bootstrap/tooltip'), require('ngx-bootstrap/dropdown'), require('@angular/platform-browser/animations')) :
-    typeof define === 'function' && define.amd ? define('@symphony-talent/component-library', ['exports', '@angular/core', '@angular/common', 'ngx-bootstrap/tooltip', 'ngx-bootstrap/dropdown', '@angular/platform-browser/animations'], factory) :
-    (global = global || self, factory((global['symphony-talent'] = global['symphony-talent'] || {}, global['symphony-talent']['component-library'] = {}), global.ng.core, global.ng.common, global.tooltip, global.dropdown, global.ng.platformBrowser.animations));
-}(this, (function (exports, core, common, tooltip, dropdown, animations) { '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;
+    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/core'), require('@angular/common'), require('ngx-bootstrap/dropdown'), require('@angular/platform-browser/animations'), require('ngx-bootstrap/tooltip'), require('@angular/forms')) :
+    typeof define === 'function' && define.amd ? define('@symphony-talent/component-library', ['exports', '@angular/core', '@angular/common', 'ngx-bootstrap/dropdown', '@angular/platform-browser/animations', 'ngx-bootstrap/tooltip', '@angular/forms'], factory) :
+    (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory((global["symphony-talent"] = global["symphony-talent"] || {}, global["symphony-talent"]["component-library"] = {}), global.ng.core, global.ng.common, global.dropdown, global.ng.platformBrowser.animations, global.tooltip, global.ng.forms));
+})(this, (function (exports, core, common, dropdown, animations, tooltip, 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;
     }
 
-    var ButtonComponent = /** @class */ (function () {
+    exports.ButtonComponent = /** @class */ (function () {
         function ButtonComponent() {
             this.clicked = new core.EventEmitter();
         }
@@ -231,43 +304,43 @@
         ButtonComponent.prototype.onClick = function () {
             this.clicked.emit(this.text);
         };
-        __decorate([
-            core.Input()
-        ], ButtonComponent.prototype, "text", void 0);
-        __decorate([
-            core.Input()
-        ], ButtonComponent.prototype, "disabled", void 0);
-        __decorate([
-            core.Input()
-        ], ButtonComponent.prototype, "isSecondary", void 0);
-        __decorate([
-            core.Output()
-        ], ButtonComponent.prototype, "clicked", void 0);
-        ButtonComponent = __decorate([
-            core.Component({
-                selector: 'symphony-button',
-                template: "<button class=\"btn\" \n[ngClass]=\"{'btn-secondary': isSecondary, 'btn-primary': !isSecondary }\"\n(click)=\"onClick()\" [disabled]=\"disabled\">{{ text }}</button>",
-                styles: ["button,button:focus{outline:0}button:disabled{opacity:.3;cursor:not-allowed}.btn{padding-left:40px;padding-right:40px;border-radius:30px;height:60px;min-width:140px}.btn:focus{outline:0}.btn:disabled{opacity:.3}.btn-primary{background:#000;color:#fff;border:1px solid #000}.btn-secondary{background:#fff;border:1px solid #000;color:#000}"]
-            })
-        ], ButtonComponent);
         return ButtonComponent;
     }());
+    __decorate([
+        core.Input()
+    ], exports.ButtonComponent.prototype, "text", void 0);
+    __decorate([
+        core.Input()
+    ], exports.ButtonComponent.prototype, "disabled", void 0);
+    __decorate([
+        core.Input()
+    ], exports.ButtonComponent.prototype, "isSecondary", void 0);
+    __decorate([
+        core.Output()
+    ], exports.ButtonComponent.prototype, "clicked", void 0);
+    exports.ButtonComponent = __decorate([
+        core.Component({
+            selector: 'symphony-button',
+            template: "<button class=\"btn\" \n[ngClass]=\"{'btn-secondary': isSecondary, 'btn-primary': !isSecondary }\"\n(click)=\"onClick()\" [disabled]=\"disabled\">{{ text }}</button>",
+            styles: ["button,button:focus{outline:none}button:disabled{cursor:not-allowed;opacity:.3}.btn{border-radius:30px;height:60px;min-width:140px;padding-left:40px;padding-right:40px}.btn:focus{outline:none}.btn:disabled{opacity:.3}.btn-primary{background:#000;border:1px solid #000;color:#fff}.btn-secondary{background:#fff;border:1px solid #000;color:#000}"]
+        })
+    ], exports.ButtonComponent);
 
-    var ButtonModule = /** @class */ (function () {
+    exports.ButtonModule = /** @class */ (function () {
         function ButtonModule() {
         }
-        ButtonModule = __decorate([
-            core.NgModule({
-                declarations: [ButtonComponent],
-                imports: [common.CommonModule],
-                providers: [],
-                exports: [ButtonComponent],
-            })
-        ], ButtonModule);
         return ButtonModule;
     }());
+    exports.ButtonModule = __decorate([
+        core.NgModule({
+            declarations: [exports.ButtonComponent],
+            imports: [common.CommonModule],
+            providers: [],
+            exports: [exports.ButtonComponent],
+        })
+    ], exports.ButtonModule);
 
-    var PillComponent = /** @class */ (function () {
+    exports.PillComponent = /** @class */ (function () {
         function PillComponent() {
             this.removePill = new core.EventEmitter();
         }
@@ -276,48 +349,373 @@
         PillComponent.prototype.onRemoveClick = function () {
             this.removePill.emit(this.pillLabel);
         };
-        __decorate([
-            core.Input()
-        ], PillComponent.prototype, "pillLabel", void 0);
-        __decorate([
-            core.Input()
-        ], PillComponent.prototype, "isInverse", void 0);
-        __decorate([
-            core.Input()
-        ], PillComponent.prototype, "hasClose", void 0);
-        __decorate([
-            core.Input()
-        ], PillComponent.prototype, "tooltipLabel", void 0);
-        __decorate([
-            core.Output()
-        ], PillComponent.prototype, "removePill", void 0);
-        PillComponent = __decorate([
-            core.Component({
-                selector: 'symphony-pill',
-                template: "<span *ngIf=\"tooltipLabel\"\n    class=\"sfx-d-inline-block sfx-pill-item\"\n    [ngClass]=\"{'inverse-pill': isInverse }\"\n    tooltip=\"{{tooltipLabel}}\"\n    placement=\"top\"\n    containerClass=\"sfx-info-tooltip pill-tooltip\"\n    [adaptivePosition]=\"false\"\n    >\n    <i *ngIf=\"hasClose\" (click)=\"onRemoveClick()\"\n        class=\"glyphicon glyphicon-remove sfx-cursor-pointer\"\n    ></i>\n    {{ pillLabel }}\n</span>\n\n<span *ngIf=\"!tooltipLabel\"\n    class=\"sfx-d-inline-block sfx-pill-item\"\n    [ngClass]=\"{'inverse-pill': isInverse }\"\n    >\n    <i *ngIf=\"hasClose\" (click)=\"onRemoveClick()\"\n        class=\"glyphicon glyphicon-remove sfx-cursor-pointer\"\n    ></i>\n    {{ pillLabel }}\n</span>",
-                encapsulation: core.ViewEncapsulation.None,
-                styles: [".sfx-pill-item{background-color:#f1f1f1;color:#000;padding:10px 20px;border-radius:25px;text-align:center;font-weight:600;margin-right:10px;margin-top:10px}.sfx-pill-item.inverse-pill{background-color:#000;color:#fff}.sfx-pill-item i{font-size:12px;position:relative;top:2px}.sfx-pill-item:hover{background-color:#000;color:#fff}.sfx-d-inline-block{display:inline-block}.sfx-cursor-pointer{cursor:pointer}.sfx-info-tooltip{min-width:100px}.sfx-info-tooltip.pill-tooltip{min-width:80px;opacity:1;top:-5px!important}.sfx-info-tooltip.pill-tooltip .tooltip-inner{border-radius:10px;box-shadow:0 0 20px rgba(0,0,0,.2);font-weight:600}.sfx-info-tooltip.pill-tooltip .tooltip-arrow.arrow{border-top-color:#fff}.sfx-info-tooltip .tooltip-inner{background-color:#fff;padding:8px 15px;border-radius:0;max-width:160px;font-size:13px;color:#000}"]
-            })
-        ], PillComponent);
         return PillComponent;
     }());
+    __decorate([
+        core.Input()
+    ], exports.PillComponent.prototype, "pillLabel", void 0);
+    __decorate([
+        core.Input()
+    ], exports.PillComponent.prototype, "isInverse", void 0);
+    __decorate([
+        core.Input()
+    ], exports.PillComponent.prototype, "hasClose", void 0);
+    __decorate([
+        core.Input()
+    ], exports.PillComponent.prototype, "tooltipLabel", void 0);
+    __decorate([
+        core.Output()
+    ], exports.PillComponent.prototype, "removePill", void 0);
+    exports.PillComponent = __decorate([
+        core.Component({
+            selector: 'symphony-pill',
+            template: "<span *ngIf=\"tooltipLabel\"\n    class=\"sfx-d-inline-block sfx-pill-item\"\n    [ngClass]=\"{'inverse-pill': isInverse }\"\n    tooltip=\"{{tooltipLabel}}\"\n    placement=\"top\"\n    containerClass=\"sfx-info-tooltip pill-tooltip\"\n    [adaptivePosition]=\"false\"\n    >\n    <i *ngIf=\"hasClose\" (click)=\"onRemoveClick()\"\n        class=\"si-close-modal sfx-cursor-pointer\"\n    ></i>\n    {{ pillLabel }}\n</span>\n\n<span *ngIf=\"!tooltipLabel\"\n    class=\"sfx-d-inline-block sfx-pill-item\"\n    [ngClass]=\"{'inverse-pill': isInverse }\"\n    >\n    <i *ngIf=\"hasClose\" (click)=\"onRemoveClick()\"\n        class=\"si-close-modal sfx-cursor-pointer\"\n    ></i>\n    {{ pillLabel }}\n</span>",
+            encapsulation: core.ViewEncapsulation.None,
+            styles: [".sfx-pill-item{background-color:#f1f1f1;border-radius:25px;color:#000;font-weight:600;margin-right:10px;margin-top:10px;padding:10px 20px;text-align:center}.sfx-pill-item.inverse-pill{background-color:#000;color:#fff}.sfx-pill-item i{font-size:12px;position:relative;top:2px}.sfx-pill-item:hover{background-color:#000;color:#fff}.sfx-d-inline-block{display:inline-block}.sfx-cursor-pointer{cursor:pointer}.sfx-info-tooltip{min-width:100px}.sfx-info-tooltip.pill-tooltip{min-width:80px;opacity:1;top:-5px!important}.sfx-info-tooltip.pill-tooltip .tooltip-inner{border-radius:10px;box-shadow:0 0 20px rgba(0,0,0,.2);font-weight:600}.sfx-info-tooltip.pill-tooltip .tooltip-arrow.arrow{border-top-color:#fff}.sfx-info-tooltip .tooltip-inner{background-color:#fff;border-radius:0;color:#000;font-size:13px;max-width:160px;padding:8px 15px}"]
+        })
+    ], exports.PillComponent);
 
-    var PillModule = /** @class */ (function () {
-        function PillModule() {
+    exports.TaskIconComponent = /** @class */ (function () {
+        function TaskIconComponent() {
         }
-        PillModule = __decorate([
-            core.NgModule({
-                declarations: [PillComponent],
-                imports: [
-                    common.CommonModule, tooltip.TooltipModule.forRoot()
-                ],
-                exports: [PillComponent],
-            })
-        ], PillModule);
-        return PillModule;
+        TaskIconComponent.prototype.ngOnInit = function () { };
+        return TaskIconComponent;
+    }());
+    __decorate([
+        core.Input()
+    ], exports.TaskIconComponent.prototype, "isComplete", void 0);
+    exports.TaskIconComponent = __decorate([
+        core.Component({
+            selector: 'symphony-task-icon',
+            template: "<div\n  class=\"task-circle\"\n  [ngClass]=\"{\n    'task-incomplete': !isComplete,\n    'task-complete': isComplete\n  }\"\n>\n  <i\n    class=\"fa-solid\"\n    [ngClass]=\"{\n      'si-task-completed': !isComplete,\n      'si-task-open': isComplete\n    }\"\n  ></i>\n</div>\n",
+            styles: [".task-circle{border-radius:50%;height:50px;width:50px}.task-circle .fa-solid{color:#fff;font-size:20px;left:15px;position:relative;top:15px}.task-complete{background-color:#00d56b}.task-incomplete{background-color:#d9d9d9}"]
+        })
+    ], exports.TaskIconComponent);
+
+    exports.TaskIconModule = /** @class */ (function () {
+        function TaskIconModule() {
+        }
+        return TaskIconModule;
+    }());
+    exports.TaskIconModule = __decorate([
+        core.NgModule({
+            declarations: [exports.TaskIconComponent],
+            imports: [common.CommonModule],
+            exports: [exports.TaskIconComponent],
+        })
+    ], exports.TaskIconModule);
+
+    exports.InputTextComponent = /** @class */ (function () {
+        function InputTextComponent() {
+            this.placeholder = '';
+            this.textChange = new core.EventEmitter();
+        }
+        InputTextComponent.prototype.ngOnInit = function () { };
+        InputTextComponent.prototype.onTextChange = function (event) {
+            this.textChange.emit(event.target.value);
+        };
+        return InputTextComponent;
+    }());
+    __decorate([
+        core.Input()
+    ], exports.InputTextComponent.prototype, "placeholder", void 0);
+    __decorate([
+        core.Input()
+    ], exports.InputTextComponent.prototype, "icon", void 0);
+    __decorate([
+        core.Input()
+    ], exports.InputTextComponent.prototype, "label", void 0);
+    __decorate([
+        core.Input()
+    ], exports.InputTextComponent.prototype, "isInverse", void 0);
+    __decorate([
+        core.Output()
+    ], exports.InputTextComponent.prototype, "textChange", void 0);
+    exports.InputTextComponent = __decorate([
+        core.Component({
+            selector: 'symphony-input-text',
+            template: "<div\n  class=\"input-text-wrap\"\n  [ngClass]=\"{\n    'input-secondary': isInverse\n  }\"\n>\n  <label for=\"input-text\" class=\"input-text-label\">{{ label }}</label>\n  <input\n    type=\"text\"\n    name=\"input-text\"\n    class=\"input-text\"\n    autocomplete=\"off\"\n    placeholder=\"{{ placeholder }}\"\n    (keyup)=\"onTextChange($event)\"\n  />\n  <symphony-icon [icon]=\"icon\"></symphony-icon>\n</div>\n",
+            styles: [".input-text-wrap{position:relative}.input-text-wrap.input-secondary{color:#fff}.input-text-wrap.input-secondary .input-text{background-color:transparent;border-color:#565656}.input-text-wrap.input-secondary .input-text::-moz-placeholder{color:#fff}.input-text-wrap.input-secondary .input-text:-ms-input-placeholder{color:#fff}.input-text-wrap.input-secondary .input-text::placeholder{color:#fff}.input-text-wrap .input-text-label{display:block;font-family:neuzeit_groteskbold,sans-serif;line-height:25px;margin-bottom:.9375rem}.input-text-wrap .input-text{border:1px solid #d0d0d0;border-radius:4px;font-family:neuzeit-grotesk,sans-serif!important;line-height:25px;padding:7px 15px;width:100%}.input-text-wrap .input-text::-moz-placeholder{color:#000}.input-text-wrap .input-text:-ms-input-placeholder{color:#000}.input-text-wrap .input-text::placeholder{color:#000}.input-text-wrap .input-text:focus{border-color:#464646}.input-text-wrap .input-text:focus-visible{outline:none}.input-text-wrap symphony-icon{bottom:8px;font-size:14px;position:absolute;right:15px}"]
+        })
+    ], exports.InputTextComponent);
+
+    exports.IconComponent = /** @class */ (function () {
+        function IconComponent() {
+        }
+        IconComponent.prototype.ngOnInit = function () { };
+        return IconComponent;
+    }());
+    __decorate([
+        core.Input()
+    ], exports.IconComponent.prototype, "icon", void 0);
+    __decorate([
+        core.Input()
+    ], exports.IconComponent.prototype, "isSecondary", void 0);
+    exports.IconComponent = __decorate([
+        core.Component({
+            selector: 'symphony-icon',
+            template: "<i\n  [class]=\"icon\"\n  [ngClass]=\"{\n    'icon-secondary': isSecondary,\n    'icon-primary': !isSecondary\n  }\"\n></i>\n",
+            styles: [".icon-secondary{color:#fff}i{height:18px;width:18px}"]
+        })
+    ], exports.IconComponent);
+
+    exports.IconModule = /** @class */ (function () {
+        function IconModule() {
+        }
+        return IconModule;
+    }());
+    exports.IconModule = __decorate([
+        core.NgModule({
+            declarations: [exports.IconComponent],
+            imports: [common.CommonModule],
+            exports: [exports.IconComponent],
+        })
+    ], exports.IconModule);
+
+    exports.InputTextModule = /** @class */ (function () {
+        function InputTextModule() {
+        }
+        return InputTextModule;
+    }());
+    exports.InputTextModule = __decorate([
+        core.NgModule({
+            declarations: [exports.InputTextComponent],
+            imports: [common.CommonModule, exports.IconModule],
+            exports: [exports.InputTextComponent],
+        })
+    ], exports.InputTextModule);
+
+    exports.ColorSampleComponent = /** @class */ (function () {
+        function ColorSampleComponent() {
+        }
+        ColorSampleComponent.prototype.ngOnInit = function () {
+            this.bgColor = this.color;
+        };
+        return ColorSampleComponent;
+    }());
+    __decorate([
+        core.Input()
+    ], exports.ColorSampleComponent.prototype, "color", void 0);
+    exports.ColorSampleComponent = __decorate([
+        core.Component({
+            selector: 'symphony-color-sample',
+            template: "<div\n  class=\"color-sample\"\n  [ngClass]=\"bgColor\"\n  [ngStyle]=\"{\n    border: color == 'background-color-white' ? '1px solid #000' : 'none'\n  }\"\n></div>\n",
+            styles: [".color-sample{border-radius:50%;float:left;height:30px;margin-right:20px;margin-top:10px;width:30px}.background-color-black{background-color:#000}.background-color-grey{background-color:#bababa}.background-color-light-grey-1{background-color:#d0d0d0}.background-color-light-grey-2{background-color:#d9d9d9}.background-color-medium-black{background-color:#464646}.background-color-space-grey{background-color:#141414}.background-color-white{background-color:#fff}.background-color-green{background-color:#00d56b}.background-color-ice-blue{background-color:#03bcce}.background-color-lavender{background-color:#af5af9}.background-color-orange{background-color:#ffa700}.background-color-pink{background-color:#ff6cff}.background-color-purple{background-color:#801afc}.background-color-red{background-color:#f0001e}.background-color-skyblue{background-color:#007dbb}.background-color-turquoise{background-color:#00ebb5}.background-color-yellow{background-color:#fde928}.background-color-cyan{background-color:#00ffd8}.background-color-strong-orange{background-color:#ffa700}.background-color-soft-lime-green{background-color:#67f95a}.background-color-bright-violet{background-color:#7428fd}.background-color-lime-green{background-color:#00bb5e}"]
+        })
+    ], exports.ColorSampleComponent);
+
+    exports.ColorSampleModule = /** @class */ (function () {
+        function ColorSampleModule() {
+        }
+        return ColorSampleModule;
+    }());
+    exports.ColorSampleModule = __decorate([
+        core.NgModule({
+            declarations: [exports.ColorSampleComponent],
+            imports: [common.CommonModule],
+            exports: [exports.ColorSampleComponent],
+        })
+    ], exports.ColorSampleModule);
+
+    exports.H2Component = /** @class */ (function () {
+        function H2Component() {
+        }
+        H2Component.prototype.ngOnInit = function () { };
+        return H2Component;
+    }());
+    __decorate([
+        core.Input()
+    ], exports.H2Component.prototype, "text", void 0);
+    __decorate([
+        core.Input()
+    ], exports.H2Component.prototype, "isSecondary", void 0);
+    exports.H2Component = __decorate([
+        core.Component({
+            selector: 'symphony-h2',
+            template: "<h2 [ngClass]=\"{ 'h2-secondary': isSecondary, 'h2-primary': !isSecondary }\">\n  {{ text }}\n  <ng-content></ng-content>\n</h2>\n",
+            styles: [".h2-primary,.h2-secondary{color:#000;letter-spacing:-2px;line-height:40px;margin-bottom:0;margin-top:0}.h2-secondary{color:#fff}"]
+        })
+    ], exports.H2Component);
+
+    exports.H2Module = /** @class */ (function () {
+        function H2Module() {
+        }
+        return H2Module;
+    }());
+    exports.H2Module = __decorate([
+        core.NgModule({
+            declarations: [exports.H2Component],
+            imports: [common.CommonModule],
+            exports: [exports.H2Component],
+        })
+    ], exports.H2Module);
+
+    exports.H3Component = /** @class */ (function () {
+        function H3Component() {
+        }
+        H3Component.prototype.ngOnInit = function () { };
+        return H3Component;
+    }());
+    __decorate([
+        core.Input()
+    ], exports.H3Component.prototype, "text", void 0);
+    __decorate([
+        core.Input()
+    ], exports.H3Component.prototype, "isSecondary", void 0);
+    exports.H3Component = __decorate([
+        core.Component({
+            selector: 'symphony-h3',
+            template: "<h3 [ngClass]=\"{ 'h3-secondary': isSecondary, 'h3-primary': !isSecondary }\">\n  {{ text }}\n  <ng-content></ng-content>\n</h3>\n",
+            styles: [".h3-primary,.h3-secondary{color:#000;letter-spacing:-1px;line-height:30px;margin-bottom:0;margin-top:0}.h3-secondary{color:#fff}"]
+        })
+    ], exports.H3Component);
+
+    exports.H3Module = /** @class */ (function () {
+        function H3Module() {
+        }
+        return H3Module;
     }());
+    exports.H3Module = __decorate([
+        core.NgModule({
+            declarations: [exports.H3Component],
+            imports: [common.CommonModule],
+            exports: [exports.H3Component],
+        })
+    ], exports.H3Module);
 
-    var AvatarComponent = /** @class */ (function () {
+    exports.H4Component = /** @class */ (function () {
+        function H4Component() {
+        }
+        H4Component.prototype.ngOnInit = function () { };
+        return H4Component;
+    }());
+    __decorate([
+        core.Input()
+    ], exports.H4Component.prototype, "text", void 0);
+    __decorate([
+        core.Input()
+    ], exports.H4Component.prototype, "isSecondary", void 0);
+    exports.H4Component = __decorate([
+        core.Component({
+            selector: 'symphony-h4',
+            template: "<h4 [ngClass]=\"{ 'h4-secondary': isSecondary, 'h4-primary': !isSecondary }\">\n  {{ text }}\n  <ng-content></ng-content>\n</h4>\n",
+            styles: [".h4-primary,.h4-secondary{color:#000;letter-spacing:-1px;line-height:20px;margin-bottom:0;margin-top:0}.h4-secondary{color:#fff}"]
+        })
+    ], exports.H4Component);
+
+    exports.H4Module = /** @class */ (function () {
+        function H4Module() {
+        }
+        return H4Module;
+    }());
+    exports.H4Module = __decorate([
+        core.NgModule({
+            declarations: [exports.H4Component],
+            imports: [common.CommonModule],
+            exports: [exports.H4Component],
+        })
+    ], exports.H4Module);
+
+    exports.H1Component = /** @class */ (function () {
+        function H1Component() {
+        }
+        H1Component.prototype.ngOnInit = function () { };
+        return H1Component;
+    }());
+    __decorate([
+        core.Input()
+    ], exports.H1Component.prototype, "text", void 0);
+    __decorate([
+        core.Input()
+    ], exports.H1Component.prototype, "isSecondary", void 0);
+    exports.H1Component = __decorate([
+        core.Component({
+            selector: 'symphony-h1',
+            template: "<h1\n  [ngClass]=\"{\n    'h1-secondary': isSecondary,\n    'h1-primary': !isSecondary\n  }\"\n>\n  {{ text }}\n  <ng-content></ng-content>\n</h1>\n",
+            styles: [".h1-primary,.h1-secondary{color:#000;letter-spacing:-2px;line-height:50px;margin-bottom:0;margin-top:0}.h1-secondary{color:#fff}"]
+        })
+    ], exports.H1Component);
+
+    exports.H1Module = /** @class */ (function () {
+        function H1Module() {
+        }
+        return H1Module;
+    }());
+    exports.H1Module = __decorate([
+        core.NgModule({
+            declarations: [exports.H1Component],
+            imports: [common.CommonModule],
+            exports: [exports.H1Component],
+        })
+    ], exports.H1Module);
+
+    exports.ParagraphComponent = /** @class */ (function () {
+        function ParagraphComponent() {
+        }
+        ParagraphComponent.prototype.ngOnInit = function () { };
+        return ParagraphComponent;
+    }());
+    __decorate([
+        core.Input()
+    ], exports.ParagraphComponent.prototype, "text", void 0);
+    __decorate([
+        core.Input()
+    ], exports.ParagraphComponent.prototype, "isSecondary", void 0);
+    exports.ParagraphComponent = __decorate([
+        core.Component({
+            selector: 'symphony-paragraph',
+            template: "<p\n  [ngClass]=\"{\n    'body-copy-secondary': isSecondary,\n    'body-copy-primary': !isSecondary\n  }\"\n>\n  {{ text }}\n  <ng-content></ng-content>\n</p>\n",
+            styles: [".body-copy-primary,.body-copy-secondary{color:#000;font-family:neuzeit-grotesk,sans-serif!important;font-size:14px;line-height:20px;margin-bottom:0}.body-copy-secondary{color:#fff}"]
+        })
+    ], exports.ParagraphComponent);
+
+    exports.ParagraphModule = /** @class */ (function () {
+        function ParagraphModule() {
+        }
+        return ParagraphModule;
+    }());
+    exports.ParagraphModule = __decorate([
+        core.NgModule({
+            declarations: [exports.ParagraphComponent],
+            imports: [common.CommonModule],
+            exports: [exports.ParagraphComponent],
+        })
+    ], exports.ParagraphModule);
+
+    exports.H5Component = /** @class */ (function () {
+        function H5Component() {
+        }
+        H5Component.prototype.ngOnInit = function () { };
+        return H5Component;
+    }());
+    __decorate([
+        core.Input()
+    ], exports.H5Component.prototype, "text", void 0);
+    __decorate([
+        core.Input()
+    ], exports.H5Component.prototype, "isSecondary", void 0);
+    exports.H5Component = __decorate([
+        core.Component({
+            selector: 'symphony-h5',
+            template: "<h5\n  [ngClass]=\"{\n    'h5-secondary': isSecondary,\n    'h5-primary': !isSecondary\n  }\"\n>\n  {{ text }}\n  <ng-content></ng-content>\n</h5>\n",
+            styles: [".h5-primary,.h5-secondary{color:#000;font-size:14px;line-height:20px;margin-bottom:0;margin-top:0}.h5-secondary{color:#fff}"]
+        })
+    ], exports.H5Component);
+
+    exports.H5Module = /** @class */ (function () {
+        function H5Module() {
+        }
+        return H5Module;
+    }());
+    exports.H5Module = __decorate([
+        core.NgModule({
+            declarations: [exports.H5Component],
+            imports: [common.CommonModule],
+            exports: [exports.H5Component],
+        })
+    ], exports.H5Module);
+
+    exports["ɵf"] = /** @class */ (function () {
         function AvatarComponent(sp) {
             this.sp = sp;
         }
@@ -394,211 +792,416 @@
                     return '#000000';
             }
         };
-        AvatarComponent.ctorParameters = function () { return [
-            { type: common.SlicePipe }
-        ]; };
-        __decorate([
-            core.Input()
-        ], AvatarComponent.prototype, "firstName", void 0);
-        __decorate([
-            core.Input()
-        ], AvatarComponent.prototype, "lastName", void 0);
-        __decorate([
-            core.Input()
-        ], AvatarComponent.prototype, "sizePx", void 0);
-        __decorate([
-            core.Input()
-        ], AvatarComponent.prototype, "fontSizePx", void 0);
-        AvatarComponent = __decorate([
-            core.Component({
-                selector: 'lib-avatar',
-                template: "<div\n    [style.line-height.px]=\"sizePx\"\n    [style.height.px]=\"sizePx\"\n    [style.width.px]=\"sizePx\"\n    [style.font-size.px]=\"fontSizePx\"\n    [style.background-color]=\"bgColor\"\n    class=\"avatar-circle\"\n>\n    <div *ngIf=\"initials\" class=\"avatar-text\">\n        {{ initials }}\n    </div>\n</div>\n",
-                styles: [".avatar-circle{width:50px;height:50px;background:#000;border-radius:50%;line-height:50px}.avatar-text{text-align:center;color:#fff}"]
-            })
-        ], AvatarComponent);
         return AvatarComponent;
     }());
+    __decorate([
+        core.Input()
+    ], exports["ɵf"].prototype, "firstName", void 0);
+    __decorate([
+        core.Input()
+    ], exports["ɵf"].prototype, "lastName", void 0);
+    __decorate([
+        core.Input()
+    ], exports["ɵf"].prototype, "sizePx", void 0);
+    __decorate([
+        core.Input()
+    ], exports["ɵf"].prototype, "fontSizePx", void 0);
+    exports["ɵf"] = __decorate([
+        core.Component({
+            selector: 'lib-avatar',
+            template: "<div\n    [style.line-height.px]=\"sizePx\"\n    [style.height.px]=\"sizePx\"\n    [style.width.px]=\"sizePx\"\n    [style.font-size.px]=\"fontSizePx\"\n    [style.background-color]=\"bgColor\"\n    class=\"avatar-circle\"\n>\n    <div *ngIf=\"initials\" class=\"avatar-text\">\n        {{ initials }}\n    </div>\n</div>\n",
+            styles: [".avatar-circle{background:#000;border-radius:50%;height:50px;line-height:50px;width:50px}.avatar-text{color:#fff;text-align:center}"]
+        })
+    ], exports["ɵf"]);
 
-    var AvatarModule = /** @class */ (function () {
+    exports["ɵe"] = /** @class */ (function () {
         function AvatarModule() {
         }
-        AvatarModule = __decorate([
-            core.NgModule({
-                declarations: [AvatarComponent],
-                imports: [common.CommonModule],
-                providers: [common.SlicePipe],
-                exports: [AvatarComponent],
-            })
-        ], AvatarModule);
         return AvatarModule;
     }());
+    exports["ɵe"] = __decorate([
+        core.NgModule({
+            declarations: [exports["ɵf"]],
+            imports: [common.CommonModule],
+            providers: [common.SlicePipe],
+            exports: [exports["ɵf"]],
+        })
+    ], exports["ɵe"]);
 
-    var DescriptionComponent = /** @class */ (function () {
-        function DescriptionComponent() {
+    exports["ɵb"] = /** @class */ (function () {
+        function DropdownComponent() {
         }
-        DescriptionComponent.prototype.ngOnInit = function () { };
-        __decorate([
-            core.Input()
-        ], DescriptionComponent.prototype, "description", void 0);
-        DescriptionComponent = __decorate([
-            core.Component({
-                selector: 'symphony-description',
-                template: "<p>{{description}}</p>\n",
-                styles: ["p{font-size:14px;margin-bottom:0}"]
-            })
-        ], DescriptionComponent);
-        return DescriptionComponent;
+        DropdownComponent.prototype.ngOnInit = function () {
+        };
+        return DropdownComponent;
     }());
+    exports["ɵb"] = __decorate([
+        core.Component({
+            selector: 'symphony-dropdown',
+            template: "<div class=\"btn-group\" dropdown>\n    <button id=\"button-basic\" dropdownToggle type=\"button\" class=\"btn btn-primary dropdown-toggle\"\n            aria-controls=\"dropdown-basic\">\n      Button dropdown <span class=\"caret\"></span>\n    </button>\n    <ul id=\"dropdown-basic\" *dropdownMenu class=\"dropdown-menu\"\n        role=\"menu\" aria-labelledby=\"button-basic\">\n      <li role=\"menuitem\"><a class=\"dropdown-item\" href=\"#\">Action</a></li>\n      <li role=\"menuitem\"><a class=\"dropdown-item\" href=\"#\">Another action</a></li>\n      <li role=\"menuitem\"><a class=\"dropdown-item\" href=\"#\">Something else here</a></li>\n      <li class=\"divider dropdown-divider\"></li>\n      <li role=\"menuitem\"><a class=\"dropdown-item\" href=\"#\">Separated link</a>\n      </li>\n    </ul>\n  </div>",
+            styles: [""]
+        })
+    ], exports["ɵb"]);
 
-    var DescriptionModule = /** @class */ (function () {
-        function DescriptionModule() {
+    exports["ɵa"] = /** @class */ (function () {
+        function DropdownModule() {
         }
-        DescriptionModule = __decorate([
-            core.NgModule({
-                declarations: [DescriptionComponent],
-                imports: [common.CommonModule],
-                exports: [DescriptionComponent]
-            })
-        ], DescriptionModule);
-        return DescriptionModule;
+        return DropdownModule;
     }());
+    exports["ɵa"] = __decorate([
+        core.NgModule({
+            declarations: [exports["ɵb"]],
+            imports: [common.CommonModule, dropdown.BsDropdownModule.forRoot(), animations.BrowserAnimationsModule],
+            providers: [],
+            exports: [exports["ɵb"]],
+        })
+    ], exports["ɵa"]);
 
-    var DropdownComponent = /** @class */ (function () {
-        function DropdownComponent() {
+    exports["ɵd"] = /** @class */ (function () {
+        function MoreDropdownComponent() {
         }
-        DropdownComponent.prototype.ngOnInit = function () {
+        MoreDropdownComponent.prototype.ngOnInit = function () {
+            this.sfxMoreActions = this.moreActions;
         };
-        DropdownComponent = __decorate([
-            core.Component({
-                selector: 'symphony-dropdown',
-                template: "<div class=\"btn-group\" dropdown>\n    <button id=\"button-basic\" dropdownToggle type=\"button\" class=\"btn btn-primary dropdown-toggle\"\n            aria-controls=\"dropdown-basic\">\n      Button dropdown <span class=\"caret\"></span>\n    </button>\n    <ul id=\"dropdown-basic\" *dropdownMenu class=\"dropdown-menu\"\n        role=\"menu\" aria-labelledby=\"button-basic\">\n      <li role=\"menuitem\"><a class=\"dropdown-item\" href=\"#\">Action</a></li>\n      <li role=\"menuitem\"><a class=\"dropdown-item\" href=\"#\">Another action</a></li>\n      <li role=\"menuitem\"><a class=\"dropdown-item\" href=\"#\">Something else here</a></li>\n      <li class=\"divider dropdown-divider\"></li>\n      <li role=\"menuitem\"><a class=\"dropdown-item\" href=\"#\">Separated link</a>\n      </li>\n    </ul>\n  </div>",
-                styles: [""]
-            })
-        ], DropdownComponent);
-        return DropdownComponent;
+        return MoreDropdownComponent;
     }());
+    __decorate([
+        core.Input()
+    ], exports["ɵd"].prototype, "moreActions", void 0);
+    exports["ɵd"] = __decorate([
+        core.Component({
+            selector: 'symphony-more-dropdown',
+            template: "<div class=\"btn-group\" dropdown>\n  <button\n    id=\"button-basic\"\n    dropdownToggle\n    type=\"button\"\n    class=\"btn dropdown-toggle\"\n    aria-controls=\"dropdown-basic\"\n  >\n    <i class=\"si-more-options\"></i>\n  </button>\n  <ul\n    id=\"dropdown-basic\"\n    *dropdownMenu\n    class=\"dropdown-menu\"\n    role=\"menu\"\n    aria-labelledby=\"button-basic\"\n  >\n    <li role=\"menuitem\" *ngFor=\"let moreActions of sfxMoreActions\">\n      <a class=\"dropdown-item\" href=\"#\">{{ moreActions.dropItemName }}</a>\n    </li>\n  </ul>\n</div>\n",
+            styles: [".btn-group button.dropdown-toggle.btn{align-items:center;background:#fff;border-radius:50%;box-shadow:none;color:#000;display:flex;font-size:24px;height:40px;justify-content:center;line-height:26px;padding:0;width:40px}.btn-group button.dropdown-toggle.btn:hover{background:#000;color:#fff}.btn-group .dropdown-menu{border:none;border-radius:10px;box-shadow:0 0 15px rgba(0,0,0,.175);left:auto;margin-top:10px;max-height:none;overflow:inherit;padding-bottom:20px;padding-top:20px;right:7px}.btn-group .dropdown-menu li a.dropdown-item{color:#000;font-weight:600;padding:10px 20px}.btn-group .dropdown-menu li a.dropdown-item:hover{background:#000;color:#fff}.btn-group .dropdown-menu li a.not-allowed{cursor:not-allowed}.btn-group .dropdown-menu:before{color:#fff;content:\"\\e252\";display:inline-block;font-family:Glyphicons Halflings!important;font-size:14px;position:absolute;right:8px;top:-13px;transform:rotate(180deg)}.btn-group.open button.dropdown-toggle.btn{background:#000;color:#fff}"]
+        })
+    ], exports["ɵd"]);
 
-    var DropdownModule = /** @class */ (function () {
-        function DropdownModule() {
+    exports["ɵc"] = /** @class */ (function () {
+        function MoreDropdownModule() {
         }
-        DropdownModule = __decorate([
-            core.NgModule({
-                declarations: [DropdownComponent],
-                imports: [common.CommonModule, dropdown.BsDropdownModule.forRoot(), animations.BrowserAnimationsModule],
-                providers: [],
-                exports: [DropdownComponent],
-            })
-        ], DropdownModule);
-        return DropdownModule;
+        return MoreDropdownModule;
     }());
+    exports["ɵc"] = __decorate([
+        core.NgModule({
+            declarations: [exports["ɵd"]],
+            imports: [common.CommonModule, dropdown.BsDropdownModule.forRoot(), animations.BrowserAnimationsModule],
+            exports: [exports["ɵd"]]
+        })
+    ], exports["ɵc"]);
 
-    var ListTitleComponent = /** @class */ (function () {
-        function ListTitleComponent() {
+    exports["ɵg"] = /** @class */ (function () {
+        function PillModule() {
         }
-        ListTitleComponent.prototype.ngOnInit = function () { };
-        __decorate([
-            core.Input()
-        ], ListTitleComponent.prototype, "listTitle", void 0);
-        ListTitleComponent = __decorate([
-            core.Component({
-                selector: 'symphony-list-title',
-                template: "<h3>{{listTitle}}</h3>\n",
-                styles: ["h3{margin-top:0}"]
-            })
-        ], ListTitleComponent);
-        return ListTitleComponent;
+        return PillModule;
     }());
+    exports["ɵg"] = __decorate([
+        core.NgModule({
+            declarations: [exports.PillComponent],
+            imports: [
+                common.CommonModule, tooltip.TooltipModule.forRoot()
+            ],
+            exports: [exports.PillComponent],
+        })
+    ], exports["ɵg"]);
+
+    var Icons;
+    (function (Icons) {
+        Icons["MOREOPTIONS"] = "si-more-options";
+        Icons["ADD"] = "si-add";
+        Icons["ACTIVITY"] = "si-activity";
+        Icons["ARROWHIDEREVEAL"] = "si-arrow-hide-reveal";
+        Icons["ARROWNEXT"] = "si-arrow-next";
+        Icons["ARROWPREV"] = "si-arrow-prev";
+        Icons["CLOSEMODAL"] = "si-close-modal";
+        Icons["COLLAPSE"] = "si-collapse";
+        Icons["DAYMODE"] = "si-daymode";
+        Icons["DELETE"] = "si-delete";
+        Icons["DOCUMENT"] = "si-document";
+        Icons["DOWNLOAD"] = "si-download";
+        Icons["EDIT"] = "si-edit";
+        Icons["EMAILDRIP"] = "si-email-drip";
+        Icons["EMAILOPEN"] = "si-email-open";
+        Icons["EMAILSEND"] = "si-email-send";
+        Icons["EXPAND"] = "si-expand";
+        Icons["FAVORITE"] = "si-favorite";
+        Icons["FEEDBACKMAYBE"] = "si-feedback-maybe";
+        Icons["FEEDBACKNO"] = "si-feedback-no";
+        Icons["FEEDBACKYES"] = "si-feedback-yes";
+        Icons["FOLDERMULTIPLE"] = "si-folder-multiple";
+        Icons["INCLUDE"] = "si-include";
+        Icons["INFO"] = "si-info";
+        Icons["INTERVIEW"] = "si-interview";
+        Icons["LINK"] = "si-link";
+        Icons["LOCATION"] = "si-location";
+        Icons["MENUALL"] = "si-menu-all";
+        Icons["MENUANALYTICS"] = "si-menu-analytics";
+        Icons["MENUASSETS"] = "si-menu-assets";
+        Icons["MENUCAMPAIGNS"] = "si-menu-campaigns";
+        Icons["MENUCONTACT"] = "si-menu-contact";
+        Icons["MENUCONTENT"] = "si-menu-content";
+        Icons["MENUDASHBOARD"] = "si-menu-dashboard";
+        Icons["MENUEVENTS"] = "si-menu-events";
+        Icons["MENUFOLDERS"] = "si-menu-folders";
+        Icons["MENUJOBS"] = "si-menu-jobs";
+        Icons["MENURETURN"] = "si-menu-return";
+        Icons["MENUWORKFLOWS"] = "si-menu-workflows";
+        Icons["MERGE"] = "si-merge";
+        Icons["MOVE"] = "si-move";
+        Icons["NIGHTMODE"] = "si-nightmode";
+        Icons["NOTIFICATION"] = "si-notification";
+        Icons["ORGANIZECOLUMNS"] = "si-organize-columns";
+        Icons["ORGANIZECONTACTS"] = "si-organize-contacts";
+        Icons["PENDINGINCOMPLETE"] = "si-pending-incomplete";
+        Icons["PHONENUMBER"] = "si-phone-number";
+        Icons["PREVIEW"] = "si-preview";
+        Icons["PROMOTE"] = "si-promote";
+        Icons["REFRESH"] = "si-refresh";
+        Icons["REMOVE"] = "si-remove";
+        Icons["EXCLUDE"] = "si-exclude";
+        Icons["RESULTSFILTERS"] = "si-results-filters";
+        Icons["REVIEW"] = "si-review";
+        Icons["SALARY"] = "si-salary";
+        Icons["SAVE"] = "si-save";
+        Icons["SEARCHADVANCED"] = "si-search-advanced";
+        Icons["SEARCHCLEAR"] = "si-search-clear";
+        Icons["SEARCHNEW"] = "si-search-new";
+        Icons["SETTINGSMART"] = "si-settings-smart";
+        Icons["SMS"] = "si-sms";
+        Icons["SORTMINI"] = "si-sort-mini";
+        Icons["STATUS"] = "si-status";
+        Icons["SYSTEMACTION"] = "si-system-action";
+        Icons["TASKCOMPLETED"] = "si-task-completed";
+        Icons["TASKOPEN"] = "si-task-open";
+        Icons["TIMEFRAME"] = "si-timeframe";
+        Icons["TIMELINE"] = "si-timeline";
+        Icons["UPLOAD"] = "si-upload";
+        Icons["USERMULTIPLE"] = "si-user-multiple";
+        Icons["USER"] = "si-user";
+    })(Icons || (Icons = {}));
 
-    var ListTitleModule = /** @class */ (function () {
-        function ListTitleModule() {
+    exports["ɵi"] = /** @class */ (function () {
+        function IconWrapperComponent() {
+            this.Icons = Icons;
         }
-        ListTitleModule = __decorate([
-            core.NgModule({
-                declarations: [ListTitleComponent],
-                imports: [common.CommonModule],
-                exports: [ListTitleComponent]
-            })
-        ], ListTitleModule);
-        return ListTitleModule;
+        IconWrapperComponent.prototype.ngOnInit = function () { };
+        return IconWrapperComponent;
     }());
+    __decorate([
+        core.Input()
+    ], exports["ɵi"].prototype, "isInverse", void 0);
+    exports["ɵi"] = __decorate([
+        core.Component({
+            selector: 'symphony-icon-wrapper',
+            template: "<div class=\"icon-wrapper\" [ngClass]=\"{ 'is-inverse': isInverse }\">\n  <ng-content></ng-content>\n</div>\n",
+            styles: [".icon-wrapper{border:1px solid #000;border-radius:50%;cursor:pointer;height:40px;padding-top:11px;text-align:center;width:40px}.icon-wrapper.is-inverse,.icon-wrapper:hover{background:#000;color:#fff}.icon-wrapper.is-inverse:hover{background:#fff;color:#000}"]
+        })
+    ], exports["ɵi"]);
 
-    var MoreDropdownComponent = /** @class */ (function () {
-        function MoreDropdownComponent() {
+    exports["ɵh"] = /** @class */ (function () {
+        function IconWrapperModule() {
         }
-        MoreDropdownComponent.prototype.ngOnInit = function () {
-            this.sfxMoreActions = this.moreActions;
+        return IconWrapperModule;
+    }());
+    exports["ɵh"] = __decorate([
+        core.NgModule({
+            declarations: [exports["ɵi"]],
+            imports: [common.CommonModule],
+            exports: [exports["ɵi"]],
+        })
+    ], exports["ɵh"]);
+
+    exports["ɵk"] = /** @class */ (function () {
+        function TwoColumnFilterAreaComponent() {
+        }
+        TwoColumnFilterAreaComponent.prototype.ngOnInit = function () { };
+        return TwoColumnFilterAreaComponent;
+    }());
+    __decorate([
+        core.Input()
+    ], exports["ɵk"].prototype, "height", void 0);
+    exports["ɵk"] = __decorate([
+        core.Component({
+            selector: 'symphony-two-column-filter-area',
+            template: "<section class=\"col-xs-12 col-sm-12 col-md-12 col-lg-12 sfx-mb-30 sfx-p-0\">\n  <div class=\"sfx-filter-section\" [ngStyle]=\"{ height: height }\">\n    <div class=\"row\">\n      <!-- select dropdown for event type -->\n      <div\n        class=\"col-xs-12 col-sm-6 col-md-6 col-lg-6 sfx-mb-30 sfx-filter-items-wrap\"\n      >\n        <ng-content select=\"[filter-one]\"></ng-content>\n      </div>\n\n      <!-- search component -->\n      <div\n        class=\"col-xs-12 col-sm-6 col-md-6 col-lg-6 sfx-mb-30 sfx-filter-items-wrap\"\n      >\n        <ng-content select=\"[filter-two]\"></ng-content>\n      </div>\n    </div>\n  </div>\n</section>\n",
+            styles: [".sfx-filter-section{background-color:#000;border-radius:5px;padding:1.875rem 2.5rem}"]
+        })
+    ], exports["ɵk"]);
+
+    exports["ɵj"] = /** @class */ (function () {
+        function TwoColumnFilterAreaModule() {
+        }
+        return TwoColumnFilterAreaModule;
+    }());
+    exports["ɵj"] = __decorate([
+        core.NgModule({
+            declarations: [exports["ɵk"]],
+            imports: [common.CommonModule],
+            exports: [exports["ɵk"]],
+        })
+    ], exports["ɵj"]);
+
+    exports["ɵo"] = /** @class */ (function () {
+        function SfxInlineErrorComponent() {
+        }
+        return SfxInlineErrorComponent;
+    }());
+    __decorate([
+        core.Input()
+    ], exports["ɵo"].prototype, "errorMessage", void 0);
+    exports["ɵo"] = __decorate([
+        core.Component({
+            selector: 'lib-sfx-inline-error',
+            template: "<p>{{ errorMessage }}</p>\n",
+            styles: ["p{color:red!important;font-size:1rem;margin:0;padding:10px 0}"]
+        })
+    ], exports["ɵo"]);
+
+    exports["ɵn"] = /** @class */ (function () {
+        function SfxInlineErrorModule() {
+        }
+        return SfxInlineErrorModule;
+    }());
+    exports["ɵn"] = __decorate([
+        core.NgModule({
+            declarations: [exports["ɵo"]],
+            imports: [common.CommonModule],
+            exports: [exports["ɵo"]],
+        })
+    ], exports["ɵn"]);
+
+    exports["ɵm"] = /** @class */ (function () {
+        function InputRadioComponent() {
+            this.clicked = new core.EventEmitter();
+        }
+        InputRadioComponent.prototype.ngOnInit = function () { };
+        InputRadioComponent.prototype.onClick = function () {
+            this.isActive ? (this.isActive = false) : (this.isActive = true);
+            this.clicked.emit({
+                label: this.label,
+                isActive: this.isActive,
+            });
         };
-        __decorate([
-            core.Input()
-        ], MoreDropdownComponent.prototype, "moreActions", void 0);
-        MoreDropdownComponent = __decorate([
-            core.Component({
-                selector: 'symphony-more-dropdown',
-                template: "<div style=\"margin-left: 300px;\" class=\"btn-group\" dropdown>\n    <button id=\"button-basic\" dropdownToggle type=\"button\" class=\"btn dropdown-toggle\"\n            aria-controls=\"dropdown-basic\">\n      <i class=\"glyphicon glyphicon-option-vertical\"></i>\n    </button>\n    <ul id=\"dropdown-basic\" *dropdownMenu class=\"dropdown-menu\"\n        role=\"menu\" aria-labelledby=\"button-basic\">\n      <li role=\"menuitem\" *ngFor=\"let moreActions of sfxMoreActions\">\n        <a class=\"dropdown-item\" href=\"#\">{{moreActions.dropItemName}}</a>\n      </li>\n    </ul>\n  </div>",
-                styles: ["@charset \"UTF-8\";.btn-group button.dropdown-toggle.btn{background:#fff;padding:0;font-size:24px;line-height:26px;box-shadow:none;width:40px;height:40px;border-radius:50%;color:#000}.btn-group button.dropdown-toggle.btn:hover{background:#000;color:#fff}.btn-group .dropdown-menu{margin-top:10px;border:none;border-radius:10px;padding-top:20px;padding-bottom:20px;right:7px;left:auto;box-shadow:0 0 15px rgba(0,0,0,.175);max-height:none;overflow:inherit}.btn-group .dropdown-menu li a.dropdown-item{padding:10px 20px;color:#000;font-weight:600}.btn-group .dropdown-menu li a.dropdown-item:hover{background:#000;color:#fff}.btn-group .dropdown-menu li a.not-allowed{cursor:not-allowed}.btn-group .dropdown-menu::before{content:\"\uE252\";font-family:\"Glyphicons Halflings\"!important;font-size:14px;transform:rotate(180deg);display:inline-block;position:absolute;top:-13px;right:8px;color:#fff}.btn-group.open button.dropdown-toggle.btn{background:#000;color:#fff}"]
-            })
-        ], MoreDropdownComponent);
-        return MoreDropdownComponent;
+        return InputRadioComponent;
     }());
+    __decorate([
+        core.Input()
+    ], exports["ɵm"].prototype, "isActive", void 0);
+    __decorate([
+        core.Input()
+    ], exports["ɵm"].prototype, "label", void 0);
+    __decorate([
+        core.Input()
+    ], exports["ɵm"].prototype, "isRequired", void 0);
+    __decorate([
+        core.Output()
+    ], exports["ɵm"].prototype, "clicked", void 0);
+    exports["ɵm"] = __decorate([
+        core.Component({
+            selector: 'symphony-input-radio',
+            template: "<div class=\"sfx-radio\" (click)=\"onClick()\">\n  <input\n    type=\"radio\"\n    class=\"sfx-radio-input sfx-position-absolute\"\n    [checked]=\"isActive\"\n    name=\"{{ label }}\"\n  />\n  <label for=\"{{ label }}\" class=\"Font400\"\n    >{{ label }}<span class=\"requiredField\" *ngIf=\"isRequired\">*</span></label\n  >\n</div>\n",
+            styles: [".requiredField{color:red!important}.sfx-radio{-moz-user-select:none;-ms-user-select:none;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;margin:10px 0;user-select:none}.sfx-radio .sfx-radio-input{cursor:inherit;height:100%;left:0;margin:0;opacity:0;padding:0;position:absolute;top:0;width:100%;z-index:1}.sfx-radio .sfx-radio-input~label{color:#000;cursor:pointer;display:inline-block;font-family:neuzeit_groteskbold;font-size:14px;height:100%;line-height:20px;position:relative}.sfx-radio .sfx-radio-input+:before{border:.1rem solid #000;border-radius:50%;content:\"\";display:inline-block;height:1rem;margin-bottom:.2rem;margin-right:.5rem;vertical-align:bottom;width:1rem}.sfx-radio .sfx-radio-input:checked+:before{background:radial-gradient(#000 0,#000 40%,transparent 50%,transparent)}.sfx-radio .sfx-radio-input:checked+*{color:#000}"]
+        })
+    ], exports["ɵm"]);
 
-    var MoreDropdownModule = /** @class */ (function () {
-        function MoreDropdownModule() {
+    exports["ɵl"] = /** @class */ (function () {
+        function InputRadioModule() {
         }
-        MoreDropdownModule = __decorate([
-            core.NgModule({
-                declarations: [MoreDropdownComponent],
-                imports: [common.CommonModule, dropdown.BsDropdownModule.forRoot(), animations.BrowserAnimationsModule],
-                exports: [MoreDropdownComponent]
-            })
-        ], MoreDropdownModule);
-        return MoreDropdownModule;
+        return InputRadioModule;
     }());
+    exports["ɵl"] = __decorate([
+        core.NgModule({
+            declarations: [exports["ɵm"]],
+            imports: [
+                common.CommonModule,
+                forms.FormsModule,
+                forms.ReactiveFormsModule,
+                exports["ɵn"],
+            ],
+            exports: [exports["ɵm"]],
+        })
+    ], exports["ɵl"]);
 
-    var TimeStampComponent = /** @class */ (function () {
-        function TimeStampComponent() {
+    exports["ɵq"] = /** @class */ (function () {
+        function InputCheckboxComponent() {
+            this.clicked = new core.EventEmitter();
         }
-        TimeStampComponent.prototype.ngOnInit = function () { };
-        __decorate([
-            core.Input()
-        ], TimeStampComponent.prototype, "timeStamp", void 0);
-        TimeStampComponent = __decorate([
-            core.Component({
-                selector: 'symphony-time-stamp',
-                template: "<p>{{timeStamp}}</p>\n",
-                styles: [""]
-            })
-        ], TimeStampComponent);
-        return TimeStampComponent;
+        InputCheckboxComponent.prototype.ngOnInit = function () { };
+        InputCheckboxComponent.prototype.onClick = function () {
+            this.isActive ? (this.isActive = false) : (this.isActive = true);
+            this.clicked.emit({
+                label: this.label,
+                isActive: this.isActive,
+            });
+        };
+        return InputCheckboxComponent;
     }());
+    __decorate([
+        core.Input()
+    ], exports["ɵq"].prototype, "isActive", void 0);
+    __decorate([
+        core.Input()
+    ], exports["ɵq"].prototype, "label", void 0);
+    __decorate([
+        core.Input()
+    ], exports["ɵq"].prototype, "isRequired", void 0);
+    __decorate([
+        core.Output()
+    ], exports["ɵq"].prototype, "clicked", void 0);
+    exports["ɵq"] = __decorate([
+        core.Component({
+            selector: 'symphony-input-checkbox',
+            template: "<div class=\"sfx-checkbox\">\n    <input\n        type=\"checkbox\"\n        class=\"sfx-checkbox-input\"\n        [checked]=\"isActive\"\n        name=\"{{ label }}\"\n    />\n    <label (click)=\"onClick()\" for=\"{{ label }}\" class=\"Font400\"\n        >{{ label\n        }}<span class=\"requiredField\" *ngIf=\"isRequired\">*</span></label\n    >\n</div>\n",
+            styles: [".sfx-checkbox .sfx-checkbox-input:checked~label:after{background-color:transparent}.requiredField{color:red!important}.sfx-checkbox{-moz-user-select:none;-ms-user-select:none;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;margin:10px 0;user-select:none}.sfx-checkbox .sfx-checkbox-input:checked,.sfx-checkbox .sfx-checkbox-input:not(:checked){height:0;left:0;margin:0;opacity:0;overflow:hidden;pointer-events:none;position:absolute;width:0;z-index:-1}.sfx-checkbox .sfx-checkbox-input~label{color:#000;cursor:pointer;display:inline-block;font-family:neuzeit_groteskbold,sans-serif;font-size:14px;height:100%;line-height:20px;margin:0;padding-left:36px;position:relative;word-break:break-word}.sfx-checkbox .sfx-checkbox-input~label.sfx-font-reg{font-family:neuzeit_groteskregular,sans-serif}.sfx-checkbox .sfx-checkbox-input~label:before{border-radius:2px;content:\"\";left:0;position:absolute;transform:translateZ(0);transition:all .2s ease-in}.sfx-checkbox .sfx-checkbox-input~label:after{border-radius:2px;content:\"\";left:0;position:absolute;top:0}.sfx-checkbox .sfx-checkbox-input:not(:checked)~label:before{border:none;height:15px;left:0;top:1px;transform:rotate(37deg) scale(.1);transform-origin:100% 100%;width:9px}.sfx-checkbox .sfx-checkbox-input:not(:checked)~label:after{border:2px solid #000;border-radius:4px;height:20px;width:20px;z-index:0}.sfx-checkbox .sfx-checkbox-input:checked~label:before{-webkit-backface-visibility:hidden;backface-visibility:hidden;border-color:transparent #000 #000 transparent;border-radius:0;border-style:solid;border-width:0 2px 2px 0;height:12px;left:3px;top:3px;transform:rotate(37deg) scale(1);transform-origin:100% 100%;width:6px;z-index:1}.sfx-checkbox .sfx-checkbox-input:checked~label:after{background-color:#fff;border:2px solid #000;border-radius:4px;height:20px;width:20px}.sfx-checkbox .sfx-checkbox-input:disabled~label{opacity:.3;pointer-events:none}"]
+        })
+    ], exports["ɵq"]);
 
-    var TimeStampModule = /** @class */ (function () {
-        function TimeStampModule() {
+    exports["ɵp"] = /** @class */ (function () {
+        function InputCheckboxModule() {
         }
-        TimeStampModule = __decorate([
-            core.NgModule({
-                declarations: [TimeStampComponent],
-                imports: [common.CommonModule],
-                exports: [TimeStampComponent]
-            })
-        ], TimeStampModule);
-        return TimeStampModule;
+        return InputCheckboxModule;
     }());
+    exports["ɵp"] = __decorate([
+        core.NgModule({
+            declarations: [exports["ɵq"]],
+            imports: [common.CommonModule],
+            exports: [exports["ɵq"]],
+        })
+    ], exports["ɵp"]);
 
-    var AtomsModule = /** @class */ (function () {
+    exports.AtomsModule = /** @class */ (function () {
         function AtomsModule() {
         }
-        AtomsModule = __decorate([
-            core.NgModule({
-                declarations: [],
-                imports: [],
-                exports: [ButtonModule, DropdownModule, MoreDropdownModule, DescriptionModule,
-                    ListTitleModule, TimeStampModule, AvatarModule, PillModule],
-            })
-        ], AtomsModule);
         return AtomsModule;
     }());
+    exports.AtomsModule = __decorate([
+        core.NgModule({
+            declarations: [],
+            imports: [],
+            exports: [
+                exports.ButtonModule,
+                exports["ɵa"],
+                exports["ɵc"],
+                exports["ɵe"],
+                exports["ɵg"],
+                exports.TaskIconModule,
+                exports.ColorSampleModule,
+                exports.H1Module,
+                exports.H2Module,
+                exports.H3Module,
+                exports.H4Module,
+                exports.ParagraphModule,
+                exports.H5Module,
+                exports.IconModule,
+                exports["ɵh"],
+                exports["ɵj"],
+                exports["ɵl"],
+                exports["ɵp"],
+                exports.InputTextModule,
+            ],
+        })
+    ], exports.AtomsModule);
 
-    var PillsComponent = /** @class */ (function () {
+    exports.PillsComponent = /** @class */ (function () {
         function PillsComponent() {
             this.removePill = new core.EventEmitter();
         }
@@ -607,136 +1210,912 @@
         PillsComponent.prototype.onRemovePill = function (event) {
             this.removePill.emit(this.pillsList.find(function (p) { return p.pillLabel.toLowerCase() === event.toLowerCase(); }));
         };
-        __decorate([
-            core.Input()
-        ], PillsComponent.prototype, "hasClose", void 0);
-        __decorate([
-            core.Input()
-        ], PillsComponent.prototype, "pillsList", void 0);
-        __decorate([
-            core.Input()
-        ], PillsComponent.prototype, "hasTooltips", void 0);
-        __decorate([
-            core.Output()
-        ], PillsComponent.prototype, "removePill", void 0);
-        PillsComponent = __decorate([
-            core.Component({
-                selector: 'symphony-pills',
-                template: "<div class=\"sfx-pills-wrapper\">\n  <symphony-pill *ngFor=\"let pill of pillsList\"\n    [pillLabel]=pill.pillLabel\n    [hasClose]=hasClose\n    [tooltipLabel]=pill.tooltipLabel\n    (removePill)=\"onRemovePill($event)\"\n  ></symphony-pill>\n</div>",
-                styles: [".sfx-pills-wrapper{overflow-x:auto;white-space:nowrap;width:100%;padding-bottom:20px}"]
-            })
-        ], PillsComponent);
         return PillsComponent;
     }());
+    __decorate([
+        core.Input()
+    ], exports.PillsComponent.prototype, "hasClose", void 0);
+    __decorate([
+        core.Input()
+    ], exports.PillsComponent.prototype, "pillsList", void 0);
+    __decorate([
+        core.Input()
+    ], exports.PillsComponent.prototype, "hasTooltips", void 0);
+    __decorate([
+        core.Output()
+    ], exports.PillsComponent.prototype, "removePill", void 0);
+    exports.PillsComponent = __decorate([
+        core.Component({
+            selector: 'symphony-pills',
+            template: "<div class=\"sfx-pills-wrapper\">\n  <symphony-pill *ngFor=\"let pill of pillsList\"\n    [pillLabel]=pill.pillLabel\n    [hasClose]=hasClose\n    [tooltipLabel]=pill.tooltipLabel\n    (removePill)=\"onRemovePill($event)\"\n  ></symphony-pill>\n</div>",
+            styles: [".sfx-pills-wrapper{overflow-x:auto;padding-bottom:20px;white-space:nowrap;width:100%}"]
+        })
+    ], exports.PillsComponent);
 
-    var PillsModule = /** @class */ (function () {
+    exports.PillsModule = /** @class */ (function () {
         function PillsModule() {
         }
-        PillsModule = __decorate([
-            core.NgModule({
-                declarations: [PillsComponent],
-                imports: [
-                    common.CommonModule,
-                    PillModule
-                ],
-                exports: [
-                    PillsComponent
-                ]
-            })
-        ], PillsModule);
         return PillsModule;
     }());
+    exports.PillsModule = __decorate([
+        core.NgModule({
+            declarations: [exports.PillsComponent],
+            imports: [
+                common.CommonModule,
+                exports["ɵg"]
+            ],
+            exports: [
+                exports.PillsComponent
+            ]
+        })
+    ], exports.PillsModule);
+
+    exports.TaskComponent = /** @class */ (function () {
+        function TaskComponent() {
+            this.taskModel = {
+                assignee: '',
+                title: '',
+                dueDate: '',
+                moreActions: [],
+            };
+        }
+        TaskComponent.prototype.ngOnInit = function () { };
+        return TaskComponent;
+    }());
+    __decorate([
+        core.Input()
+    ], exports.TaskComponent.prototype, "taskModel", void 0);
+    exports.TaskComponent = __decorate([
+        core.Component({
+            selector: 'symphony-task',
+            template: "<div class=\"sfx-task\">\n  <symphony-task-icon\n    class=\"task-icon\"\n    [isComplete]=\"taskModel.isComplete\"\n  ></symphony-task-icon>\n  <div class=\"task-content\">\n    <symphony-h3 [text]=\"taskModel.title\"></symphony-h3>\n    <div class=\"time-and-assigned\">\n      <symphony-paragraph\n        [text]=\"taskModel.dueDate\"\n      ></symphony-paragraph>\n      <symphony-paragraph\n        [text]=\"taskModel.assignee\"\n      ></symphony-paragraph>\n    </div>\n  </div>\n  <symphony-more-dropdown\n    class=\"task-more-option\"\n    *ngIf=\"taskModel.moreActions && taskModel.moreActions.length > 0\"\n    [moreActions]=\"taskModel.moreActions\"\n  >\n  </symphony-more-dropdown>\n</div>\n",
+            styles: ["*{font-family:neuzeit-grotesk,sans-serif!important}.sfx-task{align-items:center;border-bottom:1px solid #d9d9d9;display:flex;padding:30px 0}.sfx-task symphony-task{font-size:14px;letter-spacing:-1px}.sfx-task symphony-task-icon{margin-right:20px}.sfx-task .task-content{height:50px;width:80%}.sfx-task symphony-more-dropdown{margin-left:auto}.sfx-task symphony-paragraph{display:inline-block;margin-right:20px}.sfx-task .time-and-assigned{margin-bottom:-10px}"]
+        })
+    ], exports.TaskComponent);
 
-    var NoteComponent = /** @class */ (function () {
+    exports.TaskModule = /** @class */ (function () {
+        function TaskModule() {
+        }
+        return TaskModule;
+    }());
+    exports.TaskModule = __decorate([
+        core.NgModule({
+            declarations: [exports.TaskComponent],
+            imports: [
+                common.CommonModule,
+                exports.TaskIconModule,
+                exports["ɵc"],
+                exports.H3Module,
+                exports.ParagraphModule
+            ],
+            exports: [exports.TaskComponent],
+        })
+    ], exports.TaskModule);
+
+    exports.ColorSwatchComponent = /** @class */ (function () {
+        function ColorSwatchComponent() {
+            this.colorSwatchModel = {
+                colorCode: '',
+                sassCode: '',
+            };
+        }
+        ColorSwatchComponent.prototype.ngOnInit = function () {
+            this.getDescription();
+        };
+        ColorSwatchComponent.prototype.getDescription = function () {
+            this.description = this.colorSwatchModel.colorCode + " - " + this.colorSwatchModel.sassCode;
+            return this.description;
+        };
+        return ColorSwatchComponent;
+    }());
+    __decorate([
+        core.Input()
+    ], exports.ColorSwatchComponent.prototype, "colorSwatchModel", void 0);
+    exports.ColorSwatchComponent = __decorate([
+        core.Component({
+            selector: 'symphony-ui-color-explorer',
+            template: "<div class=\"sfx-ui-color-explorer\">\n  <symphony-color-sample\n    [color]=\"colorSwatchModel.color\"\n  ></symphony-color-sample>\n  <symphony-h3\n    [text]=\"colorSwatchModel.colorName\"\n  ></symphony-h3>\n  <symphony-paragraph [text]=\"description\"></symphony-paragraph>\n</div>\n",
+            styles: [""]
+        })
+    ], exports.ColorSwatchComponent);
+
+    exports.ColorSwatchModule = /** @class */ (function () {
+        function ColorSwatchModule() {
+        }
+        return ColorSwatchModule;
+    }());
+    exports.ColorSwatchModule = __decorate([
+        core.NgModule({
+            declarations: [exports.ColorSwatchComponent],
+            imports: [
+                common.CommonModule,
+                exports.ColorSampleModule,
+                exports.H3Module,
+                exports.ParagraphModule
+            ],
+            exports: [exports.ColorSwatchComponent],
+        })
+    ], exports.ColorSwatchModule);
+
+    exports.IconSwatchComponent = /** @class */ (function () {
+        function IconSwatchComponent() {
+            this.iconSwatchModel = {
+                iconName: '',
+                iconClass: '',
+            };
+        }
+        IconSwatchComponent.prototype.ngOnInit = function () { };
+        return IconSwatchComponent;
+    }());
+    __decorate([
+        core.Input()
+    ], exports.IconSwatchComponent.prototype, "iconSwatchModel", void 0);
+    __decorate([
+        core.Input()
+    ], exports.IconSwatchComponent.prototype, "isInverse", void 0);
+    exports.IconSwatchComponent = __decorate([
+        core.Component({
+            selector: 'symphony-icon-swatch',
+            template: "<div class=\"sfx-icon-swatch\">\n  <div\n    class=\"sfx-icon-wrapper\"\n    [ngClass]=\"{\n      'mt-0': iconSwatchModel.hasBorder\n    }\"\n  >\n    <symphony-icon-wrapper\n      *ngIf=\"iconSwatchModel.hasBorder\"\n      [isInverse]=\"isInverse\"\n    >\n      <symphony-icon [icon]=\"iconSwatchModel.icon\"></symphony-icon>\n    </symphony-icon-wrapper>\n    <symphony-icon\n      *ngIf=\"!iconSwatchModel.hasBorder\"\n      [icon]=\"iconSwatchModel.icon\"\n    ></symphony-icon>\n  </div>\n  <div class=\"sfx-icon-description-wrapper\">\n    <symphony-h5 [text]=\"iconSwatchModel.iconName\"></symphony-h5>\n\n    <symphony-paragraph [text]=\"iconSwatchModel.iconClass\"></symphony-paragraph>\n  </div>\n</div>\n",
+            styles: ["*{font-family:neuzeit-grotesk,sans-serif!important}.sfx-icon-wrapper{display:inline-block;margin-right:10px;margin-top:10px;text-align:center;vertical-align:top}.mt-0{margin-top:0}.sfx-icon-description-wrapper{display:inline-block}"]
+        })
+    ], exports.IconSwatchComponent);
+
+    exports.IconSwatchModule = /** @class */ (function () {
+        function IconSwatchModule() {
+        }
+        return IconSwatchModule;
+    }());
+    exports.IconSwatchModule = __decorate([
+        core.NgModule({
+            declarations: [exports.IconSwatchComponent],
+            imports: [
+                common.CommonModule,
+                exports.IconModule,
+                exports.H5Module,
+                exports.ParagraphModule,
+                exports["ɵh"],
+            ],
+            exports: [exports.IconSwatchComponent],
+        })
+    ], exports.IconSwatchModule);
+
+    exports["ɵu"] = /** @class */ (function () {
         function NoteComponent() {
+            this.noteModel = {
+                firstName: '',
+                lastName: '',
+                listTitle: '',
+                timeStamp: '',
+                description: '',
+                moreActions: [],
+            };
         }
         NoteComponent.prototype.ngOnInit = function () { };
-        __decorate([
-            core.Input()
-        ], NoteComponent.prototype, "firstName", void 0);
-        __decorate([
-            core.Input()
-        ], NoteComponent.prototype, "lastName", void 0);
-        __decorate([
-            core.Input()
-        ], NoteComponent.prototype, "listTitle", void 0);
-        __decorate([
-            core.Input()
-        ], NoteComponent.prototype, "timeStamp", void 0);
-        __decorate([
-            core.Input()
-        ], NoteComponent.prototype, "description", void 0);
-        __decorate([
-            core.Input()
-        ], NoteComponent.prototype, "moreActions", void 0);
-        NoteComponent = __decorate([
-            core.Component({
-                selector: 'symphony-note',
-                template: "<div class=\"sfx-note\">\n    <lib-avatar class=\"list-avatar\" [firstName]= firstName [lastName]= lastName></lib-avatar>\n    <div class=\"list-content\">\n        <symphony-list-title [listTitle]= listTitle></symphony-list-title>\n        <symphony-time-stamp [timeStamp]= timeStamp></symphony-time-stamp>\n        <symphony-description [description]= description></symphony-description>\n    </div>\n    <symphony-more-dropdown class=\"list-more-option\" [moreActions]= moreActions></symphony-more-dropdown>\n</div>\n",
-                styles: [".sfx-note{position:relative;padding:20px 75px}.sfx-note .list-avatar{position:absolute;left:0;top:20px}.sfx-note .list-more-option{position:absolute;right:0;top:20px}"]
-            })
-        ], NoteComponent);
         return NoteComponent;
     }());
+    __decorate([
+        core.Input()
+    ], exports["ɵu"].prototype, "noteModel", void 0);
+    exports["ɵu"] = __decorate([
+        core.Component({
+            selector: 'symphony-note',
+            template: "<div class=\"sfx-note\">\n    <lib-avatar class=\"list-avatar\" [firstName]= noteModel.firstName [lastName]= noteModel.lastName></lib-avatar>\n    <div class=\"list-content\">\n        <symphony-h3 [text]= noteModel.listTitle></symphony-h3>\n        <symphony-paragraph [text]= noteModel.timeStamp></symphony-paragraph>\n        <symphony-paragraph [text]= noteModel.description></symphony-paragraph>\n    </div>\n    <symphony-more-dropdown class=\"list-more-option\" [moreActions]= noteModel.moreActions></symphony-more-dropdown>\n</div>\n",
+            styles: [".sfx-note{padding:20px 75px;position:relative}.sfx-note .list-avatar{left:0;position:absolute;top:20px}.sfx-note .list-more-option{position:absolute;right:0;top:20px}"]
+        })
+    ], exports["ɵu"]);
 
-    var NoteModule = /** @class */ (function () {
+    exports["ɵt"] = /** @class */ (function () {
         function NoteModule() {
         }
-        NoteModule = __decorate([
-            core.NgModule({
-                declarations: [NoteComponent],
-                imports: [common.CommonModule, AvatarModule, ListTitleModule, TimeStampModule, DescriptionModule, MoreDropdownModule],
-                exports: [NoteComponent]
-            })
-        ], NoteModule);
         return NoteModule;
     }());
+    exports["ɵt"] = __decorate([
+        core.NgModule({
+            declarations: [exports["ɵu"]],
+            imports: [
+                common.CommonModule,
+                exports["ɵe"],
+                exports["ɵc"],
+                exports.H3Module,
+                exports.ParagraphModule
+            ],
+            exports: [exports["ɵu"]]
+        })
+    ], exports["ɵt"]);
+
+    exports["ɵs"] = /** @class */ (function () {
+        function BreadcrumbComponent() {
+        }
+        BreadcrumbComponent.prototype.ngOnInit = function () {
+            this.icon = Icons.ARROWNEXT;
+        };
+        return BreadcrumbComponent;
+    }());
+    __decorate([
+        core.Input()
+    ], exports["ɵs"].prototype, "breadcrumbs", void 0);
+    exports["ɵs"] = __decorate([
+        core.Component({
+            selector: 'symphony-breadcrumb',
+            template: "<div class=\"sfx-breadcrumb-wrapper\">\n  <span\n    class=\"breadcrumb-item\"\n    *ngFor=\"let breadcrumb of breadcrumbs; let last = last\"\n  >\n    <symphony-h3 *ngIf=\"!last\"\n      ><a\n        class=\"sfx-cursor-pointer sfx-font30 sfx-txt-black\"\n        href=\"{{ breadcrumb.link }}\"\n        >{{ breadcrumb.label }}</a\n      ></symphony-h3\n    >\n    <symphony-h3 *ngIf=\"last\">{{ breadcrumb.label }} </symphony-h3>\n\n    <symphony-icon [icon]=\"icon\" *ngIf=\"!last\"></symphony-icon>\n  </span>\n</div>\n",
+            styles: [".breadcrumb-item,.sfx-breadcrumb-wrapper{display:flex}symphony-icon{padding:0 6px;position:relative;top:9px}"]
+        })
+    ], exports["ɵs"]);
 
-    var MoleculesModule = /** @class */ (function () {
+    exports["ɵr"] = /** @class */ (function () {
+        function BreadcrumbModule() {
+        }
+        return BreadcrumbModule;
+    }());
+    exports["ɵr"] = __decorate([
+        core.NgModule({
+            declarations: [exports["ɵs"]],
+            imports: [common.CommonModule, exports.H3Module, exports.IconModule],
+            exports: [exports["ɵs"]],
+        })
+    ], exports["ɵr"]);
+
+    exports.MoleculesModule = /** @class */ (function () {
         function MoleculesModule() {
         }
-        MoleculesModule = __decorate([
-            core.NgModule({
-                declarations: [],
-                imports: [
-                    common.CommonModule,
-                    AvatarModule,
-                    ListTitleModule,
-                    TimeStampModule,
-                    DescriptionModule,
-                    MoreDropdownModule,
-                    PillsModule,
-                ],
-                exports: [NoteModule, PillsModule],
-            })
-        ], MoleculesModule);
         return MoleculesModule;
     }());
+    exports.MoleculesModule = __decorate([
+        core.NgModule({
+            declarations: [],
+            imports: [
+                common.CommonModule,
+                exports["ɵe"],
+                exports["ɵc"],
+                exports.PillsModule,
+                exports.TaskModule,
+                exports.ColorSwatchModule,
+                exports.IconSwatchModule,
+                exports["ɵr"],
+            ],
+            exports: [
+                exports["ɵt"],
+                exports.PillsModule,
+                exports.TaskModule,
+                exports.ColorSwatchModule,
+                exports.IconSwatchModule,
+                exports["ɵr"],
+            ],
+        })
+    ], exports.MoleculesModule);
+
+    exports.TaskListComponent = /** @class */ (function () {
+        function TaskListComponent() {
+        }
+        TaskListComponent.prototype.ngOnInit = function () { };
+        return TaskListComponent;
+    }());
+    __decorate([
+        core.Input()
+    ], exports.TaskListComponent.prototype, "taskList", void 0);
+    exports.TaskListComponent = __decorate([
+        core.Component({
+            selector: 'symphony-task-list',
+            template: "<ul class=\"task-list list-unstyled\">\n  <li class=\"task-list-item\" *ngFor=\"let task of taskList\">\n    <symphony-task [taskModel]=\"task\"></symphony-task>\n  </li>\n</ul>\n",
+            styles: [".task-list{border-top:1px solid #d9d9d9}"]
+        })
+    ], exports.TaskListComponent);
+
+    exports.TaskListModule = /** @class */ (function () {
+        function TaskListModule() {
+        }
+        return TaskListModule;
+    }());
+    exports.TaskListModule = __decorate([
+        core.NgModule({
+            declarations: [exports.TaskListComponent],
+            imports: [common.CommonModule, exports.TaskModule],
+            exports: [exports.TaskListComponent],
+        })
+    ], exports.TaskListModule);
+
+    exports.ColorSwatchCollectionComponent = /** @class */ (function () {
+        function ColorSwatchCollectionComponent() {
+        }
+        ColorSwatchCollectionComponent.prototype.ngOnInit = function () { };
+        return ColorSwatchCollectionComponent;
+    }());
+    __decorate([
+        core.Input()
+    ], exports.ColorSwatchCollectionComponent.prototype, "colorList", void 0);
+    exports.ColorSwatchCollectionComponent = __decorate([
+        core.Component({
+            selector: 'symphony-main-ui-color-swatch',
+            template: "<ul class=\"color-list list-unstyled\">\n  <li class=\"color-list-item\" *ngFor=\"let color of colorList\">\n    <symphony-ui-color-explorer\n      [colorSwatchModel]=\"color\"\n    ></symphony-ui-color-explorer>\n  </li>\n</ul>\n",
+            encapsulation: core.ViewEncapsulation.None,
+            styles: [".data-vis-ext .color-list,.data-vis .color-list{display:flex;flex-direction:column;flex-wrap:wrap;height:100vh;width:50vw}.data-vis-ext .color-list-item,.data-vis .color-list-item{flex:0 0 20%;padding:0}.main-ui .color-list-item{padding:5px 0}"]
+        })
+    ], exports.ColorSwatchCollectionComponent);
+
+    exports.ColorSwatchCollectionModule = /** @class */ (function () {
+        function ColorSwatchCollectionModule() {
+        }
+        return ColorSwatchCollectionModule;
+    }());
+    exports.ColorSwatchCollectionModule = __decorate([
+        core.NgModule({
+            declarations: [exports.ColorSwatchCollectionComponent],
+            imports: [common.CommonModule, exports.ColorSwatchModule],
+        })
+    ], exports.ColorSwatchCollectionModule);
+
+    var IconExplorerHelper = /** @class */ (function () {
+        function IconExplorerHelper() {
+        }
+        IconExplorerHelper.getAllIcons = function () {
+            var allIcons = [];
+            allIcons = allIcons.concat(this.getHasNoBorderIconList());
+            allIcons = allIcons.concat(this.getHasBorderIconList());
+            allIcons = allIcons.concat(this.getInverseIconList());
+            return allIcons;
+        };
+        IconExplorerHelper.getHasNoBorderIconList = function () {
+            return [
+                {
+                    icon: Icons.MOREOPTIONS,
+                    iconName: 'MOREOPTIONS',
+                    iconClass: 'si-more-options',
+                    hasBorder: false,
+                },
+                {
+                    icon: Icons.ADD,
+                    iconName: 'ADD',
+                    iconClass: 'si-add',
+                    hasBorder: false,
+                },
+                {
+                    icon: Icons.ACTIVITY,
+                    iconName: 'ACTIVITY',
+                    iconClass: 'si-activity',
+                    hasBorder: false,
+                },
+                {
+                    icon: Icons.ARROWHIDEREVEAL,
+                    iconName: 'ARROWHIDEREVEAL',
+                    iconClass: 'si-arrow-hide-reveal',
+                    hasBorder: false,
+                },
+                {
+                    icon: Icons.ARROWNEXT,
+                    iconName: 'ARROWNEXT',
+                    iconClass: 'si-arrow-next',
+                    hasBorder: false,
+                },
+                {
+                    icon: Icons.ARROWPREV,
+                    iconName: 'ARROWPREV',
+                    iconClass: 'si-arrow-prev',
+                    hasBorder: false,
+                },
+                {
+                    icon: Icons.CLOSEMODAL,
+                    iconName: 'CLOSEMODAL',
+                    iconClass: 'si-close-modal',
+                    hasBorder: false,
+                },
+                {
+                    icon: Icons.COLLAPSE,
+                    iconName: 'COLLAPSE',
+                    iconClass: 'si-collapse',
+                    hasBorder: false,
+                },
+                {
+                    icon: Icons.DAYMODE,
+                    iconName: 'DAYMODE',
+                    iconClass: 'si-daymode',
+                    hasBorder: false,
+                },
+                {
+                    icon: Icons.DELETE,
+                    iconName: 'DELETE',
+                    iconClass: 'si-delete',
+                    hasBorder: false,
+                },
+                {
+                    icon: Icons.DOCUMENT,
+                    iconName: 'DOCUMENT',
+                    iconClass: 'si-document',
+                    hasBorder: false,
+                },
+                {
+                    icon: Icons.DOWNLOAD,
+                    iconName: 'DOWNLOAD',
+                    iconClass: 'si-download',
+                    hasBorder: false,
+                },
+                {
+                    icon: Icons.EDIT,
+                    iconName: 'EDIT',
+                    iconClass: 'si-edit',
+                    hasBorder: false,
+                },
+                {
+                    icon: Icons.EMAILDRIP,
+                    iconName: 'EMAILDRIP',
+                    iconClass: 'si-email-drip',
+                    hasBorder: false,
+                },
+                {
+                    icon: Icons.EMAILOPEN,
+                    iconName: 'EMAILOPEN',
+                    iconClass: 'si-email-open',
+                    hasBorder: false,
+                },
+                {
+                    icon: Icons.EMAILSEND,
+                    iconName: 'EMAILSEND',
+                    iconClass: 'si-email-send',
+                    hasBorder: false,
+                },
+                {
+                    icon: Icons.EXPAND,
+                    iconName: 'EXPAND',
+                    iconClass: 'si-expand',
+                    hasBorder: false,
+                },
+                {
+                    icon: Icons.FAVORITE,
+                    iconName: 'FAVORITE',
+                    iconClass: 'si-favorite',
+                    hasBorder: false,
+                },
+                {
+                    icon: Icons.FEEDBACKMAYBE,
+                    iconName: 'FEEDBACKMAYBE',
+                    iconClass: 'si-feedback-maybe',
+                    hasBorder: false,
+                },
+                {
+                    icon: Icons.FEEDBACKNO,
+                    iconName: 'FEEDBACKNO',
+                    iconClass: 'si-feedback-no',
+                    hasBorder: false,
+                },
+                {
+                    icon: Icons.FEEDBACKYES,
+                    iconName: 'FEEDBACKYES',
+                    iconClass: 'si-feedback-yes',
+                    hasBorder: false,
+                },
+                {
+                    icon: Icons.FOLDERMULTIPLE,
+                    iconName: 'FOLDERMULTIPLE',
+                    iconClass: 'si-folder-multiple',
+                    hasBorder: false,
+                },
+                {
+                    icon: Icons.INCLUDE,
+                    iconName: 'INCLUDE',
+                    iconClass: 'si-include',
+                    hasBorder: false,
+                },
+                {
+                    icon: Icons.INFO,
+                    iconName: 'INFO',
+                    iconClass: 'si-info',
+                    hasBorder: false,
+                },
+                {
+                    icon: Icons.INTERVIEW,
+                    iconName: 'INTERVIEW',
+                    iconClass: 'si-interview',
+                    hasBorder: false,
+                },
+                {
+                    icon: Icons.LINK,
+                    iconName: 'LINK',
+                    iconClass: 'si-link',
+                    hasBorder: false,
+                },
+                {
+                    icon: Icons.LOCATION,
+                    iconName: 'LOCATION',
+                    iconClass: 'si-location',
+                    hasBorder: false,
+                },
+                {
+                    icon: Icons.MENUALL,
+                    iconName: 'MENUALL',
+                    iconClass: 'si-menu-all',
+                    hasBorder: false,
+                },
+                {
+                    icon: Icons.MENUANALYTICS,
+                    iconName: 'MENUANALYTICS',
+                    iconClass: 'si-menu-analytics',
+                    hasBorder: false,
+                },
+                {
+                    icon: Icons.MENUASSETS,
+                    iconName: 'MENUASSETS',
+                    iconClass: 'si-menu-assets',
+                    hasBorder: false,
+                },
+                {
+                    icon: Icons.MENUCAMPAIGNS,
+                    iconName: 'MENUCAMPAIGNS',
+                    iconClass: 'si-menu-campaigns',
+                    hasBorder: false,
+                },
+                {
+                    icon: Icons.MENUCONTACT,
+                    iconName: 'MENUCONTACT',
+                    iconClass: 'si-menu-contact',
+                    hasBorder: false,
+                },
+                {
+                    icon: Icons.MENUCONTENT,
+                    iconName: 'MENUCONTENT',
+                    iconClass: 'si-menu-content',
+                    hasBorder: false,
+                },
+                {
+                    icon: Icons.MENUDASHBOARD,
+                    iconName: 'MENUDASHBOARD',
+                    iconClass: 'si-menu-dashboard',
+                    hasBorder: false,
+                },
+                {
+                    icon: Icons.MENUEVENTS,
+                    iconName: 'MENUEVENTS',
+                    iconClass: 'si-menu-events',
+                    hasBorder: false,
+                },
+                {
+                    icon: Icons.MENUFOLDERS,
+                    iconName: 'MENUFOLDERS',
+                    iconClass: 'si-menu-folders',
+                    hasBorder: false,
+                },
+                {
+                    icon: Icons.MENUJOBS,
+                    iconName: 'MENUJOBS',
+                    iconClass: 'si-menu-jobs',
+                    hasBorder: false,
+                },
+                {
+                    icon: Icons.MENURETURN,
+                    iconName: 'MENURETURN',
+                    iconClass: 'si-menu-return',
+                    hasBorder: false,
+                },
+                {
+                    icon: Icons.MENUWORKFLOWS,
+                    iconName: 'MENUWORKFLOWS',
+                    iconClass: 'si-menu-workflows',
+                    hasBorder: false,
+                },
+                {
+                    icon: Icons.MERGE,
+                    iconName: 'MERGE',
+                    iconClass: 'si-merge',
+                    hasBorder: false,
+                },
+                {
+                    icon: Icons.MOVE,
+                    iconName: 'MOVE',
+                    iconClass: 'si-move',
+                    hasBorder: false,
+                },
+                {
+                    icon: Icons.NIGHTMODE,
+                    iconName: 'NIGHTMODE',
+                    iconClass: 'si-nightmode',
+                    hasBorder: false,
+                },
+                {
+                    icon: Icons.NOTIFICATION,
+                    iconName: 'NOTIFICATION',
+                    iconClass: 'si-notification',
+                    hasBorder: false,
+                },
+                {
+                    icon: Icons.ORGANIZECOLUMNS,
+                    iconName: 'ORGANIZECOLUMNS',
+                    iconClass: 'si-organize-columns',
+                    hasBorder: false,
+                },
+                {
+                    icon: Icons.ORGANIZECONTACTS,
+                    iconName: 'ORGANIZECONTACTS',
+                    iconClass: 'si-organize-contacts',
+                    hasBorder: false,
+                },
+                {
+                    icon: Icons.PENDINGINCOMPLETE,
+                    iconName: 'PENDINGINCOMPLETE',
+                    iconClass: 'si-pending-incomplete',
+                    hasBorder: false,
+                },
+                {
+                    icon: Icons.PHONENUMBER,
+                    iconName: 'PHONENUMBER',
+                    iconClass: 'si-phone-number',
+                    hasBorder: false,
+                },
+                {
+                    icon: Icons.PREVIEW,
+                    iconName: 'PREVIEW',
+                    iconClass: 'si-preview',
+                    hasBorder: false,
+                },
+                {
+                    icon: Icons.PROMOTE,
+                    iconName: 'PROMOTE',
+                    iconClass: 'si-promote',
+                    hasBorder: false,
+                },
+                {
+                    icon: Icons.REFRESH,
+                    iconName: 'REFRESH',
+                    iconClass: 'si-refresh',
+                    hasBorder: false,
+                },
+                {
+                    icon: Icons.REMOVE,
+                    iconName: 'REMOVE',
+                    iconClass: 'si-remove',
+                    hasBorder: false,
+                },
+                {
+                    icon: Icons.EXCLUDE,
+                    iconName: 'EXCLUDE',
+                    iconClass: 'si-exclude',
+                    hasBorder: false,
+                },
+                {
+                    icon: Icons.RESULTSFILTERS,
+                    iconName: 'RESULTSFILTERS',
+                    iconClass: 'si-results-filters',
+                    hasBorder: false,
+                },
+                {
+                    icon: Icons.REVIEW,
+                    iconName: 'REVIEW',
+                    iconClass: 'si-review',
+                    hasBorder: false,
+                },
+                {
+                    icon: Icons.SALARY,
+                    iconName: 'SALARY',
+                    iconClass: 'si-salary',
+                    hasBorder: false,
+                },
+                {
+                    icon: Icons.SAVE,
+                    iconName: 'SAVE',
+                    iconClass: 'si-save',
+                    hasBorder: false,
+                },
+                {
+                    icon: Icons.SEARCHADVANCED,
+                    iconName: 'SEARCHADVANCED',
+                    iconClass: 'si-search-advanced',
+                    hasBorder: false,
+                },
+                {
+                    icon: Icons.SEARCHCLEAR,
+                    iconName: 'SEARCHCLEAR',
+                    iconClass: 'si-search-clear',
+                    hasBorder: false,
+                },
+                {
+                    icon: Icons.SEARCHNEW,
+                    iconName: 'SEARCHNEW',
+                    iconClass: 'si-search-new',
+                    hasBorder: false,
+                },
+                {
+                    icon: Icons.SETTINGSMART,
+                    iconName: 'SETTINGSMART',
+                    iconClass: 'si-settings-smart',
+                    hasBorder: false,
+                },
+                {
+                    icon: Icons.SMS,
+                    iconName: 'SMS',
+                    iconClass: 'si-sms',
+                    hasBorder: false,
+                },
+                {
+                    icon: Icons.SORTMINI,
+                    iconName: 'SORTMINI',
+                    iconClass: 'si-sort-mini',
+                    hasBorder: false,
+                },
+                {
+                    icon: Icons.STATUS,
+                    iconName: 'STATUS',
+                    iconClass: 'si-status',
+                    hasBorder: false,
+                },
+                {
+                    icon: Icons.SYSTEMACTION,
+                    iconName: 'SYSTEMACTION',
+                    iconClass: 'si-system-action',
+                    hasBorder: false,
+                },
+                {
+                    icon: Icons.TASKCOMPLETED,
+                    iconName: 'TASKCOMPLETED',
+                    iconClass: 'si-task-completed',
+                    hasBorder: false,
+                },
+                {
+                    icon: Icons.TASKOPEN,
+                    iconName: 'TASKOPEN',
+                    iconClass: 'si-task-open',
+                    hasBorder: false,
+                },
+                {
+                    icon: Icons.TIMEFRAME,
+                    iconName: 'TIMEFRAME',
+                    iconClass: 'si-timeframe',
+                    hasBorder: false,
+                },
+                {
+                    icon: Icons.TIMELINE,
+                    iconName: 'TIMELINE',
+                    iconClass: 'si-timeline',
+                    hasBorder: false,
+                },
+                {
+                    icon: Icons.UPLOAD,
+                    iconName: 'UPLOAD',
+                    iconClass: 'si-upload',
+                    hasBorder: false,
+                },
+                {
+                    icon: Icons.USERMULTIPLE,
+                    iconName: 'USERMULTIPLE',
+                    iconClass: 'si-user-multiple',
+                    hasBorder: false,
+                },
+                {
+                    icon: Icons.USER,
+                    iconName: 'USER',
+                    iconClass: 'si-user',
+                    hasBorder: false,
+                },
+            ];
+        };
+        IconExplorerHelper.getInverseIconList = function () {
+            return [
+                {
+                    icon: Icons.ACTIVITY,
+                    iconName: 'ACTIVITY',
+                    iconClass: 'si-activity',
+                    hasBorder: true,
+                },
+            ];
+        };
+        IconExplorerHelper.getHasBorderIconList = function () {
+            return [
+                {
+                    icon: Icons.ADD,
+                    iconName: 'ADD',
+                    iconClass: 'si-add',
+                    hasBorder: true,
+                },
+                {
+                    icon: Icons.ARROWNEXT,
+                    iconName: 'ARROWNEXT',
+                    iconClass: 'si-arrow-next',
+                    hasBorder: true,
+                },
+                {
+                    icon: Icons.DELETE,
+                    iconName: 'DELETE',
+                    iconClass: 'si-delete',
+                    hasBorder: true,
+                },
+                {
+                    icon: Icons.DOWNLOAD,
+                    iconName: 'DOWNLOAD',
+                    iconClass: 'si-download',
+                    hasBorder: true,
+                },
+                {
+                    icon: Icons.EDIT,
+                    iconName: 'EDIT',
+                    iconClass: 'si-edit',
+                    hasBorder: true,
+                },
+                {
+                    icon: Icons.FEEDBACKYES,
+                    iconName: 'FEEDBACKYES',
+                    iconClass: 'si-feedback-yes',
+                    hasBorder: true,
+                },
+                {
+                    icon: Icons.MENUCONTACT,
+                    iconName: 'MENUCONTACT',
+                    iconClass: 'si-menu-contact',
+                    hasBorder: true,
+                },
+                {
+                    icon: Icons.MOREOPTIONS,
+                    iconName: 'MOREOPTIONS',
+                    iconClass: 'si-more-options',
+                    hasBorder: true,
+                },
+                {
+                    icon: Icons.ORGANIZECOLUMNS,
+                    iconName: 'ORGANIZECOLUMNS',
+                    iconClass: 'si-organize-columns',
+                    hasBorder: true,
+                },
+                {
+                    icon: Icons.PREVIEW,
+                    iconName: 'PREVIEW',
+                    iconClass: 'si-preview',
+                    hasBorder: true,
+                },
+                {
+                    icon: Icons.SAVE,
+                    iconName: 'SAVE',
+                    iconClass: 'si-save',
+                    hasBorder: true,
+                },
+            ];
+        };
+        return IconExplorerHelper;
+    }());
+
+    exports.IconExplorerComponent = /** @class */ (function () {
+        function IconExplorerComponent() {
+            this.iconList = IconExplorerHelper.getAllIcons();
+            this.hasBorderIconsList = IconExplorerHelper.getHasBorderIconList();
+            this.hasNoBorderIconsList = IconExplorerHelper.getHasNoBorderIconList();
+            this.isInverseIconsList = IconExplorerHelper.getInverseIconList();
+        }
+        IconExplorerComponent.prototype.ngOnInit = function () {
+            this.iconCount = this.iconList.length;
+            this.explorerTitle = "Iconography (" + this.iconCount + " icons)";
+            this.iconHasBorderCount = this.hasBorderIconsList.length;
+            this.borderTitle = "Icons with border (" + this.iconHasBorderCount + " icons)";
+            this.iconHasNoBorderCount = this.hasNoBorderIconsList.length;
+            this.noBorderTitle = "Icons without border (" + this.iconHasNoBorderCount + " icons)";
+            this.iconisInverseCount = this.isInverseIconsList.length;
+            this.backgroundTitle = "Icons with background (" + this.iconisInverseCount + " icons)";
+        };
+        return IconExplorerComponent;
+    }());
+    exports.IconExplorerComponent = __decorate([
+        core.Component({
+            selector: 'symphony-icon-explorer',
+            template: "<div class=\"explorer-title\">\n  <symphony-h2 [text]=\"explorerTitle\"></symphony-h2>\n</div>\n<div class=\"explorer-subtitle\">\n  <symphony-h3 [text]=\"noBorderTitle\"></symphony-h3>\n</div>\n<ul class=\"sfx-icon-list list-unstyled\">\n  <li class=\"icon-list-item\" *ngFor=\"let icon of hasNoBorderIconsList\">\n    <symphony-icon-swatch [iconSwatchModel]=\"icon\"></symphony-icon-swatch>\n  </li>\n</ul>\n\n<div class=\"explorer-subtitle\">\n  <symphony-h3 [text]=\"borderTitle\"></symphony-h3>\n</div>\n<ul class=\"sfx-icon-list list-unstyled\">\n  <li class=\"icon-list-item\" *ngFor=\"let icon of hasBorderIconsList\">\n    <symphony-icon-swatch [iconSwatchModel]=\"icon\"></symphony-icon-swatch>\n  </li>\n</ul>\n\n<div class=\"explorer-subtitle\">\n  <symphony-h3 [text]=\"backgroundTitle\"></symphony-h3>\n</div>\n<ul class=\"sfx-icon-list list-unstyled\">\n  <li class=\"icon-list-item\" *ngFor=\"let icon of isInverseIconsList\">\n    <symphony-icon-swatch\n      [iconSwatchModel]=\"icon\"\n      [isInverse]=\"true\"\n    ></symphony-icon-swatch>\n  </li>\n</ul>\n",
+            styles: [".sfx-icon-list{display:flex;flex-direction:column;flex-wrap:wrap;height:90vh;width:100vw}.sfx-icon-list.has-border{height:50vh;width:39vw}.icon-list-item{flex:0 0 10%;padding:10px 0}.icon-list-item.has-border{flex:0 0 25%}.explorer-title{border-bottom:5px solid #000;margin-bottom:30px;padding-bottom:10px}.explorer-subtitle{margin-bottom:10px}"]
+        })
+    ], exports.IconExplorerComponent);
+
+    exports.IconExplorerModule = /** @class */ (function () {
+        function IconExplorerModule() {
+        }
+        return IconExplorerModule;
+    }());
+    exports.IconExplorerModule = __decorate([
+        core.NgModule({
+            declarations: [exports.IconExplorerComponent],
+            imports: [common.CommonModule, exports.IconSwatchModule, exports.H2Module, exports.H3Module],
+        })
+    ], exports.IconExplorerModule);
+
+    /*
+     * ATOMS
+     */
 
-    exports.AtomsModule = AtomsModule;
-    exports.ButtonComponent = ButtonComponent;
-    exports.ButtonModule = ButtonModule;
-    exports.MoleculesModule = MoleculesModule;
-    exports.PillComponent = PillComponent;
-    exports.PillModule = PillModule;
-    exports.PillsComponent = PillsComponent;
-    exports.PillsModule = PillsModule;
-    exports.ɵa = DropdownModule;
-    exports.ɵb = DropdownComponent;
-    exports.ɵc = MoreDropdownModule;
-    exports.ɵd = MoreDropdownComponent;
-    exports.ɵe = DescriptionModule;
-    exports.ɵf = DescriptionComponent;
-    exports.ɵg = ListTitleModule;
-    exports.ɵh = ListTitleComponent;
-    exports.ɵi = TimeStampModule;
-    exports.ɵj = TimeStampComponent;
-    exports.ɵk = AvatarModule;
-    exports.ɵl = AvatarComponent;
-    exports.ɵm = NoteModule;
-    exports.ɵn = NoteComponent;
+    /**
+     * Generated bundle index. Do not edit.
+     */
 
     Object.defineProperty(exports, '__esModule', { value: true });
 
-})));
+}));
 //# sourceMappingURL=symphony-talent-component-library.umd.js.map