@colijnit/product 260.1.2 → 261.20.0

package/bundles/colijnit-product.umd.js

@@ -1,4317 +0,0 @@
-(function (global, factory) {
-    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/core'), require('rxjs'), require('@colijnit/ioneconnector/build/model/options'), require('@colijnit/articleapi/build/model/article-full-object'), require('@colijnit/articleapi/build/model/super-article'), require('@colijnit/articleapi/build/articles'), require('@colijnit/articleapi/build/model/delivery-prognosis'), require('@colijnit/articleapi/build/model/document-content'), require('@colijnit/ioneconnector/build/service/business-object-factory'), require('@colijnit/transactionapi/build/transaction'), require('@colijnit/mainapi'), require('@colijnit/transactionapi/build/model/transaction-info-response.bo'), require('@colijnit/articleapi/build/model/article-list-object-extended.bo'), require('@colijnit/mainapi/build/model/image-content.bo'), require('@angular/common/http'), require('@colijnit/ioneconnector/build/utils/string-utils'), require('@angular/common'), require('@angular/animations'), require('@angular/platform-browser'), require('@colijnit/corecomponents'), require('@colijnit/mainapi/build/model/co-document.bo'), require('@colijnit/articleapi/build/model/configurator-statistics-environment'), require('@colijnit/corecomponents_v12')) :
-    typeof define === 'function' && define.amd ? define('@colijnit/product', ['exports', '@angular/core', 'rxjs', '@colijnit/ioneconnector/build/model/options', '@colijnit/articleapi/build/model/article-full-object', '@colijnit/articleapi/build/model/super-article', '@colijnit/articleapi/build/articles', '@colijnit/articleapi/build/model/delivery-prognosis', '@colijnit/articleapi/build/model/document-content', '@colijnit/ioneconnector/build/service/business-object-factory', '@colijnit/transactionapi/build/transaction', '@colijnit/mainapi', '@colijnit/transactionapi/build/model/transaction-info-response.bo', '@colijnit/articleapi/build/model/article-list-object-extended.bo', '@colijnit/mainapi/build/model/image-content.bo', '@angular/common/http', '@colijnit/ioneconnector/build/utils/string-utils', '@angular/common', '@angular/animations', '@angular/platform-browser', '@colijnit/corecomponents', '@colijnit/mainapi/build/model/co-document.bo', '@colijnit/articleapi/build/model/configurator-statistics-environment', '@colijnit/corecomponents_v12'], factory) :
-    (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory((global.colijnit = global.colijnit || {}, global.colijnit.product = {}), global.ng.core, global.rxjs, global.options, global.articleFullObject, global.superArticle, global.articles, global.deliveryPrognosis, global.documentContent, global.businessObjectFactory, global.transaction, global.mainapi, global.transactionInfoResponse_bo, global.articleListObjectExtended_bo, global.imageContent_bo, global.ng.common.http, global.stringUtils, global.ng.common, global.ng.animations, global.ng.platformBrowser, global.corecomponents, global.coDocument_bo, global.configuratorStatisticsEnvironment, global.corecomponents_v12));
-})(this, (function (exports, i0, rxjs, options, articleFullObject, superArticle, articles, deliveryPrognosis, documentContent, businessObjectFactory, transaction, mainapi, transactionInfoResponse_bo, articleListObjectExtended_bo, imageContent_bo, i1, stringUtils, common, animations, i1$1, corecomponents, coDocument_bo, configuratorStatisticsEnvironment, corecomponents_v12) { 'use strict';
-
-    function _interopNamespace(e) {
-        if (e && e.__esModule) return e;
-        var n = Object.create(null);
-        if (e) {
-            Object.keys(e).forEach(function (k) {
-                if (k !== 'default') {
-                    var d = Object.getOwnPropertyDescriptor(e, k);
-                    Object.defineProperty(n, k, d.get ? d : {
-                        enumerable: true,
-                        get: function () { return e[k]; }
-                    });
-                }
-            });
-        }
-        n["default"] = e;
-        return Object.freeze(n);
-    }
-
-    var i0__namespace = /*#__PURE__*/_interopNamespace(i0);
-    var i1__namespace = /*#__PURE__*/_interopNamespace(i1);
-    var i1__namespace$1 = /*#__PURE__*/_interopNamespace(i1$1);
-
-    // this file is dynamically created, do not change this
-    var Version = /** @class */ (function () {
-        function Version() {
-            this.name = "@colijnit/product";
-            this.description = "Product detail page project for iOne";
-            this.symVer = "260.1.2";
-            this.publishDate = "5-1-2026 18:13:02";
-        }
-        return Version;
-    }());
-
-    /******************************************************************************
-    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, SuppressedError, Symbol */
-    var extendStatics = function (d, b) {
-        extendStatics = Object.setPrototypeOf ||
-            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
-            function (d, b) { for (var p in b)
-                if (Object.prototype.hasOwnProperty.call(b, p))
-                    d[p] = b[p]; };
-        return extendStatics(d, b);
-    };
-    function __extends(d, b) {
-        if (typeof b !== "function" && b !== null)
-            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
-        extendStatics(d, b);
-        function __() { this.constructor = d; }
-        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
-    }
-    var __assign = function () {
-        __assign = Object.assign || function __assign(t) {
-            for (var s, i = 1, n = arguments.length; i < n; i++) {
-                s = arguments[i];
-                for (var p in s)
-                    if (Object.prototype.hasOwnProperty.call(s, p))
-                        t[p] = s[p];
-            }
-            return t;
-        };
-        return __assign.apply(this, arguments);
-    };
-    function __rest(s, e) {
-        var t = {};
-        for (var p in s)
-            if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-                t[p] = s[p];
-        if (s != null && typeof Object.getOwnPropertySymbols === "function")
-            for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-                if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                    t[p[i]] = s[p[i]];
-            }
-        return t;
-    }
-    function __decorate(decorators, target, key, desc) {
-        var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
-        if (typeof Reflect === "object" && typeof Reflect.decorate === "function")
-            r = Reflect.decorate(decorators, target, key, desc);
-        else
-            for (var i = decorators.length - 1; i >= 0; i--)
-                if (d = decorators[i])
-                    r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
-        return c > 3 && r && Object.defineProperty(target, key, r), r;
-    }
-    function __param(paramIndex, decorator) {
-        return function (target, key) { decorator(target, key, paramIndex); };
-    }
-    function __esDecorate(ctor, descriptorIn, decorators, contextIn, initializers, extraInitializers) {
-        function accept(f) { if (f !== void 0 && typeof f !== "function")
-            throw new TypeError("Function expected"); return f; }
-        var kind = contextIn.kind, key = kind === "getter" ? "get" : kind === "setter" ? "set" : "value";
-        var target = !descriptorIn && ctor ? contextIn["static"] ? ctor : ctor.prototype : null;
-        var descriptor = descriptorIn || (target ? Object.getOwnPropertyDescriptor(target, contextIn.name) : {});
-        var _, done = false;
-        for (var i = decorators.length - 1; i >= 0; i--) {
-            var context = {};
-            for (var p in contextIn)
-                context[p] = p === "access" ? {} : contextIn[p];
-            for (var p in contextIn.access)
-                context.access[p] = contextIn.access[p];
-            context.addInitializer = function (f) { if (done)
-                throw new TypeError("Cannot add initializers after decoration has completed"); extraInitializers.push(accept(f || null)); };
-            var result = (0, decorators[i])(kind === "accessor" ? { get: descriptor.get, set: descriptor.set } : descriptor[key], context);
-            if (kind === "accessor") {
-                if (result === void 0)
-                    continue;
-                if (result === null || typeof result !== "object")
-                    throw new TypeError("Object expected");
-                if (_ = accept(result.get))
-                    descriptor.get = _;
-                if (_ = accept(result.set))
-                    descriptor.set = _;
-                if (_ = accept(result.init))
-                    initializers.unshift(_);
-            }
-            else if (_ = accept(result)) {
-                if (kind === "field")
-                    initializers.unshift(_);
-                else
-                    descriptor[key] = _;
-            }
-        }
-        if (target)
-            Object.defineProperty(target, contextIn.name, descriptor);
-        done = true;
-    }
-    ;
-    function __runInitializers(thisArg, initializers, value) {
-        var useValue = arguments.length > 2;
-        for (var i = 0; i < initializers.length; i++) {
-            value = useValue ? initializers[i].call(thisArg, value) : initializers[i].call(thisArg);
-        }
-        return useValue ? value : void 0;
-    }
-    ;
-    function __propKey(x) {
-        return typeof x === "symbol" ? x : "".concat(x);
-    }
-    ;
-    function __setFunctionName(f, name, prefix) {
-        if (typeof name === "symbol")
-            name = name.description ? "[".concat(name.description, "]") : "";
-        return Object.defineProperty(f, "name", { configurable: true, value: prefix ? "".concat(prefix, " ", name) : name });
-    }
-    ;
-    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 (g && (g = 0, op[0] && (_ = 0)), _)
-                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;
-        var desc = Object.getOwnPropertyDescriptor(m, k);
-        if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-            desc = { enumerable: true, get: function () { return m[k]; } };
-        }
-        Object.defineProperty(o, k2, desc);
-    }) : (function (o, m, k, k2) {
-        if (k2 === undefined)
-            k2 = k;
-        o[k2] = m[k];
-    });
-    function __exportStar(m, o) {
-        for (var p in m)
-            if (p !== "default" && !Object.prototype.hasOwnProperty.call(o, p))
-                __createBinding(o, m, p);
-    }
-    function __values(o) {
-        var s = typeof Symbol === "function" && Symbol.iterator, m = s && o[s], i = 0;
-        if (m)
-            return m.call(o);
-        if (o && typeof o.length === "number")
-            return {
-                next: function () {
-                    if (o && i >= o.length)
-                        o = void 0;
-                    return { value: o && o[i++], done: !o };
-                }
-            };
-        throw new TypeError(s ? "Object is not iterable." : "Symbol.iterator is not defined.");
-    }
-    function __read(o, n) {
-        var m = typeof Symbol === "function" && o[Symbol.iterator];
-        if (!m)
-            return o;
-        var i = m.call(o), r, ar = [], e;
-        try {
-            while ((n === void 0 || n-- > 0) && !(r = i.next()).done)
-                ar.push(r.value);
-        }
-        catch (error) {
-            e = { error: error };
-        }
-        finally {
-            try {
-                if (r && !r.done && (m = i["return"]))
-                    m.call(i);
-            }
-            finally {
-                if (e)
-                    throw e.error;
-            }
-        }
-        return ar;
-    }
-    /** @deprecated */
-    function __spread() {
-        for (var ar = [], i = 0; i < arguments.length; i++)
-            ar = ar.concat(__read(arguments[i]));
-        return ar;
-    }
-    /** @deprecated */
-    function __spreadArrays() {
-        for (var s = 0, i = 0, il = arguments.length; i < il; i++)
-            s += arguments[i].length;
-        for (var r = Array(s), k = 0, i = 0; i < il; i++)
-            for (var a = arguments[i], j = 0, jl = a.length; j < jl; j++, k++)
-                r[k] = a[j];
-        return r;
-    }
-    function __spreadArray(to, from, pack) {
-        if (pack || arguments.length === 2)
-            for (var i = 0, l = from.length, ar; i < l; i++) {
-                if (ar || !(i in from)) {
-                    if (!ar)
-                        ar = Array.prototype.slice.call(from, 0, i);
-                    ar[i] = from[i];
-                }
-            }
-        return to.concat(ar || Array.prototype.slice.call(from));
-    }
-    function __await(v) {
-        return this instanceof __await ? (this.v = v, this) : new __await(v);
-    }
-    function __asyncGenerator(thisArg, _arguments, generator) {
-        if (!Symbol.asyncIterator)
-            throw new TypeError("Symbol.asyncIterator is not defined.");
-        var g = generator.apply(thisArg, _arguments || []), i, q = [];
-        return i = {}, verb("next"), verb("throw"), verb("return", awaitReturn), i[Symbol.asyncIterator] = function () { return this; }, i;
-        function awaitReturn(f) { return function (v) { return Promise.resolve(v).then(f, reject); }; }
-        function verb(n, f) { if (g[n]) {
-            i[n] = function (v) { return new Promise(function (a, b) { q.push([n, v, a, b]) > 1 || resume(n, v); }); };
-            if (f)
-                i[n] = f(i[n]);
-        } }
-        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: false } : f ? f(v) : v; } : f; }
-    }
-    function __asyncValues(o) {
-        if (!Symbol.asyncIterator)
-            throw new TypeError("Symbol.asyncIterator is not defined.");
-        var m = o[Symbol.asyncIterator], i;
-        return m ? m.call(o) : (o = typeof __values === "function" ? __values(o) : o[Symbol.iterator](), i = {}, verb("next"), verb("throw"), verb("return"), i[Symbol.asyncIterator] = function () { return this; }, i);
-        function verb(n) { i[n] = o[n] && function (v) { return new Promise(function (resolve, reject) { v = o[n](v), settle(resolve, reject, v.done, v.value); }); }; }
-        function settle(resolve, reject, d, v) { Promise.resolve(v).then(function (v) { resolve({ value: v, done: d }); }, reject); }
-    }
-    function __makeTemplateObject(cooked, raw) {
-        if (Object.defineProperty) {
-            Object.defineProperty(cooked, "raw", { value: raw });
-        }
-        else {
-            cooked.raw = raw;
-        }
-        return cooked;
-    }
-    ;
-    var __setModuleDefault = Object.create ? (function (o, v) {
-        Object.defineProperty(o, "default", { enumerable: true, value: v });
-    }) : function (o, v) {
-        o["default"] = v;
-    };
-    function __importStar(mod) {
-        if (mod && mod.__esModule)
-            return mod;
-        var result = {};
-        if (mod != null)
-            for (var k in mod)
-                if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k))
-                    __createBinding(result, mod, k);
-        __setModuleDefault(result, mod);
-        return result;
-    }
-    function __importDefault(mod) {
-        return (mod && mod.__esModule) ? mod : { default: mod };
-    }
-    function __classPrivateFieldGet(receiver, state, kind, f) {
-        if (kind === "a" && !f)
-            throw new TypeError("Private accessor was defined without a getter");
-        if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver))
-            throw new TypeError("Cannot read private member from an object whose class did not declare it");
-        return kind === "m" ? f : kind === "a" ? f.call(receiver) : f ? f.value : state.get(receiver);
-    }
-    function __classPrivateFieldSet(receiver, state, value, kind, f) {
-        if (kind === "m")
-            throw new TypeError("Private method is not writable");
-        if (kind === "a" && !f)
-            throw new TypeError("Private accessor was defined without a setter");
-        if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver))
-            throw new TypeError("Cannot write private member to an object whose class did not declare it");
-        return (kind === "a" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value)), value;
-    }
-    function __classPrivateFieldIn(state, receiver) {
-        if (receiver === null || (typeof receiver !== "object" && typeof receiver !== "function"))
-            throw new TypeError("Cannot use 'in' operator on non-object");
-        return typeof state === "function" ? receiver === state : state.has(receiver);
-    }
-    function __addDisposableResource(env, value, async) {
-        if (value !== null && value !== void 0) {
-            if (typeof value !== "object" && typeof value !== "function")
-                throw new TypeError("Object expected.");
-            var dispose, inner;
-            if (async) {
-                if (!Symbol.asyncDispose)
-                    throw new TypeError("Symbol.asyncDispose is not defined.");
-                dispose = value[Symbol.asyncDispose];
-            }
-            if (dispose === void 0) {
-                if (!Symbol.dispose)
-                    throw new TypeError("Symbol.dispose is not defined.");
-                dispose = value[Symbol.dispose];
-                if (async)
-                    inner = dispose;
-            }
-            if (typeof dispose !== "function")
-                throw new TypeError("Object not disposable.");
-            if (inner)
-                dispose = function () { try {
-                    inner.call(this);
-                }
-                catch (e) {
-                    return Promise.reject(e);
-                } };
-            env.stack.push({ value: value, dispose: dispose, async: async });
-        }
-        else if (async) {
-            env.stack.push({ async: true });
-        }
-        return value;
-    }
-    var _SuppressedError = typeof SuppressedError === "function" ? SuppressedError : function (error, suppressed, message) {
-        var e = new Error(message);
-        return e.name = "SuppressedError", e.error = error, e.suppressed = suppressed, e;
-    };
-    function __disposeResources(env) {
-        function fail(e) {
-            env.error = env.hasError ? new _SuppressedError(e, env.error, "An error was suppressed during disposal.") : e;
-            env.hasError = true;
-        }
-        function next() {
-            while (env.stack.length) {
-                var rec = env.stack.pop();
-                try {
-                    var result = rec.dispose && rec.dispose.call(rec.value);
-                    if (rec.async)
-                        return Promise.resolve(result).then(next, function (e) { fail(e); return next(); });
-                }
-                catch (e) {
-                    fail(e);
-                }
-            }
-            if (env.hasError)
-                throw env.error;
-        }
-        return next();
-    }
-    var tslib_es6 = {
-        __extends: __extends,
-        __assign: __assign,
-        __rest: __rest,
-        __decorate: __decorate,
-        __param: __param,
-        __metadata: __metadata,
-        __awaiter: __awaiter,
-        __generator: __generator,
-        __createBinding: __createBinding,
-        __exportStar: __exportStar,
-        __values: __values,
-        __read: __read,
-        __spread: __spread,
-        __spreadArrays: __spreadArrays,
-        __spreadArray: __spreadArray,
-        __await: __await,
-        __asyncGenerator: __asyncGenerator,
-        __asyncDelegator: __asyncDelegator,
-        __asyncValues: __asyncValues,
-        __makeTemplateObject: __makeTemplateObject,
-        __importStar: __importStar,
-        __importDefault: __importDefault,
-        __classPrivateFieldGet: __classPrivateFieldGet,
-        __classPrivateFieldSet: __classPrivateFieldSet,
-        __classPrivateFieldIn: __classPrivateFieldIn,
-        __addDisposableResource: __addDisposableResource,
-        __disposeResources: __disposeResources,
-    };
-
-    var SettingsOptions = /** @class */ (function () {
-        function SettingsOptions() {
-            this.showStockStatus = false;
-            this.showZoomButton = false;
-            this.showTagFilter = false;
-            this.showAsConfigured = false;
-            this.inlineAnswers = false;
-            this.showArButton = false;
-            this.arEnabled = false;
-            this.vrEnabled = false;
-        }
-        return SettingsOptions;
-    }());
-
-    var RenderModes;
-    (function (RenderModes) {
-        RenderModes["RenderRoom"] = "render_room";
-        RenderModes["RenderShop"] = "render_shop";
-        RenderModes["RenderIone"] = "render_ione";
-    })(RenderModes || (RenderModes = {}));
-
-    var RenderParameters$1 = /** @class */ (function () {
-        function RenderParameters() {
-            this.host = "";
-            this.port = 0;
-            this.secure = false;
-            this.renderMode = RenderModes.RenderShop;
-        }
-        return RenderParameters;
-    }());
-
-    var ProductSettings = /** @class */ (function (_super) {
-        __extends(ProductSettings, _super);
-        function ProductSettings() {
-            var _this = _super.apply(this, __spreadArray([], __read(arguments))) || this;
-            _this.session = undefined;
-            _this.createWebOrder = true;
-            _this.currencySymbol = '€';
-            _this.options = new SettingsOptions();
-            _this.renderParameters = new RenderParameters$1();
-            return _this;
-        }
-        return ProductSettings;
-    }(options.Options));
-
-    var ProductEventService = /** @class */ (function () {
-        function ProductEventService() {
-            this.onAddToCart = new rxjs.Subject();
-            this.onAlternativeClick = new rxjs.Subject();
-            this.onAddToQuote = new rxjs.Subject();
-            this.onForceRenderImage = new rxjs.Subject();
-            this.onArticleReceived = new rxjs.Subject();
-            this.onSelectionsReceived = new rxjs.Subject();
-            this.onImageReceived = new rxjs.Subject();
-            this.onRenderStarted = new rxjs.Subject();
-            this.onRenderImageReceived = new rxjs.Subject();
-            this.onDraftRenderImageReceived = new rxjs.Subject();
-            this.onArticleInfoReceived = new rxjs.Subject();
-            this.onAnswersAvailable = new rxjs.Subject();
-            this.onReadyToRender = new rxjs.Subject();
-            this.onUpdateProductInfoTab = new rxjs.Subject();
-            this.errorMessage = new rxjs.Subject();
-            this.onGetRenderForRenderCarousel = new rxjs.Subject();
-        }
-        return ProductEventService;
-    }());
-    ProductEventService.decorators = [
-        { type: i0.Directive },
-        { type: i0.Injectable }
-    ];
-
-    // Sole responsibility is simply to wrap around a colijn.Connector to create a stable inner interface to the library in a 1:1 method way.
-    // Only to be used by the IOneControllerService.
-    var ProductConnectorAdapterService = /** @class */ (function () {
-        function ProductConnectorAdapterService(_eventService) {
-            this._eventService = _eventService;
-            this.showLoader = new rxjs.Subject();
-            this._boFactory = new businessObjectFactory.BusinessObjectFactory();
-            this._subs = [];
-        }
-        ProductConnectorAdapterService.prototype.ngOnDestroy = function () {
-            this._subs.forEach(function (s) { return s.unsubscribe(); });
-        };
-        ProductConnectorAdapterService.prototype.initConnector = function (options) {
-            return __awaiter(this, void 0, void 0, function () {
-                var _this = this;
-                return __generator(this, function (_a) {
-                    switch (_a.label) {
-                        case 0:
-                            this.articleConnector = new articles.Articles(options);
-                            return [4 /*yield*/, this.articleConnector.connect()];
-                        case 1:
-                            _a.sent();
-                            this.transactionConnector = new transaction.Transaction(options);
-                            this.mainConnector = new mainapi.MainApi(options);
-                            this._subs.push(
-                            // @ts-ignore
-                            this.articleConnector.showLoader.subscribe(function (value) { return _this.showLoader.next(value); }));
-                            return [2 /*return*/];
-                    }
-                });
-            });
-        };
-        ProductConnectorAdapterService.prototype.setInstance = function (instanceId) {
-            // this.articleConnector.setInstanceToConfigure(instanceId, false);
-        };
-        ProductConnectorAdapterService.prototype.getProductBundleSettings = function (url, upId) {
-            return __awaiter(this, void 0, void 0, function () {
-                var tempSettings, tempMainConnector, response;
-                return __generator(this, function (_a) {
-                    switch (_a.label) {
-                        case 0:
-                            tempSettings = new ProductSettings();
-                            tempSettings.url = url;
-                            tempSettings.schema = upId.toString();
-                            tempMainConnector = new mainapi.MainApi(tempSettings);
-                            return [4 /*yield*/, tempMainConnector.getPublicParams(upId)];
-                        case 1:
-                            response = _a.sent();
-                            if (response) {
-                                return [2 /*return*/, response.productSettings];
-                            }
-                            return [2 /*return*/, ""];
-                    }
-                });
-            });
-        };
-        ProductConnectorAdapterService.prototype.convertArticleFullObjectToArticleExtended = function (article) {
-            if (article) {
-                return this._boFactory.makeWithRawBackendData(articleListObjectExtended_bo.ArticleListObjectExtended, article);
-            }
-        };
-        ProductConnectorAdapterService.prototype.getDeliveryPrognosis = function (goodId, branchNr) {
-            return __awaiter(this, void 0, void 0, function () {
-                var deliveryPrognosis;
-                return __generator(this, function (_a) {
-                    switch (_a.label) {
-                        case 0: return [4 /*yield*/, this.getSelectorDeliveryDate()];
-                        case 1:
-                            deliveryPrognosis = _a.sent();
-                            if (!deliveryPrognosis || !deliveryPrognosis.returnValue) {
-                                return [2 /*return*/, this.getDeliveryDate2(goodId)];
-                            }
-                            return [2 /*return*/, deliveryPrognosis];
-                    }
-                });
-            });
-        };
-        ProductConnectorAdapterService.prototype.getSelectorDeliveryDate = function () {
-            return __awaiter(this, void 0, void 0, function () {
-                var response;
-                return __generator(this, function (_a) {
-                    switch (_a.label) {
-                        case 0: return [4 /*yield*/, this.articleConnector.getSelectorDeliveryDate()];
-                        case 1:
-                            response = _a.sent();
-                            if (response && response.validationResult && response.validationResult.success) {
-                                return [2 /*return*/, this._boFactory.makeWithRawBackendData(deliveryPrognosis.DeliveryPrognosis, response.resultObject)];
-                            }
-                            else {
-                                return [2 /*return*/, null];
-                            }
-                            return [2 /*return*/];
-                    }
-                });
-            });
-        };
-        ProductConnectorAdapterService.prototype.getArtStockStatus = function (goodId) {
-            return __awaiter(this, void 0, void 0, function () {
-                var response;
-                return __generator(this, function (_a) {
-                    switch (_a.label) {
-                        case 0: return [4 /*yield*/, this.articleConnector.getArtStockStatus(goodId)];
-                        case 1:
-                            response = _a.sent();
-                            if (response && response.validationResult && response.validationResult.success) {
-                                return [2 /*return*/, response.resultObject];
-                            }
-                            else {
-                                return [2 /*return*/, null];
-                            }
-                            return [2 /*return*/];
-                    }
-                });
-            });
-        };
-        ProductConnectorAdapterService.prototype.getDeliveryDate2 = function (goodId) {
-            return __awaiter(this, void 0, void 0, function () {
-                var response;
-                return __generator(this, function (_a) {
-                    switch (_a.label) {
-                        case 0: return [4 /*yield*/, this.articleConnector.getDeliveryDate2(goodId)];
-                        case 1:
-                            response = _a.sent();
-                            if (response && response.validationResult && response.validationResult.success) {
-                                return [2 /*return*/, this._boFactory.makeWithRawBackendData(deliveryPrognosis.DeliveryPrognosis, response.resultObject)];
-                            }
-                            else {
-                                return [2 /*return*/, null];
-                            }
-                            return [2 /*return*/];
-                    }
-                });
-            });
-        };
-        ProductConnectorAdapterService.prototype.getJsonConfiguredArticles = function (configuratorStatistics) {
-            return __awaiter(this, void 0, void 0, function () {
-                var response;
-                return __generator(this, function (_a) {
-                    switch (_a.label) {
-                        case 0: return [4 /*yield*/, this.articleConnector.getJsonConfiguredArticles(configuratorStatistics)];
-                        case 1:
-                            response = _a.sent();
-                            if (response && response.validationResult && response.validationResult.success) {
-                                return [2 /*return*/, response.resultObject];
-                            }
-                            else {
-                                return [2 /*return*/, ''];
-                            }
-                            return [2 /*return*/];
-                    }
-                });
-            });
-        };
-        ProductConnectorAdapterService.prototype.getJsonArticleFlatTree = function (goodId, goodType, quantity, externalSource, showLoader, instanceId, configuratorStatistics) {
-            if (externalSource === void 0) { externalSource = false; }
-            if (showLoader === void 0) { showLoader = true; }
-            return __awaiter(this, void 0, void 0, function () {
-                var _this = this;
-                return __generator(this, function (_a) {
-                    return [2 /*return*/, this.articleConnector.getJsonArticleFlatTree(goodId, goodType, quantity, externalSource, showLoader, instanceId, configuratorStatistics).catch(function (messages) {
-                            _this._eventService.errorMessage.next(messages);
-                            return null;
-                        })];
-                });
-            });
-        };
-        ProductConnectorAdapterService.prototype.getGeneratedArtDirectly = function (goodId, showLoader) {
-            return __awaiter(this, void 0, void 0, function () {
-                var _this = this;
-                return __generator(this, function (_a) {
-                    return [2 /*return*/, this.articleConnector.getGeneratedArtDirectly(goodId, showLoader).catch(function (messages) {
-                            _this._eventService.errorMessage.next(messages);
-                            return null;
-                        })];
-                });
-            });
-        };
-        ProductConnectorAdapterService.prototype.getGoodIdFromArticleNr = function (sku) {
-            return __awaiter(this, void 0, void 0, function () {
-                var response;
-                return __generator(this, function (_a) {
-                    switch (_a.label) {
-                        case 0: return [4 /*yield*/, this.articleConnector.getGoodIdFromArticleNr(sku)];
-                        case 1:
-                            response = _a.sent();
-                            if (response && response.validationResult && response.validationResult.success) {
-                                return [2 /*return*/, response.resultObject];
-                            }
-                            else {
-                                return [2 /*return*/, null];
-                            }
-                            return [2 /*return*/];
-                    }
-                });
-            });
-        };
-        ProductConnectorAdapterService.prototype.getArticleFullObject = function (goodId, showLoader) {
-            if (showLoader === void 0) { showLoader = true; }
-            return __awaiter(this, void 0, void 0, function () {
-                var response;
-                return __generator(this, function (_a) {
-                    switch (_a.label) {
-                        case 0: return [4 /*yield*/, this.articleConnector.getArticleFullObject(goodId, showLoader)];
-                        case 1:
-                            response = _a.sent();
-                            if (response && response.validationResult && response.validationResult.success) {
-                                return [2 /*return*/, this._boFactory.makeWithRawBackendData(articleFullObject.ArticleFullObject, response.resultObject)];
-                            }
-                            else {
-                                return [2 /*return*/, null];
-                            }
-                            return [2 /*return*/];
-                    }
-                });
-            });
-        };
-        ProductConnectorAdapterService.prototype.getSuperArticle = function (id, branch) {
-            return __awaiter(this, void 0, void 0, function () {
-                var response;
-                return __generator(this, function (_a) {
-                    switch (_a.label) {
-                        case 0: return [4 /*yield*/, this.articleConnector.getSuperArticleQuickSel(id, branch)];
-                        case 1:
-                            response = _a.sent();
-                            if (response && response.validationResult && response.validationResult.success) {
-                                return [2 /*return*/, this._boFactory.makeWithRawBackendData(superArticle.SuperArticle, response.resultObject)];
-                            }
-                            else {
-                                return [2 /*return*/, null];
-                            }
-                            return [2 /*return*/];
-                    }
-                });
-            });
-        };
-        ProductConnectorAdapterService.prototype.getDocumentContent = function (docId, thumbnail) {
-            if (thumbnail === void 0) { thumbnail = true; }
-            return __awaiter(this, void 0, void 0, function () {
-                var response;
-                return __generator(this, function (_a) {
-                    switch (_a.label) {
-                        case 0: return [4 /*yield*/, this.articleConnector.getDocumentContent(docId, thumbnail)];
-                        case 1:
-                            response = _a.sent();
-                            if (response && response.validationResult && response.validationResult.success) {
-                                return [2 /*return*/, this._boFactory.makeWithRawBackendData(documentContent.DocumentContent, response.resultObject)];
-                            }
-                            else {
-                                return [2 /*return*/, null];
-                            }
-                            return [2 /*return*/];
-                    }
-                });
-            });
-        };
-        ProductConnectorAdapterService.prototype.addWebSessionTransactionLine = function (transactionUuid, sku, quantity) {
-            return __awaiter(this, void 0, void 0, function () {
-                var response, infoResponse;
-                return __generator(this, function (_a) {
-                    switch (_a.label) {
-                        case 0: return [4 /*yield*/, this.transactionConnector.addWebSessionTransactionLine(transactionUuid, sku, quantity)];
-                        case 1:
-                            response = _a.sent();
-                            if (response && response.validationResult && response.validationResult.success) {
-                                infoResponse = this._boFactory.makeWithRawBackendData(transactionInfoResponse_bo.TransactionInfoResponse, response.resultObject);
-                                return [2 /*return*/, infoResponse.transactionInfo.uuid];
-                            }
-                            return [2 /*return*/, ""];
-                    }
-                });
-            });
-        };
-        ProductConnectorAdapterService.prototype.getImageForCoDocument = function (document, thumb) {
-            return __awaiter(this, void 0, void 0, function () {
-                var response;
-                return __generator(this, function (_a) {
-                    switch (_a.label) {
-                        case 0: return [4 /*yield*/, this.mainConnector.getImageForCoDocument(document, thumb)];
-                        case 1:
-                            response = _a.sent();
-                            if (response && response.validationResult && response.validationResult.success) {
-                                return [2 /*return*/, this._boFactory.makeWithRawBackendData(imageContent_bo.ImageContent, response.resultObject)];
-                            }
-                            return [2 /*return*/];
-                    }
-                });
-            });
-        };
-        return ProductConnectorAdapterService;
-    }());
-    ProductConnectorAdapterService.decorators = [
-        { type: i0.Injectable }
-    ];
-    ProductConnectorAdapterService.ctorParameters = function () { return [
-        { type: ProductEventService }
-    ]; };
-
-    var JsonUtilsService = /** @class */ (function () {
-        function JsonUtilsService() {
-        }
-        JsonUtilsService.prototype.readJsonFile = function (filePath) {
-            return __awaiter(this, void 0, void 0, function () {
-                var response, e_1;
-                return __generator(this, function (_a) {
-                    switch (_a.label) {
-                        case 0:
-                            _a.trys.push([0, 2, , 3]);
-                            return [4 /*yield*/, fetch(filePath)];
-                        case 1:
-                            response = _a.sent();
-                            if (!response.ok) {
-                                return [2 /*return*/, null];
-                            }
-                            else {
-                                return [2 /*return*/, response.json()];
-                            }
-                            return [3 /*break*/, 3];
-                        case 2:
-                            e_1 = _a.sent();
-                            console.error('Error getting file:', e_1.message);
-                            return [2 /*return*/, ''];
-                        case 3: return [2 /*return*/];
-                    }
-                });
-            });
-        };
-        return JsonUtilsService;
-    }());
-    JsonUtilsService.ɵprov = i0__namespace.ɵɵdefineInjectable({ factory: function JsonUtilsService_Factory() { return new JsonUtilsService(); }, token: JsonUtilsService, providedIn: "root" });
-    JsonUtilsService.decorators = [
-        { type: i0.Injectable, args: [{
-                    providedIn: 'root'
-                },] }
-    ];
-
-    var LanguageCode;
-    (function (LanguageCode) {
-        LanguageCode["Dutch"] = "nl-NL";
-        LanguageCode["English"] = "en-GB";
-        LanguageCode["German"] = "de-DE";
-        LanguageCode["French"] = "fr-FR";
-    })(LanguageCode || (LanguageCode = {}));
-
-    var Dictionary = /** @class */ (function () {
-        function Dictionary() {
-            this.strings = {
-                "en": {
-                    "ADDITIONAL_DATA": "Additional information",
-                    "ALTERNATIVE_PRODUCTS": "Alternative products",
-                    "ARTICLE_NUMBER": "Productnumber",
-                    "AS_CONFIGURED": "As configured",
-                    "CATEGORY": "Category",
-                    "CATEGORY_TYPE": "Category type",
-                    "CONFIGURE": "Configure",
-                    "DELIVERY_TIME_PERIOD": "Delivery time",
-                    "DESCRIPTION": "Description",
-                    "DOCUMENTS": "Documents",
-                    "DOWNLOADS": "Downloads",
-                    "FEATURES": "Features",
-                    "HEIGHT": "Height",
-                    "MATERIAL": "Material",
-                    "PRODUCT_IN_STOCK": "In stock",
-                    "PRODUCT_LIMITED_STOCK": "Limited stock",
-                    "PRODUCT_NOT_IN_STOCK": "Not in stock",
-                    "PROPERTIES": "Characteristics",
-                    "QUOTATION": "Quotation",
-                    "READ_MORE": "Read more",
-                    "RELATED_PRODUCTS": "Related products",
-                    "SHOPPING_CART_IN": "In Shopping Cart",
-                    "SHOW_IN": "Show in",
-                    "STOCK": "Stock",
-                    "SYMBOLS": "Symbols",
-                    "TITLE": "Title",
-                    "TURNOVERGROUP": "Turnover group",
-                    "VARIANTS": "Variations",
-                    "WIDTH": "Width",
-                    "SUGGESTION": "Suggestion",
-                },
-                "nl": {
-                    "ADDITIONAL_DATA": "Extra informatie",
-                    "ALTERNATIVE_PRODUCTS": "Alternatieve producten",
-                    "ARTICLE_NUMBER": "Artikel nummer",
-                    "AS_CONFIGURED": "Zoals samengesteld",
-                    "CATEGORY": "Categorie",
-                    "CATEGORY_TYPE": "Categorie type",
-                    "CONFIGURE": "Configureren",
-                    "DELIVERY_TIME_PERIOD": "Levertijd",
-                    "DESCRIPTION": "Omschrijving",
-                    "DOCUMENTS": "Documenten",
-                    "DOWNLOADS": "Downloads",
-                    "FEATURES": "Kenmerken",
-                    "HEIGHT": "Hoogte",
-                    "MATERIAL": "Materiaal",
-                    "PRODUCT_IN_STOCK": "Op voorraad",
-                    "PRODUCT_LIMITED_STOCK": "Beperkt op voorraad",
-                    "PRODUCT_NOT_IN_STOCK": "Niet op voorraad",
-                    "PROPERTIES": "Eigenschappen",
-                    "QUOTATION": "Quotatie",
-                    "READ_MORE": "Lees meer",
-                    "RELATED_PRODUCTS": "Gerelateerde producten",
-                    "SHOPPING_CART_IN": "In winkelwagen",
-                    "SHOW_IN": "Laat zien",
-                    "STOCK": "Voorraad",
-                    "SYMBOLS": "Symbolen",
-                    "TITLE": "Titel",
-                    "TURNOVERGROUP": "Omzetgroep",
-                    "VARIANTS": "Varianten",
-                    "WIDTH": "Breedte",
-                    "SUGGESTION": "Suggesties bij",
-                },
-                "de": {
-                    "ADDITIONAL_DATA": "Extra informatie",
-                    "ALTERNATIVE_PRODUCTS": "Alternative Produkte",
-                    "ARTICLE_NUMBER": "Artikelnummer",
-                    "CATEGORY": "Kategorie",
-                    "CATEGORY_TYPE": "Kategorietype",
-                    "CONFIGURE": "Konfigurieren",
-                    "DELIVERY_TIME_PERIOD": "Lieferzeit",
-                    "DESCRIPTION": "Beschreibung",
-                    "DOCUMENTS": "Dateien",
-                    "DOWNLOADS": "Downloads",
-                    "FEATURES": "Eigenschaften",
-                    "HEIGHT": "Höhe",
-                    "MATERIAL": "Material",
-                    "PRODUCT_IN_STOCK": "Auf lager",
-                    "PRODUCT_LIMITED_STOCK": "Begrentzt auf lager",
-                    "PRODUCT_NOT_IN_STOCK": "Nicht auf lager",
-                    "PROPERTIES": "Eigenschaften",
-                    "QUOTATION": "Angebot",
-                    "READ_MORE": "Lesen Sie mehr",
-                    "RELATED_PRODUCTS": "Verwandte Produkte",
-                    "SHOPPING_CART_IN": "Im Einkaufswagen",
-                    "SHOW_IN": "Zeigen",
-                    "STOCK": "Vorrat",
-                    "SYMBOLS": "Symbole",
-                    "TITLE": "Titulatur",
-                    "TURNOVERGROUP": "Umsatzgruppe",
-                    "VARIANTS": "Varianten",
-                    "WIDTH": "Breite",
-                    "SUGGESTION": "Suggesties bij",
-                }
-            };
-        }
-        return Dictionary;
-    }());
-
-    // The localization service, providing peers with text translation functionality.
-    var DictionaryService = /** @class */ (function () {
-        function DictionaryService(_http, _jsonUtils) {
-            this._http = _http;
-            this._jsonUtils = _jsonUtils;
-            this.dictionaryUrl = 'js/browser/res/dictionary/';
-            // private _dictionaryPromise: Map<LanguageCode, Promise<{ [key: string]: string }>> = new Map<LanguageCode, Promise<{ [key: string]: string }>>();
-            this._dictionaries = new Map();
-            // Some dictionary values have one or more '|~' texts in them, meant to be replaced with client-side given texts.
-            this._placeholder = '|~';
-        }
-        Object.defineProperty(DictionaryService.prototype, "language", {
-            get: function () {
-                return this._language;
-            },
-            enumerable: false,
-            configurable: true
-        });
-        Object.defineProperty(DictionaryService.prototype, "rootUrl", {
-            set: function (value) {
-                this._rootUrl = value;
-                this._dictBasePath = this._rootUrl + '/' + this.dictionaryUrl;
-            },
-            enumerable: false,
-            configurable: true
-        });
-        // Loads the dictionary for given language in memory.
-        DictionaryService.prototype.setDictionary = function (language) {
-            return __awaiter(this, void 0, void 0, function () {
-                var dictionary;
-                return __generator(this, function (_a) {
-                    this._language = language || LanguageCode.Dutch;
-                    if (!this._dictionaries.has(this._language)) {
-                        dictionary = new Dictionary();
-                        if (dictionary.strings[this._language.substr(0, 2).toLowerCase()] !== undefined) {
-                            this._dictionaries.set(this._language, dictionary.strings[this._language.substr(0, 2).toLowerCase()]);
-                        }
-                    }
-                    return [2 /*return*/];
-                });
-            });
-        };
-        /**
-         * Returns the localized text for the given dictionary key.
-         * @param {string} key
-         * @param {boolean} [upperCaseFirst = true] False for first letter lowercase, true for first letter uppercase for returned dict val
-         * @param {string[]} replacementTexts Rest params for replacement of '|~' in returned dict value
-         * @returns {string} The translated text for given dictionary key
-         */
-        DictionaryService.prototype.get = function (key, upperCaseFirst) {
-            if (upperCaseFirst === void 0) { upperCaseFirst = true; }
-            var replacementTexts = [];
-            for (var _i = 2; _i < arguments.length; _i++) {
-                replacementTexts[_i - 2] = arguments[_i];
-            }
-            if (!stringUtils.StringUtils.IsStringWithLength(key)) {
-                return key || '';
-            }
-            var text = this._dictionaries.get(this.language)[key];
-            text = stringUtils.StringUtils.IsStringWithLength(text) ? text : key;
-            if (upperCaseFirst) {
-                text = text.charAt(0).toUpperCase() + text.slice(1);
-            }
-            else {
-                text = text.charAt(0).toLowerCase() + text.slice(1);
-            }
-            if (replacementTexts.length > 0) {
-                text = stringUtils.StringUtils.ReplaceOccurrencesIn.apply(stringUtils.StringUtils, __spreadArray([text, this._placeholder], __read(replacementTexts)));
-            }
-            return text;
-        };
-        return DictionaryService;
-    }());
-    DictionaryService.ɵprov = i0__namespace.ɵɵdefineInjectable({ factory: function DictionaryService_Factory() { return new DictionaryService(i0__namespace.ɵɵinject(i1__namespace.HttpClient), i0__namespace.ɵɵinject(JsonUtilsService)); }, token: DictionaryService, providedIn: "root" });
-    DictionaryService.decorators = [
-        { type: i0.Injectable, args: [{
-                    providedIn: 'root'
-                },] }
-    ];
-    DictionaryService.ctorParameters = function () { return [
-        { type: i1.HttpClient },
-        { type: JsonUtilsService }
-    ]; };
-
-    var ProductSettingsService = /** @class */ (function () {
-        function ProductSettingsService(_jsonUtilsService, _dictionaryService) {
-            this._jsonUtilsService = _jsonUtilsService;
-            this._dictionaryService = _dictionaryService;
-            this.settingsLoaded = new rxjs.BehaviorSubject(false);
-        }
-        Object.defineProperty(ProductSettingsService.prototype, "settings", {
-            get: function () {
-                return this._settings;
-            },
-            set: function (value) {
-                this._settings = value;
-            },
-            enumerable: false,
-            configurable: true
-        });
-        ProductSettingsService.prototype.initializeSettings = function (finish) {
-            if (finish === void 0) { finish = true; }
-            return __awaiter(this, void 0, void 0, function () {
-                var jsonSettings;
-                return __generator(this, function (_a) {
-                    switch (_a.label) {
-                        case 0:
-                            if (!(typeof settings === 'undefined')) return [3 /*break*/, 2];
-                            return [4 /*yield*/, this._jsonUtilsService.readJsonFile('product-settings.json')];
-                        case 1:
-                            jsonSettings = _a.sent();
-                            if (jsonSettings) {
-                                this.settings = Object.assign(new ProductSettings(), jsonSettings);
-                                this.settings.options = Object.assign(new SettingsOptions(), this.settings.options);
-                                if (finish) {
-                                    this.settingsFinished();
-                                }
-                            }
-                            return [3 /*break*/, 3];
-                        case 2:
-                            this.settings = Object.assign(new ProductSettings(), settings);
-                            this.settings.options = Object.assign(new SettingsOptions(), this.settings.options);
-                            if (finish) {
-                                this.settingsFinished();
-                            }
-                            _a.label = 3;
-                        case 3: return [2 /*return*/];
-                    }
-                });
-            });
-        };
-        ProductSettingsService.prototype.createSettingsFromObject = function (obj) {
-            return __awaiter(this, void 0, void 0, function () {
-                var ownOptions, ownRenderParameters;
-                return __generator(this, function (_a) {
-                    if (!this.settings) {
-                        this.settings = new ProductSettings();
-                    }
-                    ownOptions = Object.assign({}, this.settings.options);
-                    ownRenderParameters = Object.assign({}, this.settings.renderParameters);
-                    this.settings = Object.assign({}, this.settings, obj);
-                    if (obj.renderParameters) {
-                        this.settings.renderParameters = Object.assign({}, ownRenderParameters, obj.renderParameters);
-                    }
-                    if (obj.options) {
-                        this.settings.options = Object.assign({}, ownOptions, obj.options);
-                    }
-                    if (obj.hasOwnProperty('assetPath')) {
-                        this.settings.assetPath = obj['assetPath'];
-                        if (this.settings.assetPath[this.settings.assetPath.length - 1] !== '/') {
-                            this.settings.assetPath += '/';
-                        }
-                        this.settings.threeDAssetPath = this.settings.assetPath;
-                    }
-                    if (obj.hasOwnProperty('threeDAssetPath')) {
-                        this.settings.threeDAssetPath = obj['threeDAssetPath'];
-                        if (this.settings.threeDAssetPath[this.settings.threeDAssetPath.length - 1] !== '/') {
-                            this.settings.threeDAssetPath += '/';
-                        }
-                    }
-                    this.settingsFinished();
-                    return [2 /*return*/];
-                });
-            });
-        };
-        ProductSettingsService.prototype.settingsFinished = function () {
-            return __awaiter(this, void 0, void 0, function () {
-                return __generator(this, function (_a) {
-                    switch (_a.label) {
-                        case 0: return [4 /*yield*/, this._dictionaryService.setDictionary(this.settings.languageCode)];
-                        case 1:
-                            _a.sent();
-                            this.settingsLoaded.next(true);
-                            return [2 /*return*/];
-                    }
-                });
-            });
-        };
-        return ProductSettingsService;
-    }());
-    ProductSettingsService.decorators = [
-        { type: i0.Injectable }
-    ];
-    ProductSettingsService.ctorParameters = function () { return [
-        { type: JsonUtilsService },
-        { type: DictionaryService }
-    ]; };
-
-    // Holds all iONE backend related state and methods for a running HomeDecorator. To be used anywhere internally.
-    var ProductConnectorService = /** @class */ (function () {
-        function ProductConnectorService(_adapterService, _settingsService) {
-            this._adapterService = _adapterService;
-            this._settingsService = _settingsService;
-            this.controllerInitialized = new rxjs.BehaviorSubject(false);
-            this.articleLoaded = new rxjs.BehaviorSubject(false);
-            this._initializing = false;
-            this._initialized = false;
-            this.connectorOptions = new options.Options();
-            this.subs = [];
-        }
-        Object.defineProperty(ProductConnectorService.prototype, "shouldShowLoader", {
-            get: function () {
-                return this._shouldShowLoader;
-            },
-            enumerable: false,
-            configurable: true
-        });
-        ProductConnectorService.prototype.ngOnDestroy = function () {
-            this.subs.forEach(function (sub) { return sub.unsubscribe(); });
-        };
-        ProductConnectorService.prototype.initConnection = function () {
-            return __awaiter(this, void 0, void 0, function () {
-                var settings, e_1;
-                return __generator(this, function (_a) {
-                    switch (_a.label) {
-                        case 0:
-                            if (this._initialized || this._initializing) {
-                                return [2 /*return*/];
-                            }
-                            this._initializing = true;
-                            _a.label = 1;
-                        case 1:
-                            _a.trys.push([1, 3, , 4]);
-                            settings = this._settingsService.settings;
-                            if (!settings) {
-                                throw Error('Settings are not defined!');
-                            }
-                            this.connectorOptions = Object.assign(new options.Options(), settings);
-                            return [4 /*yield*/, this._adapterService.initConnector(this.connectorOptions)];
-                        case 2:
-                            _a.sent();
-                            this.controllerInitialized.next(true);
-                            this._initialized = true;
-                            this._initializing = false;
-                            return [3 /*break*/, 4];
-                        case 3:
-                            e_1 = _a.sent();
-                            this._initializing = false;
-                            return [3 /*break*/, 4];
-                        case 4: return [2 /*return*/];
-                    }
-                });
-            });
-        };
-        ProductConnectorService.prototype.getProductBundleSettings = function (url, upId) {
-            return __awaiter(this, void 0, void 0, function () {
-                return __generator(this, function (_a) {
-                    return [2 /*return*/, this._adapterService.getProductBundleSettings(url, upId)];
-                });
-            });
-        };
-        ProductConnectorService.prototype.setInstance = function (instanceId) {
-            this._instanceId = instanceId;
-            this._adapterService.setInstance(instanceId);
-        };
-        ProductConnectorService.prototype.convertArticleFullObjectToArticleExtended = function (article) {
-            return this._adapterService.convertArticleFullObjectToArticleExtended(article);
-        };
-        ProductConnectorService.prototype.getFullArticle = function (sku) {
-            return __awaiter(this, void 0, void 0, function () {
-                var goodId;
-                return __generator(this, function (_a) {
-                    switch (_a.label) {
-                        case 0: return [4 /*yield*/, this._adapterService.getGoodIdFromArticleNr(sku)];
-                        case 1:
-                            goodId = _a.sent();
-                            if (goodId) {
-                                return [2 /*return*/, this._adapterService.getArticleFullObject(goodId)];
-                            }
-                            return [2 /*return*/, null];
-                    }
-                });
-            });
-        };
-        ProductConnectorService.prototype.getDocumentContent = function (docId, thumbnail) {
-            if (thumbnail === void 0) { thumbnail = true; }
-            return this._adapterService.getDocumentContent(docId, thumbnail);
-        };
-        ProductConnectorService.prototype.getDeliveryPrognosis = function (goodId) {
-            return this._adapterService.getDeliveryPrognosis(goodId);
-        };
-        ProductConnectorService.prototype.getSelectorDeliveryDate = function () {
-            return __awaiter(this, void 0, void 0, function () {
-                return __generator(this, function (_a) {
-                    return [2 /*return*/, this._adapterService.getSelectorDeliveryDate()];
-                });
-            });
-        };
-        ProductConnectorService.prototype.getArtStockStatus = function (goodId) {
-            return this._adapterService.getArtStockStatus(goodId);
-        };
-        ProductConnectorService.prototype.getDeliveryDate2 = function (goodId) {
-            return this._adapterService.getDeliveryDate2(goodId);
-        };
-        ProductConnectorService.prototype.getSuperArticle = function (id) {
-            return this._adapterService.getSuperArticle(id);
-        };
-        ProductConnectorService.prototype.getJsonArticleFlatTree = function (goodId, goodType, quantity, externalSource, showLoader, configuratorStatistics) {
-            if (externalSource === void 0) { externalSource = false; }
-            if (showLoader === void 0) { showLoader = true; }
-            return this._adapterService.getJsonArticleFlatTree(goodId, goodType, quantity, externalSource, showLoader, this._instanceId, configuratorStatistics);
-        };
-        ProductConnectorService.prototype.getGeneratedArtDirectly = function (goodId, showLoader) {
-            if (showLoader === void 0) { showLoader = true; }
-            return this._adapterService.getGeneratedArtDirectly(goodId, showLoader);
-        };
-        ProductConnectorService.prototype.addWebSessionTransactionLine = function (transactionUuid, sku, quantity) {
-            return __awaiter(this, void 0, void 0, function () {
-                return __generator(this, function (_a) {
-                    switch (_a.label) {
-                        case 0: return [4 /*yield*/, this._adapterService.addWebSessionTransactionLine(transactionUuid, sku, quantity)];
-                        case 1: return [2 /*return*/, _a.sent()];
-                    }
-                });
-            });
-        };
-        ProductConnectorService.prototype.getImageForCoDocument = function (document, thumb) {
-            if (thumb === void 0) { thumb = false; }
-            return __awaiter(this, void 0, void 0, function () {
-                return __generator(this, function (_a) {
-                    return [2 /*return*/, this._adapterService.getImageForCoDocument(document, thumb)];
-                });
-            });
-        };
-        ProductConnectorService.prototype.onShowLoaderChange = function (showLoader) {
-            this._shouldShowLoader = showLoader;
-        };
-        return ProductConnectorService;
-    }());
-    ProductConnectorService.decorators = [
-        { type: i0.Injectable }
-    ];
-    ProductConnectorService.ctorParameters = function () { return [
-        { type: ProductConnectorAdapterService },
-        { type: ProductSettingsService }
-    ]; };
-
-    var RootStorageObject = /** @class */ (function () {
-        function RootStorageObject() {
-        }
-        return RootStorageObject;
-    }());
-    var LocalStorageService = /** @class */ (function () {
-        function LocalStorageService() {
-            this.storage = localStorage;
-            this._appRoot = "web-order";
-            this._storageObj = new RootStorageObject();
-            this._initLocalStorageObj();
-        }
-        LocalStorageService.prototype.save = function () {
-            this.storage.setItem(this._appRoot, JSON.stringify(this._storageObj));
-        };
-        LocalStorageService.prototype.clear = function () {
-            this.storage.clear();
-        };
-        Object.defineProperty(LocalStorageService.prototype, "id", {
-            get: function () {
-                return this._storageObj ? this._storageObj.id : "";
-            },
-            set: function (id) {
-                this._storageObj.id = id;
-                this.save();
-            },
-            enumerable: false,
-            configurable: true
-        });
-        LocalStorageService.prototype._initLocalStorageObj = function () {
-            this._storageObj = JSON.parse(this.storage.getItem(this._appRoot)) || this._storageObj;
-            this.save();
-        };
-        return LocalStorageService;
-    }());
-    LocalStorageService.ɵprov = i0__namespace.ɵɵdefineInjectable({ factory: function LocalStorageService_Factory() { return new LocalStorageService(); }, token: LocalStorageService, providedIn: "root" });
-    LocalStorageService.decorators = [
-        { type: i0.Injectable, args: [{
-                    providedIn: 'root'
-                },] }
-    ];
-    LocalStorageService.ctorParameters = function () { return []; };
-
-    var IoneProductComponent = /** @class */ (function () {
-        function IoneProductComponent(_appEventService, _settingsService, _productConnectorService, _localStorageService) {
-            var _this = this;
-            // this.sku = 'CF-HILL';
-            // this.sku = 'CF-ALMADA';
-            // this.sku = 'CF-39904ANT';
-            // this.sku = 'CF-22346001';
-            // this.sku = '104';
-            // this.sku = '1000561986';
-            // this.sku = '1000567768';
-            // this.sku = '1000567767';
-            // this.sku = '1066';
-            // this.sku = '104';
-            // this.sku = "70000107";
-            // this.sku = "grover";
-            // this.sku = "1000610952";
-            // this.sku = "4387";
-            // this.sku = "1000612725";
-            // this.sku = '1000610952'; // elix = 1000234793
-            this._appEventService = _appEventService;
-            this._settingsService = _settingsService;
-            this._productConnectorService = _productConnectorService;
-            this._localStorageService = _localStorageService;
-            this.enableRenderCarousel = false;
-            this.handleAddArticleInternally = true;
-            this.handleAddToCartInternally = false;
-            this.onAddToCart = new i0.EventEmitter();
-            this.forceRenderImage = new i0.EventEmitter();
-            this.getRenderForRenderCarousel = new i0.EventEmitter();
-            this.onAlternativeClick = new i0.EventEmitter();
-            this.onArticleInfoReceived = new i0.EventEmitter();
-            this.onArticleReceived = new i0.EventEmitter();
-            this.onSelectionsReceived = new i0.EventEmitter();
-            this.onAddToQuote = new i0.EventEmitter();
-            this.openStockEvent = new i0.EventEmitter();
-            this.onAnswersAvailable = new i0.EventEmitter();
-            this.settingsLoaded = false;
-            this.showHD = false;
-            this._subs = [];
-            this._subs.push(this._appEventService.onAddToCart.subscribe(function (data) {
-                _this._handleAddToCart(data);
-            }), this._appEventService.onAddToQuote.subscribe(function (json) { return _this.onAddToQuote.emit(json); }), this._appEventService.onAlternativeClick.subscribe(function (article) { return _this.onAlternativeClick.emit(article); }), this._appEventService.onArticleInfoReceived.subscribe(function (info) { return _this._handleAnswerInfoReceived(info); }), this._appEventService.onArticleReceived.subscribe(function (article) { return _this.onArticleReceived.emit(article); }), this._appEventService.onSelectionsReceived.subscribe(function (selections) { return _this.onSelectionsReceived.emit(selections); }), this._appEventService.onAnswersAvailable.subscribe(function (answers) { return _this._handleAnswersAvailable(answers); }), this._settingsService.settingsLoaded.subscribe(function (loaded) {
-                _this.settingsLoaded = loaded;
-            }));
-        }
-        Object.defineProperty(IoneProductComponent.prototype, "settings", {
-            get: function () {
-                return this._settings;
-            },
-            set: function (value) {
-                if (value) {
-                    if (typeof value === 'string') {
-                        this._settings = JSON.parse(value);
-                    }
-                    else {
-                        this._settings = value;
-                    }
-                }
-            },
-            enumerable: false,
-            configurable: true
-        });
-        IoneProductComponent.prototype.ngOnInit = function () {
-            return __awaiter(this, void 0, void 0, function () {
-                return __generator(this, function (_a) {
-                    switch (_a.label) {
-                        case 0: return [4 /*yield*/, this._settingsService.initializeSettings(this._settings === undefined)];
-                        case 1:
-                            _a.sent();
-                            if (this._settings) {
-                                this._settingsService.createSettingsFromObject(this._settings);
-                            }
-                            return [2 /*return*/];
-                    }
-                });
-            });
-        };
-        IoneProductComponent.prototype.ngOnDestroy = function () {
-            this._subs.forEach(function (s) { return s.unsubscribe(); });
-        };
-        IoneProductComponent.prototype._handleAnswerInfoReceived = function (info) {
-            this.onArticleInfoReceived.next(info);
-        };
-        IoneProductComponent.prototype._handleAnswersAvailable = function (answers) {
-            this.onAnswersAvailable.next(answers);
-        };
-        IoneProductComponent.prototype._handleAddToCart = function (data) {
-            return __awaiter(this, void 0, void 0, function () {
-                var article, transactionId, transactionId;
-                return __generator(this, function (_a) {
-                    switch (_a.label) {
-                        case 0:
-                            if (!this.handleAddToCartInternally) return [3 /*break*/, 7];
-                            if (!(data && data.article)) return [3 /*break*/, 6];
-                            if (!(typeof data.article === 'string')) return [3 /*break*/, 3];
-                            article = JSON.parse(data.article);
-                            if (!(article.selectorData && article.selectorData.compositions)) return [3 /*break*/, 2];
-                            return [4 /*yield*/, this._productConnectorService.addWebSessionTransactionLine(this._localStorageService.id, article.selectorData.compositions[0].compositionArticleNo, data.quantity)];
-                        case 1:
-                            transactionId = _a.sent();
-                            if (transactionId) {
-                                this._localStorageService.id = transactionId;
-                            }
-                            _a.label = 2;
-                        case 2: return [3 /*break*/, 5];
-                        case 3:
-                            if (!data.article.hasOwnProperty('articleNr')) return [3 /*break*/, 5];
-                            return [4 /*yield*/, this._productConnectorService.addWebSessionTransactionLine(this._localStorageService.id, data.article['articleNr'], data.quantity)];
-                        case 4:
-                            transactionId = _a.sent();
-                            if (transactionId) {
-                                this._localStorageService.id = transactionId;
-                            }
-                            _a.label = 5;
-                        case 5:
-                            this.onAddToCart.next(data);
-                            _a.label = 6;
-                        case 6: return [3 /*break*/, 8];
-                        case 7:
-                            this.onAddToCart.emit(data);
-                            _a.label = 8;
-                        case 8: return [2 /*return*/];
-                    }
-                });
-            });
-        };
-        IoneProductComponent.prototype.openStock = function () {
-            this.openStockEvent.emit();
-        };
-        return IoneProductComponent;
-    }());
-    IoneProductComponent.decorators = [
-        { type: i0.Component, args: [{
-                    selector: 'app-ione-product',
-                    template: "\n    <app-product-page *ngIf=\"settingsLoaded\"\n                      [createFrozenArticle]=\"handleAddArticleInternally\"\n                      [isReturn]=\"isReturn\"\n                      [sku]=\"sku\"\n                      [showRelatedProductsPopup]=\"showRelatedProductsPopup\"\n                      [enableRenderCarousel]=\"enableRenderCarousel\"\n                      (openStockEvent)=\"openStock()\"\n    ></app-product-page>\n    <!--  <co-button [label]=\"'click'\" (click)=\"showHD = !showHD\"></co-button>\n      <co-product-hd [sku]=\"'657946ca-e1e1-41fd-7ae0-08dbf7df0cef'\" *ngIf=\"showHD\"></co-product-hd>-->\n  ",
-                    providers: [
-                        ProductSettingsService,
-                        ProductConnectorService,
-                        ProductEventService,
-                        ProductConnectorAdapterService
-                    ],
-                    encapsulation: i0.ViewEncapsulation.Emulated,
-                    styles: [""]
-                },] }
-    ];
-    IoneProductComponent.ctorParameters = function () { return [
-        { type: ProductEventService },
-        { type: ProductSettingsService },
-        { type: ProductConnectorService },
-        { type: LocalStorageService }
-    ]; };
-    IoneProductComponent.propDecorators = {
-        sku: [{ type: i0.Input }],
-        isReturn: [{ type: i0.Input }],
-        showRelatedProductsPopup: [{ type: i0.Input }],
-        enableRenderCarousel: [{ type: i0.Input }],
-        settings: [{ type: i0.Input }],
-        handleAddArticleInternally: [{ type: i0.Input }],
-        handleAddToCartInternally: [{ type: i0.Input }],
-        onAddToCart: [{ type: i0.Output }],
-        forceRenderImage: [{ type: i0.Output }],
-        getRenderForRenderCarousel: [{ type: i0.Output }],
-        onAlternativeClick: [{ type: i0.Output }],
-        onArticleInfoReceived: [{ type: i0.Output }],
-        onArticleReceived: [{ type: i0.Output }],
-        onSelectionsReceived: [{ type: i0.Output }],
-        onAddToQuote: [{ type: i0.Output }],
-        openStockEvent: [{ type: i0.Output }],
-        onAnswersAvailable: [{ type: i0.Output }]
-    };
-
-    var StockAndDelivery = /** @class */ (function () {
-        function StockAndDelivery(stock, deliveryDescription) {
-            this.stock = 0;
-            this.stock = stock;
-            this.deliveryDescription = deliveryDescription;
-        }
-        return StockAndDelivery;
-    }());
-
-    var SelectorType;
-    (function (SelectorType) {
-        SelectorType["TwoD"] = "2D";
-        SelectorType["ThreeD"] = "3D";
-        SelectorType["Omni"] = "Omni";
-    })(SelectorType || (SelectorType = {}));
-
-    /** AUTO GENERATED FILE. DO NOT CHANGE.. **/
-    var IconEnum;
-    (function (IconEnum) {
-        IconEnum["AddToCartDrop"] = "add_to_cart_drop";
-        IconEnum["ArrowPointLeft"] = "arrow_point_left";
-        IconEnum["ArrowPointRight"] = "arrow_point_right";
-        IconEnum["CrossSkinny"] = "cross_skinny";
-        IconEnum["DeliveryTruck"] = "delivery_truck";
-        IconEnum["Download"] = "download";
-        IconEnum["FullScreen"] = "full_screen";
-        IconEnum["LinkSimpleRegular"] = "link_simple_regular";
-        IconEnum["Location"] = "location";
-        IconEnum["Logo"] = "logo";
-        IconEnum["MagicWand"] = "magic_wand";
-        IconEnum["NormalScreen"] = "normal_screen";
-        IconEnum["Quote"] = "quote";
-        IconEnum["Refresh"] = "refresh";
-        IconEnum["SaveSkinny"] = "save_skinny";
-        IconEnum["ThreeD"] = "three_d";
-        IconEnum["Truck"] = "truck";
-        IconEnum["TwoD"] = "two_d";
-        IconEnum["Warehouse"] = "warehouse";
-    })(IconEnum || (IconEnum = {}));
-
-    /** AUTO GENERATED FILE. DO NOT CHANGE.. **/
-    var IconSvg = {
-        "add_to_cart_drop": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 50 50\"><path d=\"M16.58,34.84a1.8,1.8,0,1,0,1.8,1.8A1.79,1.79,0,0,0,16.58,34.84Z\" fill=\"#484f60\"/><path d=\"M31.49,34.84a1.8,1.8,0,1,0,1.8,1.8A1.79,1.79,0,0,0,31.49,34.84Z\" fill=\"#484f60\"/><path d=\"M35.6,17.9l-1.51.18L31.88,20.3l1.31-.17a.88.88,0,0,1,1,1.08L32.35,29.5a1.52,1.52,0,0,1-1.44,1.2H16.51a1.75,1.75,0,0,1-1.57-1.17l-2.31-5.6a1,1,0,0,1,.85-1.29l4.43-.56-1.86-1.86-5.13.61a1,1,0,0,0-.87,1.28l3.34,9.44A1.73,1.73,0,0,0,15,32.72H32.64a1.51,1.51,0,0,0,1.43-1.2L36.6,19A.89.89,0,0,0,35.6,17.9Z\" fill=\"#484f60\"/><path d=\"M39,17a1.87,1.87,0,0,0-1.36,1.46l-.42,2.89c-.1.67.31,1,.9.7a2.75,2.75,0,0,0,1.33-1.7L40,18A.73.73,0,0,0,39,17Z\" fill=\"#484f60\"/><polygon points=\"24 25.35 32.04 17.3 27.04 17.3 27.04 10 20.95 10 20.95 17.3 15.96 17.3 24 25.35\" fill=\"#484f60\"/></svg>",
-        "arrow_point_left": "<svg version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\" x=\"0px\" y=\"0px\" viewBox=\"0 0 51 51\" enable-background=\"new 0 0 51 51\" ><path fill=\"#484F5F\" d=\"M31.9,36.7l-14.7-9.6C17.1,27,17,26.9,17,26.7v-2.4c0-0.2,0.1-0.3,0.2-0.4l14.7-9.6c0.2-0.2,0.5-0.1,0.7,0.1l1.4,2.1c0.2,0.2,0.1,0.5-0.1,0.7l-12,7.8c-0.3,0.2-0.3,0.6,0,0.8l12,7.8c0.2,0.2,0.3,0.5,0.1,0.7l-1.4,2.1C32.4,36.8,32.1,36.8,31.9,36.7z\"/></svg>",
-        "arrow_point_right": "<svg version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\" x=\"0px\" y=\"0px\" viewBox=\"0 0 51 51\" enable-background=\"new 0 0 51 51\" ><path fill=\"#484F5F\" d=\"M19.1,14.3l14.7,9.6c0.1,0.1,0.2,0.2,0.2,0.4v2.4c0,0.2-0.1,0.3-0.2,0.4l-14.7,9.6c-0.2,0.2-0.5,0.1-0.7-0.1l-1.4-2.1c-0.2-0.2-0.1-0.5,0.1-0.7l12-7.8c0.3-0.2,0.3-0.6,0-0.8l-12-7.8c-0.2-0.2-0.3-0.5-0.1-0.7l1.4-2.1C18.6,14.2,18.9,14.2,19.1,14.3z\"/></svg>",
-        "cross_skinny": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 30 30\"><g ><polygon points=\"25.35 5.52 24.65 4.81 15 14.46 5.35 4.81 4.65 5.52 14.29 15.17 4.65 24.81 5.35 25.52 15 15.87 24.65 25.52 25.35 24.81 15.71 15.17 25.35 5.52\" fill=\"#484f60\"/></g></svg>",
-        "delivery_truck": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 50 50\"><path d=\"M25,45A20,20,0,1,1,45,25,20,20,0,0,1,25,45ZM25,6.29A18.71,18.71,0,1,0,43.71,25,18.73,18.73,0,0,0,25,6.29Z\" fill=\"#484f60\"/><path d=\"M21.86,24.09a7.14,7.14,0,0,1,.72-3.24,6.94,6.94,0,0,1,1.18-1.66H13v10.1h8.51a3.25,3.25,0,0,1,3.27-3.07A3.33,3.33,0,0,1,27,27V25.75H21.9Z\" fill=\"#484f60\" opacity=\"0.5\"/><path d=\"M21.65,30.47h-.48a3.51,3.51,0,0,1,1.13,2.19h1.57a3.22,3.22,0,0,1-1.41-.83A3.13,3.13,0,0,1,21.65,30.47Z\" fill=\"#484f60\" opacity=\"0.5\"/><path d=\"M34.63,21.89H28.87c-.3.25-.5.43-.63.56v8H28a3.19,3.19,0,0,1-.82,1.37,3.3,3.3,0,0,1-1.41.82H29a3.53,3.53,0,0,1,7,0h1V27.1Zm-.2,5.38H30.8a.47.47,0,0,1-.46-.46V23.36a.46.46,0,0,1,.46-.46h2.1a.45.45,0,0,1,.42.27l1.53,3.45A.46.46,0,0,1,34.43,27.27Z\" fill=\"#484f60\" opacity=\"0.5\"/><path d=\"M16.42,30.47a3.51,3.51,0,0,0-1.13,2.19H14.6l-1.6-1V30.47Z\" fill=\"#484f60\" opacity=\"0.5\"/><path d=\"M30,33.08a2.53,2.53,0,1,0,2.53-2.53A2.52,2.52,0,0,0,30,33.08Z\" fill=\"#484f60\" opacity=\"0.5\"/><path d=\"M16.27,33.08a2.53,2.53,0,1,0,2.53-2.53A2.52,2.52,0,0,0,16.27,33.08Z\" fill=\"#484f60\" opacity=\"0.5\"/><path d=\"M22.45,17.27h-3.2a4.29,4.29,0,0,1,1.61-3.49,6.45,6.45,0,0,1,4.31-1.38,6.79,6.79,0,0,1,2.92.57A4.72,4.72,0,0,1,30,14.62a4,4,0,0,1,.72,2.26,3.74,3.74,0,0,1-.23,1.27,5.31,5.31,0,0,1-.73,1.29,12,12,0,0,1-1.4,1.29A8.74,8.74,0,0,0,27.06,22a3.17,3.17,0,0,0-.46.94,7.56,7.56,0,0,0-.23,1.65h-3.3v-.49a6,6,0,0,1,.59-2.68,6.8,6.8,0,0,1,1.94-2.25,9.44,9.44,0,0,0,1.56-1.41,1.5,1.5,0,0,0,.27-.9,1.47,1.47,0,0,0-.65-1.19A2.9,2.9,0,0,0,25,15.14a2.77,2.77,0,0,0-1.84.6A1.91,1.91,0,0,0,22.45,17.27Z\" fill=\"#484f60\"/><path d=\"M24.78,27.42a2.06,2.06,0,0,1,1.51.61,2,2,0,0,1,.63,1.47A2,2,0,0,1,26.3,31a2.08,2.08,0,0,1-1.5.62A2,2,0,0,1,23.31,31a2.08,2.08,0,0,1,0-2.95A2,2,0,0,1,24.78,27.42Z\" fill=\"#484f60\"/></svg>",
-        "download": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 50 50\" version=\"1.1\" sodipodi:docname=\"download.svg\" inkscape:version=\"0.92.4 (5da689c313, 2019-01-14)\"><metadata ><rdf:RDF><cc:Work rdf:about=\"\"><dc:format>image/svg+xml</dc:format><dc:type rdf:resource=\"http://purl.org/dc/dcmitype/StillImage\" /><dc:title></dc:title></cc:Work></rdf:RDF></metadata><defs /><sodipodi:namedview pagecolor=\"#ffffff\" bordercolor=\"#666666\" borderopacity=\"1\" objecttolerance=\"10\" gridtolerance=\"10\" guidetolerance=\"10\" inkscape:pageopacity=\"0\" inkscape:pageshadow=\"2\" inkscape:window-width=\"1920\" inkscape:window-height=\"1017\" showgr inkscape:zoom=\"6.675088\" inkscape:cx=\"-14.056273\" inkscape:cy=\"29.806579\" inkscape:window-x=\"-8\" inkscape:window-y=\"-8\" inkscape:window-maximized=\"1\" inkscape:current-layer=\"svg8\" /><g transform=\"matrix(0.05570714,0,0,0.05570648,10.763,10.859394)\" style=\"fill:#484f60;fill-opacity:1\" /><g transform=\"matrix(0.05570714,0,0,0.05570648,10.763,10.859394)\" style=\"fill:#484f60;fill-opacity:1\" /><g transform=\"matrix(0.05570714,0,0,0.05570648,10.763,10.859394)\" style=\"fill:#484f60;fill-opacity:1\" /><g transform=\"matrix(0.05570714,0,0,0.05570648,10.763,10.859394)\" style=\"fill:#484f60;fill-opacity:1\" /><g transform=\"matrix(0.05570714,0,0,0.05570648,10.763,10.859394)\" style=\"fill:#484f60;fill-opacity:1\" /><g transform=\"matrix(0.05570714,0,0,0.05570648,10.763,10.859394)\" style=\"fill:#484f60;fill-opacity:1\" /><g transform=\"matrix(0.05570714,0,0,0.05570648,10.763,10.859394)\" style=\"fill:#484f60;fill-opacity:1\" /><g transform=\"matrix(0.05570714,0,0,0.05570648,10.763,10.859394)\" style=\"fill:#484f60;fill-opacity:1\" /><g transform=\"matrix(0.05570714,0,0,0.05570648,10.763,10.859394)\" style=\"fill:#484f60;fill-opacity:1\" /><g transform=\"matrix(0.05570714,0,0,0.05570648,10.763,10.859394)\" style=\"fill:#484f60;fill-opacity:1\" /><g transform=\"matrix(0.05570714,0,0,0.05570648,10.763,10.859394)\" style=\"fill:#484f60;fill-opacity:1\" /><g transform=\"matrix(0.05570714,0,0,0.05570648,10.763,10.859394)\" style=\"fill:#484f60;fill-opacity:1\" /><g transform=\"matrix(0.05570714,0,0,0.05570648,10.763,10.859394)\" style=\"fill:#484f60;fill-opacity:1\" /><g transform=\"matrix(0.05570714,0,0,0.05570648,10.763,10.859394)\" style=\"fill:#484f60;fill-opacity:1\" /><g transform=\"matrix(0.05570714,0,0,0.05570648,10.763,10.859394)\" style=\"fill:#484f60;fill-opacity:1\" /><g transform=\"matrix(0.05555739,0,0,0.05555739,10.739964,11.357401)\" style=\"fill:#484f60;fill-opacity:1\"><g style=\"fill:#484f60;fill-opacity:1\"><path inkscape:connector-curvature=\"0\" d=\"m 498.966,339.946 c -7.197,0 -13.034,5.837 -13.034,13.034 v 49.804 c 0,28.747 -23.388,52.135 -52.135,52.135 H 78.203 c -28.747,0 -52.135,-23.388 -52.135,-52.135 V 352.98 c 0,-7.197 -5.835,-13.034 -13.034,-13.034 C 5.835,339.946 0,345.782 0,352.98 v 49.804 c 0,43.121 35.082,78.203 78.203,78.203 h 355.594 c 43.121,0 78.203,-35.082 78.203,-78.203 V 352.98 c 0,-7.198 -5.835,-13.034 -13.034,-13.034 z\" style=\"fill:#484f60;fill-opacity:1\" /></g></g><g transform=\"matrix(0.05555739,0,0,0.05555739,10.739964,11.357401)\" style=\"fill:#484f60;fill-opacity:1\"><g style=\"fill:#484f60;fill-opacity:1\"><path inkscape:connector-curvature=\"0\" d=\"M 419.833,391.3 H 92.167 c -7.197,0 -13.034,5.837 -13.034,13.034 0,7.197 5.835,13.034 13.034,13.034 h 327.665 c 7.199,0 13.034,-5.835 13.034,-13.034 0,-7.197 -5.835,-13.034 -13.033,-13.034 z\" style=\"fill:#484f60;fill-opacity:1\" /></g></g><g transform=\"matrix(0.05555739,0,0,0.05555739,10.739964,11.357401)\" style=\"fill:#484f60;fill-opacity:1\"><g style=\"fill:#484f60;fill-opacity:1\"><path inkscape:connector-curvature=\"0\" d=\"m 387.919,207.93 c -4.795,-5.367 -13.034,-5.834 -18.404,-1.038 L 269.033,296.657 V 44.048 c 0,-7.197 -5.835,-13.034 -13.034,-13.034 -7.197,0 -13.034,5.835 -13.034,13.034 V 296.657 L 142.483,206.893 c -5.367,-4.796 -13.607,-4.328 -18.404,1.038 -4.794,5.369 -4.331,13.609 1.037,18.404 l 109.174,97.527 c 6.187,5.529 13.946,8.292 21.708,8.292 7.759,0 15.519,-2.763 21.708,-8.289 l 109.174,-97.53 c 5.37,-4.798 5.834,-13.038 1.039,-18.405 z\" style=\"fill:#484f60;fill-opacity:1\" /></g></g><g transform=\"matrix(0.05555739,0,0,0.05555739,10.739964,11.357401)\" style=\"fill:#484f60;fill-opacity:1\" /><g transform=\"matrix(0.05555739,0,0,0.05555739,10.739964,11.357401)\" style=\"fill:#484f60;fill-opacity:1\" /><g transform=\"matrix(0.05555739,0,0,0.05555739,10.739964,11.357401)\" style=\"fill:#484f60;fill-opacity:1\" /><g transform=\"matrix(0.05555739,0,0,0.05555739,10.739964,11.357401)\" style=\"fill:#484f60;fill-opacity:1\" /><g transform=\"matrix(0.05555739,0,0,0.05555739,10.739964,11.357401)\" style=\"fill:#484f60;fill-opacity:1\" /><g transform=\"matrix(0.05555739,0,0,0.05555739,10.739964,11.357401)\" style=\"fill:#484f60;fill-opacity:1\" /><g transform=\"matrix(0.05555739,0,0,0.05555739,10.739964,11.357401)\" style=\"fill:#484f60;fill-opacity:1\" /><g transform=\"matrix(0.05555739,0,0,0.05555739,10.739964,11.357401)\" style=\"fill:#484f60;fill-opacity:1\" /><g transform=\"matrix(0.05555739,0,0,0.05555739,10.739964,11.357401)\" style=\"fill:#484f60;fill-opacity:1\" /><g transform=\"matrix(0.05555739,0,0,0.05555739,10.739964,11.357401)\" style=\"fill:#484f60;fill-opacity:1\" /><g transform=\"matrix(0.05555739,0,0,0.05555739,10.739964,11.357401)\" style=\"fill:#484f60;fill-opacity:1\" /><g transform=\"matrix(0.05555739,0,0,0.05555739,10.739964,11.357401)\" style=\"fill:#484f60;fill-opacity:1\" /><g transform=\"matrix(0.05555739,0,0,0.05555739,10.739964,11.357401)\" style=\"fill:#484f60;fill-opacity:1\" /><g transform=\"matrix(0.05555739,0,0,0.05555739,10.739964,11.357401)\" style=\"fill:#484f60;fill-opacity:1\" /><g transform=\"matrix(0.05555739,0,0,0.05555739,10.739964,11.357401)\" style=\"fill:#484f60;fill-opacity:1\" /></svg>",
-        "full_screen": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 50 50\"><path d=\"M38,38.17H12v-26H38ZM13.24,36.93H36.76V13.4H13.24Z\" fill=\"#484f60\"/><polygon points=\"17.35 32.81 17.35 26.75 19.46 28.86 28.69 19.63 26.59 17.52 32.65 17.52 32.65 23.58 30.54 21.47 21.31 30.71 23.41 32.81 17.35 32.81\" fill=\"#484f60\"/></svg>",
-        "link_simple_regular": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 576 512\"><path d=\"M0 256C0 167.6 71.6 96 160 96l72 0c13.3 0 24 10.7 24 24s-10.7 24-24 24l-72 0C98.1 144 48 194.1 48 256s50.1 112 112 112l72 0c13.3 0 24 10.7 24 24s-10.7 24-24 24l-72 0C71.6 416 0 344.4 0 256zm576 0c0 88.4-71.6 160-160 160l-72 0c-13.3 0-24-10.7-24-24s10.7-24 24-24l72 0c61.9 0 112-50.1 112-112s-50.1-112-112-112l-72 0c-13.3 0-24-10.7-24-24s10.7-24 24-24l72 0c88.4 0 160 71.6 160 160zM184 232l208 0c13.3 0 24 10.7 24 24s-10.7 24-24 24l-208 0c-13.3 0-24-10.7-24-24s10.7-24 24-24z\"/></svg>",
-        "location": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 50 50\"><path d=\"M25,12.67A8.33,8.33,0,0,0,16.67,21c0,4.6,8.33,16.67,8.33,16.67S33.33,25.6,33.33,21A8.33,8.33,0,0,0,25,12.67Zm0,10.41A2.08,2.08,0,1,1,27.08,21,2.08,2.08,0,0,1,25,23.08Z\" fill=\"#484f60\"/></svg>",
-        "logo": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 50 50\"><rect x=\"10\" y=\"21.19\" width=\"2.04\" height=\"6.32\" fill=\"#484f60\"/><path d=\"M18.66,29.24a3.84,3.84,0,0,1-2.85-1.19,4.19,4.19,0,0,1,0-5.77,4,4,0,0,1,5.71,0,4.19,4.19,0,0,1,0,5.77A3.85,3.85,0,0,1,18.66,29.24Zm0-6.16a1.79,1.79,0,0,0-1.38.58,2.12,2.12,0,0,0-.57,1.51,2,2,0,0,0,.57,1.49,1.94,1.94,0,0,0,2.76,0,2.08,2.08,0,0,0,.56-1.5,2.15,2.15,0,0,0-.56-1.51A1.76,1.76,0,0,0,18.67,23.08Z\" fill=\"#484f60\"/><polygon points=\"31.05 29.18 27.33 25.02 27.33 29.14 25.29 29.14 25.29 21.15 26.57 21.15 30.29 25.33 30.29 21.19 32.33 21.19 32.33 29.18 31.05 29.18\" fill=\"#484f60\"/><polygon points=\"35.34 29.14 35.34 21.19 39.9 21.19 39.9 23.17 37.38 23.17 37.38 23.9 39.66 23.9 39.66 25.87 37.38 25.87 37.38 27.14 40 27.14 40 29.14 35.34 29.14\" fill=\"#484f60\"/></svg>",
-        "magic_wand": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 50 50\"><title>magic_wand</title><g style=\"isolation:isolate\"><path d=\"M20.45,10.71a.28.28,0,0,1,.49-.19l1.4,1.25a.93.93,0,0,0,.83.23L25,11.62a.29.29,0,0,1,.34.41l-.76,1.71a.93.93,0,0,0,0,.86l.93,1.62c.12.26,0,.45-.29.45l-1.86-.2a1,1,0,0,0-.81.32l-1.26,1.38a.28.28,0,0,1-.5-.14l-.39-1.83a1,1,0,0,0-.55-.67l-1.71-.77a.28.28,0,0,1,0-.52l1.62-.94a1,1,0,0,0,.48-.73Z\" fill=\"#484f60\"/><g style=\"mix-blend-mode:lighten\"><path d=\"M23.3,16.21a1,1,0,0,0-.8.31l-1,1.13a.29.29,0,0,1-.51-.14L20.66,16a1,1,0,0,0-.55-.68l-1.39-.62a.28.28,0,0,1,0-.52L20,13.45a1,1,0,0,0,.48-.73l.16-1.5a.29.29,0,0,1,.49-.2l1.13,1a.93.93,0,0,0,.83.23L24.58,12a.29.29,0,0,1,.34.41l-.62,1.38a.91.91,0,0,0,.05.86l.75,1.32a.29.29,0,0,1-.29.44Z\" fill=\"#484f60\"/></g><path d=\"M33.57,36.76a.53.53,0,0,1,0,.72l-2.37,2.18a.48.48,0,0,1-.7,0L18,25.34a.51.51,0,0,1,0-.71l2.36-2.19a.49.49,0,0,1,.7,0Z\" fill=\"#484f60\"/><path d=\"M18.6,19.94a.51.51,0,0,1,0,.71L16.2,22.84a.48.48,0,0,1-.7,0l-2.76-3.13a.51.51,0,0,1,0-.71l2.37-2.19a.48.48,0,0,1,.7,0Z\" fill=\"#484f60\"/><path d=\"M30.67,10.55a.29.29,0,0,1,.47.24v1.12a1,1,0,0,0,.4.77l.9.66a.29.29,0,0,1-.08.52l-1.07.35a1,1,0,0,0-.61.61l-.35,1.06a.28.28,0,0,1-.51.09l-.67-.91a1,1,0,0,0-.77-.4H27.27a.29.29,0,0,1-.25-.47l.66-.9a.93.93,0,0,0,.14-.85l-.35-1.07a.29.29,0,0,1,.38-.38l1.07.35a1,1,0,0,0,.85-.13Z\" fill=\"#484f60\"/><g style=\"mix-blend-mode:lighten\"><path d=\"M29.25,14.88a1,1,0,0,0-.77-.4h-.86a.29.29,0,0,1-.24-.47l.5-.69a.93.93,0,0,0,.14-.85l-.26-.82c-.07-.27.1-.44.37-.37l.82.26a1,1,0,0,0,.85-.13l.69-.51a.29.29,0,0,1,.47.25V12a.94.94,0,0,0,.39.76l.7.51a.29.29,0,0,1-.09.52l-.81.26a1,1,0,0,0-.62.61l-.26.82a.29.29,0,0,1-.52.08Z\" fill=\"#484f60\"/></g><path d=\"M37,15.81a.29.29,0,0,1,.32.43l-.13.26a.91.91,0,0,0,0,.85l.15.26A.29.29,0,0,1,37,18l-.29,0a.93.93,0,0,0-.81.27l-.2.21a.28.28,0,0,1-.5-.16l0-.29a1,1,0,0,0-.52-.69l-.27-.13a.28.28,0,0,1,0-.52l.26-.13a.93.93,0,0,0,.5-.71l0-.29a.29.29,0,0,1,.5-.17l.21.21a.92.92,0,0,0,.82.26Z\" fill=\"#484f60\"/><g style=\"mix-blend-mode:lighten\"><path d=\"M35.25,18a1,1,0,0,0-.52-.7l-.12-.05a.28.28,0,0,1,0-.52l.12-.06a1,1,0,0,0,.51-.7V15.8a.29.29,0,0,1,.5-.18l.09.1a.92.92,0,0,0,.82.26l.13,0a.29.29,0,0,1,.32.42L37,16.5a.91.91,0,0,0,0,.85l.07.12a.29.29,0,0,1-.31.43l-.13,0a1,1,0,0,0-.82.28l-.09.1a.28.28,0,0,1-.5-.16Z\" fill=\"#484f60\"/></g></g></svg>",
-        "normal_screen": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 50 50\"><path d=\"M38,38.17H12v-26H38ZM13.24,36.93H36.76V13.4H13.24Z\" fill=\"#484f60\"/><polygon points=\"22.18 29.83 24.29 31.93 24.29 25.87 18.23 25.87 20.34 27.98 16.43 31.89 18.28 33.73 22.18 29.83\" fill=\"#484f60\"/><polygon points=\"33.57 18.44 31.73 16.6 27.82 20.51 25.71 18.4 25.71 24.46 31.77 24.46 29.66 22.35 33.57 18.44\" fill=\"#484f60\"/></svg>",
-        "quote": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 50 50\"><path d=\"M14.5,31.51V12a.5.5,0,0,1,.5-.5H35a.5.5,0,0,1,.5.5V38a.5.5,0,0,1-.5.5H21.27V40H35a2,2,0,0,0,2-2V12a2,2,0,0,0-2-2H15a2,2,0,0,0-2,2V31.51Z\" fill=\"#484f60\"/><path d=\"M21.27,40V33.56c0-1.78-.27-2.05-2.05-2.05H13Z\" fill=\"#484f60\"/><rect x=\"17.5\" y=\"18.5\" width=\"6\" height=\"4\" fill=\"#484f60\"/><rect x=\"25.5\" y=\"21.5\" width=\"7\" height=\"1\" fill=\"#484f60\"/><rect x=\"25.5\" y=\"18.5\" width=\"7\" height=\"1\" fill=\"#484f60\"/><rect x=\"26.5\" y=\"25.5\" width=\"6\" height=\"4\" transform=\"translate(59 55) rotate(-180)\" fill=\"#484f60\"/><rect x=\"17.5\" y=\"28.5\" width=\"7\" height=\"1\" fill=\"#484f60\"/><rect x=\"17.5\" y=\"25.5\" width=\"7\" height=\"1\" fill=\"#484f60\"/><rect x=\"17.5\" y=\"14.5\" width=\"6\" height=\"1\" fill=\"#484f60\"/><rect x=\"26.5\" y=\"34.5\" width=\"6\" height=\"1\" fill=\"#484f60\"/></svg>",
-        "refresh": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 50 50\" version=\"1.1\" sodipodi:docname=\"refresh.svg\" inkscape:version=\"0.92.4 (5da689c313, 2019-01-14)\"><metadata ><rdf:RDF><cc:Work rdf:about=\"\"><dc:format>image/svg+xml</dc:format><dc:type rdf:resource=\"http://purl.org/dc/dcmitype/StillImage\" /><dc:title></dc:title></cc:Work></rdf:RDF></metadata><defs /><sodipodi:namedview pagecolor=\"#ffffff\" bordercolor=\"#666666\" borderopacity=\"1\" objecttolerance=\"10\" gridtolerance=\"10\" guidetolerance=\"10\" inkscape:pageopacity=\"0\" inkscape:pageshadow=\"2\" inkscape:window-width=\"1920\" inkscape:window-height=\"1017\" showgr inkscape:zoom=\"9.44\" inkscape:cx=\"13.990693\" inkscape:cy=\"13.961336\" inkscape:window-x=\"-8\" inkscape:window-y=\"-8\" inkscape:window-maximized=\"1\" inkscape:current-layer=\"svg6\" /><g transform=\"matrix(0.05356365,0,0,0.05356365,11.44076,11.82465)\" style=\"fill:#484f60;fill-opacity:1\"><g style=\"fill:#484f60;fill-opacity:1\"><path inkscape:connector-curvature=\"0\" d=\"M 414.32892,173.53368 397.86852,58.29997 c -1.3534,-9.447409 -12.96516,-13.373353 -19.75699,-6.581524 l -23.97472,23.97472 C 323.3074,57.095569 288.30682,47.308258 252.3168,47.308258 c -108.23157,0 -195.126154,84.711612 -197.8314,192.852392 -0.147446,5.91103 4.149441,10.98085 9.992183,11.82206 l 46.516107,6.64982 c 6.93462,1.01194 13.38577,-4.43269 13.28954,-11.68548 -0.9646,-71.37163 56.68057,-129.79595 128.03357,-129.79595 17.27835,0 34.3526,3.51232 50.13165,10.23043 l -23.11022,23.11022 c -6.74915,6.74915 -2.91866,18.3966 6.58152,19.75699 l 115.23371,16.4604 c 7.59269,1.14465 14.26423,-5.4586 13.17546,-13.17546 z\" style=\"fill:#484f60;fill-opacity:1;stroke-width:0.77603161\" /></g></g><path inkscape:connector-curvature=\"0\" d=\"m 35.105827,24.725982 -2.489742,-0.355606 c -0.321647,-0.04073 -0.711797,0.234897 -0.711797,0.671018 0,3.781814 -3.076753,6.858567 -6.858567,6.858567 -0.920628,0 -1.830946,-0.186303 -2.673013,-0.542533 l 1.198298,-1.198297 c 0.361507,-0.361507 0.156331,-0.985389 -0.352533,-1.058254 l -6.172336,-0.882302 c -0.405403,-0.05792 -0.764422,0.289765 -0.705726,0.705725 l 0.881637,6.172381 c 0.07258,0.506577 0.694003,0.71545 1.058254,0.352527 l 1.315225,-1.314599 c 1.643397,0.987012 3.516951,1.506391 5.450194,1.506391 5.769264,0 10.423029,-4.514936 10.595325,-10.27871 0.0091,-0.317237 -0.221012,-0.591248 -0.535219,-0.636308 z\" style=\"fill:#484f60;fill-opacity:1;stroke-width:0.04156709\" /></svg>",
-        "save_skinny": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 51 51\"><polygon points=\"23.8 38.1 14.9 25.6 15.7 25 23.6 36.2 35.2 12.9 36.1 13.4 23.8 38.1\" fill=\"#fff\"/></svg>",
-        "three_d": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 50 50\"><path d=\"M16.08,30.77a4.85,4.85,0,0,1-3-.8,4,4,0,0,0-2.49-.15,6.21,6.21,0,0,0,2.53,1.09,12.84,12.84,0,0,0,2.93-.14\" fill=\"#484f60\" opacity=\"0.5\"/><path d=\"M14.27,19.68A4.71,4.71,0,0,0,11,20.78l2,.14c.31,0,1.2-.69,1.55-.81a3.88,3.88,0,0,1,1.65-.24l-1.94-.19\" fill=\"#484f60\" opacity=\"0.5\"/><path d=\"M21.64,28.79a4.13,4.13,0,0,0-3.1-4c.89-.7,1.77-1.09,2.26-2.21a5.12,5.12,0,0,0,.35-1.9c-.13-3.24-2.64-3.73-5.29-4.15a4,4,0,0,1,3.44,3.7,4.61,4.61,0,0,1-.83,3.12,9.7,9.7,0,0,1-1.82,1.43,4.3,4.3,0,0,1,3.17,4.34,4.9,4.9,0,0,1-4.21,5c2.09-.34,4.37-.64,5.46-2.69a5,5,0,0,0,.57-2.58\" fill=\"#484f60\" opacity=\"0.5\"/><path d=\"M28.44,18.88l.38-.07.48-.06.57,0h.75l.36,0,.35.05c-.2,0-.42-.08-1.57-.25l-.36-.05-.37,0h-.77l-.59,0-.49.07a3.08,3.08,0,0,0-.39.07l-.3.07V31.38H27l.13,0h1.63l.21,0h.2l.2,0h.05l1.55-.24h0l-.34.05-.33,0H29.12l-.36,0-.33,0a1.15,1.15,0,0,1-.28-.06V19Z\" fill=\"#484f60\" opacity=\"0.5\"/><path d=\"M40,24.34a9,9,0,0,0-3-7.1,11.06,11.06,0,0,0-4.47-1.86c4.38,1.13,6.23,5.31,6.13,9.54-.12,4.5-2.27,8.55-6.86,9.66,2.59-.63,5-1.41,6.52-3.78A12,12,0,0,0,40,24.34\" fill=\"#484f60\" opacity=\"0.5\"/><path d=\"M35.38,16.71A7.32,7.32,0,0,1,36.74,18a7.82,7.82,0,0,1,1,1.73,10.32,10.32,0,0,1,.68,2.16,13.86,13.86,0,0,1,.23,2.59,15,15,0,0,1-.25,2.78,11.39,11.39,0,0,1-.68,2.31,9.34,9.34,0,0,1-1,1.85,8.23,8.23,0,0,1-1.28,1.4,7.76,7.76,0,0,1-1.7,1.07,9.07,9.07,0,0,1-2,.69,13.36,13.36,0,0,1-2.26.33,18.25,18.25,0,0,1-2.45,0c-.5,0-1-.08-1.39-.12l-1.17-.14c-.36,0-.68-.11-1-.16l-.77-.15V15.86c.34-.09.71-.18,1.09-.26s.81-.15,1.24-.21.88-.12,1.34-.17.95-.1,1.44-.13a20.57,20.57,0,0,1,2.33,0,12,12,0,0,1,2,.24,8.24,8.24,0,0,1,1.72.55A7.1,7.1,0,0,1,35.38,16.71ZM27.92,31.53a6.53,6.53,0,0,0,2.46-.32A4.81,4.81,0,0,0,32.32,30a5.82,5.82,0,0,0,1.27-2.18A10.11,10.11,0,0,0,34,24.67a8.65,8.65,0,0,0-.42-2.85,4.94,4.94,0,0,0-1.18-2,4.45,4.45,0,0,0-1.83-1.11,6.55,6.55,0,0,0-2.35-.28l-.59,0-.49.07a3.08,3.08,0,0,0-.39.07l-.3.07V31.38a2.11,2.11,0,0,0,.29.06l.34,0,.37,0,.36,0h.07\" fill=\"#484f60\"/><path d=\"M14.57,16.47a5.49,5.49,0,0,1,2,.22,3.89,3.89,0,0,1,1.49.84A3.66,3.66,0,0,1,19,18.89a4.29,4.29,0,0,1,.33,1.7,5.29,5.29,0,0,1-.17,1.34,4.29,4.29,0,0,1-.5,1.16,4.17,4.17,0,0,1-.84.94,4.88,4.88,0,0,1-1.16.69v.05a3.7,3.7,0,0,1,1.22.5,4,4,0,0,1,1,.92,4.61,4.61,0,0,1,.69,1.3,5.24,5.24,0,0,1,.25,1.62,5.36,5.36,0,0,1-.42,2.15,4.44,4.44,0,0,1-1.2,1.64,4.84,4.84,0,0,1-1.86,1,6.78,6.78,0,0,1-2.39.23,7.69,7.69,0,0,1-2.36-.52,6.89,6.89,0,0,1-.9-.42,4.36,4.36,0,0,1-.69-.47l.62-2.9a4.12,4.12,0,0,0,.53.34,6.21,6.21,0,0,0,.73.36,5.69,5.69,0,0,0,.88.31,5.19,5.19,0,0,0,1,.15,3.11,3.11,0,0,0,1.1-.13,2,2,0,0,0,.8-.45,1.93,1.93,0,0,0,.49-.71,2.35,2.35,0,0,0,.17-.89A2.48,2.48,0,0,0,16,27.67a2.23,2.23,0,0,0-.63-.79,2.9,2.9,0,0,0-.89-.46,3.5,3.5,0,0,0-1-.15H12.2V23.44l1.23,0a3.44,3.44,0,0,0,.83-.11,2.83,2.83,0,0,0,.79-.36,2,2,0,0,0,.6-.62,2,2,0,0,0,.23-.94,1.8,1.8,0,0,0-.13-.71,1.36,1.36,0,0,0-.38-.56,1.58,1.58,0,0,0-.64-.35,2.79,2.79,0,0,0-.9-.1,4.07,4.07,0,0,0-.84.13c-.27.08-.53.18-.78.28a6.56,6.56,0,0,0-1.17.7L10.42,18a5,5,0,0,1,.72-.51,7.82,7.82,0,0,1,2.12-.82A8,8,0,0,1,14.57,16.47Z\" fill=\"#484f60\"/></svg>",
-        "truck": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 50 50\" version=\"1.1\" sodipodi:docname=\"truck.svg\" inkscape:version=\"0.92.4 (5da689c313, 2019-01-14)\"><metadata ><rdf:RDF><cc:Work rdf:about=\"\"><dc:format>image/svg+xml</dc:format><dc:type rdf:resource=\"http://purl.org/dc/dcmitype/StillImage\" /><dc:title></dc:title></cc:Work></rdf:RDF></metadata><defs /><sodipodi:namedview pagecolor=\"#ffffff\" bordercolor=\"#666666\" borderopacity=\"1\" objecttolerance=\"10\" gridtolerance=\"10\" guidetolerance=\"10\" inkscape:pageopacity=\"0\" inkscape:pageshadow=\"2\" inkscape:window-width=\"1920\" inkscape:window-height=\"1017\" showgr inkscape:zoom=\"9.44\" inkscape:cx=\"31.555563\" inkscape:cy=\"21.585628\" inkscape:window-x=\"-8\" inkscape:window-y=\"-8\" inkscape:window-maximized=\"1\" inkscape:current-layer=\"svg8\" /><g transform=\"matrix(0.06827145,0,0,0.06827064,7.670918,5.1378096)\" style=\"fill:#484f60;fill-opacity:1\" /><g transform=\"matrix(0.06827145,0,0,0.06827064,7.670918,5.1378096)\" style=\"fill:#484f60;fill-opacity:1\" /><g transform=\"matrix(0.06827145,0,0,0.06827064,7.670918,5.1378096)\" style=\"fill:#484f60;fill-opacity:1\" /><g transform=\"matrix(0.06827145,0,0,0.06827064,7.670918,5.1378096)\" style=\"fill:#484f60;fill-opacity:1\" /><g transform=\"matrix(0.06827145,0,0,0.06827064,7.670918,5.1378096)\" style=\"fill:#484f60;fill-opacity:1\" /><g transform=\"matrix(0.06827145,0,0,0.06827064,7.670918,5.1378096)\" style=\"fill:#484f60;fill-opacity:1\" /><g transform=\"matrix(0.06827145,0,0,0.06827064,7.670918,5.1378096)\" style=\"fill:#484f60;fill-opacity:1\" /><g transform=\"matrix(0.06827145,0,0,0.06827064,7.670918,5.1378096)\" style=\"fill:#484f60;fill-opacity:1\" /><g transform=\"matrix(0.06827145,0,0,0.06827064,7.670918,5.1378096)\" style=\"fill:#484f60;fill-opacity:1\" /><g transform=\"matrix(0.06827145,0,0,0.06827064,7.670918,5.1378096)\" style=\"fill:#484f60;fill-opacity:1\" /><g transform=\"matrix(0.06827145,0,0,0.06827064,7.670918,5.1378096)\" style=\"fill:#484f60;fill-opacity:1\" /><g transform=\"matrix(0.06827145,0,0,0.06827064,7.670918,5.1378096)\" style=\"fill:#484f60;fill-opacity:1\" /><g transform=\"matrix(0.06827145,0,0,0.06827064,7.670918,5.1378096)\" style=\"fill:#484f60;fill-opacity:1\" /><g transform=\"matrix(0.06827145,0,0,0.06827064,7.670918,5.1378096)\" style=\"fill:#484f60;fill-opacity:1\" /><g transform=\"matrix(0.06827145,0,0,0.06827064,7.670918,5.1378096)\" style=\"fill:#484f60;fill-opacity:1\" /><g transform=\"matrix(0.06813214,0,0,0.06813214,7.6,6.2856989)\" style=\"fill:#484f60;fill-opacity:1\"><g style=\"fill:#484f60;fill-opacity:1\"><path inkscape:connector-curvature=\"0\" d=\"m 119.467,337.067 c -28.237,0 -51.2,22.963 -51.2,51.2 0,28.237 22.963,51.2 51.2,51.2 28.237,0 51.2,-22.963 51.2,-51.2 0,-28.237 -22.964,-51.2 -51.2,-51.2 z m 0,85.333 c -18.825,0 -34.133,-15.309 -34.133,-34.133 0,-18.825 15.309,-34.133 34.133,-34.133 18.824,0 34.133,15.309 34.133,34.133 0,18.824 -15.309,34.133 -34.133,34.133 z\" style=\"fill:#484f60;fill-opacity:1\" /></g></g><g transform=\"matrix(0.06813214,0,0,0.06813214,7.6,6.2856989)\" style=\"fill:#484f60;fill-opacity:1\"><g style=\"fill:#484f60;fill-opacity:1\"><path inkscape:connector-curvature=\"0\" d=\"m 409.6,337.067 c -28.237,0 -51.2,22.963 -51.2,51.2 0,28.237 22.963,51.2 51.2,51.2 28.237,0 51.2,-22.963 51.2,-51.2 0,-28.237 -22.963,-51.2 -51.2,-51.2 z m 0,85.333 c -18.825,0 -34.133,-15.309 -34.133,-34.133 0,-18.825 15.309,-34.133 34.133,-34.133 18.825,0 34.133,15.309 34.133,34.133 0,18.824 -15.308,34.133 -34.133,34.133 z\" style=\"fill:#484f60;fill-opacity:1\" /></g></g><g transform=\"matrix(0.06813214,0,0,0.06813214,7.6,6.2856989)\" style=\"fill:#484f60;fill-opacity:1\"><g style=\"fill:#484f60;fill-opacity:1\"><path inkscape:connector-curvature=\"0\" d=\"m 510.643,289.784 -76.8,-119.467 c -1.57,-2.441 -4.275,-3.917 -7.177,-3.917 H 332.8 c -4.719,0 -8.533,3.823 -8.533,8.533 v 213.333 c 0,4.719 3.814,8.533 8.533,8.533 h 34.133 v -17.067 h -25.6 V 183.467 h 80.674 l 72.926,113.442 v 82.825 H 452.266 V 396.8 h 51.2 c 4.719,0 8.533,-3.814 8.533,-8.533 V 294.4 c 10e-4,-1.63 -0.468,-3.243 -1.356,-4.616 z\" style=\"fill:#484f60;fill-opacity:1\" /></g></g><g transform=\"matrix(0.06813214,0,0,0.06813214,7.6,6.2856989)\" style=\"fill:#484f60;fill-opacity:1\"><g style=\"fill:#484f60;fill-opacity:1\"><path inkscape:connector-curvature=\"0\" d=\"M 375.467,277.333 V 217.6 h 68.267 v -17.067 h -76.8 c -4.719,0 -8.533,3.823 -8.533,8.533 v 76.8 c 0,4.719 3.814,8.533 8.533,8.533 h 128 V 277.332 H 375.467 Z\" style=\"fill:#484f60;fill-opacity:1\" /></g></g><g transform=\"matrix(0.06813214,0,0,0.06813214,7.6,6.2856989)\" style=\"fill:#484f60;fill-opacity:1\"><g style=\"fill:#484f60;fill-opacity:1\"><path inkscape:connector-curvature=\"0\" d=\"M 332.8,106.667 H 8.533 C 3.823,106.667 0,110.49 0,115.2 v 273.067 c 0,4.719 3.823,8.533 8.533,8.533 H 76.8 V 379.733 H 17.067 v -256 h 307.2 v 256 H 162.133 V 396.8 H 332.8 c 4.719,0 8.533,-3.814 8.533,-8.533 V 115.2 c 0,-4.71 -3.814,-8.533 -8.533,-8.533 z\" style=\"fill:#484f60;fill-opacity:1\" /></g></g><g transform=\"matrix(0.06813214,0,0,0.06813214,7.6,6.2856989)\" style=\"fill:#484f60;fill-opacity:1\"><g style=\"fill:#484f60;fill-opacity:1\"><rect x=\"8.533\" y=\"345.60001\" width=\"51.200001\" height=\"17.066999\" style=\"fill:#484f60;fill-opacity:1\" /></g></g><g transform=\"matrix(0.06813214,0,0,0.06813214,7.6,6.2856989)\" style=\"fill:#484f60;fill-opacity:1\"><g style=\"fill:#484f60;fill-opacity:1\"><rect x=\"179.2\" y=\"345.60001\" width=\"145.067\" height=\"17.066999\" style=\"fill:#484f60;fill-opacity:1\" /></g></g><g transform=\"matrix(0.06813214,0,0,0.06813214,7.6,6.2856989)\" style=\"fill:#484f60;fill-opacity:1\"><g style=\"fill:#484f60;fill-opacity:1\"><rect x=\"469.33301\" y=\"345.60001\" width=\"34.132999\" height=\"17.066999\" style=\"fill:#484f60;fill-opacity:1\" /></g></g><g transform=\"matrix(0.06813214,0,0,0.06813214,7.6,6.2856989)\" style=\"fill:#484f60;fill-opacity:1\"><g style=\"fill:#484f60;fill-opacity:1\"><rect x=\"34.132999\" y=\"140.8\" width=\"298.66699\" height=\"17.066999\" style=\"fill:#484f60;fill-opacity:1\" /></g></g><g transform=\"matrix(0.06813214,0,0,0.06813214,7.6,6.2856989)\" style=\"fill:#484f60;fill-opacity:1\"><g style=\"fill:#484f60;fill-opacity:1\"><rect x=\"110.933\" y=\"379.733\" width=\"17.066999\" height=\"17.066999\" style=\"fill:#484f60;fill-opacity:1\" /></g></g><g transform=\"matrix(0.06813214,0,0,0.06813214,7.6,6.2856989)\" style=\"fill:#484f60;fill-opacity:1\"><g style=\"fill:#484f60;fill-opacity:1\"><rect x=\"401.06699\" y=\"379.733\" width=\"17.066999\" height=\"17.066999\" style=\"fill:#484f60;fill-opacity:1\" /></g></g><g transform=\"matrix(0.06813214,0,0,0.06813214,7.6,6.2856989)\" style=\"fill:#484f60;fill-opacity:1\" /><g transform=\"matrix(0.06813214,0,0,0.06813214,7.6,6.2856989)\" style=\"fill:#484f60;fill-opacity:1\" /><g transform=\"matrix(0.06813214,0,0,0.06813214,7.6,6.2856989)\" style=\"fill:#484f60;fill-opacity:1\" /><g transform=\"matrix(0.06813214,0,0,0.06813214,7.6,6.2856989)\" style=\"fill:#484f60;fill-opacity:1\" /><g transform=\"matrix(0.06813214,0,0,0.06813214,7.6,6.2856989)\" style=\"fill:#484f60;fill-opacity:1\" /><g transform=\"matrix(0.06813214,0,0,0.06813214,7.6,6.2856989)\" style=\"fill:#484f60;fill-opacity:1\" /><g transform=\"matrix(0.06813214,0,0,0.06813214,7.6,6.2856989)\" style=\"fill:#484f60;fill-opacity:1\" /><g transform=\"matrix(0.06813214,0,0,0.06813214,7.6,6.2856989)\" style=\"fill:#484f60;fill-opacity:1\" /><g transform=\"matrix(0.06813214,0,0,0.06813214,7.6,6.2856989)\" style=\"fill:#484f60;fill-opacity:1\" /><g transform=\"matrix(0.06813214,0,0,0.06813214,7.6,6.2856989)\" style=\"fill:#484f60;fill-opacity:1\" /><g transform=\"matrix(0.06813214,0,0,0.06813214,7.6,6.2856989)\" style=\"fill:#484f60;fill-opacity:1\" /><g transform=\"matrix(0.06813214,0,0,0.06813214,7.6,6.2856989)\" style=\"fill:#484f60;fill-opacity:1\" /><g transform=\"matrix(0.06813214,0,0,0.06813214,7.6,6.2856989)\" style=\"fill:#484f60;fill-opacity:1\" /><g transform=\"matrix(0.06813214,0,0,0.06813214,7.6,6.2856989)\" style=\"fill:#484f60;fill-opacity:1\" /><g transform=\"matrix(0.06813214,0,0,0.06813214,7.6,6.2856989)\" style=\"fill:#484f60;fill-opacity:1\" /></svg>",
-        "two_d": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 50 50\"><path d=\"M22.41,33.89H11V31c.87-.76,1.75-1.56,2.62-2.41S15.2,27,15.73,26.39A11.84,11.84,0,0,0,17.4,24a4.45,4.45,0,0,0,.5-2,2.52,2.52,0,0,0-.64-1.85,2.47,2.47,0,0,0-1.84-.65,4.57,4.57,0,0,0-1.89.45,8.17,8.17,0,0,0-1.84,1.14h-.31V17.2a10.26,10.26,0,0,1,2-.73,10.46,10.46,0,0,1,2.71-.36,5.79,5.79,0,0,1,4.16,1.37,5.15,5.15,0,0,1,1.44,3.9,7.37,7.37,0,0,1-.69,3.14A12.94,12.94,0,0,1,19,27.59c-.6.66-1.19,1.26-1.79,1.81s-1,.93-1.28,1.15h6.53Z\" fill=\"#484f60\"/><path d=\"M38.14,20.79a7.49,7.49,0,0,0-2.37-3,6.52,6.52,0,0,0-2.17-1,11.93,11.93,0,0,0-3.06-.35H25.26V33.89h5.13a13.25,13.25,0,0,0,3-.3,6.61,6.61,0,0,0,2.33-1.08,7.71,7.71,0,0,0,2.34-3A9.9,9.9,0,0,0,39,25.19,10.47,10.47,0,0,0,38.14,20.79Zm-3.49,7.27a4,4,0,0,1-1.51,1.88,3.77,3.77,0,0,1-1.22.54,10.07,10.07,0,0,1-2,.14H29V19.7H30a9.8,9.8,0,0,1,1.81.13,3.75,3.75,0,0,1,1.18.46,4.07,4.07,0,0,1,1.65,1.92,7.4,7.4,0,0,1,.52,2.94A7.92,7.92,0,0,1,34.65,28.06Z\" fill=\"#484f60\"/></svg>",
-        "warehouse": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 50 50\" version=\"1.1\" sodipodi:docname=\"warehouse.svg\" inkscape:version=\"0.92.4 (5da689c313, 2019-01-14)\"><metadata ><rdf:RDF><cc:Work rdf:about=\"\"><dc:format>image/svg+xml</dc:format><dc:type rdf:resource=\"http://purl.org/dc/dcmitype/StillImage\" /><dc:title></dc:title></cc:Work></rdf:RDF></metadata><defs /><sodipodi:namedview pagecolor=\"#ffffff\" bordercolor=\"#666666\" borderopacity=\"1\" objecttolerance=\"10\" gridtolerance=\"10\" guidetolerance=\"10\" inkscape:pageopacity=\"0\" inkscape:pageshadow=\"2\" inkscape:window-width=\"1920\" inkscape:window-height=\"1017\" showgr inkscape:zoom=\"6.675088\" inkscape:cx=\"9.6569985\" inkscape:cy=\"12.384637\" inkscape:window-x=\"-8\" inkscape:window-y=\"-8\" inkscape:window-maximized=\"1\" inkscape:current-layer=\"svg8\" /><g transform=\"matrix(0.05570714,0,0,0.05570648,10.763,10.859394)\" style=\"fill:#484f60;fill-opacity:1\"><g style=\"fill:#484f60;fill-opacity:1\"><path inkscape:connector-curvature=\"0\" d=\"M 507.785,146.242 260.318,1.175 c -2.603,-1.519 -5.803,-1.57 -8.439,-0.111 L 4.412,137.598 C 1.69,139.091 0,141.958 0,145.064 v 358.4 c 0,4.719 3.823,8.533 8.533,8.533 H 51.2 c 4.71,0 8.533,-3.814 8.533,-8.533 V 204.798 h 392.533 v 298.667 c 0,4.719 3.814,8.533 8.533,8.533 h 42.667 c 4.719,0 8.533,-3.814 8.533,-8.533 V 153.598 c 10e-4,-3.03 -1.603,-5.829 -4.214,-7.356 z m -12.852,348.689 h -25.6 V 196.264 c 0,-4.71 -3.814,-8.533 -8.533,-8.533 H 51.2 c -4.71,0 -8.533,3.823 -8.533,8.533 v 298.667 h -25.6 V 150.099 L 255.872,18.344 494.933,158.487 Z\" style=\"fill:#484f60;fill-opacity:1\" /></g></g><g transform=\"matrix(0.05570714,0,0,0.05570648,10.763,10.859394)\" style=\"fill:#484f60;fill-opacity:1\"><g style=\"fill:#484f60;fill-opacity:1\"><path inkscape:connector-curvature=\"0\" d=\"m 426.667,392.531 h -102.4 c -4.719,0 -8.533,3.814 -8.533,8.533 v 102.4 c 0,4.719 3.814,8.533 8.533,8.533 h 102.4 c 4.719,0 8.533,-3.814 8.533,-8.533 v -102.4 c 0,-4.719 -3.814,-8.533 -8.533,-8.533 z m -8.534,102.4 H 332.8 v -85.333 h 85.333 z\" style=\"fill:#484f60;fill-opacity:1\" /></g></g><g transform=\"matrix(0.05570714,0,0,0.05570648,10.763,10.859394)\" style=\"fill:#484f60;fill-opacity:1\"><g style=\"fill:#484f60;fill-opacity:1\"><path inkscape:connector-curvature=\"0\" d=\"m 384,401.064 v 25.6 h -17.067 v -25.6 h -17.067 v 34.133 c 0,4.719 3.814,8.533 8.533,8.533 h 34.133 c 4.719,0 8.533,-3.814 8.533,-8.533 v -34.133 z\" style=\"fill:#484f60;fill-opacity:1\" /></g></g><g transform=\"matrix(0.05570714,0,0,0.05570648,10.763,10.859394)\" style=\"fill:#484f60;fill-opacity:1\"><g style=\"fill:#484f60;fill-opacity:1\"><path inkscape:connector-curvature=\"0\" d=\"m 324.267,392.531 h -102.4 c -4.71,0 -8.533,3.814 -8.533,8.533 v 102.4 c 0,4.719 3.823,8.533 8.533,8.533 h 102.4 c 4.719,0 8.533,-3.814 8.533,-8.533 v -102.4 c 0,-4.719 -3.814,-8.533 -8.533,-8.533 z m -8.534,102.4 H 230.4 v -85.333 h 85.333 z\" style=\"fill:#484f60;fill-opacity:1\" /></g></g><g transform=\"matrix(0.05570714,0,0,0.05570648,10.763,10.859394)\" style=\"fill:#484f60;fill-opacity:1\"><g style=\"fill:#484f60;fill-opacity:1\"><path inkscape:connector-curvature=\"0\" d=\"m 281.6,401.064 v 25.6 h -17.067 v -25.6 h -17.067 v 34.133 c 0,4.719 3.823,8.533 8.533,8.533 h 34.133 c 4.719,0 8.533,-3.814 8.533,-8.533 v -34.133 z\" style=\"fill:#484f60;fill-opacity:1\" /></g></g><g transform=\"matrix(0.05570714,0,0,0.05570648,10.763,10.859394)\" style=\"fill:#484f60;fill-opacity:1\"><g style=\"fill:#484f60;fill-opacity:1\"><path inkscape:connector-curvature=\"0\" d=\"m 426.667,290.131 h -102.4 c -4.719,0 -8.533,3.814 -8.533,8.533 v 102.4 c 0,4.719 3.814,8.533 8.533,8.533 h 102.4 c 4.719,0 8.533,-3.814 8.533,-8.533 v -102.4 c 0,-4.719 -3.814,-8.533 -8.533,-8.533 z m -8.534,102.4 H 332.8 v -85.333 h 85.333 z\" style=\"fill:#484f60;fill-opacity:1\" /></g></g><g transform=\"matrix(0.05570714,0,0,0.05570648,10.763,10.859394)\" style=\"fill:#484f60;fill-opacity:1\"><g style=\"fill:#484f60;fill-opacity:1\"><path inkscape:connector-curvature=\"0\" d=\"m 384,298.664 v 25.6 h -17.067 v -25.6 h -17.067 v 34.133 c 0,4.719 3.814,8.533 8.533,8.533 h 34.133 c 4.719,0 8.533,-3.814 8.533,-8.533 v -34.133 z\" style=\"fill:#484f60;fill-opacity:1\" /></g></g><g transform=\"matrix(0.05570714,0,0,0.05570648,10.763,10.859394)\" style=\"fill:#484f60;fill-opacity:1\"><g style=\"fill:#484f60;fill-opacity:1\"><rect x=\"51.200001\" y=\"255.998\" width=\"409.60001\" height=\"17.066999\" style=\"fill:#484f60;fill-opacity:1\" /></g></g><g transform=\"matrix(0.05570714,0,0,0.05570648,10.763,10.859394)\" style=\"fill:#484f60;fill-opacity:1\"><g style=\"fill:#484f60;fill-opacity:1\"><rect x=\"51.200001\" y=\"221.864\" width=\"409.60001\" height=\"17.066999\" style=\"fill:#484f60;fill-opacity:1\" /></g></g><g transform=\"matrix(0.05570714,0,0,0.05570648,10.763,10.859394)\" style=\"fill:#484f60;fill-opacity:1\"><g style=\"fill:#484f60;fill-opacity:1\"><path inkscape:connector-curvature=\"0\" d=\"m 298.667,119.464 h -85.333 c -4.71,0 -8.533,3.823 -8.533,8.533 v 34.133 c 0,4.71 3.823,8.533 8.533,8.533 h 85.333 c 4.719,0 8.533,-3.823 8.533,-8.533 v -34.133 c 0,-4.71 -3.814,-8.533 -8.533,-8.533 z m -8.534,34.134 h -68.267 v -17.067 h 68.267 z\" style=\"fill:#484f60;fill-opacity:1\" /></g></g><g transform=\"matrix(0.05570714,0,0,0.05570648,10.763,10.859394)\" style=\"fill:#484f60;fill-opacity:1\" /><g transform=\"matrix(0.05570714,0,0,0.05570648,10.763,10.859394)\" style=\"fill:#484f60;fill-opacity:1\" /><g transform=\"matrix(0.05570714,0,0,0.05570648,10.763,10.859394)\" style=\"fill:#484f60;fill-opacity:1\" /><g transform=\"matrix(0.05570714,0,0,0.05570648,10.763,10.859394)\" style=\"fill:#484f60;fill-opacity:1\" /><g transform=\"matrix(0.05570714,0,0,0.05570648,10.763,10.859394)\" style=\"fill:#484f60;fill-opacity:1\" /><g transform=\"matrix(0.05570714,0,0,0.05570648,10.763,10.859394)\" style=\"fill:#484f60;fill-opacity:1\" /><g transform=\"matrix(0.05570714,0,0,0.05570648,10.763,10.859394)\" style=\"fill:#484f60;fill-opacity:1\" /><g transform=\"matrix(0.05570714,0,0,0.05570648,10.763,10.859394)\" style=\"fill:#484f60;fill-opacity:1\" /><g transform=\"matrix(0.05570714,0,0,0.05570648,10.763,10.859394)\" style=\"fill:#484f60;fill-opacity:1\" /><g transform=\"matrix(0.05570714,0,0,0.05570648,10.763,10.859394)\" style=\"fill:#484f60;fill-opacity:1\" /><g transform=\"matrix(0.05570714,0,0,0.05570648,10.763,10.859394)\" style=\"fill:#484f60;fill-opacity:1\" /><g transform=\"matrix(0.05570714,0,0,0.05570648,10.763,10.859394)\" style=\"fill:#484f60;fill-opacity:1\" /><g transform=\"matrix(0.05570714,0,0,0.05570648,10.763,10.859394)\" style=\"fill:#484f60;fill-opacity:1\" /><g transform=\"matrix(0.05570714,0,0,0.05570648,10.763,10.859394)\" style=\"fill:#484f60;fill-opacity:1\" /><g transform=\"matrix(0.05570714,0,0,0.05570648,10.763,10.859394)\" style=\"fill:#484f60;fill-opacity:1\" /></svg>"
-    };
-
-    var IconCacheService = /** @class */ (function () {
-        function IconCacheService(_sanitizer) {
-            this._sanitizer = _sanitizer;
-            this._iconCache = {};
-            this._allIcons = IconSvg;
-            this.setIconCache();
-        }
-        Object.defineProperty(IconCacheService.prototype, "iconCache", {
-            /**
-             * All the icons as a large JSON object, from the all-icons.json file.
-             * The object has property keys that are the icon names, and property values with the data string of the actual svg icon.
-             */
-            get: function () {
-                return this._iconCache;
-            },
-            enumerable: false,
-            configurable: true
-        });
-        IconCacheService.prototype.getIcon = function (iconName) {
-            return this._iconCache[iconName.toLowerCase()];
-        };
-        IconCacheService.prototype.setIconCache = function () {
-            for (var key in this._allIcons) {
-                if (this._allIcons.hasOwnProperty(key)) {
-                    this._iconCache[key.toLowerCase()] = this._sanitizer.bypassSecurityTrustHtml(this._allIcons[key]);
-                }
-            }
-        };
-        return IconCacheService;
-    }());
-    IconCacheService.ɵprov = i0__namespace.ɵɵdefineInjectable({ factory: function IconCacheService_Factory() { return new IconCacheService(i0__namespace.ɵɵinject(i1__namespace$1.DomSanitizer)); }, token: IconCacheService, providedIn: "root" });
-    IconCacheService.decorators = [
-        { type: i0.Injectable, args: [{
-                    providedIn: 'root'
-                },] }
-    ];
-    IconCacheService.ctorParameters = function () { return [
-        { type: i1$1.DomSanitizer }
-    ]; };
-
-    var ProductPageComponent = /** @class */ (function () {
-        function ProductPageComponent(_ione, _renderer, _changeDetector, iconCache, settingsService, appEventService) {
-            var _this = this;
-            this._ione = _ione;
-            this._renderer = _renderer;
-            this._changeDetector = _changeDetector;
-            this.iconCache = iconCache;
-            this.settingsService = settingsService;
-            this.appEventService = appEventService;
-            this.icon = IconEnum;
-            this.createFrozenArticle = true;
-            this.isReturn = false;
-            this.showRelatedProductsPopup = false;
-            this.openStockEvent = new i0.EventEmitter();
-            this.configurable = true;
-            this.threeD = false;
-            this.show2D = true;
-            this.show3D = false;
-            this.configuring = false;
-            this.showAddToCart = false;
-            this.fullscreenAnimationEnd = false;
-            this.settingsLoaded = false;
-            this._fullScreen = false;
-            this._subs = [];
-            this._subs.push(this.appEventService.onForceRenderImage.subscribe(function (x) {
-                if (_this.selections.nativeElement) {
-                    _this.selections.nativeElement.forceRenderImage();
-                }
-            }), this.settingsService.settingsLoaded.subscribe(function (loaded) { return _this._handleSettingsLoaded(loaded); }), this._pageLoadedSubscription = rxjs.combineLatest([
-                this._ione.controllerInitialized,
-                this._ione.articleLoaded
-            ]).subscribe(function (_a) {
-                var _b = __read(_a, 2), initialized = _b[0], articleLoaded = _b[1];
-                if (initialized && articleLoaded) {
-                    _this.settingsLoaded = initialized;
-                }
-            }), 
-            // this._ione.controllerInitialized.subscribe((initialized: boolean) => {
-            //   this.settingsLoaded = initialized;
-            // }),
-            this.appEventService.onAnswersAvailable.subscribe(function (answers) {
-                if (answers && _this.configurable) {
-                    _this.showAddToCart = false;
-                }
-                else {
-                    _this.showAddToCart = true;
-                }
-            }), this.appEventService.onGetRenderForRenderCarousel.subscribe(function (renderParameters) {
-                if (_this.selections.nativeElement) {
-                    _this.selections.nativeElement.getRenderForRenderCarousel(renderParameters);
-                }
-            }));
-        }
-        Object.defineProperty(ProductPageComponent.prototype, "sku", {
-            get: function () {
-                return this._sku;
-            },
-            set: function (value) {
-                if (value) {
-                    if (this.configuring) {
-                        this.show3D = false;
-                        this.fullScreen = false;
-                        this.configuring = false;
-                        this._changeDetector.detectChanges();
-                    }
-                    this._sku = value;
-                    this._getArticle();
-                }
-            },
-            enumerable: false,
-            configurable: true
-        });
-        Object.defineProperty(ProductPageComponent.prototype, "settings", {
-            get: function () {
-                return this._settings;
-            },
-            set: function (value) {
-                if (value) {
-                    if (typeof value === 'string') {
-                        this._settings = JSON.parse(value);
-                    }
-                    else {
-                        this._settings = value;
-                    }
-                }
-            },
-            enumerable: false,
-            configurable: true
-        });
-        Object.defineProperty(ProductPageComponent.prototype, "fullScreen", {
-            get: function () {
-                return this._fullScreen;
-            },
-            set: function (value) {
-                this._fullScreen = value;
-                this.fullscreenAnimationEnd = true;
-                this._changeDetector.detectChanges();
-                // setTimeout(() => {
-                //   this.fullscreenAnimationEnd = true;
-                // }, 400)
-            },
-            enumerable: false,
-            configurable: true
-        });
-        Object.defineProperty(ProductPageComponent.prototype, "fullScreenIcon", {
-            get: function () {
-                return this.fullScreen ? this.icon.NormalScreen : this.icon.FullScreen;
-            },
-            enumerable: false,
-            configurable: true
-        });
-        Object.defineProperty(ProductPageComponent.prototype, "currentView", {
-            get: function () {
-                return this._currentView;
-            },
-            set: function (value) {
-                this._currentView = value;
-                this.show2D = this._currentView === SelectorType.TwoD;
-                this.show3D = this._currentView === SelectorType.ThreeD;
-                this._changeDetector.detectChanges();
-            },
-            enumerable: false,
-            configurable: true
-        });
-        ProductPageComponent.prototype.ngOnInit = function () {
-            if (this._settings) {
-                this.settingsService.settings = undefined;
-                this.settingsService.createSettingsFromObject(this._settings);
-            }
-            else {
-                this._settings = this.settingsService.settings;
-            }
-        };
-        ProductPageComponent.prototype.ngAfterViewInit = function () {
-        };
-        ProductPageComponent.prototype.ngOnDestroy = function () {
-            this._subs.forEach(function (s) { return s.unsubscribe(); });
-            if (this._initializedSub) {
-                this._initializedSub.unsubscribe();
-            }
-            this._pageLoadedSubscription.unsubscribe();
-            this.configurator = undefined;
-            this.selections = undefined;
-            this.fullscreenbutton = undefined;
-        };
-        ProductPageComponent.prototype.setInstance = function (event) {
-            if (event.detail) {
-                this._ione.setInstance(event.detail);
-            }
-        };
-        ProductPageComponent.prototype.handleStartConfiguration = function () {
-            this.configuring = true;
-            this._changeDetector.detectChanges();
-        };
-        ProductPageComponent.prototype.showFullScreen = function () {
-            this.fullScreen = !this.fullScreen;
-        };
-        ProductPageComponent.prototype._handleSettingsLoaded = function (loaded) {
-            if (loaded) {
-                this._ione.initConnection();
-            }
-        };
-        ProductPageComponent.prototype._getArticle = function () {
-            return __awaiter(this, void 0, void 0, function () {
-                var _this = this;
-                return __generator(this, function (_a) {
-                    if (this._initializedSub) {
-                        this._initializedSub.unsubscribe();
-                    }
-                    this._initializedSub = this._ione.controllerInitialized.subscribe(function (init) { return __awaiter(_this, void 0, void 0, function () {
-                        var _this = this;
-                        return __generator(this, function (_a) {
-                            if (init) {
-                                this._ione.getFullArticle(this._sku).then(function (article) {
-                                    _this.article = article;
-                                    if (_this.article) {
-                                        _this.configurable = _this.article.goodType === 'B' && (_this.article.isConfigurable || _this.article.isConfigurable === undefined);
-                                        // this.configurable = this.article.goodType === 'B';
-                                        if (_this.configurable) {
-                                            _this.showAddToCart = false;
-                                            _this.currentView = SelectorType.TwoD;
-                                        }
-                                        else {
-                                            _this.showAddToCart = true;
-                                        }
-                                        _this.threeD = _this.article.is3D;
-                                        _this.selectorType = _this.article.selectorTypeCustomer;
-                                        _this._ione.getDeliveryPrognosis(_this.article.goodId).then(function (stockInfo) {
-                                            var stockAndDelivery = stockInfo;
-                                            _this.stockAndDelivery = new StockAndDelivery(0, stockAndDelivery.returnValue ? stockAndDelivery.returnValue : ' ');
-                                            _this._changeDetector.detectChanges();
-                                        });
-                                        _this._changeDetector.detectChanges();
-                                    }
-                                    _this._ione.articleLoaded.next(true);
-                                });
-                            }
-                            return [2 /*return*/];
-                        });
-                    }); });
-                    this.showRelatedProductsPopup = false;
-                    return [2 /*return*/];
-                });
-            });
-        };
-        ProductPageComponent.prototype.openStock = function () {
-            this.openStockEvent.emit();
-        };
-        ProductPageComponent.prototype.handlePopUpChange = function (event) {
-            this.showRelatedProductsPopup = event;
-        };
-        return ProductPageComponent;
-    }());
-    ProductPageComponent.decorators = [
-        { type: i0.Component, args: [{
-                    selector: 'app-product-page',
-                    template: "<ng-container *ngIf=\"settingsLoaded\">\r\n  <div class=\"page-wrapper\">\r\n    <div class=\"page-wrapper-content\">\r\n      <div class=\"page-wrapper-left\">\r\n        <div class=\"product-image-container\">\r\n          <div class=\"product-page-block-selector-type\">\r\n            <app-product-selector-type class=\"default-padding\"\r\n                                       [(currentType)]=\"currentView\"\r\n                                       [show2D]=\"configurable\"\r\n                                       [show3D]=\"threeD\"\r\n            ></app-product-selector-type>\r\n          </div>\r\n          <div class=\"product-page-block-image default-padding\" [class.full]=\"fullScreen\">\r\n\r\n            <app-image-carousel\r\n              *ngIf=\"!enableRenderCarousel\"\r\n              [@toggleVisibilityByState]=\"show2D ? 'show' : 'hide'\"\r\n              [images]=\"article?.images\"\r\n              [showRefresh]=\"configurable && threeD\">\r\n            </app-image-carousel>\r\n\r\n            <app-render-carousel\r\n              *ngIf=\"enableRenderCarousel\"\r\n              [@toggleVisibilityByState]=\"show2D ? 'show' : 'hide'\"\r\n              [article]=\"article\">\r\n            </app-render-carousel>\r\n\r\n            <ng-container *ngIf=\"settingsLoaded && this.configurable\">\r\n              <threed-configurator\r\n                #configurator\r\n                class=\"threed-configurator\"\r\n                [class.configurator-full-screen]=\"fullScreen\"\r\n                [@toggleVisibilityByState]=\"show3D ? 'show' : 'hide'\"\r\n                [@toggleFullScreen]=\"fullScreen ? 'fullscreen' : 'halfscreen'\">\r\n              </threed-configurator>\r\n            </ng-container>\r\n\r\n            <co-icon #fullscreenbutton class=\"fullscreen-button\" *ngIf=\"show3D\"\r\n                     [@toggleTopLeft]=\"fullScreen ? 'fullscreen' : 'halfscreen'\"\r\n                     [iconData]=\"iconCache.getIcon(fullScreenIcon)\"\r\n                     (click)=\"showFullScreen()\"></co-icon>\r\n            <co-icon class=\"threed-watermark\" *ngIf=\"show3D && fullScreen\"\r\n                     [iconData]=\"iconCache.getIcon(icon.Logo)\"></co-icon>\r\n          </div>\r\n        </div>\r\n      </div>\r\n      <div class=\"page-wrapper-right\">\r\n        <div class=\"product-page-block-description\">\r\n          <app-product-description class=\"default-padding\" [article]=\"article\"></app-product-description>\r\n        </div>\r\n        <div class=\"product-page-block-additional\">\r\n          <div class=\"product-page-block-additional-description\">\r\n            <app-product-additional-description class=\"default-padding\" [article]=\"article\"></app-product-additional-description>\r\n          </div>\r\n          <div class=\"product-page-block-price\" [class.full]=\"configuring\">\r\n            <app-product-price class=\"s-padding\" *ngIf=\"!configuring\"\r\n                               [pricing]=\"article?.pricing\"\r\n                               [configurable]=\"configurable\"\r\n            ></app-product-price>\r\n            <ng-container *ngIf=\"settingsLoaded\">\r\n              <threed-selections #selections class=\"threed-selections\"\r\n                                 [class.show-selections]=\"configuring\"\r\n                                 [@toggleFullScreenRight]=\"fullScreen ? 'fullscreen' : 'halfscreen'\"\r\n                                 [class.default-padding]=\"!fullScreen\"\r\n                                 [class.show-full-screen]=\"fullScreen\"\r\n                                 [class.mini-scrollbar]=\"fullScreen\"\r\n                                 [sku]=\"sku\"\r\n                                 [settings]=\"settings\"\r\n                                 (onUserActionFromThreeD)=\"configuring = true\"\r\n                                 (instanceSet)=\"setInstance($event)\"\r\n                                 (onImageReceived)=\"appEventService.onImageReceived.next($event)\"\r\n                                 (onRenderStarted)=\"appEventService.onRenderStarted.next()\"\r\n                                 (onDraftRenderImageReceived)=\"appEventService.onDraftRenderImageReceived.next($event)\"\r\n                                 (onArticleReceived)=\"appEventService.onArticleReceived.next($event.detail)\"\r\n                                 (onSelectionsReceived)=\"appEventService.onSelectionsReceived.next($event.detail)\"\r\n                                 (onArticleInfoReceived)=\"appEventService.onArticleInfoReceived.next($event.detail)\"\r\n                                 (onAnswersAvailable)=\"appEventService.onAnswersAvailable.next($event.detail)\"\r\n                                 (onReadyToRender)=\"appEventService.onReadyToRender.next($event.detail)\"\r\n                                 (onRenderImageReceived)=\"appEventService.onRenderImageReceived.next($event.detail)\"\r\n              ></threed-selections>\r\n            </ng-container>\r\n          </div>\r\n          <div class=\"product-page-block-addtocart no-padding product-action-buttons\" *ngIf=\"!configuring\" [@toggleTopRight]=\"fullScreen ? 'fullscreen' : 'halfscreen'\">\r\n            <app-product-addtocart\r\n              [configurable]=\"configurable\"\r\n              [createFrozenArticle]=\"createFrozenArticle\"\r\n              [configuring]=\"configuring\"\r\n              [showAddToCart]=\"showAddToCart\"\r\n              [article]=\"article\"\r\n              [externalSource]=\"externalSource\"\r\n              [isReturn]=\"isReturn\"\r\n              (startConfiguration)=\"handleStartConfiguration()\"\r\n              (showRelatedPopup)=\"handlePopUpChange($event)\"\r\n            ></app-product-addtocart>\r\n          </div>\r\n          <div class=\"addtocart-reserved product-action-buttons\" *ngIf=\"configuring\" [class.full-screen]=\"fullScreen\">\r\n            <app-product-addtocart class=\"default-padding\"\r\n                                   [configurable]=\"false\"\r\n                                   [fullscreen]=\"fullScreen\"\r\n                                   [showAddToCart]=\"showAddToCart\"\r\n                                   [configuring]=\"configuring\"\r\n                                   [article]=\"article\"\r\n                                   [externalSource]=\"externalSource\"\r\n                                   [isReturn]=\"isReturn\"\r\n                                   (startConfiguration)=\"handleStartConfiguration()\"\r\n            ></app-product-addtocart>\r\n          </div>\r\n          <div class=\"product-page-block-variants\">\r\n            <app-product-related class=\"no-padding\" *ngIf=\"article?.relatedArticles && article?.relatedArticles.length > 0\"\r\n                                 [externalSource]=\"externalSource\"\r\n                                 [articles]=\"article?.relatedArticles\" [refType]=\"64\" [label]=\"'VARIANTS' | localize\"></app-product-related>\r\n          </div>\r\n          <div class=\"product-page-block-stock\">\r\n            <app-product-stock class=\"no-padding\" [goodId]=\"article?.goodId\" (openStockEvent)=\"openStock()\"></app-product-stock>\r\n          </div>\r\n          <div class=\"product-page-block-delivery\">\r\n            <app-product-delivery class=\"no-padding\" [stockAndDelivery]=\"stockAndDelivery\"></app-product-delivery>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </div>\r\n    <div class=\"page-wrapper-content\">\r\n      <div class=\"page-wrapper-left\" *ngIf=\"article\">\r\n        <app-product-info-tabs class=\"no-padding\" [article]=\"article\"></app-product-info-tabs>\r\n      </div>\r\n      <div class=\"page-wrapper-right\">\r\n        <div class=\"product-page-block-related s-padding\">\r\n          <app-product-related\r\n            *ngIf=\"article?.relatedArticles && article?.relatedArticles.length > 0\"\r\n            [externalSource]=\"externalSource\"\r\n            [articles]=\"article?.relatedArticles\"\r\n            [refType]=\"1\"\r\n            [label]=\"'RELATED_PRODUCTS' | localize\">\r\n          </app-product-related>\r\n        </div>\r\n      </div>\r\n    </div>\r\n    <div class=\"page-wrapper-content no-top-margin\">\r\n      <div class=\"page-wrapper-full\">\r\n        <div class=\"product-page-block-alternatives s-padding\">\r\n          <app-product-related\r\n            *ngIf=\"article?.relatedArticles && article?.relatedArticles.length > 0\"\r\n            [externalSource]=\"externalSource\"\r\n            [articles]=\"article?.relatedArticles\"\r\n            [refType]=\"4\"\r\n            [isSmallModus]=\"false\"\r\n            [label]=\"'ALTERNATIVE_PRODUCTS' | localize\">\r\n          </app-product-related>\r\n        </div>\r\n      </div>\r\n    </div>\r\n\r\n\r\n    <div *ngIf=\"showRelatedProductsPopup\">\r\n      <co-product-dialog\r\n        [mainArticle]=\"article\"\r\n        [articles]=\"article?.relatedArticles\"\r\n        [refType]=\"1\"\r\n        (closeRelatedPopup)=\"handlePopUpChange($event)\"\r\n      >\r\n      </co-product-dialog>\r\n\r\n      <!--      <app-product-related class=\"no-padding\" *ngIf=\"article?.relatedArticles && article?.relatedArticles.length > 0\"-->\r\n      <!--                           [articles]=\"article?.relatedArticles\" [refType]=\"64\" [label]=\"'VARIANTS' | localize\"></app-product-related>-->\r\n    </div>\r\n\r\n\r\n  </div>\r\n</ng-container>\r\n",
-                    animations: [
-                        animations.trigger('toggleFullScreen', [
-                            animations.state('fullscreen', animations.style({ 'position': 'fixed', 'top': '0', 'left': '0', 'width': '100%', 'height': '100%' })),
-                            animations.state('halfscreen', animations.style({ 'position': '*', 'top': '*', 'left': '*', 'width': '*', 'height': '*' })),
-                            animations.transition('halfscreen <=> fullscreen', animations.animate('200ms ease-in-out'))
-                        ]),
-                        animations.trigger('toggleTopLeft', [
-                            animations.state('fullscreen', animations.style({ 'position': 'fixed', 'top': '0', 'left': '0' })),
-                            animations.state('halfscreen', animations.style({ 'position': 'absolute', 'top': '*', 'left': '*' })),
-                            animations.transition('halfscreen <=> fullscreen', animations.animate('200ms ease-in-out'))
-                        ]),
-                        animations.trigger('toggleTopRight', [
-                            animations.state('fullscreen', animations.style({ 'position': 'fixed', 'top': '0', 'right': '0' })),
-                            animations.state('halfscreen', animations.style({ 'position': '*', 'top': '*', 'right': '*' })),
-                            animations.transition('halfscreen <=> fullscreen', animations.animate('200ms ease-in-out'))
-                        ]),
-                        animations.trigger('toggleFullScreenRight', [
-                            animations.state('fullscreen', animations.style({ 'position': 'fixed', 'width': '400px', 'top': '0', 'right': '0' })),
-                            animations.state('halfscreen', animations.style({ 'position': '*', 'width': '*', 'top': '*', 'right': '*' })),
-                            animations.transition('halfscreen <=> fullscreen', animations.animate('200ms ease-in-out'))
-                        ]),
-                        animations.trigger('toggleVisibilityByState', [
-                            animations.state('hide', animations.style({ 'opacity': '0', 'display': 'none' })),
-                            animations.state('show', animations.style({ 'display': 'block', 'opacity': '1' })),
-                            animations.transition('hide <=> show', animations.animate('200ms 100ms ease-in-out'))
-                        ]),
-                        animations.trigger('toggleVisibility', [
-                            animations.state('void', animations.style({ 'opacity': '0' })),
-                            animations.state('*', animations.style({ 'opacity': '1' })),
-                            animations.transition('void => *', animations.animate('200ms ease-in-out'))
-                        ])
-                    ],
-                    styles: [".page-wrapper{font-family:iOneMontserrat;font-size:12px;display:flex;flex-direction:column;max-width:100%;padding:0 15px;margin:0 auto}.page-wrapper-content{display:flex;flex-direction:row;margin:40px 0}.page-wrapper-content:first-child{margin-top:0}.page-wrapper-content.no-top-margin{margin-top:0}.page-wrapper-left{display:flex;width:65%;flex-direction:column}.page-wrapper-right{display:flex;width:35%;flex-direction:column}.page-wrapper-full{display:flex;width:100%;flex-direction:column}.page-wrapper-66{display:flex;width:60%;flex-direction:column}.page-wrapper-33{display:flex;width:40%;flex-direction:column}.threed-selections{display:none}.threed-selections.show-selections{display:block}.threed-selections ::ng-deep .rp-lite-selector .rp-answers-slideout ::ng-deep co-slideout{width:480px;z-index:3}.threed-selections ::ng-deep .co-summary-line{cursor:pointer}.product-action-buttons{position:relative}.product-action-buttons.full-screen{z-index:10}.product-image-container{grid-column:1/7;grid-row:1/6;position:relative}.product-page-block-selector-type{width:auto;position:absolute;top:10px;right:10px;z-index:2}.product-page-block-image{box-sizing:border-box;width:100%;z-index:1;position:relative}.product-page-block-image .threed-configurator{border:none}.product-page-block-image .threed-configurator .layer .viewer canvas{height:100%;width:100%}.product-page-block-image .threed-configurator ::ng-deep .rp-element-toolbar{top:30px}.product-page-block-image app-image-carousel.show-animated,.product-page-block-image threed-configurator.show-animated{opacity:1;z-index:0;transition:all .2s ease-in-out}.product-page-block-image .fullscreen-button{cursor:pointer;height:50px;width:50px;position:absolute;left:30px;z-index:100;top:30px}.product-page-block-image.full{grid-column:1/11;grid-row:2/span 10;z-index:3}.product-page-block-description{grid-column:7/12;grid-row:1/1}.product-page-block-additional{width:100%}.product-page-block-additional-description{width:100%}.product-page-block-price{grid-column:1/3;grid-row:2/2;align-self:center}.product-page-block-price.full{grid-column:1/5}.product-page-block-addtocart{grid-column:3/5;grid-row:2/2;align-self:center;padding-top:30px!important}.product-page-block-addtocart ::ng-deep co-number-picker ::ng-deep co-button{cursor:pointer}.product-page-block-addtocart ::ng-deep co-number-picker ::ng-deep co-button:hover div.rippler{background:#f6f5f4}.product-page-block-addtocart ::ng-deep co-number-picker ::ng-deep co-button ::ng-deep co-icon{position:relative;z-index:2}.product-page-block-addtocart ::ng-deep co-button.cart-button{cursor:pointer}.product-page-block-addtocart ::ng-deep co-button.cart-button:hover{background:#74B77F}.addtocart-reserved{grid-column:1/3;grid-row:3/3}.product-page-block-stock{grid-column:1/3;grid-row:4/4}.product-page-block-delivery{grid-column:3/5;grid-row:4/4}::ng-deep co-scroll-container{overflow:hidden;position:relative}::ng-deep co-scroll-container .content-wrapper{padding:0}::ng-deep co-scroll-container .scroll-layer{left:0;top:0}::ng-deep co-scroll-container .scroll-layer .scroller{width:34px;height:34px;border-radius:36px;background:#fff;cursor:pointer;box-shadow:0 0 5px #0003}::ng-deep co-scroll-container .scroll-layer .scroller:hover{background:#f6f5f4}::ng-deep co-scroll-container .scroll-layer .scroller.left-scroll{left:5px}::ng-deep co-scroll-container .scroll-layer .scroller.left-scroll:before{border-width:0 3px 3px 0;padding:4px;margin-left:13px;margin-top:11px}::ng-deep co-scroll-container .scroll-layer .scroller.right-scroll{right:5px}::ng-deep co-scroll-container .scroll-layer .scroller.right-scroll:after{border-width:0 3px 3px 0;padding:4px;margin-left:9px;margin-top:11px}.product-page-block-variants{margin:20px 0 0}.product-page-block-variants ::ng-deep app-product-related>div{display:flex;grid-gap:15px;gap:15px;align-items:center;border-top:1px solid #f6f5f4;padding:5px 0 7px 15px}.product-page-block-variants ::ng-deep app-product-related>div ::ng-deep app-header h3{font-size:14px}.product-page-block-variants ::ng-deep app-product-related>div ::ng-deep co-scroll-container{width:320px;max-width:100%;padding:0 16px}.product-page-block-variants ::ng-deep app-product-related>div ::ng-deep co-scroll-container .scroller{width:26px;height:26px}.product-page-block-variants ::ng-deep app-product-related>div ::ng-deep co-scroll-container .scroller.left-scroll{left:5px}.product-page-block-variants ::ng-deep app-product-related>div ::ng-deep co-scroll-container .scroller.left-scroll:before{border-width:0 2px 2px 0;margin-left:9px;margin-top:9px}.product-page-block-variants ::ng-deep app-product-related>div ::ng-deep co-scroll-container .scroller.right-scroll{right:5px}.product-page-block-variants ::ng-deep app-product-related>div ::ng-deep co-scroll-container .scroller.right-scroll:after{border-width:0 2px 2px 0;margin-left:6px;margin-top:9px}.product-page-block-variants ::ng-deep co-tile.small{min-width:50px!important;max-width:50px!important;border:1px solid #f6f5f4;margin:0 10px 0 0;border-radius:4px}.product-page-block-variants ::ng-deep co-tile.small:hover{border-color:#22313c}.product-page-block-variants ::ng-deep co-tile.small .tile-wrapper{padding:0}.product-page-block-variants ::ng-deep co-tile.small .tile-wrapper .tile-top{display:none}.product-page-block-variants ::ng-deep co-tile.small .tile-wrapper .image{height:40px!important;padding:5px;margin-bottom:10px}.product-page-block-variants ::ng-deep co-tile.small .tile-wrapper .image .no-image-wrapper .no-image{width:40px;height:40px}.product-page-block-variants ::ng-deep co-tile.small .tile-wrapper .image .no-image-wrapper span{display:none!important}.product-page-block-variants ::ng-deep co-tile.small .tile-wrapper .tile-bottom{display:none}.product-page-block-variants ::ng-deep co-tile.small .tile-extra-bottom{display:none}.product-page-block-alternatives ::ng-deep .article-wrapper{margin:0 20px 0 0}.product-page-block-alternatives ::ng-deep .article-wrapper:last-child{margin:0}.product-page-block-alternatives ::ng-deep co-tile{cursor:pointer;transition:all .14s ease-out;border:1px solid transparent;border-bottom-color:#f6f5f4;padding:15px 10px 0;width:319px;max-width:none;min-width:0;box-sizing:border-box}.product-page-block-alternatives ::ng-deep co-tile:hover{box-shadow:none;border-color:#f6f5f4}.product-page-block-alternatives ::ng-deep co-tile:hover .tile-wrapper div.image co-image{transform:scale(1.05)}.product-page-block-alternatives ::ng-deep co-tile:hover .tile-wrapper .tile-bottom{margin:0}.product-page-block-alternatives ::ng-deep co-tile:hover .tile-extra-bottom .main .description{text-decoration:underline}.product-page-block-alternatives ::ng-deep co-tile .tile-wrapper{padding:0;position:relative;outline:none;overflow:hidden}.product-page-block-alternatives ::ng-deep co-tile .tile-wrapper .tile-top{position:absolute;left:0;top:0;width:100%}.product-page-block-alternatives ::ng-deep co-tile .tile-wrapper div.image{position:relative;padding:1px;display:flex;align-items:center;justify-content:center;overflow:hidden;max-width:250px;margin:0 auto 10px;height:auto}.product-page-block-alternatives ::ng-deep co-tile .tile-wrapper div.image:after{content:\"\";padding:100% 0 0;float:left;width:100%}.product-page-block-alternatives ::ng-deep co-tile .tile-wrapper div.image co-image{position:absolute;left:0;top:0;overflow:hidden;width:100%;height:100%;-o-object-fit:contain;object-fit:contain;z-index:-1;transition:all .2s ease}.product-page-block-alternatives ::ng-deep co-tile .tile-wrapper div.image .no-image-wrapper{position:absolute;display:flex;left:50%;top:50%;margin:-48px 0 0 -54px;flex-direction:column;align-items:center;opacity:.25}.product-page-block-alternatives ::ng-deep co-tile .tile-wrapper .tile-bottom{transition:all .2s ease;height:auto}.product-page-block-alternatives ::ng-deep co-tile .tile-wrapper .tile-bottom ::ng-deep co-button{margin:0 0 5px!important;width:36px;height:36px;border:1px solid #22313C;cursor:pointer;border-radius:4px;padding:0!important;font-size:0}.product-page-block-alternatives ::ng-deep co-tile .tile-wrapper .tile-bottom ::ng-deep co-button co-icon{width:32px;height:32px;margin:0 2px}.product-page-block-alternatives ::ng-deep co-tile .tile-extra-bottom{outline:none;padding:15px 0;background:transparent!important;min-height:60px}.product-page-block-alternatives ::ng-deep co-tile .tile-extra-bottom .main{padding:0 10px}.product-page-block-alternatives ::ng-deep co-tile .tile-extra-bottom .main .description{font-size:15px;font-weight:bold;margin:0 0 2px}.product-page-block-alternatives ::ng-deep co-tile .tile-extra-bottom .main .price{font-size:16px;margin:15px 0 0;font-weight:bold;color:#2b60a7}.product-page-block-additional-information{grid-column:1/6;grid-row:4/4}.product-page-block-properties{grid-column:7/10;grid-row:3/3}.product-page-block-related-articles{grid-column:2/6;grid-row:4/4}.product-page-block-alternative-articles{grid-column:6/10;grid-row:4/4}.product-page-block-documents{grid-column:2/6;grid-row:5/5}.product-page-block-symbols{grid-column:6/10;grid-row:5/5}@media screen and (max-width: 950px){.default-padding{padding-top:20px;padding-bottom:20px}.m-padding{padding-top:15px;padding-bottom:15px}.s-padding{padding-top:5px;padding-bottom:5px}.page-wrapper{max-width:650px}.page-wrapper .page-wrapper-content{flex-direction:column;margin:30px 0}.page-wrapper .page-wrapper-content .page-wrapper-left{width:100%}.page-wrapper .page-wrapper-content .page-wrapper-right{width:100%}.product-page-block-alternatives ::ng-deep co-tile{width:284px!important}}@media screen and (max-width: 650px){[class*=-padding]{padding-left:0!important;padding-right:0!important}.product-page-block-addtocart ::ng-deep co-number-picker co-button{height:38px!important}.product-page-block-addtocart ::ng-deep co-number-picker co-input-text{height:38px!important;width:36px!important}.product-page-block-addtocart ::ng-deep co-button.cart-button{height:40px;font-size:13px}}\n"]
-                },] }
-    ];
-    ProductPageComponent.ctorParameters = function () { return [
-        { type: ProductConnectorService },
-        { type: i0.Renderer2 },
-        { type: i0.ChangeDetectorRef },
-        { type: IconCacheService },
-        { type: ProductSettingsService },
-        { type: ProductEventService }
-    ]; };
-    ProductPageComponent.propDecorators = {
-        configurator: [{ type: i0.ViewChild, args: ['configurator', { read: i0.ElementRef },] }],
-        selections: [{ type: i0.ViewChild, args: ['selections', { read: i0.ElementRef },] }],
-        fullscreenbutton: [{ type: i0.ViewChild, args: ['fullscreenbutton', { read: i0.ElementRef },] }],
-        sku: [{ type: i0.Input }],
-        settings: [{ type: i0.Input }],
-        externalSource: [{ type: i0.Input }],
-        createFrozenArticle: [{ type: i0.Input }],
-        isReturn: [{ type: i0.Input }],
-        showRelatedProductsPopup: [{ type: i0.Input }],
-        enableRenderCarousel: [{ type: i0.Input }],
-        openStockEvent: [{ type: i0.Output }]
-    };
-
-    var ProductSelectorTypeComponent = /** @class */ (function () {
-        function ProductSelectorTypeComponent(_iconCache, _changeDetector) {
-            this._iconCache = _iconCache;
-            this._changeDetector = _changeDetector;
-            this.type = SelectorType;
-            this.icons = IconEnum;
-            this.onIconClick = new i0.EventEmitter();
-            this.currentTypeChange = new i0.EventEmitter();
-            this.twoDIcon = this._iconCache.getIcon(this.icons.TwoD);
-            this.threeDIcon = this._iconCache.getIcon(this.icons.ThreeD);
-        }
-        ProductSelectorTypeComponent.prototype.ngOnInit = function () {
-        };
-        ProductSelectorTypeComponent.prototype.handleIconClick = function (type) {
-            this.currentType = type;
-            this.currentTypeChange.next(this.currentType);
-            this.onIconClick.next(this.currentType);
-            this._changeDetector.detectChanges();
-        };
-        return ProductSelectorTypeComponent;
-    }());
-    ProductSelectorTypeComponent.decorators = [
-        { type: i0.Component, args: [{
-                    selector: 'app-product-selector-type',
-                    template: "\n        <div *ngIf=\"show2D || show3D\" class=\"show-in\" [textContent]=\"'SHOW_IN' | localize\"></div>\n        <co-icon *ngIf=\"show2D && !showRenderCarousel\" class=\"selector-type-icon\"\n                 [class.active]=\"currentType === type.TwoD\"\n                 [iconData]=\"twoDIcon\"\n                 (click)=\"handleIconClick(type.TwoD)\"\n        ></co-icon>\n\n        <co-icon *ngIf=\"show2D && showRenderCarousel\" class=\"selector-type-icon\"\n                 [class.active]=\"currentType === type.TwoD\"\n                 [iconData]=\"twoDIcon\"\n                 (click)=\"handleIconClick(type.TwoD)\"\n        ></co-icon>\n\n        <co-icon *ngIf=\"show3D\" class=\"selector-type-icon\"\n                 [class.active]=\"currentType === type.ThreeD\"\n                 [iconData]=\"threeDIcon\"\n                 (click)=\"handleIconClick(type.ThreeD)\"\n        ></co-icon>\n  ",
-                    styles: [":host{display:flex;flex-direction:row;align-items:center}:host .show-in{display:none}:host>*:not(:last-child){margin-right:10px}::ng-deep co-icon.selector-type-icon{box-shadow:inset 0 0 0 1px #22313c;border-radius:50%;background:none;height:34px;width:34px;cursor:pointer}::ng-deep co-icon.selector-type-icon.active{box-shadow:none;background:#74B77F;transition:all .2s ease-in-out}::ng-deep co-icon.selector-type-icon.active [fill]{fill:#fff}\n"]
-                },] }
-    ];
-    ProductSelectorTypeComponent.ctorParameters = function () { return [
-        { type: IconCacheService },
-        { type: i0.ChangeDetectorRef }
-    ]; };
-    ProductSelectorTypeComponent.propDecorators = {
-        show2D: [{ type: i0.Input }],
-        show3D: [{ type: i0.Input }],
-        showRenderCarousel: [{ type: i0.Input }],
-        currentType: [{ type: i0.Input }],
-        onIconClick: [{ type: i0.Output }],
-        currentTypeChange: [{ type: i0.Output }]
-    };
-
-    // A pipe for localizing string values in view templates.
-    var LocalizePipe = /** @class */ (function () {
-        function LocalizePipe(_dictionaryService) {
-            this._dictionaryService = _dictionaryService;
-        }
-        LocalizePipe.prototype.transform = function (value, upperCaseFirst, replace) {
-            var _a;
-            if (upperCaseFirst === void 0) { upperCaseFirst = true; }
-            if (replace === void 0) { replace = []; }
-            if (!value) {
-                return '';
-            }
-            replace = replace ? replace : [];
-            if (!Array.isArray(replace)) {
-                replace = [replace];
-            }
-            return (_a = this._dictionaryService).get.apply(_a, __spreadArray([value, upperCaseFirst], __read(replace)));
-        };
-        return LocalizePipe;
-    }());
-    LocalizePipe.decorators = [
-        { type: i0.Pipe, args: [{
-                    name: 'localize'
-                },] }
-    ];
-    LocalizePipe.ctorParameters = function () { return [
-        { type: DictionaryService }
-    ]; };
-
-    var PipeModule = /** @class */ (function () {
-        function PipeModule() {
-        }
-        return PipeModule;
-    }());
-    PipeModule.decorators = [
-        { type: i0.NgModule, args: [{
-                    declarations: [
-                        LocalizePipe
-                    ],
-                    providers: [
-                        LocalizePipe
-                    ],
-                    exports: [
-                        LocalizePipe
-                    ]
-                },] }
-    ];
-
-    // import {IconModule} from '@colijnit/corecomponents';
-    var ProductSelectorTypeModule = /** @class */ (function () {
-        function ProductSelectorTypeModule() {
-        }
-        return ProductSelectorTypeModule;
-    }());
-    ProductSelectorTypeModule.decorators = [
-        { type: i0.NgModule, args: [{
-                    imports: [
-                        common.CommonModule,
-                        PipeModule,
-                        corecomponents.IconModule,
-                        /*,
-                                IconModule*/
-                    ],
-                    declarations: [
-                        ProductSelectorTypeComponent
-                    ],
-                    exports: [
-                        ProductSelectorTypeComponent
-                    ]
-                },] }
-    ];
-
-    var ImageViewModel = /** @class */ (function () {
-        function ImageViewModel() {
-        }
-        return ImageViewModel;
-    }());
-    var ImageCarouselComponent = /** @class */ (function () {
-        function ImageCarouselComponent(_ione, _appEventService, _changeDetector, _domSanitizer) {
-            var _this = this;
-            this._ione = _ione;
-            this._appEventService = _appEventService;
-            this._changeDetector = _changeDetector;
-            this._domSanitizer = _domSanitizer;
-            this.isPopupOpen = false;
-            this.showRefresh = false;
-            this.resizing = false;
-            this.imageViewModels = [];
-            this.showLoader = false;
-            this._currentIndex = 0;
-            this._images = [];
-            this._subs = [];
-            this._resizeCanvasHeight = 500;
-            this._subs.push(this._appEventService.onRenderStarted.subscribe(function () {
-                _this.showLoader = true;
-                _this._changeDetector.detectChanges();
-                setTimeout(function () {
-                    _this.showLoader = false;
-                    _this._changeDetector.detectChanges();
-                }, 10000);
-            }), this._appEventService.onDraftRenderImageReceived.subscribe(function (event) {
-                if (event && event.detail) {
-                    if (_this._images[0] instanceof coDocument_bo.CoDocument) {
-                        _this._images.unshift(event.detail);
-                    }
-                    else {
-                        _this._images[0] = event.detail;
-                    }
-                    _this._loadAndRescaleImages();
-                }
-                _this.showLoader = false;
-                _this._changeDetector.detectChanges();
-            }));
-        }
-        // Close on ESC
-        ImageCarouselComponent.prototype.onEsc = function () {
-            if (this.isPopupOpen) {
-                this.closePopup();
-            }
-        };
-        Object.defineProperty(ImageCarouselComponent.prototype, "images", {
-            get: function () {
-                return this._images;
-            },
-            set: function (value) {
-                if (value && value.length > 0) {
-                    this._images = this._filterValidImages(value);
-                    this._loadAndRescaleImages();
-                    this._changeDetector.detectChanges();
-                }
-            },
-            enumerable: false,
-            configurable: true
-        });
-        ImageCarouselComponent.prototype.handleWindowResize = function () {
-            var _this = this;
-            this.resizing = true;
-            this._scrollCarouselToIndex();
-            clearTimeout(this._resizeTimer);
-            this._resizeTimer = setTimeout(function () {
-                _this.resizing = false;
-            }, 200);
-        };
-        ImageCarouselComponent.prototype.gotoNextSlide = function () {
-            this.currentIndex++;
-        };
-        ImageCarouselComponent.prototype.gotoPrevSlide = function () {
-            this.currentIndex--;
-        };
-        ImageCarouselComponent.prototype.isCurrentIndex = function (index) {
-            return this.currentIndex === index;
-        };
-        Object.defineProperty(ImageCarouselComponent.prototype, "currentIndex", {
-            get: function () {
-                return this._currentIndex;
-            },
-            set: function (value) {
-                this._currentIndex = value;
-                this._scrollCarouselToIndex();
-            },
-            enumerable: false,
-            configurable: true
-        });
-        ImageCarouselComponent.prototype.ngOnDestroy = function () {
-            this.carousel = undefined;
-            this._subs.forEach(function (s) { return s.unsubscribe(); });
-        };
-        ImageCarouselComponent.prototype.handleThumbClick = function (index) {
-            this.currentIndex = index;
-        };
-        ImageCarouselComponent.prototype.onForceRenderImage = function () {
-            this._appEventService.onForceRenderImage.next();
-        };
-        ImageCarouselComponent.prototype.handleShowImage = function (imageViewModel) {
-            if (imageViewModel && imageViewModel.originalSource) {
-                this.selectedImage = imageViewModel;
-                this.isPopupOpen = true;
-                this._changeDetector.markForCheck();
-            }
-        };
-        ImageCarouselComponent.prototype.closePopup = function () {
-            this.isPopupOpen = false;
-            this.selectedImage = undefined;
-            this._changeDetector.markForCheck();
-        };
-        ImageCarouselComponent.prototype._filterValidImages = function (value) {
-            if (!value) {
-                return [];
-            }
-            return value.filter(function (doc) {
-                var pattern = /\.(jpg|jpeg|png|gif|bmp|tiff|webp)$/i;
-                return typeof doc === 'string' || (pattern.test(doc.fileName) || !!doc.filePath);
-            });
-        };
-        ImageCarouselComponent.prototype._loadAndRescaleImages = function () {
-            var _this = this;
-            this.imageViewModels.length = 0;
-            if (this._images) {
-                this._images.forEach(function (i) {
-                    var imageViewModel = new ImageViewModel();
-                    imageViewModel.image = i;
-                    if (typeof i === 'string') { // is a rendered image coming from configurator
-                        _this._resizeAndSanitizeSource(i, imageViewModel);
-                    }
-                    else {
-                        if (i.filePath) {
-                            _this._resizeAndSanitizeSource(i.filePath, imageViewModel);
-                        }
-                        else if (i.documentBody) {
-                            _this._resizeAndSanitizeSource(i.documentBodyAsDataUri, imageViewModel);
-                        }
-                        else {
-                            _this._ione.getDocumentContent(i.documentId, false).then(function (content) {
-                                if (content) {
-                                    i.documentBody = content.documentContent;
-                                    _this._resizeAndSanitizeSource(i.documentBodyAsDataUri, imageViewModel);
-                                    _this._changeDetector.detectChanges();
-                                }
-                            });
-                        }
-                    }
-                    _this.imageViewModels.push(imageViewModel);
-                    _this._changeDetector.detectChanges();
-                });
-            }
-        };
-        ImageCarouselComponent.prototype._resizeAndSanitizeSource = function (source, imageViewModel) {
-            var _this = this;
-            var resizeCanvas = document.createElement('canvas');
-            var ctx = resizeCanvas.getContext('2d');
-            var img = document.createElement('img');
-            img.crossOrigin = 'anonymous';
-            img.onload = function () {
-                ctx.imageSmoothingEnabled = true;
-                ctx.imageSmoothingQuality = 'high';
-                var ow = img.width;
-                var oh = img.height;
-                var aspect = ow / oh;
-                var newW = _this._resizeCanvasHeight;
-                var newH = _this._resizeCanvasHeight;
-                if (ow > oh) {
-                    newH = _this._resizeCanvasHeight / aspect;
-                }
-                else {
-                    newW = _this._resizeCanvasHeight * aspect;
-                }
-                resizeCanvas.width = Math.round(newW);
-                resizeCanvas.height = Math.round(newH);
-                // Ensure transparent background before drawing
-                ctx.clearRect(0, 0, resizeCanvas.width, resizeCanvas.height);
-                ctx.drawImage(img, 0, 0, resizeCanvas.width, resizeCanvas.height);
-                var mime = _this._detectPreferredMime(source);
-                var resizedSource = mime === 'image/jpeg'
-                    ? resizeCanvas.toDataURL('image/jpeg', 0.92) // only if original was JPEG
-                    : resizeCanvas.toDataURL(mime); // PNG/WebP keep alpha
-                imageViewModel.source = _this._domSanitizer.bypassSecurityTrustUrl(resizedSource);
-                imageViewModel.originalSource = source;
-                _this._changeDetector.detectChanges();
-            };
-            img.src = source;
-        };
-        ImageCarouselComponent.prototype._detectPreferredMime = function (source) {
-            // Data URI check
-            var m = source.match(/^data:(image\/[a-zA-Z+.-]+);base64,/);
-            if (m) {
-                var t = m[1].toLowerCase();
-                if (t === 'image/png' || t === 'image/webp' || t === 'image/jpeg')
-                    return t;
-            }
-            var lower = source.toLowerCase();
-            if (lower.endsWith('.png'))
-                return 'image/png';
-            if (lower.endsWith('.webp'))
-                return 'image/webp';
-            if (lower.endsWith('.jpg') || lower.endsWith('.jpeg'))
-                return 'image/jpeg';
-            return 'image/png';
-        };
-        ImageCarouselComponent.prototype._scrollCarouselToIndex = function () {
-            if (this.currentIndex > -1 && this.currentIndex <= this.images.length) {
-                var movePx = this.currentIndex * this.carousel.nativeElement.clientWidth;
-                if (this.carousel && this.carousel.nativeElement) {
-                    this.carousel.nativeElement.scrollLeft = movePx;
-                    // this.carousel.nativeElement.scrollTo({
-                    //   left: movePx,
-                    //   behavior: 'smooth'
-                    // });
-                }
-            }
-        };
-        return ImageCarouselComponent;
-    }());
-    ImageCarouselComponent.decorators = [
-        { type: i0.Component, args: [{
-                    selector: 'app-image-carousel',
-                    template: "\n      <div id=\"product_page_carousel\">\n          <div id=\"product_page_carousel_items\">\n              <co-loader [isShown]=\"true\" *ngIf=\"showLoader\"></co-loader>\n              <div #carousel class=\"inner-carousel\">\n                  <!-- This has been taken out of the for loop to prevent flashing images when updating. -->\n                  <div *ngIf=\"imageViewModels[0]\" class=\"carousel-item\" [id]=\"'slide-0'\" [class.active]=\"isCurrentIndex(0)\" (click)=\"handleShowImage(imageViewModels[0])\">\n                      <img [src]=\"imageViewModels[0].source\">\n                  </div>\n                  <div *ngFor=\"let imageViewModel of imageViewModels.slice(1); let index = index\" class=\"carousel-item\"\n                       [id]=\"'slide-' + (index + 1)\" [class.active]=\"isCurrentIndex((index + 1))\" (click)=\"handleShowImage(imageViewModel)\">\n                      <img [src]=\"imageViewModel.source\">\n                  </div>\n                  <div class=\"carousel-scroller-layer\" *ngIf=\"imageViewModels && imageViewModels.length > 1\">\n                      <div class=\"carousel-item-scroller prev\" (click)=\"gotoPrevSlide()\" *ngIf=\"currentIndex > 0\"></div>\n                      <div class=\"carousel-item-scroller next\" (click)=\"gotoNextSlide()\" *ngIf=\"currentIndex < images.length - 1\"></div>\n                  </div>\n              </div>\n              <!--\n                      <co-icon class=\"selector-type-icon refresh-button\" [iconData]=\"iconCache.getIcon(icons.Refresh)\" (click)=\"onForceRenderImage()\" [class.loading]=\"showLoader\" *ngIf=\"showRefresh\"></co-icon>\n              -->\n          </div>\n\n          <div id=\"product_page_carousel_thumbs\">\n              <co-scroll-container class=\"scroll-container\" *ngIf=\"imageViewModels && imageViewModels.length > 1\">\n                  <div *ngFor=\"let imageViewModel of imageViewModels; let index = index\" class=\"carousel-thumb\"\n                       [class.active]=\"index === currentIndex\">\n                      <img [src]=\"imageViewModel.source\" (click)=\"handleThumbClick(index)\"/>\n                  </div>\n              </co-scroll-container>\n          </div>\n      </div>\n      <!-- Modal (real popup) -->\n      <div\n        class=\"image-modal\"\n        *ngIf=\"isPopupOpen\"\n        (click)=\"closePopup()\"\n        role=\"dialog\"\n        aria-modal=\"true\"\n        aria-label=\"Image preview\"\n      >\n        <div class=\"image-modal__content\" (click)=\"$event.stopPropagation()\">\n          <button\n            class=\"image-modal__close\"\n            type=\"button\"\n            aria-label=\"Close\"\n            (click)=\"closePopup()\"\n          >\n            \u00D7\n          </button>\n\n          <img [src]=\"selectedImage?.originalSource\" alt=\"Image preview\" />\n        </div>\n      </div>\n  ",
-                    changeDetection: i0.ChangeDetectionStrategy.OnPush,
-                    styles: [":host{max-height:540px;height:100%;position:relative}:host:not(.resizing) .inner-carousel{scroll-behavior:smooth;-webkit-overflow-scrolling:touch;scroll-snap-type:x mandatory}#product_page_carousel{position:relative}#product_page_carousel .refresh-button{position:absolute;bottom:10px;right:10px;background:#fff}#product_page_carousel .refresh-button.loading{animation:spin 1s linear infinite}#product_page_carousel .refresh-button:hover{box-shadow:none;background:#74B77F;transition:all .2s ease-in-out}#product_page_carousel .refresh-button:hover ::ng-deep svg path{fill:#fff!important}#product_page_carousel #product_page_carousel_items{position:relative;margin-bottom:10px}#product_page_carousel #product_page_carousel_items ::ng-deep co-loader{position:absolute}#product_page_carousel .inner-carousel{display:flex;flex-direction:row;align-items:center;overflow:hidden;max-height:500px;border:1px solid #efefef}#product_page_carousel .carousel-item{max-height:500px;width:100%;display:flex;cursor:zoom-in;flex-shrink:0;flex-grow:0}#product_page_carousel .carousel-item img{width:100%;height:auto;-o-object-fit:contain;object-fit:contain}#product_page_carousel .carousel-scroller-layer{height:100%;width:100%;position:absolute;pointer-events:none;top:0;left:0}#product_page_carousel #product_page_carousel_thumbs{display:flex;justify-content:flex-start;height:80px;margin-left:auto;margin-right:auto}#product_page_carousel #product_page_carousel_thumbs ::ng-deep co-scroll-container{padding:0 22px}#product_page_carousel #product_page_carousel_thumbs ::ng-deep co-scroll-container .content-wrapper{padding:0}#product_page_carousel #product_page_carousel_thumbs .carousel-thumb{opacity:1;cursor:pointer;transition:all .2s ease;padding:4px;border:1px solid #f6f5f4}#product_page_carousel #product_page_carousel_thumbs .carousel-thumb.active,#product_page_carousel #product_page_carousel_thumbs .carousel-thumb:hover{border-color:#22313c}#product_page_carousel #product_page_carousel_thumbs .carousel-thumb:not(:last-child){margin-right:10px}#product_page_carousel #product_page_carousel_thumbs .carousel-thumb img{height:68px}.image-modal{position:fixed;inset:0;background:rgba(0,0,0,.8);display:flex;align-items:center;justify-content:center;z-index:1000}.image-modal__content{position:relative;max-width:90vw;max-height:90vh}.image-modal__content img{max-width:90vw;max-height:90vh;-o-object-fit:contain;object-fit:contain;display:block}.image-modal__close{position:fixed;top:15px;right:30px;background:transparent;border:none;color:#fff;font-size:60px;line-height:1;cursor:pointer}@media screen and (max-width: 650px){#product_page_carousel_thumbs{height:57px!important}#product_page_carousel_thumbs .carousel-thumb img{height:50px!important}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}\n"]
-                },] }
-    ];
-    ImageCarouselComponent.ctorParameters = function () { return [
-        { type: ProductConnectorService },
-        { type: ProductEventService },
-        { type: i0.ChangeDetectorRef },
-        { type: i1$1.DomSanitizer }
-    ]; };
-    ImageCarouselComponent.propDecorators = {
-        carousel: [{ type: i0.ViewChild, args: ['carousel', { read: i0.ElementRef },] }],
-        onEsc: [{ type: i0.HostListener, args: ['document:keydown.escape',] }],
-        showRefresh: [{ type: i0.Input }],
-        images: [{ type: i0.Input }],
-        handleWindowResize: [{ type: i0.HostListener, args: ['window:resize',] }],
-        gotoNextSlide: [{ type: i0.HostListener, args: ['swipeleft',] }],
-        gotoPrevSlide: [{ type: i0.HostListener, args: ['swiperight',] }],
-        resizing: [{ type: i0.HostBinding, args: ['class.resizing',] }]
-    };
-
-    var ImageCarouselModule = /** @class */ (function () {
-        function ImageCarouselModule() {
-        }
-        return ImageCarouselModule;
-    }());
-    ImageCarouselModule.decorators = [
-        { type: i0.NgModule, args: [{
-                    imports: [
-                        common.CommonModule,
-                        corecomponents.LoaderModule,
-                        // IconModule,
-                        corecomponents.ScrollContainerModule
-                    ],
-                    declarations: [
-                        ImageCarouselComponent
-                    ],
-                    exports: [
-                        ImageCarouselComponent
-                    ]
-                },] }
-    ];
-
-    var ProductDescriptionComponent = /** @class */ (function () {
-        function ProductDescriptionComponent() {
-        }
-        ProductDescriptionComponent.prototype.ngOnInit = function () {
-        };
-        return ProductDescriptionComponent;
-    }());
-    ProductDescriptionComponent.decorators = [
-        { type: i0.Component, args: [{
-                    selector: 'app-product-description',
-                    template: "\n    <div class=\"pd-title-wrapper\">\n      <span class=\"pd-description\" [textContent]=\"article?.descriptionRetail\" *ngIf=\"article?.descriptionRetail\"></span>\n      <span class=\"pd-sku\" [textContent]=\"article?.articleNr\" *ngIf=\"article?.articleNr\"></span>\n    </div>\n  ",
-                    styles: [":host{display:block}.pd-title-wrapper{margin:20px 0 0}.pd-description{color:#22313c;font-size:25px;font-weight:bold;width:100%;display:block}.pd-sku{color:#5b6875;font-size:16px}@media screen and (max-width: 650px){.pd-description{font-size:21px}.pd-sku{font-size:13px}}\n"]
-                },] }
-    ];
-    ProductDescriptionComponent.ctorParameters = function () { return []; };
-    ProductDescriptionComponent.propDecorators = {
-        article: [{ type: i0.Input }]
-    };
-
-    var ProductDescriptionModule = /** @class */ (function () {
-        function ProductDescriptionModule() {
-        }
-        return ProductDescriptionModule;
-    }());
-    ProductDescriptionModule.decorators = [
-        { type: i0.NgModule, args: [{
-                    imports: [
-                        common.CommonModule
-                    ],
-                    declarations: [
-                        ProductDescriptionComponent
-                    ],
-                    exports: [
-                        ProductDescriptionComponent
-                    ]
-                },] }
-    ];
-
-    var BitUtils = /** @class */ (function () {
-        function BitUtils() {
-        }
-        BitUtils.IsShortDescription = function (bit) {
-            return (1 & bit) > 0;
-        };
-        BitUtils.IsFullDescription = function (bit) {
-            return (2 & bit) > 0;
-        };
-        BitUtils.IsMetaTitle = function (bit) {
-            return (4 & bit) > 0;
-        };
-        BitUtils.IsMetaDescription = function (bit) {
-            return (8 & bit) > 0;
-        };
-        BitUtils.IsMetaKeys = function (bit) {
-            return (16 & bit) > 0;
-        };
-        return BitUtils;
-    }());
-
-    var ProductAdditionalDescriptionComponent = /** @class */ (function () {
-        function ProductAdditionalDescriptionComponent(_appEventService) {
-            this._appEventService = _appEventService;
-        }
-        Object.defineProperty(ProductAdditionalDescriptionComponent.prototype, "article", {
-            get: function () {
-                return this._article;
-            },
-            set: function (value) {
-                this._article = value;
-                if (this._article) {
-                    this.description = this.article.additionalDescription;
-                    this._prepareDescription();
-                }
-            },
-            enumerable: false,
-            configurable: true
-        });
-        ProductAdditionalDescriptionComponent.prototype.ngOnInit = function () {
-        };
-        ProductAdditionalDescriptionComponent.prototype.onReadMore = function () {
-            this._appEventService.onUpdateProductInfoTab.next(0);
-        };
-        ProductAdditionalDescriptionComponent.prototype._prepareDescription = function () {
-            var _this = this;
-            this.description = '';
-            if (this.article.texts && this.article.texts.length > 0) {
-                this.article.texts.forEach(function (txt) {
-                    if (BitUtils.IsShortDescription(txt.publication)) {
-                        _this.description += txt.text;
-                    }
-                });
-                this.description = this.description.replace(/<[^>]*>?/gm, '');
-                if (this.description.length > 250) {
-                    this.description = this.description.substr(0, 250) + ' [..]';
-                }
-            }
-        };
-        return ProductAdditionalDescriptionComponent;
-    }());
-    ProductAdditionalDescriptionComponent.decorators = [
-        { type: i0.Component, args: [{
-                    selector: 'app-product-additional-description',
-                    template: "\n    <ng-container *ngIf=\"description !== ''\">\n      <div class=\"pd-additional-description\">\n        <p [innerHTML]=\"description\"></p>\n        <button class=\"pd-read-more-btn\" [textContent]=\"'READ_MORE' | localize\" (click)=\"onReadMore()\"></button>\n      </div>\n    </ng-container>\n  ",
-                    styles: [":host{display:block;padding-top:0!important}:host *:focus{outline:0!important}:host .pd-additional-description{line-height:190%;color:#22313c;font-size:13px}:host .pd-read-more-btn{color:#2b60a7;border:none;background:transparent;cursor:pointer;text-decoration:underline;font-family:iOneMontserrat}:host .pd-read-more-btn:hover{color:#74b77f}@media screen and (max-width: 650px){:host .pd-additional-description{font-size:12px}}\n"]
-                },] }
-    ];
-    ProductAdditionalDescriptionComponent.ctorParameters = function () { return [
-        { type: ProductEventService }
-    ]; };
-    ProductAdditionalDescriptionComponent.propDecorators = {
-        article: [{ type: i0.Input }]
-    };
-
-    var ProductAdditionalDescriptionModule = /** @class */ (function () {
-        function ProductAdditionalDescriptionModule() {
-        }
-        return ProductAdditionalDescriptionModule;
-    }());
-    ProductAdditionalDescriptionModule.decorators = [
-        { type: i0.NgModule, args: [{
-                    imports: [
-                        common.CommonModule,
-                        PipeModule
-                    ],
-                    declarations: [
-                        ProductAdditionalDescriptionComponent
-                    ],
-                    exports: [
-                        ProductAdditionalDescriptionComponent
-                    ]
-                },] }
-    ];
-
-    var ProductPriceComponent = /** @class */ (function () {
-        function ProductPriceComponent(_changeDetector) {
-            this._changeDetector = _changeDetector;
-            this.showFromPrice = false;
-            this._configurable = false;
-        }
-        Object.defineProperty(ProductPriceComponent.prototype, "pricing", {
-            get: function () {
-                return this._pricing;
-            },
-            set: function (value) {
-                this._pricing = value;
-                this._setPrices();
-            },
-            enumerable: false,
-            configurable: true
-        });
-        Object.defineProperty(ProductPriceComponent.prototype, "configurable", {
-            set: function (value) {
-                this._configurable = value;
-                this._setPrices();
-            },
-            enumerable: false,
-            configurable: true
-        });
-        ProductPriceComponent.prototype.ngOnInit = function () {
-        };
-        ProductPriceComponent.prototype._setPrices = function () {
-            if (this._pricing) {
-                this.valutaSign = this._getSign(this._pricing.retailCurrency);
-                if (this._configurable) {
-                    this.fromPrice = this._pricing.retailBasePrice ? this._pricing.retailBasePrice : this._pricing.priceBaseline;
-                    this.fromLabel = this._pricing.retailBasePrice ? 'PRICE' : 'FROM';
-                    this.toPrice = undefined;
-                    this.toLabel = '';
-                }
-                else {
-                    var hasSuggested = this._pricing.retailSuggestedPrice !== undefined && this._pricing.retailSuggestedPrice !== null;
-                    this.fromPrice = hasSuggested ? this._pricing.retailSuggestedPrice : this._pricing.retailBasePrice;
-                    this.fromLabel = hasSuggested ? 'Was' : 'PRICE';
-                    // Always set toPrice to base price
-                    this.toPrice = this._pricing.retailBasePrice;
-                    this.toLabel = hasSuggested ? 'IS_NOW' : 'PRICE';
-                }
-                this._changeDetector.detectChanges();
-            }
-        };
-        ProductPriceComponent.prototype._getSign = function (currency) {
-            switch (currency) {
-                case 'EUR':
-                    return '€';
-                default:
-                    return '€';
-            }
-        };
-        return ProductPriceComponent;
-    }());
-    ProductPriceComponent.decorators = [
-        { type: i0.Component, args: [{
-                    selector: 'app-product-price',
-                    template: "\n    <div *ngIf=\"toPrice\">\n      <div class=\"price-wrapper\" *ngIf=\"fromPrice > toPrice\">\n        <div class=\"from-price-label\" [textContent]=\"fromLabel | localize\"></div>\n        <div class=\"from-price\" [textContent]=\"fromPrice | priceDisplay: valutaSign\"></div>\n      </div>\n      <div class=\"price-wrapper\">\n        <div class=\"to-price-label\" [textContent]=\"toLabel | localize\"></div>\n        <div class=\"to-price\" [textContent]=\"toPrice | priceDisplay: valutaSign\"></div>\n      </div>\n    </div>\n  ",
-                    styles: [":host{display:flex;flex-direction:column}.price-wrapper{width:100%;font-size:15px;margin:0 0 5px;display:inline-block}.price-wrapper:last-child{margin:0}.from-price-label,.to-price-label{color:#5b6875;display:none}.from-price{font-size:16px;font-weight:bold;text-decoration:line-through;color:#5b6875}.to-price{font-size:25px;font-weight:bold;color:#74b77f}@media screen and (max-width: 650px){.from-price{font-size:13px}.to-price{font-size:21px}}\n"]
-                },] }
-    ];
-    ProductPriceComponent.ctorParameters = function () { return [
-        { type: i0.ChangeDetectorRef }
-    ]; };
-    ProductPriceComponent.propDecorators = {
-        pricing: [{ type: i0.Input }],
-        configurable: [{ type: i0.Input }]
-    };
-
-    var ProductPriceModule = /** @class */ (function () {
-        function ProductPriceModule() {
-        }
-        return ProductPriceModule;
-    }());
-    ProductPriceModule.decorators = [
-        { type: i0.NgModule, args: [{
-                    imports: [
-                        common.CommonModule,
-                        PipeModule,
-                        corecomponents.PriceDisplayPipeModule
-                    ],
-                    declarations: [
-                        ProductPriceComponent
-                    ],
-                    exports: [
-                        ProductPriceComponent
-                    ]
-                },] }
-    ];
-
-    var ProductAddtocartComponent = /** @class */ (function () {
-        function ProductAddtocartComponent(iconCache, _ioneControllerService, _appEventService, _settingsService, _productConnectorAdapterService) {
-            this.iconCache = iconCache;
-            this._ioneControllerService = _ioneControllerService;
-            this._appEventService = _appEventService;
-            this._settingsService = _settingsService;
-            this._productConnectorAdapterService = _productConnectorAdapterService;
-            this.icon = IconEnum;
-            this.createFrozenArticle = true;
-            this.configurable = false;
-            this.configuring = false;
-            this.showAddToCart = false;
-            this.isReturn = false;
-            this.fullscreen = false;
-            this.startConfiguration = new i0.EventEmitter();
-            this.addToCartClick = new i0.EventEmitter();
-            this.addToQuoteClick = new i0.EventEmitter();
-            this.showRelatedPopup = new i0.EventEmitter();
-            this.showQuoteButton = false;
-            this._quantity = 1;
-        }
-        Object.defineProperty(ProductAddtocartComponent.prototype, "quantity", {
-            get: function () {
-                return this._quantity;
-            },
-            set: function (value) {
-                if (this.isReturn) {
-                    if (this._quantity === 1) {
-                        this._quantity = -1;
-                    }
-                    else {
-                        this._quantity = value;
-                    }
-                }
-                else {
-                    this._quantity = Math.max(1, value);
-                }
-            },
-            enumerable: false,
-            configurable: true
-        });
-        ProductAddtocartComponent.prototype.ngOnInit = function () {
-        };
-        ProductAddtocartComponent.prototype.ngOnDestroy = function () {
-            this.addToCartButton = undefined;
-        };
-        ProductAddtocartComponent.prototype.handleAddToCartClick = function (quantity) {
-            return __awaiter(this, void 0, void 0, function () {
-                var article, article, article;
-                return __generator(this, function (_a) {
-                    switch (_a.label) {
-                        case 0:
-                            if (!this.createFrozenArticle) return [3 /*break*/, 10];
-                            if (!(this.article.goodType === 'B')) return [3 /*break*/, 5];
-                            if (!this.article.isConfigurable) return [3 /*break*/, 2];
-                            return [4 /*yield*/, this._getJSONFromArticleObject({ article: this.article, quantity: quantity })];
-                        case 1:
-                            article = _a.sent();
-                            if (article) {
-                                this._appEventService.onAddToCart.next({ article: article, quantity: quantity });
-                            }
-                            return [3 /*break*/, 4];
-                        case 2: return [4 /*yield*/, this._handleGeneratedArticleDirectly(quantity)];
-                        case 3:
-                            _a.sent();
-                            _a.label = 4;
-                        case 4: return [3 /*break*/, 9];
-                        case 5:
-                            article = void 0;
-                            if (!!!this.externalSource) return [3 /*break*/, 7];
-                            return [4 /*yield*/, this._getJSONFromArticleObject({ article: this.article, quantity: quantity })];
-                        case 6:
-                            article = _a.sent();
-                            return [3 /*break*/, 8];
-                        case 7:
-                            article = this._ioneControllerService.convertArticleFullObjectToArticleExtended(this.article);
-                            _a.label = 8;
-                        case 8:
-                            if (article) {
-                                this._appEventService.onAddToCart.next({ article: article, quantity: quantity });
-                            }
-                            _a.label = 9;
-                        case 9: return [3 /*break*/, 14];
-                        case 10:
-                            if (!(this.article.goodType === 'B')) return [3 /*break*/, 13];
-                            if (!!this.article.isConfigurable) return [3 /*break*/, 12];
-                            return [4 /*yield*/, this._handleGeneratedArticleDirectly(quantity)];
-                        case 11:
-                            _a.sent();
-                            _a.label = 12;
-                        case 12: return [3 /*break*/, 14];
-                        case 13:
-                            article = this._ioneControllerService.convertArticleFullObjectToArticleExtended(this.article);
-                            this._appEventService.onAddToCart.next({ article: article, quantity: quantity });
-                            _a.label = 14;
-                        case 14: return [2 /*return*/];
-                    }
-                });
-            });
-        };
-        ProductAddtocartComponent.prototype.handleAddToQuoteClick = function (quantity) {
-            return __awaiter(this, void 0, void 0, function () {
-                var _a, _b;
-                return __generator(this, function (_c) {
-                    switch (_c.label) {
-                        case 0:
-                            _b = (_a = this._appEventService.onAddToQuote).next;
-                            return [4 /*yield*/, this._getJSONFromArticleObject({ article: this.article, quantity: quantity })];
-                        case 1:
-                            _b.apply(_a, [_c.sent()]);
-                            return [2 /*return*/];
-                    }
-                });
-            });
-        };
-        ProductAddtocartComponent.prototype._getJSONFromArticleObject = function (article) {
-            return __awaiter(this, void 0, void 0, function () {
-                var configuratorStatistics;
-                return __generator(this, function (_a) {
-                    switch (_a.label) {
-                        case 0:
-                            configuratorStatistics = new configuratorStatisticsEnvironment.ConfiguratorStatisticsEnvironment();
-                            configuratorStatistics.userType = 'iOneProductPage';
-                            configuratorStatistics.transactionType = 'Sales';
-                            configuratorStatistics.actionDomain = 'bundle';
-                            configuratorStatistics.sessionId = this._settingsService.settings.session ? this._settingsService.settings.session.sessionId : 'unknown';
-                            configuratorStatistics.webHost = window.location.host;
-                            configuratorStatistics.bundleHost = window.location.host;
-                            return [4 /*yield*/, this._ioneControllerService.getJsonArticleFlatTree(article.article.goodId, article.article.goodType, article.quantity, !!this.externalSource, true, configuratorStatistics)];
-                        case 1: return [2 /*return*/, _a.sent()];
-                    }
-                });
-            });
-        };
-        ProductAddtocartComponent.prototype._handleGeneratedArticleDirectly = function (quantity) {
-            return __awaiter(this, void 0, void 0, function () {
-                var generatedGoodId, articleFull, article;
-                return __generator(this, function (_a) {
-                    switch (_a.label) {
-                        case 0: return [4 /*yield*/, this._getGeneratedArtDirectly(this.article.goodId)];
-                        case 1:
-                            generatedGoodId = _a.sent();
-                            if (!generatedGoodId) return [3 /*break*/, 3];
-                            return [4 /*yield*/, this._productConnectorAdapterService.getArticleFullObject(generatedGoodId, true)];
-                        case 2:
-                            articleFull = _a.sent();
-                            article = this._ioneControllerService.convertArticleFullObjectToArticleExtended(articleFull);
-                            this._appEventService.onAddToCart.next({ article: article, quantity: quantity });
-                            _a.label = 3;
-                        case 3: return [2 /*return*/];
-                    }
-                });
-            });
-        };
-        ProductAddtocartComponent.prototype._getGeneratedArtDirectly = function (goodId) {
-            return __awaiter(this, void 0, void 0, function () {
-                return __generator(this, function (_a) {
-                    switch (_a.label) {
-                        case 0: return [4 /*yield*/, this._ioneControllerService.getGeneratedArtDirectly(goodId, true)];
-                        case 1: return [2 /*return*/, _a.sent()];
-                    }
-                });
-            });
-        };
-        return ProductAddtocartComponent;
-    }());
-    ProductAddtocartComponent.decorators = [
-        { type: i0.Component, args: [{
-                    selector: 'app-product-addtocart',
-                    template: "\n    <div class=\"atc-wrapper\">\n      <ng-container *ngIf=\"isReturn\">\n        <co-number-picker *ngIf=\"!configurable && !configuring\" class=\"quantity-select\" [(model)]=\"quantity\" [min]=\"-100\" horizontal></co-number-picker>\n      </ng-container>\n\n      <ng-container *ngIf=\"!isReturn\">\n        <co-number-picker *ngIf=\"!configurable && !configuring\" class=\"quantity-select\" [(model)]=\"quantity\" [min]=\"1\" horizontal></co-number-picker>\n      </ng-container>\n\n      <div class=\"button-wrapper\" *ngIf=\"configurable\">\n        <co-button class=\"configure-button\"\n                   [iconData]=\"iconCache.getIcon(icon.MagicWand)\"\n                   [label]=\"'CONFIGURE' | localize\"\n                   (onClick)=\"startConfiguration.emit()\"\n        ></co-button>\n      </div>\n      <div class=\"button-wrapper\" *ngIf=\"showAddToCart && !configurable\">\n        <co-button #addtocartbutton class=\"cart-button\"\n                   [iconData]=\"iconCache.getIcon(icon.AddToCartDrop)\"\n                   [label]=\"'SHOPPING_CART_IN' | localize\"\n                   (onClick)=\"handleAddToCartClick(quantity)\"\n        ></co-button>\n        <co-button class=\"cart-button quote\" *ngIf=\"showQuoteButton\"\n                   [iconData]=\"iconCache.getIcon(icon.Quote)\"\n                   [label]=\"'QUOTATION' | localize\"\n                   (onClick)=\"handleAddToQuoteClick(quantity)\"\n        ></co-button>\n      </div>\n    </div>\n  ",
-                    styles: [":host{display:flex;flex-direction:column}:host *:not(:last-child){margin-bottom:5px}:host .atc-wrapper{display:flex;flex-direction:row;align-items:baseline}:host .atc-wrapper .quantity-select{margin-right:5px}:host.full-screen .cart-button{position:fixed;right:20px;bottom:20px;z-index:3}::ng-deep co-number-picker{max-width:100px;border:2px solid #f6f5f4;border-radius:5px}::ng-deep co-number-picker ::ng-deep co-input-text{height:50px!important;border:none!important;width:50px!important}::ng-deep co-number-picker ::ng-deep co-input-text:after{display:none}::ng-deep co-number-picker ::ng-deep co-input-text.focused{box-shadow:none!important;border:none!important;background:none!important}::ng-deep co-number-picker ::ng-deep co-input-text .clear-icon{display:none}::ng-deep co-number-picker ::ng-deep co-input-text input{width:100%;text-align:center}::ng-deep co-number-picker ::ng-deep co-button{justify-content:center;padding:0!important;margin:0!important;height:50px!important;background-color:transparent!important}::ng-deep co-number-picker ::ng-deep co-button ::ng-deep co-icon [fill]{fill:#22313c!important}.button-wrapper ::ng-deep co-button{height:50px;max-width:300px;justify-content:center;font-size:15px;border-radius:5px!important;cursor:pointer;padding:0 20px!important}.button-wrapper ::ng-deep co-button:hover{background:#74B77F}::ng-deep co-button.cart-button{border-radius:5px}::ng-deep co-button.cart-button.quote{background:#7292b6}\n"]
-                },] }
-    ];
-    ProductAddtocartComponent.ctorParameters = function () { return [
-        { type: IconCacheService },
-        { type: ProductConnectorService },
-        { type: ProductEventService },
-        { type: ProductSettingsService },
-        { type: ProductConnectorAdapterService }
-    ]; };
-    ProductAddtocartComponent.propDecorators = {
-        addToCartButton: [{ type: i0.ViewChild, args: ['addtocartbutton', { read: i0.ElementRef },] }],
-        article: [{ type: i0.Input }],
-        externalSource: [{ type: i0.Input }],
-        createFrozenArticle: [{ type: i0.Input }],
-        configurable: [{ type: i0.Input }],
-        configuring: [{ type: i0.Input }],
-        showAddToCart: [{ type: i0.Input }],
-        isReturn: [{ type: i0.Input }],
-        fullscreen: [{ type: i0.HostBinding, args: ['class.full-screen',] }, { type: i0.Input }],
-        quantity: [{ type: i0.Input }],
-        startConfiguration: [{ type: i0.Output }],
-        addToCartClick: [{ type: i0.Output }],
-        addToQuoteClick: [{ type: i0.Output }],
-        showRelatedPopup: [{ type: i0.Output }]
-    };
-
-    var ProductAddtocartModule = /** @class */ (function () {
-        function ProductAddtocartModule() {
-        }
-        return ProductAddtocartModule;
-    }());
-    ProductAddtocartModule.decorators = [
-        { type: i0.NgModule, args: [{
-                    imports: [
-                        common.CommonModule,
-                        corecomponents.NumberPickerModule,
-                        corecomponents.ButtonModule,
-                        PipeModule,
-                        corecomponents_v12.LoaderModule
-                    ],
-                    declarations: [
-                        ProductAddtocartComponent
-                    ],
-                    exports: [
-                        ProductAddtocartComponent
-                    ]
-                },] }
-    ];
-
-    var ArticleViewModel = /** @class */ (function () {
-        function ArticleViewModel(article, imageData) {
-            this.article = article;
-            if (imageData) {
-                this.imageData = imageData;
-            }
-        }
-        return ArticleViewModel;
-    }());
-    var ProductRelatedComponent = /** @class */ (function () {
-        function ProductRelatedComponent(_iOne, _appEventService, _productConnectorAdapterService, _settingsService) {
-            this._iOne = _iOne;
-            this._appEventService = _appEventService;
-            this._productConnectorAdapterService = _productConnectorAdapterService;
-            this._settingsService = _settingsService;
-            this.isSmallModus = true;
-            this.createFrozenArticle = true;
-            this.articleViewModels = [];
-            this._articles = [];
-        }
-        Object.defineProperty(ProductRelatedComponent.prototype, "articles", {
-            get: function () {
-                return this._articles;
-            },
-            set: function (value) {
-                var _this = this;
-                if (value) {
-                    if (this.refType && this.refType !== undefined) {
-                        if (value.length > 0) {
-                            value.forEach(function (x) {
-                                if (x.refType === _this.refType) {
-                                    _this._articles.push(x);
-                                }
-                            });
-                        }
-                    }
-                    else {
-                        this._articles = value;
-                    }
-                    this.articleViewModels.length = 0;
-                    this._articles.forEach(function (a) { return _this.articleViewModels.push(new ArticleViewModel(a)); });
-                    this._loadImages();
-                }
-            },
-            enumerable: false,
-            configurable: true
-        });
-        ProductRelatedComponent.prototype.handleContentClick = function (article) {
-            this._appEventService.onAlternativeClick.next(article);
-        };
-        ProductRelatedComponent.prototype.handleAddToCartClick = function (article) {
-            return __awaiter(this, void 0, void 0, function () {
-                var quantity, articleFull, article_1, article_2;
-                return __generator(this, function (_a) {
-                    switch (_a.label) {
-                        case 0:
-                            quantity = 1;
-                            return [4 /*yield*/, this._productConnectorAdapterService.getArticleFullObject(article.goodId, true)];
-                        case 1:
-                            articleFull = _a.sent();
-                            if (articleFull) {
-                                if (this.createFrozenArticle) {
-                                    article_1 = this._iOne.convertArticleFullObjectToArticleExtended(articleFull);
-                                    this._appEventService.onAddToCart.next({ article: article_1, quantity: quantity });
-                                    // this._appEventService.onAddToCart.next({ article: await this._getJSONFromArticleObject({article: articleFull, quantity: quantity}), quantity: quantity });
-                                }
-                                else {
-                                    article_2 = this._iOne.convertArticleFullObjectToArticleExtended(articleFull);
-                                    this._appEventService.onAddToCart.next({ article: article_2, quantity: quantity });
-                                }
-                            }
-                            return [2 /*return*/];
-                    }
-                });
-            });
-        };
-        ProductRelatedComponent.prototype.handleConfigureButtonClick = function (article) {
-        };
-        ProductRelatedComponent.prototype.handleThreeDButtonClick = function (article) {
-        };
-        ProductRelatedComponent.prototype._getJSONFromArticleObject = function (article) {
-            return __awaiter(this, void 0, void 0, function () {
-                var configuratorStatistics;
-                return __generator(this, function (_a) {
-                    switch (_a.label) {
-                        case 0:
-                            configuratorStatistics = new configuratorStatisticsEnvironment.ConfiguratorStatisticsEnvironment();
-                            configuratorStatistics.userType = 'iOneProductPage';
-                            configuratorStatistics.transactionType = 'Sales';
-                            configuratorStatistics.actionDomain = 'bundle';
-                            configuratorStatistics.sessionId = this._settingsService.settings.session ? this._settingsService.settings.session.sessionId : 'unknown';
-                            configuratorStatistics.webHost = window.location.host;
-                            configuratorStatistics.bundleHost = window.location.host;
-                            return [4 /*yield*/, this._iOne.getJsonArticleFlatTree(article.article.goodId, article.article.goodType, article.quantity, !!this.externalSource, true, configuratorStatistics)];
-                        case 1: return [2 /*return*/, _a.sent()];
-                    }
-                });
-            });
-        };
-        ProductRelatedComponent.prototype._loadImages = function () {
-            return __awaiter(this, void 0, void 0, function () {
-                var _this = this;
-                return __generator(this, function (_a) {
-                    this.articleViewModels.forEach(function (avm) {
-                        if (avm.article.image) {
-                            _this._iOne.getImageForCoDocument(avm.article.image, false).then(function (imageContent) { return avm.imageData = imageContent.image; });
-                        }
-                    });
-                    return [2 /*return*/];
-                });
-            });
-        };
-        return ProductRelatedComponent;
-    }());
-    ProductRelatedComponent.decorators = [
-        { type: i0.Component, args: [{
-                    selector: 'app-product-related',
-                    template: "\n        <div *ngIf=\"articles && articles.length > 0\">\n            <app-header [label]=\"label\" [amount]=\"articles?.length\" *ngIf=\"label\"></app-header>\n            <co-scroll-container>\n                <div class=\"article-wrapper\" *ngFor=\"let articleViewModel of articleViewModels\">\n                    <co-article-tile \n                        [imageData]=\"articleViewModel.imageData\"\n                        [description]=\"articleViewModel.article.description\"\n                        [price]=\"articleViewModel.article.price\"\n                        [level]=\"articleViewModel.article.stockStatus\"\n                        [hasCartButton]=\"true\"\n                        [isSmallModus]=\"isSmallModus\"\n                        [hasConfigureButton]=\"articleViewModel.article.goodType === 'B'\"\n                        (contentClick)=\"handleContentClick(articleViewModel.article)\"\n                        (cartButtonClick)=\"handleAddToCartClick(articleViewModel.article)\"\n                        (configureButtonClick)=\"handleContentClick(articleViewModel.article)\"\n                        (threeDButtonClick)=\"handleThreeDButtonClick(articleViewModel.article)\"\n                    ></co-article-tile>\n                </div>\n            </co-scroll-container>\n        </div>\n    ",
-                    styles: [":host{display:block}.article-wrapper{display:flex;flex-direction:row;flex:1;min-width:25%}.article-wrapper ::ng-deep co-tile{transition:all .14s ease-out;border:1px solid transparent;padding:10px 20px;display:flex;flex-direction:column;color:#171721;justify-content:space-between}.article-wrapper ::ng-deep co-tile .price{display:block}.article-wrapper ::ng-deep co-tile .description{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;height:30px}.article-wrapper ::ng-deep co-tile .tile-bottom{display:flex;flex-direction:column;grid-gap:5px;gap:5px}.article-wrapper ::ng-deep co-tile:hover{border:1px solid #DCE4EA}.article-wrapper ::ng-deep co-tile .tile-extra-bottom co-button co-icon{width:24px;height:24px}.article-wrapper ::ng-deep co-tile .tile-extra-bottom co-button co-icon svg [fill]{fill:#fff}.article-wrapper ::ng-deep co-tile.small{max-width:189px;width:100%;height:100%;cursor:pointer}.article-wrapper ::ng-deep co-tile.small:hover .tile-bottom .left-buttons{margin:0!important}.article-wrapper ::ng-deep co-tile.small .tile-wrapper{outline:none!important;padding-bottom:0;overflow:hidden;grid-gap:10px;gap:10px;display:flex;flex-direction:column}.article-wrapper ::ng-deep co-tile.small .tile-wrapper div.image{height:100px}.article-wrapper ::ng-deep co-tile.small .tile-wrapper .tile-extra-bottom ::ng-deep co-button.card-button.mini{pointer-events:all;padding:0!important;font-size:0;width:42px;height:42px;text-align:center;margin:0;border-radius:100%;background:#3E7EFF;cursor:pointer;place-content:center;color:#fff}.article-wrapper ::ng-deep co-tile.small .tile-wrapper .tile-extra-bottom ::ng-deep co-button.card-button.mini ::ng-deep co-icon{width:30px;height:30px}.article-wrapper ::ng-deep co-tile.small .tile-extra-bottom{outline:none!important;background:transparent!important}.article-wrapper ::ng-deep co-tile.small .tile-extra-bottom .price{color:#74b77f;margin:5px 0 0;font-weight:400;font-size:12px}\n"]
-                },] }
-    ];
-    ProductRelatedComponent.ctorParameters = function () { return [
-        { type: ProductConnectorService },
-        { type: ProductEventService },
-        { type: ProductConnectorAdapterService },
-        { type: ProductSettingsService }
-    ]; };
-    ProductRelatedComponent.propDecorators = {
-        refType: [{ type: i0.Input }],
-        label: [{ type: i0.Input }],
-        externalSource: [{ type: i0.Input }],
-        isSmallModus: [{ type: i0.Input }],
-        createFrozenArticle: [{ type: i0.Input }],
-        articles: [{ type: i0.Input }]
-    };
-
-    var HeaderComponent = /** @class */ (function () {
-        function HeaderComponent() {
-        }
-        HeaderComponent.prototype.ngOnInit = function () {
-        };
-        return HeaderComponent;
-    }());
-    HeaderComponent.decorators = [
-        { type: i0.Component, args: [{
-                    selector: 'app-header',
-                    template: "\n    <ng-container *ngIf=\"label\">\n      <div class=\"header-wrapper\">\n        <h3 [textContent]=\"label\"></h3>\n        <span *ngIf=\"amount\" class=\"amount\" [textContent]=\"'(' + amount + ')'\"></span>\n      </div>\n    </ng-container>\n  ",
-                    styles: [".header-wrapper{display:flex;flex-direction:row;align-items:center}.header-wrapper .amount{margin-left:5px}\n"]
-                },] }
-    ];
-    HeaderComponent.ctorParameters = function () { return []; };
-    HeaderComponent.propDecorators = {
-        label: [{ type: i0.Input }],
-        amount: [{ type: i0.Input }]
-    };
-
-    var HeaderModule = /** @class */ (function () {
-        function HeaderModule() {
-        }
-        return HeaderModule;
-    }());
-    HeaderModule.decorators = [
-        { type: i0.NgModule, args: [{
-                    imports: [
-                        common.CommonModule
-                    ],
-                    declarations: [
-                        HeaderComponent
-                    ],
-                    exports: [
-                        HeaderComponent
-                    ]
-                },] }
-    ];
-
-    var ProductRelatedModule = /** @class */ (function () {
-        function ProductRelatedModule() {
-        }
-        return ProductRelatedModule;
-    }());
-    ProductRelatedModule.decorators = [
-        { type: i0.NgModule, args: [{
-                    imports: [
-                        common.CommonModule,
-                        HeaderModule,
-                        corecomponents.ScrollContainerModule,
-                        corecomponents_v12.ArticleTileModule
-                    ],
-                    declarations: [
-                        ProductRelatedComponent
-                    ],
-                    exports: [
-                        ProductRelatedComponent
-                    ]
-                },] }
-    ];
-
-    var ProductStockComponent = /** @class */ (function () {
-        function ProductStockComponent(_iOne, _iconCache) {
-            this._iOne = _iOne;
-            this._iconCache = _iconCache;
-            this.icon = IconEnum;
-            this.openStockEvent = new i0.EventEmitter();
-            this.inStock = false;
-            this.iconData = this._iconCache.getIcon(this.icon.Warehouse);
-        }
-        Object.defineProperty(ProductStockComponent.prototype, "goodId", {
-            get: function () {
-                return this._goodId;
-            },
-            set: function (value) {
-                this._goodId = value;
-                this._getStockStatus();
-            },
-            enumerable: false,
-            configurable: true
-        });
-        ProductStockComponent.prototype.openStock = function () {
-            this.openStockEvent.emit();
-        };
-        ProductStockComponent.prototype._getStockStatus = function () {
-            var _this = this;
-            if (this.goodId) {
-                this._iOne.getArtStockStatus(this.goodId).then(function (result) {
-                    switch (result) {
-                        case 1: // niet op voorraad
-                            _this.stockLabel = 'PRODUCT_LIMITED_STOCK';
-                            _this.inStock = true;
-                            break;
-                        case 2:
-                            _this.stockLabel = 'PRODUCT_IN_STOCK';
-                            _this.inStock = true;
-                            break;
-                        default:
-                            _this.stockLabel = 'PRODUCT_NOT_IN_STOCK';
-                            _this.inStock = false;
-                            break;
-                    }
-                });
-            }
-        };
-        return ProductStockComponent;
-    }());
-    ProductStockComponent.decorators = [
-        { type: i0.Component, args: [{
-                    selector: 'app-product-stock',
-                    template: "\n    <!--<app-header [label]=\"'STOCK' | localize\"></app-header>-->\n    <!--<co-level-indicator [model]=\"'medium'\"></co-level-indicator>-->\n    <div class=\"product-stock-wrapper\">\n      <co-icon class=\"stock-icon\" [iconData]=\"iconData\"></co-icon>\n      <div class=\"product-stock-fields\" (click)=\"openStock()\">\n        <div class=\"pp-default-label\" [class.in-stock]=\"inStock\" [textContent]=\"stockLabel | localize\"></div>\n      </div>\n    </div>\n  ",
-                    styles: [":host{display:block}.product-stock-wrapper{display:flex;flex-direction:row;align-items:center;border-top:1px solid #f6f5f4;border-bottom:1px solid #f6f5f4;padding:20px 15px;cursor:pointer}.product-stock-wrapper .stock-icon{margin:0 15px 0 0;width:40px;height:37px}.product-stock-wrapper .product-stock-fields{display:flex;flex-direction:row}.product-stock-wrapper .product-stock-fields .pp-default-label{font-size:14px;margin:0;color:#2b60a7;text-decoration:underline}.product-stock-wrapper .product-stock-fields .pp-default-label:after{content:\"\";width:10px;height:10px;border-radius:10px;background:#f15152;display:inline-block;margin:0 0 0 15px}.product-stock-wrapper .product-stock-fields .pp-default-label.in-stock:after{background:#74B77F}@media screen and (max-width: 400px){.product-stock-wrapper{padding:15px 0 15px 10px}.product-stock-wrapper .stock-icon{margin:0 15px 0 0;width:32px;height:28px}.product-stock-wrapper .product-stock-fields .pp-default-label{font-size:13px}}\n"]
-                },] }
-    ];
-    ProductStockComponent.ctorParameters = function () { return [
-        { type: ProductConnectorService },
-        { type: IconCacheService }
-    ]; };
-    ProductStockComponent.propDecorators = {
-        goodId: [{ type: i0.Input }],
-        openStockEvent: [{ type: i0.Output }]
-    };
-
-    var ProductStockModule = /** @class */ (function () {
-        function ProductStockModule() {
-        }
-        return ProductStockModule;
-    }());
-    ProductStockModule.decorators = [
-        { type: i0.NgModule, args: [{
-                    imports: [
-                        common.CommonModule,
-                        corecomponents.IconModule,
-                        PipeModule
-                    ],
-                    declarations: [
-                        ProductStockComponent
-                    ],
-                    exports: [
-                        ProductStockComponent
-                    ]
-                },] }
-    ];
-
-    var ProductDeliveryComponent = /** @class */ (function () {
-        function ProductDeliveryComponent(_localizePipe, _iOne, _iconCache) {
-            this._localizePipe = _localizePipe;
-            this._iOne = _iOne;
-            this._iconCache = _iconCache;
-            this.icon = IconEnum;
-            this.iconData = this._iconCache.getIcon(this.icon.Truck);
-        }
-        Object.defineProperty(ProductDeliveryComponent.prototype, "stockAndDelivery", {
-            set: function (value) {
-                if (value) {
-                    this.deliveryDescription = value.deliveryDescription;
-                    if (this.deliveryDescription.length > 0 && this.deliveryDescription[0] === ' ') {
-                        this.deliveryDescription = this._localizePipe.transform('ASK_FOR_INFORMATION');
-                    }
-                }
-            },
-            enumerable: false,
-            configurable: true
-        });
-        ProductDeliveryComponent.prototype.ngOnInit = function () {
-        };
-        return ProductDeliveryComponent;
-    }());
-    ProductDeliveryComponent.decorators = [
-        { type: i0.Component, args: [{
-                    selector: 'app-product-delivery',
-                    template: "\n    <!--<app-header [label]=\"'DELIVERY_TIME_PERIOD' | localize\"></app-header>-->\n    <div class=\"product-delivery-wrapper\">\n      <co-icon class=\"delivery-icon\" [iconData]=\"iconData\"></co-icon>\n      <div class=\"product-delivery-fields\">\n        <div class=\"pp-default-label\" [textContent]=\"'DELIVERY_TIME_PERIOD' | localize\"></div>\n        <div class=\"pp-default-description\" [textContent]=\"deliveryDescription | date:'dd MMMM yyyy'\"></div>\n      </div>\n    </div>\n  ",
-                    styles: [":host{display:block}.product-delivery-wrapper{display:flex;flex-direction:row;align-items:center;border-bottom:1px solid #f6f5f4;padding:20px 15px}.product-delivery-wrapper .delivery-icon{margin:0 15px 0 0;width:40px;height:37px}.product-delivery-wrapper .product-delivery-fields{display:flex;flex-direction:column}.product-delivery-wrapper .product-delivery-fields .pp-default-label{font-size:14px;margin:0}@media screen and (max-width: 400px){.product-delivery-wrapper{padding:15px 0 15px 10px}.product-delivery-wrapper .delivery-icon{margin:0 15px 0 0;width:32px;height:28px}.product-delivery-wrapper .product-delivery-fields .pp-default-label{font-size:13px}}\n"]
-                },] }
-    ];
-    ProductDeliveryComponent.ctorParameters = function () { return [
-        { type: LocalizePipe },
-        { type: ProductConnectorService },
-        { type: IconCacheService }
-    ]; };
-    ProductDeliveryComponent.propDecorators = {
-        stockAndDelivery: [{ type: i0.Input }]
-    };
-
-    var ProductDeliveryModule = /** @class */ (function () {
-        function ProductDeliveryModule() {
-        }
-        return ProductDeliveryModule;
-    }());
-    ProductDeliveryModule.decorators = [
-        { type: i0.NgModule, args: [{
-                    imports: [
-                        common.CommonModule,
-                        corecomponents.IconModule,
-                        PipeModule
-                    ],
-                    declarations: [
-                        ProductDeliveryComponent
-                    ],
-                    exports: [
-                        ProductDeliveryComponent
-                    ]
-                },] }
-    ];
-
-    var ProductInfoTabsComponent = /** @class */ (function () {
-        function ProductInfoTabsComponent(_appEventService) {
-            var _this = this;
-            this._appEventService = _appEventService;
-            this.activeTabHeight = 0;
-            this.tabs = [];
-            this._subs = [];
-            this._subs.push(this._appEventService.onUpdateProductInfoTab.subscribe(function (index) {
-                _this.updateTab(index);
-                _this.tabContent.nativeElement.scrollIntoView({ behavior: 'smooth' });
-            }));
-        }
-        Object.defineProperty(ProductInfoTabsComponent.prototype, "article", {
-            set: function (value) {
-                if (value) {
-                    this.articleObject = value;
-                    this._setupTabs();
-                    this.updateTab(0);
-                }
-            },
-            enumerable: false,
-            configurable: true
-        });
-        ProductInfoTabsComponent.prototype.ngOnDestroy = function () {
-            this._subs.forEach(function (s) { return s.unsubscribe(); });
-        };
-        ProductInfoTabsComponent.prototype.updateTab = function (tabIndex) {
-            this.activeTab = tabIndex;
-            this.updateHeight(tabIndex);
-        };
-        ProductInfoTabsComponent.prototype.updateHeight = function (tabIndex) {
-            if (this.tabContent && this.tabContent.nativeElement.children.length > 0) {
-                if (this.tabContent.nativeElement.children[tabIndex] !== undefined) {
-                    this.activeTabHeight = this.tabContent.nativeElement.children[tabIndex].offsetHeight;
-                }
-            }
-        };
-        ProductInfoTabsComponent.prototype._setupTabs = function () {
-            this.tabs.push({ title: 'DESCRIPTION' });
-            this.tabs.push({ title: 'FEATURES' });
-            if (this.articleObject.documents !== undefined && this.articleObject.documents.length > 0) {
-                this.tabs.push({ title: 'DOWNLOADS' });
-            }
-            if (this.articleObject.symbols !== undefined && this.articleObject.symbols.length > 0) {
-                this.tabs.push({ title: 'SYMBOLS' });
-            }
-        };
-        return ProductInfoTabsComponent;
-    }());
-    ProductInfoTabsComponent.decorators = [
-        { type: i0.Component, args: [{
-                    selector: 'app-product-info-tabs',
-                    template: "\n    <div class=\"tab-container\">\n      <div class=\"tab-header\">\n        <button *ngFor=\"let tab of tabs; let i = index\" class=\"tab-header-button\" [class.active]=\"activeTab === i\" [textContent]=\"tab.title | localize\" (click)=\"updateTab(i)\"></button>\n      </div>\n      <div class=\"tab-content\" #tabContent [style.height.px]=\"(activeTabHeight > 0 ? activeTabHeight : '')\">\n        <div class=\"tab-content-item\" *ngFor=\"let tab of tabs; let i = index\" [class.active]=\"activeTab === i\">\n          <ng-container *ngIf=\"i === 0\">\n            <app-product-additional-info class=\"\" [article]=\"articleObject\" [showLabel]=\"false\"></app-product-additional-info>\n          </ng-container>\n          <ng-container *ngIf=\"i === 1\">\n            <app-product-properties class=\"\" [article]=\"articleObject\" [showLabel]=\"false\"></app-product-properties>\n          </ng-container>\n          <ng-container *ngIf=\"i === 2\">\n            <app-product-documents [showLabel]=\"false\" class=\"\" *ngIf=\"articleObject?.documents && articleObject?.documents.length > 0\" [documents]=\"articleObject?.documents\"></app-product-documents>\n          </ng-container>\n          <ng-container *ngIf=\"i === 3\">\n            <app-product-symbols class=\"\" *ngIf=\"articleObject?.symbols && articleObject?.symbols.length > 0\" [symbols]=\"articleObject?.symbols\"></app-product-symbols>\n          </ng-container>\n        </div>\n      </div>\n    </div>\n  ",
-                    styles: ["*:focus{outline:none}:host .tab-header{border-bottom:3px solid #f6f5f4;margin:0 0 30px}:host .tab-header .tab-header-button{background:transparent;border:none;border-bottom:3px solid transparent;line-height:20px;padding:15px 20px;cursor:pointer;font-family:iOneMontserrat;color:#22313c;font-weight:bold;margin:0 0 -3px;opacity:.5}:host .tab-header .tab-header-button:hover{opacity:1}:host .tab-header .tab-header-button.active{opacity:1;border-color:#74b77f}:host .tab-content{padding:0 20px 30px;margin:0 0 20px;border-bottom:2px solid #f6f5f4;transition:all .2s ease-in-out;position:relative}:host .tab-content .tab-content-item{opacity:0;position:absolute;left:0;top:0;visibility:hidden;width:100%}:host .tab-content .tab-content-item.active{opacity:1;visibility:visible;position:static}@media screen and (max-width: 650px){:host .tab-content{padding:0 10px 15px}}@media screen and (max-width: 450px){:host .tab-header{display:flex}:host .tab-header .tab-header-button{width:100%;padding:10px;font-size:11px}}\n"]
-                },] }
-    ];
-    ProductInfoTabsComponent.ctorParameters = function () { return [
-        { type: ProductEventService }
-    ]; };
-    ProductInfoTabsComponent.propDecorators = {
-        tabContent: [{ type: i0.ViewChild, args: ['tabContent',] }],
-        article: [{ type: i0.Input }]
-    };
-
-    var ProductAdditionalInfoComponent = /** @class */ (function () {
-        function ProductAdditionalInfoComponent(_sanitizer, _connectorService, _changeDetector) {
-            this._sanitizer = _sanitizer;
-            this._connectorService = _connectorService;
-            this._changeDetector = _changeDetector;
-            this.showLabel = false;
-            this.textParts = [];
-            this._superArticles = new Map();
-        }
-        Object.defineProperty(ProductAdditionalInfoComponent.prototype, "article", {
-            get: function () {
-                return this._article;
-            },
-            set: function (value) {
-                var _this = this;
-                if (value) {
-                    this._article = value;
-                    this._buildInfo().then(function () {
-                        _this._changeDetector.detectChanges();
-                    });
-                }
-            },
-            enumerable: false,
-            configurable: true
-        });
-        ProductAdditionalInfoComponent.prototype.ngOnInit = function () {
-        };
-        ProductAdditionalInfoComponent.prototype._getTextsSuperArticle = function () {
-            return __awaiter(this, void 0, void 0, function () {
-                var _this = this;
-                return __generator(this, function (_a) {
-                    return [2 /*return*/, new Promise(function (resolve, reject) { return __awaiter(_this, void 0, void 0, function () {
-                            var texts, mainArticle;
-                            var _this = this;
-                            return __generator(this, function (_a) {
-                                switch (_a.label) {
-                                    case 0:
-                                        texts = [];
-                                        if (!this.article.superArticleNr) return [3 /*break*/, 4];
-                                        mainArticle = void 0;
-                                        if (!this._superArticles.has(this.article.superArticleNr)) return [3 /*break*/, 1];
-                                        mainArticle = this._superArticles.get(this.article.superArticleNr);
-                                        return [3 /*break*/, 3];
-                                    case 1: return [4 /*yield*/, this._connectorService.getSuperArticle(this.article.superArticleNr)];
-                                    case 2:
-                                        mainArticle = _a.sent();
-                                        this._superArticles.set(this.article.superArticleNr, mainArticle);
-                                        _a.label = 3;
-                                    case 3:
-                                        mainArticle.texts.forEach(function (txt) {
-                                            if (BitUtils.IsFullDescription(txt.publication)) {
-                                                var safeTxt = _this._sanitizer.sanitize(i0.SecurityContext.HTML, txt.text);
-                                                texts.push(safeTxt);
-                                            }
-                                        });
-                                        resolve(texts);
-                                        return [3 /*break*/, 5];
-                                    case 4:
-                                        resolve(texts);
-                                        _a.label = 5;
-                                    case 5: return [2 /*return*/];
-                                }
-                            });
-                        }); })];
-                });
-            });
-        };
-        ProductAdditionalInfoComponent.prototype._prepareArticleTexts = function () {
-            return __awaiter(this, void 0, void 0, function () {
-                var texts;
-                var _a;
-                var _this = this;
-                return __generator(this, function (_b) {
-                    switch (_b.label) {
-                        case 0: return [4 /*yield*/, this._getTextsSuperArticle()];
-                        case 1:
-                            texts = _b.sent();
-                            if (texts.length > 0) {
-                                (_a = this.textParts).push.apply(_a, __spreadArray([], __read(texts)));
-                            }
-                            if (this.article.texts) {
-                                this.article.texts.forEach(function (txt) {
-                                    if (BitUtils.IsFullDescription(txt.publication)) {
-                                        var safeTxt = _this._sanitizer.sanitize(i0.SecurityContext.HTML, txt.text);
-                                        _this.textParts.push(safeTxt);
-                                    }
-                                });
-                            }
-                            return [2 /*return*/];
-                    }
-                });
-            });
-        };
-        ProductAdditionalInfoComponent.prototype._buildInfo = function () {
-            return __awaiter(this, void 0, void 0, function () {
-                return __generator(this, function (_a) {
-                    switch (_a.label) {
-                        case 0:
-                            this.textParts.length = 0;
-                            return [4 /*yield*/, this._prepareArticleTexts()];
-                        case 1:
-                            _a.sent();
-                            if (this.textParts.length === 0) {
-                                if (this.article.additionalDescription) {
-                                    this.textParts.push(this.article.additionalDescription);
-                                }
-                                else if (this.article.description) {
-                                    this.textParts.push(this.article.description);
-                                }
-                            }
-                            return [2 /*return*/];
-                    }
-                });
-            });
-        };
-        return ProductAdditionalInfoComponent;
-    }());
-    ProductAdditionalInfoComponent.decorators = [
-        { type: i0.Component, args: [{
-                    selector: 'app-product-additional-info',
-                    template: "\n    <h3 *ngIf=\"showLabel\" [textContent]=\"'ADDITIONAL_DATA' | localize\"></h3>\n    <ng-container *ngIf=\"textParts && textParts.length > 0\">\n      <div class=\"additional-info-parts\" *ngFor=\"let text of textParts\" [innerHTML]=\"text\"></div>\n    </ng-container>\n  ",
-                    styles: [":host{display:block}:host .additional-info-parts{margin-bottom:20px;line-height:190%;color:#22313c;font-size:13px}:host ::ng-deep p{line-height:190%;margin:15px 0}:host ::ng-deep font{font-family:\"iOneMontserrat\"}:host .additional-info-parts>*:first-child{margin-top:0}:host .additional-info-parts>*:last-child{margin-bottom:0}\n"]
-                },] }
-    ];
-    ProductAdditionalInfoComponent.ctorParameters = function () { return [
-        { type: i1$1.DomSanitizer },
-        { type: ProductConnectorService },
-        { type: i0.ChangeDetectorRef }
-    ]; };
-    ProductAdditionalInfoComponent.propDecorators = {
-        article: [{ type: i0.Input }],
-        showLabel: [{ type: i0.Input }]
-    };
-
-    var ProductAdditionalInfoModule = /** @class */ (function () {
-        function ProductAdditionalInfoModule() {
-        }
-        return ProductAdditionalInfoModule;
-    }());
-    ProductAdditionalInfoModule.decorators = [
-        { type: i0.NgModule, args: [{
-                    imports: [
-                        common.CommonModule,
-                        PipeModule
-                    ],
-                    declarations: [
-                        ProductAdditionalInfoComponent
-                    ],
-                    exports: [
-                        ProductAdditionalInfoComponent
-                    ]
-                },] }
-    ];
-
-    var propertyMap = new Map([
-        ['articleNr', 'ARTICLE_NUMBER'],
-        ['catExtra', 'CATEGORY'],
-        ['catType', 'CATEGORY_TYPE'],
-        ['description', 'DESCRIPTION'],
-        ['material', 'MATERIAL'],
-        ['title', 'TITLE'],
-        ['turnOverGroup', 'TURNOVERGROUP'],
-        ['height', 'HEIGHT'],
-        ['width', 'WIDTH']
-    ]);
-    var ProductPropertiesComponent = /** @class */ (function () {
-        function ProductPropertiesComponent() {
-            this.showLabel = false;
-            this.properties = [];
-        }
-        Object.defineProperty(ProductPropertiesComponent.prototype, "article", {
-            get: function () {
-                return this._article;
-            },
-            set: function (value) {
-                this._article = value;
-                this._prepareProperties();
-            },
-            enumerable: false,
-            configurable: true
-        });
-        ProductPropertiesComponent.prototype.ngOnInit = function () {
-        };
-        ProductPropertiesComponent.prototype._prepareProperties = function () {
-            var _this = this;
-            this.properties.length = 0;
-            if (!this._article) {
-                return;
-            }
-            propertyMap.forEach(function (value, key) {
-                if (_this.article.hasOwnProperty(key)) {
-                    _this.properties.push({ key: value, value: _this.article[key] });
-                }
-            });
-        };
-        return ProductPropertiesComponent;
-    }());
-    ProductPropertiesComponent.decorators = [
-        { type: i0.Component, args: [{
-                    selector: 'app-product-properties',
-                    template: "\n    <div class=\"article-properties-wrapper\">\n      <h3 *ngIf=\"showLabel\" [textContent]=\"'PROPERTIES' | localize\"></h3>\n      <ng-container *ngFor=\"let property of properties\">\n        <div class=\"article-property\">\n          <div class=\"article-property-key\" [textContent]=\"property.key | localize\"></div>\n          <div class=\"article-property-value\" [textContent]=\"property.value\"></div>\n        </div>\n      </ng-container>\n    </div>\n  ",
-                    styles: [":host{display:block}.article-properties-wrapper{display:flex;flex-direction:column}.article-property{display:flex;flex-direction:row;border-bottom:1px solid #f6f5f4;padding:11px 0;font-size:13px}.article-property:first-child{border-top:1px solid #f6f5f4}.article-property-key{flex-basis:200px;flex-shrink:0;color:#5b6875}@media screen and (max-width: 450px){.article-property-key{flex-basis:130px}}\n"]
-                },] }
-    ];
-    ProductPropertiesComponent.ctorParameters = function () { return []; };
-    ProductPropertiesComponent.propDecorators = {
-        article: [{ type: i0.Input }],
-        showLabel: [{ type: i0.Input }]
-    };
-
-    var ProductPropertiesModule = /** @class */ (function () {
-        function ProductPropertiesModule() {
-        }
-        return ProductPropertiesModule;
-    }());
-    ProductPropertiesModule.decorators = [
-        { type: i0.NgModule, args: [{
-                    imports: [
-                        common.CommonModule,
-                        PipeModule
-                    ],
-                    declarations: [
-                        ProductPropertiesComponent
-                    ],
-                    exports: [
-                        ProductPropertiesComponent
-                    ]
-                },] }
-    ];
-
-    var ProductDocumentsComponent = /** @class */ (function () {
-        function ProductDocumentsComponent(iconCache) {
-            this.iconCache = iconCache;
-            this.icon = IconEnum;
-            this.showLabel = false;
-            this.documents = [];
-        }
-        return ProductDocumentsComponent;
-    }());
-    ProductDocumentsComponent.decorators = [
-        { type: i0.Component, args: [{
-                    selector: 'app-product-documents',
-                    template: "\n    <app-header *ngIf=\"showLabel\" [label]=\"'DOCUMENTS' | localize\" [amount]=\"documents?.length\"></app-header>\n    <div *ngIf=\"documents && documents.length > 0\">\n      <co-files-upload [documents]=\"documents\" [canAdd]=\"false\" readonly></co-files-upload>\n    </div>\n  ",
-                    styles: [":host{display:block}::ng-deep co-files-upload{flex-direction:column!important;width:100%}::ng-deep co-file-upload{margin:0!important;border-bottom:1px solid #f6f5f4}::ng-deep co-file-upload:first-child{border-top:1px solid #f6f5f4}::ng-deep co-files-upload .files-upload-wrapper{flex-direction:column!important;width:100%}::ng-deep co-file-upload co-tile{max-width:100%!important;width:100%;position:relative}::ng-deep co-file-upload co-tile:hover{box-shadow:none!important}::ng-deep co-file-upload co-tile:hover .tile-extra-bottom{background-color:#f6f5f4!important}::ng-deep co-file-upload co-tile .tile-wrapper{position:absolute!important;left:0;top:0;width:100%;height:100%;z-index:2;opacity:0;box-sizing:border-box}::ng-deep co-file-upload co-tile .tile-wrapper .image{position:absolute!important;left:0;top:0;width:100%!important;height:100%!important;cursor:pointer}::ng-deep co-file-upload co-tile .tile-extra-bottom{outline:none!important;border:none!important;background:transparent!important;line-height:20px;padding:20px 20px 20px 60px!important;margin:0!important;background:url(\"data:image/svg+xml,%3C%3Fxml version%3D%221.0%22 encoding%3D%22UTF-8%22 standalone%3D%22no%22%3F%3E%0D%3Csvg%0D   xmlns%3Adc%3D%22http%3A%2F%2Fpurl.org%2Fdc%2Felements%2F1.1%2F%22%0D   xmlns%3Acc%3D%22http%3A%2F%2Fcreativecommons.org%2Fns%23%22%0D   xmlns%3Ardf%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2F02%2F22-rdf-syntax-ns%23%22%0D   xmlns%3Asvg%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%0D   xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%0D   xmlns%3Asodipodi%3D%22http%3A%2F%2Fsodipodi.sourceforge.net%2FDTD%2Fsodipodi-0.dtd%22%0D   xmlns%3Ainkscape%3D%22http%3A%2F%2Fwww.inkscape.org%2Fnamespaces%2Finkscape%22%0D   viewBox%3D%220 0 50 50%22%0D   version%3D%221.1%22%0D   id%3D%22svg8%22%0D   sodipodi%3Adocname%3D%22download.svg%22%0D   inkscape%3Aversion%3D%220.92.4 (5da689c313%2C 2019-01-14)%22%3E%0D  %3Cmetadata%0D     id%3D%22metadata14%22%3E%0D    %3Crdf%3ARDF%3E%0D      %3Ccc%3AWork%0D         rdf%3Aabout%3D%22%22%3E%0D        %3Cdc%3Aformat%3Eimage%2Fsvg%2Bxml%3C%2Fdc%3Aformat%3E%0D        %3Cdc%3Atype%0D           rdf%3Aresource%3D%22http%3A%2F%2Fpurl.org%2Fdc%2Fdcmitype%2FStillImage%22 %2F%3E%0D        %3Cdc%3Atitle%3E%3C%2Fdc%3Atitle%3E%0D      %3C%2Fcc%3AWork%3E%0D    %3C%2Frdf%3ARDF%3E%0D  %3C%2Fmetadata%3E%0D  %3Cdefs%0D     id%3D%22defs12%22 %2F%3E%0D  %3Csodipodi%3Anamedview%0D     pagecolor%3D%22%23ffffff%22%0D     bordercolor%3D%22%23666666%22%0D     borderopacity%3D%221%22%0D     objecttolerance%3D%2210%22%0D     gridtolerance%3D%2210%22%0D     guidetolerance%3D%2210%22%0D     inkscape%3Apageopacity%3D%220%22%0D     inkscape%3Apageshadow%3D%222%22%0D     inkscape%3Awindow-width%3D%221920%22%0D     inkscape%3Awindow-height%3D%221017%22%0D     id%3D%22namedview10%22%0D     showgrid%3D%22false%22%0D     inkscape%3Azoom%3D%226.675088%22%0D     inkscape%3Acx%3D%22-14.056273%22%0D     inkscape%3Acy%3D%2229.806579%22%0D     inkscape%3Awindow-x%3D%22-8%22%0D     inkscape%3Awindow-y%3D%22-8%22%0D     inkscape%3Awindow-maximized%3D%221%22%0D     inkscape%3Acurrent-layer%3D%22svg8%22 %2F%3E%0D  %3Cg%0D     transform%3D%22matrix(0.05570714%2C0%2C0%2C0.05570648%2C10.763%2C10.859394)%22%0D     id%3D%22g62%22%0D     style%3D%22fill%3A%23484f60%3Bfill-opacity%3A1%22 %2F%3E%0D  %3Cg%0D     transform%3D%22matrix(0.05570714%2C0%2C0%2C0.05570648%2C10.763%2C10.859394)%22%0D     id%3D%22g64%22%0D     style%3D%22fill%3A%23484f60%3Bfill-opacity%3A1%22 %2F%3E%0D  %3Cg%0D     transform%3D%22matrix(0.05570714%2C0%2C0%2C0.05570648%2C10.763%2C10.859394)%22%0D     id%3D%22g66%22%0D     style%3D%22fill%3A%23484f60%3Bfill-opacity%3A1%22 %2F%3E%0D  %3Cg%0D     transform%3D%22matrix(0.05570714%2C0%2C0%2C0.05570648%2C10.763%2C10.859394)%22%0D     id%3D%22g68%22%0D     style%3D%22fill%3A%23484f60%3Bfill-opacity%3A1%22 %2F%3E%0D  %3Cg%0D     transform%3D%22matrix(0.05570714%2C0%2C0%2C0.05570648%2C10.763%2C10.859394)%22%0D     id%3D%22g70%22%0D     style%3D%22fill%3A%23484f60%3Bfill-opacity%3A1%22 %2F%3E%0D  %3Cg%0D     transform%3D%22matrix(0.05570714%2C0%2C0%2C0.05570648%2C10.763%2C10.859394)%22%0D     id%3D%22g72%22%0D     style%3D%22fill%3A%23484f60%3Bfill-opacity%3A1%22 %2F%3E%0D  %3Cg%0D     transform%3D%22matrix(0.05570714%2C0%2C0%2C0.05570648%2C10.763%2C10.859394)%22%0D     id%3D%22g74%22%0D     style%3D%22fill%3A%23484f60%3Bfill-opacity%3A1%22 %2F%3E%0D  %3Cg%0D     transform%3D%22matrix(0.05570714%2C0%2C0%2C0.05570648%2C10.763%2C10.859394)%22%0D     id%3D%22g76%22%0D     style%3D%22fill%3A%23484f60%3Bfill-opacity%3A1%22 %2F%3E%0D  %3Cg%0D     transform%3D%22matrix(0.05570714%2C0%2C0%2C0.05570648%2C10.763%2C10.859394)%22%0D     id%3D%22g78%22%0D     style%3D%22fill%3A%23484f60%3Bfill-opacity%3A1%22 %2F%3E%0D  %3Cg%0D     transform%3D%22matrix(0.05570714%2C0%2C0%2C0.05570648%2C10.763%2C10.859394)%22%0D     id%3D%22g80%22%0D     style%3D%22fill%3A%23484f60%3Bfill-opacity%3A1%22 %2F%3E%0D  %3Cg%0D     transform%3D%22matrix(0.05570714%2C0%2C0%2C0.05570648%2C10.763%2C10.859394)%22%0D     id%3D%22g82%22%0D     style%3D%22fill%3A%23484f60%3Bfill-opacity%3A1%22 %2F%3E%0D  %3Cg%0D     transform%3D%22matrix(0.05570714%2C0%2C0%2C0.05570648%2C10.763%2C10.859394)%22%0D     id%3D%22g84%22%0D     style%3D%22fill%3A%23484f60%3Bfill-opacity%3A1%22 %2F%3E%0D  %3Cg%0D     transform%3D%22matrix(0.05570714%2C0%2C0%2C0.05570648%2C10.763%2C10.859394)%22%0D     id%3D%22g86%22%0D     style%3D%22fill%3A%23484f60%3Bfill-opacity%3A1%22 %2F%3E%0D  %3Cg%0D     transform%3D%22matrix(0.05570714%2C0%2C0%2C0.05570648%2C10.763%2C10.859394)%22%0D     id%3D%22g88%22%0D     style%3D%22fill%3A%23484f60%3Bfill-opacity%3A1%22 %2F%3E%0D  %3Cg%0D     transform%3D%22matrix(0.05570714%2C0%2C0%2C0.05570648%2C10.763%2C10.859394)%22%0D     id%3D%22g90%22%0D     style%3D%22fill%3A%23484f60%3Bfill-opacity%3A1%22 %2F%3E%0D  %3Cg%0D     transform%3D%22matrix(0.05555739%2C0%2C0%2C0.05555739%2C10.739964%2C11.357401)%22%0D     id%3D%22g6-0%22%0D     style%3D%22fill%3A%23484f60%3Bfill-opacity%3A1%22%3E%0D    %3Cg%0D       id%3D%22g4-9%22%0D       style%3D%22fill%3A%23484f60%3Bfill-opacity%3A1%22%3E%0D      %3Cpath%0D         inkscape%3Aconnector-curvature%3D%220%22%0D         d%3D%22m 498.966%2C339.946 c -7.197%2C0 -13.034%2C5.837 -13.034%2C13.034 v 49.804 c 0%2C28.747 -23.388%2C52.135 -52.135%2C52.135 H 78.203 c -28.747%2C0 -52.135%2C-23.388 -52.135%2C-52.135 V 352.98 c 0%2C-7.197 -5.835%2C-13.034 -13.034%2C-13.034 C 5.835%2C339.946 0%2C345.782 0%2C352.98 v 49.804 c 0%2C43.121 35.082%2C78.203 78.203%2C78.203 h 355.594 c 43.121%2C0 78.203%2C-35.082 78.203%2C-78.203 V 352.98 c 0%2C-7.198 -5.835%2C-13.034 -13.034%2C-13.034 z%22%0D         id%3D%22path2%22%0D         style%3D%22fill%3A%23484f60%3Bfill-opacity%3A1%22 %2F%3E%0D    %3C%2Fg%3E%0D  %3C%2Fg%3E%0D  %3Cg%0D     transform%3D%22matrix(0.05555739%2C0%2C0%2C0.05555739%2C10.739964%2C11.357401)%22%0D     id%3D%22g12-0%22%0D     style%3D%22fill%3A%23484f60%3Bfill-opacity%3A1%22%3E%0D    %3Cg%0D       id%3D%22g10-8%22%0D       style%3D%22fill%3A%23484f60%3Bfill-opacity%3A1%22%3E%0D      %3Cpath%0D         inkscape%3Aconnector-curvature%3D%220%22%0D         d%3D%22M 419.833%2C391.3 H 92.167 c -7.197%2C0 -13.034%2C5.837 -13.034%2C13.034 0%2C7.197 5.835%2C13.034 13.034%2C13.034 h 327.665 c 7.199%2C0 13.034%2C-5.835 13.034%2C-13.034 0%2C-7.197 -5.835%2C-13.034 -13.033%2C-13.034 z%22%0D         id%3D%22path8-3%22%0D         style%3D%22fill%3A%23484f60%3Bfill-opacity%3A1%22 %2F%3E%0D    %3C%2Fg%3E%0D  %3C%2Fg%3E%0D  %3Cg%0D     transform%3D%22matrix(0.05555739%2C0%2C0%2C0.05555739%2C10.739964%2C11.357401)%22%0D     id%3D%22g18-4%22%0D     style%3D%22fill%3A%23484f60%3Bfill-opacity%3A1%22%3E%0D    %3Cg%0D       id%3D%22g16-7%22%0D       style%3D%22fill%3A%23484f60%3Bfill-opacity%3A1%22%3E%0D      %3Cpath%0D         inkscape%3Aconnector-curvature%3D%220%22%0D         d%3D%22m 387.919%2C207.93 c -4.795%2C-5.367 -13.034%2C-5.834 -18.404%2C-1.038 L 269.033%2C296.657 V 44.048 c 0%2C-7.197 -5.835%2C-13.034 -13.034%2C-13.034 -7.197%2C0 -13.034%2C5.835 -13.034%2C13.034 V 296.657 L 142.483%2C206.893 c -5.367%2C-4.796 -13.607%2C-4.328 -18.404%2C1.038 -4.794%2C5.369 -4.331%2C13.609 1.037%2C18.404 l 109.174%2C97.527 c 6.187%2C5.529 13.946%2C8.292 21.708%2C8.292 7.759%2C0 15.519%2C-2.763 21.708%2C-8.289 l 109.174%2C-97.53 c 5.37%2C-4.798 5.834%2C-13.038 1.039%2C-18.405 z%22%0D         id%3D%22path14-9%22%0D         style%3D%22fill%3A%23484f60%3Bfill-opacity%3A1%22 %2F%3E%0D    %3C%2Fg%3E%0D  %3C%2Fg%3E%0D  %3Cg%0D     transform%3D%22matrix(0.05555739%2C0%2C0%2C0.05555739%2C10.739964%2C11.357401)%22%0D     id%3D%22g20%22%0D     style%3D%22fill%3A%23484f60%3Bfill-opacity%3A1%22 %2F%3E%0D  %3Cg%0D     transform%3D%22matrix(0.05555739%2C0%2C0%2C0.05555739%2C10.739964%2C11.357401)%22%0D     id%3D%22g22-9%22%0D     style%3D%22fill%3A%23484f60%3Bfill-opacity%3A1%22 %2F%3E%0D  %3Cg%0D     transform%3D%22matrix(0.05555739%2C0%2C0%2C0.05555739%2C10.739964%2C11.357401)%22%0D     id%3D%22g24-3%22%0D     style%3D%22fill%3A%23484f60%3Bfill-opacity%3A1%22 %2F%3E%0D  %3Cg%0D     transform%3D%22matrix(0.05555739%2C0%2C0%2C0.05555739%2C10.739964%2C11.357401)%22%0D     id%3D%22g26%22%0D     style%3D%22fill%3A%23484f60%3Bfill-opacity%3A1%22 %2F%3E%0D  %3Cg%0D     transform%3D%22matrix(0.05555739%2C0%2C0%2C0.05555739%2C10.739964%2C11.357401)%22%0D     id%3D%22g28-4%22%0D     style%3D%22fill%3A%23484f60%3Bfill-opacity%3A1%22 %2F%3E%0D  %3Cg%0D     transform%3D%22matrix(0.05555739%2C0%2C0%2C0.05555739%2C10.739964%2C11.357401)%22%0D     id%3D%22g30-2%22%0D     style%3D%22fill%3A%23484f60%3Bfill-opacity%3A1%22 %2F%3E%0D  %3Cg%0D     transform%3D%22matrix(0.05555739%2C0%2C0%2C0.05555739%2C10.739964%2C11.357401)%22%0D     id%3D%22g32%22%0D     style%3D%22fill%3A%23484f60%3Bfill-opacity%3A1%22 %2F%3E%0D  %3Cg%0D     transform%3D%22matrix(0.05555739%2C0%2C0%2C0.05555739%2C10.739964%2C11.357401)%22%0D     id%3D%22g34-2%22%0D     style%3D%22fill%3A%23484f60%3Bfill-opacity%3A1%22 %2F%3E%0D  %3Cg%0D     transform%3D%22matrix(0.05555739%2C0%2C0%2C0.05555739%2C10.739964%2C11.357401)%22%0D     id%3D%22g36-1%22%0D     style%3D%22fill%3A%23484f60%3Bfill-opacity%3A1%22 %2F%3E%0D  %3Cg%0D     transform%3D%22matrix(0.05555739%2C0%2C0%2C0.05555739%2C10.739964%2C11.357401)%22%0D     id%3D%22g38%22%0D     style%3D%22fill%3A%23484f60%3Bfill-opacity%3A1%22 %2F%3E%0D  %3Cg%0D     transform%3D%22matrix(0.05555739%2C0%2C0%2C0.05555739%2C10.739964%2C11.357401)%22%0D     id%3D%22g40-6%22%0D     style%3D%22fill%3A%23484f60%3Bfill-opacity%3A1%22 %2F%3E%0D  %3Cg%0D     transform%3D%22matrix(0.05555739%2C0%2C0%2C0.05555739%2C10.739964%2C11.357401)%22%0D     id%3D%22g42-4%22%0D     style%3D%22fill%3A%23484f60%3Bfill-opacity%3A1%22 %2F%3E%0D  %3Cg%0D     transform%3D%22matrix(0.05555739%2C0%2C0%2C0.05555739%2C10.739964%2C11.357401)%22%0D     id%3D%22g44%22%0D     style%3D%22fill%3A%23484f60%3Bfill-opacity%3A1%22 %2F%3E%0D  %3Cg%0D     transform%3D%22matrix(0.05555739%2C0%2C0%2C0.05555739%2C10.739964%2C11.357401)%22%0D     id%3D%22g46-7%22%0D     style%3D%22fill%3A%23484f60%3Bfill-opacity%3A1%22 %2F%3E%0D  %3Cg%0D     transform%3D%22matrix(0.05555739%2C0%2C0%2C0.05555739%2C10.739964%2C11.357401)%22%0D     id%3D%22g48-3%22%0D     style%3D%22fill%3A%23484f60%3Bfill-opacity%3A1%22 %2F%3E%0D%3C%2Fsvg%3E%0D\") no-repeat left 6px center / 36px auto!important}::ng-deep co-file-upload co-tile .tile-extra-bottom .main{padding:0!important}\n"]
-                },] }
-    ];
-    ProductDocumentsComponent.ctorParameters = function () { return [
-        { type: IconCacheService }
-    ]; };
-    ProductDocumentsComponent.propDecorators = {
-        showLabel: [{ type: i0.Input }],
-        documents: [{ type: i0.Input }]
-    };
-
-    var ProductDocumentModule = /** @class */ (function () {
-        function ProductDocumentModule() {
-        }
-        return ProductDocumentModule;
-    }());
-    ProductDocumentModule.decorators = [
-        { type: i0.NgModule, args: [{
-                    imports: [
-                        common.CommonModule,
-                        HeaderModule,
-                        PipeModule,
-                        corecomponents.FilesUploadModule
-                    ],
-                    declarations: [
-                        ProductDocumentsComponent
-                    ],
-                    exports: [
-                        ProductDocumentsComponent
-                    ]
-                },] }
-    ];
-
-    var ProductSymbolsComponent = /** @class */ (function () {
-        function ProductSymbolsComponent() {
-            this.symbolStrings = [];
-        }
-        Object.defineProperty(ProductSymbolsComponent.prototype, "symbols", {
-            get: function () {
-                return this._symbols;
-            },
-            set: function (value) {
-                this._symbols = value;
-                if (this._symbols && this._symbols.hasOwnProperty('fontCode')) {
-                    this._className = this._symbols['fontCode'] === 'VLOER' ? 'floor' : (this._className === 'WAS' ? 'ginetex' : '');
-                }
-                if (this._symbols && this._symbols.hasOwnProperty('symbolString')) {
-                    for (var i = 0; i < this._symbols['symbolString'].length; i++) {
-                        this.symbolStrings.push(this._symbols['symbolString'][i]);
-                    }
-                }
-            },
-            enumerable: false,
-            configurable: true
-        });
-        ProductSymbolsComponent.prototype.ngOnInit = function () {
-        };
-        return ProductSymbolsComponent;
-    }());
-    ProductSymbolsComponent.decorators = [
-        { type: i0.Component, args: [{
-                    selector: 'app-product-symbols',
-                    template: "\n    <div *ngIf=\"symbols && symbols.length > 0\">\n      <app-header [label]=\"'SYMBOLS' | localize\" [amount]=\"symbols?.length\"></app-header>\n      <co-scroll-container>\n        <co-tile small noImagePlaceholder *ngFor=\"let symbol of symbolStrings\">\n          <ng-container tile-over-image>\n            <div class=\"symbol\" [textContent]=\"symbol\"></div>\n          </ng-container>\n          <ng-container tile-extra-bottom-content>\n            <div class=\"symbol-name\" [textContent]=\"'Wat moet hier?'\"></div>\n          </ng-container>\n        </co-tile>\n      </co-scroll-container>\n    </div>\n  ",
-                    styles: [":host{display:block}:host.floor .symbol{font-family:iOneFloorsymbols}:host.ginetex .symbol{font-family:iOneGinetexsymbols}.symbol{font-size:100px}\n"]
-                },] }
-    ];
-    ProductSymbolsComponent.ctorParameters = function () { return []; };
-    ProductSymbolsComponent.propDecorators = {
-        symbols: [{ type: i0.Input }],
-        _className: [{ type: i0.HostBinding, args: ['class',] }]
-    };
-
-    var ProductSymbolsModule = /** @class */ (function () {
-        function ProductSymbolsModule() {
-        }
-        return ProductSymbolsModule;
-    }());
-    ProductSymbolsModule.decorators = [
-        { type: i0.NgModule, args: [{
-                    imports: [
-                        common.CommonModule,
-                        HeaderModule,
-                        PipeModule,
-                        corecomponents.ScrollContainerModule,
-                        corecomponents.TileModule
-                    ],
-                    declarations: [
-                        ProductSymbolsComponent
-                    ],
-                    exports: [
-                        ProductSymbolsComponent
-                    ]
-                },] }
-    ];
-
-    var ProductInfoTabsModule = /** @class */ (function () {
-        function ProductInfoTabsModule() {
-        }
-        return ProductInfoTabsModule;
-    }());
-    ProductInfoTabsModule.decorators = [
-        { type: i0.NgModule, args: [{
-                    imports: [
-                        common.CommonModule,
-                        PipeModule,
-                        ProductAdditionalInfoModule,
-                        ProductPropertiesModule,
-                        ProductDocumentModule,
-                        ProductSymbolsModule
-                    ],
-                    declarations: [
-                        ProductInfoTabsComponent
-                    ],
-                    exports: [
-                        ProductInfoTabsComponent
-                    ]
-                },] }
-    ];
-
-    var ProductDialogComponent = /** @class */ (function () {
-        function ProductDialogComponent(iconCache, _sanitizer, _productConnectorService, _productConnectorAdapterService, _appEventService) {
-            this.iconCache = iconCache;
-            this._sanitizer = _sanitizer;
-            this._productConnectorService = _productConnectorService;
-            this._productConnectorAdapterService = _productConnectorAdapterService;
-            this._appEventService = _appEventService;
-            this.icon = IconEnum;
-            this.closeRelatedPopup = new i0.EventEmitter();
-            this.type = SelectorType;
-        }
-        ProductDialogComponent.prototype.showClass = function () {
-            return true;
-        };
-        ProductDialogComponent.prototype.ngOnInit = function () {
-        };
-        ProductDialogComponent.prototype.closeCatalog = function () {
-            // need to emit close
-            this.closeRelatedPopup.emit(false);
-        };
-        return ProductDialogComponent;
-    }());
-    ProductDialogComponent.decorators = [
-        { type: i0.Component, args: [{
-                    selector: 'co-product-dialog',
-                    template: "\n    <div class=\"product-dialog-wrap\">\n      <div class=\"product-dialog-container\">\n        <div class=\"container-header\">\n          <div class=\"header-info\">\n            <h3>\n                <co-icon [iconData]=\"iconCache.getIcon(icon.LinkSimpleRegular)\"\n                         (click)=\"closeCatalog()\"></co-icon>{{ 'SUGGESTION' | localize }} <b>{{ mainArticle.name }}</b> ({{ mainArticle.articleNr }})\n            </h3>\n          </div>\n          <div class=\"close-icon\" (click)=\"closeCatalog()\">\n            <co-icon class=\"fullscreen-button\"\n                     [iconData]=\"iconCache.getIcon(icon.CrossSkinny)\"\n                     (click)=\"closeCatalog()\"></co-icon>\n          </div>\n        </div>\n        <div class=\"related-product-container\">\n          <app-product-related\n            class=\"no-padding\"\n            *ngIf=\"articles\"\n            [articles]=\"articles\">\n          </app-product-related>\n        </div>\n        <div class=\"close-button-container\">\n          <button class=\"ok-button\" (click)=\"closeCatalog()\">\n            <co-icon [iconData]=\"iconCache.getIcon(icon.SaveSkinny)\"\n                     (click)=\"closeCatalog()\"></co-icon>\n          </button>\n          <button class=\"close-button\" (click)=\"closeCatalog()\">\n            <co-icon [iconData]=\"iconCache.getIcon(icon.CrossSkinny)\"\n                     (click)=\"closeCatalog()\"></co-icon>\n          </button>\n        </div>\n      </div>\n    </div>\n  ",
-                    styles: [".product-dialog-wrap{display:flex;justify-content:center;position:absolute;z-index:800;top:0}.product-dialog-wrap .product-dialog-container{background:#fff;min-width:75vw;max-height:90vh;border:1px solid #F8F8F8}.product-dialog-wrap .product-dialog-container .container-header{display:flex;justify-content:space-between;border-bottom:1px solid #F8F8F8;padding:25px;box-sizing:border-box;align-items:center}.product-dialog-wrap .product-dialog-container .container-header .header-info h3{display:flex;align-items:center}.product-dialog-wrap .product-dialog-container .container-header .header-info h3 co-icon{margin-right:10px}.product-dialog-wrap .product-dialog-container .container-header .close-icon{cursor:pointer}.product-dialog-wrap .product-dialog-container .close-button-container{display:flex;justify-content:center;padding:10px}.product-dialog-wrap .product-dialog-container .close-button-container button{cursor:pointer;border:none;color:#fff;padding:8px;box-shadow:0 3px 3px #0000004d;height:auto;width:auto;margin:0 3px;border-radius:3px}.product-dialog-wrap .product-dialog-container .close-button-container button ::ng-deep co-icon{height:20px;width:20px}.product-dialog-wrap .product-dialog-container .close-button-container button ::ng-deep co-icon svg{fill:#fff}.product-dialog-wrap .product-dialog-container .close-button-container button ::ng-deep co-icon svg polygon{fill:#fff}.product-dialog-wrap .product-dialog-container .close-button-container .ok-button{background:#1a73e8}.product-dialog-wrap .product-dialog-container .close-button-container .close-button{background:#475060}::ng-deep .content-wrapper{width:auto!important}\n"]
-                },] }
-    ];
-    ProductDialogComponent.ctorParameters = function () { return [
-        { type: IconCacheService },
-        { type: i1$1.DomSanitizer },
-        { type: ProductConnectorService },
-        { type: ProductConnectorAdapterService },
-        { type: ProductEventService }
-    ]; };
-    ProductDialogComponent.propDecorators = {
-        refType: [{ type: i0.Input }],
-        mainArticle: [{ type: i0.Input }],
-        articles: [{ type: i0.Input }],
-        closeRelatedPopup: [{ type: i0.Output }],
-        showClass: [{ type: i0.HostBinding, args: ['class.co-product-dialog',] }]
-    };
-
-    var ProductDialogModule = /** @class */ (function () {
-        function ProductDialogModule() {
-        }
-        return ProductDialogModule;
-    }());
-    ProductDialogModule.decorators = [
-        { type: i0.NgModule, args: [{
-                    imports: [
-                        common.CommonModule,
-                        PipeModule,
-                        ProductRelatedModule,
-                        corecomponents.IconModule
-                    ],
-                    declarations: [
-                        ProductDialogComponent
-                    ],
-                    exports: [
-                        ProductDialogComponent
-                    ]
-                },] }
-    ];
-
-    var VectorObject = /** @class */ (function () {
-        function VectorObject() {
-        }
-        return VectorObject;
-    }());
-    var RenderParameters = /** @class */ (function () {
-        function RenderParameters() {
-        }
-        return RenderParameters;
-    }());
-    var RenderCarouselComponent = /** @class */ (function () {
-        function RenderCarouselComponent(iconCache, _appEventService, _changeDetector) {
-            var _this = this;
-            this.iconCache = iconCache;
-            this._appEventService = _appEventService;
-            this._changeDetector = _changeDetector;
-            this.showRefresh = false;
-            this.resizing = false;
-            this.showLoader = true;
-            this.renderedImageLoaded = false;
-            // For now we will just use mock data
-            this.renderAngles = [0, -45, -90, -135, -180, -225, -270, -315];
-            this.currentRenderAngleIndex = 0;
-            this.icon = IconEnum;
-            this._subs = [];
-            this._subs.push(this._appEventService.onReadyToRender.subscribe(function (readyToRender) {
-                if (readyToRender) {
-                    _this.showLoader = true;
-                    _this._createNewRender();
-                }
-            }), this._appEventService.onRenderStarted.subscribe(function () {
-                _this.showLoader = true;
-                _this._changeDetector.detectChanges();
-            }), this._appEventService.onRenderImageReceived.subscribe(function (image) {
-                _this.renderedImage = image;
-                _this.showLoader = false;
-                _this._changeDetector.detectChanges();
-            }));
-        }
-        RenderCarouselComponent.prototype.handleWindowResize = function () {
-            var _this = this;
-            this.resizing = true;
-            clearTimeout(this._resizeTimer);
-            this._resizeTimer = setTimeout(function () {
-                _this.resizing = false;
-            }, 200);
-        };
-        RenderCarouselComponent.prototype.gotoNextSlide = function () {
-            this.showLoader = true;
-            this.currentRenderAngleIndex = (this.currentRenderAngleIndex + 1) % this.renderAngles.length;
-            this._createNewRender();
-        };
-        RenderCarouselComponent.prototype.gotoPrevSlide = function () {
-            this.showLoader = true;
-            this.currentRenderAngleIndex = (this.currentRenderAngleIndex - 1 + this.renderAngles.length) % this.renderAngles.length;
-            this._createNewRender();
-        };
-        RenderCarouselComponent.prototype.ngOnDestroy = function () {
-            this.carousel = undefined;
-            this._subs.forEach(function (s) { return s.unsubscribe(); });
-        };
-        RenderCarouselComponent.prototype.ngOnChanges = function () {
-            this.renderedImageLoaded = false;
-        };
-        RenderCarouselComponent.prototype.onRenderLoaded = function () {
-            this.renderedImageLoaded = true;
-        };
-        RenderCarouselComponent.prototype._getRenderSettings = function () {
-            var settings = new RenderParameters();
-            var rotation = new VectorObject();
-            rotation.x = 0;
-            rotation.y = this.renderAngles[this.currentRenderAngleIndex];
-            rotation.z = 0;
-            settings.objectRotation = rotation;
-            settings.margin = 15;
-            return settings;
-        };
-        RenderCarouselComponent.prototype._createNewRender = function () {
-            this.showLoader = true;
-            this.renderedImageLoaded = false;
-            var renderParams = this._getRenderSettings();
-            this._appEventService.onGetRenderForRenderCarousel.next(renderParams);
-        };
-        return RenderCarouselComponent;
-    }());
-    RenderCarouselComponent.decorators = [
-        { type: i0.Component, args: [{
-                    selector: 'app-render-carousel',
-                    template: "\n    <div id=\"product_page_carousel\">\n      <div id=\"product_page_carousel_render_items\">\n        <co-loader [isShown]=\"showLoader\"></co-loader>\n        <div #carousel class=\"inner-carousel\">\n          <div class=\"inner-carousel-render\">\n            <img\n              [src]=\"renderedImage\"\n              [class.loaded]=\"renderedImageLoaded\"\n              (load)=\"onRenderLoaded()\"\n              class=\"fade-image\"\n              alt=\"\">\n          </div>\n          <div class=\"carousel-scroller-layer\">\n            <div class=\"carousel-item-scroller prev\" (click)=\"gotoPrevSlide()\">\n              <co-icon [iconData]=\"iconCache.getIcon(icon.ArrowPointLeft)\"></co-icon>\n            </div>\n            <div class=\"carousel-item-scroller next\" (click)=\"gotoNextSlide()\">\n              <co-icon [iconData]=\"iconCache.getIcon(icon.ArrowPointRight)\"></co-icon>\n            </div>\n          </div>\n        </div>\n      </div>\n    </div>\n  ",
-                    changeDetection: i0.ChangeDetectionStrategy.OnPush,
-                    styles: [":host{max-height:540px;height:100%;position:relative}:host:not(.resizing) .inner-carousel{scroll-behavior:smooth;-webkit-overflow-scrolling:touch;scroll-snap-type:x mandatory}#product_page_carousel{position:relative}#product_page_carousel .refresh-button{position:absolute;bottom:10px;right:10px;background:#fff}#product_page_carousel .refresh-button.loading{animation:spin 1s linear infinite}#product_page_carousel .refresh-button:hover{box-shadow:none;background:#74B77F;transition:all .2s ease-in-out}#product_page_carousel .refresh-button:hover ::ng-deep svg path{fill:#fff!important}#product_page_carousel #product_page_carousel_render_items{position:relative;margin-bottom:10px;min-height:400px}#product_page_carousel #product_page_carousel_render_items ::ng-deep co-loader{position:absolute}#product_page_carousel .inner-carousel{display:flex;flex-direction:row;align-items:center;overflow:hidden;max-height:700px}#product_page_carousel .inner-carousel .inner-carousel-render img{width:100%;height:auto;-o-object-fit:contain;object-fit:contain}#product_page_carousel .carousel-scroller-layer{height:100%;width:100%;position:absolute;top:0;left:0;z-index:100}#product_page_carousel .carousel-scroller-layer .carousel-item-scroller{opacity:0;position:absolute;border-radius:50%;z-index:100;background:rgba(255,255,255,.4);color:#fff;width:30px;height:30px;top:calc(50% - 15px);cursor:pointer;transition:opacity .3s}#product_page_carousel .carousel-scroller-layer .carousel-item-scroller co-icon{color:#fff}#product_page_carousel .carousel-scroller-layer .prev{left:15px}#product_page_carousel .carousel-scroller-layer .next{right:15px}#product_page_carousel .carousel-scroller-layer:hover .carousel-item-scroller{opacity:1}#product_page_carousel #product_page_carousel_thumbs{display:flex;justify-content:flex-start;height:80px;margin-left:auto;margin-right:auto}#product_page_carousel #product_page_carousel_thumbs ::ng-deep co-scroll-container{padding:0 22px}#product_page_carousel #product_page_carousel_thumbs ::ng-deep co-scroll-container .content-wrapper{padding:0}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.fade-image{opacity:0;transition:opacity 1.5s ease-in-out}.fade-image.loaded{opacity:1}\n"]
-                },] }
-    ];
-    RenderCarouselComponent.ctorParameters = function () { return [
-        { type: IconCacheService },
-        { type: ProductEventService },
-        { type: i0.ChangeDetectorRef }
-    ]; };
-    RenderCarouselComponent.propDecorators = {
-        carousel: [{ type: i0.ViewChild, args: ['carousel', { read: i0.ElementRef },] }],
-        showRefresh: [{ type: i0.Input }],
-        article: [{ type: i0.Input }],
-        handleWindowResize: [{ type: i0.HostListener, args: ['window:resize',] }],
-        gotoNextSlide: [{ type: i0.HostListener, args: ['swipeleft',] }],
-        gotoPrevSlide: [{ type: i0.HostListener, args: ['swiperight',] }],
-        resizing: [{ type: i0.HostBinding, args: ['class.resizing',] }]
-    };
-
-    var RenderCarouselModule = /** @class */ (function () {
-        function RenderCarouselModule() {
-        }
-        return RenderCarouselModule;
-    }());
-    RenderCarouselModule.decorators = [
-        { type: i0.NgModule, args: [{
-                    imports: [
-                        common.CommonModule,
-                        corecomponents.LoaderModule,
-                        corecomponents.ScrollContainerModule,
-                        corecomponents.IconModule,
-                        corecomponents_v12.IconCollapseHandleModule
-                    ],
-                    declarations: [
-                        RenderCarouselComponent
-                    ],
-                    exports: [
-                        RenderCarouselComponent
-                    ]
-                },] }
-    ];
-
-    var ProductPageModule = /** @class */ (function () {
-        function ProductPageModule() {
-        }
-        return ProductPageModule;
-    }());
-    ProductPageModule.decorators = [
-        { type: i0.NgModule, args: [{
-                    imports: [
-                        common.CommonModule,
-                        ProductSelectorTypeModule,
-                        ImageCarouselModule,
-                        corecomponents.IconModule,
-                        ProductDescriptionModule,
-                        ProductAdditionalDescriptionModule,
-                        ProductPriceModule,
-                        ProductAddtocartModule,
-                        ProductRelatedModule,
-                        ProductStockModule,
-                        ProductDeliveryModule,
-                        ProductInfoTabsModule,
-                        PipeModule,
-                        ProductDialogModule,
-                        corecomponents_v12.LoaderModule,
-                        RenderCarouselModule
-                    ],
-                    schemas: [i0.CUSTOM_ELEMENTS_SCHEMA],
-                    declarations: [
-                        ProductPageComponent
-                    ],
-                    exports: [
-                        ProductPageComponent
-                    ]
-                },] }
-    ];
-
-    var ProductScriptLoaderService = /** @class */ (function () {
-        function ProductScriptLoaderService(platformId) {
-            this.platformId = platformId;
-            this._scriptsOrLinksElements = [];
-        }
-        ProductScriptLoaderService.prototype.loadScript = function (url, renderer) {
-            var _this = this;
-            return new Promise(function (resolve, reject) {
-                if (!common.isPlatformBrowser(_this.platformId)) {
-                    reject('Not in browser environment');
-                    return;
-                }
-                var existingScript = document.getElementById(url);
-                if (existingScript) {
-                    resolve(); // Script already loaded
-                    return;
-                }
-                var script = renderer.createElement('script');
-                script.id = url;
-                script.src = url;
-                script.type = 'text/javascript';
-                script.async = true;
-                script.onload = function () { return resolve(); };
-                script.onerror = function (error) { return reject("Error loading script: " + url); };
-                renderer.appendChild(document.head, script);
-                _this._scriptsOrLinksElements.push(script);
-            });
-        };
-        ProductScriptLoaderService.prototype.unloadScripts = function (renderer) {
-            for (var i = this._scriptsOrLinksElements.length - 1; i >= 0; i--) {
-                renderer.removeChild(document.head, this._scriptsOrLinksElements[i]);
-                this._scriptsOrLinksElements.pop();
-            }
-        };
-        ProductScriptLoaderService.prototype.addStyleSheet = function (url, renderer) {
-            var _this = this;
-            return new Promise(function (resolve, reject) {
-                if (!common.isPlatformBrowser(_this.platformId)) {
-                    reject('Not in browser environment');
-                    return;
-                }
-                var existingStyleSheet = document.getElementById(url);
-                if (existingStyleSheet) {
-                    resolve(); // Script already loaded
-                    return;
-                }
-                var link = renderer.createElement('link');
-                link.id = url;
-                link.href = url;
-                link.rel = 'stylesheet';
-                link.onload = function () { return resolve(); };
-                link.onerror = function (error) { return reject("Error loading styleSheet: " + url); };
-                renderer.appendChild(document.head, link);
-                _this._scriptsOrLinksElements.push(link);
-            });
-        };
-        return ProductScriptLoaderService;
-    }());
-    ProductScriptLoaderService.ɵprov = i0__namespace.ɵɵdefineInjectable({ factory: function ProductScriptLoaderService_Factory() { return new ProductScriptLoaderService(i0__namespace.ɵɵinject(i0__namespace.PLATFORM_ID)); }, token: ProductScriptLoaderService, providedIn: "root" });
-    ProductScriptLoaderService.decorators = [
-        { type: i0.Injectable, args: [{
-                    providedIn: 'root'
-                },] }
-    ];
-    ProductScriptLoaderService.ctorParameters = function () { return [
-        { type: undefined, decorators: [{ type: i0.Inject, args: [i0.PLATFORM_ID,] }] }
-    ]; };
-
-    var ProductHdComponent = /** @class */ (function () {
-        function ProductHdComponent(_scriptLoader, _renderer) {
-            this._scriptLoader = _scriptLoader;
-            this._renderer = _renderer;
-            this.variant = '';
-            this.urlParams = [];
-            this.configuratorFinished = new i0.EventEmitter();
-            this.configurationError = new i0.EventEmitter();
-            this.showClass = true;
-        }
-        Object.defineProperty(ProductHdComponent.prototype, "content", {
-            set: function (child) {
-                this.hdeConfigurator = child;
-                this._prepareAttributes();
-            },
-            enumerable: false,
-            configurable: true
-        });
-        Object.defineProperty(ProductHdComponent.prototype, "sku", {
-            get: function () {
-                return this._sku;
-            },
-            set: function (value) {
-                this._sku = value;
-                this._prepareAttributes();
-            },
-            enumerable: false,
-            configurable: true
-        });
-        ProductHdComponent.prototype.ngOnDestroy = function () {
-            this._scriptLoader.unloadScripts(this._renderer);
-        };
-        ProductHdComponent.prototype.handleConfigurationFinished = function (event) {
-            if (event.detail.variant && typeof event.detail.variant === 'string') {
-                this.configuratorFinished.emit(event.detail.variant);
-            }
-            else {
-                this.configuratorFinished.emit(this.variant);
-            }
-        };
-        ProductHdComponent.prototype.handleError = function (event) {
-            this.configurationError.emit(event.detail.status);
-        };
-        ProductHdComponent.prototype._prepareAttributes = function () {
-            if (this.hdeConfigurator && this.hdeConfigurator.nativeElement && this.urlParams && this.token && (this.sku || this.variant)) {
-                //for local testing please turn off for packing and publishing!
-                //this.prepareTestingUrlparams();
-                this._prepareConfiguratorUrls();
-                this.hdeConfigurator.nativeElement.setAttribute('bearerToken', this.token);
-                if (this._sku) {
-                    this.hdeConfigurator.nativeElement.setAttribute('data-productId', this._sku);
-                }
-                if (this.variant) {
-                    this.hdeConfigurator.nativeElement.setAttribute('data-productVariantId', this.variant);
-                }
-                this._loadTheScripts();
-            }
-        };
-        //set necessary references to configurator.
-        ProductHdComponent.prototype._prepareConfiguratorUrls = function () {
-            //fetch the setting from the external source
-            var apiurl = this.urlParams.find(function (item) { return item.key === 'apiurl'; }).value;
-            var productVariantCommandApiUrl = this.urlParams.find(function (item) { return item.key === 'productVariantCommandApiUrl'; }).value;
-            var productVariantQueryApiUrl = this.urlParams.find(function (item) { return item.key === 'productVariantQueryApiUrl'; }).value;
-            var localizationApiUrl = this.urlParams.find(function (item) { return item.key === 'localizationApiUrl'; }).value;
-            //apply to configurator
-            this.hdeConfigurator.nativeElement.setAttribute('apiurl', apiurl);
-            this.hdeConfigurator.nativeElement.setAttribute('productVariantCommandApiUrl', productVariantCommandApiUrl);
-            this.hdeConfigurator.nativeElement.setAttribute('productVariantQueryApiUrl', productVariantQueryApiUrl);
-            this.hdeConfigurator.nativeElement.setAttribute('localizationApiUrl', localizationApiUrl);
-        };
-        // load external scripts into client
-        ProductHdComponent.prototype._loadTheScripts = function () {
-            return __awaiter(this, void 0, void 0, function () {
-                var headerUrls, headerArray, i, styles, stylesArray, j;
-                return __generator(this, function (_a) {
-                    switch (_a.label) {
-                        case 0:
-                            headerUrls = this.urlParams.find(function (item) { return item.key === 'header'; }).value;
-                            headerArray = headerUrls.replace(/\s+/g, '').split(',');
-                            i = 0;
-                            _a.label = 1;
-                        case 1:
-                            if (!(i < headerArray.length)) return [3 /*break*/, 4];
-                            return [4 /*yield*/, this._scriptLoader.loadScript(headerArray[i], this._renderer).catch(function (error) { return console.error(error); })];
-                        case 2:
-                            _a.sent();
-                            _a.label = 3;
-                        case 3:
-                            i++;
-                            return [3 /*break*/, 1];
-                        case 4:
-                            styles = this.urlParams.find(function (item) { return item.key === 'stylesheet'; }).value;
-                            stylesArray = styles.replace(/\s+/g, '').split(',');
-                            j = 0;
-                            _a.label = 5;
-                        case 5:
-                            if (!(j < stylesArray.length)) return [3 /*break*/, 8];
-                            return [4 /*yield*/, this._scriptLoader.addStyleSheet(stylesArray[j], this._renderer)];
-                        case 6:
-                            _a.sent();
-                            _a.label = 7;
-                        case 7:
-                            j++;
-                            return [3 /*break*/, 5];
-                        case 8: return [2 /*return*/];
-                    }
-                });
-            });
-        };
-        return ProductHdComponent;
-    }());
-    ProductHdComponent.decorators = [
-        { type: i0.Component, args: [{
-                    selector: 'co-product-hd',
-                    template: "\n    <hde-configurator #hdeConfigurator\n                      language=\"nl\"\n                      localizationFileExtension=\".json\"\n                      (configurationFinished)=\"handleConfigurationFinished($event)\"\n                      (configurationFailed)=\"handleError($event)\"\n    >\n      <hde-progress-bar></hde-progress-bar>\n    </hde-configurator>\n  ",
-                    encapsulation: i0.ViewEncapsulation.None
-                },] }
-    ];
-    ProductHdComponent.ctorParameters = function () { return [
-        { type: ProductScriptLoaderService },
-        { type: i0.Renderer2 }
-    ]; };
-    ProductHdComponent.propDecorators = {
-        content: [{ type: i0.ViewChild, args: ['hdeConfigurator', { read: i0.ElementRef },] }],
-        sku: [{ type: i0.Input }],
-        token: [{ type: i0.Input }],
-        variant: [{ type: i0.Input }],
-        urlParams: [{ type: i0.Input }],
-        configuratorFinished: [{ type: i0.Output }],
-        configurationError: [{ type: i0.Output }],
-        showClass: [{ type: i0.HostBinding, args: ['class.co-product-hd',] }]
-    };
-
-    var ProductHdModule = /** @class */ (function () {
-        function ProductHdModule() {
-        }
-        return ProductHdModule;
-    }());
-    ProductHdModule.decorators = [
-        { type: i0.NgModule, args: [{
-                    imports: [
-                        common.CommonModule
-                    ],
-                    declarations: [
-                        ProductHdComponent
-                    ],
-                    schemas: [
-                        i0.CUSTOM_ELEMENTS_SCHEMA,
-                        i0.NO_ERRORS_SCHEMA
-                    ],
-                    exports: [
-                        ProductHdComponent
-                    ]
-                },] }
-    ];
-
-    var ProductExternalSourceComponent = /** @class */ (function () {
-        function ProductExternalSourceComponent(_sanitizer, _productConnectorService, _appEventService) {
-            this._sanitizer = _sanitizer;
-            this._productConnectorService = _productConnectorService;
-            this._appEventService = _appEventService;
-            this.addToCart = new i0.EventEmitter();
-            this.addToQuote = new i0.EventEmitter();
-            this.alternativeClick = new i0.EventEmitter();
-            this.configuratorFinished = new i0.EventEmitter();
-            this.showProduct = false;
-            this.showConfigurator = false;
-            this.showSource = false;
-            this.loaded = false;
-            this.externalSettings = {};
-            this.token = ""; //= "eyJhbGciOiJSUzI1NiIsImtpZCI6IkYxOThERkVEOEUwQTQ1MzY3M0M1MUE2Rjk1QUVDQzU3RTM0NjM4RkRSUzI1NiIsInR5cCI6ImF0K2p3dCIsIng1dCI6IjhaamY3WTRLUlRaenhScHZsYTdNVi1OR09QMCJ9.eyJuYmYiOjE3MzIxOTkyOTUsImV4cCI6MTczMjIwMjg5NSwiaXNzIjoiaHR0cHM6Ly9ibXNpZGVudGl0eS1hY2NlcHRhbmNlLmF6dXJld2Vic2l0ZXMubmV0IiwiYXVkIjpbImNhdGFsb2dxdWVyeWFwaSIsImNvbmZpZ3VyYXRvcmFwaSIsInByb2R1Y3R2YXJpYW50Y29tbWFuZGFwaSIsInByb2R1Y3R2YXJpYW50cXVlcnlhcGkiXSwiY2xpZW50X2lkIjoiaW1wZXJzb25hdGlvbi5jbGllbnQiLCJzdWIiOiIwOTMwZDI4Mi05NGU4LTQ5MGEtOGI2NC1mYTk1YmIyYzE1ODIiLCJhdXRoX3RpbWUiOjE3MzIxOTkyOTUsImlkcCI6ImxvY2FsIiwiZW52aXJvbm1lbnQiOiJNU0wiLCJzZWxsZXIiOiJTRTAwMDA5NiIsInNlbGxlcmd1aWQiOiIxMDk1MWJjNS1hZmMzLTQ1MGEtNmVkMS0wOGQ4NDNlNmE5OTQiLCJwZXJtaXNzaW9uIjpbInNhbGVzLmV4cG9ydHRlbXBsYXRlcy5yZWFkIiwiZG9jdW1lbnRsaWJyYXJ5LnRhZy5yZWFkIiwiZG9jdW1lbnRsaWJyYXJ5LmRvY3VtZW50LnJlYWQiLCJkb2N1bWVudGxpYnJhcnkudGFnZ3JvdXAucmVhZCIsInNhbGVzLm9yZGVyLndyaXRlIiwic2FsZXMuY3VzdG9tZXIucmVhZCIsInNhbGVzLm9yZGVyLmRlbGl2ZXJ5YWRkcmVzcy53cml0ZSIsInNlcnZpY2UucmVxdWVzdC5yZWFkIiwiY2F0YWxvZy50YWcucmVhZCIsInNhbGVzLm9yZGVyLnJlYWQiLCJzYWxlcy5jdXN0b21lci53cml0ZSIsInJlcXVlc3Rmb3JxdW90ZS53cml0ZSIsInNhbGVzLm9yZGVyLmJvb2siLCJyZXF1ZXN0Zm9ycXVvdGUucmVhZCIsInNhbGVzLmxlYWQucmVhZCIsInB1cmNoYXNlLm9yZGVyLnJlYWQiLCJzYWxlcy5xdW90ZS5yZWFkIiwic2FsZXMucXVvdGUud3JpdGUiLCJjYXRhbG9nLml0ZW0ucmVhZCIsInNhbGVzLmxlYWQud3JpdGUiLCJzZXJ2aWNlLnJlcXVlc3Quc3VibWl0Iiwic2FsZXMub3JkZXIuZGVsaXZlcnlhZGRyZXNzLnJlYWQiLCJwdXJjaGFzZS5vcmRlci53cml0ZSIsInB1cmNoYXNlLm9yZGVyLnByaWNlcy53cml0ZSIsInB1cmNoYXNlLm9yZGVyLnByaWNlcy5yZWFkIiwic2VydmljZS5yZXF1ZXN0LndyaXRlIiwiY2F0YWxvZy5jYXRhbG9nLnJlYWQiLCJjYXRhbG9nLmNhdGFsb2cud3JpdGUiLCJjYXRhbG9nLmN1cnJlbmN5LnJlYWQiLCJjYXRhbG9nLmN1cnJlbmN5LndyaXRlIiwiY2F0YWxvZy5pdGVtLndyaXRlIiwiY2F0YWxvZy5sb2NhbGl6YXRpb24ucmVhZCIsImNhdGFsb2cubG9jYWxpemF0aW9uLndyaXRlIiwiY2F0YWxvZy5wcm9kdWN0LnJlYWQiLCJjYXRhbG9nLnByb2R1Y3Qud3JpdGUiLCJjYXRhbG9nLnByb2R1Y3RzZXR0aW5nLnJlYWQiLCJjYXRhbG9nLnByb2R1Y3RzZXR0aW5nLndyaXRlIiwiY2F0YWxvZy5zZWxsZXIucmVhZCIsImNhdGFsb2cuc2VsbGVyLndyaXRlIiwiY2F0YWxvZy50YWcud3JpdGUiLCJjYXRhbG9nLnVvbS5yZWFkIiwiY2F0YWxvZy51b20ud3JpdGUiLCJjYXRhbG9nLnZhdGNhdGVnb3J5LnJlYWQiLCJjYXRhbG9nLnZhdGNhdGVnb3J5LndyaXRlIiwiY2F0YWxvZy52ZW5kb3IucmVhZCIsImNhdGFsb2cudmVuZG9yLndyaXRlIiwicHVyY2hhc2Uuc2VsbGVyLnJlYWQiLCJwdXJjaGFzZS5zZWxsZXIud3JpdGUiLCJjYXRhbG9nLmFydGljbGUucmVhZCIsImNhdGFsb2cuYXJ0aWNsZS53cml0ZSIsInNhbGVzLnF1b3RlLmxpbmVzLnJlYWQiLCJzYWxlcy5xdW90ZS5saW5lcy53cml0ZSIsInNhbGVzLnNlbGxlci5yZWFkIiwic2FsZXMuc2VsbGVyLndyaXRlIiwiYWNjb3VudGluZy52ZW5kb3JpbnZvaWNlLnJlYWQiLCJpZGVudGl0eS51c2VyLnJlYWQiLCJpZGVudGl0eS51c2VyLndyaXRlIiwiaWRlbnRpdHkucm9sZS5yZWFkIiwic2VsbGVyLnByb2R1Y3RwcmljZS5zZXR0aW5ncy5yZWFkIiwic2VsbGVyLnByb2R1Y3RwcmljZS5zZXR0aW5ncy53cml0ZSIsImNvbmZpZ3VyYXRvci5wdXJjaGFzZXByaWNlLnJlYWQiLCJzdG9jay5mYWJyaWMucmVhZCJdLCJuYW1lIjoiUm9iaW4iLCJmYW1pbHlfbmFtZSI6ImRlIFdpbnRlciAoQ29saWpuLUlUKSIsInJvbGUiOlsic2VsbGVyIiwiZGVhbGVyX21hbmFnZXIiXSwiaWF0IjoxNzMyMTk5Mjk1LCJzY29wZSI6WyJjYXRhbG9ncXVlcnlhcGkiLCJjb25maWd1cmF0b3JhcGkiLCJwcm9kdWN0dmFyaWFudGNvbW1hbmRhcGkiLCJwcm9kdWN0dmFyaWFudHF1ZXJ5YXBpIl0sImFtciI6WyJpbXBlcnNvbmF0aW9uIl19.rbguVPnkXXDzsM6QKgXulhrF41jIjCuGDV13ig1GC8MewLCJ7wA038OSwT26sx2mCexjvuGYt45YScfPwfTkDy3ErPmHRods64X1dJWZnf-23NTP2iI32K_1vMZH5GOGbMzuFtbKAFQv4hgFAxoyWqFVWyJvuOtQcWyZStROyPHwjAnpnj-x1cVQpOhbO-kQUFvy_VUrPpF3aYVCcO2cFirQTXR6kxSGcYGGcsPY-_eiAd93UdG2EM6xLAocDLaFV72CQI6XEs0WQG1f4SqvH52v3OTkgWBLgYV35gpyIe0-2nazGL0R8pTNuDqrOb7OGmuTRMoTIiRi67-wTxx8cQ";
-            this.variant = "";
-            this.urlParams = [];
-            this._subs = [];
-        }
-        Object.defineProperty(ProductExternalSourceComponent.prototype, "externalSource", {
-            get: function () {
-                return this._externalSource;
-            },
-            set: function (value) {
-                this._externalSource = value;
-                this.loaded = false;
-                this._prepareExternalSource();
-            },
-            enumerable: false,
-            configurable: true
-        });
-        Object.defineProperty(ProductExternalSourceComponent.prototype, "externalCatalogStartupInfo", {
-            get: function () {
-                return this._externalCatalogStartupInfo;
-            },
-            set: function (value) {
-                if (value) {
-                    this._externalCatalogStartupInfo = value;
-                    this.externalSource = value.externalSource;
-                    this.loaded = false;
-                    this._prepareExternalSource();
-                }
-            },
-            enumerable: false,
-            configurable: true
-        });
-        ProductExternalSourceComponent.prototype.showClass = function () {
-            return true;
-        };
-        ProductExternalSourceComponent.prototype.ngOnInit = function () {
-            var _this = this;
-            this._subs.push(this._appEventService.onAddToCart.subscribe(function (data) {
-                _this.addToCart.next({
-                    article: data.article,
-                    quantity: data.quantity,
-                    catalogDefinition: _this.catalogDefinition,
-                    externalSource: _this._externalSource
-                });
-            }), this._appEventService.onAddToQuote.subscribe(function (json) {
-                _this.addToQuote.next({
-                    article: json,
-                    quantity: 1,
-                    catalogDefinition: _this.catalogDefinition,
-                    externalSource: _this._externalSource
-                });
-            }), this._appEventService.onAlternativeClick.subscribe(function (article) { return _this.alternativeClick.next(article); }));
-        };
-        ProductExternalSourceComponent.prototype.ngOnDestroy = function () {
-            this._subs.forEach(function (s) { return s.unsubscribe(); });
-        };
-        ProductExternalSourceComponent.prototype.handleConfigurationFinished = function (variantString) {
-            this.configuratorFinished.emit(variantString);
-        };
-        ProductExternalSourceComponent.prototype._prepareExternalSource = function () {
-            return __awaiter(this, void 0, void 0, function () {
-                return __generator(this, function (_a) {
-                    switch (_a.label) {
-                        case 0:
-                            if (!this._externalSource) {
-                                return [2 /*return*/];
-                            }
-                            this.externalUrl = undefined;
-                            this.externalSettings = {};
-                            if (!(this.externalSource.type === 'CATF')) return [3 /*break*/, 2];
-                            return [4 /*yield*/, this._prepareCatFarm()];
-                        case 1:
-                            _a.sent();
-                            return [3 /*break*/, 3];
-                        case 2:
-                            if (this.externalSource.type === 'HTDL') {
-                                this._prepareConfigurator();
-                            }
-                            else {
-                                this._prepareSource();
-                            }
-                            _a.label = 3;
-                        case 3: return [2 /*return*/];
-                    }
-                });
-            });
-        };
-        ProductExternalSourceComponent.prototype._prepareCatFarm = function () {
-            return __awaiter(this, void 0, void 0, function () {
-                var bundleSettings;
-                return __generator(this, function (_a) {
-                    switch (_a.label) {
-                        case 0: return [4 /*yield*/, this._productConnectorService.getProductBundleSettings(this.externalSource.url, parseInt(this.externalSource.schema, 0))];
-                        case 1:
-                            bundleSettings = _a.sent();
-                            this.externalSettings = JSON.parse(bundleSettings);
-                            if (this.options) {
-                                this.externalSettings.options = this.options;
-                            }
-                            // this.externalSettings.assetPath = "https://cdn1.colijn-it.nl/content43";
-                            // this.externalSettings.threeDAssetPath = "https://cdn1.colijn-it.nl/content43";
-                            if (this.externalSource.username && this.externalSource.password) {
-                                this.externalSettings.useLoginEncryption = true;
-                                this.externalSettings.username = this.externalSource.username;
-                                this.externalSettings.password = this.externalSource.password;
-                            }
-                            // finally show the catalog
-                            this.switchToProduct();
-                            this.loaded = true;
-                            return [2 /*return*/];
-                    }
-                });
-            });
-        };
-        ProductExternalSourceComponent.prototype._prepareConfigurator = function () {
-            if (this.externalCatalogStartupInfo) {
-                this.token = this.externalCatalogStartupInfo.token;
-                this.sku = this.externalCatalogStartupInfo.externalGoodId;
-                this.variant = this.externalCatalogStartupInfo.flattenedGoodId;
-                this.urlParams = this.externalCatalogStartupInfo.externalSource.parameters;
-                this.switchToConfigurator();
-                this.loaded = true;
-            }
-        };
-        ProductExternalSourceComponent.prototype._prepareSource = function () {
-            this.externalUrl = this.externalSource.url;
-            this.safeUrl = this._sanitizer.bypassSecurityTrustResourceUrl(this.externalUrl);
-            this.switchToSource();
-            this.loaded = true;
-        };
-        ProductExternalSourceComponent.prototype.switchToProduct = function () {
-            this.showProduct = true;
-            this.showConfigurator = false;
-            this.showSource = false;
-        };
-        ProductExternalSourceComponent.prototype.switchToConfigurator = function () {
-            this.showProduct = false;
-            this.showConfigurator = true;
-            this.showSource = false;
-        };
-        ProductExternalSourceComponent.prototype.switchToSource = function () {
-            this.showProduct = false;
-            this.showConfigurator = false;
-            this.showSource = true;
-        };
-        return ProductExternalSourceComponent;
-    }());
-    ProductExternalSourceComponent.decorators = [
-        { type: i0.Component, args: [{
-                    selector: 'co-product-external-source',
-                    template: "\n        <ng-container *ngIf=\"loaded\">\n            <ng-container *ngIf=\"showProduct\">\n                <app-product-page\n                        [sku]=\"sku\"\n                        [settings]=\"externalSettings\"\n                        [externalSource]=\"externalSource\"\n                ></app-product-page>\n            </ng-container>\n            <ng-container *ngIf=\"showSource\">\n                <iframe width=\"100%\" height=\"100%\" [src]=\"safeUrl\" frameborder=\"0\" allowfullscreen></iframe>\n            </ng-container>\n            <ng-container *ngIf=\"showConfigurator\">\n              <co-product-hd width=\"100%\" height=\"100%\"\n                             [sku]=\"sku\"\n                             [variant]=\"variant\"\n                             [token]=\"token\"\n                             [urlParams]=\"urlParams\"\n                             (configuratorFinished)=\"handleConfigurationFinished($event)\"></co-product-hd>\n            </ng-container>\n        </ng-container>\n    ",
-                    providers: [
-                        ProductSettingsService,
-                        ProductConnectorAdapterService,
-                        ProductConnectorService
-                    ],
-                    encapsulation: i0.ViewEncapsulation.None
-                },] }
-    ];
-    ProductExternalSourceComponent.ctorParameters = function () { return [
-        { type: i1$1.DomSanitizer },
-        { type: ProductConnectorService },
-        { type: ProductEventService }
-    ]; };
-    ProductExternalSourceComponent.propDecorators = {
-        sku: [{ type: i0.Input }],
-        catalogDefinition: [{ type: i0.Input }],
-        externalSource: [{ type: i0.Input }],
-        externalCatalogStartupInfo: [{ type: i0.Input }],
-        options: [{ type: i0.Input }],
-        addToCart: [{ type: i0.Output }],
-        addToQuote: [{ type: i0.Output }],
-        alternativeClick: [{ type: i0.Output }],
-        configuratorFinished: [{ type: i0.Output }],
-        showClass: [{ type: i0.HostBinding, args: ['class.co-product-external-source',] }]
-    };
-
-    var ProductExternalSourceModule = /** @class */ (function () {
-        function ProductExternalSourceModule() {
-        }
-        return ProductExternalSourceModule;
-    }());
-    ProductExternalSourceModule.decorators = [
-        { type: i0.NgModule, args: [{
-                    imports: [
-                        common.CommonModule,
-                        ProductPageModule,
-                        ProductHdModule
-                    ],
-                    declarations: [
-                        ProductExternalSourceComponent
-                    ],
-                    exports: [
-                        ProductExternalSourceComponent
-                    ]
-                },] }
-    ];
-
-    var IoneProductModule = /** @class */ (function () {
-        function IoneProductModule() {
-        }
-        return IoneProductModule;
-    }());
-    IoneProductModule.decorators = [
-        { type: i0.NgModule, args: [{
-                    imports: [
-                        // BrowserAnimationsModule,
-                        common.CommonModule,
-                        ProductPageModule,
-                        ProductHdModule,
-                        ProductExternalSourceModule,
-                        corecomponents_v12.ButtonModule
-                    ],
-                    declarations: [
-                        IoneProductComponent
-                    ],
-                    exports: [
-                        IoneProductComponent
-                    ],
-                    schemas: [
-                        i0.CUSTOM_ELEMENTS_SCHEMA,
-                        i0.NO_ERRORS_SCHEMA
-                    ],
-                    bootstrap: [
-                        IoneProductComponent
-                    ]
-                },] }
-    ];
-
-    /**
-     * Generated bundle index. Do not edit.
-     */
-
-    exports.IoneProductComponent = IoneProductComponent;
-    exports.IoneProductModule = IoneProductModule;
-    exports.ProductConnectorAdapterService = ProductConnectorAdapterService;
-    exports.ProductConnectorService = ProductConnectorService;
-    exports.ProductEventService = ProductEventService;
-    exports.ProductExternalSourceComponent = ProductExternalSourceComponent;
-    exports.ProductExternalSourceModule = ProductExternalSourceModule;
-    exports.ProductSettingsService = ProductSettingsService;
-    exports.Version = Version;
-    exports["ɵa"] = ProductPageModule;
-    exports["ɵb"] = ProductSelectorTypeModule;
-    exports["ɵba"] = ProductInfoTabsModule;
-    exports["ɵbb"] = ProductAdditionalInfoModule;
-    exports["ɵbc"] = ProductAdditionalInfoComponent;
-    exports["ɵbd"] = ProductPropertiesModule;
-    exports["ɵbe"] = ProductPropertiesComponent;
-    exports["ɵbf"] = ProductDocumentModule;
-    exports["ɵbg"] = ProductDocumentsComponent;
-    exports["ɵbh"] = ProductSymbolsModule;
-    exports["ɵbi"] = ProductSymbolsComponent;
-    exports["ɵbj"] = ProductInfoTabsComponent;
-    exports["ɵbk"] = ProductDialogModule;
-    exports["ɵbl"] = ProductDialogComponent;
-    exports["ɵbm"] = RenderCarouselModule;
-    exports["ɵbn"] = RenderCarouselComponent;
-    exports["ɵbo"] = ProductPageComponent;
-    exports["ɵbp"] = ProductHdModule;
-    exports["ɵbq"] = ProductHdComponent;
-    exports["ɵbr"] = ProductScriptLoaderService;
-    exports["ɵbs"] = LocalStorageService;
-    exports["ɵc"] = PipeModule;
-    exports["ɵd"] = LocalizePipe;
-    exports["ɵe"] = DictionaryService;
-    exports["ɵf"] = JsonUtilsService;
-    exports["ɵg"] = ProductSelectorTypeComponent;
-    exports["ɵh"] = IconCacheService;
-    exports["ɵi"] = ImageCarouselModule;
-    exports["ɵj"] = ImageCarouselComponent;
-    exports["ɵk"] = ProductDescriptionModule;
-    exports["ɵl"] = ProductDescriptionComponent;
-    exports["ɵm"] = ProductAdditionalDescriptionModule;
-    exports["ɵn"] = ProductAdditionalDescriptionComponent;
-    exports["ɵo"] = ProductPriceModule;
-    exports["ɵp"] = ProductPriceComponent;
-    exports["ɵq"] = ProductAddtocartModule;
-    exports["ɵr"] = ProductAddtocartComponent;
-    exports["ɵs"] = ProductRelatedModule;
-    exports["ɵt"] = HeaderModule;
-    exports["ɵu"] = HeaderComponent;
-    exports["ɵv"] = ProductRelatedComponent;
-    exports["ɵw"] = ProductStockModule;
-    exports["ɵx"] = ProductStockComponent;
-    exports["ɵy"] = ProductDeliveryModule;
-    exports["ɵz"] = ProductDeliveryComponent;
-
-    Object.defineProperty(exports, '__esModule', { value: true });
-
-}));
-//# sourceMappingURL=colijnit-product.umd.js.map