@ssv/ngx.ux 2.0.0-dev175 → 2.0.2-dev.7

package/bundles/ssv-ngx.ux.umd.js

@@ -1,1213 +0,0 @@
-(function (global, factory) {
-    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/core'), require('rxjs/operators'), require('rxjs')) :
-    typeof define === 'function' && define.amd ? define('@ssv/ngx.ux', ['exports', '@angular/core', 'rxjs/operators', 'rxjs'], factory) :
-    (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory((global.ssv = global.ssv || {}, global.ssv.ngx = global.ssv.ngx || {}, global.ssv.ngx.ux = {}), global.ng.core, global.rxjs.operators, global.rxjs));
-}(this, (function (exports, i0, operators, rxjs) { '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 (Object.prototype.hasOwnProperty.call(b, 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 };
-        }
-    }
-    var __createBinding = Object.create ? (function (o, m, k, k2) {
-        if (k2 === undefined)
-            k2 = k;
-        Object.defineProperty(o, k2, { enumerable: true, get: function () { return m[k]; } });
-    }) : (function (o, m, k, k2) {
-        if (k2 === undefined)
-            k2 = k;
-        o[k2] = m[k];
-    });
-    function __exportStar(m, o) {
-        for (var p in m)
-            if (p !== "default" && !Object.prototype.hasOwnProperty.call(o, p))
-                __createBinding(o, m, p);
-    }
-    function __values(o) {
-        var s = typeof Symbol === "function" && Symbol.iterator, m = s && o[s], i = 0;
-        if (m)
-            return m.call(o);
-        if (o && typeof o.length === "number")
-            return {
-                next: function () {
-                    if (o && i >= o.length)
-                        o = void 0;
-                    return { value: o && o[i++], done: !o };
-                }
-            };
-        throw new TypeError(s ? "Object is not iterable." : "Symbol.iterator is not defined.");
-    }
-    function __read(o, n) {
-        var m = typeof Symbol === "function" && o[Symbol.iterator];
-        if (!m)
-            return o;
-        var i = m.call(o), r, ar = [], e;
-        try {
-            while ((n === void 0 || n-- > 0) && !(r = i.next()).done)
-                ar.push(r.value);
-        }
-        catch (error) {
-            e = { error: error };
-        }
-        finally {
-            try {
-                if (r && !r.done && (m = i["return"]))
-                    m.call(i);
-            }
-            finally {
-                if (e)
-                    throw e.error;
-            }
-        }
-        return ar;
-    }
-    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;
-    }
-    ;
-    var __setModuleDefault = Object.create ? (function (o, v) {
-        Object.defineProperty(o, "default", { enumerable: true, value: v });
-    }) : function (o, v) {
-        o["default"] = v;
-    };
-    function __importStar(mod) {
-        if (mod && mod.__esModule)
-            return mod;
-        var result = {};
-        if (mod != null)
-            for (var k in mod)
-                if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k))
-                    __createBinding(result, mod, k);
-        __setModuleDefault(result, mod);
-        return result;
-    }
-    function __importDefault(mod) {
-        return (mod && mod.__esModule) ? mod : { default: mod };
-    }
-    function __classPrivateFieldGet(receiver, 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 _a;
-    (function (ViewportDataMatchStrategy) {
-        /** Indicates that size should match exact or default. */
-        ViewportDataMatchStrategy[ViewportDataMatchStrategy["exact"] = 0] = "exact";
-        /** Indicates that size matches when exact match, first match smaller (down) or default. */
-        ViewportDataMatchStrategy[ViewportDataMatchStrategy["smaller"] = 1] = "smaller";
-        /** Indicates that size matches when exact match, first match larger (up) or default. */
-        ViewportDataMatchStrategy[ViewportDataMatchStrategy["larger"] = 2] = "larger";
-        /** Indicates that size matches when exact match, or it tries both smaller/larger (smaller is preferred) until match or default. */
-        ViewportDataMatchStrategy[ViewportDataMatchStrategy["closestSmallerFirst"] = 3] = "closestSmallerFirst";
-        /** Indicates that size matches when exact match, or it tries both larger/smaller (larger is preferred) until match or default. */
-        ViewportDataMatchStrategy[ViewportDataMatchStrategy["closestLargerFirst"] = 4] = "closestLargerFirst";
-    })(exports.ViewportDataMatchStrategy || (exports.ViewportDataMatchStrategy = {}));
-    /**
-     * Utility function to match data based on strategy and size.
-     *
-     * @param dataConfig Data config to generate rules based on.
-     * @param sizeType Size type to get data for.
-     * @param strategy Strategy to use when building rules.
-     * @param sizeTypes Available size types ordered by index type. (Can be obtained from `ViewportService`)
-     * @param sizeTypeMap Available size type map. (Can be obtained from `ViewportService`)
-     * @returns Returns the matched data value.
-     */
-    function matchViewportData(dataConfig, sizeType, strategy, sizeTypes, sizeTypeMap) {
-        var matchFn = matchStrategyHandlerMap[strategy];
-        if (!matchFn) {
-            throw Error("matchViewportData: Viewport Data strategy not implemented. Strategy: '" + strategy + "'");
-        }
-        var data = matchFn(dataConfig, sizeType, sizeTypes, sizeTypeMap);
-        if (data !== undefined) {
-            return data;
-        }
-        return dataConfig.default;
-    }
-    var matchStrategyHandlerMap = (_a = {},
-        _a[exports.ViewportDataMatchStrategy.exact] = matchWithExact,
-        _a[exports.ViewportDataMatchStrategy.larger] = matchWithLargerMatch,
-        _a[exports.ViewportDataMatchStrategy.smaller] = matchWithSmallerMatch,
-        _a[exports.ViewportDataMatchStrategy.closestSmallerFirst] = matchWithClosestSmallerFirstMatch,
-        _a[exports.ViewportDataMatchStrategy.closestLargerFirst] = matchWithClosestLargerFirstMatch,
-        _a);
-    function matchWithExact(dataConfig, currentSizeType) {
-        return dataConfig[currentSizeType.name];
-    }
-    function matchWithLargerMatch(dataConfig, currentSizeType, sizeTypes) {
-        var data = dataConfig[currentSizeType.name];
-        if (data !== undefined) {
-            return data;
-        }
-        var largestTypeIdx = sizeTypes[sizeTypes.length - 1].type;
-        if (currentSizeType.type >= largestTypeIdx) {
-            return undefined;
-        }
-        for (var index = currentSizeType.type; index < sizeTypes.length; index++) {
-            var sizeType = sizeTypes[index];
-            data = dataConfig[sizeType.name];
-            if (data !== undefined) {
-                return data;
-            }
-        }
-        return undefined;
-    }
-    function matchWithSmallerMatch(dataConfig, currentSizeType, sizeTypes) {
-        var data = dataConfig[currentSizeType.name];
-        if (data !== undefined) {
-            return data;
-        }
-        if (currentSizeType.type <= 0) {
-            return undefined;
-        }
-        // eslint-disable-next-line for-direction
-        for (var index = currentSizeType.type; index < sizeTypes.length; index--) {
-            var sizeType = sizeTypes[index];
-            data = dataConfig[sizeType.name];
-            if (data !== undefined) {
-                return data;
-            }
-        }
-        return undefined;
-    }
-    function matchWithClosestSmallerFirstMatch(dataConfig, currentSizeType, sizeTypes) {
-        return closestMatch(dataConfig, currentSizeType, sizeTypes, true);
-    }
-    function matchWithClosestLargerFirstMatch(dataConfig, currentSizeType, sizeTypes) {
-        return closestMatch(dataConfig, currentSizeType, sizeTypes, false);
-    }
-    function closestMatch(dataConfig, currentSizeType, sizeTypes, isSmallerFirst) {
-        var e_1, _a;
-        var data = dataConfig[currentSizeType.name];
-        if (data !== undefined) {
-            return data;
-        }
-        var downIndex = currentSizeType.type;
-        var upIndex = currentSizeType.type;
-        // eslint-disable-next-line @typescript-eslint/prefer-for-of
-        for (var index = 0; index < sizeTypes.length; index++) {
-            try {
-                for (var _b = (e_1 = void 0, __values(isSmallerFirst ? [--downIndex, ++upIndex] : [++upIndex, --downIndex])), _c = _b.next(); !_c.done; _c = _b.next()) {
-                    var idx = _c.value;
-                    var sizeType = sizeTypes[idx];
-                    if (sizeType) {
-                        data = dataConfig[sizeType.name];
-                        if (data !== undefined) {
-                            return data;
-                        }
-                    }
-                }
-            }
-            catch (e_1_1) { e_1 = { error: e_1_1 }; }
-            finally {
-                try {
-                    if (_c && !_c.done && (_a = _b.return)) _a.call(_b);
-                }
-                finally { if (e_1) throw e_1.error; }
-            }
-        }
-        return undefined;
-    }
-
-    /** Default viewport breakpoints. */
-    var UX_VIEWPORT_DEFAULT_BREAKPOINTS = {
-        xsmall: 450,
-        small: 767,
-        medium: 992,
-        large: 1280,
-        fhd: 1920,
-        qhd: 2560,
-        uhd4k: 3840,
-        uhd8k: 7680,
-    };
-    var UX_VIEWPORT_DEFAULT_CONFIG = {
-        resizePollingSpeed: 33,
-        breakpoints: UX_VIEWPORT_DEFAULT_BREAKPOINTS,
-        defaultDataMatchStrategy: exports.ViewportDataMatchStrategy.smaller,
-    };
-
-    var UX_DEFAULT_CONFIG = {
-        viewport: UX_VIEWPORT_DEFAULT_CONFIG,
-    };
-    var UX_CONFIG = new i0.InjectionToken("@ssv/ngx.ux-config");
-
-    var WINDOW = new i0.InjectionToken("Window");
-    var WindowRef = /** @class */ (function () {
-        function WindowRef(
-        // eslint-disable-next-line @typescript-eslint/no-explicit-any, @typescript-eslint/explicit-module-boundary-types
-        window) {
-            this.window = window;
-        }
-        Object.defineProperty(WindowRef.prototype, "native", {
-            /** Window underlying native object. */
-            get: function () {
-                return this.window;
-            },
-            enumerable: false,
-            configurable: true
-        });
-        Object.defineProperty(WindowRef.prototype, "hasNative", {
-            /** Determines whether native element is supported or not. Generally `false` when executing in SSR. */
-            get: function () {
-                return !!this.native.window;
-            },
-            enumerable: false,
-            configurable: true
-        });
-        return WindowRef;
-    }());
-    WindowRef.ɵprov = i0.ɵɵdefineInjectable({ factory: function WindowRef_Factory() { return new WindowRef(i0.ɵɵinject(WINDOW)); }, token: WindowRef, providedIn: "root" });
-    WindowRef.decorators = [
-        { type: i0.Injectable, args: [{
-                    providedIn: "root",
-                },] }
-    ];
-    WindowRef.ctorParameters = function () { return [
-        { type: undefined, decorators: [{ type: i0.Inject, args: [WINDOW,] }] }
-    ]; };
-
-    /**
-     * The indices of each breakpoint provided based on the `UX_VIEWPORT_DEFAULT_BREAKPOINTS`.
-     * @see UX_VIEWPORT_DEFAULT_BREAKPOINTS
-     */
-    (function (ViewportSizeType) {
-        ViewportSizeType[ViewportSizeType["xsmall"] = 0] = "xsmall";
-        ViewportSizeType[ViewportSizeType["small"] = 1] = "small";
-        ViewportSizeType[ViewportSizeType["medium"] = 2] = "medium";
-        ViewportSizeType[ViewportSizeType["large"] = 3] = "large";
-        ViewportSizeType[ViewportSizeType["fhd"] = 4] = "fhd";
-        ViewportSizeType[ViewportSizeType["qhd"] = 6] = "qhd";
-        ViewportSizeType[ViewportSizeType["uhd4k"] = 7] = "uhd4k";
-        ViewportSizeType[ViewportSizeType["uhd8k"] = 8] = "uhd8k";
-    })(exports.ViewportSizeType || (exports.ViewportSizeType = {}));
-    (function (ComparisonOperation) {
-        ComparisonOperation["equals"] = "=";
-        ComparisonOperation["notEquals"] = "<>";
-        ComparisonOperation["lessThan"] = "<";
-        ComparisonOperation["lessOrEqualThan"] = "<=";
-        ComparisonOperation["greaterThan"] = ">";
-        ComparisonOperation["greaterOrEqualThan"] = ">=";
-    })(exports.ComparisonOperation || (exports.ComparisonOperation = {}));
-    (function (DeviceType) {
-        DeviceType["desktop"] = "desktop";
-        DeviceType["mobile"] = "mobile";
-        DeviceType["tablet"] = "tablet";
-    })(exports.DeviceType || (exports.DeviceType = {}));
-
-    var _a$1;
-    // todo: make this configurable
-    /** Viewport size for SSR. */
-    var viewportSizeSSR = (_a$1 = {},
-        _a$1[exports.DeviceType.desktop] = {
-            width: 1366,
-            height: 768,
-        },
-        _a$1[exports.DeviceType.tablet] = {
-            width: 768,
-            height: 1024,
-        },
-        _a$1[exports.DeviceType.mobile] = {
-            width: 414,
-            height: 736,
-        },
-        _a$1);
-    var UX_VIEWPORT_SSR_DEVICE = new i0.InjectionToken("@ssv/ngx.ux-config/viewport/ssr-device");
-    var ViewportServerSizeService = /** @class */ (function () {
-        function ViewportServerSizeService(deviceType) {
-            this.deviceType = deviceType;
-        }
-        ViewportServerSizeService.prototype.get = function () {
-            return viewportSizeSSR[this.deviceType] || viewportSizeSSR[exports.DeviceType.desktop];
-        };
-        return ViewportServerSizeService;
-    }());
-    ViewportServerSizeService.ɵprov = i0.ɵɵdefineInjectable({ factory: function ViewportServerSizeService_Factory() { return new ViewportServerSizeService(i0.ɵɵinject(UX_VIEWPORT_SSR_DEVICE, 8)); }, token: ViewportServerSizeService, providedIn: "root" });
-    ViewportServerSizeService.decorators = [
-        { type: i0.Injectable, args: [{
-                    providedIn: "root",
-                },] }
-    ];
-    ViewportServerSizeService.ctorParameters = function () { return [
-        { type: exports.DeviceType, decorators: [{ type: i0.Optional }, { type: i0.Inject, args: [UX_VIEWPORT_SSR_DEVICE,] }] }
-    ]; };
-
-    var _a$2;
-    function isViewportSizeMatcherExpression(value) {
-        if (typeof value !== "object" || !value) {
-            return false;
-        }
-        var args = value;
-        if (args.size && args.operation) {
-            return true;
-        }
-        return false;
-    }
-    function isViewportSizeMatcherTupleExpression(arg) {
-        if (!arg) {
-            return false;
-        }
-        if (Array.isArray(arg)) {
-            if (arg.length === 2) {
-                var _a = __read(arg, 1), op = _a[0];
-                return operations.includes(op);
-            }
-        }
-        return false;
-    }
-    var operations = Object.values(exports.ComparisonOperation);
-    var COMPARISON_OPERATION_FUNC_MAPPING = (_a$2 = {},
-        _a$2[exports.ComparisonOperation.equals] = function (a, b) { return a === b; },
-        _a$2[exports.ComparisonOperation.notEquals] = function (a, b) { return a !== b; },
-        _a$2[exports.ComparisonOperation.lessThan] = function (a, b) { return a < b; },
-        _a$2[exports.ComparisonOperation.lessOrEqualThan] = function (a, b) { return a <= b; },
-        _a$2[exports.ComparisonOperation.greaterThan] = function (a, b) { return a > b; },
-        _a$2[exports.ComparisonOperation.greaterOrEqualThan] = function (a, b) { return a >= b; },
-        _a$2);
-    function isViewportConditionMatch(evaluateSize, conditions, viewportSizeTypeInfoRefs) {
-        var isExcluded = match(conditions.sizeTypeExclude, evaluateSize.name, false);
-        var isIncluded;
-        var isExpressionTruthy;
-        if (!isExcluded && conditions.expression) {
-            var ref = viewportSizeTypeInfoRefs[conditions.expression.size];
-            if (!ref) {
-                throw new Error("Viewport size type is invalid. Size type: '" + conditions.expression.size + "'");
-            }
-            var expMatcher = COMPARISON_OPERATION_FUNC_MAPPING[conditions.expression.operation];
-            isExpressionTruthy = expMatcher(evaluateSize.type, ref.type);
-        }
-        else {
-            isIncluded = match(conditions.sizeType, evaluateSize.name, true);
-        }
-        var shouldRender = (isExpressionTruthy || isIncluded) && !isExcluded;
-        // console.warn(">>> shouldRender", { evaluateSize, conditions, shouldRender });
-        return !!shouldRender;
-    }
-    function match(value, targetValue, defaultValue) {
-        if (!value) {
-            return defaultValue;
-        }
-        return Array.isArray(value)
-            ? value.includes(targetValue)
-            : value === targetValue;
-    }
-    function getSizeTypeInfo(width, sizeTypes) {
-        var lastEntryIndex = sizeTypes.length - 1;
-        for (var idx = 0; idx < lastEntryIndex; idx++) {
-            var viewportSizeTypeInfo = sizeTypes[idx];
-            if (width <= viewportSizeTypeInfo.widthThreshold) {
-                return viewportSizeTypeInfo;
-            }
-        }
-        return sizeTypes[lastEntryIndex];
-    }
-    /**
-     * Converts the breakpoints into a 2 dimensional array containing the name and width, and sorted from
-     *  smallest to largest.
-     * @param breakpoints the breakpoints obtained from the config
-     * @internal
-     */
-    function getSortedBreakpoints(breakpoints) {
-        return Object.entries(breakpoints)
-            .sort(function (_a, _b) {
-            var _c = __read(_a, 2), widthA = _c[1];
-            var _d = __read(_b, 2), widthB = _d[1];
-            return widthA - widthB;
-        });
-    }
-    /**
-     * A util function which generates the ViewportSizeTypeInfo.type for each breakpoint.
-     * @param breakpoints the custom breakpoints
-     */
-    function generateViewportSizeType(breakpoints) {
-        return Object.freeze(getSortedBreakpoints(breakpoints).reduce(function (dictionary, _a, index) {
-            var _b = __read(_a, 1), name = _b[0];
-            dictionary[name] = index;
-            dictionary[index] = name;
-            return dictionary;
-        }, {}));
-    }
-    /**
-     * Pre-processes the given breakpoints into an ordered list from smallest to largest while generating
-     *  all the necessary information on the viewport.
-     * @param breakpoints the breakpoints obtained from the config
-     * @internal
-     */
-    function generateViewportSizeTypeInfoList(breakpoints) {
-        return getSortedBreakpoints(breakpoints)
-            .map(function (_a, index) {
-            var _b = __read(_a, 2), name = _b[0], width = _b[1];
-            return (Object.freeze({
-                name: name,
-                type: index,
-                widthThreshold: width
-            }));
-        });
-    }
-    /**
-     * Converts the breakpoint list into a dictionary while using the name as key.
-     * @param breakpointList the list of breakpoints
-     * @internal
-     */
-    function generateViewportSizeTypeInfoRefs(breakpointList) {
-        return Object.freeze(breakpointList.reduce(function (dictionary, breakpoint) {
-            dictionary[breakpoint.name] = breakpoint;
-            dictionary[breakpoint.type] = breakpoint;
-            return dictionary;
-        }, {}));
-    }
-
-    var ViewportService = /** @class */ (function () {
-        function ViewportService(windowRef, viewportServerSize, config) {
-            var _this = this;
-            this.windowRef = windowRef;
-            this.viewportServerSize = viewportServerSize;
-            this._sizeTypes = generateViewportSizeTypeInfoList(config.viewport.breakpoints);
-            this._sizeTypeMap = generateViewportSizeTypeInfoRefs(this._sizeTypes);
-            if (windowRef.hasNative) {
-                this.resize$ = rxjs.fromEvent(window, "resize").pipe(operators.map(function () { return _this.getViewportSize(); }), operators.auditTime(config.viewport.resizePollingSpeed), operators.share());
-            }
-            else {
-                this.resize$ = rxjs.of(viewportServerSize.get());
-            }
-            var size = this.getViewportSize();
-            this._sizeTypeSnapshot = getSizeTypeInfo(size.width, this.sizeTypes);
-            this.size$ = this.resize$.pipe(operators.startWith(size), operators.distinctUntilChanged(function (a, b) { return a.width === b.width && a.height === b.height; }), operators.shareReplay(1));
-            this.sizeType$ = this.size$.pipe(operators.distinctUntilChanged(function (a, b) { return a.width === b.width; }), operators.map(function (x) { return getSizeTypeInfo(x.width, _this.sizeTypes); }), operators.distinctUntilChanged(), operators.tap(function (x) { return _this._sizeTypeSnapshot = x; }), operators.shareReplay(1));
-        }
-        Object.defineProperty(ViewportService.prototype, "sizeTypeSnapshot", {
-            /** Viewport size type snapshot of the last value. (Prefer use `sizeType$` observable when possible.) */
-            get: function () { return this._sizeTypeSnapshot; },
-            enumerable: false,
-            configurable: true
-        });
-        Object.defineProperty(ViewportService.prototype, "sizeTypeMap", {
-            /** Size types refs of the generated viewport size type info. */
-            get: function () { return this._sizeTypeMap; },
-            enumerable: false,
-            configurable: true
-        });
-        Object.defineProperty(ViewportService.prototype, "sizeTypes", {
-            /** Viewport size types list ordered by type, smallest to largest. */
-            get: function () { return this._sizeTypes; },
-            enumerable: false,
-            configurable: true
-        });
-        /** Returns the current viewport size */
-        ViewportService.prototype.getViewportSize = function () {
-            if (!this.windowRef.hasNative) {
-                return this.viewportServerSize.get();
-            }
-            var ua = navigator.userAgent.toLowerCase();
-            if (ua.indexOf("safari") !== -1 && ua.indexOf("chrome") === -1) { // safari subtracts the scrollbar width
-                return {
-                    width: this.windowRef.native.document.documentElement.clientWidth,
-                    height: this.windowRef.native.document.documentElement.clientHeight,
-                };
-            }
-            return {
-                width: this.windowRef.native.innerWidth,
-                height: this.windowRef.native.innerHeight,
-            };
-        };
-        return ViewportService;
-    }());
-    ViewportService.ɵprov = i0.ɵɵdefineInjectable({ factory: function ViewportService_Factory() { return new ViewportService(i0.ɵɵinject(WindowRef), i0.ɵɵinject(ViewportServerSizeService), i0.ɵɵinject(UX_CONFIG)); }, token: ViewportService, providedIn: "root" });
-    ViewportService.decorators = [
-        { type: i0.Injectable, args: [{
-                    providedIn: "root",
-                },] }
-    ];
-    ViewportService.ctorParameters = function () { return [
-        { type: WindowRef },
-        { type: ViewportServerSizeService },
-        { type: undefined, decorators: [{ type: i0.Inject, args: [UX_CONFIG,] }] }
-    ]; };
-
-    var _a$3;
-    /**
-     * Utility function to generate rules based on strategies.
-     *
-     * @param dataConfig Data config to generate rules based on.
-     * @param strategy Strategy to use when building rules.
-     * @param sizeTypes Available size types ordered by index type. (Can be obtained from `ViewportService`)
-     * @param sizeTypeMap Available size type map. (Can be obtained from `ViewportService`)
-     * @returns Returns a collection of rules (ordered).
-     */
-    function generateViewportRulesRangeFromDataMatcher(dataConfig, strategy, sizeTypes, sizeTypeMap) {
-        var ruleBuilderFn = matchStrategyHandlerMap$1[strategy];
-        if (!ruleBuilderFn) {
-            throw Error("generateViewportRulesRangeFromDataMatcher: Viewport Data strategy not implemented. Strategy: '" + strategy + "'");
-        }
-        var dataSizes = [];
-        for (var key in dataConfig) {
-            if (Object.prototype.hasOwnProperty.call(dataConfig, key)) {
-                var data = dataConfig[key];
-                if (data === undefined) {
-                    continue;
-                }
-                var size = sizeTypeMap[key];
-                if (size) {
-                    dataSizes.push(size);
-                }
-            }
-        }
-        dataSizes = dataSizes.sort(function (_a, _b) {
-            var typeA = _a.type;
-            var typeB = _b.type;
-            return typeA - typeB;
-        });
-        var rules = [];
-        if (dataConfig.default) {
-            rules.push({ value: dataConfig.default, min: undefined, max: undefined });
-        }
-        var prevRule;
-        for (var index = 0; index < dataSizes.length; index++) {
-            var prevDataSize = dataSizes[index - 1];
-            var nextDataSize = dataSizes[index + 1];
-            var dataSize = dataSizes[index];
-            var prevSize = sizeTypes[dataSize.type - 1];
-            // const nextSize = sizeTypes[dataSize.type + 1];
-            var data = dataConfig[dataSize.name];
-            var rule = {
-                value: data,
-                min: undefined,
-                max: undefined,
-            };
-            ruleBuilderFn(rule, dataSize, nextDataSize, prevDataSize, prevSize, prevRule, sizeTypes);
-            prevRule = rule;
-            rules.push(rule);
-        }
-        return rules;
-    }
-    var matchStrategyHandlerMap$1 = (_a$3 = {},
-        _a$3[exports.ViewportDataMatchStrategy.exact] = function (rule, dataSize, _nextDataSize, _prevDataSize, prevSize) {
-            rule.max = dataSize.widthThreshold;
-            if (prevSize) {
-                rule.min = prevSize.widthThreshold + 1;
-            }
-        },
-        _a$3[exports.ViewportDataMatchStrategy.smaller] = function (rule, dataSize, nextDataSize, _prevDataSize, prevSize) {
-            if (nextDataSize) {
-                rule.max = dataSize.widthThreshold;
-            }
-            if (prevSize) {
-                rule.min = prevSize.widthThreshold + 1;
-            }
-        },
-        _a$3[exports.ViewportDataMatchStrategy.larger] = function (rule, dataSize, _nextDataSize, prevDataSize) {
-            if (dataSize) {
-                rule.max = dataSize.widthThreshold;
-            }
-            if (prevDataSize) {
-                rule.min = prevDataSize.widthThreshold + 1;
-            }
-        },
-        _a$3[exports.ViewportDataMatchStrategy.closestSmallerFirst] = function (rule, dataSize, nextDataSize, _prevDataSize, _prevSize, prevRule, sizeTypes) {
-            if (nextDataSize) {
-                rule.max = calculateClosestWidthThreshold(nextDataSize, dataSize, sizeTypes, true);
-            }
-            if (prevRule === null || prevRule === void 0 ? void 0 : prevRule.max) {
-                rule.min = prevRule.max + 1;
-            }
-        },
-        _a$3[exports.ViewportDataMatchStrategy.closestLargerFirst] = function (rule, dataSize, nextDataSize, _prevDataSize, _prevSize, prevRule, sizeTypes) {
-            if (nextDataSize) {
-                rule.max = calculateClosestWidthThreshold(nextDataSize, dataSize, sizeTypes, false);
-            }
-            if (prevRule === null || prevRule === void 0 ? void 0 : prevRule.max) {
-                rule.min = prevRule.max + 1;
-            }
-        },
-        _a$3);
-    function calculateClosestWidthThreshold(nextDataSize, dataSize, sizeTypes, isSmallerPreferred) {
-        var fn = isSmallerPreferred ? Math.ceil : Math.floor;
-        // get closest between curr and next
-        var diffIndex = fn((nextDataSize.type - dataSize.type - 1) / 2);
-        var diffNextSize = sizeTypes[dataSize.type + diffIndex];
-        return (diffNextSize || dataSize).widthThreshold;
-    }
-
-    var ViewportDataService = /** @class */ (function () {
-        function ViewportDataService(viewport, config) {
-            this.viewport = viewport;
-            this.config = config;
-        }
-        /** Get data for match. */
-        ViewportDataService.prototype.get = function (dataConfig, strategy, sizeType) {
-            if (strategy === void 0) { strategy = this.config.viewport.defaultDataMatchStrategy; }
-            if (sizeType === void 0) { sizeType = this.viewport.sizeTypeSnapshot; }
-            return matchViewportData(dataConfig, sizeType, strategy, this.viewport.sizeTypes, this.viewport.sizeTypeMap);
-        };
-        /** Get data for match as observable. */
-        ViewportDataService.prototype.get$ = function (dataConfig, strategy) {
-            var _this = this;
-            return this.viewport.sizeType$.pipe(operators.map(function (sizeType) { return _this.get(dataConfig, strategy, sizeType); }), operators.distinctUntilChanged());
-        };
-        /** Generate rules based on strategies for data. */
-        ViewportDataService.prototype.generateRules = function (dataConfig, strategy) {
-            if (strategy === void 0) { strategy = this.config.viewport.defaultDataMatchStrategy; }
-            return generateViewportRulesRangeFromDataMatcher(dataConfig, strategy, this.viewport.sizeTypes, this.viewport.sizeTypeMap);
-        };
-        return ViewportDataService;
-    }());
-    ViewportDataService.ɵprov = i0.ɵɵdefineInjectable({ factory: function ViewportDataService_Factory() { return new ViewportDataService(i0.ɵɵinject(ViewportService), i0.ɵɵinject(UX_CONFIG)); }, token: ViewportDataService, providedIn: "root" });
-    ViewportDataService.decorators = [
-        { type: i0.Injectable, args: [{
-                    providedIn: "root",
-                },] }
-    ];
-    ViewportDataService.ctorParameters = function () { return [
-        { type: ViewportService },
-        { type: undefined, decorators: [{ type: i0.Inject, args: [UX_CONFIG,] }] }
-    ]; };
-
-    /* eslint-disable @angular-eslint/no-pipe-impure */
-    var ViewportDataPipe = /** @class */ (function () {
-        function ViewportDataPipe(viewportData, cdr) {
-            this.viewportData = viewportData;
-            this.cdr = cdr;
-            this.markForTransform = true;
-            this.data$$ = rxjs.Subscription.EMPTY;
-        }
-        ViewportDataPipe.prototype.transform = function (data, strategy) {
-            var _this = this;
-            if (!this.markForTransform && data === this.data && strategy === this.strategy) {
-                return this.value;
-            }
-            this.data = data;
-            this.strategy = strategy;
-            this.data$$.unsubscribe();
-            this.data$$ = this.viewportData.get$(data, exports.ViewportDataMatchStrategy[strategy]).pipe(operators.tap(function (value) {
-                _this.markForTransform = true;
-                _this.value = value;
-                _this.cdr.markForCheck();
-            })).subscribe();
-            this.markForTransform = false;
-            return this.value;
-        };
-        ViewportDataPipe.prototype.ngOnDestroy = function () {
-            this.data$$.unsubscribe();
-        };
-        return ViewportDataPipe;
-    }());
-    ViewportDataPipe.decorators = [
-        { type: i0.Pipe, args: [{
-                    name: "ssvViewportData",
-                    pure: false
-                },] }
-    ];
-    ViewportDataPipe.ctorParameters = function () { return [
-        { type: ViewportDataService },
-        { type: i0.ChangeDetectorRef }
-    ]; };
-
-    var NAME_CAMEL = "ssvViewportMatcherVar";
-    var SsvViewportMatcherVarContext = /** @class */ (function () {
-        function SsvViewportMatcherVarContext($implicit) {
-            if ($implicit === void 0) { $implicit = false; }
-            this.$implicit = $implicit;
-        }
-        return SsvViewportMatcherVarContext;
-    }());
-    var SsvViewportMatcherVarDirective = /** @class */ (function () {
-        function SsvViewportMatcherVarDirective(viewport, viewContainer, templateRef) {
-            this.viewport = viewport;
-            this.viewContainer = viewContainer;
-            this.templateRef = templateRef;
-            this._matchConditions = {};
-            this._context = new SsvViewportMatcherVarContext();
-            this._destroy$ = new rxjs.Subject();
-            this._update$ = new rxjs.ReplaySubject(1);
-        }
-        Object.defineProperty(SsvViewportMatcherVarDirective.prototype, "condition", {
-            set: function (value) {
-                if (isViewportSizeMatcherExpression(value)) {
-                    this._matchConditions.expression = value;
-                }
-                else if (isViewportSizeMatcherTupleExpression(value)) {
-                    var _a = __read(value, 2), op = _a[0], size = _a[1];
-                    this._matchConditions.expression = {
-                        operation: op,
-                        size: size
-                    };
-                }
-                else {
-                    this._matchConditions.sizeType = value;
-                }
-                this._update$.next();
-            },
-            enumerable: false,
-            configurable: true
-        });
-        SsvViewportMatcherVarDirective.prototype.ngOnInit = function () {
-            var _this = this;
-            this.updateView();
-            rxjs.combineLatest([this.viewport.sizeType$, this._update$]).pipe(operators.map(function (_a) {
-                var _b = __read(_a, 1), sizeType = _b[0];
-                return isViewportConditionMatch(sizeType, _this._matchConditions, _this.viewport.sizeTypeMap);
-            }), operators.tap(function (x) { return _this._context.$implicit = x; }), operators.tap(function () { return _this._viewRef.markForCheck(); }), operators.takeUntil(this._destroy$)).subscribe();
-        };
-        SsvViewportMatcherVarDirective.prototype.ngOnDestroy = function () {
-            this._destroy$.next();
-            this._destroy$.complete();
-        };
-        SsvViewportMatcherVarDirective.prototype.updateView = function () {
-            this.viewContainer.clear();
-            this._viewRef = this.viewContainer.createEmbeddedView(this.templateRef, this._context);
-        };
-        return SsvViewportMatcherVarDirective;
-    }());
-    SsvViewportMatcherVarDirective.decorators = [
-        { type: i0.Directive, args: [{
-                    selector: "[" + NAME_CAMEL + "]",
-                },] }
-    ];
-    SsvViewportMatcherVarDirective.ctorParameters = function () { return [
-        { type: ViewportService },
-        { type: i0.ViewContainerRef },
-        { type: i0.TemplateRef }
-    ]; };
-    SsvViewportMatcherVarDirective.propDecorators = {
-        condition: [{ type: i0.Input, args: [NAME_CAMEL + "When",] }]
-    };
-
-    var SsvViewportMatcherContext = /** @class */ (function () {
-        function SsvViewportMatcherContext() {
-            this.sizeType = null;
-            this.sizeTypeExclude = null;
-        }
-        return SsvViewportMatcherContext;
-    }());
-    var SsvViewportMatcherDirective = /** @class */ (function () {
-        function SsvViewportMatcherDirective(viewport, renderer, viewContainer, cdr, templateRef) {
-            this.viewport = viewport;
-            this.renderer = renderer;
-            this.viewContainer = viewContainer;
-            this.cdr = cdr;
-            this._context = new SsvViewportMatcherContext();
-            this._thenTemplateRef = null;
-            this._elseTemplateRef = null;
-            this._thenViewRef = null;
-            this._elseViewRef = null;
-            this.sizeType$$ = rxjs.Subscription.EMPTY;
-            this.cssClass$$ = rxjs.Subscription.EMPTY;
-            this._update$ = new rxjs.Subject();
-            this._thenTemplateRef = templateRef;
-        }
-        Object.defineProperty(SsvViewportMatcherDirective.prototype, "ssvViewportMatcher", {
-            set: function (value) {
-                if (isViewportSizeMatcherExpression(value)) {
-                    this._context.expression = value;
-                }
-                else if (isViewportSizeMatcherTupleExpression(value)) {
-                    var _b = __read(value, 2), op = _b[0], size = _b[1];
-                    this._context.expression = {
-                        operation: op,
-                        size: size
-                    };
-                }
-                else {
-                    this._context.sizeType = value;
-                }
-                if (this.sizeInfo) {
-                    this._update$.next(this._context);
-                }
-            },
-            enumerable: false,
-            configurable: true
-        });
-        Object.defineProperty(SsvViewportMatcherDirective.prototype, "ssvViewportMatcherExclude", {
-            set: function (value) {
-                this._context.sizeTypeExclude = value;
-                if (this.sizeInfo) {
-                    this._update$.next(this._context);
-                }
-            },
-            enumerable: false,
-            configurable: true
-        });
-        Object.defineProperty(SsvViewportMatcherDirective.prototype, "ssvViewportMatcherElse", {
-            set: function (templateRef) {
-                this._elseTemplateRef = templateRef;
-                this._elseViewRef = null; // clear previous view if any.
-                if (this.sizeInfo) {
-                    this._update$.next(this._context);
-                }
-            },
-            enumerable: false,
-            configurable: true
-        });
-        SsvViewportMatcherDirective.prototype.ngOnInit = function () {
-            var _this = this;
-            // console.log("ssvViewportMatcher init");
-            this._update$
-                .pipe(
-            // tap(x => console.log(">>> ssvViewportMatcher - update triggered", x)),
-            operators.filter(function () { return !!_this.sizeInfo; }), 
-            // tap(x => console.log(">>> ssvViewportMatcher - updating...", x)),
-            // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
-            operators.tap(function () { return _this._updateView(_this.sizeInfo); }), operators.tap(function () { return _this.cdr.markForCheck(); }))
-                .subscribe();
-            this.sizeType$$ = this.viewport.sizeType$
-                .pipe(
-            // tap(x => console.log("ssvViewportMatcher - sizeType changed", x)),
-            operators.tap(function (x) { return _this.sizeInfo = x; }), operators.tap(function () { return _this._update$.next(_this._context); }))
-                .subscribe();
-            this.cssClass$$ = this.viewport.sizeType$
-                .pipe(operators.startWith(undefined), operators.filter(function () { return !!(_this._thenViewRef || _this._elseViewRef); }), operators.pairwise(), operators.tap(function (_b) {
-                var _c = __read(_b, 2), prev = _c[0], curr = _c[1];
-                var _a;
-                var el = _this._thenViewRef
-                    ? _this._thenViewRef.rootNodes[0]
-                    : (_a = _this._elseViewRef) === null || _a === void 0 ? void 0 : _a.rootNodes[0];
-                if (!el.classList) {
-                    return;
-                }
-                if (prev) {
-                    _this.renderer.removeClass(el, "ssv-vp-size--" + prev.name);
-                }
-                _this.renderer.addClass(el, "ssv-vp-size--" + (curr === null || curr === void 0 ? void 0 : curr.name));
-            }))
-                .subscribe();
-        };
-        SsvViewportMatcherDirective.prototype.ngOnDestroy = function () {
-            this.cssClass$$.unsubscribe();
-            this.sizeType$$.unsubscribe();
-            this._update$.complete();
-        };
-        SsvViewportMatcherDirective.prototype._updateView = function (sizeInfo) {
-            if (isViewportConditionMatch(sizeInfo, this._context, this.viewport.sizeTypeMap)) {
-                if (!this._thenViewRef) {
-                    this.viewContainer.clear();
-                    this._elseViewRef = null;
-                    if (this._thenTemplateRef) {
-                        this._thenViewRef = this.viewContainer.createEmbeddedView(this._thenTemplateRef, this._context);
-                    }
-                }
-            }
-            else {
-                if (!this._elseViewRef) {
-                    this.viewContainer.clear();
-                    this._thenViewRef = null;
-                    if (this._elseTemplateRef) {
-                        this._elseViewRef = this.viewContainer.createEmbeddedView(this._elseTemplateRef, this._context);
-                    }
-                }
-            }
-        };
-        return SsvViewportMatcherDirective;
-    }());
-    SsvViewportMatcherDirective.decorators = [
-        { type: i0.Directive, args: [{
-                    selector: "[ssvViewportMatcher]",
-                    exportAs: "ssvViewportMatcher",
-                },] }
-    ];
-    SsvViewportMatcherDirective.ctorParameters = function () { return [
-        { type: ViewportService },
-        { type: i0.Renderer2 },
-        { type: i0.ViewContainerRef },
-        { type: i0.ChangeDetectorRef },
-        { type: i0.TemplateRef }
-    ]; };
-    SsvViewportMatcherDirective.propDecorators = {
-        ssvViewportMatcher: [{ type: i0.Input }],
-        ssvViewportMatcherExclude: [{ type: i0.Input }],
-        ssvViewportMatcherElse: [{ type: i0.Input }]
-    };
-
-    /** @internal */
-    var MODULE_CONFIG_DATA = new i0.InjectionToken("@ssv/ngx.ux/configData");
-    var components = [
-        SsvViewportMatcherDirective,
-        SsvViewportMatcherVarDirective,
-        ViewportDataPipe,
-    ];
-    // todo: create module for Viewport
-    var SsvUxModule = /** @class */ (function () {
-        function SsvUxModule() {
-        }
-        SsvUxModule.forRoot = function (config) {
-            return {
-                ngModule: SsvUxModule,
-                providers: [
-                    { provide: MODULE_CONFIG_DATA, useValue: config },
-                ],
-            };
-        };
-        return SsvUxModule;
-    }());
-    SsvUxModule.decorators = [
-        { type: i0.NgModule, args: [{
-                    declarations: [components],
-                    providers: [
-                        { provide: UX_CONFIG, useFactory: _moduleConfigFactory, deps: [[MODULE_CONFIG_DATA, new i0.Optional()]] },
-                        { provide: WINDOW, useFactory: _window },
-                    ],
-                    exports: __spread(components),
-                },] }
-    ];
-    /** @internal */
-    function _moduleConfigFactory(config) {
-        if (!config) {
-            return UX_DEFAULT_CONFIG;
-        }
-        var uxOptions = typeof config === "function" ? config() : config;
-        var viewport = Object.assign(Object.assign({}, UX_DEFAULT_CONFIG.viewport), uxOptions.viewport); // breakpoints shouldn't be merged
-        return { viewport: viewport };
-    }
-    /** @internal */
-    function _window() {
-        if (typeof window !== "undefined") {
-            return window;
-        }
-        return {};
-    }
-
-    var VERSION = "2.0.0-dev175";
-
-    /**
-     * Generated bundle index. Do not edit.
-     */
-
-    exports.MODULE_CONFIG_DATA = MODULE_CONFIG_DATA;
-    exports.SsvUxModule = SsvUxModule;
-    exports.SsvViewportMatcherContext = SsvViewportMatcherContext;
-    exports.SsvViewportMatcherDirective = SsvViewportMatcherDirective;
-    exports.SsvViewportMatcherVarContext = SsvViewportMatcherVarContext;
-    exports.SsvViewportMatcherVarDirective = SsvViewportMatcherVarDirective;
-    exports.UX_CONFIG = UX_CONFIG;
-    exports.UX_DEFAULT_CONFIG = UX_DEFAULT_CONFIG;
-    exports.UX_VIEWPORT_DEFAULT_BREAKPOINTS = UX_VIEWPORT_DEFAULT_BREAKPOINTS;
-    exports.UX_VIEWPORT_SSR_DEVICE = UX_VIEWPORT_SSR_DEVICE;
-    exports.VERSION = VERSION;
-    exports.ViewportDataPipe = ViewportDataPipe;
-    exports.ViewportDataService = ViewportDataService;
-    exports.ViewportServerSizeService = ViewportServerSizeService;
-    exports.ViewportService = ViewportService;
-    exports._moduleConfigFactory = _moduleConfigFactory;
-    exports._window = _window;
-    exports.generateViewportSizeType = generateViewportSizeType;
-    exports.ɵa = UX_VIEWPORT_DEFAULT_CONFIG;
-    exports.ɵb = WINDOW;
-    exports.ɵc = WindowRef;
-
-    Object.defineProperty(exports, '__esModule', { value: true });
-
-})));
-//# sourceMappingURL=ssv-ngx.ux.umd.js.map