`, where Drop-in will be included on your page or the selector for the empty element. e.g. `#dropin-container`.\n * @param {string} options.selector Deprecated: Now an alias for `options.container`.\n * @param {string} [options.locale=`en_US`] Use this option to change the language, links, and terminology used throughout Drop-in. Supported locales include:\n * `ar_EG`,\n * `cs_CZ`,\n * `da_DK`,\n * `de_DE`,\n * `el_GR`,\n * `en_AU`,\n * `en_GB`,\n * `en_IN`,\n * `en_US`,\n * `es_ES`,\n * `es_XC`,\n * `fi_FI`,\n * `fr_CA`,\n * `fr_FR`,\n * `fr_XC`,\n * `he_IL`,\n * `hu_HU`,\n * `id_ID`,\n * `it_IT`,\n * `ja_JP`,\n * `ko_KR`,\n * `nl_NL`,\n * `no_NO`,\n * `pl_PL`,\n * `pt_BR`,\n * `pt_PT`,\n * `ru_RU`,\n * `sk_SK`,\n * `sv_SE`,\n * `th_TH`,\n * `zh_CN`,\n * `zh_HK`,\n * `zh_TW`,\n * `zh_XC`.\n *\n * @param {object} [options.translations] To use your own translations, pass an object with the strings you wish to replace. This object must use the same structure as the object used internally for supported translations, which can be found [here](https://github.com/braintree/braintree-web-drop-in/blob/main/src/translations/en_US.js). Any strings that are not included will be those from the provided `locale` or `en_US` if no `locale` is provided. See below for an example of creating Drop-in with custom translations.\n * @param {array} [options.paymentOptionPriority] Use this option to indicate the order in which enabled payment options should appear when multiple payment options are enabled. By default, payment options will appear in this order: `['card', 'paypal', 'paypalCredit', 'venmo', 'applePay', 'googlePay']`. Payment options omitted from this array will not be offered to the customer.\n *\n * @param {(boolean|object)} [options.card] The configuration options for cards. See [`cardCreateOptions`](#~cardCreateOptions) for all `card` options. If this option is omitted, cards will still appear as a payment option. To remove cards, pass `false` for the value.\n * @param {object} [options.paypal] The configuration options for PayPal. To include a PayPal option in your Drop-in integration, include the `paypal` parameter and [enable PayPal in the Braintree Control Panel](https://developer.paypal.com/braintree/docs/guides/paypal/testing-go-live#go-live). To test in Sandbox, you will need to [link a PayPal sandbox test account to your Braintree sandbox account](https://developer.paypal.com/braintree/docs/guides/paypal/testing-go-live#linked-paypal-testing).\n *\n * Some of the PayPal configuration options are listed [here](#~paypalCreateOptions), but for a full list see the [PayPal Checkout client reference options](http://braintree.github.io/braintree-web/3.88.3/PayPalCheckout.html#createPayment).\n *\n * PayPal is not [supported in Internet Explorer versions lower than 11](https://developer.paypal.com/docs/archive/checkout/reference/faq/#link-whichbrowsersdoespaypalcheckoutsupport).\n *\n * @param {object} [options.paypalCredit] The configuration options for PayPal Credit. To include a PayPal Credit option in your Drop-in integration, include the `paypalCredit` parameter and [enable PayPal in the Braintree Control Panel](https://developer.paypal.com/braintree/docs/guides/paypal/testing-go-live#go-live).\n *\n * Some of the PayPal Credit configuration options are listed [here](#~paypalCreateOptions), but for a full list see the [PayPal Checkout client reference options](http://braintree.github.io/braintree-web/3.88.3/PayPalCheckout.html#createPayment). For more information on PayPal Credit, see the [Braintree Developer Docs](https://developer.paypal.com/braintree/docs/guides/paypal/paypal-credit/javascript/v3).\n *\n * PayPal Credit is not [supported in Internet Explorer versions lower than 11](https://developer.paypal.com/docs/archive/checkout/reference/faq/#link-whichbrowsersdoespaypalcheckoutsupport).\n *\n * @param {(object|boolean)} [options.venmo] The configuration options for Pay with Venmo. To include a Venmo option in your Drop-in integration, include the `venmo` parameter and [follow the documentation for setting up Venmo in the Braintree control panel](https://articles.braintreepayments.com/guides/payment-methods/venmo#setup). If a user's browser does not support Venmo, the Venmo option will not be rendered.\n *\n * See [`venmoCreateOptions`](#~venmoCreateOptions) for `venmo` options.\n *\n * @param {object} [options.applePay] The configuration options for Apple Pay. To include an Apple Pay option in your Drop-in integration, include the `applePay` parameter and [enable Apple Pay in the Braintree Control Panel](https://developer.paypal.com/braintree/docs/guides/apple-pay/configuration/javascript/v3). If a user's browser does not support Apple Pay, the Apple Pay option will not be rendered. See [Apple's documentation](https://support.apple.com/en-us/HT201469) for browser and device support.\n *\n * See [`applePayCreateOptions`](#~applePayCreateOptions) for `applePay` options.\n *\n * @param {object} [options.googlePay] The configuration options for Google Pay. To include a Google Pay option in your Drop-in integration, include the `googlePay` parameter and [enable Google Pay in the Braintree Control Panel](https://developer.paypal.com/braintree/docs/guides/google-pay/configuration/javascript/v3). If a user's browser does not support Google Pay, the Google Pay option will not be rendered. See [Google's documentation](https://developers.google.com/pay/api/web/test-and-deploy) for browser and device support.\n *\n * See [`googlePayCreateOptions`](#~googlePayCreateOptions) for `googlePay` options.\n *\n * @param {object|boolean} [options.dataCollector] If `true` is passed, Drop-in will be configured to collect data for use with Advanced Fraud Protection. If collecting data via Kount, pass a [`dataCollectorOptions` object](#~dataCollectorOptions) with `kount: true` instead. If Data Collector is configured and fails to load, Drop-in creation will fail.\n *\n * @param {(boolean|object)} [options.threeDSecure] When `true` is passed, the 3D Secure module will be created with a default configuration. See [`threeDSecureOptions`](#~threeDSecureOptions) for additional create options. If 3D Secure is configured and fails to load, Drop-in creation will fail.\n *\n * @param {boolean} [options.vaultManager=false] Whether or not to allow a customer to delete saved payment methods when used with a [client token with a customer id](https://developer.paypal.com/braintree/docs/reference/request/client-token/generate#customer_id). *Note:* Deleting a payment method from Drop-in will permanently delete the payment method, so this option is not recommended for merchants using Braintree's recurring billing system. This feature is not supported in Internet Explorer 9.\n *\n * @param {boolean} [options.preselectVaultedPaymentMethod=true] Whether or not to initialize Drop-in with a vaulted payment method pre-selected. Only applicable when using a [client token with a customer id](https://developer.paypal.com/braintree/docs/reference/request/client-token/generate#customer_id) and a customer with saved payment methods.\n *\n * @param {boolean} [options.showDefaultPaymentMethodFirst=true] When `true` or left out, the customer's default payment method will be displayed first in the list of vaulted payment methods. When `false`, the order of the displayed payment methods is not guaranteed. Only applicable when using a [client token with a customer id](https://developer.paypal.com/braintree/docs/reference/request/client-token/generate#customer_id) and a customer with saved payment methods.\n *\n * @param {function} [callback] The second argument, `data`, is the {@link Dropin} instance. Returns a promise if no callback is provided.\n * @returns {(void|Promise)} Returns a promise if no callback is provided.\n * @example\n *
A full example of accepting credit cards with callback API \n * \n * \n * \n *
\n *
Checkout \n * \n * \n *
\n *
Purchase \n *\n * \n *\n * \n * \n * \n * @example\n *
A full example of accepting credit cards with promise API \n * \n * \n * \n *
\n *
Checkout \n * \n * \n *
\n *
Purchase \n *\n * \n *\n * \n * \n * \n * @example\n *
Setting up a Drop-in instance to accept credit cards, PayPal, PayPal Credit, Venmo, and Apple Pay \n * braintree.dropin.create({\n * authorization: 'CLIENT_AUTHORIZATION',\n * container: '#dropin-container',\n * applePay: {\n * displayName: 'Merchant Name',\n * paymentRequest: {\n * total: {\n * label: 'Localized Name',\n * amount: '10.00'\n * }\n * }\n * },\n * paypal: {\n * flow: 'checkout',\n * amount: '10.00',\n * currency: 'USD'\n * },\n * paypalCredit: {\n * flow: 'checkout',\n * amount: '10.00',\n * currency: 'USD'\n * },\n * venmo: true\n * }, function (err, dropinInstance) {\n * // Set up a handler to request a payment method and\n * // submit the payment method nonce to your server\n * });\n * @example\n *
Setting up a Drop-in instance to accept Venmo with restricted browser support \n * braintree.dropin.create({\n * authorization: 'CLIENT_AUTHORIZATION',\n * container: '#dropin-container',\n * venmo: {\n * allowNewBrowserTab: false\n * }\n * }, function (err, dropinInstance) {\n * // Set up a handler to request a payment method and\n * // submit the payment method nonce to your server\n * });\n *\n * @example\n *
Submitting the payment method nonce to the server using a form \n * \n * \n * \n *
\n *
Checkout \n * \n * \n *
\n *\n * \n *\n * \n * \n * \n *\n * @example\n *
Use your own translations \n * braintree.dropin.create({\n * authorization: 'CLIENT_AUTHORIZATION',\n * container: '#dropin-container',\n * translations: {\n * payingWith: 'You are paying with {{paymentSource}}',\n * chooseAnotherWayToPay: 'My custom chooseAnotherWayToPay string',\n * // Any other custom translation strings\n * }\n * }, callback);\n *\n * @example\n *
Customizing Drop-in with card form overrides \n * braintree.dropin.create({\n * authorization: 'CLIENT_AUTHORIZATION',\n * container: '#dropin-container',\n * card: {\n * overrides: {\n * fields: {\n * number: {\n * placeholder: '1111 1111 1111 1111' // Update the number field placeholder\n * },\n * postalCode: {\n * minlength: 5 // Set the minimum length of the postal code field\n * },\n * cvv: null // Remove the CVV field from your form\n * },\n * styles: {\n * input: {\n * 'font-size': '18px' // Change the font size for all inputs\n * },\n * ':focus': {\n * color: 'red' // Change the focus color to red for all inputs\n * }\n * }\n * }\n * }\n * }, callback);\n *\n * @example\n *
Mask Card Inputs \n * braintree.dropin.create({\n * authorization: 'CLIENT_AUTHORIZATION',\n * container: '#dropin-container',\n * card: {\n * overrides: {\n * fields: {\n * number: {\n * maskInput: {\n * showLastFour: true\n * }\n * },\n * cvv: {\n * maskInput: true\n * }\n * }\n * }\n * }\n * }, callback);\n *\n * @example\n *
Including a cardholder name field \n * braintree.dropin.create({\n * authorization: 'CLIENT_AUTHORIZATION',\n * container: '#dropin-container',\n * card: {\n * cardholderName: true\n * }\n * }, callback);\n *\n * @example\n *
Including a required cardholder name field \n * braintree.dropin.create({\n * authorization: 'CLIENT_AUTHORIZATION',\n * container: '#dropin-container',\n * card: {\n * cardholderName: {\n * required: true\n * }\n * }\n * }, callback);\n *\n * @example\n *
Enabling 3D Secure \n * braintree.dropin.create({\n * authorization: 'CLIENT_AUTHORIZATION',\n * container: '#dropin-container',\n * threeDSecure: true\n * }, function (err, dropinInstance) {\n * // setup payment button\n * btn.addEventListener('click', function (e) {\n * e.preventDefault();\n *\n * dropinInstance.requestPaymentMethod(|\n * threeDSecure: {\n * amount: '100.00',\n * billingAddress: {\n * givenName: 'Jill', // ASCII-printable characters required, else will throw a validation error\n * surname: 'Doe', // ASCII-printable characters required, else will throw a validation error\n * phoneNumber: '8101234567',\n * streetAddress: '555 Smith St.',\n * extendedAddress: '#5',\n * locality: 'Oakland',\n * region: 'CA',\n * postalCode: '12345',\n * countryCodeAlpha2: 'US'\n * },\n * // additional 3ds params\n * }\n * }, function (err, payload) {\n * // inspect payload.liablityShifted\n * // send payload.nonce to server\n * });\n * });\n * });\n *\n * @example\n *
Enabled Vault Manager \n * braintree.dropin.create({\n * authorization: 'CLIENT_AUTHORIZATION',\n * container: '#dropin-container',\n * vaultManager: true\n * }, callback);\n */\n\nfunction create(options) {\n if (!options.authorization) {\n return Promise.reject(new DropinError('options.authorization is required.'));\n }\n\n return client.create({\n authorization: options.authorization\n }).catch(function (err) {\n return Promise.reject(new DropinError({\n message: 'There was an error creating Drop-in.',\n braintreeWebError: err\n }));\n }).then(function (clientInstance) {\n clientInstance = setAnalyticsIntegration(clientInstance);\n\n if (clientInstance.getConfiguration().authorizationType === 'TOKENIZATION_KEY') {\n analytics.sendEvent(clientInstance, 'started.tokenization-key');\n } else {\n analytics.sendEvent(clientInstance, 'started.client-token');\n }\n\n return new Promise(function (resolve, reject) {\n new Dropin({\n merchantConfiguration: options,\n client: clientInstance\n })._initialize(function (err, instance) {\n if (err) {\n reject(err);\n\n return;\n }\n\n resolve(instance);\n });\n });\n });\n}\n\nfunction setAnalyticsIntegration(clientInstance) {\n var configuration = clientInstance.getConfiguration();\n\n configuration.analyticsMetadata.integration = constants.INTEGRATION;\n configuration.analyticsMetadata.integrationType = constants.INTEGRATION;\n configuration.analyticsMetadata.dropinVersion = VERSION;\n\n clientInstance.getConfiguration = function () {\n return configuration;\n };\n\n return clientInstance;\n}\n\n// we check for document's existence to support server side rendering\ncreateFromScriptTag(create, typeof document !== 'undefined' && document.querySelector('script[data-braintree-dropin-authorization]'));\n\nmodule.exports = {\n create: wrapPromise(create),\n /**\n * @description The current version of Drop-in, i.e. `1.33.7`.\n * @type {string}\n */\n VERSION: VERSION\n};\n\n},{\"./constants\":196,\"./dropin\":198,\"./lib/analytics\":201,\"./lib/create-from-script-tag\":204,\"./lib/dropin-error\":206,\"./lib/promise\":213,\"@braintree/wrap-promise\":51,\"braintree-web/client\":60}],200:[function(require,module,exports){\n'use strict';\n\nfunction addSelectionEventHandler(element, func) {\n element.addEventListener('click', func);\n element.addEventListener('keyup', function (event) {\n if (event.keyCode === 13) {\n func();\n }\n });\n}\n\nmodule.exports = addSelectionEventHandler;\n\n},{}],201:[function(require,module,exports){\n'use strict';\n\nvar atob = require('./polyfill').atob;\nvar constants = require('../constants');\nvar braintreeClientVersion = require('braintree-web/client').VERSION;\n\nfunction _millisToSeconds(millis) {\n return Math.floor(millis / 1000);\n}\n\nfunction sendAnalyticsEvent(client, kind, callback) {\n var configuration = client.getConfiguration();\n var analyticsRequest = client._request;\n var timestamp = _millisToSeconds(Date.now());\n var url = configuration.gatewayConfiguration.analytics.url;\n var data = {\n analytics: [{\n kind: constants.ANALYTICS_PREFIX + kind,\n timestamp: timestamp\n }],\n _meta: configuration.analyticsMetadata,\n braintreeLibraryVersion: braintreeClientVersion\n };\n\n if (configuration.authorizationType === 'TOKENIZATION_KEY') {\n data.tokenizationKey = configuration.authorization;\n } else {\n data.authorizationFingerprint = JSON.parse(atob(configuration.authorization)).authorizationFingerprint;\n }\n\n analyticsRequest({\n url: url,\n method: 'post',\n data: data,\n timeout: constants.ANALYTICS_REQUEST_TIMEOUT_MS\n }, callback);\n}\n\nmodule.exports = {\n sendEvent: sendAnalyticsEvent\n};\n\n},{\"../constants\":196,\"./polyfill\":212,\"braintree-web/client\":60}],202:[function(require,module,exports){\n'use strict';\n\nvar assignNormalized = typeof Object.assign === 'function' ? Object.assign : assignPolyfill;\n\nfunction assignPolyfill(destination) {\n var i, source, key;\n\n for (i = 1; i < arguments.length; i++) {\n source = arguments[i];\n for (key in source) {\n if (source.hasOwnProperty(key)) {\n destination[key] = source[key];\n }\n }\n }\n\n return destination;\n}\n\nmodule.exports = {\n assign: assignNormalized,\n _assign: assignPolyfill\n};\n\n},{}],203:[function(require,module,exports){\n'use strict';\n\nvar isIe9 = require('@braintree/browser-detection/is-ie9');\nvar isIe10 = require('@braintree/browser-detection/is-ie10');\n\nmodule.exports = {\n isIe9: isIe9,\n isIe10: isIe10\n};\n\n},{\"@braintree/browser-detection/is-ie10\":32,\"@braintree/browser-detection/is-ie9\":33}],204:[function(require,module,exports){\n'use strict';\n\nvar analytics = require('./analytics');\nvar find = require('./find-parent-form');\nvar uuid = require('@braintree/uuid');\nvar DropinError = require('./dropin-error');\nvar kebabCaseToCamelCase = require('./kebab-case-to-camel-case');\nvar WHITELISTED_DATA_ATTRIBUTES = [\n 'locale',\n 'payment-option-priority',\n\n 'data-collector.kount',\n 'data-collector.paypal',\n\n // camelcase version was accidentally used initially.\n // we add the kebab case version to match the docs, but\n // we retain the camelcase version for backwards compatibility\n 'card.cardholderName',\n 'card.cardholderName.required',\n 'card.cardholder-name',\n 'card.cardholder-name.required',\n\n 'paypal.amount',\n 'paypal.currency',\n 'paypal.flow',\n 'paypal.landing-page-type',\n\n 'paypal-credit.amount',\n 'paypal-credit.currency',\n 'paypal-credit.flow',\n 'paypal-credit.landing-page-type'\n];\n\nfunction injectHiddenInput(name, value, form) {\n var input = form.querySelector('[name=\"' + name + '\"]');\n\n if (!input) {\n input = document.createElement('input');\n input.type = 'hidden';\n input.name = name;\n form.appendChild(input);\n }\n\n input.value = value;\n}\n\nfunction addCompositeKeyValuePairToObject(obj, key, value) {\n var decomposedKeys = key.split('.');\n var topLevelKey = kebabCaseToCamelCase(decomposedKeys[0]);\n\n if (decomposedKeys.length === 1) {\n obj[topLevelKey] = deserialize(value);\n } else {\n obj[topLevelKey] = obj[topLevelKey] || {};\n addCompositeKeyValuePairToObject(obj[topLevelKey], decomposedKeys.slice(1).join('.'), value);\n }\n}\n\nfunction deserialize(value) {\n try {\n return JSON.parse(value);\n } catch (e) {\n return value;\n }\n}\n\nfunction createFromScriptTag(createFunction, scriptTag) {\n var authorization, container, createOptions, form;\n\n if (!scriptTag) {\n return;\n }\n\n authorization = scriptTag.getAttribute('data-braintree-dropin-authorization');\n\n if (!authorization) {\n throw new DropinError('Authorization not found in data-braintree-dropin-authorization attribute');\n }\n\n container = document.createElement('div');\n container.id = 'braintree-dropin-' + uuid();\n\n form = find.findParentForm(scriptTag);\n\n if (!form) {\n throw new DropinError('No form found for script tag integration.');\n }\n\n form.addEventListener('submit', function (event) {\n event.preventDefault();\n });\n\n scriptTag.parentNode.insertBefore(container, scriptTag);\n\n createOptions = {\n authorization: authorization,\n container: container\n };\n\n WHITELISTED_DATA_ATTRIBUTES.forEach(function (compositeKey) {\n var value = scriptTag.getAttribute('data-' + compositeKey);\n\n if (value == null) {\n return;\n }\n\n addCompositeKeyValuePairToObject(createOptions, compositeKey, value);\n });\n\n createFunction(createOptions).then(function (instance) {\n analytics.sendEvent(instance._client, 'integration-type.script-tag');\n form.addEventListener('submit', function () {\n instance.requestPaymentMethod(function (requestPaymentError, payload) {\n if (requestPaymentError) {\n return;\n }\n\n injectHiddenInput('payment_method_nonce', payload.nonce, form);\n\n if (payload.deviceData) {\n injectHiddenInput('device_data', payload.deviceData, form);\n }\n\n form.submit();\n });\n });\n });\n}\n\nmodule.exports = createFromScriptTag;\n\n},{\"./analytics\":201,\"./dropin-error\":206,\"./find-parent-form\":207,\"./kebab-case-to-camel-case\":211,\"@braintree/uuid\":47}],205:[function(require,module,exports){\n(function (global){(function (){\n'use strict';\n\nvar constants = require('../constants');\nvar analytics = require('./analytics');\nvar assets = require('@braintree/asset-loader');\nvar Promise = require('./promise');\n\nfunction DataCollector(config) {\n this._config = config;\n}\n\nDataCollector.prototype.initialize = function () {\n var self = this;\n\n return Promise.resolve().then(function () {\n var braintreeWebVersion;\n\n if (global.braintree && global.braintree.dataCollector) {\n return Promise.resolve();\n }\n\n braintreeWebVersion = self._config.client.getVersion();\n\n return assets.loadScript({\n src: 'https://js.braintreegateway.com/web/' + braintreeWebVersion + '/js/data-collector.min.js',\n id: constants.DATA_COLLECTOR_SCRIPT_ID\n });\n }).then(function () {\n return global.braintree.dataCollector.create(self._config);\n }).then(function (instance) {\n self._instance = instance;\n }).catch(function (err) {\n analytics.sendEvent(self._config.client, 'data-collector.setup-failed');\n // log the Data Collector setup error\n // but do not prevent Drop-in from loading\n self.log(err);\n });\n};\n\nDataCollector.prototype.log = function (message) {\n console.log(message); // eslint-disable-line no-console\n};\n\nDataCollector.prototype.getDeviceData = function () {\n if (!this._instance) {\n return '';\n }\n\n return this._instance.deviceData;\n};\n\nDataCollector.prototype.teardown = function () {\n if (!this._instance) {\n return Promise.resolve();\n }\n\n return this._instance.teardown();\n};\n\nmodule.exports = DataCollector;\n\n}).call(this)}).call(this,typeof global !== \"undefined\" ? global : typeof self !== \"undefined\" ? self : typeof window !== \"undefined\" ? window : {})\n},{\"../constants\":196,\"./analytics\":201,\"./promise\":213,\"@braintree/asset-loader\":1}],206:[function(require,module,exports){\n'use strict';\n\nfunction isBraintreeWebError(err) {\n return err.name === 'BraintreeError';\n}\n\nfunction DropinError(err) {\n this.name = 'DropinError';\n\n if (typeof err === 'string') {\n this.message = err;\n } else {\n this.message = err.message;\n }\n\n if (isBraintreeWebError(err)) {\n this._braintreeWebError = err;\n } else {\n this._braintreeWebError = err.braintreeWebError;\n }\n}\n\nDropinError.prototype = Object.create(Error.prototype);\nDropinError.prototype.constructor = DropinError;\n\nmodule.exports = DropinError;\n\n},{}],207:[function(require,module,exports){\n'use strict';\n\nfunction findParentForm(element) {\n var parentNode = element.parentNode;\n\n if (!parentNode || parentNode.nodeName === 'FORM') {\n return parentNode;\n }\n\n return findParentForm(parentNode);\n}\n\nmodule.exports = {\n findParentForm: findParentForm\n};\n\n},{}],208:[function(require,module,exports){\n'use strict';\n\nvar atob = require('./polyfill').atob;\n\nmodule.exports = function (client) {\n var authorizationFingerprint;\n var configuration = client.getConfiguration();\n\n if (configuration.authorizationType !== 'TOKENIZATION_KEY') {\n authorizationFingerprint = JSON.parse(atob(configuration.authorization)).authorizationFingerprint;\n\n return !authorizationFingerprint || authorizationFingerprint.indexOf('customer_id=') === -1;\n }\n\n return true;\n};\n\n},{\"./polyfill\":212}],209:[function(require,module,exports){\n(function (global){(function (){\n'use strict';\n\nfunction isHTTPS() {\n return global.location.protocol === 'https:';\n}\n\nmodule.exports = {\n isHTTPS: isHTTPS\n};\n\n}).call(this)}).call(this,typeof global !== \"undefined\" ? global : typeof self !== \"undefined\" ? self : typeof window !== \"undefined\" ? window : {})\n},{}],210:[function(require,module,exports){\n(function (global){(function (){\n'use strict';\n\nmodule.exports = function (win) {\n win = win || global;\n\n return Boolean(win.document.characterSet && win.document.characterSet.toLowerCase() === 'utf-8');\n};\n\n}).call(this)}).call(this,typeof global !== \"undefined\" ? global : typeof self !== \"undefined\" ? self : typeof window !== \"undefined\" ? window : {})\n},{}],211:[function(require,module,exports){\n'use strict';\n\nfunction kebabCaseToCamelCase(kebab) {\n var parts = kebab.split('-');\n var first = parts.shift();\n var capitalizedParts = parts.map(function (part) {\n return part.charAt(0).toUpperCase() + part.substring(1);\n });\n\n return [first].concat(capitalizedParts).join('');\n}\n\nmodule.exports = kebabCaseToCamelCase;\n\n},{}],212:[function(require,module,exports){\n(function (global){(function (){\n'use strict';\n/* eslint-disable no-mixed-operators */\n\nvar atobNormalized = typeof global.atob === 'function' ? global.atob : atob;\n\nfunction atob(base64String) {\n var a, b, c, b1, b2, b3, b4, i;\n var base64Matcher = new RegExp('^(?:[A-Za-z0-9+/]{4})*(?:[A-Za-z0-9+/]{2}==|[A-Za-z0-9+/]{3}=|[A-Za-z0-9+/]{4})([=]{1,2})?$');\n var characters = 'ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/=';\n var result = '';\n\n if (!base64Matcher.test(base64String)) {\n throw new Error('Non base64 encoded input passed to window.atob polyfill');\n }\n\n i = 0;\n do {\n b1 = characters.indexOf(base64String.charAt(i++));\n b2 = characters.indexOf(base64String.charAt(i++));\n b3 = characters.indexOf(base64String.charAt(i++));\n b4 = characters.indexOf(base64String.charAt(i++));\n\n a = (b1 & 0x3F) << 2 | b2 >> 4 & 0x3;\n b = (b2 & 0xF) << 4 | b3 >> 2 & 0xF;\n c = (b3 & 0x3) << 6 | b4 & 0x3F;\n\n result += String.fromCharCode(a) + (b ? String.fromCharCode(b) : '') + (c ? String.fromCharCode(c) : '');\n } while (i < base64String.length);\n\n return result;\n}\n\nmodule.exports = {\n atob: function (base64String) {\n return atobNormalized.call(global, base64String);\n },\n _atob: atob\n};\n\n}).call(this)}).call(this,typeof global !== \"undefined\" ? global : typeof self !== \"undefined\" ? self : typeof window !== \"undefined\" ? window : {})\n},{}],213:[function(require,module,exports){\n(function (global){(function (){\n'use strict';\n\nvar Promise = global.Promise || require('promise-polyfill');\n\nmodule.exports = Promise;\n\n}).call(this)}).call(this,typeof global !== \"undefined\" ? global : typeof self !== \"undefined\" ? self : typeof window !== \"undefined\" ? window : {})\n},{\"promise-polyfill\":191}],214:[function(require,module,exports){\n'use strict';\n\nmodule.exports = function (string) {\n if (typeof string !== 'string') {\n return '';\n }\n\n return string\n .replace(//g, '>');\n};\n\n},{}],215:[function(require,module,exports){\n'use strict';\n\nmodule.exports = function () {\n var el = document.createElement('div');\n var prop = 'flex-basis: 1px';\n var prefixes = [\n '-webkit-',\n '-moz-',\n '-ms-',\n '-o-',\n ''\n ];\n\n prefixes.forEach(function (prefix) {\n el.style.cssText += prefix + prop;\n });\n\n return Boolean(el.style.length);\n};\n\n},{}],216:[function(require,module,exports){\n'use strict';\n\nvar assign = require('./assign').assign;\nvar threeDSecure = require('braintree-web/three-d-secure');\n\nvar DEFAULT_ACS_WINDOW_SIZE = '03';\nvar PASSTHROUGH_EVENTS = [\n 'customer-canceled',\n 'authentication-modal-render',\n 'authentication-modal-close'\n];\n\nfunction ThreeDSecure(client, model) {\n this._client = client;\n this._model = model;\n this._config = assign({}, model.merchantConfiguration.threeDSecure);\n}\n\nThreeDSecure.prototype.initialize = function () {\n var self = this;\n var options = {\n client: this._client,\n version: 2\n };\n\n if (this._config.cardinalSDKConfig) {\n options.cardinalSDKConfig = this._config.cardinalSDKConfig;\n }\n\n return threeDSecure.create(options).then(function (instance) {\n self._instance = instance;\n\n PASSTHROUGH_EVENTS.forEach(function (eventName) {\n self._instance.on(eventName, function (event) {\n self._model._emit('3ds:' + eventName, event);\n });\n });\n });\n};\n\nThreeDSecure.prototype.verify = function (payload, merchantProvidedData) {\n var verifyOptions = assign({\n amount: this._config.amount\n }, merchantProvidedData, {\n nonce: payload.nonce,\n bin: payload.details.bin,\n // TODO in the future, we will allow\n // merchants to pass in a custom\n // onLookupComplete hook\n onLookupComplete: function (data, next) {\n next();\n }\n });\n\n verifyOptions.additionalInformation = verifyOptions.additionalInformation || {};\n verifyOptions.additionalInformation.acsWindowSize = verifyOptions.additionalInformation.acsWindowSize || DEFAULT_ACS_WINDOW_SIZE;\n\n return this._instance.verifyCard(verifyOptions);\n};\n\nThreeDSecure.prototype.updateConfiguration = function (key, value) {\n this._config[key] = value;\n};\n\nThreeDSecure.prototype.teardown = function () {\n return this._instance.teardown();\n};\n\nmodule.exports = ThreeDSecure;\n\n},{\"./assign\":202,\"braintree-web/three-d-secure\":149}],217:[function(require,module,exports){\n'use strict';\n\nvar browserDetection = require('./browser-detection');\n\nfunction isHidden(element) {\n if (!element) { // no parentNode, so nothing containing the element is hidden\n return false;\n }\n\n if (element.style.display === 'none') {\n return true;\n }\n\n return isHidden(element.parentNode);\n}\n\nfunction onTransitionEnd(element, propertyName, callback) {\n if (browserDetection.isIe9() || isHidden(element)) {\n callback();\n\n return;\n }\n\n function transitionEventListener(event) {\n if (event.propertyName === propertyName) {\n element.removeEventListener('transitionend', transitionEventListener);\n callback();\n }\n }\n\n element.addEventListener('transitionend', transitionEventListener);\n}\n\nmodule.exports = {\n onTransitionEnd: onTransitionEnd\n};\n\n},{\"./browser-detection\":203}],218:[function(require,module,exports){\n'use strict';\n\nvar Promise = require('./promise');\n\nfunction delay(time) {\n time = time || 0;\n\n return new Promise(function (resolve) {\n window.setTimeout(resolve, time);\n });\n}\n\nmodule.exports = {\n delay: delay\n};\n\n},{\"./promise\":213}],219:[function(require,module,exports){\n'use strict';\n\nmodule.exports = {\n \"payingWith\" : \"الدفع بواسطة {{paymentSource}}\",\n \"chooseAnotherWayToPay\" : \"اختر طريقة دفع أخرى\",\n \"chooseAWayToPay\" : \"اختر طريقة الدفع\",\n \"otherWaysToPay\" : \"طرق أخرى للدفع\",\n \"edit\" : \"تحرير\",\n \"doneEditing\" : \"تم\",\n \"editPaymentMethods\" : \"تحرير طرق الدفع\",\n \"CreditCardDeleteConfirmationMessage\" : \"هل تريد حذف بطاقة {{secondaryIdentifier}} التي تنتهي بالأرقام {{identifier}}؟\",\n \"PayPalAccountDeleteConfirmationMessage\" : \"هل تريد حذف {{identifier}}الحساب PayPal؟\",\n \"VenmoAccountDeleteConfirmationMessage\" : \"هل تريد فعلاً حذف حساب Venmo الذي يحمل اسم المستخدم {{identifier}}؟\",\n \"genericDeleteConfirmationMessage\" : \"هل تريد بالفعل حذف طريقة الدفع؟\",\n \"deleteCancelButton\" : \"إلغاء\",\n \"deleteConfirmationButton\" : \"حذف\",\n \"fieldEmptyForCvv\" : \"يرجى إدخال رمز حماية البطاقة.\",\n \"fieldEmptyForExpirationDate\" : \"يرجى إدخال تاريخ انتهاء الصلاحية.\",\n \"fieldEmptyForCardholderName\" : \"يرجى إدخال اسم صاحب البطاقة.\",\n \"fieldTooLongForCardholderName\" : \"يجب أن يقل اسم صاحب البطاقة عن 256 حرفاً.\",\n \"fieldEmptyForNumber\" : \"يرجى إدخال رقم.\",\n \"fieldEmptyForPostalCode\" : \"يرجى إدخال الرمز البريدي.\",\n \"fieldInvalidForCardholderName\" : \"اسم حامل البطاقة غير صحيح.\",\n \"fieldInvalidForCvv\" : \"رمز الحماية غير صحيح.\",\n \"fieldInvalidForExpirationDate\" : \"تاريخ انتهاء الصلاحية غير صحيح.\",\n \"fieldInvalidForNumber\" : \"رقم البطاقة غير صحيح.\",\n \"fieldInvalidForPostalCode\" : \"الرمز البريدي غير صحيح.\",\n \"genericError\" : \"حدث خطأ ما من جانبنا.\",\n \"hostedFieldsTokenizationFailOnDuplicateError\" : \"هذه البطاقة الائتمانية محفوظة كطريقة دفع حالياً.\",\n \"hostedFieldsFailedTokenizationError\" : \"يرجى مراجعة معلوماتك وإعادة المحاولة.\",\n \"hostedFieldsFieldsInvalidError\" : \"يرجى مراجعة معلوماتك وإعادة المحاولة.\",\n \"hostedFieldsTokenizationNetworkErrorError\" : \"خطأ في الشبكة. يرجى المحاولة مجدداً.\",\n \"hostedFieldsTokenizationCvvVerificationFailedError\" : \"فشلت مصادقة بطاقة الائتمان. يرجى مراجعة معلوماتك وإعادة المحاولة.\",\n \"paypalButtonMustBeUsed\" : \"استخدم زر PayPal لاستئناف الدفع.\",\n \"paypalAccountTokenizationFailedError\" : \"وقع خطأ أثناء إضافة حساب PayPal. يرجى إعادة المحاولة.\",\n \"paypalFlowFailedError\" : \"وقع خطأ أثناء الاتصال بـ PayPal. يرجى إعادة المحاولة.\",\n \"paypalTokenizationRequestActiveError\" : \"تفويض الدفع عبر PayPal قيد التنفيذ.\",\n \"venmoCanceledError\" : \"وقع خطأ. تأكد أن أحدث إصدار من تطبيق Venmo مثبت في جهازك وأن متصفحك يدعم التبديل إلى Venmo.\",\n \"vaultManagerPaymentMethodDeletionError\" : \"فشل حذف طريقة الدفع. أعد المحاولة.\",\n \"venmoAppFailedError\" : \"تطبيق Venmo غير موجود في جهازك.\",\n \"unsupportedCardTypeError\" : \"نوع البطاقة غير مدعوم. يرجى تجربة بطاقة أخرى.\",\n \"applePayTokenizationError\" : \"وقع خطأ في الشبكة أثناء معالجة الدفع عبر Apple Pay. يرجى إعادة المحاولة.\",\n \"applePayActiveCardError\" : \"إضافة بطاقة مدعومة إلى محفظة Apple Pay.\",\n \"cardholderNameLabel\" : \"اسم صاحب البطاقة\",\n \"cardNumberLabel\" : \"رقم البطاقة\",\n \"cvvLabel\" : \"رمز CVV\",\n \"cvvThreeDigitLabelSubheading\" : \"(3 أرقام)\",\n \"cvvFourDigitLabelSubheading\" : \"(4 أرقام)\",\n \"cardholderNamePlaceholder\" : \"اسم صاحب البطاقة\",\n \"expirationDateLabel\" : \"تاريخ انتهاء الصلاحية\",\n \"expirationDateLabelSubheading\" : \"(MM/YY)\",\n \"expirationDatePlaceholder\" : \"الشهر/ السنة\",\n \"postalCodeLabel\" : \"الرمز البريدي\",\n \"saveCardLabel\" : \"حفظ البطاقة\",\n \"payWithCard\" : \"الدفع ببطاقة سحب أو ائتمان\",\n \"endingIn\" : \"تنتهي بتاريخ {{lastFourCardDigits}}\",\n \"Apple Pay\" : \"Apple Pay\",\n \"Venmo\" : \"Venmo\",\n \"Card\" : \"البطاقة\",\n \"PayPal\" : \"PayPal\",\n \"PayPal Credit\" : \"PayPal Credit\",\n \"Google Pay\" : \"Google Pay\",\n \"American Express\" : \"American Express\",\n \"Discover\" : \"Discover\",\n \"Diners Club\" : \"Diners Club\",\n \"Elo\" : \"Elo\",\n \"Hiper\" : \"Hiper\",\n \"Hipercard\" : \"Hipercard\",\n \"MasterCard\" : \"Mastercard\",\n \"Visa\" : \"Visa\",\n \"JCB\" : \"JCB\",\n \"Maestro\" : \"Maestro\",\n \"UnionPay\" : \"UnionPay\"\n}\n;\n\n},{}],220:[function(require,module,exports){\n'use strict';\n\nmodule.exports = {\n \"payingWith\" : \"Forma úhrady: {{paymentSource}}\",\n \"chooseAnotherWayToPay\" : \"Vybrat jiný způsob platby\",\n \"chooseAWayToPay\" : \"Vybrat způsob platby\",\n \"otherWaysToPay\" : \"Jiné způsoby platby\",\n \"edit\" : \"Upravit\",\n \"doneEditing\" : \"Hotovo\",\n \"editPaymentMethods\" : \"Upravit způsoby platby\",\n \"CreditCardDeleteConfirmationMessage\" : \"Chcete kartu {{secondaryIdentifier}} s koncovým číslem {{identifier}}odstranit?\",\n \"PayPalAccountDeleteConfirmationMessage\" : \"Chcete {{identifier}}účtu PayPal odstranit?\",\n \"VenmoAccountDeleteConfirmationMessage\" : \"Opravdu chcete účet Venmo s uživatelským jménem {{identifier}} odstranit?\",\n \"genericDeleteConfirmationMessage\" : \"Opravdu chcete tento způsob platby odstranit?\",\n \"deleteCancelButton\" : \"Zrušit\",\n \"deleteConfirmationButton\" : \"Odstranit\",\n \"fieldEmptyForCvv\" : \"Vyplňte kód CVV.\",\n \"fieldEmptyForExpirationDate\" : \"Vyplňte datum vypršení platnosti.\",\n \"fieldEmptyForCardholderName\" : \"Vyplňte jméno držitele karty.\",\n \"fieldTooLongForCardholderName\" : \"Jméno držitele karty musí obsahovat méně než 256 znaků.\",\n \"fieldEmptyForNumber\" : \"Vyplňte číslo.\",\n \"fieldEmptyForPostalCode\" : \"Vyplňte poštovní směrovací číslo.\",\n \"fieldInvalidForCardholderName\" : \"Toto jméno držitele karty není platné.\",\n \"fieldInvalidForCvv\" : \"Tento bezpečnostní kód není platný.\",\n \"fieldInvalidForExpirationDate\" : \"Toto datum vypršení platnosti není platné.\",\n \"fieldInvalidForNumber\" : \"Toto číslo karty není platné.\",\n \"fieldInvalidForPostalCode\" : \"Toto poštovní směrovací číslo není platné.\",\n \"genericError\" : \"Došlo k chybě na naší straně.\",\n \"hostedFieldsTokenizationFailOnDuplicateError\" : \"Tato kreditní karta je již jako způsob platby uložena.\",\n \"hostedFieldsFailedTokenizationError\" : \"Zkontrolujte zadané informace a zkuste to znovu.\",\n \"hostedFieldsFieldsInvalidError\" : \"Zkontrolujte zadané informace a zkuste to znovu.\",\n \"hostedFieldsTokenizationNetworkErrorError\" : \"Došlo k chybě sítě. Zkuste to znovu.\",\n \"hostedFieldsTokenizationCvvVerificationFailedError\" : \"Ověření kreditní karty se nezdařilo. Zkontrolujte zadané informace a zkuste to znovu.\",\n \"paypalButtonMustBeUsed\" : \"Chcete-li přejít k platbě, použijte tlačítko PayPal.\",\n \"paypalAccountTokenizationFailedError\" : \"Při přidávání účtu PayPal došlo k chybě. Zkuste to znovu.\",\n \"paypalFlowFailedError\" : \"Při připojování ke službě PayPal došlo k chybě. Zkuste to znovu.\",\n \"paypalTokenizationRequestActiveError\" : \"Autorizace platby přes PayPal již probíhá.\",\n \"venmoCanceledError\" : \"Došlo k chybě. Zkontrolujte, zda máte v zařízení nainstalovanou nejnovější verzi aplikace Venmo a zda prohlížeč přechod na aplikaci Venmo podporuje.\",\n \"vaultManagerPaymentMethodDeletionError\" : \"Způsob platby se nepodařilo odstranit. Zkuste to znovu.\",\n \"venmoAppFailedError\" : \"Aplikaci Venmo se ve vašem zařízení nepodařilo najít.\",\n \"unsupportedCardTypeError\" : \"Tento typ karty není podporován. Vyzkoušejte jinou kartu.\",\n \"applePayTokenizationError\" : \"Při zpracování platby přes Apple Pay došlo k chybě sítě. Zkuste to znovu.\",\n \"applePayActiveCardError\" : \"Přidejte si podporovanou kartu do peněženky Apple Pay.\",\n \"cardholderNameLabel\" : \"Jméno držitele karty\",\n \"cardNumberLabel\" : \"Číslo karty\",\n \"cvvLabel\" : \"Kód CVV\",\n \"cvvThreeDigitLabelSubheading\" : \"(3 číslice)\",\n \"cvvFourDigitLabelSubheading\" : \"(4 číslice)\",\n \"cardholderNamePlaceholder\" : \"Jméno držitele karty\",\n \"expirationDateLabel\" : \"Datum vypršení platnosti\",\n \"expirationDateLabelSubheading\" : \"(MM/RR)\",\n \"expirationDatePlaceholder\" : \"MM/RR\",\n \"postalCodeLabel\" : \"Poštovní směrovací číslo\",\n \"saveCardLabel\" : \"Uložit kartu\",\n \"payWithCard\" : \"Zaplatit kartou\",\n \"endingIn\" : \"Koncové číslo {{lastFourCardDigits}}\",\n \"Apple Pay\" : \"Apple Pay\",\n \"Venmo\" : \"Venmo\",\n \"Card\" : \"Karta\",\n \"PayPal\" : \"PayPal\",\n \"PayPal Credit\" : \"PayPal Credit\",\n \"Google Pay\" : \"Google Pay\",\n \"American Express\" : \"American Express\",\n \"Discover\" : \"Discover\",\n \"Diners Club\" : \"Diners Club\",\n \"Elo\" : \"Elo\",\n \"Hiper\" : \"Hiper\",\n \"Hipercard\" : \"Hipercard\",\n \"MasterCard\" : \"Mastercard\",\n \"Visa\" : \"Visa\",\n \"JCB\" : \"JCB\",\n \"Maestro\" : \"Maestro\",\n \"UnionPay\" : \"UnionPay\"\n}\n;\n\n},{}],221:[function(require,module,exports){\n'use strict';\n\nmodule.exports = {\n \"payingWith\" : \"Betaling med {{paymentSource}}\",\n \"chooseAnotherWayToPay\" : \"Vælg en anden betalingsmetode\",\n \"chooseAWayToPay\" : \"Vælg, hvordan du vil betale\",\n \"otherWaysToPay\" : \"Andre måder at betale på\",\n \"edit\" : \"Rediger\",\n \"doneEditing\" : \"Udført\",\n \"editPaymentMethods\" : \"Rediger betalingsmetode\",\n \"CreditCardDeleteConfirmationMessage\" : \"Vil du slette dit {{secondaryIdentifier}}-kort, der slutter på {{identifier}}?\",\n \"PayPalAccountDeleteConfirmationMessage\" : \"Vil du slette PayPal-kontoen for {{identifier}}?\",\n \"VenmoAccountDeleteConfirmationMessage\" : \"Er du sikker på, at du vil slette Venmo-konto med brugernavnet {{identifier}}?\",\n \"genericDeleteConfirmationMessage\" : \"Er du sikker på, at du vil slette denne betalingsmetode?\",\n \"deleteCancelButton\" : \"Annuller\",\n \"deleteConfirmationButton\" : \"Slet\",\n \"fieldEmptyForCvv\" : \"Du skal indtaste kontrolcifrene.\",\n \"fieldEmptyForExpirationDate\" : \"Du skal indtaste en udløbsdato.\",\n \"fieldEmptyForCardholderName\" : \"Du skal indtaste kortholderens navn.\",\n \"fieldTooLongForCardholderName\" : \"Kortholders navn skal være mindre end 256 tegn.\",\n \"fieldEmptyForNumber\" : \"Du skal indtaste et nummer.\",\n \"fieldEmptyForPostalCode\" : \"Du skal indtaste et postnummer.\",\n \"fieldInvalidForCardholderName\" : \"Kortindehaverens navn er ugyldigt.\",\n \"fieldInvalidForCvv\" : \"Denne sikkerhedskode er ugyldig.\",\n \"fieldInvalidForExpirationDate\" : \"Denne udløbsdato er ugyldig.\",\n \"fieldInvalidForNumber\" : \"Dette kortnummer er ikke gyldigt.\",\n \"fieldInvalidForPostalCode\" : \"Dette postnummer er ikke gyldigt.\",\n \"genericError\" : \"Der opstod en fejl.\",\n \"hostedFieldsTokenizationFailOnDuplicateError\" : \"Dette betalingskort findes allerede som en gemt betalingsmetode.\",\n \"hostedFieldsFailedTokenizationError\" : \"Tjek oplysningerne, og prøv igen.\",\n \"hostedFieldsFieldsInvalidError\" : \"Tjek oplysningerne, og prøv igen.\",\n \"hostedFieldsTokenizationNetworkErrorError\" : \"Netværksfejl. Prøv igen.\",\n \"hostedFieldsTokenizationCvvVerificationFailedError\" : \"Bekræftelse af betalingskort mislykkedes. Tjek oplysningerne, og prøv igen.\",\n \"paypalButtonMustBeUsed\" : \"Brug PayPal-knappen til at fortsætte med din betaling.\",\n \"paypalAccountTokenizationFailedError\" : \"Der opstod en fejl under tilføjelsen af PayPal-kontoen. Prøv igen.\",\n \"paypalFlowFailedError\" : \"Det lykkedes ikke at oprette forbindelse til PayPal. Prøv igen.\",\n \"paypalTokenizationRequestActiveError\" : \"PayPals betalingsautorisation er allerede i gang.\",\n \"venmoCanceledError\" : \"Der opstod et problem. Sørg for, at den nyeste version af Venmo-appen er installeret på din enhed, og at din browser understøtter skift til Venmo.\",\n \"vaultManagerPaymentMethodDeletionError\" : \"Betalingsmetoden kunne ikke slettes. Prøv igen.\",\n \"venmoAppFailedError\" : \"Venmo-appen blev ikke fundet på din enhed.\",\n \"unsupportedCardTypeError\" : \"Korttypen understøttes ikke. Prøv et andet kort.\",\n \"applePayTokenizationError\" : \"Der opstod en netværksfejl under behandling af Apple Pay-betalingen. Prøv igen.\",\n \"applePayActiveCardError\" : \"Føj et understøttet kort til din Apple Pay-e-pung.\",\n \"cardholderNameLabel\" : \"Kortindehaverens navn\",\n \"cardNumberLabel\" : \"Kortnummer\",\n \"cvvLabel\" : \"Kontrolcifre\",\n \"cvvThreeDigitLabelSubheading\" : \"(3 cifre)\",\n \"cvvFourDigitLabelSubheading\" : \"(4 cifre)\",\n \"cardholderNamePlaceholder\" : \"Kortindehaverens navn\",\n \"expirationDateLabel\" : \"Udløbsdato\",\n \"expirationDateLabelSubheading\" : \"(MM/ÅÅ)\",\n \"expirationDatePlaceholder\" : \"MM/ÅÅ\",\n \"postalCodeLabel\" : \"Postnummer\",\n \"saveCardLabel\" : \"Gem kort\",\n \"payWithCard\" : \"Betal med betalingskort\",\n \"endingIn\" : \"Slutter på {{lastFourCardDigits}}\",\n \"Apple Pay\" : \"Apple Pay\",\n \"Venmo\" : \"Venmo\",\n \"Card\" : \"Kort\",\n \"PayPal\" : \"PayPal\",\n \"PayPal Credit\" : \"PayPal Credit\",\n \"Google Pay\" : \"Google Pay\",\n \"American Express\" : \"American Express\",\n \"Discover\" : \"Discover\",\n \"Diners Club\" : \"Diners Club\",\n \"Elo\" : \"Elo\",\n \"Hiper\" : \"Hiper\",\n \"Hipercard\" : \"Hipercard\",\n \"MasterCard\" : \"Mastercard\",\n \"Visa\" : \"Visa\",\n \"JCB\" : \"JCB\",\n \"Maestro\" : \"Maestro\",\n \"UnionPay\" : \"UnionPay\"\n}\n;\n\n},{}],222:[function(require,module,exports){\n'use strict';\n\nmodule.exports = {\n \"payingWith\" : \"Zahlen mit {{paymentSource}}\",\n \"chooseAnotherWayToPay\" : \"Wählen Sie eine andere Zahlungsquelle\",\n \"chooseAWayToPay\" : \"Wählen Sie eine Zahlungsquelle\",\n \"otherWaysToPay\" : \"Sonstige Zahlungsquellen\",\n \"edit\" : \"Ändern\",\n \"doneEditing\" : \"Fertig\",\n \"editPaymentMethods\" : \"Zahlungsquellen bearbeiten\",\n \"CreditCardDeleteConfirmationMessage\" : \"{{secondaryIdentifier}}-Karte mit den Endziffern {{identifier}} löschen?\",\n \"PayPalAccountDeleteConfirmationMessage\" : \"PayPal-Konto {{identifier}} löschen?\",\n \"VenmoAccountDeleteConfirmationMessage\" : \"Wollen Sie das Venmo-Konto mit dem Benutzernamen {{identifier}} wirklich löschen?\",\n \"genericDeleteConfirmationMessage\" : \"Möchten Sie diese Zahlungsquelle wirklich löschen?\",\n \"deleteCancelButton\" : \"Abbrechen\",\n \"deleteConfirmationButton\" : \"Löschen\",\n \"fieldEmptyForCvv\" : \"Geben Sie die Kartenprüfnummer (CVV) ein.\",\n \"fieldEmptyForExpirationDate\" : \"Geben Sie das Ablaufdatum ein.\",\n \"fieldEmptyForCardholderName\" : \"Geben Sie den Namen des Karteninhabers ein.\",\n \"fieldTooLongForCardholderName\" : \"Der Name des Karteninhabers darf nicht länger als 256 Zeichen sein.\",\n \"fieldEmptyForNumber\" : \"Geben Sie eine Nummer ein.\",\n \"fieldEmptyForPostalCode\" : \"Geben Sie eine Postleitzahl ein.\",\n \"fieldInvalidForCardholderName\" : \"Der Name des Karteninhabers ist nicht gültig.\",\n \"fieldInvalidForCvv\" : \"Diese Kartenprüfnummer ist ungültig.\",\n \"fieldInvalidForExpirationDate\" : \"Dieses Ablaufdatum ist ungültig.\",\n \"fieldInvalidForNumber\" : \"Diese Kartennummer ist ungültig.\",\n \"fieldInvalidForPostalCode\" : \"Diese Postleitzahl ist ungültig.\",\n \"genericError\" : \"Bei uns ist ein Fehler aufgetreten.\",\n \"hostedFieldsTokenizationFailOnDuplicateError\" : \"Diese Kreditkarte ist bereits als gespeicherte Zahlungsquelle vorhanden.\",\n \"hostedFieldsFailedTokenizationError\" : \"Bitte prüfen Sie die Informationen und versuchen Sie es erneut.\",\n \"hostedFieldsFieldsInvalidError\" : \"Bitte prüfen Sie die Informationen und versuchen Sie es erneut.\",\n \"hostedFieldsTokenizationNetworkErrorError\" : \"Netzwerkfehler. Versuchen Sie es bitte erneut.\",\n \"hostedFieldsTokenizationCvvVerificationFailedError\" : \"Die Kreditkartenverifizierung ist fehlgeschlagen. Bitte prüfen Sie die Informationen und versuchen Sie es erneut.\",\n \"paypalButtonMustBeUsed\" : \"Verwenden Sie den PayPal-Button, um mit der Zahlung fortzufahren.\",\n \"paypalAccountTokenizationFailedError\" : \"Beim Hinzufügen des PayPal-Kontos ist ein Fehler aufgetreten. Versuchen Sie es bitte erneut.\",\n \"paypalFlowFailedError\" : \"Bei der Verbindung mit PayPal ist ein Fehler aufgetreten. Versuchen Sie es bitte erneut.\",\n \"paypalTokenizationRequestActiveError\" : \"Die PayPal-Zahlungsautorisierung wird bereits vorgenommen.\",\n \"venmoCanceledError\" : \"Etwas ist schief gelaufen. Vergewissern Sie sich, dass Sie die neueste Version der Venmo-App auf Ihrem Gerät installiert haben und Ihr Browser den Wechsel zu Venmo unterstützt.\",\n \"vaultManagerPaymentMethodDeletionError\" : \"Die Zahlungsquelle konnte nicht gelöscht werden. Versuchen Sie es erneut.\",\n \"venmoAppFailedError\" : \"Die Venmo-App wurde nicht auf Ihrem Gerät gefunden.\",\n \"unsupportedCardTypeError\" : \"Dieser Kartentyp wird nicht unterstützt. Versuchen Sie es mit einer anderen Karte.\",\n \"applePayTokenizationError\" : \"Bei der Verarbeitung der Apple Pay-Zahlung ist ein Netzwerkfehler aufgetreten. Versuchen Sie es bitte erneut.\",\n \"applePayActiveCardError\" : \"Fügen Sie Ihrem Apple Pay-Wallet eine unterstützte Karte hinzu.\",\n \"cardholderNameLabel\" : \"Name des Karteninhabers\",\n \"cardNumberLabel\" : \"Kartennummer\",\n \"cvvLabel\" : \"Kartenprüfnummer\",\n \"cvvThreeDigitLabelSubheading\" : \"(3-stellig)\",\n \"cvvFourDigitLabelSubheading\" : \"(4-stellig)\",\n \"cardholderNamePlaceholder\" : \"Name des Karteninhabers\",\n \"expirationDateLabel\" : \"Gültig bis\",\n \"expirationDateLabelSubheading\" : \"(MM/JJ)\",\n \"expirationDatePlaceholder\" : \"MM/JJ\",\n \"postalCodeLabel\" : \"Postleitzahl\",\n \"saveCardLabel\" : \"Karte speichern\",\n \"payWithCard\" : \"Mit Karte zahlen\",\n \"endingIn\" : \"Mit den Endziffern {{lastFourCardDigits}}\",\n \"Apple Pay\" : \"Apple Pay\",\n \"Venmo\" : \"Venmo\",\n \"Card\" : \"Karte\",\n \"PayPal\" : \"PayPal\",\n \"PayPal Credit\" : \"PayPal Credit\",\n \"Google Pay\" : \"Google Pay\",\n \"American Express\" : \"American Express\",\n \"Discover\" : \"Discover\",\n \"Diners Club\" : \"Diners Club\",\n \"Elo\" : \"Elo\",\n \"Hiper\" : \"Hiper\",\n \"Hipercard\" : \"Hipercard\",\n \"MasterCard\" : \"Mastercard\",\n \"Visa\" : \"Visa\",\n \"JCB\" : \"JCB\",\n \"Maestro\" : \"Maestro\",\n \"UnionPay\" : \"UnionPay\"\n}\n;\n\n},{}],223:[function(require,module,exports){\n'use strict';\n\nmodule.exports = {\n \"payingWith\" : \"Πληρωμή με {{paymentSource}}\",\n \"chooseAnotherWayToPay\" : \"Επιλογή ενός άλλου τρόπου πληρωμής\",\n \"chooseAWayToPay\" : \"Επιλογή τρόπου πληρωμής\",\n \"otherWaysToPay\" : \"Άλλοι τρόποι πληρωμής\",\n \"edit\" : \"Επεξεργασία\",\n \"doneEditing\" : \"Τέλος\",\n \"editPaymentMethods\" : \"Επεξεργασία μεθόδων πληρωμής\",\n \"CreditCardDeleteConfirmationMessage\" : \"Διαγραφή της κάρτας {{secondaryIdentifier}} που λήγει σε {{identifier}};\",\n \"PayPalAccountDeleteConfirmationMessage\" : \"Διαγραφή {{identifier}}λογαριασμού PayPal;\",\n \"VenmoAccountDeleteConfirmationMessage\" : \"Θέλετε σίγουρα να διαγράψετε τον λογαριασμό Venmo με το όνομα χρήστη {{identifier}};\",\n \"genericDeleteConfirmationMessage\" : \"Θέλετε σίγουρα να διαγράψετε αυτήν τη μέθοδο πληρωμής;\",\n \"deleteCancelButton\" : \"Ακύρωση\",\n \"deleteConfirmationButton\" : \"Διαγραφή\",\n \"fieldEmptyForCvv\" : \"Συμπληρώστε έναν κωδικό ασφαλείας (CVV).\",\n \"fieldEmptyForExpirationDate\" : \"Συμπληρώστε ημερομηνία λήξης.\",\n \"fieldEmptyForCardholderName\" : \"Συμπληρώστε το όνομα ενός κατόχου κάρτας.\",\n \"fieldTooLongForCardholderName\" : \"Το όνομα του κατόχου της κάρτας πρέπει να περιέχει λιγότερους από 256 χαρακτήρες.\",\n \"fieldEmptyForNumber\" : \"Συμπληρώστε έναν αριθμό.\",\n \"fieldEmptyForPostalCode\" : \"Συμπληρώστε έναν ταχυδρομικό κώδικα.\",\n \"fieldInvalidForCardholderName\" : \"Αυτό το όνομα κατόχου κάρτας δεν είναι έγκυρο.\",\n \"fieldInvalidForCvv\" : \"Αυτός ο κωδικός ασφαλείας δεν είναι έγκυρος.\",\n \"fieldInvalidForExpirationDate\" : \"Αυτή η ημερομηνία λήξης δεν είναι έγκυρη.\",\n \"fieldInvalidForNumber\" : \"Αυτός ο αριθμός κάρτας δεν είναι έγκυρος.\",\n \"fieldInvalidForPostalCode\" : \"Αυτός ο ταχυδρομικός κώδικας δεν είναι έγκυρος.\",\n \"genericError\" : \"Προέκυψε πρόβλημα στο σύστημά μας.\",\n \"hostedFieldsTokenizationFailOnDuplicateError\" : \"Αυτή η πιστωτική κάρτα υπάρχει ήδη ως αποθηκευμένη μέθοδος πληρωμής.\",\n \"hostedFieldsFailedTokenizationError\" : \"Ελέγξτε τα στοιχεία σας και δοκιμάστε ξανά.\",\n \"hostedFieldsFieldsInvalidError\" : \"Ελέγξτε τα στοιχεία σας και δοκιμάστε ξανά.\",\n \"hostedFieldsTokenizationNetworkErrorError\" : \"Σφάλμα δικτύου. Δοκιμάστε ξανά.\",\n \"hostedFieldsTokenizationCvvVerificationFailedError\" : \"Η επαλήθευση της πιστωτικής κάρτας απέτυχε. Ελέγξτε τα στοιχεία σας και δοκιμάστε ξανά.\",\n \"paypalButtonMustBeUsed\" : \"Χρησιμοποιήστε το κουμπί PayPal για να συνεχίσετε με την πληρωμή.\",\n \"paypalAccountTokenizationFailedError\" : \"Προέκυψε κάποιο πρόβλημα με την προσθήκη του λογαριασμού PayPal. Δοκιμάστε ξανά.\",\n \"paypalFlowFailedError\" : \"Προέκυψε κάποιο πρόβλημα με τη σύνδεση στην PayPal. Δοκιμάστε ξανά.\",\n \"paypalTokenizationRequestActiveError\" : \"Η εξουσιοδότηση πληρωμής μέσω PayPal βρίσκεται ήδη σε εξέλιξη.\",\n \"venmoCanceledError\" : \"Προέκυψε πρόβλημα. Βεβαιωθείτε ότι έχετε την πιο πρόσφατη έκδοση της εφαρμογής Venmo εγκατεστημένη στη συσκευή σας και ότι το πρόγραμμα περιήγησής σας υποστηρίζει τη μετάβαση στη Venmo.\",\n \"vaultManagerPaymentMethodDeletionError\" : \"Η διαγραφή της μεθόδου πληρωμής είναι αδύνατη, δοκιμάστε ξανά.\",\n \"venmoAppFailedError\" : \"Η εφαρμογή Venmo δεν βρέθηκε στη συσκευή σας.\",\n \"unsupportedCardTypeError\" : \"Αυτός ο τύπος κάρτας δεν υποστηρίζεται. Δοκιμάστε μια άλλη κάρτα.\",\n \"applePayTokenizationError\" : \"Προέκυψε σφάλμα δικτύου κατά την επεξεργασία της πληρωμής μέσω Apple Pay. Δοκιμάστε ξανά.\",\n \"applePayActiveCardError\" : \"Προσθέστε μια υποστηριζόμενη κάρτα στο ψηφιακό πορτοφόλι Apple Pay.\",\n \"cardholderNameLabel\" : \"Όνομα κατόχου κάρτας\",\n \"cardNumberLabel\" : \"Αριθμός κάρτας\",\n \"cvvLabel\" : \"Κωδικός ασφαλείας (CVV)\",\n \"cvvThreeDigitLabelSubheading\" : \"(3 ψηφία)\",\n \"cvvFourDigitLabelSubheading\" : \"(4 ψηφία)\",\n \"cardholderNamePlaceholder\" : \"Όνομα κατόχου κάρτας\",\n \"expirationDateLabel\" : \"Ημερομηνία λήξης\",\n \"expirationDateLabelSubheading\" : \"(ΜΜ/ΕΕ)\",\n \"expirationDatePlaceholder\" : \"ΜΜ/ΕΕ\",\n \"postalCodeLabel\" : \"Ταχυδρομικός κώδικας\",\n \"saveCardLabel\" : \"Αποθήκευση κάρτας\",\n \"payWithCard\" : \"Πληρωμή με κάρτα\",\n \"endingIn\" : \"Που λήγει σε {{lastFourCardDigits}}\",\n \"Apple Pay\" : \"Apple Pay\",\n \"Venmo\" : \"Venmo\",\n \"Card\" : \"Κάρτα\",\n \"PayPal\" : \"PayPal\",\n \"PayPal Credit\" : \"PayPal Credit\",\n \"Google Pay\" : \"Google Pay\",\n \"American Express\" : \"American Express\",\n \"Discover\" : \"Discover\",\n \"Diners Club\" : \"Diners Club\",\n \"Elo\" : \"Elo\",\n \"Hiper\" : \"Hiper\",\n \"Hipercard\" : \"Hipercard\",\n \"MasterCard\" : \"Mastercard\",\n \"Visa\" : \"Visa\",\n \"JCB\" : \"JCB\",\n \"Maestro\" : \"Maestro\",\n \"UnionPay\" : \"UnionPay\"\n}\n;\n\n},{}],224:[function(require,module,exports){\n'use strict';\n\nmodule.exports = {\n \"payingWith\" : \"Paying with {{paymentSource}}\",\n \"chooseAnotherWayToPay\" : \"Choose another way to pay\",\n \"chooseAWayToPay\" : \"Choose a way to pay\",\n \"otherWaysToPay\" : \"Other ways to pay\",\n \"edit\" : \"Edit\",\n \"doneEditing\" : \"Done\",\n \"editPaymentMethods\" : \"Edit payment methods\",\n \"CreditCardDeleteConfirmationMessage\" : \"Delete {{secondaryIdentifier}} card ending in {{identifier}}?\",\n \"PayPalAccountDeleteConfirmationMessage\" : \"Delete PayPal account {{identifier}}?\",\n \"VenmoAccountDeleteConfirmationMessage\" : \"Are you sure you want to delete Venmo account with username {{identifier}}?\",\n \"genericDeleteConfirmationMessage\" : \"Are you sure you want to delete this payment method?\",\n \"deleteCancelButton\" : \"Cancel\",\n \"deleteConfirmationButton\" : \"Delete\",\n \"fieldEmptyForCvv\" : \"Please enter a CVV.\",\n \"fieldEmptyForExpirationDate\" : \"Please enter an expiry date.\",\n \"fieldEmptyForCardholderName\" : \"Please enter a cardholder name.\",\n \"fieldTooLongForCardholderName\" : \"Cardholder name must be less than 256 characters.\",\n \"fieldEmptyForNumber\" : \"Please enter a number.\",\n \"fieldEmptyForPostalCode\" : \"Please enter a postcode.\",\n \"fieldInvalidForCardholderName\" : \"This cardholder name isn't valid.\",\n \"fieldInvalidForCvv\" : \"This CVV isn't valid.\",\n \"fieldInvalidForExpirationDate\" : \"This expiry date isn't valid.\",\n \"fieldInvalidForNumber\" : \"This card number isn't valid.\",\n \"fieldInvalidForPostalCode\" : \"This postcode isn't valid.\",\n \"genericError\" : \"We're sorry, something seems to have gone wrong.\",\n \"hostedFieldsTokenizationFailOnDuplicateError\" : \"This card already exists as a saved payment method.\",\n \"hostedFieldsFailedTokenizationError\" : \"Please check your entries and try again.\",\n \"hostedFieldsFieldsInvalidError\" : \"Please check your entries and try again.\",\n \"hostedFieldsTokenizationNetworkErrorError\" : \"Network error. Please try again.\",\n \"hostedFieldsTokenizationCvvVerificationFailedError\" : \"Card verification failed. Please check your entries and try again.\",\n \"paypalButtonMustBeUsed\" : \"Use the PayPal button to continue with your payment.\",\n \"paypalAccountTokenizationFailedError\" : \"Something went wrong adding the PayPal account. Please try again.\",\n \"paypalFlowFailedError\" : \"Something went wrong connecting to PayPal. Please try again.\",\n \"paypalTokenizationRequestActiveError\" : \"PayPal payment authorisation is already in progress.\",\n \"venmoCanceledError\" : \"We're sorry, something seems to have gone wrong. Please make sure you have the most recent version of the Venmo app installed on your device and that your browser supports switching to Venmo.\",\n \"vaultManagerPaymentMethodDeletionError\" : \"Unable to delete payment method. Please try again.\",\n \"venmoAppFailedError\" : \"The Venmo app couldn't be found on your device.\",\n \"unsupportedCardTypeError\" : \"This card type isn't supported. Please try another card.\",\n \"applePayTokenizationError\" : \"A network error occurred while processing the Apple Pay payment. Please try again.\",\n \"applePayActiveCardError\" : \"Add a supported card to your Apple Pay wallet.\",\n \"cardholderNameLabel\" : \"Cardholder name\",\n \"cardNumberLabel\" : \"Card number\",\n \"cvvLabel\" : \"CVV\",\n \"cvvThreeDigitLabelSubheading\" : \"(3 digits)\",\n \"cvvFourDigitLabelSubheading\" : \"(4 digits)\",\n \"cardholderNamePlaceholder\" : \"Cardholder name\",\n \"expirationDateLabel\" : \"Expiry date\",\n \"expirationDateLabelSubheading\" : \"(MM/YY)\",\n \"expirationDatePlaceholder\" : \"MM/YY\",\n \"postalCodeLabel\" : \"Postcode\",\n \"saveCardLabel\" : \"Save card\",\n \"payWithCard\" : \"Pay with card\",\n \"endingIn\" : \"Ending in {{lastFourCardDigits}}\",\n \"Apple Pay\" : \"Apple Pay\",\n \"Venmo\" : \"Venmo\",\n \"Card\" : \"Card\",\n \"PayPal\" : \"PayPal\",\n \"PayPal Credit\" : \"PayPal Credit\",\n \"Google Pay\" : \"Google Pay\",\n \"American Express\" : \"American Express\",\n \"Discover\" : \"Discover\",\n \"Diners Club\" : \"Diners Club\",\n \"Elo\" : \"Elo\",\n \"Hiper\" : \"Hiper\",\n \"Hipercard\" : \"Hipercard\",\n \"MasterCard\" : \"Mastercard\",\n \"Visa\" : \"Visa\",\n \"JCB\" : \"JCB\",\n \"Maestro\" : \"Maestro\",\n \"UnionPay\" : \"UnionPay\"\n}\n;\n\n},{}],225:[function(require,module,exports){\n'use strict';\n\nmodule.exports = {\n \"payingWith\" : \"Paying with {{paymentSource}}\",\n \"chooseAnotherWayToPay\" : \"Choose another way to pay\",\n \"chooseAWayToPay\" : \"Choose a way to pay\",\n \"otherWaysToPay\" : \"Other ways to pay\",\n \"edit\" : \"Edit\",\n \"doneEditing\" : \"Done\",\n \"editPaymentMethods\" : \"Edit funding sources\",\n \"CreditCardDeleteConfirmationMessage\" : \"Delete {{secondaryIdentifier}} card ending in {{identifier}}?\",\n \"PayPalAccountDeleteConfirmationMessage\" : \"Delete PayPal account {{identifier}}?\",\n \"VenmoAccountDeleteConfirmationMessage\" : \"Are you sure you want to delete Venmo account with username {{identifier}}?\",\n \"genericDeleteConfirmationMessage\" : \"Are you sure you want to delete this funding source?\",\n \"deleteCancelButton\" : \"Cancel\",\n \"deleteConfirmationButton\" : \"Delete\",\n \"fieldEmptyForCvv\" : \"Please enter a security code.\",\n \"fieldEmptyForExpirationDate\" : \"Please enter an expiry date.\",\n \"fieldEmptyForCardholderName\" : \"Please enter a cardholder name.\",\n \"fieldTooLongForCardholderName\" : \"Cardholder name must be less than 256 characters.\",\n \"fieldEmptyForNumber\" : \"Please enter a number.\",\n \"fieldEmptyForPostalCode\" : \"Please enter a postcode.\",\n \"fieldInvalidForCardholderName\" : \"This cardholder name isn't valid.\",\n \"fieldInvalidForCvv\" : \"This security code isn't valid.\",\n \"fieldInvalidForExpirationDate\" : \"This expiry date isn't valid.\",\n \"fieldInvalidForNumber\" : \"This card number isn't valid.\",\n \"fieldInvalidForPostalCode\" : \"This postcode isn't valid.\",\n \"genericError\" : \"Something went wrong on our end.\",\n \"hostedFieldsTokenizationFailOnDuplicateError\" : \"This credit card already exists as a saved funding source.\",\n \"hostedFieldsFailedTokenizationError\" : \"Please check your information and try again.\",\n \"hostedFieldsFieldsInvalidError\" : \"Please check your information and try again.\",\n \"hostedFieldsTokenizationNetworkErrorError\" : \"Network error. Please try again.\",\n \"hostedFieldsTokenizationCvvVerificationFailedError\" : \"Credit card verification failed. Please check your information and try again.\",\n \"paypalButtonMustBeUsed\" : \"Use the PayPal button to continue with your payment.\",\n \"paypalAccountTokenizationFailedError\" : \"Something went wrong adding the PayPal account. Please try again.\",\n \"paypalFlowFailedError\" : \"Something went wrong connecting to PayPal. Please try again.\",\n \"paypalTokenizationRequestActiveError\" : \"PayPal payment authorisation is already in progress.\",\n \"venmoCanceledError\" : \"Something went wrong. Ensure you have the most recent version of the Venmo app installed on your device and your browser supports switching to Venmo.\",\n \"vaultManagerPaymentMethodDeletionError\" : \"We were unable to delete the funding source. Please try again.\",\n \"venmoAppFailedError\" : \"The Venmo app couldn't be found on your device.\",\n \"unsupportedCardTypeError\" : \"This card type isn't supported. Please try another card.\",\n \"applePayTokenizationError\" : \"A network error occurred while processing the Apple Pay payment. Please try again.\",\n \"applePayActiveCardError\" : \"Add a supported card to your Apple Pay wallet.\",\n \"cardholderNameLabel\" : \"Cardholder name\",\n \"cardNumberLabel\" : \"Card number\",\n \"cvvLabel\" : \"Security code\",\n \"cvvThreeDigitLabelSubheading\" : \"(3 digits)\",\n \"cvvFourDigitLabelSubheading\" : \"(4 digits)\",\n \"cardholderNamePlaceholder\" : \"Cardholder name\",\n \"expirationDateLabel\" : \"Expiry date\",\n \"expirationDateLabelSubheading\" : \"(MM/YY)\",\n \"expirationDatePlaceholder\" : \"MM/YY\",\n \"postalCodeLabel\" : \"Postcode\",\n \"saveCardLabel\" : \"Save card\",\n \"payWithCard\" : \"Pay with card\",\n \"endingIn\" : \"Ending in {{lastFourCardDigits}}\",\n \"Apple Pay\" : \"Apple Pay\",\n \"Venmo\" : \"Venmo\",\n \"Card\" : \"Card\",\n \"PayPal\" : \"PayPal\",\n \"PayPal Credit\" : \"PayPal Credit\",\n \"Google Pay\" : \"Google Pay\",\n \"American Express\" : \"American Express\",\n \"Discover\" : \"Discover\",\n \"Diners Club\" : \"Diners Club\",\n \"Elo\" : \"Elo\",\n \"Hiper\" : \"Hiper\",\n \"Hipercard\" : \"Hipercard\",\n \"MasterCard\" : \"Mastercard\",\n \"Visa\" : \"Visa\",\n \"JCB\" : \"JCB\",\n \"Maestro\" : \"Maestro\",\n \"UnionPay\" : \"UnionPay\"\n}\n;\n\n},{}],226:[function(require,module,exports){\n'use strict';\n\nmodule.exports = {\n \"payingWith\" : \"Paying with {{paymentSource}}\",\n \"chooseAnotherWayToPay\" : \"Choose another way to pay\",\n \"chooseAWayToPay\" : \"Choose a way to pay\",\n \"otherWaysToPay\" : \"Other ways to pay\",\n \"edit\" : \"Edit\",\n \"doneEditing\" : \"Done\",\n \"editPaymentMethods\" : \"Edit payment methods\",\n \"CreditCardDeleteConfirmationMessage\" : \"Delete {{secondaryIdentifier}} card ending in {{identifier}}?\",\n \"PayPalAccountDeleteConfirmationMessage\" : \"Delete PayPal account {{identifier}}?\",\n \"VenmoAccountDeleteConfirmationMessage\" : \"Are you sure you want to delete Venmo account with username {{identifier}}?\",\n \"genericDeleteConfirmationMessage\" : \"Are you sure you want to delete this payment method?\",\n \"deleteCancelButton\" : \"Cancel\",\n \"deleteConfirmationButton\" : \"Delete\",\n \"fieldEmptyForCvv\" : \"Please enter a CVV.\",\n \"fieldEmptyForExpirationDate\" : \"Please enter an expiry date.\",\n \"fieldEmptyForCardholderName\" : \"Please enter a cardholder name.\",\n \"fieldTooLongForCardholderName\" : \"Cardholder name must be less than 256 characters.\",\n \"fieldEmptyForNumber\" : \"Please enter a number.\",\n \"fieldEmptyForPostalCode\" : \"Please enter a PIN code.\",\n \"fieldInvalidForCardholderName\" : \"This cardholder name isn't valid.\",\n \"fieldInvalidForCvv\" : \"This CVV isn't valid.\",\n \"fieldInvalidForExpirationDate\" : \"This expiry date isn't valid.\",\n \"fieldInvalidForNumber\" : \"This card number isn't valid.\",\n \"fieldInvalidForPostalCode\" : \"This PIN code isn't valid.\",\n \"genericError\" : \"We're sorry, something seems to have gone wrong.\",\n \"hostedFieldsTokenizationFailOnDuplicateError\" : \"This card already exists as a saved payment method.\",\n \"hostedFieldsFailedTokenizationError\" : \"Please check your information and try again.\",\n \"hostedFieldsFieldsInvalidError\" : \"Please check your information and try again.\",\n \"hostedFieldsTokenizationNetworkErrorError\" : \"Network error. Please try again.\",\n \"hostedFieldsTokenizationCvvVerificationFailedError\" : \"Card verification failed. Please check your information and try again.\",\n \"paypalButtonMustBeUsed\" : \"Use the PayPal button to continue with your payment.\",\n \"paypalAccountTokenizationFailedError\" : \"Something went wrong adding the PayPal account. Please try again.\",\n \"paypalFlowFailedError\" : \"Something went wrong connecting to PayPal. Please try again.\",\n \"paypalTokenizationRequestActiveError\" : \"PayPal payment authorisation is already in progress.\",\n \"venmoCanceledError\" : \"We're sorry, something seems to have gone wrong. Ensure you have the most recent version of the Venmo app installed on your device and your browser supports switching to Venmo.\",\n \"vaultManagerPaymentMethodDeletionError\" : \"Unable to delete payment method. Please try again.\",\n \"venmoAppFailedError\" : \"The Venmo app couldn't be found on your device.\",\n \"unsupportedCardTypeError\" : \"This card type isn't supported. Please try another card.\",\n \"applePayTokenizationError\" : \"A network error occurred while processing the Apple Pay payment. Please try again.\",\n \"applePayActiveCardError\" : \"Add a supported card to your Apple Pay digital wallet.\",\n \"cardholderNameLabel\" : \"Cardholder name\",\n \"cardNumberLabel\" : \"Card number\",\n \"cvvLabel\" : \"CVV\",\n \"cvvThreeDigitLabelSubheading\" : \"(3 digits)\",\n \"cvvFourDigitLabelSubheading\" : \"(4 digits)\",\n \"cardholderNamePlaceholder\" : \"Cardholder name\",\n \"expirationDateLabel\" : \"Expiry date\",\n \"expirationDateLabelSubheading\" : \"(MM/YY)\",\n \"expirationDatePlaceholder\" : \"MM/YY\",\n \"postalCodeLabel\" : \"PIN code\",\n \"saveCardLabel\" : \"Save card\",\n \"payWithCard\" : \"Pay with card\",\n \"endingIn\" : \"Ending in {{lastFourCardDigits}}\",\n \"Apple Pay\" : \"Apple Pay\",\n \"Venmo\" : \"Venmo\",\n \"Card\" : \"Card\",\n \"PayPal\" : \"PayPal\",\n \"PayPal Credit\" : \"PayPal Credit\",\n \"Google Pay\" : \"Google Pay\",\n \"American Express\" : \"American Express\",\n \"Discover\" : \"Discover\",\n \"Diners Club\" : \"Diners Club\",\n \"Elo\" : \"Elo\",\n \"Hiper\" : \"Hiper\",\n \"Hipercard\" : \"Hipercard\",\n \"MasterCard\" : \"Mastercard\",\n \"Visa\" : \"Visa\",\n \"JCB\" : \"JCB\",\n \"Maestro\" : \"Maestro\",\n \"UnionPay\" : \"UnionPay\"\n}\n;\n\n},{}],227:[function(require,module,exports){\n'use strict';\n\nmodule.exports = {\n payingWith: 'Paying with {{paymentSource}}',\n chooseAnotherWayToPay: 'Choose another way to pay',\n chooseAWayToPay: 'Choose a way to pay',\n otherWaysToPay: 'Other ways to pay',\n edit: 'Edit',\n doneEditing: 'Done',\n editPaymentMethods: 'Edit payment methods',\n CreditCardDeleteConfirmationMessage: 'Delete {{secondaryIdentifier}} card ending in {{identifier}}?',\n PayPalAccountDeleteConfirmationMessage: 'Delete PayPal account {{identifier}}?',\n VenmoAccountDeleteConfirmationMessage: 'Are you sure you want to delete Venmo account with username {{identifier}}?',\n genericDeleteConfirmationMessage: 'Are you sure you want to delete this payment method?',\n deleteCancelButton: 'Cancel',\n deleteConfirmationButton: 'Delete',\n // Errors\n fieldEmptyForCvv: 'Please fill out a CVV.',\n fieldEmptyForExpirationDate: 'Please fill out an expiration date.',\n fieldEmptyForCardholderName: 'Please fill out a cardholder name.',\n fieldEmptyForNumber: 'Please fill out a card number.',\n fieldEmptyForPostalCode: 'Please fill out a postal code.',\n fieldInvalidForCardholderName: 'This cardholder name is not valid.',\n fieldInvalidForCvv: 'This security code is not valid.',\n fieldInvalidForExpirationDate: 'This expiration date is not valid.',\n fieldInvalidForNumber: 'This card number is not valid.',\n fieldInvalidForPostalCode: 'This postal code is not valid.',\n fieldTooLongForCardholderName: 'Cardholder name must be less than 256 characters.',\n genericError: 'Something went wrong on our end.',\n hostedFieldsTokenizationFailOnDuplicateError: 'This credit card already exists as a saved payment method.',\n hostedFieldsFailedTokenizationError: 'Please check your information and try again.',\n hostedFieldsTokenizationCvvVerificationFailedError: 'Credit card verification failed. Please check your information and try again.',\n hostedFieldsTokenizationNetworkErrorError: 'Network error. Please try again.',\n hostedFieldsFieldsInvalidError: 'Please check your information and try again.',\n paypalButtonMustBeUsed: 'Use the PayPal button to continue with your payment.',\n paypalAccountTokenizationFailedError: 'Something went wrong adding the PayPal account. Please try again.',\n paypalFlowFailedError: 'Something went wrong connecting to PayPal. Please try again.',\n paypalTokenizationRequestActiveError: 'PayPal payment authorization is already in progress.',\n applePayTokenizationError: 'A network error occurred while processing the Apple Pay payment. Please try again.',\n applePayActiveCardError: 'Add a supported card to your Apple Pay wallet.',\n vaultManagerPaymentMethodDeletionError: 'Unable to delete payment method, try again.',\n venmoCanceledError: 'Something went wrong. Ensure you have the most recent version of the Venmo app installed on your device and your browser supports switching to Venmo.',\n venmoAppFailedError: 'The Venmo app could not be found on your device.',\n unsupportedCardTypeError: 'This card type is not supported. Please try another card.',\n // Card form\n cardholderNameLabel: 'Cardholder Name',\n cardNumberLabel: 'Card Number',\n cvvLabel: 'CVV',\n cvvThreeDigitLabelSubheading: '(3 digits)',\n cvvFourDigitLabelSubheading: '(4 digits)',\n expirationDateLabel: 'Expiration Date',\n expirationDateLabelSubheading: '(MM/YY)',\n cardholderNamePlaceholder: 'Cardholder Name',\n expirationDatePlaceholder: 'MM/YY',\n postalCodeLabel: 'Postal Code',\n saveCardLabel: 'Save card',\n payWithCard: 'Pay with card',\n // Payment Method descriptions\n endingIn: 'Ending in {{lastFourCardDigits}}',\n Card: 'Card',\n PayPal: 'PayPal',\n 'PayPal Credit': 'PayPal Credit',\n 'Apple Pay': 'Apple Pay',\n 'Google Pay': 'Google Pay',\n 'Venmo': 'Venmo',\n 'American Express': 'American Express',\n Discover: 'Discover',\n 'Diners Club': 'Diners Club',\n Elo: 'Elo',\n Hiper: 'Hiper',\n Hipercard: 'Hipercard',\n MasterCard: 'Mastercard',\n Visa: 'Visa',\n JCB: 'JCB',\n Maestro: 'Maestro',\n UnionPay: 'UnionPay'\n};\n\n},{}],228:[function(require,module,exports){\n'use strict';\n\nmodule.exports = {\n \"payingWith\" : \"Pagar con {{paymentSource}}\",\n \"chooseAnotherWayToPay\" : \"Seleccionar otra forma de pago\",\n \"chooseAWayToPay\" : \"Seleccionar forma de pago\",\n \"otherWaysToPay\" : \"Otras formas de pago\",\n \"edit\" : \"Editar\",\n \"doneEditing\" : \"Hecho\",\n \"editPaymentMethods\" : \"Editar formas de pago\",\n \"CreditCardDeleteConfirmationMessage\" : \"¿Eliminar la tarjeta {{secondaryIdentifier}} terminada en {{identifier}}?\",\n \"PayPalAccountDeleteConfirmationMessage\" : \"¿Eliminar la cuenta PayPal {{identifier}}?\",\n \"VenmoAccountDeleteConfirmationMessage\" : \"¿Seguro que deseas eliminar la cuenta de Venmo con el nombre de usuario {{identifier}}?\",\n \"genericDeleteConfirmationMessage\" : \"¿Seguro que deseas eliminar esta forma de pago?\",\n \"deleteCancelButton\" : \"Cancelar\",\n \"deleteConfirmationButton\" : \"Eliminar\",\n \"fieldEmptyForCvv\" : \"Introduce el CVV.\",\n \"fieldEmptyForExpirationDate\" : \"Introduce una fecha de vencimiento.\",\n \"fieldEmptyForCardholderName\" : \"Introduce el nombre del titular de la tarjeta.\",\n \"fieldTooLongForCardholderName\" : \"El nombre del titular de la tarjeta debe tener menos de 256 caracteres.\",\n \"fieldEmptyForNumber\" : \"Introduce un número.\",\n \"fieldEmptyForPostalCode\" : \"Introduce un código postal.\",\n \"fieldInvalidForCardholderName\" : \"El nombre del titular de la tarjeta no es válido.\",\n \"fieldInvalidForCvv\" : \"El código de seguridad no es válido.\",\n \"fieldInvalidForExpirationDate\" : \"La fecha de vencimiento no es válida.\",\n \"fieldInvalidForNumber\" : \"El número de tarjeta no es válido.\",\n \"fieldInvalidForPostalCode\" : \"El código postal no es válido.\",\n \"genericError\" : \"Ha habido un problema.\",\n \"hostedFieldsTokenizationFailOnDuplicateError\" : \"Esta tarjeta de crédito ya existe como forma de pago guardada.\",\n \"hostedFieldsFailedTokenizationError\" : \"Comprueba la información e inténtalo de nuevo.\",\n \"hostedFieldsFieldsInvalidError\" : \"Comprueba la información e inténtalo de nuevo.\",\n \"hostedFieldsTokenizationNetworkErrorError\" : \"Error de red. Inténtalo de nuevo.\",\n \"hostedFieldsTokenizationCvvVerificationFailedError\" : \"Error al verificar la tarjeta de crédito. Comprueba la información e inténtalo de nuevo.\",\n \"paypalButtonMustBeUsed\" : \"Utiliza el botón de PayPal para continuar con el pago.\",\n \"paypalAccountTokenizationFailedError\" : \"Se ha producido un error al añadir la cuenta PayPal. Inténtalo de nuevo.\",\n \"paypalFlowFailedError\" : \"Se ha producido un error al conectar con PayPal. Inténtalo de nuevo.\",\n \"paypalTokenizationRequestActiveError\" : \"La autorización del pago de PayPal ya está en curso.\",\n \"venmoCanceledError\" : \"Ha habido un error. Asegúrate de tener la versión más reciente de la aplicación de Venmo instalada en el dispositivo y de que el navegador admita el cambio a Venmo.\",\n \"vaultManagerPaymentMethodDeletionError\" : \"No se puede eliminar la forma de pago. Inténtalo de nuevo.\",\n \"venmoAppFailedError\" : \"No se ha podido encontrar la aplicación de Venmo en tu dispositivo.\",\n \"unsupportedCardTypeError\" : \"No se admite este tipo de tarjeta. Prueba con otra tarjeta.\",\n \"applePayTokenizationError\" : \"Se ha producido un error de red al procesar el pago de Apple Pay. Inténtalo de nuevo.\",\n \"applePayActiveCardError\" : \"Añade una tarjeta compatible a tu cartera de Apple Pay.\",\n \"cardholderNameLabel\" : \"Nombre del titular de la tarjeta\",\n \"cardNumberLabel\" : \"Número de tarjeta\",\n \"cvvLabel\" : \"CVV\",\n \"cvvThreeDigitLabelSubheading\" : \"(3 dígitos)\",\n \"cvvFourDigitLabelSubheading\" : \"(4 dígitos)\",\n \"cardholderNamePlaceholder\" : \"Nombre del titular de la tarjeta\",\n \"expirationDateLabel\" : \"Fecha de vencimiento\",\n \"expirationDateLabelSubheading\" : \"(MM/AA)\",\n \"expirationDatePlaceholder\" : \"MM/AA\",\n \"postalCodeLabel\" : \"Código postal\",\n \"saveCardLabel\" : \"Guardar tarjeta\",\n \"payWithCard\" : \"Pagar con tarjeta\",\n \"endingIn\" : \"Terminada en {{lastFourCardDigits}}\",\n \"Apple Pay\" : \"Apple Pay\",\n \"Venmo\" : \"Venmo\",\n \"Card\" : \"Tarjeta\",\n \"PayPal\" : \"PayPal\",\n \"PayPal Credit\" : \"PayPal Credit\",\n \"Google Pay\" : \"Google Pay\",\n \"American Express\" : \"American Express\",\n \"Discover\" : \"Discover\",\n \"Diners Club\" : \"Diners Club\",\n \"Elo\" : \"Elo\",\n \"Hiper\" : \"Hiper\",\n \"Hipercard\" : \"Hipercard\",\n \"MasterCard\" : \"Mastercard\",\n \"Visa\" : \"Visa\",\n \"JCB\" : \"JCB\",\n \"Maestro\" : \"Maestro\",\n \"UnionPay\" : \"UnionPay\"\n}\n;\n\n},{}],229:[function(require,module,exports){\n'use strict';\n\nmodule.exports = {\n \"payingWith\" : \"Pagar con {{paymentSource}}\",\n \"chooseAnotherWayToPay\" : \"Elija otra forma de pago\",\n \"chooseAWayToPay\" : \"Seleccione una forma de pago\",\n \"otherWaysToPay\" : \"Otras formas de pago\",\n \"edit\" : \"Editar\",\n \"doneEditing\" : \"Listo\",\n \"editPaymentMethods\" : \"Editar métodos de pago\",\n \"CreditCardDeleteConfirmationMessage\" : \"¿Eliminar tarjeta {{secondaryIdentifier}} con terminación {{identifier}}?\",\n \"PayPalAccountDeleteConfirmationMessage\" : \"¿Desea eliminar la cuenta de PayPal {{identifier}}?\",\n \"VenmoAccountDeleteConfirmationMessage\" : \"¿Seguro que desea eliminar la cuenta de Venmo con el nombre de usuario {{identifier}}?\",\n \"genericDeleteConfirmationMessage\" : \"¿Seguro que desea eliminar esta forma de pago?\",\n \"deleteCancelButton\" : \"Cancelar\",\n \"deleteConfirmationButton\" : \"Eliminar\",\n \"fieldEmptyForCvv\" : \"Ingrese un CVV.\",\n \"fieldEmptyForExpirationDate\" : \"Ingrese una fecha de vencimiento.\",\n \"fieldEmptyForCardholderName\" : \"Ingrese un nombre de titular de tarjeta.\",\n \"fieldTooLongForCardholderName\" : \"El nombre del titular de la tarjeta debe tener menos de 256 caracteres.\",\n \"fieldEmptyForNumber\" : \"Ingrese un número.\",\n \"fieldEmptyForPostalCode\" : \"Ingrese un código postal.\",\n \"fieldInvalidForCardholderName\" : \"El nombre del titular de la tarjeta no es válido.\",\n \"fieldInvalidForCvv\" : \"Este código de seguridad no es válido.\",\n \"fieldInvalidForExpirationDate\" : \"Esta fecha de vencimiento no es válida.\",\n \"fieldInvalidForNumber\" : \"Este número de tarjeta no es válido.\",\n \"fieldInvalidForPostalCode\" : \"Este código postal no es válido.\",\n \"genericError\" : \"Se ha producido un error.\",\n \"hostedFieldsTokenizationFailOnDuplicateError\" : \"Esta tarjeta de crédito ya existe como forma de pago guardada.\",\n \"hostedFieldsFailedTokenizationError\" : \"Revise la información e inténtelo de nuevo.\",\n \"hostedFieldsFieldsInvalidError\" : \"Revise la información e inténtelo de nuevo.\",\n \"hostedFieldsTokenizationNetworkErrorError\" : \"Error de red. Inténtelo de nuevo.\",\n \"hostedFieldsTokenizationCvvVerificationFailedError\" : \"La verificación de la tarjeta de crédito falló. Revise la información e inténtelo de nuevo.\",\n \"paypalButtonMustBeUsed\" : \"Utilice el botón de PayPal para continuar con su pago.\",\n \"paypalAccountTokenizationFailedError\" : \"Se ha producido un error al agregar la cuenta de PayPal. Inténtelo de nuevo.\",\n \"paypalFlowFailedError\" : \"Se ha producido un error al conectar con PayPal. Inténtelo de nuevo.\",\n \"paypalTokenizationRequestActiveError\" : \"La autorización de pago de PayPal ya está en curso.\",\n \"venmoCanceledError\" : \"Se ha producido un error. Asegúrese de que tiene la versión más reciente de la aplicación de Venmo instalada en su dispositivo y que su navegador admita el sitio web Venmo.\",\n \"vaultManagerPaymentMethodDeletionError\" : \"No se pudo eliminar la forma de pago, inténtelo de nuevo.\",\n \"venmoAppFailedError\" : \"No se pudo encontrar la aplicación de Venmo en su dispositivo.\",\n \"unsupportedCardTypeError\" : \"Este tipo de tarjeta no es compatible. Inténtelo con otra tarjeta.\",\n \"applePayTokenizationError\" : \"Se ha producido un error de red al procesar el pago de Apple Pay. Inténtelo de nuevo.\",\n \"applePayActiveCardError\" : \"Agregue una tarjeta compatible a su cartera de Apple Pay.\",\n \"cardholderNameLabel\" : \"Nombre del titular de la tarjeta\",\n \"cardNumberLabel\" : \"Número de tarjeta\",\n \"cvvLabel\" : \"CVV\",\n \"cvvThreeDigitLabelSubheading\" : \"(3 dígitos)\",\n \"cvvFourDigitLabelSubheading\" : \"(4 dígitos)\",\n \"cardholderNamePlaceholder\" : \"Nombre del titular de la tarjeta\",\n \"expirationDateLabel\" : \"Fecha de vencimiento\",\n \"expirationDateLabelSubheading\" : \"(MM/AA)\",\n \"expirationDatePlaceholder\" : \"MM/AA\",\n \"postalCodeLabel\" : \"Código postal\",\n \"saveCardLabel\" : \"Guardar tarjeta\",\n \"payWithCard\" : \"Pagar con tarjeta\",\n \"endingIn\" : \"Con terminación {{lastFourCardDigits}}\",\n \"Apple Pay\" : \"Apple Pay\",\n \"Venmo\" : \"Venmo\",\n \"Card\" : \"Tarjeta\",\n \"PayPal\" : \"Paypal\",\n \"PayPal Credit\" : \"PayPal Credit\",\n \"Google Pay\" : \"Google Pay\",\n \"American Express\" : \"American Express\",\n \"Discover\" : \"Discover\",\n \"Diners Club\" : \"Diners Club\",\n \"Elo\" : \"Elo\",\n \"Hiper\" : \"Hiper\",\n \"Hipercard\" : \"Hipercard\",\n \"MasterCard\" : \"Mastercard\",\n \"Visa\" : \"Visa\",\n \"JCB\" : \"JCB\",\n \"Maestro\" : \"Maestro\",\n \"UnionPay\" : \"UnionPay\"\n}\n;\n\n},{}],230:[function(require,module,exports){\n'use strict';\n\nmodule.exports = {\n \"payingWith\" : \"Maksuväline: {{paymentSource}}\",\n \"chooseAnotherWayToPay\" : \"Valitse toinen maksutapa\",\n \"chooseAWayToPay\" : \"Valitse maksutapa\",\n \"otherWaysToPay\" : \"Muita maksutapoja\",\n \"edit\" : \"Muokkaa\",\n \"doneEditing\" : \"Valmis\",\n \"editPaymentMethods\" : \"Muokkaa maksutapoja\",\n \"CreditCardDeleteConfirmationMessage\" : \"Haluatko poistaa {{secondaryIdentifier}}} -kortin, joka päättyy {{identifier}}}?\",\n \"PayPalAccountDeleteConfirmationMessage\" : \"Haluatko poistaa PayPal-tilin {{identifier}}}?\",\n \"VenmoAccountDeleteConfirmationMessage\" : \"Haluatko varmasti poistaa Venmo-tilin, jonka käyttäjätunnus on {{identifier}}}?\",\n \"genericDeleteConfirmationMessage\" : \"Haluatko varmasti poistaa tämän maksutavan?\",\n \"deleteCancelButton\" : \"Peruuta\",\n \"deleteConfirmationButton\" : \"Poista\",\n \"fieldEmptyForCvv\" : \"Anna turvakoodi.\",\n \"fieldEmptyForExpirationDate\" : \"Anna voimassaolon päättymispäivämäärä.\",\n \"fieldEmptyForCardholderName\" : \"Anna kortinhaltijan nimi.\",\n \"fieldTooLongForCardholderName\" : \"Kortinhaltijan nimen on oltava alle 256 merkkiä.\",\n \"fieldEmptyForNumber\" : \"Anna numero.\",\n \"fieldEmptyForPostalCode\" : \"Anna postinumero.\",\n \"fieldInvalidForCardholderName\" : \"Kortinhaltijan nimi ei ole kelvollinen.\",\n \"fieldInvalidForCvv\" : \"Turvakoodi ei ole kelvollinen.\",\n \"fieldInvalidForExpirationDate\" : \"Päättymispäivämäärä ei ole kelvollinen.\",\n \"fieldInvalidForNumber\" : \"Kortin numero ei ole kelvollinen.\",\n \"fieldInvalidForPostalCode\" : \"Postinumero ei ole kelvollinen.\",\n \"genericError\" : \"Jokin meni pieleen tässä päässä.\",\n \"hostedFieldsTokenizationFailOnDuplicateError\" : \"Tämä luottokortti on jo tallennettu maksutavaksi.\",\n \"hostedFieldsFailedTokenizationError\" : \"Tarkista tiedot ja yritä uudelleen.\",\n \"hostedFieldsFieldsInvalidError\" : \"Tarkista tiedot ja yritä uudelleen.\",\n \"hostedFieldsTokenizationNetworkErrorError\" : \"Verkkovirhe. Yritä uudelleen.\",\n \"hostedFieldsTokenizationCvvVerificationFailedError\" : \"Luottokortin varmennus epäonnistui. Tarkista tiedot ja yritä uudelleen.\",\n \"paypalButtonMustBeUsed\" : \"Jatka maksua PayPal-painikkeen avulla.\",\n \"paypalAccountTokenizationFailedError\" : \"Jotain meni pieleen PayPal-tiliä lisätessä. Yritä uudelleen.\",\n \"paypalFlowFailedError\" : \"Jotain meni pieleen muodostettaessa yhteyttä PayPaliin. Yritä uudelleen.\",\n \"paypalTokenizationRequestActiveError\" : \"PayPal-maksun valtuutus on jo meneillään.\",\n \"venmoCanceledError\" : \"Jokin meni pieleen. Varmista, että laitteeseesi on asennettu Venmo-sovelluksen viimeisin versio, ja että selain tukee vaihtamista Venmoon.\",\n \"vaultManagerPaymentMethodDeletionError\" : \"Maksutavan poistaminen ei onnistu, yritä uudelleen.\",\n \"venmoAppFailedError\" : \"Venmo-sovellusta ei löytynyt laitteesta.\",\n \"unsupportedCardTypeError\" : \"Tätä korttityyppiä ei tueta. Kokeile toista korttia.\",\n \"applePayTokenizationError\" : \"Tapahtui verkkovirhe Apple Pay -maksun käsittelyssä. Yritä uudelleen.\",\n \"applePayActiveCardError\" : \"Lisää tuettu kortti Apple Pay -lompakkoon.\",\n \"cardholderNameLabel\" : \"Kortinhaltijan nimi\",\n \"cardNumberLabel\" : \"Kortin numero\",\n \"cvvLabel\" : \"Kortin turvakoodi\",\n \"cvvThreeDigitLabelSubheading\" : \"(kolme numeroa)\",\n \"cvvFourDigitLabelSubheading\" : \"(neljä numeroa)\",\n \"cardholderNamePlaceholder\" : \"Kortinhaltijan nimi\",\n \"expirationDateLabel\" : \"Päättymispäivämäärä\",\n \"expirationDateLabelSubheading\" : \"(KK/VV)\",\n \"expirationDatePlaceholder\" : \"KK/VV\",\n \"postalCodeLabel\" : \"Postinumero\",\n \"saveCardLabel\" : \"Tallenna kortti\",\n \"payWithCard\" : \"Maksa kortilla\",\n \"endingIn\" : \"Päättyy {{lastFourCardDigits}}}\",\n \"Apple Pay\" : \"Apple Pay\",\n \"Venmo\" : \"Venmo\",\n \"Card\" : \"Kortti\",\n \"PayPal\" : \"PayPal\",\n \"PayPal Credit\" : \"PayPal Credit\",\n \"Google Pay\" : \"Google Pay\",\n \"American Express\" : \"American Express\",\n \"Discover\" : \"Discover\",\n \"Diners Club\" : \"Diners Club\",\n \"Elo\" : \"Elo\",\n \"Hiper\" : \"Hiper\",\n \"Hipercard\" : \"Hipercard\",\n \"MasterCard\" : \"Mastercard\",\n \"Visa\" : \"Visa\",\n \"JCB\" : \"JCB\",\n \"Maestro\" : \"Maestro\",\n \"UnionPay\" : \"UnionPay\"\n}\n;\n\n},{}],231:[function(require,module,exports){\n'use strict';\n\nmodule.exports = {\n \"payingWith\" : \"Payer avec {{paymentSource}}\",\n \"chooseAnotherWayToPay\" : \"Choisir un autre mode de paiement\",\n \"chooseAWayToPay\" : \"Choisir un mode de paiement\",\n \"otherWaysToPay\" : \"Autres modes de paiement\",\n \"edit\" : \"Modifier\",\n \"doneEditing\" : \"Terminé\",\n \"editPaymentMethods\" : \"Modifier les modes de paiement\",\n \"CreditCardDeleteConfirmationMessage\" : \"Supprimer la carte {{secondaryIdentifier}} se terminant par {{identifier}} ?\",\n \"PayPalAccountDeleteConfirmationMessage\" : \"Supprimer le compte PayPal {{identifier}} ?\",\n \"VenmoAccountDeleteConfirmationMessage\" : \"Souhaitez-vous vraiment supprimer le compte Venmo dont le nom d'utilisateur est {{identifier}} ?\",\n \"genericDeleteConfirmationMessage\" : \"Voulez-vous vraiment supprimer ce mode paiement ?\",\n \"deleteCancelButton\" : \"Annuler\",\n \"deleteConfirmationButton\" : \"Supprimer\",\n \"fieldEmptyForCvv\" : \"Saisissez un CVV.\",\n \"fieldEmptyForExpirationDate\" : \"Saisissez une date d'expiration.\",\n \"fieldEmptyForCardholderName\" : \"Saisissez le nom du titulaire de la carte.\",\n \"fieldTooLongForCardholderName\" : \"Le nom du titulaire de la carte doit contenir moins de 256 caractères.\",\n \"fieldEmptyForNumber\" : \"Saisissez un numéro.\",\n \"fieldEmptyForPostalCode\" : \"Saisissez un code postal.\",\n \"fieldInvalidForCardholderName\" : \"Le nom de ce titulaire de la carte n'est pas valide.\",\n \"fieldInvalidForCvv\" : \"Ce cryptogramme visuel n'est pas valide.\",\n \"fieldInvalidForExpirationDate\" : \"Cette date d'expiration n'est pas valide.\",\n \"fieldInvalidForNumber\" : \"Ce numéro de carte n'est pas valide.\",\n \"fieldInvalidForPostalCode\" : \"Ce code postal n'est pas valide.\",\n \"genericError\" : \"Une erreur s'est produite de notre côté.\",\n \"hostedFieldsTokenizationFailOnDuplicateError\" : \"Cette carte de crédit est déjà enregistrée en tant que mode de paiement.\",\n \"hostedFieldsFailedTokenizationError\" : \"Veuillez vérifier vos informations, puis réessayer.\",\n \"hostedFieldsFieldsInvalidError\" : \"Veuillez vérifier vos informations, puis réessayer.\",\n \"hostedFieldsTokenizationNetworkErrorError\" : \"Erreur de réseau. Réessayez.\",\n \"hostedFieldsTokenizationCvvVerificationFailedError\" : \"Échec de vérification de la carte de crédit. Veuillez vérifier vos informations, puis réessayer.\",\n \"paypalButtonMustBeUsed\" : \"Utilisez le bouton PayPal pour poursuivre votre paiement.\",\n \"paypalAccountTokenizationFailedError\" : \"Une erreur s'est produite lors de l'ajout du compte PayPal. Veuillez réessayer.\",\n \"paypalFlowFailedError\" : \"Une erreur s'est produite lors de la connexion à PayPal. Veuillez réessayer.\",\n \"paypalTokenizationRequestActiveError\" : \"L'autorisation de paiement PayPal est déjà en cours.\",\n \"venmoCanceledError\" : \"Une erreur s'est produite. Assurez-vous que la version la plus récente de l'application Venmo est installée sur votre appareil et que votre navigateur prend en charge la redirection vers Venmo.\",\n \"vaultManagerPaymentMethodDeletionError\" : \"Impossible de supprimer le mode de paiement. Réessayez.\",\n \"venmoAppFailedError\" : \"L'application Venmo n'est pas présente sur votre appareil.\",\n \"unsupportedCardTypeError\" : \"Ce type de carte n'est pas pris en charge. Veuillez essayer une autre carte.\",\n \"applePayTokenizationError\" : \"Une erreur de réseau s'est produite lors du traitement du paiement Apple Pay. Veuillez réessayer.\",\n \"applePayActiveCardError\" : \"Ajoutez une carte prise en charge à votre portefeuille Apple Pay.\",\n \"cardholderNameLabel\" : \"Nom du titulaire de la carte\",\n \"cardNumberLabel\" : \"Numéro de carte\",\n \"cvvLabel\" : \"Cryptogramme visuel\",\n \"cvvThreeDigitLabelSubheading\" : \"(3 chiffres)\",\n \"cvvFourDigitLabelSubheading\" : \"(4 chiffres)\",\n \"cardholderNamePlaceholder\" : \"Nom du titulaire de la carte\",\n \"expirationDateLabel\" : \"Date d'expiration\",\n \"expirationDateLabelSubheading\" : \"(MM/AA)\",\n \"expirationDatePlaceholder\" : \"MM/AA\",\n \"postalCodeLabel\" : \"Code postal\",\n \"saveCardLabel\" : \"Enregistrer la carte\",\n \"payWithCard\" : \"Payer par carte\",\n \"endingIn\" : \"Se terminant par {{lastFourCardDigits}}\",\n \"Apple Pay\" : \"Apple Pay\",\n \"Venmo\" : \"Venmo\",\n \"Card\" : \"Carte\",\n \"PayPal\" : \"PayPal\",\n \"PayPal Credit\" : \"PayPal Credit\",\n \"Google Pay\" : \"Google Pay\",\n \"American Express\" : \"American Express\",\n \"Discover\" : \"Discover\",\n \"Diners Club\" : \"Diners Club\",\n \"Elo\" : \"Elo\",\n \"Hiper\" : \"Hiper\",\n \"Hipercard\" : \"Hipercard\",\n \"MasterCard\" : \"Mastercard\",\n \"Visa\" : \"Visa\",\n \"JCB\" : \"JCB\",\n \"Maestro\" : \"Maestro\",\n \"UnionPay\" : \"UnionPay\"\n}\n;\n\n},{}],232:[function(require,module,exports){\n'use strict';\n\nmodule.exports = {\n \"payingWith\" : \"Payer avec : {{paymentSource}}\",\n \"chooseAnotherWayToPay\" : \"Choisir un autre mode de paiement\",\n \"chooseAWayToPay\" : \"Choisir un mode de paiement\",\n \"otherWaysToPay\" : \"Autres modes de paiement\",\n \"edit\" : \"Modifier\",\n \"doneEditing\" : \"Terminé\",\n \"editPaymentMethods\" : \"Modifier les modes de paiement\",\n \"CreditCardDeleteConfirmationMessage\" : \"Supprimer la carte {{secondaryIdentifier}} se terminant par {{identifier}} ?\",\n \"PayPalAccountDeleteConfirmationMessage\" : \"Supprimer le compte PayPal {{identifier}} ?\",\n \"VenmoAccountDeleteConfirmationMessage\" : \"Souhaitez-vous vraiment supprimer le compte Venmo associé au nom d'utilisateur {{identifier}} ?\",\n \"genericDeleteConfirmationMessage\" : \"Souhaitez-vous vraiment supprimer ce mode de paiement ?\",\n \"deleteCancelButton\" : \"Annuler\",\n \"deleteConfirmationButton\" : \"Supprimer\",\n \"fieldEmptyForCvv\" : \"Renseignez un cryptogramme visuel.\",\n \"fieldEmptyForExpirationDate\" : \"Renseignez une date d'expiration.\",\n \"fieldEmptyForCardholderName\" : \"Renseignez le nom du titulaire de la carte.\",\n \"fieldTooLongForCardholderName\" : \"Le nom du titulaire de la carte doit comporter moins de 256 caractères.\",\n \"fieldEmptyForNumber\" : \"Renseignez un numéro.\",\n \"fieldEmptyForPostalCode\" : \"Renseignez un code postal.\",\n \"fieldInvalidForCardholderName\" : \"Le nom de ce titulaire de la carte est incorrect.\",\n \"fieldInvalidForCvv\" : \"Ce cryptogramme visuel est incorrect.\",\n \"fieldInvalidForExpirationDate\" : \"Cette date d'expiration est incorrecte.\",\n \"fieldInvalidForNumber\" : \"Ce numéro de carte est incorrect.\",\n \"fieldInvalidForPostalCode\" : \"Ce code postal est incorrect.\",\n \"genericError\" : \"Une erreur est survenue.\",\n \"hostedFieldsTokenizationFailOnDuplicateError\" : \"Cette carte bancaire existe déjà en tant que mode de paiement enregistré.\",\n \"hostedFieldsFailedTokenizationError\" : \"Vérifiez vos informations et réessayez.\",\n \"hostedFieldsFieldsInvalidError\" : \"Vérifiez vos informations et réessayez.\",\n \"hostedFieldsTokenizationNetworkErrorError\" : \"Erreur réseau. Réessayez.\",\n \"hostedFieldsTokenizationCvvVerificationFailedError\" : \"Échec de la vérification de carte bancaire. Vérifiez vos informations et réessayez.\",\n \"paypalButtonMustBeUsed\" : \"Utilisez le bouton PayPal pour poursuivre le paiement.\",\n \"paypalAccountTokenizationFailedError\" : \"Une erreur est survenue lors de l'ajout du compte PayPal. Réessayez.\",\n \"paypalFlowFailedError\" : \"Une erreur est survenue lors de la connexion à PayPal. Réessayez.\",\n \"paypalTokenizationRequestActiveError\" : \"L'autorisation de paiement PayPal est déjà en cours.\",\n \"venmoCanceledError\" : \"Une erreur est survenue. Vérifiez que la dernière version de l'application Venmo est installée sur votre appareil et que votre navigateur prend en charge la redirection vers Venmo.\",\n \"vaultManagerPaymentMethodDeletionError\" : \"Impossible de supprimer le mode de paiement, réessayez.\",\n \"venmoAppFailedError\" : \"Nous n'avons pas trouvé l'application Venmo sur votre appareil.\",\n \"unsupportedCardTypeError\" : \"Ce type de carte n'est pas pris en charge. Essayez une autre carte.\",\n \"applePayTokenizationError\" : \"Une erreur réseau est survenue lors du traitement du paiement Apple Pay. Réessayez.\",\n \"applePayActiveCardError\" : \"Enregistrez une carte prise en charge sur votre portefeuille Apple Pay.\",\n \"cardholderNameLabel\" : \"Nom du titulaire de la carte\",\n \"cardNumberLabel\" : \"Numéro de carte\",\n \"cvvLabel\" : \"Crypto.\",\n \"cvvThreeDigitLabelSubheading\" : \"(3 chiffres)\",\n \"cvvFourDigitLabelSubheading\" : \"(4 chiffres)\",\n \"cardholderNamePlaceholder\" : \"Nom du titulaire de la carte\",\n \"expirationDateLabel\" : \"Date d'expiration\",\n \"expirationDateLabelSubheading\" : \"(MM/AA)\",\n \"expirationDatePlaceholder\" : \"MM/AA\",\n \"postalCodeLabel\" : \"Code postal\",\n \"saveCardLabel\" : \"Enregistrer la carte\",\n \"payWithCard\" : \"Payer par carte\",\n \"endingIn\" : \"Se terminant par {{lastFourCardDigits}}\",\n \"Apple Pay\" : \"Apple Pay\",\n \"Venmo\" : \"Venmo\",\n \"Card\" : \"Carte\",\n \"PayPal\" : \"PayPal\",\n \"PayPal Credit\" : \"PayPal Credit\",\n \"Google Pay\" : \"Google Pay\",\n \"American Express\" : \"American Express\",\n \"Discover\" : \"Discover\",\n \"Diners Club\" : \"Diners Club\",\n \"Elo\" : \"Elo\",\n \"Hiper\" : \"Hiper\",\n \"Hipercard\" : \"Hipercard\",\n \"MasterCard\" : \"Mastercard\",\n \"Visa\" : \"Visa\",\n \"JCB\" : \"JCB\",\n \"Maestro\" : \"Maestro\",\n \"UnionPay\" : \"UnionPay\"\n}\n;\n\n},{}],233:[function(require,module,exports){\n'use strict';\n\nmodule.exports = {\n \"payingWith\" : \"Payer avec {{paymentSource}}\",\n \"chooseAnotherWayToPay\" : \"Choisir un autre mode de paiement\",\n \"chooseAWayToPay\" : \"Choisir un mode de paiement\",\n \"otherWaysToPay\" : \"Autres modes de paiement\",\n \"edit\" : \"Modifier\",\n \"doneEditing\" : \"Terminé\",\n \"editPaymentMethods\" : \"Modifier les modes de paiement\",\n \"CreditCardDeleteConfirmationMessage\" : \"Supprimer la carte {{secondaryIdentifier}}} se terminant par {{identifier}}} ?\",\n \"PayPalAccountDeleteConfirmationMessage\" : \"Supprimer le compte PayPal {{identifier}}} ?\",\n \"VenmoAccountDeleteConfirmationMessage\" : \"Souhaitez-vous vraiment supprimer le compte Venmo associé au nom d'utilisateur {{identifier}}} ?\",\n \"genericDeleteConfirmationMessage\" : \"Souhaitez-vous vraiment supprimer ce mode de paiement ?\",\n \"deleteCancelButton\" : \"Annuler\",\n \"deleteConfirmationButton\" : \"Supprimer\",\n \"fieldEmptyForCvv\" : \"Renseignez un cryptogramme visuel.\",\n \"fieldEmptyForExpirationDate\" : \"Renseignez une date d'expiration.\",\n \"fieldEmptyForCardholderName\" : \"Renseignez le nom du titulaire de la carte.\",\n \"fieldTooLongForCardholderName\" : \"Le nom du titulaire de la carte doit comporter moins de 256 caractères.\",\n \"fieldEmptyForNumber\" : \"Renseignez un numéro.\",\n \"fieldEmptyForPostalCode\" : \"Renseignez un code postal.\",\n \"fieldInvalidForCardholderName\" : \"Le nom de ce titulaire de la carte est incorrect.\",\n \"fieldInvalidForCvv\" : \"Ce cryptogramme visuel est incorrect.\",\n \"fieldInvalidForExpirationDate\" : \"Cette date d'expiration est incorrecte.\",\n \"fieldInvalidForNumber\" : \"Ce numéro de carte est incorrect.\",\n \"fieldInvalidForPostalCode\" : \"Ce code postal est incorrect.\",\n \"genericError\" : \"Une erreur est survenue.\",\n \"hostedFieldsTokenizationFailOnDuplicateError\" : \"Cette carte bancaire existe déjà en tant que mode de paiement enregistré.\",\n \"hostedFieldsFailedTokenizationError\" : \"Vérifiez vos informations et réessayez.\",\n \"hostedFieldsFieldsInvalidError\" : \"Vérifiez vos informations et réessayez.\",\n \"hostedFieldsTokenizationNetworkErrorError\" : \"Erreur réseau. Réessayez.\",\n \"hostedFieldsTokenizationCvvVerificationFailedError\" : \"Échec de la vérification de carte bancaire. Vérifiez vos informations et réessayez.\",\n \"paypalButtonMustBeUsed\" : \"Utilisez le bouton PayPal pour poursuivre le paiement.\",\n \"paypalAccountTokenizationFailedError\" : \"Une erreur est survenue lors de l'ajout du compte PayPal. Réessayez.\",\n \"paypalFlowFailedError\" : \"Une erreur est survenue lors de la connexion à PayPal. Réessayez.\",\n \"paypalTokenizationRequestActiveError\" : \"L'autorisation de paiement PayPal est déjà en cours.\",\n \"venmoCanceledError\" : \"Une erreur est survenue. Vérifiez que la dernière version de l'application Venmo est installée sur votre appareil et que votre navigateur prend en charge la redirection vers Venmo.\",\n \"vaultManagerPaymentMethodDeletionError\" : \"Impossible de supprimer le mode de paiement, réessayez.\",\n \"venmoAppFailedError\" : \"Nous n'avons pas trouvé l'application Venmo sur votre appareil.\",\n \"unsupportedCardTypeError\" : \"Ce type de carte n'est pas pris en charge. Essayez une autre carte.\",\n \"applePayTokenizationError\" : \"Une erreur réseau est survenue lors du traitement du paiement Apple Pay. Réessayez.\",\n \"applePayActiveCardError\" : \"Enregistrez une carte prise en charge sur votre portefeuille Apple Pay.\",\n \"cardholderNameLabel\" : \"Nom du titulaire de la carte\",\n \"cardNumberLabel\" : \"Numéro de carte\",\n \"cvvLabel\" : \"Crypto.\",\n \"cvvThreeDigitLabelSubheading\" : \"(3 chiffres)\",\n \"cvvFourDigitLabelSubheading\" : \"(4 chiffres)\",\n \"cardholderNamePlaceholder\" : \"Nom du titulaire de la carte\",\n \"expirationDateLabel\" : \"Date d'expiration\",\n \"expirationDateLabelSubheading\" : \"(MM/AA)\",\n \"expirationDatePlaceholder\" : \"MM/AA\",\n \"postalCodeLabel\" : \"Code postal\",\n \"saveCardLabel\" : \"Enregistrer la carte\",\n \"payWithCard\" : \"Payer par carte\",\n \"endingIn\" : \"Se termine le {{lastFourCardDigits}}\",\n \"Apple Pay\" : \"Apple Pay\",\n \"Venmo\" : \"Venmo\",\n \"Card\" : \"Carte\",\n \"PayPal\" : \"PayPal\",\n \"PayPal Credit\" : \"PayPal Credit\",\n \"Google Pay\" : \"Google Pay\",\n \"American Express\" : \"American Express\",\n \"Discover\" : \"Discover\",\n \"Diners Club\" : \"Diners Club\",\n \"Elo\" : \"Elo\",\n \"Hiper\" : \"Hiper\",\n \"Hipercard\" : \"Hipercard\",\n \"MasterCard\" : \"Mastercard\",\n \"Visa\" : \"Visa\",\n \"JCB\" : \"JCB\",\n \"Maestro\" : \"Maestro\",\n \"UnionPay\" : \"UnionPay\"\n}\n;\n\n},{}],234:[function(require,module,exports){\n'use strict';\n\nmodule.exports = {\n \"payingWith\" : \"תשלום באמצעות {{paymentSource}}\",\n \"chooseAnotherWayToPay\" : \"עליך לבחור שיטת תשלום אחרת\",\n \"chooseAWayToPay\" : \"כיצד ברצונך לשלם?\",\n \"otherWaysToPay\" : \"שיטות תשלום אחרות\",\n \"edit\" : \"עריכה\",\n \"doneEditing\" : \"בוצע\",\n \"editPaymentMethods\" : \"עריכת שיטות תשלום\",\n \"CreditCardDeleteConfirmationMessage\" : \"למחוק {{secondaryIdentifier}} הכרטיס המסתיים {{identifier}}?\",\n \"PayPalAccountDeleteConfirmationMessage\" : \"למחוק PayPal החשבון {{identifier}}?\",\n \"VenmoAccountDeleteConfirmationMessage\" : \"האם אתה בטוח שברצונך למחוק את חשבון Venmo הרשום תחת שם המשתמש {{identifier}}?\",\n \"genericDeleteConfirmationMessage\" : \"האם אתה בטוח שברצונך למחוק שיטת תשלום זו?\",\n \"deleteCancelButton\" : \"ביטול\",\n \"deleteConfirmationButton\" : \"מחיקה\",\n \"fieldEmptyForCvv\" : \"עליך למלא את מספר האבטחה של כרטיס האשראי.\",\n \"fieldEmptyForExpirationDate\" : \"עליך למלא את תאריך פקיעת התוקף.\",\n \"fieldEmptyForCardholderName\" : \"עליך למלא את שם בעל הכרטיס.\",\n \"fieldTooLongForCardholderName\" : \"שם בעל הכרטיס יכול להכיל 256 תווים לכל היותר.\",\n \"fieldEmptyForNumber\" : \"עליך למלא את המספר.\",\n \"fieldEmptyForPostalCode\" : \"עליך למלא את המיקוד.\",\n \"fieldInvalidForCardholderName\" : \"שם בעל הכרטיס אינו חוקי.\",\n \"fieldInvalidForCvv\" : \"קוד אבטחה אינו חוקי.\",\n \"fieldInvalidForExpirationDate\" : \"תאריך פקיעת התוקף אינו חוקי.\",\n \"fieldInvalidForNumber\" : \"מספר כרטיס האשראי אינו חוקי.\",\n \"fieldInvalidForPostalCode\" : \"המיקוד אינו חוקי.\",\n \"genericError\" : \"נראה שמשהו השתבש בצד שלנו.\",\n \"hostedFieldsTokenizationFailOnDuplicateError\" : \"כרטיס אשראי זה כבר שמור כשיטת תשלום.\",\n \"hostedFieldsFailedTokenizationError\" : \"עליך לבדוק את הפרטים שלך ולנסות שוב.\",\n \"hostedFieldsFieldsInvalidError\" : \"עליך לבדוק את הפרטים שלך ולנסות שוב.\",\n \"hostedFieldsTokenizationNetworkErrorError\" : \"שגיאת רשת. עליך לנסות שוב.\",\n \"hostedFieldsTokenizationCvvVerificationFailedError\" : \"אימות כרטיס האשראי נכשל. עליך לבדוק את הפרטים שלך ולנסות שוב.\",\n \"paypalButtonMustBeUsed\" : \"להשתמש בלחצן PayPal כדי להמשיך בביצוע התשלום שלך.\",\n \"paypalAccountTokenizationFailedError\" : \"משהו השתבש בעת הוספת חשבון PayPal. עליך לנסות שוב.\",\n \"paypalFlowFailedError\" : \"משהו השתבש בהתחברות ל-PayPal. עליך לנסות שוב.\",\n \"paypalTokenizationRequestActiveError\" : \"אישור התשלום של PayPal כבר מתבצע.\",\n \"venmoCanceledError\" : \"נראה שמשהו השתבש. עליך לוודא שהגרסה העדכנית ביותר של אפליקציית Venmo מותקנת במכשיר שלך, ושהדפדפן שלך תומך במעבר ל-Venmo.\",\n \"vaultManagerPaymentMethodDeletionError\" : \"לא הצלחנו למחוק את שיטת התשלום, עליך לנסות שוב.\",\n \"venmoAppFailedError\" : \"לא מצאנו למצוא את אפליקציית Venmo במכשיר שלך.\",\n \"unsupportedCardTypeError\" : \"סוג כרטיס זה אינו נתמך. עליך לנסות כרטיס אחר.\",\n \"applePayTokenizationError\" : \"אירעה שגיאת רשת בעת עיבוד תשלום התשלומים של Apple Pay. עליך לנסות שוב.\",\n \"applePayActiveCardError\" : \"הוספת כרטיס נתמך לארנק Apple Pay שלך.\",\n \"cardholderNameLabel\" : \"שם בעל הכרטיס\",\n \"cardNumberLabel\" : \"מספר כרטיס\",\n \"cvvLabel\" : \"קוד אבטחת כרטיס (CVV)\",\n \"cvvThreeDigitLabelSubheading\" : \"(3 ספרות)\",\n \"cvvFourDigitLabelSubheading\" : \"(4 ספרות)\",\n \"cardholderNamePlaceholder\" : \"שם בעל הכרטיס\",\n \"expirationDateLabel\" : \"תאריך פקיעת תוקף\",\n \"expirationDateLabelSubheading\" : \"(MM/YY)\",\n \"expirationDatePlaceholder\" : \"MM/YY\",\n \"postalCodeLabel\" : \"מיקוד\",\n \"saveCardLabel\" : \"שמירת כרטיס אשראי\",\n \"payWithCard\" : \"לשלם באמצעות כרטיס אשראי\",\n \"endingIn\" : \"מסתיים בתאריך {{lastFourCardDigits}}\",\n \"Apple Pay\" : \"Apple Pay\",\n \"Venmo\" : \"Venmo\",\n \"Card\" : \"כרטיס\",\n \"PayPal\" : \"PayPal\",\n \"PayPal Credit\" : \"PayPal Credit\",\n \"Google Pay\" : \"Google Pay\",\n \"American Express\" : \"אמריקן אקספרס\",\n \"Discover\" : \"Discover\",\n \"Diners Club\" : \"דיינרס קלאב\",\n \"Elo\" : \"Elo\",\n \"Hiper\" : \"Hiper\",\n \"Hipercard\" : \"HiperCard\",\n \"MasterCard\" : \"מאסטרקארד\",\n \"Visa\" : \"Visa\",\n \"JCB\" : \"JCB\",\n \"Maestro\" : \"Maestro\",\n \"UnionPay\" : \"UnionPay\"\n}\n;\n\n},{}],235:[function(require,module,exports){\n'use strict';\n\nmodule.exports = {\n \"payingWith\" : \"Fizetés ezzel: {{paymentSource}}\",\n \"chooseAnotherWayToPay\" : \"Válasszon másik fizetési módot\",\n \"chooseAWayToPay\" : \"Válasszon fizetési módot\",\n \"otherWaysToPay\" : \"Egyéb fizetési módok\",\n \"edit\" : \"Szerkesztés\",\n \"doneEditing\" : \"Kész\",\n \"editPaymentMethods\" : \"Fizetési módok szerkesztése\",\n \"CreditCardDeleteConfirmationMessage\" : \"Törli a(z) {{identifier}}} végű {{secondaryIdentifier}}} kártyát?\",\n \"PayPalAccountDeleteConfirmationMessage\" : \"Törli a(z) {{identifier}} PayPal-számlát?\",\n \"VenmoAccountDeleteConfirmationMessage\" : \"Biztosan törli a(z) {{identifier}} felhasználónévhez tartozó Venmo-számlát?\",\n \"genericDeleteConfirmationMessage\" : \"Biztosan törli ezt a fizetési módot?\",\n \"deleteCancelButton\" : \"Mégse\",\n \"deleteConfirmationButton\" : \"Törlés\",\n \"fieldEmptyForCvv\" : \"Kérjük, töltse ki a CVV-számot.\",\n \"fieldEmptyForExpirationDate\" : \"Töltse ki a lejárati dátumot.\",\n \"fieldEmptyForCardholderName\" : \"Töltse ki a kártyabirtokos nevét.\",\n \"fieldTooLongForCardholderName\" : \"A kártyatulajdonos neve nem lehet hosszabb mint 256 karakter.\",\n \"fieldEmptyForNumber\" : \"Töltse ki a számot.\",\n \"fieldEmptyForPostalCode\" : \"Töltse ki az irányítószámot.\",\n \"fieldInvalidForCardholderName\" : \"Ez a kártyabirtokos neve nem érvényes.\",\n \"fieldInvalidForCvv\" : \"Ez a biztonsági kód nem érvényes.\",\n \"fieldInvalidForExpirationDate\" : \"Ez a lejárati dátum érvénytelen.\",\n \"fieldInvalidForNumber\" : \"Ez a kártyaszám nem érvényes.\",\n \"fieldInvalidForPostalCode\" : \"Ez az irányítószám nem érvényes.\",\n \"genericError\" : \"Hiba történt a mi oldalunkon.\",\n \"hostedFieldsTokenizationFailOnDuplicateError\" : \"Ez a hitelkártya már szerepel mentett fizetési módként.\",\n \"hostedFieldsFailedTokenizationError\" : \"Ellenőrizze az adatait, majd próbálja újra.\",\n \"hostedFieldsFieldsInvalidError\" : \"Ellenőrizze az adatait, majd próbálja újra.\",\n \"hostedFieldsTokenizationNetworkErrorError\" : \"Hálózati hiba. Próbálja újra.\",\n \"hostedFieldsTokenizationCvvVerificationFailedError\" : \"A hitelkártya hitelesítése sikertelen. Ellenőrizze az adatait, majd próbálja újra.\",\n \"paypalButtonMustBeUsed\" : \"A fizetés folytatásához használja a PayPal-gombot.\",\n \"paypalAccountTokenizationFailedError\" : \"Hiba történt a PayPal-számla hozzáadása közben. Próbálja újra.\",\n \"paypalFlowFailedError\" : \"Hiba történt a PayPalhoz való kapcsolódás közben. Próbálja újra.\",\n \"paypalTokenizationRequestActiveError\" : \"A PayPal-fizetés engedélyezése már folyamatban van.\",\n \"venmoCanceledError\" : \"Hiba történt. Ellenőrizze, hogy eszközére a Venmo-alkalmazás legfrissebb verziója van-e telepítve, és hogy a böngészője támogatja-e a Venmo-ra történő átváltást.\",\n \"vaultManagerPaymentMethodDeletionError\" : \"Nem sikerült törölni a fizetési módot, próbálja újra.\",\n \"venmoAppFailedError\" : \"A Venmo alkalmazást nem találja a rendszer az eszközön.\",\n \"unsupportedCardTypeError\" : \"Ez a kártyatípus nem támogatott. Próbáljon meg egy másik kártyát.\",\n \"applePayTokenizationError\" : \"Hálózati hiba történt az Apple Pay-kifizetés közben. Próbálja újra.\",\n \"applePayActiveCardError\" : \"Adjon egy támogatott kártyát az Apple Pay pénztárcához.\",\n \"cardholderNameLabel\" : \"Kártyabirtokos neve\",\n \"cardNumberLabel\" : \"Kártyaszám\",\n \"cvvLabel\" : \"CVV\",\n \"cvvThreeDigitLabelSubheading\" : \"(3 számjegy)\",\n \"cvvFourDigitLabelSubheading\" : \"(4 számjegy)\",\n \"cardholderNamePlaceholder\" : \"Kártyabirtokos neve\",\n \"expirationDateLabel\" : \"Lejárati dátum\",\n \"expirationDateLabelSubheading\" : \"(HH/ÉÉ)\",\n \"expirationDatePlaceholder\" : \"HH/ÉÉ\",\n \"postalCodeLabel\" : \"Irányítószám\",\n \"saveCardLabel\" : \"Kártya mentése\",\n \"payWithCard\" : \"Fizetés bankkártyával vagy hitelkártyával\",\n \"endingIn\" : \"{{lastFourCardDigits}}} végű\",\n \"Apple Pay\" : \"Apple Pay\",\n \"Venmo\" : \"Venmo\",\n \"Card\" : \"Kártya\",\n \"PayPal\" : \"PayPal\",\n \"PayPal Credit\" : \"PayPal Credit\",\n \"Google Pay\" : \"Google Pay\",\n \"American Express\" : \"American Express\",\n \"Discover\" : \"Discover\",\n \"Diners Club\" : \"Diners Club\",\n \"Elo\" : \"Elo\",\n \"Hiper\" : \"Hiper\",\n \"Hipercard\" : \"Hipercard\",\n \"MasterCard\" : \"Mastercard\",\n \"Visa\" : \"Visa\",\n \"JCB\" : \"JCB\",\n \"Maestro\" : \"Maestro\",\n \"UnionPay\" : \"UnionPay\"\n}\n;\n\n},{}],236:[function(require,module,exports){\n'use strict';\n\nmodule.exports = {\n \"payingWith\" : \"Membayar dengan {{paymentSource}}\",\n \"chooseAnotherWayToPay\" : \"Pilih metode pembayaran lain\",\n \"chooseAWayToPay\" : \"Pilih cara pembayaran\",\n \"otherWaysToPay\" : \"Cara lain untuk membayar\",\n \"edit\" : \"Edit\",\n \"doneEditing\" : \"Selesai\",\n \"editPaymentMethods\" : \"Edit metode pembayaran\",\n \"CreditCardDeleteConfirmationMessage\" : \"Hapus kartu {{secondaryIdentifier}} yang berakhiran dengan {{identifier}}?\",\n \"PayPalAccountDeleteConfirmationMessage\" : \"Hapus rekening PayPal {{identifier}}?\",\n \"VenmoAccountDeleteConfirmationMessage\" : \"Yakin ingin menghapus rekening Venmo dengan nama pengguna {{identifier}}?\",\n \"genericDeleteConfirmationMessage\" : \"Yakin ingin menghapus metode pembayaran ini?\",\n \"deleteCancelButton\" : \"Batalkan\",\n \"deleteConfirmationButton\" : \"Hapus\",\n \"fieldEmptyForCvv\" : \"Mohon mengisi CVV.\",\n \"fieldEmptyForExpirationDate\" : \"Silakan mengisi tanggal kedaluwarsa.\",\n \"fieldEmptyForCardholderName\" : \"Silakan mengisi nama pemilik kartu.\",\n \"fieldTooLongForCardholderName\" : \"Nama pemilik kartu harus kurang dari 256 karakter.\",\n \"fieldEmptyForNumber\" : \"Mohon mengisi angkanya.\",\n \"fieldEmptyForPostalCode\" : \"Mohon mengisi kode pos.\",\n \"fieldInvalidForCardholderName\" : \"Nama pemilik kartu ini tidak valid.\",\n \"fieldInvalidForCvv\" : \"Kode keamanan ini tidak valid.\",\n \"fieldInvalidForExpirationDate\" : \"Tanggal kedaluwarsa ini tidak valid.\",\n \"fieldInvalidForNumber\" : \"Nomor kartu ini tidak valid.\",\n \"fieldInvalidForPostalCode\" : \"Kode pos ini tidak valid.\",\n \"genericError\" : \"Ada yang salah pada sistem kami.\",\n \"hostedFieldsTokenizationFailOnDuplicateError\" : \"Kartu kredit ini telah ada sebelumnya sebagai metode pembayaran tersimpan.\",\n \"hostedFieldsFailedTokenizationError\" : \"Mohon periksa informasi Anda dan coba lagi.\",\n \"hostedFieldsFieldsInvalidError\" : \"Mohon periksa informasi Anda dan coba lagi.\",\n \"hostedFieldsTokenizationNetworkErrorError\" : \"Kesalahan jaringan. Mohon coba lagi.\",\n \"hostedFieldsTokenizationCvvVerificationFailedError\" : \"Verifikasi kartu kredit gagal. Mohon periksa informasi Anda dan coba lagi.\",\n \"paypalButtonMustBeUsed\" : \"Gunakan tombol PayPal untuk melanjutkan pembayaran.\",\n \"paypalAccountTokenizationFailedError\" : \"Terjadi kesalahan saat menambahkan rekening PayPal. Mohon coba lagi.\",\n \"paypalFlowFailedError\" : \"Terjadi kesalahan ketika menghubungkan ke PayPal. Mohon coba lagi.\",\n \"paypalTokenizationRequestActiveError\" : \"Otorisasi pembayaran PayPal sedang diproses.\",\n \"venmoCanceledError\" : \"Terjadi kesalahan. Pastikan Anda memiliki aplikasi Venmo versi terbaru di perangkat dan peramban Anda mendukung peralihan ke Venmo.\",\n \"vaultManagerPaymentMethodDeletionError\" : \"Tidak dapat menghapus metode pembayaran, coba lagi.\",\n \"venmoAppFailedError\" : \"Aplikasi Venmo tidak dapat ditemukan di perangkat Anda.\",\n \"unsupportedCardTypeError\" : \"Jenis kartu ini tidak didukung. Mohon coba kartu lainnya.\",\n \"applePayTokenizationError\" : \"Terjadi kesalahan pada jaringan saat memproses pembayaran Apple Pay. Mohon coba lagi.\",\n \"applePayActiveCardError\" : \"Tambahkan kartu yang didukung oleh wallet Apple Pay Anda.\",\n \"cardholderNameLabel\" : \"Nama Pemilik Kartu\",\n \"cardNumberLabel\" : \"Nomor Kartu\",\n \"cvvLabel\" : \"CVV\",\n \"cvvThreeDigitLabelSubheading\" : \"(3 angka)\",\n \"cvvFourDigitLabelSubheading\" : \"(4 angka)\",\n \"cardholderNamePlaceholder\" : \"Nama Pemilik Kartu\",\n \"expirationDateLabel\" : \"Tanggal Kedaluwarsa\",\n \"expirationDateLabelSubheading\" : \"(BB/TT)\",\n \"expirationDatePlaceholder\" : \"BB/TT\",\n \"postalCodeLabel\" : \"Kode Pos\",\n \"saveCardLabel\" : \"Simpan kartu\",\n \"payWithCard\" : \"Bayar dengan kartu\",\n \"endingIn\" : \"Berakhiran dengan {{lastFourCardDigits}}\",\n \"Apple Pay\" : \"Apple Pay\",\n \"Venmo\" : \"Venmo\",\n \"Card\" : \"Kartu\",\n \"PayPal\" : \"PayPal\",\n \"PayPal Credit\" : \"PayPal Credit\",\n \"Google Pay\" : \"Google Pay\",\n \"American Express\" : \"American Express\",\n \"Discover\" : \"Jelajahi\",\n \"Diners Club\" : \"Diners Club\",\n \"Elo\" : \"Elo\",\n \"Hiper\" : \"Hiper\",\n \"Hipercard\" : \"Hipercard\",\n \"MasterCard\" : \"Mastercard\",\n \"Visa\" : \"Visa\",\n \"JCB\" : \"JCB\",\n \"Maestro\" : \"Maestro\",\n \"UnionPay\" : \"UnionPay\"\n}\n;\n\n},{}],237:[function(require,module,exports){\n/* eslint-disable camelcase */\n'use strict';\n\nvar assign = require('../lib/assign').assign;\n\nvar fiveCharacterLocales = {\n ar_EG: require('./ar_EG'),\n cs_CZ: require('./cs_CZ'),\n da_DK: require('./da_DK'),\n de_DE: require('./de_DE'),\n el_GR: require('./el_GR'),\n en_AU: require('./en_AU'),\n en_GB: require('./en_GB'),\n en_IN: require('./en_IN'),\n en_US: require('./en_US'),\n es_ES: require('./es_ES'),\n es_XC: require('./es_XC'),\n fi_FI: require('./fi_FI'),\n fr_CA: require('./fr_CA'),\n fr_FR: require('./fr_FR'),\n fr_XC: require('./fr_XC'),\n he_IL: require('./he_IL'),\n hu_HU: require('./hu_HU'),\n id_ID: require('./id_ID'),\n it_IT: require('./it_IT'),\n ja_JP: require('./ja_JP'),\n ko_KR: require('./ko_KR'),\n nl_NL: require('./nl_NL'),\n no_NO: require('./no_NO'),\n pl_PL: require('./pl_PL'),\n pt_BR: require('./pt_BR'),\n pt_PT: require('./pt_PT'),\n ru_RU: require('./ru_RU'),\n sk_SK: require('./sk_SK'),\n sv_SE: require('./sv_SE'),\n th_TH: require('./th_TH'),\n zh_CN: require('./zh_CN'),\n zh_HK: require('./zh_HK'),\n zh_TW: require('./zh_TW'),\n zh_XC: require('./zh_XC')\n};\n\nvar twoCharacterLocaleAliases = {\n ar: fiveCharacterLocales.ar_EG,\n cs: fiveCharacterLocales.cs_CZ,\n da: fiveCharacterLocales.da_DK,\n de: fiveCharacterLocales.de_DE,\n el: fiveCharacterLocales.el_GR,\n en: fiveCharacterLocales.en_US,\n es: fiveCharacterLocales.es_ES,\n fi: fiveCharacterLocales.fi_FI,\n fr: fiveCharacterLocales.fr_FR,\n id: fiveCharacterLocales.id_ID,\n it: fiveCharacterLocales.it_IT,\n hu: fiveCharacterLocales.hu_HU,\n ja: fiveCharacterLocales.ja_JP,\n ko: fiveCharacterLocales.ko_KR,\n nl: fiveCharacterLocales.nl_NL,\n no: fiveCharacterLocales.no_NO,\n pl: fiveCharacterLocales.pl_PL,\n pt: fiveCharacterLocales.pt_PT,\n ru: fiveCharacterLocales.ru_RU,\n sk: fiveCharacterLocales.sk_SK,\n sv: fiveCharacterLocales.sv_SE,\n th: fiveCharacterLocales.th_TH,\n zh: fiveCharacterLocales.zh_CN\n};\n\nmodule.exports = {\n twoCharacterLocaleAliases: twoCharacterLocaleAliases,\n fiveCharacterLocales: fiveCharacterLocales,\n translations: assign({}, twoCharacterLocaleAliases, fiveCharacterLocales)\n};\n/* eslint-enable camelcase */\n\n},{\"../lib/assign\":202,\"./ar_EG\":219,\"./cs_CZ\":220,\"./da_DK\":221,\"./de_DE\":222,\"./el_GR\":223,\"./en_AU\":224,\"./en_GB\":225,\"./en_IN\":226,\"./en_US\":227,\"./es_ES\":228,\"./es_XC\":229,\"./fi_FI\":230,\"./fr_CA\":231,\"./fr_FR\":232,\"./fr_XC\":233,\"./he_IL\":234,\"./hu_HU\":235,\"./id_ID\":236,\"./it_IT\":238,\"./ja_JP\":239,\"./ko_KR\":240,\"./nl_NL\":241,\"./no_NO\":242,\"./pl_PL\":243,\"./pt_BR\":244,\"./pt_PT\":245,\"./ru_RU\":246,\"./sk_SK\":247,\"./sv_SE\":248,\"./th_TH\":249,\"./zh_CN\":250,\"./zh_HK\":251,\"./zh_TW\":252,\"./zh_XC\":253}],238:[function(require,module,exports){\n'use strict';\n\nmodule.exports = {\n \"payingWith\" : \"Metodo di pagamento: {{paymentSource}}\",\n \"chooseAnotherWayToPay\" : \"Scegli un altro metodo di pagamento\",\n \"chooseAWayToPay\" : \"Scegli un metodo di pagamento\",\n \"otherWaysToPay\" : \"Altri metodi di pagamento\",\n \"edit\" : \"Modifica\",\n \"doneEditing\" : \"Fine\",\n \"editPaymentMethods\" : \"Modifica metodi di pagamento\",\n \"CreditCardDeleteConfirmationMessage\" : \"Eliminare la carta {{secondaryIdentifier}} le cui ultime cifre sono {{identifier}}?\",\n \"PayPalAccountDeleteConfirmationMessage\" : \"Eliminare il conto PayPal {{identifier}}?\",\n \"VenmoAccountDeleteConfirmationMessage\" : \"Vuoi davvero eliminare il conto Venmo con il nome utente {{identifier}}?\",\n \"genericDeleteConfirmationMessage\" : \"Vuoi davvero eliminare questo metodo di pagamento?\",\n \"deleteCancelButton\" : \"Annulla\",\n \"deleteConfirmationButton\" : \"Rimuovi\",\n \"fieldEmptyForCvv\" : \"Compila un CVV.\",\n \"fieldEmptyForExpirationDate\" : \"Compila una data di scadenza.\",\n \"fieldEmptyForCardholderName\" : \"Compila un nome del titolare.\",\n \"fieldTooLongForCardholderName\" : \"Il nome del titolare della carta non può contenere più di 256 caratteri.\",\n \"fieldEmptyForNumber\" : \"Compila un numero.\",\n \"fieldEmptyForPostalCode\" : \"Compila un CAP.\",\n \"fieldInvalidForCardholderName\" : \"Il nome del titolare non è valido.\",\n \"fieldInvalidForCvv\" : \"Il codice di sicurezza non è valido.\",\n \"fieldInvalidForExpirationDate\" : \"La data di scadenza non è valida.\",\n \"fieldInvalidForNumber\" : \"Il numero di carta non è valido.\",\n \"fieldInvalidForPostalCode\" : \"Il CAP non è valido.\",\n \"genericError\" : \"Si è verificato un errore nei nostri sistemi.\",\n \"hostedFieldsTokenizationFailOnDuplicateError\" : \"Questa carta di credito esiste già come metodo di pagamento salvato.\",\n \"hostedFieldsFailedTokenizationError\" : \"Controlla i tuoi dati e riprova.\",\n \"hostedFieldsFieldsInvalidError\" : \"Controlla i tuoi dati e riprova.\",\n \"hostedFieldsTokenizationNetworkErrorError\" : \"Errore di rete. Riprova.\",\n \"hostedFieldsTokenizationCvvVerificationFailedError\" : \"Verifica della carta di credito non riuscita. Controlla i tuoi dati e riprova.\",\n \"paypalButtonMustBeUsed\" : \"Usa il pulsante PayPal per continuare con il pagamento.\",\n \"paypalAccountTokenizationFailedError\" : \"Si è verificato un errore durante l'aggiunta del conto PayPal. Riprova.\",\n \"paypalFlowFailedError\" : \"Si è verificato un errore durante la connessione a PayPal. Riprova.\",\n \"paypalTokenizationRequestActiveError\" : \"Autorizzazione di pagamento PayPal già in corso.\",\n \"venmoCanceledError\" : \"Si è verificato un errore. Assicurati di avere installato la versione più recente dell'app Venmo sul tuo dispositivo e che il tuo browser supporti il passaggio a Venmo.\",\n \"vaultManagerPaymentMethodDeletionError\" : \"Impossibile eliminare il metodo di pagamento, riprova.\",\n \"venmoAppFailedError\" : \"Impossibile trovare l'app Venmo sul tuo dispositivo.\",\n \"unsupportedCardTypeError\" : \"Questo tipo di carta non è supportato. Prova con un'altra carta.\",\n \"applePayTokenizationError\" : \"Si è verificato un errore di rete durante l'elaborazione del pagamento Apple Pay. Riprova.\",\n \"applePayActiveCardError\" : \"Aggiungi una carta supportata al tuo portafoglio Apple Pay.\",\n \"cardholderNameLabel\" : \"Nome del titolare\",\n \"cardNumberLabel\" : \"Numero di carta\",\n \"cvvLabel\" : \"CVV\",\n \"cvvThreeDigitLabelSubheading\" : \"(3 cifre)\",\n \"cvvFourDigitLabelSubheading\" : \"(4 cifre)\",\n \"cardholderNamePlaceholder\" : \"Nome del titolare\",\n \"expirationDateLabel\" : \"Data di scadenza\",\n \"expirationDateLabelSubheading\" : \"(MM/AA)\",\n \"expirationDatePlaceholder\" : \"MM/AA\",\n \"postalCodeLabel\" : \"CAP\",\n \"saveCardLabel\" : \"Salva carta\",\n \"payWithCard\" : \"Paga con una carta\",\n \"endingIn\" : \"Le ultime cifre sono {{lastFourCardDigits}}\",\n \"Apple Pay\" : \"Apple Pay\",\n \"Venmo\" : \"Venmo\",\n \"Card\" : \"Carta\",\n \"PayPal\" : \"PayPal\",\n \"PayPal Credit\" : \"PayPal Credit\",\n \"Google Pay\" : \"Google Pay\",\n \"American Express\" : \"American Express\",\n \"Discover\" : \"Discover\",\n \"Diners Club\" : \"Diners Club\",\n \"Elo\" : \"Elo\",\n \"Hiper\" : \"Hiper\",\n \"Hipercard\" : \"Hipercard\",\n \"MasterCard\" : \"Mastercard\",\n \"Visa\" : \"Visa\",\n \"JCB\" : \"JCB\",\n \"Maestro\" : \"Maestro\",\n \"UnionPay\" : \"UnionPay\"\n}\n;\n\n},{}],239:[function(require,module,exports){\n'use strict';\n\nmodule.exports = {\n \"payingWith\" : \"{{paymentSource}}でのお支払い\",\n \"chooseAnotherWayToPay\" : \"別の支払方法を選択してください\",\n \"chooseAWayToPay\" : \"支払方法を選択してください\",\n \"otherWaysToPay\" : \"その他の支払方法\",\n \"edit\" : \"編集\",\n \"doneEditing\" : \"完了\",\n \"editPaymentMethods\" : \"支払方法の編集\",\n \"CreditCardDeleteConfirmationMessage\" : \"{{secondaryIdentifier}}カード(末尾番号: {{identifier}})を削除しますか?\",\n \"PayPalAccountDeleteConfirmationMessage\" : \"PayPalアカウント{{identifier}}を削除しますか?\",\n \"VenmoAccountDeleteConfirmationMessage\" : \"ユーザー名{{identifier}}のVenmoアカウントを削除してよろしいですか?\",\n \"genericDeleteConfirmationMessage\" : \"この支払方法を削除しますか?\",\n \"deleteCancelButton\" : \"キャンセル\",\n \"deleteConfirmationButton\" : \"削除\",\n \"fieldEmptyForCvv\" : \"CVVを入力してください。\",\n \"fieldEmptyForExpirationDate\" : \"有効期限を入力してください。\",\n \"fieldEmptyForCardholderName\" : \"カード保有者の名前を入力してください。\",\n \"fieldTooLongForCardholderName\" : \"カード保有者の名前は256文字未満にしてください。\",\n \"fieldEmptyForNumber\" : \"番号を入力してください。\",\n \"fieldEmptyForPostalCode\" : \"郵便番号を入力してください。\",\n \"fieldInvalidForCardholderName\" : \"このカード保有者の名前は無効です。\",\n \"fieldInvalidForCvv\" : \"このセキュリティコードは無効です。\",\n \"fieldInvalidForExpirationDate\" : \"この有効期限は無効です。\",\n \"fieldInvalidForNumber\" : \"このカード番号は無効です。\",\n \"fieldInvalidForPostalCode\" : \"この郵便番号は無効です。\",\n \"genericError\" : \"弊社側で問題が発生しました。\",\n \"hostedFieldsTokenizationFailOnDuplicateError\" : \"このクレジットカードは、保存済みの支払方法としてすでに存在します。\",\n \"hostedFieldsFailedTokenizationError\" : \"情報を確認してもう一度お試しください。\",\n \"hostedFieldsFieldsInvalidError\" : \"情報を確認してもう一度お試しください。\",\n \"hostedFieldsTokenizationNetworkErrorError\" : \"ネットワークエラーです。再度お試しください。\",\n \"hostedFieldsTokenizationCvvVerificationFailedError\" : \"クレジットカードの認証に失敗しました。情報を確認してもう一度お試しください。\",\n \"paypalButtonMustBeUsed\" : \"支払いを続行するには、PayPalボタンを使用します。\",\n \"paypalAccountTokenizationFailedError\" : \"PayPalアカウントの追加中に問題が発生しました。再度お試しください。\",\n \"paypalFlowFailedError\" : \"PayPalへの接続に問題が発生しました。再度お試しください。\",\n \"paypalTokenizationRequestActiveError\" : \"PayPalの支払い承認はすでに処理中です。\",\n \"venmoCanceledError\" : \"問題が発生しました。お使いの端末にVenmoアプリの最新バージョンがインストールされており、お使いのブラウザがVenmoへの切り替えをサポートしていることをご確認ください。\",\n \"vaultManagerPaymentMethodDeletionError\" : \"支払方法を削除できない場合は、もう一度お試しください。\",\n \"venmoAppFailedError\" : \"お客さまの端末でVenmoアプリを見つけることができませんでした。\",\n \"unsupportedCardTypeError\" : \"このカードのタイプはサポートされていません。別のカードをご使用ください。\",\n \"applePayTokenizationError\" : \"Apple Payの支払いの処理中にネットワークエラーが発生しました。再度お試しください。\",\n \"applePayActiveCardError\" : \"Apple Payウォレットに対応しているカードを追加してください。\",\n \"cardholderNameLabel\" : \"カード保有者の名前\",\n \"cardNumberLabel\" : \"カード番号\",\n \"cvvLabel\" : \"CVV\",\n \"cvvThreeDigitLabelSubheading\" : \"(3桁)\",\n \"cvvFourDigitLabelSubheading\" : \"(4桁)\",\n \"cardholderNamePlaceholder\" : \"カード保有者の名前\",\n \"expirationDateLabel\" : \"有効期限\",\n \"expirationDateLabelSubheading\" : \"(MM/YY)\",\n \"expirationDatePlaceholder\" : \"MM/YY\",\n \"postalCodeLabel\" : \"郵便番号\",\n \"saveCardLabel\" : \"カードを保存\",\n \"payWithCard\" : \"カードで支払う\",\n \"endingIn\" : \"末尾番号: {{lastFourCardDigits}}\",\n \"Apple Pay\" : \"Apple Pay\",\n \"Venmo\" : \"Venmo\",\n \"Card\" : \"カード\",\n \"PayPal\" : \"PayPal\",\n \"PayPal Credit\" : \"PayPal Credit\",\n \"Google Pay\" : \"Google Pay\",\n \"American Express\" : \"American Express\",\n \"Discover\" : \"Discover\",\n \"Diners Club\" : \"Diners Club\",\n \"Elo\" : \"Elo\",\n \"Hiper\" : \"Hiper\",\n \"Hipercard\" : \"Hipercard\",\n \"MasterCard\" : \"Mastercard\",\n \"Visa\" : \"Visa\",\n \"JCB\" : \"JCB\",\n \"Maestro\" : \"Maestro\",\n \"UnionPay\" : \"銀聯(UnionPay)\"\n}\n;\n\n},{}],240:[function(require,module,exports){\n'use strict';\n\nmodule.exports = {\n \"payingWith\" : \"결제수단: {{paymentSource}}\",\n \"chooseAnotherWayToPay\" : \"다른 결제수단을 선택해 주세요.\",\n \"chooseAWayToPay\" : \"결제수단 선택\",\n \"otherWaysToPay\" : \"다른 결제수단\",\n \"edit\" : \"편집\",\n \"doneEditing\" : \"완료\",\n \"editPaymentMethods\" : \"결제수단 편집\",\n \"CreditCardDeleteConfirmationMessage\" : \"{{identifier}}(으)로 끝나는 {{secondaryIdentifier}} 카드를 삭제하시겠습니까?\",\n \"PayPalAccountDeleteConfirmationMessage\" : \"PayPal 계정 {{identifier}}을(를) 삭제하시겠습니까?\",\n \"VenmoAccountDeleteConfirmationMessage\" : \"사용자 이름 {{identifier}}의 Venmo 계정을 정말 삭제하시겠습니까?\",\n \"genericDeleteConfirmationMessage\" : \"이 결제수단을 삭제하시겠습니까?\",\n \"deleteCancelButton\" : \"취소\",\n \"deleteConfirmationButton\" : \"삭제\",\n \"fieldEmptyForCvv\" : \"CVV를 입력하세요.\",\n \"fieldEmptyForExpirationDate\" : \"만료일을 입력하세요.\",\n \"fieldEmptyForCardholderName\" : \"카드 소유자 이름을 입력하세요.\",\n \"fieldTooLongForCardholderName\" : \"카드 소유자 이름은 256자 미만이어야 합니다.\",\n \"fieldEmptyForNumber\" : \"번호를 입력하세요.\",\n \"fieldEmptyForPostalCode\" : \"우편번호를 입력하세요.\",\n \"fieldInvalidForCardholderName\" : \"이 카드 소유자 이름은 유효하지 않습니다.\",\n \"fieldInvalidForCvv\" : \"이 보안 코드는 유효하지 않습니다.\",\n \"fieldInvalidForExpirationDate\" : \"이 만료일은 유효하지 않습니다.\",\n \"fieldInvalidForNumber\" : \"이 카드 번호는 유효하지 않습니다.\",\n \"fieldInvalidForPostalCode\" : \"이 우편번호는 유효하지 않습니다.\",\n \"genericError\" : \"저희 쪽에 문제가 발생했습니다.\",\n \"hostedFieldsTokenizationFailOnDuplicateError\" : \"이 신용카드는 이미 저장된 결제수단으로 설정되어 있습니다.\",\n \"hostedFieldsFailedTokenizationError\" : \"정보를 확인하고 다시 시도해 주세요.\",\n \"hostedFieldsFieldsInvalidError\" : \"정보를 확인하고 다시 시도해 주세요.\",\n \"hostedFieldsTokenizationNetworkErrorError\" : \"네트워크 오류입니다. 다시 시도해 주세요.\",\n \"hostedFieldsTokenizationCvvVerificationFailedError\" : \"신용카드 인증에 실패했습니다. 정보를 확인하고 다시 시도해 주세요.\",\n \"paypalButtonMustBeUsed\" : \"PayPal 버튼을 사용하여 결제를 계속 진행하세요.\",\n \"paypalAccountTokenizationFailedError\" : \"PayPal 계정을 추가하는 중에 문제가 발생했습니다. 다시 시도해 주세요.\",\n \"paypalFlowFailedError\" : \"PayPal에 연결하는 데 문제가 발생했습니다. 다시 시도해 주세요.\",\n \"paypalTokenizationRequestActiveError\" : \"PayPal 결제 승인이 이미 진행 중입니다.\",\n \"venmoCanceledError\" : \"오류가 발생했습니다. 기기에 최신 버전의 Venmo 앱이 설치되어 있고 브라우저가 Venmo로의 전환을 지원하는지 확인하세요.\",\n \"vaultManagerPaymentMethodDeletionError\" : \"결제수단을 삭제할 수 없습니다. 다시 시도해 주세요.\",\n \"venmoAppFailedError\" : \"기기에서 Venmo 앱을 찾을 수 없습니다.\",\n \"unsupportedCardTypeError\" : \"이 카드 유형은 지원되지 않습니다. 다른 카드로 시도해 주세요.\",\n \"applePayTokenizationError\" : \"Apple Pay 결제를 처리하는 동안 네트워크 오류가 발생했습니다. 다시 시도해 주세요.\",\n \"applePayActiveCardError\" : \"Apple Pay 전자지갑에 지원되는 카드를 추가하세요.\",\n \"cardholderNameLabel\" : \"카드 소유자 이름\",\n \"cardNumberLabel\" : \"카드 번호\",\n \"cvvLabel\" : \"CVV\",\n \"cvvThreeDigitLabelSubheading\" : \"(3자리)\",\n \"cvvFourDigitLabelSubheading\" : \"(4자리)\",\n \"cardholderNamePlaceholder\" : \"카드 소유자 이름\",\n \"expirationDateLabel\" : \"만료일\",\n \"expirationDateLabelSubheading\" : \"(MM/YY)\",\n \"expirationDatePlaceholder\" : \"MM/YY\",\n \"postalCodeLabel\" : \"우편번호\",\n \"saveCardLabel\" : \"카드 저장\",\n \"payWithCard\" : \"카드로 결제\",\n \"endingIn\" : \"다음으로 끝남: {{lastFourCardDigits}}\",\n \"Apple Pay\" : \"Apple Pay\",\n \"Venmo\" : \"Venmo\",\n \"Card\" : \"카드\",\n \"PayPal\" : \"PayPal\",\n \"PayPal Credit\" : \"PayPal Credit\",\n \"Google Pay\" : \"Google Pay\",\n \"American Express\" : \"American Express\",\n \"Discover\" : \"Discover\",\n \"Diners Club\" : \"Diners Club\",\n \"Elo\" : \"Elo\",\n \"Hiper\" : \"Hiper\",\n \"Hipercard\" : \"Hipercard\",\n \"MasterCard\" : \"Mastercard\",\n \"Visa\" : \"Visa\",\n \"JCB\" : \"JCB\",\n \"Maestro\" : \"Maestro\",\n \"UnionPay\" : \"UnionPay\"\n}\n;\n\n},{}],241:[function(require,module,exports){\n'use strict';\n\nmodule.exports = {\n \"payingWith\" : \"Betalen met {{paymentSource}}\",\n \"chooseAnotherWayToPay\" : \"Kies een andere betaalmethode\",\n \"chooseAWayToPay\" : \"Kies een betaalmethode\",\n \"otherWaysToPay\" : \"Andere betaalmethoden\",\n \"edit\" : \"Bewerken\",\n \"doneEditing\" : \"Klaar\",\n \"editPaymentMethods\" : \"Betaalmethoden bewerken\",\n \"CreditCardDeleteConfirmationMessage\" : \"{{secondaryIdentifier}}-kaart eindigend op {{identifier}} verwijderen?\",\n \"PayPalAccountDeleteConfirmationMessage\" : \"PayPal-rekening {{identifier}} verwijderen?\",\n \"VenmoAccountDeleteConfirmationMessage\" : \"Weet je zeker dat je de Venmo-rekening met gebruikersnaam {{identifier}} wilt verwijderen?\",\n \"genericDeleteConfirmationMessage\" : \"Weet je zeker dat je deze betaalmethode wilt verwijderen?\",\n \"deleteCancelButton\" : \"Annuleren\",\n \"deleteConfirmationButton\" : \"Verwijderen\",\n \"fieldEmptyForCvv\" : \"Vul een CVV in.\",\n \"fieldEmptyForExpirationDate\" : \"Vul een vervaldatum in.\",\n \"fieldEmptyForCardholderName\" : \"Vul de naam van de kaarthouder in.\",\n \"fieldTooLongForCardholderName\" : \"Naam kaarthouder moet minder dan 256 tekens bevatten.\",\n \"fieldEmptyForNumber\" : \"Vul een nummer in.\",\n \"fieldEmptyForPostalCode\" : \"Vul een postcode in.\",\n \"fieldInvalidForCardholderName\" : \"Naam kaarthouder is ongeldig.\",\n \"fieldInvalidForCvv\" : \"Deze beveiligingscode is ongeldig.\",\n \"fieldInvalidForExpirationDate\" : \"Deze vervaldatum is ongeldig.\",\n \"fieldInvalidForNumber\" : \"Dit kaartnummer is ongeldig.\",\n \"fieldInvalidForPostalCode\" : \"Deze postcode is ongeldig.\",\n \"genericError\" : \"Er is aan onze kant iets fout gegaan.\",\n \"hostedFieldsTokenizationFailOnDuplicateError\" : \"Deze creditcard bestaat al als opgeslagen betaalmethode.\",\n \"hostedFieldsFailedTokenizationError\" : \"Controleer je gegevens en probeer het opnieuw.\",\n \"hostedFieldsFieldsInvalidError\" : \"Controleer je gegevens en probeer het opnieuw.\",\n \"hostedFieldsTokenizationNetworkErrorError\" : \"Netwerkfout. Probeer het opnieuw.\",\n \"hostedFieldsTokenizationCvvVerificationFailedError\" : \"Verificatie van creditcard is mislukt. Controleer je gegevens en probeer het opnieuw.\",\n \"paypalButtonMustBeUsed\" : \"Gebruik de PayPal-knop om door te gaan met je betaling.\",\n \"paypalAccountTokenizationFailedError\" : \"Er is iets fout gegaan bij het toevoegen van de PayPal-rekening. Probeer het opnieuw.\",\n \"paypalFlowFailedError\" : \"Er is iets fout gegaan bij het verbinden met PayPal. Probeer het opnieuw.\",\n \"paypalTokenizationRequestActiveError\" : \"PayPal-betaalautorisatie is al in voortgang.\",\n \"venmoCanceledError\" : \"Er is iets fout gegaan. Zorg ervoor dat je de recentste versie van de Venmo-app op je apparaat geïnstalleerd hebt en dat je browser ondersteuning biedt voor overschakelen naar Venmo.\",\n \"vaultManagerPaymentMethodDeletionError\" : \"Kan betaalmethode niet verwijderen. Probeer het opnieuw.\",\n \"venmoAppFailedError\" : \"De Venmo-app is niet gevonden op je apparaat.\",\n \"unsupportedCardTypeError\" : \"Dit kaarttype wordt niet ondersteund. Gebruik een andere kaart.\",\n \"applePayTokenizationError\" : \"Er is een netwerkfout opgetreden bij het verwerken van de Apple Pay-betaling. Probeer het opnieuw.\",\n \"applePayActiveCardError\" : \"Voeg een ondersteunde kaart toe aan je Apple Pay-wallet.\",\n \"cardholderNameLabel\" : \"Naam kaarthouder\",\n \"cardNumberLabel\" : \"Kaartnummer\",\n \"cvvLabel\" : \"CVV\",\n \"cvvThreeDigitLabelSubheading\" : \"(3 cijfers)\",\n \"cvvFourDigitLabelSubheading\" : \"(4 cijfers)\",\n \"cardholderNamePlaceholder\" : \"Naam kaarthouder\",\n \"expirationDateLabel\" : \"Vervaldatum\",\n \"expirationDateLabelSubheading\" : \"(mm/jj)\",\n \"expirationDatePlaceholder\" : \"mm/jj\",\n \"postalCodeLabel\" : \"Postcode\",\n \"saveCardLabel\" : \"Kaart opslaan\",\n \"payWithCard\" : \"Betalen met kaart\",\n \"endingIn\" : \"Eindigend op {{lastFourCardDigits}}\",\n \"Apple Pay\" : \"Apple Pay\",\n \"Venmo\" : \"Venmo\",\n \"Card\" : \"Kaart\",\n \"PayPal\" : \"PayPal\",\n \"PayPal Credit\" : \"PayPal Credit\",\n \"Google Pay\" : \"Google Pay\",\n \"American Express\" : \"American Express\",\n \"Discover\" : \"Discover\",\n \"Diners Club\" : \"Diners Club\",\n \"Elo\" : \"Elo\",\n \"Hiper\" : \"Hiper\",\n \"Hipercard\" : \"Hipercard\",\n \"MasterCard\" : \"Mastercard\",\n \"Visa\" : \"Visa\",\n \"JCB\" : \"JCB\",\n \"Maestro\" : \"Maestro\",\n \"UnionPay\" : \"UnionPay\"\n}\n;\n\n},{}],242:[function(require,module,exports){\n'use strict';\n\nmodule.exports = {\n \"payingWith\" : \"Betaler med {{paymentSource}}\",\n \"chooseAnotherWayToPay\" : \"Velg en annen betalingsmåte\",\n \"chooseAWayToPay\" : \"Velg betalingsmåte\",\n \"otherWaysToPay\" : \"Andre betalingsmåter\",\n \"edit\" : \"Endre\",\n \"doneEditing\" : \"Ferdig\",\n \"editPaymentMethods\" : \"Rediger betalingsmetode\",\n \"CreditCardDeleteConfirmationMessage\" : \"Vil du slette {{secondaryIdentifier}}-kortet som slutter på {{identifier}}?\",\n \"PayPalAccountDeleteConfirmationMessage\" : \"Vil du slette PayPal-konto {{identifier}}?\",\n \"VenmoAccountDeleteConfirmationMessage\" : \"Er du sikker på at du vil slette Venmo-kontoen med brukernavnet {{identifier}}?\",\n \"genericDeleteConfirmationMessage\" : \"Er du sikker på at du vil slette denne betalingsmetoden?\",\n \"deleteCancelButton\" : \"Avbryt\",\n \"deleteConfirmationButton\" : \"Slett\",\n \"fieldEmptyForCvv\" : \"Fyll ut sikkerhetskode (CVV).\",\n \"fieldEmptyForExpirationDate\" : \"Fyll ut utløpsdato.\",\n \"fieldEmptyForCardholderName\" : \"Fyll ut kortinnehavers navn.\",\n \"fieldTooLongForCardholderName\" : \"Kortinnehaverens må ha mindre enn 256 tegn.\",\n \"fieldEmptyForNumber\" : \"Fyll ut nummer.\",\n \"fieldEmptyForPostalCode\" : \"Fyll ut postnummer.\",\n \"fieldInvalidForCardholderName\" : \"Denne kortinnehaverens navn er ikke gyldig.\",\n \"fieldInvalidForCvv\" : \"Denne sikkerhetskoden er ikke gyldig.\",\n \"fieldInvalidForExpirationDate\" : \"Denne utløpsdatoen er ikke gyldig.\",\n \"fieldInvalidForNumber\" : \"Dette kortnummeret er ikke gyldig.\",\n \"fieldInvalidForPostalCode\" : \"Dette postnummeret er ikke gyldig.\",\n \"genericError\" : \"Noe gikk galt hos oss.\",\n \"hostedFieldsTokenizationFailOnDuplicateError\" : \"Dette betalingskortet finnes allerede som en lagret betalingsmetode.\",\n \"hostedFieldsFailedTokenizationError\" : \"Kontroller informasjonen, og prøv på nytt.\",\n \"hostedFieldsFieldsInvalidError\" : \"Kontroller informasjonen, og prøv på nytt.\",\n \"hostedFieldsTokenizationNetworkErrorError\" : \"Nettverksfeil. Prøv på nytt.\",\n \"hostedFieldsTokenizationCvvVerificationFailedError\" : \"Kontroll av betalingskort mislyktes. Kontroller informasjonen, og prøv på nytt.\",\n \"paypalButtonMustBeUsed\" : \"Bruk PayPal-knappen for å fortsette med betalingen.\",\n \"paypalAccountTokenizationFailedError\" : \"Kan ikke legge til PayPal-kontoen. Prøv på nytt.\",\n \"paypalFlowFailedError\" : \"Kan ikke koble til PayPal. Prøv på nytt.\",\n \"paypalTokenizationRequestActiveError\" : \"PayPals prosess for betalingsgodkjenning har allerede startet.\",\n \"venmoCanceledError\" : \"Noe gikk galt. Kontroller at den nyeste versjonen av Venmo-appen er installert på enheten din, og at nettleseren din støtter bruk av Venmo.\",\n \"vaultManagerPaymentMethodDeletionError\" : \"Kan ikke slette betalingsmetoden. Prøv på nytt.\",\n \"venmoAppFailedError\" : \"Finner ikke Venmo-appen på enheten.\",\n \"unsupportedCardTypeError\" : \"Denne korttypen støttes ikke. Prøv et annet kort.\",\n \"applePayTokenizationError\" : \"Nettverksfeil under behandling av Apple Pay-betalingen. Prøv på nytt.\",\n \"applePayActiveCardError\" : \"Legg til et støttet kort i e-lommeboken for Apple Pay.\",\n \"cardholderNameLabel\" : \"Kortinnehavers navn\",\n \"cardNumberLabel\" : \"Kortnummer\",\n \"cvvLabel\" : \"CVV\",\n \"cvvThreeDigitLabelSubheading\" : \"(3 sifre)\",\n \"cvvFourDigitLabelSubheading\" : \"(4 sifre)\",\n \"cardholderNamePlaceholder\" : \"Kortinnehavers navn\",\n \"expirationDateLabel\" : \"Utløpsdato\",\n \"expirationDateLabelSubheading\" : \"(MM/ÅÅ)\",\n \"expirationDatePlaceholder\" : \"MM/ÅÅ\",\n \"postalCodeLabel\" : \"Postnummer\",\n \"saveCardLabel\" : \"Lagre kort\",\n \"payWithCard\" : \"Betal med kort\",\n \"endingIn\" : \"Slutter på {{lastFourCardDigits}}\",\n \"Apple Pay\" : \"Apple Pay\",\n \"Venmo\" : \"Venmo\",\n \"Card\" : \"Kort\",\n \"PayPal\" : \"PayPal\",\n \"PayPal Credit\" : \"PayPal Credit\",\n \"Google Pay\" : \"Google Pay\",\n \"American Express\" : \"American Express\",\n \"Discover\" : \"Discover\",\n \"Diners Club\" : \"Diners Club\",\n \"Elo\" : \"Elo\",\n \"Hiper\" : \"Hiper\",\n \"Hipercard\" : \"Hipercard\",\n \"MasterCard\" : \"Mastercard\",\n \"Visa\" : \"Visa\",\n \"JCB\" : \"JCB\",\n \"Maestro\" : \"Maestro\",\n \"UnionPay\" : \"UnionPay\"\n}\n;\n\n},{}],243:[function(require,module,exports){\n'use strict';\n\nmodule.exports = {\n \"payingWith\" : \"Źródło finansowania płatności: {{paymentSource}}\",\n \"chooseAnotherWayToPay\" : \"Wybierz inny sposób płatności.\",\n \"chooseAWayToPay\" : \"Wybierz sposób płatności\",\n \"otherWaysToPay\" : \"Inne sposoby płatności\",\n \"edit\" : \"Edytuj\",\n \"doneEditing\" : \"Gotowe\",\n \"editPaymentMethods\" : \"Edytuj formy płatności\",\n \"CreditCardDeleteConfirmationMessage\" : \"Usunąć kartę {{secondaryIdentifier}} o numerze zakończonym cyframi {{identifier}}?\",\n \"PayPalAccountDeleteConfirmationMessage\" : \"Usunąć {{identifier}}konta PayPal?\",\n \"VenmoAccountDeleteConfirmationMessage\" : \"Czy na pewno chcesz usunąć konto Venmo o nazwie użytkownika {{identifier}}?\",\n \"genericDeleteConfirmationMessage\" : \"Na pewno chcesz usunąć tę formę płatności?\",\n \"deleteCancelButton\" : \"Anuluj\",\n \"deleteConfirmationButton\" : \"Usuń\",\n \"fieldEmptyForCvv\" : \"Wpisz kod CVV.\",\n \"fieldEmptyForExpirationDate\" : \"Wpisz datę ważności.\",\n \"fieldEmptyForCardholderName\" : \"Podaj imię i nazwisko posiadacza karty.\",\n \"fieldTooLongForCardholderName\" : \"Imię i nazwisko posiadacza karty musi mieć mniej niż 256 znaków.\",\n \"fieldEmptyForNumber\" : \"Podaj numer.\",\n \"fieldEmptyForPostalCode\" : \"Podaj kod pocztowy.\",\n \"fieldInvalidForCardholderName\" : \"To imię i nazwisko posiadacza karty jest nieprawidłowe.\",\n \"fieldInvalidForCvv\" : \"Ten kod bezpieczeństwa jest nieprawidłowy.\",\n \"fieldInvalidForExpirationDate\" : \"Ta data ważności jest nieprawidłowa.\",\n \"fieldInvalidForNumber\" : \"Numer karty jest nieprawidłowy.\",\n \"fieldInvalidForPostalCode\" : \"Kod pocztowy jest nieprawidłowy.\",\n \"genericError\" : \"Wystąpił błąd po naszej stronie.\",\n \"hostedFieldsTokenizationFailOnDuplicateError\" : \"Ta karta kredytowa istnieje jako zapisana forma płatności.\",\n \"hostedFieldsFailedTokenizationError\" : \"Sprawdź swoje informacje i spróbuj ponownie.\",\n \"hostedFieldsFieldsInvalidError\" : \"Sprawdź swoje informacje i spróbuj ponownie.\",\n \"hostedFieldsTokenizationNetworkErrorError\" : \"Błąd sieci. Spróbuj ponownie.\",\n \"hostedFieldsTokenizationCvvVerificationFailedError\" : \"Weryfikacja karty kredytowej nie powiodła się. Sprawdź swoje informacje i spróbuj ponownie.\",\n \"paypalButtonMustBeUsed\" : \"Aby kontynuować płatność, użyj przycisku PayPal.\",\n \"paypalAccountTokenizationFailedError\" : \"Coś poszło nie tak przy dodawaniu konta PayPal. Spróbuj ponownie.\",\n \"paypalFlowFailedError\" : \"Wystąpił problem przy nawiązywaniu połączenia z PayPal. Spróbuj ponownie.\",\n \"paypalTokenizationRequestActiveError\" : \"Autoryzacja płatności PayPal jest w trakcie realizacji.\",\n \"venmoCanceledError\" : \"Coś poszło nie tak. Upewnij się, że na Twoim urządzeniu jest zainstalowana najnowsza wersja aplikacji Venmo, a Twoja przeglądarka obsługuje przełączanie na Venmo.\",\n \"vaultManagerPaymentMethodDeletionError\" : \"Nie można usunąć formy płatności, spróbuj ponownie.\",\n \"venmoAppFailedError\" : \"Aplikacja Venmo nie została odnaleziona na Twoim urządzeniu.\",\n \"unsupportedCardTypeError\" : \"Ten typ karty nie jest obsługiwany. Spróbuj użyć innej karty.\",\n \"applePayTokenizationError\" : \"Wystąpił błąd sieciowy podczas przetwarzania płatności Apple Pay. Spróbuj ponownie.\",\n \"applePayActiveCardError\" : \"Dodaj obsługiwaną kartę do portfela Apple Pay.\",\n \"cardholderNameLabel\" : \"Imię i nazwisko posiadacza karty\",\n \"cardNumberLabel\" : \"Numer karty\",\n \"cvvLabel\" : \"Kod CVV/CVC2\",\n \"cvvThreeDigitLabelSubheading\" : \"(3 cyfry)\",\n \"cvvFourDigitLabelSubheading\" : \"(4 cyfry)\",\n \"cardholderNamePlaceholder\" : \"Imię i nazwisko posiadacza karty\",\n \"expirationDateLabel\" : \"Data ważności\",\n \"expirationDateLabelSubheading\" : \"(MM/RR)\",\n \"expirationDatePlaceholder\" : \"MM/RR\",\n \"postalCodeLabel\" : \"Kod pocztowy\",\n \"saveCardLabel\" : \"Zapisz kartę\",\n \"payWithCard\" : \"Zapłać kartą\",\n \"endingIn\" : \"Numer zakończonym cyframi {{lastFourCardDigits}}\",\n \"Apple Pay\" : \"Apple Pay\",\n \"Venmo\" : \"Venmo\",\n \"Card\" : \"Karta\",\n \"PayPal\" : \"PayPal\",\n \"PayPal Credit\" : \"PayPal Credit\",\n \"Google Pay\" : \"Google Pay\",\n \"American Express\" : \"American Express\",\n \"Discover\" : \"Discover\",\n \"Diners Club\" : \"Diners Club\",\n \"Elo\" : \"Elo\",\n \"Hiper\" : \"Hiper\",\n \"Hipercard\" : \"Hipercard\",\n \"MasterCard\" : \"Mastercard\",\n \"Visa\" : \"Visa\",\n \"JCB\" : \"JCB\",\n \"Maestro\" : \"Maestro\",\n \"UnionPay\" : \"UnionPay\"\n}\n;\n\n},{}],244:[function(require,module,exports){\n'use strict';\n\nmodule.exports = {\n \"payingWith\" : \"Pagando com {{paymentSource}}\",\n \"chooseAnotherWayToPay\" : \"Escolha outro meio de pagamento\",\n \"chooseAWayToPay\" : \"Escolha um meio de pagamento\",\n \"otherWaysToPay\" : \"Outras formas de pagar\",\n \"edit\" : \"Editar\",\n \"doneEditing\" : \"Concluído\",\n \"editPaymentMethods\" : \"Editar meios de pagamento\",\n \"CreditCardDeleteConfirmationMessage\" : \"Excluir cartão {{secondaryIdentifier}} de final {{identifier}}?\",\n \"PayPalAccountDeleteConfirmationMessage\" : \"Excluir conta do PayPal {{identifier}}?\",\n \"VenmoAccountDeleteConfirmationMessage\" : \"Tem certeza de que deseja excluir a conta do Venmo com nome de usuário {{identifier}}?\",\n \"genericDeleteConfirmationMessage\" : \"Tem certeza que deseja excluir este meio de pagamento?\",\n \"deleteCancelButton\" : \"Cancelar\",\n \"deleteConfirmationButton\" : \"Excluir\",\n \"fieldEmptyForCvv\" : \"Preencha um CVV.\",\n \"fieldEmptyForExpirationDate\" : \"Preencha uma data de vencimento.\",\n \"fieldEmptyForCardholderName\" : \"Preencha um nome para o titular do cartão.\",\n \"fieldTooLongForCardholderName\" : \"O nome do titular do cartão deve ter menos de 256 caracteres.\",\n \"fieldEmptyForNumber\" : \"Preencha um número.\",\n \"fieldEmptyForPostalCode\" : \"Preencha um código postal.\",\n \"fieldInvalidForCardholderName\" : \"O nome do titular do cartão é inválido.\",\n \"fieldInvalidForCvv\" : \"Este código de segurança é inválido.\",\n \"fieldInvalidForExpirationDate\" : \"Esta data de vencimento é inválida.\",\n \"fieldInvalidForNumber\" : \"O número do cartão é inválido.\",\n \"fieldInvalidForPostalCode\" : \"Este código postal é inválido.\",\n \"genericError\" : \"Ocorreu um erro.\",\n \"hostedFieldsTokenizationFailOnDuplicateError\" : \"Este cartão de crédito já existe como um meio de pagamento salvo.\",\n \"hostedFieldsFailedTokenizationError\" : \"Verifique as informações e tente novamente.\",\n \"hostedFieldsFieldsInvalidError\" : \"Verifique as informações e tente novamente.\",\n \"hostedFieldsTokenizationNetworkErrorError\" : \"Erro de rede. Tente novamente.\",\n \"hostedFieldsTokenizationCvvVerificationFailedError\" : \"Falha na verificação do cartão de crédito. Verifique as informações e tente novamente.\",\n \"paypalButtonMustBeUsed\" : \"Use o botão do PayPal para prosseguir com o pagamento.\",\n \"paypalAccountTokenizationFailedError\" : \"Ocorreu um erro ao adicionar a conta do PayPal. Tente novamente.\",\n \"paypalFlowFailedError\" : \"Ocorreu um erro na conexão com o PayPal. Tente novamente.\",\n \"paypalTokenizationRequestActiveError\" : \"A autorização de pagamento do PayPal já está em andamento.\",\n \"venmoCanceledError\" : \"Ocorreu um erro. Certifique-se de que você tenha a versão mais recente do aplicativo Venmo instalada no seu dispositivo, e que seu navegador aceite a mudança para o Venmo.\",\n \"vaultManagerPaymentMethodDeletionError\" : \"Não é possível excluir o meio de pagamento, tente novamente.\",\n \"venmoAppFailedError\" : \"O aplicativo Venmo não foi encontrado no seu dispositivo.\",\n \"unsupportedCardTypeError\" : \"Este tipo de cartão não é aceito. Tente outro cartão.\",\n \"applePayTokenizationError\" : \"Ocorreu um erro de rede ao processar o pagamento do Apple Pay. Tente novamente.\",\n \"applePayActiveCardError\" : \"Adicione um cartão compatível à sua carteira Apple Pay.\",\n \"cardholderNameLabel\" : \"Nome do titular do cartão\",\n \"cardNumberLabel\" : \"Número do cartão\",\n \"cvvLabel\" : \"CSC\",\n \"cvvThreeDigitLabelSubheading\" : \"(3 dígitos)\",\n \"cvvFourDigitLabelSubheading\" : \"(4 dígitos)\",\n \"cardholderNamePlaceholder\" : \"Nome do titular do cartão\",\n \"expirationDateLabel\" : \"Data de vencimento\",\n \"expirationDateLabelSubheading\" : \"(MM/AA)\",\n \"expirationDatePlaceholder\" : \"MM/AA\",\n \"postalCodeLabel\" : \"CEP\",\n \"saveCardLabel\" : \"Salvar cartão\",\n \"payWithCard\" : \"Pague com seu cartão de crédito\",\n \"endingIn\" : \"De final {{lastFourCardDigits}}\",\n \"Apple Pay\" : \"Apple Pay\",\n \"Venmo\" : \"Venmo\",\n \"Card\" : \"Cartão\",\n \"PayPal\" : \"PayPal\",\n \"PayPal Credit\" : \"Crédito do PayPal\",\n \"Google Pay\" : \"Google Pay\",\n \"American Express\" : \"American Express\",\n \"Discover\" : \"Descobrir\",\n \"Diners Club\" : \"Diners Club\",\n \"Elo\" : \"Elo\",\n \"Hiper\" : \"Hiper\",\n \"Hipercard\" : \"Hipercard\",\n \"MasterCard\" : \"Mastercard\",\n \"Visa\" : \"Visa\",\n \"JCB\" : \"JCB\",\n \"Maestro\" : \"Maestro\",\n \"UnionPay\" : \"UnionPay\"\n}\n;\n\n},{}],245:[function(require,module,exports){\n'use strict';\n\nmodule.exports = {\n \"payingWith\" : \"Pagamento com {{paymentSource}}\",\n \"chooseAnotherWayToPay\" : \"Escolher outra forma de pagamento\",\n \"chooseAWayToPay\" : \"Escolher forma de pagamento\",\n \"otherWaysToPay\" : \"Outras formas de pagamento\",\n \"edit\" : \"Editar\",\n \"doneEditing\" : \"Concluído\",\n \"editPaymentMethods\" : \"Editar meios de pagamento\",\n \"CreditCardDeleteConfirmationMessage\" : \"Eliminar cartão {{secondaryIdentifier}} terminado em {{identifier}}?\",\n \"PayPalAccountDeleteConfirmationMessage\" : \"Eliminar conta PayPal {{identifier}}?\",\n \"VenmoAccountDeleteConfirmationMessage\" : \"Quer mesmo eliminar a conta Venmo com o nome de utilizador {{identifier}}?\",\n \"genericDeleteConfirmationMessage\" : \"Quer mesmo eliminar este meio de pagamento?\",\n \"deleteCancelButton\" : \"Cancelar\",\n \"deleteConfirmationButton\" : \"Eliminar\",\n \"fieldEmptyForCvv\" : \"Introduza um CVV.\",\n \"fieldEmptyForExpirationDate\" : \"Introduza uma data de validade.\",\n \"fieldEmptyForCardholderName\" : \"Introduza um nome do titular do cartão.\",\n \"fieldTooLongForCardholderName\" : \"O Nome do titular do cartão deve ter menos de 256 carateres.\",\n \"fieldEmptyForNumber\" : \"Introduza um número.\",\n \"fieldEmptyForPostalCode\" : \"Introduza um código postal.\",\n \"fieldInvalidForCardholderName\" : \"Este nome do titular do cartão não é válido.\",\n \"fieldInvalidForCvv\" : \"Este código de segurança não é válido.\",\n \"fieldInvalidForExpirationDate\" : \"Esta data de validade não é válida.\",\n \"fieldInvalidForNumber\" : \"Este número de cartão não é válido.\",\n \"fieldInvalidForPostalCode\" : \"Este código postal não é válido.\",\n \"genericError\" : \"Tudo indica que houve um problema.\",\n \"hostedFieldsTokenizationFailOnDuplicateError\" : \"Este cartão de crédito já existe como meio de pagamento guardado.\",\n \"hostedFieldsFailedTokenizationError\" : \"Verifique as suas informações e tente novamente.\",\n \"hostedFieldsFieldsInvalidError\" : \"Verifique as suas informações e tente novamente.\",\n \"hostedFieldsTokenizationNetworkErrorError\" : \"Erro de rede. Tente novamente.\",\n \"hostedFieldsTokenizationCvvVerificationFailedError\" : \"A verificação do cartão de crédito falhou. Verifique as suas informações e tente novamente.\",\n \"paypalButtonMustBeUsed\" : \"Use o botão PayPal para continuar o seu pagamento.\",\n \"paypalAccountTokenizationFailedError\" : \"Ocorreu um erro ao adicionar a conta PayPal. Tente novamente.\",\n \"paypalFlowFailedError\" : \"Ocorreu um erro ao ligar ao PayPal. Tente novamente.\",\n \"paypalTokenizationRequestActiveError\" : \"A autorização de pagamento com PayPal já está em curso.\",\n \"venmoCanceledError\" : \"Ocorreu um erro. Certifique-se de que tem a versão mais recente da aplicação Venmo instalada no seu dispositivo e que o seu navegador suporta a mudança para Venmo.\",\n \"vaultManagerPaymentMethodDeletionError\" : \"Não é possível eliminar o meio de pagamento; tente novamente.\",\n \"venmoAppFailedError\" : \"A aplicação Venmo não foi encontrada no seu dispositivo.\",\n \"unsupportedCardTypeError\" : \"Este tipo de cartão não é suportado. Tente com outro cartão.\",\n \"applePayTokenizationError\" : \"Ocorreu um erro de rede ao processar o pagamento com Apple Pay. Tente novamente.\",\n \"applePayActiveCardError\" : \"Adicione um cartão suportado à sua carteira Apple Pay.\",\n \"cardholderNameLabel\" : \"Nome do titular do cartão\",\n \"cardNumberLabel\" : \"Número do cartão\",\n \"cvvLabel\" : \"CVV\",\n \"cvvThreeDigitLabelSubheading\" : \"(3 dígitos)\",\n \"cvvFourDigitLabelSubheading\" : \"(4 dígitos)\",\n \"cardholderNamePlaceholder\" : \"Nome do titular do cartão\",\n \"expirationDateLabel\" : \"Data de validade\",\n \"expirationDateLabelSubheading\" : \"(MM/AA)\",\n \"expirationDatePlaceholder\" : \"MM/AA\",\n \"postalCodeLabel\" : \"Código postal\",\n \"saveCardLabel\" : \"Guardar cartão\",\n \"payWithCard\" : \"Pagar com cartão\",\n \"endingIn\" : \"Termina em {{lastFourCardDigits}}\",\n \"Apple Pay\" : \"Apple Pay\",\n \"Venmo\" : \"Venmo\",\n \"Card\" : \"Cartão\",\n \"PayPal\" : \"PayPal\",\n \"PayPal Credit\" : \"PayPal Credit\",\n \"Google Pay\" : \"Google Pay\",\n \"American Express\" : \"American Express\",\n \"Discover\" : \"Discover\",\n \"Diners Club\" : \"Diners Club\",\n \"Elo\" : \"Elo\",\n \"Hiper\" : \"Hiper\",\n \"Hipercard\" : \"Hipercard\",\n \"MasterCard\" : \"Mastercard\",\n \"Visa\" : \"Visa\",\n \"JCB\" : \"JCB\",\n \"Maestro\" : \"Maestro\",\n \"UnionPay\" : \"UnionPay\"\n}\n;\n\n},{}],246:[function(require,module,exports){\n'use strict';\n\nmodule.exports = {\n \"payingWith\" : \"Оплата с помощью {{paymentSource}}\",\n \"chooseAnotherWayToPay\" : \"Выберите другой способ оплаты\",\n \"chooseAWayToPay\" : \"Выберите способ оплаты\",\n \"otherWaysToPay\" : \"Другие способы оплаты\",\n \"edit\" : \"Изменить\",\n \"doneEditing\" : \"Готово\",\n \"editPaymentMethods\" : \"Изменить способы оплаты\",\n \"CreditCardDeleteConfirmationMessage\" : \"Удалить карту {{secondaryIdentifier}} с номером, заканчивающимся на {{identifier}}?\",\n \"PayPalAccountDeleteConfirmationMessage\" : \"Удалить счет PayPal {{identifier}}?\",\n \"VenmoAccountDeleteConfirmationMessage\" : \"Вы действительно хотите удалить счет Venmo с именем пользователя {{identifier}}?\",\n \"genericDeleteConfirmationMessage\" : \"Вы действительно хотите удалить этот способ оплаты?\",\n \"deleteCancelButton\" : \"Отмена\",\n \"deleteConfirmationButton\" : \"Удалить\",\n \"fieldEmptyForCvv\" : \"Укажите код безопасности.\",\n \"fieldEmptyForExpirationDate\" : \"Укажите дату окончания срока действия.\",\n \"fieldEmptyForCardholderName\" : \"Укажите имя владельца карты.\",\n \"fieldTooLongForCardholderName\" : \"Имя владельца карты должно содержать не более 256 символов.\",\n \"fieldEmptyForNumber\" : \"Укажите номер.\",\n \"fieldEmptyForPostalCode\" : \"Укажите почтовый индекс.\",\n \"fieldInvalidForCardholderName\" : \"Недопустимое имя владельца карты.\",\n \"fieldInvalidForCvv\" : \"Недопустимый код безопасности.\",\n \"fieldInvalidForExpirationDate\" : \"Недопустимая дата истечения срока действия.\",\n \"fieldInvalidForNumber\" : \"Недопустимый номер карты.\",\n \"fieldInvalidForPostalCode\" : \"Недопустимый почтовый индекс.\",\n \"genericError\" : \"Возникла проблема с нашей стороны.\",\n \"hostedFieldsTokenizationFailOnDuplicateError\" : \"Данная кредитная карта уже существует как сохраненный способ оплаты.\",\n \"hostedFieldsFailedTokenizationError\" : \"Проверьте правильность ввода данных и повторите попытку.\",\n \"hostedFieldsFieldsInvalidError\" : \"Проверьте правильность ввода данных и повторите попытку.\",\n \"hostedFieldsTokenizationNetworkErrorError\" : \"Сбой сети. Повторите попытку.\",\n \"hostedFieldsTokenizationCvvVerificationFailedError\" : \"Сбой при проверке кредитной карты. Проверьте правильность ввода данных и повторите попытку.\",\n \"paypalButtonMustBeUsed\" : \"Используйте кнопку PayPal, чтобы продолжить оплату.\",\n \"paypalAccountTokenizationFailedError\" : \"Возникла ошибка при добавлении счета PayPal. Повторите попытку.\",\n \"paypalFlowFailedError\" : \"Возникла ошибка при подключении к PayPal. Повторите попытку.\",\n \"paypalTokenizationRequestActiveError\" : \"Авторизация платежа через PayPal уже выполняется.\",\n \"venmoCanceledError\" : \"Возникла ошибка. Убедитесь, что на вашем устройстве установлена самая последняя версия приложения Venmo и браузер поддерживает переход на Venmo.\",\n \"vaultManagerPaymentMethodDeletionError\" : \"Не удалось удалить способ оплаты, повторите попытку.\",\n \"venmoAppFailedError\" : \"Приложение Venmo не удается обнаружить на вашем устройстве.\",\n \"unsupportedCardTypeError\" : \"Данный тип карты не поддерживается. Попробуйте воспользоваться другой картой.\",\n \"applePayTokenizationError\" : \"Возникла ошибка сети при обработке платежа Apple Pay. Повторите попытку.\",\n \"applePayActiveCardError\" : \"Добавьте поддерживаемую карту в ваш счет Apple Pay.\",\n \"cardholderNameLabel\" : \"Имя владельца карты\",\n \"cardNumberLabel\" : \"Номер карты\",\n \"cvvLabel\" : \"Код безопасности карты CVV\",\n \"cvvThreeDigitLabelSubheading\" : \"(3 цифры)\",\n \"cvvFourDigitLabelSubheading\" : \"(4 цифры)\",\n \"cardholderNamePlaceholder\" : \"Имя владельца карты\",\n \"expirationDateLabel\" : \"Дата окончания срока действия\",\n \"expirationDateLabelSubheading\" : \"(ММ/ГГ)\",\n \"expirationDatePlaceholder\" : \"ММ/ГГ\",\n \"postalCodeLabel\" : \"Индекс\",\n \"saveCardLabel\" : \"Сохранить карту\",\n \"payWithCard\" : \"Оплатить банковской картой\",\n \"endingIn\" : \"Заканчивается на {{lastFourCardDigits}}\",\n \"Apple Pay\" : \"Apple Pay\",\n \"Venmo\" : \"Venmo\",\n \"Card\" : \"Карта\",\n \"PayPal\" : \"PayPal\",\n \"PayPal Credit\" : \"PayPal Credit\",\n \"Google Pay\" : \"Google Pay\",\n \"American Express\" : \"American Express\",\n \"Discover\" : \"Полезное\",\n \"Diners Club\" : \"Diners Club\",\n \"Elo\" : \"Elo\",\n \"Hiper\" : \"Hiper\",\n \"Hipercard\" : \"Hipercard\",\n \"MasterCard\" : \"Mastercard\",\n \"Visa\" : \"Visa\",\n \"JCB\" : \"JCB\",\n \"Maestro\" : \"Maestro\",\n \"UnionPay\" : \"UnionPay\"\n}\n;\n\n},{}],247:[function(require,module,exports){\n'use strict';\n\nmodule.exports = {\n \"payingWith\" : \"Spôsob platby: {{paymentSource}}\",\n \"chooseAnotherWayToPay\" : \"Vyberte iný spôsob platby\",\n \"chooseAWayToPay\" : \"Zvoľte spôsob platby\",\n \"otherWaysToPay\" : \"Iné spôsoby platby\",\n \"edit\" : \"Upraviť\",\n \"doneEditing\" : \"Hotovo\",\n \"editPaymentMethods\" : \"Upraviť spôsoby platby\",\n \"CreditCardDeleteConfirmationMessage\" : \"Chcete odstrániť kartu {{secondaryIdentifier}} končiacu sa na {{identifier}}?\",\n \"PayPalAccountDeleteConfirmationMessage\" : \"Chcete odstrániť {{identifier}}účtu PayPal?\",\n \"VenmoAccountDeleteConfirmationMessage\" : \"Naozaj chcete odstrániť účet Venmo s menom používateľa {{identifier}}?\",\n \"genericDeleteConfirmationMessage\" : \"Ste si istí, že chcete tento spôsob platby odstrániť?\",\n \"deleteCancelButton\" : \"Zrušiť\",\n \"deleteConfirmationButton\" : \"Odstrániť\",\n \"fieldEmptyForCvv\" : \"Vyplňte kód CVV.\",\n \"fieldEmptyForExpirationDate\" : \"Zadajte dátum skončenia platnosti.\",\n \"fieldEmptyForCardholderName\" : \"Zadajte meno majiteľa karty.\",\n \"fieldTooLongForCardholderName\" : \"Meno majiteľa karty musí obsahovať menej ako 256 znakov.\",\n \"fieldEmptyForNumber\" : \"Zadajte číslo.\",\n \"fieldEmptyForPostalCode\" : \"Zadajte PSČ.\",\n \"fieldInvalidForCardholderName\" : \"Toto meno majiteľa karty je neplatné.\",\n \"fieldInvalidForCvv\" : \"Tento bezpečnostný kód je neplatný.\",\n \"fieldInvalidForExpirationDate\" : \"Tento dátum skončenia platnosti je neplatný.\",\n \"fieldInvalidForNumber\" : \"Toto číslo karty je neplatné.\",\n \"fieldInvalidForPostalCode\" : \"Toto PSČ je neplatné.\",\n \"genericError\" : \"Vyskytla sa chyba na našej strane.\",\n \"hostedFieldsTokenizationFailOnDuplicateError\" : \"Táto kreditná karta už existuje ako uložený spôsob platby.\",\n \"hostedFieldsFailedTokenizationError\" : \"Skontrolujte údaje a skúste to znova.\",\n \"hostedFieldsFieldsInvalidError\" : \"Skontrolujte údaje a skúste to znova.\",\n \"hostedFieldsTokenizationNetworkErrorError\" : \"Chyba v sieti. Skúste to znova.\",\n \"hostedFieldsTokenizationCvvVerificationFailedError\" : \"Overenie kreditnej karty nebolo úspešné. Skontrolujte údaje a skúste to znova.\",\n \"paypalButtonMustBeUsed\" : \"Ak chcete pokračovať v platbe, použite tlačidlo PayPal.\",\n \"paypalAccountTokenizationFailedError\" : \"Vyskytla sa chyba pri pridávaní účtu PayPal. Skúste to znova.\",\n \"paypalFlowFailedError\" : \"Vyskytla sa chyba pri pripájaní do účtu PayPal. Skúste to znova.\",\n \"paypalTokenizationRequestActiveError\" : \"Autorizácia platby PayPal už prebieha.\",\n \"venmoCanceledError\" : \"Vyskytla sa chyba. Skontrolujte, či máte v zariadení nainštalovanú najnovšiu verziu aplikácie Venmo a či prehliadač podporuje prechod na aplikáciu Venmo.\",\n \"vaultManagerPaymentMethodDeletionError\" : \"Nebolo možné odstrániť spôsob platby, skúste to znova.\",\n \"venmoAppFailedError\" : \"Aplikáciu Venmo sa vo vašom zariadení nepodarilo nájsť.\",\n \"unsupportedCardTypeError\" : \"Tento typ karty nie je podporovaný. Prosím skúste inú kartu.\",\n \"applePayTokenizationError\" : \"Počas spracúvania platby cez Apple Pay došlo k chybe siete. Skúste to znova.\",\n \"applePayActiveCardError\" : \"Pridajte si podporovanú kartu do peňaženky Apple Pay.\",\n \"cardholderNameLabel\" : \"Meno majiteľa karty\",\n \"cardNumberLabel\" : \"Číslo karty\",\n \"cvvLabel\" : \"CVV\",\n \"cvvThreeDigitLabelSubheading\" : \"(3 číslice)\",\n \"cvvFourDigitLabelSubheading\" : \"(4 číslice)\",\n \"cardholderNamePlaceholder\" : \"Meno majiteľa karty\",\n \"expirationDateLabel\" : \"Dátum skončenia platnosti\",\n \"expirationDateLabelSubheading\" : \"(MM/RR)\",\n \"expirationDatePlaceholder\" : \"MM/RR\",\n \"postalCodeLabel\" : \"PSČ\",\n \"saveCardLabel\" : \"Uložiť kartu\",\n \"payWithCard\" : \"Zaplatiť kartou\",\n \"endingIn\" : \"Končí {{lastFourCardDigits}}\",\n \"Apple Pay\" : \"Apple Pay\",\n \"Venmo\" : \"Venmo\",\n \"Card\" : \"Karta\",\n \"PayPal\" : \"PayPal\",\n \"PayPal Credit\" : \"PayPal Credit\",\n \"Google Pay\" : \"Google Pay\",\n \"American Express\" : \"American Express\",\n \"Discover\" : \"Discover\",\n \"Diners Club\" : \"Diners Club\",\n \"Elo\" : \"Elo\",\n \"Hiper\" : \"Hiper\",\n \"Hipercard\" : \"Hipercard\",\n \"MasterCard\" : \"Mastercard\",\n \"Visa\" : \"Visa\",\n \"JCB\" : \"JCB\",\n \"Maestro\" : \"Maestro\",\n \"UnionPay\" : \"UnionPay\"\n}\n;\n\n},{}],248:[function(require,module,exports){\n'use strict';\n\nmodule.exports = {\n \"payingWith\" : \"Betalar med {{paymentSource}}\",\n \"chooseAnotherWayToPay\" : \"Välj ett annat sätt att betala\",\n \"chooseAWayToPay\" : \"Välj ett sätt att betala\",\n \"otherWaysToPay\" : \"Andra sätt att betala\",\n \"edit\" : \"Ändra\",\n \"doneEditing\" : \"Klart\",\n \"editPaymentMethods\" : \"Ändra betalningsmetoder\",\n \"CreditCardDeleteConfirmationMessage\" : \"Ta bort {{secondaryIdentifier}}-kortet som slutar på {{identifier}}?\",\n \"PayPalAccountDeleteConfirmationMessage\" : \"Ta bort PayPal-konto {{identifier}}?\",\n \"VenmoAccountDeleteConfirmationMessage\" : \"Är du säker på att du vill ta bort Venmo-kontot med användarnamnet {{identifier}}?\",\n \"genericDeleteConfirmationMessage\" : \"Är du säker på att du vill ta bort den här betalningsmetoden?\",\n \"deleteCancelButton\" : \"Avbryt\",\n \"deleteConfirmationButton\" : \"Ta bort\",\n \"fieldEmptyForCvv\" : \"Fyll i ett CVV.\",\n \"fieldEmptyForExpirationDate\" : \"Fyll i ett utgångsdatum.\",\n \"fieldEmptyForCardholderName\" : \"Fyll i kortinnehavarens namn.\",\n \"fieldTooLongForCardholderName\" : \"Namnet på kortinnehavaren måste vara kortare än 256 tecken.\",\n \"fieldEmptyForNumber\" : \"Fyll i ett nummer.\",\n \"fieldEmptyForPostalCode\" : \"Fyll i ett postnummer.\",\n \"fieldInvalidForCardholderName\" : \"Namnet på kortinnehavaren är ogiltigt.\",\n \"fieldInvalidForCvv\" : \"Den här säkerhetskoden är inte giltig.\",\n \"fieldInvalidForExpirationDate\" : \"Utgångsdatumet är ogiltigt.\",\n \"fieldInvalidForNumber\" : \"Det här kortnumret är ogiltigt.\",\n \"fieldInvalidForPostalCode\" : \"Postnumret är ogiltigt.\",\n \"genericError\" : \"Ett fel uppstod.\",\n \"hostedFieldsTokenizationFailOnDuplicateError\" : \"Det här kreditkortet finns redan som en sparad betalningsmetod.\",\n \"hostedFieldsFailedTokenizationError\" : \"Kontrollera uppgifterna och försök igen.\",\n \"hostedFieldsFieldsInvalidError\" : \"Kontrollera uppgifterna och försök igen.\",\n \"hostedFieldsTokenizationNetworkErrorError\" : \"Nätverksfel. Försök igen.\",\n \"hostedFieldsTokenizationCvvVerificationFailedError\" : \"Verifiering av kreditkortet misslyckades. Kontrollera uppgifterna och försök igen.\",\n \"paypalButtonMustBeUsed\" : \"Använd PayPal-knappen för att fortsätta med din betalning.\",\n \"paypalAccountTokenizationFailedError\" : \"Något gick fel när du lade till PayPal-kontot. Försök igen.\",\n \"paypalFlowFailedError\" : \"Något gick fel med att ansluta till PayPal. Försök igen.\",\n \"paypalTokenizationRequestActiveError\" : \"Godkännande av PayPal-betalning pågår redan.\",\n \"venmoCanceledError\" : \"Något gick fel. Se till att du har den senaste versionen av Venmo-appen installerad på din enhet och att din webbläsare stöder byte till Venmo.\",\n \"vaultManagerPaymentMethodDeletionError\" : \"Kan inte ta bort betalningsmetoden, försök igen.\",\n \"venmoAppFailedError\" : \"Det gick inte att hitta Venmo-appen på din enhet.\",\n \"unsupportedCardTypeError\" : \"Den här korttypen stöds inte. Prova med ett annat kort.\",\n \"applePayTokenizationError\" : \"Ett nätverksfel uppstod när Apple Pay-betalningen behandlades. Försök igen.\",\n \"applePayActiveCardError\" : \"Lägg till ett kort som stöds i din Apple Pay e-plånbok.\",\n \"cardholderNameLabel\" : \"Kortinnehavarens namn\",\n \"cardNumberLabel\" : \"Kortnummer\",\n \"cvvLabel\" : \"CVV\",\n \"cvvThreeDigitLabelSubheading\" : \"(3 siffror)\",\n \"cvvFourDigitLabelSubheading\" : \"(4 siffror)\",\n \"cardholderNamePlaceholder\" : \"Kortinnehavarens namn\",\n \"expirationDateLabel\" : \"Utgångsdatum\",\n \"expirationDateLabelSubheading\" : \"(MM/ÅÅ)\",\n \"expirationDatePlaceholder\" : \"MM/ÅÅ\",\n \"postalCodeLabel\" : \"Postnummer\",\n \"saveCardLabel\" : \"Spara kort\",\n \"payWithCard\" : \"Betala med kort\",\n \"endingIn\" : \"Slutar på {{lastFourCardDigits}}\",\n \"Apple Pay\" : \"Apple Pay\",\n \"Venmo\" : \"Venmo\",\n \"Card\" : \"Kort\",\n \"PayPal\" : \"PayPal\",\n \"PayPal Credit\" : \"PayPal Credit\",\n \"Google Pay\" : \"Google Pay\",\n \"American Express\" : \"American Express\",\n \"Discover\" : \"Discover\",\n \"Diners Club\" : \"Diners Club\",\n \"Elo\" : \"Elo\",\n \"Hiper\" : \"Hiper\",\n \"Hipercard\" : \"Hipercard\",\n \"MasterCard\" : \"Mastercard\",\n \"Visa\" : \"Visa\",\n \"JCB\" : \"JCB\",\n \"Maestro\" : \"Maestro\",\n \"UnionPay\" : \"UnionPay\"\n}\n;\n\n},{}],249:[function(require,module,exports){\n'use strict';\n\nmodule.exports = {\n \"payingWith\" : \"ชำระเงินด้วย {{paymentSource}}\",\n \"chooseAnotherWayToPay\" : \"เลือกวิธีการชำระเงินอื่น\",\n \"chooseAWayToPay\" : \"โปรดเลือกวิธีชำระเงิน\",\n \"otherWaysToPay\" : \"วิธีอื่นในการชำระเงิน\",\n \"edit\" : \"แก้ไข\",\n \"doneEditing\" : \"เสร็จแล้ว\",\n \"editPaymentMethods\" : \"แก้ไขวิธีการชำระเงิน\",\n \"CreditCardDeleteConfirmationMessage\" : \"ลบบัตร {{secondaryIdentifier}} ที่ลงท้ายด้วย {{identifier}} หรือไม่\",\n \"PayPalAccountDeleteConfirmationMessage\" : \"คุณต้องการลบบัญชี PayPal {{identifier}} หรือไม่\",\n \"VenmoAccountDeleteConfirmationMessage\" : \"คุณแน่ใจหรือไม่ว่าต้องการลบบัญชี Venmo ที่มีชื่อผู้ใช้ {{identifier}}\",\n \"genericDeleteConfirmationMessage\" : \"คุณแน่ใจหรือไม่ว่าต้องการลบการชำระเงินรายการนี้ออก\",\n \"deleteCancelButton\" : \"ยกเลิก\",\n \"deleteConfirmationButton\" : \"ลบ\",\n \"fieldEmptyForCvv\" : \"โปรดกรอกข้อมูลในบัตร CVV\",\n \"fieldEmptyForExpirationDate\" : \"โปรดกรอกข้อมูลวันที่หมดอายุ\",\n \"fieldEmptyForCardholderName\" : \"โปรดกรอกชื่อผู้ถือบัตร\",\n \"fieldTooLongForCardholderName\" : \"ชื่อผู้ถือบัตรต้องไม่เกิน 256 อักขระ\",\n \"fieldEmptyForNumber\" : \"โปรดกรอกหมายเลข\",\n \"fieldEmptyForPostalCode\" : \"โปรดกรอกข้อมูลในรหัสไปรษณีย์\",\n \"fieldInvalidForCardholderName\" : \"ชื่อผู้ถือบัตรนี้ไม่ถูกต้อง\",\n \"fieldInvalidForCvv\" : \"รหัสความปลอดภัยนี้ไม่ถูกต้อง\",\n \"fieldInvalidForExpirationDate\" : \"วันที่หมดอายุนี้ไม่ถูกต้อง\",\n \"fieldInvalidForNumber\" : \"หมายเลขบัตรนี้ไม่ถูกต้อง\",\n \"fieldInvalidForPostalCode\" : \"รหัสไปรษณีย์นี้ไม่ถูกต้อง\",\n \"genericError\" : \"เกิดข้อผิดพลาดขึ้นในระบบของเรา\",\n \"hostedFieldsTokenizationFailOnDuplicateError\" : \"บัตรเครดิตนี้เป็นวิธีการชำระเงินที่บันทึกไว้แล้ว\",\n \"hostedFieldsFailedTokenizationError\" : \"โปรดตรวจสอบข้อมูลของคุณ แล้วลองใหม่อีกครั้ง\",\n \"hostedFieldsFieldsInvalidError\" : \"โปรดตรวจสอบข้อมูลของคุณ แล้วลองใหม่อีกครั้ง\",\n \"hostedFieldsTokenizationNetworkErrorError\" : \"ข้อผิดพลาดของเครือข่าย โปรดลองอีกครั้ง\",\n \"hostedFieldsTokenizationCvvVerificationFailedError\" : \"การตรวจสอบยืนยันบัตรเครดิตไม่สำเร็จ โปรดตรวจสอบข้อมูลของคุณ แล้วลองใหม่อีกครั้ง\",\n \"paypalButtonMustBeUsed\" : \"ใช้ปุ่ม PayPal เพื่อดำเนินการชำระเงินต่อไป\",\n \"paypalAccountTokenizationFailedError\" : \"เกิดข้อผิดพลาดบางอย่างในการเพิ่มบัญชี PayPal โปรดลองอีกครั้ง\",\n \"paypalFlowFailedError\" : \"เกิดข้อผิดพลาดในการเชื่อมต่อกับ PayPal โปรดลองอีกครั้ง\",\n \"paypalTokenizationRequestActiveError\" : \"การอนุมัติการชำระเงิน PayPal อยู่ในระหว่างดำเนินการแล้ว\",\n \"venmoCanceledError\" : \"เกิดข้อผิดพลาดบางประการ ตรวจสอบให้แน่ใจว่าคุณมีแอปพลิเคชัน Venmo เวอร์ชันล่าสุดที่ติดตั้งไว้ในอุปกรณ์ของคุณและเบราว์เซอร์ของคุณรองรับการเปลี่ยนเป็น Venmo\",\n \"vaultManagerPaymentMethodDeletionError\" : \"ไม่สามารถลบวิธีการชำระเงินได้โปรดลองอีกครั้ง\",\n \"venmoAppFailedError\" : \"ไม่พบแอป Venmo ในอุปกรณ์ของคุณ\",\n \"unsupportedCardTypeError\" : \"ไม่รองรับบัตรประเภทนี้ โปรดลองใช้บัตรใบอื่น\",\n \"applePayTokenizationError\" : \"เกิดข้อผิดพลาดในเครือข่ายขณะประมวลผลการชำระเงินของ Apple Pay โปรดลองอีกครั้ง\",\n \"applePayActiveCardError\" : \"เพิ่มบัตรที่รองรับไปยังกระเป๋าสตางค์ Apple Pay ของคุณ\",\n \"cardholderNameLabel\" : \"ชื่อของผู้ถือบัตร\",\n \"cardNumberLabel\" : \"หมายเลขบัตร\",\n \"cvvLabel\" : \"CVV\",\n \"cvvThreeDigitLabelSubheading\" : \"(3 หลัก)\",\n \"cvvFourDigitLabelSubheading\" : \"(4 หลัก)\",\n \"cardholderNamePlaceholder\" : \"ชื่อของผู้ถือบัตร\",\n \"expirationDateLabel\" : \"วันหมดอายุ\",\n \"expirationDateLabelSubheading\" : \"(MM/YY)\",\n \"expirationDatePlaceholder\" : \"MM/YY\",\n \"postalCodeLabel\" : \"รหัสไปรษณีย์\",\n \"saveCardLabel\" : \"บันทึกบัตร\",\n \"payWithCard\" : \"ชำระด้วยบัตรเดบิตหรือบัตรเครดิต\",\n \"endingIn\" : \"ลงท้ายด้วย {{lastFourCardDigits}}\",\n \"Apple Pay\" : \"Apple Pay\",\n \"Venmo\" : \"Venmo\",\n \"Card\" : \"บัตร\",\n \"PayPal\" : \"PayPal\",\n \"PayPal Credit\" : \"PayPal Credit\",\n \"Google Pay\" : \"Google Pay\",\n \"American Express\" : \"American Express\",\n \"Discover\" : \"Discover\",\n \"Diners Club\" : \"Diners Club\",\n \"Elo\" : \"Elo\",\n \"Hiper\" : \"Hiper\",\n \"Hipercard\" : \"Hipercard\",\n \"MasterCard\" : \"Mastercard\",\n \"Visa\" : \"Visa\",\n \"JCB\" : \"JCB\",\n \"Maestro\" : \"Maestro\",\n \"UnionPay\" : \"UnionPay\"\n}\n;\n\n},{}],250:[function(require,module,exports){\n'use strict';\n\nmodule.exports = {\n \"payingWith\" : \"使用{{paymentSource}}付款\",\n \"chooseAnotherWayToPay\" : \"请选择其它付款方式。\",\n \"chooseAWayToPay\" : \"选择付款方式\",\n \"otherWaysToPay\" : \"其他付款方式\",\n \"edit\" : \"编辑\",\n \"doneEditing\" : \"完成\",\n \"editPaymentMethods\" : \"编辑付款方式\",\n \"CreditCardDeleteConfirmationMessage\" : \"删除尾号为{{identifier}}的{{secondaryIdentifier}}卡？\",\n \"PayPalAccountDeleteConfirmationMessage\" : \"删除PayPal账户{{identifier}}？\",\n \"VenmoAccountDeleteConfirmationMessage\" : \"您确定要删除用户名为{{identifier}}的Venmo账户吗？\",\n \"genericDeleteConfirmationMessage\" : \"确定要删除此付款方式吗？\",\n \"deleteCancelButton\" : \"取消\",\n \"deleteConfirmationButton\" : \"删除\",\n \"fieldEmptyForCvv\" : \"请填写CVV。\",\n \"fieldEmptyForExpirationDate\" : \"请填写有效期限。\",\n \"fieldEmptyForCardholderName\" : \"请填写持卡人姓名。\",\n \"fieldTooLongForCardholderName\" : \"持卡人姓名必须少于256个字符。\",\n \"fieldEmptyForNumber\" : \"请填写一个号码。\",\n \"fieldEmptyForPostalCode\" : \"请填写邮政编码。\",\n \"fieldInvalidForCardholderName\" : \"此持卡人姓名无效。\",\n \"fieldInvalidForCvv\" : \"此安全码无效。\",\n \"fieldInvalidForExpirationDate\" : \"此有效期限无效。\",\n \"fieldInvalidForNumber\" : \"此卡号无效。\",\n \"fieldInvalidForPostalCode\" : \"此邮政编码无效。\",\n \"genericError\" : \"我们遇到了一些问题。\",\n \"hostedFieldsTokenizationFailOnDuplicateError\" : \"此信用卡已存在于已保存的付款方式。\",\n \"hostedFieldsFailedTokenizationError\" : \"请检查您的信息，然后重试。\",\n \"hostedFieldsFieldsInvalidError\" : \"请检查您的信息，然后重试。\",\n \"hostedFieldsTokenizationNetworkErrorError\" : \"网络错误。请重试。\",\n \"hostedFieldsTokenizationCvvVerificationFailedError\" : \"信用卡验证失败。请检查您的信息，然后重试。\",\n \"paypalButtonMustBeUsed\" : \"使用PayPal按钮继续付款。\",\n \"paypalAccountTokenizationFailedError\" : \"添加PayPal账户时遇到了一些问题。请重试。\",\n \"paypalFlowFailedError\" : \"连接到PayPal遇到了一些问题。请重试。\",\n \"paypalTokenizationRequestActiveError\" : \"PayPal付款授权已在处理中。\",\n \"venmoCanceledError\" : \"遇到了一些问题。请确保您的设备上安装了最新版本的Venmo应用，并且您的浏览器支持切换到Venmo。\",\n \"vaultManagerPaymentMethodDeletionError\" : \"无法删除付款方式，请重试。\",\n \"venmoAppFailedError\" : \"在您的设备上找不到Venmo应用程序。\",\n \"unsupportedCardTypeError\" : \"不支持该卡类型。请尝试其他卡。\",\n \"applePayTokenizationError\" : \"处理Apple Pay付款时发生了网络错误。请重试。\",\n \"applePayActiveCardError\" : \"在您的Apple Pay钱包中添加一张受支持的卡。\",\n \"cardholderNameLabel\" : \"持卡人姓名\",\n \"cardNumberLabel\" : \"卡号\",\n \"cvvLabel\" : \"CVV\",\n \"cvvThreeDigitLabelSubheading\" : \"（3位数）\",\n \"cvvFourDigitLabelSubheading\" : \"（4位数）\",\n \"cardholderNamePlaceholder\" : \"持卡人姓名\",\n \"expirationDateLabel\" : \"有效期限\",\n \"expirationDateLabelSubheading\" : \"（月/年）\",\n \"expirationDatePlaceholder\" : \"月/年\",\n \"postalCodeLabel\" : \"邮政编码\",\n \"saveCardLabel\" : \"保存此卡\",\n \"payWithCard\" : \"使用卡支付\",\n \"endingIn\" : \"尾号为{{lastFourCardDigits}}\",\n \"Apple Pay\" : \"Apple Pay\",\n \"Venmo\" : \"Venmo\",\n \"Card\" : \"卡\",\n \"PayPal\" : \"PayPal\",\n \"PayPal Credit\" : \"PayPal Credit\",\n \"Google Pay\" : \"Google Pay\",\n \"American Express\" : \"American Express\",\n \"Discover\" : \"发现\",\n \"Diners Club\" : \"Diners Club\",\n \"Elo\" : \"Elo\",\n \"Hiper\" : \"Hiper\",\n \"Hipercard\" : \"Hipercard\",\n \"MasterCard\" : \"Mastercard\",\n \"Visa\" : \"Visa\",\n \"JCB\" : \"JCB\",\n \"Maestro\" : \"Maestro\",\n \"UnionPay\" : \"银联\"\n}\n;\n\n},{}],251:[function(require,module,exports){\n'use strict';\n\nmodule.exports = {\n \"payingWith\" : \"付款方式為 {{paymentSource}}\",\n \"chooseAnotherWayToPay\" : \"請選擇其他付款方式\",\n \"chooseAWayToPay\" : \"選擇付款方式\",\n \"otherWaysToPay\" : \"其他付款方式\",\n \"edit\" : \"編輯\",\n \"doneEditing\" : \"完成\",\n \"editPaymentMethods\" : \"編輯付款方式\",\n \"CreditCardDeleteConfirmationMessage\" : \"刪除最後數字為 {{identifier}} 的 {{secondaryIdentifier}} 卡嗎？\",\n \"PayPalAccountDeleteConfirmationMessage\" : \"刪除 {{identifier}} PayPal 帳戶嗎？\",\n \"VenmoAccountDeleteConfirmationMessage\" : \"確定要刪除用戶名稱為 {{identifier}} 的 Venmo 帳戶嗎？\",\n \"genericDeleteConfirmationMessage\" : \"確定要刪除此付款方式嗎？\",\n \"deleteCancelButton\" : \"取消\",\n \"deleteConfirmationButton\" : \"刪除\",\n \"fieldEmptyForCvv\" : \"請填寫信用卡認證碼（CVV）。\",\n \"fieldEmptyForExpirationDate\" : \"請填寫到期日。\",\n \"fieldEmptyForCardholderName\" : \"請填寫持卡人姓名。\",\n \"fieldTooLongForCardholderName\" : \"持卡人姓名必須少於 256 個字元。\",\n \"fieldEmptyForNumber\" : \"請填寫數字。\",\n \"fieldEmptyForPostalCode\" : \"請填寫郵遞區號。\",\n \"fieldInvalidForCardholderName\" : \"持卡人姓名無效。\",\n \"fieldInvalidForCvv\" : \"此安全代碼無效。\",\n \"fieldInvalidForExpirationDate\" : \"此到期日無效。\",\n \"fieldInvalidForNumber\" : \"此卡號無效。\",\n \"fieldInvalidForPostalCode\" : \"郵遞區號無效。\",\n \"genericError\" : \"系統發生錯誤。\",\n \"hostedFieldsTokenizationFailOnDuplicateError\" : \"此信用卡為已儲存的付款方式。\",\n \"hostedFieldsFailedTokenizationError\" : \"請檢查你的資料，然後重試。\",\n \"hostedFieldsFieldsInvalidError\" : \"請檢查你的資料，然後重試。\",\n \"hostedFieldsTokenizationNetworkErrorError\" : \"網絡錯誤。請再試一次。\",\n \"hostedFieldsTokenizationCvvVerificationFailedError\" : \"信用卡認證失敗。請檢查你的資料，然後重試。\",\n \"paypalButtonMustBeUsed\" : \"使用「PayPal 按鈕」繼續付款。\",\n \"paypalAccountTokenizationFailedError\" : \"新增 PayPal 帳戶出現問題，請再試一次。\",\n \"paypalFlowFailedError\" : \"連接至 PayPal 出現問題，請再試一次。\",\n \"paypalTokenizationRequestActiveError\" : \"正在處理 PayPal 授權付款。\",\n \"venmoCanceledError\" : \"系統出現錯誤，請確保裝置已安裝最新版本的 Venmo 應用程式，及瀏覽器支援切換至 Venmo。\",\n \"vaultManagerPaymentMethodDeletionError\" : \"無法刪除付款方式，請再試一次。\",\n \"venmoAppFailedError\" : \"無法在裝置上找到 Venmo 應用程式。\",\n \"unsupportedCardTypeError\" : \"不支援此卡類型。請改用其他信用卡。\",\n \"applePayTokenizationError\" : \"處理 Apple Pay 付款時網路發生錯誤。請再試一次。\",\n \"applePayActiveCardError\" : \"新增可用的信用卡到 Apple Pay 錢包。\",\n \"cardholderNameLabel\" : \"持卡人姓名\",\n \"cardNumberLabel\" : \"卡號\",\n \"cvvLabel\" : \"CVV\",\n \"cvvThreeDigitLabelSubheading\" : \"（3 位數）\",\n \"cvvFourDigitLabelSubheading\" : \"（4 位數）\",\n \"cardholderNamePlaceholder\" : \"持卡人姓名\",\n \"expirationDateLabel\" : \"到期日\",\n \"expirationDateLabelSubheading\" : \"(MM/YY)\",\n \"expirationDatePlaceholder\" : \"MM/YY\",\n \"postalCodeLabel\" : \"郵遞區號\",\n \"saveCardLabel\" : \"儲存卡\",\n \"payWithCard\" : \"使用扣帳卡或信用卡付款\",\n \"endingIn\" : \"最後數字為 {{lastFourCardDigits}}\",\n \"Apple Pay\" : \"Apple Pay\",\n \"Venmo\" : \"Venmo\",\n \"Card\" : \"信用卡\",\n \"PayPal\" : \"PayPal\",\n \"PayPal Credit\" : \"PayPal Credit\",\n \"Google Pay\" : \"Google Pay\",\n \"American Express\" : \"American Express\",\n \"Discover\" : \"Discover\",\n \"Diners Club\" : \"Diners Club\",\n \"Elo\" : \"Elo\",\n \"Hiper\" : \"Hiper\",\n \"Hipercard\" : \"Hipercard\",\n \"MasterCard\" : \"Mastercard\",\n \"Visa\" : \"Visa\",\n \"JCB\" : \"JCB\",\n \"Maestro\" : \"Maestro\",\n \"UnionPay\" : \"UnionPay\"\n}\n;\n\n},{}],252:[function(require,module,exports){\n'use strict';\n\nmodule.exports = {\n \"payingWith\" : \"使用 {{paymentSource}} 付款\",\n \"chooseAnotherWayToPay\" : \"選擇其他付款方式\",\n \"chooseAWayToPay\" : \"選擇付款方式\",\n \"otherWaysToPay\" : \"其他付款方式\",\n \"edit\" : \"編輯\",\n \"doneEditing\" : \"完成\",\n \"editPaymentMethods\" : \"編輯付款方式\",\n \"CreditCardDeleteConfirmationMessage\" : \"刪除末碼為 {{identifier}} 的 {{secondaryIdentifier}} 卡片？\",\n \"PayPalAccountDeleteConfirmationMessage\" : \"刪除 {{identifier}} 的 PayPal 帳戶？\",\n \"VenmoAccountDeleteConfirmationMessage\" : \"確定要刪除用戶名稱為 {{identifier}} 的 Venmo 帳戶？\",\n \"genericDeleteConfirmationMessage\" : \"確定要刪除此付款方式？\",\n \"deleteCancelButton\" : \"取消\",\n \"deleteConfirmationButton\" : \"刪除\",\n \"fieldEmptyForCvv\" : \"填寫信用卡驗證碼。\",\n \"fieldEmptyForExpirationDate\" : \"填寫到期日。\",\n \"fieldEmptyForCardholderName\" : \"填寫持卡人姓名。\",\n \"fieldTooLongForCardholderName\" : \"持卡人姓名必須少於 256 個字元。\",\n \"fieldEmptyForNumber\" : \"填寫數字。\",\n \"fieldEmptyForPostalCode\" : \"填寫郵遞區號。\",\n \"fieldInvalidForCardholderName\" : \"此持卡人姓名無效。\",\n \"fieldInvalidForCvv\" : \"此安全代碼無效。\",\n \"fieldInvalidForExpirationDate\" : \"此到期日無效。\",\n \"fieldInvalidForNumber\" : \"此卡號無效。\",\n \"fieldInvalidForPostalCode\" : \"此郵遞區號無效。\",\n \"genericError\" : \"我們的系統發生問題。\",\n \"hostedFieldsTokenizationFailOnDuplicateError\" : \"此信用卡已經是儲存的付款方式。\",\n \"hostedFieldsFailedTokenizationError\" : \"請檢查你的資料並重試。\",\n \"hostedFieldsFieldsInvalidError\" : \"請檢查你的資料並重試。\",\n \"hostedFieldsTokenizationNetworkErrorError\" : \"網路錯誤。請重試。\",\n \"hostedFieldsTokenizationCvvVerificationFailedError\" : \"信用卡認證失敗。請檢查你的資料並重試。\",\n \"paypalButtonMustBeUsed\" : \"使用 PayPal 按鈕繼續付款。\",\n \"paypalAccountTokenizationFailedError\" : \"新增 PayPal 帳戶時發生錯誤。請重試。\",\n \"paypalFlowFailedError\" : \"連結至 PayPal 時發生錯誤。請重試。\",\n \"paypalTokenizationRequestActiveError\" : \"PayPal 付款授權已在進行中。\",\n \"venmoCanceledError\" : \"系統發生錯誤。確保你在裝置上安裝了最新版本的 Venmo 應用程式，且瀏覽器支援轉換至 Venmo。\",\n \"vaultManagerPaymentMethodDeletionError\" : \"無法刪除付款方式，請重試。\",\n \"venmoAppFailedError\" : \"你的裝置上找不到 Venmo 應用程式。\",\n \"unsupportedCardTypeError\" : \"不支援此卡片類型，請改用其他卡片。\",\n \"applePayTokenizationError\" : \"處理 Apple Pay 付款時發生網路連線錯誤。請重試。\",\n \"applePayActiveCardError\" : \"將支援卡片新增至你的 Apple Pay 錢包。\",\n \"cardholderNameLabel\" : \"持卡人姓名\",\n \"cardNumberLabel\" : \"卡號\",\n \"cvvLabel\" : \"信用卡驗證碼\",\n \"cvvThreeDigitLabelSubheading\" : \"（3 位數）\",\n \"cvvFourDigitLabelSubheading\" : \"（4 位數）\",\n \"cardholderNamePlaceholder\" : \"持卡人姓名\",\n \"expirationDateLabel\" : \"到期日\",\n \"expirationDateLabelSubheading\" : \"（月 / 年）\",\n \"expirationDatePlaceholder\" : \"月 / 年\",\n \"postalCodeLabel\" : \"郵遞區號\",\n \"saveCardLabel\" : \"儲存卡片\",\n \"payWithCard\" : \"使用卡片付款\",\n \"endingIn\" : \"末碼為 {{lastFourCardDigits}}\",\n \"Apple Pay\" : \"Apple Pay\",\n \"Venmo\" : \"Venmo\",\n \"Card\" : \"卡片\",\n \"PayPal\" : \"PayPal\",\n \"PayPal Credit\" : \"PayPal Credit\",\n \"Google Pay\" : \"Google Pay\",\n \"American Express\" : \"美國運通\",\n \"Discover\" : \"發現卡\",\n \"Diners Club\" : \"大來卡\",\n \"Elo\" : \"Elo\",\n \"Hiper\" : \"Hiper\",\n \"Hipercard\" : \"Hipercard\",\n \"MasterCard\" : \"Mastercard\",\n \"Visa\" : \"Visa\",\n \"JCB\" : \"JCB\",\n \"Maestro\" : \"Maestro\",\n \"UnionPay\" : \"銀聯\"\n}\n;\n\n},{}],253:[function(require,module,exports){\n'use strict';\n\nmodule.exports = {\n \"payingWith\" : \"使用{{paymentSource}}付款\",\n \"chooseAnotherWayToPay\" : \"选择其他付款方式\",\n \"chooseAWayToPay\" : \"选择付款方式\",\n \"otherWaysToPay\" : \"其他付款方式\",\n \"edit\" : \"编辑\",\n \"doneEditing\" : \"完成\",\n \"editPaymentMethods\" : \"编辑付款方式\",\n \"CreditCardDeleteConfirmationMessage\" : \"删除以{{identifier}}}结尾的{{secondaryIdentifier}}}卡？\",\n \"PayPalAccountDeleteConfirmationMessage\" : \"删除PayPal账户{{identifier}}}？\",\n \"VenmoAccountDeleteConfirmationMessage\" : \"确定要删除用户名为{{identifier}}}的Venmo账户吗？\",\n \"genericDeleteConfirmationMessage\" : \"确定要删除此付款方式吗？\",\n \"deleteCancelButton\" : \"取消\",\n \"deleteConfirmationButton\" : \"删除\",\n \"fieldEmptyForCvv\" : \"请填写卡校验值。\",\n \"fieldEmptyForExpirationDate\" : \"请填写有效期限。\",\n \"fieldEmptyForCardholderName\" : \"请填写持卡人姓名。\",\n \"fieldTooLongForCardholderName\" : \"持卡人姓名必须少于256个字符。\",\n \"fieldEmptyForNumber\" : \"请填写号码。\",\n \"fieldEmptyForPostalCode\" : \"请填写邮政编码。\",\n \"fieldInvalidForCardholderName\" : \"此持卡人姓名无效。\",\n \"fieldInvalidForCvv\" : \"此验证码无效。\",\n \"fieldInvalidForExpirationDate\" : \"此有效期限无效。\",\n \"fieldInvalidForNumber\" : \"此卡号无效。\",\n \"fieldInvalidForPostalCode\" : \"此邮政编码无效。\",\n \"genericError\" : \"我们遇到了一些问题。\",\n \"hostedFieldsTokenizationFailOnDuplicateError\" : \"此信用卡已存在于已保存的付款方式中。\",\n \"hostedFieldsFailedTokenizationError\" : \"请检查您的信息，然后重试。\",\n \"hostedFieldsFieldsInvalidError\" : \"请检查您的信息，然后重试。\",\n \"hostedFieldsTokenizationNetworkErrorError\" : \"网络错误。请重试。\",\n \"hostedFieldsTokenizationCvvVerificationFailedError\" : \"信用卡认证失败。请检查您的信息，然后重试。\",\n \"paypalButtonMustBeUsed\" : \"使用PayPal按钮以便继续进行您的付款。\",\n \"paypalAccountTokenizationFailedError\" : \"添加PayPal账户时遇到了问题。请重试。\",\n \"paypalFlowFailedError\" : \"连接到PayPal时遇到了问题。请重试。\",\n \"paypalTokenizationRequestActiveError\" : \"PayPal付款授权正在处理中。\",\n \"venmoCanceledError\" : \"遇到了一些问题。请确保您的设备上安装了最新版本的Venmo应用，并且您的浏览器支持切换到Venmo。\",\n \"vaultManagerPaymentMethodDeletionError\" : \"无法删除付款方式，请重试。\",\n \"venmoAppFailedError\" : \"未能在您的设备上找到Venmo应用。\",\n \"unsupportedCardTypeError\" : \"不支持该卡类型。请尝试其它卡。\",\n \"applePayTokenizationError\" : \"处理Apple Pay付款时出现了网络错误。请重试。\",\n \"applePayActiveCardError\" : \"在您的Apple Pay钱包中添加一张受支持的卡。\",\n \"cardholderNameLabel\" : \"持卡人姓名\",\n \"cardNumberLabel\" : \"卡号\",\n \"cvvLabel\" : \"卡校验值\",\n \"cvvThreeDigitLabelSubheading\" : \"（3位数）\",\n \"cvvFourDigitLabelSubheading\" : \"（4位数）\",\n \"cardholderNamePlaceholder\" : \"持卡人姓名\",\n \"expirationDateLabel\" : \"有效期限\",\n \"expirationDateLabelSubheading\" : \"（月/年）\",\n \"expirationDatePlaceholder\" : \"月/年\",\n \"postalCodeLabel\" : \"邮政编码\",\n \"saveCardLabel\" : \"保存卡\",\n \"payWithCard\" : \"使用卡支付\",\n \"endingIn\" : \"以{{lastFourCardDigits}}}结尾\",\n \"Apple Pay\" : \"Apple Pay\",\n \"Venmo\" : \"Venmo\",\n \"Card\" : \"卡\",\n \"PayPal\" : \"PayPal\",\n \"PayPal Credit\" : \"PayPal Credit\",\n \"Google Pay\" : \"Google Pay\",\n \"American Express\" : \"American Express\",\n \"Discover\" : \"发现\",\n \"Diners Club\" : \"Diners Club\",\n \"Elo\" : \"Elo\",\n \"Hiper\" : \"Hiper\",\n \"Hipercard\" : \"Hipercard\",\n \"MasterCard\" : \"Mastercard\",\n \"Visa\" : \"Visa\",\n \"JCB\" : \"JCB\",\n \"Maestro\" : \"Maestro\",\n \"UnionPay\" : \"银联\"\n}\n;\n\n},{}],254:[function(require,module,exports){\n'use strict';\n\nvar assign = require('../lib/assign').assign;\nvar classList = require('@braintree/class-list');\nvar DropinError = require('../lib/dropin-error');\nvar errors = require('../constants').errors;\nvar Promise = require('../lib/promise');\n\nfunction BaseView(options) {\n options = options || {};\n\n assign(this, options);\n}\n\nBaseView.prototype.getElementById = function (id) {\n if (!this.element) { return null; }\n\n return this.element.querySelector('[data-braintree-id=\"' + id + '\"]');\n};\n\nBaseView.prototype.requestPaymentMethod = function () {\n return Promise.reject(new DropinError(errors.NO_PAYMENT_METHOD_ERROR));\n};\n\nBaseView.prototype.getPaymentMethod = function () {\n return this.activeMethodView && this.activeMethodView.paymentMethod;\n};\n\nBaseView.prototype.onSelection = function () {};\n\nBaseView.prototype.teardown = function () {\n return Promise.resolve();\n};\n\nBaseView.prototype.preventUserAction = function () {\n if (this.element) {\n classList.add(this.element, 'braintree-sheet--loading');\n }\n\n this.model.preventUserAction();\n};\n\nBaseView.prototype.allowUserAction = function () {\n if (this.element) {\n classList.remove(this.element, 'braintree-sheet--loading');\n }\n\n this.model.allowUserAction();\n};\n\nmodule.exports = BaseView;\n\n},{\"../constants\":196,\"../lib/assign\":202,\"../lib/dropin-error\":206,\"../lib/promise\":213,\"@braintree/class-list\":40}],255:[function(require,module,exports){\n'use strict';\n\nvar BaseView = require('./base-view');\nvar addSelectionEventHandler = require('../lib/add-selection-event-handler');\nvar paymentMethodTypes = require('../constants').paymentMethodTypes;\n\nfunction DeleteConfirmationView() {\n BaseView.apply(this, arguments);\n\n this._initialize();\n}\n\nDeleteConfirmationView.prototype = Object.create(BaseView.prototype);\nDeleteConfirmationView.prototype.constructor = DeleteConfirmationView;\nDeleteConfirmationView.ID = DeleteConfirmationView.prototype.ID = 'delete-confirmation';\n\nDeleteConfirmationView.prototype._initialize = function () {\n this._yesButton = this.getElementById('delete-confirmation__yes');\n this._noButton = this.getElementById('delete-confirmation__no');\n this._messageBox = this.getElementById('delete-confirmation__message');\n\n addSelectionEventHandler(this._yesButton, function () {\n this.model.deleteVaultedPaymentMethod();\n }.bind(this));\n addSelectionEventHandler(this._noButton, function () {\n this.model.cancelDeleteVaultedPaymentMethod();\n }.bind(this));\n};\n\nDeleteConfirmationView.prototype.applyPaymentMethod = function (paymentMethod) {\n var identifier, secondaryIdentifier;\n var messageText = this.strings[paymentMethod.type + 'DeleteConfirmationMessage'];\n\n if (messageText) {\n switch (paymentMethod.type) {\n case paymentMethodTypes.card:\n identifier = paymentMethod.details.lastFour;\n secondaryIdentifier = paymentMethod.details.cardType;\n secondaryIdentifier = this.strings[secondaryIdentifier] || secondaryIdentifier;\n break;\n case paymentMethodTypes.paypal:\n identifier = paymentMethod.details.email;\n break;\n case paymentMethodTypes.venmo:\n identifier = paymentMethod.details.username;\n break;\n default:\n break;\n }\n\n messageText = messageText.replace('{{identifier}}', identifier);\n if (secondaryIdentifier) {\n messageText = messageText.replace('{{secondaryIdentifier}}', secondaryIdentifier);\n }\n } else {\n messageText = this.strings.genericDeleteConfirmationMessage;\n }\n this._messageBox.innerText = messageText;\n};\n\nDeleteConfirmationView.prototype.onSelection = function () {\n window.requestAnimationFrame(function () {\n this._yesButton.focus();\n }.bind(this));\n};\n\nmodule.exports = DeleteConfirmationView;\n\n},{\"../constants\":196,\"../lib/add-selection-event-handler\":200,\"./base-view\":254}],256:[function(require,module,exports){\n'use strict';\n\nvar analytics = require('../lib/analytics');\nvar analyticsKinds = require('../constants').analyticsKinds;\nvar BaseView = require('./base-view');\nvar classList = require('@braintree/class-list');\nvar sheetViews = require('./payment-sheet-views');\nvar PaymentMethodsView = require('./payment-methods-view');\nvar PaymentOptionsView = require('./payment-options-view');\nvar DeleteConfirmationView = require('./delete-confirmation-view');\nvar addSelectionEventHandler = require('../lib/add-selection-event-handler');\nvar Promise = require('../lib/promise');\nvar wait = require('../lib/wait');\nvar supportsFlexbox = require('../lib/supports-flexbox');\n\nvar CHANGE_ACTIVE_PAYMENT_METHOD_TIMEOUT = require('../constants').CHANGE_ACTIVE_PAYMENT_METHOD_TIMEOUT;\nvar DEVELOPER_MISCONFIGURATION_MESSAGE = require('../constants').errors.DEVELOPER_MISCONFIGURATION_MESSAGE;\n\nfunction MainView() {\n BaseView.apply(this, arguments);\n\n this.dependenciesInitializing = 0;\n\n this._initialize();\n}\n\nMainView.prototype = Object.create(BaseView.prototype);\nMainView.prototype.constructor = MainView;\n\nMainView.prototype._initialize = function () {\n var paymentOptionsView;\n\n this._hasMultiplePaymentOptions = this.model.supportedPaymentOptions.length > 1;\n\n this._views = {};\n\n this.sheetContainer = this.getElementById('sheet-container');\n this.sheetErrorText = this.getElementById('sheet-error-text');\n\n this.toggle = this.getElementById('toggle');\n this.disableWrapper = this.getElementById('disable-wrapper');\n this.lowerContainer = this.getElementById('lower-container');\n\n this.loadingContainer = this.getElementById('loading-container');\n this.dropinContainer = this.element.querySelector('.braintree-dropin');\n\n this.supportsFlexbox = supportsFlexbox();\n\n this.model.on('asyncDependenciesReady', this.hideLoadingIndicator.bind(this));\n\n this.model.on('errorOccurred', this.showSheetError.bind(this));\n this.model.on('errorCleared', this.hideSheetError.bind(this));\n this.model.on('preventUserAction', this.preventUserAction.bind(this));\n this.model.on('allowUserAction', this.allowUserAction.bind(this));\n\n this.paymentSheetViewIDs = Object.keys(sheetViews).reduce(function (ids, sheetViewKey) {\n var PaymentSheetView, paymentSheetView;\n\n if (this.model.supportedPaymentOptions.indexOf(sheetViewKey) !== -1) {\n PaymentSheetView = sheetViews[sheetViewKey];\n\n paymentSheetView = new PaymentSheetView({\n element: this.getElementById(PaymentSheetView.ID),\n mainView: this,\n model: this.model,\n client: this.client,\n strings: this.strings\n });\n paymentSheetView.initialize();\n\n this.addView(paymentSheetView);\n ids.push(paymentSheetView.ID);\n }\n\n return ids;\n }.bind(this), []);\n\n this.paymentMethodsViews = new PaymentMethodsView({\n element: this.element,\n model: this.model,\n client: this.client,\n strings: this.strings\n });\n this.addView(this.paymentMethodsViews);\n\n this.deleteConfirmationView = new DeleteConfirmationView({\n element: this.getElementById('delete-confirmation'),\n model: this.model,\n strings: this.strings\n });\n this.addView(this.deleteConfirmationView);\n\n addSelectionEventHandler(this.toggle, this.toggleAdditionalOptions.bind(this));\n\n this.model.on('changeActivePaymentMethod', function () {\n wait.delay(CHANGE_ACTIVE_PAYMENT_METHOD_TIMEOUT).then(function () {\n var id = PaymentMethodsView.ID;\n\n // if Drop-in gets into the state where it's told to go to the methods\n // view, but there are no saved payment methods, it should instead\n // redirect to the view it started on\n if (!this.model.hasPaymentMethods()) {\n id = this.model.getInitialViewId();\n }\n\n this.setPrimaryView(id);\n }.bind(this));\n }.bind(this));\n\n this.model.on('changeActiveView', this._onChangeActiveView.bind(this));\n\n this.model.on('removeActivePaymentMethod', function () {\n var activePaymentView = this.getView(this.model.getActivePaymentViewId());\n\n if (activePaymentView && typeof activePaymentView.removeActivePaymentMethod === 'function') {\n activePaymentView.removeActivePaymentMethod();\n }\n }.bind(this));\n\n this.model.on('enableEditMode', this.enableEditMode.bind(this));\n\n this.model.on('disableEditMode', this.disableEditMode.bind(this));\n\n this.model.on('confirmPaymentMethodDeletion', this.openConfirmPaymentMethodDeletionDialog.bind(this));\n this.model.on('cancelVaultedPaymentMethodDeletion', this.cancelVaultedPaymentMethodDeletion.bind(this));\n this.model.on('startVaultedPaymentMethodDeletion', this.startVaultedPaymentMethodDeletion.bind(this));\n this.model.on('finishVaultedPaymentMethodDeletion', this.finishVaultedPaymentMethodDeletion.bind(this));\n\n if (this._hasMultiplePaymentOptions) {\n paymentOptionsView = new PaymentOptionsView({\n client: this.client,\n element: this.getElementById(PaymentOptionsView.ID),\n mainView: this,\n model: this.model,\n strings: this.strings\n });\n\n this.addView(paymentOptionsView);\n }\n\n this._sendToDefaultView();\n};\n\nMainView.prototype._onChangeActiveView = function (data) {\n var id = data.newViewId;\n var activePaymentView = this.getView(id);\n\n if (id === PaymentMethodsView.ID) {\n classList.add(this.paymentMethodsViews.container, 'braintree-methods--active');\n classList.remove(this.sheetContainer, 'braintree-sheet--active');\n } else {\n wait.delay(0).then(function () {\n classList.add(this.sheetContainer, 'braintree-sheet--active');\n }.bind(this));\n classList.remove(this.paymentMethodsViews.container, 'braintree-methods--active');\n if (!this.getView(id).getPaymentMethod()) {\n this.model.setPaymentMethodRequestable({\n isRequestable: false\n });\n }\n }\n\n activePaymentView.onSelection();\n};\n\nMainView.prototype.addView = function (view) {\n this._views[view.ID] = view;\n};\n\nMainView.prototype.getView = function (id) {\n return this._views[id];\n};\n\nMainView.prototype.setPrimaryView = function (id, secondaryViewId) {\n var paymentMethod;\n\n wait.delay(0).then(function () {\n this.element.className = prefixShowClass(id);\n if (secondaryViewId) {\n classList.add(this.element, prefixShowClass(secondaryViewId));\n }\n }.bind(this));\n\n this.primaryView = this.getView(id);\n this.model.changeActiveView(id);\n\n if (this.paymentSheetViewIDs.indexOf(id) !== -1) {\n if (this.model.getPaymentMethods().length > 0 || this.getView(PaymentOptionsView.ID)) {\n this.showToggle();\n } else {\n this.hideToggle();\n }\n } else if (id === PaymentMethodsView.ID) {\n this.showToggle();\n // Move options below the upper-container\n this.getElementById('lower-container').appendChild(this.getElementById('options'));\n } else if (id === PaymentOptionsView.ID) {\n this.hideToggle();\n }\n\n if (!this.supportsFlexbox) {\n this.element.setAttribute('data-braintree-no-flexbox', true);\n }\n\n paymentMethod = this.primaryView.getPaymentMethod();\n\n this.model.setPaymentMethodRequestable({\n isRequestable: Boolean(paymentMethod && !this.model.isInEditMode()),\n type: paymentMethod && paymentMethod.type,\n selectedPaymentMethod: paymentMethod\n });\n\n this.model.clearError();\n};\n\nMainView.prototype.requestPaymentMethod = function () {\n var activePaymentView = this.getView(this.model.getActivePaymentViewId());\n\n return activePaymentView.requestPaymentMethod().then(function (payload) {\n analytics.sendEvent(this.client, 'request-payment-method.' + analyticsKinds[payload.type]);\n\n return payload;\n }.bind(this)).catch(function (err) {\n analytics.sendEvent(this.client, 'request-payment-method.error');\n\n return Promise.reject(err);\n }.bind(this));\n};\n\nMainView.prototype.hideLoadingIndicator = function () {\n classList.remove(this.dropinContainer, 'braintree-loading');\n classList.add(this.dropinContainer, 'braintree-loaded');\n classList.add(this.loadingContainer, 'braintree-hidden');\n};\n\nMainView.prototype.showLoadingIndicator = function () {\n classList.add(this.dropinContainer, 'braintree-loading');\n classList.remove(this.dropinContainer, 'braintree-loaded');\n classList.remove(this.loadingContainer, 'braintree-hidden');\n};\n\nMainView.prototype.toggleAdditionalOptions = function () {\n var sheetViewID;\n var isPaymentSheetView = this.paymentSheetViewIDs.indexOf(this.primaryView.ID) !== -1;\n\n this.hideToggle();\n\n if (!this._hasMultiplePaymentOptions) {\n sheetViewID = this.paymentSheetViewIDs[0];\n\n classList.add(this.element, prefixShowClass(sheetViewID));\n this.model.changeActiveView(sheetViewID);\n } else if (isPaymentSheetView) {\n if (this.model.getPaymentMethods().length === 0) {\n this.setPrimaryView(PaymentOptionsView.ID);\n } else {\n this.setPrimaryView(PaymentMethodsView.ID, PaymentOptionsView.ID);\n this.hideToggle();\n }\n } else {\n classList.add(this.element, prefixShowClass(PaymentOptionsView.ID));\n }\n};\n\nMainView.prototype.showToggle = function () {\n if (this.model.isInEditMode()) {\n return;\n }\n classList.remove(this.toggle, 'braintree-hidden');\n classList.add(this.lowerContainer, 'braintree-hidden');\n};\n\nMainView.prototype.hideToggle = function () {\n classList.add(this.toggle, 'braintree-hidden');\n classList.remove(this.lowerContainer, 'braintree-hidden');\n};\n\nMainView.prototype.showSheetError = function (error) {\n var errorMessage;\n var genericErrorMessage = this.strings.genericError;\n\n if (this.strings.hasOwnProperty(error)) {\n errorMessage = this.strings[error];\n } else if (error && typeof error.code === 'string') {\n errorMessage = this.strings[snakeCaseToCamelCase(error.code) + 'Error'] || genericErrorMessage;\n } else if (error === 'developerError') {\n errorMessage = DEVELOPER_MISCONFIGURATION_MESSAGE;\n } else {\n errorMessage = genericErrorMessage;\n }\n\n classList.add(this.dropinContainer, 'braintree-sheet--has-error');\n this.sheetErrorText.innerHTML = errorMessage;\n};\n\nMainView.prototype.hideSheetError = function () {\n classList.remove(this.dropinContainer, 'braintree-sheet--has-error');\n};\n\nMainView.prototype.getOptionsElements = function () {\n return this._views.options.elements;\n};\n\nMainView.prototype.preventUserAction = function () {\n classList.remove(this.disableWrapper, 'braintree-hidden');\n};\n\nMainView.prototype.allowUserAction = function () {\n classList.add(this.disableWrapper, 'braintree-hidden');\n};\n\nMainView.prototype.teardown = function () {\n var error;\n var viewNames = Object.keys(this._views);\n var teardownPromises = viewNames.map(function (view) {\n return this._views[view].teardown().catch(function (err) {\n error = err;\n });\n }.bind(this));\n\n return Promise.all(teardownPromises).then(function () {\n if (error) {\n return Promise.reject(error);\n }\n\n return Promise.resolve();\n });\n};\n\nMainView.prototype.enableEditMode = function () {\n this.setPrimaryView(this.paymentMethodsViews.ID);\n this.paymentMethodsViews.enableEditMode();\n this.hideToggle();\n\n this.model.setPaymentMethodRequestable({\n isRequestable: false\n });\n};\n\nMainView.prototype.disableEditMode = function () {\n var paymentMethod;\n\n this.hideSheetError();\n this.paymentMethodsViews.disableEditMode();\n this.showToggle();\n\n paymentMethod = this.primaryView.getPaymentMethod();\n\n this.model.setPaymentMethodRequestable({\n isRequestable: Boolean(paymentMethod),\n type: paymentMethod && paymentMethod.type,\n selectedPaymentMethod: paymentMethod\n });\n};\n\nMainView.prototype.openConfirmPaymentMethodDeletionDialog = function (paymentMethod) {\n this.deleteConfirmationView.applyPaymentMethod(paymentMethod);\n this.setPrimaryView(this.deleteConfirmationView.ID);\n};\n\nMainView.prototype.cancelVaultedPaymentMethodDeletion = function () {\n this.setPrimaryView(this.paymentMethodsViews.ID);\n};\n\nMainView.prototype.startVaultedPaymentMethodDeletion = function () {\n this.element.className = '';\n this.showLoadingIndicator();\n};\n\nMainView.prototype.finishVaultedPaymentMethodDeletion = function (error) {\n var self = this;\n\n this.paymentMethodsViews.refreshPaymentMethods();\n\n if (error && this.model.getPaymentMethods().length > 0) {\n this.model.enableEditMode();\n this.showSheetError('vaultManagerPaymentMethodDeletionError');\n } else {\n this._sendToDefaultView();\n }\n\n return new Promise(function (resolve) {\n wait.delay(500).then(function () {\n // allow all the views to reset before hiding the loading indicator\n self.hideLoadingIndicator();\n resolve();\n });\n });\n};\n\nMainView.prototype._sendToDefaultView = function () {\n var paymentMethods = this.model.getPaymentMethods();\n var preselectVaultedPaymentMethod = this.model.merchantConfiguration.preselectVaultedPaymentMethod !== false;\n\n if (paymentMethods.length > 0) {\n if (preselectVaultedPaymentMethod) {\n analytics.sendEvent(this.client, 'vaulted-card.preselect');\n\n this.model.changeActivePaymentMethod(paymentMethods[0]);\n } else {\n this.setPrimaryView(this.paymentMethodsViews.ID);\n }\n } else if (this._hasMultiplePaymentOptions) {\n this.setPrimaryView(PaymentOptionsView.ID);\n } else {\n this.setPrimaryView(this.paymentSheetViewIDs[0]);\n }\n};\nfunction snakeCaseToCamelCase(s) {\n return s.toLowerCase().replace(/(\\_\\w)/g, function (m) {\n return m[1].toUpperCase();\n });\n}\n\nfunction prefixShowClass(classname) {\n return 'braintree-show-' + classname;\n}\n\nmodule.exports = MainView;\n\n},{\"../constants\":196,\"../lib/add-selection-event-handler\":200,\"../lib/analytics\":201,\"../lib/promise\":213,\"../lib/supports-flexbox\":215,\"../lib/wait\":218,\"./base-view\":254,\"./delete-confirmation-view\":255,\"./payment-methods-view\":258,\"./payment-options-view\":259,\"./payment-sheet-views\":264,\"@braintree/class-list\":40}],257:[function(require,module,exports){\n'use strict';\n\nvar analytics = require('../lib/analytics');\nvar BaseView = require('./base-view');\nvar classList = require('@braintree/class-list');\nvar constants = require('../constants');\n\nvar addSelectionEventHandler = require('../lib/add-selection-event-handler');\n\nvar paymentMethodHTML = \"
\\n\\n
\\n \\n \\n
\\n\\n
\\n\\n
\\n\";\n\nfunction PaymentMethodView() {\n BaseView.apply(this, arguments);\n\n this._initialize();\n}\n\nPaymentMethodView.prototype = Object.create(BaseView.prototype);\nPaymentMethodView.prototype.constructor = PaymentMethodView;\n\nPaymentMethodView.prototype._initialize = function () {\n var endingInText;\n var html = paymentMethodHTML;\n var paymentMethodCardTypes = constants.paymentMethodCardTypes;\n var paymentMethodTypes = constants.paymentMethodTypes;\n\n this.element = document.createElement('div');\n this.element.className = 'braintree-method';\n this.element.setAttribute('tabindex', '0');\n this.element.setAttribute('role', 'button');\n\n addSelectionEventHandler(this.element, function () {\n if (this.model.isInEditMode()) {\n this._selectDelete();\n } else {\n this._choosePaymentMethod();\n }\n }.bind(this));\n\n switch (this.paymentMethod.type) {\n case paymentMethodTypes.applePay:\n html = html.replace(/@ICON/g, 'logoApplePay')\n .replace(/@CLASSNAME/g, '')\n .replace(/@TITLE/g, this.strings['Apple Pay'])\n .replace(/@SUBTITLE/g, '');\n break;\n case paymentMethodTypes.card:\n endingInText = this.strings.endingIn.replace('{{lastFourCardDigits}}', this.paymentMethod.details.lastFour);\n html = html.replace(/@ICON/g, 'icon-' + paymentMethodCardTypes[this.paymentMethod.details.cardType])\n .replace(/@CLASSNAME/g, ' braintree-icon--bordered')\n .replace(/@TITLE/g, endingInText)\n .replace(/@SUBTITLE/g, this.strings[this.paymentMethod.details.cardType]);\n break;\n case paymentMethodTypes.googlePay:\n html = html.replace(/@ICON/g, 'logoGooglePay')\n .replace(/@CLASSNAME/g, '')\n .replace(/@TITLE/g, this.strings['Google Pay'])\n .replace(/@SUBTITLE/g, '');\n break;\n case paymentMethodTypes.paypal:\n html = html.replace(/@ICON/g, 'logoPayPal')\n .replace(/@CLASSNAME/g, '')\n .replace(/@TITLE/g, this.paymentMethod.details.email)\n .replace(/@SUBTITLE/g, this.strings.PayPal);\n break;\n case paymentMethodTypes.venmo:\n html = html.replace(/@ICON/g, 'logoVenmo')\n .replace(/@CLASSNAME/g, '')\n .replace(/@TITLE/g, this.paymentMethod.details.username)\n .replace(/@SUBTITLE/g, this.strings.Venmo);\n break;\n default:\n break;\n }\n\n this.element.innerHTML = html;\n this.checkMark = this.element.querySelector('.braintree-method__check-container');\n};\n\nPaymentMethodView.prototype.setActive = function (isActive) {\n // setTimeout required to animate addition of new payment methods\n setTimeout(function () {\n classList.toggle(this.element, 'braintree-method--active', isActive);\n }.bind(this), 0);\n};\n\nPaymentMethodView.prototype.enableEditMode = function () {\n classList.add(this.checkMark, 'braintree-hidden');\n if (this.paymentMethod.hasSubscription) {\n classList.add(this.element, 'braintree-method--disabled');\n }\n};\n\nPaymentMethodView.prototype.disableEditMode = function () {\n classList.remove(this.checkMark, 'braintree-hidden');\n classList.remove(this.element, 'braintree-method--disabled');\n};\n\nPaymentMethodView.prototype.teardown = function () {\n if (this.element.parentNode) {\n this.element.parentNode.removeChild(this.element);\n }\n};\n\nPaymentMethodView.prototype._choosePaymentMethod = function () {\n if (this.paymentMethod.vaulted) {\n analytics.sendEvent(this.client, 'vaulted-' + constants.analyticsKinds[this.paymentMethod.type] + '.select');\n }\n\n this.model.changeActivePaymentMethod(this.paymentMethod);\n};\n\nPaymentMethodView.prototype._selectDelete = function () {\n this.model.confirmPaymentMethodDeletion(this.paymentMethod);\n};\n\nmodule.exports = PaymentMethodView;\n\n},{\"../constants\":196,\"../lib/add-selection-event-handler\":200,\"../lib/analytics\":201,\"./base-view\":254,\"@braintree/class-list\":40}],258:[function(require,module,exports){\n'use strict';\n\nvar BaseView = require('./base-view');\nvar PaymentMethodView = require('./payment-method-view');\nvar DropinError = require('../lib/dropin-error');\nvar classList = require('@braintree/class-list');\nvar errors = require('../constants').errors;\nvar Promise = require('../lib/promise');\nvar addSelectionEventHandler = require('../lib/add-selection-event-handler');\n\nvar PAYMENT_METHOD_TYPE_TO_TRANSLATION_STRING = {\n CreditCard: 'Card',\n PayPalAccount: 'PayPal',\n ApplePayCard: 'Apple Pay',\n AndroidPayCard: 'Google Pay',\n VenmoAccount: 'Venmo'\n};\n\nfunction PaymentMethodsView() {\n BaseView.apply(this, arguments);\n\n this._initialize();\n}\n\nPaymentMethodsView.prototype = Object.create(BaseView.prototype);\nPaymentMethodsView.prototype.constructor = PaymentMethodsView;\nPaymentMethodsView.ID = PaymentMethodsView.prototype.ID = 'methods';\n\nPaymentMethodsView.prototype._initialize = function () {\n this.views = [];\n this.container = this.getElementById('methods-container');\n this._headingLabel = this.getElementById('methods-label');\n this._editButton = this.getElementById('methods-edit');\n\n this.model.on('addPaymentMethod', this._addPaymentMethod.bind(this));\n this.model.on('changeActivePaymentMethod', this._changeActivePaymentMethodView.bind(this));\n this.model.on('refreshPaymentMethods', this.refreshPaymentMethods.bind(this));\n\n this.refreshPaymentMethods();\n\n if (this.model.merchantConfiguration.vaultManager) {\n this.model.on('removePaymentMethod', this._removePaymentMethod.bind(this));\n\n addSelectionEventHandler(this._editButton, function () {\n if (this.model.isInEditMode()) {\n this.model.disableEditMode();\n } else {\n this.model.enableEditMode();\n }\n }.bind(this));\n\n classList.remove(this._editButton, 'braintree-hidden');\n }\n};\n\nPaymentMethodsView.prototype.removeActivePaymentMethod = function () {\n if (!this.activeMethodView) {\n return;\n }\n this.activeMethodView.setActive(false);\n this.activeMethodView = null;\n classList.add(this._headingLabel, 'braintree-no-payment-method-selected');\n};\n\nPaymentMethodsView.prototype._getPaymentMethodString = function () {\n var stringKey, paymentMethodTypeString;\n\n if (!this.activeMethodView) {\n return '';\n }\n\n stringKey = PAYMENT_METHOD_TYPE_TO_TRANSLATION_STRING[this.activeMethodView.paymentMethod.type];\n paymentMethodTypeString = this.strings[stringKey];\n\n return this.strings.payingWith.replace('{{paymentSource}}', paymentMethodTypeString);\n};\n\nPaymentMethodsView.prototype.enableEditMode = function () {\n classList.add(this.container, 'braintree-methods--edit');\n\n this._editButton.innerHTML = this.strings.deleteCancelButton;\n this._headingLabel.innerHTML = this.strings.editPaymentMethods;\n\n this.views.forEach(function (view) {\n view.enableEditMode();\n });\n};\n\nPaymentMethodsView.prototype.disableEditMode = function () {\n classList.remove(this.container, 'braintree-methods--edit');\n\n this._editButton.innerHTML = this.strings.edit;\n this._headingLabel.innerHTML = this._getPaymentMethodString();\n\n this.views.forEach(function (view) {\n view.disableEditMode();\n });\n};\n\nPaymentMethodsView.prototype._addPaymentMethod = function (paymentMethod) {\n var paymentMethodView = new PaymentMethodView({\n model: this.model,\n paymentMethod: paymentMethod,\n client: this.client,\n strings: this.strings\n });\n\n if (this.model.isGuestCheckout && this.container.firstChild) {\n this.views[0].teardown();\n this.views.pop();\n }\n\n if (this.container.firstChild) {\n this.container.insertBefore(paymentMethodView.element, this.container.firstChild);\n } else {\n this.container.appendChild(paymentMethodView.element);\n }\n\n this.views.push(paymentMethodView);\n};\n\nPaymentMethodsView.prototype._removePaymentMethod = function (paymentMethod) {\n var i;\n\n for (i = 0; i < this.views.length; i++) {\n if (this.views[i].paymentMethod === paymentMethod) {\n this.views[i].teardown();\n this._headingLabel.innerHTML = ' ';\n this.views.splice(i, 1);\n break;\n }\n }\n};\n\nPaymentMethodsView.prototype._changeActivePaymentMethodView = function (paymentMethod) {\n var i;\n var previousActiveMethodView = this.activeMethodView;\n\n for (i = 0; i < this.views.length; i++) {\n if (this.views[i].paymentMethod === paymentMethod) {\n this.activeMethodView = this.views[i];\n this._headingLabel.innerHTML = this._getPaymentMethodString();\n break;\n }\n }\n\n if (previousActiveMethodView) {\n previousActiveMethodView.setActive(false);\n }\n this.activeMethodView.setActive(true);\n classList.remove(this._headingLabel, 'braintree-no-payment-method-selected');\n};\n\nPaymentMethodsView.prototype.requestPaymentMethod = function () {\n if (!this.activeMethodView || this.model.isInEditMode()) {\n return Promise.reject(new DropinError(errors.NO_PAYMENT_METHOD_ERROR));\n }\n\n return Promise.resolve(this.activeMethodView.paymentMethod);\n};\n\nPaymentMethodsView.prototype.refreshPaymentMethods = function () {\n var i;\n var paymentMethods = this.model.getPaymentMethods();\n\n this.views.forEach(function (view) {\n view.teardown();\n });\n\n this.views = [];\n\n for (i = paymentMethods.length - 1; i >= 0; i--) {\n this._addPaymentMethod(paymentMethods[i]);\n }\n};\n\nmodule.exports = PaymentMethodsView;\n\n},{\"../constants\":196,\"../lib/add-selection-event-handler\":200,\"../lib/dropin-error\":206,\"../lib/promise\":213,\"./base-view\":254,\"./payment-method-view\":257,\"@braintree/class-list\":40}],259:[function(require,module,exports){\n'use strict';\n\nvar analytics = require('../lib/analytics');\nvar addSelectionEventHandler = require('../lib/add-selection-event-handler');\nvar BaseView = require('./base-view');\n\nvar paymentOptionIDs = require('../constants').paymentOptionIDs;\n\nvar paymentMethodOptionHTML = \"
\\n \\n \\n
\\n\\n
\\n\";\n\nfunction PaymentOptionsView() {\n BaseView.apply(this, arguments);\n\n this._initialize();\n}\n\nPaymentOptionsView.prototype = Object.create(BaseView.prototype);\nPaymentOptionsView.prototype.constructor = PaymentOptionsView;\nPaymentOptionsView.ID = PaymentOptionsView.prototype.ID = 'options';\n\nPaymentOptionsView.prototype._initialize = function () {\n this.container = this.getElementById('payment-options-container');\n this.elements = {};\n\n this.model.supportedPaymentOptions.forEach(function (paymentOptionID) {\n this._addPaymentOption(paymentOptionID);\n }.bind(this));\n};\n\nPaymentOptionsView.prototype._addPaymentOption = function (paymentOptionID) {\n var paymentSource;\n var div = document.createElement('div');\n var html = paymentMethodOptionHTML;\n var clickHandler = function clickHandler() {\n this.mainView.setPrimaryView(paymentOptionID);\n this.model.selectPaymentOption(paymentOptionID);\n analytics.sendEvent(this.client, 'selected.' + paymentOptionIDs[paymentOptionID]);\n }.bind(this);\n\n div.className = 'braintree-option braintree-option__' + paymentOptionID;\n div.setAttribute('tabindex', '0');\n div.setAttribute('role', 'button');\n\n switch (paymentOptionID) {\n case paymentOptionIDs.applePay:\n paymentSource = this.strings['Apple Pay'];\n html = html.replace(/@ICON/g, 'logoApplePay');\n break;\n case paymentOptionIDs.card:\n paymentSource = this.strings.Card;\n html = html.replace(/@ICON/g, 'iconCardFront');\n html = html.replace(/@CLASSNAME/g, 'braintree-icon--bordered');\n break;\n case paymentOptionIDs.googlePay:\n paymentSource = this.strings['Google Pay'];\n html = html.replace(/@ICON/g, 'logoGooglePay');\n break;\n case paymentOptionIDs.paypal:\n paymentSource = this.strings.PayPal;\n html = html.replace(/@ICON/g, 'logoPayPal');\n break;\n case paymentOptionIDs.paypalCredit:\n paymentSource = this.strings['PayPal Credit'];\n html = html.replace(/@ICON/g, 'logoPayPalCredit');\n break;\n case paymentOptionIDs.venmo:\n paymentSource = this.strings.Venmo;\n html = html.replace(/@ICON/g, 'logoVenmo');\n break;\n default:\n break;\n }\n\n html = html.replace(/@OPTION_LABEL/g, this._generateOptionLabel(paymentSource));\n html = html.replace(/@OPTION_TITLE/g, paymentSource);\n html = html.replace(/@CLASSNAME/g, '');\n\n div.innerHTML = html;\n\n addSelectionEventHandler(div, clickHandler);\n\n this.container.appendChild(div);\n this.elements[paymentOptionID] = {\n div: div,\n clickHandler: clickHandler\n };\n};\n\nPaymentOptionsView.prototype._generateOptionLabel = function (paymentSourceString) {\n return this.strings.payingWith.replace('{{paymentSource}}', paymentSourceString);\n};\n\nmodule.exports = PaymentOptionsView;\n\n},{\"../constants\":196,\"../lib/add-selection-event-handler\":200,\"../lib/analytics\":201,\"./base-view\":254}],260:[function(require,module,exports){\n(function (global){(function (){\n'use strict';\n\nvar assign = require('../../lib/assign').assign;\nvar BaseView = require('../base-view');\nvar btApplePay = require('braintree-web/apple-pay');\nvar DropinError = require('../../lib/dropin-error');\nvar isHTTPS = require('../../lib/is-https');\nvar Promise = require('../../lib/promise');\nvar paymentOptionIDs = require('../../constants').paymentOptionIDs;\n\nvar DEFAULT_APPLE_PAY_SESSION_VERSION = 2;\n\nfunction ApplePayView() {\n BaseView.apply(this, arguments);\n}\n\nApplePayView.prototype = Object.create(BaseView.prototype);\nApplePayView.prototype.constructor = ApplePayView;\nApplePayView.ID = ApplePayView.prototype.ID = paymentOptionIDs.applePay;\n\nApplePayView.prototype.initialize = function () {\n var self = this;\n\n self.applePayConfiguration = assign({}, self.model.merchantConfiguration.applePay);\n self.applePaySessionVersion = self.applePayConfiguration.applePaySessionVersion || DEFAULT_APPLE_PAY_SESSION_VERSION;\n\n delete self.applePayConfiguration.applePaySessionVersion;\n\n return btApplePay.create({client: this.client}).then(function (applePayInstance) {\n self.buttonDiv = self.getElementById('apple-pay-button');\n\n self.applePayInstance = applePayInstance;\n\n self.buttonDiv.onclick = self._showPaymentSheet.bind(self);\n self.buttonDiv.style['-apple-pay-button-style'] = self.model.merchantConfiguration.applePay.buttonStyle || 'black';\n\n self.model.asyncDependencyReady(ApplePayView.ID);\n }).catch(function (err) {\n self.model.asyncDependencyFailed({\n view: self.ID,\n error: new DropinError(err)\n });\n });\n};\n\nApplePayView.prototype._showPaymentSheet = function () {\n var self = this;\n var request, session;\n\n if (this._sessionInProgress) {\n return false;\n }\n\n this._sessionInProgress = true;\n\n request = this.applePayInstance.createPaymentRequest(this.applePayConfiguration.paymentRequest);\n session = new global.ApplePaySession(self.applePaySessionVersion, request);\n\n session.onvalidatemerchant = function (event) {\n self.applePayInstance.performValidation({\n validationURL: event.validationURL,\n displayName: self.applePayConfiguration.displayName\n }).then(function (validationData) {\n session.completeMerchantValidation(validationData);\n }).catch(function (validationErr) {\n self.model.reportError(validationErr);\n self._sessionInProgress = false;\n session.abort();\n });\n };\n\n session.onpaymentauthorized = function (event) {\n self.applePayInstance.tokenize({\n token: event.payment.token\n }).then(function (payload) {\n self._sessionInProgress = false;\n session.completePayment(global.ApplePaySession.STATUS_SUCCESS);\n payload.rawPaymentData = event.payment;\n self.model.addPaymentMethod(payload);\n }).catch(function (tokenizeErr) {\n self.model.reportError(tokenizeErr);\n self._sessionInProgress = false;\n session.completePayment(global.ApplePaySession.STATUS_FAILURE);\n });\n };\n\n session.oncancel = function () {\n self._sessionInProgress = false;\n };\n\n session.begin();\n\n return false;\n};\n\nApplePayView.prototype.updateConfiguration = function (key, value) {\n this.applePayConfiguration[key] = value;\n};\n\nApplePayView.isEnabled = function (options) {\n var gatewayConfiguration = options.client.getConfiguration().gatewayConfiguration;\n var applePayEnabled = gatewayConfiguration.applePayWeb && Boolean(options.merchantConfiguration.applePay);\n var applePaySessionVersion = options.merchantConfiguration.applePay && options.merchantConfiguration.applePay.applePaySessionVersion;\n var applePayBrowserSupported;\n\n applePaySessionVersion = applePaySessionVersion || DEFAULT_APPLE_PAY_SESSION_VERSION;\n\n if (!applePayEnabled) {\n return Promise.resolve(false);\n }\n\n applePayBrowserSupported = global.ApplePaySession && isHTTPS.isHTTPS();\n\n if (!applePayBrowserSupported) {\n return Promise.resolve(false);\n }\n\n if (!global.ApplePaySession.supportsVersion(applePaySessionVersion)) {\n return Promise.resolve(false);\n }\n\n return Promise.resolve(Boolean(global.ApplePaySession.canMakePayments()));\n};\n\nmodule.exports = ApplePayView;\n\n}).call(this)}).call(this,typeof global !== \"undefined\" ? global : typeof self !== \"undefined\" ? self : typeof window !== \"undefined\" ? window : {})\n},{\"../../constants\":196,\"../../lib/assign\":202,\"../../lib/dropin-error\":206,\"../../lib/is-https\":209,\"../../lib/promise\":213,\"../base-view\":254,\"braintree-web/apple-pay\":54}],261:[function(require,module,exports){\n(function (global){(function (){\n'use strict';\n\nvar analytics = require('../../lib/analytics');\nvar assign = require('../../lib/assign').assign;\nvar browserDetection = require('../../lib/browser-detection');\nvar BaseView = require('../base-view');\nvar btPaypal = require('braintree-web/paypal-checkout');\nvar DropinError = require('../../lib/dropin-error');\nvar constants = require('../../constants');\nvar assets = require('@braintree/asset-loader');\nvar translations = require('../../translations').fiveCharacterLocales;\nvar Promise = require('../../lib/promise');\n\nvar ASYNC_DEPENDENCY_TIMEOUT = 30000;\nvar READ_ONLY_CONFIGURATION_OPTIONS = ['offerCredit', 'locale'];\nvar DEFAULT_CHECKOUTJS_LOG_LEVEL = 'warn';\n\nvar paypalScriptLoadInProgressPromise;\n\nfunction BasePayPalView() {\n BaseView.apply(this, arguments);\n}\n\nBasePayPalView.prototype = Object.create(BaseView.prototype);\n\nBasePayPalView.prototype.initialize = function () {\n var asyncDependencyTimeoutHandler;\n var isCredit = Boolean(this._isPayPalCredit);\n var setupComplete = false;\n var self = this;\n var paypalType = isCredit ? 'paypalCredit' : 'paypal';\n var paypalConfiguration = this.model.merchantConfiguration[paypalType];\n var dropinWrapperId = '#braintree--dropin__' + this.model.componentID;\n\n this.paypalConfiguration = assign({}, paypalConfiguration);\n\n asyncDependencyTimeoutHandler = setTimeout(function () {\n self.model.asyncDependencyFailed({\n view: self.ID,\n error: new DropinError('There was an error connecting to PayPal.')\n });\n }, ASYNC_DEPENDENCY_TIMEOUT);\n\n return btPaypal.create({client: this.client}).then(function (paypalInstance) {\n var checkoutJSConfiguration;\n var buttonSelector = '[data-braintree-id=\"paypal-button\"]';\n var environment = self.client.getConfiguration().gatewayConfiguration.environment === 'production' ? 'production' : 'sandbox';\n var locale = self.model.merchantConfiguration.locale;\n\n self.paypalInstance = paypalInstance;\n\n self.paypalConfiguration.offerCredit = Boolean(isCredit);\n checkoutJSConfiguration = {\n env: environment,\n style: self.paypalConfiguration.buttonStyle || {},\n commit: self.paypalConfiguration.commit,\n payment: function () {\n return paypalInstance.createPayment(self.paypalConfiguration).catch(reportError);\n },\n onAuthorize: function (data) {\n // NEXT_MAJOR_VERSION change out this vaultPayPal property\n // to something more generic, such as vaultOnTokenization so\n // all the vault objects can have the same shape (instead\n // of being specific to PayPal accounts here)\n var shouldNotVault = self.paypalConfiguration.vault && self.paypalConfiguration.vault.vaultPayPal === false;\n\n if (shouldNotVault) {\n data.vault = false;\n }\n\n return paypalInstance.tokenizePayment(data).then(function (tokenizePayload) {\n if (!shouldNotVault && self.paypalConfiguration.flow === 'vault' && !self.model.isGuestCheckout) {\n tokenizePayload.vaulted = true;\n }\n self.model.addPaymentMethod(tokenizePayload);\n }).catch(reportError);\n },\n onError: reportError\n };\n\n if (locale && locale in translations) {\n self.paypalConfiguration.locale = locale;\n checkoutJSConfiguration.locale = locale;\n }\n checkoutJSConfiguration.funding = {\n disallowed: []\n };\n\n Object.keys(global.paypal.FUNDING).forEach(function (key) {\n if (key === 'PAYPAL' || key === 'CREDIT') {\n return;\n }\n checkoutJSConfiguration.funding.disallowed.push(global.paypal.FUNDING[key]);\n });\n\n if (isCredit) {\n buttonSelector = '[data-braintree-id=\"paypal-credit-button\"]';\n checkoutJSConfiguration.style.label = 'credit';\n } else {\n checkoutJSConfiguration.funding.disallowed.push(global.paypal.FUNDING.CREDIT);\n }\n\n buttonSelector = dropinWrapperId + ' ' + buttonSelector;\n\n return global.paypal.Button.render(checkoutJSConfiguration, buttonSelector).then(function () {\n self.model.asyncDependencyReady(paypalType);\n setupComplete = true;\n clearTimeout(asyncDependencyTimeoutHandler);\n });\n }).catch(reportError);\n\n function reportError(err) {\n if (setupComplete) {\n self.model.reportError(err);\n } else {\n self.model.asyncDependencyFailed({\n view: self.ID,\n error: err\n });\n clearTimeout(asyncDependencyTimeoutHandler);\n }\n }\n};\n\nBasePayPalView.prototype.requestPaymentMethod = function () {\n this.model.reportError('paypalButtonMustBeUsed');\n\n return BaseView.prototype.requestPaymentMethod.call(this);\n};\n\nBasePayPalView.prototype.updateConfiguration = function (key, value) {\n if (READ_ONLY_CONFIGURATION_OPTIONS.indexOf(key) === -1) {\n this.paypalConfiguration[key] = value;\n }\n};\n\nBasePayPalView.isEnabled = function (options) {\n var gatewayConfiguration = options.client.getConfiguration().gatewayConfiguration;\n var merchantPayPalConfig = options.merchantConfiguration.paypal || options.merchantConfiguration.paypalCredit;\n\n if (!gatewayConfiguration.paypalEnabled) {\n return Promise.resolve(false);\n }\n\n if (browserDetection.isIe9() || browserDetection.isIe10()) {\n analytics.sendEvent(options.client, options.viewID + '.checkout.js-browser-not-supported');\n\n return Promise.resolve(false);\n }\n\n if (global.paypal && global.paypal.Button) {\n return Promise.resolve(true);\n }\n\n if (paypalScriptLoadInProgressPromise) {\n return paypalScriptLoadInProgressPromise;\n }\n\n paypalScriptLoadInProgressPromise = assets.loadScript({\n src: constants.CHECKOUT_JS_SOURCE,\n id: constants.PAYPAL_CHECKOUT_SCRIPT_ID,\n dataAttributes: {\n 'log-level': merchantPayPalConfig.logLevel || DEFAULT_CHECKOUTJS_LOG_LEVEL\n }\n }).then(function () {\n return Promise.resolve(true);\n }).catch(function () {\n return Promise.resolve(false);\n }).then(function (result) {\n paypalScriptLoadInProgressPromise = null;\n\n return Promise.resolve(result);\n });\n\n return paypalScriptLoadInProgressPromise;\n};\n\nmodule.exports = BasePayPalView;\n\n}).call(this)}).call(this,typeof global !== \"undefined\" ? global : typeof self !== \"undefined\" ? self : typeof window !== \"undefined\" ? window : {})\n},{\"../../constants\":196,\"../../lib/analytics\":201,\"../../lib/assign\":202,\"../../lib/browser-detection\":203,\"../../lib/dropin-error\":206,\"../../lib/promise\":213,\"../../translations\":237,\"../base-view\":254,\"@braintree/asset-loader\":1,\"braintree-web/paypal-checkout\":138}],262:[function(require,module,exports){\n'use strict';\n\nvar assign = require('../../lib/assign').assign;\n\nvar BaseView = require('../base-view');\nvar classList = require('@braintree/class-list');\nvar constants = require('../../constants');\nvar DropinError = require('../../lib/dropin-error');\nvar hostedFields = require('braintree-web/hosted-fields');\nvar isUtf8 = require('../../lib/is-utf-8');\nvar transitionHelper = require('../../lib/transition-helper');\nvar Promise = require('../../lib/promise');\n\nvar cardIconHTML = \"
\\n \\n \\n
\\n
\\n \\n \\n
\\n
\\n \\n \\n
\\n
\\n \\n \\n
\\n
\\n \\n \\n
\\n\\n
\\n \\n \\n
\\n
\\n \\n \\n
\\n
\\n \\n \\n
\\n\\n
\\n \\n \\n
\\n
\\n \\n \\n
\\n
\\n \\n \\n
\\n\";\n\nvar PASSTHROUGH_EVENTS = [\n 'empty',\n // TODO should intercept this event and call tokenize\n 'inputSubmitRequest',\n 'binAvailable'\n];\n\nfunction CardView() {\n BaseView.apply(this, arguments);\n}\n\nCardView.prototype = Object.create(BaseView.prototype);\nCardView.prototype.constructor = CardView;\nCardView.ID = CardView.prototype.ID = constants.paymentOptionIDs.card;\n\nCardView.prototype.initialize = function () {\n var cvvFieldGroup, postalCodeFieldGroup, hfOptions;\n var cardholderNameGroup = this.getElementById('cardholder-name-field-group');\n var cardIcons = this.getElementById('card-view-icons');\n\n // If merchant explicty passes a value of `true` for card configuration,\n // we need to treat it as if no card configuration was passed, and provide\n // the default configuration\n if (this.model.merchantConfiguration.card && this.model.merchantConfiguration.card !== true) {\n this.merchantConfiguration = this.model.merchantConfiguration.card;\n } else {\n this.merchantConfiguration = {};\n }\n this.merchantConfiguration.vault = this.merchantConfiguration.vault || {};\n this.hasCardholderName = Boolean(this.merchantConfiguration.cardholderName);\n this.cardholderNameRequired = this.hasCardholderName && this.merchantConfiguration.cardholderName.required === true;\n hfOptions = this._generateHostedFieldsOptions();\n\n cardIcons.innerHTML = cardIconHTML;\n this._hideUnsupportedCardIcons();\n\n this.hasCVV = hfOptions.fields.cvv;\n this.saveCardInput = this.getElementById('save-card-input');\n this.cardNumberIcon = this.getElementById('card-number-icon');\n this.cardNumberIconSvg = this.getElementById('card-number-icon-svg');\n this.cvvIcon = this.getElementById('cvv-icon');\n this.cvvIconSvg = this.getElementById('cvv-icon-svg');\n this.cvvLabelDescriptor = this.getElementById('cvv-label-descriptor');\n this.fieldErrors = {};\n\n if (!this.hasCardholderName) {\n cardholderNameGroup.parentNode.removeChild(cardholderNameGroup);\n }\n\n if (!this.hasCVV) {\n cvvFieldGroup = this.getElementById('cvv-field-group');\n cvvFieldGroup.parentNode.removeChild(cvvFieldGroup);\n }\n\n if (!hfOptions.fields.postalCode) {\n postalCodeFieldGroup = this.getElementById('postal-code-field-group');\n postalCodeFieldGroup.parentNode.removeChild(postalCodeFieldGroup);\n }\n\n if (!this.model.isGuestCheckout && this.merchantConfiguration.vault.allowVaultCardOverride === true) {\n classList.remove(this.getElementById('save-card-field-group'), 'braintree-hidden');\n }\n\n // NEXT_MAJOR_VERSION change out this vaultCard property\n // to something more generic, such as vaultOnTokenization so\n // all the vault objects can have the same shape (instead\n // of being specific to cards here)\n if (this.merchantConfiguration.vault.vaultCard === false) {\n this.saveCardInput.checked = false;\n }\n\n return hostedFields.create(hfOptions).then(function (hostedFieldsInstance) {\n this.hostedFieldsInstance = hostedFieldsInstance;\n this.hostedFieldsInstance.on('blur', this._onBlurEvent.bind(this));\n this.hostedFieldsInstance.on('cardTypeChange', this._onCardTypeChangeEvent.bind(this));\n this.hostedFieldsInstance.on('focus', this._onFocusEvent.bind(this));\n this.hostedFieldsInstance.on('notEmpty', this._onNotEmptyEvent.bind(this));\n this.hostedFieldsInstance.on('validityChange', this._onValidityChangeEvent.bind(this));\n\n PASSTHROUGH_EVENTS.forEach(function (eventName) {\n this.hostedFieldsInstance.on(eventName, function (event) {\n this.model._emit('card:' + eventName, event);\n }.bind(this));\n }.bind(this));\n\n this.model.asyncDependencyReady(CardView.ID);\n }.bind(this)).catch(function (err) {\n this.model.asyncDependencyFailed({\n view: this.ID,\n error: err\n });\n }.bind(this));\n};\n\nCardView.prototype._sendRequestableEvent = function () {\n if (!this._isTokenizing) {\n this.model.setPaymentMethodRequestable({\n isRequestable: this._validateForm(),\n type: constants.paymentMethodTypes.card\n });\n }\n};\n\nCardView.prototype._generateHostedFieldsOptions = function () {\n var challenges = this.client.getConfiguration().gatewayConfiguration.challenges;\n var hasCVVChallenge = challenges.indexOf('cvv') !== -1;\n var hasPostalCodeChallenge = challenges.indexOf('postal_code') !== -1;\n var overrides = this.merchantConfiguration.overrides;\n var options = {\n client: this.client,\n fields: {\n cardholderName: {\n container: this._getFieldContainer('cardholder-name'),\n placeholder: this.strings.cardholderNamePlaceholder\n },\n number: {\n container: this._getFieldContainer('number'),\n placeholder: generateCardNumberPlaceholder()\n },\n expirationDate: {\n container: this._getFieldContainer('expiration'),\n placeholder: this.strings.expirationDatePlaceholder\n },\n cvv: {\n container: this._getFieldContainer('cvv'),\n placeholder: addBullets(3)\n },\n postalCode: {\n container: this._getFieldContainer('postal-code')\n }\n },\n styles: {\n input: {\n 'font-size': '16px',\n 'font-family': '-apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Roboto\", \"Oxygen\", \"Ubuntu\", \"Cantarell\", \"Fira Sans\", \"Droid Sans\", \"Helvetica Neue\", sans-serif',\n color: '#000'\n },\n ':focus': {\n color: 'black'\n },\n '::-webkit-input-placeholder': {\n color: '#6a6a6a'\n },\n ':-moz-placeholder': {\n color: '#6a6a6a'\n },\n '::-moz-placeholder': {\n color: '#6a6a6a'\n },\n ':-ms-input-placeholder ': {\n color: '#6a6a6a'\n },\n 'input::-ms-clear': {\n color: 'transparent'\n }\n }\n };\n\n if (!this.hasCardholderName) {\n delete options.fields.cardholderName;\n }\n\n if (!hasCVVChallenge) {\n delete options.fields.cvv;\n }\n\n if (!hasPostalCodeChallenge) {\n delete options.fields.postalCode;\n }\n\n if (!overrides) { return options; }\n\n if (overrides.fields) {\n if (overrides.fields.cvv && typeof overrides.fields.cvv.placeholder !== 'undefined') {\n this._hasCustomCVVPlaceholder = true;\n }\n\n Object.keys(overrides.fields).forEach(function (field) {\n if ((field === 'cvv' || field === 'postalCode') && overrides.fields[field] === null) {\n delete options.fields[field];\n\n return;\n }\n\n if (!options.fields[field]) {\n return;\n }\n\n assign(options.fields[field], overrides.fields[field], {\n selector: options.fields[field].selector\n });\n });\n }\n\n if (overrides.styles) {\n Object.keys(overrides.styles).forEach(function (style) {\n if (overrides.styles[style] === null) {\n delete options.styles[style];\n\n return;\n } else if (typeof overrides.styles[style] === 'string') {\n // it's a class name, and should override the configured styles entirely\n options.styles[style] = overrides.styles[style];\n\n return;\n }\n\n normalizeStyles(overrides.styles[style]);\n options.styles[style] = options.styles[style] || {};\n\n assign(options.styles[style], overrides.styles[style]);\n });\n }\n\n return options;\n};\n\nCardView.prototype._validateForm = function (showFieldErrors) {\n var card, cardType, cardTypeSupported, state;\n var isValid = true;\n var supportedCardTypes = this.client.getConfiguration().gatewayConfiguration.creditCards.supportedCardTypes;\n\n if (!this.hostedFieldsInstance) {\n return false;\n }\n\n state = this.hostedFieldsInstance.getState();\n\n Object.keys(state.fields).forEach(function (key) {\n var field = state.fields[key];\n\n if (!showFieldErrors && !isValid) {\n // return early if form is already invalid\n // and we don't need to display all field errors\n return;\n }\n\n if (field.isEmpty) {\n if (!this.cardholderNameRequired && key === 'cardholderName') {\n isValid = true;\n } else {\n isValid = false;\n\n if (showFieldErrors) {\n this.showFieldError(key, this.strings['fieldEmptyFor' + capitalize(key)]);\n }\n }\n } else if (!field.isValid) {\n isValid = false;\n\n if (showFieldErrors) {\n this.showFieldError(key, this.strings['fieldInvalidFor' + capitalize(key)]);\n }\n }\n }.bind(this));\n\n if (state.fields.number.isValid) {\n card = state.cards[0];\n cardType = card && constants.configurationCardTypes[card.type];\n cardTypeSupported = cardType && supportedCardTypes.indexOf(cardType) !== -1;\n\n if (!cardTypeSupported) {\n isValid = false;\n\n if (showFieldErrors) {\n this.showFieldError('number', this.strings.unsupportedCardTypeError);\n }\n }\n }\n\n return isValid;\n};\n\nCardView.prototype.getPaymentMethod = function () { // eslint-disable-line consistent-return\n var formIsValid = this._validateForm();\n\n if (formIsValid) {\n return {\n type: constants.paymentMethodTypes.card\n };\n }\n};\n\nCardView.prototype.tokenize = function () {\n var transitionCallback;\n var self = this;\n var state = self.hostedFieldsInstance.getState();\n var tokenizeOptions = {\n vault: this._shouldVault()\n };\n\n this.model.clearError();\n\n if (!this._validateForm(true)) {\n self.model.reportError('hostedFieldsFieldsInvalidError');\n self.allowUserAction();\n\n return Promise.reject(new DropinError(constants.errors.NO_PAYMENT_METHOD_ERROR));\n }\n\n if (!this.cardholderNameRequired && state.fields.cardholderName && state.fields.cardholderName.isEmpty) {\n tokenizeOptions.fieldsToTokenize = Object.keys(state.fields).filter(function (field) {\n return field !== 'cardholderName';\n });\n }\n\n self._isTokenizing = true;\n\n return self.hostedFieldsInstance.tokenize(tokenizeOptions).then(function (payload) {\n var retainCardFields = self.merchantConfiguration.clearFieldsAfterTokenization === false;\n\n if (!retainCardFields) {\n Object.keys(state.fields).forEach(function (field) {\n self.hostedFieldsInstance.clear(field);\n });\n }\n\n if (self._shouldVault()) {\n payload.vaulted = true;\n }\n\n return new Promise(function (resolve) {\n transitionCallback = function () {\n // Wait for braintree-sheet--tokenized class to be added in IE 9\n // before attempting to remove it\n setTimeout(function () {\n self.model.addPaymentMethod(payload);\n resolve(payload);\n classList.remove(self.element, 'braintree-sheet--tokenized');\n }, 0);\n };\n\n transitionHelper.onTransitionEnd(self.element, 'max-height', transitionCallback);\n\n setTimeout(function () {\n self.allowUserAction();\n self._isTokenizing = false;\n }, constants.CHANGE_ACTIVE_PAYMENT_METHOD_TIMEOUT);\n\n classList.add(self.element, 'braintree-sheet--tokenized');\n });\n }).catch(function (err) {\n self._isTokenizing = false;\n // this is a little magical, but if the code property exists\n // in the translations with the word Error appended to the end,\n // then reportError will automatically print that translation.\n // See https://github.com/braintree/braintree-web-drop-in/blob/6ecba73f2f16e8b7ae2119702ac162a1a985908e/src/views/main-view.js#L255-L256\n self.model.reportError(err);\n self.allowUserAction();\n\n return Promise.reject(new DropinError({\n message: constants.errors.NO_PAYMENT_METHOD_ERROR,\n braintreeWebError: err\n }));\n });\n};\n\nCardView.prototype.showFieldError = function (field, errorMessage) {\n var fieldError;\n var fieldGroup = this.getElementById(camelCaseToKebabCase(field) + '-field-group');\n var input = fieldGroup.querySelector('input');\n\n if (!this.fieldErrors.hasOwnProperty(field)) {\n this.fieldErrors[field] = this.getElementById(camelCaseToKebabCase(field) + '-field-error');\n }\n\n classList.add(fieldGroup, 'braintree-form__field-group--has-error');\n\n fieldError = this.fieldErrors[field];\n fieldError.innerHTML = errorMessage;\n\n if (input) {\n input.setAttribute('aria-invalid', true);\n } else {\n this.hostedFieldsInstance.setAttribute({\n field: field,\n attribute: 'aria-invalid',\n value: true\n });\n this.hostedFieldsInstance.setMessage({\n field: field,\n message: errorMessage\n });\n }\n};\n\nCardView.prototype.hideFieldError = function (field) {\n var fieldGroup = this.getElementById(camelCaseToKebabCase(field) + '-field-group');\n var input = fieldGroup.querySelector('input');\n\n if (!this.fieldErrors.hasOwnProperty(field)) {\n this.fieldErrors[field] = this.getElementById(camelCaseToKebabCase(field) + '-field-error');\n }\n\n classList.remove(fieldGroup, 'braintree-form__field-group--has-error');\n\n if (input) {\n input.removeAttribute('aria-invalid');\n } else {\n this.hostedFieldsInstance.removeAttribute({\n field: field,\n attribute: 'aria-invalid'\n });\n this.hostedFieldsInstance.setMessage({\n field: field,\n message: ''\n });\n }\n};\n\nCardView.prototype.teardown = function () {\n return this.hostedFieldsInstance.teardown();\n};\n\nCardView.prototype._shouldVault = function () {\n return !this.model.isGuestCheckout && this.saveCardInput.checked;\n};\n\nCardView.prototype._getFieldContainer = function (field) {\n // we committed to not changing the data-braintree-id fields\n // so we need to convert this field to the id used in the HTML\n if (field === 'expiration') {\n field = 'expiration-date';\n }\n\n return this.getElementById(field + '-field-group').querySelector('.braintree-form__hosted-field');\n};\n\nCardView.prototype._onBlurEvent = function (event) {\n var field = event.fields[event.emittedBy];\n var fieldGroup = this.getElementById(camelCaseToKebabCase(event.emittedBy) + '-field-group');\n\n classList.remove(fieldGroup, 'braintree-form__field-group--is-focused');\n\n if (field.isPotentiallyValid) {\n this.hideFieldError(event.emittedBy);\n }\n\n if (this._shouldApplyFieldEmptyError(event.emittedBy, field)) {\n this.showFieldError(event.emittedBy, this.strings['fieldEmptyFor' + capitalize(event.emittedBy)]);\n } else if (!field.isEmpty && !field.isValid) {\n this.showFieldError(event.emittedBy, this.strings['fieldInvalidFor' + capitalize(event.emittedBy)]);\n } else if (event.emittedBy === 'number' && !this._isCardTypeSupported(event.cards[0])) {\n this.showFieldError('number', this.strings.unsupportedCardTypeError);\n }\n\n this.model._emit('card:blur', event);\n\n setTimeout(function () {\n // when focusing on a field by clicking the label,\n // we need to wait a bit for the iframe to be\n // focused properly before applying validations\n if (this._shouldApplyFieldEmptyError(event.emittedBy, field)) {\n this.showFieldError(event.emittedBy, this.strings['fieldEmptyFor' + capitalize(event.emittedBy)]);\n }\n }.bind(this), 150);\n};\n\nCardView.prototype._onCardTypeChangeEvent = function (event) {\n var cardType;\n var cardNumberHrefLink = '#iconCardFront';\n var cvvHrefLink = '#iconCVVBack';\n var cvvDescriptor = this.strings.cvvThreeDigitLabelSubheading;\n var cvvPlaceholder = addBullets(3);\n var numberFieldGroup = this.getElementById('number-field-group');\n\n if (event.cards.length === 1) {\n cardType = event.cards[0].type;\n cardNumberHrefLink = '#icon-' + cardType;\n if (cardType === 'american-express') {\n cvvHrefLink = '#iconCVVFront';\n cvvDescriptor = this.strings.cvvFourDigitLabelSubheading;\n cvvPlaceholder = addBullets(4);\n }\n // Keep icon visible when field is not focused\n classList.add(numberFieldGroup, 'braintree-form__field-group--card-type-known');\n } else {\n classList.remove(numberFieldGroup, 'braintree-form__field-group--card-type-known');\n }\n\n // if the number field emitted the card change event fires\n // and the card type is supported, we need to clear out the errors\n // field in case that there was a \"card type is unsupported\" error\n if (event.emittedBy === 'number' && this._isCardTypeSupported(event.cards[0])) {\n this.hideFieldError(event.emittedBy);\n }\n\n this.cardNumberIconSvg.setAttribute('xlink:href', cardNumberHrefLink);\n\n if (this.hasCVV) {\n this.cvvIconSvg.setAttribute('xlink:href', cvvHrefLink);\n this.cvvLabelDescriptor.innerHTML = cvvDescriptor;\n\n if (!this._hasCustomCVVPlaceholder) {\n this.hostedFieldsInstance.setAttribute({\n field: 'cvv',\n attribute: 'placeholder',\n value: cvvPlaceholder\n });\n }\n }\n\n this.model._emit('card:cardTypeChange', event);\n};\n\nCardView.prototype._onFocusEvent = function (event) {\n var fieldGroup = this.getElementById(camelCaseToKebabCase(event.emittedBy) + '-field-group');\n\n classList.add(fieldGroup, 'braintree-form__field-group--is-focused');\n\n this.model._emit('card:focus', event);\n};\n\nCardView.prototype._onNotEmptyEvent = function (event) {\n this.hideFieldError(event.emittedBy);\n\n this.model._emit('card:notEmpty', event);\n};\n\nCardView.prototype._onValidityChangeEvent = function (event) {\n var isValid;\n var field = event.fields[event.emittedBy];\n\n if (event.emittedBy === 'number' && event.cards[0]) {\n isValid = field.isValid && this._isCardTypeSupported(event.cards[0]);\n } else {\n isValid = field.isValid;\n }\n\n classList.toggle(field.container, 'braintree-form__field--valid', isValid);\n\n if (field.isPotentiallyValid) {\n this.hideFieldError(event.emittedBy);\n }\n\n this._sendRequestableEvent();\n\n this.model._emit('card:validityChange', event);\n};\n\nCardView.prototype.requestPaymentMethod = function () {\n this.preventUserAction();\n\n return this.tokenize();\n};\n\nCardView.prototype.onSelection = function () {\n if (!this.hostedFieldsInstance) {\n return;\n }\n\n setTimeout(function () {\n if (this.hasCardholderName) {\n this.hostedFieldsInstance.focus('cardholderName');\n } else {\n this.hostedFieldsInstance.focus('number');\n }\n }.bind(this), 50);\n\n this._sendRequestableEvent();\n};\n\nCardView.prototype._hideUnsupportedCardIcons = function () {\n var supportedCardTypes = this.client.getConfiguration().gatewayConfiguration.creditCards.supportedCardTypes;\n\n Object.keys(constants.configurationCardTypes).forEach(function (paymentMethodCardType) {\n var cardIcon;\n var configurationCardType = constants.configurationCardTypes[paymentMethodCardType];\n\n if (supportedCardTypes.indexOf(configurationCardType) === -1) {\n cardIcon = this.getElementById(paymentMethodCardType + '-card-icon');\n classList.add(cardIcon, 'braintree-hidden');\n }\n }.bind(this));\n};\n\nCardView.prototype._isCardTypeSupported = function (card) {\n var cardType = card && card.type;\n var configurationCardType = constants.configurationCardTypes[cardType];\n var supportedCardTypes = this.client.getConfiguration().gatewayConfiguration.creditCards.supportedCardTypes;\n\n return supportedCardTypes.indexOf(configurationCardType) !== -1;\n};\n\nCardView.isEnabled = function (options) {\n var gatewayConfiguration = options.client.getConfiguration().gatewayConfiguration;\n var disabledByMerchant = options.merchantConfiguration.card === false;\n\n return Promise.resolve(!disabledByMerchant && gatewayConfiguration.creditCards.supportedCardTypes.length > 0);\n};\n\nCardView.prototype._shouldApplyFieldEmptyError = function (fieldId, field) {\n if (!field.isEmpty) {\n return false;\n }\n\n if (fieldId === 'cardholderName' && !this.cardholderNameRequired) {\n return false;\n }\n\n return isCardViewElement();\n};\n\nfunction isCardViewElement() {\n var activeId = document.activeElement && document.activeElement.id;\n var isHostedFieldsElement = document.activeElement instanceof HTMLIFrameElement && activeId.indexOf('braintree-hosted-field') !== -1;\n\n return isHostedFieldsElement;\n}\n\nfunction camelCaseToKebabCase(string) {\n return string.replace(/([a-z])([A-Z])/g, '$1-$2').toLowerCase();\n}\n\nfunction capitalize(string) {\n return string[0].toUpperCase() + string.substr(1);\n}\n\nfunction normalizeStyles(styles) {\n Object.keys(styles).forEach(function (style) {\n var transformedKeyName = camelCaseToKebabCase(style);\n\n styles[transformedKeyName] = styles[style];\n });\n}\n\nfunction addBullets(number) {\n var bulletCharacter = isUtf8() ? '•' : '*';\n\n return Array(number + 1).join(bulletCharacter);\n}\n\nfunction generateCardNumberPlaceholder() {\n var four = addBullets(4);\n\n return [four, four, four, four].join(' ');\n}\n\nmodule.exports = CardView;\n\n},{\"../../constants\":196,\"../../lib/assign\":202,\"../../lib/dropin-error\":206,\"../../lib/is-utf-8\":210,\"../../lib/promise\":213,\"../../lib/transition-helper\":217,\"../base-view\":254,\"@braintree/class-list\":40,\"braintree-web/hosted-fields\":86}],263:[function(require,module,exports){\n(function (global){(function (){\n'use strict';\n\nvar assign = require('../../lib/assign').assign;\nvar BaseView = require('../base-view');\nvar btGooglePay = require('braintree-web/google-payment');\nvar DropinError = require('../../lib/dropin-error');\nvar constants = require('../../constants');\nvar assets = require('@braintree/asset-loader');\nvar Promise = require('../../lib/promise');\nvar analytics = require('../../lib/analytics');\n\nfunction GooglePayView() {\n BaseView.apply(this, arguments);\n}\n\nGooglePayView.prototype = Object.create(BaseView.prototype);\nGooglePayView.prototype.constructor = GooglePayView;\nGooglePayView.ID = GooglePayView.prototype.ID = constants.paymentOptionIDs.googlePay;\n\nGooglePayView.prototype.initialize = function () {\n var self = this;\n var buttonOptions, googlePayVersion, merchantId;\n\n self.googlePayConfiguration = assign({}, self.model.merchantConfiguration.googlePay);\n googlePayVersion = self.googlePayConfiguration.googlePayVersion;\n merchantId = self.googlePayConfiguration.merchantId;\n\n buttonOptions = assign({\n buttonType: 'short'\n }, self.googlePayConfiguration.button, {\n onClick: function (event) {\n event.preventDefault();\n\n self.preventUserAction();\n\n self.tokenize().then(function () {\n self.allowUserAction();\n });\n }\n });\n\n delete self.googlePayConfiguration.googlePayVersion;\n delete self.googlePayConfiguration.merchantId;\n delete self.googlePayConfiguration.button;\n\n return btGooglePay.create({\n client: self.client,\n googlePayVersion: googlePayVersion,\n googleMerchantId: merchantId\n }).then(function (googlePayInstance) {\n self.googlePayInstance = googlePayInstance;\n self.paymentsClient = createPaymentsClient(self.client);\n }).then(function () {\n var buttonContainer = self.getElementById('google-pay-button');\n\n buttonContainer.appendChild(self.paymentsClient.createButton(buttonOptions));\n\n self.model.asyncDependencyReady(GooglePayView.ID);\n }).catch(function (err) {\n self.model.asyncDependencyFailed({\n view: self.ID,\n error: new DropinError(err)\n });\n });\n};\n\nGooglePayView.prototype.tokenize = function () {\n var self = this;\n var paymentDataRequest = self.googlePayInstance.createPaymentDataRequest(self.googlePayConfiguration);\n var rawPaymentData;\n\n return self.paymentsClient.loadPaymentData(paymentDataRequest).then(function (paymentData) {\n rawPaymentData = paymentData;\n\n return self.googlePayInstance.parseResponse(paymentData);\n }).then(function (tokenizePayload) {\n tokenizePayload.rawPaymentData = rawPaymentData;\n self.model.addPaymentMethod(tokenizePayload);\n }).catch(function (err) {\n var reportedError = err;\n\n if (err.statusCode === 'DEVELOPER_ERROR') {\n console.error(err); // eslint-disable-line no-console\n reportedError = 'developerError';\n } else if (err.statusCode === 'CANCELED') {\n analytics.sendEvent(self.client, 'googlepay.loadPaymentData.canceled');\n\n return;\n } else if (err.statusCode) {\n analytics.sendEvent(self.client, 'googlepay.loadPaymentData.failed');\n }\n\n self.model.reportError(reportedError);\n });\n};\n\nGooglePayView.prototype.updateConfiguration = function (key, value) {\n this.googlePayConfiguration[key] = value;\n};\n\nGooglePayView.isEnabled = function (options) {\n var gatewayConfiguration = options.client.getConfiguration().gatewayConfiguration;\n\n if (!(gatewayConfiguration.androidPay && Boolean(options.merchantConfiguration.googlePay))) {\n return Promise.resolve(false);\n }\n\n return Promise.resolve().then(function () {\n if (!(global.google && global.google.payments && global.google.payments.api && global.google.payments.api.PaymentsClient)) {\n return assets.loadScript({\n id: constants.GOOGLE_PAYMENT_SCRIPT_ID,\n src: constants.GOOGLE_PAYMENT_SOURCE\n });\n }\n\n return Promise.resolve();\n }).then(function () {\n var paymentsClient = createPaymentsClient(options.client);\n\n return paymentsClient.isReadyToPay({\n allowedPaymentMethods: ['CARD', 'TOKENIZED_CARD']\n });\n }).then(function (response) {\n return Boolean(response.result);\n });\n};\n\nfunction createPaymentsClient(client) {\n return new global.google.payments.api.PaymentsClient({\n environment: client.getConfiguration().gatewayConfiguration.environment === 'production' ? 'PRODUCTION' : 'TEST'\n });\n}\n\nmodule.exports = GooglePayView;\n\n}).call(this)}).call(this,typeof global !== \"undefined\" ? global : typeof self !== \"undefined\" ? self : typeof window !== \"undefined\" ? window : {})\n},{\"../../constants\":196,\"../../lib/analytics\":201,\"../../lib/assign\":202,\"../../lib/dropin-error\":206,\"../../lib/promise\":213,\"../base-view\":254,\"@braintree/asset-loader\":1,\"braintree-web/google-payment\":79}],264:[function(require,module,exports){\n'use strict';\n\nvar paymentOptionIDs = require('../../constants').paymentOptionIDs;\n\nvar result = {};\n\nresult[paymentOptionIDs.applePay] = require('./apple-pay-view');\nresult[paymentOptionIDs.card] = require('./card-view');\nresult[paymentOptionIDs.googlePay] = require('./google-pay-view');\nresult[paymentOptionIDs.paypal] = require('./paypal-view');\nresult[paymentOptionIDs.paypalCredit] = require('./paypal-credit-view');\nresult[paymentOptionIDs.venmo] = require('./venmo-view');\n\nmodule.exports = result;\n\n},{\"../../constants\":196,\"./apple-pay-view\":260,\"./card-view\":262,\"./google-pay-view\":263,\"./paypal-credit-view\":265,\"./paypal-view\":266,\"./venmo-view\":267}],265:[function(require,module,exports){\n'use strict';\n\nvar assign = require('../../lib/assign').assign;\nvar Promise = require('../../lib/promise');\nvar paymentOptionIDs = require('../../constants').paymentOptionIDs;\nvar BasePayPalView = require('./base-paypal-view');\n\nfunction PayPalCreditView() {\n BasePayPalView.apply(this, arguments);\n\n this._isPayPalCredit = true;\n}\n\nPayPalCreditView.prototype = Object.create(BasePayPalView.prototype);\nPayPalCreditView.prototype.constructor = PayPalCreditView;\nPayPalCreditView.ID = PayPalCreditView.prototype.ID = paymentOptionIDs.paypalCredit;\n\nPayPalCreditView.isEnabled = function (options) {\n if (!options.merchantConfiguration.paypalCredit) {\n return Promise.resolve(false);\n }\n\n return BasePayPalView.isEnabled(assign({\n viewID: PayPalCreditView.ID\n }, options));\n};\nmodule.exports = PayPalCreditView;\n\n},{\"../../constants\":196,\"../../lib/assign\":202,\"../../lib/promise\":213,\"./base-paypal-view\":261}],266:[function(require,module,exports){\n'use strict';\n\nvar assign = require('../../lib/assign').assign;\nvar Promise = require('../../lib/promise');\nvar paymentOptionIDs = require('../../constants').paymentOptionIDs;\nvar BasePayPalView = require('./base-paypal-view');\n\nfunction PayPalView() {\n BasePayPalView.apply(this, arguments);\n}\n\nPayPalView.prototype = Object.create(BasePayPalView.prototype);\nPayPalView.prototype.constructor = PayPalView;\nPayPalView.ID = PayPalView.prototype.ID = paymentOptionIDs.paypal;\n\nPayPalView.isEnabled = function (options) {\n if (!options.merchantConfiguration.paypal) {\n return Promise.resolve(false);\n }\n\n return BasePayPalView.isEnabled(assign({\n viewID: PayPalView.ID\n }, options));\n};\n\nmodule.exports = PayPalView;\n\n},{\"../../constants\":196,\"../../lib/assign\":202,\"../../lib/promise\":213,\"./base-paypal-view\":261}],267:[function(require,module,exports){\n'use strict';\n\nvar assign = require('../../lib/assign').assign;\nvar BaseView = require('../base-view');\nvar btVenmo = require('braintree-web/venmo');\nvar DropinError = require('../../lib/dropin-error');\nvar Promise = require('../../lib/promise');\nvar paymentOptionIDs = require('../../constants').paymentOptionIDs;\n\nfunction VenmoView() {\n BaseView.apply(this, arguments);\n}\n\nVenmoView.prototype = Object.create(BaseView.prototype);\nVenmoView.prototype.constructor = VenmoView;\nVenmoView.ID = VenmoView.prototype.ID = paymentOptionIDs.venmo;\n\nVenmoView.prototype.initialize = function () {\n var self = this;\n var venmoConfiguration = assign({}, self.model.merchantConfiguration.venmo, {client: this.client});\n\n return btVenmo.create(venmoConfiguration).then(function (venmoInstance) {\n self.venmoInstance = venmoInstance;\n\n if (!self.venmoInstance.hasTokenizationResult()) {\n return Promise.resolve();\n }\n\n return self.venmoInstance.tokenize().then(function (payload) {\n self.model.reportAppSwitchPayload(payload);\n }).catch(function (err) {\n if (self._isIgnorableError(err)) {\n return;\n }\n self.model.reportAppSwitchError(paymentOptionIDs.venmo, err);\n });\n }).then(function () {\n var button = self.getElementById('venmo-button');\n\n button.addEventListener('click', function (event) {\n event.preventDefault();\n\n self.preventUserAction();\n\n return self.venmoInstance.tokenize().then(function (payload) {\n self.model.addPaymentMethod(payload);\n }).catch(function (tokenizeErr) {\n if (self._isIgnorableError(tokenizeErr)) {\n return;\n }\n\n self.model.reportError(tokenizeErr);\n }).then(function () {\n self.allowUserAction();\n });\n });\n\n self.model.asyncDependencyReady(VenmoView.ID);\n }).catch(function (err) {\n self.model.asyncDependencyFailed({\n view: self.ID,\n error: new DropinError(err)\n });\n });\n};\n\nVenmoView.prototype._isIgnorableError = function (error) {\n // customer cancels the flow in the app\n // we don't emit an error because the customer\n // initiated that action\n return error.code === 'VENMO_APP_CANCELED' || error.code === 'VENMO_DESKTOP_CANCELED';\n};\n\nVenmoView.isEnabled = function (options) {\n var gatewayConfiguration = options.client.getConfiguration().gatewayConfiguration;\n var venmoEnabled = gatewayConfiguration.payWithVenmo && Boolean(options.merchantConfiguration.venmo);\n\n if (!venmoEnabled) {\n return Promise.resolve(false);\n }\n\n return Promise.resolve(btVenmo.isBrowserSupported(options.merchantConfiguration.venmo));\n};\n\nmodule.exports = VenmoView;\n\n},{\"../../constants\":196,\"../../lib/assign\":202,\"../../lib/dropin-error\":206,\"../../lib/promise\":213,\"../base-view\":254,\"braintree-web/venmo\":159}]},{},[199])(199)\n});\n\n/* WEBPACK VAR INJECTION */}.call(exports, __webpack_require__(118)))\n\n/***/ }),\n\n/***/ 1492:\n/***/ (function(module, exports) {\n\nmodule.exports = \"\\n
\\n
\\n
\\n \\n 1 \\n {{'SUBSCRIPTION.STEPS.STEP_1.TITLE' | translate:lang}} \\n {{'SUBSCRIPTION.STEPS.STEP_1.SUBTITLE' | translate:lang}} \\n \\n 2 \\n {{'SUBSCRIPTION.STEPS.STEP_2.TITLE' | translate:lang}} \\n {{'SUBSCRIPTION.STEPS.STEP_2.SUBTITLE' | translate:lang}} \\n \\n \\n
\\n
\\n
\\n
\\n {{'SUBSCRIPTION.STEPS.STEP_1.SECTION_1.TITLE' | translate:lang}} \\n \\n
\\n \\n\\n
\\n \\n Basic player for testing (Web) \\n \\n 1\\\">\\n Player for commercial use \\n (Web, iOS, Android) \\n \\n \\n Support (not guaranteed)\\n \\n \\n Support: {{subscriptionOrder?.product_plan.sla_info}}\\n \\n \\n {{ 'PLAN_CARROUSEL.EXTRA.STATS' | translate:lang }}: {{ subscriptionOrder?.product_plan?.statistics_type }}\\n \\n \\n {{ 'PLAN_CARROUSEL.EXTRA.ADS' | translate:lang }}\\n \\n \\n {{ 'PLAN_CARROUSEL.EXTRA.DRM' | translate:lang }}\\n \\n \\n
\\n\\n
\\n
\\n
\\n
\\n
\\n
\\n {{'SUBSCRIPTION.STEPS.STEP_1.SECTION_2.TITLE' | translate:lang}} {{'SUBSCRIPTION.STEPS.STEP_1.SECTION_2.SUBTITLE' | translate:lang}} \\n \\n \\n
\\n \\n {{'SUBSCRIPTION.LABEL.COMPANY' | translate:lang}}: \\n {{account?.account?.details.company_name}} \\n \\n \\n \\n {{'SUBSCRIPTION.LABEL.TAX_NO' | translate:lang}}: \\n {{account?.account?.details.tax_no}} \\n \\n \\n \\n {{'SUBSCRIPTION.LABEL.ADDRESS' | translate:lang}}: \\n {{account?.account?.details.address}} \\n \\n \\n \\n {{'SUBSCRIPTION.LABEL.CITY' | translate:lang}}, {{'SUBSCRIPTION.LABEL.POSTAL_CODE' | translate:lang}}: \\n {{account?.account?.details.city}}, {{account?.account?.details.postal_code}} \\n \\n \\n \\n {{'SUBSCRIPTION.LABEL.STATE' | translate:lang}}, \\n {{'SUBSCRIPTION.LABEL.COUNTRY' | translate:lang}}: \\n \\n {{account?.account?.details.state}} - {{account?.account?.details.country}} \\n \\n \\n {{'SUBSCRIPTION.LABEL.PHONE_NUMBER' | translate:lang}}: \\n {{account?.account?.details.phone_number}} \\n \\n \\n
\\n
{{'SUBSCRIPTION.BUTTON.EDIT' | translate:lang}} \\n
\\n
\\n
\\n
\\n \\n \\n
\\n \\n
\\n
\\n
\\n {{'SUBSCRIPTION.STEPS.STEP_2.SECTION_1.TITLE' | translate:lang}} {{'SUBSCRIPTION.STEPS.STEP_2.SECTION_1.SUBTITLE' | translate:lang}} \\n \\n
\\n {{paymentErrorMessage}}\\n x \\n
\\n
\\n
\\n
\\n
\\n \\n
\\n
\\n
\\n {{'SUBSCRIPTION.STEPS.STEP_2.SECTION_2.TITLE' | translate:lang}} {{'SUBSCRIPTION.STEPS.STEP_2.SECTION_2.TITLE' | translate:lang}} \\n \\n {{subscriptionError}}\\n x \\n
\\n \\n
\\n
\\n
\\n \\n \\n PRODUCT DESCRIPTION \\n PRICE \\n LINE TOTAL \\n \\n \\n \\n \\n \\n {{subscriptionOrder?.product_plan.name}} {{subscriptionOrder?.product_plan.description}} \\n \\n {{subscriptionOrder?.product_plan.base_price.gross | currency:subscriptionOrder?.product_plan.base_price.currency:true:'1.0-2'}} \\n {{subscriptionOrder?.product_plan.base_price.gross | currency:subscriptionOrder?.product_plan.base_price.currency:true:'1.0-2'}} \\n \\n \\n
\\n
\\n
\\n
\\n
\\n
\\n SUBTOTAL {{subscriptionOrder?.product_plan.base_price.net |\\n currency:subscriptionOrder?.product_plan.base_price.currency:true:'1.0-2'}}\\n
\\n
0\\\">\\n
\\n
0\\\">\\n Tax(\\n = 0\\\">{{ subscriptionOrder?.product_plan.base_price.tax }}% \\n = 0)\\\">{{ subscriptionOrder?.product_plan.base_price.tax }} \\n ) \\n = 0\\\">\\n {{subscriptionOrder?.product_plan.base_price.net\\n * subscriptionOrder?.product_plan.base_price.tax/100 | currency:subscriptionOrder?.product_plan.base_price.currency:true:'1.0-2'}}\\n \\n = 0)\\\">{{ subscriptionOrder?.product_plan.base_price.tax }} \\n
\\n
\\n
\\n
\\n TOTAL {{subscriptionOrder?.product_plan.base_price.gross | currency:subscriptionOrder?.product_plan.base_price.currency:true:'1.0-2'}}\\n
\\n
\\n
\\n
\\n
\\n
{{'SUBSCRIPTION.BUTTON.SUBMIT' | translate:lang}} \\n
\\n
\\n
\\n
\\n \\n
\\n {{'SUBSCRIPTION.BUTTON.NEXT' | translate:lang}} \\n
\\n
\\n \\n
\\n \\n
\"\n\n/***/ }),\n\n/***/ 1493:\n/***/ (function(module, exports) {\n\n\n\n/***/ }),\n\n/***/ 1494:\n/***/ (function(module, exports) {\n\nmodule.exports = \"
\\n\\t
\\n\\n
\\n\\n
\\n
\\n\\n\\n\"\n\n/***/ }),\n\n/***/ 1495:\n/***/ (function(module, exports) {\n\nmodule.exports = \"
\\n\\t\\n\\t\\t
\\n\\t\\t\\t\\n\\t\\t\\t
\\n\\t\\t\\t\\t
\\n\\t\\t\\t
\\n\\t\\t\\t\\n\\t\\t\\t
\\n\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t
\\n\\t\\t\\t\\t\\t
\\n\\t\\t\\t\\t\\t
Media Player
\\n\\t\\t\\t\\t
\\n\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t
\\n\\t\\t\\t\\t
\\n\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t
\\n\\t\\t\\t\\t
\\n\\n\\t\\t\\t
\\n\\t\\t
\\n\\t
\\n\"\n\n/***/ }),\n\n/***/ 1496:\n/***/ (function(module, exports) {\n\nmodule.exports = \"
\\n\\t\\n\\t\\t\\n\\t\\t\\t \\n\\t \\n\\t\\n\\t\\t\\n\\t\\t\\n\\t\\t\\t \\n\\t\\t\\n\\t\\t\\n\\t\\t\\t\\n\\t\\t\\t\\t \\n\\t\\t\\t\\n\\t\\t\\t\\t \\n\\t\\t \\n\\t \\n \\n\"\n\n/***/ }),\n\n/***/ 1497:\n/***/ (function(module, exports) {\n\nmodule.exports = \":host {\\n pointer-events: all;\\n position: fixed;\\n top: 0;\\n right: 0;\\n bottom: 0;\\n left: 0;\\n -webkit-box-align: center;\\n -ms-flex-align: center;\\n align-items: center;\\n -webkit-box-orient: vertical;\\n -webkit-box-direction: normal;\\n -ms-flex-direction: column;\\n flex-direction: column;\\n -webkit-box-pack: center;\\n -ms-flex-pack: center;\\n justify-content: center;\\n -webkit-backdrop-filter: grayscale(1);\\n backdrop-filter: grayscale(1);\\n background-color: rgba(255, 255, 255, 0.4);\\n color: #FAD600;\\n display: none;\\n z-index: 0; }\\n :host.active {\\n display: -webkit-box;\\n display: -ms-flexbox;\\n display: flex;\\n z-index: 10000; }\\n :host svg {\\n position: relative;\\n z-index: 1;\\n min-width: 48px;\\n max-width: 96px;\\n min-height: 48px;\\n max-height: 96px;\\n width: 100%;\\n height: 100%; }\\n\"\n\n/***/ }),\n\n/***/ 1498:\n/***/ (function(module, __webpack_exports__, __webpack_require__) {\n\n\"use strict\";\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__app_component__ = __webpack_require__(1499);\n/* harmony namespace reexport (by used) */ __webpack_require__.d(__webpack_exports__, \"AppComponent\", function() { return __WEBPACK_IMPORTED_MODULE_0__app_component__[\"a\"]; });\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__app_config__ = __webpack_require__(189);\n/* unused harmony namespace reexport */\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__app_model__ = __webpack_require__(351);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__app_model___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_2__app_model__);\n/* unused harmony namespace reexport */\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__app_module__ = __webpack_require__(343);\n/* unused harmony namespace reexport */\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_4__app_spinner_component__ = __webpack_require__(1500);\n/* unused harmony namespace reexport */\n\n\n\n\n\n\n\n/***/ }),\n\n/***/ 1499:\n/***/ (function(module, __webpack_exports__, __webpack_require__) {\n\n\"use strict\";\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"a\", function() { return AppComponent; });\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__service_view_service__ = __webpack_require__(15);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__angular_core__ = __webpack_require__(0);\nvar __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {\n var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;\n if (typeof Reflect === \"object\" && typeof Reflect.decorate === \"function\") r = Reflect.decorate(decorators, target, key, desc);\n 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;\n return c > 3 && r && Object.defineProperty(target, key, r), r;\n};\nvar __metadata = (this && this.__metadata) || function (k, v) {\n if (typeof Reflect === \"object\" && typeof Reflect.metadata === \"function\") return Reflect.metadata(k, v);\n};\n\n\nvar AppComponent = (function () {\n function AppComponent(view) {\n this.view = view;\n }\n AppComponent.prototype.onResize = function () {\n this.view.calculateSize();\n };\n var _a;\n __decorate([\n Object(__WEBPACK_IMPORTED_MODULE_1__angular_core__[\"HostListener\"])('window:resize'),\n __metadata(\"design:type\", Function),\n __metadata(\"design:paramtypes\", []),\n __metadata(\"design:returntype\", void 0)\n ], AppComponent.prototype, \"onResize\", null);\n AppComponent = __decorate([\n Object(__WEBPACK_IMPORTED_MODULE_1__angular_core__[\"Component\"])({\n selector: 'bradmax-admin',\n template: '
',\n changeDetection: __WEBPACK_IMPORTED_MODULE_1__angular_core__[\"ChangeDetectionStrategy\"].OnPush\n }),\n __metadata(\"design:paramtypes\", [typeof (_a = typeof __WEBPACK_IMPORTED_MODULE_0__service_view_service__[\"a\" /* ViewService */] !== \"undefined\" && __WEBPACK_IMPORTED_MODULE_0__service_view_service__[\"a\" /* ViewService */]) === \"function\" && _a || Object])\n ], AppComponent);\n return AppComponent;\n}());\n\n\n\n/***/ }),\n\n/***/ 15:\n/***/ (function(module, __webpack_exports__, __webpack_require__) {\n\n\"use strict\";\n/* harmony export (immutable) */ __webpack_exports__[\"b\"] = initViewService;\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"a\", function() { return ViewService; });\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__angular_core__ = __webpack_require__(0);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__angular_router__ = __webpack_require__(2);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2_rxjs_Subject__ = __webpack_require__(11);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2_rxjs_Subject___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_2_rxjs_Subject__);\nvar __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {\n var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;\n if (typeof Reflect === \"object\" && typeof Reflect.decorate === \"function\") r = Reflect.decorate(decorators, target, key, desc);\n 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;\n return c > 3 && r && Object.defineProperty(target, key, r), r;\n};\nvar __metadata = (this && this.__metadata) || function (k, v) {\n if (typeof Reflect === \"object\" && typeof Reflect.metadata === \"function\") return Reflect.metadata(k, v);\n};\n\n\n\nfunction initViewService(s) {\n return function () { return s.init(); };\n}\nvar ViewService = (function () {\n function ViewService(injector) {\n var _this = this;\n this.injector = injector;\n this.heartbeatMode = false;\n this.bodySpinnerSource = new __WEBPACK_IMPORTED_MODULE_2_rxjs_Subject__[\"Subject\"]();\n this.resizeSource = new __WEBPACK_IMPORTED_MODULE_2_rxjs_Subject__[\"Subject\"]();\n this.onPostMessage = function (event) {\n if (event && event.data && event.data.bradmaxPath) {\n _this.router.navigateByUrl(event.data.bradmaxPath);\n }\n };\n }\n Object.defineProperty(ViewService.prototype, \"routerSub\", {\n set: function (s) {\n if (this.routerSubscription != null)\n this.routerSubscription.unsubscribe();\n this.routerSubscription = s;\n },\n enumerable: true,\n configurable: true\n });\n ViewService.prototype.init = function () {\n var _this = this;\n this.bodySpinnerStream$ = this.bodySpinnerSource.asObservable();\n this.resizeStream$ = this.resizeSource.asObservable();\n this.calculateSize();\n this.router = this.injector.get(__WEBPACK_IMPORTED_MODULE_1__angular_router__[\"g\" /* Router */]);\n this.routerSub = this.router.events\n .subscribe(function (event) { return _this.navigationInterceptor(event); });\n window.removeEventListener('message', this.onPostMessage);\n if (this.checkIfAppInIframe()) {\n window.addEventListener('message', this.onPostMessage);\n }\n var customColorPalettePattern = window.location.href.match(/[&\\?]customColorPalette=([a-zA-Z0-9_\\-]+)/);\n if (customColorPalettePattern && !document.getElementById('custom-color-palette')) {\n this.injectCustomColorPalette(customColorPalettePattern[1]);\n }\n };\n ViewService.prototype.injectCustomColorPalette = function (name) {\n var styles = null;\n if (name == 'cdn77') {\n styles = \"\\nbody { background: #ebf3f5 !important; }\\nh1, h2, h3, h4, h5, h6 { color: #636773; }\\n.panel-inverse>.panel-heading { background: #0f1e46; }\\n.panel-inverse>.panel-heading h4 small{ color:#fff !important; opacity:0.6; }\\nbody bradmax-admin .panel {box-shadow: 0 5px 15px 0 rgba(8,4,45,.1);}\\n.config-list .config-item .cell.cell-name { color: #4b4b4b !important; }\\nbody bradmax-admin .btn-bradmax { color: #fcfcfc; background-color: #0f1e46; border-color: #0f1e46; }\\nbody bradmax-admin .btn-bradmax:hover { background-color: #006cad; border-color: #006cad; }\\nbody bradmax-admin .widget {box-shadow: 0 5px 15px 0 rgba(8,4,45,.1);}\\nbody bradmax-admin .widget-chart {background: #ffffff !important;}\\nbody bradmax-admin .widget-chart .widget-chart-content .table>tbody>tr>td, body bradmax-admin .widget-chart .widget-chart-content .table>thead>tr>th{color: #242a30;}\\nbody bradmax-admin .widget-chart .chart-title {color:#4b4b4b !important;}\\nbody bradmax-admin .widget-chart .chart-title small {color:#616d72 !important;}\\nbradmax-admin .sidebar, bradmax-admin .sidebar-bg { background: #0f1e46 !important; }\\n.fade.in .sidebar.active ul.nav > li.active > a { background-color: #01466f !important; color:#fafafa !important;}\\n.fade.in .sidebar.active ul.nav > li.active > a:after {color:#fafafa !important;}\\n.fade.in .sidebar.active ul.nav > li.active > .sub-menu { background-color: #006cad !important; color:#fafafa !important;}\\n.fade.in .sidebar.active ul.nav > li.active > ul.sub-menu > li > a { color:#fafafa !important;}\\n.fade.in .sidebar.active ul.nav > li.active > ul.sub-menu > li > a >span { text-decoration-color:#fafafa !important;}\\n.fade.in .sidebar.active ul.nav > li > a { color:#fafafa !important;}\\n.fade.in .sidebar.active ul.nav > li > a > span { text-decoration:none !important;}\\n.fade.in .sidebar.active ul.nav > li > a:hover { background-color: #006cad !important; color:#ffffff !important;}\\n.sidebar .nav>li.nav-header {color:#e1e1e1; }\\n.has-sub > ul.sub-menu:before {width:0px !important;}\\n.sidebar ul.nav li:not(:last-of-type) {border-bottom: none !important;}\\n.timeline li.active .timeline-body .timeline-footer {background: #0f1e46 !important;}\\n.timeline li.active .timeline-body {border-color: #0f1e46 !important;}\\n.timeline li.active .timeline-body:before {border-right-color: #0f1e46 !important;}\\n.timeline li.active .timeline-icon a {background-color: #0f1e46 !important; border-color: #0f1e46 !important;}\\n.timeline li.active:before {background: #c8c8c8 !important;}\\n.timeline li.active .timeline-time .date, .timeline li.active .timeline-time .time { color: #4b4b4b !important; }\\n\\t\\t\\t\";\n }\n else if (name == 'a-and-s') {\n styles = \"\\nbody { background: transparent !important; }\\nh1, h2, h3, h4, h5, h6 { color: #000; }\\n.page-header {text-shadow: 0px 0px 5px #ffffff;}\\n.panel-inverse>.panel-heading { background: #fff; color:#000; border-bottom: 1px solid #cecece;}\\n.panel-inverse>.panel-heading h4 { color:#000 !important; }\\n.panel-inverse>.panel-heading h4 small{ opacity:0.6; }\\n.panel {border: solid 1px #ddd;}\\n.breadcrumb {text-shadow: 0px 0px 3px #fff;}\\n.breadcrumb a.active {color:#232323 !important;}\\n\\t\\t\\t\";\n }\n else if (name == 'irdeto') {\n styles = \"\\n.panel-inverse>.panel-heading {background: #5b246a;}\\nbradmax-admin .sidebar, bradmax-admin .sidebar-bg {background: #5b246a !important;}\\n.fade.in .sidebar.active ul.nav > li.active > a {background-color: #3d1648 !important;}\\n.fade.in .sidebar.active ul.nav > li.active > .sub-menu {background-color: #6c327b !important;}\\n body bradmax-admin .btn-bradmax {color: #fcfcfc;background-color: #5b246a;border-color: #4e1e5a;}\\n .sidebar .nav>li.nav-header {color: #dee5ea;}\\n .timeline li.active .timeline-body .timeline-footer {background: #5b266a !important;}\\n .timeline li.active .timeline-body {border-color: #5b266a !important;}\\n .timeline li.active .timeline-body:before {border-right-color: #5b266a !important;}\\n .timeline li.active .timeline-icon a {background-color: #5b266a !important; border-color: #5b266a !important;}\\n .timeline li.active:before {background: #5b266a !important;}\\n .timeline li.active .timeline-time .date, .timeline li.active .timeline-time .time { color: #5b266a !important; }\\n .config-list .config-item .cell.cell-name { color: #5b266a !important; }\\n .fade.in .sidebar.active ul.nav > li > a:hover { background-color: #451e50 !important; }\\n\\t\\t\\t\";\n }\n else {\n console.warn('Cannot inject custom color palette. Not recognized name of palette: ' + name);\n }\n if (styles !== null) {\n var scriptElement = document.createElement('style');\n scriptElement.setAttribute('id', 'custom-color-palette');\n scriptElement.innerHTML = styles;\n document.head.appendChild(scriptElement);\n }\n };\n ViewService.prototype.calculateSize = function () {\n var change = false;\n if (this.height != document.documentElement.clientHeight) {\n this.height = document.documentElement.clientHeight;\n change = true;\n }\n if (this.width != document.documentElement.clientWidth) {\n this.width = document.documentElement.clientWidth;\n change = true;\n }\n if (change == true)\n this.resizeSource.next({ width: this.width, height: document.documentElement.clientHeight });\n };\n ViewService.prototype.spinner = function (show) {\n this.spinnerActive = show;\n this.bodySpinnerSource.next({ show: this.spinnerActive });\n };\n ViewService.prototype.error = function (errorInfo) {\n this.spinnerActive = true;\n this.bodySpinnerSource.next({ show: this.spinnerActive, error: errorInfo });\n };\n ViewService.prototype.formatPageTitle = function () {\n var text = [];\n for (var _i = 0; _i < arguments.length; _i++) {\n text[_i] = arguments[_i];\n }\n return (text == null || text.length == 0) ? 'Proinvest' : text.join(' - ');\n };\n ViewService.prototype.getViewport = function () {\n var vp = { width: 0, height: 0 };\n if (typeof window.innerWidth != 'undefined') {\n vp.width = window.innerWidth;\n vp.height = window.innerHeight;\n }\n else if (typeof document.documentElement != 'undefined'\n && typeof document.documentElement.clientWidth != 'undefined'\n && document.documentElement.clientWidth != 0) {\n vp.width = document.documentElement.clientWidth;\n vp.height = document.documentElement.clientHeight;\n }\n else {\n vp.width = document.getElementsByTagName('body')[0].clientWidth;\n vp.height = document.getElementsByTagName('body')[0].clientHeight;\n }\n return vp;\n };\n ViewService.prototype.navigationInterceptor = function (e) {\n if (e instanceof __WEBPACK_IMPORTED_MODULE_1__angular_router__[\"e\" /* NavigationStart */])\n this.spinner(true);\n if (e instanceof __WEBPACK_IMPORTED_MODULE_1__angular_router__[\"c\" /* NavigationEnd */])\n this.spinner(false);\n if (e instanceof __WEBPACK_IMPORTED_MODULE_1__angular_router__[\"b\" /* NavigationCancel */])\n this.spinner(false);\n if (e instanceof __WEBPACK_IMPORTED_MODULE_1__angular_router__[\"d\" /* NavigationError */])\n this.spinner(false);\n };\n ViewService.prototype.checkIfAppInIframe = function () {\n var result = false;\n try {\n result = (window.self !== window.top);\n }\n catch (e) {\n result = true;\n }\n return result;\n };\n ViewService.prototype.checkIfHeartBeatMode = function () {\n return this.heartbeatMode;\n };\n ViewService.prototype.checkIfBetaMode = function () {\n var betaPattern = /[\\?&#]beta=1/;\n return Object(__WEBPACK_IMPORTED_MODULE_0__angular_core__[\"isDevMode\"])() || betaPattern.test(window.location.href);\n };\n ViewService.prototype.setHeartBeatMode = function (_mode) {\n this.heartbeatMode = _mode;\n };\n var _a;\n ViewService = __decorate([\n Object(__WEBPACK_IMPORTED_MODULE_0__angular_core__[\"Injectable\"])(),\n __metadata(\"design:paramtypes\", [typeof (_a = typeof __WEBPACK_IMPORTED_MODULE_0__angular_core__[\"Injector\"] !== \"undefined\" && __WEBPACK_IMPORTED_MODULE_0__angular_core__[\"Injector\"]) === \"function\" && _a || Object])\n ], ViewService);\n return ViewService;\n}());\n\n\n\n/***/ }),\n\n/***/ 1500:\n/***/ (function(module, __webpack_exports__, __webpack_require__) {\n\n\"use strict\";\n/* unused harmony export AppSpinner */\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__angular_core__ = __webpack_require__(0);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1_rxjs_Observable__ = __webpack_require__(1);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1_rxjs_Observable___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_1_rxjs_Observable__);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__service_view_service__ = __webpack_require__(15);\nvar __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {\n var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;\n if (typeof Reflect === \"object\" && typeof Reflect.decorate === \"function\") r = Reflect.decorate(decorators, target, key, desc);\n 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;\n return c > 3 && r && Object.defineProperty(target, key, r), r;\n};\nvar __metadata = (this && this.__metadata) || function (k, v) {\n if (typeof Reflect === \"object\" && typeof Reflect.metadata === \"function\") return Reflect.metadata(k, v);\n};\n\n\n\nvar DEFS = '
'\n + ''\n + ''\n + ''\n + ''\n + ''\n + ' '\n + ''\n + ' '\n + ' ';\nvar TRIANGLE = '
'\n + ''\n + ' '\n + ' ';\nvar s = 96;\nvar s2 = s >> 1;\nvar HTML = '
'\n + '
'\n + DEFS + TRIANGLE\n + ' '\n + '
{{errorInfo}}
'\n + '
';\nvar STYLE = ''\n + ':host.active{position: fixed;top: 0;left: 0;bottom: 0;right: 0;z-index: 9999;}'\n + '.con{position: absolute;top: 0;left: 0;bottom: 0;right: 0;background: rgba(255, 255, 255, 0.75);}'\n + 'svg{position: absolute;left: 50%;top: 50%;width:' + s + 'px;height:' + s + 'px;'\n + 'margin-top: -' + s2 + 'px;margin-left: -' + s2 + 'px;}'\n + '.errorInfo{position: absolute;top: 50%;left:0;right:0;text-align:center;margin-top:20px;}'\n + '';\nvar AppSpinner = (function () {\n function AppSpinner(view, cdr, renderer) {\n this.view = view;\n this.cdr = cdr;\n this.renderer = renderer;\n this.active = true;\n this.deg = 0;\n this.timer = 33;\n }\n AppSpinner.prototype.ngOnInit = function () {\n var _this = this;\n this.bodySpinnerSubscription = this.view.bodySpinnerStream$.subscribe(function (spinnerData) {\n if (_this.active != spinnerData.show || _this.errorInfo != spinnerData.error) {\n _this.active = spinnerData.show;\n _this.errorInfo = spinnerData.error;\n _this.check();\n _this.cdr.markForCheck();\n }\n });\n };\n AppSpinner.prototype.ngOnDestroy = function () {\n this.active = false;\n if (this.bodySpinnerSubscription)\n this.bodySpinnerSubscription.unsubscribe();\n this.check();\n };\n AppSpinner.prototype.ngAfterViewInit = function () {\n this.check();\n };\n AppSpinner.prototype.check = function () {\n var _this = this;\n if (this.active)\n this.subscription = __WEBPACK_IMPORTED_MODULE_1_rxjs_Observable__[\"Observable\"].interval(this.timer).subscribe(function () { return _this.rotation(); });\n else if (this.subscription)\n this.subscription.unsubscribe();\n };\n AppSpinner.prototype.rotation = function () {\n if (this.rotate != null) {\n this.deg += 6;\n if (this.deg > 360)\n this.deg = 0;\n this.renderer.setAttribute(this.rotate.nativeElement, 'transform', 'rotate(' + this.deg + ', 50, 58)');\n }\n };\n var _a, _b, _c, _d;\n __decorate([\n Object(__WEBPACK_IMPORTED_MODULE_0__angular_core__[\"ViewChild\"])('rotate'),\n __metadata(\"design:type\", typeof (_a = typeof __WEBPACK_IMPORTED_MODULE_0__angular_core__[\"ElementRef\"] !== \"undefined\" && __WEBPACK_IMPORTED_MODULE_0__angular_core__[\"ElementRef\"]) === \"function\" && _a || Object)\n ], AppSpinner.prototype, \"rotate\", void 0);\n AppSpinner = __decorate([\n Object(__WEBPACK_IMPORTED_MODULE_0__angular_core__[\"Component\"])({\n selector: 'spinner', host: { '[class.active]': 'active' },\n changeDetection: __WEBPACK_IMPORTED_MODULE_0__angular_core__[\"ChangeDetectionStrategy\"].OnPush, template: HTML, styles: [STYLE]\n }),\n __metadata(\"design:paramtypes\", [typeof (_b = typeof __WEBPACK_IMPORTED_MODULE_2__service_view_service__[\"a\" /* ViewService */] !== \"undefined\" && __WEBPACK_IMPORTED_MODULE_2__service_view_service__[\"a\" /* ViewService */]) === \"function\" && _b || Object, typeof (_c = typeof __WEBPACK_IMPORTED_MODULE_0__angular_core__[\"ChangeDetectorRef\"] !== \"undefined\" && __WEBPACK_IMPORTED_MODULE_0__angular_core__[\"ChangeDetectorRef\"]) === \"function\" && _c || Object, typeof (_d = typeof __WEBPACK_IMPORTED_MODULE_0__angular_core__[\"Renderer2\"] !== \"undefined\" && __WEBPACK_IMPORTED_MODULE_0__angular_core__[\"Renderer2\"]) === \"function\" && _d || Object])\n ], AppSpinner);\n return AppSpinner;\n}());\n\n\n\n/***/ }),\n\n/***/ 1501:\n/***/ (function(module, exports, __webpack_require__) {\n\nvar map = {\n\t\"./account/details/en.json\": 1502,\n\t\"./account/details/pl.json\": 1503,\n\t\"./account/en.json\": 1504,\n\t\"./account/invoices/en.json\": 1505,\n\t\"./account/invoices/pl.json\": 1506,\n\t\"./account/payments/en.json\": 1507,\n\t\"./account/payments/pl.json\": 1508,\n\t\"./account/pl.json\": 1509,\n\t\"./account/subscriptions/en.json\": 1510,\n\t\"./account/subscriptions/pl.json\": 1511,\n\t\"./analytics/QOS/en.json\": 1512,\n\t\"./analytics/QOS/pl.json\": 1513,\n\t\"./analytics/albums/en.json\": 1514,\n\t\"./analytics/albums/pl.json\": 1515,\n\t\"./analytics/audience/en.json\": 1516,\n\t\"./analytics/audience/pl.json\": 1517,\n\t\"./analytics/content/en.json\": 1518,\n\t\"./analytics/content/pl.json\": 1519,\n\t\"./analytics/dashboard/en.json\": 1520,\n\t\"./analytics/dashboard/pl.json\": 1521,\n\t\"./analytics/geo/en.json\": 1522,\n\t\"./analytics/geo/pl.json\": 1523,\n\t\"./analytics/heartbeat/en.json\": 1524,\n\t\"./analytics/heartbeat/pl.json\": 1525,\n\t\"./analytics/info/en.json\": 1526,\n\t\"./analytics/info/pl.json\": 1527,\n\t\"./analytics/realtime/en.json\": 1528,\n\t\"./analytics/realtime/pl.json\": 1529,\n\t\"./analytics/sampled-traffic/en.json\": 1530,\n\t\"./analytics/sampled-traffic/pl.json\": 1531,\n\t\"./analytics/st-raport/en.json\": 1532,\n\t\"./analytics/st-raport/pl.json\": 1533,\n\t\"./analytics/tag-service/en.json\": 1534,\n\t\"./analytics/tag-service/pl.json\": 1535,\n\t\"./analytics/technology/en.json\": 1536,\n\t\"./analytics/technology/pl.json\": 1537,\n\t\"./analytics/top-content/en.json\": 1538,\n\t\"./analytics/top-content/pl.json\": 1539,\n\t\"./components/en.json\": 1540,\n\t\"./components/pl.json\": 1541,\n\t\"./contact/en.json\": 1542,\n\t\"./contact/pl.json\": 1543,\n\t\"./content/en.json\": 1544,\n\t\"./content/pl.json\": 1545,\n\t\"./login/en.json\": 1546,\n\t\"./login/pl.json\": 1547,\n\t\"./password-change/en.json\": 1548,\n\t\"./password-change/pl.json\": 1549,\n\t\"./player/en.json\": 1550,\n\t\"./player/pl.json\": 1551,\n\t\"./products/en.json\": 1552,\n\t\"./products/pl.json\": 1553,\n\t\"./products/plan-carrousel/en.json\": 1554,\n\t\"./products/plan-carrousel/pl.json\": 1555,\n\t\"./subscription/en.json\": 1556,\n\t\"./subscription/pl.json\": 1557\n};\nfunction webpackContext(req) {\n\treturn __webpack_require__(webpackContextResolve(req));\n};\nfunction webpackContextResolve(req) {\n\tvar id = map[req];\n\tif(!(id + 1)) // check for number or string\n\t\tthrow new Error(\"Cannot find module '\" + req + \"'.\");\n\treturn id;\n};\nwebpackContext.keys = function webpackContextKeys() {\n\treturn Object.keys(map);\n};\nwebpackContext.resolve = webpackContextResolve;\nmodule.exports = webpackContext;\nwebpackContext.id = 1501;\n\n/***/ }),\n\n/***/ 1502:\n/***/ (function(module, exports) {\n\nmodule.exports = {\"ACCOUNT_DETAILS\":{\"TITLE\":\"Account Details\",\"DATA_ERROR\":\"An error occurred! It was not possible to retrieve the necessary data from the server.\",\"FORM\":{\"SUBTITLE_1\":\"User Details\",\"SUBTITLE_2\":\"Company Details\",\"LABEL\":{\"FIRST_NAME\":\"First name\",\"LAST_NAME\":\"Last name\",\"EMAIL\":\"Email\",\"AGREE_FOR_NEWSLETTER\":\"Agree for newsletter\",\"COMPANY\":\"Company\",\"COUNTRY\":\"Country\",\"STATE\":\"State\",\"CITY\":\"City\",\"ADDRESS\":\"Address\",\"POSTAL_CODE\":\"Postal code\",\"PHONE_NUMBER\":\"Phone number\",\"TAX_NO\":\"Tax Identification No.\"},\"PLACEHOLDER\":{\"FIRST_NAME\":\"Your first name\",\"LAST_NAME\":\"Your last name\",\"EMAIL\":\"Your email\",\"COMPANY\":\"Company name\",\"COUNTRY\":\"Choose your country\",\"STATE\":\"State name\",\"CITY\":\"City name\",\"ADDRESS\":\"Stree name and house/flat number\",\"POSTAL_CODE\":\"Postal code number\",\"PHONE_NUMBER\":\"Phone number\",\"TAX_NO\":\"Tax Identification No.\"},\"VALIDATION_ERROR\":{\"REQUIRED\":\"This field is required\",\"INVALID\":\"Invalid value\",\"INVALID_FIELD\":\"Invalid {{field}} format\"},\"SUBMIT_SUCCESS\":\"Changes were saved\"},\"BUTTON\":{\"SAVE\":\"save\",\"EDIT\":\"edit\",\"CANCEL\":\"cancel\",\"UPDATE\":\"update\",\"CONTINUE\":\"continue\",\"CLOSE\":\"close\",\"CHANGE_PASSWORD\":\"Change\"},\"MESSAGE\":{\"ACCOUNT_READY\":\"Account is ready for billing. Do you wish to continue your subscription process?\",\"COMPANY\":\"If you don't have a company you can put here your first and last name.\",\"PAY_VALID\":\"company details ready for payments\",\"PAY_INVALID\":\"company details not ready for payments\"}}}\n\n/***/ }),\n\n/***/ 1503:\n/***/ (function(module, exports) {\n\nmodule.exports = {\"ACCOUNT_DETAILS\":{\"TITLE\":\"Account Details\",\"DATA_ERROR\":\"An error occurred! It was not possible to retrieve the necessary data from the server.\",\"FORM\":{\"SUBTITLE_1\":\"Basic info\",\"SUBTITLE_2\":\"Company details\",\"LABEL\":{\"FIRST_NAME\":\"First name\",\"LAST_NAME\":\"Last name\",\"EMAIL\":\"Email\",\"AGREE_FOR_NEWSLETTER\":\"Agree for newsletter\",\"COMPANY\":\"Company\",\"COUNTRY\":\"Country\",\"STATE\":\"State\",\"CITY\":\"City\",\"ADDRESS\":\"Address\",\"POSTAL_CODE\":\"Postal code\",\"PHONE_NUMBER\":\"Phone number\",\"TAX_NO\":\"Tax identification no.\"},\"PLACEHOLDER\":{\"FIRST_NAME\":\"Your first name\",\"LAST_NAME\":\"Your last name\",\"EMAIL\":\"Your email\",\"COMPANY\":\"Company name\",\"COUNTRY\":\"Choose your country\",\"STATE\":\"State name\",\"CITY\":\"City name\",\"ADDRESS\":\"Stree name and house/flat number\",\"POSTAL_CODE\":\"Postal code number\",\"PHONE_NUMBER\":\"Phone number\",\"TAX_NO\":\"Tax identification no.\"},\"VALIDATION_ERROR\":{\"REQUIRED\":\"This field is required\",\"INVALID\":\"Invalid value\",\"INVALID_FIELD\":\"Invalid {{field}} format\"},\"SUBMIT_SUCCESS\":\"Changes were saved\"},\"BUTTON\":{\"SAVE\":\"save\",\"EDIT\":\"edit\",\"CANCEL\":\"cancel\",\"UPDATE\":\"update\",\"CONTINUE\":\"Continue\",\"CLOSE\":\"close\",\"CHANGE_PASSWORD\":\"Change\"},\"MESSAGE\":{\"ACCOUNT_READY\":\"Account is ready for billing. Do you wish to continue your subscription process?\",\"COMPANY\":\"If you don't have a company you can put here your first and last name.\",\"PAY_VALID\":\"company details ready for payments\",\"PAY_INVALID\":\"company details not ready for payments\"}}}\n\n/***/ }),\n\n/***/ 1504:\n/***/ (function(module, exports) {\n\nmodule.exports = {\"ACCOUNT\":{\"TITLE\":\"Account Information\",\"SUBTITLE\":\"here you can find and change all the information concerning your account\",\"DETAILS\":{\"TITLE\":\"My Info\"},\"PAYMENTS\":{\"TITLE\":\"My Payment Methods\"},\"SUBSCRIPTIONS\":{\"TITLE\":\"My Subscriptions\"},\"INVOICES\":{\"TITLE\":\"My Invoices\"}}}\n\n/***/ }),\n\n/***/ 1505:\n/***/ (function(module, exports) {\n\nmodule.exports = {\"ACCOUNT_INVOICES\":{\"TITLE\":\"My Invoices\",\"SUBTITLE\":\"My Invoices\",\"MESSAGE\":{\"EDIT_SUCCESS\":\"Invoice details updated.\",\"EDIT_ERROR\":\"Error updating invoice details.\",\"MORE_DETAILS\":\"for detailed invoice please download the pdf\",\"AGREEMENT\":{\"1\":\"I agree with the \",\"2\":\"Terms and Conditions.\",\"TEXT\":\"The changes made to an invoice are of the full responsibility of the user.\"},\"EMPTY\":\"You don't have any invoices.\",\"NOT_AVAILABLE\":\"Not available\"},\"LABEL\":{\"DESCRIPTION\":\"Description\",\"BASE_PRICE\":\"Base Price\",\"TOTAL\":\"Total\",\"EXPORT_PDF\":\"Export as PDF\",\"ADDRESS\":\"Address\",\"EDIT\":\"Edit\",\"TAX_NO\":\"Tax.No.\",\"TAX\":\"Tax\",\"PHONE\":\"phone\",\"CREATED\":\"Created\",\"PLAN_NAME\":\"Product Name\",\"STATUS\":\"Status\",\"SELECTED_INVOICE\":\"Selected Invoice Details\",\"INVOICE_NOT_READY\":\"Invoice for this payment will be generated after settling payment transaction.\"},\"BUTTON\":{\"AGREE\":\"I Agree\",\"NOT_AGREE\":\"I Don't Agree\"}}}\n\n/***/ }),\n\n/***/ 1506:\n/***/ (function(module, exports) {\n\nmodule.exports = {\"ACCOUNT_INVOICES\":{\"TITLE\":\"My Invoices\",\"SUBTITLE\":\"My Invoices\",\"MESSAGE\":{\"EDIT_SUCCESS\":\"Invoice details updated.\",\"EDIT_ERROR\":\"Error updating invoice details.\",\"MORE_DETAILS\":\"for detailed invoice please download the pdf\",\"AGREEMENT\":{\"1\":\"I agree with the \",\"2\":\"Terms and Conditions.\",\"TEXT\":\"The changes made to an invoice are of the full responsibility of the user.\"},\"EMPTY\":\"I don't have any invoices.\",\"NOT_AVAILABLE\":\"Not available\"},\"LABEL\":{\"DESCRIPTION\":\"Description\",\"BASE_PRICE\":\"Base Price\",\"TOTAL\":\"Total\",\"EXPORT_PDF\":\"Export as PDF\",\"ADDRESS\":\"Address\",\"EDIT\":\"Edit\",\"TAX_NO\":\"Tax.No.\",\"TAX\":\"Tax\",\"PHONE\":\"phone\",\"CREATED\":\"Created\",\"PLAN_NAME\":\"Product Name\",\"STATUS\":\"Status\",\"SELECTED_INVOICE\":\"Selected Invoice Details\",\"INVOICE_NOT_READY\":\"Invoice for this payment will be generated after settling payment transaction.\"},\"BUTTON\":{\"AGREE\":\"I Agree\",\"NOT_AGREE\":\"I Don't Agree\"}}}\n\n/***/ }),\n\n/***/ 1507:\n/***/ (function(module, exports) {\n\nmodule.exports = {\"ACC_PAY\":{\"TITLE\":\"Your saved payment methods\",\"MESSAGE\":{\"EMPTY\":\"You don't have any payment methods saved.\",\"EDIT_SUCCESS\":\"Payment method edited successfully.\",\"MAKE_DEFAULT\":\"make this payment default\",\"CONFIRM_DELETE\":\"Are you sure you want to remove this payment method?\",\"DELETE_SUCCESS\":\"Payment method deleted.\",\"DELETE_ERROR\":\"Error deleting payment method.\"},\"STATE\":{\"ACTIVE\":\"active\",\"VALID\":\"valid\",\"INVALID\":\"invalid\",\"DEFAULT\":\"default\"},\"LABEL\":{\"EMAIL\":\"Email\",\"EXPIRES\":\"Expires at\",\"CREATED\":\"Created at\",\"UPDATED\":\"Updated at\",\"CVV\":\"CVV\",\"EXP_DATE\":\"Expiration Date\",\"NAME\":\"Name\",\"CONTINUE\":\"Continue\",\"CANCEL\":\"Cancel\",\"YES\":\"Yes\"},\"BUTTON\":{\"EDIT\":\"edit\",\"DELETE\":\"delete\",\"SAVE\":\"save\",\"CANCEL\":\"cancel\"}}}\n\n/***/ }),\n\n/***/ 1508:\n/***/ (function(module, exports) {\n\nmodule.exports = {\"ACC_PAY\":{\"TITLE\":\"Your saved payment methods\",\"MESSAGE\":{\"EMPTY\":\"You don't have any payment methods saved.\",\"EDIT_SUCCESS\":\"Payment method edited successfully.\",\"MAKE_DEFAULT\":\"make this payment default\",\"CONFIRM_DELETE\":\"Are you sure you want to remove this payment method?\",\"DELETE_SUCCESS\":\"Payment method deleted.\",\"DELETE_ERROR\":\"Error deleting payment method.\"},\"STATE\":{\"ACTIVE\":\"active\",\"VALID\":\"valid\",\"INVALID\":\"invalid\",\"DEFAULT\":\"default\"},\"LABEL\":{\"EMAIL\":\"Email\",\"EXPIRES\":\"Expires at\",\"CREATED\":\"Created at\",\"UPDATED\":\"Updated at\",\"CVV\":\"CVV\",\"EXP_DATE\":\"Expiration Date\",\"NAME\":\"Name\",\"CONTINUE\":\"Continue\",\"CANCEL\":\"Cancel\",\"YES\":\"Yes\"},\"BUTTON\":{\"EDIT\":\"Edit\",\"DELETE\":\"Delete\",\"SAVE\":\"Save\",\"CANCEL\":\"Cancel\"}}}\n\n/***/ }),\n\n/***/ 1509:\n/***/ (function(module, exports) {\n\nmodule.exports = {\"ACCOUNT\":{\"TITLE\":\"Account Information\",\"SUBTITLE\":\"here you can find and change all the information concerning your account\",\"DETAILS\":{\"TITLE\":\"My Info\"},\"PAYMENTS\":{\"TITLE\":\"My Payment Methods\"},\"SUBSCRIPTIONS\":{\"TITLE\":\"My Subscriptions\"},\"INVOICES\":{\"TITLE\":\"My Invoices\"}}}\n\n/***/ }),\n\n/***/ 1510:\n/***/ (function(module, exports) {\n\nmodule.exports = {\"ACCOUNT_SUBS\":{\"TITLE\":\"My Subscriptions\",\"MESSAGE\":{\"EMPTY\":\"You don't have any subscriptions. What are you waiting for!\",\"ERROR_UPDATE_PM\":\"Error updating payment method.Please try again.\",\"SUCCESS_UPDATE_PM\":\"Subscription payment method updated.\"},\"LABEL\":{\"ACTIVE\":\"active\",\"INACTIVE\":\"inactive\",\"CREATED_AT\":\"Created at\",\"UPDATED_AT\":\"Updated at\",\"NEXT_BILLING\":\"Next billing at\",\"BASE_PRICE\":\"Base price\",\"PER_MONTH\":\"per month\",\"INCLUDED_VIEWS\":\"Included views\",\"INCLUDED_VIEWS_USAGE\":\"Views usage\",\"USAGE_PRICE\":\"Usage price\",\"VIEWS\":\"views\",\"CURRENT_TOTAL\":\"Current Total\",\"PM\":\"Payment method\",\"NOT_AVAILABLE\":\"Not available\"},\"BUTTON\":{\"CHANGE_PM\":\"Change PM\",\"CANCEL_PLAN\":\"Cancel\"},\"PM_MODAL\":{\"TITLE\":\"Select a payment method\",\"SUBMIT_BUTTON\":\"Select this one\",\"CANCEL\":\"Cancel\"}}}\n\n/***/ }),\n\n/***/ 1511:\n/***/ (function(module, exports) {\n\nmodule.exports = {\"ACCOUNT_SUBS\":{\"TITLE\":\"My Subscriptions\",\"MESSAGE\":{\"EMPTY\":\"You don't have any subscriptions. What are you waiting for!\",\"ERROR_UPDATE_PM\":\"Error updating payment method.Please try again.\",\"SUCCESS_UPDATE_PM\":\"Subscription payment method updated.\"},\"LABEL\":{\"ACTIVE\":\"active\",\"INACTIVE\":\"inactive\",\"CREATED_AT\":\"Created at\",\"UPDATED_AT\":\"Updated at\",\"NEXT_BILLING\":\"Next billing at\",\"BASE_PRICE\":\"Base price\",\"PER_MONTH\":\"per month\",\"INCLUDED_VIEWS\":\"Included views\",\"INCLUDED_VIEWS_USAGE\":\"Views usage\",\"USAGE_PRICE\":\"Usage price\",\"VIEWS\":\"views\",\"CURRENT_TOTAL\":\"Current Total\",\"PM\":\"Payment method\",\"NOT_AVAILABLE\":\"Not available\"},\"BUTTON\":{\"CHANGE_PM\":\"Change PM\",\"CANCEL_PLAN\":\"Cancel\"},\"PM_MODAL\":{\"TITLE\":\"Select a payment method\",\"SUBMIT_BUTTON\":\"Select this one\",\"CANCEL\":\"Cancel\"}}}\n\n/***/ }),\n\n/***/ 1512:\n/***/ (function(module, exports) {\n\nmodule.exports = {\"QOS\":{\"TITLE\":\"Analytics - QOS\",\"AUDIENCE\":\"Audience\",\"QOS\":\"QOS\",\"SELECTED_CONTENR\":\"Selected content\",\"WORD\":{\"POSITION\":\"Position\",\"TITLE\":\"Title\",\"STREAMS\":\"Streams\",\"STREAMS_APROX_NOTE\":\"aprox. last 20 min\",\"WATCHING_USERS_PER_SEC\":\"Watching users - per second\",\"WATCHING_USERS_PER_MIN\":\"Watching users - per minute\"},\"MESSAGE\":{\"NO_DATA\":\"There is no data for selected time range.\"}}}\n\n/***/ }),\n\n/***/ 1513:\n/***/ (function(module, exports) {\n\nmodule.exports = {\"QOS\":{\"TITLE\":\"Analytics - QOS\",\"AUDIENCE\":\"Audience\",\"QOS\":\"QOS\",\"SELECTED_CONTENR\":\"Selected content\",\"WORD\":{\"POSITION\":\"Position\",\"TITLE\":\"Title\",\"STREAMS\":\"Streams\",\"STREAMS_APROX_NOTE\":\"aprox. last 20 min\",\"WATCHING_USERS_PER_SEC\":\"Watching users - per second\",\"WATCHING_USERS_PER_MIN\":\"Watching users - per minute\"},\"MESSAGE\":{\"NO_DATA\":\"There is no data for selected time range.\"}}}\n\n/***/ }),\n\n/***/ 1514:\n/***/ (function(module, exports) {\n\nmodule.exports = {\"ANALYTICS_ALBUMS\":{\"TOP_LIST\":{\"TITLE\":\"Analytics - Albums\",\"TOP_LIST_HEADER\":\"Album list\",\"FILTERS\":\"Filters\",\"FILTERS_TITLE\":\"Title\",\"FILTERS_ARTIST\":\"Artist\",\"FILTERS_TAGS\":\"Tags\",\"TOP_LIST_COLUMN\":{\"TITLE\":\"Title\",\"ITEMS_IN_COLLECTION\":\"Songs in album\",\"SUMMARY\":\"Summary statistics\",\"VIEWS\":\"Songs listenings\",\"COMPLETE_VIEWS\":\"Full listenings of album\",\"USERS\":\"Listening users\"},\"ALBUM_DETAIL_HEADER\":\"Album details\",\"ALBUM_ITEM_STATS_HEADER\":\"Songs statistics\",\"ITEM_STATS_COLUMN\":{\"POSITION\":\"Pos\",\"ID\":\"Id\",\"TITLE\":\"Title\",\"DURATION\":\"Length\",\"STATS_GROUP\":\"Last 30 days stats\",\"VIEWS\":\"Listenings\",\"USERS\":\"Users\",\"WATCHING_TIME\":\"Time\",\"AVG_WATCHING_TIME\":\"Time per list.\"},\"ALBUM_DETAILS_BUTTON\":\"More details\"},\"DETAILS_VIEW\":{\"TITLE\":\"Analytics - Album details\",\"CHART_TITLE\":\"Album views history\",\"BOX_VIEWS\":\"Songs listenings\",\"BOX_COMPLETE_VIEWS\":\"Album listenings\",\"BOX_USERS\":\"Listening users\",\"BOX_WATCHING_TIME\":\"Time per listening\",\"META_HEADER\":\"Album info\",\"META_REL_ID\":\"Rel. ID\",\"META_ADDED_AT\":\"Added at\",\"ITEM_STATS_HEADER\":\"Album songs\",\"ITEM_STATS_COL\":{\"POSITION\":\"Pos\",\"ID\":\"Id\",\"TITLE\":\"Title\",\"DURATION\":\"Length\",\"STATS_GROUP\":\"For selected time range\",\"ITEM_VIEWS\":\"List.\",\"USERS\":\"Users\",\"WATCHING_TIME\":\"Time\",\"AVG_WATCHING_TIME\":\"Time per list.\"}},\"NO_DATA\":\"There is no data\"}}\n\n/***/ }),\n\n/***/ 1515:\n/***/ (function(module, exports) {\n\nmodule.exports = {\"ANALYTICS_ALBUMS\":{\"TOP_LIST\":{\"TITLE\":\"Analytics - Albums\",\"TOP_LIST_HEADER\":\"Album list\",\"FILTERS\":\"Filters\",\"FILTERS_TITLE\":\"Title\",\"FILTERS_ARTIST\":\"Artist\",\"FILTERS_TAGS\":\"Tags\",\"TOP_LIST_COLUMN\":{\"TITLE\":\"Title\",\"ITEMS_IN_COLLECTION\":\"Songs in album\",\"SUMMARY\":\"Summary statistics\",\"VIEWS\":\"Songs listenings\",\"COMPLETE_VIEWS\":\"Full listenings of album\",\"USERS\":\"Listening users\"},\"ALBUM_DETAIL_HEADER\":\"Album details\",\"ALBUM_ITEM_STATS_HEADER\":\"Songs statistics\",\"ITEM_STATS_COLUMN\":{\"POSITION\":\"Pos\",\"ID\":\"Id\",\"TITLE\":\"Title\",\"DURATION\":\"Length\",\"STATS_GROUP\":\"Last 30 days stats\",\"VIEWS\":\"Listenings\",\"USERS\":\"Users\",\"WATCHING_TIME\":\"Time\",\"AVG_WATCHING_TIME\":\"Time per list.\"},\"ALBUM_DETAILS_BUTTON\":\"More details\"},\"DETAILS_VIEW\":{\"TITLE\":\"Analytics - Album details\",\"CHART_TITLE\":\"Album views history\",\"BOX_VIEWS\":\"Songs listenings\",\"BOX_COMPLETE_VIEWS\":\"Album listenings\",\"BOX_USERS\":\"Listening users\",\"BOX_WATCHING_TIME\":\"Time per listening\",\"META_HEADER\":\"Album info\",\"META_REL_ID\":\"Rel. ID\",\"META_ADDED_AT\":\"Added at\",\"ITEM_STATS_HEADER\":\"Album songs\",\"ITEM_STATS_COL\":{\"POSITION\":\"Pos\",\"ID\":\"Id\",\"TITLE\":\"Title\",\"DURATION\":\"Length\",\"STATS_GROUP\":\"For selected time range\",\"ITEM_VIEWS\":\"List.\",\"USERS\":\"Users\",\"WATCHING_TIME\":\"Time\",\"AVG_WATCHING_TIME\":\"Time per list.\"}},\"NO_DATA\":\"There is no data\"}}\n\n/***/ }),\n\n/***/ 1516:\n/***/ (function(module, exports) {\n\nmodule.exports = {\"ANALYTICS_AUDIENCE\":{\"TITLE\":\"Analytics - Audience\",\"HEADER\":{\"1\":\"Changes in time for account\",\"2\":\"Monthly statistics\",\"3\":\"Heatmap\"},\"SUMMARY\":{\"USERS\":\"Users\",\"VIEWS\":\"Views\",\"VIEWS_PER_USER\":\"Views per user\",\"AVG_WATCHING_TIME\":\"Avg. watching time per user\",\"IN_SELECTED_PERIOD\":\"In selected period\"},\"FOR_CURR_ACCOUNTING_MONTH\":\"For current accounting month\",\"FOR_PREV_ACCOUNTING_MONTH\":\"For previous accounting month\",\"VIEWS_OPEN_PERIOD\":\"open period\",\"VIEWS_PREVIOUS_PERIOD\":\"previous period\",\"SUBHEADER\":{\"1\":\"Trends for last current and previous day\",\"2\":\"Trends for last 30 days\",\"3\":\"In selected period\",\"4\":\"Views per user\",\"5\":\"Avg. watching time per user\",\"6\":\"open month, statistics not closed\"},\"WORD\":{\"HOUR\":\"Hour\",\"DAY\":\"Day\",\"MONTH\":\"Month\",\"WEEK\":\"Week\",\"YEAR\":\"Year\",\"USERS\":\"Users\",\"VIEWS\":\"Views\",\"TODAY\":\"Today\",\"YESTERDAY\":\"Yesterday\",\"LAST\":\"Last\"}}}\n\n/***/ }),\n\n/***/ 1517:\n/***/ (function(module, exports) {\n\nmodule.exports = {\"ANALYTICS_AUDIENCE\":{\"TITLE\":\"Analytics - Audience\",\"HEADER\":{\"1\":\"Changes in time for account\",\"2\":\"Monthly statistics\",\"3\":\"Heatmap\"},\"SUMMARY\":{\"USERS\":\"Users\",\"VIEWS\":\"Views\",\"VIEWS_PER_USER\":\"Views per user\",\"AVG_WATCHING_TIME\":\"Avg. watching time per user\",\"IN_SELECTED_PERIOD\":\"In selected period\"},\"FOR_CURR_ACCOUNTING_MONTH\":\"For current accounting month\",\"FOR_PREV_ACCOUNTING_MONTH\":\"For previous accounting month\",\"VIEWS_OPEN_PERIOD\":\"open period\",\"VIEWS_PREVIOUS_PERIOD\":\"previous period\",\"SUBHEADER\":{\"1\":\"Trends for last current and previous day\",\"2\":\"Trends for last 30 days\",\"3\":\"In selected period\",\"4\":\"Views per user\",\"5\":\"Avg. watching time per user\",\"6\":\"open month, statistics not closed\"},\"WORD\":{\"HOUR\":\"Hour\",\"DAY\":\"Day\",\"MONTH\":\"Month\",\"WEEK\":\"Week\",\"YEAR\":\"Year\",\"USERS\":\"Users\",\"VIEWS\":\"Views\",\"TODAY\":\"Today\",\"YESTERDAY\":\"Yesterday\",\"LAST\":\"Last\"}}}\n\n/***/ }),\n\n/***/ 1518:\n/***/ (function(module, exports) {\n\nmodule.exports = {\"ANALYTICS_CONTENT\":{\"TITLE\":\"Analytics - Content\",\"HEADER\":{\"1\":\"Contents list\",\"2\":\"Content details\",\"3\":\"Views history\",\"4\":\"Engagement\"},\"SUBHEADER\":{\"1\":\"Views per user\",\"2\":\"Time per user\",\"3\":\"More details\",\"4\":\"Added to system\"},\"WORD\":{\"USERS\":\"Users\",\"VIEWS\":\"Views\",\"TITLE\":\"Title\",\"SEARCH\":\"Search\",\"DURATION\":\"Duration\"},\"PLACEHOLDER\":{\"SEARCH\":\"Put title / id here and press Enter button\"},\"NO_DATA\":\"There is no data\"},\"ANALYTICS_CONTENT_DETAILS\":{\"TITLE\":\"Analytics - Content details\",\"HEADER\":{\"STATS_HISTORY\":\"Views history\",\"METADATA\":\"Content metadata\",\"ENGAGEMENT_RATE\":\"Engagement rate\"},\"WORD\":{\"RELATED_ID\":\"Related content ID\",\"CREATED_AT\":\"Added into system\",\"TAGS\":\"Tags\",\"TOTAL_VIEWS\":\"Views\",\"TOTAL_USERS\":\"Users\",\"IN_SELECTED_PERIOD\":\"In selected period\",\"ENG_RATE_LIVE_STREAM_CLOCK_TYPE_WALL\":\"Wall clock time\",\"ENG_RATE_LIVE_STREAM_CLOCK_TYPE_CONTENT\":\"Content time\",\"ENG_RATE_SUMMARY_TOTAL_WATCHING_TIME\":\"Total watching time\",\"ENG_RATE_SUMMARY_AVG_WATCHING_TIME\":\"Time per view\"}}}\n\n/***/ }),\n\n/***/ 1519:\n/***/ (function(module, exports) {\n\nmodule.exports = {\"ANALYTICS_CONTENT\":{\"TITLE\":\"Analytics - Content\",\"HEADER\":{\"1\":\"Contents list\",\"2\":\"Content details\",\"3\":\"Views history\",\"4\":\"Engagement\"},\"SUBHEADER\":{\"1\":\"Views per user\",\"2\":\"Time per user\",\"3\":\"More details\",\"4\":\"Added to system\"},\"WORD\":{\"USERS\":\"Users\",\"VIEWS\":\"Views\",\"TITLE\":\"Title\",\"SEARCH\":\"Search\",\"DURATION\":\"Duration\"},\"PLACEHOLDER\":{\"SEARCH\":\"Put title / id here and press Enter button\"},\"NO_DATA\":\"There is no data\"},\"ANALYTICS_CONTENT_DETAILS\":{\"TITLE\":\"Analytics - Content details\",\"HEADER\":{\"STATS_HISTORY\":\"Views history\",\"METADATA\":\"Content metadata\",\"ENGAGEMENT_RATE\":\"Engagement rate\"},\"WORD\":{\"RELATED_ID\":\"Related content ID\",\"CREATED_AT\":\"Added into system\",\"TAGS\":\"Tags\",\"TOTAL_VIEWS\":\"Views\",\"TOTAL_USERS\":\"Users\",\"IN_SELECTED_PERIOD\":\"In selected period\",\"ENG_RATE_LIVE_STREAM_CLOCK_TYPE_WALL\":\"Wall clock time\",\"ENG_RATE_LIVE_STREAM_CLOCK_TYPE_CONTENT\":\"Content time\",\"ENG_RATE_SUMMARY_TOTAL_WATCHING_TIME\":\"Total watching time\",\"ENG_RATE_SUMMARY_AVG_WATCHING_TIME\":\"Time per view\"}}}\n\n/***/ }),\n\n/***/ 1520:\n/***/ (function(module, exports) {\n\nmodule.exports = {\"ANALYTICS_DASHBOARD\":{\"TITLE\":\"Analytics - Dashboard\",\"SUMMARY\":{\"DESKTOP_VS_MOBILE\":\"Desktop vs Mobile\",\"USERS_IN_MONTH\":\"Users in month\",\"VIEWS_IN_MONTH\":\"Views in month\",\"LAST_30D\":\"In last 30 days\"},\"HEADER\":{\"CHART_LAST_48H\":\"Day views\",\"CHART_LAST_48H_SUB\":\"Trends for last current and previous day\",\"CHART_LAST_30D\":\"Last 30 days stats\",\"CHART_LAST_30D_SUB\":\"Trends for last 30 days\",\"TOP_MEDIA_30D\":\"Top watched contents\",\"TOP_MEDIA_24H\":\"Rising contents\",\"TOP_MEDIA_24H_SUB\":\"Views in last 24 hours\",\"HEATMAP\":\"Traffic heatmap\",\"HEATMAP_SUB\":\"Views and users over hours and week days\"},\"TOP_MEDIA_TABLE\":{\"POSITION\":\"Positon\",\"ID\":\"Id\",\"TITLE\":\"Title\",\"VIEWS\":\"Views\"}}}\n\n/***/ }),\n\n/***/ 1521:\n/***/ (function(module, exports) {\n\nmodule.exports = {\"ANALYTICS_DASHBOARD\":{\"TITLE\":\"Analytics - Dashboard\",\"SUMMARY\":{\"DESKTOP_VS_MOBILE\":\"Desktop vs Mobile\",\"USERS_IN_MONTH\":\"Users in month\",\"VIEWS_IN_MONTH\":\"Views in month\",\"LAST_30D\":\"In last 30 days\"},\"HEADER\":{\"CHART_LAST_48H\":\"Day views\",\"CHART_LAST_48H_SUB\":\"Trends for last current and previous day\",\"CHART_LAST_30D\":\"Last 30 days stats\",\"CHART_LAST_30D_SUB\":\"Trends for last 30 days\",\"TOP_MEDIA_30D\":\"Top watched contents\",\"TOP_MEDIA_24H\":\"Rising contents\",\"TOP_MEDIA_24H_SUB\":\"Views in last 24 hours\",\"HEATMAP\":\"Traffic heatmap\",\"HEATMAP_SUB\":\"Views and users over hours and week days\"},\"TOP_MEDIA_TABLE\":{\"POSITION\":\"Positon\",\"ID\":\"Id\",\"TITLE\":\"Title\",\"VIEWS\":\"Views\"}}}\n\n/***/ }),\n\n/***/ 1522:\n/***/ (function(module, exports) {\n\nmodule.exports = {\"ANALYTICS_GEO\":{\"TITLE\":\"Analytics - Geo\",\"HEADER\":{\"MAP\":\"Map\",\"DETAILS\":\"Details\"},\"WORD\":{\"COUNTRY\":\"Country\",\"REGION\":\"Region\",\"VIEWS\":\"Views\",\"USERS\":\"Users\"}},\"ANALYTICS_GEO_COUNTRY\":{\"TITLE\":\"Analytics - Geo for country\",\"TYPE\":{\"REGIONS\":\"Regions\",\"CITIES\":\"Cities\"},\"WORD\":{\"REGION\":\"Region\",\"CITY\":\"City\"}}}\n\n/***/ }),\n\n/***/ 1523:\n/***/ (function(module, exports) {\n\nmodule.exports = {\"ANALYTICS_GEO\":{\"TITLE\":\"Analytics - Geo\",\"HEADER\":{\"MAP\":\"Map\",\"DETAILS\":\"Details\"},\"WORD\":{\"COUNTRY\":\"Country\",\"REGION\":\"Region\",\"VIEWS\":\"Views\",\"USERS\":\"Users\"}},\"ANALYTICS_GEO_COUNTRY\":{\"TITLE\":\"Analytics - Geo for country\",\"TYPE\":{\"REGIONS\":\"Regions\",\"CITIES\":\"Cities\"},\"WORD\":{\"REGION\":\"Region\",\"CITY\":\"City\"}}}\n\n/***/ }),\n\n/***/ 1524:\n/***/ (function(module, exports) {\n\nmodule.exports = {\"HEARTBEAT\":{\"WORD\":{\"MOBILE_VIEWS\":\"Mobile views\",\"DESKTOP_VIEWS\":\"Desktop views\",\"TABLET_VIEWS\":\"Tablet views\",\"MOBILE\":\"Mobile\",\"DESKTOP\":\"Desktop\",\"TABLET\":\"Tablet\",\"CURRENT\":\"Current\",\"AVG\":\"Average\",\"NETWORK_STATUS\":\"Network status\",\"ERROR_RATE\":\"Error rate\",\"BROWSERS_ERROR_RATE\":\"Browsers error rate\",\"OS_ERROR_RATE\":\"OS error rate\",\"MATERIAL\":\"Materials\",\"SERVICES\":\"Services\",\"FAILRUES\":\"Failrues\",\"STARTUP\":\"Sartup\",\"REBUFFER\":\"Rebuffer\",\"QUALITY\":\"Quality\",\"ID\":\"Id\",\"TITLE\":\"Title\",\"COUNTRY\":\"Country\",\"REGION\":\"Region\",\"BROWSER\":\"Browser\",\"OS\":\"OS\"}}}\n\n/***/ }),\n\n/***/ 1525:\n/***/ (function(module, exports) {\n\nmodule.exports = {\"HEARTBEAT\":{\"WORD\":{\"MOBILE_VIEWS\":\"Mobile views\",\"DESKTOP_VIEWS\":\"Desktop views\",\"TABLET_VIEWS\":\"Tablet views\",\"MOBILE\":\"Mobile\",\"DESKTOP\":\"Desktop\",\"TABLET\":\"Tablet\",\"CURRENT\":\"Current\",\"AVG\":\"Average\",\"NETWORK_STATUS\":\"Network status\",\"ERROR_RATE\":\"Error rate\",\"BROWSERS_ERROR_RATE\":\"Browsers error rate\",\"OS_ERROR_RATE\":\"OS error rate\",\"MATERIAL\":\"Materials\",\"SERVICES\":\"Services\",\"FAILRUES\":\"Failrues\",\"STARTUP\":\"Sartup\",\"REBUFFER\":\"Rebuffer\",\"QUALITY\":\"Quality\",\"ID\":\"Id\",\"TITLE\":\"Title\",\"COUNTRY\":\"Country\",\"REGION\":\"Region\",\"BROWSER\":\"Browser\",\"OS\":\"OS\"}}}\n\n/***/ }),\n\n/***/ 1526:\n/***/ (function(module, exports) {\n\nmodule.exports = {\"ANALYTICS_INFO\":{\"TITLE\":\"Analytics - Info\",\"CLIENT_TOKEN\":{\"TITLE\":\"clientToken for tracking scripts\",\"DESC\":\"clientToken field is used by trackins scripts for data collection. You can need it if you are using 3-rd party player with bradmax analytics statistics.\",\"DOC_LINK_TEXT\":\"More info about plugins you can find on page\"}}}\n\n/***/ }),\n\n/***/ 1527:\n/***/ (function(module, exports) {\n\nmodule.exports = {\"ANALYTICS_INFO\":{\"TITLE\":\"Analytics - Info\",\"CLIENT_TOKEN\":{\"TITLE\":\"clientToken for tracking scripts\",\"DESC\":\"clientToken field is used by trackins scripts for data collection. You can need it if you are using 3-rd party player with bradmax analytics statistics.\",\"DOC_LINK_TEXT\":\"More info about plugins you can find on page\"}}}\n\n/***/ }),\n\n/***/ 1528:\n/***/ (function(module, exports) {\n\nmodule.exports = {\"ANALYTICS_REALTIME\":{\"TITLE\":\"Analytics - Realtime\",\"AUDIENCE\":\"Audience\",\"TOP_CONTENT\":\"Top content\",\"SELECTED_CONTENR\":\"Selected content\",\"WORD\":{\"POSITION\":\"Position\",\"TITLE\":\"Title\",\"STREAMS\":\"Streams\",\"STREAMS_APROX_NOTE\":\"aprox. last 20 min\",\"WATCHING_USERS_PER_SEC\":\"Watching users - per second\",\"WATCHING_USERS_PER_MIN\":\"Watching users - per minute\",\"ID\":\"Id\",\"NAME\":\"Name\",\"USERS\":\"Users\",\"LAST_HOUR\":\"Last hour\",\"LAST_MINUTE\":\"Last minute\"},\"MESSAGE\":{\"NO_DATA\":\"There is no data for selected time range.\"}}}\n\n/***/ }),\n\n/***/ 1529:\n/***/ (function(module, exports) {\n\nmodule.exports = {\"ANALYTICS_REALTIME\":{\"TITLE\":\"Analytics - Realtime\",\"AUDIENCE\":\"Audience\",\"TOP_CONTENT\":\"Top content\",\"SELECTED_CONTENR\":\"Selected content\",\"WORD\":{\"POSITION\":\"Position\",\"TITLE\":\"Title\",\"STREAMS\":\"Streams\",\"STREAMS_APROX_NOTE\":\"aprox. last 20 min\",\"WATCHING_USERS_PER_SEC\":\"Watching users - per second\",\"WATCHING_USERS_PER_MIN\":\"Watching users - per minute\",\"ID\":\"Id\",\"NAME\":\"Name\",\"USERS\":\"Users\",\"LAST_HOUR\":\"Last hour\",\"LAST_MINUTE\":\"Last minute\"},\"MESSAGE\":{\"NO_DATA\":\"There is no data for selected time range.\"}}}\n\n/***/ }),\n\n/***/ 1530:\n/***/ (function(module, exports) {\n\nmodule.exports = {\"ANALYTICS_SAMPLED_TRAFFIC\":{\"VIEW\":{\"TITLE\":\"Analytics - Content Report\"},\"CRITERIA\":{\"TITLE\":\"Criteria\",\"DATE_RANGE\":{\"LABEL\":\"Date range\",\"SELECT\":\"select date range\"},\"COUNTRY\":{\"LABEL\":\"Country\",\"SELECT\":\"select country\"},\"REGION\":{\"LABEL\":\"Region\",\"SELECT\":\"select region\",\"DISABLED\":\"first select country\"},\"FILTERS\":{\"LABEL\":\"Filters\",\"SELECT\":\"filter data\"},\"TAGS\":{\"LABEL\":\"Search tags\",\"SELECT\":\"search tags\"}},\"SUMMARY\":{\"USERS\":\"Users\",\"VIEWS\":\"Views\",\"VIEWS_PER_USER\":\"Views per user\",\"AVG_WATCHING_TIME\":\"Avg. watching time per user\",\"IN_SELECTED_PERIOD\":\"In selected period\",\"SELECTED_CRITERIA\":\"according to selected criteria\"},\"HISTORY\":{\"TITLE\":\"User and views\",\"EXPORT_TO_CSV\":\"export to .csv\",\"GRANULARITY\":{\"HOUR\":\"hour\",\"DAY\":\"day\",\"WEEK\":\"week\",\"MONTH\":\"month\",\"YEAR\":\"year\"}},\"GEOLOCATION\":{\"TITLE\":\"Geolocation\",\"USERS\":\"users\",\"VIEWS\":\"views\",\"TOTAL_PERCENT\":\"total %\",\"MAP\":{\"BACK_TO_WORLD\":\"back to world map\",\"BACK_TO_COUNTRY\":\"back to country map\"},\"LIST\":{\"COUNTRIES\":\"country\",\"PROVINCES\":\"region\"},\"NODATA\":\"no data available for selected criteria\"},\"TAGS\":{\"TITLE\":\"Top viewed tags\",\"TAG\":\"tag\",\"VALUE\":\"value\",\"VIEWS\":\"views\",\"TOTAL_PERCENT\":\"total %\",\"NODATA\":\"no data available for selected criteria\",\"LOADING\":\"loading ...\"},\"--HEADER\":{\"1\":\"Criteria\",\"2\":\"\",\"3\":\"Report\"},\"--INFO\":{\"HEADER\":\"Information\",\"NOTE\":\"There is no available data, plase select criteria\"},\"--PLACEHOLDER\":{\"TAG\":\"Click to add tag\"},\"--SUBPAGES\":{\"POSITION\":\"Position\",\"SUBPAGE\":\"Page\",\"VIEWS\":\"Views\",\"USERS\":\"Users\"},\"--SUBTITLES\":{\"VIEWS_AND_USERS_HISTORY\":\"Views and users history\",\"MAP_VIEWS\":\"Map - views\",\"DETAILS_GEOLOCATION\":\"Details - geolocation\",\"VIEWS_PER_GENDER\":\"Views per gender\",\"VIEWS_PER_AGE_SEGMENT\":\"Views per age segment\",\"TAGS\":\"Tags\"},\"--WORD\":{\"REPORT_TYPE\":\"Type\",\"GRANULARITY_SELECTION\":\"Granularity\",\"DATE_RANGE_SELECTION\":\"Date range\",\"GEO_SELECTION\":\"Geolocation\",\"COUNTRY_SELECTION\":\"Country\",\"REGION_SELECTION\":\"Region\",\"CITY_SELECTION\":\"City\",\"REGION_DISABLED\":\"First select country\",\"CITY_DISABLED\":\"First select region\",\"TAG_SELECTION\":\"Tags\",\"GENDER_SELECTION\":\"Gender\",\"DEMOGRAPHY_SELECTION\":\"Demography\",\"AGE_RANGE_SELECTION\":\"Age range\",\"MALE\":\"Male\",\"FEMALE\":\"Female\",\"OTHER\":\"Other\",\"UNDEFINED\":\"Undefined\",\"GENERATE\":\"Generate report\",\"NO_DATA\":\"No data\",\"VIEWS\":\"Views\",\"TAG\":\"Tag\",\"NO_DATA_FOR_TAGS_LIST\":\"No tags for selected criteria\"},\"--REPORT_TYPE\":{\"REPORT\":\"Report\",\"GEOLOCATION\":\"Geolocation\",\"TAGS\":\"Tags\",\"GENDER\":\"Gender\",\"AGE\":\"Age\"},\"--GEO_GRANULARITY\":{\"REGION\":\"Region\",\"CITY\":\"City\"}}}\n\n/***/ }),\n\n/***/ 1531:\n/***/ (function(module, exports) {\n\nmodule.exports = {\"ANALYTICS_SAMPLED_TRAFFIC\":{\"TITLE\":\"Analytics - Content Report\",\"CRITERIA\":{\"TITLE\":\"Criteria\",\"DATE_RANGE\":{\"LABEL\":\"Date range\",\"SELECT\":\"select date range\"},\"COUNTRY\":{\"LABEL\":\"Country\",\"SELECT\":\"select country\"},\"REGION\":{\"LABEL\":\"Region\",\"SELECT\":\"select region\",\"DISABLED\":\"first select country\"},\"FILTERS\":{\"LABEL\":\"Filters\",\"SELECT\":\"filter data\"},\"TAGS\":{\"LABEL\":\"Search tags\",\"SELECT\":\"search tags\"}},\"SUMMARY\":{\"USERS\":\"Users\",\"VIEWS\":\"Views\",\"VIEWS_PER_USER\":\"Views per user\",\"AVG_WATCHING_TIME\":\"Avg. watching time per user\",\"IN_SELECTED_PERIOD\":\"In selected period\",\"SELECTED_CRITERIA\":\"according to selected criteria\"},\"HISTORY\":{\"TITLE\":\"User and views\",\"EXPORT_TO_CSV\":\"export to .csv\",\"GRANULARITY\":{\"HOUR\":\"hour\",\"DAY\":\"day\",\"WEEK\":\"week\",\"MONTH\":\"month\",\"YEAR\":\"year\"}},\"GEOLOCATION\":{\"TITLE\":\"Geolocation\",\"USERS\":\"users\",\"VIEWS\":\"views\",\"TOTAL_PERCENT\":\"total %\",\"MAP\":{\"BACK_TO_WORLD\":\"back to world map\",\"BACK_TO_COUNTRY\":\"back to country map\"},\"LIST\":{\"COUNTRIES\":\"country\",\"PROVINCES\":\"region\"},\"NODATA\":\"no data available for selected criteria\"},\"TAGS\":{\"TITLE\":\"Tags\",\"TAG\":\"tag\",\"VALUE\":\"value\",\"VIEWS\":\"views\",\"TOTAL_PERCENT\":\"total %\",\"NODATA\":\"no data available for selected criteria\",\"LOADING\":\"loading ...\"},\"--HEADER\":{\"1\":\"Criteria\",\"2\":\"\",\"3\":\"Report\"},\"--INFO\":{\"HEADER\":\"Information\",\"NOTE\":\"There is no available data, plase select criteria\"},\"--PLACEHOLDER\":{\"TAG\":\"Click to add tag\"},\"--SUBPAGES\":{\"POSITION\":\"Position\",\"SUBPAGE\":\"Page\",\"VIEWS\":\"Views\",\"USERS\":\"Users\"},\"--SUBTITLES\":{\"VIEWS_AND_USERS_HISTORY\":\"Views and users history\",\"MAP_VIEWS\":\"Map - views\",\"DETAILS_GEOLOCATION\":\"Details - geolocation\",\"VIEWS_PER_GENDER\":\"Views per gender\",\"VIEWS_PER_AGE_SEGMENT\":\"Views per age segment\",\"TAGS\":\"Tags\"},\"--WORD\":{\"REPORT_TYPE\":\"Type\",\"GRANULARITY_SELECTION\":\"Granularity\",\"DATE_RANGE_SELECTION\":\"Date range\",\"GEO_SELECTION\":\"Geolocation\",\"COUNTRY_SELECTION\":\"Country\",\"REGION_SELECTION\":\"Region\",\"CITY_SELECTION\":\"City\",\"REGION_DISABLED\":\"First select country\",\"CITY_DISABLED\":\"First select region\",\"TAG_SELECTION\":\"Tags\",\"GENDER_SELECTION\":\"Gender\",\"DEMOGRAPHY_SELECTION\":\"Demography\",\"AGE_RANGE_SELECTION\":\"Age range\",\"MALE\":\"Male\",\"FEMALE\":\"Female\",\"OTHER\":\"Other\",\"UNDEFINED\":\"Undefined\",\"GENERATE\":\"Generate report\",\"NO_DATA\":\"No data\",\"VIEWS\":\"Views\",\"TAG\":\"Tag\",\"NO_DATA_FOR_TAGS_LIST\":\"No tags for selected criteria\"},\"--REPORT_TYPE\":{\"REPORT\":\"Report\",\"GEOLOCATION\":\"Geolocation\",\"TAGS\":\"Tags\",\"GENDER\":\"Gender\",\"AGE\":\"Age\"},\"--GEO_GRANULARITY\":{\"REGION\":\"Region\",\"CITY\":\"City\"}}}\n\n/***/ }),\n\n/***/ 1532:\n/***/ (function(module, exports) {\n\nmodule.exports = {\"ANALYTICS_ST_RAPORT\":{\"TITLE\":\"Analytics - Content Report\",\"HEADER\":{\"1\":\"Criteria\",\"2\":\"\",\"3\":\"Report\"},\"INFO\":{\"HEADER\":\"Information\",\"NOTE\":\"There is no available data, plase select criteria\"},\"PLACEHOLDER\":{\"TAG\":\"Click to add tag\"},\"SUBPAGES\":{\"POSITION\":\"Position\",\"SUBPAGE\":\"Page\",\"VIEWS\":\"Views\",\"USERS\":\"Users\"},\"SUBTITLES\":{\"VIEWS_AND_USERS_HISTORY\":\"Views and users history\",\"MAP_VIEWS\":\"Map - views\",\"DETAILS_GEOLOCATION\":\"Details - geolocation\",\"VIEWS_PER_GENDER\":\"Views per gender\",\"VIEWS_PER_AGE_SEGMENT\":\"Views per age segment\",\"TAGS\":\"Tags\"},\"WORD\":{\"REPORT_TYPE\":\"Type\",\"GRANULARITY_SELECTION\":\"Granularity\",\"DATE_RANGE_SELECTION\":\"Date range\",\"GEO_SELECTION\":\"Geolocation\",\"COUNTRY_SELECTION\":\"Country\",\"REGION_SELECTION\":\"Region\",\"CITY_SELECTION\":\"City\",\"REGION_DISABLED\":\"First select country\",\"CITY_DISABLED\":\"First select region\",\"TAG_SELECTION\":\"Tags\",\"GENDER_SELECTION\":\"Gender\",\"DEMOGRAPHY_SELECTION\":\"Demography\",\"AGE_RANGE_SELECTION\":\"Age range\",\"MALE\":\"Male\",\"FEMALE\":\"Female\",\"OTHER\":\"Other\",\"UNDEFINED\":\"Undefined\",\"GENERATE\":\"Generate report\",\"NO_DATA\":\"No data\",\"VIEWS\":\"Views\",\"TAG\":\"Tag\",\"NO_DATA_FOR_TAGS_LIST\":\"No tags for selected criteria\"},\"REPORT_TYPE\":{\"REPORT\":\"Report\",\"GEOLOCATION\":\"Geolocation\",\"TAGS\":\"Tags\",\"GENDER\":\"Gender\",\"AGE\":\"Age\"},\"GEO_GRANULARITY\":{\"REGION\":\"Region\",\"CITY\":\"City\"},\"SUMMARY\":{\"USERS\":\"Users\",\"VIEWS\":\"Views\",\"VIEWS_PER_USER\":\"Views per user\",\"AVG_WATCHING_TIME\":\"Avg. watching time per user\",\"IN_SELECTED_PERIOD\":\"In selected period\",\"SELECTED_CRITERIA\":\"according to selected criteria\"}}}\n\n/***/ }),\n\n/***/ 1533:\n/***/ (function(module, exports) {\n\nmodule.exports = {\"ANALYTICS_ST_RAPORT\":{\"TITLE\":\"Analytics - Content Report\",\"HEADER\":{\"1\":\"Criteria\",\"2\":\"\",\"3\":\"Report\"},\"INFO\":{\"HEADER\":\"Information\",\"NOTE\":\"There is no available data, plase select criteria\"},\"PLACEHOLDER\":{\"TAG\":\"Click to add tag\"},\"SUBPAGES\":{\"POSITION\":\"Position\",\"SUBPAGE\":\"Page\",\"VIEWS\":\"Views\",\"USERS\":\"Users\"},\"SUBTITLES\":{\"VIEWS_AND_USERS_HISTORY\":\"Views and users history\",\"MAP_VIEWS\":\"Map - views\",\"DETAILS_GEOLOCATION\":\"Details - geolocation\",\"VIEWS_PER_GENDER\":\"Views per gender\",\"VIEWS_PER_AGE_SEGMENT\":\"Views per age segment\",\"TAGS\":\"Tags\"},\"WORD\":{\"REPORT_TYPE\":\"Type\",\"GRANULARITY_SELECTION\":\"Granularity\",\"DATE_RANGE_SELECTION\":\"Date range\",\"GEO_SELECTION\":\"Geolocation\",\"COUNTRY_SELECTION\":\"Country\",\"REGION_SELECTION\":\"Region\",\"CITY_SELECTION\":\"City\",\"REGION_DISABLED\":\"First select country\",\"CITY_DISABLED\":\"First select region\",\"TAG_SELECTION\":\"Tags\",\"GENDER_SELECTION\":\"Gender\",\"DEMOGRAPHY_SELECTION\":\"Demography\",\"AGE_RANGE_SELECTION\":\"Age range\",\"MALE\":\"Male\",\"FEMALE\":\"Female\",\"OTHER\":\"Other\",\"UNDEFINED\":\"Undefined\",\"GENERATE\":\"Generate report\",\"NO_DATA\":\"No data\",\"VIEWS\":\"Views\",\"TAG\":\"Tag\",\"NO_DATA_FOR_TAGS_LIST\":\"No tags for selected criteria\"},\"REPORT_TYPE\":{\"REPORT\":\"Report\",\"GEOLOCATION\":\"Geolocation\",\"TAGS\":\"Tags\",\"GENDER\":\"Gender\",\"AGE\":\"Age\"},\"GEO_GRANULARITY\":{\"REGION\":\"Region\",\"CITY\":\"City\"},\"SUMMARY\":{\"USERS\":\"Users\",\"VIEWS\":\"Views\",\"VIEWS_PER_USER\":\"Views per user\",\"AVG_WATCHING_TIME\":\"Avg. watching time per user\",\"IN_SELECTED_PERIOD\":\"In selected period\",\"SELECTED_CRITERIA\":\"according to selected criteria\"}}}\n\n/***/ }),\n\n/***/ 1534:\n/***/ (function(module, exports) {\n\nmodule.exports = {\"ANALYTICS_TAG_SERVICE\":{\"SELECT_EXISTING_TIP\":\"Please choose tag on list or type it in exact form\",\"PLACEHOLDER\":\"Find additional tag\",\"INITIAL_PLACEHOLDER\":\"Find and select tags\"}}\n\n/***/ }),\n\n/***/ 1535:\n/***/ (function(module, exports) {\n\nmodule.exports = {\"ANALYTICS_TAG_SERVICE\":{\"SELECT_EXISTING_TIP\":\"Please choose tag on list or type it in exact form\",\"PLACEHOLDER\":\"Find additional tag\",\"INITIAL_PLACEHOLDER\":\"Find and select tags\"}}\n\n/***/ }),\n\n/***/ 1536:\n/***/ (function(module, exports) {\n\nmodule.exports = {\"ANALYTICS_TECHNOLOGY\":{\"TITLE\":\"Analytics - Technology\",\"DEVICES\":\"Devices\",\"OS\":\"Operating systems\",\"BROWSERS\":\"Browsers\",\"LABEL_TOTAL_VIEWS\":\"Total views\",\"TABLE\":{\"OS\":\"OS\",\"VIEWS\":\"Views\",\"BROWSER\":\"Browser\"},\"MESSAGE\":{\"NO_DATA\":\"There is no data for selected time range.\"}}}\n\n/***/ }),\n\n/***/ 1537:\n/***/ (function(module, exports) {\n\nmodule.exports = {\"ANALYTICS_TECHNOLOGY\":{\"TITLE\":\"Analytics - Technology\",\"DEVICES\":\"Devices\",\"OS\":\"Operating systems\",\"BROWSERS\":\"Browsers\",\"LABEL_TOTAL_VIEWS\":\"Total views\",\"TABLE\":{\"OS\":\"OS\",\"VIEWS\":\"Views\",\"BROWSER\":\"Browser\"},\"MESSAGE\":{\"NO_DATA\":\"There is no data for selected time range.\"}}}\n\n/***/ }),\n\n/***/ 1538:\n/***/ (function(module, exports) {\n\nmodule.exports = {\"ANALYTICS_TOPCONTENT\":{\"TITLE\":\"Analytics - Top viewed content\",\"HEADER\":{\"1\":\"Contents list\",\"2\":\"Content details\",\"3\":\"Views history\",\"4\":\"Engagement\"},\"SUBHEADER\":{\"1\":\"Views per user\",\"2\":\"Time per user\",\"3\":\"More details\",\"4\":\"Added to system\"},\"WORD\":{\"USERS\":\"Users\",\"VIEWS\":\"Views\",\"TITLE\":\"Title\",\"SEARCH\":\"Search\",\"DURATION\":\"Duration\",\"DATE_RANGE_SELECTION\":\"Top views for last:\",\"ALL_TIME\":\"All time\",\"POSITION\":\"Pos\",\"HOUR\":\"Hour\",\"24H\":\"24h\",\"7D\":\"7d\",\"30D\":\"30d\",\"365D\":\"365d\"},\"NO_DATA\":\"There is no data\"}}\n\n/***/ }),\n\n/***/ 1539:\n/***/ (function(module, exports) {\n\nmodule.exports = {\"ANALYTICS_TOPCONTENT\":{\"TITLE\":\"Analytics - Top viewed content\",\"HEADER\":{\"1\":\"Contents list\",\"2\":\"Content details\",\"3\":\"Views history\",\"4\":\"Engagement\"},\"SUBHEADER\":{\"1\":\"Views per user\",\"2\":\"Time per user\",\"3\":\"More details\",\"4\":\"Added to system\"},\"WORD\":{\"USERS\":\"Users\",\"VIEWS\":\"Views\",\"TITLE\":\"Title\",\"SEARCH\":\"Search\",\"DURATION\":\"Duration\",\"DATE_RANGE_SELECTION\":\"Top views for last:\",\"ALL_TIME\":\"All time\",\"POSITION\":\"Pos\",\"HOUR\":\"Hour\",\"24H\":\"24h\",\"7D\":\"7d\",\"30D\":\"30d\",\"365D\":\"365d\"},\"NO_DATA\":\"There is no data\"}}\n\n/***/ }),\n\n/***/ 1540:\n/***/ (function(module, exports) {\n\nmodule.exports = {\"DATERANGEPICKER\":{\"RANGE\":{\"LAST_7DAYS\":\"Last 7 days\",\"LAST_30DAYS\":\"Last 30 days\",\"LAST_MONTH\":\"Last month\",\"CURRENT_MONTH\":\"Current month\",\"CURRENT_WEEK\":\"Current week\",\"LAST_WEEK\":\"Last week\"},\"LABEL\":{\"CANCEL\":\"Cancel\",\"APPLY\":\"Apply\",\"WEEK\":\"Week\",\"CUSTOM_RANGE\":\"Custom range\"},\"WORD\":{\"WEEK\":\"week\",\"WEEKS\":\"weeks\",\"LAST\":\"Last\"}}}\n\n/***/ }),\n\n/***/ 1541:\n/***/ (function(module, exports) {\n\nmodule.exports = {\"DATERANGEPICKER\":{\"RANGE\":{\"LAST_7DAYS\":\"Ostatnie 7 dni\",\"LAST_30DAYS\":\"Ostatnie 30 dni\",\"LAST_MONTH\":\"Ostatni miesiąc\",\"CURRENT_MONTH\":\"Bieżacy miesiąc\",\"CURRENT_WEEK\":\"Bieżacy tydzień\",\"LAST_WEEK\":\"Ostatni tydzień\"},\"LABEL\":{\"CANCEL\":\"Anuluj\",\"APPLY\":\"Zastosuj\",\"WEEK\":\"Tydzień\",\"CUSTOM_RANGE\":\"Własny zakres\"},\"WORD\":{\"WEEK\":\"week\",\"WEEKS\":\"weeks\",\"LAST\":\"Last\"}}}\n\n/***/ }),\n\n/***/ 1542:\n/***/ (function(module, exports) {\n\nmodule.exports = {\"CONTACT\":{\"TITLE\":\"Contact us\",\"MESSAGE\":{\"ERROR\":\"It was not possible to send your message. Please try again.\",\"THANKS\":{\"TITLE\":\"Thank you for your interest!\",\"P1\":\"We will contact you as soon as possible with a reply.\",\"P2\":\"See you soon! =)\"}},\"BUTTON\":{\"CLOSE\":\"close\",\"SEND\":\"Send\",\"AGAIN\":\"Write Another Message\"},\"PLACEHOLDER\":{\"NAME\":\"Name\",\"EMAIL\":\"Email\",\"MESSAGE\":\"Type your message here...\"}}}\n\n/***/ }),\n\n/***/ 1543:\n/***/ (function(module, exports) {\n\nmodule.exports = {\"CONTACT\":{\"TITLE\":\"Contact us\",\"MESSAGE\":{\"ERROR\":\"It was not possible to send your message. Please try again.\",\"THANKS\":{\"TITLE\":\"Thank you for your interest!\",\"P1\":\"We will contact you as soon as possible with a reply.\",\"P2\":\"See you soon! =)\"}},\"BUTTON\":{\"CLOSE\":\"close\",\"SEND\":\"Send\",\"AGAIN\":\"Write Another Message\"},\"PLACEHOLDER\":{\"NAME\":\"Name\",\"EMAIL\":\"Email\",\"MESSAGE\":\"Type your message here...\"}}}\n\n/***/ }),\n\n/***/ 1544:\n/***/ (function(module, exports) {\n\nmodule.exports = {\"NAME\":\"Bradmax Admin - english version\",\"MENU\":{\"USER\":{\"ACCOUNT\":\"Account\",\"LOGOUT\":\"Log out\"},\"MAIN\":{\"NAME\":\"navigation\",\"PRODUCTS\":\"Products\",\"ACCOUNT\":{\"NAME\":\"Account\",\"SUBSCRIPTIONS\":\"Subscriptions\",\"DETAILS\":\"Details\",\"INVOICES\":\"Invoices\",\"PAYMENTS\":\"Payments\"},\"ANALYTICS\":{\"NAME\":\"Analytics\",\"DASHBOARD\":\"Dashboard\",\"REALTIME\":\"Realtime\",\"AUDIENCE\":\"Audience\",\"TOP_CONTENT\":\"Top content\",\"CONTENT\":\"Content\",\"SELECTED_CONTENT\":\"Selected content\",\"GEO\":\"Geo\",\"GEO_COUNTRY\":\"Selected country\",\"TECHNOLOGY\":\"Technology\",\"QOS\":\"QOS\",\"ALBUMS\":\"Albums\",\"HEARTBEAT\":\"Hearbeat\",\"INFO\":\"Info\"},\"PLAYER_CONFIG\":\"Players List\",\"UPLOAD\":\"Upload\",\"MEDIA\":\"Media\",\"SETTINGS\":\"Settings\",\"CHANGELOG\":\"Changelog\",\"HELP\":{\"NAME\":\"Help\",\"DOCS\":\"Player documentation\",\"TUTORIAL\":\"Player tutorial\",\"PLAYERS_PLUGINS_DOCS\":\"Bradmax analytics players plugins\"},\"TERMS_AND_CONDITIONS\":\"Terms of use\",\"EU_FUNDS\":\"EU Funds\"}},\"MODAL\":{\"LOGOUT\":{\"ASK\":\"
Do you want to log out ? \",\"YES\":\"log out\",\"NO\":\"stay\"},\"GDPR_INFO\":\"Hello,\\n\\nAt Bradmax, we are constantly striving to provide the best protection for your personal information. It is also important to us that the information regarding the manner in which we use and process them are transparent to you. That is why we are introducing a new privacy policy that meets both of these assumptions and, at the same time, meets the requirements of the General Data Protection Regulation (GDPR) (EU) 2016/679.\\n\\nFamiliarise yourself with the information clause in which we indicate how the personal data you provide will be processed.\\n\\nMay the peace be with you,\\nBradmax Team\\n\\n\\n\\nThe Bradmax information clause\\n
Who is the administrator of your personal data? \\n\\nThe administrator, which is the entity deciding how your personal data will be used, is Bradmax pinok.io Sp. z o.o. Sp. k. (hereinafter \\\"Bradmax\\\") with registered office and address in Warsaw at Jana Pawła II Avenue 61/164.\\n\\n
Who can you contact for more information on the processing of personal data by Bradmax? \\nIf you have questions related to the processing of your personal data on Bradmax websites, you can contact a Bradmax representative using the contact details provided: office@bradmax.com\\n\\n
Where does Bradmax have your data? \\nWe have received your personal information from you during the registration of your Bradmax account, as well as later, as a result of your activity on Bradmax websites. Information about you also comes from cookies collected by Bradmax and similar mechanisms of recording information in users' devices of the sites, as long as they allow you to identify you.\\n\\nIn addition, we receive information about you from payment operators, that is entities that enable you to make online payments for services purchased from Bradmax. We receive information from them about the status of your payment for the service.\\n\\nMore information on the scope of personal data being processed and the cookie files used can be found in the Privacy Policy.\\n\\n\\n\\n
What is the purpose and basis of the processing of your personal data by Bradmax? \\n\\nBradmax processes your personal data to enable you to use Bradmax services, provide support for your Bradmax account and contact us, provide functionality of services offered, including technical problems, fulfill agreements with you, handle complaints about the operation of Bradmax services, perform duties resulting from legal provisions, including tax and accounting regulations, enable payment for services, monitor your activity on these websites and conduct research and analyses related to it, conduct direct marketing activities, including those related to the organisation of competitions and promotional campaigns.\\n\\nData that identifies you may also be used to match the content and ads displayed to your interests, to measure the quality and effectiveness of these activities, to improve the content and services provided, to inform about the content and services of Bradmax and our Partners (\\\"Partners\\\"), which list is available here, sharing on advertising space, ensuring security of information processing, IT systems management and for protection or redress purposes, for statistical and archival purposes, as well as to ensure accountability of legal obligations.\\n\\nBradmax is entitled to process your personal data, because it is necessary to perform the agreement (concluded with you by accepting the terms of service), as well as on the basis of law, e.g. when these laws require us to process your data for tax purposes and accounting (provisions of the Tax Ordinance Act and the Accounting Act).\\n\\nThe legal basis for the processing of personal data is also the legitimate interest of Bradmax. It includes improving services, ensuring their best quality and informing users about them, providing support for your Bradmax account, conducting research and analysis, conducting direct marketing, protecting or pursuing claims, creating statistics and ensuring accountability. Displaying advertisements tailored to your interests on websites, thanks to the automated comparison of your interests and preferences with the model interests and preferences of Internet users (profiling), allows you to cover the costs of services provided free of charge. In some of our services, the basis for processing personal data may be consent, which you will always be informed about. You can manage your consent, including withdrawal.\\n\\nPartners, as personal data controllers separate from Bradmax, process your personal data based on their legitimate interest or your consent.\\n\\n\\n\\n
Do you have to provide Bradmax with your personal details? \\n\\nProviding personal data by you is a statutory requirement only to the extent resulting from the provisions of tax or accounting law, when we settle payments received from you. However, the requirement to conclude a contract with Bradmax (setting up a Bradmax account) is to provide the name of your company and e-mail address.\\n\\nIf you do not give us all this information about yourself, we will not be able to set up a Bradmax account for you, which will limit your ability to use some of the Bradmax services. In the remaining scope, providing data is voluntary.\\n\\n
What are your rights to Bradmax regarding the data being processed? \\n\\nYou can request from Bradmax: access to your personal data, rectification, deletion, processing restrictions, portability, and non-automated decision making, including profiling, and you have the right to object to the processing of your personal data.\\n\\nYou can do these permissions when:\\n\\nregarding the request for data rectification: the data is incorrect or incomplete;\\nin relation to a request to delete data: the data is no longer necessary for the purposes for which it was collected by Bradmax; you will withdraw your consent to data processing; you object to the processing of this data beforehand; data is processed unlawfully; data should be deleted in order to fulfil the obligation arising from the law; or data have been collected in connection with the provision of electronic services offered to the child;\\nregarding the request to limit the processing of data: data is incorrect - for a period allowing Bradmax to check the accuracy of your data; the data is processed unlawfully, but you will not want to be removed; Your data is no longer needed by Bradmax but you may need it for defending or pursuing claims; or you object to the processing of the data - pending the determination of whether the legitimate grounds prevail over the basis of the opposition;\\nin relation to a request for transfer of data: the processing of data is carried out on the basis of your consent or contract concluded with you and this processing is carried out automatically.\\nYou have the right to lodge a complaint regarding the processing of your personal data by Bradmax to the President of the Office for Personal Data Protection.\\n\\n
In what situations can you oppose the processing of your data? \\n\\nYou have the right to object to the processing of personal data when:\\n\\nthe processing of personal data takes place on the basis of a legitimate interest, or for statistical purposes, and the opposition is justified by your special situation,\\npersonal data are processed for direct marketing purposes.\\n\\n
Who does Bradmax share your personal information with? \\n\\nBradmax, in principle, does not disclose your personal data to third parties, except in cases where we have a legal basis, including at the request of entities authorised by law, or when we use the services of Bradmax supporters, eg entrepreneurs providing hosting of our services , software maintenance support.\\n\\nDue to the need to prevent certain functions on Bradmax services from Internet robots, we use the Google reCAPTCH mechanism to sporadically investigate whether the behaviour of website users is not characteristic of robotic behaviour. For this reason, Bradmax may disclose Google Inc. the IP address of your computer.\\n\\n
How long does Bradmax store your personal data? \\n\\nBradmax stores your personal data for the duration of the contract concluded with you, as well as - after its completion - for the period during which it is possible to pursue claims in connection with the performance of the contract, a maximum of 10 years from the date of termination of the contract. In addition, Bradmax stores your data for tax and accounting purposes for a period of 5 years after the end of the year in which the financial event took place.\\n\\nBradmax stores your personal data for marketing purposes for the duration of the legal basis and the purpose of data processing.\\n\\nBradmax stores data for statistical and archival purposes for the duration of the existence of the legal basis and the purpose of data processing.\\nDoes Bradmax transfer your data to countries outside the European Economic Area?\\nSome of our service providers may store website users' data outside of the European Economic Area. In such cases, Users' data may be stored in countries that provide an adequate level of protection of personal data, or in countries that do not provide such level. In the latter case, Bradmax secures your data by entering into contracts with Bradmax service providers containing so-called Standard Contractual Clauses accepted by the European Commission, which guarantee adequate protection of Users' data in third countries, use the EU - US Privacy Shield program (eg in the case of Google reCAPTCHA) or other grounds for the transfer of personal data.\\n\\n
Does Bradmax profile your personal data or process it automatically in a way that affects your rights? \\n\\nProfiling of personal data is understood as the automated processing of your data, which is based on their use to assess certain factors, in particular to analyse or forecast aspects regarding the effects of your work, economic situation, health, personal preferences, interests, credibility, behaviour, location or movement.\\nBased on monitoring your activity on Bradmax websites, we perform analyses that result in:\\noptimisation of websites (including appearance, content, offers), in terms of user preferences;\\nrecommending content that matches your viewing profile;\\nthe emission of advertisements addressed to the groups of recipients to which you have been qualified;\\nrecommending offers tailored to your viewing profile and behaviours.\\n \\nHowever, we do not use this data for automated decision-making with you that could affect your rights.\"}}\n\n/***/ }),\n\n/***/ 1545:\n/***/ (function(module, exports) {\n\nmodule.exports = {\"NAME\":\"Bradmax Admin - english version\",\"MENU\":{\"USER\":{\"ACCOUNT\":\"Account\",\"LOGOUT\":\"Log out\"},\"MAIN\":{\"NAME\":\"navigation\",\"PRODUCTS\":\"Products\",\"ACCOUNT\":{\"NAME\":\"Account\",\"SUBSCRIPTIONS\":\"Subscriptions\",\"DETAILS\":\"Details\",\"INVOICES\":\"Invoices\",\"PAYMENTS\":\"Payments\"},\"ANALYTICS\":{\"NAME\":\"Analytics\",\"DASHBOARD\":\"Dashboard\",\"REALTIME\":\"Realtime\",\"AUDIENCE\":\"Audience\",\"TOP_CONTENT\":\"Top content\",\"CONTENT\":\"Content\",\"SELECTED_CONTENT\":\"Selected content\",\"GEO\":\"Geo\",\"GEO_COUNTRY\":\"Selected country\",\"TECHNOLOGY\":\"Technology\",\"QOS\":\"QOS\",\"ALBUMS\":\"Albums\",\"HEARTBEAT\":\"Hearbeat\",\"INFO\":\"Info\"},\"PLAYER_CONFIG\":\"Players List\",\"UPLOAD\":\"Upload\",\"MEDIA\":\"Media\",\"SETTINGS\":\"Settings\",\"CHANGELOG\":\"Changelog\",\"HELP\":{\"NAME\":\"Help\",\"DOCS\":\"Player documentation\",\"TUTORIAL\":\"Player tutorial\",\"PLAYERS_PLUGINS_DOCS\":\"Bradmax analytics players plugins\"},\"TERMS_AND_CONDITIONS\":\"Terms of use\",\"EU_FUNDS\":\"EU Funds\"}},\"MODAL\":{\"LOGOUT\":{\"ASK\":\"
Do you want to log out ? \",\"YES\":\"log out\",\"NO\":\"stay\"},\"GDPR_INFO\":\"Hello,\\n\\nAt Bradmax, we are constantly striving to provide the best protection for your personal information. It is also important to us that the information regarding the manner in which we use and process them are transparent to you. That is why we are introducing a new privacy policy that meets both of these assumptions and, at the same time, meets the requirements of the General Data Protection Regulation (GDPR) (EU) 2016/679.\\n\\nFamiliarise yourself with the information clause in which we indicate how the personal data you provide will be processed.\\n\\nMay the peace be with you,\\nBradmax Team\\n\\n\\n\\nThe Bradmax information clause\\n
Who is the administrator of your personal data? \\n\\nThe administrator, which is the entity deciding how your personal data will be used, is Bradmax pinok.io Sp. z o.o. Sp. k. (hereinafter \\\"Bradmax\\\") with registered office and address in Warsaw at Jana Pawła II Avenue 61/164.\\n\\n
Who can you contact for more information on the processing of personal data by Bradmax? \\nIf you have questions related to the processing of your personal data on Bradmax websites, you can contact a Bradmax representative using the contact details provided: office@bradmax.com\\n\\n
Where does Bradmax have your data? \\nWe have received your personal information from you during the registration of your Bradmax account, as well as later, as a result of your activity on Bradmax websites. Information about you also comes from cookies collected by Bradmax and similar mechanisms of recording information in users' devices of the sites, as long as they allow you to identify you.\\n\\nIn addition, we receive information about you from payment operators, that is entities that enable you to make online payments for services purchased from Bradmax. We receive information from them about the status of your payment for the service.\\n\\nMore information on the scope of personal data being processed and the cookie files used can be found in the Privacy Policy.\\n\\n\\n\\n
What is the purpose and basis of the processing of your personal data by Bradmax? \\n\\nBradmax processes your personal data to enable you to use Bradmax services, provide support for your Bradmax account and contact us, provide functionality of services offered, including technical problems, fulfill agreements with you, handle complaints about the operation of Bradmax services, perform duties resulting from legal provisions, including tax and accounting regulations, enable payment for services, monitor your activity on these websites and conduct research and analyses related to it, conduct direct marketing activities, including those related to the organisation of competitions and promotional campaigns.\\n\\nData that identifies you may also be used to match the content and ads displayed to your interests, to measure the quality and effectiveness of these activities, to improve the content and services provided, to inform about the content and services of Bradmax and our Partners (\\\"Partners\\\"), which list is available here, sharing on advertising space, ensuring security of information processing, IT systems management and for protection or redress purposes, for statistical and archival purposes, as well as to ensure accountability of legal obligations.\\n\\nBradmax is entitled to process your personal data, because it is necessary to perform the agreement (concluded with you by accepting the terms of service), as well as on the basis of law, e.g. when these laws require us to process your data for tax purposes and accounting (provisions of the Tax Ordinance Act and the Accounting Act).\\n\\nThe legal basis for the processing of personal data is also the legitimate interest of Bradmax. It includes improving services, ensuring their best quality and informing users about them, providing support for your Bradmax account, conducting research and analysis, conducting direct marketing, protecting or pursuing claims, creating statistics and ensuring accountability. Displaying advertisements tailored to your interests on websites, thanks to the automated comparison of your interests and preferences with the model interests and preferences of Internet users (profiling), allows you to cover the costs of services provided free of charge. In some of our services, the basis for processing personal data may be consent, which you will always be informed about. You can manage your consent, including withdrawal.\\n\\nPartners, as personal data controllers separate from Bradmax, process your personal data based on their legitimate interest or your consent.\\n\\n\\n\\n
Do you have to provide Bradmax with your personal details? \\n\\nProviding personal data by you is a statutory requirement only to the extent resulting from the provisions of tax or accounting law, when we settle payments received from you. However, the requirement to conclude a contract with Bradmax (setting up a Bradmax account) is to provide the name of your company and e-mail address.\\n\\nIf you do not give us all this information about yourself, we will not be able to set up a Bradmax account for you, which will limit your ability to use some of the Bradmax services. In the remaining scope, providing data is voluntary.\\n\\n
What are your rights to Bradmax regarding the data being processed? \\n\\nYou can request from Bradmax: access to your personal data, rectification, deletion, processing restrictions, portability, and non-automated decision making, including profiling, and you have the right to object to the processing of your personal data.\\n\\nYou can do these permissions when:\\n\\nregarding the request for data rectification: the data is incorrect or incomplete;\\nin relation to a request to delete data: the data is no longer necessary for the purposes for which it was collected by Bradmax; you will withdraw your consent to data processing; you object to the processing of this data beforehand; data is processed unlawfully; data should be deleted in order to fulfil the obligation arising from the law; or data have been collected in connection with the provision of electronic services offered to the child;\\nregarding the request to limit the processing of data: data is incorrect - for a period allowing Bradmax to check the accuracy of your data; the data is processed unlawfully, but you will not want to be removed; Your data is no longer needed by Bradmax but you may need it for defending or pursuing claims; or you object to the processing of the data - pending the determination of whether the legitimate grounds prevail over the basis of the opposition;\\nin relation to a request for transfer of data: the processing of data is carried out on the basis of your consent or contract concluded with you and this processing is carried out automatically.\\nYou have the right to lodge a complaint regarding the processing of your personal data by Bradmax to the President of the Office for Personal Data Protection.\\n\\n
In what situations can you oppose the processing of your data? \\n\\nYou have the right to object to the processing of personal data when:\\n\\nthe processing of personal data takes place on the basis of a legitimate interest, or for statistical purposes, and the opposition is justified by your special situation,\\npersonal data are processed for direct marketing purposes.\\n\\n
Who does Bradmax share your personal information with? \\n\\nBradmax, in principle, does not disclose your personal data to third parties, except in cases where we have a legal basis, including at the request of entities authorised by law, or when we use the services of Bradmax supporters, eg entrepreneurs providing hosting of our services , software maintenance support.\\n\\nDue to the need to prevent certain functions on Bradmax services from Internet robots, we use the Google reCAPTCH mechanism to sporadically investigate whether the behaviour of website users is not characteristic of robotic behaviour. For this reason, Bradmax may disclose Google Inc. the IP address of your computer.\\n\\n
How long does Bradmax store your personal data? \\n\\nBradmax stores your personal data for the duration of the contract concluded with you, as well as - after its completion - for the period during which it is possible to pursue claims in connection with the performance of the contract, a maximum of 10 years from the date of termination of the contract. In addition, Bradmax stores your data for tax and accounting purposes for a period of 5 years after the end of the year in which the financial event took place.\\n\\nBradmax stores your personal data for marketing purposes for the duration of the legal basis and the purpose of data processing.\\n\\nBradmax stores data for statistical and archival purposes for the duration of the existence of the legal basis and the purpose of data processing.\\nDoes Bradmax transfer your data to countries outside the European Economic Area?\\nSome of our service providers may store website users' data outside of the European Economic Area. In such cases, Users' data may be stored in countries that provide an adequate level of protection of personal data, or in countries that do not provide such level. In the latter case, Bradmax secures your data by entering into contracts with Bradmax service providers containing so-called Standard Contractual Clauses accepted by the European Commission, which guarantee adequate protection of Users' data in third countries, use the EU - US Privacy Shield program (eg in the case of Google reCAPTCHA) or other grounds for the transfer of personal data.\\n\\n
Does Bradmax profile your personal data or process it automatically in a way that affects your rights? \\n\\nProfiling of personal data is understood as the automated processing of your data, which is based on their use to assess certain factors, in particular to analyse or forecast aspects regarding the effects of your work, economic situation, health, personal preferences, interests, credibility, behaviour, location or movement.\\nBased on monitoring your activity on Bradmax websites, we perform analyses that result in:\\noptimisation of websites (including appearance, content, offers), in terms of user preferences;\\nrecommending content that matches your viewing profile;\\nthe emission of advertisements addressed to the groups of recipients to which you have been qualified;\\nrecommending offers tailored to your viewing profile and behaviours.\\n \\nHowever, we do not use this data for automated decision-making with you that could affect your rights.\"}}\n\n/***/ }),\n\n/***/ 1546:\n/***/ (function(module, exports) {\n\nmodule.exports = {\"LOGIN\":{\"TITLE\":\"Login\",\"COMPANY_NAME\":\"Bradmax Ltd.\",\"MESSAGE\":{\"NOT_A_MEMBER\":\"Not a member yet? Click
here to register.\",\"FORGOT_PASSWORD\":\"Did you forget your password? Click
here to open page for resetting it.\"},\"LABEL\":{\"REMEMBER_ME\":{\"ON\":\"Remember Me\",\"OFF\":\"Don't remember Me\"},\"SIGN_ME_IN\":\"Log in\"},\"PLACEHOLDER\":{\"EMAIL\":\"Email Address\",\"PASSWORD\":\"Password\"},\"INVALID\":{\"USER\":\"Invalid email Address\",\"PASSWORD\":\"Invalid password\"},\"COPYRIGHT\":\"Copyright\"}}\n\n/***/ }),\n\n/***/ 1547:\n/***/ (function(module, exports) {\n\nmodule.exports = {\"LOGIN\":{\"TITLE\":\"Login\",\"COMPANY_NAME\":\"Bradmax Ltd.\",\"MESSAGE\":{\"NOT_A_MEMBER\":\"Kliknij
tu aby się zarejestrować.\",\"FORGOT_PASSWORD\":\"Zapomniałeś hasła? Kliknij
tu , aby otworzyć stronę do resetowania hasła.\"},\"LABEL\":{\"REMEMBER_ME\":{\"ON\":\"Zapamiętaj mnie\",\"OFF\":\"Nie pamiętaj mnie\"},\"SIGN_ME_IN\":\"Zaloguj się\"},\"PLACEHOLDER\":{\"EMAIL\":\"Adres Email\",\"PASSWORD\":\"Hasło\"},\"INVALID\":{\"USER\":\"Nieprawidłowy adres email\",\"PASSWORD\":\"Nieprawidłowe hasło\"},\"COPYRIGHT\":\"Prawa autorskie\"}}\n\n/***/ }),\n\n/***/ 1548:\n/***/ (function(module, exports) {\n\nmodule.exports = {\"PASSWORD_CHANGE\":{\"MESSAGE\":{\"SUCCESS\":\"Your password was changed.\"},\"ERROR\":{\"FIELD_REQUIRED\":\"This field is required.\",\"MIN_LEN_8_CHARACTERS\":\"Password should have at last 8 characters.\",\"PASSWORDS_DIFFER\":\"New password differ with repeated version.\"},\"BUTTON\":{\"SAVE\":\"Save\"},\"FIELD\":{\"OLD_PASSWORD\":\"Old password\",\"NEW_PASSWORD\":\"New password\",\"NEW_PASSWORD_REPEAT\":\"New password repeat\"},\"PLACEHOLDER\":{\"OLD_PASSWORD\":\"Old password\",\"NEW_PASSWORD\":\"New password\",\"NEW_PASSWORD_REPEAT\":\"New password repeat\"},\"TITLE\":\"Password change\"}}\n\n/***/ }),\n\n/***/ 1549:\n/***/ (function(module, exports) {\n\nmodule.exports = {\"PASSWORD_CHANGE\":{\"MESSAGE\":{\"SUCCESS\":\"Your password was changed.\"},\"ERROR\":{\"FIELD_REQUIRED\":\"This field is required.\",\"MIN_LEN_8_CHARACTERS\":\"Password should have at last 8 characters.\",\"PASSWORDS_DIFFER\":\"New password differ with repeated version.\"},\"BUTTON\":{\"SAVE\":\"Save\"},\"FIELD\":{\"OLD_PASSWORD\":\"Old password\",\"NEW_PASSWORD\":\"New password\",\"NEW_PASSWORD_REPEAT\":\"New password repeat\"},\"PLACEHOLDER\":{\"OLD_PASSWORD\":\"Old password\",\"NEW_PASSWORD\":\"New password\",\"NEW_PASSWORD_REPEAT\":\"New password repeat\"},\"TITLE\":\"Password change\"}}\n\n/***/ }),\n\n/***/ 1550:\n/***/ (function(module, exports) {\n\nmodule.exports = {\"PLAYER\":{\"LIST\":{\"LABEL\":\"Player configurations list\",\"TOTAL_COUNT\":\"items on list\",\"SELECTED_COUNT\":\"selected items\",\"SEE_DOCS\":\"see documentation\",\"BUTTON\":{\"ADD\":\"create new\",\"CLONE\":\"duplicate\",\"DELETE\":\"delete\",\"GET_ZIP\":\"get zip\",\"SEE_VER\":\"versions\",\"GO_EMBEDER\":\"get embed code\",\"EDIT\":\"edit\"},\"COLUMN\":{\"NAME\":\"name\",\"CREATED_AT\":\"created at\",\"UPDATED_AT\":\"updated at\"},\"MODAL\":{\"ADD\":{\"HEADER\":\"Create new player configuration\",\"INPUT\":\"name\",\"ADD\":\"create\",\"CANCEL\":\"discard\"},\"DELETE\":{\"HEADER\":\"Do You want to delete configuration ?\",\"YES\":\"yes\",\"NO\":\"no\"},\"DUPLICATE\":{\"HEADER\":\"Do You want to clon configuration ?\",\"YES\":\"yes\",\"NO\":\"no\"}}},\"CONFIG\":{\"LABEL\":\"Player configurator\",\"TOO_BIG_LOGO\":\"
Image size exceed limits for logo image witch is:
width:{{limitWidth}}px,
height: {{limitHeight}}px.
file size: {{limitFileSize}} bytes.
Plaease select different image.
\",\"MODAL\":{\"ERROR\":{\"SAVE\":{\"TEXT\":\"
Error during api request. Do you want to try again ?\",\"YES\":\"yes, try again\",\"NO\":\"no\"}},\"PUBLISH\":{\"TEXT\":\"
Do You also want to generate player files, \",\"YES\":\"yes, generate files\",\"NO\":\"no, just save settings\"},\"COLOR_RESET\":{\"BASE\":\"
This will reset skin to default color scheme. to base color: {{ color }} .\",\"COLOR\":\"
This will reset color to value: {{ color }} .\",\"YES\":\"yes, reset\",\"NO\":\"no, don't reset\"},\"SAVE_CHANGES\":{\"TEXT\":\"
Detected changes without, saving. Do you want to save them now ? \",\"SAVE\":\"yes, save and close\",\"DONT_SAVE\":\"close, without saving\",\"CANCEL\":\"cancel\"}},\"DOCS\":{\"TEXT\":\"for more details please see\",\"LINK\":\"documentation page\"}},\"EMBEDER\":{\"TITLE\":\"Player embed code generator\",\"PANEL_TITLE\":{\"PLAYER_INFO\":\"Player info\",\"FORM\":\"Configuration\",\"PREVIEW\":\"Preview\"},\"PLAYER_NAME\":\"Player name\",\"COPY_TO_CLIPBOARD\":\"copy embed code to clipboard\",\"TOGGLE_OPTIONAL\":[\"show optional parameters\",\"hide optional parameters\"],\"DOWNLOAD_ZIP\":\"Download related zip file with examples and player.\",\"BACK\":\"back\",\"INPUT\":{\"TYPE\":{\"LABEL\":\"embed code type\",\"VALUE\":[\"Iframe embed code\",\"Dynamic embed code\"]},\"WIDTH\":{\"LABEL\":\"player width in pixels\",\"PLACEHOLDER\":\"enter player width in pixels\"},\"HEIGHT\":{\"LABEL\":\"player height in pixels\",\"PLACEHOLDER\":\"enter player height in pixels\"},\"MEDIAURL\":{\"LABEL\":\"media url\",\"PLACEHOLDER\":\"enter url to valid media file\"},\"MEDIAURL2\":{\"LABEL\":\"media url [2] (additional fallback format)\",\"PLACEHOLDER\":\"enter url to valid media file (used when problem with other media url)\"},\"TITLE\":{\"LABEL\":\"media title\",\"PLACEHOLDER\":\"enter media title displayed in player\"},\"DURATION\":{\"LABEL\":\"media duration\",\"PLACEHOLDER\":\"enter media duration in seconds\"},\"SPLASHIMAGEURL\":{\"LABEL\":\"splash image url\",\"PLACEHOLDER\":\"enter url to valid media image file\"},\"ID\":{\"LABEL\":\"ID\",\"PLACEHOLDER\":\"enter media id for bradmax content statistics\"},\"ADSVMAPURL\":{\"LABEL\":\"ads VMAP URL\",\"PLACEHOLDER\":\"enter VMAP URL for ads\"},\"ADSPREROLLVASTURL\":{\"LABEL\":\"preroll ads VAST URL\",\"PLACEHOLDER\":\"enter preroll ads VAST URL\"}}},\"VERSIONS\":{\"CHANGES_SAVED_NOTIFICATION\":\"Changes were saved\",\"MESSAGE\":{\"EMPTY\":\"There are no version available yet.\"},\"LINK\":{\"DOC\":\"documentation\",\"ZIP\":\"download\",\"EMBED\":\"embed code\"}}}}\n\n/***/ }),\n\n/***/ 1551:\n/***/ (function(module, exports) {\n\nmodule.exports = {\"PLAYER\":{\"LIST\":{\"LABEL\":\"Lista konfiguracji\",\"TOTAL_COUNT\":\"odnaleziono pozycji\",\"SELECTED_COUNT\":\"zaznaczono pozycji\",\"SEE_DOCS\":\"zobacz dokumentację\",\"BUTTON\":{\"ADD\":\"dodaj nowy\",\"CLONE\":\"klonuj\",\"DELETE\":\"usuń\",\"GET_ZIP\":\"pobierz zip\",\"SEE_VER\":\"wersje\",\"GO_EMBEDER\":\"kod osadzania\",\"EDIT\":\"edytuj\"},\"COLUMN\":{\"NAME\":\"dodaj nowy\",\"CREATED_AT\":\"klonuj\",\"UPDATED_AT\":\"usuń\"},\"MODAL\":{\"ADD\":{\"HEADER\":\"Dodaj nową konfigurację\",\"INPUT\":\"nazwa\",\"ADD\":\"dodaj\",\"CANCEL\":\"zamknij\"},\"DELETE\":{\"HEADER\":\"Czy chcesz usunąć konfiguracje ?\",\"YES\":\"tak\",\"NO\":\"nie\"},\"DUPLICATE\":{\"HEADER\":\"Czy chcesz sklonować konfigurację ?\",\"YES\":\"tak\",\"NO\":\"nie\"}}},\"CONFIG\":{\"LABEL\":\"Konfigurator\",\"TOO_BIG_LOGO\":\"
Rozmiar obrazka przekroczył limit, który wynosi:
długosc{{limitWidth}}px,
szerokosc{{limitHeight}}px.
wielkość pliku: {{limitFileSize}} bajtów.
Proszę wybrac inny mniejszy plik.
\",\"MODAL\":{\"ERROR\":{\"SAVE\":\"
Wystąpił błąd podczas zapisu.
Proszą spróbowajeszcze raz.
\"},\"PUBLISH\":{\"TEXT\":\"
Czy chcesz wygenerować pliki odtwarzaczas do pobrania i użycia na twojej stronie ? \",\"YES\":\"tak, wygeneruj pliki\",\"NO\":\"nie, zapisz tylko ustawienia\"},\"COLOR_RESET\":{\"BASE\":\"
Zmiana spowoduje reset schematu kolorów do domyślnego. przy uyciu koloru bazowego: {{ color }}. \",\"COLOR\":\"
Zmiana spowoduje reset koloru. Do wartości: {{ color }} \",\"YES\":\"tak, resetuj\",\"NO\":\"nie, pozostaw\"},\"SAVE_CHANGES\":{\"TEXT\":\"
Dokonano zmian, które nie zostały zapisane. Czy chcesz je teraz zapisać ? \",\"SAVE\":\"tak, zapisz i wyjdź\",\"DONT_SAVE\":\"wyjdź, bez zapisu\",\"CANCEL\":\"zamknij\"}},\"DOCS\":{\"TEXT\":\"for more details please see\",\"LINK\":\"documentation page\"}},\"EMBEDER\":{\"TITLE\":\"Generator kodu osadzania playera\",\"PANEL_TITLE\":{\"PLAYER_INFO\":\"Player\",\"FORM\":\"Konfiguracja\",\"CODE\":\"kod osadzania\",\"PREVIEW\":\"Player preview\"},\"PLAYER_NAME\":\"Player name\",\"COPY_TO_CLIPBOARD\":\"kopiuj kod osadzania do schowka\",\"TOGGLE_OPTIONAL\":[\"pokaz dodatkowe parametry\",\"ukryj dodatkowe parametry\"],\"DOWNLOAD_ZIP\":\"Pobierz plik zip dla tej wersji z przykładami i odtwarzaczem.\",\"BACK\":\"wróć\",\"INPUT\":{\"TYPE\":{\"LABEL\":\"Typ kodu osadzania\",\"VALUE\":[\"Iframe\",\"Dynamiczny\"]},\"WIDTH\":{\"LABEL\":\"szerokośc odtwarzacza w pikselach\",\"PLACEHOLDER\":\"podaj szerokośc odtwarzacza w pikselach\"},\"HEIGHT\":{\"LABEL\":\"wysokośc odtwarzacza w pikselach\",\"PLACEHOLDER\":\"podaj wysokośc odtwarzacza w pikselach\"},\"MEDIAURL\":{\"LABEL\":\"źródło\",\"PLACEHOLDER\":\"podaj url do pliku z video\"},\"MEDIAURL2\":{\"LABEL\":\"źródło [2] (zapasowy format)\",\"PLACEHOLDER\":\"podaj url do pliku z video (wykorzystywany, gdy problem z innym źródłem wideo)\"},\"TITLE\":{\"LABEL\":\"tytuł\",\"PLACEHOLDER\":\"podaj tytuł do wyświetlenia \"},\"DURATION\":{\"LABEL\":\"czas trwania\",\"PLACEHOLDER\":\"podaj czas trwania w sekundach\"},\"SPLASHIMAGEURL\":{\"LABEL\":\"obraz splash\",\"PLACEHOLDER\":\"podaj url do pliku z obrazem\"},\"ID\":{\"LABEL\":\"ID\",\"PLACEHOLDER\":\"podaj identyfikator wideo dla statystyk bradmax\"},\"ADSVMAPURL\":{\"LABEL\":\"ads VMAP URL\",\"PLACEHOLDER\":\"enter VMAP URL for ads\"},\"ADSPREROLLVASTURL\":{\"LABEL\":\"preroll ads VAST URL\",\"PLACEHOLDER\":\"enter preroll ads VAST URL\"}}},\"VERSIONS\":{\"CHANGES_SAVED_NOTIFICATION\":\"Zmiany zostały zapisane\",\"MESSAGE\":{\"EMPTY\":\"Brak dostępnych wersji.\"},\"LINK\":{\"DOC\":\"dokumentacja\",\"ZIP\":\"pobierz\",\"EMBED\":\"kod osadzania\"}}}}\n\n/***/ }),\n\n/***/ 1552:\n/***/ (function(module, exports) {\n\nmodule.exports = {\"PRODUCTS\":{\"TITLE\":\"Our Products\",\"SUBTITLE\":\"here you can find the available products. Have a look!\",\"BUTTON\":{\"YES\":\"Yes\",\"CONTINUE\":\"Continue\",\"CREATE_NEW\":\"Create new\",\"CANCEL\":\"Cancel\"},\"MESSAGE\":{\"ACCOUNT_INVALID\":\"Your account details are not ready for payments, do you wish to update them?\",\"SUBSCRIPTION_REUSE\":\"You have a pending order for plan {{ name }} already. Do you wish to continue it?\",\"DEFAULT_ERROR\":\"An error ocurred when processing your request. Please try again.\"}}}\n\n/***/ }),\n\n/***/ 1553:\n/***/ (function(module, exports) {\n\nmodule.exports = {\"PRODUCTS\":{\"TITLE\":\"Our Products\",\"SUBTITLE\":\"here you can find the available products. Have a look!\",\"BUTTON\":{\"YES\":\"yes\"},\"MESSAGE\":{\"ACCOUNT_INVALID\":\"Your account details are not ready for payments, do you wish to update them?\"}}}\n\n/***/ }),\n\n/***/ 1554:\n/***/ (function(module, exports) {\n\nmodule.exports = {\"PLAN_CARROUSEL\":{\"VIEWS\":\"views\",\"RECOMMENDED\":\"RECOMMENDED\",\"VIEWS_INC\":\"video views\",\"MONTH\":\"month\",\"BASE\":\"Base\",\"ESTIMATED\":\"Estimated\",\"CURRENT_PLAN\":\"CURRENT PLAN\",\"EXTRA\":{\"STATS\":\"Statistics\",\"ADS\":\"Advertisements\",\"DRM\":\"DRM support\",\"EMAIL\":{\"BASIC\":\"Basic e-mail support\",\"FULL\":\"Full e-mail support\"},\"PHONE\":{\"BASIC\":\"Basic phone support\",\"FULL\":\"Full phone support\"},\"VIDEO\":{\"BASIC\":\"Basic video support\",\"FULL\":\"Full video support\"}},\"BUTTON\":{\"BUY\":\"Buy\",\"CONTACT\":\"Contact us\",\"CURRENT\":\"Current\",\"USED\":\"Current Plan\"}}}\n\n/***/ }),\n\n/***/ 1555:\n/***/ (function(module, exports) {\n\nmodule.exports = {\"PLAN_CARROUSEL\":{\"VIEWS\":\"views\",\"RECOMMENDED\":\"RECOMMENDED\",\"VIEWS_INC\":\"video views\",\"MONTH\":\"month\",\"BASE\":\"Base\",\"ESTIMATED\":\"Estimated\",\"CURRENT_PLAN\":\"CURRENT PLAN\",\"EXTRA\":{\"STATS\":\"Statistics\",\"ADS\":\"Advertisements\",\"DRM\":\"DRM support\",\"EMAIL\":{\"BASIC\":\"Basic e-mail support\",\"FULL\":\"Full e-mail support\"},\"PHONE\":{\"BASIC\":\"Basic phone support\",\"FULL\":\"Full phone support\"},\"VIDEO\":{\"BASIC\":\"Basic video support\",\"FULL\":\"Full video support\"}},\"BUTTON\":{\"BUY\":\"Buy\",\"CONTACT\":\"Contact us\",\"CURRENT\":\"Current\",\"USED\":\"Current Plan\"}}}\n\n/***/ }),\n\n/***/ 1556:\n/***/ (function(module, exports) {\n\nmodule.exports = {\"SUBSCRIPTION\":{\"TITLE\":\"Subscription\",\"MESSAGE\":{\"THANKS\":{\"TITLE\":\"Thank You for choosing us!\",\"P1\":\"Congratulations, you have just subscribed to Bradmax Video Player. Start right away customizing your player!\"}},\"BUTTON\":{\"NAV_PLAYER\":\"Go To Player List\",\"NEXT\":\"Next\",\"PREVIOUS\":\"Previous\",\"SUBMIT\":\"Confirm and Finish\",\"EDIT\":\"Edit\",\"ACCEPT\":\"I Agree\",\"NOT_ACCEPT\":\"I Don't Agree\"},\"STEPS\":{\"STEP_1\":{\"TITLE\":\"Subscription Details\",\"SUBTITLE\":\"Your subscripion details\",\"SECTION_1\":{\"TITLE\":\"Your Selected Plan\"},\"SECTION_2\":{\"TITLE\":\"Billing Details\",\"SUBTITLE\":\"Make sure your billing details are correct\"}},\"STEP_2\":{\"TITLE\":\"Payment & Finish\",\"SUBTITLE\":\"Select a payment method and finish\",\"SECTION_1\":{\"TITLE\":\"Payment Method\",\"SUBTITLE\":\"Select or add a new payment method\"},\"SECTION_2\":{\"TITLE\":\"Confirm & Finish\",\"SUBTITLE\":\"Confirm that all the information is correct and Finish\"}}},\"LABEL\":{\"COMPANY\":\"Company\",\"COUNTRY\":\"Country\",\"STATE\":\"State\",\"CITY\":\"City\",\"ADDRESS\":\"Address\",\"POSTAL_CODE\":\"Postal code\",\"PHONE_NUMBER\":\"Phone number\",\"TAX_NO\":\"Tax Identification No.\"},\"TERMS_AND_CONDITIONS\":{\"TITLE\":\"Terms And Conditions\",\"BODY\":\"This Terms of Service are binding to all Publishers and Users. The use of the Player is tantamount with the acceptance of this Terms of Service. If you do not accept the terms of service you are prohibited from using the player. The Player is available in different Editions, including unpaid and paid options. Certain rights, obligations and features or restrictions vary by Edition. Unless otherwise stated this Terms of Service apply to all Editions. The Player requires a browser that supports HTML5 / MSE and H264. Older browsers like Internet Explorer 10 are not supported without additional plug-ins i.e. flash. The Player supports the following: (a) codecs: H264 for video and AAC for audio. MP3 is not supported with HTML5, (b) advertisements formats: VAST, VMAP, VPAID, (c) video formats: HLS and Smooth streaming integrated into the Player without plugins, Dash, MP4, Webm, live streaming.\\n\\nThe Player is adjustable to every device with internet connection, including smartphones, tablets, smart TV, desktops.\\n\\n
Definitions \\n\\n“Adaptation” means any work that modifies, adds to, deletes from, edits, affects the function of or is based on a Player or any previous Adaptation thereof, including but not limited to all plug-ins and other derivative works as such term is defined by the applicable law.\\n\\n“Analytics Plug-In” means a plug-in or other code that enables Company to collect information regarding Publisher’s Use (such as browser type, Internet Service Provider, IP address and operating system). Company’s collection and utilization of such information is governed by these Terms of Service.\\n\\n“Company” means Bradmax pinok.io Sp. z o.o. Sp. k., Jana Pawła II 61/164, 01-031 Warsaw, NIP: 7010497796.\\n\\n“Content” means media including videos, images, graphics, animations, sounds, text and music and any related submissions (e.g. viewer comments) hosted, streamed, or played through the Player.\\n\\n“Data” means all transactional and Content data obtained by, processed by or provided to the Company in connection with the use of the Player. Data may include metadata (such as title, author, description and other information pertaining to Content), IP addresses, URLs, browser and operating system. Use of Data is governed by these Terms of Service.\\n\\n“Distribute” means to sell, transfer, assign, circulate or make available to any third party, or the facilitation of the foregoing.\\n\\n“Edition” means a particular edition of the Player, including the Free Edition, Basic Edition, Basic+ Edition, Pro Edition, Pro+ Edition, Infinity Edition and DRM Edition.\\n\\n“Upgraded Edition” means a particular edition of the Player with extended features or functionalities offered for the higher price in comparison to the licensed Edition.\\n\\n“Downgraded Edition” means a particular edition of the Player with limited features or functionalities offered for the lower price in comparison to the licensed Edition.\\n\\n“Effective Date” means the earliest date a Player is Used by Publisher or User.\\n\\n“End User” means an individual or entity that accesses or Uses Publisher’s or User’s Content.\\n\\n“Fee” means the amount payable to the Company for Use of the Player.\\n\\n“License Scope” means the features, rights, obligations and limitations authorized for a particular Edition of the Player.\\n\\n“OEM” means incorporation of the Player into any goods or services other than Publisher’s websites, including SDK Applications and other goods and services.\\n\\n“On-line Order Form” is an agreement between Company and Publisher setting forth custom pricing and terms for the use of Player and includes any contemporaneous Addendum thereto. In the event of any conflict between the terms of an On-line Order Form and these Terms of Service, the On-line Order Form shall take precedence.\\n\\n“Play” means each instance of Content streamed, in whole or in part, through the Player. In case the Content is streamed with breaks without reloading, it shall be treated as a single act of Play.\\n\\n“Player” means the Licensed Bradmax HTML 5 Player, software and any features, plug-ins and updates provided by Company, owned and developed by the Company together with associated services and/or SDK or SDK Applications.\\n\\n“Publisher” any individual or entity running commercial activity with the Use of Player.\\n\\n“User” any individual or entity using free of charge Edition of the Player.\\n\\n“Publisher Information” means personal and non-personal information about Publisher including but not limited to Publisher’s name, address, email address, telephone number, and, if Publisher transacts business with the Company, financial information such as payment method (valid credit card number, type, expiration date or other financial information).\\n\\n“Purpose” means (i) Use to facilitate Content playback and streaming on Publisher’s websites, (ii) Use of the SDK to develop and Distribute SDK Applications, (iii) other OEM Use.\\n\\n“SDK” means the Player Software Development Kits for Android and iOS, including all components thereof (documentation, code, tools, libraries, data, files and materials) and all updates thereto[ARM4] .\\n\\n“SDK Applications” means application software for Operating Systems, created with the SDK and incorporating the Player .\\n\\n“Services” means services provided to Publisher under these Terms of Service, including cloud-hosted versions of the Player and SDK provided as software as a service (SaaS), hosting and streaming functionality and maintenance and support services.\\n\\n“Terms of Service” means this document and any applicable addendum or new or revised versions.\\n\\n“Free Edition” means the Edition of the Player for which Fees are not required.\\n\\n“Use” means operating, accessing, downloading, installing, integrating or providing Content through a Player or Adaptation.\\n\\n
Player \\n\\nPublisher’s or User’s rights and licenses to Use Player are limited to the Editions for which it has enrolled, is eligible and has paid all Fees (for paid Editions) in accordance with these Terms of Service. Any Use of the Player other than as permitted by these Terms of Service is strictly prohibited. The Company reserves all rights and licenses not expressly granted hereunder.\\n\\n
Licenses \\n\\nThe License Scope varies by Edition and the licenses granted hereunder are limited accordingly. Unless otherwise provided, licenses are personal to Publisher or User for its own Use.\\n\\nSubject to the terms and conditions of these Terms of Service and Publisher’s (User’s) observance thereof, Company hereby grants to Publisher (User) and Publisher (User) hereby accepts a limited in time, non-exclusive, non-transferable, non-sublicensable, limited right and license to (a) Use, access and install the Player, solely for the Purpose, (b) Use, access, integrate and install the SDK for use in connection with the Purpose, (c) publicly Distribute SDK Applications for the Operating Systems, and (e) operate and allow end users of SDK Applications to operate the Player incorporated into such SDK Applications.\\n\\nUse of the Free Editions with advertising of any kind is prohibited.\\n\\n
License Scope, Edition, Fees \\n\\nEditions have the following License Scope (volume per month where applicable) per Play (views) as defined above. Invoice is issued by the Company in the electronic form within the term defined by the applicable law after the effective payment.\\n\\n
Change of the Edition \\n\\nIf you would like upgrading to the Upgraded Edition you have to file the upgrading form and pay the respective fee for the Upgraded Edition. In such a case, you may use the Upgraded Edition as of the date on which the Fee for the Upgraded Edition has been booked on the Company’s account. With that moment the previous license is terminated. All Fees paid before change to the Upgraded Edition are not refund.\\n\\nIf you would like downgrading to the Downgraded Edition you have to file the downgrading form. In such a case, you may use the Downgraded Edition after the expiration of the actual Edition licensed to you upon payment of the Fee for the Downgraded Edition, if applicable.\\n\\n
Advertisements \\n\\nPublishers who are using Free Edition are strictly prohibited from using the Player in any manner to display advertisements. Such prohibition includes actions such as (i) the making or use of any Adaptation that enables any type of advertisement to be shown in, on or around the Player (e.g., a skin), (ii) interoperation of the Player with any software that serves advertisements and (iii) adding advertisements to a playlist.\\n\\n
Registration \\n\\nPublisher and User must create a username and password as well as provide an accurate email address and name and surname. Publisher (User) is strictly prohibited from: (i) providing false sign-up information, (ii) using a name, address or email address owned or controlled by another person with the intent to impersonate that person or (iii) providing an email address subject to any rights of a person other than Publisher without appropriate authorization. The Company reserves the right to refuse registration or cancel any account that it reasonably believes is in violation of the foregoing. Publisher (User) shall be responsible for maintaining the confidentiality of its password and is liable for all activities that occur on its account. Publisher (User) agrees to immediately notify the Company of any unauthorized use of Publisher’s (User’s) username, password or other breach of security.\\n\\n
Adaptations and OEM \\n\\nPublisher is authorized to make Adaptations reasonably necessary to exercise its rights under these Terms of Service, e.g., Adaptations to integrate the Player into Publisher’s websites. All Adaptations created by Publisher are strictly for its own Use. The Company reserves the right to prohibit the Use of any Adaptation in its sole discretion.\\n\\nOEM is authorized only in connection with the paid Edition. Publishers who use Free Edition are strictly prohibited from incorporation of a Player into any goods or services[ARM8] .\\n\\n
SDK \\n\\nCompany may update the SDK at any time and is under no obligation to provide notice thereof. Updates may have features or functionality that differ from that of the current SDK. Company may identify certain updates as being critical by written notice (including e-mail to the address provided by Publisher). Publisher shall promptly incorporate such critical updates into its SDK Applications and, if such SDK Applications have been Distributed, shall provide a public update thereto no later than ten (10) days after such notice unless a different period is specified by the Company.\\n\\nPublisher acknowledges that development for each Operating System may be subject to the applicable Operating System provider’s own rules, regulations, standards and requirements and that Company has no control or responsibility therefore. Publisher is solely responsible for its compliance with the foregoing and Company makes no representations or warranties of compatibility with any Operating System.\\n\\n
Distribution \\n\\nExcept as specifically set forth herein, Publisher shall not Distribute, re-license, sell, lease, transfer, encumber, assign or make available for public use the Player or any Adaptation thereof. Any attempt to take any such actions is void, and will automatically terminate Publisher’s rights under these Terms of Service. Notwithstanding the foregoing, Publisher may duplicate the licensed programs delivered with the Player and its own permitted Adaptations solely for its own use, provided, all copyright notices, disclaimers and other identifications on the licensed programs must also be duplicated and displayed on any copies thereof.\\n\\n
Analytics Plug-In \\n\\nThe Player utilize Analytics Plug-In to power data tracking and reporting functionality. Information gathered by Analytics Plug-In is used in accordance with this Terms of Service. Publisher or User is strictly prohibited from removing, altering, disabling or circumventing Analytics Plug-In or otherwise interfering with the operation thereof.\\n\\nThe Company will not share personally identifiable information gathered from the Analytics Plug-In with any third party without Publisher’s or User’s express written consent, provided, nothing herein shall limit the Company’s right to use and share aggregated, non-personally identifiable data. Publisher and User grants Company a limited, royalty-free license to use the information collected by Analytics Plug-In to facilitate the operation of Player or other Company’s products, ensure compliance and for its internal business purposes.\\n\\n
Term \\n\\nThese Terms of Service shall become effective on the Effective Date. For all Editions other than the Free Edition, these Terms of Service shall remain effective for a period of one (1) month (the “Initial Term”) and, upon the conclusion of the Initial Term, shall automatically renew for additional successive one (1) month terms (each a “Renewal Term” and together with the Initial Term, the “Term”).\\n\\nEither party may elect to not renew these Terms of Service by notifying the other prior to the expiration of then-current Initial Term or Renewal Term. Notice for such termination must be provided in writing/email no later than thirty (30) days prior to such expiration.\\n\\n
Termination \\n\\nThese Terms of Service are subject to termination by the Company immediately if (a) Publisher fails to timely pay a Fee, (b) Publisher or User violates any term of these Terms of Service, (c) the Company has a reasonable basis to believe that Publisher or User is not abiding by the spirit of these Terms of Service, (d) Publisher becomes insolvent, declares bankruptcy or a receiver or trustee is appointed for Publisher, (e) the Company has a reasonable basis to believe that Publisher is impairing the Company’s business, (f) Publisher is or becomes engaged in a business that is directly or indirectly competitive with the Company’s business or (g) Publisher exceeds the license scope permitted for its Edition and Publisher fails to cure any of the foregoing within seven (7) days of notice thereof., (h) the Publisher or User uses the Player for the purposes violating law or honest business practices, (i) such termination is requested by the court judgment, including temporary injunctions or administrative decisions.\\n\\nThe Company may terminate Free Edition for its convenience at any time.\\n\\nIn the event of any termination by the Company pursuant to (a) – (i) above, the Company is under no obligation to provide a refund for the Fees received from Publisher or apply such fees to future services. In the event Publisher switches to a different Edition, any pre-paid Fee balance shall be applied towards the Fees due for such Edition until exhausted; no refund shall be available for Publishers switching to an Free Edition.\\n\\n
Effects of Termination \\n\\nUpon termination of these Terms of Service for any reason, Publisher or User shall immediately cease Using the Player and uninstall, delete and destroy any copies of the software delivered by the Company with the Player.\\n\\nUpon termination, all rights, obligations and licenses of the parties shall cease, except that all obligations that accrued prior to the effective date of termination and remedies for breach of these Terms of Service shall survive.\\n\\n
Maintenance and Support \\n\\nThe Company shall provide reasonable technical support and maintenance for the Player in its sole discretion. The Company shall have no obligation to provide additional technical support, maintenance, updates or enhancements to the Player or to provide customer service or support to Publisher’s End Users. All installation and maintenance of the Player by Publisher shall be at the sole expense of Publisher. The Company is not responsible for performance issues caused by low-performance end-user computers, low-bandwidth end user Internet connections, periodic network congestion among network providers, low-bandwidth connectivity from redirected image and video sources, improperly configured campaigns and low-bandwidth connectivity from any Publisher Content servers. In the event Company identifies slow performance due to its system, Company shall use commercially reasonable efforts to restore the Services to acceptable performance levels. Publisher’s sole remedy for any disruption or failure to provide support shall be a pro rata refund of 1/30 of the Fee paid by Publisher for the relevant period for each 24 hours of any foregoing disruption or failure.\\n\\n
Intellectual Property \\n\\nThe Company is the sole owner of all intellectual property rights pertaining to the Player and software or Services delivered with the Player, including but not limited to copyright, trademark and patent rights and all rights not expressly granted herein are reserved. If Publisher creates an Adaptation, Publisher shall obtain all intellectual property rights in and to the elements of such Adaptation created by Publisher and the Company shall retain all intellectual property rights in and to any elements of the Player incorporated in such Adaptation. Publisher is prohibited from creating any Adaptation that in any manner infringes the patents, trademarks, copyrights, trade secret rights or other rights of the Company or any third party.\\n\\n
Privacy \\n\\nThe Company may use the Publisher Information and Data to: deliver the Player and or Services; manage Publisher’s account; provide customer support; perform research and analysis about Publishers Use of or interest in the Player or Content or the products, services or content of others; communicate with Publisher by email, postal mail, telephone and/or mobile devices about products or services that may be of interest to you either from the Company, our partners or other third parties; develop and display content and advertising tailored to your interests on our site and other sites; enforce our Terms of Service; manage our business; and perform functions otherwise described to you at the time of collection.\\n\\nUser hereby agrees to process his/her personal data, namely (“Personal Data”) by the Company according to this Terms of Service and applicable law.\\n\\nThe Company as an administrator of personal data informs User that Personal Data provided during registration process are gathered and processed by the Administrator for the purpose of preparation of the Personal Data Collection as well as for Administrator marketing purposes.\\n\\nPublisher and User agrees to receive Administrator’s or its successors commercial information via electronic means in line with the law on Providing services via electronic means of 18 July 2002 (Journal of Laws 2002 No. 144 item. 1204 with further amendments).\\n\\nAs defined in the data protection laws, User shall have an access to its Personal Data and to the amendment of personal data or to demand its deletion. The collection of personal data of Users is done voluntarily.\\n\\nAdministrator informs that the Service may use small text file called “cookies”. A cookie is a small text file that is necessary for proper functioning of internet portals, in particular those which require authorization. Cookies do not allow to identify User. Cookies files do not process or store personal data.\\n\\nAdministrator informs that Personal Data are protected and secured according to EU law requirements.\\n\\n
Fees and Payment \\n\\nFees are published at www.bradmax.com or provided on an applicable On-line Order Form. Unless otherwise provided, Company may modify the Fees prior to the commencement of each Renewal Term. The Company shall provide to the Publishers written notice of any such modification no later than sixty (60) days prior to such commencement, with exception to Free Edition.\\n\\nPublisher agrees to timely pay all Fees due during the Term. Company reserves the right to suspend Publisher’s access to Player or Editions if Fees are not timely paid. Such suspension shall not obviate Publisher’s duty to pay all Fees due under any On-line Order Form or Addendum or constitute termination of these Terms of Service absent Company’s notice of termination pursuant to the Termination section hereof. Past-due fees shall incur per month interest at an actual rate allowed by applicable law. Publisher shall be liable to, and fully reimburse, Company for all costs (including attorney’s fees) incurred in connection with Company’s collection of past-due Fees or other enforcement of this Terms of Service. All Fees are non-refundable except as otherwise provided in these Terms of Service. Publisher shall be responsible to pay all taxes due in connection with the Fees and Publisher’s use of the Products.\\n\\nPeriodic (e.g. annual) Fees are billed in advance and payment is due on receipt of invoice. In case of Paid Edition Publishers must provide a valid form of payment (e.g. credit card, debit card, PayPal account) and accurate billing information, do hereby authorize the Company to charge all Fees incurred to the designated payment form and acknowledge that periodic Fees may be charged automatically and without separate authorization.\\n\\n
Content \\n\\nBy uploading Content, Publisher agrees to and hereby does grant, and does represent and warrant that it has the right to grant, the Company a royalty-free, fully paid up, worldwide license to use the Content solely in connection with the operation and provision of Services that entail the Company’s hosting, streaming or storage of such Content.\\n\\nPublisher is solely responsible for any Content or other material that Publisher posts, uploads, submits or Distributes. The Company may review and delete any Content that violates the terms of this Section. Prohibited Content includes any Content that (i) infringes any copyright, trademark, patent, trade secret, right of publicity or other right of any person or entity, (ii) is unlawful, threatening, abusive, harassing, defamatory, libelous, deceptive, fraudulent, invasive, tortious, obscene, offensive, vulgar, pornographic, profane or is otherwise inappropriate as determined by the Company in its sole discretion, (iii) contains any virus, malicious code, Trojan horse or other program designed, intended or likely to disrupt, damage, limit or interfere with the proper function of any software, hardware or telecommunications equipment or to damage or obtain unauthorized access to any system, data, password or other information of the Company or any person or entity, (iv) encourages illegal activity or (v) falsely suggests or implies sponsorship or endorsement by the Company.\\n\\nPublisher is responsible for taking its own steps to backup its Content and Company recommends routinely archiving your Content. Company disclaims any responsibility for deleted, lost, corrupted or inaccessible Content, regardless whether Company hosts such Content.\\n\\n
Restrictions on Use \\n\\nPublisher shall not (i) interfere or attempt to interfere with the proper operation of the Player or any activities conducted through the Player, (ii) use any robot, spider or other device to retrieve, index, scrape, data mine or in any way gather information, Content or other materials from the Player, (iii) decipher, decompile, disassemble, reverse engineer, simulate or derive any source code or algorithms from the Player or use any of the foregoing to create any software or service similar to the Player, (iv) create any derivative work or modification of the Player other than Adaptations permitted by these Terms of Service or (v) license, sublicense, sell, encumber, rent, lease, Distribute, transfer or similarly exploit the Player.\\n\\n
Representations and Warranties \\n\\nPublisher (respectively User) represents and warrants that (i) if Publisher is an individual, Publisher is at least eighteen (18) years old, (ii) if Publisher is an entity, its consent to these Terms of Service has been duly ratified, (iii) all its Content conforms to the standards set forth in the Section of these Terms of Service titled Content and Restrictions on Use, (iv) all information provided during the registration process is true and accurate, (v) its Adaptations do not infringe the intellectual property rights of any third party and (vi) its Use of the Player is in compliance with all applicable laws and regulations.\\n\\n
Limited Product Warranty \\n\\nThe Company warrants that it will provide the Player (except Unpaid Editions) in a manner consistent with general industry standards reasonably applicable to the provision thereof. The Company does not warrant that the Player will be error-free or that any errors in the Player will be corrected.\\n\\n
Disclaimer \\n\\nEXCEPT AS OTHERWISE PROVIDED AND TO THE MAXIMUM EXTENT ALLOWED BY LAW, THE PLAYER AND SERVICES ARE PROVIDED ON AN “AS IS” BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, EITHER EXPRESS OR IMPLIED, INCLUDING, WITHOUT LIMITATION, ANY WARRANTIES OR CONDITIONS OF TITLE, NON-INFRINGEMENT OF THIRD PARTY RIGHTS, MERCHANTABILITY OR FITNESS FOR A PARTICULAR PURPOSE. EXCEPT AS OTHERWISE PROVIDED, USE OF THE PLAYER IS AT PUBLISHER’S OWN RISK AND PUBLISHER IS SOLELY RESPONSIBLE FOR DETERMINING THE APPROPRIATENESS OF EXERCISING THE RIGHTS GRANTED UNDER THIS AGREEMENT AND ASSUMES ALL RISKS ASSOCIATED THEREWITH, INCLUDING BUT NOT LIMITED TO THE RISKS AND COSTS OF PROGRAM ERRORS, COMPLIANCE WITH APPLICABLE LAWS, DAMAGE TO OR LOSS OF DATA, PROGRAMS OR EQUIPMENT, SUITABILITY FOR HOSTING AND UNAVAILABILITY OR INTERRUPTION.\\n\\n
Limitation of Liability \\n\\nEXCEPT TO THE EXTENT REQUIRED BY APPLICABLE LAW OR TO THE EXTENT THAT ANY EXCLUSION OR LIMITATION OF ITS LIABILITY IS VOID, PROHIBITED OR UNENFORCEABLE, IN NO EVENT SHALL THE COMPANY BE LIABLE ON ANY LEGAL THEORY (A) FOR ANY SPECIAL, INCIDENTAL, CONSEQUENTIAL, PUNITIVE OR EXEMPLARY DAMAGES INCLUDING LOSS OF REVENUE, PROFITS OR GOODWILL, (B) FOR ANY MATTER BEYOND ITS REASONABLE CONTROL, (C) FOR ANY LOSS OR INACCURACY OF DATA, LOSS OR INTERRUPTION OF USER OR COST OF PROCURING SUBSTITUTE TECHNOLOGY OR (D) DIRECT DAMAGES IN EXCESS OF THE TOTAL FEES PAID BY PUBLISHER TO THE COMPANY PURSUANT TO THESE TERMS OF SERVICE, EVEN IF THE COMPANY HAS BEEN ADVISED OF THE POSSIBILITY OF SUCH DAMAGES. THESE LIMITATIONS ARE INDEPENDENT FROM ALL OTHER PROVISIONS OF THIS AGREEMENT AND SHALL APPLY NOTWITHSTANDING THE FAILURE OF ANY REMEDY PROVIDED HEREIN.\\n\\n
Publicity \\n\\nCompany shall be permitted to publicly identify Publisher as a user of the Player, including on Company’s websites and marketing materials. Publisher hereby grants Company a non-exclusive, non-transferable, non-sublicensable, royalty-free license during the Term to use Publisher’s name and marks solely for this purpose. Company agrees to state on all materials using Publisher’s marks that such marks are property of Publisher and to include the trademark registration symbol if applicable.\\n\\n
Independent Contractors \\n\\nThe parties hereto are independent contractors and nothing herein constitutes or creates an employer-employee, agency, joint venture or representative relationship between the parties.\\n\\n
Choice of Law and Jurisdiction \\n\\nThese Terms of Service shall be governed by and construed in accordance with the laws of the Republic of Poland and specifically excluding from application to this Agreement that law known as the United Nations Convention on Contracts for the International Sale of Goods. Each party irrevocably consents to the exclusive jurisdiction, forum and venue of the court proper to the Company’s registered seat over any and all claims, disputes, controversies or disagreements between the parties or any of their respective subsidiaries, affiliates, successors and assigns under or related to these Terms of Service or the subject matter thereof.\\n\\n
Complete Agreement \\n\\nThese Terms of Service constitute the entire agreement between the Company and Publisher with respect to the subject matter hereof and supersedes all prior or contemporaneous understandings or agreements, written or oral, regarding such subject matter.\\n\\n
Modification \\n\\nThe Company may modify the terms of these Terms of Service in its sole discretion and such modifications shall take effect and be binding on Publisher on the earliest date which they are posted to the Company’s publicly available website or delivered to Publisher via electronic or physical delivery. No one other than the Company has the right to modify these Terms of Service.\\n\\n
No Assignment \\n\\nPublisher may not assign or transfer this agreement to any third party without the Company’s express written consent. Any assignment or transfer made in the absence of such consent shall be void and in the event of such unauthorized assignment or transfer the Company may immediately terminate these Terms of Service.\\n\\n
Final provision \\n\\nThis Terms of Service enter into force on 01.06.2017.\",\"LABEL\":{\"1\":\"I Agree with the \",\"2\":\"Terms and Conditions.\"},\"ERROR\":\"You have to agree to finish your subscription.\"}}}\n\n/***/ }),\n\n/***/ 1557:\n/***/ (function(module, exports) {\n\nmodule.exports = {\"SUBSCRIPTION\":{\"TITLE\":\"Subscription process\",\"MESSAGE\":{\"THANKS\":{\"TITLE\":\"Thank You for choosing us!\",\"P1\":\"Congratulations, you have just subscribed to Bradmax Video Player. Start right away customizing your player!\"}},\"BUTTON\":{\"NAV_PLAYER\":\"Go To Player List\",\"NEXT\":\"Next\",\"PREVIOUS\":\"Previous\",\"SUBMIT\":\"Confirm and Finish\",\"EDIT\":\"Edit\",\"ACCEPT\":\"I Agree\",\"NOT_ACCEPT\":\"I Don't Agree\"},\"STEPS\":{\"STEP_1\":{\"TITLE\":\"Subscription Details\",\"SUBTITLE\":\"Your subscripion details\",\"SECTION_1\":{\"TITLE\":\"Your Selected Plan\"},\"SECTION_2\":{\"TITLE\":\"Billing Details\",\"SUBTITLE\":\"Make sure your billing details are correct\"}},\"STEP_2\":{\"TITLE\":\"Payment & Finish\",\"SUBTITLE\":\"Select a payment method and finish\",\"SECTION_1\":{\"TITLE\":\"Payment Method\",\"SUBTITLE\":\"Select or add a new payment method\"},\"SECTION_2\":{\"TITLE\":\"Confirm & Finish\",\"SUBTITLE\":\"Confirm that all the information is correct and Finish\"}}},\"LABEL\":{\"COMPANY\":\"Company\",\"COUNTRY\":\"Country\",\"STATE\":\"State\",\"CITY\":\"City\",\"ADDRESS\":\"Address\",\"POSTAL_CODE\":\"Postal code\",\"PHONE_NUMBER\":\"Phone number\",\"TAX_NO\":\"Tax Identification No.\"},\"TERMS_AND_CONDITIONS\":{\"TITLE\":\"Terms And Conditions\",\"BODY\":\"This Terms of Service are binding to all Publishers and Users. The use of the Player is tantamount with the acceptance of this Terms of Service. If you do not accept the terms of service you are prohibited from using the player. The Player is available in different Editions, including unpaid and paid options. Certain rights, obligations and features or restrictions vary by Edition. Unless otherwise stated this Terms of Service apply to all Editions. The Player requires a browser that supports HTML5 / MSE and H264. Older browsers like Internet Explorer 10 are not supported without additional plug-ins i.e. flash. The Player supports the following: (a) codecs: H264 for video and AAC for audio. MP3 is not supported with HTML5, (b) advertisements formats: VAST, VMAP, VPAID, (c) video formats: HLS and Smooth streaming integrated into the Player without plugins, Dash, MP4, Webm, live streaming.\\n\\nThe Player is adjustable to every device with internet connection, including smartphones, tablets, smart TV, desktops.\\n\\n
Definitions \\n\\n“Adaptation” means any work that modifies, adds to, deletes from, edits, affects the function of or is based on a Player or any previous Adaptation thereof, including but not limited to all plug-ins and other derivative works as such term is defined by the applicable law.\\n\\n“Analytics Plug-In” means a plug-in or other code that enables Company to collect information regarding Publisher’s Use (such as browser type, Internet Service Provider, IP address and operating system). Company’s collection and utilization of such information is governed by these Terms of Service.\\n\\n“Company” means Bradmax pinok.io Sp. z o.o. Sp. k., Jana Pawła II 61/164, 01-031 Warsaw, NIP: 7010497796.\\n\\n“Content” means media including videos, images, graphics, animations, sounds, text and music and any related submissions (e.g. viewer comments) hosted, streamed, or played through the Player.\\n\\n“Data” means all transactional and Content data obtained by, processed by or provided to the Company in connection with the use of the Player. Data may include metadata (such as title, author, description and other information pertaining to Content), IP addresses, URLs, browser and operating system. Use of Data is governed by these Terms of Service.\\n\\n“Distribute” means to sell, transfer, assign, circulate or make available to any third party, or the facilitation of the foregoing.\\n\\n“Edition” means a particular edition of the Player, including the Free Edition, Basic Edition, Basic+ Edition, Pro Edition, Pro+ Edition, Infinity Edition and DRM Edition.\\n\\n“Upgraded Edition” means a particular edition of the Player with extended features or functionalities offered for the higher price in comparison to the licensed Edition.\\n\\n“Downgraded Edition” means a particular edition of the Player with limited features or functionalities offered for the lower price in comparison to the licensed Edition.\\n\\n“Effective Date” means the earliest date a Player is Used by Publisher or User.\\n\\n“End User” means an individual or entity that accesses or Uses Publisher’s or User’s Content.\\n\\n“Fee” means the amount payable to the Company for Use of the Player.\\n\\n“License Scope” means the features, rights, obligations and limitations authorized for a particular Edition of the Player.\\n\\n“OEM” means incorporation of the Player into any goods or services other than Publisher’s websites, including SDK Applications and other goods and services.\\n\\n“On-line Order Form” is an agreement between Company and Publisher setting forth custom pricing and terms for the use of Player and includes any contemporaneous Addendum thereto. In the event of any conflict between the terms of an On-line Order Form and these Terms of Service, the On-line Order Form shall take precedence.\\n\\n“Play” means each instance of Content streamed, in whole or in part, through the Player. In case the Content is streamed with breaks without reloading, it shall be treated as a single act of Play.\\n\\n“Player” means the Licensed Bradmax HTML 5 Player, software and any features, plug-ins and updates provided by Company, owned and developed by the Company together with associated services and/or SDK or SDK Applications.\\n\\n“Publisher” any individual or entity running commercial activity with the Use of Player.\\n\\n“User” any individual or entity using free of charge Edition of the Player.\\n\\n“Publisher Information” means personal and non-personal information about Publisher including but not limited to Publisher’s name, address, email address, telephone number, and, if Publisher transacts business with the Company, financial information such as payment method (valid credit card number, type, expiration date or other financial information).\\n\\n“Purpose” means (i) Use to facilitate Content playback and streaming on Publisher’s websites, (ii) Use of the SDK to develop and Distribute SDK Applications, (iii) other OEM Use.\\n\\n“SDK” means the Player Software Development Kits for Android and iOS, including all components thereof (documentation, code, tools, libraries, data, files and materials) and all updates thereto[ARM4] .\\n\\n“SDK Applications” means application software for Operating Systems, created with the SDK and incorporating the Player .\\n\\n“Services” means services provided to Publisher under these Terms of Service, including cloud-hosted versions of the Player and SDK provided as software as a service (SaaS), hosting and streaming functionality and maintenance and support services.\\n\\n“Terms of Service” means this document and any applicable addendum or new or revised versions.\\n\\n“Free Edition” means the Edition of the Player for which Fees are not required.\\n\\n“Use” means operating, accessing, downloading, installing, integrating or providing Content through a Player or Adaptation.\\n\\n
Player \\n\\nPublisher’s or User’s rights and licenses to Use Player are limited to the Editions for which it has enrolled, is eligible and has paid all Fees (for paid Editions) in accordance with these Terms of Service. Any Use of the Player other than as permitted by these Terms of Service is strictly prohibited. The Company reserves all rights and licenses not expressly granted hereunder.\\n\\n
Licenses \\n\\nThe License Scope varies by Edition and the licenses granted hereunder are limited accordingly. Unless otherwise provided, licenses are personal to Publisher or User for its own Use.\\n\\nSubject to the terms and conditions of these Terms of Service and Publisher’s (User’s) observance thereof, Company hereby grants to Publisher (User) and Publisher (User) hereby accepts a limited in time, non-exclusive, non-transferable, non-sublicensable, limited right and license to (a) Use, access and install the Player, solely for the Purpose, (b) Use, access, integrate and install the SDK for use in connection with the Purpose, (c) publicly Distribute SDK Applications for the Operating Systems, and (e) operate and allow end users of SDK Applications to operate the Player incorporated into such SDK Applications.\\n\\nUse of the Free Editions with advertising of any kind is prohibited.\\n\\n
License Scope, Edition, Fees \\n\\nEditions have the following License Scope (volume per month where applicable) per Play (views) as defined above. Invoice is issued by the Company in the electronic form within the term defined by the applicable law after the effective payment.\\n\\n
Change of the Edition \\n\\nIf you would like upgrading to the Upgraded Edition you have to file the upgrading form and pay the respective fee for the Upgraded Edition. In such a case, you may use the Upgraded Edition as of the date on which the Fee for the Upgraded Edition has been booked on the Company’s account. With that moment the previous license is terminated. All Fees paid before change to the Upgraded Edition are not refund.\\n\\nIf you would like downgrading to the Downgraded Edition you have to file the downgrading form. In such a case, you may use the Downgraded Edition after the expiration of the actual Edition licensed to you upon payment of the Fee for the Downgraded Edition, if applicable.\\n\\n
Advertisements \\n\\nPublishers who are using Free Edition are strictly prohibited from using the Player in any manner to display advertisements. Such prohibition includes actions such as (i) the making or use of any Adaptation that enables any type of advertisement to be shown in, on or around the Player (e.g., a skin), (ii) interoperation of the Player with any software that serves advertisements and (iii) adding advertisements to a playlist.\\n\\n
Registration \\n\\nPublisher and User must create a username and password as well as provide an accurate email address and name and surname. Publisher (User) is strictly prohibited from: (i) providing false sign-up information, (ii) using a name, address or email address owned or controlled by another person with the intent to impersonate that person or (iii) providing an email address subject to any rights of a person other than Publisher without appropriate authorization. The Company reserves the right to refuse registration or cancel any account that it reasonably believes is in violation of the foregoing. Publisher (User) shall be responsible for maintaining the confidentiality of its password and is liable for all activities that occur on its account. Publisher (User) agrees to immediately notify the Company of any unauthorized use of Publisher’s (User’s) username, password or other breach of security.\\n\\n
Adaptations and OEM \\n\\nPublisher is authorized to make Adaptations reasonably necessary to exercise its rights under these Terms of Service, e.g., Adaptations to integrate the Player into Publisher’s websites. All Adaptations created by Publisher are strictly for its own Use. The Company reserves the right to prohibit the Use of any Adaptation in its sole discretion.\\n\\nOEM is authorized only in connection with the paid Edition. Publishers who use Free Edition are strictly prohibited from incorporation of a Player into any goods or services[ARM8] .\\n\\n
SDK \\n\\nCompany may update the SDK at any time and is under no obligation to provide notice thereof. Updates may have features or functionality that differ from that of the current SDK. Company may identify certain updates as being critical by written notice (including e-mail to the address provided by Publisher). Publisher shall promptly incorporate such critical updates into its SDK Applications and, if such SDK Applications have been Distributed, shall provide a public update thereto no later than ten (10) days after such notice unless a different period is specified by the Company.\\n\\nPublisher acknowledges that development for each Operating System may be subject to the applicable Operating System provider’s own rules, regulations, standards and requirements and that Company has no control or responsibility therefore. Publisher is solely responsible for its compliance with the foregoing and Company makes no representations or warranties of compatibility with any Operating System.\\n\\n
Distribution \\n\\nExcept as specifically set forth herein, Publisher shall not Distribute, re-license, sell, lease, transfer, encumber, assign or make available for public use the Player or any Adaptation thereof. Any attempt to take any such actions is void, and will automatically terminate Publisher’s rights under these Terms of Service. Notwithstanding the foregoing, Publisher may duplicate the licensed programs delivered with the Player and its own permitted Adaptations solely for its own use, provided, all copyright notices, disclaimers and other identifications on the licensed programs must also be duplicated and displayed on any copies thereof.\\n\\n
Analytics Plug-In \\n\\nThe Player utilize Analytics Plug-In to power data tracking and reporting functionality. Information gathered by Analytics Plug-In is used in accordance with this Terms of Service. Publisher or User is strictly prohibited from removing, altering, disabling or circumventing Analytics Plug-In or otherwise interfering with the operation thereof.\\n\\nThe Company will not share personally identifiable information gathered from the Analytics Plug-In with any third party without Publisher’s or User’s express written consent, provided, nothing herein shall limit the Company’s right to use and share aggregated, non-personally identifiable data. Publisher and User grants Company a limited, royalty-free license to use the information collected by Analytics Plug-In to facilitate the operation of Player or other Company’s products, ensure compliance and for its internal business purposes.\\n\\n
Term \\n\\nThese Terms of Service shall become effective on the Effective Date. For all Editions other than the Free Edition, these Terms of Service shall remain effective for a period of one (1) month (the “Initial Term”) and, upon the conclusion of the Initial Term, shall automatically renew for additional successive one (1) month terms (each a “Renewal Term” and together with the Initial Term, the “Term”).\\n\\nEither party may elect to not renew these Terms of Service by notifying the other prior to the expiration of then-current Initial Term or Renewal Term. Notice for such termination must be provided in writing/email no later than thirty (30) days prior to such expiration.\\n\\n
Termination \\n\\nThese Terms of Service are subject to termination by the Company immediately if (a) Publisher fails to timely pay a Fee, (b) Publisher or User violates any term of these Terms of Service, (c) the Company has a reasonable basis to believe that Publisher or User is not abiding by the spirit of these Terms of Service, (d) Publisher becomes insolvent, declares bankruptcy or a receiver or trustee is appointed for Publisher, (e) the Company has a reasonable basis to believe that Publisher is impairing the Company’s business, (f) Publisher is or becomes engaged in a business that is directly or indirectly competitive with the Company’s business or (g) Publisher exceeds the license scope permitted for its Edition and Publisher fails to cure any of the foregoing within seven (7) days of notice thereof., (h) the Publisher or User uses the Player for the purposes violating law or honest business practices, (i) such termination is requested by the court judgment, including temporary injunctions or administrative decisions.\\n\\nThe Company may terminate Free Edition for its convenience at any time.\\n\\nIn the event of any termination by the Company pursuant to (a) – (i) above, the Company is under no obligation to provide a refund for the Fees received from Publisher or apply such fees to future services. In the event Publisher switches to a different Edition, any pre-paid Fee balance shall be applied towards the Fees due for such Edition until exhausted; no refund shall be available for Publishers switching to an Free Edition.\\n\\n
Effects of Termination \\n\\nUpon termination of these Terms of Service for any reason, Publisher or User shall immediately cease Using the Player and uninstall, delete and destroy any copies of the software delivered by the Company with the Player.\\n\\nUpon termination, all rights, obligations and licenses of the parties shall cease, except that all obligations that accrued prior to the effective date of termination and remedies for breach of these Terms of Service shall survive.\\n\\n
Maintenance and Support \\n\\nThe Company shall provide reasonable technical support and maintenance for the Player in its sole discretion. The Company shall have no obligation to provide additional technical support, maintenance, updates or enhancements to the Player or to provide customer service or support to Publisher’s End Users. All installation and maintenance of the Player by Publisher shall be at the sole expense of Publisher. The Company is not responsible for performance issues caused by low-performance end-user computers, low-bandwidth end user Internet connections, periodic network congestion among network providers, low-bandwidth connectivity from redirected image and video sources, improperly configured campaigns and low-bandwidth connectivity from any Publisher Content servers. In the event Company identifies slow performance due to its system, Company shall use commercially reasonable efforts to restore the Services to acceptable performance levels. Publisher’s sole remedy for any disruption or failure to provide support shall be a pro rata refund of 1/30 of the Fee paid by Publisher for the relevant period for each 24 hours of any foregoing disruption or failure.\\n\\n
Intellectual Property \\n\\nThe Company is the sole owner of all intellectual property rights pertaining to the Player and software or Services delivered with the Player, including but not limited to copyright, trademark and patent rights and all rights not expressly granted herein are reserved. If Publisher creates an Adaptation, Publisher shall obtain all intellectual property rights in and to the elements of such Adaptation created by Publisher and the Company shall retain all intellectual property rights in and to any elements of the Player incorporated in such Adaptation. Publisher is prohibited from creating any Adaptation that in any manner infringes the patents, trademarks, copyrights, trade secret rights or other rights of the Company or any third party.\\n\\n
Privacy \\n\\nThe Company may use the Publisher Information and Data to: deliver the Player and or Services; manage Publisher’s account; provide customer support; perform research and analysis about Publishers Use of or interest in the Player or Content or the products, services or content of others; communicate with Publisher by email, postal mail, telephone and/or mobile devices about products or services that may be of interest to you either from the Company, our partners or other third parties; develop and display content and advertising tailored to your interests on our site and other sites; enforce our Terms of Service; manage our business; and perform functions otherwise described to you at the time of collection.\\n\\nUser hereby agrees to process his/her personal data, namely (“Personal Data”) by the Company according to this Terms of Service and applicable law.\\n\\nThe Company as an administrator of personal data informs User that Personal Data provided during registration process are gathered and processed by the Administrator for the purpose of preparation of the Personal Data Collection as well as for Administrator marketing purposes.\\n\\nPublisher and User agrees to receive Administrator’s or its successors commercial information via electronic means in line with the law on Providing services via electronic means of 18 July 2002 (Journal of Laws 2002 No. 144 item. 1204 with further amendments).\\n\\nAs defined in the data protection laws, User shall have an access to its Personal Data and to the amendment of personal data or to demand its deletion. The collection of personal data of Users is done voluntarily.\\n\\nAdministrator informs that the Service may use small text file called “cookies”. A cookie is a small text file that is necessary for proper functioning of internet portals, in particular those which require authorization. Cookies do not allow to identify User. Cookies files do not process or store personal data.\\n\\nAdministrator informs that Personal Data are protected and secured according to EU law requirements.\\n\\n
Fees and Payment \\n\\nFees are published at www.bradmax.com or provided on an applicable On-line Order Form. Unless otherwise provided, Company may modify the Fees prior to the commencement of each Renewal Term. The Company shall provide to the Publishers written notice of any such modification no later than sixty (60) days prior to such commencement, with exception to Free Edition.\\n\\nPublisher agrees to timely pay all Fees due during the Term. Company reserves the right to suspend Publisher’s access to Player or Editions if Fees are not timely paid. Such suspension shall not obviate Publisher’s duty to pay all Fees due under any On-line Order Form or Addendum or constitute termination of these Terms of Service absent Company’s notice of termination pursuant to the Termination section hereof. Past-due fees shall incur per month interest at an actual rate allowed by applicable law. Publisher shall be liable to, and fully reimburse, Company for all costs (including attorney’s fees) incurred in connection with Company’s collection of past-due Fees or other enforcement of this Terms of Service. All Fees are non-refundable except as otherwise provided in these Terms of Service. Publisher shall be responsible to pay all taxes due in connection with the Fees and Publisher’s use of the Products.\\n\\nPeriodic (e.g. annual) Fees are billed in advance and payment is due on receipt of invoice. In case of Paid Edition Publishers must provide a valid form of payment (e.g. credit card, debit card, PayPal account) and accurate billing information, do hereby authorize the Company to charge all Fees incurred to the designated payment form and acknowledge that periodic Fees may be charged automatically and without separate authorization.\\n\\n
Content \\n\\nBy uploading Content, Publisher agrees to and hereby does grant, and does represent and warrant that it has the right to grant, the Company a royalty-free, fully paid up, worldwide license to use the Content solely in connection with the operation and provision of Services that entail the Company’s hosting, streaming or storage of such Content.\\n\\nPublisher is solely responsible for any Content or other material that Publisher posts, uploads, submits or Distributes. The Company may review and delete any Content that violates the terms of this Section. Prohibited Content includes any Content that (i) infringes any copyright, trademark, patent, trade secret, right of publicity or other right of any person or entity, (ii) is unlawful, threatening, abusive, harassing, defamatory, libelous, deceptive, fraudulent, invasive, tortious, obscene, offensive, vulgar, pornographic, profane or is otherwise inappropriate as determined by the Company in its sole discretion, (iii) contains any virus, malicious code, Trojan horse or other program designed, intended or likely to disrupt, damage, limit or interfere with the proper function of any software, hardware or telecommunications equipment or to damage or obtain unauthorized access to any system, data, password or other information of the Company or any person or entity, (iv) encourages illegal activity or (v) falsely suggests or implies sponsorship or endorsement by the Company.\\n\\nPublisher is responsible for taking its own steps to backup its Content and Company recommends routinely archiving your Content. Company disclaims any responsibility for deleted, lost, corrupted or inaccessible Content, regardless whether Company hosts such Content.\\n\\n
Restrictions on Use \\n\\nPublisher shall not (i) interfere or attempt to interfere with the proper operation of the Player or any activities conducted through the Player, (ii) use any robot, spider or other device to retrieve, index, scrape, data mine or in any way gather information, Content or other materials from the Player, (iii) decipher, decompile, disassemble, reverse engineer, simulate or derive any source code or algorithms from the Player or use any of the foregoing to create any software or service similar to the Player, (iv) create any derivative work or modification of the Player other than Adaptations permitted by these Terms of Service or (v) license, sublicense, sell, encumber, rent, lease, Distribute, transfer or similarly exploit the Player.\\n\\n
Representations and Warranties \\n\\nPublisher (respectively User) represents and warrants that (i) if Publisher is an individual, Publisher is at least eighteen (18) years old, (ii) if Publisher is an entity, its consent to these Terms of Service has been duly ratified, (iii) all its Content conforms to the standards set forth in the Section of these Terms of Service titled Content and Restrictions on Use, (iv) all information provided during the registration process is true and accurate, (v) its Adaptations do not infringe the intellectual property rights of any third party and (vi) its Use of the Player is in compliance with all applicable laws and regulations.\\n\\n
Limited Product Warranty \\n\\nThe Company warrants that it will provide the Player (except Unpaid Editions) in a manner consistent with general industry standards reasonably applicable to the provision thereof. The Company does not warrant that the Player will be error-free or that any errors in the Player will be corrected.\\n\\n
Disclaimer \\n\\nEXCEPT AS OTHERWISE PROVIDED AND TO THE MAXIMUM EXTENT ALLOWED BY LAW, THE PLAYER AND SERVICES ARE PROVIDED ON AN “AS IS” BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, EITHER EXPRESS OR IMPLIED, INCLUDING, WITHOUT LIMITATION, ANY WARRANTIES OR CONDITIONS OF TITLE, NON-INFRINGEMENT OF THIRD PARTY RIGHTS, MERCHANTABILITY OR FITNESS FOR A PARTICULAR PURPOSE. EXCEPT AS OTHERWISE PROVIDED, USE OF THE PLAYER IS AT PUBLISHER’S OWN RISK AND PUBLISHER IS SOLELY RESPONSIBLE FOR DETERMINING THE APPROPRIATENESS OF EXERCISING THE RIGHTS GRANTED UNDER THIS AGREEMENT AND ASSUMES ALL RISKS ASSOCIATED THEREWITH, INCLUDING BUT NOT LIMITED TO THE RISKS AND COSTS OF PROGRAM ERRORS, COMPLIANCE WITH APPLICABLE LAWS, DAMAGE TO OR LOSS OF DATA, PROGRAMS OR EQUIPMENT, SUITABILITY FOR HOSTING AND UNAVAILABILITY OR INTERRUPTION.\\n\\n
Limitation of Liability \\n\\nEXCEPT TO THE EXTENT REQUIRED BY APPLICABLE LAW OR TO THE EXTENT THAT ANY EXCLUSION OR LIMITATION OF ITS LIABILITY IS VOID, PROHIBITED OR UNENFORCEABLE, IN NO EVENT SHALL THE COMPANY BE LIABLE ON ANY LEGAL THEORY (A) FOR ANY SPECIAL, INCIDENTAL, CONSEQUENTIAL, PUNITIVE OR EXEMPLARY DAMAGES INCLUDING LOSS OF REVENUE, PROFITS OR GOODWILL, (B) FOR ANY MATTER BEYOND ITS REASONABLE CONTROL, (C) FOR ANY LOSS OR INACCURACY OF DATA, LOSS OR INTERRUPTION OF USER OR COST OF PROCURING SUBSTITUTE TECHNOLOGY OR (D) DIRECT DAMAGES IN EXCESS OF THE TOTAL FEES PAID BY PUBLISHER TO THE COMPANY PURSUANT TO THESE TERMS OF SERVICE, EVEN IF THE COMPANY HAS BEEN ADVISED OF THE POSSIBILITY OF SUCH DAMAGES. THESE LIMITATIONS ARE INDEPENDENT FROM ALL OTHER PROVISIONS OF THIS AGREEMENT AND SHALL APPLY NOTWITHSTANDING THE FAILURE OF ANY REMEDY PROVIDED HEREIN.\\n\\n
Publicity \\n\\nCompany shall be permitted to publicly identify Publisher as a user of the Player, including on Company’s websites and marketing materials. Publisher hereby grants Company a non-exclusive, non-transferable, non-sublicensable, royalty-free license during the Term to use Publisher’s name and marks solely for this purpose. Company agrees to state on all materials using Publisher’s marks that such marks are property of Publisher and to include the trademark registration symbol if applicable.\\n\\n
Independent Contractors \\n\\nThe parties hereto are independent contractors and nothing herein constitutes or creates an employer-employee, agency, joint venture or representative relationship between the parties.\\n\\n
Choice of Law and Jurisdiction \\n\\nThese Terms of Service shall be governed by and construed in accordance with the laws of the Republic of Poland and specifically excluding from application to this Agreement that law known as the United Nations Convention on Contracts for the International Sale of Goods. Each party irrevocably consents to the exclusive jurisdiction, forum and venue of the court proper to the Company’s registered seat over any and all claims, disputes, controversies or disagreements between the parties or any of their respective subsidiaries, affiliates, successors and assigns under or related to these Terms of Service or the subject matter thereof.\\n\\n
Complete Agreement \\n\\nThese Terms of Service constitute the entire agreement between the Company and Publisher with respect to the subject matter hereof and supersedes all prior or contemporaneous understandings or agreements, written or oral, regarding such subject matter.\\n\\n
Modification \\n\\nThe Company may modify the terms of these Terms of Service in its sole discretion and such modifications shall take effect and be binding on Publisher on the earliest date which they are posted to the Company’s publicly available website or delivered to Publisher via electronic or physical delivery. No one other than the Company has the right to modify these Terms of Service.\\n\\n
No Assignment \\n\\nPublisher may not assign or transfer this agreement to any third party without the Company’s express written consent. Any assignment or transfer made in the absence of such consent shall be void and in the event of such unauthorized assignment or transfer the Company may immediately terminate these Terms of Service.\\n\\n
Final provision \\n\\nThis Terms of Service enter into force on 01.06.2017.\",\"LABEL\":{\"1\":\"I Agree with the \",\"2\":\"Terms and Conditions.\"},\"ERROR\":\"You have to agree to finish your subscription.\"}}}\n\n/***/ }),\n\n/***/ 177:\n/***/ (function(module, exports, __webpack_require__) {\n\n\"use strict\";\n\nObject.defineProperty(exports, \"__esModule\", { value: true });\nvar core_1 = __webpack_require__(0);\nvar FlashMessagesService = (function () {\n function FlashMessagesService() {\n }\n return FlashMessagesService;\n}());\nFlashMessagesService.decorators = [\n { type: core_1.Injectable },\n];\n/** @nocollapse */\nFlashMessagesService.ctorParameters = function () { return []; };\nexports.FlashMessagesService = FlashMessagesService;\n//# sourceMappingURL=flash-messages.service.js.map\n\n/***/ }),\n\n/***/ 178:\n/***/ (function(module, __webpack_exports__, __webpack_require__) {\n\n\"use strict\";\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"a\", function() { return CookieService; });\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__angular_core__ = __webpack_require__(0);\nvar __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {\n var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;\n if (typeof Reflect === \"object\" && typeof Reflect.decorate === \"function\") r = Reflect.decorate(decorators, target, key, desc);\n 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;\n return c > 3 && r && Object.defineProperty(target, key, r), r;\n};\n\nvar CookieService = (function () {\n function CookieService() {\n }\n CookieService.prototype.write = function (name, value, days) {\n if (days === void 0) { days = 90; }\n var date = new Date();\n date.setTime(date.getTime() + (days * 24 * 60 * 60 * 1000));\n var expires = '; expires=' + date.toUTCString();\n document.cookie = name + '=' + value + expires + '; path=/';\n };\n CookieService.prototype.read = function (name) {\n var nameEQ = name + '=', ca = document.cookie.split(';');\n for (var i = 0; i < ca.length; i++) {\n var c = ca[i];\n while (c.charAt(0) == ' ')\n c = c.substring(1, c.length);\n if (c.indexOf(nameEQ) == 0)\n return c.substring(nameEQ.length, c.length);\n }\n return null;\n };\n CookieService.prototype.erase = function (name) {\n this.write(name, '', -1);\n };\n CookieService = __decorate([\n Object(__WEBPACK_IMPORTED_MODULE_0__angular_core__[\"Injectable\"])()\n ], CookieService);\n return CookieService;\n}());\n\n\n\n/***/ }),\n\n/***/ 179:\n/***/ (function(module, __webpack_exports__, __webpack_require__) {\n\n\"use strict\";\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"a\", function() { return AlertModalComponent; });\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__angular_core__ = __webpack_require__(0);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__angular_platform_browser__ = __webpack_require__(23);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__abstract_modal_component__ = __webpack_require__(71);\nvar __extends = (this && this.__extends) || (function () {\n var extendStatics = Object.setPrototypeOf ||\n ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||\n function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };\n return function (d, b) {\n extendStatics(d, b);\n function __() { this.constructor = d; }\n d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());\n };\n})();\nvar __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {\n var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;\n if (typeof Reflect === \"object\" && typeof Reflect.decorate === \"function\") r = Reflect.decorate(decorators, target, key, desc);\n 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;\n return c > 3 && r && Object.defineProperty(target, key, r), r;\n};\nvar __metadata = (this && this.__metadata) || function (k, v) {\n if (typeof Reflect === \"object\" && typeof Reflect.metadata === \"function\") return Reflect.metadata(k, v);\n};\n\n\n\nvar HTML = '
'\n + '
';\nvar STYLE = 'alert-modal-component {display: block;margin: auto;color: #fff;font-weight: 200;'\n + 'background: #ff281c;max-width: 400px;min-width: 200px;}'\n + 'alert-modal-component .modal-message { padding: 32px 16px 16px 16px; }';\nvar AlertModalComponent = (function (_super) {\n __extends(AlertModalComponent, _super);\n function AlertModalComponent(sanitizer) {\n var _this = _super.call(this) || this;\n _this.sanitizer = sanitizer;\n return _this;\n }\n var _a;\n AlertModalComponent = __decorate([\n Object(__WEBPACK_IMPORTED_MODULE_0__angular_core__[\"Component\"])({\n selector: 'alert-modal-component',\n template: HTML, styles: [STYLE],\n changeDetection: __WEBPACK_IMPORTED_MODULE_0__angular_core__[\"ChangeDetectionStrategy\"].OnPush\n }),\n __metadata(\"design:paramtypes\", [typeof (_a = typeof __WEBPACK_IMPORTED_MODULE_1__angular_platform_browser__[\"c\" /* DomSanitizer */] !== \"undefined\" && __WEBPACK_IMPORTED_MODULE_1__angular_platform_browser__[\"c\" /* DomSanitizer */]) === \"function\" && _a || Object])\n ], AlertModalComponent);\n return AlertModalComponent;\n}(__WEBPACK_IMPORTED_MODULE_2__abstract_modal_component__[\"a\" /* AbstractModalComponent */]));\n\n\n\n/***/ }),\n\n/***/ 18:\n/***/ (function(module, __webpack_exports__, __webpack_require__) {\n\n\"use strict\";\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"a\", function() { return UrlService; });\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__angular_core__ = __webpack_require__(0);\nvar __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {\n var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;\n if (typeof Reflect === \"object\" && typeof Reflect.decorate === \"function\") r = Reflect.decorate(decorators, target, key, desc);\n 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;\n return c > 3 && r && Object.defineProperty(target, key, r), r;\n};\nvar __metadata = (this && this.__metadata) || function (k, v) {\n if (typeof Reflect === \"object\" && typeof Reflect.metadata === \"function\") return Reflect.metadata(k, v);\n};\n\nvar UrlService = (function () {\n function UrlService() {\n }\n UrlService.prototype.api = function (url) {\n var apiUrl = \"https://bradmax.com/client/api/v1\";\n if (window && window.bradmaxAdminConfig && window.bradmaxAdminConfig.apiUrl) {\n apiUrl = window.bradmaxAdminConfig.apiUrl;\n }\n if (apiUrl.charAt(apiUrl.length - 1) != '/') {\n apiUrl += '/';\n }\n return apiUrl + url;\n };\n UrlService.prototype.file = function (url) {\n var staticFilesBaseUrl = (window && window.bradmaxAdminConfig && window.bradmaxAdminConfig.staticFilesBaseUrl)\n ? window.bradmaxAdminConfig.staticFilesBaseUrl : '';\n var baseUrl = '';\n if (window && window.bradmaxAdminConfig && window.bradmaxAdminConfig.staticFilesBaseUrl && (url.indexOf('http') != 0)) {\n baseUrl = window.bradmaxAdminConfig.staticFilesBaseUrl;\n }\n if ((baseUrl.length > 0) && (baseUrl.charAt(baseUrl.length - 1) != '/')) {\n baseUrl += '/';\n }\n return baseUrl + url;\n };\n UrlService.prototype.getSignUpPage = function () {\n var defaultSignInUrl = '//bigsoda.pl:8888/site/en/signup';\n if (window && window.location && (window.location.href.indexOf('0.0.0.0') > -1)) {\n defaultSignInUrl = '//localhost:8080/site/en/signup';\n }\n var result = (window && window.bradmaxAdminConfig && window.bradmaxAdminConfig.signInUrl)\n ? window.bradmaxAdminConfig.signInUrl : defaultSignInUrl;\n return result;\n };\n UrlService.prototype.getPasswordResetPage = function () {\n var defaultUrl = '//bigsoda.pl:8888/site/en/password-reset';\n if (window && window.location && (window.location.href.indexOf('0.0.0.0') > -1)) {\n defaultUrl = '//localhost:8080/site/en/password-reset';\n }\n var result = (window && window.bradmaxAdminConfig && window.bradmaxAdminConfig.passwordResetUrl)\n ? window.bradmaxAdminConfig.passwordResetUrl : defaultUrl;\n return result;\n };\n Object.defineProperty(UrlService.prototype, \"termsPage\", {\n get: function () {\n var defaultUrl = '//bigsoda.pl:8888/site/en/terms';\n if (window && window.location && (window.location.href.indexOf('0.0.0.0') > -1)) {\n defaultUrl = '//localhost:8080/site/en/terms';\n }\n var result = (window && window.bradmaxAdminConfig && window.bradmaxAdminConfig.termsPageUrl)\n ? window.bradmaxAdminConfig.termsPageUrl : defaultUrl;\n return result;\n },\n enumerable: true,\n configurable: true\n });\n Object.defineProperty(UrlService.prototype, \"documentationPage\", {\n get: function () {\n var defaultUrl = '//bradmax.com/static/player-doc/';\n var result = (window && window.bradmaxAdminConfig && window.bradmaxAdminConfig.docsPageUrl)\n ? window.bradmaxAdminConfig.docsPageUrl : defaultUrl;\n return result;\n },\n enumerable: true,\n configurable: true\n });\n Object.defineProperty(UrlService.prototype, \"tutorialPage\", {\n get: function () {\n var defaultUrl = '//bradmax.com/static/client-panel-doc/how_to_create_your_first_bradmax_player.pdf';\n var result = (window && window.bradmaxAdminConfig && window.bradmaxAdminConfig.tutorialPageUrl)\n ? window.bradmaxAdminConfig.tutorialPageUrl : defaultUrl;\n return result;\n },\n enumerable: true,\n configurable: true\n });\n Object.defineProperty(UrlService.prototype, \"playersPluginsDocumentationPage\", {\n get: function () {\n var defaultUrl = 'https://bradmax.com/static/bradmax-analytics-for-players/latest/doc/';\n var result = (window && window.bradmaxAdminConfig && window.bradmaxAdminConfig.docsPageUrl)\n ? window.bradmaxAdminConfig.docsPageUrl : defaultUrl;\n return result;\n },\n enumerable: true,\n configurable: true\n });\n UrlService = __decorate([\n Object(__WEBPACK_IMPORTED_MODULE_0__angular_core__[\"Injectable\"])(),\n __metadata(\"design:paramtypes\", [])\n ], UrlService);\n return UrlService;\n}());\n\n\n\n/***/ }),\n\n/***/ 180:\n/***/ (function(module, __webpack_exports__, __webpack_require__) {\n\n\"use strict\";\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"a\", function() { return InputModalComponent; });\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__angular_core__ = __webpack_require__(0);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__angular_platform_browser__ = __webpack_require__(23);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__abstract_modal_component__ = __webpack_require__(71);\nvar __extends = (this && this.__extends) || (function () {\n var extendStatics = Object.setPrototypeOf ||\n ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||\n function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };\n return function (d, b) {\n extendStatics(d, b);\n function __() { this.constructor = d; }\n d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());\n };\n})();\nvar __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {\n var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;\n if (typeof Reflect === \"object\" && typeof Reflect.decorate === \"function\") r = Reflect.decorate(decorators, target, key, desc);\n 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;\n return c > 3 && r && Object.defineProperty(target, key, r), r;\n};\nvar __metadata = (this && this.__metadata) || function (k, v) {\n if (typeof Reflect === \"object\" && typeof Reflect.metadata === \"function\") return Reflect.metadata(k, v);\n};\n\n\n\nvar HTML = ''\n + ''\n + '
'\n + '{{inputLabel}} '\n + '
'\n + '
'\n + ''\n + '{{btn.label}} '\n + ' '\n + '
'\n + '';\nvar STYLE = \"\\n\\t:host {display: block;margin: auto;font-weight: 200;background: #fff;max-width: 400px;min-width: 200px;}\\n\\t:host .input-header { padding: 32px 16px 16px 16px; text-align: center; }\\n\\t:host .input-group {padding: 0 32px 16px 32px;width: 100%;text-align: left;}\\n\\t:host .input-group label {width: 70px;}\\n\\t:host .input-group input {width: 200px;}\\n\\t:host .input-group input:active,:host .input-group input:focus {box-shadow: none;}\\n\\t:host .input-buttons { padding: 2px 16px 8px 16px; text-align: center; }\\n\\t:host .input-buttons button {\\n\\t\\tdisplay: inline-block; text-align: center; vertical-align: middle;\\n\\t\\ttouch-action: manipulation; cursor: pointer; background: #FFFFFF;\\n\\t\\tborder: 1px solid transparent; white-space: nowrap; padding: 4px 10px; margin: 2px 6px;\\n\\t\\tfont-size: inherit; line-height: 1em; border-radius: 30px;\\n\\t\\tuser-select: none;\\n\\t}\\n\\t:host .input-buttons button:focus {outline: 0;}\\n\\t:host .input-buttons button:active,\\n\\t:host .input-buttons button:hover {outline: 0;background: #EFEFEF;border-color: #EFEFEF;}\\n\\t:host .input-buttons button:active {box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.1);}\\n\\t:host .input-buttons button i {margin-right: 3px;}\\n\";\nvar InputModalComponent = (function (_super) {\n __extends(InputModalComponent, _super);\n function InputModalComponent(sanitizer) {\n var _this = _super.call(this) || this;\n _this.sanitizer = sanitizer;\n return _this;\n }\n InputModalComponent.prototype.ngOnInit = function () {\n if (this.inputDefaultValue) {\n this.value = this.inputDefaultValue;\n }\n };\n InputModalComponent.prototype.ngAfterViewInit = function () {\n if (this.inputDefaultValue) {\n var input_1 = this.input.nativeElement;\n setTimeout(function () {\n input_1.focus();\n input_1.select();\n }, 0);\n }\n };\n InputModalComponent.prototype.formatNgClass = function (btn) {\n var classes = {};\n if (btn.classes != null)\n for (var i = 0; i < btn.classes.length; i++)\n classes[btn.classes[i]] = true;\n return classes;\n };\n InputModalComponent.prototype.onKeyupEnter = function () {\n for (var _i = 0, _a = this.buttons; _i < _a.length; _i++) {\n var btn = _a[_i];\n if (btn.click != null) {\n btn.click(this.value);\n this.close();\n }\n }\n };\n InputModalComponent.prototype.click = function (btn) {\n if (btn.click != null)\n btn.click(this.value);\n if (btn.close && btn.close == true)\n this.close();\n };\n var _a, _b;\n __decorate([\n Object(__WEBPACK_IMPORTED_MODULE_0__angular_core__[\"ViewChild\"])('inputField'),\n __metadata(\"design:type\", typeof (_a = typeof __WEBPACK_IMPORTED_MODULE_0__angular_core__[\"ElementRef\"] !== \"undefined\" && __WEBPACK_IMPORTED_MODULE_0__angular_core__[\"ElementRef\"]) === \"function\" && _a || Object)\n ], InputModalComponent.prototype, \"input\", void 0);\n InputModalComponent = __decorate([\n Object(__WEBPACK_IMPORTED_MODULE_0__angular_core__[\"Component\"])({\n selector: 'input-modal-component',\n template: HTML, styles: [STYLE],\n changeDetection: __WEBPACK_IMPORTED_MODULE_0__angular_core__[\"ChangeDetectionStrategy\"].OnPush\n }),\n __metadata(\"design:paramtypes\", [typeof (_b = typeof __WEBPACK_IMPORTED_MODULE_1__angular_platform_browser__[\"c\" /* DomSanitizer */] !== \"undefined\" && __WEBPACK_IMPORTED_MODULE_1__angular_platform_browser__[\"c\" /* DomSanitizer */]) === \"function\" && _b || Object])\n ], InputModalComponent);\n return InputModalComponent;\n}(__WEBPACK_IMPORTED_MODULE_2__abstract_modal_component__[\"a\" /* AbstractModalComponent */]));\n\n\n\n/***/ }),\n\n/***/ 181:\n/***/ (function(module, __webpack_exports__, __webpack_require__) {\n\n\"use strict\";\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"a\", function() { return ModalType; });\nvar ModalType;\n(function (ModalType) {\n ModalType[ModalType[\"alert\"] = 0] = \"alert\";\n ModalType[ModalType[\"prompt\"] = 1] = \"prompt\";\n ModalType[ModalType[\"input\"] = 2] = \"input\";\n ModalType[ModalType[\"modal\"] = 3] = \"modal\";\n ModalType[ModalType[\"accountDetails\"] = 4] = \"accountDetails\";\n ModalType[ModalType[\"terms\"] = 5] = \"terms\";\n ModalType[ModalType[\"passwordChange\"] = 6] = \"passwordChange\";\n})(ModalType || (ModalType = {}));\n\n\n/***/ }),\n\n/***/ 182:\n/***/ (function(module, __webpack_exports__, __webpack_require__) {\n\n\"use strict\";\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"a\", function() { return PasswordChangeModalComponent; });\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__angular_core__ = __webpack_require__(0);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__abstract_modal_component__ = __webpack_require__(71);\nvar __extends = (this && this.__extends) || (function () {\n var extendStatics = Object.setPrototypeOf ||\n ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||\n function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };\n return function (d, b) {\n extendStatics(d, b);\n function __() { this.constructor = d; }\n d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());\n };\n})();\nvar __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {\n var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;\n if (typeof Reflect === \"object\" && typeof Reflect.decorate === \"function\") r = Reflect.decorate(decorators, target, key, desc);\n 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;\n return c > 3 && r && Object.defineProperty(target, key, r), r;\n};\nvar __metadata = (this && this.__metadata) || function (k, v) {\n if (typeof Reflect === \"object\" && typeof Reflect.metadata === \"function\") return Reflect.metadata(k, v);\n};\n\n\nvar HTML = \"
\";\nvar STYLES = ':host {display: block;margin: auto;width: 400px;text-align:center;background:#fff;border-radius-5px;} ' +\n ':host close-modal-button {padding: 5px 5px 0 0;}';\nvar PasswordChangeModalComponent = (function (_super) {\n __extends(PasswordChangeModalComponent, _super);\n function PasswordChangeModalComponent() {\n return _super.call(this) || this;\n }\n PasswordChangeModalComponent = __decorate([\n Object(__WEBPACK_IMPORTED_MODULE_0__angular_core__[\"Component\"])({\n selector: 'password-change-modal',\n template: HTML,\n styles: [STYLES],\n changeDetection: __WEBPACK_IMPORTED_MODULE_0__angular_core__[\"ChangeDetectionStrategy\"].OnPush\n }),\n __metadata(\"design:paramtypes\", [])\n ], PasswordChangeModalComponent);\n return PasswordChangeModalComponent;\n}(__WEBPACK_IMPORTED_MODULE_1__abstract_modal_component__[\"a\" /* AbstractModalComponent */]));\n\n\n\n/***/ }),\n\n/***/ 183:\n/***/ (function(module, __webpack_exports__, __webpack_require__) {\n\n\"use strict\";\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"a\", function() { return PromptModalComponent; });\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__angular_core__ = __webpack_require__(0);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__angular_platform_browser__ = __webpack_require__(23);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__abstract_modal_component__ = __webpack_require__(71);\nvar __extends = (this && this.__extends) || (function () {\n var extendStatics = Object.setPrototypeOf ||\n ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||\n function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };\n return function (d, b) {\n extendStatics(d, b);\n function __() { this.constructor = d; }\n d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());\n };\n})();\nvar __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {\n var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;\n if (typeof Reflect === \"object\" && typeof Reflect.decorate === \"function\") r = Reflect.decorate(decorators, target, key, desc);\n 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;\n return c > 3 && r && Object.defineProperty(target, key, r), r;\n};\nvar __metadata = (this && this.__metadata) || function (k, v) {\n if (typeof Reflect === \"object\" && typeof Reflect.metadata === \"function\") return Reflect.metadata(k, v);\n};\n\n\n\nvar HTML = ''\n + '
'\n + '
'\n + ''\n + '{{btn.label}} '\n + ' '\n + '
'\n + '';\nvar STYLE = \"\\n:host{display: block;margin: auto;font-weight: 400;background: #fff;max-width: 400px;min-width: 200px;}\\n:host .prompt-message { padding: 16px 16px 16px 16px; text-align: center; }\\n:host .prompt-buttons { padding: 2px 16px 8px 16px; text-align: center; }\\n:host .prompt-buttons button {\\n display: inline-block;\\n text-align: center;\\n vertical-align: middle;\\n touch-action: manipulation;\\n cursor: pointer;\\n background: #FFFFFF;\\n border: 1px solid transparent;\\n white-space: nowrap;\\n padding: 4px 10px;\\n margin: 2px 6px;\\n font-size: inherit;\\n line-height: 1em;\\n border-radius: 30;\\n user-select: none;\\n}\\n:host .prompt-buttons button:focus {outline: 0;}\\n:host .prompt-buttons button:active,\\n:host .prompt-buttons button:hover {outline: 0;background: #EFEFEF;border-color: #EFEFEF;}\\n:host .prompt-buttons button:active {box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.1);}\\n:host .prompt-buttons button i {margin-right: 3px;}\\n:host .prompt-message /deep/.color-sample span { display: block; width: 30px; height: 30px; border-radius: 50%; margin: auto; border:1px solid #888; }\";\nvar PromptModalComponent = (function (_super) {\n __extends(PromptModalComponent, _super);\n function PromptModalComponent(sanitizer) {\n var _this = _super.call(this) || this;\n _this.sanitizer = sanitizer;\n return _this;\n }\n PromptModalComponent.prototype.formatNgClass = function (btn) {\n var classes = {};\n if (btn.classes != null)\n for (var i = 0; i < btn.classes.length; i++)\n classes[btn.classes[i]] = true;\n return classes;\n };\n PromptModalComponent.prototype.click = function (btn) {\n if (btn.click != null)\n btn.click();\n if (btn.close && btn.close == true)\n this.close();\n };\n var _a;\n PromptModalComponent = __decorate([\n Object(__WEBPACK_IMPORTED_MODULE_0__angular_core__[\"Component\"])({\n selector: 'prompt-modal-component',\n template: HTML, styles: [STYLE],\n changeDetection: __WEBPACK_IMPORTED_MODULE_0__angular_core__[\"ChangeDetectionStrategy\"].OnPush\n }),\n __metadata(\"design:paramtypes\", [typeof (_a = typeof __WEBPACK_IMPORTED_MODULE_1__angular_platform_browser__[\"c\" /* DomSanitizer */] !== \"undefined\" && __WEBPACK_IMPORTED_MODULE_1__angular_platform_browser__[\"c\" /* DomSanitizer */]) === \"function\" && _a || Object])\n ], PromptModalComponent);\n return PromptModalComponent;\n}(__WEBPACK_IMPORTED_MODULE_2__abstract_modal_component__[\"a\" /* AbstractModalComponent */]));\n\n\n\n/***/ }),\n\n/***/ 184:\n/***/ (function(module, __webpack_exports__, __webpack_require__) {\n\n\"use strict\";\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"a\", function() { return GdprInfoModalComponent; });\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__angular_core__ = __webpack_require__(0);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__angular_platform_browser__ = __webpack_require__(23);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__abstract_modal_component__ = __webpack_require__(71);\nvar __extends = (this && this.__extends) || (function () {\n var extendStatics = Object.setPrototypeOf ||\n ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||\n function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };\n return function (d, b) {\n extendStatics(d, b);\n function __() { this.constructor = d; }\n d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());\n };\n})();\nvar __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {\n var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;\n if (typeof Reflect === \"object\" && typeof Reflect.decorate === \"function\") r = Reflect.decorate(decorators, target, key, desc);\n 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;\n return c > 3 && r && Object.defineProperty(target, key, r), r;\n};\nvar __metadata = (this && this.__metadata) || function (k, v) {\n if (typeof Reflect === \"object\" && typeof Reflect.metadata === \"function\") return Reflect.metadata(k, v);\n};\n\n\n\nvar HTML = ''\n + '
'\n + '
';\nvar STYLE = \"\\n:host{display: block;margin: auto;font-weight: 200;background: #fff;max-width: 800px;min-width: 200px; max-height:600px;overflow:hidden;}\\n:host .gdpr-info-modal{margin-top:30px;width:100%;max-height:570px;overflow:auto;}\\n:host .prompt-message { padding: 0px 16px 16px 16px; text-align: left; white-space: pre-wrap;}\\n:host .prompt-buttons { padding: 2px 16px 16px 16px; text-align: center; }\\n:host .prompt-buttons button {\\n display: inline-block;\\n text-align: center;\\n vertical-align: middle;\\n touch-action: manipulation;\\n cursor: pointer;\\n //background: #FFFFFF;\\n //border: 1px solid transparent;\\n white-space: nowrap;\\n padding: 4px 10px;\\n margin: 2px 6px;\\n font-size: inherit;\\n line-height: 1em;\\n border-radius: 30;\\n user-select: none;\\n}\";\nvar GdprInfoModalComponent = (function (_super) {\n __extends(GdprInfoModalComponent, _super);\n function GdprInfoModalComponent(sanitizer) {\n var _this = _super.call(this) || this;\n _this.sanitizer = sanitizer;\n return _this;\n }\n GdprInfoModalComponent.prototype.formatNgClass = function (btn) {\n var classes = {};\n if (btn.classes != null)\n for (var i = 0; i < btn.classes.length; i++)\n classes[btn.classes[i]] = true;\n return classes;\n };\n GdprInfoModalComponent.prototype.click = function (btn) {\n if (btn.click != null)\n btn.click();\n if (btn.close && btn.close == true)\n this.close();\n };\n var _a;\n GdprInfoModalComponent = __decorate([\n Object(__WEBPACK_IMPORTED_MODULE_0__angular_core__[\"Component\"])({\n selector: 'prompt-modal-component',\n template: HTML, styles: [STYLE],\n changeDetection: __WEBPACK_IMPORTED_MODULE_0__angular_core__[\"ChangeDetectionStrategy\"].OnPush\n }),\n __metadata(\"design:paramtypes\", [typeof (_a = typeof __WEBPACK_IMPORTED_MODULE_1__angular_platform_browser__[\"c\" /* DomSanitizer */] !== \"undefined\" && __WEBPACK_IMPORTED_MODULE_1__angular_platform_browser__[\"c\" /* DomSanitizer */]) === \"function\" && _a || Object])\n ], GdprInfoModalComponent);\n return GdprInfoModalComponent;\n}(__WEBPACK_IMPORTED_MODULE_2__abstract_modal_component__[\"a\" /* AbstractModalComponent */]));\n\n\n\n/***/ }),\n\n/***/ 185:\n/***/ (function(module, __webpack_exports__, __webpack_require__) {\n\n\"use strict\";\n\n// EXTERNAL MODULE: ./node_modules/@angular/common/@angular/common.es5.js\nvar common_es5 = __webpack_require__(5);\n\n// EXTERNAL MODULE: ./node_modules/@angular/core/@angular/core.es5.js\nvar core_es5 = __webpack_require__(0);\n\n// EXTERNAL MODULE: ./node_modules/@angular/router/@angular/router.es5.js\nvar router_es5 = __webpack_require__(2);\n\n// EXTERNAL MODULE: ./node_modules/angular-l10n/modules/angular-l10n.es5.js\nvar angular_l10n_es5 = __webpack_require__(3);\n\n// EXTERNAL MODULE: ./src/module/modal/modal.service.ts\nvar modal_service = __webpack_require__(29);\n\n// CONCATENATED MODULE: ./src/module/sidebar/item/sidebar.item.component.ts\nvar __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {\n var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;\n if (typeof Reflect === \"object\" && typeof Reflect.decorate === \"function\") r = Reflect.decorate(decorators, target, key, desc);\n 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;\n return c > 3 && r && Object.defineProperty(target, key, r), r;\n};\nvar __metadata = (this && this.__metadata) || function (k, v) {\n if (typeof Reflect === \"object\" && typeof Reflect.metadata === \"function\") return Reflect.metadata(k, v);\n};\n\n\n\nvar sidebar_item_component_SidebarItemComponent = (function () {\n function SidebarItemComponent(element, router, modal, cdr) {\n this.element = element;\n this.router = router;\n this.modal = modal;\n this.cdr = cdr;\n this.onCollapse = new core_es5[\"EventEmitter\"]();\n }\n SidebarItemComponent.prototype.ngOnInit = function () {\n var _this = this;\n this.routerSubscription = this.router.events.subscribe(function () { return _this.checkRouteTree(); });\n };\n SidebarItemComponent.prototype.ngOnDestroy = function () {\n if (this.routerSubscription)\n this.routerSubscription.unsubscribe();\n };\n SidebarItemComponent.prototype.ngOnChanges = function (changes) {\n if (changes.hasOwnProperty('model')) {\n this.isParent = this.checkIfIsParent(this.model);\n if (this.isParent) {\n this.element.nativeElement.classList.add('has-sub');\n this.checkRouteTree();\n }\n if (this.model.route != null) {\n this.routeTree = this.router.createUrlTree(this.model.route);\n this.checkRouteTree();\n }\n }\n };\n SidebarItemComponent.prototype.formatRoute = function () {\n if (this.model != null && this.model.route == null)\n return null;\n return ['..'].concat(this.model.route);\n };\n SidebarItemComponent.prototype.getCssClass = function () {\n if (this.model && this.model.isHiddenWhenNotActive) {\n return 'hidden-when-not-active';\n }\n if (this.model && this.model.isAvailableInDifferentPlan) {\n return 'available-in-different-plan';\n }\n return '';\n };\n SidebarItemComponent.prototype.isSubMenuActive = function () {\n if (!this.isParent || !this.model) {\n return false;\n }\n if (this.model.isHiddenWhenNotActive && !this.model.active) {\n return false;\n }\n if (this.model.collapsed) {\n return false;\n }\n var hasVisibleChild = false;\n for (var _i = 0, _a = this.model.data; _i < _a.length; _i++) {\n var item = _a[_i];\n if (!item.isHiddenWhenNotActive || this.isCurrentUrlMatchingWithSegmentPatterns(item.route)) {\n hasVisibleChild = true;\n }\n }\n return hasVisibleChild;\n };\n SidebarItemComponent.prototype.showInfoAboutAvaliabilityInOtherPlan = function () {\n var _this = this;\n var w = window;\n if (w.gtag) {\n w.gtag('event', 'stats_not_available_click', {});\n }\n this.modal.prompt('Sorry but these statistics are not available in the free plan. Please subscribe to a paid plan or contact us for a demo.', [\n {\n label: 'Show plans', fa: 'shopping-cart', classes: ['test-css-class'],\n close: true,\n click: function () {\n var w = window;\n if (w.gtag) {\n w.gtag('event', 'stats_not_available_show_plans', {});\n }\n _this.router.navigate(['admin', 'products']);\n }\n },\n {\n label: 'Contact with us', fa: 'envelope', classes: ['test-css-class'],\n close: true,\n click: function () {\n var w = window;\n if (w.gtag) {\n w.gtag('event', 'stats_not_available_contact', {});\n }\n if (w && w.LeadBooster) {\n w.LeadBooster.trigger('open');\n }\n }\n },\n { label: \"Close\", fa: 'close', classes: ['test-css-class'], close: true }\n ]);\n };\n SidebarItemComponent.prototype.checkIfIsParent = function (d) { return d != null && d.data != null; };\n SidebarItemComponent.prototype.checkRouteTree = function () {\n var activate = false;\n if (this.isParent && this.model.data) {\n activate = this.model.route && this.router.isActive(this.router.createUrlTree(this.model.route), false);\n this.model.collapsed = !activate;\n }\n else if (this.routeTree != null) {\n activate = this.isCurrentUrlMatchingWithSegmentPatterns(this.model.route);\n }\n if (this.model.active != activate) {\n this.model.active = activate;\n this.cdr.markForCheck();\n }\n };\n SidebarItemComponent.prototype.isCurrentUrlMatchingWithSegmentPatterns = function (route) {\n var segments = this.router.parseUrl(this.router.url).root.children[router_es5[\"f\" /* PRIMARY_OUTLET */]].segments;\n if (route.length != segments.length) {\n return false;\n }\n for (var i = 0; i < route.length; i++) {\n var routeSeg = route[i];\n var urlSeg = segments[i].path;\n if (typeof routeSeg === 'string' && routeSeg.charAt(0) === ':') {\n continue;\n }\n if (routeSeg !== urlSeg) {\n return false;\n }\n }\n return true;\n };\n var _a, _b, _c, _d;\n SidebarItemComponent = __decorate([\n Object(core_es5[\"Component\"])({\n selector: '[sidebar-menu-item]',\n host: {\n '[class.active]': 'model?.active',\n '[class.collapse-open]': 'model?.collapsed==false',\n '[class.nohovericon]': 'model?.noHoverIcon',\n '[class.checked]': 'model?.checked',\n '[class.disabled]': 'model?.disabled'\n },\n template: __webpack_require__(1435),\n styles: [__webpack_require__(1436)],\n inputs: ['model'],\n outputs: ['onCollapse'],\n changeDetection: core_es5[\"ChangeDetectionStrategy\"].Default\n }),\n __metadata(\"design:paramtypes\", [typeof (_a = typeof core_es5[\"ElementRef\"] !== \"undefined\" && core_es5[\"ElementRef\"]) === \"function\" && _a || Object, typeof (_b = typeof router_es5[\"g\" /* Router */] !== \"undefined\" && router_es5[\"g\" /* Router */]) === \"function\" && _b || Object, typeof (_c = typeof modal_service[\"a\" /* ModalService */] !== \"undefined\" && modal_service[\"a\" /* ModalService */]) === \"function\" && _c || Object, typeof (_d = typeof core_es5[\"ChangeDetectorRef\"] !== \"undefined\" && core_es5[\"ChangeDetectorRef\"]) === \"function\" && _d || Object])\n ], SidebarItemComponent);\n return SidebarItemComponent;\n}());\n\n\n// EXTERNAL MODULE: ./src/service/url.service.ts\nvar url_service = __webpack_require__(18);\n\n// EXTERNAL MODULE: ./src/service/view.service.ts\nvar view_service = __webpack_require__(15);\n\n// EXTERNAL MODULE: ./src/service/sidebar.service.ts\nvar sidebar_service = __webpack_require__(36);\n\n// CONCATENATED MODULE: ./src/module/sidebar/sidebar.component.ts\nvar __extends = (this && this.__extends) || (function () {\n var extendStatics = Object.setPrototypeOf ||\n ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||\n function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };\n return function (d, b) {\n extendStatics(d, b);\n function __() { this.constructor = d; }\n d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());\n };\n})();\nvar sidebar_component___decorate = (this && this.__decorate) || function (decorators, target, key, desc) {\n var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;\n if (typeof Reflect === \"object\" && typeof Reflect.decorate === \"function\") r = Reflect.decorate(decorators, target, key, desc);\n 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;\n return c > 3 && r && Object.defineProperty(target, key, r), r;\n};\nvar sidebar_component___metadata = (this && this.__metadata) || function (k, v) {\n if (typeof Reflect === \"object\" && typeof Reflect.metadata === \"function\") return Reflect.metadata(k, v);\n};\n\n\n\n\n\nvar sidebar_component_SidebarComponent = (function (_super) {\n __extends(SidebarComponent, _super);\n function SidebarComponent(locale, translation, cdr, service, url, view) {\n var _this = _super.call(this, locale, translation) || this;\n _this.locale = locale;\n _this.translation = translation;\n _this.cdr = cdr;\n _this.service = service;\n _this.url = url;\n _this.view = view;\n _this.isAppInIframe = false;\n _this.footMenu = [{\n name: _this.translation.translate('MENU.MAIN.HELP.NAME'),\n icon: 'fa-question',\n openIcon: 'fa-question-circle',\n data: [\n {\n name: _this.translation.translate('MENU.MAIN.HELP.DOCS'),\n externalUrl: _this.url.documentationPage\n },\n {\n name: _this.translation.translate('MENU.MAIN.HELP.TUTORIAL'),\n externalUrl: _this.url.tutorialPage\n },\n {\n name: _this.translation.translate('MENU.MAIN.HELP.PLAYERS_PLUGINS_DOCS'),\n externalUrl: _this.url.playersPluginsDocumentationPage\n }\n ]\n }, {\n name: _this.translation.translate('MENU.MAIN.TERMS_AND_CONDITIONS'),\n icon: 'fa-balance-scale',\n externalUrl: _this.url.termsPage\n }];\n _this.service.openStream$.subscribe(function (data) { return _this.show(data); });\n _this.service.updateStream$.subscribe(function () { return _this.cdr.markForCheck(); });\n _this.service.closeStream$.subscribe(function () { return _this.close(); });\n _this.isAppInIframe = _this.view.checkIfAppInIframe();\n return _this;\n }\n SidebarComponent.prototype.show = function (data) {\n if (this.active != true || this.name != data.name || this.renderAt != data.renderAt) {\n this.active = true;\n this.name = data.name;\n this.model = data.items;\n this.renderAt = data.renderAt;\n this.cdr.markForCheck();\n }\n };\n SidebarComponent.prototype.close = function () {\n if (this.active != false) {\n this.active = false;\n this.name = null;\n this.model = null;\n this.cdr.markForCheck();\n }\n };\n SidebarComponent.prototype.onCollapse = function (i) {\n if (this.model)\n this.model.forEach(function (si) { return si.collapsed = (si.name !== i.name); });\n if (this.footMenu)\n this.footMenu.forEach(function (si) {\n if (si.name === i.name)\n si.collapsed = !si.collapsed;\n else\n si.collapsed = true;\n });\n };\n var _a, _b, _c, _d, _e, _f;\n SidebarComponent = sidebar_component___decorate([\n Object(core_es5[\"Component\"])({\n selector: 'sidebar', host: { 'class': 'sidebar', '[class.active]': 'active', '[class.with-header]': '!isAppInIframe' },\n template: __webpack_require__(1437),\n styles: [__webpack_require__(1438)],\n changeDetection: core_es5[\"ChangeDetectionStrategy\"].OnPush\n }),\n sidebar_component___metadata(\"design:paramtypes\", [typeof (_a = typeof angular_l10n_es5[\"a\" /* LocaleService */] !== \"undefined\" && angular_l10n_es5[\"a\" /* LocaleService */]) === \"function\" && _a || Object, typeof (_b = typeof angular_l10n_es5[\"d\" /* TranslationService */] !== \"undefined\" && angular_l10n_es5[\"d\" /* TranslationService */]) === \"function\" && _b || Object, typeof (_c = typeof core_es5[\"ChangeDetectorRef\"] !== \"undefined\" && core_es5[\"ChangeDetectorRef\"]) === \"function\" && _c || Object, typeof (_d = typeof sidebar_service[\"a\" /* SidebarService */] !== \"undefined\" && sidebar_service[\"a\" /* SidebarService */]) === \"function\" && _d || Object, typeof (_e = typeof url_service[\"a\" /* UrlService */] !== \"undefined\" && url_service[\"a\" /* UrlService */]) === \"function\" && _e || Object, typeof (_f = typeof view_service[\"a\" /* ViewService */] !== \"undefined\" && view_service[\"a\" /* ViewService */]) === \"function\" && _f || Object])\n ], SidebarComponent);\n return SidebarComponent;\n}(angular_l10n_es5[\"b\" /* Localization */]));\n\n\n// CONCATENATED MODULE: ./src/module/sidebar/sidebar.module.ts\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"a\", function() { return sidebar_module_SidebarModule; });\nvar sidebar_module___decorate = (this && this.__decorate) || function (decorators, target, key, desc) {\n var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;\n if (typeof Reflect === \"object\" && typeof Reflect.decorate === \"function\") r = Reflect.decorate(decorators, target, key, desc);\n 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;\n return c > 3 && r && Object.defineProperty(target, key, r), r;\n};\n\n\n\n\n\n\nvar sidebar_module_SidebarModule = (function () {\n function SidebarModule() {\n }\n SidebarModule = sidebar_module___decorate([\n Object(core_es5[\"NgModule\"])({\n imports: [router_es5[\"h\" /* RouterModule */], common_es5[\"CommonModule\"], angular_l10n_es5[\"c\" /* LocalizationModule */]],\n declarations: [sidebar_component_SidebarComponent, sidebar_item_component_SidebarItemComponent],\n exports: [sidebar_component_SidebarComponent]\n })\n ], SidebarModule);\n return SidebarModule;\n}());\n\n\n\n/***/ }),\n\n/***/ 186:\n/***/ (function(module, __webpack_exports__, __webpack_require__) {\n\n\"use strict\";\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"a\", function() { return HeaderService; });\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__angular_core__ = __webpack_require__(0);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1_rxjs_Subject__ = __webpack_require__(11);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1_rxjs_Subject___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_1_rxjs_Subject__);\nvar __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {\n var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;\n if (typeof Reflect === \"object\" && typeof Reflect.decorate === \"function\") r = Reflect.decorate(decorators, target, key, desc);\n 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;\n return c > 3 && r && Object.defineProperty(target, key, r), r;\n};\nvar __metadata = (this && this.__metadata) || function (k, v) {\n if (typeof Reflect === \"object\" && typeof Reflect.metadata === \"function\") return Reflect.metadata(k, v);\n};\n\n\nvar HeaderService = (function () {\n function HeaderService() {\n this.menuSubject = new __WEBPACK_IMPORTED_MODULE_1_rxjs_Subject__[\"Subject\"]();\n this.menuStream$ = this.menuSubject.asObservable();\n }\n HeaderService.prototype.menu = function (data) {\n this.lastMenuData = data;\n this.menuSubject.next(data);\n };\n HeaderService = __decorate([\n Object(__WEBPACK_IMPORTED_MODULE_0__angular_core__[\"Injectable\"])(),\n __metadata(\"design:paramtypes\", [])\n ], HeaderService);\n return HeaderService;\n}());\n\n\n\n/***/ }),\n\n/***/ 187:\n/***/ (function(module, exports, __webpack_require__) {\n\n\"use strict\";\n\nObject.defineProperty(exports, \"__esModule\", { value: true });\nvar codemirror_module_1 = __webpack_require__(1466);\nexports.CodemirrorModule = codemirror_module_1.CodemirrorModule;\nvar codemirror_component_1 = __webpack_require__(350);\nexports.CodemirrorComponent = codemirror_component_1.CodemirrorComponent;\n//# sourceMappingURL=index.js.map\n\n/***/ }),\n\n/***/ 188:\n/***/ (function(module, __webpack_exports__, __webpack_require__) {\n\n\"use strict\";\n/* harmony export (immutable) */ __webpack_exports__[\"b\"] = initBuyCookieService;\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"a\", function() { return BuyCookieService; });\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__angular_router__ = __webpack_require__(2);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__angular_core__ = __webpack_require__(0);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__cookie_service__ = __webpack_require__(178);\nvar __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {\n var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;\n if (typeof Reflect === \"object\" && typeof Reflect.decorate === \"function\") r = Reflect.decorate(decorators, target, key, desc);\n 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;\n return c > 3 && r && Object.defineProperty(target, key, r), r;\n};\nvar __metadata = (this && this.__metadata) || function (k, v) {\n if (typeof Reflect === \"object\" && typeof Reflect.metadata === \"function\") return Reflect.metadata(k, v);\n};\n\n\n\nfunction initBuyCookieService(cookie) {\n return function () { return cookie.init(); };\n}\nvar BuyCookieService = (function () {\n function BuyCookieService(injector) {\n this.injector = injector;\n this.url = '/admin/products';\n this.name = 'bradmax-chosen-plan';\n this.wasRedirected = false;\n }\n BuyCookieService.prototype.init = function () {\n var _this = this;\n this.routerSub = this.injector.get(__WEBPACK_IMPORTED_MODULE_0__angular_router__[\"g\" /* Router */]).events.subscribe(function (e) { return _this.routerInterceptor(e); });\n };\n BuyCookieService.prototype.read = function () {\n if (this.value == null) {\n var i = null;\n var c = this.injector.get(__WEBPACK_IMPORTED_MODULE_2__cookie_service__[\"a\" /* CookieService */]).read(this.name);\n if (c != null)\n i = parseInt(c);\n if (i != null && !isNaN(i))\n this.value = parseInt(c);\n }\n return this.value;\n };\n BuyCookieService.prototype.erase = function () {\n if (this.value != null) {\n this.injector.get(__WEBPACK_IMPORTED_MODULE_2__cookie_service__[\"a\" /* CookieService */]).erase(this.name);\n this.value = null;\n }\n };\n BuyCookieService.prototype.routerInterceptor = function (event) {\n if (event instanceof __WEBPACK_IMPORTED_MODULE_0__angular_router__[\"e\" /* NavigationStart */] && this.wasRedirected == false && this.read() != null) {\n this.wasRedirected = true;\n this.injector.get(__WEBPACK_IMPORTED_MODULE_0__angular_router__[\"g\" /* Router */]).navigate([this.url]);\n return;\n }\n };\n Object.defineProperty(BuyCookieService.prototype, \"routerSub\", {\n set: function (s) {\n if (this.routerSubscription != null)\n this.routerSubscription.unsubscribe();\n this.routerSubscription = s;\n },\n enumerable: true,\n configurable: true\n });\n var _a;\n BuyCookieService = __decorate([\n Object(__WEBPACK_IMPORTED_MODULE_1__angular_core__[\"Injectable\"])(),\n __metadata(\"design:paramtypes\", [typeof (_a = typeof __WEBPACK_IMPORTED_MODULE_1__angular_core__[\"Injector\"] !== \"undefined\" && __WEBPACK_IMPORTED_MODULE_1__angular_core__[\"Injector\"]) === \"function\" && _a || Object])\n ], BuyCookieService);\n return BuyCookieService;\n}());\n\n\n\n/***/ }),\n\n/***/ 189:\n/***/ (function(module, __webpack_exports__, __webpack_require__) {\n\n\"use strict\";\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"a\", function() { return AppConfig; });\n/* unused harmony export AppConfigTestData */\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"b\", function() { return AppConfigData; });\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__angular_core__ = __webpack_require__(0);\n\nvar AppConfig = new __WEBPACK_IMPORTED_MODULE_0__angular_core__[\"InjectionToken\"]('APP_CONFIG');\nvar AppConfigTestData = {\n googleAnalyticsId: 'UA-xxxxxxxx-x',\n livechatLicenseNumber: 1234567,\n languages: [''],\n default: {\n language: '',\n country: ''\n },\n providers: []\n};\nvar AppConfigData = {\n languages: ['en'],\n default: {\n language: 'en',\n country: 'EN'\n },\n providers: [\n 'i18n/login/',\n 'i18n/account/',\n 'i18n/account/subscriptions/',\n 'i18n/account/details/',\n 'i18n/account/invoices/',\n 'i18n/account/payments/',\n 'i18n/analytics/albums/',\n 'i18n/analytics/audience/',\n 'i18n/analytics/content/',\n 'i18n/analytics/dashboard/',\n 'i18n/analytics/geo/',\n 'i18n/analytics/realtime/',\n 'i18n/analytics/info/',\n 'i18n/analytics/technology/',\n 'i18n/analytics/QOS/',\n 'i18n/analytics/heartbeat/',\n 'i18n/analytics/top-content/',\n 'i18n/analytics/st-raport/',\n 'i18n/analytics/sampled-traffic/',\n 'i18n/analytics/tag-service/',\n 'i18n/content/',\n 'i18n/components/',\n 'i18n/player/',\n 'i18n/products/',\n 'i18n/subscription/',\n 'i18n/products/plan-carrousel/',\n 'i18n/password-change/'\n ]\n};\n\n\n/***/ }),\n\n/***/ 28:\n/***/ (function(module, __webpack_exports__, __webpack_require__) {\n\n\"use strict\";\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"a\", function() { return AuthService; });\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__angular_core__ = __webpack_require__(0);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__cookie_service__ = __webpack_require__(178);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__localstorage_service__ = __webpack_require__(344);\nvar __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {\n var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;\n if (typeof Reflect === \"object\" && typeof Reflect.decorate === \"function\") r = Reflect.decorate(decorators, target, key, desc);\n 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;\n return c > 3 && r && Object.defineProperty(target, key, r), r;\n};\nvar __metadata = (this && this.__metadata) || function (k, v) {\n if (typeof Reflect === \"object\" && typeof Reflect.metadata === \"function\") return Reflect.metadata(k, v);\n};\n\n\n\nvar AuthService = (function () {\n function AuthService(localStorage, cookie) {\n this.localStorage = localStorage;\n this.cookie = cookie;\n this.isLoggedIn = false;\n this.LOCAL_STORAGE_TOKEN_KEY_OLD = 'token';\n this.LOCAL_STORAGE_TOKEN_KEY = 'btoken';\n }\n Object.defineProperty(AuthService.prototype, \"defaultUrl\", {\n get: function () {\n return this.defaultUrlCache || 'analytics/dashboard';\n },\n set: function (value) {\n this.defaultUrlCache = this.sanitizeUrl(value);\n },\n enumerable: true,\n configurable: true\n });\n Object.defineProperty(AuthService.prototype, \"redirectUrl\", {\n get: function () {\n return this.redirectUrlCache;\n },\n set: function (value) {\n this.redirectUrlCache = this.sanitizeUrl(value);\n },\n enumerable: true,\n configurable: true\n });\n Object.defineProperty(AuthService.prototype, \"logged\", {\n get: function () {\n this.isLoggedIn = (this.token != null);\n return this.isLoggedIn;\n },\n enumerable: true,\n configurable: true\n });\n Object.defineProperty(AuthService.prototype, \"token\", {\n get: function () {\n var result = this.localStorage.read(this.LOCAL_STORAGE_TOKEN_KEY);\n if (!result) {\n result = this.cookie.read(this.LOCAL_STORAGE_TOKEN_KEY_OLD);\n }\n result = result ? result : null;\n return result;\n },\n set: function (v) {\n this.user = null;\n this.password = null;\n this.localStorage.write(this.LOCAL_STORAGE_TOKEN_KEY, v);\n },\n enumerable: true,\n configurable: true\n });\n AuthService.prototype.clear = function () {\n this.user = null;\n this.password = null;\n this.localStorage.erase(this.LOCAL_STORAGE_TOKEN_KEY);\n this.cookie.erase(this.LOCAL_STORAGE_TOKEN_KEY_OLD);\n };\n AuthService.prototype.sanitizeUrl = function (url) {\n if (url && url.length > 0 && url.indexOf('/') == 0)\n url = url.substring(1);\n return url;\n };\n var _a, _b;\n AuthService = __decorate([\n Object(__WEBPACK_IMPORTED_MODULE_0__angular_core__[\"Injectable\"])(),\n __metadata(\"design:paramtypes\", [typeof (_a = typeof __WEBPACK_IMPORTED_MODULE_2__localstorage_service__[\"a\" /* LocalStorageService */] !== \"undefined\" && __WEBPACK_IMPORTED_MODULE_2__localstorage_service__[\"a\" /* LocalStorageService */]) === \"function\" && _a || Object, typeof (_b = typeof __WEBPACK_IMPORTED_MODULE_1__cookie_service__[\"a\" /* CookieService */] !== \"undefined\" && __WEBPACK_IMPORTED_MODULE_1__cookie_service__[\"a\" /* CookieService */]) === \"function\" && _b || Object])\n ], AuthService);\n return AuthService;\n}());\n\n\n\n/***/ }),\n\n/***/ 29:\n/***/ (function(module, __webpack_exports__, __webpack_require__) {\n\n\"use strict\";\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"a\", function() { return ModalService; });\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__angular_core__ = __webpack_require__(0);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1_rxjs_Subject__ = __webpack_require__(11);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1_rxjs_Subject___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_1_rxjs_Subject__);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__alert_modal_component__ = __webpack_require__(179);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__input_modal_component__ = __webpack_require__(180);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_4__modal_model__ = __webpack_require__(181);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_5__password_change_modal_component__ = __webpack_require__(182);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_6__prompt_modal_component__ = __webpack_require__(183);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_7__gdpr_info_modal_component__ = __webpack_require__(184);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_8__terms_modal_component__ = __webpack_require__(345);\nvar __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {\n var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;\n if (typeof Reflect === \"object\" && typeof Reflect.decorate === \"function\") r = Reflect.decorate(decorators, target, key, desc);\n 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;\n return c > 3 && r && Object.defineProperty(target, key, r), r;\n};\nvar __metadata = (this && this.__metadata) || function (k, v) {\n if (typeof Reflect === \"object\" && typeof Reflect.metadata === \"function\") return Reflect.metadata(k, v);\n};\n\n\n\n\n\n\n\n\n\nvar ModalService = (function () {\n function ModalService() {\n this.closedSource = new __WEBPACK_IMPORTED_MODULE_1_rxjs_Subject__[\"Subject\"]();\n this.createSource = new __WEBPACK_IMPORTED_MODULE_1_rxjs_Subject__[\"Subject\"]();\n this.closeSource = new __WEBPACK_IMPORTED_MODULE_1_rxjs_Subject__[\"Subject\"]();\n this.createStream$ = this.createSource.asObservable();\n this.closeStream$ = this.closeSource.asObservable();\n this.closedStream$ = this.closedSource.asObservable();\n }\n ModalService.prototype.alert = function (html) {\n this.createSource.next({\n type: __WEBPACK_IMPORTED_MODULE_4__modal_model__[\"a\" /* ModalType */].alert,\n closeOnBackdropClick: true,\n component: __WEBPACK_IMPORTED_MODULE_2__alert_modal_component__[\"a\" /* AlertModalComponent */],\n html: html\n });\n };\n ModalService.prototype.prompt = function (html, buttons) {\n this.createSource.next({\n type: __WEBPACK_IMPORTED_MODULE_4__modal_model__[\"a\" /* ModalType */].prompt,\n closeOnBackdropClick: true,\n component: __WEBPACK_IMPORTED_MODULE_6__prompt_modal_component__[\"a\" /* PromptModalComponent */],\n html: html,\n buttons: buttons\n });\n };\n ModalService.prototype.terms = function (title, html, buttons) {\n this.createSource.next({\n type: __WEBPACK_IMPORTED_MODULE_4__modal_model__[\"a\" /* ModalType */].prompt,\n closeOnBackdropClick: true,\n component: __WEBPACK_IMPORTED_MODULE_8__terms_modal_component__[\"a\" /* TermsModalComponent */],\n title: title,\n html: html,\n buttons: buttons\n });\n };\n ModalService.prototype.gdprInfo = function (html) {\n this.createSource.next({\n type: __WEBPACK_IMPORTED_MODULE_4__modal_model__[\"a\" /* ModalType */].prompt,\n closeOnBackdropClick: true,\n component: __WEBPACK_IMPORTED_MODULE_7__gdpr_info_modal_component__[\"a\" /* GdprInfoModalComponent */],\n html: html\n });\n };\n ModalService.prototype.input = function (header, label, buttons, inputDefaultValue) {\n if (inputDefaultValue === void 0) { inputDefaultValue = null; }\n this.createSource.next({\n type: __WEBPACK_IMPORTED_MODULE_4__modal_model__[\"a\" /* ModalType */].input,\n closeOnBackdropClick: true,\n component: __WEBPACK_IMPORTED_MODULE_3__input_modal_component__[\"a\" /* InputModalComponent */],\n html: header,\n inputLabel: label,\n inputDefaultValue: inputDefaultValue,\n buttons: buttons\n });\n };\n ModalService.prototype.create = function (model) {\n model.type = __WEBPACK_IMPORTED_MODULE_4__modal_model__[\"a\" /* ModalType */].modal;\n this.createSource.next(model);\n };\n ModalService.prototype.close = function () {\n this.closeSource.next(null);\n };\n ModalService.prototype.passwordChange = function () {\n this.createSource.next({\n type: __WEBPACK_IMPORTED_MODULE_4__modal_model__[\"a\" /* ModalType */].passwordChange,\n closeOnBackdropClick: true,\n component: __WEBPACK_IMPORTED_MODULE_5__password_change_modal_component__[\"a\" /* PasswordChangeModalComponent */],\n buttons: [],\n inputData: null\n });\n };\n ModalService = __decorate([\n Object(__WEBPACK_IMPORTED_MODULE_0__angular_core__[\"Injectable\"])(),\n __metadata(\"design:paramtypes\", [])\n ], ModalService);\n return ModalService;\n}());\n\n\n\n/***/ }),\n\n/***/ 3:\n/***/ (function(module, __webpack_exports__, __webpack_require__) {\n\n\"use strict\";\n/* unused harmony export InjectorRef */\n/* unused harmony export LocaleConfig */\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"a\", function() { return LocaleService; });\n/* unused harmony export LocaleStorage */\n/* unused harmony export BrowserStorage */\n/* unused harmony export TranslationConfig */\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"d\", function() { return TranslationService; });\n/* unused harmony export TranslationProvider */\n/* unused harmony export HttpTranslationProvider */\n/* unused harmony export TranslationHandler */\n/* unused harmony export DefaultTranslationHandler */\n/* unused harmony export Translation */\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"b\", function() { return Localization; });\n/* unused harmony export NumberCode */\n/* unused harmony export DecimalCode */\n/* unused harmony export LocaleValidation */\n/* unused harmony export Collator */\n/* unused harmony export IntlAPI */\n/* unused harmony export Language */\n/* unused harmony export DefaultLocale */\n/* unused harmony export Currency */\n/* unused harmony export TranslatePipe */\n/* unused harmony export LocaleDatePipe */\n/* unused harmony export LocaleDecimalPipe */\n/* unused harmony export LocalePercentPipe */\n/* unused harmony export LocaleCurrencyPipe */\n/* unused harmony export BaseDirective */\n/* unused harmony export TranslateDirective */\n/* unused harmony export LocaleDateDirective */\n/* unused harmony export LocaleDecimalDirective */\n/* unused harmony export LocalePercentDirective */\n/* unused harmony export LocaleCurrencyDirective */\n/* unused harmony export LocaleNumberValidatorDirective */\n/* unused harmony export validateLocaleNumber */\n/* unused harmony export TranslationModule */\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"c\", function() { return LocalizationModule; });\n/* unused harmony export LocaleValidationModule */\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__angular_core__ = __webpack_require__(0);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1_rxjs_Subject__ = __webpack_require__(11);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1_rxjs_Subject___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_1_rxjs_Subject__);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2_rxjs_Observable__ = __webpack_require__(1);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2_rxjs_Observable___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_2_rxjs_Observable__);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3_rxjs_add_operator_toPromise__ = __webpack_require__(323);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3_rxjs_add_operator_toPromise___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_3_rxjs_add_operator_toPromise__);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_4_rxjs_add_observable_merge__ = __webpack_require__(249);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_4_rxjs_add_observable_merge___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_4_rxjs_add_observable_merge__);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_5__angular_http__ = __webpack_require__(8);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_6_rxjs_add_operator_map__ = __webpack_require__(174);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_6_rxjs_add_operator_map___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_6_rxjs_add_operator_map__);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_7__angular_common__ = __webpack_require__(5);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_8__angular_forms__ = __webpack_require__(9);\nvar __extends = (this && this.__extends) || (function () {\r\n var extendStatics = Object.setPrototypeOf ||\r\n ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||\r\n function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };\r\n return function (d, b) {\r\n extendStatics(d, b);\r\n function __() { this.constructor = d; }\r\n d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());\r\n };\r\n})();\r\nvar __generator = (this && this.__generator) || function (thisArg, body) {\r\n var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;\r\n return g = { next: verb(0), \"throw\": verb(1), \"return\": verb(2) }, typeof Symbol === \"function\" && (g[Symbol.iterator] = function() { return this; }), g;\r\n function verb(n) { return function (v) { return step([n, v]); }; }\r\n function step(op) {\r\n if (f) throw new TypeError(\"Generator is already executing.\");\r\n while (_) try {\r\n if (f = 1, y && (t = y[op[0] & 2 ? \"return\" : op[0] ? \"throw\" : \"next\"]) && !(t = t.call(y, op[1])).done) return t;\r\n if (y = 0, t) op = [0, t.value];\r\n switch (op[0]) {\r\n case 0: case 1: t = op; break;\r\n case 4: _.label++; return { value: op[1], done: false };\r\n case 5: _.label++; y = op[1]; op = [0]; continue;\r\n case 7: op = _.ops.pop(); _.trys.pop(); continue;\r\n default:\r\n if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }\r\n if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }\r\n if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }\r\n if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }\r\n if (t[2]) _.ops.pop();\r\n _.trys.pop(); continue;\r\n }\r\n op = body.call(thisArg, _);\r\n } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }\r\n if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };\r\n }\r\n};\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n/**\r\n * Allows to get the dependencies at the module level or component.\r\n */\r\nvar InjectorRef = (function () {\r\n /**\r\n * @param {?} injector\r\n */\r\n function InjectorRef(injector) {\r\n this.injector = injector;\r\n InjectorRef.injector = this.injector;\r\n }\r\n /**\r\n * @template T\r\n * @param {?} token\r\n * @return {?}\r\n */\r\n InjectorRef.get = function (token) {\r\n return this.injector.get(token);\r\n };\r\n return InjectorRef;\r\n}());\r\nInjectorRef.decorators = [\r\n { type: __WEBPACK_IMPORTED_MODULE_0__angular_core__[\"Injectable\"] },\r\n];\r\n/**\r\n * @nocollapse\r\n */\r\nInjectorRef.ctorParameters = function () { return [\r\n { type: __WEBPACK_IMPORTED_MODULE_0__angular_core__[\"Injector\"], },\r\n]; };\r\nvar LocaleConfig = (function () {\r\n function LocaleConfig() {\r\n this.languageCodes = [];\r\n this.storageIsDisabled = false;\r\n this.localStorage = false;\r\n this.sessionStorage = false;\r\n }\r\n return LocaleConfig;\r\n}());\r\nLocaleConfig.decorators = [\r\n { type: __WEBPACK_IMPORTED_MODULE_0__angular_core__[\"Injectable\"] },\r\n];\r\n/**\r\n * @nocollapse\r\n */\r\nLocaleConfig.ctorParameters = function () { return []; };\r\nvar LocaleConfigAPI = (function () {\r\n /**\r\n * @param {?} configuration\r\n */\r\n function LocaleConfigAPI(configuration) {\r\n this.configuration = configuration;\r\n }\r\n /**\r\n * @param {?} languageCode\r\n * @param {?=} textDirection\r\n * @return {?}\r\n */\r\n LocaleConfigAPI.prototype.addLanguage = function (languageCode, textDirection) {\r\n if (textDirection === void 0) { textDirection = \"LTR\"; }\r\n this.configuration.languageCodes.push({ code: languageCode, direction: textDirection });\r\n return this;\r\n };\r\n /**\r\n * @param {?} languageCodes\r\n * @return {?}\r\n */\r\n LocaleConfigAPI.prototype.addLanguages = function (languageCodes) {\r\n for (var _i = 0, languageCodes_1 = languageCodes; _i < languageCodes_1.length; _i++) {\r\n var languageCode = languageCodes_1[_i];\r\n this.configuration.languageCodes.push({ code: languageCode, direction: \"ltr\" });\r\n }\r\n return this;\r\n };\r\n /**\r\n * @return {?}\r\n */\r\n LocaleConfigAPI.prototype.disableStorage = function () {\r\n this.configuration.storageIsDisabled = true;\r\n return this;\r\n };\r\n /**\r\n * @param {?=} days\r\n * @return {?}\r\n */\r\n LocaleConfigAPI.prototype.setCookieExpiration = function (days) {\r\n this.configuration.cookiesExpirationDays = days;\r\n return this;\r\n };\r\n /**\r\n * @return {?}\r\n */\r\n LocaleConfigAPI.prototype.useLocalStorage = function () {\r\n this.configuration.localStorage = true;\r\n return this;\r\n };\r\n /**\r\n * @return {?}\r\n */\r\n LocaleConfigAPI.prototype.useSessionStorage = function () {\r\n this.configuration.sessionStorage = true;\r\n return this;\r\n };\r\n /**\r\n * @param {?} languageCode\r\n * @return {?}\r\n */\r\n LocaleConfigAPI.prototype.defineLanguage = function (languageCode) {\r\n this.configuration.languageCode = languageCode;\r\n return this;\r\n };\r\n /**\r\n * @param {?} languageCode\r\n * @param {?} countryCode\r\n * @param {?=} scriptCode\r\n * @param {?=} numberingSystem\r\n * @param {?=} calendar\r\n * @return {?}\r\n */\r\n LocaleConfigAPI.prototype.defineDefaultLocale = function (languageCode, countryCode, scriptCode, numberingSystem, calendar) {\r\n this.configuration.languageCode = languageCode;\r\n this.configuration.countryCode = countryCode;\r\n this.configuration.scriptCode = scriptCode;\r\n this.configuration.numberingSystem = numberingSystem;\r\n this.configuration.calendar = calendar;\r\n return this;\r\n };\r\n /**\r\n * @param {?} currencyCode\r\n * @return {?}\r\n */\r\n LocaleConfigAPI.prototype.defineCurrency = function (currencyCode) {\r\n this.configuration.currencyCode = currencyCode;\r\n return this;\r\n };\r\n return LocaleConfigAPI;\r\n}());\r\nvar __awaiter$1 = (undefined && undefined.__awaiter) || function (thisArg, _arguments, P, generator) {\r\n return new (P || (P = Promise))(function (resolve, reject) {\r\n function fulfilled(value) { try {\r\n step(generator.next(value));\r\n }\r\n catch (e) {\r\n reject(e);\r\n } }\r\n function rejected(value) { try {\r\n step(generator[\"throw\"](value));\r\n }\r\n catch (e) {\r\n reject(e);\r\n } }\r\n function step(result) { result.done ? resolve(result.value) : new P(function (resolve) { resolve(result.value); }).then(fulfilled, rejected); }\r\n step((generator = generator.apply(thisArg, _arguments || [])).next());\r\n });\r\n};\r\n/**\r\n * Implement this class-interface to create a custom storage for default locale & currency.\r\n * @abstract\r\n */\r\nvar LocaleStorage = (function () {\r\n function LocaleStorage() {\r\n }\r\n /**\r\n * This method must contain the logic to read the storage.\r\n \\@param name 'defaultLocale' or 'currency'\r\n \\@return A promise with the value of the given name\r\n * @abstract\r\n * @param {?} name\r\n * @return {?}\r\n */\r\n LocaleStorage.prototype.read = function (name) { };\r\n /**\r\n * This method must contain the logic to write the storage.\r\n \\@param name 'defaultLocale' or 'currency'\r\n \\@param value The value for the given name\r\n * @abstract\r\n * @param {?} name\r\n * @param {?} value\r\n * @return {?}\r\n */\r\n LocaleStorage.prototype.write = function (name, value) { };\r\n return LocaleStorage;\r\n}());\r\nLocaleStorage.decorators = [\r\n { type: __WEBPACK_IMPORTED_MODULE_0__angular_core__[\"Injectable\"] },\r\n];\r\n/**\r\n * @nocollapse\r\n */\r\nLocaleStorage.ctorParameters = function () { return []; };\r\nvar BrowserStorage = (function () {\r\n /**\r\n * @param {?} configuration\r\n */\r\n function BrowserStorage(configuration) {\r\n this.configuration = configuration;\r\n this.hasCookie = typeof navigator !== \"undefined\" && navigator.cookieEnabled;\r\n this.hasStorage = typeof Storage !== \"undefined\";\r\n }\r\n /**\r\n * @param {?} name\r\n * @return {?}\r\n */\r\n BrowserStorage.prototype.read = function (name) {\r\n return __awaiter$1(this, void 0, void 0, function () {\r\n var value;\r\n return __generator(this, function (_a) {\r\n value = null;\r\n if (!this.configuration.storageIsDisabled) {\r\n if (this.configuration.localStorage && this.hasStorage) {\r\n value = this.getLocalStorage(name);\r\n }\r\n else if (this.configuration.sessionStorage && this.hasStorage) {\r\n value = this.getSessionStorage(name);\r\n }\r\n else if (this.hasCookie) {\r\n value = this.getCookie(name);\r\n }\r\n }\r\n return [2 /*return*/, value];\r\n });\r\n });\r\n };\r\n /**\r\n * @param {?} name\r\n * @param {?} value\r\n * @return {?}\r\n */\r\n BrowserStorage.prototype.write = function (name, value) {\r\n return __awaiter$1(this, void 0, void 0, function () {\r\n return __generator(this, function (_a) {\r\n if (!this.configuration.storageIsDisabled) {\r\n if (this.configuration.localStorage && this.hasStorage) {\r\n this.setLocalStorage(name, value);\r\n }\r\n else if (this.configuration.sessionStorage && this.hasStorage) {\r\n this.setSessionStorage(name, value);\r\n }\r\n else if (this.hasCookie) {\r\n this.setCookie(name, value);\r\n }\r\n }\r\n return [2 /*return*/];\r\n });\r\n });\r\n };\r\n /**\r\n * @param {?} name\r\n * @return {?}\r\n */\r\n BrowserStorage.prototype.getLocalStorage = function (name) {\r\n return localStorage.getItem(name);\r\n };\r\n /**\r\n * @param {?} name\r\n * @return {?}\r\n */\r\n BrowserStorage.prototype.getSessionStorage = function (name) {\r\n return sessionStorage.getItem(name);\r\n };\r\n /**\r\n * @param {?} name\r\n * @return {?}\r\n */\r\n BrowserStorage.prototype.getCookie = function (name) {\r\n var /** @type {?} */ result = null;\r\n if (typeof document !== \"undefined\") {\r\n result = new RegExp(\"(?:^|; )\" + encodeURIComponent(name) + \"=([^;]*)\").exec(document.cookie);\r\n }\r\n return result ? result[1] : null;\r\n };\r\n /**\r\n * @param {?} name\r\n * @param {?} value\r\n * @return {?}\r\n */\r\n BrowserStorage.prototype.setLocalStorage = function (name, value) {\r\n localStorage.setItem(name, value);\r\n };\r\n /**\r\n * @param {?} name\r\n * @param {?} value\r\n * @return {?}\r\n */\r\n BrowserStorage.prototype.setSessionStorage = function (name, value) {\r\n sessionStorage.setItem(name, value);\r\n };\r\n /**\r\n * @param {?} name\r\n * @param {?} value\r\n * @return {?}\r\n */\r\n BrowserStorage.prototype.setCookie = function (name, value) {\r\n var /** @type {?} */ expires = \"\";\r\n if (this.configuration.cookiesExpirationDays != null) {\r\n var /** @type {?} */ expirationDate = new Date();\r\n expirationDate.setTime(expirationDate.getTime() +\r\n (this.configuration.cookiesExpirationDays * 24 * 60 * 60 * 1000));\r\n expires = \"; expires=\" + expirationDate.toUTCString();\r\n }\r\n if (typeof document !== \"undefined\") {\r\n document.cookie = name + \"=\" + value + expires + \"; path=/\";\r\n }\r\n };\r\n return BrowserStorage;\r\n}());\r\nBrowserStorage.decorators = [\r\n { type: __WEBPACK_IMPORTED_MODULE_0__angular_core__[\"Injectable\"] },\r\n];\r\n/**\r\n * @nocollapse\r\n */\r\nBrowserStorage.ctorParameters = function () { return [\r\n { type: LocaleConfig, },\r\n]; };\r\nvar DefaultLocale = (function () {\r\n function DefaultLocale() {\r\n }\r\n Object.defineProperty(DefaultLocale.prototype, \"value\", {\r\n /**\r\n * @return {?}\r\n */\r\n get: function () {\r\n return this._value;\r\n },\r\n /**\r\n * @param {?} defaultLocale\r\n * @return {?}\r\n */\r\n set: function (defaultLocale) {\r\n this._value = defaultLocale;\r\n this.parseValue();\r\n },\r\n enumerable: true,\r\n configurable: true\r\n });\r\n /**\r\n * @param {?} languageCode\r\n * @param {?=} countryCode\r\n * @param {?=} scriptCode\r\n * @param {?=} numberingSystem\r\n * @param {?=} calendar\r\n * @return {?}\r\n */\r\n DefaultLocale.prototype.build = function (languageCode, countryCode, scriptCode, numberingSystem, calendar) {\r\n this.languageCode = languageCode;\r\n this.scriptCode = scriptCode;\r\n this.countryCode = countryCode;\r\n this.numberingSystem = numberingSystem;\r\n this.calendar = calendar;\r\n var /** @type {?} */ value = [];\r\n value.push(languageCode);\r\n value.push(!!scriptCode ? \"-\" + scriptCode : \"\");\r\n value.push(!!countryCode ? \"-\" + countryCode : \"\");\r\n // Adds the 'u' (Unicode) extension.\r\n value.push((!!numberingSystem || !!calendar) ? \"-u\" : \"\");\r\n value.push(!!numberingSystem ? \"-nu-\" + numberingSystem : \"\");\r\n value.push(!!calendar ? \"-ca-\" + calendar : \"\");\r\n this._value = value.join(\"\");\r\n };\r\n /**\r\n * @return {?}\r\n */\r\n DefaultLocale.prototype.parseValue = function () {\r\n if (!!this.value) {\r\n var /** @type {?} */ value = this.value;\r\n // Looks for the 'u' (Unicode) extension.\r\n var /** @type {?} */ index = value.search(\"-u\");\r\n if (index != -1) {\r\n var /** @type {?} */ extensions = value.substring(index + 1).split(\"-\");\r\n switch (extensions.length) {\r\n case 3:\r\n if (extensions[1] == \"nu\") {\r\n this.numberingSystem = extensions[2];\r\n }\r\n else if (extensions[1] == \"ca\") {\r\n this.calendar = extensions[2];\r\n }\r\n break;\r\n default:\r\n this.numberingSystem = extensions[2];\r\n this.calendar = extensions[4];\r\n break;\r\n }\r\n // Extracts the codes.\r\n value = value.substring(0, index);\r\n }\r\n var /** @type {?} */ codes = value.split(\"-\");\r\n switch (codes.length) {\r\n case 1:\r\n this.languageCode = codes[0];\r\n break;\r\n case 2:\r\n this.languageCode = codes[0];\r\n this.countryCode = codes[1];\r\n break;\r\n default:\r\n this.languageCode = codes[0];\r\n this.scriptCode = codes[1];\r\n this.countryCode = codes[2];\r\n break;\r\n }\r\n }\r\n };\r\n return DefaultLocale;\r\n}());\r\nvar __awaiter = (undefined && undefined.__awaiter) || function (thisArg, _arguments, P, generator) {\r\n return new (P || (P = Promise))(function (resolve, reject) {\r\n function fulfilled(value) { try {\r\n step(generator.next(value));\r\n }\r\n catch (e) {\r\n reject(e);\r\n } }\r\n function rejected(value) { try {\r\n step(generator[\"throw\"](value));\r\n }\r\n catch (e) {\r\n reject(e);\r\n } }\r\n function step(result) { result.done ? resolve(result.value) : new P(function (resolve) { resolve(result.value); }).then(fulfilled, rejected); }\r\n step((generator = generator.apply(thisArg, _arguments || [])).next());\r\n });\r\n};\r\nvar LocaleService = (function () {\r\n /**\r\n * @param {?} configuration\r\n * @param {?} storage\r\n */\r\n function LocaleService(configuration, storage) {\r\n this.configuration = configuration;\r\n this.storage = storage;\r\n this.languageCodeChanged = new __WEBPACK_IMPORTED_MODULE_0__angular_core__[\"EventEmitter\"](true);\r\n this.defaultLocaleChanged = new __WEBPACK_IMPORTED_MODULE_0__angular_core__[\"EventEmitter\"](true);\r\n this.currencyCodeChanged = new __WEBPACK_IMPORTED_MODULE_0__angular_core__[\"EventEmitter\"](true);\r\n this.loadTranslation = new __WEBPACK_IMPORTED_MODULE_1_rxjs_Subject__[\"Subject\"]();\r\n this.defaultLocale = new DefaultLocale();\r\n }\r\n /**\r\n * @return {?}\r\n */\r\n LocaleService.prototype.addConfiguration = function () {\r\n return new LocaleConfigAPI(this.configuration);\r\n };\r\n /**\r\n * @return {?}\r\n */\r\n LocaleService.prototype.getConfiguration = function () {\r\n return this.configuration;\r\n };\r\n /**\r\n * @return {?}\r\n */\r\n LocaleService.prototype.init = function () {\r\n return __awaiter(this, void 0, void 0, function () {\r\n return __generator(this, function (_a) {\r\n switch (_a.label) {\r\n case 0: return [4 /*yield*/, this.initStorage()];\r\n case 1:\r\n _a.sent();\r\n if (!!this.configuration.languageCode && !!this.configuration.countryCode) {\r\n this.initDefaultLocale();\r\n }\r\n else if (!!this.configuration.languageCode) {\r\n this.initLanguage();\r\n }\r\n if (!!this.configuration.currencyCode) {\r\n this.initCurrency();\r\n }\r\n return [2 /*return*/];\r\n }\r\n });\r\n });\r\n };\r\n /**\r\n * @return {?}\r\n */\r\n LocaleService.prototype.getAvailableLanguages = function () {\r\n return this.configuration.languageCodes.map(function (language) { return language.code; });\r\n };\r\n /**\r\n * @param {?=} languageCode\r\n * @return {?}\r\n */\r\n LocaleService.prototype.getLanguageDirection = function (languageCode) {\r\n if (languageCode === void 0) { languageCode = this.defaultLocale.languageCode; }\r\n var /** @type {?} */ matchedLanguages = this.matchLanguage(languageCode);\r\n return matchedLanguages[0].direction;\r\n };\r\n /**\r\n * @return {?}\r\n */\r\n LocaleService.prototype.getCurrentLanguage = function () {\r\n return this.defaultLocale.languageCode;\r\n };\r\n /**\r\n * @return {?}\r\n */\r\n LocaleService.prototype.getCurrentCountry = function () {\r\n if (!!this.defaultLocale.countryCode) {\r\n return this.defaultLocale.countryCode;\r\n }\r\n return \"\";\r\n };\r\n /**\r\n * @return {?}\r\n */\r\n LocaleService.prototype.getCurrentScript = function () {\r\n if (!!this.defaultLocale.scriptCode) {\r\n return this.defaultLocale.scriptCode;\r\n }\r\n return \"\";\r\n };\r\n /**\r\n * @return {?}\r\n */\r\n LocaleService.prototype.getCurrentLocale = function () {\r\n var /** @type {?} */ locale = !!this.defaultLocale.countryCode\r\n ? this.defaultLocale.languageCode + \"-\" + this.defaultLocale.countryCode\r\n : this.defaultLocale.languageCode;\r\n return locale;\r\n };\r\n /**\r\n * @return {?}\r\n */\r\n LocaleService.prototype.getCurrentNumberingSystem = function () {\r\n if (!!this.defaultLocale.numberingSystem) {\r\n return this.defaultLocale.numberingSystem;\r\n }\r\n return \"\";\r\n };\r\n /**\r\n * @return {?}\r\n */\r\n LocaleService.prototype.getCurrentCalendar = function () {\r\n if (!!this.defaultLocale.calendar) {\r\n return this.defaultLocale.calendar;\r\n }\r\n return \"\";\r\n };\r\n /**\r\n * @return {?}\r\n */\r\n LocaleService.prototype.getDefaultLocale = function () {\r\n return this.defaultLocale.value;\r\n };\r\n /**\r\n * @return {?}\r\n */\r\n LocaleService.prototype.getCurrentCurrency = function () {\r\n return this.currencyCode;\r\n };\r\n /**\r\n * @param {?} languageCode\r\n * @return {?}\r\n */\r\n LocaleService.prototype.setCurrentLanguage = function (languageCode) {\r\n if (this.defaultLocale.languageCode != languageCode) {\r\n this.defaultLocale.build(languageCode);\r\n this.storage.write(\"defaultLocale\", this.defaultLocale.value);\r\n this.sendLanguageEvents();\r\n this.sendTranslationEvents();\r\n }\r\n };\r\n /**\r\n * @param {?} languageCode\r\n * @param {?} countryCode\r\n * @param {?=} scriptCode\r\n * @param {?=} numberingSystem\r\n * @param {?=} calendar\r\n * @return {?}\r\n */\r\n LocaleService.prototype.setDefaultLocale = function (languageCode, countryCode, scriptCode, numberingSystem, calendar) {\r\n if (this.defaultLocale.languageCode != languageCode ||\r\n this.defaultLocale.countryCode != countryCode ||\r\n this.defaultLocale.scriptCode != scriptCode ||\r\n this.defaultLocale.numberingSystem != numberingSystem ||\r\n this.defaultLocale.calendar != calendar) {\r\n this.defaultLocale.build(languageCode, countryCode, scriptCode, numberingSystem, calendar);\r\n this.storage.write(\"defaultLocale\", this.defaultLocale.value);\r\n this.sendDefaultLocaleEvents();\r\n this.sendTranslationEvents();\r\n }\r\n };\r\n /**\r\n * @param {?} currencyCode\r\n * @return {?}\r\n */\r\n LocaleService.prototype.setCurrentCurrency = function (currencyCode) {\r\n if (this.currencyCode != currencyCode) {\r\n this.currencyCode = currencyCode;\r\n this.storage.write(\"currency\", this.currencyCode);\r\n this.sendCurrencyEvents();\r\n }\r\n };\r\n /**\r\n * @return {?}\r\n */\r\n LocaleService.prototype.initStorage = function () {\r\n return __awaiter(this, void 0, void 0, function () {\r\n var defaultLocale, currencyCode;\r\n return __generator(this, function (_a) {\r\n switch (_a.label) {\r\n case 0:\r\n if (!!this.defaultLocale.value) return [3 /*break*/, 2];\r\n return [4 /*yield*/, this.storage.read(\"defaultLocale\")];\r\n case 1:\r\n defaultLocale = _a.sent();\r\n if (!!defaultLocale) {\r\n this.defaultLocale.value = defaultLocale;\r\n }\r\n _a.label = 2;\r\n case 2:\r\n if (!(this.currencyCode == null)) return [3 /*break*/, 4];\r\n return [4 /*yield*/, this.storage.read(\"currency\")];\r\n case 3:\r\n currencyCode = _a.sent();\r\n if (!!currencyCode) {\r\n this.currencyCode = currencyCode;\r\n }\r\n _a.label = 4;\r\n case 4: return [2 /*return*/];\r\n }\r\n });\r\n });\r\n };\r\n /**\r\n * @return {?}\r\n */\r\n LocaleService.prototype.initLanguage = function () {\r\n if (!this.defaultLocale.languageCode) {\r\n var /** @type {?} */ browserLanguage = this.getBrowserLanguage();\r\n var /** @type {?} */ matchedLanguages = [];\r\n if (!!browserLanguage) {\r\n matchedLanguages = this.matchLanguage(browserLanguage);\r\n }\r\n if (!!browserLanguage && matchedLanguages.length > 0) {\r\n this.defaultLocale.build(browserLanguage);\r\n }\r\n else {\r\n this.defaultLocale.build(this.configuration.languageCode);\r\n }\r\n this.storage.write(\"defaultLocale\", this.defaultLocale.value);\r\n }\r\n this.sendLanguageEvents();\r\n };\r\n /**\r\n * @return {?}\r\n */\r\n LocaleService.prototype.initDefaultLocale = function () {\r\n if (!this.defaultLocale.value) {\r\n this.defaultLocale.build(this.configuration.languageCode, this.configuration.countryCode, this.configuration.scriptCode, this.configuration.numberingSystem, this.configuration.calendar);\r\n this.storage.write(\"defaultLocale\", this.defaultLocale.value);\r\n }\r\n this.sendDefaultLocaleEvents();\r\n };\r\n /**\r\n * @return {?}\r\n */\r\n LocaleService.prototype.initCurrency = function () {\r\n if (this.currencyCode == null) {\r\n this.currencyCode = this.configuration.currencyCode;\r\n this.storage.write(\"currency\", this.currencyCode);\r\n }\r\n this.sendCurrencyEvents();\r\n };\r\n /**\r\n * @return {?}\r\n */\r\n LocaleService.prototype.getBrowserLanguage = function () {\r\n var /** @type {?} */ browserLanguage = null;\r\n if (typeof navigator !== \"undefined\" && navigator.language) {\r\n browserLanguage = navigator.language;\r\n }\r\n if (browserLanguage != null) {\r\n var /** @type {?} */ index = browserLanguage.indexOf(\"-\");\r\n if (index != -1) {\r\n browserLanguage = browserLanguage.substring(0, index);\r\n }\r\n }\r\n return browserLanguage;\r\n };\r\n /**\r\n * @param {?} languageCode\r\n * @return {?}\r\n */\r\n LocaleService.prototype.matchLanguage = function (languageCode) {\r\n var /** @type {?} */ matchedLanguages = this.configuration.languageCodes.filter(function (language) {\r\n return language.code == languageCode;\r\n });\r\n return matchedLanguages;\r\n };\r\n /**\r\n * @return {?}\r\n */\r\n LocaleService.prototype.sendLanguageEvents = function () {\r\n this.languageCodeChanged.emit(this.defaultLocale.languageCode);\r\n };\r\n /**\r\n * @return {?}\r\n */\r\n LocaleService.prototype.sendDefaultLocaleEvents = function () {\r\n this.defaultLocaleChanged.emit(this.defaultLocale.value);\r\n };\r\n /**\r\n * @return {?}\r\n */\r\n LocaleService.prototype.sendCurrencyEvents = function () {\r\n this.currencyCodeChanged.emit(this.currencyCode);\r\n };\r\n /**\r\n * @return {?}\r\n */\r\n LocaleService.prototype.sendTranslationEvents = function () {\r\n // This event is subscribed by TranslationService to load the translation data.\r\n this.loadTranslation.next();\r\n };\r\n return LocaleService;\r\n}());\r\nLocaleService.decorators = [\r\n { type: __WEBPACK_IMPORTED_MODULE_0__angular_core__[\"Injectable\"] },\r\n];\r\n/**\r\n * @nocollapse\r\n */\r\nLocaleService.ctorParameters = function () { return [\r\n { type: LocaleConfig, },\r\n { type: LocaleStorage, },\r\n]; };\r\nLocaleService.propDecorators = {\r\n 'languageCodeChanged': [{ type: __WEBPACK_IMPORTED_MODULE_0__angular_core__[\"Output\"] },],\r\n 'defaultLocaleChanged': [{ type: __WEBPACK_IMPORTED_MODULE_0__angular_core__[\"Output\"] },],\r\n 'currencyCodeChanged': [{ type: __WEBPACK_IMPORTED_MODULE_0__angular_core__[\"Output\"] },],\r\n};\r\nvar TranslationConfig = (function () {\r\n function TranslationConfig() {\r\n this.translationData = {};\r\n this.providers = [];\r\n this.localeAsLanguage = false;\r\n this.keySeparator = \".\";\r\n this.i18nPlural = true;\r\n }\r\n return TranslationConfig;\r\n}());\r\nTranslationConfig.decorators = [\r\n { type: __WEBPACK_IMPORTED_MODULE_0__angular_core__[\"Injectable\"] },\r\n];\r\n/**\r\n * @nocollapse\r\n */\r\nTranslationConfig.ctorParameters = function () { return []; };\r\n/**\r\n * Provides the methods to check if Intl APIs are supported.\r\n */\r\nvar IntlAPI = (function () {\r\n function IntlAPI() {\r\n }\r\n /**\r\n * @return {?}\r\n */\r\n IntlAPI.hasDateTimeFormat = function () {\r\n return this.hasIntl && Intl.hasOwnProperty(\"DateTimeFormat\");\r\n };\r\n /**\r\n * @return {?}\r\n */\r\n IntlAPI.hasNumberFormat = function () {\r\n return this.hasIntl && Intl.hasOwnProperty(\"NumberFormat\");\r\n };\r\n /**\r\n * @return {?}\r\n */\r\n IntlAPI.hasCollator = function () {\r\n return this.hasIntl && Intl.hasOwnProperty(\"Collator\");\r\n };\r\n return IntlAPI;\r\n}());\r\nIntlAPI.hasIntl = typeof Intl === \"object\" && !!Intl;\r\nvar TranslationConfigAPI = (function () {\r\n /**\r\n * @param {?} configuration\r\n */\r\n function TranslationConfigAPI(configuration) {\r\n this.configuration = configuration;\r\n }\r\n /**\r\n * @param {?} languageCode\r\n * @param {?} translation\r\n * @return {?}\r\n */\r\n TranslationConfigAPI.prototype.addTranslation = function (languageCode, translation) {\r\n this.configuration.translationData[languageCode] =\r\n typeof this.configuration.translationData[languageCode] !== \"undefined\"\r\n ? Object.assign({}, this.configuration.translationData[languageCode], translation) : translation;\r\n return this;\r\n };\r\n /**\r\n * @param {?} prefix\r\n * @param {?=} dataFormat\r\n * @return {?}\r\n */\r\n TranslationConfigAPI.prototype.addProvider = function (prefix, dataFormat) {\r\n if (dataFormat === void 0) { dataFormat = \"json\"; }\r\n this.configuration.providers.push({ args: { type: \"Static\", prefix: prefix, dataFormat: dataFormat } });\r\n return this;\r\n };\r\n /**\r\n * @param {?} path\r\n * @param {?=} dataFormat\r\n * @return {?}\r\n */\r\n TranslationConfigAPI.prototype.addWebAPIProvider = function (path, dataFormat) {\r\n if (dataFormat === void 0) { dataFormat = \"json\"; }\r\n this.configuration.providers.push({ args: { type: \"WebAPI\", path: path, dataFormat: dataFormat } });\r\n return this;\r\n };\r\n /**\r\n * @param {?=} args\r\n * @return {?}\r\n */\r\n TranslationConfigAPI.prototype.addCustomProvider = function (args) {\r\n this.configuration.providers.push({ args: args });\r\n return this;\r\n };\r\n /**\r\n * @return {?}\r\n */\r\n TranslationConfigAPI.prototype.useLocaleAsLanguage = function () {\r\n this.configuration.localeAsLanguage = true;\r\n return this;\r\n };\r\n /**\r\n * @param {?} value\r\n * @return {?}\r\n */\r\n TranslationConfigAPI.prototype.setMissingValue = function (value) {\r\n this.configuration.missingValue = value;\r\n return this;\r\n };\r\n /**\r\n * @param {?} key\r\n * @return {?}\r\n */\r\n TranslationConfigAPI.prototype.setMissingKey = function (key) {\r\n this.configuration.missingKey = key;\r\n return this;\r\n };\r\n /**\r\n * @param {?} keySeparator\r\n * @return {?}\r\n */\r\n TranslationConfigAPI.prototype.setComposedKeySeparator = function (keySeparator) {\r\n this.configuration.keySeparator = keySeparator;\r\n return this;\r\n };\r\n /**\r\n * @return {?}\r\n */\r\n TranslationConfigAPI.prototype.disableI18nPlural = function () {\r\n this.configuration.i18nPlural = false;\r\n return this;\r\n };\r\n return TranslationConfigAPI;\r\n}());\r\n/**\r\n * Implement this class-interface to create a custom provider for translation data.\r\n * @abstract\r\n */\r\nvar TranslationProvider = (function () {\r\n function TranslationProvider() {\r\n }\r\n /**\r\n * This method must contain the logic of data access.\r\n \\@param language The current language\r\n \\@param args The parameter of addCustomProvider method\r\n \\@return An observable of an object of translation data: {key: value}\r\n * @abstract\r\n * @param {?} language\r\n * @param {?} args\r\n * @return {?}\r\n */\r\n TranslationProvider.prototype.getTranslation = function (language, args) { };\r\n return TranslationProvider;\r\n}());\r\nTranslationProvider.decorators = [\r\n { type: __WEBPACK_IMPORTED_MODULE_0__angular_core__[\"Injectable\"] },\r\n];\r\n/**\r\n * @nocollapse\r\n */\r\nTranslationProvider.ctorParameters = function () { return []; };\r\nvar HttpTranslationProvider = (function () {\r\n /**\r\n * @param {?} http\r\n */\r\n function HttpTranslationProvider(http) {\r\n this.http = http;\r\n }\r\n /**\r\n * @param {?} language\r\n * @param {?} args\r\n * @return {?}\r\n */\r\n HttpTranslationProvider.prototype.getTranslation = function (language, args) {\r\n var /** @type {?} */ url = \"\";\r\n switch (args.type) {\r\n case \"WebAPI\":\r\n url += args.path + language;\r\n break;\r\n default:\r\n url += args.prefix + language + \".\" + args.dataFormat;\r\n }\r\n return this.http.get(url)\r\n .map(function (res) { return res.json(); });\r\n };\r\n return HttpTranslationProvider;\r\n}());\r\nHttpTranslationProvider.decorators = [\r\n { type: __WEBPACK_IMPORTED_MODULE_0__angular_core__[\"Injectable\"] },\r\n];\r\n/**\r\n * @nocollapse\r\n */\r\nHttpTranslationProvider.ctorParameters = function () { return [\r\n { type: __WEBPACK_IMPORTED_MODULE_5__angular_http__[\"b\" /* Http */], },\r\n]; };\r\n/**\r\n * Implement this class-interface to create a custom handler for translated values.\r\n * @abstract\r\n */\r\nvar TranslationHandler = (function () {\r\n function TranslationHandler() {\r\n }\r\n /**\r\n * This method must contain the logic to parse the translated value.\r\n \\@param path The path of the key\r\n \\@param key The key that has been requested\r\n \\@param value The translated value\r\n \\@param args The parameters passed along with the key\r\n \\@param lang The current language\r\n \\@return The parsed value\r\n * @abstract\r\n * @param {?} path\r\n * @param {?} key\r\n * @param {?} value\r\n * @param {?} args\r\n * @param {?} lang\r\n * @return {?}\r\n */\r\n TranslationHandler.prototype.parseValue = function (path, key, value, args, lang) { };\r\n return TranslationHandler;\r\n}());\r\nTranslationHandler.decorators = [\r\n { type: __WEBPACK_IMPORTED_MODULE_0__angular_core__[\"Injectable\"] },\r\n];\r\n/**\r\n * @nocollapse\r\n */\r\nTranslationHandler.ctorParameters = function () { return []; };\r\nvar DefaultTranslationHandler = (function () {\r\n /**\r\n * @param {?} configuration\r\n */\r\n function DefaultTranslationHandler(configuration) {\r\n this.configuration = configuration;\r\n }\r\n /**\r\n * @param {?} path\r\n * @param {?} key\r\n * @param {?} value\r\n * @param {?} args\r\n * @param {?} lang\r\n * @return {?}\r\n */\r\n DefaultTranslationHandler.prototype.parseValue = function (path, key, value, args, lang) {\r\n if (value == null) {\r\n return this.handleMissingValue(path);\r\n }\r\n else if (args) {\r\n return this.handleArgs(value, args);\r\n }\r\n return value;\r\n };\r\n /**\r\n * @param {?} path\r\n * @return {?}\r\n */\r\n DefaultTranslationHandler.prototype.handleMissingValue = function (path) {\r\n if (this.configuration.missingValue != null) {\r\n return this.configuration.missingValue;\r\n }\r\n // The same path is returned.\r\n return path;\r\n };\r\n /**\r\n * @param {?} value\r\n * @param {?} args\r\n * @return {?}\r\n */\r\n DefaultTranslationHandler.prototype.handleArgs = function (value, args) {\r\n var /** @type {?} */ TEMPLATE_REGEXP = /{{\\s?([^{}\\s]*)\\s?}}/g;\r\n return value.replace(TEMPLATE_REGEXP, function (substring, parsedKey) {\r\n var /** @type {?} */ replacer = (args[parsedKey]);\r\n return typeof replacer !== \"undefined\" ? replacer : substring;\r\n });\r\n };\r\n return DefaultTranslationHandler;\r\n}());\r\nDefaultTranslationHandler.decorators = [\r\n { type: __WEBPACK_IMPORTED_MODULE_0__angular_core__[\"Injectable\"] },\r\n];\r\n/**\r\n * @nocollapse\r\n */\r\nDefaultTranslationHandler.ctorParameters = function () { return [\r\n { type: TranslationConfig, },\r\n]; };\r\nvar LoadingMode = {};\r\nLoadingMode.Direct = 0;\r\nLoadingMode.Async = 1;\r\nLoadingMode[LoadingMode.Direct] = \"Direct\";\r\nLoadingMode[LoadingMode.Async] = \"Async\";\r\nvar ServiceState = {};\r\nServiceState.isReady = 0;\r\nServiceState.isLoading = 1;\r\nServiceState.isWaiting = 2;\r\nServiceState[ServiceState.isReady] = \"isReady\";\r\nServiceState[ServiceState.isLoading] = \"isLoading\";\r\nServiceState[ServiceState.isWaiting] = \"isWaiting\";\r\nvar __awaiter$2 = (undefined && undefined.__awaiter) || function (thisArg, _arguments, P, generator) {\r\n return new (P || (P = Promise))(function (resolve, reject) {\r\n function fulfilled(value) { try {\r\n step(generator.next(value));\r\n }\r\n catch (e) {\r\n reject(e);\r\n } }\r\n function rejected(value) { try {\r\n step(generator[\"throw\"](value));\r\n }\r\n catch (e) {\r\n reject(e);\r\n } }\r\n function step(result) { result.done ? resolve(result.value) : new P(function (resolve) { resolve(result.value); }).then(fulfilled, rejected); }\r\n step((generator = generator.apply(thisArg, _arguments || [])).next());\r\n });\r\n};\r\nvar TranslationService = (function () {\r\n /**\r\n * @param {?} locale\r\n * @param {?} configuration\r\n * @param {?} translationProvider\r\n * @param {?} translationHandler\r\n */\r\n function TranslationService(locale, configuration, translationProvider, translationHandler) {\r\n this.locale = locale;\r\n this.configuration = configuration;\r\n this.translationProvider = translationProvider;\r\n this.translationHandler = translationHandler;\r\n this.translationChanged = new __WEBPACK_IMPORTED_MODULE_0__angular_core__[\"EventEmitter\"](true);\r\n this.translationError = new __WEBPACK_IMPORTED_MODULE_0__angular_core__[\"EventEmitter\"](true);\r\n /**\r\n * The translation data: {language: {key: value}}.\r\n */\r\n this.translationData = {};\r\n this.serviceState = ServiceState.isWaiting;\r\n }\r\n /**\r\n * @return {?}\r\n */\r\n TranslationService.prototype.addConfiguration = function () {\r\n return new TranslationConfigAPI(this.configuration);\r\n };\r\n /**\r\n * @return {?}\r\n */\r\n TranslationService.prototype.getConfiguration = function () {\r\n return this.configuration;\r\n };\r\n /**\r\n * @return {?}\r\n */\r\n TranslationService.prototype.init = function () {\r\n return __awaiter$2(this, void 0, void 0, function () {\r\n var _this = this;\r\n return __generator(this, function (_a) {\r\n switch (_a.label) {\r\n case 0: \r\n // Waiting for LocaleService initialization.\r\n return [4 /*yield*/, this.locale.init()];\r\n case 1:\r\n // Waiting for LocaleService initialization.\r\n _a.sent();\r\n if (this.configuration.providers.length > 0) {\r\n this.loadingMode = LoadingMode.Async;\r\n }\r\n else {\r\n this.loadingMode = LoadingMode.Direct;\r\n }\r\n // When the language changes, loads translation data.\r\n this.locale.loadTranslation.subscribe(function () { _this.loadTranslation(); });\r\n return [4 /*yield*/, this.loadTranslation()];\r\n case 2:\r\n _a.sent();\r\n return [2 /*return*/];\r\n }\r\n });\r\n });\r\n };\r\n /**\r\n * @return {?}\r\n */\r\n TranslationService.prototype.getLanguage = function () {\r\n return this.language;\r\n };\r\n /**\r\n * @param {?} keys\r\n * @param {?=} args\r\n * @param {?=} lang\r\n * @return {?}\r\n */\r\n TranslationService.prototype.translate = function (keys, args, lang) {\r\n if (args === void 0) { args = null; }\r\n if (lang === void 0) { lang = this.language; }\r\n // If the service is not ready, returns the keys.\r\n if (this.serviceState != ServiceState.isReady)\r\n return keys;\r\n if (Array.isArray(keys)) {\r\n var /** @type {?} */ data = {};\r\n for (var _i = 0, keys_1 = keys; _i < keys_1.length; _i++) {\r\n var key = keys_1[_i];\r\n data[key] = this.translateKey(key, args, lang);\r\n }\r\n return data;\r\n }\r\n return this.translateKey(keys, args, lang);\r\n };\r\n /**\r\n * @param {?} keys\r\n * @param {?=} args\r\n * @param {?=} lang\r\n * @return {?}\r\n */\r\n TranslationService.prototype.translateAsync = function (keys, args, lang) {\r\n var _this = this;\r\n if (lang === void 0) { lang = this.language; }\r\n return __WEBPACK_IMPORTED_MODULE_2_rxjs_Observable__[\"Observable\"].create(function (observer) {\r\n var /** @type {?} */ values = _this.translate(keys, args, lang);\r\n observer.next(values);\r\n observer.complete();\r\n });\r\n };\r\n /**\r\n * @param {?} key\r\n * @param {?} args\r\n * @param {?} lang\r\n * @return {?}\r\n */\r\n TranslationService.prototype.translateKey = function (key, args, lang) {\r\n if (key == null || key == \"\")\r\n return null;\r\n // I18n plural.\r\n if (this.configuration.i18nPlural && /^\\d+\\b/.exec(key)) {\r\n return this.translateI18nPlural(key, args, lang);\r\n }\r\n return this.getValue(key, args, lang);\r\n };\r\n /**\r\n * @param {?} key\r\n * @param {?} args\r\n * @param {?} lang\r\n * @return {?}\r\n */\r\n TranslationService.prototype.getValue = function (key, args, lang) {\r\n var /** @type {?} */ path = key;\r\n var /** @type {?} */ value = null;\r\n if (this.translationData[lang]) {\r\n var /** @type {?} */ translation = this.translationData[lang];\r\n // Composed key.\r\n var /** @type {?} */ sequences = key.split(this.configuration.keySeparator);\r\n do {\r\n key = ((sequences.shift()));\r\n if (translation[key] && typeof translation[key] === \"object\") {\r\n translation = translation[key];\r\n }\r\n } while (sequences.length > 0);\r\n value = translation[key] || translation[this.configuration.missingKey];\r\n }\r\n return this.translationHandler.parseValue(path, key, value, args, lang);\r\n };\r\n /**\r\n * @param {?} key\r\n * @param {?} args\r\n * @param {?} lang\r\n * @return {?}\r\n */\r\n TranslationService.prototype.translateI18nPlural = function (key, args, lang) {\r\n var /** @type {?} */ keyText = key.replace(/^\\d+\\b/, \"\");\r\n keyText = keyText.trim();\r\n var /** @type {?} */ keyNumber = parseFloat(key);\r\n key = key.replace(/^\\d+/, this.translateNumber(keyNumber));\r\n return key.replace(keyText, this.getValue(keyText, args, lang));\r\n };\r\n /**\r\n * @param {?} keyNumber\r\n * @return {?}\r\n */\r\n TranslationService.prototype.translateNumber = function (keyNumber) {\r\n if (!isNaN(keyNumber) && IntlAPI.hasNumberFormat()) {\r\n var /** @type {?} */ localeNumber = new Intl.NumberFormat(this.language).format(keyNumber);\r\n return localeNumber;\r\n }\r\n return keyNumber.toString();\r\n };\r\n /**\r\n * @return {?}\r\n */\r\n TranslationService.prototype.loadTranslation = function () {\r\n return __awaiter$2(this, void 0, void 0, function () {\r\n var language;\r\n return __generator(this, function (_a) {\r\n switch (_a.label) {\r\n case 0:\r\n language = !this.configuration.localeAsLanguage\r\n ? this.locale.getCurrentLanguage()\r\n : this.locale.getCurrentLocale();\r\n if (!(language != null && language != this.language)) return [3 /*break*/, 3];\r\n if (!(this.loadingMode == LoadingMode.Async)) return [3 /*break*/, 2];\r\n return [4 /*yield*/, this.getTranslation(language).toPromise()];\r\n case 1:\r\n _a.sent();\r\n return [3 /*break*/, 3];\r\n case 2:\r\n this.translationData = {};\r\n this.translationData[language] = this.configuration.translationData[language];\r\n this.releaseTranslation(language);\r\n _a.label = 3;\r\n case 3: return [2 /*return*/];\r\n }\r\n });\r\n });\r\n };\r\n /**\r\n * @param {?} language\r\n * @return {?}\r\n */\r\n TranslationService.prototype.getTranslation = function (language) {\r\n var _this = this;\r\n return __WEBPACK_IMPORTED_MODULE_2_rxjs_Observable__[\"Observable\"].create(function (observer) {\r\n _this.translationData = {};\r\n _this.serviceState = ServiceState.isLoading;\r\n var /** @type {?} */ sequencesOfTranslationData = [];\r\n for (var _i = 0, _a = _this.configuration.providers; _i < _a.length; _i++) {\r\n var provider = _a[_i];\r\n sequencesOfTranslationData.push(_this.translationProvider.getTranslation(language, provider.args));\r\n }\r\n // Merges all the sequences into a single observable sequence.\r\n __WEBPACK_IMPORTED_MODULE_2_rxjs_Observable__[\"Observable\"].merge.apply(__WEBPACK_IMPORTED_MODULE_2_rxjs_Observable__[\"Observable\"], sequencesOfTranslationData).subscribe(function (data) {\r\n _this.addData(data, language);\r\n }, function (error) {\r\n // Sends an event for custom actions.\r\n _this.translationError.emit(error);\r\n _this.releaseTranslation(language);\r\n observer.next(null);\r\n observer.complete();\r\n }, function () {\r\n _this.releaseTranslation(language);\r\n observer.next(null);\r\n observer.complete();\r\n });\r\n });\r\n };\r\n /**\r\n * @param {?} data\r\n * @param {?} language\r\n * @return {?}\r\n */\r\n TranslationService.prototype.addData = function (data, language) {\r\n this.translationData[language] = typeof this.translationData[language] !== \"undefined\"\r\n ? Object.assign({}, this.translationData[language], data) : data;\r\n };\r\n /**\r\n * @param {?} language\r\n * @return {?}\r\n */\r\n TranslationService.prototype.releaseTranslation = function (language) {\r\n this.serviceState = ServiceState.isReady;\r\n this.language = language;\r\n this.sendEvents();\r\n };\r\n /**\r\n * @return {?}\r\n */\r\n TranslationService.prototype.sendEvents = function () {\r\n // Sends an event for the components.\r\n this.translationChanged.emit(this.language);\r\n };\r\n return TranslationService;\r\n}());\r\nTranslationService.decorators = [\r\n { type: __WEBPACK_IMPORTED_MODULE_0__angular_core__[\"Injectable\"] },\r\n];\r\n/**\r\n * @nocollapse\r\n */\r\nTranslationService.ctorParameters = function () { return [\r\n { type: LocaleService, },\r\n { type: TranslationConfig, },\r\n { type: TranslationProvider, },\r\n { type: TranslationHandler, },\r\n]; };\r\nTranslationService.propDecorators = {\r\n 'translationChanged': [{ type: __WEBPACK_IMPORTED_MODULE_0__angular_core__[\"Output\"] },],\r\n 'translationError': [{ type: __WEBPACK_IMPORTED_MODULE_0__angular_core__[\"Output\"] },],\r\n};\r\n/**\r\n * Provides 'lang' to the translate pipe.\r\n */\r\nvar Translation = (function () {\r\n /**\r\n * @param {?=} translation\r\n * @param {?=} changeDetectorRef\r\n */\r\n function Translation(translation, changeDetectorRef) {\r\n if (translation === void 0) { translation = InjectorRef.get(TranslationService); }\r\n var _this = this;\r\n this.translation = translation;\r\n this.changeDetectorRef = changeDetectorRef;\r\n this.paramSubscriptions = [];\r\n this.lang = this.translation.getLanguage();\r\n // When the language changes, subscribes to the event & updates lang property.\r\n this.paramSubscriptions.push(this.translation.translationChanged.subscribe(function (language) {\r\n _this.lang = language;\r\n // OnPush Change Detection strategy.\r\n if (_this.changeDetectorRef) {\r\n _this.changeDetectorRef.markForCheck();\r\n }\r\n }));\r\n }\r\n /**\r\n * @return {?}\r\n */\r\n Translation.prototype.cancelParamSubscriptions = function () {\r\n this.paramSubscriptions.forEach(function (subscription) {\r\n if (typeof subscription !== \"undefined\") {\r\n subscription.unsubscribe();\r\n }\r\n });\r\n };\r\n return Translation;\r\n}());\r\nTranslation.decorators = [\r\n { type: __WEBPACK_IMPORTED_MODULE_0__angular_core__[\"Injectable\"] },\r\n];\r\n/**\r\n * @nocollapse\r\n */\r\nTranslation.ctorParameters = function () { return [\r\n { type: TranslationService, },\r\n { type: __WEBPACK_IMPORTED_MODULE_0__angular_core__[\"ChangeDetectorRef\"], },\r\n]; };\r\n/**\r\n * Provides 'lang' to the translate pipe,\r\n'defaultLocale' & 'currency' to localeDecimal, localePercent & localeCurrency pipes.\r\n */\r\nvar Localization = (function (_super) {\r\n __extends(Localization, _super);\r\n /**\r\n * @param {?=} locale\r\n * @param {?=} translation\r\n * @param {?=} changeDetectorRef\r\n */\r\n function Localization(locale, translation, changeDetectorRef) {\r\n if (locale === void 0) { locale = InjectorRef.get(LocaleService); }\r\n if (translation === void 0) { translation = InjectorRef.get(TranslationService); }\r\n var _this = _super.call(this, translation, changeDetectorRef) || this;\r\n _this.locale = locale;\r\n _this.translation = translation;\r\n _this.changeDetectorRef = changeDetectorRef;\r\n _this.defaultLocale = _this.locale.getDefaultLocale();\r\n // When the default locale changes, subscribes to the event & updates defaultLocale property.\r\n _this.paramSubscriptions.push(_this.locale.defaultLocaleChanged.subscribe(function (defaultLocale) {\r\n _this.defaultLocale = defaultLocale;\r\n // OnPush Change Detection strategy.\r\n if (_this.changeDetectorRef) {\r\n _this.changeDetectorRef.markForCheck();\r\n }\r\n }));\r\n _this.currency = _this.locale.getCurrentCurrency();\r\n // When the currency changes, subscribes to the event & updates currency property.\r\n _this.paramSubscriptions.push(_this.locale.currencyCodeChanged.subscribe(function (currency) {\r\n _this.currency = currency;\r\n // OnPush Change Detection strategy.\r\n if (_this.changeDetectorRef) {\r\n _this.changeDetectorRef.markForCheck();\r\n }\r\n }));\r\n return _this;\r\n }\r\n return Localization;\r\n}(Translation));\r\nLocalization.decorators = [\r\n { type: __WEBPACK_IMPORTED_MODULE_0__angular_core__[\"Injectable\"] },\r\n];\r\n/**\r\n * @nocollapse\r\n */\r\nLocalization.ctorParameters = function () { return [\r\n { type: LocaleService, },\r\n { type: TranslationService, },\r\n { type: __WEBPACK_IMPORTED_MODULE_0__angular_core__[\"ChangeDetectorRef\"], },\r\n]; };\r\n/**\r\n * @abstract\r\n */\r\nvar NumberCode = (function () {\r\n /**\r\n * @param {?} locale\r\n */\r\n function NumberCode(locale) {\r\n this.locale = locale;\r\n }\r\n Object.defineProperty(NumberCode.prototype, \"numberCodes\", {\r\n /**\r\n * @return {?}\r\n */\r\n get: function () {\r\n var /** @type {?} */ numberCodes = [];\r\n for (var /** @type {?} */ num = 0; num <= 9; num++) {\r\n numberCodes.push(this.toUnicode(num.toString()));\r\n }\r\n if (IntlAPI.hasNumberFormat()) {\r\n for (var /** @type {?} */ num = 0; num <= 9; num++) {\r\n numberCodes[num] = this.toUnicode(new Intl.NumberFormat(this.locale.getDefaultLocale()).format(num));\r\n }\r\n }\r\n return numberCodes;\r\n },\r\n enumerable: true,\r\n configurable: true\r\n });\r\n /**\r\n * @abstract\r\n * @param {?} s\r\n * @return {?}\r\n */\r\n NumberCode.prototype.parse = function (s) { };\r\n /**\r\n * @abstract\r\n * @param {?} digits\r\n * @return {?}\r\n */\r\n NumberCode.prototype.getRegExp = function (digits) { };\r\n /**\r\n * @param {?} pattern\r\n * @return {?}\r\n */\r\n NumberCode.prototype.toChar = function (pattern) {\r\n return pattern.replace(/\\\\u[\\dA-F]{4}/gi, function (match) {\r\n return String.fromCharCode(parseInt(match.replace(/\\\\u/g, \"\"), 16));\r\n });\r\n };\r\n /**\r\n * @param {?} c\r\n * @return {?}\r\n */\r\n NumberCode.prototype.toUnicode = function (c) {\r\n return \"\\\\u\" + this.toHex(c.charCodeAt(0));\r\n };\r\n /**\r\n * @param {?} value\r\n * @return {?}\r\n */\r\n NumberCode.prototype.toHex = function (value) {\r\n var /** @type {?} */ hex = value.toString(16).toUpperCase();\r\n // With padding.\r\n hex = \"0000\".substr(0, 4 - hex.length) + hex;\r\n return hex;\r\n };\r\n return NumberCode;\r\n}());\r\nNumberCode.decorators = [\r\n { type: __WEBPACK_IMPORTED_MODULE_0__angular_core__[\"Injectable\"] },\r\n];\r\n/**\r\n * @nocollapse\r\n */\r\nNumberCode.ctorParameters = function () { return [\r\n { type: LocaleService, },\r\n]; };\r\nvar DecimalCode = (function (_super) {\r\n __extends(DecimalCode, _super);\r\n /**\r\n * @param {?} locale\r\n */\r\n function DecimalCode(locale) {\r\n var _this = _super.call(this, locale) || this;\r\n _this.locale = locale;\r\n return _this;\r\n }\r\n Object.defineProperty(DecimalCode.prototype, \"decimalCodes\", {\r\n /**\r\n * @return {?}\r\n */\r\n get: function () {\r\n var /** @type {?} */ decimalCodes = {\r\n minusSign: this.toUnicode(\"-\"),\r\n decimalSeparator: this.toUnicode(\".\"),\r\n thousandSeparator: this.toUnicode(\",\")\r\n };\r\n if (IntlAPI.hasNumberFormat()) {\r\n var /** @type {?} */ value = -1000.9; // Reference value.\r\n var /** @type {?} */ localeValue = new Intl.NumberFormat(this.locale.getDefaultLocale()).format(value);\r\n var /** @type {?} */ unicodeChars = [];\r\n for (var /** @type {?} */ i = 0; i <= 7; i++) {\r\n unicodeChars.push(this.toUnicode(localeValue.charAt(i)));\r\n }\r\n // Right to left:\r\n // checks Unicode characters 'RIGHT-TO-LEFT MARK' (U+200F) & 'Arabic Letter Mark' (U+061C),\r\n // or the reverse order.\r\n // Left to right:\r\n // checks Unicode character 'LEFT-TO-RIGHT MARK' (U+200E).\r\n if (unicodeChars[0] == \"\\\\u200F\" || unicodeChars[0] == \"\\\\u061C\") {\r\n decimalCodes = {\r\n minusSign: unicodeChars[1],\r\n decimalSeparator: unicodeChars[7],\r\n thousandSeparator: unicodeChars[3]\r\n };\r\n }\r\n else if (unicodeChars[0] == this.toUnicode(new Intl.NumberFormat(this.locale.getDefaultLocale()).format(1))) {\r\n decimalCodes = {\r\n minusSign: unicodeChars[7],\r\n decimalSeparator: unicodeChars[5],\r\n thousandSeparator: unicodeChars[1]\r\n };\r\n }\r\n else if (unicodeChars[0] == \"\\\\u200E\") {\r\n decimalCodes = {\r\n minusSign: unicodeChars[1],\r\n decimalSeparator: unicodeChars[7],\r\n thousandSeparator: unicodeChars[3]\r\n };\r\n }\r\n else {\r\n decimalCodes = {\r\n minusSign: unicodeChars[0],\r\n decimalSeparator: unicodeChars[6],\r\n thousandSeparator: unicodeChars[2]\r\n };\r\n }\r\n }\r\n return decimalCodes;\r\n },\r\n enumerable: true,\r\n configurable: true\r\n });\r\n /**\r\n * @param {?} s\r\n * @return {?}\r\n */\r\n DecimalCode.prototype.parse = function (s) {\r\n var /** @type {?} */ value = \"\";\r\n var /** @type {?} */ decimalCodes = this.decimalCodes;\r\n var /** @type {?} */ characters = s.split(\"\");\r\n for (var _i = 0, characters_1 = characters; _i < characters_1.length; _i++) {\r\n var char = characters_1[_i];\r\n var /** @type {?} */ charCode = this.toUnicode(char);\r\n var /** @type {?} */ index = this.numberCodes.indexOf(charCode);\r\n if (index != -1) {\r\n value += index;\r\n }\r\n else if (charCode == decimalCodes.minusSign) {\r\n value += \"-\";\r\n }\r\n else if (charCode == decimalCodes.decimalSeparator) {\r\n value += \".\";\r\n }\r\n else if (charCode == decimalCodes.thousandSeparator) {\r\n continue;\r\n }\r\n else {\r\n return NaN;\r\n }\r\n }\r\n return parseFloat(value);\r\n };\r\n /**\r\n * @param {?} digits\r\n * @return {?}\r\n */\r\n DecimalCode.prototype.getRegExp = function (digits) {\r\n var /** @type {?} */ minInt = 1;\r\n var /** @type {?} */ minFraction = 0;\r\n var /** @type {?} */ maxFraction = 3;\r\n if (!!digits) {\r\n var /** @type {?} */ NUMBER_FORMAT_REGEXP = /^(\\d+)?\\.((\\d+)(\\-(\\d+))?)?$/;\r\n var /** @type {?} */ parts = digits.match(NUMBER_FORMAT_REGEXP);\r\n if (parts != null) {\r\n if (parts[1] != null) {\r\n minInt = parseInt(parts[1]);\r\n }\r\n if (parts[3] != null) {\r\n minFraction = parseInt(parts[3]);\r\n }\r\n if (parts[5] != null) {\r\n maxFraction = parseInt(parts[5]);\r\n }\r\n }\r\n }\r\n var /** @type {?} */ minusSign = this.decimalCodes.minusSign;\r\n var /** @type {?} */ zero = this.numberCodes[0];\r\n var /** @type {?} */ decimalSeparator = this.decimalCodes.decimalSeparator;\r\n var /** @type {?} */ thousandSeparator = this.decimalCodes.thousandSeparator;\r\n var /** @type {?} */ nine = this.numberCodes[9];\r\n // Pattern for 1.2-2 digits: /^-?[0-9,]{1,}\\.[0-9]{2,2}$/\r\n // Unicode pattern = \"^\\u002d?[\\u0030-\\u0039,\\u002c]{1,}\\\\u002e[\\u0030-\\u0039]{2,2}$\"\r\n var /** @type {?} */ pattern;\r\n if (minFraction > 0 && maxFraction > 0) {\r\n pattern = \"^\"\r\n + minusSign\r\n + \"?[\" + zero + \"-\" + nine + thousandSeparator\r\n + \"]{\" + minInt + \",}\\\\\"\r\n + decimalSeparator\r\n + \"[\" + zero + \"-\" + nine\r\n + \"]{\" + minFraction + \",\" + maxFraction\r\n + \"}$\";\r\n }\r\n else if (minFraction == 0 && maxFraction > 0) {\r\n // Decimal separator is optional.\r\n pattern = \"^\"\r\n + minusSign\r\n + \"?[\" + zero + \"-\" + nine + thousandSeparator\r\n + \"]{\" + minInt + \",}\\\\\"\r\n + decimalSeparator\r\n + \"?[\" + zero + \"-\" + nine\r\n + \"]{\" + minFraction + \",\" + maxFraction\r\n + \"}$\";\r\n }\r\n else {\r\n // Integer number.\r\n pattern = \"^\"\r\n + minusSign\r\n + \"?[\" + zero + \"-\" + nine + thousandSeparator\r\n + \"]{\" + minInt + \",}$\";\r\n }\r\n pattern = this.toChar(pattern);\r\n var /** @type {?} */ regExp = new RegExp(pattern);\r\n return regExp;\r\n };\r\n return DecimalCode;\r\n}(NumberCode));\r\nDecimalCode.decorators = [\r\n { type: __WEBPACK_IMPORTED_MODULE_0__angular_core__[\"Injectable\"] },\r\n];\r\n/**\r\n * @nocollapse\r\n */\r\nDecimalCode.ctorParameters = function () { return [\r\n { type: LocaleService, },\r\n]; };\r\nvar LocaleValidation = (function () {\r\n /**\r\n * @param {?} decimalCode\r\n */\r\n function LocaleValidation(decimalCode) {\r\n this.decimalCode = decimalCode;\r\n }\r\n /**\r\n * @param {?} s\r\n * @return {?}\r\n */\r\n LocaleValidation.prototype.parseNumber = function (s) {\r\n if (s == \"\") {\r\n return null;\r\n }\r\n return this.decimalCode.parse(s);\r\n };\r\n return LocaleValidation;\r\n}());\r\nLocaleValidation.decorators = [\r\n { type: __WEBPACK_IMPORTED_MODULE_0__angular_core__[\"Injectable\"] },\r\n];\r\n/**\r\n * @nocollapse\r\n */\r\nLocaleValidation.ctorParameters = function () { return [\r\n { type: DecimalCode, },\r\n]; };\r\nvar Collator = (function () {\r\n /**\r\n * @param {?} locale\r\n * @param {?} translation\r\n */\r\n function Collator(locale, translation) {\r\n this.locale = locale;\r\n this.translation = translation;\r\n }\r\n /**\r\n * @param {?} key1\r\n * @param {?} key2\r\n * @param {?=} extension\r\n * @param {?=} options\r\n * @return {?}\r\n */\r\n Collator.prototype.compare = function (key1, key2, extension, options) {\r\n if (options === void 0) { options = { usage: 'sort', sensitivity: 'variant' }; }\r\n if (!IntlAPI.hasCollator()) {\r\n return 0;\r\n }\r\n var /** @type {?} */ value1 = this.translation.translate(key1);\r\n var /** @type {?} */ value2 = this.translation.translate(key2);\r\n var /** @type {?} */ locale = this.addExtension(this.locale.getCurrentLocale(), extension);\r\n return new Intl.Collator(locale, options).compare(value1, value2);\r\n };\r\n /**\r\n * @param {?} list\r\n * @param {?} keyName\r\n * @param {?=} order\r\n * @param {?=} extension\r\n * @param {?=} options\r\n * @return {?}\r\n */\r\n Collator.prototype.sort = function (list, keyName, order, extension, options) {\r\n var _this = this;\r\n if (order === void 0) { order = \"asc\"; }\r\n if (options === void 0) { options = { usage: 'sort', sensitivity: 'variant' }; }\r\n if (!list || !keyName || !IntlAPI.hasCollator()) {\r\n return list;\r\n }\r\n list.sort(function (key1, key2) {\r\n return _this.compare(key1[keyName], key2[keyName], extension, options);\r\n });\r\n if (order == \"desc\") {\r\n list.reverse();\r\n }\r\n return list;\r\n };\r\n /**\r\n * @param {?} list\r\n * @param {?} keyName\r\n * @param {?=} order\r\n * @param {?=} extension\r\n * @param {?=} options\r\n * @return {?}\r\n */\r\n Collator.prototype.sortAsync = function (list, keyName, order, extension, options) {\r\n var _this = this;\r\n if (options === void 0) { options = { usage: 'sort', sensitivity: 'variant' }; }\r\n return __WEBPACK_IMPORTED_MODULE_2_rxjs_Observable__[\"Observable\"].create(function (observer) {\r\n observer.next(_this.sort(list, keyName, order, extension, options));\r\n observer.complete();\r\n });\r\n };\r\n /**\r\n * @param {?} s\r\n * @param {?} list\r\n * @param {?} keyNames\r\n * @param {?=} options\r\n * @return {?}\r\n */\r\n Collator.prototype.search = function (s, list, keyNames, options) {\r\n var _this = this;\r\n if (options === void 0) { options = { usage: 'search' }; }\r\n if (!list || !keyNames || s == \"\" || s == null || !IntlAPI.hasCollator()) {\r\n return list;\r\n }\r\n var /** @type {?} */ locale = this.locale.getCurrentLocale();\r\n var /** @type {?} */ collator = new Intl.Collator(locale, options);\r\n var /** @type {?} */ matches = list.filter(function (key) {\r\n var /** @type {?} */ found = false;\r\n for (var /** @type {?} */ i = 0; i < keyNames.length; i++) {\r\n if (_this.match(key[keyNames[i]], s, collator)) {\r\n found = true;\r\n break;\r\n }\r\n }\r\n return found;\r\n });\r\n return matches;\r\n };\r\n /**\r\n * @param {?} s\r\n * @param {?} list\r\n * @param {?} keyNames\r\n * @param {?=} options\r\n * @return {?}\r\n */\r\n Collator.prototype.searchAsync = function (s, list, keyNames, options) {\r\n var _this = this;\r\n if (options === void 0) { options = { usage: 'search' }; }\r\n return __WEBPACK_IMPORTED_MODULE_2_rxjs_Observable__[\"Observable\"].create(function (observer) {\r\n observer.next(_this.search(s, list, keyNames, options));\r\n observer.complete();\r\n });\r\n };\r\n /**\r\n * @param {?} locale\r\n * @param {?=} extension\r\n * @return {?}\r\n */\r\n Collator.prototype.addExtension = function (locale, extension) {\r\n if (!!extension) {\r\n locale = locale + \"-u-\" + extension;\r\n }\r\n return locale;\r\n };\r\n /**\r\n * @param {?} key\r\n * @param {?} s\r\n * @param {?} collator\r\n * @return {?}\r\n */\r\n Collator.prototype.match = function (key, s, collator) {\r\n var /** @type {?} */ value = this.translation.translate(key);\r\n var /** @type {?} */ valueLength = value.length;\r\n var /** @type {?} */ sLength = s.length;\r\n if (sLength > valueLength) {\r\n return false;\r\n }\r\n if (sLength == valueLength) {\r\n return collator.compare(value, s) == 0;\r\n }\r\n var /** @type {?} */ found = false;\r\n for (var /** @type {?} */ i = 0; i < valueLength - (sLength - 1); i++) {\r\n var /** @type {?} */ str = value.substr(i, sLength);\r\n if (collator.compare(str, s) == 0) {\r\n found = true;\r\n break;\r\n }\r\n }\r\n return found;\r\n };\r\n return Collator;\r\n}());\r\nCollator.decorators = [\r\n { type: __WEBPACK_IMPORTED_MODULE_0__angular_core__[\"Injectable\"] },\r\n];\r\n/**\r\n * @nocollapse\r\n */\r\nCollator.ctorParameters = function () { return [\r\n { type: LocaleService, },\r\n { type: TranslationService, },\r\n]; };\r\n/**\r\n * Property decorator for components to provide the parameter to the translate pipe.\r\n * @return {?}\r\n */\r\nfunction Language() {\r\n /**\r\n * @param {?} target\r\n * @param {?=} propertyKey\r\n * @return {?}\r\n */\r\n function DecoratorFactory(target, propertyKey) {\r\n var /** @type {?} */ subscription;\r\n var /** @type {?} */ targetNgOnInit = target.ngOnInit;\r\n /**\r\n * @this {?}\r\n * @return {?}\r\n */\r\n function ngOnInit() {\r\n var _this = this;\r\n var /** @type {?} */ translation = InjectorRef.get(TranslationService);\r\n if (typeof propertyKey !== \"undefined\") {\r\n this[propertyKey] = translation.getLanguage();\r\n // When the language changes, subscribes to the event & updates language property.\r\n subscription = translation.translationChanged.subscribe(function (language) {\r\n _this[propertyKey] = language;\r\n });\r\n }\r\n if (targetNgOnInit) {\r\n targetNgOnInit.apply(this);\r\n }\r\n }\r\n target.ngOnInit = ngOnInit;\r\n var /** @type {?} */ targetNgOnDestroy = target.ngOnDestroy;\r\n /**\r\n * @this {?}\r\n * @return {?}\r\n */\r\n function ngOnDestroy() {\r\n if (typeof subscription !== \"undefined\") {\r\n subscription.unsubscribe();\r\n }\r\n if (targetNgOnDestroy) {\r\n targetNgOnDestroy.apply(this);\r\n }\r\n }\r\n target.ngOnDestroy = ngOnDestroy;\r\n if (typeof propertyKey !== \"undefined\") {\r\n Object.defineProperty(target, propertyKey, {\r\n writable: true,\r\n value: undefined\r\n });\r\n }\r\n }\r\n return DecoratorFactory;\r\n}\r\n/**\r\n * Property decorator for components to provide the parameter\r\nto localeDecimal, localePercent & localeCurrency pipes.\r\n * @return {?}\r\n */\r\nfunction DefaultLocale$1() {\r\n /**\r\n * @param {?} target\r\n * @param {?=} propertyKey\r\n * @return {?}\r\n */\r\n function DecoratorFactory(target, propertyKey) {\r\n var /** @type {?} */ subscription;\r\n var /** @type {?} */ targetNgOnInit = target.ngOnInit;\r\n /**\r\n * @this {?}\r\n * @return {?}\r\n */\r\n function ngOnInit() {\r\n var _this = this;\r\n var /** @type {?} */ locale = InjectorRef.get(LocaleService);\r\n if (typeof propertyKey !== \"undefined\") {\r\n this[propertyKey] = locale.getDefaultLocale();\r\n // When the default locale changes, subscribes to the event & updates defaultLocale property.\r\n subscription = locale.defaultLocaleChanged.subscribe(function (defaultLocale) {\r\n _this[propertyKey] = defaultLocale;\r\n });\r\n }\r\n if (targetNgOnInit) {\r\n targetNgOnInit.apply(this);\r\n }\r\n }\r\n target.ngOnInit = ngOnInit;\r\n var /** @type {?} */ targetNgOnDestroy = target.ngOnDestroy;\r\n /**\r\n * @this {?}\r\n * @return {?}\r\n */\r\n function ngOnDestroy() {\r\n if (typeof subscription !== \"undefined\") {\r\n subscription.unsubscribe();\r\n }\r\n if (targetNgOnDestroy) {\r\n targetNgOnDestroy.apply(this);\r\n }\r\n }\r\n target.ngOnDestroy = ngOnDestroy;\r\n if (typeof propertyKey !== \"undefined\") {\r\n Object.defineProperty(target, propertyKey, {\r\n writable: true,\r\n value: undefined\r\n });\r\n }\r\n }\r\n return DecoratorFactory;\r\n}\r\n/**\r\n * Property decorator for components to provide the parameter to the localeCurrency pipe.\r\n * @return {?}\r\n */\r\nfunction Currency() {\r\n /**\r\n * @param {?} target\r\n * @param {?=} propertyKey\r\n * @return {?}\r\n */\r\n function DecoratorFactory(target, propertyKey) {\r\n var /** @type {?} */ subscription;\r\n var /** @type {?} */ targetNgOnInit = target.ngOnInit;\r\n /**\r\n * @this {?}\r\n * @return {?}\r\n */\r\n function ngOnInit() {\r\n var _this = this;\r\n var /** @type {?} */ locale = InjectorRef.get(LocaleService);\r\n if (typeof propertyKey !== \"undefined\") {\r\n this[propertyKey] = locale.getCurrentCurrency();\r\n // When the currency changes, subscribes to the event & updates currency property.\r\n subscription = locale.currencyCodeChanged.subscribe(function (currency) {\r\n _this[propertyKey] = currency;\r\n });\r\n }\r\n if (targetNgOnInit) {\r\n targetNgOnInit.apply(this);\r\n }\r\n }\r\n target.ngOnInit = ngOnInit;\r\n var /** @type {?} */ targetNgOnDestroy = target.ngOnDestroy;\r\n /**\r\n * @this {?}\r\n * @return {?}\r\n */\r\n function ngOnDestroy() {\r\n if (typeof subscription !== \"undefined\") {\r\n subscription.unsubscribe();\r\n }\r\n if (targetNgOnDestroy) {\r\n targetNgOnDestroy.apply(this);\r\n }\r\n }\r\n target.ngOnDestroy = ngOnDestroy;\r\n if (typeof propertyKey !== \"undefined\") {\r\n Object.defineProperty(target, propertyKey, {\r\n writable: true,\r\n value: undefined\r\n });\r\n }\r\n }\r\n return DecoratorFactory;\r\n}\r\nvar TranslatePipe = (function () {\r\n /**\r\n * @param {?} translation\r\n */\r\n function TranslatePipe(translation) {\r\n this.translation = translation;\r\n }\r\n /**\r\n * @param {?} key\r\n * @param {?} lang\r\n * @param {?=} args\r\n * @return {?}\r\n */\r\n TranslatePipe.prototype.transform = function (key, lang, args) {\r\n return this.translation.translate(key, args, lang);\r\n };\r\n return TranslatePipe;\r\n}());\r\nTranslatePipe.decorators = [\r\n { type: __WEBPACK_IMPORTED_MODULE_0__angular_core__[\"Pipe\"], args: [{\r\n name: 'translate',\r\n pure: true\r\n },] },\r\n];\r\n/**\r\n * @nocollapse\r\n */\r\nTranslatePipe.ctorParameters = function () { return [\r\n { type: TranslationService, },\r\n]; };\r\nvar LocaleDatePipe = (function () {\r\n function LocaleDatePipe() {\r\n }\r\n /**\r\n * @param {?} value\r\n * @param {?} defaultLocale\r\n * @param {?=} pattern\r\n * @return {?}\r\n */\r\n LocaleDatePipe.prototype.transform = function (value, defaultLocale, pattern) {\r\n if (pattern === void 0) { pattern = 'mediumDate'; }\r\n if (typeof defaultLocale === \"undefined\")\r\n return null;\r\n if (IntlAPI.hasDateTimeFormat()) {\r\n var /** @type {?} */ localeDate = new __WEBPACK_IMPORTED_MODULE_7__angular_common__[\"DatePipe\"](defaultLocale);\r\n return localeDate.transform(value, pattern);\r\n }\r\n // Returns the date without localization.\r\n return value;\r\n };\r\n return LocaleDatePipe;\r\n}());\r\nLocaleDatePipe.decorators = [\r\n { type: __WEBPACK_IMPORTED_MODULE_0__angular_core__[\"Pipe\"], args: [{\r\n name: 'localeDate',\r\n pure: true\r\n },] },\r\n];\r\n/**\r\n * @nocollapse\r\n */\r\nLocaleDatePipe.ctorParameters = function () { return []; };\r\nvar LocaleDecimalPipe = (function () {\r\n function LocaleDecimalPipe() {\r\n }\r\n /**\r\n * @param {?} value\r\n * @param {?} defaultLocale\r\n * @param {?=} digits\r\n * @return {?}\r\n */\r\n LocaleDecimalPipe.prototype.transform = function (value, defaultLocale, digits) {\r\n if (typeof defaultLocale === \"undefined\")\r\n return null;\r\n if (IntlAPI.hasNumberFormat()) {\r\n var /** @type {?} */ localeDecimal = new __WEBPACK_IMPORTED_MODULE_7__angular_common__[\"DecimalPipe\"](defaultLocale);\r\n return localeDecimal.transform(value, digits);\r\n }\r\n // Returns the number without localization.\r\n return value;\r\n };\r\n return LocaleDecimalPipe;\r\n}());\r\nLocaleDecimalPipe.decorators = [\r\n { type: __WEBPACK_IMPORTED_MODULE_0__angular_core__[\"Pipe\"], args: [{\r\n name: 'localeDecimal',\r\n pure: true\r\n },] },\r\n];\r\n/**\r\n * @nocollapse\r\n */\r\nLocaleDecimalPipe.ctorParameters = function () { return []; };\r\nvar LocalePercentPipe = (function () {\r\n function LocalePercentPipe() {\r\n }\r\n /**\r\n * @param {?} value\r\n * @param {?} defaultLocale\r\n * @param {?=} digits\r\n * @return {?}\r\n */\r\n LocalePercentPipe.prototype.transform = function (value, defaultLocale, digits) {\r\n if (typeof defaultLocale === \"undefined\")\r\n return null;\r\n if (IntlAPI.hasNumberFormat()) {\r\n var /** @type {?} */ localePercent = new __WEBPACK_IMPORTED_MODULE_7__angular_common__[\"PercentPipe\"](defaultLocale);\r\n return localePercent.transform(value, digits);\r\n }\r\n // Returns the number without localization.\r\n return value;\r\n };\r\n return LocalePercentPipe;\r\n}());\r\nLocalePercentPipe.decorators = [\r\n { type: __WEBPACK_IMPORTED_MODULE_0__angular_core__[\"Pipe\"], args: [{\r\n name: 'localePercent',\r\n pure: true\r\n },] },\r\n];\r\n/**\r\n * @nocollapse\r\n */\r\nLocalePercentPipe.ctorParameters = function () { return []; };\r\nvar LocaleCurrencyPipe = (function () {\r\n function LocaleCurrencyPipe() {\r\n }\r\n /**\r\n * @param {?} value\r\n * @param {?} defaultLocale\r\n * @param {?} currency\r\n * @param {?=} symbolDisplay\r\n * @param {?=} digits\r\n * @return {?}\r\n */\r\n LocaleCurrencyPipe.prototype.transform = function (value, defaultLocale, currency, symbolDisplay, digits) {\r\n if (symbolDisplay === void 0) { symbolDisplay = false; }\r\n if (typeof defaultLocale === \"undefined\" || typeof currency === \"undefined\")\r\n return null;\r\n if (IntlAPI.hasNumberFormat()) {\r\n var /** @type {?} */ localeCurrency = new __WEBPACK_IMPORTED_MODULE_7__angular_common__[\"CurrencyPipe\"](defaultLocale);\r\n return localeCurrency.transform(value, currency, symbolDisplay, digits);\r\n }\r\n // Returns the number & currency without localization.\r\n return value + \" \" + currency;\r\n };\r\n return LocaleCurrencyPipe;\r\n}());\r\nLocaleCurrencyPipe.decorators = [\r\n { type: __WEBPACK_IMPORTED_MODULE_0__angular_core__[\"Pipe\"], args: [{\r\n name: 'localeCurrency',\r\n pure: true\r\n },] },\r\n];\r\n/**\r\n * @nocollapse\r\n */\r\nLocaleCurrencyPipe.ctorParameters = function () { return []; };\r\n/**\r\n * Breadth First Search (BFS) algorithm for traversing & searching tree data structure of DOM\r\nexplores the neighbor nodes first, before moving to the next level neighbors.\r\nTime complexity: between O(1) and O(|V|^2).\r\n */\r\nvar BFS = (function () {\r\n function BFS() {\r\n }\r\n /**\r\n * Target node is a non empty text node.\r\n * @param {?} rootNode\r\n * @return {?}\r\n */\r\n BFS.getTargetNode = function (rootNode) {\r\n return this.walk(rootNode);\r\n };\r\n /**\r\n * @param {?} rootNode\r\n * @return {?}\r\n */\r\n BFS.walk = function (rootNode) {\r\n var /** @type {?} */ queue = [];\r\n var /** @type {?} */ iNode;\r\n var /** @type {?} */ depth = 0;\r\n var /** @type {?} */ nodeToDepthIncrease = 1;\r\n queue.push(rootNode);\r\n while (queue.length > 0 && depth <= this.MAX_DEPTH) {\r\n iNode = queue.shift();\r\n if (this.isTargetNode(iNode)) {\r\n return iNode;\r\n }\r\n if (depth < this.MAX_DEPTH && iNode.childNodes != null) {\r\n for (var _i = 0, _a = iNode.childNodes; _i < _a.length; _i++) {\r\n var child = _a[_i];\r\n if (this.isValidNode(child)) {\r\n queue.push(child);\r\n }\r\n }\r\n }\r\n if (--nodeToDepthIncrease == 0) {\r\n depth++;\r\n nodeToDepthIncrease = queue.length;\r\n }\r\n }\r\n return rootNode;\r\n };\r\n /**\r\n * @param {?} node\r\n * @return {?}\r\n */\r\n BFS.isTargetNode = function (node) {\r\n return typeof node !== \"undefined\" &&\r\n node.nodeType == 3 &&\r\n node.nodeValue != null &&\r\n node.nodeValue.trim() != \"\";\r\n };\r\n /**\r\n * A valid node is not marked for translation.\r\n * @param {?} node\r\n * @return {?}\r\n */\r\n BFS.isValidNode = function (node) {\r\n if (typeof node !== \"undefined\" && node.nodeType == 1 && node.attributes) {\r\n for (var _i = 0, _a = node.attributes; _i < _a.length; _i++) {\r\n var attr = _a[_i];\r\n if (this.SELECTOR.test(attr.name))\r\n return false;\r\n }\r\n }\r\n return true;\r\n };\r\n return BFS;\r\n}());\r\nBFS.SELECTOR = /^l10n|translate|locale/;\r\nBFS.MAX_DEPTH = 10;\r\n/**\r\n * @abstract\r\n */\r\nvar BaseDirective = (function () {\r\n /**\r\n * @param {?} el\r\n * @param {?} renderer\r\n */\r\n function BaseDirective(el, renderer) {\r\n this.el = el;\r\n this.renderer = renderer;\r\n this.attributes = [];\r\n this.subscriptions = [];\r\n this.TEXT_MUTATION_CONFIG = { subtree: true, characterData: true };\r\n this.SELECTOR = /^l10n-/;\r\n }\r\n /**\r\n * @return {?}\r\n */\r\n BaseDirective.prototype.ngAfterViewInit = function () {\r\n if (this.el && this.el.nativeElement) {\r\n this.element = this.el.nativeElement;\r\n this.renderNode = BFS.getTargetNode(this.element);\r\n this.getKey();\r\n this.getAttributes();\r\n this.addTextListener();\r\n this.setup();\r\n }\r\n };\r\n /**\r\n * @param {?} changes\r\n * @return {?}\r\n */\r\n BaseDirective.prototype.ngOnChanges = function (changes) {\r\n if (!!this.key) {\r\n if (this.nodeValue == null || this.nodeValue == \"\") {\r\n if (!!this.valueAttribute) {\r\n this.key = this.valueAttribute;\r\n }\r\n else if (!!this.innerHTMLProperty) {\r\n this.key = this.innerHTMLProperty;\r\n }\r\n }\r\n this.replaceText();\r\n }\r\n if (this.attributes.length > 0) {\r\n this.replaceAttributes();\r\n }\r\n };\r\n /**\r\n * @return {?}\r\n */\r\n BaseDirective.prototype.ngOnDestroy = function () {\r\n this.removeTextListener();\r\n this.cancelSubscriptions();\r\n };\r\n /**\r\n * @abstract\r\n * @return {?}\r\n */\r\n BaseDirective.prototype.setup = function () { };\r\n /**\r\n * @abstract\r\n * @return {?}\r\n */\r\n BaseDirective.prototype.replace = function () { };\r\n /**\r\n * @abstract\r\n * @return {?}\r\n */\r\n BaseDirective.prototype.replaceText = function () { };\r\n /**\r\n * @abstract\r\n * @return {?}\r\n */\r\n BaseDirective.prototype.replaceAttributes = function () { };\r\n /**\r\n * @return {?}\r\n */\r\n BaseDirective.prototype.getAttributesData = function () {\r\n var /** @type {?} */ keys = this.getAttributesKeys();\r\n var /** @type {?} */ data = {};\r\n for (var _i = 0, keys_2 = keys; _i < keys_2.length; _i++) {\r\n var key = keys_2[_i];\r\n data[key] = this.getValues(key);\r\n }\r\n return data;\r\n };\r\n /**\r\n * @return {?}\r\n */\r\n BaseDirective.prototype.getAttributesKeys = function () {\r\n return this.attributes.map(function (attr) { return attr.key; });\r\n };\r\n /**\r\n * @abstract\r\n * @param {?} keys\r\n * @return {?}\r\n */\r\n BaseDirective.prototype.getValues = function (keys) { };\r\n /**\r\n * @param {?} value\r\n * @return {?}\r\n */\r\n BaseDirective.prototype.setText = function (value) {\r\n if (!!value) {\r\n if (!!this.nodeValue && !!this.key) {\r\n this.removeTextListener();\r\n this.renderer.setValue(this.renderNode, this.nodeValue.replace(this.key, value));\r\n this.addTextListener();\r\n }\r\n else if (!!this.valueAttribute) {\r\n this.renderer.setAttribute(this.element, \"value\", value);\r\n }\r\n else if (!!this.innerHTMLProperty) {\r\n this.renderer.setProperty(this.element, \"innerHTML\", value);\r\n }\r\n }\r\n };\r\n /**\r\n * @param {?} data\r\n * @return {?}\r\n */\r\n BaseDirective.prototype.setAttributes = function (data) {\r\n for (var _i = 0, _a = this.attributes; _i < _a.length; _i++) {\r\n var attr = _a[_i];\r\n this.renderer.setAttribute(this.element, attr.name, data[attr.key]);\r\n }\r\n };\r\n /**\r\n * @return {?}\r\n */\r\n BaseDirective.prototype.addTextListener = function () {\r\n var _this = this;\r\n if (typeof MutationObserver !== \"undefined\") {\r\n this.textObserver = new MutationObserver(function (mutations) {\r\n _this.renderNode = BFS.getTargetNode(_this.element);\r\n _this.getKey();\r\n _this.replaceText();\r\n });\r\n this.textObserver.observe(this.renderNode, this.TEXT_MUTATION_CONFIG);\r\n }\r\n };\r\n /**\r\n * @return {?}\r\n */\r\n BaseDirective.prototype.removeTextListener = function () {\r\n if (typeof this.textObserver !== \"undefined\") {\r\n this.textObserver.disconnect();\r\n }\r\n };\r\n /**\r\n * @return {?}\r\n */\r\n BaseDirective.prototype.getText = function () {\r\n this.nodeValue = this.renderNode != null ? (this.renderNode.nodeValue) : \"\";\r\n return !!this.nodeValue ? this.nodeValue.trim() : \"\";\r\n };\r\n /**\r\n * @return {?}\r\n */\r\n BaseDirective.prototype.getKey = function () {\r\n if (this.element.childNodes.length > 0) {\r\n this.key = this.getText();\r\n }\r\n else if (!!this.valueAttribute) {\r\n this.key = this.valueAttribute;\r\n }\r\n else if (!!this.innerHTMLProperty) {\r\n this.key = this.innerHTMLProperty;\r\n }\r\n };\r\n /**\r\n * @return {?}\r\n */\r\n BaseDirective.prototype.getAttributes = function () {\r\n if (this.element.attributes) {\r\n for (var _i = 0, _a = this.element.attributes; _i < _a.length; _i++) {\r\n var attr = _a[_i];\r\n if (this.SELECTOR.test(attr.name)) {\r\n var /** @type {?} */ name = attr.name.substr(5);\r\n for (var _b = 0, _c = this.element.attributes; _b < _c.length; _b++) {\r\n var targetAttr = _c[_b];\r\n if (new RegExp(\"^\" + name + \"$\").test(targetAttr.name)) {\r\n this.attributes.push({ name: name, key: targetAttr.value });\r\n }\r\n }\r\n }\r\n }\r\n }\r\n };\r\n /**\r\n * @return {?}\r\n */\r\n BaseDirective.prototype.cancelSubscriptions = function () {\r\n this.subscriptions.forEach(function (subscription) {\r\n if (typeof subscription !== \"undefined\") {\r\n subscription.unsubscribe();\r\n }\r\n });\r\n };\r\n return BaseDirective;\r\n}());\r\nBaseDirective.propDecorators = {\r\n 'valueAttribute': [{ type: __WEBPACK_IMPORTED_MODULE_0__angular_core__[\"Input\"], args: ['value',] },],\r\n 'innerHTMLProperty': [{ type: __WEBPACK_IMPORTED_MODULE_0__angular_core__[\"Input\"], args: ['innerHTML',] },],\r\n};\r\nvar TranslateDirective = (function (_super) {\r\n __extends(TranslateDirective, _super);\r\n /**\r\n * @param {?} translation\r\n * @param {?} el\r\n * @param {?} renderer\r\n */\r\n function TranslateDirective(translation, el, renderer) {\r\n var _this = _super.call(this, el, renderer) || this;\r\n _this.translation = translation;\r\n _this.el = el;\r\n _this.renderer = renderer;\r\n return _this;\r\n }\r\n Object.defineProperty(TranslateDirective.prototype, \"l10nTranslate\", {\r\n /**\r\n * @param {?} params\r\n * @return {?}\r\n */\r\n set: function (params) {\r\n this.params = params;\r\n },\r\n enumerable: true,\r\n configurable: true\r\n });\r\n Object.defineProperty(TranslateDirective.prototype, \"translate\", {\r\n /**\r\n * @param {?} params\r\n * @return {?}\r\n */\r\n set: function (params) {\r\n this.params = params;\r\n },\r\n enumerable: true,\r\n configurable: true\r\n });\r\n /**\r\n * @return {?}\r\n */\r\n TranslateDirective.prototype.setup = function () {\r\n var _this = this;\r\n this.replace();\r\n this.subscriptions.push(this.translation.translationChanged.subscribe(function () { _this.replace(); }));\r\n };\r\n /**\r\n * @return {?}\r\n */\r\n TranslateDirective.prototype.replace = function () {\r\n this.replaceText();\r\n this.replaceAttributes();\r\n };\r\n /**\r\n * @return {?}\r\n */\r\n TranslateDirective.prototype.replaceText = function () {\r\n if (!!this.key) {\r\n this.setText(this.getValues(this.key));\r\n }\r\n };\r\n /**\r\n * @return {?}\r\n */\r\n TranslateDirective.prototype.replaceAttributes = function () {\r\n if (this.attributes.length > 0) {\r\n var /** @type {?} */ keys = this.getAttributesKeys();\r\n this.setAttributes(this.getValues(keys));\r\n }\r\n };\r\n /**\r\n * @param {?} keys\r\n * @return {?}\r\n */\r\n TranslateDirective.prototype.getValues = function (keys) {\r\n return this.translation.translate(keys, this.params);\r\n };\r\n return TranslateDirective;\r\n}(BaseDirective));\r\nTranslateDirective.decorators = [\r\n { type: __WEBPACK_IMPORTED_MODULE_0__angular_core__[\"Directive\"], args: [{\r\n selector: '[l10nTranslate],[translate]'\r\n },] },\r\n];\r\n/**\r\n * @nocollapse\r\n */\r\nTranslateDirective.ctorParameters = function () { return [\r\n { type: TranslationService, },\r\n { type: __WEBPACK_IMPORTED_MODULE_0__angular_core__[\"ElementRef\"], },\r\n { type: __WEBPACK_IMPORTED_MODULE_0__angular_core__[\"Renderer2\"], },\r\n]; };\r\nTranslateDirective.propDecorators = {\r\n 'l10nTranslate': [{ type: __WEBPACK_IMPORTED_MODULE_0__angular_core__[\"Input\"] },],\r\n 'translate': [{ type: __WEBPACK_IMPORTED_MODULE_0__angular_core__[\"Input\"] },],\r\n};\r\nvar LocaleDateDirective = (function (_super) {\r\n __extends(LocaleDateDirective, _super);\r\n /**\r\n * @param {?} locale\r\n * @param {?} el\r\n * @param {?} renderer\r\n */\r\n function LocaleDateDirective(locale, el, renderer) {\r\n var _this = _super.call(this, el, renderer) || this;\r\n _this.locale = locale;\r\n _this.el = el;\r\n _this.renderer = renderer;\r\n _this.defaultPattern = 'mediumDate';\r\n _this.localeDatePipe = new LocaleDatePipe();\r\n return _this;\r\n }\r\n Object.defineProperty(LocaleDateDirective.prototype, \"l10nDate\", {\r\n /**\r\n * @param {?} pattern\r\n * @return {?}\r\n */\r\n set: function (pattern) {\r\n this.pattern = pattern;\r\n },\r\n enumerable: true,\r\n configurable: true\r\n });\r\n Object.defineProperty(LocaleDateDirective.prototype, \"localeDate\", {\r\n /**\r\n * @param {?} pattern\r\n * @return {?}\r\n */\r\n set: function (pattern) {\r\n this.pattern = pattern;\r\n },\r\n enumerable: true,\r\n configurable: true\r\n });\r\n /**\r\n * @return {?}\r\n */\r\n LocaleDateDirective.prototype.setup = function () {\r\n var _this = this;\r\n this.replace();\r\n this.subscriptions.push(this.locale.defaultLocaleChanged.subscribe(function () { _this.replace(); }));\r\n };\r\n /**\r\n * @return {?}\r\n */\r\n LocaleDateDirective.prototype.replace = function () {\r\n this.replaceText();\r\n this.replaceAttributes();\r\n };\r\n /**\r\n * @return {?}\r\n */\r\n LocaleDateDirective.prototype.replaceText = function () {\r\n if (!!this.key) {\r\n this.setText(this.getValues(this.key));\r\n }\r\n };\r\n /**\r\n * @return {?}\r\n */\r\n LocaleDateDirective.prototype.replaceAttributes = function () {\r\n if (this.attributes.length > 0) {\r\n this.setAttributes(this.getAttributesData());\r\n }\r\n };\r\n /**\r\n * @param {?} keys\r\n * @return {?}\r\n */\r\n LocaleDateDirective.prototype.getValues = function (keys) {\r\n return this.localeDatePipe.transform(keys, this.locale.getDefaultLocale(), this.pattern || this.defaultPattern);\r\n };\r\n return LocaleDateDirective;\r\n}(BaseDirective));\r\nLocaleDateDirective.decorators = [\r\n { type: __WEBPACK_IMPORTED_MODULE_0__angular_core__[\"Directive\"], args: [{\r\n selector: '[l10nDate],[localeDate]'\r\n },] },\r\n];\r\n/**\r\n * @nocollapse\r\n */\r\nLocaleDateDirective.ctorParameters = function () { return [\r\n { type: LocaleService, },\r\n { type: __WEBPACK_IMPORTED_MODULE_0__angular_core__[\"ElementRef\"], },\r\n { type: __WEBPACK_IMPORTED_MODULE_0__angular_core__[\"Renderer2\"], },\r\n]; };\r\nLocaleDateDirective.propDecorators = {\r\n 'l10nDate': [{ type: __WEBPACK_IMPORTED_MODULE_0__angular_core__[\"Input\"] },],\r\n 'localeDate': [{ type: __WEBPACK_IMPORTED_MODULE_0__angular_core__[\"Input\"] },],\r\n};\r\nvar LocaleDecimalDirective = (function (_super) {\r\n __extends(LocaleDecimalDirective, _super);\r\n /**\r\n * @param {?} locale\r\n * @param {?} el\r\n * @param {?} renderer\r\n */\r\n function LocaleDecimalDirective(locale, el, renderer) {\r\n var _this = _super.call(this, el, renderer) || this;\r\n _this.locale = locale;\r\n _this.el = el;\r\n _this.renderer = renderer;\r\n _this.localeDecimalPipe = new LocaleDecimalPipe();\r\n return _this;\r\n }\r\n Object.defineProperty(LocaleDecimalDirective.prototype, \"l10nDecimal\", {\r\n /**\r\n * @param {?} digits\r\n * @return {?}\r\n */\r\n set: function (digits) {\r\n this.digits = digits;\r\n },\r\n enumerable: true,\r\n configurable: true\r\n });\r\n Object.defineProperty(LocaleDecimalDirective.prototype, \"localeDecimal\", {\r\n /**\r\n * @param {?} digits\r\n * @return {?}\r\n */\r\n set: function (digits) {\r\n this.digits = digits;\r\n },\r\n enumerable: true,\r\n configurable: true\r\n });\r\n /**\r\n * @return {?}\r\n */\r\n LocaleDecimalDirective.prototype.setup = function () {\r\n var _this = this;\r\n this.replace();\r\n this.subscriptions.push(this.locale.defaultLocaleChanged.subscribe(function () { _this.replace(); }));\r\n };\r\n /**\r\n * @return {?}\r\n */\r\n LocaleDecimalDirective.prototype.replace = function () {\r\n this.replaceText();\r\n this.replaceAttributes();\r\n };\r\n /**\r\n * @return {?}\r\n */\r\n LocaleDecimalDirective.prototype.replaceText = function () {\r\n if (!!this.key) {\r\n this.setText(this.getValues(this.key));\r\n }\r\n };\r\n /**\r\n * @return {?}\r\n */\r\n LocaleDecimalDirective.prototype.replaceAttributes = function () {\r\n if (this.attributes.length > 0) {\r\n this.setAttributes(this.getAttributesData());\r\n }\r\n };\r\n /**\r\n * @param {?} keys\r\n * @return {?}\r\n */\r\n LocaleDecimalDirective.prototype.getValues = function (keys) {\r\n return this.localeDecimalPipe.transform(keys, this.locale.getDefaultLocale(), this.digits);\r\n };\r\n return LocaleDecimalDirective;\r\n}(BaseDirective));\r\nLocaleDecimalDirective.decorators = [\r\n { type: __WEBPACK_IMPORTED_MODULE_0__angular_core__[\"Directive\"], args: [{\r\n selector: '[l10nDecimal],[localeDecimal]'\r\n },] },\r\n];\r\n/**\r\n * @nocollapse\r\n */\r\nLocaleDecimalDirective.ctorParameters = function () { return [\r\n { type: LocaleService, },\r\n { type: __WEBPACK_IMPORTED_MODULE_0__angular_core__[\"ElementRef\"], },\r\n { type: __WEBPACK_IMPORTED_MODULE_0__angular_core__[\"Renderer2\"], },\r\n]; };\r\nLocaleDecimalDirective.propDecorators = {\r\n 'l10nDecimal': [{ type: __WEBPACK_IMPORTED_MODULE_0__angular_core__[\"Input\"] },],\r\n 'localeDecimal': [{ type: __WEBPACK_IMPORTED_MODULE_0__angular_core__[\"Input\"] },],\r\n};\r\nvar LocalePercentDirective = (function (_super) {\r\n __extends(LocalePercentDirective, _super);\r\n /**\r\n * @param {?} locale\r\n * @param {?} el\r\n * @param {?} renderer\r\n */\r\n function LocalePercentDirective(locale, el, renderer) {\r\n var _this = _super.call(this, el, renderer) || this;\r\n _this.locale = locale;\r\n _this.el = el;\r\n _this.renderer = renderer;\r\n _this.localePercentPipe = new LocalePercentPipe();\r\n return _this;\r\n }\r\n Object.defineProperty(LocalePercentDirective.prototype, \"l10nPercent\", {\r\n /**\r\n * @param {?} digits\r\n * @return {?}\r\n */\r\n set: function (digits) {\r\n this.digits = digits;\r\n },\r\n enumerable: true,\r\n configurable: true\r\n });\r\n Object.defineProperty(LocalePercentDirective.prototype, \"localePercent\", {\r\n /**\r\n * @param {?} digits\r\n * @return {?}\r\n */\r\n set: function (digits) {\r\n this.digits = digits;\r\n },\r\n enumerable: true,\r\n configurable: true\r\n });\r\n /**\r\n * @return {?}\r\n */\r\n LocalePercentDirective.prototype.setup = function () {\r\n var _this = this;\r\n this.replace();\r\n this.subscriptions.push(this.locale.defaultLocaleChanged.subscribe(function () { _this.replace(); }));\r\n };\r\n /**\r\n * @return {?}\r\n */\r\n LocalePercentDirective.prototype.replace = function () {\r\n this.replaceText();\r\n this.replaceAttributes();\r\n };\r\n /**\r\n * @return {?}\r\n */\r\n LocalePercentDirective.prototype.replaceText = function () {\r\n if (!!this.key) {\r\n this.setText(this.getValues(this.key));\r\n }\r\n };\r\n /**\r\n * @return {?}\r\n */\r\n LocalePercentDirective.prototype.replaceAttributes = function () {\r\n if (this.attributes.length > 0) {\r\n this.setAttributes(this.getAttributesData());\r\n }\r\n };\r\n /**\r\n * @param {?} keys\r\n * @return {?}\r\n */\r\n LocalePercentDirective.prototype.getValues = function (keys) {\r\n return this.localePercentPipe.transform(keys, this.locale.getDefaultLocale(), this.digits);\r\n };\r\n return LocalePercentDirective;\r\n}(BaseDirective));\r\nLocalePercentDirective.decorators = [\r\n { type: __WEBPACK_IMPORTED_MODULE_0__angular_core__[\"Directive\"], args: [{\r\n selector: '[l10nPercent],[localePercent]'\r\n },] },\r\n];\r\n/**\r\n * @nocollapse\r\n */\r\nLocalePercentDirective.ctorParameters = function () { return [\r\n { type: LocaleService, },\r\n { type: __WEBPACK_IMPORTED_MODULE_0__angular_core__[\"ElementRef\"], },\r\n { type: __WEBPACK_IMPORTED_MODULE_0__angular_core__[\"Renderer2\"], },\r\n]; };\r\nLocalePercentDirective.propDecorators = {\r\n 'l10nPercent': [{ type: __WEBPACK_IMPORTED_MODULE_0__angular_core__[\"Input\"] },],\r\n 'localePercent': [{ type: __WEBPACK_IMPORTED_MODULE_0__angular_core__[\"Input\"] },],\r\n};\r\nvar LocaleCurrencyDirective = (function (_super) {\r\n __extends(LocaleCurrencyDirective, _super);\r\n /**\r\n * @param {?} locale\r\n * @param {?} el\r\n * @param {?} renderer\r\n */\r\n function LocaleCurrencyDirective(locale, el, renderer) {\r\n var _this = _super.call(this, el, renderer) || this;\r\n _this.locale = locale;\r\n _this.el = el;\r\n _this.renderer = renderer;\r\n _this.localeCurrencyPipe = new LocaleCurrencyPipe();\r\n return _this;\r\n }\r\n Object.defineProperty(LocaleCurrencyDirective.prototype, \"l10nCurrency\", {\r\n /**\r\n * @param {?} digits\r\n * @return {?}\r\n */\r\n set: function (digits) {\r\n this.digits = digits;\r\n },\r\n enumerable: true,\r\n configurable: true\r\n });\r\n Object.defineProperty(LocaleCurrencyDirective.prototype, \"localeCurrency\", {\r\n /**\r\n * @param {?} digits\r\n * @return {?}\r\n */\r\n set: function (digits) {\r\n this.digits = digits;\r\n },\r\n enumerable: true,\r\n configurable: true\r\n });\r\n /**\r\n * @return {?}\r\n */\r\n LocaleCurrencyDirective.prototype.setup = function () {\r\n var _this = this;\r\n this.replace();\r\n this.subscriptions.push(this.locale.defaultLocaleChanged.subscribe(function () { _this.replace(); }));\r\n this.subscriptions.push(this.locale.currencyCodeChanged.subscribe(function () { _this.replace(); }));\r\n };\r\n /**\r\n * @return {?}\r\n */\r\n LocaleCurrencyDirective.prototype.replace = function () {\r\n this.replaceText();\r\n this.replaceAttributes();\r\n };\r\n /**\r\n * @return {?}\r\n */\r\n LocaleCurrencyDirective.prototype.replaceText = function () {\r\n if (!!this.key) {\r\n this.setText(this.getValues(this.key));\r\n }\r\n };\r\n /**\r\n * @return {?}\r\n */\r\n LocaleCurrencyDirective.prototype.replaceAttributes = function () {\r\n if (this.attributes.length > 0) {\r\n this.setAttributes(this.getAttributesData());\r\n }\r\n };\r\n /**\r\n * @param {?} keys\r\n * @return {?}\r\n */\r\n LocaleCurrencyDirective.prototype.getValues = function (keys) {\r\n return this.localeCurrencyPipe.transform(keys, this.locale.getDefaultLocale(), this.locale.getCurrentCurrency(), this.symbol, this.digits);\r\n };\r\n return LocaleCurrencyDirective;\r\n}(BaseDirective));\r\nLocaleCurrencyDirective.decorators = [\r\n { type: __WEBPACK_IMPORTED_MODULE_0__angular_core__[\"Directive\"], args: [{\r\n selector: '[l10nCurrency],[localeCurrency]'\r\n },] },\r\n];\r\n/**\r\n * @nocollapse\r\n */\r\nLocaleCurrencyDirective.ctorParameters = function () { return [\r\n { type: LocaleService, },\r\n { type: __WEBPACK_IMPORTED_MODULE_0__angular_core__[\"ElementRef\"], },\r\n { type: __WEBPACK_IMPORTED_MODULE_0__angular_core__[\"Renderer2\"], },\r\n]; };\r\nLocaleCurrencyDirective.propDecorators = {\r\n 'l10nCurrency': [{ type: __WEBPACK_IMPORTED_MODULE_0__angular_core__[\"Input\"] },],\r\n 'localeCurrency': [{ type: __WEBPACK_IMPORTED_MODULE_0__angular_core__[\"Input\"] },],\r\n 'symbol': [{ type: __WEBPACK_IMPORTED_MODULE_0__angular_core__[\"Input\"] },],\r\n};\r\n/**\r\n * Function that takes a control and returns either null when it’s valid, or an error object if it’s not.\r\n\\@param digits The format of the number\r\n\\@param MIN_VALUE The minimum value for the number\r\n\\@param MAX_VALUE The maximum value for the number\r\n\\@return An error object: 'format', 'minValue' or 'maxValue'; null in case the value is valid\r\n * @param {?} digits\r\n * @param {?=} MIN_VALUE\r\n * @param {?=} MAX_VALUE\r\n * @return {?}\r\n */\r\nfunction validateLocaleNumber(digits, MIN_VALUE, MAX_VALUE) {\r\n if (MIN_VALUE === void 0) { MIN_VALUE = Number.MIN_VALUE; }\r\n if (MAX_VALUE === void 0) { MAX_VALUE = Number.MAX_VALUE; }\r\n var /** @type {?} */ locale = InjectorRef.get(LocaleService);\r\n var /** @type {?} */ decimalCode = InjectorRef.get(DecimalCode);\r\n var /** @type {?} */ defaultLocale;\r\n var /** @type {?} */ NUMBER_REGEXP;\r\n return function (formControl) {\r\n if (formControl.value == null || formControl.value == \"\")\r\n return null;\r\n if (defaultLocale != locale.getDefaultLocale()) {\r\n NUMBER_REGEXP = decimalCode.getRegExp(digits);\r\n defaultLocale = locale.getDefaultLocale();\r\n }\r\n if (NUMBER_REGEXP.test(formControl.value)) {\r\n var /** @type {?} */ parsedValue = decimalCode.parse(formControl.value);\r\n if (parsedValue != null && parsedValue < MIN_VALUE) {\r\n return {\r\n minValue: {\r\n valid: false\r\n }\r\n };\r\n }\r\n else if (parsedValue != null && parsedValue > MAX_VALUE) {\r\n return {\r\n maxValue: {\r\n valid: false\r\n }\r\n };\r\n }\r\n return null; // The number is valid.\r\n }\r\n else {\r\n return {\r\n format: {\r\n valid: false\r\n }\r\n };\r\n }\r\n };\r\n}\r\nvar LocaleNumberValidatorDirective = (function () {\r\n function LocaleNumberValidatorDirective() {\r\n this.MIN_VALUE = Number.MIN_VALUE;\r\n this.MAX_VALUE = Number.MAX_VALUE;\r\n }\r\n Object.defineProperty(LocaleNumberValidatorDirective.prototype, \"l10nValidateNumber\", {\r\n /**\r\n * Format: {minIntegerDigits}.{minFractionDigits}-{maxFractionDigits}.\r\n * @param {?} digits\r\n * @return {?}\r\n */\r\n set: function (digits) {\r\n this.digits = digits;\r\n },\r\n enumerable: true,\r\n configurable: true\r\n });\r\n Object.defineProperty(LocaleNumberValidatorDirective.prototype, \"validateLocaleNumber\", {\r\n /**\r\n * @param {?} digits\r\n * @return {?}\r\n */\r\n set: function (digits) {\r\n this.digits = digits;\r\n },\r\n enumerable: true,\r\n configurable: true\r\n });\r\n /**\r\n * @return {?}\r\n */\r\n LocaleNumberValidatorDirective.prototype.ngOnInit = function () {\r\n this.validator = validateLocaleNumber(this.digits, this.minValue || this.MIN_VALUE, this.maxValue || this.MAX_VALUE);\r\n };\r\n /**\r\n * @param {?} formControl\r\n * @return {?}\r\n */\r\n LocaleNumberValidatorDirective.prototype.validate = function (formControl) {\r\n return this.validator(formControl);\r\n };\r\n return LocaleNumberValidatorDirective;\r\n}());\r\nLocaleNumberValidatorDirective.decorators = [\r\n { type: __WEBPACK_IMPORTED_MODULE_0__angular_core__[\"Directive\"], args: [{\r\n selector: '[l10nValidateNumber][ngModel],[l10nValidateNumber][formControl], \\\r\n [validateLocaleNumber][ngModel],[validateLocaleNumber][formControl]',\r\n providers: [\r\n { provide: __WEBPACK_IMPORTED_MODULE_8__angular_forms__[\"NG_VALIDATORS\"], useExisting: Object(__WEBPACK_IMPORTED_MODULE_0__angular_core__[\"forwardRef\"])(function () { return LocaleNumberValidatorDirective; }), multi: true }\r\n ]\r\n },] },\r\n];\r\n/**\r\n * @nocollapse\r\n */\r\nLocaleNumberValidatorDirective.ctorParameters = function () { return []; };\r\nLocaleNumberValidatorDirective.propDecorators = {\r\n 'l10nValidateNumber': [{ type: __WEBPACK_IMPORTED_MODULE_0__angular_core__[\"Input\"] },],\r\n 'validateLocaleNumber': [{ type: __WEBPACK_IMPORTED_MODULE_0__angular_core__[\"Input\"] },],\r\n 'minValue': [{ type: __WEBPACK_IMPORTED_MODULE_0__angular_core__[\"Input\"] },],\r\n 'maxValue': [{ type: __WEBPACK_IMPORTED_MODULE_0__angular_core__[\"Input\"] },],\r\n};\r\n/**\r\n * Provides dependencies, pipes & directives for translating messages.\r\n */\r\nvar TranslationModule = (function () {\r\n /**\r\n * @param {?} injector\r\n */\r\n function TranslationModule(injector) {\r\n this.injector = injector;\r\n // Creates the instance of the InjectorRef, so that module dependencies are available.\r\n }\r\n /**\r\n * Use in AppModule: new instances of LocaleService & TranslationService.\r\n * @param {?=} token\r\n * @return {?}\r\n */\r\n TranslationModule.forRoot = function (token) {\r\n if (token === void 0) { token = {}; }\r\n return {\r\n ngModule: TranslationModule,\r\n providers: [\r\n InjectorRef,\r\n LocaleConfig,\r\n LocaleService,\r\n {\r\n provide: LocaleStorage,\r\n useClass: token.localeStorage || BrowserStorage\r\n },\r\n TranslationConfig,\r\n TranslationService,\r\n {\r\n provide: TranslationProvider,\r\n useClass: token.translationProvider || HttpTranslationProvider\r\n },\r\n {\r\n provide: TranslationHandler,\r\n useClass: token.translationHandler || DefaultTranslationHandler\r\n }\r\n ]\r\n };\r\n };\r\n /**\r\n * Use in feature modules with lazy loading: new instance of TranslationService.\r\n * @param {?=} token\r\n * @return {?}\r\n */\r\n TranslationModule.forChild = function (token) {\r\n if (token === void 0) { token = {}; }\r\n return {\r\n ngModule: TranslationModule,\r\n providers: [\r\n InjectorRef,\r\n TranslationConfig,\r\n TranslationService,\r\n {\r\n provide: TranslationProvider,\r\n useClass: token.translationProvider || HttpTranslationProvider\r\n },\r\n {\r\n provide: TranslationHandler,\r\n useClass: token.translationHandler || DefaultTranslationHandler\r\n }\r\n ]\r\n };\r\n };\r\n return TranslationModule;\r\n}());\r\nTranslationModule.decorators = [\r\n { type: __WEBPACK_IMPORTED_MODULE_0__angular_core__[\"NgModule\"], args: [{\r\n declarations: [\r\n TranslatePipe,\r\n TranslateDirective\r\n ],\r\n exports: [\r\n TranslatePipe,\r\n TranslateDirective\r\n ]\r\n },] },\r\n];\r\n/**\r\n * @nocollapse\r\n */\r\nTranslationModule.ctorParameters = function () { return [\r\n { type: InjectorRef, },\r\n]; };\r\n/**\r\n * Provides dependencies, pipes & directives for translating messages, dates & numbers.\r\n */\r\nvar LocalizationModule = (function () {\r\n /**\r\n * @param {?} injector\r\n */\r\n function LocalizationModule(injector) {\r\n this.injector = injector;\r\n // Creates the instance of the InjectorRef, so that module dependencies are available.\r\n }\r\n /**\r\n * Use in AppModule: new instances of LocaleService & TranslationService.\r\n * @param {?=} token\r\n * @return {?}\r\n */\r\n LocalizationModule.forRoot = function (token) {\r\n if (token === void 0) { token = {}; }\r\n return {\r\n ngModule: LocalizationModule,\r\n providers: [\r\n InjectorRef,\r\n LocaleConfig,\r\n LocaleService,\r\n {\r\n provide: LocaleStorage,\r\n useClass: token.localeStorage || BrowserStorage\r\n },\r\n TranslationConfig,\r\n TranslationService,\r\n {\r\n provide: TranslationProvider,\r\n useClass: token.translationProvider || HttpTranslationProvider\r\n },\r\n {\r\n provide: TranslationHandler,\r\n useClass: token.translationHandler || DefaultTranslationHandler\r\n }\r\n ]\r\n };\r\n };\r\n /**\r\n * Use in feature modules with lazy loading: new instance of TranslationService.\r\n * @param {?=} token\r\n * @return {?}\r\n */\r\n LocalizationModule.forChild = function (token) {\r\n if (token === void 0) { token = {}; }\r\n return {\r\n ngModule: LocalizationModule,\r\n providers: [\r\n InjectorRef,\r\n TranslationConfig,\r\n TranslationService,\r\n {\r\n provide: TranslationProvider,\r\n useClass: token.translationProvider || HttpTranslationProvider\r\n },\r\n {\r\n provide: TranslationHandler,\r\n useClass: token.translationHandler || DefaultTranslationHandler\r\n }\r\n ]\r\n };\r\n };\r\n return LocalizationModule;\r\n}());\r\nLocalizationModule.decorators = [\r\n { type: __WEBPACK_IMPORTED_MODULE_0__angular_core__[\"NgModule\"], args: [{\r\n declarations: [\r\n LocaleDatePipe,\r\n LocaleDecimalPipe,\r\n LocalePercentPipe,\r\n LocaleCurrencyPipe,\r\n LocaleDateDirective,\r\n LocaleDecimalDirective,\r\n LocalePercentDirective,\r\n LocaleCurrencyDirective\r\n ],\r\n imports: [\r\n TranslationModule\r\n ],\r\n exports: [\r\n TranslationModule,\r\n LocaleDatePipe,\r\n LocaleDecimalPipe,\r\n LocalePercentPipe,\r\n LocaleCurrencyPipe,\r\n LocaleDateDirective,\r\n LocaleDecimalDirective,\r\n LocalePercentDirective,\r\n LocaleCurrencyDirective\r\n ]\r\n },] },\r\n];\r\n/**\r\n * @nocollapse\r\n */\r\nLocalizationModule.ctorParameters = function () { return [\r\n { type: InjectorRef, },\r\n]; };\r\n/**\r\n * Provides dependencies & directives for locale validation.\r\n */\r\nvar LocaleValidationModule = (function () {\r\n function LocaleValidationModule() {\r\n }\r\n /**\r\n * Use in AppModule: new instance of LocaleValidation.\r\n * @return {?}\r\n */\r\n LocaleValidationModule.forRoot = function () {\r\n return {\r\n ngModule: LocaleValidationModule,\r\n providers: [DecimalCode, LocaleValidation]\r\n };\r\n };\r\n return LocaleValidationModule;\r\n}());\r\nLocaleValidationModule.decorators = [\r\n { type: __WEBPACK_IMPORTED_MODULE_0__angular_core__[\"NgModule\"], args: [{\r\n declarations: [\r\n LocaleNumberValidatorDirective\r\n ],\r\n exports: [\r\n LocaleNumberValidatorDirective\r\n ]\r\n },] },\r\n];\r\n/**\r\n * @nocollapse\r\n */\r\nLocaleValidationModule.ctorParameters = function () { return []; };\r\n/**\r\n * Angular l10n.\r\n * An Angular library to translate messages, dates and numbers.\r\n * Written by Roberto Simonetti.\r\n * MIT license.\r\n * https://github.com/robisim74/angular-l10n\r\n */\r\n/**\r\n * Entry point for all public APIs of the package.\r\n */\r\n/**\r\n * Generated bundle index. Do not edit.\r\n */\r\n\r\n//# sourceMappingURL=angular-l10n.es5.js.map\n\n\n/***/ }),\n\n/***/ 343:\n/***/ (function(module, __webpack_exports__, __webpack_require__) {\n\n\"use strict\";\n\n// EXTERNAL MODULE: ./node_modules/@angular/core/@angular/core.es5.js\nvar core_es5 = __webpack_require__(0);\n\n// EXTERNAL MODULE: ./node_modules/@angular/forms/@angular/forms.es5.js\nvar forms_es5 = __webpack_require__(9);\n\n// EXTERNAL MODULE: ./node_modules/@angular/http/@angular/http.es5.js\nvar http_es5 = __webpack_require__(8);\n\n// EXTERNAL MODULE: ./node_modules/@angular/platform-browser/@angular/platform-browser.es5.js\nvar platform_browser_es5 = __webpack_require__(23);\n\n// EXTERNAL MODULE: ./node_modules/tslib/tslib.es6.js\nvar tslib_es6 = __webpack_require__(52);\n\n// CONCATENATED MODULE: ./node_modules/@angular/animations/@angular/animations.es5.js\n/**\n * @license Angular v4.4.7\n * (c) 2010-2017 Google, Inc. https://angular.io/\n * License: MIT\n */\n/**\n * @license\n * Copyright Google Inc. All Rights Reserved.\n *\n * Use of this source code is governed by an MIT-style license that can be\n * found in the LICENSE file at https://angular.io/license\n */\n/**\n * AnimationBuilder is an injectable service that is available when the {\\@link\n * BrowserAnimationsModule BrowserAnimationsModule} or {\\@link NoopAnimationsModule\n * NoopAnimationsModule} modules are used within an application.\n *\n * The purpose if this service is to produce an animation sequence programmatically within an\n * angular component or directive.\n *\n * Programmatic animations are first built and then a player is created when the build animation is\n * attached to an element.\n *\n * ```ts\n * // remember to include the BrowserAnimationsModule module for this to work...\n * import {AnimationBuilder} from '\\@angular/animations';\n *\n * class MyCmp {\n * constructor(private _builder: AnimationBuilder) {}\n *\n * makeAnimation(element: any) {\n * // first build the animation\n * const myAnimation = this._builder.build([\n * style({ width: 0 }),\n * animate(1000, style({ width: '100px' }))\n * ]);\n *\n * // then create a player from it\n * const player = myAnimation.create(element);\n *\n * player.play();\n * }\n * }\n * ```\n *\n * When an animation is built an instance of {\\@link AnimationFactory AnimationFactory} will be\n * returned. Using that an {\\@link AnimationPlayer AnimationPlayer} can be created which can then be\n * used to start the animation.\n *\n * \\@experimental Animation support is experimental.\n * @abstract\n */\nvar AnimationBuilder = (function () {\n function AnimationBuilder() {\n }\n /**\n * @abstract\n * @param {?} animation\n * @return {?}\n */\n AnimationBuilder.prototype.build = function (animation) { };\n return AnimationBuilder;\n}());\n/**\n * An instance of `AnimationFactory` is returned from {\\@link AnimationBuilder#build\n * AnimationBuilder.build}.\n *\n * \\@experimental Animation support is experimental.\n * @abstract\n */\nvar AnimationFactory = (function () {\n function AnimationFactory() {\n }\n /**\n * @abstract\n * @param {?} element\n * @param {?=} options\n * @return {?}\n */\n AnimationFactory.prototype.create = function (element, options) { };\n return AnimationFactory;\n}());\n/**\n * \\@experimental Animation support is experimental.\n */\nvar AUTO_STYLE = '*';\n/**\n * `trigger` is an animation-specific function that is designed to be used inside of Angular's\n * animation DSL language. If this information is new, please navigate to the\n * {\\@link Component#animations component animations metadata page} to gain a better\n * understanding of how animations in Angular are used.\n *\n * `trigger` Creates an animation trigger which will a list of {\\@link state state} and\n * {\\@link transition transition} entries that will be evaluated when the expression\n * bound to the trigger changes.\n *\n * Triggers are registered within the component annotation data under the\n * {\\@link Component#animations animations section}. An animation trigger can be placed on an element\n * within a template by referencing the name of the trigger followed by the expression value that\n * the\n * trigger is bound to (in the form of `[\\@triggerName]=\"expression\"`.\n *\n * Animation trigger bindings strigify values and then match the previous and current values against\n * any linked transitions. If a boolean value is provided into the trigger binding then it will both\n * be represented as `1` or `true` and `0` or `false` for a true and false boolean values\n * respectively.\n *\n * ### Usage\n *\n * `trigger` will create an animation trigger reference based on the provided `name` value. The\n * provided `animation` value is expected to be an array consisting of {\\@link state state} and\n * {\\@link transition transition} declarations.\n *\n * ```typescript\n * \\@Component({\n * selector: 'my-component',\n * templateUrl: 'my-component-tpl.html',\n * animations: [\n * trigger(\"myAnimationTrigger\", [\n * state(...),\n * state(...),\n * transition(...),\n * transition(...)\n * ])\n * ]\n * })\n * class MyComponent {\n * myStatusExp = \"something\";\n * }\n * ```\n *\n * The template associated with this component will make use of the `myAnimationTrigger` animation\n * trigger by binding to an element within its template code.\n *\n * ```html\n * \n *
...
\n * ```\n *\n * ## Disable Animations\n * A special animation control binding called `\\@.disabled` can be placed on an element which will\n * then disable animations for any inner animation triggers situated within the element as well as\n * any animations on the element itself.\n *\n * When true, the `\\@.disabled` binding will prevent all animations from rendering. The example\n * below shows how to use this feature:\n *\n * ```ts\n * \\@Component({\n * selector: 'my-component',\n * template: `\n *
\n * `,\n * animations: [\n * trigger(\"childAnimation\", [\n * // ...\n * ])\n * ]\n * })\n * class MyComponent {\n * isDisabled = true;\n * exp = '...';\n * }\n * ```\n *\n * The `\\@childAnimation` trigger will not animate because `\\@.disabled` prevents it from happening\n * (when true).\n *\n * Note that `\\@.disbled` will only disable all animations (this means any animations running on\n * the same element will also be disabled).\n *\n * ### Disabling Animations Application-wide\n * When an area of the template is set to have animations disabled, **all** inner components will\n * also have their animations disabled as well. This means that all animations for an angular\n * application can be disabled by placing a host binding set on `\\@.disabled` on the topmost Angular\n * component.\n *\n * ```ts\n * import {Component, HostBinding} from '\\@angular/core';\n *\n * \\@Component({\n * selector: 'app-component',\n * templateUrl: 'app.component.html',\n * })\n * class AppComponent {\n * \\@HostBinding('\\@.disabled')\n * public animationsDisabled = true;\n * }\n * ```\n *\n * ### What about animations that us `query()` and `animateChild()`?\n * Despite inner animations being disabled, a parent animation can {\\@link query query} for inner\n * elements located in disabled areas of the template and still animate them as it sees fit. This is\n * also the case for when a sub animation is queried by a parent and then later animated using {\\@link\n * animateChild animateChild}.\n *\n * \\@experimental Animation support is experimental.\n * @param {?} name\n * @param {?} definitions\n * @return {?}\n */\nfunction trigger(name, definitions) {\n return { type: 7 /* Trigger */, name: name, definitions: definitions, options: {} };\n}\n/**\n * `animate` is an animation-specific function that is designed to be used inside of Angular's\n * animation DSL language. If this information is new, please navigate to the {\\@link\n * Component#animations component animations metadata page} to gain a better understanding of\n * how animations in Angular are used.\n *\n * `animate` specifies an animation step that will apply the provided `styles` data for a given\n * amount of time based on the provided `timing` expression value. Calls to `animate` are expected\n * to be used within {\\@link sequence an animation sequence}, {\\@link group group}, or {\\@link\n * transition transition}.\n *\n * ### Usage\n *\n * The `animate` function accepts two input parameters: `timing` and `styles`:\n *\n * - `timing` is a string based value that can be a combination of a duration with optional delay\n * and easing values. The format for the expression breaks down to `duration delay easing`\n * (therefore a value such as `1s 100ms ease-out` will be parse itself into `duration=1000,\n * delay=100, easing=ease-out`. If a numeric value is provided then that will be used as the\n * `duration` value in millisecond form.\n * - `styles` is the style input data which can either be a call to {\\@link style style} or {\\@link\n * keyframes keyframes}. If left empty then the styles from the destination state will be collected\n * and used (this is useful when describing an animation step that will complete an animation by\n * {\\@link transition#the-final-animate-call animating to the final state}).\n *\n * ```typescript\n * // various functions for specifying timing data\n * animate(500, style(...))\n * animate(\"1s\", style(...))\n * animate(\"100ms 0.5s\", style(...))\n * animate(\"5s ease\", style(...))\n * animate(\"5s 10ms cubic-bezier(.17,.67,.88,.1)\", style(...))\n *\n * // either style() of keyframes() can be used\n * animate(500, style({ background: \"red\" }))\n * animate(500, keyframes([\n * style({ background: \"blue\" })),\n * style({ background: \"red\" }))\n * ])\n * ```\n *\n * {\\@example core/animation/ts/dsl/animation_example.ts region='Component'}\n *\n * \\@experimental Animation support is experimental.\n * @param {?} timings\n * @param {?=} styles\n * @return {?}\n */\nfunction animate(timings, styles) {\n if (styles === void 0) { styles = null; }\n return { type: 4 /* Animate */, styles: styles, timings: timings };\n}\n/**\n * `group` is an animation-specific function that is designed to be used inside of Angular's\n * animation DSL language. If this information is new, please navigate to the {\\@link\n * Component#animations component animations metadata page} to gain a better understanding of\n * how animations in Angular are used.\n *\n * `group` specifies a list of animation steps that are all run in parallel. Grouped animations are\n * useful when a series of styles must be animated/closed off at different starting/ending times.\n *\n * The `group` function can either be used within a {\\@link sequence sequence} or a {\\@link transition\n * transition} and it will only continue to the next instruction once all of the inner animation\n * steps have completed.\n *\n * ### Usage\n *\n * The `steps` data that is passed into the `group` animation function can either consist of {\\@link\n * style style} or {\\@link animate animate} function calls. Each call to `style()` or `animate()`\n * within a group will be executed instantly (use {\\@link keyframes keyframes} or a {\\@link\n * animate#usage animate() with a delay value} to offset styles to be applied at a later time).\n *\n * ```typescript\n * group([\n * animate(\"1s\", { background: \"black\" }))\n * animate(\"2s\", { color: \"white\" }))\n * ])\n * ```\n *\n * {\\@example core/animation/ts/dsl/animation_example.ts region='Component'}\n *\n * \\@experimental Animation support is experimental.\n * @param {?} steps\n * @param {?=} options\n * @return {?}\n */\nfunction group(steps, options) {\n if (options === void 0) { options = null; }\n return { type: 3 /* Group */, steps: steps, options: options };\n}\n/**\n * `sequence` is an animation-specific function that is designed to be used inside of Angular's\n * animation DSL language. If this information is new, please navigate to the {\\@link\n * Component#animations component animations metadata page} to gain a better understanding of\n * how animations in Angular are used.\n *\n * `sequence` Specifies a list of animation steps that are run one by one. (`sequence` is used by\n * default when an array is passed as animation data into {\\@link transition transition}.)\n *\n * The `sequence` function can either be used within a {\\@link group group} or a {\\@link transition\n * transition} and it will only continue to the next instruction once each of the inner animation\n * steps have completed.\n *\n * To perform animation styling in parallel with other animation steps then have a look at the\n * {\\@link group group} animation function.\n *\n * ### Usage\n *\n * The `steps` data that is passed into the `sequence` animation function can either consist of\n * {\\@link style style} or {\\@link animate animate} function calls. A call to `style()` will apply the\n * provided styling data immediately while a call to `animate()` will apply its styling data over a\n * given time depending on its timing data.\n *\n * ```typescript\n * sequence([\n * style({ opacity: 0 })),\n * animate(\"1s\", { opacity: 1 }))\n * ])\n * ```\n *\n * {\\@example core/animation/ts/dsl/animation_example.ts region='Component'}\n *\n * \\@experimental Animation support is experimental.\n * @param {?} steps\n * @param {?=} options\n * @return {?}\n */\nfunction sequence(steps, options) {\n if (options === void 0) { options = null; }\n return { type: 2 /* Sequence */, steps: steps, options: options };\n}\n/**\n * `style` is an animation-specific function that is designed to be used inside of Angular's\n * animation DSL language. If this information is new, please navigate to the {\\@link\n * Component#animations component animations metadata page} to gain a better understanding of\n * how animations in Angular are used.\n *\n * `style` declares a key/value object containing CSS properties/styles that can then be used for\n * {\\@link state animation states}, within an {\\@link sequence animation sequence}, or as styling data\n * for both {\\@link animate animate} and {\\@link keyframes keyframes}.\n *\n * ### Usage\n *\n * `style` takes in a key/value string map as data and expects one or more CSS property/value pairs\n * to be defined.\n *\n * ```typescript\n * // string values are used for css properties\n * style({ background: \"red\", color: \"blue\" })\n *\n * // numerical (pixel) values are also supported\n * style({ width: 100, height: 0 })\n * ```\n *\n * #### Auto-styles (using `*`)\n *\n * When an asterix (`*`) character is used as a value then it will be detected from the element\n * being animated and applied as animation data when the animation starts.\n *\n * This feature proves useful for a state depending on layout and/or environment factors; in such\n * cases the styles are calculated just before the animation starts.\n *\n * ```typescript\n * // the steps below will animate from 0 to the\n * // actual height of the element\n * style({ height: 0 }),\n * animate(\"1s\", style({ height: \"*\" }))\n * ```\n *\n * {\\@example core/animation/ts/dsl/animation_example.ts region='Component'}\n *\n * \\@experimental Animation support is experimental.\n * @param {?} tokens\n * @return {?}\n */\nfunction style(tokens) {\n return { type: 6 /* Style */, styles: tokens, offset: null };\n}\n/**\n * `state` is an animation-specific function that is designed to be used inside of Angular's\n * animation DSL language. If this information is new, please navigate to the {\\@link\n * Component#animations component animations metadata page} to gain a better understanding of\n * how animations in Angular are used.\n *\n * `state` declares an animation state within the given trigger. When a state is active within a\n * component then its associated styles will persist on the element that the trigger is attached to\n * (even when the animation ends).\n *\n * To animate between states, have a look at the animation {\\@link transition transition} DSL\n * function. To register states to an animation trigger please have a look at the {\\@link trigger\n * trigger} function.\n *\n * #### The `void` state\n *\n * The `void` state value is a reserved word that angular uses to determine when the element is not\n * apart of the application anymore (e.g. when an `ngIf` evaluates to false then the state of the\n * associated element is void).\n *\n * #### The `*` (default) state\n *\n * The `*` state (when styled) is a fallback state that will be used if the state that is being\n * animated is not declared within the trigger.\n *\n * ### Usage\n *\n * `state` will declare an animation state with its associated styles\n * within the given trigger.\n *\n * - `stateNameExpr` can be one or more state names separated by commas.\n * - `styles` refers to the {\\@link style styling data} that will be persisted on the element once\n * the state has been reached.\n *\n * ```typescript\n * // \"void\" is a reserved name for a state and is used to represent\n * // the state in which an element is detached from from the application.\n * state(\"void\", style({ height: 0 }))\n *\n * // user-defined states\n * state(\"closed\", style({ height: 0 }))\n * state(\"open, visible\", style({ height: \"*\" }))\n * ```\n *\n * {\\@example core/animation/ts/dsl/animation_example.ts region='Component'}\n *\n * \\@experimental Animation support is experimental.\n * @param {?} name\n * @param {?} styles\n * @param {?=} options\n * @return {?}\n */\nfunction animations_es5_state(name, styles, options) {\n return { type: 0 /* State */, name: name, styles: styles, options: options };\n}\n/**\n * `keyframes` is an animation-specific function that is designed to be used inside of Angular's\n * animation DSL language. If this information is new, please navigate to the {\\@link\n * Component#animations component animations metadata page} to gain a better understanding of\n * how animations in Angular are used.\n *\n * `keyframes` specifies a collection of {\\@link style style} entries each optionally characterized\n * by an `offset` value.\n *\n * ### Usage\n *\n * The `keyframes` animation function is designed to be used alongside the {\\@link animate animate}\n * animation function. Instead of applying animations from where they are currently to their\n * destination, keyframes can describe how each style entry is applied and at what point within the\n * animation arc (much like CSS Keyframe Animations do).\n *\n * For each `style()` entry an `offset` value can be set. Doing so allows to specifiy at what\n * percentage of the animate time the styles will be applied.\n *\n * ```typescript\n * // the provided offset values describe when each backgroundColor value is applied.\n * animate(\"5s\", keyframes([\n * style({ backgroundColor: \"red\", offset: 0 }),\n * style({ backgroundColor: \"blue\", offset: 0.2 }),\n * style({ backgroundColor: \"orange\", offset: 0.3 }),\n * style({ backgroundColor: \"black\", offset: 1 })\n * ]))\n * ```\n *\n * Alternatively, if there are no `offset` values used within the style entries then the offsets\n * will be calculated automatically.\n *\n * ```typescript\n * animate(\"5s\", keyframes([\n * style({ backgroundColor: \"red\" }) // offset = 0\n * style({ backgroundColor: \"blue\" }) // offset = 0.33\n * style({ backgroundColor: \"orange\" }) // offset = 0.66\n * style({ backgroundColor: \"black\" }) // offset = 1\n * ]))\n * ```\n *\n * {\\@example core/animation/ts/dsl/animation_example.ts region='Component'}\n *\n * \\@experimental Animation support is experimental.\n * @param {?} steps\n * @return {?}\n */\nfunction animations_es5_keyframes(steps) {\n return { type: 5 /* Keyframes */, steps: steps };\n}\n/**\n * `transition` is an animation-specific function that is designed to be used inside of Angular's\n * animation DSL language. If this information is new, please navigate to the {\\@link\n * Component#animations component animations metadata page} to gain a better understanding of\n * how animations in Angular are used.\n *\n * `transition` declares the {\\@link sequence sequence of animation steps} that will be run when the\n * provided `stateChangeExpr` value is satisfied. The `stateChangeExpr` consists of a `state1 =>\n * state2` which consists of two known states (use an asterix (`*`) to refer to a dynamic starting\n * and/or ending state).\n *\n * A function can also be provided as the `stateChangeExpr` argument for a transition and this\n * function will be executed each time a state change occurs. If the value returned within the\n * function is true then the associated animation will be run.\n *\n * Animation transitions are placed within an {\\@link trigger animation trigger}. For an transition\n * to animate to a state value and persist its styles then one or more {\\@link state animation\n * states} is expected to be defined.\n *\n * ### Usage\n *\n * An animation transition is kicked off the `stateChangeExpr` predicate evaluates to true based on\n * what the previous state is and what the current state has become. In other words, if a transition\n * is defined that matches the old/current state criteria then the associated animation will be\n * triggered.\n *\n * ```typescript\n * // all transition/state changes are defined within an animation trigger\n * trigger(\"myAnimationTrigger\", [\n * // if a state is defined then its styles will be persisted when the\n * // animation has fully completed itself\n * state(\"on\", style({ background: \"green\" })),\n * state(\"off\", style({ background: \"grey\" })),\n *\n * // a transition animation that will be kicked off when the state value\n * // bound to \"myAnimationTrigger\" changes from \"on\" to \"off\"\n * transition(\"on => off\", animate(500)),\n *\n * // it is also possible to do run the same animation for both directions\n * transition(\"on <=> off\", animate(500)),\n *\n * // or to define multiple states pairs separated by commas\n * transition(\"on => off, off => void\", animate(500)),\n *\n * // this is a catch-all state change for when an element is inserted into\n * // the page and the destination state is unknown\n * transition(\"void => *\", [\n * style({ opacity: 0 }),\n * animate(500)\n * ]),\n *\n * // this will capture a state change between any states\n * transition(\"* => *\", animate(\"1s 0s\")),\n *\n * // you can also go full out and include a function\n * transition((fromState, toState) => {\n * // when `true` then it will allow the animation below to be invoked\n * return fromState == \"off\" && toState == \"on\";\n * }, animate(\"1s 0s\"))\n * ])\n * ```\n *\n * The template associated with this component will make use of the `myAnimationTrigger` animation\n * trigger by binding to an element within its template code.\n *\n * ```html\n * \n *
...
\n * ```\n *\n * #### The final `animate` call\n *\n * If the final step within the transition steps is a call to `animate()` that **only** uses a\n * timing value with **no style data** then it will be automatically used as the final animation arc\n * for the element to animate itself to the final state. This involves an automatic mix of\n * adding/removing CSS styles so that the element will be in the exact state it should be for the\n * applied state to be presented correctly.\n *\n * ```\n * // start off by hiding the element, but make sure that it animates properly to whatever state\n * // is currently active for \"myAnimationTrigger\"\n * transition(\"void => *\", [\n * style({ opacity: 0 }),\n * animate(500)\n * ])\n * ```\n *\n * ### Transition Aliases (`:enter` and `:leave`)\n *\n * Given that enter (insertion) and leave (removal) animations are so common, the `transition`\n * function accepts both `:enter` and `:leave` values which are aliases for the `void => *` and `*\n * => void` state changes.\n *\n * ```\n * transition(\":enter\", [\n * style({ opacity: 0 }),\n * animate(500, style({ opacity: 1 }))\n * ])\n * transition(\":leave\", [\n * animate(500, style({ opacity: 0 }))\n * ])\n * ```\n *\n * ### Boolean values\n * if a trigger binding value is a boolean value then it can be matched using a transition\n * expression that compares `true` and `false` or `1` and `0`.\n *\n * ```\n * // in the template\n *
...
\n *\n * // in the component metadata\n * trigger('openClose', [\n * state('true', style({ height: '*' })),\n * state('false', style({ height: '0px' })),\n * transition('false <=> true', animate(500))\n * ])\n * ```\n * {\\@example core/animation/ts/dsl/animation_example.ts region='Component'}\n *\n * \\@experimental Animation support is experimental.\n * @param {?} stateChangeExpr\n * @param {?} steps\n * @param {?=} options\n * @return {?}\n */\nfunction transition(stateChangeExpr, steps, options) {\n if (options === void 0) { options = null; }\n return { type: 1 /* Transition */, expr: stateChangeExpr, animation: steps, options: options };\n}\n/**\n * `animation` is an animation-specific function that is designed to be used inside of Angular's\n * animation DSL language.\n *\n * `var myAnimation = animation(...)` is designed to produce a reusable animation that can be later\n * invoked in another animation or sequence. Reusable animations are designed to make use of\n * animation parameters and the produced animation can be used via the `useAnimation` method.\n *\n * ```\n * var fadeAnimation = animation([\n * style({ opacity: '{{ start }}' }),\n * animate('{{ time }}',\n * style({ opacity: '{{ end }}'}))\n * ], { params: { time: '1000ms', start: 0, end: 1 }});\n * ```\n *\n * If parameters are attached to an animation then they act as **default parameter values**. When an\n * animation is invoked via `useAnimation` then parameter values are allowed to be passed in\n * directly. If any of the passed in parameter values are missing then the default values will be\n * used.\n *\n * ```\n * useAnimation(fadeAnimation, {\n * params: {\n * time: '2s',\n * start: 1,\n * end: 0\n * }\n * })\n * ```\n *\n * If one or more parameter values are missing before animated then an error will be thrown.\n *\n * \\@experimental Animation support is experimental.\n * @param {?} steps\n * @param {?=} options\n * @return {?}\n */\nfunction animations_es5_animation(steps, options) {\n if (options === void 0) { options = null; }\n return { type: 8 /* Reference */, animation: steps, options: options };\n}\n/**\n * `animateChild` is an animation-specific function that is designed to be used inside of Angular's\n * animation DSL language. It works by allowing a queried element to execute its own\n * animation within the animation sequence.\n *\n * Each time an animation is triggered in angular, the parent animation\n * will always get priority and any child animations will be blocked. In order\n * for a child animation to run, the parent animation must query each of the elements\n * containing child animations and then allow the animations to run using `animateChild`.\n *\n * The example HTML code below shows both parent and child elements that have animation\n * triggers that will execute at the same time.\n *\n * ```html\n * \n *
Toggle \n *
\n *\n *
\n *
\n *
\n * one\n *
\n *
\n * two\n *
\n *
\n * three\n *
\n *
\n * ```\n *\n * Now when the `exp` value changes to true, only the `parentAnimation` animation will animate\n * because it has priority. However, using `query` and `animateChild` each of the inner animations\n * can also fire:\n *\n * ```ts\n * // parent-child.component.ts\n * import {trigger, transition, animate, style, query, animateChild} from '\\@angular/animations';\n * \\@Component({\n * selector: 'parent-child-component',\n * animations: [\n * trigger('parentAnimation', [\n * transition('false => true', [\n * query('header', [\n * style({ opacity: 0 }),\n * animate(500, style({ opacity: 1 }))\n * ]),\n * query('\\@childAnimation', [\n * animateChild()\n * ])\n * ])\n * ]),\n * trigger('childAnimation', [\n * transition('false => true', [\n * style({ opacity: 0 }),\n * animate(500, style({ opacity: 1 }))\n * ])\n * ])\n * ]\n * })\n * class ParentChildCmp {\n * exp: boolean = false;\n * }\n * ```\n *\n * In the animation code above, when the `parentAnimation` transition kicks off it first queries to\n * find the header element and fades it in. It then finds each of the sub elements that contain the\n * `\\@childAnimation` trigger and then allows for their animations to fire.\n *\n * This example can be further extended by using stagger:\n *\n * ```ts\n * query('\\@childAnimation', stagger(100, [\n * animateChild()\n * ]))\n * ```\n *\n * Now each of the sub animations start off with respect to the `100ms` staggering step.\n *\n * ## The first frame of child animations\n * When sub animations are executed using `animateChild` the animation engine will always apply the\n * first frame of every sub animation immediately at the start of the animation sequence. This way\n * the parent animation does not need to set any initial styling data on the sub elements before the\n * sub animations kick off.\n *\n * In the example above the first frame of the `childAnimation`'s `false => true` transition\n * consists of a style of `opacity: 0`. This is applied immediately when the `parentAnimation`\n * animation transition sequence starts. Only then when the `\\@childAnimation` is queried and called\n * with `animateChild` will it then animate to its destination of `opacity: 1`.\n *\n * Note that this feature designed to be used alongside {\\@link query query()} and it will only work\n * with animations that are assigned using the Angular animation DSL (this means that CSS keyframes\n * and transitions are not handled by this API).\n *\n * \\@experimental Animation support is experimental.\n * @param {?=} options\n * @return {?}\n */\nfunction animateChild(options) {\n if (options === void 0) { options = null; }\n return { type: 9 /* AnimateChild */, options: options };\n}\n/**\n * `useAnimation` is an animation-specific function that is designed to be used inside of Angular's\n * animation DSL language. It is used to kick off a reusable animation that is created using {\\@link\n * animation animation()}.\n *\n * \\@experimental Animation support is experimental.\n * @param {?} animation\n * @param {?=} options\n * @return {?}\n */\nfunction useAnimation(animation, options) {\n if (options === void 0) { options = null; }\n return { type: 10 /* AnimateRef */, animation: animation, options: options };\n}\n/**\n * `query` is an animation-specific function that is designed to be used inside of Angular's\n * animation DSL language.\n *\n * query() is used to find one or more inner elements within the current element that is\n * being animated within the sequence. The provided animation steps are applied\n * to the queried element (by default, an array is provided, then this will be\n * treated as an animation sequence).\n *\n * ### Usage\n *\n * query() is designed to collect mutiple elements and works internally by using\n * `element.querySelectorAll`. An additional options object can be provided which\n * can be used to limit the total amount of items to be collected.\n *\n * ```js\n * query('div', [\n * animate(...),\n * animate(...)\n * ], { limit: 1 })\n * ```\n *\n * query(), by default, will throw an error when zero items are found. If a query\n * has the `optional` flag set to true then this error will be ignored.\n *\n * ```js\n * query('.some-element-that-may-not-be-there', [\n * animate(...),\n * animate(...)\n * ], { optional: true })\n * ```\n *\n * ### Special Selector Values\n *\n * The selector value within a query can collect elements that contain angular-specific\n * characteristics\n * using special pseudo-selectors tokens.\n *\n * These include:\n *\n * - Querying for newly inserted/removed elements using `query(\":enter\")`/`query(\":leave\")`\n * - Querying all currently animating elements using `query(\":animating\")`\n * - Querying elements that contain an animation trigger using `query(\"\\@triggerName\")`\n * - Querying all elements that contain an animation triggers using `query(\"\\@*\")`\n * - Including the current element into the animation sequence using `query(\":self\")`\n *\n *\n * Each of these pseudo-selector tokens can be merged together into a combined query selector\n * string:\n *\n * ```\n * query(':self, .record:enter, .record:leave, \\@subTrigger', [...])\n * ```\n *\n * ### Demo\n *\n * ```\n * \\@Component({\n * selector: 'inner',\n * template: `\n *
\n *
Title \n *
\n * Blah blah blah\n *
\n *
\n * `,\n * animations: [\n * trigger('queryAnimation', [\n * transition('* => goAnimate', [\n * // hide the inner elements\n * query('h1', style({ opacity: 0 })),\n * query('.content', style({ opacity: 0 })),\n *\n * // animate the inner elements in, one by one\n * query('h1', animate(1000, style({ opacity: 1 })),\n * query('.content', animate(1000, style({ opacity: 1 })),\n * ])\n * ])\n * ]\n * })\n * class Cmp {\n * exp = '';\n *\n * goAnimate() {\n * this.exp = 'goAnimate';\n * }\n * }\n * ```\n *\n * \\@experimental Animation support is experimental.\n * @param {?} selector\n * @param {?} animation\n * @param {?=} options\n * @return {?}\n */\nfunction animations_es5_query(selector, animation, options) {\n if (options === void 0) { options = null; }\n return { type: 11 /* Query */, selector: selector, animation: animation, options: options };\n}\n/**\n * `stagger` is an animation-specific function that is designed to be used inside of Angular's\n * animation DSL language. It is designed to be used inside of an animation {\\@link query query()}\n * and works by issuing a timing gap between after each queried item is animated.\n *\n * ### Usage\n *\n * In the example below there is a container element that wraps a list of items stamped out\n * by an ngFor. The container element contains an animation trigger that will later be set\n * to query for each of the inner items.\n *\n * ```html\n * \n *
Show / Hide Items \n *
\n *
\n *
\n * {{ item }}\n *
\n *
\n * ```\n *\n * The component code for this looks as such:\n *\n * ```ts\n * import {trigger, transition, style, animate, query, stagger} from '\\@angular/animations';\n * \\@Component({\n * templateUrl: 'list.component.html',\n * animations: [\n * trigger('listAnimation', [\n * //...\n * ])\n * ]\n * })\n * class ListComponent {\n * items = [];\n *\n * showItems() {\n * this.items = [0,1,2,3,4];\n * }\n *\n * hideItems() {\n * this.items = [];\n * }\n *\n * toggle() {\n * this.items.length ? this.hideItems() : this.showItems();\n * }\n * }\n * ```\n *\n * And now for the animation trigger code:\n *\n * ```ts\n * trigger('listAnimation', [\n * transition('* => *', [ // each time the binding value changes\n * query(':leave', [\n * stagger(100, [\n * animate('0.5s', style({ opacity: 0 }))\n * ])\n * ]),\n * query(':enter', [\n * style({ opacity: 0 }),\n * stagger(100, [\n * animate('0.5s', style({ opacity: 1 }))\n * ])\n * ])\n * ])\n * ])\n * ```\n *\n * Now each time the items are added/removed then either the opacity\n * fade-in animation will run or each removed item will be faded out.\n * When either of these animations occur then a stagger effect will be\n * applied after each item's animation is started.\n *\n * \\@experimental Animation support is experimental.\n * @param {?} timings\n * @param {?} animation\n * @return {?}\n */\nfunction stagger(timings, animation) {\n return { type: 12 /* Stagger */, timings: timings, animation: animation };\n}\n/**\n * @license\n * Copyright Google Inc. All Rights Reserved.\n *\n * Use of this source code is governed by an MIT-style license that can be\n * found in the LICENSE file at https://angular.io/license\n * @param {?} cb\n * @return {?}\n */\nfunction scheduleMicroTask(cb) {\n Promise.resolve(null).then(cb);\n}\n/**\n * @license\n * Copyright Google Inc. All Rights Reserved.\n *\n * Use of this source code is governed by an MIT-style license that can be\n * found in the LICENSE file at https://angular.io/license\n */\n/**\n * \\@experimental Animation support is experimental.\n */\nvar NoopAnimationPlayer = (function () {\n function NoopAnimationPlayer() {\n this._onDoneFns = [];\n this._onStartFns = [];\n this._onDestroyFns = [];\n this._started = false;\n this._destroyed = false;\n this._finished = false;\n this.parentPlayer = null;\n this.totalTime = 0;\n }\n /**\n * @return {?}\n */\n NoopAnimationPlayer.prototype._onFinish = function () {\n if (!this._finished) {\n this._finished = true;\n this._onDoneFns.forEach(function (fn) { return fn(); });\n this._onDoneFns = [];\n }\n };\n /**\n * @param {?} fn\n * @return {?}\n */\n NoopAnimationPlayer.prototype.onStart = function (fn) { this._onStartFns.push(fn); };\n /**\n * @param {?} fn\n * @return {?}\n */\n NoopAnimationPlayer.prototype.onDone = function (fn) { this._onDoneFns.push(fn); };\n /**\n * @param {?} fn\n * @return {?}\n */\n NoopAnimationPlayer.prototype.onDestroy = function (fn) { this._onDestroyFns.push(fn); };\n /**\n * @return {?}\n */\n NoopAnimationPlayer.prototype.hasStarted = function () { return this._started; };\n /**\n * @return {?}\n */\n NoopAnimationPlayer.prototype.init = function () { };\n /**\n * @return {?}\n */\n NoopAnimationPlayer.prototype.play = function () {\n if (!this.hasStarted()) {\n this.triggerMicrotask();\n this._onStart();\n }\n this._started = true;\n };\n /**\n * @return {?}\n */\n NoopAnimationPlayer.prototype.triggerMicrotask = function () {\n var _this = this;\n scheduleMicroTask(function () { return _this._onFinish(); });\n };\n /**\n * @return {?}\n */\n NoopAnimationPlayer.prototype._onStart = function () {\n this._onStartFns.forEach(function (fn) { return fn(); });\n this._onStartFns = [];\n };\n /**\n * @return {?}\n */\n NoopAnimationPlayer.prototype.pause = function () { };\n /**\n * @return {?}\n */\n NoopAnimationPlayer.prototype.restart = function () { };\n /**\n * @return {?}\n */\n NoopAnimationPlayer.prototype.finish = function () { this._onFinish(); };\n /**\n * @return {?}\n */\n NoopAnimationPlayer.prototype.destroy = function () {\n if (!this._destroyed) {\n this._destroyed = true;\n if (!this.hasStarted()) {\n this._onStart();\n }\n this.finish();\n this._onDestroyFns.forEach(function (fn) { return fn(); });\n this._onDestroyFns = [];\n }\n };\n /**\n * @return {?}\n */\n NoopAnimationPlayer.prototype.reset = function () { };\n /**\n * @param {?} p\n * @return {?}\n */\n NoopAnimationPlayer.prototype.setPosition = function (p) { };\n /**\n * @return {?}\n */\n NoopAnimationPlayer.prototype.getPosition = function () { return 0; };\n return NoopAnimationPlayer;\n}());\n/**\n * @license\n * Copyright Google Inc. All Rights Reserved.\n *\n * Use of this source code is governed by an MIT-style license that can be\n * found in the LICENSE file at https://angular.io/license\n */\nvar AnimationGroupPlayer = (function () {\n /**\n * @param {?} _players\n */\n function AnimationGroupPlayer(_players) {\n var _this = this;\n this._players = _players;\n this._onDoneFns = [];\n this._onStartFns = [];\n this._finished = false;\n this._started = false;\n this._destroyed = false;\n this._onDestroyFns = [];\n this.parentPlayer = null;\n this.totalTime = 0;\n var doneCount = 0;\n var destroyCount = 0;\n var startCount = 0;\n var total = this._players.length;\n if (total == 0) {\n scheduleMicroTask(function () { return _this._onFinish(); });\n }\n else {\n this._players.forEach(function (player) {\n player.parentPlayer = _this;\n player.onDone(function () {\n if (++doneCount >= total) {\n _this._onFinish();\n }\n });\n player.onDestroy(function () {\n if (++destroyCount >= total) {\n _this._onDestroy();\n }\n });\n player.onStart(function () {\n if (++startCount >= total) {\n _this._onStart();\n }\n });\n });\n }\n this.totalTime = this._players.reduce(function (time, player) { return Math.max(time, player.totalTime); }, 0);\n }\n /**\n * @return {?}\n */\n AnimationGroupPlayer.prototype._onFinish = function () {\n if (!this._finished) {\n this._finished = true;\n this._onDoneFns.forEach(function (fn) { return fn(); });\n this._onDoneFns = [];\n }\n };\n /**\n * @return {?}\n */\n AnimationGroupPlayer.prototype.init = function () { this._players.forEach(function (player) { return player.init(); }); };\n /**\n * @param {?} fn\n * @return {?}\n */\n AnimationGroupPlayer.prototype.onStart = function (fn) { this._onStartFns.push(fn); };\n /**\n * @return {?}\n */\n AnimationGroupPlayer.prototype._onStart = function () {\n if (!this.hasStarted()) {\n this._onStartFns.forEach(function (fn) { return fn(); });\n this._onStartFns = [];\n this._started = true;\n }\n };\n /**\n * @param {?} fn\n * @return {?}\n */\n AnimationGroupPlayer.prototype.onDone = function (fn) { this._onDoneFns.push(fn); };\n /**\n * @param {?} fn\n * @return {?}\n */\n AnimationGroupPlayer.prototype.onDestroy = function (fn) { this._onDestroyFns.push(fn); };\n /**\n * @return {?}\n */\n AnimationGroupPlayer.prototype.hasStarted = function () { return this._started; };\n /**\n * @return {?}\n */\n AnimationGroupPlayer.prototype.play = function () {\n if (!this.parentPlayer) {\n this.init();\n }\n this._onStart();\n this._players.forEach(function (player) { return player.play(); });\n };\n /**\n * @return {?}\n */\n AnimationGroupPlayer.prototype.pause = function () { this._players.forEach(function (player) { return player.pause(); }); };\n /**\n * @return {?}\n */\n AnimationGroupPlayer.prototype.restart = function () { this._players.forEach(function (player) { return player.restart(); }); };\n /**\n * @return {?}\n */\n AnimationGroupPlayer.prototype.finish = function () {\n this._onFinish();\n this._players.forEach(function (player) { return player.finish(); });\n };\n /**\n * @return {?}\n */\n AnimationGroupPlayer.prototype.destroy = function () { this._onDestroy(); };\n /**\n * @return {?}\n */\n AnimationGroupPlayer.prototype._onDestroy = function () {\n if (!this._destroyed) {\n this._destroyed = true;\n this._onFinish();\n this._players.forEach(function (player) { return player.destroy(); });\n this._onDestroyFns.forEach(function (fn) { return fn(); });\n this._onDestroyFns = [];\n }\n };\n /**\n * @return {?}\n */\n AnimationGroupPlayer.prototype.reset = function () {\n this._players.forEach(function (player) { return player.reset(); });\n this._destroyed = false;\n this._finished = false;\n this._started = false;\n };\n /**\n * @param {?} p\n * @return {?}\n */\n AnimationGroupPlayer.prototype.setPosition = function (p) {\n var /** @type {?} */ timeAtPosition = p * this.totalTime;\n this._players.forEach(function (player) {\n var /** @type {?} */ position = player.totalTime ? Math.min(1, timeAtPosition / player.totalTime) : 1;\n player.setPosition(position);\n });\n };\n /**\n * @return {?}\n */\n AnimationGroupPlayer.prototype.getPosition = function () {\n var /** @type {?} */ min = 0;\n this._players.forEach(function (player) {\n var /** @type {?} */ p = player.getPosition();\n min = Math.min(p, min);\n });\n return min;\n };\n Object.defineProperty(AnimationGroupPlayer.prototype, \"players\", {\n /**\n * @return {?}\n */\n get: function () { return this._players; },\n enumerable: true,\n configurable: true\n });\n /**\n * @return {?}\n */\n AnimationGroupPlayer.prototype.beforeDestroy = function () {\n this.players.forEach(function (player) {\n if (player.beforeDestroy) {\n player.beforeDestroy();\n }\n });\n };\n return AnimationGroupPlayer;\n}());\n/**\n * @license\n * Copyright Google Inc. All Rights Reserved.\n *\n * Use of this source code is governed by an MIT-style license that can be\n * found in the LICENSE file at https://angular.io/license\n */\nvar ɵPRE_STYLE = '!';\n/**\n * @license\n * Copyright Google Inc. All Rights Reserved.\n *\n * Use of this source code is governed by an MIT-style license that can be\n * found in the LICENSE file at https://angular.io/license\n */\n/**\n * @module\n * @description\n * Entry point for all animation APIs of the animation package.\n */\n/**\n * @license\n * Copyright Google Inc. All Rights Reserved.\n *\n * Use of this source code is governed by an MIT-style license that can be\n * found in the LICENSE file at https://angular.io/license\n */\n/**\n * @module\n * @description\n * Entry point for all public APIs of the animation package.\n */\n/**\n * Generated bundle index. Do not edit.\n */\n\n//# sourceMappingURL=animations.es5.js.map\n\n// CONCATENATED MODULE: ./node_modules/@angular/animations/@angular/animations/browser.es5.js\n\n/**\n * @license Angular v4.4.7\n * (c) 2010-2017 Google, Inc. https://angular.io/\n * License: MIT\n */\n\n/**\n * @license\n * Copyright Google Inc. All Rights Reserved.\n *\n * Use of this source code is governed by an MIT-style license that can be\n * found in the LICENSE file at https://angular.io/license\n */\nfunction optimizeGroupPlayer(players) {\n switch (players.length) {\n case 0:\n return new NoopAnimationPlayer();\n case 1:\n return players[0];\n default:\n return new AnimationGroupPlayer(players);\n }\n}\nfunction normalizeKeyframes(driver, normalizer, element, keyframes, preStyles, postStyles) {\n if (preStyles === void 0) { preStyles = {}; }\n if (postStyles === void 0) { postStyles = {}; }\n var errors = [];\n var normalizedKeyframes = [];\n var previousOffset = -1;\n var previousKeyframe = null;\n keyframes.forEach(function (kf) {\n var offset = kf['offset'];\n var isSameOffset = offset == previousOffset;\n var normalizedKeyframe = (isSameOffset && previousKeyframe) || {};\n Object.keys(kf).forEach(function (prop) {\n var normalizedProp = prop;\n var normalizedValue = kf[prop];\n if (prop !== 'offset') {\n normalizedProp = normalizer.normalizePropertyName(normalizedProp, errors);\n switch (normalizedValue) {\n case ɵPRE_STYLE:\n normalizedValue = preStyles[prop];\n break;\n case AUTO_STYLE:\n normalizedValue = postStyles[prop];\n break;\n default:\n normalizedValue =\n normalizer.normalizeStyleValue(prop, normalizedProp, normalizedValue, errors);\n break;\n }\n }\n normalizedKeyframe[normalizedProp] = normalizedValue;\n });\n if (!isSameOffset) {\n normalizedKeyframes.push(normalizedKeyframe);\n }\n previousKeyframe = normalizedKeyframe;\n previousOffset = offset;\n });\n if (errors.length) {\n var LINE_START = '\\n - ';\n throw new Error(\"Unable to animate due to the following errors:\" + LINE_START + errors.join(LINE_START));\n }\n return normalizedKeyframes;\n}\nfunction listenOnPlayer(player, eventName, event, callback) {\n switch (eventName) {\n case 'start':\n player.onStart(function () { return callback(event && copyAnimationEvent(event, 'start', player.totalTime)); });\n break;\n case 'done':\n player.onDone(function () { return callback(event && copyAnimationEvent(event, 'done', player.totalTime)); });\n break;\n case 'destroy':\n player.onDestroy(function () { return callback(event && copyAnimationEvent(event, 'destroy', player.totalTime)); });\n break;\n }\n}\nfunction copyAnimationEvent(e, phaseName, totalTime) {\n var event = makeAnimationEvent(e.element, e.triggerName, e.fromState, e.toState, phaseName || e.phaseName, totalTime == undefined ? e.totalTime : totalTime);\n var data = e['_data'];\n if (data != null) {\n event['_data'] = data;\n }\n return event;\n}\nfunction makeAnimationEvent(element, triggerName, fromState, toState, phaseName, totalTime) {\n if (phaseName === void 0) { phaseName = ''; }\n if (totalTime === void 0) { totalTime = 0; }\n return { element: element, triggerName: triggerName, fromState: fromState, toState: toState, phaseName: phaseName, totalTime: totalTime };\n}\nfunction getOrSetAsInMap(map, key, defaultValue) {\n var value;\n if (map instanceof Map) {\n value = map.get(key);\n if (!value) {\n map.set(key, value = defaultValue);\n }\n }\n else {\n value = map[key];\n if (!value) {\n value = map[key] = defaultValue;\n }\n }\n return value;\n}\nfunction parseTimelineCommand(command) {\n var separatorPos = command.indexOf(':');\n var id = command.substring(1, separatorPos);\n var action = command.substr(separatorPos + 1);\n return [id, action];\n}\nvar _contains = function (elm1, elm2) { return false; };\nvar _matches = function (element, selector) { return false; };\nvar _query = function (element, selector, multi) {\n return [];\n};\nif (typeof Element != 'undefined') {\n // this is well supported in all browsers\n _contains = function (elm1, elm2) { return elm1.contains(elm2); };\n if (Element.prototype.matches) {\n _matches = function (element, selector) { return element.matches(selector); };\n }\n else {\n var proto = Element.prototype;\n var fn_1 = proto.matchesSelector || proto.mozMatchesSelector || proto.msMatchesSelector ||\n proto.oMatchesSelector || proto.webkitMatchesSelector;\n if (fn_1) {\n _matches = function (element, selector) { return fn_1.apply(element, [selector]); };\n }\n }\n _query = function (element, selector, multi) {\n var results = [];\n if (multi) {\n results.push.apply(results, element.querySelectorAll(selector));\n }\n else {\n var elm = element.querySelector(selector);\n if (elm) {\n results.push(elm);\n }\n }\n return results;\n };\n}\nvar matchesElement = _matches;\nvar containsElement = _contains;\nvar invokeQuery = _query;\n/**\n * @license\n * Copyright Google Inc. All Rights Reserved.\n *\n * Use of this source code is governed by an MIT-style license that can be\n * found in the LICENSE file at https://angular.io/license\n */\n/**\n * @experimental\n */\nvar browser_es5_NoopAnimationDriver = (function () {\n function NoopAnimationDriver() {\n }\n NoopAnimationDriver.prototype.matchesElement = function (element, selector) {\n return matchesElement(element, selector);\n };\n NoopAnimationDriver.prototype.containsElement = function (elm1, elm2) { return containsElement(elm1, elm2); };\n NoopAnimationDriver.prototype.query = function (element, selector, multi) {\n return invokeQuery(element, selector, multi);\n };\n NoopAnimationDriver.prototype.computeStyle = function (element, prop, defaultValue) {\n return defaultValue || '';\n };\n NoopAnimationDriver.prototype.animate = function (element, keyframes, duration, delay, easing, previousPlayers) {\n if (previousPlayers === void 0) { previousPlayers = []; }\n return new NoopAnimationPlayer();\n };\n return NoopAnimationDriver;\n}());\n/**\n * @experimental\n */\nvar AnimationDriver = (function () {\n function AnimationDriver() {\n }\n return AnimationDriver;\n}());\nAnimationDriver.NOOP = new browser_es5_NoopAnimationDriver();\n/**\n * @license\n * Copyright Google Inc. All Rights Reserved.\n *\n * Use of this source code is governed by an MIT-style license that can be\n * found in the LICENSE file at https://angular.io/license\n */\nvar ONE_SECOND = 1000;\nvar SUBSTITUTION_EXPR_START = '{{';\nvar SUBSTITUTION_EXPR_END = '}}';\nvar ENTER_CLASSNAME = 'ng-enter';\nvar LEAVE_CLASSNAME = 'ng-leave';\nvar ENTER_SELECTOR = '.ng-enter';\nvar LEAVE_SELECTOR = '.ng-leave';\nvar NG_TRIGGER_CLASSNAME = 'ng-trigger';\nvar NG_TRIGGER_SELECTOR = '.ng-trigger';\nvar NG_ANIMATING_CLASSNAME = 'ng-animating';\nvar NG_ANIMATING_SELECTOR = '.ng-animating';\nfunction resolveTimingValue(value) {\n if (typeof value == 'number')\n return value;\n var matches = value.match(/^(-?[\\.\\d]+)(m?s)/);\n if (!matches || matches.length < 2)\n return 0;\n return _convertTimeValueToMS(parseFloat(matches[1]), matches[2]);\n}\nfunction _convertTimeValueToMS(value, unit) {\n switch (unit) {\n case 's':\n return value * ONE_SECOND;\n default:\n return value;\n }\n}\nfunction resolveTiming(timings, errors, allowNegativeValues) {\n return timings.hasOwnProperty('duration') ?\n timings :\n parseTimeExpression(timings, errors, allowNegativeValues);\n}\nfunction parseTimeExpression(exp, errors, allowNegativeValues) {\n var regex = /^(-?[\\.\\d]+)(m?s)(?:\\s+(-?[\\.\\d]+)(m?s))?(?:\\s+([-a-z]+(?:\\(.+?\\))?))?$/i;\n var duration;\n var delay = 0;\n var easing = '';\n if (typeof exp === 'string') {\n var matches = exp.match(regex);\n if (matches === null) {\n errors.push(\"The provided timing value \\\"\" + exp + \"\\\" is invalid.\");\n return { duration: 0, delay: 0, easing: '' };\n }\n duration = _convertTimeValueToMS(parseFloat(matches[1]), matches[2]);\n var delayMatch = matches[3];\n if (delayMatch != null) {\n delay = _convertTimeValueToMS(Math.floor(parseFloat(delayMatch)), matches[4]);\n }\n var easingVal = matches[5];\n if (easingVal) {\n easing = easingVal;\n }\n }\n else {\n duration = exp;\n }\n if (!allowNegativeValues) {\n var containsErrors = false;\n var startIndex = errors.length;\n if (duration < 0) {\n errors.push(\"Duration values below 0 are not allowed for this animation step.\");\n containsErrors = true;\n }\n if (delay < 0) {\n errors.push(\"Delay values below 0 are not allowed for this animation step.\");\n containsErrors = true;\n }\n if (containsErrors) {\n errors.splice(startIndex, 0, \"The provided timing value \\\"\" + exp + \"\\\" is invalid.\");\n }\n }\n return { duration: duration, delay: delay, easing: easing };\n}\nfunction copyObj(obj, destination) {\n if (destination === void 0) { destination = {}; }\n Object.keys(obj).forEach(function (prop) { destination[prop] = obj[prop]; });\n return destination;\n}\nfunction normalizeStyles(styles) {\n var normalizedStyles = {};\n if (Array.isArray(styles)) {\n styles.forEach(function (data) { return copyStyles(data, false, normalizedStyles); });\n }\n else {\n copyStyles(styles, false, normalizedStyles);\n }\n return normalizedStyles;\n}\nfunction copyStyles(styles, readPrototype, destination) {\n if (destination === void 0) { destination = {}; }\n if (readPrototype) {\n // we make use of a for-in loop so that the\n // prototypically inherited properties are\n // revealed from the backFill map\n for (var prop in styles) {\n destination[prop] = styles[prop];\n }\n }\n else {\n copyObj(styles, destination);\n }\n return destination;\n}\nfunction setStyles(element, styles) {\n if (element['style']) {\n Object.keys(styles).forEach(function (prop) {\n var camelProp = dashCaseToCamelCase(prop);\n element.style[camelProp] = styles[prop];\n });\n }\n}\nfunction eraseStyles(element, styles) {\n if (element['style']) {\n Object.keys(styles).forEach(function (prop) {\n var camelProp = dashCaseToCamelCase(prop);\n element.style[camelProp] = '';\n });\n }\n}\nfunction normalizeAnimationEntry(steps) {\n if (Array.isArray(steps)) {\n if (steps.length == 1)\n return steps[0];\n return sequence(steps);\n }\n return steps;\n}\nfunction validateStyleParams(value, options, errors) {\n var params = options.params || {};\n var matches = extractStyleParams(value);\n if (matches.length) {\n matches.forEach(function (varName) {\n if (!params.hasOwnProperty(varName)) {\n errors.push(\"Unable to resolve the local animation param \" + varName + \" in the given list of values\");\n }\n });\n }\n}\nvar PARAM_REGEX = new RegExp(SUBSTITUTION_EXPR_START + \"\\\\s*(.+?)\\\\s*\" + SUBSTITUTION_EXPR_END, 'g');\nfunction extractStyleParams(value) {\n var params = [];\n if (typeof value === 'string') {\n var val = value.toString();\n var match = void 0;\n while (match = PARAM_REGEX.exec(val)) {\n params.push(match[1]);\n }\n PARAM_REGEX.lastIndex = 0;\n }\n return params;\n}\nfunction interpolateParams(value, params, errors) {\n var original = value.toString();\n var str = original.replace(PARAM_REGEX, function (_, varName) {\n var localVal = params[varName];\n // this means that the value was never overidden by the data passed in by the user\n if (!params.hasOwnProperty(varName)) {\n errors.push(\"Please provide a value for the animation param \" + varName);\n localVal = '';\n }\n return localVal.toString();\n });\n // we do this to assert that numeric values stay as they are\n return str == original ? value : str;\n}\nfunction iteratorToArray(iterator) {\n var arr = [];\n var item = iterator.next();\n while (!item.done) {\n arr.push(item.value);\n item = iterator.next();\n }\n return arr;\n}\nvar DASH_CASE_REGEXP = /-+([a-z0-9])/g;\nfunction dashCaseToCamelCase(input) {\n return input.replace(DASH_CASE_REGEXP, function () {\n var m = [];\n for (var _i = 0; _i < arguments.length; _i++) {\n m[_i] = arguments[_i];\n }\n return m[1].toUpperCase();\n });\n}\nfunction allowPreviousPlayerStylesMerge(duration, delay) {\n return duration === 0 || delay === 0;\n}\nfunction visitDslNode(visitor, node, context) {\n switch (node.type) {\n case 7 /* Trigger */:\n return visitor.visitTrigger(node, context);\n case 0 /* State */:\n return visitor.visitState(node, context);\n case 1 /* Transition */:\n return visitor.visitTransition(node, context);\n case 2 /* Sequence */:\n return visitor.visitSequence(node, context);\n case 3 /* Group */:\n return visitor.visitGroup(node, context);\n case 4 /* Animate */:\n return visitor.visitAnimate(node, context);\n case 5 /* Keyframes */:\n return visitor.visitKeyframes(node, context);\n case 6 /* Style */:\n return visitor.visitStyle(node, context);\n case 8 /* Reference */:\n return visitor.visitReference(node, context);\n case 9 /* AnimateChild */:\n return visitor.visitAnimateChild(node, context);\n case 10 /* AnimateRef */:\n return visitor.visitAnimateRef(node, context);\n case 11 /* Query */:\n return visitor.visitQuery(node, context);\n case 12 /* Stagger */:\n return visitor.visitStagger(node, context);\n default:\n throw new Error(\"Unable to resolve animation metadata node #\" + node.type);\n }\n}\n/**\n * @license\n * Copyright Google Inc. All Rights Reserved.\n *\n * Use of this source code is governed by an MIT-style license that can be\n * found in the LICENSE file at https://angular.io/license\n */\nvar ANY_STATE = '*';\n/**\n * @param {?} transitionValue\n * @param {?} errors\n * @return {?}\n */\nfunction parseTransitionExpr(transitionValue, errors) {\n var /** @type {?} */ expressions = [];\n if (typeof transitionValue == 'string') {\n ((transitionValue))\n .split(/\\s*,\\s*/)\n .forEach(function (str) { return parseInnerTransitionStr(str, expressions, errors); });\n }\n else {\n expressions.push(/** @type {?} */ (transitionValue));\n }\n return expressions;\n}\n/**\n * @param {?} eventStr\n * @param {?} expressions\n * @param {?} errors\n * @return {?}\n */\nfunction parseInnerTransitionStr(eventStr, expressions, errors) {\n if (eventStr[0] == ':') {\n eventStr = parseAnimationAlias(eventStr, errors);\n }\n var /** @type {?} */ match = eventStr.match(/^(\\*|[-\\w]+)\\s*()\\s*(\\*|[-\\w]+)$/);\n if (match == null || match.length < 4) {\n errors.push(\"The provided transition expression \\\"\" + eventStr + \"\\\" is not supported\");\n return expressions;\n }\n var /** @type {?} */ fromState = match[1];\n var /** @type {?} */ separator = match[2];\n var /** @type {?} */ toState = match[3];\n expressions.push(makeLambdaFromStates(fromState, toState));\n var /** @type {?} */ isFullAnyStateExpr = fromState == ANY_STATE && toState == ANY_STATE;\n if (separator[0] == '<' && !isFullAnyStateExpr) {\n expressions.push(makeLambdaFromStates(toState, fromState));\n }\n}\n/**\n * @param {?} alias\n * @param {?} errors\n * @return {?}\n */\nfunction parseAnimationAlias(alias, errors) {\n switch (alias) {\n case ':enter':\n return 'void => *';\n case ':leave':\n return '* => void';\n default:\n errors.push(\"The transition alias value \\\"\" + alias + \"\\\" is not supported\");\n return '* => *';\n }\n}\nvar TRUE_BOOLEAN_VALUES = new Set();\nTRUE_BOOLEAN_VALUES.add('true');\nTRUE_BOOLEAN_VALUES.add('1');\nvar FALSE_BOOLEAN_VALUES = new Set();\nFALSE_BOOLEAN_VALUES.add('false');\nFALSE_BOOLEAN_VALUES.add('0');\n/**\n * @param {?} lhs\n * @param {?} rhs\n * @return {?}\n */\nfunction makeLambdaFromStates(lhs, rhs) {\n var /** @type {?} */ LHS_MATCH_BOOLEAN = TRUE_BOOLEAN_VALUES.has(lhs) || FALSE_BOOLEAN_VALUES.has(lhs);\n var /** @type {?} */ RHS_MATCH_BOOLEAN = TRUE_BOOLEAN_VALUES.has(rhs) || FALSE_BOOLEAN_VALUES.has(rhs);\n return function (fromState, toState) {\n var /** @type {?} */ lhsMatch = lhs == ANY_STATE || lhs == fromState;\n var /** @type {?} */ rhsMatch = rhs == ANY_STATE || rhs == toState;\n if (!lhsMatch && LHS_MATCH_BOOLEAN && typeof fromState === 'boolean') {\n lhsMatch = fromState ? TRUE_BOOLEAN_VALUES.has(lhs) : FALSE_BOOLEAN_VALUES.has(lhs);\n }\n if (!rhsMatch && RHS_MATCH_BOOLEAN && typeof toState === 'boolean') {\n rhsMatch = toState ? TRUE_BOOLEAN_VALUES.has(rhs) : FALSE_BOOLEAN_VALUES.has(rhs);\n }\n return lhsMatch && rhsMatch;\n };\n}\n/**\n * @license\n * Copyright Google Inc. All Rights Reserved.\n *\n * Use of this source code is governed by an MIT-style license that can be\n * found in the LICENSE file at https://angular.io/license\n */\nvar SELF_TOKEN = ':self';\nvar SELF_TOKEN_REGEX = new RegExp(\"s*\" + SELF_TOKEN + \"s*,?\", 'g');\n/**\n * @param {?} metadata\n * @param {?} errors\n * @return {?}\n */\nfunction buildAnimationAst(metadata, errors) {\n return new browser_es5_AnimationAstBuilderVisitor().build(metadata, errors);\n}\nvar LEAVE_TOKEN = ':leave';\nvar LEAVE_TOKEN_REGEX = new RegExp(LEAVE_TOKEN, 'g');\nvar ENTER_TOKEN = ':enter';\nvar ENTER_TOKEN_REGEX = new RegExp(ENTER_TOKEN, 'g');\nvar ROOT_SELECTOR = '';\nvar browser_es5_AnimationAstBuilderVisitor = (function () {\n function AnimationAstBuilderVisitor() {\n }\n /**\n * @param {?} metadata\n * @param {?} errors\n * @return {?}\n */\n AnimationAstBuilderVisitor.prototype.build = function (metadata, errors) {\n var /** @type {?} */ context = new AnimationAstBuilderContext(errors);\n this._resetContextStyleTimingState(context);\n return (visitDslNode(this, normalizeAnimationEntry(metadata), context));\n };\n /**\n * @param {?} context\n * @return {?}\n */\n AnimationAstBuilderVisitor.prototype._resetContextStyleTimingState = function (context) {\n context.currentQuerySelector = ROOT_SELECTOR;\n context.collectedStyles = {};\n context.collectedStyles[ROOT_SELECTOR] = {};\n context.currentTime = 0;\n };\n /**\n * @param {?} metadata\n * @param {?} context\n * @return {?}\n */\n AnimationAstBuilderVisitor.prototype.visitTrigger = function (metadata, context) {\n var _this = this;\n var /** @type {?} */ queryCount = context.queryCount = 0;\n var /** @type {?} */ depCount = context.depCount = 0;\n var /** @type {?} */ states = [];\n var /** @type {?} */ transitions = [];\n metadata.definitions.forEach(function (def) {\n _this._resetContextStyleTimingState(context);\n if (def.type == 0 /* State */) {\n var /** @type {?} */ stateDef_1 = (def);\n var /** @type {?} */ name = stateDef_1.name;\n name.split(/\\s*,\\s*/).forEach(function (n) {\n stateDef_1.name = n;\n states.push(_this.visitState(stateDef_1, context));\n });\n stateDef_1.name = name;\n }\n else if (def.type == 1 /* Transition */) {\n var /** @type {?} */ transition = _this.visitTransition(/** @type {?} */ (def), context);\n queryCount += transition.queryCount;\n depCount += transition.depCount;\n transitions.push(transition);\n }\n else {\n context.errors.push('only state() and transition() definitions can sit inside of a trigger()');\n }\n });\n return {\n type: 7 /* Trigger */,\n name: metadata.name, states: states, transitions: transitions, queryCount: queryCount, depCount: depCount,\n options: null\n };\n };\n /**\n * @param {?} metadata\n * @param {?} context\n * @return {?}\n */\n AnimationAstBuilderVisitor.prototype.visitState = function (metadata, context) {\n var /** @type {?} */ styleAst = this.visitStyle(metadata.styles, context);\n var /** @type {?} */ astParams = (metadata.options && metadata.options.params) || null;\n if (styleAst.containsDynamicStyles) {\n var /** @type {?} */ missingSubs_1 = new Set();\n var /** @type {?} */ params_1 = astParams || {};\n styleAst.styles.forEach(function (value) {\n if (isObject(value)) {\n var /** @type {?} */ stylesObj_1 = (value);\n Object.keys(stylesObj_1).forEach(function (prop) {\n extractStyleParams(stylesObj_1[prop]).forEach(function (sub) {\n if (!params_1.hasOwnProperty(sub)) {\n missingSubs_1.add(sub);\n }\n });\n });\n }\n });\n if (missingSubs_1.size) {\n var /** @type {?} */ missingSubsArr = iteratorToArray(missingSubs_1.values());\n context.errors.push(\"state(\\\"\" + metadata.name + \"\\\", ...) must define default values for all the following style substitutions: \" + missingSubsArr.join(', '));\n }\n }\n return {\n type: 0 /* State */,\n name: metadata.name,\n style: styleAst,\n options: astParams ? { params: astParams } : null\n };\n };\n /**\n * @param {?} metadata\n * @param {?} context\n * @return {?}\n */\n AnimationAstBuilderVisitor.prototype.visitTransition = function (metadata, context) {\n context.queryCount = 0;\n context.depCount = 0;\n var /** @type {?} */ animation = visitDslNode(this, normalizeAnimationEntry(metadata.animation), context);\n var /** @type {?} */ matchers = parseTransitionExpr(metadata.expr, context.errors);\n return {\n type: 1 /* Transition */,\n matchers: matchers,\n animation: animation,\n queryCount: context.queryCount,\n depCount: context.depCount,\n options: normalizeAnimationOptions(metadata.options)\n };\n };\n /**\n * @param {?} metadata\n * @param {?} context\n * @return {?}\n */\n AnimationAstBuilderVisitor.prototype.visitSequence = function (metadata, context) {\n var _this = this;\n return {\n type: 2 /* Sequence */,\n steps: metadata.steps.map(function (s) { return visitDslNode(_this, s, context); }),\n options: normalizeAnimationOptions(metadata.options)\n };\n };\n /**\n * @param {?} metadata\n * @param {?} context\n * @return {?}\n */\n AnimationAstBuilderVisitor.prototype.visitGroup = function (metadata, context) {\n var _this = this;\n var /** @type {?} */ currentTime = context.currentTime;\n var /** @type {?} */ furthestTime = 0;\n var /** @type {?} */ steps = metadata.steps.map(function (step) {\n context.currentTime = currentTime;\n var /** @type {?} */ innerAst = visitDslNode(_this, step, context);\n furthestTime = Math.max(furthestTime, context.currentTime);\n return innerAst;\n });\n context.currentTime = furthestTime;\n return {\n type: 3 /* Group */,\n steps: steps,\n options: normalizeAnimationOptions(metadata.options)\n };\n };\n /**\n * @param {?} metadata\n * @param {?} context\n * @return {?}\n */\n AnimationAstBuilderVisitor.prototype.visitAnimate = function (metadata, context) {\n var /** @type {?} */ timingAst = constructTimingAst(metadata.timings, context.errors);\n context.currentAnimateTimings = timingAst;\n var /** @type {?} */ styleAst;\n var /** @type {?} */ styleMetadata = metadata.styles ? metadata.styles : style({});\n if (styleMetadata.type == 5 /* Keyframes */) {\n styleAst = this.visitKeyframes(/** @type {?} */ (styleMetadata), context);\n }\n else {\n var /** @type {?} */ styleMetadata_1 = (metadata.styles);\n var /** @type {?} */ isEmpty = false;\n if (!styleMetadata_1) {\n isEmpty = true;\n var /** @type {?} */ newStyleData = {};\n if (timingAst.easing) {\n newStyleData['easing'] = timingAst.easing;\n }\n styleMetadata_1 = style(newStyleData);\n }\n context.currentTime += timingAst.duration + timingAst.delay;\n var /** @type {?} */ _styleAst = this.visitStyle(styleMetadata_1, context);\n _styleAst.isEmptyStep = isEmpty;\n styleAst = _styleAst;\n }\n context.currentAnimateTimings = null;\n return {\n type: 4 /* Animate */,\n timings: timingAst,\n style: styleAst,\n options: null\n };\n };\n /**\n * @param {?} metadata\n * @param {?} context\n * @return {?}\n */\n AnimationAstBuilderVisitor.prototype.visitStyle = function (metadata, context) {\n var /** @type {?} */ ast = this._makeStyleAst(metadata, context);\n this._validateStyleAst(ast, context);\n return ast;\n };\n /**\n * @param {?} metadata\n * @param {?} context\n * @return {?}\n */\n AnimationAstBuilderVisitor.prototype._makeStyleAst = function (metadata, context) {\n var /** @type {?} */ styles = [];\n if (Array.isArray(metadata.styles)) {\n ((metadata.styles)).forEach(function (styleTuple) {\n if (typeof styleTuple == 'string') {\n if (styleTuple == AUTO_STYLE) {\n styles.push(/** @type {?} */ (styleTuple));\n }\n else {\n context.errors.push(\"The provided style string value \" + styleTuple + \" is not allowed.\");\n }\n }\n else {\n styles.push(/** @type {?} */ (styleTuple));\n }\n });\n }\n else {\n styles.push(metadata.styles);\n }\n var /** @type {?} */ containsDynamicStyles = false;\n var /** @type {?} */ collectedEasing = null;\n styles.forEach(function (styleData) {\n if (isObject(styleData)) {\n var /** @type {?} */ styleMap = (styleData);\n var /** @type {?} */ easing = styleMap['easing'];\n if (easing) {\n collectedEasing = (easing);\n delete styleMap['easing'];\n }\n if (!containsDynamicStyles) {\n for (var /** @type {?} */ prop in styleMap) {\n var /** @type {?} */ value = styleMap[prop];\n if (value.toString().indexOf(SUBSTITUTION_EXPR_START) >= 0) {\n containsDynamicStyles = true;\n break;\n }\n }\n }\n }\n });\n return {\n type: 6 /* Style */,\n styles: styles,\n easing: collectedEasing,\n offset: metadata.offset, containsDynamicStyles: containsDynamicStyles,\n options: null\n };\n };\n /**\n * @param {?} ast\n * @param {?} context\n * @return {?}\n */\n AnimationAstBuilderVisitor.prototype._validateStyleAst = function (ast, context) {\n var /** @type {?} */ timings = context.currentAnimateTimings;\n var /** @type {?} */ endTime = context.currentTime;\n var /** @type {?} */ startTime = context.currentTime;\n if (timings && startTime > 0) {\n startTime -= timings.duration + timings.delay;\n }\n ast.styles.forEach(function (tuple) {\n if (typeof tuple == 'string')\n return;\n Object.keys(tuple).forEach(function (prop) {\n var /** @type {?} */ collectedStyles = context.collectedStyles[((context.currentQuerySelector))];\n var /** @type {?} */ collectedEntry = collectedStyles[prop];\n var /** @type {?} */ updateCollectedStyle = true;\n if (collectedEntry) {\n if (startTime != endTime && startTime >= collectedEntry.startTime &&\n endTime <= collectedEntry.endTime) {\n context.errors.push(\"The CSS property \\\"\" + prop + \"\\\" that exists between the times of \\\"\" + collectedEntry.startTime + \"ms\\\" and \\\"\" + collectedEntry.endTime + \"ms\\\" is also being animated in a parallel animation between the times of \\\"\" + startTime + \"ms\\\" and \\\"\" + endTime + \"ms\\\"\");\n updateCollectedStyle = false;\n }\n // we always choose the smaller start time value since we\n // want to have a record of the entire animation window where\n // the style property is being animated in between\n startTime = collectedEntry.startTime;\n }\n if (updateCollectedStyle) {\n collectedStyles[prop] = { startTime: startTime, endTime: endTime };\n }\n if (context.options) {\n validateStyleParams(tuple[prop], context.options, context.errors);\n }\n });\n });\n };\n /**\n * @param {?} metadata\n * @param {?} context\n * @return {?}\n */\n AnimationAstBuilderVisitor.prototype.visitKeyframes = function (metadata, context) {\n var _this = this;\n var /** @type {?} */ ast = { type: 5 /* Keyframes */, styles: [], options: null };\n if (!context.currentAnimateTimings) {\n context.errors.push(\"keyframes() must be placed inside of a call to animate()\");\n return ast;\n }\n var /** @type {?} */ MAX_KEYFRAME_OFFSET = 1;\n var /** @type {?} */ totalKeyframesWithOffsets = 0;\n var /** @type {?} */ offsets = [];\n var /** @type {?} */ offsetsOutOfOrder = false;\n var /** @type {?} */ keyframesOutOfRange = false;\n var /** @type {?} */ previousOffset = 0;\n var /** @type {?} */ keyframes = metadata.steps.map(function (styles) {\n var /** @type {?} */ style$$1 = _this._makeStyleAst(styles, context);\n var /** @type {?} */ offsetVal = style$$1.offset != null ? style$$1.offset : consumeOffset(style$$1.styles);\n var /** @type {?} */ offset = 0;\n if (offsetVal != null) {\n totalKeyframesWithOffsets++;\n offset = style$$1.offset = offsetVal;\n }\n keyframesOutOfRange = keyframesOutOfRange || offset < 0 || offset > 1;\n offsetsOutOfOrder = offsetsOutOfOrder || offset < previousOffset;\n previousOffset = offset;\n offsets.push(offset);\n return style$$1;\n });\n if (keyframesOutOfRange) {\n context.errors.push(\"Please ensure that all keyframe offsets are between 0 and 1\");\n }\n if (offsetsOutOfOrder) {\n context.errors.push(\"Please ensure that all keyframe offsets are in order\");\n }\n var /** @type {?} */ length = metadata.steps.length;\n var /** @type {?} */ generatedOffset = 0;\n if (totalKeyframesWithOffsets > 0 && totalKeyframesWithOffsets < length) {\n context.errors.push(\"Not all style() steps within the declared keyframes() contain offsets\");\n }\n else if (totalKeyframesWithOffsets == 0) {\n generatedOffset = MAX_KEYFRAME_OFFSET / (length - 1);\n }\n var /** @type {?} */ limit = length - 1;\n var /** @type {?} */ currentTime = context.currentTime;\n var /** @type {?} */ currentAnimateTimings = ((context.currentAnimateTimings));\n var /** @type {?} */ animateDuration = currentAnimateTimings.duration;\n keyframes.forEach(function (kf, i) {\n var /** @type {?} */ offset = generatedOffset > 0 ? (i == limit ? 1 : (generatedOffset * i)) : offsets[i];\n var /** @type {?} */ durationUpToThisFrame = offset * animateDuration;\n context.currentTime = currentTime + currentAnimateTimings.delay + durationUpToThisFrame;\n currentAnimateTimings.duration = durationUpToThisFrame;\n _this._validateStyleAst(kf, context);\n kf.offset = offset;\n ast.styles.push(kf);\n });\n return ast;\n };\n /**\n * @param {?} metadata\n * @param {?} context\n * @return {?}\n */\n AnimationAstBuilderVisitor.prototype.visitReference = function (metadata, context) {\n return {\n type: 8 /* Reference */,\n animation: visitDslNode(this, normalizeAnimationEntry(metadata.animation), context),\n options: normalizeAnimationOptions(metadata.options)\n };\n };\n /**\n * @param {?} metadata\n * @param {?} context\n * @return {?}\n */\n AnimationAstBuilderVisitor.prototype.visitAnimateChild = function (metadata, context) {\n context.depCount++;\n return {\n type: 9 /* AnimateChild */,\n options: normalizeAnimationOptions(metadata.options)\n };\n };\n /**\n * @param {?} metadata\n * @param {?} context\n * @return {?}\n */\n AnimationAstBuilderVisitor.prototype.visitAnimateRef = function (metadata, context) {\n return {\n type: 10 /* AnimateRef */,\n animation: this.visitReference(metadata.animation, context),\n options: normalizeAnimationOptions(metadata.options)\n };\n };\n /**\n * @param {?} metadata\n * @param {?} context\n * @return {?}\n */\n AnimationAstBuilderVisitor.prototype.visitQuery = function (metadata, context) {\n var /** @type {?} */ parentSelector = ((context.currentQuerySelector));\n var /** @type {?} */ options = ((metadata.options || {}));\n context.queryCount++;\n context.currentQuery = metadata;\n var _a = normalizeSelector(metadata.selector), selector = _a[0], includeSelf = _a[1];\n context.currentQuerySelector =\n parentSelector.length ? (parentSelector + ' ' + selector) : selector;\n getOrSetAsInMap(context.collectedStyles, context.currentQuerySelector, {});\n var /** @type {?} */ animation = visitDslNode(this, normalizeAnimationEntry(metadata.animation), context);\n context.currentQuery = null;\n context.currentQuerySelector = parentSelector;\n return {\n type: 11 /* Query */,\n selector: selector,\n limit: options.limit || 0,\n optional: !!options.optional, includeSelf: includeSelf, animation: animation,\n originalSelector: metadata.selector,\n options: normalizeAnimationOptions(metadata.options)\n };\n };\n /**\n * @param {?} metadata\n * @param {?} context\n * @return {?}\n */\n AnimationAstBuilderVisitor.prototype.visitStagger = function (metadata, context) {\n if (!context.currentQuery) {\n context.errors.push(\"stagger() can only be used inside of query()\");\n }\n var /** @type {?} */ timings = metadata.timings === 'full' ?\n { duration: 0, delay: 0, easing: 'full' } :\n resolveTiming(metadata.timings, context.errors, true);\n return {\n type: 12 /* Stagger */,\n animation: visitDslNode(this, normalizeAnimationEntry(metadata.animation), context), timings: timings,\n options: null\n };\n };\n return AnimationAstBuilderVisitor;\n}());\n/**\n * @param {?} selector\n * @return {?}\n */\nfunction normalizeSelector(selector) {\n var /** @type {?} */ hasAmpersand = selector.split(/\\s*,\\s*/).find(function (token) { return token == SELF_TOKEN; }) ? true : false;\n if (hasAmpersand) {\n selector = selector.replace(SELF_TOKEN_REGEX, '');\n }\n selector = selector.replace(ENTER_TOKEN_REGEX, ENTER_SELECTOR)\n .replace(LEAVE_TOKEN_REGEX, LEAVE_SELECTOR)\n .replace(/@\\*/g, NG_TRIGGER_SELECTOR)\n .replace(/@\\w+/g, function (match) { return NG_TRIGGER_SELECTOR + '-' + match.substr(1); })\n .replace(/:animating/g, NG_ANIMATING_SELECTOR);\n return [selector, hasAmpersand];\n}\n/**\n * @param {?} obj\n * @return {?}\n */\nfunction normalizeParams(obj) {\n return obj ? copyObj(obj) : null;\n}\nvar AnimationAstBuilderContext = (function () {\n /**\n * @param {?} errors\n */\n function AnimationAstBuilderContext(errors) {\n this.errors = errors;\n this.queryCount = 0;\n this.depCount = 0;\n this.currentTransition = null;\n this.currentQuery = null;\n this.currentQuerySelector = null;\n this.currentAnimateTimings = null;\n this.currentTime = 0;\n this.collectedStyles = {};\n this.options = null;\n }\n return AnimationAstBuilderContext;\n}());\n/**\n * @param {?} styles\n * @return {?}\n */\nfunction consumeOffset(styles) {\n if (typeof styles == 'string')\n return null;\n var /** @type {?} */ offset = null;\n if (Array.isArray(styles)) {\n styles.forEach(function (styleTuple) {\n if (isObject(styleTuple) && styleTuple.hasOwnProperty('offset')) {\n var /** @type {?} */ obj = (styleTuple);\n offset = parseFloat(/** @type {?} */ (obj['offset']));\n delete obj['offset'];\n }\n });\n }\n else if (isObject(styles) && styles.hasOwnProperty('offset')) {\n var /** @type {?} */ obj = (styles);\n offset = parseFloat(/** @type {?} */ (obj['offset']));\n delete obj['offset'];\n }\n return offset;\n}\n/**\n * @param {?} value\n * @return {?}\n */\nfunction isObject(value) {\n return !Array.isArray(value) && typeof value == 'object';\n}\n/**\n * @param {?} value\n * @param {?} errors\n * @return {?}\n */\nfunction constructTimingAst(value, errors) {\n var /** @type {?} */ timings = null;\n if (value.hasOwnProperty('duration')) {\n timings = (value);\n }\n else if (typeof value == 'number') {\n var /** @type {?} */ duration = resolveTiming(/** @type {?} */ (value), errors).duration;\n return makeTimingAst(/** @type {?} */ (duration), 0, '');\n }\n var /** @type {?} */ strValue = (value);\n var /** @type {?} */ isDynamic = strValue.split(/\\s+/).some(function (v) { return v.charAt(0) == '{' && v.charAt(1) == '{'; });\n if (isDynamic) {\n var /** @type {?} */ ast = (makeTimingAst(0, 0, ''));\n ast.dynamic = true;\n ast.strValue = strValue;\n return (ast);\n }\n timings = timings || resolveTiming(strValue, errors);\n return makeTimingAst(timings.duration, timings.delay, timings.easing);\n}\n/**\n * @param {?} options\n * @return {?}\n */\nfunction normalizeAnimationOptions(options) {\n if (options) {\n options = copyObj(options);\n if (options['params']) {\n options['params'] = ((normalizeParams(options['params'])));\n }\n }\n else {\n options = {};\n }\n return options;\n}\n/**\n * @param {?} duration\n * @param {?} delay\n * @param {?} easing\n * @return {?}\n */\nfunction makeTimingAst(duration, delay, easing) {\n return { duration: duration, delay: delay, easing: easing };\n}\n/**\n * @license\n * Copyright Google Inc. All Rights Reserved.\n *\n * Use of this source code is governed by an MIT-style license that can be\n * found in the LICENSE file at https://angular.io/license\n */\n/**\n * @param {?} element\n * @param {?} keyframes\n * @param {?} preStyleProps\n * @param {?} postStyleProps\n * @param {?} duration\n * @param {?} delay\n * @param {?=} easing\n * @param {?=} subTimeline\n * @return {?}\n */\nfunction createTimelineInstruction(element, keyframes, preStyleProps, postStyleProps, duration, delay, easing, subTimeline) {\n if (easing === void 0) { easing = null; }\n if (subTimeline === void 0) { subTimeline = false; }\n return {\n type: 1 /* TimelineAnimation */,\n element: element,\n keyframes: keyframes,\n preStyleProps: preStyleProps,\n postStyleProps: postStyleProps,\n duration: duration,\n delay: delay,\n totalTime: duration + delay, easing: easing, subTimeline: subTimeline\n };\n}\n/**\n * @license\n * Copyright Google Inc. All Rights Reserved.\n *\n * Use of this source code is governed by an MIT-style license that can be\n * found in the LICENSE file at https://angular.io/license\n */\nvar ElementInstructionMap = (function () {\n function ElementInstructionMap() {\n this._map = new Map();\n }\n /**\n * @param {?} element\n * @return {?}\n */\n ElementInstructionMap.prototype.consume = function (element) {\n var /** @type {?} */ instructions = this._map.get(element);\n if (instructions) {\n this._map.delete(element);\n }\n else {\n instructions = [];\n }\n return instructions;\n };\n /**\n * @param {?} element\n * @param {?} instructions\n * @return {?}\n */\n ElementInstructionMap.prototype.append = function (element, instructions) {\n var /** @type {?} */ existingInstructions = this._map.get(element);\n if (!existingInstructions) {\n this._map.set(element, existingInstructions = []);\n }\n existingInstructions.push.apply(existingInstructions, instructions);\n };\n /**\n * @param {?} element\n * @return {?}\n */\n ElementInstructionMap.prototype.has = function (element) { return this._map.has(element); };\n /**\n * @return {?}\n */\n ElementInstructionMap.prototype.clear = function () { this._map.clear(); };\n return ElementInstructionMap;\n}());\n/**\n * @license\n * Copyright Google Inc. All Rights Reserved.\n *\n * Use of this source code is governed by an MIT-style license that can be\n * found in the LICENSE file at https://angular.io/license\n */\nvar ONE_FRAME_IN_MILLISECONDS = 1;\n/**\n * @param {?} driver\n * @param {?} rootElement\n * @param {?} ast\n * @param {?=} startingStyles\n * @param {?=} finalStyles\n * @param {?=} options\n * @param {?=} subInstructions\n * @param {?=} errors\n * @return {?}\n */\nfunction buildAnimationTimelines(driver, rootElement, ast, startingStyles, finalStyles, options, subInstructions, errors) {\n if (startingStyles === void 0) { startingStyles = {}; }\n if (finalStyles === void 0) { finalStyles = {}; }\n if (errors === void 0) { errors = []; }\n return new AnimationTimelineBuilderVisitor().buildKeyframes(driver, rootElement, ast, startingStyles, finalStyles, options, subInstructions, errors);\n}\nvar AnimationTimelineBuilderVisitor = (function () {\n function AnimationTimelineBuilderVisitor() {\n }\n /**\n * @param {?} driver\n * @param {?} rootElement\n * @param {?} ast\n * @param {?} startingStyles\n * @param {?} finalStyles\n * @param {?} options\n * @param {?=} subInstructions\n * @param {?=} errors\n * @return {?}\n */\n AnimationTimelineBuilderVisitor.prototype.buildKeyframes = function (driver, rootElement, ast, startingStyles, finalStyles, options, subInstructions, errors) {\n if (errors === void 0) { errors = []; }\n subInstructions = subInstructions || new ElementInstructionMap();\n var /** @type {?} */ context = new AnimationTimelineContext(driver, rootElement, subInstructions, errors, []);\n context.options = options;\n context.currentTimeline.setStyles([startingStyles], null, context.errors, options);\n visitDslNode(this, ast, context);\n // this checks to see if an actual animation happened\n var /** @type {?} */ timelines = context.timelines.filter(function (timeline) { return timeline.containsAnimation(); });\n if (timelines.length && Object.keys(finalStyles).length) {\n var /** @type {?} */ tl = timelines[timelines.length - 1];\n if (!tl.allowOnlyTimelineStyles()) {\n tl.setStyles([finalStyles], null, context.errors, options);\n }\n }\n return timelines.length ? timelines.map(function (timeline) { return timeline.buildKeyframes(); }) :\n [createTimelineInstruction(rootElement, [], [], [], 0, 0, '', false)];\n };\n /**\n * @param {?} ast\n * @param {?} context\n * @return {?}\n */\n AnimationTimelineBuilderVisitor.prototype.visitTrigger = function (ast, context) {\n // these values are not visited in this AST\n };\n /**\n * @param {?} ast\n * @param {?} context\n * @return {?}\n */\n AnimationTimelineBuilderVisitor.prototype.visitState = function (ast, context) {\n // these values are not visited in this AST\n };\n /**\n * @param {?} ast\n * @param {?} context\n * @return {?}\n */\n AnimationTimelineBuilderVisitor.prototype.visitTransition = function (ast, context) {\n // these values are not visited in this AST\n };\n /**\n * @param {?} ast\n * @param {?} context\n * @return {?}\n */\n AnimationTimelineBuilderVisitor.prototype.visitAnimateChild = function (ast, context) {\n var /** @type {?} */ elementInstructions = context.subInstructions.consume(context.element);\n if (elementInstructions) {\n var /** @type {?} */ innerContext = context.createSubContext(ast.options);\n var /** @type {?} */ startTime = context.currentTimeline.currentTime;\n var /** @type {?} */ endTime = this._visitSubInstructions(elementInstructions, innerContext, /** @type {?} */ (innerContext.options));\n if (startTime != endTime) {\n // we do this on the upper context because we created a sub context for\n // the sub child animations\n context.transformIntoNewTimeline(endTime);\n }\n }\n context.previousNode = ast;\n };\n /**\n * @param {?} ast\n * @param {?} context\n * @return {?}\n */\n AnimationTimelineBuilderVisitor.prototype.visitAnimateRef = function (ast, context) {\n var /** @type {?} */ innerContext = context.createSubContext(ast.options);\n innerContext.transformIntoNewTimeline();\n this.visitReference(ast.animation, innerContext);\n context.transformIntoNewTimeline(innerContext.currentTimeline.currentTime);\n context.previousNode = ast;\n };\n /**\n * @param {?} instructions\n * @param {?} context\n * @param {?} options\n * @return {?}\n */\n AnimationTimelineBuilderVisitor.prototype._visitSubInstructions = function (instructions, context, options) {\n var /** @type {?} */ startTime = context.currentTimeline.currentTime;\n var /** @type {?} */ furthestTime = startTime;\n // this is a special-case for when a user wants to skip a sub\n // animation from being fired entirely.\n var /** @type {?} */ duration = options.duration != null ? resolveTimingValue(options.duration) : null;\n var /** @type {?} */ delay = options.delay != null ? resolveTimingValue(options.delay) : null;\n if (duration !== 0) {\n instructions.forEach(function (instruction) {\n var /** @type {?} */ instructionTimings = context.appendInstructionToTimeline(instruction, duration, delay);\n furthestTime =\n Math.max(furthestTime, instructionTimings.duration + instructionTimings.delay);\n });\n }\n return furthestTime;\n };\n /**\n * @param {?} ast\n * @param {?} context\n * @return {?}\n */\n AnimationTimelineBuilderVisitor.prototype.visitReference = function (ast, context) {\n context.updateOptions(ast.options, true);\n visitDslNode(this, ast.animation, context);\n context.previousNode = ast;\n };\n /**\n * @param {?} ast\n * @param {?} context\n * @return {?}\n */\n AnimationTimelineBuilderVisitor.prototype.visitSequence = function (ast, context) {\n var _this = this;\n var /** @type {?} */ subContextCount = context.subContextCount;\n var /** @type {?} */ ctx = context;\n var /** @type {?} */ options = ast.options;\n if (options && (options.params || options.delay)) {\n ctx = context.createSubContext(options);\n ctx.transformIntoNewTimeline();\n if (options.delay != null) {\n if (ctx.previousNode.type == 6 /* Style */) {\n ctx.currentTimeline.snapshotCurrentStyles();\n ctx.previousNode = DEFAULT_NOOP_PREVIOUS_NODE;\n }\n var /** @type {?} */ delay = resolveTimingValue(options.delay);\n ctx.delayNextStep(delay);\n }\n }\n if (ast.steps.length) {\n ast.steps.forEach(function (s) { return visitDslNode(_this, s, ctx); });\n // this is here just incase the inner steps only contain or end with a style() call\n ctx.currentTimeline.applyStylesToKeyframe();\n // this means that some animation function within the sequence\n // ended up creating a sub timeline (which means the current\n // timeline cannot overlap with the contents of the sequence)\n if (ctx.subContextCount > subContextCount) {\n ctx.transformIntoNewTimeline();\n }\n }\n context.previousNode = ast;\n };\n /**\n * @param {?} ast\n * @param {?} context\n * @return {?}\n */\n AnimationTimelineBuilderVisitor.prototype.visitGroup = function (ast, context) {\n var _this = this;\n var /** @type {?} */ innerTimelines = [];\n var /** @type {?} */ furthestTime = context.currentTimeline.currentTime;\n var /** @type {?} */ delay = ast.options && ast.options.delay ? resolveTimingValue(ast.options.delay) : 0;\n ast.steps.forEach(function (s) {\n var /** @type {?} */ innerContext = context.createSubContext(ast.options);\n if (delay) {\n innerContext.delayNextStep(delay);\n }\n visitDslNode(_this, s, innerContext);\n furthestTime = Math.max(furthestTime, innerContext.currentTimeline.currentTime);\n innerTimelines.push(innerContext.currentTimeline);\n });\n // this operation is run after the AST loop because otherwise\n // if the parent timeline's collected styles were updated then\n // it would pass in invalid data into the new-to-be forked items\n innerTimelines.forEach(function (timeline) { return context.currentTimeline.mergeTimelineCollectedStyles(timeline); });\n context.transformIntoNewTimeline(furthestTime);\n context.previousNode = ast;\n };\n /**\n * @param {?} ast\n * @param {?} context\n * @return {?}\n */\n AnimationTimelineBuilderVisitor.prototype._visitTiming = function (ast, context) {\n if (((ast)).dynamic) {\n var /** @type {?} */ strValue = ((ast)).strValue;\n var /** @type {?} */ timingValue = context.params ? interpolateParams(strValue, context.params, context.errors) : strValue;\n return resolveTiming(timingValue, context.errors);\n }\n else {\n return { duration: ast.duration, delay: ast.delay, easing: ast.easing };\n }\n };\n /**\n * @param {?} ast\n * @param {?} context\n * @return {?}\n */\n AnimationTimelineBuilderVisitor.prototype.visitAnimate = function (ast, context) {\n var /** @type {?} */ timings = context.currentAnimateTimings = this._visitTiming(ast.timings, context);\n var /** @type {?} */ timeline = context.currentTimeline;\n if (timings.delay) {\n context.incrementTime(timings.delay);\n timeline.snapshotCurrentStyles();\n }\n var /** @type {?} */ style$$1 = ast.style;\n if (style$$1.type == 5 /* Keyframes */) {\n this.visitKeyframes(style$$1, context);\n }\n else {\n context.incrementTime(timings.duration);\n this.visitStyle(/** @type {?} */ (style$$1), context);\n timeline.applyStylesToKeyframe();\n }\n context.currentAnimateTimings = null;\n context.previousNode = ast;\n };\n /**\n * @param {?} ast\n * @param {?} context\n * @return {?}\n */\n AnimationTimelineBuilderVisitor.prototype.visitStyle = function (ast, context) {\n var /** @type {?} */ timeline = context.currentTimeline;\n var /** @type {?} */ timings = ((context.currentAnimateTimings));\n // this is a special case for when a style() call\n // directly follows an animate() call (but not inside of an animate() call)\n if (!timings && timeline.getCurrentStyleProperties().length) {\n timeline.forwardFrame();\n }\n var /** @type {?} */ easing = (timings && timings.easing) || ast.easing;\n if (ast.isEmptyStep) {\n timeline.applyEmptyStep(easing);\n }\n else {\n timeline.setStyles(ast.styles, easing, context.errors, context.options);\n }\n context.previousNode = ast;\n };\n /**\n * @param {?} ast\n * @param {?} context\n * @return {?}\n */\n AnimationTimelineBuilderVisitor.prototype.visitKeyframes = function (ast, context) {\n var /** @type {?} */ currentAnimateTimings = ((context.currentAnimateTimings));\n var /** @type {?} */ startTime = (((context.currentTimeline))).duration;\n var /** @type {?} */ duration = currentAnimateTimings.duration;\n var /** @type {?} */ innerContext = context.createSubContext();\n var /** @type {?} */ innerTimeline = innerContext.currentTimeline;\n innerTimeline.easing = currentAnimateTimings.easing;\n ast.styles.forEach(function (step) {\n var /** @type {?} */ offset = step.offset || 0;\n innerTimeline.forwardTime(offset * duration);\n innerTimeline.setStyles(step.styles, step.easing, context.errors, context.options);\n innerTimeline.applyStylesToKeyframe();\n });\n // this will ensure that the parent timeline gets all the styles from\n // the child even if the new timeline below is not used\n context.currentTimeline.mergeTimelineCollectedStyles(innerTimeline);\n // we do this because the window between this timeline and the sub timeline\n // should ensure that the styles within are exactly the same as they were before\n context.transformIntoNewTimeline(startTime + duration);\n context.previousNode = ast;\n };\n /**\n * @param {?} ast\n * @param {?} context\n * @return {?}\n */\n AnimationTimelineBuilderVisitor.prototype.visitQuery = function (ast, context) {\n var _this = this;\n // in the event that the first step before this is a style step we need\n // to ensure the styles are applied before the children are animated\n var /** @type {?} */ startTime = context.currentTimeline.currentTime;\n var /** @type {?} */ options = ((ast.options || {}));\n var /** @type {?} */ delay = options.delay ? resolveTimingValue(options.delay) : 0;\n if (delay && (context.previousNode.type === 6 /* Style */ ||\n (startTime == 0 && context.currentTimeline.getCurrentStyleProperties().length))) {\n context.currentTimeline.snapshotCurrentStyles();\n context.previousNode = DEFAULT_NOOP_PREVIOUS_NODE;\n }\n var /** @type {?} */ furthestTime = startTime;\n var /** @type {?} */ elms = context.invokeQuery(ast.selector, ast.originalSelector, ast.limit, ast.includeSelf, options.optional ? true : false, context.errors);\n context.currentQueryTotal = elms.length;\n var /** @type {?} */ sameElementTimeline = null;\n elms.forEach(function (element, i) {\n context.currentQueryIndex = i;\n var /** @type {?} */ innerContext = context.createSubContext(ast.options, element);\n if (delay) {\n innerContext.delayNextStep(delay);\n }\n if (element === context.element) {\n sameElementTimeline = innerContext.currentTimeline;\n }\n visitDslNode(_this, ast.animation, innerContext);\n // this is here just incase the inner steps only contain or end\n // with a style() call (which is here to signal that this is a preparatory\n // call to style an element before it is animated again)\n innerContext.currentTimeline.applyStylesToKeyframe();\n var /** @type {?} */ endTime = innerContext.currentTimeline.currentTime;\n furthestTime = Math.max(furthestTime, endTime);\n });\n context.currentQueryIndex = 0;\n context.currentQueryTotal = 0;\n context.transformIntoNewTimeline(furthestTime);\n if (sameElementTimeline) {\n context.currentTimeline.mergeTimelineCollectedStyles(sameElementTimeline);\n context.currentTimeline.snapshotCurrentStyles();\n }\n context.previousNode = ast;\n };\n /**\n * @param {?} ast\n * @param {?} context\n * @return {?}\n */\n AnimationTimelineBuilderVisitor.prototype.visitStagger = function (ast, context) {\n var /** @type {?} */ parentContext = ((context.parentContext));\n var /** @type {?} */ tl = context.currentTimeline;\n var /** @type {?} */ timings = ast.timings;\n var /** @type {?} */ duration = Math.abs(timings.duration);\n var /** @type {?} */ maxTime = duration * (context.currentQueryTotal - 1);\n var /** @type {?} */ delay = duration * context.currentQueryIndex;\n var /** @type {?} */ staggerTransformer = timings.duration < 0 ? 'reverse' : timings.easing;\n switch (staggerTransformer) {\n case 'reverse':\n delay = maxTime - delay;\n break;\n case 'full':\n delay = parentContext.currentStaggerTime;\n break;\n }\n var /** @type {?} */ timeline = context.currentTimeline;\n if (delay) {\n timeline.delayNextStep(delay);\n }\n var /** @type {?} */ startingTime = timeline.currentTime;\n visitDslNode(this, ast.animation, context);\n context.previousNode = ast;\n // time = duration + delay\n // the reason why this computation is so complex is because\n // the inner timeline may either have a delay value or a stretched\n // keyframe depending on if a subtimeline is not used or is used.\n parentContext.currentStaggerTime =\n (tl.currentTime - startingTime) + (tl.startTime - parentContext.currentTimeline.startTime);\n };\n return AnimationTimelineBuilderVisitor;\n}());\nvar DEFAULT_NOOP_PREVIOUS_NODE = ({});\nvar AnimationTimelineContext = (function () {\n /**\n * @param {?} _driver\n * @param {?} element\n * @param {?} subInstructions\n * @param {?} errors\n * @param {?} timelines\n * @param {?=} initialTimeline\n */\n function AnimationTimelineContext(_driver, element, subInstructions, errors, timelines, initialTimeline) {\n this._driver = _driver;\n this.element = element;\n this.subInstructions = subInstructions;\n this.errors = errors;\n this.timelines = timelines;\n this.parentContext = null;\n this.currentAnimateTimings = null;\n this.previousNode = DEFAULT_NOOP_PREVIOUS_NODE;\n this.subContextCount = 0;\n this.options = {};\n this.currentQueryIndex = 0;\n this.currentQueryTotal = 0;\n this.currentStaggerTime = 0;\n this.currentTimeline = initialTimeline || new browser_es5_TimelineBuilder(element, 0);\n timelines.push(this.currentTimeline);\n }\n Object.defineProperty(AnimationTimelineContext.prototype, \"params\", {\n /**\n * @return {?}\n */\n get: function () { return this.options.params; },\n enumerable: true,\n configurable: true\n });\n /**\n * @param {?} options\n * @param {?=} skipIfExists\n * @return {?}\n */\n AnimationTimelineContext.prototype.updateOptions = function (options, skipIfExists) {\n var _this = this;\n if (!options)\n return;\n var /** @type {?} */ newOptions = (options);\n var /** @type {?} */ optionsToUpdate = this.options;\n // NOTE: this will get patched up when other animation methods support duration overrides\n if (newOptions.duration != null) {\n ((optionsToUpdate)).duration = resolveTimingValue(newOptions.duration);\n }\n if (newOptions.delay != null) {\n optionsToUpdate.delay = resolveTimingValue(newOptions.delay);\n }\n var /** @type {?} */ newParams = newOptions.params;\n if (newParams) {\n var /** @type {?} */ paramsToUpdate_1 = ((optionsToUpdate.params));\n if (!paramsToUpdate_1) {\n paramsToUpdate_1 = this.options.params = {};\n }\n Object.keys(newParams).forEach(function (name) {\n if (!skipIfExists || !paramsToUpdate_1.hasOwnProperty(name)) {\n paramsToUpdate_1[name] = interpolateParams(newParams[name], paramsToUpdate_1, _this.errors);\n }\n });\n }\n };\n /**\n * @return {?}\n */\n AnimationTimelineContext.prototype._copyOptions = function () {\n var /** @type {?} */ options = {};\n if (this.options) {\n var /** @type {?} */ oldParams_1 = this.options.params;\n if (oldParams_1) {\n var /** @type {?} */ params_2 = options['params'] = {};\n Object.keys(oldParams_1).forEach(function (name) { params_2[name] = oldParams_1[name]; });\n }\n }\n return options;\n };\n /**\n * @param {?=} options\n * @param {?=} element\n * @param {?=} newTime\n * @return {?}\n */\n AnimationTimelineContext.prototype.createSubContext = function (options, element, newTime) {\n if (options === void 0) { options = null; }\n var /** @type {?} */ target = element || this.element;\n var /** @type {?} */ context = new AnimationTimelineContext(this._driver, target, this.subInstructions, this.errors, this.timelines, this.currentTimeline.fork(target, newTime || 0));\n context.previousNode = this.previousNode;\n context.currentAnimateTimings = this.currentAnimateTimings;\n context.options = this._copyOptions();\n context.updateOptions(options);\n context.currentQueryIndex = this.currentQueryIndex;\n context.currentQueryTotal = this.currentQueryTotal;\n context.parentContext = this;\n this.subContextCount++;\n return context;\n };\n /**\n * @param {?=} newTime\n * @return {?}\n */\n AnimationTimelineContext.prototype.transformIntoNewTimeline = function (newTime) {\n this.previousNode = DEFAULT_NOOP_PREVIOUS_NODE;\n this.currentTimeline = this.currentTimeline.fork(this.element, newTime);\n this.timelines.push(this.currentTimeline);\n return this.currentTimeline;\n };\n /**\n * @param {?} instruction\n * @param {?} duration\n * @param {?} delay\n * @return {?}\n */\n AnimationTimelineContext.prototype.appendInstructionToTimeline = function (instruction, duration, delay) {\n var /** @type {?} */ updatedTimings = {\n duration: duration != null ? duration : instruction.duration,\n delay: this.currentTimeline.currentTime + (delay != null ? delay : 0) + instruction.delay,\n easing: ''\n };\n var /** @type {?} */ builder = new browser_es5_SubTimelineBuilder(instruction.element, instruction.keyframes, instruction.preStyleProps, instruction.postStyleProps, updatedTimings, instruction.stretchStartingKeyframe);\n this.timelines.push(builder);\n return updatedTimings;\n };\n /**\n * @param {?} time\n * @return {?}\n */\n AnimationTimelineContext.prototype.incrementTime = function (time) {\n this.currentTimeline.forwardTime(this.currentTimeline.duration + time);\n };\n /**\n * @param {?} delay\n * @return {?}\n */\n AnimationTimelineContext.prototype.delayNextStep = function (delay) {\n // negative delays are not yet supported\n if (delay > 0) {\n this.currentTimeline.delayNextStep(delay);\n }\n };\n /**\n * @param {?} selector\n * @param {?} originalSelector\n * @param {?} limit\n * @param {?} includeSelf\n * @param {?} optional\n * @param {?} errors\n * @return {?}\n */\n AnimationTimelineContext.prototype.invokeQuery = function (selector, originalSelector, limit, includeSelf, optional, errors) {\n var /** @type {?} */ results = [];\n if (includeSelf) {\n results.push(this.element);\n }\n if (selector.length > 0) {\n var /** @type {?} */ multi = limit != 1;\n var /** @type {?} */ elements = this._driver.query(this.element, selector, multi);\n if (limit !== 0) {\n elements = elements.slice(0, limit);\n }\n results.push.apply(results, elements);\n }\n if (!optional && results.length == 0) {\n errors.push(\"`query(\\\"\" + originalSelector + \"\\\")` returned zero elements. (Use `query(\\\"\" + originalSelector + \"\\\", { optional: true })` if you wish to allow this.)\");\n }\n return results;\n };\n return AnimationTimelineContext;\n}());\nvar browser_es5_TimelineBuilder = (function () {\n /**\n * @param {?} element\n * @param {?} startTime\n * @param {?=} _elementTimelineStylesLookup\n */\n function TimelineBuilder(element, startTime, _elementTimelineStylesLookup) {\n this.element = element;\n this.startTime = startTime;\n this._elementTimelineStylesLookup = _elementTimelineStylesLookup;\n this.duration = 0;\n this._previousKeyframe = {};\n this._currentKeyframe = {};\n this._keyframes = new Map();\n this._styleSummary = {};\n this._pendingStyles = {};\n this._backFill = {};\n this._currentEmptyStepKeyframe = null;\n if (!this._elementTimelineStylesLookup) {\n this._elementTimelineStylesLookup = new Map();\n }\n this._localTimelineStyles = Object.create(this._backFill, {});\n this._globalTimelineStyles = this._elementTimelineStylesLookup.get(element);\n if (!this._globalTimelineStyles) {\n this._globalTimelineStyles = this._localTimelineStyles;\n this._elementTimelineStylesLookup.set(element, this._localTimelineStyles);\n }\n this._loadKeyframe();\n }\n /**\n * @return {?}\n */\n TimelineBuilder.prototype.containsAnimation = function () {\n switch (this._keyframes.size) {\n case 0:\n return false;\n case 1:\n return this.getCurrentStyleProperties().length > 0;\n default:\n return true;\n }\n };\n /**\n * @return {?}\n */\n TimelineBuilder.prototype.getCurrentStyleProperties = function () { return Object.keys(this._currentKeyframe); };\n Object.defineProperty(TimelineBuilder.prototype, \"currentTime\", {\n /**\n * @return {?}\n */\n get: function () { return this.startTime + this.duration; },\n enumerable: true,\n configurable: true\n });\n /**\n * @param {?} delay\n * @return {?}\n */\n TimelineBuilder.prototype.delayNextStep = function (delay) {\n // in the event that a style() step is placed right before a stagger()\n // and that style() step is the very first style() value in the animation\n // then we need to make a copy of the keyframe [0, copy, 1] so that the delay\n // properly applies the style() values to work with the stagger...\n var /** @type {?} */ hasPreStyleStep = this._keyframes.size == 1 && Object.keys(this._pendingStyles).length;\n if (this.duration || hasPreStyleStep) {\n this.forwardTime(this.currentTime + delay);\n if (hasPreStyleStep) {\n this.snapshotCurrentStyles();\n }\n }\n else {\n this.startTime += delay;\n }\n };\n /**\n * @param {?} element\n * @param {?=} currentTime\n * @return {?}\n */\n TimelineBuilder.prototype.fork = function (element, currentTime) {\n this.applyStylesToKeyframe();\n return new TimelineBuilder(element, currentTime || this.currentTime, this._elementTimelineStylesLookup);\n };\n /**\n * @return {?}\n */\n TimelineBuilder.prototype._loadKeyframe = function () {\n if (this._currentKeyframe) {\n this._previousKeyframe = this._currentKeyframe;\n }\n this._currentKeyframe = ((this._keyframes.get(this.duration)));\n if (!this._currentKeyframe) {\n this._currentKeyframe = Object.create(this._backFill, {});\n this._keyframes.set(this.duration, this._currentKeyframe);\n }\n };\n /**\n * @return {?}\n */\n TimelineBuilder.prototype.forwardFrame = function () {\n this.duration += ONE_FRAME_IN_MILLISECONDS;\n this._loadKeyframe();\n };\n /**\n * @param {?} time\n * @return {?}\n */\n TimelineBuilder.prototype.forwardTime = function (time) {\n this.applyStylesToKeyframe();\n this.duration = time;\n this._loadKeyframe();\n };\n /**\n * @param {?} prop\n * @param {?} value\n * @return {?}\n */\n TimelineBuilder.prototype._updateStyle = function (prop, value) {\n this._localTimelineStyles[prop] = value;\n this._globalTimelineStyles[prop] = value;\n this._styleSummary[prop] = { time: this.currentTime, value: value };\n };\n /**\n * @return {?}\n */\n TimelineBuilder.prototype.allowOnlyTimelineStyles = function () { return this._currentEmptyStepKeyframe !== this._currentKeyframe; };\n /**\n * @param {?} easing\n * @return {?}\n */\n TimelineBuilder.prototype.applyEmptyStep = function (easing) {\n var _this = this;\n if (easing) {\n this._previousKeyframe['easing'] = easing;\n }\n // special case for animate(duration):\n // all missing styles are filled with a `*` value then\n // if any destination styles are filled in later on the same\n // keyframe then they will override the overridden styles\n // We use `_globalTimelineStyles` here because there may be\n // styles in previous keyframes that are not present in this timeline\n Object.keys(this._globalTimelineStyles).forEach(function (prop) {\n _this._backFill[prop] = _this._globalTimelineStyles[prop] || AUTO_STYLE;\n _this._currentKeyframe[prop] = AUTO_STYLE;\n });\n this._currentEmptyStepKeyframe = this._currentKeyframe;\n };\n /**\n * @param {?} input\n * @param {?} easing\n * @param {?} errors\n * @param {?=} options\n * @return {?}\n */\n TimelineBuilder.prototype.setStyles = function (input, easing, errors, options) {\n var _this = this;\n if (easing) {\n this._previousKeyframe['easing'] = easing;\n }\n var /** @type {?} */ params = (options && options.params) || {};\n var /** @type {?} */ styles = flattenStyles(input, this._globalTimelineStyles);\n Object.keys(styles).forEach(function (prop) {\n var /** @type {?} */ val = interpolateParams(styles[prop], params, errors);\n _this._pendingStyles[prop] = val;\n if (!_this._localTimelineStyles.hasOwnProperty(prop)) {\n _this._backFill[prop] = _this._globalTimelineStyles.hasOwnProperty(prop) ?\n _this._globalTimelineStyles[prop] :\n AUTO_STYLE;\n }\n _this._updateStyle(prop, val);\n });\n };\n /**\n * @return {?}\n */\n TimelineBuilder.prototype.applyStylesToKeyframe = function () {\n var _this = this;\n var /** @type {?} */ styles = this._pendingStyles;\n var /** @type {?} */ props = Object.keys(styles);\n if (props.length == 0)\n return;\n this._pendingStyles = {};\n props.forEach(function (prop) {\n var /** @type {?} */ val = styles[prop];\n _this._currentKeyframe[prop] = val;\n });\n Object.keys(this._localTimelineStyles).forEach(function (prop) {\n if (!_this._currentKeyframe.hasOwnProperty(prop)) {\n _this._currentKeyframe[prop] = _this._localTimelineStyles[prop];\n }\n });\n };\n /**\n * @return {?}\n */\n TimelineBuilder.prototype.snapshotCurrentStyles = function () {\n var _this = this;\n Object.keys(this._localTimelineStyles).forEach(function (prop) {\n var /** @type {?} */ val = _this._localTimelineStyles[prop];\n _this._pendingStyles[prop] = val;\n _this._updateStyle(prop, val);\n });\n };\n /**\n * @return {?}\n */\n TimelineBuilder.prototype.getFinalKeyframe = function () { return this._keyframes.get(this.duration); };\n Object.defineProperty(TimelineBuilder.prototype, \"properties\", {\n /**\n * @return {?}\n */\n get: function () {\n var /** @type {?} */ properties = [];\n for (var /** @type {?} */ prop in this._currentKeyframe) {\n properties.push(prop);\n }\n return properties;\n },\n enumerable: true,\n configurable: true\n });\n /**\n * @param {?} timeline\n * @return {?}\n */\n TimelineBuilder.prototype.mergeTimelineCollectedStyles = function (timeline) {\n var _this = this;\n Object.keys(timeline._styleSummary).forEach(function (prop) {\n var /** @type {?} */ details0 = _this._styleSummary[prop];\n var /** @type {?} */ details1 = timeline._styleSummary[prop];\n if (!details0 || details1.time > details0.time) {\n _this._updateStyle(prop, details1.value);\n }\n });\n };\n /**\n * @return {?}\n */\n TimelineBuilder.prototype.buildKeyframes = function () {\n var _this = this;\n this.applyStylesToKeyframe();\n var /** @type {?} */ preStyleProps = new Set();\n var /** @type {?} */ postStyleProps = new Set();\n var /** @type {?} */ isEmpty = this._keyframes.size === 1 && this.duration === 0;\n var /** @type {?} */ finalKeyframes = [];\n this._keyframes.forEach(function (keyframe, time) {\n var /** @type {?} */ finalKeyframe = copyStyles(keyframe, true);\n Object.keys(finalKeyframe).forEach(function (prop) {\n var /** @type {?} */ value = finalKeyframe[prop];\n if (value == ɵPRE_STYLE) {\n preStyleProps.add(prop);\n }\n else if (value == AUTO_STYLE) {\n postStyleProps.add(prop);\n }\n });\n if (!isEmpty) {\n finalKeyframe['offset'] = time / _this.duration;\n }\n finalKeyframes.push(finalKeyframe);\n });\n var /** @type {?} */ preProps = preStyleProps.size ? iteratorToArray(preStyleProps.values()) : [];\n var /** @type {?} */ postProps = postStyleProps.size ? iteratorToArray(postStyleProps.values()) : [];\n // special case for a 0-second animation (which is designed just to place styles onscreen)\n if (isEmpty) {\n var /** @type {?} */ kf0 = finalKeyframes[0];\n var /** @type {?} */ kf1 = copyObj(kf0);\n kf0['offset'] = 0;\n kf1['offset'] = 1;\n finalKeyframes = [kf0, kf1];\n }\n return createTimelineInstruction(this.element, finalKeyframes, preProps, postProps, this.duration, this.startTime, this.easing, false);\n };\n return TimelineBuilder;\n}());\nvar browser_es5_SubTimelineBuilder = (function (_super) {\n tslib_es6[\"a\" /* __extends */](SubTimelineBuilder, _super);\n /**\n * @param {?} element\n * @param {?} keyframes\n * @param {?} preStyleProps\n * @param {?} postStyleProps\n * @param {?} timings\n * @param {?=} _stretchStartingKeyframe\n */\n function SubTimelineBuilder(element, keyframes, preStyleProps, postStyleProps, timings, _stretchStartingKeyframe) {\n if (_stretchStartingKeyframe === void 0) { _stretchStartingKeyframe = false; }\n var _this = _super.call(this, element, timings.delay) || this;\n _this.element = element;\n _this.keyframes = keyframes;\n _this.preStyleProps = preStyleProps;\n _this.postStyleProps = postStyleProps;\n _this._stretchStartingKeyframe = _stretchStartingKeyframe;\n _this.timings = { duration: timings.duration, delay: timings.delay, easing: timings.easing };\n return _this;\n }\n /**\n * @return {?}\n */\n SubTimelineBuilder.prototype.containsAnimation = function () { return this.keyframes.length > 1; };\n /**\n * @return {?}\n */\n SubTimelineBuilder.prototype.buildKeyframes = function () {\n var /** @type {?} */ keyframes = this.keyframes;\n var _a = this.timings, delay = _a.delay, duration = _a.duration, easing = _a.easing;\n if (this._stretchStartingKeyframe && delay) {\n var /** @type {?} */ newKeyframes = [];\n var /** @type {?} */ totalTime = duration + delay;\n var /** @type {?} */ startingGap = delay / totalTime;\n // the original starting keyframe now starts once the delay is done\n var /** @type {?} */ newFirstKeyframe = copyStyles(keyframes[0], false);\n newFirstKeyframe['offset'] = 0;\n newKeyframes.push(newFirstKeyframe);\n var /** @type {?} */ oldFirstKeyframe = copyStyles(keyframes[0], false);\n oldFirstKeyframe['offset'] = roundOffset(startingGap);\n newKeyframes.push(oldFirstKeyframe);\n /*\n When the keyframe is stretched then it means that the delay before the animation\n starts is gone. Instead the first keyframe is placed at the start of the animation\n and it is then copied to where it starts when the original delay is over. This basically\n means nothing animates during that delay, but the styles are still renderered. For this\n to work the original offset values that exist in the original keyframes must be \"warped\"\n so that they can take the new keyframe + delay into account.\n \n delay=1000, duration=1000, keyframes = 0 .5 1\n \n turns into\n \n delay=0, duration=2000, keyframes = 0 .33 .66 1\n */\n // offsets between 1 ... n -1 are all warped by the keyframe stretch\n var /** @type {?} */ limit = keyframes.length - 1;\n for (var /** @type {?} */ i = 1; i <= limit; i++) {\n var /** @type {?} */ kf = copyStyles(keyframes[i], false);\n var /** @type {?} */ oldOffset = (kf['offset']);\n var /** @type {?} */ timeAtKeyframe = delay + oldOffset * duration;\n kf['offset'] = roundOffset(timeAtKeyframe / totalTime);\n newKeyframes.push(kf);\n }\n // the new starting keyframe should be added at the start\n duration = totalTime;\n delay = 0;\n easing = '';\n keyframes = newKeyframes;\n }\n return createTimelineInstruction(this.element, keyframes, this.preStyleProps, this.postStyleProps, duration, delay, easing, true);\n };\n return SubTimelineBuilder;\n}(browser_es5_TimelineBuilder));\n/**\n * @param {?} offset\n * @param {?=} decimalPoints\n * @return {?}\n */\nfunction roundOffset(offset, decimalPoints) {\n if (decimalPoints === void 0) { decimalPoints = 3; }\n var /** @type {?} */ mult = Math.pow(10, decimalPoints - 1);\n return Math.round(offset * mult) / mult;\n}\n/**\n * @param {?} input\n * @param {?} allStyles\n * @return {?}\n */\nfunction flattenStyles(input, allStyles) {\n var /** @type {?} */ styles = {};\n var /** @type {?} */ allProperties;\n input.forEach(function (token) {\n if (token === '*') {\n allProperties = allProperties || Object.keys(allStyles);\n allProperties.forEach(function (prop) { styles[prop] = AUTO_STYLE; });\n }\n else {\n copyStyles(/** @type {?} */ (token), false, styles);\n }\n });\n return styles;\n}\n/**\n * @license\n * Copyright Google Inc. All Rights Reserved.\n *\n * Use of this source code is governed by an MIT-style license that can be\n * found in the LICENSE file at https://angular.io/license\n */\nvar Animation = (function () {\n /**\n * @param {?} _driver\n * @param {?} input\n */\n function Animation(_driver, input) {\n this._driver = _driver;\n var errors = [];\n var ast = buildAnimationAst(input, errors);\n if (errors.length) {\n var errorMessage = \"animation validation failed:\\n\" + errors.join(\"\\n\");\n throw new Error(errorMessage);\n }\n this._animationAst = ast;\n }\n /**\n * @param {?} element\n * @param {?} startingStyles\n * @param {?} destinationStyles\n * @param {?} options\n * @param {?=} subInstructions\n * @return {?}\n */\n Animation.prototype.buildTimelines = function (element, startingStyles, destinationStyles, options, subInstructions) {\n var /** @type {?} */ start = Array.isArray(startingStyles) ? normalizeStyles(startingStyles) : (startingStyles);\n var /** @type {?} */ dest = Array.isArray(destinationStyles) ? normalizeStyles(destinationStyles) : (destinationStyles);\n var /** @type {?} */ errors = [];\n subInstructions = subInstructions || new ElementInstructionMap();\n var /** @type {?} */ result = buildAnimationTimelines(this._driver, element, this._animationAst, start, dest, options, subInstructions, errors);\n if (errors.length) {\n var /** @type {?} */ errorMessage = \"animation building failed:\\n\" + errors.join(\"\\n\");\n throw new Error(errorMessage);\n }\n return result;\n };\n return Animation;\n}());\n/**\n * @license\n * Copyright Google Inc. All Rights Reserved.\n *\n * Use of this source code is governed by an MIT-style license that can be\n * found in the LICENSE file at https://angular.io/license\n */\n/**\n * @experimental Animation support is experimental.\n */\n/**\n * @license\n * Copyright Google Inc. All Rights Reserved.\n *\n * Use of this source code is governed by an MIT-style license that can be\n * found in the LICENSE file at https://angular.io/license\n */ var AnimationStyleNormalizer = (function () {\n function AnimationStyleNormalizer() {\n }\n return AnimationStyleNormalizer;\n}());\n/**\n * @experimental Animation support is experimental.\n */\nvar NoopAnimationStyleNormalizer = (function () {\n function NoopAnimationStyleNormalizer() {\n }\n NoopAnimationStyleNormalizer.prototype.normalizePropertyName = function (propertyName, errors) { return propertyName; };\n NoopAnimationStyleNormalizer.prototype.normalizeStyleValue = function (userProvidedProperty, normalizedProperty, value, errors) {\n return value;\n };\n return NoopAnimationStyleNormalizer;\n}());\n/**\n * @license\n * Copyright Google Inc. All Rights Reserved.\n *\n * Use of this source code is governed by an MIT-style license that can be\n * found in the LICENSE file at https://angular.io/license\n */\nvar browser_es5_WebAnimationsStyleNormalizer = (function (_super) {\n tslib_es6[\"a\" /* __extends */](WebAnimationsStyleNormalizer, _super);\n function WebAnimationsStyleNormalizer() {\n return _super !== null && _super.apply(this, arguments) || this;\n }\n /**\n * @param {?} propertyName\n * @param {?} errors\n * @return {?}\n */\n WebAnimationsStyleNormalizer.prototype.normalizePropertyName = function (propertyName, errors) {\n return dashCaseToCamelCase(propertyName);\n };\n /**\n * @param {?} userProvidedProperty\n * @param {?} normalizedProperty\n * @param {?} value\n * @param {?} errors\n * @return {?}\n */\n WebAnimationsStyleNormalizer.prototype.normalizeStyleValue = function (userProvidedProperty, normalizedProperty, value, errors) {\n var /** @type {?} */ unit = '';\n var /** @type {?} */ strVal = value.toString().trim();\n if (DIMENSIONAL_PROP_MAP[normalizedProperty] && value !== 0 && value !== '0') {\n if (typeof value === 'number') {\n unit = 'px';\n }\n else {\n var /** @type {?} */ valAndSuffixMatch = value.match(/^[+-]?[\\d\\.]+([a-z]*)$/);\n if (valAndSuffixMatch && valAndSuffixMatch[1].length == 0) {\n errors.push(\"Please provide a CSS unit value for \" + userProvidedProperty + \":\" + value);\n }\n }\n }\n return strVal + unit;\n };\n return WebAnimationsStyleNormalizer;\n}(AnimationStyleNormalizer));\nvar DIMENSIONAL_PROP_MAP = makeBooleanMap('width,height,minWidth,minHeight,maxWidth,maxHeight,left,top,bottom,right,fontSize,outlineWidth,outlineOffset,paddingTop,paddingLeft,paddingBottom,paddingRight,marginTop,marginLeft,marginBottom,marginRight,borderRadius,borderWidth,borderTopWidth,borderLeftWidth,borderRightWidth,borderBottomWidth,textIndent,perspective'\n .split(','));\n/**\n * @param {?} keys\n * @return {?}\n */\nfunction makeBooleanMap(keys) {\n var /** @type {?} */ map = {};\n keys.forEach(function (key) { return map[key] = true; });\n return map;\n}\n/**\n * @license\n * Copyright Google Inc. All Rights Reserved.\n *\n * Use of this source code is governed by an MIT-style license that can be\n * found in the LICENSE file at https://angular.io/license\n */\n/**\n * @param {?} element\n * @param {?} triggerName\n * @param {?} fromState\n * @param {?} toState\n * @param {?} isRemovalTransition\n * @param {?} fromStyles\n * @param {?} toStyles\n * @param {?} timelines\n * @param {?} queriedElements\n * @param {?} preStyleProps\n * @param {?} postStyleProps\n * @param {?=} errors\n * @return {?}\n */\nfunction createTransitionInstruction(element, triggerName, fromState, toState, isRemovalTransition, fromStyles, toStyles, timelines, queriedElements, preStyleProps, postStyleProps, errors) {\n return {\n type: 0 /* TransitionAnimation */,\n element: element,\n triggerName: triggerName,\n isRemovalTransition: isRemovalTransition,\n fromState: fromState,\n fromStyles: fromStyles,\n toState: toState,\n toStyles: toStyles,\n timelines: timelines,\n queriedElements: queriedElements,\n preStyleProps: preStyleProps,\n postStyleProps: postStyleProps,\n errors: errors\n };\n}\n/**\n * @license\n * Copyright Google Inc. All Rights Reserved.\n *\n * Use of this source code is governed by an MIT-style license that can be\n * found in the LICENSE file at https://angular.io/license\n */\nvar EMPTY_OBJECT = {};\nvar AnimationTransitionFactory = (function () {\n /**\n * @param {?} _triggerName\n * @param {?} ast\n * @param {?} _stateStyles\n */\n function AnimationTransitionFactory(_triggerName, ast, _stateStyles) {\n this._triggerName = _triggerName;\n this.ast = ast;\n this._stateStyles = _stateStyles;\n }\n /**\n * @param {?} currentState\n * @param {?} nextState\n * @return {?}\n */\n AnimationTransitionFactory.prototype.match = function (currentState, nextState) {\n return oneOrMoreTransitionsMatch(this.ast.matchers, currentState, nextState);\n };\n /**\n * @param {?} stateName\n * @param {?} params\n * @param {?} errors\n * @return {?}\n */\n AnimationTransitionFactory.prototype.buildStyles = function (stateName, params, errors) {\n var /** @type {?} */ backupStateStyler = this._stateStyles['*'];\n var /** @type {?} */ stateStyler = this._stateStyles[stateName];\n var /** @type {?} */ backupStyles = backupStateStyler ? backupStateStyler.buildStyles(params, errors) : {};\n return stateStyler ? stateStyler.buildStyles(params, errors) : backupStyles;\n };\n /**\n * @param {?} driver\n * @param {?} element\n * @param {?} currentState\n * @param {?} nextState\n * @param {?=} currentOptions\n * @param {?=} nextOptions\n * @param {?=} subInstructions\n * @return {?}\n */\n AnimationTransitionFactory.prototype.build = function (driver, element, currentState, nextState, currentOptions, nextOptions, subInstructions) {\n var /** @type {?} */ errors = [];\n var /** @type {?} */ transitionAnimationParams = this.ast.options && this.ast.options.params || EMPTY_OBJECT;\n var /** @type {?} */ currentAnimationParams = currentOptions && currentOptions.params || EMPTY_OBJECT;\n var /** @type {?} */ currentStateStyles = this.buildStyles(currentState, currentAnimationParams, errors);\n var /** @type {?} */ nextAnimationParams = nextOptions && nextOptions.params || EMPTY_OBJECT;\n var /** @type {?} */ nextStateStyles = this.buildStyles(nextState, nextAnimationParams, errors);\n var /** @type {?} */ queriedElements = new Set();\n var /** @type {?} */ preStyleMap = new Map();\n var /** @type {?} */ postStyleMap = new Map();\n var /** @type {?} */ isRemoval = nextState === 'void';\n var /** @type {?} */ animationOptions = { params: Object.assign({}, transitionAnimationParams, nextAnimationParams) };\n var /** @type {?} */ timelines = buildAnimationTimelines(driver, element, this.ast.animation, currentStateStyles, nextStateStyles, animationOptions, subInstructions, errors);\n if (errors.length) {\n return createTransitionInstruction(element, this._triggerName, currentState, nextState, isRemoval, currentStateStyles, nextStateStyles, [], [], preStyleMap, postStyleMap, errors);\n }\n timelines.forEach(function (tl) {\n var /** @type {?} */ elm = tl.element;\n var /** @type {?} */ preProps = getOrSetAsInMap(preStyleMap, elm, {});\n tl.preStyleProps.forEach(function (prop) { return preProps[prop] = true; });\n var /** @type {?} */ postProps = getOrSetAsInMap(postStyleMap, elm, {});\n tl.postStyleProps.forEach(function (prop) { return postProps[prop] = true; });\n if (elm !== element) {\n queriedElements.add(elm);\n }\n });\n var /** @type {?} */ queriedElementsList = iteratorToArray(queriedElements.values());\n return createTransitionInstruction(element, this._triggerName, currentState, nextState, isRemoval, currentStateStyles, nextStateStyles, timelines, queriedElementsList, preStyleMap, postStyleMap);\n };\n return AnimationTransitionFactory;\n}());\n/**\n * @param {?} matchFns\n * @param {?} currentState\n * @param {?} nextState\n * @return {?}\n */\nfunction oneOrMoreTransitionsMatch(matchFns, currentState, nextState) {\n return matchFns.some(function (fn) { return fn(currentState, nextState); });\n}\nvar AnimationStateStyles = (function () {\n /**\n * @param {?} styles\n * @param {?} defaultParams\n */\n function AnimationStateStyles(styles, defaultParams) {\n this.styles = styles;\n this.defaultParams = defaultParams;\n }\n /**\n * @param {?} params\n * @param {?} errors\n * @return {?}\n */\n AnimationStateStyles.prototype.buildStyles = function (params, errors) {\n var /** @type {?} */ finalStyles = {};\n var /** @type {?} */ combinedParams = copyObj(this.defaultParams);\n Object.keys(params).forEach(function (key) {\n var /** @type {?} */ value = params[key];\n if (value != null) {\n combinedParams[key] = value;\n }\n });\n this.styles.styles.forEach(function (value) {\n if (typeof value !== 'string') {\n var /** @type {?} */ styleObj_1 = (value);\n Object.keys(styleObj_1).forEach(function (prop) {\n var /** @type {?} */ val = styleObj_1[prop];\n if (val.length > 1) {\n val = interpolateParams(val, combinedParams, errors);\n }\n finalStyles[prop] = val;\n });\n }\n });\n return finalStyles;\n };\n return AnimationStateStyles;\n}());\n/**\n * @license\n * Copyright Google Inc. All Rights Reserved.\n *\n * Use of this source code is governed by an MIT-style license that can be\n * found in the LICENSE file at https://angular.io/license\n */\n/**\n * \\@experimental Animation support is experimental.\n * @param {?} name\n * @param {?} ast\n * @return {?}\n */\nfunction buildTrigger(name, ast) {\n return new AnimationTrigger(name, ast);\n}\n/**\n * \\@experimental Animation support is experimental.\n */\nvar AnimationTrigger = (function () {\n /**\n * @param {?} name\n * @param {?} ast\n */\n function AnimationTrigger(name, ast) {\n var _this = this;\n this.name = name;\n this.ast = ast;\n this.transitionFactories = [];\n this.states = {};\n ast.states.forEach(function (ast) {\n var defaultParams = (ast.options && ast.options.params) || {};\n _this.states[ast.name] = new AnimationStateStyles(ast.style, defaultParams);\n });\n balanceProperties(this.states, 'true', '1');\n balanceProperties(this.states, 'false', '0');\n ast.transitions.forEach(function (ast) {\n _this.transitionFactories.push(new AnimationTransitionFactory(name, ast, _this.states));\n });\n this.fallbackTransition = createFallbackTransition(name, this.states);\n }\n Object.defineProperty(AnimationTrigger.prototype, \"containsQueries\", {\n /**\n * @return {?}\n */\n get: function () { return this.ast.queryCount > 0; },\n enumerable: true,\n configurable: true\n });\n /**\n * @param {?} currentState\n * @param {?} nextState\n * @return {?}\n */\n AnimationTrigger.prototype.matchTransition = function (currentState, nextState) {\n var /** @type {?} */ entry = this.transitionFactories.find(function (f) { return f.match(currentState, nextState); });\n return entry || null;\n };\n /**\n * @param {?} currentState\n * @param {?} params\n * @param {?} errors\n * @return {?}\n */\n AnimationTrigger.prototype.matchStyles = function (currentState, params, errors) {\n return this.fallbackTransition.buildStyles(currentState, params, errors);\n };\n return AnimationTrigger;\n}());\n/**\n * @param {?} triggerName\n * @param {?} states\n * @return {?}\n */\nfunction createFallbackTransition(triggerName, states) {\n var /** @type {?} */ matchers = [function (fromState, toState) { return true; }];\n var /** @type {?} */ animation = { type: 2 /* Sequence */, steps: [], options: null };\n var /** @type {?} */ transition = {\n type: 1 /* Transition */,\n animation: animation,\n matchers: matchers,\n options: null,\n queryCount: 0,\n depCount: 0\n };\n return new AnimationTransitionFactory(triggerName, transition, states);\n}\n/**\n * @param {?} obj\n * @param {?} key1\n * @param {?} key2\n * @return {?}\n */\nfunction balanceProperties(obj, key1, key2) {\n if (obj.hasOwnProperty(key1)) {\n if (!obj.hasOwnProperty(key2)) {\n obj[key2] = obj[key1];\n }\n }\n else if (obj.hasOwnProperty(key2)) {\n obj[key1] = obj[key2];\n }\n}\n/**\n * @license\n * Copyright Google Inc. All Rights Reserved.\n *\n * Use of this source code is governed by an MIT-style license that can be\n * found in the LICENSE file at https://angular.io/license\n */\nvar EMPTY_INSTRUCTION_MAP = new ElementInstructionMap();\nvar browser_es5_TimelineAnimationEngine = (function () {\n /**\n * @param {?} _driver\n * @param {?} _normalizer\n */\n function TimelineAnimationEngine(_driver, _normalizer) {\n this._driver = _driver;\n this._normalizer = _normalizer;\n this._animations = {};\n this._playersById = {};\n this.players = [];\n }\n /**\n * @param {?} id\n * @param {?} metadata\n * @return {?}\n */\n TimelineAnimationEngine.prototype.register = function (id, metadata) {\n var /** @type {?} */ errors = [];\n var /** @type {?} */ ast = buildAnimationAst(metadata, errors);\n if (errors.length) {\n throw new Error(\"Unable to build the animation due to the following errors: \" + errors.join(\"\\n\"));\n }\n else {\n this._animations[id] = ast;\n }\n };\n /**\n * @param {?} i\n * @param {?} preStyles\n * @param {?=} postStyles\n * @return {?}\n */\n TimelineAnimationEngine.prototype._buildPlayer = function (i, preStyles, postStyles) {\n var /** @type {?} */ element = i.element;\n var /** @type {?} */ keyframes = normalizeKeyframes(this._driver, this._normalizer, element, i.keyframes, preStyles, postStyles);\n return this._driver.animate(element, keyframes, i.duration, i.delay, i.easing, []);\n };\n /**\n * @param {?} id\n * @param {?} element\n * @param {?=} options\n * @return {?}\n */\n TimelineAnimationEngine.prototype.create = function (id, element, options) {\n var _this = this;\n if (options === void 0) { options = {}; }\n var /** @type {?} */ errors = [];\n var /** @type {?} */ ast = this._animations[id];\n var /** @type {?} */ instructions;\n var /** @type {?} */ autoStylesMap = new Map();\n if (ast) {\n instructions = buildAnimationTimelines(this._driver, element, ast, {}, {}, options, EMPTY_INSTRUCTION_MAP, errors);\n instructions.forEach(function (inst) {\n var /** @type {?} */ styles = getOrSetAsInMap(autoStylesMap, inst.element, {});\n inst.postStyleProps.forEach(function (prop) { return styles[prop] = null; });\n });\n }\n else {\n errors.push('The requested animation doesn\\'t exist or has already been destroyed');\n instructions = [];\n }\n if (errors.length) {\n throw new Error(\"Unable to create the animation due to the following errors: \" + errors.join(\"\\n\"));\n }\n autoStylesMap.forEach(function (styles, element) {\n Object.keys(styles).forEach(function (prop) { styles[prop] = _this._driver.computeStyle(element, prop, AUTO_STYLE); });\n });\n var /** @type {?} */ players = instructions.map(function (i) {\n var /** @type {?} */ styles = autoStylesMap.get(i.element);\n return _this._buildPlayer(i, {}, styles);\n });\n var /** @type {?} */ player = optimizeGroupPlayer(players);\n this._playersById[id] = player;\n player.onDestroy(function () { return _this.destroy(id); });\n this.players.push(player);\n return player;\n };\n /**\n * @param {?} id\n * @return {?}\n */\n TimelineAnimationEngine.prototype.destroy = function (id) {\n var /** @type {?} */ player = this._getPlayer(id);\n player.destroy();\n delete this._playersById[id];\n var /** @type {?} */ index = this.players.indexOf(player);\n if (index >= 0) {\n this.players.splice(index, 1);\n }\n };\n /**\n * @param {?} id\n * @return {?}\n */\n TimelineAnimationEngine.prototype._getPlayer = function (id) {\n var /** @type {?} */ player = this._playersById[id];\n if (!player) {\n throw new Error(\"Unable to find the timeline player referenced by \" + id);\n }\n return player;\n };\n /**\n * @param {?} id\n * @param {?} element\n * @param {?} eventName\n * @param {?} callback\n * @return {?}\n */\n TimelineAnimationEngine.prototype.listen = function (id, element, eventName, callback) {\n // triggerName, fromState, toState are all ignored for timeline animations\n var /** @type {?} */ baseEvent = makeAnimationEvent(element, '', '', '');\n listenOnPlayer(this._getPlayer(id), eventName, baseEvent, callback);\n return function () { };\n };\n /**\n * @param {?} id\n * @param {?} element\n * @param {?} command\n * @param {?} args\n * @return {?}\n */\n TimelineAnimationEngine.prototype.command = function (id, element, command, args) {\n if (command == 'register') {\n this.register(id, /** @type {?} */ (args[0]));\n return;\n }\n if (command == 'create') {\n var /** @type {?} */ options = ((args[0] || {}));\n this.create(id, element, options);\n return;\n }\n var /** @type {?} */ player = this._getPlayer(id);\n switch (command) {\n case 'play':\n player.play();\n break;\n case 'pause':\n player.pause();\n break;\n case 'reset':\n player.reset();\n break;\n case 'restart':\n player.restart();\n break;\n case 'finish':\n player.finish();\n break;\n case 'init':\n player.init();\n break;\n case 'setPosition':\n player.setPosition(parseFloat(/** @type {?} */ (args[0])));\n break;\n case 'destroy':\n this.destroy(id);\n break;\n }\n };\n return TimelineAnimationEngine;\n}());\n/**\n * @license\n * Copyright Google Inc. All Rights Reserved.\n *\n * Use of this source code is governed by an MIT-style license that can be\n * found in the LICENSE file at https://angular.io/license\n */\nvar QUEUED_CLASSNAME = 'ng-animate-queued';\nvar QUEUED_SELECTOR = '.ng-animate-queued';\nvar DISABLED_CLASSNAME = 'ng-animate-disabled';\nvar DISABLED_SELECTOR = '.ng-animate-disabled';\nvar EMPTY_PLAYER_ARRAY = [];\nvar NULL_REMOVAL_STATE = {\n namespaceId: '',\n setForRemoval: null,\n hasAnimation: false,\n removedBeforeQueried: false\n};\nvar NULL_REMOVED_QUERIED_STATE = {\n namespaceId: '',\n setForRemoval: null,\n hasAnimation: false,\n removedBeforeQueried: true\n};\nvar REMOVAL_FLAG = '__ng_removed';\nvar StateValue = (function () {\n /**\n * @param {?} input\n */\n function StateValue(input) {\n var isObj = input && input.hasOwnProperty('value');\n var value = isObj ? input['value'] : input;\n this.value = normalizeTriggerValue(value);\n if (isObj) {\n var options = copyObj(input);\n delete options['value'];\n this.options = options;\n }\n else {\n this.options = {};\n }\n if (!this.options.params) {\n this.options.params = {};\n }\n }\n Object.defineProperty(StateValue.prototype, \"params\", {\n /**\n * @return {?}\n */\n get: function () { return (this.options.params); },\n enumerable: true,\n configurable: true\n });\n /**\n * @param {?} options\n * @return {?}\n */\n StateValue.prototype.absorbOptions = function (options) {\n var /** @type {?} */ newParams = options.params;\n if (newParams) {\n var /** @type {?} */ oldParams_2 = ((this.options.params));\n Object.keys(newParams).forEach(function (prop) {\n if (oldParams_2[prop] == null) {\n oldParams_2[prop] = newParams[prop];\n }\n });\n }\n };\n return StateValue;\n}());\nvar VOID_VALUE = 'void';\nvar DEFAULT_STATE_VALUE = new StateValue(VOID_VALUE);\nvar DELETED_STATE_VALUE = new StateValue('DELETED');\nvar AnimationTransitionNamespace = (function () {\n /**\n * @param {?} id\n * @param {?} hostElement\n * @param {?} _engine\n */\n function AnimationTransitionNamespace(id, hostElement, _engine) {\n this.id = id;\n this.hostElement = hostElement;\n this._engine = _engine;\n this.players = [];\n this._triggers = {};\n this._queue = [];\n this._elementListeners = new Map();\n this._hostClassName = 'ng-tns-' + id;\n addClass(hostElement, this._hostClassName);\n }\n /**\n * @param {?} element\n * @param {?} name\n * @param {?} phase\n * @param {?} callback\n * @return {?}\n */\n AnimationTransitionNamespace.prototype.listen = function (element, name, phase, callback) {\n var _this = this;\n if (!this._triggers.hasOwnProperty(name)) {\n throw new Error(\"Unable to listen on the animation trigger event \\\"\" + phase + \"\\\" because the animation trigger \\\"\" + name + \"\\\" doesn't exist!\");\n }\n if (phase == null || phase.length == 0) {\n throw new Error(\"Unable to listen on the animation trigger \\\"\" + name + \"\\\" because the provided event is undefined!\");\n }\n if (!isTriggerEventValid(phase)) {\n throw new Error(\"The provided animation trigger event \\\"\" + phase + \"\\\" for the animation trigger \\\"\" + name + \"\\\" is not supported!\");\n }\n var /** @type {?} */ listeners = getOrSetAsInMap(this._elementListeners, element, []);\n var /** @type {?} */ data = { name: name, phase: phase, callback: callback };\n listeners.push(data);\n var /** @type {?} */ triggersWithStates = getOrSetAsInMap(this._engine.statesByElement, element, {});\n if (!triggersWithStates.hasOwnProperty(name)) {\n addClass(element, NG_TRIGGER_CLASSNAME);\n addClass(element, NG_TRIGGER_CLASSNAME + '-' + name);\n triggersWithStates[name] = null;\n }\n return function () {\n // the event listener is removed AFTER the flush has occurred such\n // that leave animations callbacks can fire (otherwise if the node\n // is removed in between then the listeners would be deregistered)\n _this._engine.afterFlush(function () {\n var /** @type {?} */ index = listeners.indexOf(data);\n if (index >= 0) {\n listeners.splice(index, 1);\n }\n if (!_this._triggers[name]) {\n delete triggersWithStates[name];\n }\n });\n };\n };\n /**\n * @param {?} name\n * @param {?} ast\n * @return {?}\n */\n AnimationTransitionNamespace.prototype.register = function (name, ast) {\n if (this._triggers[name]) {\n // throw\n return false;\n }\n else {\n this._triggers[name] = ast;\n return true;\n }\n };\n /**\n * @param {?} name\n * @return {?}\n */\n AnimationTransitionNamespace.prototype._getTrigger = function (name) {\n var /** @type {?} */ trigger = this._triggers[name];\n if (!trigger) {\n throw new Error(\"The provided animation trigger \\\"\" + name + \"\\\" has not been registered!\");\n }\n return trigger;\n };\n /**\n * @param {?} element\n * @param {?} triggerName\n * @param {?} value\n * @param {?=} defaultToFallback\n * @return {?}\n */\n AnimationTransitionNamespace.prototype.trigger = function (element, triggerName, value, defaultToFallback) {\n var _this = this;\n if (defaultToFallback === void 0) { defaultToFallback = true; }\n var /** @type {?} */ trigger = this._getTrigger(triggerName);\n var /** @type {?} */ player = new browser_es5_TransitionAnimationPlayer(this.id, triggerName, element);\n var /** @type {?} */ triggersWithStates = this._engine.statesByElement.get(element);\n if (!triggersWithStates) {\n addClass(element, NG_TRIGGER_CLASSNAME);\n addClass(element, NG_TRIGGER_CLASSNAME + '-' + triggerName);\n this._engine.statesByElement.set(element, triggersWithStates = {});\n }\n var /** @type {?} */ fromState = triggersWithStates[triggerName];\n var /** @type {?} */ toState = new StateValue(value);\n var /** @type {?} */ isObj = value && value.hasOwnProperty('value');\n if (!isObj && fromState) {\n toState.absorbOptions(fromState.options);\n }\n triggersWithStates[triggerName] = toState;\n if (!fromState) {\n fromState = DEFAULT_STATE_VALUE;\n }\n else if (fromState === DELETED_STATE_VALUE) {\n return player;\n }\n var /** @type {?} */ isRemoval = toState.value === VOID_VALUE;\n // normally this isn't reached by here, however, if an object expression\n // is passed in then it may be a new object each time. Comparing the value\n // is important since that will stay the same despite there being a new object.\n // The removal arc here is special cased because the same element is triggered\n // twice in the event that it contains animations on the outer/inner portions\n // of the host container\n if (!isRemoval && fromState.value === toState.value) {\n // this means that despite the value not changing, some inner params\n // have changed which means that the animation final styles need to be applied\n if (!objEquals(fromState.params, toState.params)) {\n var /** @type {?} */ errors = [];\n var /** @type {?} */ fromStyles_1 = trigger.matchStyles(fromState.value, fromState.params, errors);\n var /** @type {?} */ toStyles_1 = trigger.matchStyles(toState.value, toState.params, errors);\n if (errors.length) {\n this._engine.reportError(errors);\n }\n else {\n this._engine.afterFlush(function () {\n eraseStyles(element, fromStyles_1);\n setStyles(element, toStyles_1);\n });\n }\n }\n return;\n }\n var /** @type {?} */ playersOnElement = getOrSetAsInMap(this._engine.playersByElement, element, []);\n playersOnElement.forEach(function (player) {\n // only remove the player if it is queued on the EXACT same trigger/namespace\n // we only also deal with queued players here because if the animation has\n // started then we want to keep the player alive until the flush happens\n // (which is where the previousPlayers are passed into the new palyer)\n if (player.namespaceId == _this.id && player.triggerName == triggerName && player.queued) {\n player.destroy();\n }\n });\n var /** @type {?} */ transition = trigger.matchTransition(fromState.value, toState.value);\n var /** @type {?} */ isFallbackTransition = false;\n if (!transition) {\n if (!defaultToFallback)\n return;\n transition = trigger.fallbackTransition;\n isFallbackTransition = true;\n }\n this._engine.totalQueuedPlayers++;\n this._queue.push({ element: element, triggerName: triggerName, transition: transition, fromState: fromState, toState: toState, player: player, isFallbackTransition: isFallbackTransition });\n if (!isFallbackTransition) {\n addClass(element, QUEUED_CLASSNAME);\n player.onStart(function () { removeClass(element, QUEUED_CLASSNAME); });\n }\n player.onDone(function () {\n var /** @type {?} */ index = _this.players.indexOf(player);\n if (index >= 0) {\n _this.players.splice(index, 1);\n }\n var /** @type {?} */ players = _this._engine.playersByElement.get(element);\n if (players) {\n var /** @type {?} */ index_1 = players.indexOf(player);\n if (index_1 >= 0) {\n players.splice(index_1, 1);\n }\n }\n });\n this.players.push(player);\n playersOnElement.push(player);\n return player;\n };\n /**\n * @param {?} name\n * @return {?}\n */\n AnimationTransitionNamespace.prototype.deregister = function (name) {\n var _this = this;\n delete this._triggers[name];\n this._engine.statesByElement.forEach(function (stateMap, element) { delete stateMap[name]; });\n this._elementListeners.forEach(function (listeners, element) {\n _this._elementListeners.set(element, listeners.filter(function (entry) { return entry.name != name; }));\n });\n };\n /**\n * @param {?} element\n * @return {?}\n */\n AnimationTransitionNamespace.prototype.clearElementCache = function (element) {\n this._engine.statesByElement.delete(element);\n this._elementListeners.delete(element);\n var /** @type {?} */ elementPlayers = this._engine.playersByElement.get(element);\n if (elementPlayers) {\n elementPlayers.forEach(function (player) { return player.destroy(); });\n this._engine.playersByElement.delete(element);\n }\n };\n /**\n * @param {?} rootElement\n * @param {?} context\n * @param {?=} animate\n * @return {?}\n */\n AnimationTransitionNamespace.prototype._destroyInnerNodes = function (rootElement, context, animate) {\n var _this = this;\n if (animate === void 0) { animate = false; }\n this._engine.driver.query(rootElement, NG_TRIGGER_SELECTOR, true).forEach(function (elm) {\n if (animate && containsClass(elm, _this._hostClassName)) {\n var /** @type {?} */ innerNs = _this._engine.namespacesByHostElement.get(elm);\n // special case for a host element with animations on the same element\n if (innerNs) {\n innerNs.removeNode(elm, context, true);\n }\n _this.removeNode(elm, context, true);\n }\n else {\n _this.clearElementCache(elm);\n }\n });\n };\n /**\n * @param {?} element\n * @param {?} context\n * @param {?=} doNotRecurse\n * @return {?}\n */\n AnimationTransitionNamespace.prototype.removeNode = function (element, context, doNotRecurse) {\n var _this = this;\n var /** @type {?} */ engine = this._engine;\n if (!doNotRecurse && element.childElementCount) {\n this._destroyInnerNodes(element, context, true);\n }\n var /** @type {?} */ triggerStates = engine.statesByElement.get(element);\n if (triggerStates) {\n var /** @type {?} */ players_1 = [];\n Object.keys(triggerStates).forEach(function (triggerName) {\n // this check is here in the event that an element is removed\n // twice (both on the host level and the component level)\n if (_this._triggers[triggerName]) {\n var /** @type {?} */ player = _this.trigger(element, triggerName, VOID_VALUE, false);\n if (player) {\n players_1.push(player);\n }\n }\n });\n if (players_1.length) {\n engine.markElementAsRemoved(this.id, element, true, context);\n optimizeGroupPlayer(players_1).onDone(function () { return engine.processLeaveNode(element); });\n return;\n }\n }\n // find the player that is animating and make sure that the\n // removal is delayed until that player has completed\n var /** @type {?} */ containsPotentialParentTransition = false;\n if (engine.totalAnimations) {\n var /** @type {?} */ currentPlayers = engine.players.length ? engine.playersByQueriedElement.get(element) : [];\n // when this `if statement` does not continue forward it means that\n // a previous animation query has selected the current element and\n // is animating it. In this situation want to continue fowards and\n // allow the element to be queued up for animation later.\n if (currentPlayers && currentPlayers.length) {\n containsPotentialParentTransition = true;\n }\n else {\n var /** @type {?} */ parent = element;\n while (parent = parent.parentNode) {\n var /** @type {?} */ triggers = engine.statesByElement.get(parent);\n if (triggers) {\n containsPotentialParentTransition = true;\n break;\n }\n }\n }\n }\n // at this stage we know that the element will either get removed\n // during flush or will be picked up by a parent query. Either way\n // we need to fire the listeners for this element when it DOES get\n // removed (once the query parent animation is done or after flush)\n var /** @type {?} */ listeners = this._elementListeners.get(element);\n if (listeners) {\n var /** @type {?} */ visitedTriggers_1 = new Set();\n listeners.forEach(function (listener) {\n var /** @type {?} */ triggerName = listener.name;\n if (visitedTriggers_1.has(triggerName))\n return;\n visitedTriggers_1.add(triggerName);\n var /** @type {?} */ trigger = _this._triggers[triggerName];\n var /** @type {?} */ transition = trigger.fallbackTransition;\n var /** @type {?} */ elementStates = ((engine.statesByElement.get(element)));\n var /** @type {?} */ fromState = elementStates[triggerName] || DEFAULT_STATE_VALUE;\n var /** @type {?} */ toState = new StateValue(VOID_VALUE);\n var /** @type {?} */ player = new browser_es5_TransitionAnimationPlayer(_this.id, triggerName, element);\n _this._engine.totalQueuedPlayers++;\n _this._queue.push({\n element: element,\n triggerName: triggerName,\n transition: transition,\n fromState: fromState,\n toState: toState,\n player: player,\n isFallbackTransition: true\n });\n });\n }\n // whether or not a parent has an animation we need to delay the deferral of the leave\n // operation until we have more information (which we do after flush() has been called)\n if (containsPotentialParentTransition) {\n engine.markElementAsRemoved(this.id, element, false, context);\n }\n else {\n // we do this after the flush has occurred such\n // that the callbacks can be fired\n engine.afterFlush(function () { return _this.clearElementCache(element); });\n engine.destroyInnerAnimations(element);\n engine._onRemovalComplete(element, context);\n }\n };\n /**\n * @param {?} element\n * @param {?} parent\n * @return {?}\n */\n AnimationTransitionNamespace.prototype.insertNode = function (element, parent) { addClass(element, this._hostClassName); };\n /**\n * @param {?} microtaskId\n * @return {?}\n */\n AnimationTransitionNamespace.prototype.drainQueuedTransitions = function (microtaskId) {\n var _this = this;\n var /** @type {?} */ instructions = [];\n this._queue.forEach(function (entry) {\n var /** @type {?} */ player = entry.player;\n if (player.destroyed)\n return;\n var /** @type {?} */ element = entry.element;\n var /** @type {?} */ listeners = _this._elementListeners.get(element);\n if (listeners) {\n listeners.forEach(function (listener) {\n if (listener.name == entry.triggerName) {\n var /** @type {?} */ baseEvent = makeAnimationEvent(element, entry.triggerName, entry.fromState.value, entry.toState.value);\n ((baseEvent))['_data'] = microtaskId;\n listenOnPlayer(entry.player, listener.phase, baseEvent, listener.callback);\n }\n });\n }\n if (player.markedForDestroy) {\n _this._engine.afterFlush(function () {\n // now we can destroy the element properly since the event listeners have\n // been bound to the player\n player.destroy();\n });\n }\n else {\n instructions.push(entry);\n }\n });\n this._queue = [];\n return instructions.sort(function (a, b) {\n // if depCount == 0 them move to front\n // otherwise if a contains b then move back\n var /** @type {?} */ d0 = a.transition.ast.depCount;\n var /** @type {?} */ d1 = b.transition.ast.depCount;\n if (d0 == 0 || d1 == 0) {\n return d0 - d1;\n }\n return _this._engine.driver.containsElement(a.element, b.element) ? 1 : -1;\n });\n };\n /**\n * @param {?} context\n * @return {?}\n */\n AnimationTransitionNamespace.prototype.destroy = function (context) {\n this.players.forEach(function (p) { return p.destroy(); });\n this._destroyInnerNodes(this.hostElement, context);\n };\n /**\n * @param {?} element\n * @return {?}\n */\n AnimationTransitionNamespace.prototype.elementContainsData = function (element) {\n var /** @type {?} */ containsData = false;\n if (this._elementListeners.has(element))\n containsData = true;\n containsData =\n (this._queue.find(function (entry) { return entry.element === element; }) ? true : false) || containsData;\n return containsData;\n };\n return AnimationTransitionNamespace;\n}());\nvar browser_es5_TransitionAnimationEngine = (function () {\n /**\n * @param {?} driver\n * @param {?} _normalizer\n */\n function TransitionAnimationEngine(driver, _normalizer) {\n this.driver = driver;\n this._normalizer = _normalizer;\n this.players = [];\n this.newHostElements = new Map();\n this.playersByElement = new Map();\n this.playersByQueriedElement = new Map();\n this.statesByElement = new Map();\n this.disabledNodes = new Set();\n this.totalAnimations = 0;\n this.totalQueuedPlayers = 0;\n this._namespaceLookup = {};\n this._namespaceList = [];\n this._flushFns = [];\n this._whenQuietFns = [];\n this.namespacesByHostElement = new Map();\n this.collectedEnterElements = [];\n this.collectedLeaveElements = [];\n this.onRemovalComplete = function (element, context) { };\n }\n /**\n * @param {?} element\n * @param {?} context\n * @return {?}\n */\n TransitionAnimationEngine.prototype._onRemovalComplete = function (element, context) { this.onRemovalComplete(element, context); };\n Object.defineProperty(TransitionAnimationEngine.prototype, \"queuedPlayers\", {\n /**\n * @return {?}\n */\n get: function () {\n var /** @type {?} */ players = [];\n this._namespaceList.forEach(function (ns) {\n ns.players.forEach(function (player) {\n if (player.queued) {\n players.push(player);\n }\n });\n });\n return players;\n },\n enumerable: true,\n configurable: true\n });\n /**\n * @param {?} namespaceId\n * @param {?} hostElement\n * @return {?}\n */\n TransitionAnimationEngine.prototype.createNamespace = function (namespaceId, hostElement) {\n var /** @type {?} */ ns = new AnimationTransitionNamespace(namespaceId, hostElement, this);\n if (hostElement.parentNode) {\n this._balanceNamespaceList(ns, hostElement);\n }\n else {\n // defer this later until flush during when the host element has\n // been inserted so that we know exactly where to place it in\n // the namespace list\n this.newHostElements.set(hostElement, ns);\n // given that this host element is apart of the animation code, it\n // may or may not be inserted by a parent node that is an of an\n // animation renderer type. If this happens then we can still have\n // access to this item when we query for :enter nodes. If the parent\n // is a renderer then the set data-structure will normalize the entry\n this.collectEnterElement(hostElement);\n }\n return this._namespaceLookup[namespaceId] = ns;\n };\n /**\n * @param {?} ns\n * @param {?} hostElement\n * @return {?}\n */\n TransitionAnimationEngine.prototype._balanceNamespaceList = function (ns, hostElement) {\n var /** @type {?} */ limit = this._namespaceList.length - 1;\n if (limit >= 0) {\n var /** @type {?} */ found = false;\n for (var /** @type {?} */ i = limit; i >= 0; i--) {\n var /** @type {?} */ nextNamespace = this._namespaceList[i];\n if (this.driver.containsElement(nextNamespace.hostElement, hostElement)) {\n this._namespaceList.splice(i + 1, 0, ns);\n found = true;\n break;\n }\n }\n if (!found) {\n this._namespaceList.splice(0, 0, ns);\n }\n }\n else {\n this._namespaceList.push(ns);\n }\n this.namespacesByHostElement.set(hostElement, ns);\n return ns;\n };\n /**\n * @param {?} namespaceId\n * @param {?} hostElement\n * @return {?}\n */\n TransitionAnimationEngine.prototype.register = function (namespaceId, hostElement) {\n var /** @type {?} */ ns = this._namespaceLookup[namespaceId];\n if (!ns) {\n ns = this.createNamespace(namespaceId, hostElement);\n }\n return ns;\n };\n /**\n * @param {?} namespaceId\n * @param {?} name\n * @param {?} trigger\n * @return {?}\n */\n TransitionAnimationEngine.prototype.registerTrigger = function (namespaceId, name, trigger) {\n var /** @type {?} */ ns = this._namespaceLookup[namespaceId];\n if (ns && ns.register(name, trigger)) {\n this.totalAnimations++;\n }\n };\n /**\n * @param {?} namespaceId\n * @param {?} context\n * @return {?}\n */\n TransitionAnimationEngine.prototype.destroy = function (namespaceId, context) {\n var _this = this;\n if (!namespaceId)\n return;\n var /** @type {?} */ ns = this._fetchNamespace(namespaceId);\n this.afterFlush(function () {\n _this.namespacesByHostElement.delete(ns.hostElement);\n delete _this._namespaceLookup[namespaceId];\n var /** @type {?} */ index = _this._namespaceList.indexOf(ns);\n if (index >= 0) {\n _this._namespaceList.splice(index, 1);\n }\n });\n this.afterFlushAnimationsDone(function () { return ns.destroy(context); });\n };\n /**\n * @param {?} id\n * @return {?}\n */\n TransitionAnimationEngine.prototype._fetchNamespace = function (id) { return this._namespaceLookup[id]; };\n /**\n * @param {?} namespaceId\n * @param {?} element\n * @param {?} name\n * @param {?} value\n * @return {?}\n */\n TransitionAnimationEngine.prototype.trigger = function (namespaceId, element, name, value) {\n if (isElementNode(element)) {\n this._fetchNamespace(namespaceId).trigger(element, name, value);\n return true;\n }\n return false;\n };\n /**\n * @param {?} namespaceId\n * @param {?} element\n * @param {?} parent\n * @param {?} insertBefore\n * @return {?}\n */\n TransitionAnimationEngine.prototype.insertNode = function (namespaceId, element, parent, insertBefore) {\n if (!isElementNode(element))\n return;\n // special case for when an element is removed and reinserted (move operation)\n // when this occurs we do not want to use the element for deletion later\n var /** @type {?} */ details = (element[REMOVAL_FLAG]);\n if (details && details.setForRemoval) {\n details.setForRemoval = false;\n }\n // in the event that the namespaceId is blank then the caller\n // code does not contain any animation code in it, but it is\n // just being called so that the node is marked as being inserted\n if (namespaceId) {\n this._fetchNamespace(namespaceId).insertNode(element, parent);\n }\n // only *directives and host elements are inserted before\n if (insertBefore) {\n this.collectEnterElement(element);\n }\n };\n /**\n * @param {?} element\n * @return {?}\n */\n TransitionAnimationEngine.prototype.collectEnterElement = function (element) { this.collectedEnterElements.push(element); };\n /**\n * @param {?} element\n * @param {?} value\n * @return {?}\n */\n TransitionAnimationEngine.prototype.markElementAsDisabled = function (element, value) {\n if (value) {\n if (!this.disabledNodes.has(element)) {\n this.disabledNodes.add(element);\n addClass(element, DISABLED_CLASSNAME);\n }\n }\n else if (this.disabledNodes.has(element)) {\n this.disabledNodes.delete(element);\n removeClass(element, DISABLED_CLASSNAME);\n }\n };\n /**\n * @param {?} namespaceId\n * @param {?} element\n * @param {?} context\n * @param {?=} doNotRecurse\n * @return {?}\n */\n TransitionAnimationEngine.prototype.removeNode = function (namespaceId, element, context, doNotRecurse) {\n if (!isElementNode(element)) {\n this._onRemovalComplete(element, context);\n return;\n }\n var /** @type {?} */ ns = namespaceId ? this._fetchNamespace(namespaceId) : null;\n if (ns) {\n ns.removeNode(element, context, doNotRecurse);\n }\n else {\n this.markElementAsRemoved(namespaceId, element, false, context);\n }\n };\n /**\n * @param {?} namespaceId\n * @param {?} element\n * @param {?=} hasAnimation\n * @param {?=} context\n * @return {?}\n */\n TransitionAnimationEngine.prototype.markElementAsRemoved = function (namespaceId, element, hasAnimation, context) {\n this.collectedLeaveElements.push(element);\n element[REMOVAL_FLAG] = {\n namespaceId: namespaceId,\n setForRemoval: context, hasAnimation: hasAnimation,\n removedBeforeQueried: false\n };\n };\n /**\n * @param {?} namespaceId\n * @param {?} element\n * @param {?} name\n * @param {?} phase\n * @param {?} callback\n * @return {?}\n */\n TransitionAnimationEngine.prototype.listen = function (namespaceId, element, name, phase, callback) {\n if (isElementNode(element)) {\n return this._fetchNamespace(namespaceId).listen(element, name, phase, callback);\n }\n return function () { };\n };\n /**\n * @param {?} entry\n * @param {?} subTimelines\n * @return {?}\n */\n TransitionAnimationEngine.prototype._buildInstruction = function (entry, subTimelines) {\n return entry.transition.build(this.driver, entry.element, entry.fromState.value, entry.toState.value, entry.fromState.options, entry.toState.options, subTimelines);\n };\n /**\n * @param {?} containerElement\n * @return {?}\n */\n TransitionAnimationEngine.prototype.destroyInnerAnimations = function (containerElement) {\n var _this = this;\n var /** @type {?} */ elements = this.driver.query(containerElement, NG_TRIGGER_SELECTOR, true);\n elements.forEach(function (element) {\n var /** @type {?} */ players = _this.playersByElement.get(element);\n if (players) {\n players.forEach(function (player) {\n // special case for when an element is set for destruction, but hasn't started.\n // in this situation we want to delay the destruction until the flush occurs\n // so that any event listeners attached to the player are triggered.\n if (player.queued) {\n player.markedForDestroy = true;\n }\n else {\n player.destroy();\n }\n });\n }\n var /** @type {?} */ stateMap = _this.statesByElement.get(element);\n if (stateMap) {\n Object.keys(stateMap).forEach(function (triggerName) { return stateMap[triggerName] = DELETED_STATE_VALUE; });\n }\n });\n if (this.playersByQueriedElement.size == 0)\n return;\n elements = this.driver.query(containerElement, NG_ANIMATING_SELECTOR, true);\n if (elements.length) {\n elements.forEach(function (element) {\n var /** @type {?} */ players = _this.playersByQueriedElement.get(element);\n if (players) {\n players.forEach(function (player) { return player.finish(); });\n }\n });\n }\n };\n /**\n * @return {?}\n */\n TransitionAnimationEngine.prototype.whenRenderingDone = function () {\n var _this = this;\n return new Promise(function (resolve) {\n if (_this.players.length) {\n return optimizeGroupPlayer(_this.players).onDone(function () { return resolve(); });\n }\n else {\n resolve();\n }\n });\n };\n /**\n * @param {?} element\n * @return {?}\n */\n TransitionAnimationEngine.prototype.processLeaveNode = function (element) {\n var _this = this;\n var /** @type {?} */ details = (element[REMOVAL_FLAG]);\n if (details && details.setForRemoval) {\n // this will prevent it from removing it twice\n element[REMOVAL_FLAG] = NULL_REMOVAL_STATE;\n if (details.namespaceId) {\n this.destroyInnerAnimations(element);\n var /** @type {?} */ ns = this._fetchNamespace(details.namespaceId);\n if (ns) {\n ns.clearElementCache(element);\n }\n }\n this._onRemovalComplete(element, details.setForRemoval);\n }\n if (this.driver.matchesElement(element, DISABLED_SELECTOR)) {\n this.markElementAsDisabled(element, false);\n }\n this.driver.query(element, DISABLED_SELECTOR, true).forEach(function (node) {\n _this.markElementAsDisabled(element, false);\n });\n };\n /**\n * @param {?=} microtaskId\n * @return {?}\n */\n TransitionAnimationEngine.prototype.flush = function (microtaskId) {\n var _this = this;\n if (microtaskId === void 0) { microtaskId = -1; }\n var /** @type {?} */ players = [];\n if (this.newHostElements.size) {\n this.newHostElements.forEach(function (ns, element) { return _this._balanceNamespaceList(ns, element); });\n this.newHostElements.clear();\n }\n if (this._namespaceList.length &&\n (this.totalQueuedPlayers || this.collectedLeaveElements.length)) {\n var /** @type {?} */ cleanupFns = [];\n try {\n players = this._flushAnimations(cleanupFns, microtaskId);\n }\n finally {\n for (var /** @type {?} */ i = 0; i < cleanupFns.length; i++) {\n cleanupFns[i]();\n }\n }\n }\n else {\n for (var /** @type {?} */ i = 0; i < this.collectedLeaveElements.length; i++) {\n var /** @type {?} */ element = this.collectedLeaveElements[i];\n this.processLeaveNode(element);\n }\n }\n this.totalQueuedPlayers = 0;\n this.collectedEnterElements.length = 0;\n this.collectedLeaveElements.length = 0;\n this._flushFns.forEach(function (fn) { return fn(); });\n this._flushFns = [];\n if (this._whenQuietFns.length) {\n // we move these over to a variable so that\n // if any new callbacks are registered in another\n // flush they do not populate the existing set\n var /** @type {?} */ quietFns_1 = this._whenQuietFns;\n this._whenQuietFns = [];\n if (players.length) {\n optimizeGroupPlayer(players).onDone(function () { quietFns_1.forEach(function (fn) { return fn(); }); });\n }\n else {\n quietFns_1.forEach(function (fn) { return fn(); });\n }\n }\n };\n /**\n * @param {?} errors\n * @return {?}\n */\n TransitionAnimationEngine.prototype.reportError = function (errors) {\n throw new Error(\"Unable to process animations due to the following failed trigger transitions\\n \" + errors.join('\\n'));\n };\n /**\n * @param {?} cleanupFns\n * @param {?} microtaskId\n * @return {?}\n */\n TransitionAnimationEngine.prototype._flushAnimations = function (cleanupFns, microtaskId) {\n var _this = this;\n var /** @type {?} */ subTimelines = new ElementInstructionMap();\n var /** @type {?} */ skippedPlayers = [];\n var /** @type {?} */ skippedPlayersMap = new Map();\n var /** @type {?} */ queuedInstructions = [];\n var /** @type {?} */ queriedElements = new Map();\n var /** @type {?} */ allPreStyleElements = new Map();\n var /** @type {?} */ allPostStyleElements = new Map();\n var /** @type {?} */ disabledElementsSet = new Set();\n this.disabledNodes.forEach(function (node) {\n disabledElementsSet.add(node);\n var /** @type {?} */ nodesThatAreDisabled = _this.driver.query(node, QUEUED_SELECTOR, true);\n for (var /** @type {?} */ i = 0; i < nodesThatAreDisabled.length; i++) {\n disabledElementsSet.add(nodesThatAreDisabled[i]);\n }\n });\n var /** @type {?} */ bodyNode = getBodyNode();\n var /** @type {?} */ allEnterNodes = this.collectedEnterElements.length ?\n this.collectedEnterElements.filter(createIsRootFilterFn(this.collectedEnterElements)) :\n [];\n // this must occur before the instructions are built below such that\n // the :enter queries match the elements (since the timeline queries\n // are fired during instruction building).\n for (var /** @type {?} */ i = 0; i < allEnterNodes.length; i++) {\n addClass(allEnterNodes[i], ENTER_CLASSNAME);\n }\n var /** @type {?} */ allLeaveNodes = [];\n var /** @type {?} */ leaveNodesWithoutAnimations = new Set();\n for (var /** @type {?} */ i = 0; i < this.collectedLeaveElements.length; i++) {\n var /** @type {?} */ element = this.collectedLeaveElements[i];\n var /** @type {?} */ details = (element[REMOVAL_FLAG]);\n if (details && details.setForRemoval) {\n addClass(element, LEAVE_CLASSNAME);\n allLeaveNodes.push(element);\n if (!details.hasAnimation) {\n leaveNodesWithoutAnimations.add(element);\n }\n }\n }\n cleanupFns.push(function () {\n allEnterNodes.forEach(function (element) { return removeClass(element, ENTER_CLASSNAME); });\n allLeaveNodes.forEach(function (element) {\n removeClass(element, LEAVE_CLASSNAME);\n _this.processLeaveNode(element);\n });\n });\n var /** @type {?} */ allPlayers = [];\n var /** @type {?} */ erroneousTransitions = [];\n for (var /** @type {?} */ i = this._namespaceList.length - 1; i >= 0; i--) {\n var /** @type {?} */ ns = this._namespaceList[i];\n ns.drainQueuedTransitions(microtaskId).forEach(function (entry) {\n var /** @type {?} */ player = entry.player;\n allPlayers.push(player);\n var /** @type {?} */ element = entry.element;\n if (!bodyNode || !_this.driver.containsElement(bodyNode, element)) {\n player.destroy();\n return;\n }\n var /** @type {?} */ instruction = ((_this._buildInstruction(entry, subTimelines)));\n if (instruction.errors && instruction.errors.length) {\n erroneousTransitions.push(instruction);\n return;\n }\n // if a unmatched transition is queued to go then it SHOULD NOT render\n // an animation and cancel the previously running animations.\n if (entry.isFallbackTransition) {\n player.onStart(function () { return eraseStyles(element, instruction.fromStyles); });\n player.onDestroy(function () { return setStyles(element, instruction.toStyles); });\n skippedPlayers.push(player);\n return;\n }\n // this means that if a parent animation uses this animation as a sub trigger\n // then it will instruct the timeline builder to not add a player delay, but\n // instead stretch the first keyframe gap up until the animation starts. The\n // reason this is important is to prevent extra initialization styles from being\n // required by the user in the animation.\n instruction.timelines.forEach(function (tl) { return tl.stretchStartingKeyframe = true; });\n subTimelines.append(element, instruction.timelines);\n var /** @type {?} */ tuple = { instruction: instruction, player: player, element: element };\n queuedInstructions.push(tuple);\n instruction.queriedElements.forEach(function (element) { return getOrSetAsInMap(queriedElements, element, []).push(player); });\n instruction.preStyleProps.forEach(function (stringMap, element) {\n var /** @type {?} */ props = Object.keys(stringMap);\n if (props.length) {\n var /** @type {?} */ setVal_1 = ((allPreStyleElements.get(element)));\n if (!setVal_1) {\n allPreStyleElements.set(element, setVal_1 = new Set());\n }\n props.forEach(function (prop) { return setVal_1.add(prop); });\n }\n });\n instruction.postStyleProps.forEach(function (stringMap, element) {\n var /** @type {?} */ props = Object.keys(stringMap);\n var /** @type {?} */ setVal = ((allPostStyleElements.get(element)));\n if (!setVal) {\n allPostStyleElements.set(element, setVal = new Set());\n }\n props.forEach(function (prop) { return setVal.add(prop); });\n });\n });\n }\n if (erroneousTransitions.length) {\n var /** @type {?} */ errors_1 = [];\n erroneousTransitions.forEach(function (instruction) {\n errors_1.push(\"@\" + instruction.triggerName + \" has failed due to:\\n\"); /** @type {?} */\n ((instruction.errors)).forEach(function (error) { return errors_1.push(\"- \" + error + \"\\n\"); });\n });\n allPlayers.forEach(function (player) { return player.destroy(); });\n this.reportError(errors_1);\n }\n // these can only be detected here since we have a map of all the elements\n // that have animations attached to them... We use a set here in the event\n // multiple enter captures on the same element were caught in different\n // renderer namespaces (e.g. when a @trigger was on a host binding that had *ngIf)\n var /** @type {?} */ enterNodesWithoutAnimations = new Set();\n for (var /** @type {?} */ i = 0; i < allEnterNodes.length; i++) {\n var /** @type {?} */ element = allEnterNodes[i];\n if (!subTimelines.has(element)) {\n enterNodesWithoutAnimations.add(element);\n }\n }\n var /** @type {?} */ allPreviousPlayersMap = new Map();\n var /** @type {?} */ sortedParentElements = [];\n queuedInstructions.forEach(function (entry) {\n var /** @type {?} */ element = entry.element;\n if (subTimelines.has(element)) {\n sortedParentElements.unshift(element);\n _this._beforeAnimationBuild(entry.player.namespaceId, entry.instruction, allPreviousPlayersMap);\n }\n });\n skippedPlayers.forEach(function (player) {\n var /** @type {?} */ element = player.element;\n var /** @type {?} */ previousPlayers = _this._getPreviousPlayers(element, false, player.namespaceId, player.triggerName, null);\n previousPlayers.forEach(function (prevPlayer) {\n getOrSetAsInMap(allPreviousPlayersMap, element, []).push(prevPlayer);\n prevPlayer.destroy();\n });\n });\n // this is a special case for nodes that will be removed (either by)\n // having their own leave animations or by being queried in a container\n // that will be removed once a parent animation is complete. The idea\n // here is that * styles must be identical to ! styles because of\n // backwards compatibility (* is also filled in by default in many places).\n // Otherwise * styles will return an empty value or auto since the element\n // that is being getComputedStyle'd will not be visible (since * = destination)\n var /** @type {?} */ replaceNodes = allLeaveNodes.filter(function (node) {\n return replacePostStylesAsPre(node, allPreStyleElements, allPostStyleElements);\n });\n // POST STAGE: fill the * styles\n var _a = cloakAndComputeStyles(this.driver, leaveNodesWithoutAnimations, allPostStyleElements, AUTO_STYLE), postStylesMap = _a[0], allLeaveQueriedNodes = _a[1];\n allLeaveQueriedNodes.forEach(function (node) {\n if (replacePostStylesAsPre(node, allPreStyleElements, allPostStyleElements)) {\n replaceNodes.push(node);\n }\n });\n // PRE STAGE: fill the ! styles\n var preStylesMap = (allPreStyleElements.size ?\n cloakAndComputeStyles(this.driver, enterNodesWithoutAnimations, allPreStyleElements, ɵPRE_STYLE) :\n [new Map()])[0];\n replaceNodes.forEach(function (node) {\n var /** @type {?} */ post = postStylesMap.get(node);\n var /** @type {?} */ pre = preStylesMap.get(node);\n postStylesMap.set(node, /** @type {?} */ (Object.assign({}, post, pre)));\n });\n var /** @type {?} */ rootPlayers = [];\n var /** @type {?} */ subPlayers = [];\n queuedInstructions.forEach(function (entry) {\n var element = entry.element, player = entry.player, instruction = entry.instruction;\n // this means that it was never consumed by a parent animation which\n // means that it is independent and therefore should be set for animation\n if (subTimelines.has(element)) {\n if (disabledElementsSet.has(element)) {\n skippedPlayers.push(player);\n return;\n }\n var /** @type {?} */ innerPlayer = _this._buildAnimation(player.namespaceId, instruction, allPreviousPlayersMap, skippedPlayersMap, preStylesMap, postStylesMap);\n player.setRealPlayer(innerPlayer);\n var /** @type {?} */ parentHasPriority = null;\n for (var /** @type {?} */ i = 0; i < sortedParentElements.length; i++) {\n var /** @type {?} */ parent = sortedParentElements[i];\n if (parent === element)\n break;\n if (_this.driver.containsElement(parent, element)) {\n parentHasPriority = parent;\n break;\n }\n }\n if (parentHasPriority) {\n var /** @type {?} */ parentPlayers = _this.playersByElement.get(parentHasPriority);\n if (parentPlayers && parentPlayers.length) {\n player.parentPlayer = optimizeGroupPlayer(parentPlayers);\n }\n skippedPlayers.push(player);\n }\n else {\n rootPlayers.push(player);\n }\n }\n else {\n eraseStyles(element, instruction.fromStyles);\n player.onDestroy(function () { return setStyles(element, instruction.toStyles); });\n // there still might be a ancestor player animating this\n // element therefore we will still add it as a sub player\n // even if its animation may be disabled\n subPlayers.push(player);\n if (disabledElementsSet.has(element)) {\n skippedPlayers.push(player);\n }\n }\n });\n // find all of the sub players' corresponding inner animation player\n subPlayers.forEach(function (player) {\n // even if any players are not found for a sub animation then it\n // will still complete itself after the next tick since it's Noop\n var /** @type {?} */ playersForElement = skippedPlayersMap.get(player.element);\n if (playersForElement && playersForElement.length) {\n var /** @type {?} */ innerPlayer = optimizeGroupPlayer(playersForElement);\n player.setRealPlayer(innerPlayer);\n }\n });\n // the reason why we don't actually play the animation is\n // because all that a skipped player is designed to do is to\n // fire the start/done transition callback events\n skippedPlayers.forEach(function (player) {\n if (player.parentPlayer) {\n player.parentPlayer.onDestroy(function () { return player.destroy(); });\n }\n else {\n player.destroy();\n }\n });\n // run through all of the queued removals and see if they\n // were picked up by a query. If not then perform the removal\n // operation right away unless a parent animation is ongoing.\n for (var /** @type {?} */ i = 0; i < allLeaveNodes.length; i++) {\n var /** @type {?} */ element = allLeaveNodes[i];\n var /** @type {?} */ details = (element[REMOVAL_FLAG]);\n removeClass(element, LEAVE_CLASSNAME);\n // this means the element has a removal animation that is being\n // taken care of and therefore the inner elements will hang around\n // until that animation is over (or the parent queried animation)\n if (details && details.hasAnimation)\n continue;\n var /** @type {?} */ players = [];\n // if this element is queried or if it contains queried children\n // then we want for the element not to be removed from the page\n // until the queried animations have finished\n if (queriedElements.size) {\n var /** @type {?} */ queriedPlayerResults = queriedElements.get(element);\n if (queriedPlayerResults && queriedPlayerResults.length) {\n players.push.apply(players, queriedPlayerResults);\n }\n var /** @type {?} */ queriedInnerElements = this.driver.query(element, NG_ANIMATING_SELECTOR, true);\n for (var /** @type {?} */ j = 0; j < queriedInnerElements.length; j++) {\n var /** @type {?} */ queriedPlayers = queriedElements.get(queriedInnerElements[j]);\n if (queriedPlayers && queriedPlayers.length) {\n players.push.apply(players, queriedPlayers);\n }\n }\n }\n var /** @type {?} */ activePlayers = players.filter(function (p) { return !p.destroyed; });\n if (activePlayers.length) {\n removeNodesAfterAnimationDone(this, element, activePlayers);\n }\n else {\n this.processLeaveNode(element);\n }\n }\n // this is required so the cleanup method doesn't remove them\n allLeaveNodes.length = 0;\n rootPlayers.forEach(function (player) {\n _this.players.push(player);\n player.onDone(function () {\n player.destroy();\n var /** @type {?} */ index = _this.players.indexOf(player);\n _this.players.splice(index, 1);\n });\n player.play();\n });\n return rootPlayers;\n };\n /**\n * @param {?} namespaceId\n * @param {?} element\n * @return {?}\n */\n TransitionAnimationEngine.prototype.elementContainsData = function (namespaceId, element) {\n var /** @type {?} */ containsData = false;\n var /** @type {?} */ details = (element[REMOVAL_FLAG]);\n if (details && details.setForRemoval)\n containsData = true;\n if (this.playersByElement.has(element))\n containsData = true;\n if (this.playersByQueriedElement.has(element))\n containsData = true;\n if (this.statesByElement.has(element))\n containsData = true;\n return this._fetchNamespace(namespaceId).elementContainsData(element) || containsData;\n };\n /**\n * @param {?} callback\n * @return {?}\n */\n TransitionAnimationEngine.prototype.afterFlush = function (callback) { this._flushFns.push(callback); };\n /**\n * @param {?} callback\n * @return {?}\n */\n TransitionAnimationEngine.prototype.afterFlushAnimationsDone = function (callback) { this._whenQuietFns.push(callback); };\n /**\n * @param {?} element\n * @param {?} isQueriedElement\n * @param {?=} namespaceId\n * @param {?=} triggerName\n * @param {?=} toStateValue\n * @return {?}\n */\n TransitionAnimationEngine.prototype._getPreviousPlayers = function (element, isQueriedElement, namespaceId, triggerName, toStateValue) {\n var /** @type {?} */ players = [];\n if (isQueriedElement) {\n var /** @type {?} */ queriedElementPlayers = this.playersByQueriedElement.get(element);\n if (queriedElementPlayers) {\n players = queriedElementPlayers;\n }\n }\n else {\n var /** @type {?} */ elementPlayers = this.playersByElement.get(element);\n if (elementPlayers) {\n var /** @type {?} */ isRemovalAnimation_1 = !toStateValue || toStateValue == VOID_VALUE;\n elementPlayers.forEach(function (player) {\n if (player.queued)\n return;\n if (!isRemovalAnimation_1 && player.triggerName != triggerName)\n return;\n players.push(player);\n });\n }\n }\n if (namespaceId || triggerName) {\n players = players.filter(function (player) {\n if (namespaceId && namespaceId != player.namespaceId)\n return false;\n if (triggerName && triggerName != player.triggerName)\n return false;\n return true;\n });\n }\n return players;\n };\n /**\n * @param {?} namespaceId\n * @param {?} instruction\n * @param {?} allPreviousPlayersMap\n * @return {?}\n */\n TransitionAnimationEngine.prototype._beforeAnimationBuild = function (namespaceId, instruction, allPreviousPlayersMap) {\n var _this = this;\n var /** @type {?} */ triggerName = instruction.triggerName;\n var /** @type {?} */ rootElement = instruction.element;\n // when a removal animation occurs, ALL previous players are collected\n // and destroyed (even if they are outside of the current namespace)\n var /** @type {?} */ targetNameSpaceId = instruction.isRemovalTransition ? undefined : namespaceId;\n var /** @type {?} */ targetTriggerName = instruction.isRemovalTransition ? undefined : triggerName;\n instruction.timelines.map(function (timelineInstruction) {\n var /** @type {?} */ element = timelineInstruction.element;\n var /** @type {?} */ isQueriedElement = element !== rootElement;\n var /** @type {?} */ players = getOrSetAsInMap(allPreviousPlayersMap, element, []);\n var /** @type {?} */ previousPlayers = _this._getPreviousPlayers(element, isQueriedElement, targetNameSpaceId, targetTriggerName, instruction.toState);\n previousPlayers.forEach(function (player) {\n var /** @type {?} */ realPlayer = (player.getRealPlayer());\n if (realPlayer.beforeDestroy) {\n realPlayer.beforeDestroy();\n }\n player.destroy();\n players.push(player);\n });\n });\n // this needs to be done so that the PRE/POST styles can be\n // computed properly without interfering with the previous animation\n eraseStyles(rootElement, instruction.fromStyles);\n };\n /**\n * @param {?} namespaceId\n * @param {?} instruction\n * @param {?} allPreviousPlayersMap\n * @param {?} skippedPlayersMap\n * @param {?} preStylesMap\n * @param {?} postStylesMap\n * @return {?}\n */\n TransitionAnimationEngine.prototype._buildAnimation = function (namespaceId, instruction, allPreviousPlayersMap, skippedPlayersMap, preStylesMap, postStylesMap) {\n var _this = this;\n var /** @type {?} */ triggerName = instruction.triggerName;\n var /** @type {?} */ rootElement = instruction.element;\n // we first run this so that the previous animation player\n // data can be passed into the successive animation players\n var /** @type {?} */ allQueriedPlayers = [];\n var /** @type {?} */ allConsumedElements = new Set();\n var /** @type {?} */ allSubElements = new Set();\n var /** @type {?} */ allNewPlayers = instruction.timelines.map(function (timelineInstruction) {\n var /** @type {?} */ element = timelineInstruction.element;\n allConsumedElements.add(element);\n // FIXME (matsko): make sure to-be-removed animations are removed properly\n var /** @type {?} */ details = element[REMOVAL_FLAG];\n if (details && details.removedBeforeQueried)\n return new NoopAnimationPlayer();\n var /** @type {?} */ isQueriedElement = element !== rootElement;\n var /** @type {?} */ previousPlayers = flattenGroupPlayers((allPreviousPlayersMap.get(element) || EMPTY_PLAYER_ARRAY)\n .map(function (p) { return p.getRealPlayer(); }))\n .filter(function (p) {\n // the `element` is not apart of the AnimationPlayer definition, but\n // Mock/WebAnimations\n // use the element within their implementation. This will be added in Angular5 to\n // AnimationPlayer\n var /** @type {?} */ pp = (p);\n return pp.element ? pp.element === element : false;\n });\n var /** @type {?} */ preStyles = preStylesMap.get(element);\n var /** @type {?} */ postStyles = postStylesMap.get(element);\n var /** @type {?} */ keyframes = normalizeKeyframes(_this.driver, _this._normalizer, element, timelineInstruction.keyframes, preStyles, postStyles);\n var /** @type {?} */ player = _this._buildPlayer(timelineInstruction, keyframes, previousPlayers);\n // this means that this particular player belongs to a sub trigger. It is\n // important that we match this player up with the corresponding (@trigger.listener)\n if (timelineInstruction.subTimeline && skippedPlayersMap) {\n allSubElements.add(element);\n }\n if (isQueriedElement) {\n var /** @type {?} */ wrappedPlayer = new browser_es5_TransitionAnimationPlayer(namespaceId, triggerName, element);\n wrappedPlayer.setRealPlayer(player);\n allQueriedPlayers.push(wrappedPlayer);\n }\n return player;\n });\n allQueriedPlayers.forEach(function (player) {\n getOrSetAsInMap(_this.playersByQueriedElement, player.element, []).push(player);\n player.onDone(function () { return deleteOrUnsetInMap(_this.playersByQueriedElement, player.element, player); });\n });\n allConsumedElements.forEach(function (element) { return addClass(element, NG_ANIMATING_CLASSNAME); });\n var /** @type {?} */ player = optimizeGroupPlayer(allNewPlayers);\n player.onDestroy(function () {\n allConsumedElements.forEach(function (element) { return removeClass(element, NG_ANIMATING_CLASSNAME); });\n setStyles(rootElement, instruction.toStyles);\n });\n // this basically makes all of the callbacks for sub element animations\n // be dependent on the upper players for when they finish\n allSubElements.forEach(function (element) { getOrSetAsInMap(skippedPlayersMap, element, []).push(player); });\n return player;\n };\n /**\n * @param {?} instruction\n * @param {?} keyframes\n * @param {?} previousPlayers\n * @return {?}\n */\n TransitionAnimationEngine.prototype._buildPlayer = function (instruction, keyframes, previousPlayers) {\n if (keyframes.length > 0) {\n return this.driver.animate(instruction.element, keyframes, instruction.duration, instruction.delay, instruction.easing, previousPlayers);\n }\n // special case for when an empty transition|definition is provided\n // ... there is no point in rendering an empty animation\n return new NoopAnimationPlayer();\n };\n return TransitionAnimationEngine;\n}());\nvar browser_es5_TransitionAnimationPlayer = (function () {\n /**\n * @param {?} namespaceId\n * @param {?} triggerName\n * @param {?} element\n */\n function TransitionAnimationPlayer(namespaceId, triggerName, element) {\n this.namespaceId = namespaceId;\n this.triggerName = triggerName;\n this.element = element;\n this._player = new NoopAnimationPlayer();\n this._containsRealPlayer = false;\n this._queuedCallbacks = {};\n this._destroyed = false;\n this.markedForDestroy = false;\n }\n Object.defineProperty(TransitionAnimationPlayer.prototype, \"queued\", {\n /**\n * @return {?}\n */\n get: function () { return this._containsRealPlayer == false; },\n enumerable: true,\n configurable: true\n });\n Object.defineProperty(TransitionAnimationPlayer.prototype, \"destroyed\", {\n /**\n * @return {?}\n */\n get: function () { return this._destroyed; },\n enumerable: true,\n configurable: true\n });\n /**\n * @param {?} player\n * @return {?}\n */\n TransitionAnimationPlayer.prototype.setRealPlayer = function (player) {\n var _this = this;\n if (this._containsRealPlayer)\n return;\n this._player = player;\n Object.keys(this._queuedCallbacks).forEach(function (phase) {\n _this._queuedCallbacks[phase].forEach(function (callback) { return listenOnPlayer(player, phase, undefined, callback); });\n });\n this._queuedCallbacks = {};\n this._containsRealPlayer = true;\n };\n /**\n * @return {?}\n */\n TransitionAnimationPlayer.prototype.getRealPlayer = function () { return this._player; };\n /**\n * @param {?} name\n * @param {?} callback\n * @return {?}\n */\n TransitionAnimationPlayer.prototype._queueEvent = function (name, callback) {\n getOrSetAsInMap(this._queuedCallbacks, name, []).push(callback);\n };\n /**\n * @param {?} fn\n * @return {?}\n */\n TransitionAnimationPlayer.prototype.onDone = function (fn) {\n if (this.queued) {\n this._queueEvent('done', fn);\n }\n this._player.onDone(fn);\n };\n /**\n * @param {?} fn\n * @return {?}\n */\n TransitionAnimationPlayer.prototype.onStart = function (fn) {\n if (this.queued) {\n this._queueEvent('start', fn);\n }\n this._player.onStart(fn);\n };\n /**\n * @param {?} fn\n * @return {?}\n */\n TransitionAnimationPlayer.prototype.onDestroy = function (fn) {\n if (this.queued) {\n this._queueEvent('destroy', fn);\n }\n this._player.onDestroy(fn);\n };\n /**\n * @return {?}\n */\n TransitionAnimationPlayer.prototype.init = function () { this._player.init(); };\n /**\n * @return {?}\n */\n TransitionAnimationPlayer.prototype.hasStarted = function () { return this.queued ? false : this._player.hasStarted(); };\n /**\n * @return {?}\n */\n TransitionAnimationPlayer.prototype.play = function () { !this.queued && this._player.play(); };\n /**\n * @return {?}\n */\n TransitionAnimationPlayer.prototype.pause = function () { !this.queued && this._player.pause(); };\n /**\n * @return {?}\n */\n TransitionAnimationPlayer.prototype.restart = function () { !this.queued && this._player.restart(); };\n /**\n * @return {?}\n */\n TransitionAnimationPlayer.prototype.finish = function () { this._player.finish(); };\n /**\n * @return {?}\n */\n TransitionAnimationPlayer.prototype.destroy = function () {\n this._destroyed = true;\n this._player.destroy();\n };\n /**\n * @return {?}\n */\n TransitionAnimationPlayer.prototype.reset = function () { !this.queued && this._player.reset(); };\n /**\n * @param {?} p\n * @return {?}\n */\n TransitionAnimationPlayer.prototype.setPosition = function (p) {\n if (!this.queued) {\n this._player.setPosition(p);\n }\n };\n /**\n * @return {?}\n */\n TransitionAnimationPlayer.prototype.getPosition = function () { return this.queued ? 0 : this._player.getPosition(); };\n Object.defineProperty(TransitionAnimationPlayer.prototype, \"totalTime\", {\n /**\n * @return {?}\n */\n get: function () { return this._player.totalTime; },\n enumerable: true,\n configurable: true\n });\n return TransitionAnimationPlayer;\n}());\n/**\n * @param {?} map\n * @param {?} key\n * @param {?} value\n * @return {?}\n */\nfunction deleteOrUnsetInMap(map, key, value) {\n var /** @type {?} */ currentValues;\n if (map instanceof Map) {\n currentValues = map.get(key);\n if (currentValues) {\n if (currentValues.length) {\n var /** @type {?} */ index = currentValues.indexOf(value);\n currentValues.splice(index, 1);\n }\n if (currentValues.length == 0) {\n map.delete(key);\n }\n }\n }\n else {\n currentValues = map[key];\n if (currentValues) {\n if (currentValues.length) {\n var /** @type {?} */ index = currentValues.indexOf(value);\n currentValues.splice(index, 1);\n }\n if (currentValues.length == 0) {\n delete map[key];\n }\n }\n }\n return currentValues;\n}\n/**\n * @param {?} value\n * @return {?}\n */\nfunction normalizeTriggerValue(value) {\n // we use `!= null` here because it's the most simple\n // way to test against a \"falsy\" value without mixing\n // in empty strings or a zero value. DO NOT OPTIMIZE.\n return value != null ? value : null;\n}\n/**\n * @param {?} node\n * @return {?}\n */\nfunction isElementNode(node) {\n return node && node['nodeType'] === 1;\n}\n/**\n * @param {?} eventName\n * @return {?}\n */\nfunction isTriggerEventValid(eventName) {\n return eventName == 'start' || eventName == 'done';\n}\n/**\n * @param {?} element\n * @param {?=} value\n * @return {?}\n */\nfunction cloakElement(element, value) {\n var /** @type {?} */ oldValue = element.style.display;\n element.style.display = value != null ? value : 'none';\n return oldValue;\n}\n/**\n * @param {?} driver\n * @param {?} elements\n * @param {?} elementPropsMap\n * @param {?} defaultStyle\n * @return {?}\n */\nfunction cloakAndComputeStyles(driver, elements, elementPropsMap, defaultStyle) {\n var /** @type {?} */ cloakVals = [];\n elements.forEach(function (element) { return cloakVals.push(cloakElement(element)); });\n var /** @type {?} */ valuesMap = new Map();\n var /** @type {?} */ failedElements = [];\n elementPropsMap.forEach(function (props, element) {\n var /** @type {?} */ styles = {};\n props.forEach(function (prop) {\n var /** @type {?} */ value = styles[prop] = driver.computeStyle(element, prop, defaultStyle);\n // there is no easy way to detect this because a sub element could be removed\n // by a parent animation element being detached.\n if (!value || value.length == 0) {\n element[REMOVAL_FLAG] = NULL_REMOVED_QUERIED_STATE;\n failedElements.push(element);\n }\n });\n valuesMap.set(element, styles);\n });\n // we use a index variable here since Set.forEach(a, i) does not return\n // an index value for the closure (but instead just the value)\n var /** @type {?} */ i = 0;\n elements.forEach(function (element) { return cloakElement(element, cloakVals[i++]); });\n return [valuesMap, failedElements];\n}\n/**\n * @param {?} nodes\n * @return {?}\n */\nfunction createIsRootFilterFn(nodes) {\n var /** @type {?} */ nodeSet = new Set(nodes);\n var /** @type {?} */ knownRootContainer = new Set();\n var /** @type {?} */ isRoot;\n isRoot = function (node) {\n if (!node)\n return true;\n if (nodeSet.has(node.parentNode))\n return false;\n if (knownRootContainer.has(node.parentNode))\n return true;\n if (isRoot(node.parentNode)) {\n knownRootContainer.add(node);\n return true;\n }\n return false;\n };\n return isRoot;\n}\nvar CLASSES_CACHE_KEY = '$$classes';\n/**\n * @param {?} element\n * @param {?} className\n * @return {?}\n */\nfunction containsClass(element, className) {\n if (element.classList) {\n return element.classList.contains(className);\n }\n else {\n var /** @type {?} */ classes = element[CLASSES_CACHE_KEY];\n return classes && classes[className];\n }\n}\n/**\n * @param {?} element\n * @param {?} className\n * @return {?}\n */\nfunction addClass(element, className) {\n if (element.classList) {\n element.classList.add(className);\n }\n else {\n var /** @type {?} */ classes = element[CLASSES_CACHE_KEY];\n if (!classes) {\n classes = element[CLASSES_CACHE_KEY] = {};\n }\n classes[className] = true;\n }\n}\n/**\n * @param {?} element\n * @param {?} className\n * @return {?}\n */\nfunction removeClass(element, className) {\n if (element.classList) {\n element.classList.remove(className);\n }\n else {\n var /** @type {?} */ classes = element[CLASSES_CACHE_KEY];\n if (classes) {\n delete classes[className];\n }\n }\n}\n/**\n * @return {?}\n */\nfunction getBodyNode() {\n if (typeof document != 'undefined') {\n return document.body;\n }\n return null;\n}\n/**\n * @param {?} engine\n * @param {?} element\n * @param {?} players\n * @return {?}\n */\nfunction removeNodesAfterAnimationDone(engine, element, players) {\n optimizeGroupPlayer(players).onDone(function () { return engine.processLeaveNode(element); });\n}\n/**\n * @param {?} players\n * @return {?}\n */\nfunction flattenGroupPlayers(players) {\n var /** @type {?} */ finalPlayers = [];\n _flattenGroupPlayersRecur(players, finalPlayers);\n return finalPlayers;\n}\n/**\n * @param {?} players\n * @param {?} finalPlayers\n * @return {?}\n */\nfunction _flattenGroupPlayersRecur(players, finalPlayers) {\n for (var /** @type {?} */ i = 0; i < players.length; i++) {\n var /** @type {?} */ player = players[i];\n if (player instanceof AnimationGroupPlayer) {\n _flattenGroupPlayersRecur(player.players, finalPlayers);\n }\n else {\n finalPlayers.push(/** @type {?} */ (player));\n }\n }\n}\n/**\n * @param {?} a\n * @param {?} b\n * @return {?}\n */\nfunction objEquals(a, b) {\n var /** @type {?} */ k1 = Object.keys(a);\n var /** @type {?} */ k2 = Object.keys(b);\n if (k1.length != k2.length)\n return false;\n for (var /** @type {?} */ i = 0; i < k1.length; i++) {\n var /** @type {?} */ prop = k1[i];\n if (!b.hasOwnProperty(prop) || a[prop] !== b[prop])\n return false;\n }\n return true;\n}\n/**\n * @param {?} element\n * @param {?} allPreStyleElements\n * @param {?} allPostStyleElements\n * @return {?}\n */\nfunction replacePostStylesAsPre(element, allPreStyleElements, allPostStyleElements) {\n var /** @type {?} */ postEntry = allPostStyleElements.get(element);\n if (!postEntry)\n return false;\n var /** @type {?} */ preEntry = allPreStyleElements.get(element);\n if (preEntry) {\n postEntry.forEach(function (data) { return ((preEntry)).add(data); });\n }\n else {\n allPreStyleElements.set(element, postEntry);\n }\n allPostStyleElements.delete(element);\n return true;\n}\n/**\n * @license\n * Copyright Google Inc. All Rights Reserved.\n *\n * Use of this source code is governed by an MIT-style license that can be\n * found in the LICENSE file at https://angular.io/license\n */\nvar AnimationEngine = (function () {\n /**\n * @param {?} driver\n * @param {?} normalizer\n */\n function AnimationEngine(driver, normalizer) {\n var _this = this;\n this._triggerCache = {};\n this.onRemovalComplete = function (element, context) { };\n this._transitionEngine = new browser_es5_TransitionAnimationEngine(driver, normalizer);\n this._timelineEngine = new browser_es5_TimelineAnimationEngine(driver, normalizer);\n this._transitionEngine.onRemovalComplete = function (element, context) { return _this.onRemovalComplete(element, context); };\n }\n /**\n * @param {?} componentId\n * @param {?} namespaceId\n * @param {?} hostElement\n * @param {?} name\n * @param {?} metadata\n * @return {?}\n */\n AnimationEngine.prototype.registerTrigger = function (componentId, namespaceId, hostElement, name, metadata) {\n var /** @type {?} */ cacheKey = componentId + '-' + name;\n var /** @type {?} */ trigger = this._triggerCache[cacheKey];\n if (!trigger) {\n var /** @type {?} */ errors = [];\n var /** @type {?} */ ast = (buildAnimationAst(/** @type {?} */ (metadata), errors));\n if (errors.length) {\n throw new Error(\"The animation trigger \\\"\" + name + \"\\\" has failed to build due to the following errors:\\n - \" + errors.join(\"\\n - \"));\n }\n trigger = buildTrigger(name, ast);\n this._triggerCache[cacheKey] = trigger;\n }\n this._transitionEngine.registerTrigger(namespaceId, name, trigger);\n };\n /**\n * @param {?} namespaceId\n * @param {?} hostElement\n * @return {?}\n */\n AnimationEngine.prototype.register = function (namespaceId, hostElement) {\n this._transitionEngine.register(namespaceId, hostElement);\n };\n /**\n * @param {?} namespaceId\n * @param {?} context\n * @return {?}\n */\n AnimationEngine.prototype.destroy = function (namespaceId, context) {\n this._transitionEngine.destroy(namespaceId, context);\n };\n /**\n * @param {?} namespaceId\n * @param {?} element\n * @param {?} parent\n * @param {?} insertBefore\n * @return {?}\n */\n AnimationEngine.prototype.onInsert = function (namespaceId, element, parent, insertBefore) {\n this._transitionEngine.insertNode(namespaceId, element, parent, insertBefore);\n };\n /**\n * @param {?} namespaceId\n * @param {?} element\n * @param {?} context\n * @return {?}\n */\n AnimationEngine.prototype.onRemove = function (namespaceId, element, context) {\n this._transitionEngine.removeNode(namespaceId, element, context);\n };\n /**\n * @param {?} element\n * @param {?} disable\n * @return {?}\n */\n AnimationEngine.prototype.disableAnimations = function (element, disable) {\n this._transitionEngine.markElementAsDisabled(element, disable);\n };\n /**\n * @param {?} namespaceId\n * @param {?} element\n * @param {?} property\n * @param {?} value\n * @return {?}\n */\n AnimationEngine.prototype.process = function (namespaceId, element, property, value) {\n if (property.charAt(0) == '@') {\n var _a = parseTimelineCommand(property), id = _a[0], action = _a[1];\n var /** @type {?} */ args = (value);\n this._timelineEngine.command(id, element, action, args);\n }\n else {\n this._transitionEngine.trigger(namespaceId, element, property, value);\n }\n };\n /**\n * @param {?} namespaceId\n * @param {?} element\n * @param {?} eventName\n * @param {?} eventPhase\n * @param {?} callback\n * @return {?}\n */\n AnimationEngine.prototype.listen = function (namespaceId, element, eventName, eventPhase, callback) {\n // @@listen\n if (eventName.charAt(0) == '@') {\n var _a = parseTimelineCommand(eventName), id = _a[0], action = _a[1];\n return this._timelineEngine.listen(id, element, action, callback);\n }\n return this._transitionEngine.listen(namespaceId, element, eventName, eventPhase, callback);\n };\n /**\n * @param {?=} microtaskId\n * @return {?}\n */\n AnimationEngine.prototype.flush = function (microtaskId) {\n if (microtaskId === void 0) { microtaskId = -1; }\n this._transitionEngine.flush(microtaskId);\n };\n Object.defineProperty(AnimationEngine.prototype, \"players\", {\n /**\n * @return {?}\n */\n get: function () {\n return ((this._transitionEngine.players))\n .concat(/** @type {?} */ (this._timelineEngine.players));\n },\n enumerable: true,\n configurable: true\n });\n /**\n * @return {?}\n */\n AnimationEngine.prototype.whenRenderingDone = function () { return this._transitionEngine.whenRenderingDone(); };\n return AnimationEngine;\n}());\n/**\n * @license\n * Copyright Google Inc. All Rights Reserved.\n *\n * Use of this source code is governed by an MIT-style license that can be\n * found in the LICENSE file at https://angular.io/license\n */\nvar WebAnimationsPlayer = (function () {\n /**\n * @param {?} element\n * @param {?} keyframes\n * @param {?} options\n * @param {?=} previousPlayers\n */\n function WebAnimationsPlayer(element, keyframes, options, previousPlayers) {\n if (previousPlayers === void 0) { previousPlayers = []; }\n var _this = this;\n this.element = element;\n this.keyframes = keyframes;\n this.options = options;\n this.previousPlayers = previousPlayers;\n this._onDoneFns = [];\n this._onStartFns = [];\n this._onDestroyFns = [];\n this._initialized = false;\n this._finished = false;\n this._started = false;\n this._destroyed = false;\n this.time = 0;\n this.parentPlayer = null;\n this.previousStyles = {};\n this.currentSnapshot = {};\n this._duration = options['duration'];\n this._delay = options['delay'] || 0;\n this.time = this._duration + this._delay;\n if (allowPreviousPlayerStylesMerge(this._duration, this._delay)) {\n previousPlayers.forEach(function (player) {\n var styles = player.currentSnapshot;\n Object.keys(styles).forEach(function (prop) { return _this.previousStyles[prop] = styles[prop]; });\n });\n }\n }\n /**\n * @return {?}\n */\n WebAnimationsPlayer.prototype._onFinish = function () {\n if (!this._finished) {\n this._finished = true;\n this._onDoneFns.forEach(function (fn) { return fn(); });\n this._onDoneFns = [];\n }\n };\n /**\n * @return {?}\n */\n WebAnimationsPlayer.prototype.init = function () {\n this._buildPlayer();\n this._preparePlayerBeforeStart();\n };\n /**\n * @return {?}\n */\n WebAnimationsPlayer.prototype._buildPlayer = function () {\n var _this = this;\n if (this._initialized)\n return;\n this._initialized = true;\n var /** @type {?} */ keyframes = this.keyframes.map(function (styles) { return copyStyles(styles, false); });\n var /** @type {?} */ previousStyleProps = Object.keys(this.previousStyles);\n if (previousStyleProps.length) {\n var /** @type {?} */ startingKeyframe_1 = keyframes[0];\n var /** @type {?} */ missingStyleProps_1 = [];\n previousStyleProps.forEach(function (prop) {\n if (!startingKeyframe_1.hasOwnProperty(prop)) {\n missingStyleProps_1.push(prop);\n }\n startingKeyframe_1[prop] = _this.previousStyles[prop];\n });\n if (missingStyleProps_1.length) {\n var /** @type {?} */ self_1 = this;\n var _loop_1 = function () {\n var /** @type {?} */ kf = keyframes[i];\n missingStyleProps_1.forEach(function (prop) {\n kf[prop] = _computeStyle(self_1.element, prop);\n });\n };\n // tslint:disable-next-line\n for (var /** @type {?} */ i = 1; i < keyframes.length; i++) {\n _loop_1();\n }\n }\n }\n this._player = this._triggerWebAnimation(this.element, keyframes, this.options);\n this._finalKeyframe = keyframes.length ? keyframes[keyframes.length - 1] : {};\n this._player.addEventListener('finish', function () { return _this._onFinish(); });\n };\n /**\n * @return {?}\n */\n WebAnimationsPlayer.prototype._preparePlayerBeforeStart = function () {\n // this is required so that the player doesn't start to animate right away\n if (this._delay) {\n this._resetDomPlayerState();\n }\n else {\n this._player.pause();\n }\n };\n /**\n * \\@internal\n * @param {?} element\n * @param {?} keyframes\n * @param {?} options\n * @return {?}\n */\n WebAnimationsPlayer.prototype._triggerWebAnimation = function (element, keyframes, options) {\n // jscompiler doesn't seem to know animate is a native property because it's not fully\n // supported yet across common browsers (we polyfill it for Edge/Safari) [CL #143630929]\n return (element['animate'](keyframes, options));\n };\n Object.defineProperty(WebAnimationsPlayer.prototype, \"domPlayer\", {\n /**\n * @return {?}\n */\n get: function () { return this._player; },\n enumerable: true,\n configurable: true\n });\n /**\n * @param {?} fn\n * @return {?}\n */\n WebAnimationsPlayer.prototype.onStart = function (fn) { this._onStartFns.push(fn); };\n /**\n * @param {?} fn\n * @return {?}\n */\n WebAnimationsPlayer.prototype.onDone = function (fn) { this._onDoneFns.push(fn); };\n /**\n * @param {?} fn\n * @return {?}\n */\n WebAnimationsPlayer.prototype.onDestroy = function (fn) { this._onDestroyFns.push(fn); };\n /**\n * @return {?}\n */\n WebAnimationsPlayer.prototype.play = function () {\n this._buildPlayer();\n if (!this.hasStarted()) {\n this._onStartFns.forEach(function (fn) { return fn(); });\n this._onStartFns = [];\n this._started = true;\n }\n this._player.play();\n };\n /**\n * @return {?}\n */\n WebAnimationsPlayer.prototype.pause = function () {\n this.init();\n this._player.pause();\n };\n /**\n * @return {?}\n */\n WebAnimationsPlayer.prototype.finish = function () {\n this.init();\n this._onFinish();\n this._player.finish();\n };\n /**\n * @return {?}\n */\n WebAnimationsPlayer.prototype.reset = function () {\n this._resetDomPlayerState();\n this._destroyed = false;\n this._finished = false;\n this._started = false;\n };\n /**\n * @return {?}\n */\n WebAnimationsPlayer.prototype._resetDomPlayerState = function () {\n if (this._player) {\n this._player.cancel();\n }\n };\n /**\n * @return {?}\n */\n WebAnimationsPlayer.prototype.restart = function () {\n this.reset();\n this.play();\n };\n /**\n * @return {?}\n */\n WebAnimationsPlayer.prototype.hasStarted = function () { return this._started; };\n /**\n * @return {?}\n */\n WebAnimationsPlayer.prototype.destroy = function () {\n if (!this._destroyed) {\n this._destroyed = true;\n this._resetDomPlayerState();\n this._onFinish();\n this._onDestroyFns.forEach(function (fn) { return fn(); });\n this._onDestroyFns = [];\n }\n };\n /**\n * @param {?} p\n * @return {?}\n */\n WebAnimationsPlayer.prototype.setPosition = function (p) { this._player.currentTime = p * this.time; };\n /**\n * @return {?}\n */\n WebAnimationsPlayer.prototype.getPosition = function () { return this._player.currentTime / this.time; };\n Object.defineProperty(WebAnimationsPlayer.prototype, \"totalTime\", {\n /**\n * @return {?}\n */\n get: function () { return this._delay + this._duration; },\n enumerable: true,\n configurable: true\n });\n /**\n * @return {?}\n */\n WebAnimationsPlayer.prototype.beforeDestroy = function () {\n var _this = this;\n var /** @type {?} */ styles = {};\n if (this.hasStarted()) {\n Object.keys(this._finalKeyframe).forEach(function (prop) {\n if (prop != 'offset') {\n styles[prop] =\n _this._finished ? _this._finalKeyframe[prop] : _computeStyle(_this.element, prop);\n }\n });\n }\n this.currentSnapshot = styles;\n };\n return WebAnimationsPlayer;\n}());\n/**\n * @param {?} element\n * @param {?} prop\n * @return {?}\n */\nfunction _computeStyle(element, prop) {\n return ((window.getComputedStyle(element)))[prop];\n}\n/**\n * @license\n * Copyright Google Inc. All Rights Reserved.\n *\n * Use of this source code is governed by an MIT-style license that can be\n * found in the LICENSE file at https://angular.io/license\n */\nvar WebAnimationsDriver = (function () {\n function WebAnimationsDriver() {\n }\n /**\n * @param {?} element\n * @param {?} selector\n * @return {?}\n */\n WebAnimationsDriver.prototype.matchesElement = function (element, selector) {\n return matchesElement(element, selector);\n };\n /**\n * @param {?} elm1\n * @param {?} elm2\n * @return {?}\n */\n WebAnimationsDriver.prototype.containsElement = function (elm1, elm2) { return containsElement(elm1, elm2); };\n /**\n * @param {?} element\n * @param {?} selector\n * @param {?} multi\n * @return {?}\n */\n WebAnimationsDriver.prototype.query = function (element, selector, multi) {\n return invokeQuery(element, selector, multi);\n };\n /**\n * @param {?} element\n * @param {?} prop\n * @param {?=} defaultValue\n * @return {?}\n */\n WebAnimationsDriver.prototype.computeStyle = function (element, prop, defaultValue) {\n return (((window.getComputedStyle(element)))[prop]);\n };\n /**\n * @param {?} element\n * @param {?} keyframes\n * @param {?} duration\n * @param {?} delay\n * @param {?} easing\n * @param {?=} previousPlayers\n * @return {?}\n */\n WebAnimationsDriver.prototype.animate = function (element, keyframes, duration, delay, easing, previousPlayers) {\n if (previousPlayers === void 0) { previousPlayers = []; }\n var /** @type {?} */ fill = delay == 0 ? 'both' : 'forwards';\n var /** @type {?} */ playerOptions = { duration: duration, delay: delay, fill: fill };\n // we check for this to avoid having a null|undefined value be present\n // for the easing (which results in an error for certain browsers #9752)\n if (easing) {\n playerOptions['easing'] = easing;\n }\n var /** @type {?} */ previousWebAnimationPlayers = (previousPlayers.filter(function (player) { return player instanceof WebAnimationsPlayer; }));\n return new WebAnimationsPlayer(element, keyframes, playerOptions, previousWebAnimationPlayers);\n };\n return WebAnimationsDriver;\n}());\n/**\n * @return {?}\n */\nfunction supportsWebAnimations() {\n return typeof Element !== 'undefined' && typeof ((Element)).prototype['animate'] === 'function';\n}\n/**\n * @license\n * Copyright Google Inc. All Rights Reserved.\n *\n * Use of this source code is governed by an MIT-style license that can be\n * found in the LICENSE file at https://angular.io/license\n */\n/**\n * @license\n * Copyright Google Inc. All Rights Reserved.\n *\n * Use of this source code is governed by an MIT-style license that can be\n * found in the LICENSE file at https://angular.io/license\n */\n/**\n * @module\n * @description\n * Entry point for all animation APIs of the animation browser package.\n */\n/**\n * @license\n * Copyright Google Inc. All Rights Reserved.\n *\n * Use of this source code is governed by an MIT-style license that can be\n * found in the LICENSE file at https://angular.io/license\n */\n/**\n * @module\n * @description\n * Entry point for all public APIs of the animation package.\n */\n/**\n * Generated bundle index. Do not edit.\n */\n\n//# sourceMappingURL=browser.es5.js.map\n\n// CONCATENATED MODULE: ./node_modules/@angular/platform-browser/@angular/platform-browser/animations.es5.js\n\n/**\n * @license Angular v4.4.7\n * (c) 2010-2017 Google, Inc. https://angular.io/\n * License: MIT\n */\n\n\n\n\n/**\n * @license\n * Copyright Google Inc. All Rights Reserved.\n *\n * Use of this source code is governed by an MIT-style license that can be\n * found in the LICENSE file at https://angular.io/license\n */\nvar animations_es5_BrowserAnimationBuilder = (function (_super) {\n tslib_es6[\"a\" /* __extends */](BrowserAnimationBuilder, _super);\n /**\n * @param {?} rootRenderer\n * @param {?} doc\n */\n function BrowserAnimationBuilder(rootRenderer, doc) {\n var _this = _super.call(this) || this;\n _this._nextAnimationId = 0;\n var typeData = {\n id: '0',\n encapsulation: core_es5[\"ViewEncapsulation\"].None,\n styles: [],\n data: { animation: [] }\n };\n _this._renderer = rootRenderer.createRenderer(doc.body, typeData);\n return _this;\n }\n /**\n * @param {?} animation\n * @return {?}\n */\n BrowserAnimationBuilder.prototype.build = function (animation) {\n var /** @type {?} */ id = this._nextAnimationId.toString();\n this._nextAnimationId++;\n var /** @type {?} */ entry = Array.isArray(animation) ? sequence(animation) : animation;\n issueAnimationCommand(this._renderer, null, id, 'register', [entry]);\n return new animations_es5_BrowserAnimationFactory(id, this._renderer);\n };\n return BrowserAnimationBuilder;\n}(AnimationBuilder));\nanimations_es5_BrowserAnimationBuilder.decorators = [\n { type: core_es5[\"Injectable\"] },\n];\n/**\n * @nocollapse\n */\nanimations_es5_BrowserAnimationBuilder.ctorParameters = function () { return [\n { type: core_es5[\"RendererFactory2\"], },\n { type: undefined, decorators: [{ type: core_es5[\"Inject\"], args: [platform_browser_es5[\"b\" /* DOCUMENT */],] },] },\n]; };\nvar animations_es5_BrowserAnimationFactory = (function (_super) {\n tslib_es6[\"a\" /* __extends */](BrowserAnimationFactory, _super);\n /**\n * @param {?} _id\n * @param {?} _renderer\n */\n function BrowserAnimationFactory(_id, _renderer) {\n var _this = _super.call(this) || this;\n _this._id = _id;\n _this._renderer = _renderer;\n return _this;\n }\n /**\n * @param {?} element\n * @param {?=} options\n * @return {?}\n */\n BrowserAnimationFactory.prototype.create = function (element, options) {\n return new RendererAnimationPlayer(this._id, element, options || {}, this._renderer);\n };\n return BrowserAnimationFactory;\n}(AnimationFactory));\nvar RendererAnimationPlayer = (function () {\n /**\n * @param {?} id\n * @param {?} element\n * @param {?} options\n * @param {?} _renderer\n */\n function RendererAnimationPlayer(id, element, options, _renderer) {\n this.id = id;\n this.element = element;\n this._renderer = _renderer;\n this.parentPlayer = null;\n this._started = false;\n this.totalTime = 0;\n this._command('create', options);\n }\n /**\n * @param {?} eventName\n * @param {?} callback\n * @return {?}\n */\n RendererAnimationPlayer.prototype._listen = function (eventName, callback) {\n return this._renderer.listen(this.element, \"@@\" + this.id + \":\" + eventName, callback);\n };\n /**\n * @param {?} command\n * @param {...?} args\n * @return {?}\n */\n RendererAnimationPlayer.prototype._command = function (command) {\n var args = [];\n for (var _i = 1; _i < arguments.length; _i++) {\n args[_i - 1] = arguments[_i];\n }\n return issueAnimationCommand(this._renderer, this.element, this.id, command, args);\n };\n /**\n * @param {?} fn\n * @return {?}\n */\n RendererAnimationPlayer.prototype.onDone = function (fn) { this._listen('done', fn); };\n /**\n * @param {?} fn\n * @return {?}\n */\n RendererAnimationPlayer.prototype.onStart = function (fn) { this._listen('start', fn); };\n /**\n * @param {?} fn\n * @return {?}\n */\n RendererAnimationPlayer.prototype.onDestroy = function (fn) { this._listen('destroy', fn); };\n /**\n * @return {?}\n */\n RendererAnimationPlayer.prototype.init = function () { this._command('init'); };\n /**\n * @return {?}\n */\n RendererAnimationPlayer.prototype.hasStarted = function () { return this._started; };\n /**\n * @return {?}\n */\n RendererAnimationPlayer.prototype.play = function () {\n this._command('play');\n this._started = true;\n };\n /**\n * @return {?}\n */\n RendererAnimationPlayer.prototype.pause = function () { this._command('pause'); };\n /**\n * @return {?}\n */\n RendererAnimationPlayer.prototype.restart = function () { this._command('restart'); };\n /**\n * @return {?}\n */\n RendererAnimationPlayer.prototype.finish = function () { this._command('finish'); };\n /**\n * @return {?}\n */\n RendererAnimationPlayer.prototype.destroy = function () { this._command('destroy'); };\n /**\n * @return {?}\n */\n RendererAnimationPlayer.prototype.reset = function () { this._command('reset'); };\n /**\n * @param {?} p\n * @return {?}\n */\n RendererAnimationPlayer.prototype.setPosition = function (p) { this._command('setPosition', p); };\n /**\n * @return {?}\n */\n RendererAnimationPlayer.prototype.getPosition = function () { return 0; };\n return RendererAnimationPlayer;\n}());\n/**\n * @param {?} renderer\n * @param {?} element\n * @param {?} id\n * @param {?} command\n * @param {?} args\n * @return {?}\n */\nfunction issueAnimationCommand(renderer, element, id, command, args) {\n return renderer.setProperty(element, \"@@\" + id + \":\" + command, args);\n}\n/**\n * @license\n * Copyright Google Inc. All Rights Reserved.\n *\n * Use of this source code is governed by an MIT-style license that can be\n * found in the LICENSE file at https://angular.io/license\n */\nvar ANIMATION_PREFIX = '@';\nvar DISABLE_ANIMATIONS_FLAG = '@.disabled';\nvar AnimationRendererFactory = (function () {\n /**\n * @param {?} delegate\n * @param {?} engine\n * @param {?} _zone\n */\n function AnimationRendererFactory(delegate, engine, _zone) {\n this.delegate = delegate;\n this.engine = engine;\n this._zone = _zone;\n this._currentId = 0;\n this._microtaskId = 1;\n this._animationCallbacksBuffer = [];\n this._rendererCache = new Map();\n this._cdRecurDepth = 0;\n engine.onRemovalComplete = function (element, delegate) {\n // Note: if an component element has a leave animation, and the component\n // a host leave animation, the view engine will call `removeChild` for the parent\n // component renderer as well as for the child component renderer.\n // Therefore, we need to check if we already removed the element.\n if (delegate && delegate.parentNode(element)) {\n delegate.removeChild(element.parentNode, element);\n }\n };\n }\n /**\n * @param {?} hostElement\n * @param {?} type\n * @return {?}\n */\n AnimationRendererFactory.prototype.createRenderer = function (hostElement, type) {\n var _this = this;\n var /** @type {?} */ EMPTY_NAMESPACE_ID = '';\n // cache the delegates to find out which cached delegate can\n // be used by which cached renderer\n var /** @type {?} */ delegate = this.delegate.createRenderer(hostElement, type);\n if (!hostElement || !type || !type.data || !type.data['animation']) {\n var /** @type {?} */ renderer = this._rendererCache.get(delegate);\n if (!renderer) {\n renderer = new BaseAnimationRenderer(EMPTY_NAMESPACE_ID, delegate, this.engine);\n // only cache this result when the base renderer is used\n this._rendererCache.set(delegate, renderer);\n }\n return renderer;\n }\n var /** @type {?} */ componentId = type.id;\n var /** @type {?} */ namespaceId = type.id + '-' + this._currentId;\n this._currentId++;\n this.engine.register(namespaceId, hostElement);\n var /** @type {?} */ animationTriggers = (type.data['animation']);\n animationTriggers.forEach(function (trigger) { return _this.engine.registerTrigger(componentId, namespaceId, hostElement, trigger.name, trigger); });\n return new animations_es5_AnimationRenderer(this, namespaceId, delegate, this.engine);\n };\n /**\n * @return {?}\n */\n AnimationRendererFactory.prototype.begin = function () {\n this._cdRecurDepth++;\n if (this.delegate.begin) {\n this.delegate.begin();\n }\n };\n /**\n * @return {?}\n */\n AnimationRendererFactory.prototype._scheduleCountTask = function () {\n var _this = this;\n Zone.current.scheduleMicroTask('incremenet the animation microtask', function () { return _this._microtaskId++; });\n };\n /**\n * @param {?} count\n * @param {?} fn\n * @param {?} data\n * @return {?}\n */\n AnimationRendererFactory.prototype.scheduleListenerCallback = function (count, fn, data) {\n var _this = this;\n if (count >= 0 && count < this._microtaskId) {\n this._zone.run(function () { return fn(data); });\n return;\n }\n if (this._animationCallbacksBuffer.length == 0) {\n Promise.resolve(null).then(function () {\n _this._zone.run(function () {\n _this._animationCallbacksBuffer.forEach(function (tuple) {\n var fn = tuple[0], data = tuple[1];\n fn(data);\n });\n _this._animationCallbacksBuffer = [];\n });\n });\n }\n this._animationCallbacksBuffer.push([fn, data]);\n };\n /**\n * @return {?}\n */\n AnimationRendererFactory.prototype.end = function () {\n var _this = this;\n this._cdRecurDepth--;\n // this is to prevent animations from running twice when an inner\n // component does CD when a parent component insted has inserted it\n if (this._cdRecurDepth == 0) {\n this._zone.runOutsideAngular(function () {\n _this._scheduleCountTask();\n _this.engine.flush(_this._microtaskId);\n });\n }\n if (this.delegate.end) {\n this.delegate.end();\n }\n };\n /**\n * @return {?}\n */\n AnimationRendererFactory.prototype.whenRenderingDone = function () { return this.engine.whenRenderingDone(); };\n return AnimationRendererFactory;\n}());\nAnimationRendererFactory.decorators = [\n { type: core_es5[\"Injectable\"] },\n];\n/**\n * @nocollapse\n */\nAnimationRendererFactory.ctorParameters = function () { return [\n { type: core_es5[\"RendererFactory2\"], },\n { type: AnimationEngine, },\n { type: core_es5[\"NgZone\"], },\n]; };\nvar BaseAnimationRenderer = (function () {\n /**\n * @param {?} namespaceId\n * @param {?} delegate\n * @param {?} engine\n */\n function BaseAnimationRenderer(namespaceId, delegate, engine) {\n this.namespaceId = namespaceId;\n this.delegate = delegate;\n this.engine = engine;\n this.destroyNode = this.delegate.destroyNode ? function (n) { return delegate.destroyNode(n); } : null;\n }\n Object.defineProperty(BaseAnimationRenderer.prototype, \"data\", {\n /**\n * @return {?}\n */\n get: function () { return this.delegate.data; },\n enumerable: true,\n configurable: true\n });\n /**\n * @return {?}\n */\n BaseAnimationRenderer.prototype.destroy = function () {\n this.engine.destroy(this.namespaceId, this.delegate);\n this.delegate.destroy();\n };\n /**\n * @param {?} name\n * @param {?=} namespace\n * @return {?}\n */\n BaseAnimationRenderer.prototype.createElement = function (name, namespace) {\n return this.delegate.createElement(name, namespace);\n };\n /**\n * @param {?} value\n * @return {?}\n */\n BaseAnimationRenderer.prototype.createComment = function (value) { return this.delegate.createComment(value); };\n /**\n * @param {?} value\n * @return {?}\n */\n BaseAnimationRenderer.prototype.createText = function (value) { return this.delegate.createText(value); };\n /**\n * @param {?} parent\n * @param {?} newChild\n * @return {?}\n */\n BaseAnimationRenderer.prototype.appendChild = function (parent, newChild) {\n this.delegate.appendChild(parent, newChild);\n this.engine.onInsert(this.namespaceId, newChild, parent, false);\n };\n /**\n * @param {?} parent\n * @param {?} newChild\n * @param {?} refChild\n * @return {?}\n */\n BaseAnimationRenderer.prototype.insertBefore = function (parent, newChild, refChild) {\n this.delegate.insertBefore(parent, newChild, refChild);\n this.engine.onInsert(this.namespaceId, newChild, parent, true);\n };\n /**\n * @param {?} parent\n * @param {?} oldChild\n * @return {?}\n */\n BaseAnimationRenderer.prototype.removeChild = function (parent, oldChild) {\n this.engine.onRemove(this.namespaceId, oldChild, this.delegate);\n };\n /**\n * @param {?} selectorOrNode\n * @return {?}\n */\n BaseAnimationRenderer.prototype.selectRootElement = function (selectorOrNode) { return this.delegate.selectRootElement(selectorOrNode); };\n /**\n * @param {?} node\n * @return {?}\n */\n BaseAnimationRenderer.prototype.parentNode = function (node) { return this.delegate.parentNode(node); };\n /**\n * @param {?} node\n * @return {?}\n */\n BaseAnimationRenderer.prototype.nextSibling = function (node) { return this.delegate.nextSibling(node); };\n /**\n * @param {?} el\n * @param {?} name\n * @param {?} value\n * @param {?=} namespace\n * @return {?}\n */\n BaseAnimationRenderer.prototype.setAttribute = function (el, name, value, namespace) {\n this.delegate.setAttribute(el, name, value, namespace);\n };\n /**\n * @param {?} el\n * @param {?} name\n * @param {?=} namespace\n * @return {?}\n */\n BaseAnimationRenderer.prototype.removeAttribute = function (el, name, namespace) {\n this.delegate.removeAttribute(el, name, namespace);\n };\n /**\n * @param {?} el\n * @param {?} name\n * @return {?}\n */\n BaseAnimationRenderer.prototype.addClass = function (el, name) { this.delegate.addClass(el, name); };\n /**\n * @param {?} el\n * @param {?} name\n * @return {?}\n */\n BaseAnimationRenderer.prototype.removeClass = function (el, name) { this.delegate.removeClass(el, name); };\n /**\n * @param {?} el\n * @param {?} style\n * @param {?} value\n * @param {?=} flags\n * @return {?}\n */\n BaseAnimationRenderer.prototype.setStyle = function (el, style, value, flags) {\n this.delegate.setStyle(el, style, value, flags);\n };\n /**\n * @param {?} el\n * @param {?} style\n * @param {?=} flags\n * @return {?}\n */\n BaseAnimationRenderer.prototype.removeStyle = function (el, style, flags) {\n this.delegate.removeStyle(el, style, flags);\n };\n /**\n * @param {?} el\n * @param {?} name\n * @param {?} value\n * @return {?}\n */\n BaseAnimationRenderer.prototype.setProperty = function (el, name, value) {\n if (name.charAt(0) == ANIMATION_PREFIX && name == DISABLE_ANIMATIONS_FLAG) {\n this.disableAnimations(el, !!value);\n }\n else {\n this.delegate.setProperty(el, name, value);\n }\n };\n /**\n * @param {?} node\n * @param {?} value\n * @return {?}\n */\n BaseAnimationRenderer.prototype.setValue = function (node, value) { this.delegate.setValue(node, value); };\n /**\n * @param {?} target\n * @param {?} eventName\n * @param {?} callback\n * @return {?}\n */\n BaseAnimationRenderer.prototype.listen = function (target, eventName, callback) {\n return this.delegate.listen(target, eventName, callback);\n };\n /**\n * @param {?} element\n * @param {?} value\n * @return {?}\n */\n BaseAnimationRenderer.prototype.disableAnimations = function (element, value) {\n this.engine.disableAnimations(element, value);\n };\n return BaseAnimationRenderer;\n}());\nvar animations_es5_AnimationRenderer = (function (_super) {\n tslib_es6[\"a\" /* __extends */](AnimationRenderer, _super);\n /**\n * @param {?} factory\n * @param {?} namespaceId\n * @param {?} delegate\n * @param {?} engine\n */\n function AnimationRenderer(factory, namespaceId, delegate, engine) {\n var _this = _super.call(this, namespaceId, delegate, engine) || this;\n _this.factory = factory;\n _this.namespaceId = namespaceId;\n return _this;\n }\n /**\n * @param {?} el\n * @param {?} name\n * @param {?} value\n * @return {?}\n */\n AnimationRenderer.prototype.setProperty = function (el, name, value) {\n if (name.charAt(0) == ANIMATION_PREFIX) {\n if (name.charAt(1) == '.' && name == DISABLE_ANIMATIONS_FLAG) {\n value = value === undefined ? true : !!value;\n this.disableAnimations(el, /** @type {?} */ (value));\n }\n else {\n this.engine.process(this.namespaceId, el, name.substr(1), value);\n }\n }\n else {\n this.delegate.setProperty(el, name, value);\n }\n };\n /**\n * @param {?} target\n * @param {?} eventName\n * @param {?} callback\n * @return {?}\n */\n AnimationRenderer.prototype.listen = function (target, eventName, callback) {\n var _this = this;\n if (eventName.charAt(0) == ANIMATION_PREFIX) {\n var /** @type {?} */ element = resolveElementFromTarget(target);\n var /** @type {?} */ name = eventName.substr(1);\n var /** @type {?} */ phase = '';\n // @listener.phase is for trigger animation callbacks\n // @@listener is for animation builder callbacks\n if (name.charAt(0) != ANIMATION_PREFIX) {\n _a = parseTriggerCallbackName(name), name = _a[0], phase = _a[1];\n }\n return this.engine.listen(this.namespaceId, element, name, phase, function (event) {\n var /** @type {?} */ countId = ((event))['_data'] || -1;\n _this.factory.scheduleListenerCallback(countId, callback, event);\n });\n }\n return this.delegate.listen(target, eventName, callback);\n var _a;\n };\n return AnimationRenderer;\n}(BaseAnimationRenderer));\n/**\n * @param {?} target\n * @return {?}\n */\nfunction resolveElementFromTarget(target) {\n switch (target) {\n case 'body':\n return document.body;\n case 'document':\n return document;\n case 'window':\n return window;\n default:\n return target;\n }\n}\n/**\n * @param {?} triggerName\n * @return {?}\n */\nfunction parseTriggerCallbackName(triggerName) {\n var /** @type {?} */ dotIndex = triggerName.indexOf('.');\n var /** @type {?} */ trigger = triggerName.substring(0, dotIndex);\n var /** @type {?} */ phase = triggerName.substr(dotIndex + 1);\n return [trigger, phase];\n}\n/**\n * @license\n * Copyright Google Inc. All Rights Reserved.\n *\n * Use of this source code is governed by an MIT-style license that can be\n * found in the LICENSE file at https://angular.io/license\n */\nvar animations_es5_InjectableAnimationEngine = (function (_super) {\n tslib_es6[\"a\" /* __extends */](InjectableAnimationEngine, _super);\n /**\n * @param {?} driver\n * @param {?} normalizer\n */\n function InjectableAnimationEngine(driver, normalizer) {\n return _super.call(this, driver, normalizer) || this;\n }\n return InjectableAnimationEngine;\n}(AnimationEngine));\nanimations_es5_InjectableAnimationEngine.decorators = [\n { type: core_es5[\"Injectable\"] },\n];\n/**\n * @nocollapse\n */\nanimations_es5_InjectableAnimationEngine.ctorParameters = function () { return [\n { type: AnimationDriver, },\n { type: AnimationStyleNormalizer, },\n]; };\n/**\n * @return {?}\n */\nfunction instantiateSupportedAnimationDriver() {\n if (supportsWebAnimations()) {\n return new WebAnimationsDriver();\n }\n return new browser_es5_NoopAnimationDriver();\n}\n/**\n * @return {?}\n */\nfunction instantiateDefaultStyleNormalizer() {\n return new browser_es5_WebAnimationsStyleNormalizer();\n}\n/**\n * @param {?} renderer\n * @param {?} engine\n * @param {?} zone\n * @return {?}\n */\nfunction instantiateRendererFactory(renderer, engine, zone) {\n return new AnimationRendererFactory(renderer, engine, zone);\n}\nvar SHARED_ANIMATION_PROVIDERS = [\n { provide: AnimationBuilder, useClass: animations_es5_BrowserAnimationBuilder },\n { provide: AnimationStyleNormalizer, useFactory: instantiateDefaultStyleNormalizer },\n { provide: AnimationEngine, useClass: animations_es5_InjectableAnimationEngine }, {\n provide: core_es5[\"RendererFactory2\"],\n useFactory: instantiateRendererFactory,\n deps: [platform_browser_es5[\"d\" /* ɵDomRendererFactory2 */], AnimationEngine, core_es5[\"NgZone\"]]\n }\n];\n/**\n * Separate providers from the actual module so that we can do a local modification in Google3 to\n * include them in the BrowserModule.\n */\nvar BROWSER_ANIMATIONS_PROVIDERS = [\n { provide: AnimationDriver, useFactory: instantiateSupportedAnimationDriver }\n].concat(SHARED_ANIMATION_PROVIDERS);\n/**\n * Separate providers from the actual module so that we can do a local modification in Google3 to\n * include them in the BrowserTestingModule.\n */\nvar BROWSER_NOOP_ANIMATIONS_PROVIDERS = [{ provide: AnimationDriver, useClass: browser_es5_NoopAnimationDriver }].concat(SHARED_ANIMATION_PROVIDERS);\n/**\n * @license\n * Copyright Google Inc. All Rights Reserved.\n *\n * Use of this source code is governed by an MIT-style license that can be\n * found in the LICENSE file at https://angular.io/license\n */\n/**\n * \\@experimental Animation support is experimental.\n */\nvar BrowserAnimationsModule = (function () {\n function BrowserAnimationsModule() {\n }\n return BrowserAnimationsModule;\n}());\nBrowserAnimationsModule.decorators = [\n { type: core_es5[\"NgModule\"], args: [{\n exports: [platform_browser_es5[\"a\" /* BrowserModule */]],\n providers: BROWSER_ANIMATIONS_PROVIDERS,\n },] },\n];\n/**\n * @nocollapse\n */\nBrowserAnimationsModule.ctorParameters = function () { return []; };\n/**\n * \\@experimental Animation support is experimental.\n */\nvar NoopAnimationsModule = (function () {\n function NoopAnimationsModule() {\n }\n return NoopAnimationsModule;\n}());\nNoopAnimationsModule.decorators = [\n { type: core_es5[\"NgModule\"], args: [{\n exports: [platform_browser_es5[\"a\" /* BrowserModule */]],\n providers: BROWSER_NOOP_ANIMATIONS_PROVIDERS,\n },] },\n];\n/**\n * @nocollapse\n */\nNoopAnimationsModule.ctorParameters = function () { return []; };\n/**\n * @license\n * Copyright Google Inc. All Rights Reserved.\n *\n * Use of this source code is governed by an MIT-style license that can be\n * found in the LICENSE file at https://angular.io/license\n */\n/**\n * @license\n * Copyright Google Inc. All Rights Reserved.\n *\n * Use of this source code is governed by an MIT-style license that can be\n * found in the LICENSE file at https://angular.io/license\n */\n/**\n * @module\n * @description\n * Entry point for all animation APIs of the animation browser package.\n */\n/**\n * @license\n * Copyright Google Inc. All Rights Reserved.\n *\n * Use of this source code is governed by an MIT-style license that can be\n * found in the LICENSE file at https://angular.io/license\n */\n/**\n * @module\n * @description\n * Entry point for all public APIs of the animation package.\n */\n/**\n * Generated bundle index. Do not edit.\n */\n\n//# sourceMappingURL=animations.es5.js.map\n\n// EXTERNAL MODULE: ./node_modules/@angular/router/@angular/router.es5.js\nvar router_es5 = __webpack_require__(2);\n\n// EXTERNAL MODULE: ./node_modules/@angularclass/hmr/dist/index.js\nvar dist = __webpack_require__(1338);\nvar dist_default = /*#__PURE__*/__webpack_require__.n(dist);\n\n// EXTERNAL MODULE: ./node_modules/angular-l10n/modules/angular-l10n.es5.js\nvar angular_l10n_es5 = __webpack_require__(3);\n\n// EXTERNAL MODULE: ./node_modules/angular2-flash-messages/index.js\nvar angular2_flash_messages = __webpack_require__(45);\nvar angular2_flash_messages_default = /*#__PURE__*/__webpack_require__.n(angular2_flash_messages);\n\n// EXTERNAL MODULE: ./node_modules/@angular/common/@angular/common.es5.js\nvar common_es5 = __webpack_require__(5);\n\n// CONCATENATED MODULE: ./src/components/to.top.component.ts\nvar __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {\n var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;\n if (typeof Reflect === \"object\" && typeof Reflect.decorate === \"function\") r = Reflect.decorate(decorators, target, key, desc);\n 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;\n return c > 3 && r && Object.defineProperty(target, key, r), r;\n};\n\nvar to_top_component_ViewToTop = (function () {\n function ViewToTop() {\n }\n ViewToTop = __decorate([\n Object(core_es5[\"Component\"])({\n selector: 'view-to-top',\n host: {\n 'data-click': 'scroll-top',\n 'class': 'btn btn-icon btn-circle btn-success btn-scroll-to-top fade'\n },\n template: '
',\n changeDetection: core_es5[\"ChangeDetectionStrategy\"].OnPush\n })\n ], ViewToTop);\n return ViewToTop;\n}());\n\n\n// CONCATENATED MODULE: ./src/components/index.ts\n\nvar VIEW_COMPONENTS = [\n to_top_component_ViewToTop\n];\n\n// EXTERNAL MODULE: ./src/service/auth.service.ts\nvar auth_service = __webpack_require__(28);\n\n// CONCATENATED MODULE: ./src/service/auth.guard.service.ts\nvar auth_guard_service___decorate = (this && this.__decorate) || function (decorators, target, key, desc) {\n var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;\n if (typeof Reflect === \"object\" && typeof Reflect.decorate === \"function\") r = Reflect.decorate(decorators, target, key, desc);\n 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;\n return c > 3 && r && Object.defineProperty(target, key, r), r;\n};\nvar __metadata = (this && this.__metadata) || function (k, v) {\n if (typeof Reflect === \"object\" && typeof Reflect.metadata === \"function\") return Reflect.metadata(k, v);\n};\n\n\n\nvar auth_guard_service_AuthGuard = (function () {\n function AuthGuard(auth, router) {\n this.auth = auth;\n this.router = router;\n }\n AuthGuard.prototype.canActivate = function (route, state) {\n if (this.auth.logged)\n return true;\n this.auth.redirectUrl = state.url;\n console.warn('AuthGuard: do login first, and then redirect to ' + this.auth.redirectUrl + ' !');\n this.router.navigate(['login']);\n return false;\n };\n var _a, _b;\n AuthGuard = auth_guard_service___decorate([\n Object(core_es5[\"Injectable\"])(),\n __metadata(\"design:paramtypes\", [typeof (_a = typeof auth_service[\"a\" /* AuthService */] !== \"undefined\" && auth_service[\"a\" /* AuthService */]) === \"function\" && _a || Object, typeof (_b = typeof router_es5[\"g\" /* Router */] !== \"undefined\" && router_es5[\"g\" /* Router */]) === \"function\" && _b || Object])\n ], AuthGuard);\n return AuthGuard;\n}());\n\n\n// CONCATENATED MODULE: ./src/app/shared/shared.module.ts\nvar shared_module___decorate = (this && this.__decorate) || function (decorators, target, key, desc) {\n var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;\n if (typeof Reflect === \"object\" && typeof Reflect.decorate === \"function\") r = Reflect.decorate(decorators, target, key, desc);\n 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;\n return c > 3 && r && Object.defineProperty(target, key, r), r;\n};\n\n\n\n\nvar SHARED_MODULES = [\n http_es5[\"c\" /* HttpModule */],\n common_es5[\"CommonModule\"],\n forms_es5[\"FormsModule\"],\n];\nvar shared_module_SharedModule = (function () {\n function SharedModule() {\n }\n SharedModule = shared_module___decorate([\n Object(core_es5[\"NgModule\"])({\n imports: [SHARED_MODULES],\n exports: [SHARED_MODULES]\n })\n ], SharedModule);\n return SharedModule;\n}());\n\n\n// EXTERNAL MODULE: ./src/service/payments.service.ts\nvar payments_service = __webpack_require__(63);\n\n// EXTERNAL MODULE: ./src/service/subscription.service.ts\nvar subscription_service = __webpack_require__(64);\n\n// EXTERNAL MODULE: ./src/service/product.service.ts\nvar product_service = __webpack_require__(46);\n\n// EXTERNAL MODULE: ./src/service/tab.service.ts\nvar tab_service = __webpack_require__(90);\n\n// CONCATENATED MODULE: ./src/module/account/account.view.ts\nvar __extends = (this && this.__extends) || (function () {\n var extendStatics = Object.setPrototypeOf ||\n ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||\n function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };\n return function (d, b) {\n extendStatics(d, b);\n function __() { this.constructor = d; }\n d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());\n };\n})();\nvar account_view___decorate = (this && this.__decorate) || function (decorators, target, key, desc) {\n var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;\n if (typeof Reflect === \"object\" && typeof Reflect.decorate === \"function\") r = Reflect.decorate(decorators, target, key, desc);\n 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;\n return c > 3 && r && Object.defineProperty(target, key, r), r;\n};\nvar account_view___metadata = (this && this.__metadata) || function (k, v) {\n if (typeof Reflect === \"object\" && typeof Reflect.metadata === \"function\") return Reflect.metadata(k, v);\n};\n\n\n\n\nvar account_view_AccountView = (function (_super) {\n __extends(AccountView, _super);\n function AccountView(router, cdr, tabService, locale, translation) {\n var _this = _super.call(this, locale, translation) || this;\n _this.router = router;\n _this.cdr = cdr;\n _this.tabService = tabService;\n _this.locale = locale;\n _this.translation = translation;\n _this.configureTabs();\n _this.tabService.onNavigatedTo$.subscribe(function (tabId) { return _this.selectTab(tabId); });\n _this.selectTab(0);\n return _this;\n }\n AccountView.prototype.selectTab = function (tabId) {\n var _this = this;\n this.tabs.forEach(function (tab, index) {\n if (tab.id == tabId) {\n tab.active = true;\n _this.currentTabIndex = index;\n }\n else\n tab.active = false;\n });\n this.cdr.markForCheck();\n };\n AccountView.prototype.configureTabs = function () {\n var subscriptionTab = {\n id: 0,\n active: false,\n title: this.translation.translate('ACCOUNT.SUBSCRIPTIONS.TITLE'),\n route: ['admin', 'account', 'subscriptions']\n };\n var detailsTab = {\n id: 1,\n active: false,\n title: this.translation.translate('ACCOUNT.DETAILS.TITLE'),\n route: ['admin', 'account', 'details']\n };\n var receiptsTab = {\n id: 2,\n active: false,\n title: this.translation.translate('ACCOUNT.INVOICES.TITLE'),\n route: ['admin', 'account', 'invoices']\n };\n var paymentsTab = {\n id: 3,\n active: false,\n title: this.translation.translate('ACCOUNT.PAYMENTS.TITLE'),\n route: ['admin', 'account', 'payments']\n };\n this.tabs = [detailsTab, subscriptionTab, receiptsTab, paymentsTab];\n };\n AccountView.prototype.onTabClick = function (tabIndex) {\n if (this.currentTabIndex == tabIndex)\n return;\n this.currentTabIndex = tabIndex;\n this.tabs.forEach(function (tab) {\n tab.active = false;\n });\n this.tabs[tabIndex].active = true;\n this.router.navigate(this.tabs[tabIndex].route);\n };\n var _a, _b, _c, _d, _e;\n AccountView = account_view___decorate([\n Object(core_es5[\"Component\"])({\n selector: 'account-view',\n template: __webpack_require__(1346),\n styles: [__webpack_require__(1347)],\n changeDetection: core_es5[\"ChangeDetectionStrategy\"].OnPush\n }),\n account_view___metadata(\"design:paramtypes\", [typeof (_a = typeof router_es5[\"g\" /* Router */] !== \"undefined\" && router_es5[\"g\" /* Router */]) === \"function\" && _a || Object, typeof (_b = typeof core_es5[\"ChangeDetectorRef\"] !== \"undefined\" && core_es5[\"ChangeDetectorRef\"]) === \"function\" && _b || Object, typeof (_c = typeof tab_service[\"a\" /* TabService */] !== \"undefined\" && tab_service[\"a\" /* TabService */]) === \"function\" && _c || Object, typeof (_d = typeof angular_l10n_es5[\"a\" /* LocaleService */] !== \"undefined\" && angular_l10n_es5[\"a\" /* LocaleService */]) === \"function\" && _d || Object, typeof (_e = typeof angular_l10n_es5[\"d\" /* TranslationService */] !== \"undefined\" && angular_l10n_es5[\"d\" /* TranslationService */]) === \"function\" && _e || Object])\n ], AccountView);\n return AccountView;\n}(angular_l10n_es5[\"b\" /* Localization */]));\n\n\n// EXTERNAL MODULE: ./src/module/account/subscriptions/account.subscriptions.view.ts\nvar account_subscriptions_view = __webpack_require__(1348);\n\n// EXTERNAL MODULE: ./node_modules/rxjs/Observable.js\nvar Observable = __webpack_require__(1);\nvar Observable_default = /*#__PURE__*/__webpack_require__.n(Observable);\n\n// EXTERNAL MODULE: ./src/service/account.service.ts\nvar account_service = __webpack_require__(65);\n\n// EXTERNAL MODULE: ./src/service/exception.service.ts\nvar exception_service = __webpack_require__(35);\n\n// EXTERNAL MODULE: ./src/service/api.service.ts\nvar api_service = __webpack_require__(41);\n\n// EXTERNAL MODULE: ./src/service/url.service.ts\nvar url_service = __webpack_require__(18);\n\n// CONCATENATED MODULE: ./src/service/braintree.service.ts\nvar braintree_service___extends = (this && this.__extends) || (function () {\n var extendStatics = Object.setPrototypeOf ||\n ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||\n function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };\n return function (d, b) {\n extendStatics(d, b);\n function __() { this.constructor = d; }\n d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());\n };\n})();\nvar braintree_service___decorate = (this && this.__decorate) || function (decorators, target, key, desc) {\n var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;\n if (typeof Reflect === \"object\" && typeof Reflect.decorate === \"function\") r = Reflect.decorate(decorators, target, key, desc);\n 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;\n return c > 3 && r && Object.defineProperty(target, key, r), r;\n};\nvar braintree_service___metadata = (this && this.__metadata) || function (k, v) {\n if (typeof Reflect === \"object\" && typeof Reflect.metadata === \"function\") return Reflect.metadata(k, v);\n};\n\n\n\n\n\n\n\nvar braintree_service_BraintreeService = (function (_super) {\n braintree_service___extends(BraintreeService, _super);\n function BraintreeService(auth, http, exception, router, url) {\n var _this = _super.call(this, auth, http, exception, router, url) || this;\n _this.auth = auth;\n _this.http = http;\n _this.exception = exception;\n _this.router = router;\n _this.url = url;\n return _this;\n }\n BraintreeService.prototype.getClientToken = function (accountId) {\n return _super.prototype.read.call(this, 'accounts/' + accountId + '/bt-client-token');\n };\n var _a, _b, _c, _d, _e;\n BraintreeService = braintree_service___decorate([\n Object(core_es5[\"Injectable\"])(),\n braintree_service___metadata(\"design:paramtypes\", [typeof (_a = typeof auth_service[\"a\" /* AuthService */] !== \"undefined\" && auth_service[\"a\" /* AuthService */]) === \"function\" && _a || Object, typeof (_b = typeof http_es5[\"b\" /* Http */] !== \"undefined\" && http_es5[\"b\" /* Http */]) === \"function\" && _b || Object, typeof (_c = typeof exception_service[\"a\" /* ExceptionService */] !== \"undefined\" && exception_service[\"a\" /* ExceptionService */]) === \"function\" && _c || Object, typeof (_d = typeof router_es5[\"g\" /* Router */] !== \"undefined\" && router_es5[\"g\" /* Router */]) === \"function\" && _d || Object, typeof (_e = typeof url_service[\"a\" /* UrlService */] !== \"undefined\" && url_service[\"a\" /* UrlService */]) === \"function\" && _e || Object])\n ], BraintreeService);\n return BraintreeService;\n}(api_service[\"a\" /* BradmaxApi */]));\n\n\n// EXTERNAL MODULE: ./src/service/user.service.ts\nvar user_service = __webpack_require__(6);\n\n// CONCATENATED MODULE: ./src/module/account/subscriptions/account.subscriptions.resolver.ts\nvar account_subscriptions_resolver___decorate = (this && this.__decorate) || function (decorators, target, key, desc) {\n var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;\n if (typeof Reflect === \"object\" && typeof Reflect.decorate === \"function\") r = Reflect.decorate(decorators, target, key, desc);\n 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;\n return c > 3 && r && Object.defineProperty(target, key, r), r;\n};\nvar account_subscriptions_resolver___metadata = (this && this.__metadata) || function (k, v) {\n if (typeof Reflect === \"object\" && typeof Reflect.metadata === \"function\") return Reflect.metadata(k, v);\n};\n\n\n\n\n\n\n\nvar account_subscriptions_resolver_AccountSubscriptionsResolver = (function () {\n function AccountSubscriptionsResolver(account, user, products, paymentsService, bt) {\n this.account = account;\n this.user = user;\n this.products = products;\n this.paymentsService = paymentsService;\n this.bt = bt;\n }\n AccountSubscriptionsResolver.prototype.resolve = function (route, state) {\n var _this = this;\n if (this.user.accountId == null)\n return;\n return this.account.get(this.user.accountId).flatMap(function (accountResponse) {\n var btClientToken = Observable[\"Observable\"].of(null);\n if (_this.user.accountId == null)\n return btClientToken;\n if (accountResponse.details) {\n btClientToken = _this.bt.getClientToken(_this.user.accountId);\n }\n return Observable[\"Observable\"].forkJoin(Observable[\"Observable\"].of(accountResponse), _this.products.getProductsForAccount(_this.user.accountId, 1), _this.paymentsService.getPaymentMethods(_this.user.accountId), btClientToken);\n });\n };\n var _a, _b, _c, _d, _e;\n AccountSubscriptionsResolver = account_subscriptions_resolver___decorate([\n Object(core_es5[\"Injectable\"])(),\n account_subscriptions_resolver___metadata(\"design:paramtypes\", [typeof (_a = typeof account_service[\"a\" /* AccountService */] !== \"undefined\" && account_service[\"a\" /* AccountService */]) === \"function\" && _a || Object, typeof (_b = typeof user_service[\"a\" /* UserService */] !== \"undefined\" && user_service[\"a\" /* UserService */]) === \"function\" && _b || Object, typeof (_c = typeof product_service[\"a\" /* ProductService */] !== \"undefined\" && product_service[\"a\" /* ProductService */]) === \"function\" && _c || Object, typeof (_d = typeof payments_service[\"a\" /* PaymentsService */] !== \"undefined\" && payments_service[\"a\" /* PaymentsService */]) === \"function\" && _d || Object, typeof (_e = typeof braintree_service_BraintreeService !== \"undefined\" && braintree_service_BraintreeService) === \"function\" && _e || Object])\n ], AccountSubscriptionsResolver);\n return AccountSubscriptionsResolver;\n}());\n\n\n// CONCATENATED MODULE: ./src/module/account/subscriptions/paymentPicker.modal.ts\nvar paymentPicker_modal___decorate = (this && this.__decorate) || function (decorators, target, key, desc) {\n var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;\n if (typeof Reflect === \"object\" && typeof Reflect.decorate === \"function\") r = Reflect.decorate(decorators, target, key, desc);\n 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;\n return c > 3 && r && Object.defineProperty(target, key, r), r;\n};\nvar paymentPicker_modal___metadata = (this && this.__metadata) || function (k, v) {\n if (typeof Reflect === \"object\" && typeof Reflect.metadata === \"function\") return Reflect.metadata(k, v);\n};\n\nvar HTML = \"\\n
\\n
\\n
\\n
{{'ACCOUNT_SUBS.PM_MODAL.TITLE' | translate:lang}} \\n
\\n
\\n
\\n
\\n
\";\nvar STYLES = [\n ':host{display: none;position: fixed;top: 0;bottom: 0;left: 0;right: 0;width: 100%;height: 100%;'\n + 'z-index: 9998;background: rgba(0, 0, 0, 0.5);}',\n ':host.active {display: table;}',\n ':host .content {position: relative;display: table-cell;vertical-align: middle;margin: auto; background:rgba(0, 0, 0, 0.5);}',\n ':host .close {position: absolute;top: 5px;left: 5px;}',\n ':host .pm-modal {max-width:400px;max-height:300px; background:#fff;margin: auto;text-align: center;padding: 20px;}',\n ':host .close-btn {float: right;cursor: pointer;opacity: 0.75;margin-top:-10px;margin-right:-10px;}',\n ':host .close-btn:hover {opacity: 1;}',\n ':host .well {padding:0}'\n];\nvar paymentPicker_modal_PaymentMethodsPickerModal = (function () {\n function PaymentMethodsPickerModal(cdr) {\n this.cdr = cdr;\n this.onPaymentNonceReceived = new core_es5[\"EventEmitter\"]();\n this.onCloseModal = new core_es5[\"EventEmitter\"]();\n this.active = false;\n this.braintreeDropInReady = false;\n }\n PaymentMethodsPickerModal.prototype.click = function (e) {\n if (this.active == true && e.className.indexOf('content') > -1)\n this.close();\n };\n PaymentMethodsPickerModal.prototype.close = function () {\n if (this.active == true) {\n this.active = false;\n this.onCloseModal.emit();\n this.cdr.markForCheck();\n }\n };\n var _a;\n PaymentMethodsPickerModal = paymentPicker_modal___decorate([\n Object(core_es5[\"Component\"])({\n selector: 'pmModal',\n host: { '[class.active]': 'active', '(click)': 'click($event.target)' },\n template: HTML,\n styles: STYLES,\n changeDetection: core_es5[\"ChangeDetectionStrategy\"].OnPush,\n inputs: ['btClientToken', 'active'],\n outputs: ['onPaymentNonceReceived', 'onCloseModal'],\n }),\n paymentPicker_modal___metadata(\"design:paramtypes\", [typeof (_a = typeof core_es5[\"ChangeDetectorRef\"] !== \"undefined\" && core_es5[\"ChangeDetectorRef\"]) === \"function\" && _a || Object])\n ], PaymentMethodsPickerModal);\n return PaymentMethodsPickerModal;\n}());\n\n\n// CONCATENATED MODULE: ./src/module/account/subscriptions/index.ts\n\n\n\n\n// EXTERNAL MODULE: ./src/module/account/invoices/account.invoices.view.ts\nvar account_invoices_view = __webpack_require__(1350);\n\n// CONCATENATED MODULE: ./src/module/account/invoices/account.invoices.resolver.ts\nvar account_invoices_resolver___decorate = (this && this.__decorate) || function (decorators, target, key, desc) {\n var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;\n if (typeof Reflect === \"object\" && typeof Reflect.decorate === \"function\") r = Reflect.decorate(decorators, target, key, desc);\n 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;\n return c > 3 && r && Object.defineProperty(target, key, r), r;\n};\nvar account_invoices_resolver___metadata = (this && this.__metadata) || function (k, v) {\n if (typeof Reflect === \"object\" && typeof Reflect.metadata === \"function\") return Reflect.metadata(k, v);\n};\n\n\n\nvar account_invoices_resolver_AccountInvoicesResolver = (function () {\n function AccountInvoicesResolver(user, payments) {\n this.user = user;\n this.payments = payments;\n }\n AccountInvoicesResolver.prototype.resolve = function (route, state) {\n if (this.user.accountId == null)\n return;\n return this.payments.getPaymentTransactions(this.user.accountId);\n };\n var _a, _b;\n AccountInvoicesResolver = account_invoices_resolver___decorate([\n Object(core_es5[\"Injectable\"])(),\n account_invoices_resolver___metadata(\"design:paramtypes\", [typeof (_a = typeof user_service[\"a\" /* UserService */] !== \"undefined\" && user_service[\"a\" /* UserService */]) === \"function\" && _a || Object, typeof (_b = typeof payments_service[\"a\" /* PaymentsService */] !== \"undefined\" && payments_service[\"a\" /* PaymentsService */]) === \"function\" && _b || Object])\n ], AccountInvoicesResolver);\n return AccountInvoicesResolver;\n}());\n\n\n// CONCATENATED MODULE: ./src/module/account/invoices/index.ts\n\n\n\n// EXTERNAL MODULE: ./node_modules/rxjs/Subject.js\nvar Subject = __webpack_require__(11);\nvar Subject_default = /*#__PURE__*/__webpack_require__.n(Subject);\n\n// CONCATENATED MODULE: ./src/service/country.service.ts\nvar country_service___extends = (this && this.__extends) || (function () {\n var extendStatics = Object.setPrototypeOf ||\n ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||\n function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };\n return function (d, b) {\n extendStatics(d, b);\n function __() { this.constructor = d; }\n d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());\n };\n})();\nvar country_service___decorate = (this && this.__decorate) || function (decorators, target, key, desc) {\n var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;\n if (typeof Reflect === \"object\" && typeof Reflect.decorate === \"function\") r = Reflect.decorate(decorators, target, key, desc);\n 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;\n return c > 3 && r && Object.defineProperty(target, key, r), r;\n};\nvar country_service___metadata = (this && this.__metadata) || function (k, v) {\n if (typeof Reflect === \"object\" && typeof Reflect.metadata === \"function\") return Reflect.metadata(k, v);\n};\n\n\n\n\n\n\n\n\nvar country_service_CountryService = (function (_super) {\n country_service___extends(CountryService, _super);\n function CountryService(auth, http, exception, router, url) {\n var _this = _super.call(this, auth, http, exception, router, url) || this;\n _this.auth = auth;\n _this.http = http;\n _this.exception = exception;\n _this.router = router;\n _this.url = url;\n return _this;\n }\n CountryService.prototype.getCountries = function () {\n var _this = this;\n this.resolveSource = new Subject[\"Subject\"]();\n _super.prototype.read.call(this, 'countries').subscribe(function (response) {\n _this.countries = response;\n _this.resolveSource.next(response);\n }, function (error) { return _this.resolveSource.error(error); }, function () { return _this.resolveSource.complete(); });\n return this.resolveSource.asObservable();\n };\n var _a, _b, _c, _d, _e;\n CountryService = country_service___decorate([\n Object(core_es5[\"Injectable\"])(),\n country_service___metadata(\"design:paramtypes\", [typeof (_a = typeof auth_service[\"a\" /* AuthService */] !== \"undefined\" && auth_service[\"a\" /* AuthService */]) === \"function\" && _a || Object, typeof (_b = typeof http_es5[\"b\" /* Http */] !== \"undefined\" && http_es5[\"b\" /* Http */]) === \"function\" && _b || Object, typeof (_c = typeof exception_service[\"a\" /* ExceptionService */] !== \"undefined\" && exception_service[\"a\" /* ExceptionService */]) === \"function\" && _c || Object, typeof (_d = typeof router_es5[\"g\" /* Router */] !== \"undefined\" && router_es5[\"g\" /* Router */]) === \"function\" && _d || Object, typeof (_e = typeof url_service[\"a\" /* UrlService */] !== \"undefined\" && url_service[\"a\" /* UrlService */]) === \"function\" && _e || Object])\n ], CountryService);\n return CountryService;\n}(api_service[\"a\" /* BradmaxApi */]));\n\n\n// CONCATENATED MODULE: ./src/util/regex.util.ts\nvar RegexExpressions = (function () {\n function RegexExpressions() {\n }\n RegexExpressions.emailRegex = function () {\n return /^(([^<>()\\[\\]\\\\.,;:\\s@\"]+(\\.[^<>()\\[\\]\\\\.,;:\\s@\"]+)*)|(\".+\"))@((\\[[0-9]{1,3}\\.[0-9]{1,3}\\.[0-9]{1,3}\\.[0-9]{1,3}])|(([a-zA-Z\\-0-9]+\\.)+[a-zA-Z]{2,}))$/;\n };\n return RegexExpressions;\n}());\n\n\n// CONCATENATED MODULE: ./src/service/validation.service.ts\n\nvar validation_service_ValidationService = (function () {\n function ValidationService() {\n }\n ValidationService.isValidEmail = function (value) {\n return RegexExpressions.emailRegex().test(value) ? true : false;\n };\n return ValidationService;\n}());\n\n\n// EXTERNAL MODULE: ./src/service/view.service.ts\nvar view_service = __webpack_require__(15);\n\n// EXTERNAL MODULE: ./src/module/modal/modal.service.ts\nvar modal_service = __webpack_require__(29);\n\n// CONCATENATED MODULE: ./src/module/account/details/account.details.view.ts\nvar account_details_view___extends = (this && this.__extends) || (function () {\n var extendStatics = Object.setPrototypeOf ||\n ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||\n function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };\n return function (d, b) {\n extendStatics(d, b);\n function __() { this.constructor = d; }\n d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());\n };\n})();\nvar account_details_view___decorate = (this && this.__decorate) || function (decorators, target, key, desc) {\n var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;\n if (typeof Reflect === \"object\" && typeof Reflect.decorate === \"function\") r = Reflect.decorate(decorators, target, key, desc);\n 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;\n return c > 3 && r && Object.defineProperty(target, key, r), r;\n};\nvar account_details_view___metadata = (this && this.__metadata) || function (k, v) {\n if (typeof Reflect === \"object\" && typeof Reflect.metadata === \"function\") return Reflect.metadata(k, v);\n};\n\n\n\n\n\n\n\n\n\n\n\n\n\nvar account_details_view_AccountDetailsView = (function (_super) {\n account_details_view___extends(AccountDetailsView, _super);\n function AccountDetailsView(formBuilder, route, cdr, view, flashMessagesService, modal, router, subscriptionService, countries, locale, translation, user, account, tabService) {\n var _this = _super.call(this, locale, translation, cdr) || this;\n _this.formBuilder = formBuilder;\n _this.route = route;\n _this.cdr = cdr;\n _this.view = view;\n _this.flashMessagesService = flashMessagesService;\n _this.modal = modal;\n _this.router = router;\n _this.subscriptionService = subscriptionService;\n _this.countries = countries;\n _this.locale = locale;\n _this.translation = translation;\n _this.user = user;\n _this.account = account;\n _this.tabService = tabService;\n _this.userLoading = false;\n _this.companyDetailsLoading = false;\n _this.showUserForm = true;\n _this.showCompanyForm = true;\n _this.canValidate = true;\n _this.emailErr = {\n validateEmail: _this.translation.translate('ACCOUNT_DETAILS.FORM.VALIDATION_ERROR.INVALID_FIELD', { field: 'email' })\n };\n _this.userFormEditMode = false;\n _this.detailsFormEditMode = false;\n _this.planId = NaN;\n _this.setAccountUserForm();\n _this.setAccountDetailsForm();\n _this.clearUserRemoteErrors();\n _this.clearDetailsRemoteErrors();\n return _this;\n }\n AccountDetailsView.prototype.ngOnInit = function () {\n var _this = this;\n this.tabService.onNavigatedTo(1);\n if (!this.userFormEditMode)\n this.accountUserForm.disable();\n if (!this.detailsFormEditMode)\n this.accountDetailsForm.disable();\n this.subscription = this.route.params.subscribe(function (params) {\n _this.planId = +params['plan'];\n if (_this.planId) {\n _this.accountDetailsForm.disable();\n _this.updateAccountDetails();\n }\n });\n };\n AccountDetailsView.prototype.onUserEditModeChange = function (start) {\n if (start) {\n this.accountUserForm.enable();\n }\n else {\n this.accountUserForm.disable();\n this.clearUserRemoteErrors();\n this.setAccountUserForm();\n }\n };\n AccountDetailsView.prototype.onDetailsEditModeChange = function (start) {\n if (start) {\n this.accountDetailsForm.enable();\n }\n else {\n this.accountDetailsForm.disable();\n this.clearDetailsRemoteErrors();\n this.setAccountDetailsForm();\n }\n };\n AccountDetailsView.prototype.onUserFormSubmit = function () {\n this.clearUserRemoteErrors();\n this.canValidate = true;\n if (this.accountUserForm.valid) {\n this.userLoading = true;\n this.accountUserForm.disable();\n this.updatedUserDetails();\n }\n };\n AccountDetailsView.prototype.onAccountDetailsFormSubmit = function () {\n this.clearDetailsRemoteErrors();\n this.canValidate = true;\n if (this.accountDetailsForm.valid) {\n this.companyDetailsLoading = true;\n this.accountDetailsForm.disable();\n this.updateAccountDetails();\n }\n };\n AccountDetailsView.prototype.updatedUserDetails = function () {\n var _this = this;\n var userRequest = {\n first_name: this.accountUserForm.controls['first_name'].value,\n last_name: this.accountUserForm.controls['last_name'].value,\n email: this.accountUserForm.controls['email'].value,\n has_gdpr_info_shown: this.user.hasGdprInfoShown,\n has_agree_for_newsletter: this.accountUserForm.controls['has_agree_for_newsletter'].value\n };\n this.user.updateUser(userRequest).subscribe(function (response) {\n _this.flashMessagesService.show(_this.translation.translate('ACCOUNT_DETAILS.FORM.SUBMIT_SUCCESS'), { cssClass: 'alert-success', timeout: 3000 });\n }, function (error) {\n if (error.errors) {\n _this.mapUserRemoteErrors(error.errors);\n }\n else {\n }\n _this.accountUserForm.enable();\n _this.userLoading = false;\n _this.cdr.markForCheck();\n }, function () {\n _this.userLoading = false;\n _this.cdr.markForCheck();\n });\n };\n AccountDetailsView.prototype.updateAccountDetails = function () {\n var _this = this;\n var accountRequest = {\n address: this.accountDetailsForm.controls['address'].value,\n city: this.accountDetailsForm.controls['city'].value,\n company_name: this.accountDetailsForm.controls['company_name'].value,\n tax_no: this.accountDetailsForm.controls['tax_no'].value,\n country: this.accountDetailsForm.controls['country'].value != 'default'\n ? this.accountDetailsForm.controls['country'].value : null,\n phone_number: this.accountDetailsForm.controls['phone_number'].value,\n postal_code: this.accountDetailsForm.controls['postal_code'].value,\n state: this.accountDetailsForm.controls['state'].value\n };\n if (this.user.accountId)\n this.account.updateAccount(this.user.accountId, accountRequest).subscribe(function (response) {\n _this.flashMessagesService.show(_this.translation.translate('ACCOUNT_DETAILS.FORM.SUBMIT_SUCCESS'), { cssClass: 'alert-success', timeout: 3000 });\n if (_this.planId && _this.planId > 0) {\n _this.modal.prompt(_this.translation.translate('ACCOUNT_DETAILS.MESSAGE.ACCOUNT_READY'), [{\n label: _this.translation.translate('ACCOUNT_DETAILS.BUTTON.CONTINUE'),\n fa: 'check', classes: ['test-css-class'],\n close: true, click: function () {\n _this.createSubscriptionOrderAction(_this.planId);\n }\n },\n {\n label: _this.translation.translate('ACCOUNT_DETAILS.BUTTON.CLOSE'),\n fa: 'ban', classes: ['test-css-class'], close: true, click: function () {\n _this.planId = NaN;\n }\n }\n ]);\n }\n }, function (error) {\n _this.companyDetailsLoading = false;\n if (error.errors) {\n _this.mapDetailsRemoteErrors(error.errors);\n }\n else {\n }\n _this.accountDetailsForm.enable();\n _this.cdr.markForCheck();\n }, function () {\n _this.companyDetailsLoading = false;\n _this.cdr.markForCheck();\n });\n };\n AccountDetailsView.prototype.createSubscriptionOrderAction = function (planId) {\n var _this = this;\n if (this.user.accountId) {\n this.view.spinner(true);\n this.subscriptionService.createSubscriptionOrder(this.user.accountId, planId).subscribe(function (data) {\n _this.view.spinner(false);\n _this.router.navigate(['admin', 'subscription', data.id]);\n }, function (error) {\n console.error('POST.SubscriptionOder ERROR', error);\n _this.view.spinner(false);\n });\n }\n };\n AccountDetailsView.prototype.setAccountUserForm = function () {\n var _this = this;\n this.accountUserForm = this.formBuilder.group({\n first_name: [this.user.firstName],\n last_name: [this.user.lastName],\n email: [this.user.email, forms_es5[\"Validators\"].compose([\n this.validateEmail\n ])],\n has_agree_for_newsletter: [this.user.hasAgreeForNewsletter]\n });\n this.accountUserForm.statusChanges.subscribe(function () {\n _this.userFormEditMode = _this.accountUserForm.status !== 'DISABLED' ? true : false;\n });\n };\n AccountDetailsView.prototype.setAccountDetailsForm = function () {\n var _this = this;\n if (this.account.account)\n this.accountDetailsForm = this.formBuilder.group({\n company_name: [this.account.companyName],\n tax_no: [this.account.account.details ? this.account.account.details.tax_no : null],\n country: [this.account.account.details ? this.account.account.details.country : 'default'],\n city: [this.account.account.details ? this.account.account.details.city : null],\n state: this.account.account.details ? this.account.account.details.state : null,\n address: [this.account.account.details ? this.account.account.details.address : null],\n phone_number: this.account.account.details ? this.account.account.details.phone_number : null,\n postal_code: [this.account.account.details ? this.account.account.details.postal_code : null]\n });\n this.accountDetailsForm.statusChanges.subscribe(function () {\n _this.detailsFormEditMode = _this.accountDetailsForm.status !== 'DISABLED' ? true : false;\n });\n };\n AccountDetailsView.prototype.mapUserRemoteErrors = function (res) {\n var _this = this;\n if (res) {\n this.clearUserRemoteErrors();\n this.globalErrors = new Array();\n Object.keys(res).forEach(function (key) {\n if (_this.userFormRemoteErrors && _this.userFormRemoteErrors.hasOwnProperty(key)) {\n if (Array.isArray(res[key]))\n res[key].forEach(function (err) {\n if (_this.userFormRemoteErrors) {\n if (_this.userFormRemoteErrors[key])\n _this.userFormRemoteErrors[key] = _this.userFormRemoteErrors[key]\n + '
' + err;\n else\n _this.userFormRemoteErrors[key] = err;\n }\n });\n else\n _this.userFormRemoteErrors[key] = res[key];\n }\n else\n _this.globalErrors.push(res[key]);\n });\n }\n };\n AccountDetailsView.prototype.mapDetailsRemoteErrors = function (res) {\n var _this = this;\n if (res) {\n this.clearDetailsRemoteErrors();\n this.globalErrors = new Array();\n Object.keys(res).forEach(function (key) {\n if (_this.detailsFormRemoteErrors && _this.detailsFormRemoteErrors.hasOwnProperty(key)) {\n if (Array.isArray(res[key]))\n res[key].forEach(function (err) {\n if (_this.detailsFormRemoteErrors) {\n if (_this.detailsFormRemoteErrors[key])\n _this.detailsFormRemoteErrors[key] =\n _this.detailsFormRemoteErrors[key] + '
' + err;\n else\n _this.detailsFormRemoteErrors[key] = err;\n }\n });\n else\n _this.detailsFormRemoteErrors[key] = res[key];\n }\n else\n _this.globalErrors.push(res[key]);\n });\n }\n };\n AccountDetailsView.prototype.validateEmail = function (c) {\n return validation_service_ValidationService.isValidEmail(c.value) ? null : { validateEmail: { valid: false } };\n };\n AccountDetailsView.prototype.clearUserRemoteErrors = function () {\n this.userFormRemoteErrors = {\n email: null,\n first_name: null,\n last_name: null,\n has_gdpr_info_shown: null,\n has_agree_for_newsletter: null\n };\n };\n AccountDetailsView.prototype.clearDetailsRemoteErrors = function () {\n this.detailsFormRemoteErrors = {\n address: null,\n city: null,\n company_name: null,\n country: null,\n phone_number: null,\n postal_code: null,\n state: null,\n tax_no: null\n };\n };\n AccountDetailsView.prototype.onPasswordChangeClick = function () {\n this.modal.passwordChange();\n };\n var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p;\n AccountDetailsView = account_details_view___decorate([\n Object(core_es5[\"Component\"])({\n selector: 'account-details',\n template: __webpack_require__(1352),\n changeDetection: core_es5[\"ChangeDetectionStrategy\"].OnPush,\n styles: [\n ':host .form-check-input{width:32px;position:relative;top:-5px;}'\n ],\n inputs: ['showUserForm', 'showCompanyForm', 'userFormEditMode', 'detailsFormEditMode']\n }),\n account_details_view___metadata(\"design:paramtypes\", [typeof (_a = typeof forms_es5[\"FormBuilder\"] !== \"undefined\" && forms_es5[\"FormBuilder\"]) === \"function\" && _a || Object, typeof (_b = typeof router_es5[\"a\" /* ActivatedRoute */] !== \"undefined\" && router_es5[\"a\" /* ActivatedRoute */]) === \"function\" && _b || Object, typeof (_c = typeof core_es5[\"ChangeDetectorRef\"] !== \"undefined\" && core_es5[\"ChangeDetectorRef\"]) === \"function\" && _c || Object, typeof (_d = typeof view_service[\"a\" /* ViewService */] !== \"undefined\" && view_service[\"a\" /* ViewService */]) === \"function\" && _d || Object, typeof (_e = typeof angular2_flash_messages[\"FlashMessagesService\"] !== \"undefined\" && angular2_flash_messages[\"FlashMessagesService\"]) === \"function\" && _e || Object, typeof (_f = typeof modal_service[\"a\" /* ModalService */] !== \"undefined\" && modal_service[\"a\" /* ModalService */]) === \"function\" && _f || Object, typeof (_g = typeof router_es5[\"g\" /* Router */] !== \"undefined\" && router_es5[\"g\" /* Router */]) === \"function\" && _g || Object, typeof (_h = typeof subscription_service[\"a\" /* SubscriptionService */] !== \"undefined\" && subscription_service[\"a\" /* SubscriptionService */]) === \"function\" && _h || Object, typeof (_j = typeof country_service_CountryService !== \"undefined\" && country_service_CountryService) === \"function\" && _j || Object, typeof (_k = typeof angular_l10n_es5[\"a\" /* LocaleService */] !== \"undefined\" && angular_l10n_es5[\"a\" /* LocaleService */]) === \"function\" && _k || Object, typeof (_l = typeof angular_l10n_es5[\"d\" /* TranslationService */] !== \"undefined\" && angular_l10n_es5[\"d\" /* TranslationService */]) === \"function\" && _l || Object, typeof (_m = typeof user_service[\"a\" /* UserService */] !== \"undefined\" && user_service[\"a\" /* UserService */]) === \"function\" && _m || Object, typeof (_o = typeof account_service[\"a\" /* AccountService */] !== \"undefined\" && account_service[\"a\" /* AccountService */]) === \"function\" && _o || Object, typeof (_p = typeof tab_service[\"a\" /* TabService */] !== \"undefined\" && tab_service[\"a\" /* TabService */]) === \"function\" && _p || Object])\n ], AccountDetailsView);\n return AccountDetailsView;\n}(angular_l10n_es5[\"b\" /* Localization */]));\n\n\n// CONCATENATED MODULE: ./src/module/account/details/account.details.resolver.ts\nvar account_details_resolver___decorate = (this && this.__decorate) || function (decorators, target, key, desc) {\n var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;\n if (typeof Reflect === \"object\" && typeof Reflect.decorate === \"function\") r = Reflect.decorate(decorators, target, key, desc);\n 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;\n return c > 3 && r && Object.defineProperty(target, key, r), r;\n};\nvar account_details_resolver___metadata = (this && this.__metadata) || function (k, v) {\n if (typeof Reflect === \"object\" && typeof Reflect.metadata === \"function\") return Reflect.metadata(k, v);\n};\n\n\n\n\n\nvar account_details_resolver_AccountDetailsResolver = (function () {\n function AccountDetailsResolver(account, user, countries) {\n this.account = account;\n this.user = user;\n this.countries = countries;\n }\n AccountDetailsResolver.prototype.resolve = function (route, state) {\n if (this.user.accountId == null)\n return;\n return Observable[\"Observable\"].forkJoin(this.account.get(this.user.accountId), this.countries.getCountries());\n };\n var _a, _b, _c;\n AccountDetailsResolver = account_details_resolver___decorate([\n Object(core_es5[\"Injectable\"])(),\n account_details_resolver___metadata(\"design:paramtypes\", [typeof (_a = typeof account_service[\"a\" /* AccountService */] !== \"undefined\" && account_service[\"a\" /* AccountService */]) === \"function\" && _a || Object, typeof (_b = typeof user_service[\"a\" /* UserService */] !== \"undefined\" && user_service[\"a\" /* UserService */]) === \"function\" && _b || Object, typeof (_c = typeof country_service_CountryService !== \"undefined\" && country_service_CountryService) === \"function\" && _c || Object])\n ], AccountDetailsResolver);\n return AccountDetailsResolver;\n}());\n\n\n// CONCATENATED MODULE: ./src/module/account/details/input.component.ts\nvar input_component___decorate = (this && this.__decorate) || function (decorators, target, key, desc) {\n var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;\n if (typeof Reflect === \"object\" && typeof Reflect.decorate === \"function\") r = Reflect.decorate(decorators, target, key, desc);\n 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;\n return c > 3 && r && Object.defineProperty(target, key, r), r;\n};\nvar input_component___metadata = (this && this.__metadata) || function (k, v) {\n if (typeof Reflect === \"object\" && typeof Reflect.metadata === \"function\") return Reflect.metadata(k, v);\n};\n\n\nvar input_component_ExtendedInput = (function () {\n function ExtendedInput(translation) {\n this.translation = translation;\n this.labelText = '';\n this.genericErrorMessages = {\n required: this.translation.translate('ACCOUNT.FORM.VALIDATION_ERROR.REQUIRED'),\n pattern: this.translation.translate('ACCOUNT.FORM.VALIDATION_ERROR.INVALID'),\n unknown: this.translation.translate('ACCOUNT.FORM.VALIDATION_ERROR.INVALID')\n };\n }\n ExtendedInput.prototype.ngOnChanges = function (changes) {\n var _this = this;\n this.errorMessageToDisplay = '';\n if (!this.canValidate)\n return;\n if (this.remoteError) {\n this.errorMessageToDisplay = this.remoteError;\n return;\n }\n var errors = this.inputErrors;\n if (errors) {\n Object.keys(errors).some(function (key) {\n if (_this.customError && _this.customError[key]) {\n _this.errorMessageToDisplay = _this.customError[key];\n return true;\n }\n if (_this.genericErrorMessages[key]) {\n _this.errorMessageToDisplay = _this.genericErrorMessages[key];\n return true;\n }\n return false;\n });\n if (!this.errorMessageToDisplay || this.errorMessageToDisplay === '') {\n this.errorMessageToDisplay = this.genericErrorMessages['unknown'];\n }\n }\n };\n var _a;\n input_component___decorate([\n Object(core_es5[\"Input\"])(),\n input_component___metadata(\"design:type\", String)\n ], ExtendedInput.prototype, \"labelText\", void 0);\n input_component___decorate([\n Object(core_es5[\"Input\"])(),\n input_component___metadata(\"design:type\", Object)\n ], ExtendedInput.prototype, \"inputErrors\", void 0);\n input_component___decorate([\n Object(core_es5[\"Input\"])(),\n input_component___metadata(\"design:type\", Boolean)\n ], ExtendedInput.prototype, \"canValidate\", void 0);\n input_component___decorate([\n Object(core_es5[\"Input\"])(),\n input_component___metadata(\"design:type\", Object)\n ], ExtendedInput.prototype, \"customError\", void 0);\n input_component___decorate([\n Object(core_es5[\"Input\"])(),\n input_component___metadata(\"design:type\", String)\n ], ExtendedInput.prototype, \"remoteError\", void 0);\n input_component___decorate([\n Object(core_es5[\"Input\"])(),\n input_component___metadata(\"design:type\", String)\n ], ExtendedInput.prototype, \"toolText\", void 0);\n ExtendedInput = input_component___decorate([\n Object(core_es5[\"Component\"])({\n selector: 'extended-input',\n template: \"
\\n \"\n }),\n input_component___metadata(\"design:paramtypes\", [typeof (_a = typeof angular_l10n_es5[\"d\" /* TranslationService */] !== \"undefined\" && angular_l10n_es5[\"d\" /* TranslationService */]) === \"function\" && _a || Object])\n ], ExtendedInput);\n return ExtendedInput;\n}());\n\n\n// CONCATENATED MODULE: ./src/module/account/details/index.ts\n\n\n\n\n// CONCATENATED MODULE: ./src/module/account/payments/account.payments.view.ts\nvar account_payments_view___extends = (this && this.__extends) || (function () {\n var extendStatics = Object.setPrototypeOf ||\n ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||\n function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };\n return function (d, b) {\n extendStatics(d, b);\n function __() { this.constructor = d; }\n d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());\n };\n})();\nvar account_payments_view___decorate = (this && this.__decorate) || function (decorators, target, key, desc) {\n var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;\n if (typeof Reflect === \"object\" && typeof Reflect.decorate === \"function\") r = Reflect.decorate(decorators, target, key, desc);\n 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;\n return c > 3 && r && Object.defineProperty(target, key, r), r;\n};\nvar account_payments_view___metadata = (this && this.__metadata) || function (k, v) {\n if (typeof Reflect === \"object\" && typeof Reflect.metadata === \"function\") return Reflect.metadata(k, v);\n};\n\n\n\n\n\n\n\n\n\nvar account_payments_view_AccountPaymentsView = (function (_super) {\n account_payments_view___extends(AccountPaymentsView, _super);\n function AccountPaymentsView(route, tabService, paymentsService, userService, modal, view, flashMessagesService, locale, translation, cdr) {\n var _this = _super.call(this, locale, translation) || this;\n _this.route = route;\n _this.tabService = tabService;\n _this.paymentsService = paymentsService;\n _this.userService = userService;\n _this.modal = modal;\n _this.view = view;\n _this.flashMessagesService = flashMessagesService;\n _this.locale = locale;\n _this.translation = translation;\n _this.cdr = cdr;\n _this.braintreeOnTeardown = false;\n _this.route.data.subscribe(function (data) {\n if (data && data.account) {\n _this.paymentMethods = data.account[1];\n if (data.account[2])\n _this.braintreeClientToken = data.account[2].bt_client_token;\n }\n });\n return _this;\n }\n AccountPaymentsView.prototype.ngOnInit = function () {\n this.tabService.onNavigatedTo(3);\n };\n AccountPaymentsView.prototype.onCardEditSubmit = function () {\n if (this.paymentOnEdit) {\n this.paymentOnEdit.loading = true;\n this.cdr.detectChanges();\n }\n };\n var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k;\n AccountPaymentsView = account_payments_view___decorate([\n Object(core_es5[\"Component\"])({\n selector: 'account-payments',\n template: __webpack_require__(1353)\n }),\n account_payments_view___metadata(\"design:paramtypes\", [typeof (_a = typeof router_es5[\"a\" /* ActivatedRoute */] !== \"undefined\" && router_es5[\"a\" /* ActivatedRoute */]) === \"function\" && _a || Object, typeof (_b = typeof tab_service[\"a\" /* TabService */] !== \"undefined\" && tab_service[\"a\" /* TabService */]) === \"function\" && _b || Object, typeof (_c = typeof payments_service[\"a\" /* PaymentsService */] !== \"undefined\" && payments_service[\"a\" /* PaymentsService */]) === \"function\" && _c || Object, typeof (_d = typeof user_service[\"a\" /* UserService */] !== \"undefined\" && user_service[\"a\" /* UserService */]) === \"function\" && _d || Object, typeof (_e = typeof modal_service[\"a\" /* ModalService */] !== \"undefined\" && modal_service[\"a\" /* ModalService */]) === \"function\" && _e || Object, typeof (_f = typeof view_service[\"a\" /* ViewService */] !== \"undefined\" && view_service[\"a\" /* ViewService */]) === \"function\" && _f || Object, typeof (_g = typeof angular2_flash_messages[\"FlashMessagesService\"] !== \"undefined\" && angular2_flash_messages[\"FlashMessagesService\"]) === \"function\" && _g || Object, typeof (_h = typeof angular_l10n_es5[\"a\" /* LocaleService */] !== \"undefined\" && angular_l10n_es5[\"a\" /* LocaleService */]) === \"function\" && _h || Object, typeof (_j = typeof angular_l10n_es5[\"d\" /* TranslationService */] !== \"undefined\" && angular_l10n_es5[\"d\" /* TranslationService */]) === \"function\" && _j || Object, typeof (_k = typeof core_es5[\"ChangeDetectorRef\"] !== \"undefined\" && core_es5[\"ChangeDetectorRef\"]) === \"function\" && _k || Object])\n ], AccountPaymentsView);\n return AccountPaymentsView;\n}(angular_l10n_es5[\"b\" /* Localization */]));\n\n\n// CONCATENATED MODULE: ./src/module/account/payments/account.payments.resolver.ts\nvar account_payments_resolver___decorate = (this && this.__decorate) || function (decorators, target, key, desc) {\n var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;\n if (typeof Reflect === \"object\" && typeof Reflect.decorate === \"function\") r = Reflect.decorate(decorators, target, key, desc);\n 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;\n return c > 3 && r && Object.defineProperty(target, key, r), r;\n};\nvar account_payments_resolver___metadata = (this && this.__metadata) || function (k, v) {\n if (typeof Reflect === \"object\" && typeof Reflect.metadata === \"function\") return Reflect.metadata(k, v);\n};\n\n\n\n\n\n\nvar account_payments_resolver_AccountPaymentsResolver = (function () {\n function AccountPaymentsResolver(account, user, payments, bt) {\n this.account = account;\n this.user = user;\n this.payments = payments;\n this.bt = bt;\n }\n AccountPaymentsResolver.prototype.resolve = function (route, state) {\n var _this = this;\n if (this.user.accountId == null)\n return;\n return this.account.get(this.user.accountId).flatMap(function (accountResponse) {\n var btClientToken = Observable[\"Observable\"].of(null);\n if (_this.user.accountId == null)\n return btClientToken;\n if (accountResponse.details) {\n btClientToken = _this.bt.getClientToken(_this.user.accountId);\n }\n return Observable[\"Observable\"].forkJoin(Observable[\"Observable\"].of(accountResponse), _this.payments.getPaymentMethods(_this.user.accountId), btClientToken);\n });\n };\n var _a, _b, _c, _d;\n AccountPaymentsResolver = account_payments_resolver___decorate([\n Object(core_es5[\"Injectable\"])(),\n account_payments_resolver___metadata(\"design:paramtypes\", [typeof (_a = typeof account_service[\"a\" /* AccountService */] !== \"undefined\" && account_service[\"a\" /* AccountService */]) === \"function\" && _a || Object, typeof (_b = typeof user_service[\"a\" /* UserService */] !== \"undefined\" && user_service[\"a\" /* UserService */]) === \"function\" && _b || Object, typeof (_c = typeof payments_service[\"a\" /* PaymentsService */] !== \"undefined\" && payments_service[\"a\" /* PaymentsService */]) === \"function\" && _c || Object, typeof (_d = typeof braintree_service_BraintreeService !== \"undefined\" && braintree_service_BraintreeService) === \"function\" && _d || Object])\n ], AccountPaymentsResolver);\n return AccountPaymentsResolver;\n}());\n\n\n// CONCATENATED MODULE: ./src/module/account/payments/account.payments.guard.ts\nvar account_payments_guard___decorate = (this && this.__decorate) || function (decorators, target, key, desc) {\n var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;\n if (typeof Reflect === \"object\" && typeof Reflect.decorate === \"function\") r = Reflect.decorate(decorators, target, key, desc);\n 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;\n return c > 3 && r && Object.defineProperty(target, key, r), r;\n};\nvar account_payments_guard___metadata = (this && this.__metadata) || function (k, v) {\n if (typeof Reflect === \"object\" && typeof Reflect.metadata === \"function\") return Reflect.metadata(k, v);\n};\n\nvar account_payments_guard_AccountPaymentsGuard = (function () {\n function AccountPaymentsGuard() {\n }\n AccountPaymentsGuard.prototype.canDeactivate = function (component, route, state) {\n return true;\n };\n AccountPaymentsGuard = account_payments_guard___decorate([\n Object(core_es5[\"Injectable\"])(),\n account_payments_guard___metadata(\"design:paramtypes\", [])\n ], AccountPaymentsGuard);\n return AccountPaymentsGuard;\n}());\n\n\n// CONCATENATED MODULE: ./src/module/account/payments/index.ts\n\n\n\n\n// CONCATENATED MODULE: ./src/module/account/index.ts\n\n\n\n\n\n\n\n// CONCATENATED MODULE: ./src/module/account/account.module.ts\nvar account_module___decorate = (this && this.__decorate) || function (decorators, target, key, desc) {\n var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;\n if (typeof Reflect === \"object\" && typeof Reflect.decorate === \"function\") r = Reflect.decorate(decorators, target, key, desc);\n 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;\n return c > 3 && r && Object.defineProperty(target, key, r), r;\n};\n\n\n\n\n\n\n\n\n\n\n\n\nvar AccountRoutes = [\n { path: 'subscriptions', component: account_subscriptions_view[\"a\" /* AccountSubscriptionsView */], resolve: { account: account_subscriptions_resolver_AccountSubscriptionsResolver } },\n { path: 'details', component: account_details_view_AccountDetailsView, resolve: { account: account_details_resolver_AccountDetailsResolver } },\n { path: 'invoices', component: account_invoices_view[\"a\" /* AccountInvoicesView */], resolve: { account: account_invoices_resolver_AccountInvoicesResolver } },\n {\n path: 'payments',\n component: account_payments_view_AccountPaymentsView,\n resolve: { account: account_payments_resolver_AccountPaymentsResolver },\n canDeactivate: [account_payments_guard_AccountPaymentsGuard]\n },\n { path: 'invoices', component: account_invoices_view[\"a\" /* AccountInvoicesView */], resolve: { account: account_invoices_resolver_AccountInvoicesResolver } },\n { path: '', redirectTo: 'details', pathMatch: 'full' },\n { path: '**', redirectTo: 'details' }\n];\nvar LOCAL_PROVIDERS = [\n account_subscriptions_resolver_AccountSubscriptionsResolver,\n account_details_resolver_AccountDetailsResolver,\n account_invoices_resolver_AccountInvoicesResolver,\n account_payments_resolver_AccountPaymentsResolver,\n tab_service[\"a\" /* TabService */],\n payments_service[\"a\" /* PaymentsService */],\n account_payments_guard_AccountPaymentsGuard,\n subscription_service[\"a\" /* SubscriptionService */],\n product_service[\"a\" /* ProductService */],\n];\nvar COMP = [\n account_view_AccountView,\n account_details_view_AccountDetailsView,\n account_invoices_view[\"a\" /* AccountInvoicesView */],\n account_payments_view_AccountPaymentsView,\n account_subscriptions_view[\"a\" /* AccountSubscriptionsView */],\n input_component_ExtendedInput,\n paymentPicker_modal_PaymentMethodsPickerModal\n];\nvar account_module_AccountModule = (function () {\n function AccountModule() {\n }\n AccountModule = account_module___decorate([\n Object(core_es5[\"NgModule\"])({\n imports: [\n http_es5[\"c\" /* HttpModule */],\n shared_module_SharedModule,\n forms_es5[\"ReactiveFormsModule\"],\n angular_l10n_es5[\"c\" /* LocalizationModule */],\n router_es5[\"h\" /* RouterModule */].forChild(AccountRoutes)\n ],\n declarations: COMP,\n entryComponents: COMP,\n providers: LOCAL_PROVIDERS.slice(),\n exports: COMP,\n bootstrap: [account_view_AccountView]\n })\n ], AccountModule);\n return AccountModule;\n}());\n\n\n// EXTERNAL MODULE: ./node_modules/moment/moment.js\nvar moment = __webpack_require__(10);\nvar moment_default = /*#__PURE__*/__webpack_require__.n(moment);\n\n// CONCATENATED MODULE: ./src/module/analytics/component/charts/chart.component.config.ts\n\nvar ChartConfig = new core_es5[\"InjectionToken\"]('CHART_CONFIG');\nvar ChartConfigData = {\n datasetColors: [\n [31, 47, 193],\n [23, 23, 23],\n [249, 213, 0],\n [247, 92, 3],\n [157, 141, 241],\n [7, 160, 112],\n [38, 219, 192],\n [130, 2, 99],\n [25, 114, 244],\n [255, 99, 146],\n [198, 216, 96],\n ]\n};\n\n// EXTERNAL MODULE: ./src/module/analytics/component/charts/chart.model.ts\nvar chart_model = __webpack_require__(106);\nvar chart_model_default = /*#__PURE__*/__webpack_require__.n(chart_model);\n\n// CONCATENATED MODULE: ./src/module/analytics/component/charts/chart.scale.helper.ts\nvar chart_scale_helper___decorate = (this && this.__decorate) || function (decorators, target, key, desc) {\n var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;\n if (typeof Reflect === \"object\" && typeof Reflect.decorate === \"function\") r = Reflect.decorate(decorators, target, key, desc);\n 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;\n return c > 3 && r && Object.defineProperty(target, key, r), r;\n};\n\n\nvar chart_scale_helper_ChartScaleHelper = (function () {\n function ChartScaleHelper() {\n }\n ChartScaleHelper.prototype.getScaleStep = function (start, end, scaleUnit) {\n var dateDiff;\n var startDate = start.clone();\n var endDate = end.clone();\n switch (scaleUnit) {\n case 'minute':\n dateDiff = endDate.diff(startDate, 'minutes') / 2;\n break;\n case 'hour':\n dateDiff = endDate.endOf('day').diff(startDate.startOf('day'), 'hours');\n break;\n case 'month':\n dateDiff = endDate.endOf('day').diff(startDate.startOf('day'), 'months');\n break;\n case 'year':\n dateDiff = endDate.endOf('day').diff(startDate.startOf('day'), 'years');\n break;\n default:\n dateDiff = endDate.endOf('day').diff(startDate.startOf('day'), 'days');\n break;\n }\n return Math.round(dateDiff / 4);\n };\n ChartScaleHelper.prototype.getScaleStepAlt = function (dataLength) {\n return Math.round(dataLength / 4);\n };\n ChartScaleHelper.prototype.getTimeScaleUnit = function (start, end, granularity) {\n if (end.diff(start, 'hours') < 24)\n return 'minute';\n var startDay = start.clone().startOf('day');\n var endDay = end.clone().endOf('day');\n if (endDay.diff(startDay, 'months') > 24)\n return 'year';\n if (endDay.diff(startDay, 'months') > 12)\n return 'month';\n if (granularity === 'hour' && endDay.diff(startDay.startOf('day'), 'days') <= 3)\n return 'hour';\n return 'day';\n };\n ChartScaleHelper.prototype.getDateFormatForScaleUnit = function (unit) {\n switch (unit) {\n case 'minute':\n return 'HH:mm:ss';\n case 'hour':\n return 'HH:mm';\n case 'day':\n return 'DD MMM';\n case 'week':\n return 'DD MMM';\n case 'month':\n return 'MMM YYYY';\n case 'year':\n return 'YYYY';\n default:\n return 'DD MMM';\n }\n };\n ChartScaleHelper.prototype.getPointThickness = function (pointsAmount) {\n if (pointsAmount > 48)\n return 0;\n return 1;\n };\n ChartScaleHelper.prototype.getLineThickness = function (pointsAmount) {\n if (pointsAmount > 48)\n return 1;\n return 2;\n };\n ChartScaleHelper.prototype.formatTooltipDateLabel = function (labelToFormat, start, end, granularity) {\n var m = moment_default()(labelToFormat);\n if (!m.isValid())\n return labelToFormat;\n if (start && end && (end.diff(start, 'hours') < 24))\n return m.format('ll HH:mm:ss');\n var toDate;\n switch (granularity) {\n case 'hour':\n return m.format('llll');\n case 'day':\n return m.format('ll');\n case 'week':\n toDate = m.clone().endOf('week').isAfter(end, 'day') ?\n end.format('ll') : m.clone().endOf('week').format('ll');\n return m.format('ll') + ' - ' + toDate;\n case 'month':\n toDate = m.clone().endOf('month').isAfter(end, 'day') ?\n end.format('ll') : m.clone().endOf('month').format('ll');\n return m.format('ll') + ' - ' + toDate;\n case 'year':\n toDate = m.clone().endOf('year').isAfter(end, 'day') ?\n end.format('ll') : m.clone().endOf('year').format('ll');\n return m.format('ll') + ' - ' + toDate;\n default: return labelToFormat;\n }\n };\n ChartScaleHelper.prototype.formatScaleDateLabel = function (label, dateFormat, index, labels) {\n var m = moment_default()(label);\n if (!m.isValid())\n return label;\n var step = this.getScaleStepAlt(labels.length);\n if (index > 0 && index < labels.length - 1) {\n if (labels.length > 6 && index % step > 0)\n return null;\n }\n else if (labels.length > 3)\n return null;\n var formattedDate = m.format(dateFormat);\n return formattedDate;\n };\n ChartScaleHelper.prototype.removeFirstAndLastDate = function (scale) {\n if (scale.ticks.length > 3) {\n scale.ticks[0] = null;\n scale.ticks[scale.ticks.length - 1] = null;\n }\n };\n ChartScaleHelper.prototype.makeTickLabelSamplingCallback = function (singleElementWidth) {\n var result = function (label, index, labels) {\n var samplesNum = Math.ceil(this.width / singleElementWidth);\n var scale = (labels && (labels.length > 1)) ? (samplesNum / (labels.length - 1)) : 1;\n if (scale > 0.3) {\n scale = 1;\n }\n var labelSegment = Math.floor(index * scale);\n var prevLabelSegment = Math.floor((index - 1) * scale);\n if (labelSegment != prevLabelSegment) {\n return label;\n }\n return '';\n };\n return result;\n };\n ChartScaleHelper = chart_scale_helper___decorate([\n Object(core_es5[\"Injectable\"])()\n ], ChartScaleHelper);\n return ChartScaleHelper;\n}());\n\n\n// CONCATENATED MODULE: ./src/module/analytics/component/charts/chart.component.ts\nvar chart_component___decorate = (this && this.__decorate) || function (decorators, target, key, desc) {\n var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;\n if (typeof Reflect === \"object\" && typeof Reflect.decorate === \"function\") r = Reflect.decorate(decorators, target, key, desc);\n 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;\n return c > 3 && r && Object.defineProperty(target, key, r), r;\n};\nvar chart_component___metadata = (this && this.__metadata) || function (k, v) {\n if (typeof Reflect === \"object\" && typeof Reflect.metadata === \"function\") return Reflect.metadata(k, v);\n};\nvar __param = (this && this.__param) || function (paramIndex, decorator) {\n return function (target, key) { decorator(target, key, paramIndex); }\n};\n\n\n\n\n\nvar chart_component_ChartComponent = (function () {\n function ChartComponent(cdr, timeScaleHelper, config) {\n this.cdr = cdr;\n this.timeScaleHelper = timeScaleHelper;\n this.config = config;\n this.pointRadius = 1;\n this.chartHeight = '300px';\n this.fontColor = null;\n this.gridColor = 'rgba(0, 0, 0, 0.1)';\n this.datasetColors = null;\n this.onChartClicked = new core_es5[\"EventEmitter\"]();\n this.onChartHovered = new core_es5[\"EventEmitter\"]();\n this.isAfterViewInit = false;\n }\n ChartComponent.prototype.ngAfterViewInit = function () {\n this.isAfterViewInit = true;\n this.createChart();\n };\n ChartComponent.prototype.ngOnChanges = function (changes) {\n if (this.isAfterViewInit)\n if ((changes['chartData'] && changes['chartData'] != undefined && changes['chartData'] != null) ||\n (changes['chartType'] && changes['chartType'] != undefined && changes['chartType'] != null\n && this.chartData)) {\n this.createChart();\n }\n };\n ChartComponent.prototype.ngOnDestroy = function () {\n this.destroyChart();\n };\n ChartComponent.prototype.destroyChart = function () {\n if (this.chartInstance) {\n this.chartInstance.destroy();\n }\n };\n ChartComponent.prototype.createChart = function () {\n if (!this.chartData)\n return;\n this.destroyChart();\n this.setChartSettingsAndOptions();\n var conf = {\n type: (this.chartType == 'lineTime' ? 'line' : this.chartType),\n options: this.chartOptions,\n data: {\n labels: this.chartLabels,\n datasets: this.chartData\n }\n };\n this.chartInstance = new Chart(this.canvasElement.nativeElement.getContext('2d'), conf);\n };\n ChartComponent.prototype.onChartTypeChange = function (chartType) {\n this.chartType = chartType;\n this.createChart();\n };\n ChartComponent.prototype.setChartSettingsAndOptions = function () {\n switch (this.chartType) {\n case 'line':\n this.setLineChartOptions();\n this.setLineChartSettings();\n break;\n case 'lineTime':\n this.setLineTimeChartOptions();\n this.setLineTimeChartSettings();\n break;\n case 'bar':\n this.setBarChartOptions();\n this.setBarChartSettings();\n break;\n case 'horizontalBar':\n this.setHorizontalBarChartOptions();\n this.setBarChartSettings();\n break;\n case 'doughnut':\n this.setPieChartOptions();\n this.setPieChartSettings();\n break;\n default:\n console.warn('ChartComponent -> ChartType not defined or invalid!');\n break;\n }\n };\n ChartComponent.prototype.getColor = function (i) {\n if (this.datasetColors)\n return this.datasetColors[i % this.datasetColors.length];\n return this.config.datasetColors[i % this.config.datasetColors.length];\n };\n ChartComponent.prototype.setLineChartSettings = function () {\n this.setLineTimeChartSettings();\n };\n ChartComponent.prototype.setLineTimeChartSettings = function () {\n var _this = this;\n var dataAmount = this.getDataLength();\n this.chartData.forEach(function (item, index) {\n var colors = _this.getColor(index);\n var chartItem = item;\n if ((typeof chartItem.pointBorderColor === \"string\") && (chartItem.pointBorderColor.indexOf('rgba(') == 0)) {\n colors = _this.parseRgbaStr(chartItem.pointBorderColor).slice(0, 3);\n }\n chartItem.backgroundColor = _this.rgba(colors, 0.5);\n chartItem.borderColor = _this.rgba(colors, 1);\n chartItem.pointBackgroundColor = '#fff';\n chartItem.pointBorderColor = _this.rgba(colors, 1);\n chartItem.pointHoverBackgroundColor = _this.rgba(colors, 1);\n chartItem.pointHoverBorderColor = _this.rgba(colors, 0.8);\n if (typeof chartItem.fill === 'undefined') {\n chartItem.fill = index > 0 ? false : true;\n }\n chartItem.cubicInterpolationMode = 'monotone';\n chartItem.lineTension = 0;\n chartItem.pointHoverRadius = 5;\n chartItem.pointBorderWidth = 3;\n chartItem.borderWidth = _this.timeScaleHelper.getLineThickness(dataAmount);\n chartItem.pointRadius = _this.timeScaleHelper.getPointThickness(dataAmount);\n chartItem.pointRadius = _this.pointRadius;\n });\n };\n ChartComponent.prototype.setBarChartSettings = function () {\n var _this = this;\n this.chartData.forEach(function (item, index) {\n var colors = _this.getColor(index);\n var chartItem = item;\n chartItem.backgroundColor = _this.rgba(colors, 0.6);\n chartItem.borderColor = _this.rgba(colors, 1);\n chartItem.hoverBackgroundColor = _this.rgba(colors, 0.8);\n chartItem.hoverBorderColor = _this.rgba(colors, 1);\n chartItem.borderWidth = 2;\n });\n };\n ChartComponent.prototype.setPieChartSettings = function () {\n var _this = this;\n if (this.chartData == null || this.chartData.length == 0) {\n return;\n }\n var chartItem = this.chartData[0];\n chartItem.backgroundColor = [];\n chartItem.borderColor = [];\n chartItem.hoverBackgroundColor = [];\n chartItem.hoverBorderColor = [];\n chartItem.borderWidth = [2];\n this.chartData[0].data.forEach(function (item, index) {\n var colors = _this.getColor(index);\n chartItem.backgroundColor.push(_this.rgba(colors, 0.6));\n chartItem.borderColor.push(_this.rgba(colors, 1.0));\n chartItem.hoverBackgroundColor.push(_this.rgba(colors, 0.8));\n chartItem.hoverBorderColor.push(_this.rgba(colors, 1.0));\n });\n };\n ChartComponent.prototype.setLineChartOptions = function () {\n var optionsSettings = {\n maintainAspectRatio: false,\n hover: {\n mode: 'x-axis'\n },\n scales: {\n xAxes: [{\n ticks: { suggestedMin: 0 },\n gridLines: {\n display: false\n }\n }],\n yAxes: [{\n display: true,\n ticks: { suggestedMin: 0 }\n }]\n },\n tooltips: {\n mode: 'x-axis',\n displayColors: true,\n bodySpacing: 6,\n callbacks: {\n title: function (tooltip, data) {\n return '';\n },\n label: function (tooltip, data) {\n var result = ' ' + data.datasets[tooltip.datasetIndex].label + ': ';\n if (tooltip.yLabel && (typeof tooltip.yLabel === 'number')) {\n var val = tooltip.yLabel;\n result += val.toFixed(2);\n }\n else {\n result += tooltip.yLabel;\n }\n return result;\n }\n },\n },\n legend: {\n position: 'bottom',\n labels: {}\n }\n };\n if (this.fontColor != null) {\n optionsSettings.scales.yAxes[0].ticks.fontColor = this.fontColor;\n optionsSettings.scales.xAxes[0].ticks.fontColor = this.fontColor;\n optionsSettings.legend.labels.fontColor = this.fontColor;\n }\n this.chartOptions = optionsSettings;\n };\n ChartComponent.prototype.setLineTimeChartOptions = function () {\n var _this = this;\n if (this.startDate == null || this.endDate == null)\n return;\n var scaleUnit = this.timeScaleHelper.getTimeScaleUnit(this.startDate, this.endDate, this.granularity);\n var scaleStep = this.timeScaleHelper.getScaleStep(this.startDate, this.endDate, scaleUnit);\n var dateFormat = this.timeScaleHelper.getDateFormatForScaleUnit(scaleUnit);\n var optionsSettings = {\n maintainAspectRatio: false,\n hover: {\n mode: 'x-axis'\n },\n tooltips: {\n mode: 'x-axis',\n displayColors: true,\n bodySpacing: 6,\n callbacks: {\n title: function (tooltip, data) {\n if (_this.endDate)\n return _this.timeScaleHelper.formatTooltipDateLabel(tooltip[0].xLabel, _this.startDate, _this.endDate, _this.granularity);\n return '';\n },\n label: function (tooltip, data) {\n return ' ' + data.datasets[tooltip.datasetIndex].label + ': ' + tooltip.yLabel;\n }\n },\n },\n scales: {\n xAxes: [{\n type: 'time',\n gridLines: {\n display: false\n },\n time: {\n displayFormats: {\n minute: dateFormat,\n hour: dateFormat,\n day: dateFormat,\n month: dateFormat,\n year: dateFormat\n },\n unit: scaleUnit,\n unitStepSize: scaleStep\n }\n }],\n yAxes: [{\n display: true,\n ticks: { suggestedMin: 0 }\n }]\n },\n legend: {\n position: 'bottom'\n }\n };\n if (this.gridColor != null) {\n optionsSettings.scales.xAxes[0].gridLines.color = this.gridColor;\n optionsSettings.scales.yAxes[0].gridLines = { color: this.gridColor };\n }\n if (this.fontColor != null) {\n optionsSettings.scales.xAxes[0].ticks = { fontColor: this.fontColor };\n optionsSettings.scales.yAxes[0].ticks.fontColor = this.fontColor;\n optionsSettings.legend.labels = { fontColor: this.fontColor };\n }\n this.attachWeekends(optionsSettings);\n this.chartOptions = optionsSettings;\n };\n ChartComponent.prototype.setBarChartOptions = function () {\n var _this = this;\n if (this.startDate == null || this.endDate == null)\n return;\n var scaleUnit = this.timeScaleHelper.getTimeScaleUnit(this.startDate, this.endDate, this.granularity);\n var dateFormat = this.timeScaleHelper.getDateFormatForScaleUnit(scaleUnit);\n var scaleStep = this.timeScaleHelper.getScaleStepAlt(this.getDataLength());\n var optionsSettings = {\n maintainAspectRatio: false,\n tooltips: {\n mode: 'x-axis',\n displayColors: true,\n bodySpacing: 6,\n callbacks: {\n title: function (tooltip, data) {\n if (_this.endDate)\n return _this.timeScaleHelper\n .formatTooltipDateLabel(data.labels[tooltip[0].index], _this.startDate, _this.endDate, _this.granularity);\n return '';\n }\n }\n },\n scales: {\n xAxes: [{\n stacked: (this.chartData[0].data.length > 10 || this.chartStacked) ? true : false,\n gridLines: { display: false },\n ticks: {\n autoSkip: false,\n callback: function (label, index, labels) {\n return _this.timeScaleHelper.formatScaleDateLabel(label, dateFormat, index, labels);\n }\n }\n }],\n yAxes: [{\n display: true,\n ticks: { suggestedMin: 0 }\n }]\n },\n legend: {\n position: 'bottom'\n }\n };\n this.attachWeekends(optionsSettings);\n if (this.fontColor != null) {\n optionsSettings.scales.yAxes[0].ticks.fontColor = this.fontColor;\n optionsSettings.scales.xAxes[0].ticks.fontColor = this.fontColor;\n optionsSettings.legend.labels.fontColor = this.fontColor;\n }\n this.chartOptions = optionsSettings;\n };\n ChartComponent.prototype.setHorizontalBarChartOptions = function () {\n var optionsSettings = {\n maintainAspectRatio: false,\n tooltips: {\n mode: 'x-axis',\n displayColors: true,\n bodySpacing: 6\n },\n scales: {\n xAxes: [{\n stacked: (this.chartData[0].data.length > 10 || this.chartStacked) ? true : false,\n gridLines: { display: false },\n ticks: {\n autoSkip: false\n }\n }],\n yAxes: [{\n display: true,\n ticks: { suggestedMin: 0 }\n }]\n },\n legend: {\n position: 'bottom'\n }\n };\n if (this.fontColor != null) {\n optionsSettings.scales.yAxes[0].ticks.fontColor = this.fontColor;\n optionsSettings.scales.xAxes[0].ticks.fontColor = this.fontColor;\n optionsSettings.legend.labels.fontColor = this.fontColor;\n }\n this.chartOptions = optionsSettings;\n };\n ChartComponent.prototype.setPieChartOptions = function () {\n var options = {\n maintainAspectRatio: false,\n tooltips: {\n displayColors: true,\n bodySpacing: 6,\n callbacks: {\n label: function (tooltip, data) {\n var dataset = data.datasets[tooltip.datasetIndex];\n var meta = dataset._meta[Object.keys(dataset._meta)[0]];\n var total = meta.total;\n var currentValue = dataset.data[tooltip.index];\n var percentage = parseFloat((currentValue / total * 100).toFixed(1));\n return currentValue + ' (' + percentage + '%)';\n },\n title: function (tooltip, data) {\n return data.labels[tooltip[0].index];\n }\n }\n },\n legend: {\n position: 'bottom',\n }\n };\n if (this.fontColor != null) {\n options.legend.labels = { fontColor: this.fontColor };\n }\n this.chartOptions = options;\n };\n ChartComponent.prototype.getDataLength = function () {\n if (!this.chartData || this.chartData === null || this.chartData === undefined || this.chartData.length <= 0\n || !this.chartData[0].data || this.chartData[0] === null || this.chartData[0] === undefined)\n return 0;\n return this.chartData[0].data.length;\n };\n ChartComponent.prototype.rgba = function (colour, alpha) {\n return 'rgba(' + colour.concat(alpha).join(',') + ')';\n };\n ChartComponent.prototype.parseRgbaStr = function (s) {\n s = s.replace(/[^0-9,]+/g, '');\n return s.split(',').map(parseFloat);\n };\n ChartComponent.prototype.attachWeekends = function (optionsSettings) {\n if (this.startDate && this.endDate && (this.granularity == 'hour' || this.granularity == 'day')) {\n var weekends = [], current = this.startDate.clone();\n while (current.day(7).isBefore(this.endDate))\n weekends.push(current.clone().day(-1));\n var annotations = [];\n for (var i = 0; i < weekends.length; i++)\n if (this.chartType == 'lineTime')\n annotations.push(this.formatWeekendAnnotation(weekends[i].clone().startOf('day'), this.granularity == 'day'\n ? weekends[i].add(1, 'd').startOf('day')\n : weekends[i].add(1, 'd').endOf('day')));\n else if (this.chartType == 'bar')\n annotations.push(this.formatWeekendAnnotation(weekends[i].clone().startOf('day').toISOString(), weekends[i].add(2, 'd').startOf('day').toISOString()));\n optionsSettings.annotation = { drawTime: 'beforeDatasetsDraw', annotations: annotations };\n }\n };\n ChartComponent.prototype.formatWeekendAnnotation = function (xMin, xMax) {\n return { xMin: xMin, xMax: xMax, type: 'box', xScaleID: 'x-axis-0', backgroundColor: this.gridColor };\n };\n var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m;\n chart_component___decorate([\n Object(core_es5[\"Input\"])(),\n chart_component___metadata(\"design:type\", Object)\n ], ChartComponent.prototype, \"pointRadius\", void 0);\n chart_component___decorate([\n Object(core_es5[\"Input\"])(),\n chart_component___metadata(\"design:type\", typeof (_a = typeof Array !== \"undefined\" && Array) === \"function\" && _a || Object)\n ], ChartComponent.prototype, \"chartData\", void 0);\n chart_component___decorate([\n Object(core_es5[\"Input\"])(),\n chart_component___metadata(\"design:type\", typeof (_b = typeof Array !== \"undefined\" && Array) === \"function\" && _b || Object)\n ], ChartComponent.prototype, \"chartLabels\", void 0);\n chart_component___decorate([\n Object(core_es5[\"Input\"])(),\n chart_component___metadata(\"design:type\", typeof (_c = typeof chart_model[\"ChartType\"] !== \"undefined\" && chart_model[\"ChartType\"]) === \"function\" && _c || Object)\n ], ChartComponent.prototype, \"chartType\", void 0);\n chart_component___decorate([\n Object(core_es5[\"Input\"])(),\n chart_component___metadata(\"design:type\", String)\n ], ChartComponent.prototype, \"chartHeight\", void 0);\n chart_component___decorate([\n Object(core_es5[\"Input\"])(),\n chart_component___metadata(\"design:type\", typeof (_d = (typeof moment_default.a !== \"undefined\" && moment_default.a).Moment) === \"function\" && _d || Object)\n ], ChartComponent.prototype, \"startDate\", void 0);\n chart_component___decorate([\n Object(core_es5[\"Input\"])(),\n chart_component___metadata(\"design:type\", typeof (_e = (typeof moment_default.a !== \"undefined\" && moment_default.a).Moment) === \"function\" && _e || Object)\n ], ChartComponent.prototype, \"endDate\", void 0);\n chart_component___decorate([\n Object(core_es5[\"Input\"])(),\n chart_component___metadata(\"design:type\", typeof (_f = typeof chart_model[\"GranularityType\"] !== \"undefined\" && chart_model[\"GranularityType\"]) === \"function\" && _f || Object)\n ], ChartComponent.prototype, \"granularity\", void 0);\n chart_component___decorate([\n Object(core_es5[\"Input\"])(),\n chart_component___metadata(\"design:type\", Boolean)\n ], ChartComponent.prototype, \"chartStacked\", void 0);\n chart_component___decorate([\n Object(core_es5[\"Input\"])(),\n chart_component___metadata(\"design:type\", Object)\n ], ChartComponent.prototype, \"fontColor\", void 0);\n chart_component___decorate([\n Object(core_es5[\"Input\"])(),\n chart_component___metadata(\"design:type\", String)\n ], ChartComponent.prototype, \"gridColor\", void 0);\n chart_component___decorate([\n Object(core_es5[\"Input\"])(),\n chart_component___metadata(\"design:type\", Array)\n ], ChartComponent.prototype, \"datasetColors\", void 0);\n chart_component___decorate([\n Object(core_es5[\"Output\"])(),\n chart_component___metadata(\"design:type\", typeof (_g = typeof core_es5[\"EventEmitter\"] !== \"undefined\" && core_es5[\"EventEmitter\"]) === \"function\" && _g || Object)\n ], ChartComponent.prototype, \"onChartClicked\", void 0);\n chart_component___decorate([\n Object(core_es5[\"Output\"])(),\n chart_component___metadata(\"design:type\", typeof (_h = typeof core_es5[\"EventEmitter\"] !== \"undefined\" && core_es5[\"EventEmitter\"]) === \"function\" && _h || Object)\n ], ChartComponent.prototype, \"onChartHovered\", void 0);\n chart_component___decorate([\n Object(core_es5[\"ViewChild\"])('canvas', { read: core_es5[\"ElementRef\"] }),\n chart_component___metadata(\"design:type\", typeof (_j = typeof core_es5[\"ElementRef\"] !== \"undefined\" && core_es5[\"ElementRef\"]) === \"function\" && _j || Object)\n ], ChartComponent.prototype, \"canvasElement\", void 0);\n ChartComponent = chart_component___decorate([\n Object(core_es5[\"Component\"])({\n selector: 'chart',\n template: \"
\",\n providers: [{ provide: ChartConfig, useValue: ChartConfigData }, chart_scale_helper_ChartScaleHelper]\n }),\n __param(2, Object(core_es5[\"Inject\"])(ChartConfig)),\n chart_component___metadata(\"design:paramtypes\", [typeof (_k = typeof core_es5[\"ChangeDetectorRef\"] !== \"undefined\" && core_es5[\"ChangeDetectorRef\"]) === \"function\" && _k || Object, typeof (_l = typeof chart_scale_helper_ChartScaleHelper !== \"undefined\" && chart_scale_helper_ChartScaleHelper) === \"function\" && _l || Object, typeof (_m = typeof chart_model[\"ChartConfigModel\"] !== \"undefined\" && chart_model[\"ChartConfigModel\"]) === \"function\" && _m || Object])\n ], ChartComponent);\n return ChartComponent;\n}());\n\n\n// CONCATENATED MODULE: ./src/module/analytics/component/charts/chart.realtime.component.ts\nvar chart_realtime_component___decorate = (this && this.__decorate) || function (decorators, target, key, desc) {\n var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;\n if (typeof Reflect === \"object\" && typeof Reflect.decorate === \"function\") r = Reflect.decorate(decorators, target, key, desc);\n 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;\n return c > 3 && r && Object.defineProperty(target, key, r), r;\n};\nvar chart_realtime_component___metadata = (this && this.__metadata) || function (k, v) {\n if (typeof Reflect === \"object\" && typeof Reflect.metadata === \"function\") return Reflect.metadata(k, v);\n};\nvar chart_realtime_component___param = (this && this.__param) || function (paramIndex, decorator) {\n return function (target, key) { decorator(target, key, paramIndex); }\n};\n\n\n\n\nvar chart_realtime_component_ChartRealtimeComponent = (function () {\n function ChartRealtimeComponent(cdr, chartScaleHelper, config) {\n this.cdr = cdr;\n this.chartScaleHelper = chartScaleHelper;\n this.config = config;\n this.pointRadius = 1;\n this.chartType = 'line';\n this.fontColor = null;\n this.gridColor = null;\n this.chartHeight = '300px';\n this.onChartClicked = new core_es5[\"EventEmitter\"]();\n this.onChartHovered = new core_es5[\"EventEmitter\"]();\n this.isAfterViewInit = false;\n }\n ChartRealtimeComponent.prototype.ngAfterViewInit = function () {\n this.isAfterViewInit = true;\n this.createChart();\n };\n ChartRealtimeComponent.prototype.ngOnChanges = function (changes) {\n if (this.isAfterViewInit)\n if ((changes['chartData'] && changes['chartData'] != undefined && changes['chartData'] != null) ||\n (changes['chartType'] && changes['chartType'] != undefined && changes['chartType'] != null\n && this.chartData)) {\n this.createChart();\n }\n };\n ChartRealtimeComponent.prototype.ngOnDestroy = function () {\n this.destroyChart();\n };\n ChartRealtimeComponent.prototype.destroyChart = function () {\n if (this.chartInstance) {\n this.chartInstance.destroy();\n }\n };\n ChartRealtimeComponent.prototype.createChart = function () {\n if (!this.chartData)\n return;\n this.destroyChart();\n this.setChartSettingsAndOptions();\n var conf = {\n type: (this.chartType == 'lineTime' ? 'line' : this.chartType),\n options: this.chartOptions,\n data: {\n labels: this.chartLabels,\n datasets: this.chartData\n }\n };\n this.chartInstance = new Chart(this.canvasElement.nativeElement.getContext('2d'), conf);\n };\n ChartRealtimeComponent.prototype.onChartTypeChange = function (chartType) {\n this.chartType = chartType;\n this.createChart();\n };\n ChartRealtimeComponent.prototype.setChartSettingsAndOptions = function () {\n switch (this.chartType) {\n case 'line':\n this.setLineChartOptions();\n this.setLineChartSettings();\n break;\n case 'bar':\n this.setBarChartOptions();\n this.setBarChartSettings();\n break;\n default:\n console.warn('ChartComponent -> ChartType not defined or invalid!');\n break;\n }\n };\n ChartRealtimeComponent.prototype.setLineChartSettings = function () {\n var _this = this;\n this.chartData.forEach(function (item, index) {\n var colors = _this.config.datasetColors[index];\n var chartItem = item;\n chartItem.backgroundColor = _this.rgba(colors, 0.6);\n chartItem.borderColor = _this.rgba(colors, 1);\n chartItem.hoverBackgroundColor = _this.rgba(colors, 0.8);\n chartItem.hoverBorderColor = _this.rgba(colors, 1);\n chartItem.borderWidth = 2;\n chartItem.pointRadius = _this.pointRadius;\n });\n };\n ChartRealtimeComponent.prototype.setBarChartSettings = function () {\n var _this = this;\n this.chartData.forEach(function (item, index) {\n var colors = _this.config.datasetColors[index];\n var chartItem = item;\n chartItem.backgroundColor = _this.rgba(colors, 0.6);\n chartItem.borderColor = _this.rgba(colors, 1);\n chartItem.hoverBackgroundColor = _this.rgba(colors, 0.8);\n chartItem.hoverBorderColor = _this.rgba(colors, 1);\n chartItem.borderWidth = 2;\n });\n };\n ChartRealtimeComponent.prototype.setLineChartOptions = function () {\n var optionsSettings = {\n maintainAspectRatio: false,\n animation: false,\n hover: {\n mode: 'x-axis'\n },\n scales: {\n xAxes: [{\n gridLines: {\n display: false\n },\n ticks: {\n autoSkip: false,\n callback: this.chartScaleHelper.makeTickLabelSamplingCallback(40)\n }\n }],\n yAxes: [{\n display: true,\n ticks: { suggestedMin: 0 }\n }]\n },\n tooltips: {\n mode: 'x-axis',\n displayColors: true,\n bodySpacing: 6\n },\n legend: {\n display: false\n }\n };\n if (this.fontColor != null) {\n optionsSettings.scales.yAxes[0].ticks.fontColor = this.fontColor;\n optionsSettings.scales.xAxes[0].ticks.fontColor = this.fontColor;\n }\n if (this.gridColor != null) {\n optionsSettings.scales.xAxes[0].gridLines.color = this.gridColor;\n }\n this.chartOptions = optionsSettings;\n };\n ChartRealtimeComponent.prototype.setBarChartOptions = function () {\n var optionsSettings = {\n maintainAspectRatio: false,\n animation: false,\n tooltips: {\n mode: 'x-axis',\n displayColors: true,\n bodySpacing: 6,\n callbacks: {\n title: function (tooltip, data) {\n return '';\n }\n }\n },\n scales: {\n xAxes: [{\n stacked: (this.chartData[0].data.length > 10) ? true : false,\n gridLines: { display: false },\n ticks: {\n autoSkip: false\n }\n }],\n yAxes: [{\n display: true,\n ticks: { suggestedMin: 0 }\n }]\n },\n legend: {\n display: false\n }\n };\n this.chartOptions = optionsSettings;\n };\n ChartRealtimeComponent.prototype.getDataLength = function () {\n if (!this.chartData || this.chartData === null || this.chartData === undefined || this.chartData.length <= 0\n || !this.chartData[0].data || this.chartData[0] === null || this.chartData[0] === undefined)\n return 0;\n return this.chartData[0].data.length;\n };\n ChartRealtimeComponent.prototype.rgba = function (colour, alpha) {\n return 'rgba(' + colour.concat(alpha).join(',') + ')';\n };\n ChartRealtimeComponent.prototype.parseRgbaStr = function (s) {\n s = s.replace(/[^0-9,]+/g, '');\n return s.split(',').map(parseFloat);\n };\n var _a, _b, _c, _d, _e, _f, _g, _h, _j;\n chart_realtime_component___decorate([\n Object(core_es5[\"Input\"])(),\n chart_realtime_component___metadata(\"design:type\", Object)\n ], ChartRealtimeComponent.prototype, \"pointRadius\", void 0);\n chart_realtime_component___decorate([\n Object(core_es5[\"Input\"])(),\n chart_realtime_component___metadata(\"design:type\", typeof (_a = typeof Array !== \"undefined\" && Array) === \"function\" && _a || Object)\n ], ChartRealtimeComponent.prototype, \"chartData\", void 0);\n chart_realtime_component___decorate([\n Object(core_es5[\"Input\"])(),\n chart_realtime_component___metadata(\"design:type\", typeof (_b = typeof Array !== \"undefined\" && Array) === \"function\" && _b || Object)\n ], ChartRealtimeComponent.prototype, \"chartLabels\", void 0);\n chart_realtime_component___decorate([\n Object(core_es5[\"Input\"])(),\n chart_realtime_component___metadata(\"design:type\", typeof (_c = typeof chart_model[\"ChartType\"] !== \"undefined\" && chart_model[\"ChartType\"]) === \"function\" && _c || Object)\n ], ChartRealtimeComponent.prototype, \"chartType\", void 0);\n chart_realtime_component___decorate([\n Object(core_es5[\"Input\"])(),\n chart_realtime_component___metadata(\"design:type\", Object)\n ], ChartRealtimeComponent.prototype, \"fontColor\", void 0);\n chart_realtime_component___decorate([\n Object(core_es5[\"Input\"])(),\n chart_realtime_component___metadata(\"design:type\", Object)\n ], ChartRealtimeComponent.prototype, \"gridColor\", void 0);\n chart_realtime_component___decorate([\n Object(core_es5[\"Input\"])(),\n chart_realtime_component___metadata(\"design:type\", String)\n ], ChartRealtimeComponent.prototype, \"chartHeight\", void 0);\n chart_realtime_component___decorate([\n Object(core_es5[\"Output\"])(),\n chart_realtime_component___metadata(\"design:type\", typeof (_d = typeof core_es5[\"EventEmitter\"] !== \"undefined\" && core_es5[\"EventEmitter\"]) === \"function\" && _d || Object)\n ], ChartRealtimeComponent.prototype, \"onChartClicked\", void 0);\n chart_realtime_component___decorate([\n Object(core_es5[\"Output\"])(),\n chart_realtime_component___metadata(\"design:type\", typeof (_e = typeof core_es5[\"EventEmitter\"] !== \"undefined\" && core_es5[\"EventEmitter\"]) === \"function\" && _e || Object)\n ], ChartRealtimeComponent.prototype, \"onChartHovered\", void 0);\n chart_realtime_component___decorate([\n Object(core_es5[\"ViewChild\"])('canvas', { read: core_es5[\"ElementRef\"] }),\n chart_realtime_component___metadata(\"design:type\", typeof (_f = typeof core_es5[\"ElementRef\"] !== \"undefined\" && core_es5[\"ElementRef\"]) === \"function\" && _f || Object)\n ], ChartRealtimeComponent.prototype, \"canvasElement\", void 0);\n ChartRealtimeComponent = chart_realtime_component___decorate([\n Object(core_es5[\"Component\"])({\n selector: 'chart-realtime',\n template: \"
\",\n providers: [{ provide: ChartConfig, useValue: ChartConfigData }, chart_scale_helper_ChartScaleHelper]\n }),\n chart_realtime_component___param(2, Object(core_es5[\"Inject\"])(ChartConfig)),\n chart_realtime_component___metadata(\"design:paramtypes\", [typeof (_g = typeof core_es5[\"ChangeDetectorRef\"] !== \"undefined\" && core_es5[\"ChangeDetectorRef\"]) === \"function\" && _g || Object, typeof (_h = typeof chart_scale_helper_ChartScaleHelper !== \"undefined\" && chart_scale_helper_ChartScaleHelper) === \"function\" && _h || Object, typeof (_j = typeof chart_model[\"ChartConfigModel\"] !== \"undefined\" && chart_model[\"ChartConfigModel\"]) === \"function\" && _j || Object])\n ], ChartRealtimeComponent);\n return ChartRealtimeComponent;\n}());\n\n\n// CONCATENATED MODULE: ./src/module/analytics/component/charts/chart.granularity.component.ts\nvar chart_granularity_component___decorate = (this && this.__decorate) || function (decorators, target, key, desc) {\n var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;\n if (typeof Reflect === \"object\" && typeof Reflect.decorate === \"function\") r = Reflect.decorate(decorators, target, key, desc);\n 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;\n return c > 3 && r && Object.defineProperty(target, key, r), r;\n};\nvar chart_granularity_component___metadata = (this && this.__metadata) || function (k, v) {\n if (typeof Reflect === \"object\" && typeof Reflect.metadata === \"function\") return Reflect.metadata(k, v);\n};\n\n\nvar chart_granularity_component_ChartGranularityComponent = (function () {\n function ChartGranularityComponent(cdr) {\n this.cdr = cdr;\n this.enable = true;\n this.btnSize = 'md';\n this.onTypeChange = new core_es5[\"EventEmitter\"]();\n this.hourOption = false;\n this.dayOption = false;\n this.weekOption = false;\n this.monthOption = false;\n this.yearOption = false;\n this.hourEnable = true;\n this.dayEnable = true;\n this.weekEnable = true;\n this.monthEnable = true;\n this.yearEnable = true;\n }\n ChartGranularityComponent.prototype.ngOnChanges = function (changes) {\n this.setAvailableTypes();\n this.setStates();\n this.cdr.markForCheck();\n };\n ChartGranularityComponent.prototype.onGranularityTypeChange = function (type) {\n if (this.activeType !== type) {\n this.activeType = type;\n if (this.onTypeChange)\n this.onTypeChange.emit(this.activeType);\n }\n };\n ChartGranularityComponent.prototype.setAvailableTypes = function () {\n var _this = this;\n this.hideAllOptions();\n if (this.types) {\n this.types.every(function (ele) {\n switch (ele) {\n case 'all':\n _this.showAllOptions();\n return false;\n case 'hour':\n _this.hourOption = true;\n break;\n case 'day':\n _this.dayOption = true;\n break;\n case 'week':\n _this.weekOption = true;\n break;\n case 'month':\n _this.monthOption = true;\n break;\n case 'year':\n _this.yearOption = true;\n break;\n default:\n break;\n }\n return true;\n });\n }\n };\n ChartGranularityComponent.prototype.setStates = function () {\n var _this = this;\n this.enableAllOptions();\n if (this.disabledTypes) {\n this.disabledTypes.every(function (ele) {\n switch (ele) {\n case 'all':\n _this.disableAllOptions();\n return false;\n case 'hour':\n _this.hourEnable = false;\n break;\n case 'day':\n _this.dayEnable = false;\n break;\n case 'week':\n _this.weekEnable = false;\n break;\n case 'month':\n _this.monthEnable = false;\n break;\n case 'year':\n _this.yearEnable = false;\n break;\n default:\n break;\n }\n return true;\n });\n }\n };\n ChartGranularityComponent.prototype.hideAllOptions = function () {\n this.hourOption = false;\n this.dayOption = false;\n this.weekOption = false;\n this.monthOption = false;\n this.yearOption = false;\n };\n ChartGranularityComponent.prototype.showAllOptions = function () {\n this.hourOption = true;\n this.dayOption = true;\n this.weekOption = true;\n this.monthOption = true;\n this.yearOption = true;\n };\n ChartGranularityComponent.prototype.disableAllOptions = function () {\n this.hourEnable = false;\n this.dayEnable = false;\n this.weekEnable = false;\n this.monthEnable = false;\n this.yearEnable = false;\n };\n ChartGranularityComponent.prototype.enableAllOptions = function () {\n this.hourEnable = true;\n this.dayEnable = true;\n this.weekEnable = true;\n this.monthEnable = true;\n this.yearEnable = true;\n };\n var _a, _b, _c, _d, _e, _f;\n chart_granularity_component___decorate([\n Object(core_es5[\"Input\"])(),\n chart_granularity_component___metadata(\"design:type\", Boolean)\n ], ChartGranularityComponent.prototype, \"enable\", void 0);\n chart_granularity_component___decorate([\n Object(core_es5[\"Input\"])(),\n chart_granularity_component___metadata(\"design:type\", typeof (_a = typeof Array !== \"undefined\" && Array) === \"function\" && _a || Object)\n ], ChartGranularityComponent.prototype, \"types\", void 0);\n chart_granularity_component___decorate([\n Object(core_es5[\"Input\"])(),\n chart_granularity_component___metadata(\"design:type\", typeof (_b = typeof Array !== \"undefined\" && Array) === \"function\" && _b || Object)\n ], ChartGranularityComponent.prototype, \"disabledTypes\", void 0);\n chart_granularity_component___decorate([\n Object(core_es5[\"Input\"])(),\n chart_granularity_component___metadata(\"design:type\", typeof (_c = typeof chart_model[\"GranularityType\"] !== \"undefined\" && chart_model[\"GranularityType\"]) === \"function\" && _c || Object)\n ], ChartGranularityComponent.prototype, \"activeType\", void 0);\n chart_granularity_component___decorate([\n Object(core_es5[\"Input\"])('size'),\n chart_granularity_component___metadata(\"design:type\", typeof (_d = typeof chart_model[\"ControlSize\"] !== \"undefined\" && chart_model[\"ControlSize\"]) === \"function\" && _d || Object)\n ], ChartGranularityComponent.prototype, \"btnSize\", void 0);\n chart_granularity_component___decorate([\n Object(core_es5[\"Output\"])(),\n chart_granularity_component___metadata(\"design:type\", typeof (_e = typeof core_es5[\"EventEmitter\"] !== \"undefined\" && core_es5[\"EventEmitter\"]) === \"function\" && _e || Object)\n ], ChartGranularityComponent.prototype, \"onTypeChange\", void 0);\n ChartGranularityComponent = chart_granularity_component___decorate([\n Object(core_es5[\"Component\"])({\n selector: 'chart-granularity',\n template: \"\\n\\t\\t
\\n\\t\\t\\t\\n\\t\\t\\t\\t{{ 'ANALYTICS_AUDIENCE.WORD.HOUR' | translate:lang }}\\n\\t\\t\\t \\n\\n\\t\\t\\t\\n\\t\\t\\t\\t{{ 'ANALYTICS_AUDIENCE.WORD.DAY' | translate:lang }}\\n\\t\\t\\t \\n\\n\\t\\t\\t\\n\\t\\t\\t\\t{{ 'ANALYTICS_AUDIENCE.WORD.WEEK' | translate:lang }}\\n\\t\\t\\t \\n\\n\\t\\t\\t\\n\\t\\t\\t\\t{{ 'ANALYTICS_AUDIENCE.WORD.MONTH' | translate:lang }}\\n\\t\\t\\t \\n\\n\\t\\t\\t\\n\\t\\t\\t\\t{{ 'ANALYTICS_AUDIENCE.WORD.YEAR' | translate:lang }}\\n\\t\\t\\t \\n\\t\\t
\\n\\t\\t\",\n styles: [\n '@media (max-width: 600px) { :host {display:none;} }'\n ],\n }),\n chart_granularity_component___metadata(\"design:paramtypes\", [typeof (_f = typeof core_es5[\"ChangeDetectorRef\"] !== \"undefined\" && core_es5[\"ChangeDetectorRef\"]) === \"function\" && _f || Object])\n ], ChartGranularityComponent);\n return ChartGranularityComponent;\n}());\n\n\n// CONCATENATED MODULE: ./src/module/analytics/component/charts/chart.categories.component.ts\nvar chart_categories_component___decorate = (this && this.__decorate) || function (decorators, target, key, desc) {\n var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;\n if (typeof Reflect === \"object\" && typeof Reflect.decorate === \"function\") r = Reflect.decorate(decorators, target, key, desc);\n 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;\n return c > 3 && r && Object.defineProperty(target, key, r), r;\n};\nvar chart_categories_component___metadata = (this && this.__metadata) || function (k, v) {\n if (typeof Reflect === \"object\" && typeof Reflect.metadata === \"function\") return Reflect.metadata(k, v);\n};\nvar chart_categories_component___param = (this && this.__param) || function (paramIndex, decorator) {\n return function (target, key) { decorator(target, key, paramIndex); }\n};\n\n\n\n\nvar chart_categories_component_ChartCategoriesComponent = (function () {\n function ChartCategoriesComponent(cdr, chartScaleHelper, config) {\n this.cdr = cdr;\n this.chartScaleHelper = chartScaleHelper;\n this.config = config;\n this.pointRadius = 1;\n this.fontColor = null;\n this.gridColor = null;\n this.chartHeight = '300px';\n this.onChartClicked = new core_es5[\"EventEmitter\"]();\n this.onChartHovered = new core_es5[\"EventEmitter\"]();\n this.isAfterViewInit = false;\n }\n ChartCategoriesComponent.prototype.ngAfterViewInit = function () {\n this.isAfterViewInit = true;\n this.createChart();\n };\n ChartCategoriesComponent.prototype.ngOnChanges = function (changes) {\n if (this.isAfterViewInit)\n if ((changes['chartData'] && changes['chartData'] != undefined && changes['chartData'] != null) ||\n this.chartData) {\n this.createChart();\n }\n };\n ChartCategoriesComponent.prototype.ngOnDestroy = function () {\n this.destroyChart();\n };\n ChartCategoriesComponent.prototype.destroyChart = function () {\n if (this.chartInstance) {\n this.chartInstance.destroy();\n }\n };\n ChartCategoriesComponent.prototype.createChart = function () {\n if (!this.chartData)\n return;\n this.destroyChart();\n this.setChartSettingsAndOptions();\n var conf = {\n type: 'bar',\n options: this.chartOptions,\n data: {\n labels: this.chartLabels,\n datasets: this.chartData\n }\n };\n this.chartInstance = new Chart(this.canvasElement.nativeElement.getContext('2d'), conf);\n };\n ChartCategoriesComponent.prototype.setChartSettingsAndOptions = function () {\n this.setBarChartOptions();\n this.setBarChartSettings();\n };\n ChartCategoriesComponent.prototype.setBarChartSettings = function () {\n var _this = this;\n this.chartData.forEach(function (item, index) {\n var colors = _this.config.datasetColors[index];\n var chartItem = item;\n chartItem.backgroundColor = _this.rgba(colors, 0.6);\n chartItem.borderColor = _this.rgba(colors, 1);\n chartItem.hoverBackgroundColor = _this.rgba(colors, 0.8);\n chartItem.hoverBorderColor = _this.rgba(colors, 1);\n chartItem.borderWidth = 2;\n });\n };\n ChartCategoriesComponent.prototype.setBarChartOptions = function () {\n var optionsSettings = {\n maintainAspectRatio: false,\n animation: false,\n tooltips: {\n mode: 'x-axis',\n displayColors: true,\n bodySpacing: 6,\n callbacks: {\n title: function (tooltip, data) {\n return '';\n }\n }\n },\n scales: {\n xAxes: [{\n stacked: (this.chartData[0].data.length > 10) ? true : false,\n gridLines: { display: false },\n ticks: {\n autoSkip: false\n }\n }],\n yAxes: [{\n display: true,\n ticks: { suggestedMin: 0 }\n }]\n },\n legend: {\n display: true\n }\n };\n this.chartOptions = optionsSettings;\n };\n ChartCategoriesComponent.prototype.getDataLength = function () {\n if (!this.chartData || this.chartData === null || this.chartData === undefined || this.chartData.length <= 0\n || !this.chartData[0].data || this.chartData[0] === null || this.chartData[0] === undefined)\n return 0;\n return this.chartData[0].data.length;\n };\n ChartCategoriesComponent.prototype.rgba = function (colour, alpha) {\n return 'rgba(' + colour.concat(alpha).join(',') + ')';\n };\n ChartCategoriesComponent.prototype.parseRgbaStr = function (s) {\n s = s.replace(/[^0-9,]+/g, '');\n return s.split(',').map(parseFloat);\n };\n var _a, _b, _c, _d, _e, _f, _g, _h;\n chart_categories_component___decorate([\n Object(core_es5[\"Input\"])(),\n chart_categories_component___metadata(\"design:type\", Object)\n ], ChartCategoriesComponent.prototype, \"pointRadius\", void 0);\n chart_categories_component___decorate([\n Object(core_es5[\"Input\"])(),\n chart_categories_component___metadata(\"design:type\", typeof (_a = typeof Array !== \"undefined\" && Array) === \"function\" && _a || Object)\n ], ChartCategoriesComponent.prototype, \"chartData\", void 0);\n chart_categories_component___decorate([\n Object(core_es5[\"Input\"])(),\n chart_categories_component___metadata(\"design:type\", typeof (_b = typeof Array !== \"undefined\" && Array) === \"function\" && _b || Object)\n ], ChartCategoriesComponent.prototype, \"chartLabels\", void 0);\n chart_categories_component___decorate([\n Object(core_es5[\"Input\"])(),\n chart_categories_component___metadata(\"design:type\", Object)\n ], ChartCategoriesComponent.prototype, \"fontColor\", void 0);\n chart_categories_component___decorate([\n Object(core_es5[\"Input\"])(),\n chart_categories_component___metadata(\"design:type\", Object)\n ], ChartCategoriesComponent.prototype, \"gridColor\", void 0);\n chart_categories_component___decorate([\n Object(core_es5[\"Input\"])(),\n chart_categories_component___metadata(\"design:type\", String)\n ], ChartCategoriesComponent.prototype, \"chartHeight\", void 0);\n chart_categories_component___decorate([\n Object(core_es5[\"Output\"])(),\n chart_categories_component___metadata(\"design:type\", typeof (_c = typeof core_es5[\"EventEmitter\"] !== \"undefined\" && core_es5[\"EventEmitter\"]) === \"function\" && _c || Object)\n ], ChartCategoriesComponent.prototype, \"onChartClicked\", void 0);\n chart_categories_component___decorate([\n Object(core_es5[\"Output\"])(),\n chart_categories_component___metadata(\"design:type\", typeof (_d = typeof core_es5[\"EventEmitter\"] !== \"undefined\" && core_es5[\"EventEmitter\"]) === \"function\" && _d || Object)\n ], ChartCategoriesComponent.prototype, \"onChartHovered\", void 0);\n chart_categories_component___decorate([\n Object(core_es5[\"ViewChild\"])('canvas', { read: core_es5[\"ElementRef\"] }),\n chart_categories_component___metadata(\"design:type\", typeof (_e = typeof core_es5[\"ElementRef\"] !== \"undefined\" && core_es5[\"ElementRef\"]) === \"function\" && _e || Object)\n ], ChartCategoriesComponent.prototype, \"canvasElement\", void 0);\n ChartCategoriesComponent = chart_categories_component___decorate([\n Object(core_es5[\"Component\"])({\n selector: 'chart-categories',\n template: \"
\",\n providers: [{ provide: ChartConfig, useValue: ChartConfigData }, chart_scale_helper_ChartScaleHelper]\n }),\n chart_categories_component___param(2, Object(core_es5[\"Inject\"])(ChartConfig)),\n chart_categories_component___metadata(\"design:paramtypes\", [typeof (_f = typeof core_es5[\"ChangeDetectorRef\"] !== \"undefined\" && core_es5[\"ChangeDetectorRef\"]) === \"function\" && _f || Object, typeof (_g = typeof chart_scale_helper_ChartScaleHelper !== \"undefined\" && chart_scale_helper_ChartScaleHelper) === \"function\" && _g || Object, typeof (_h = typeof chart_model[\"ChartConfigModel\"] !== \"undefined\" && chart_model[\"ChartConfigModel\"]) === \"function\" && _h || Object])\n ], ChartCategoriesComponent);\n return ChartCategoriesComponent;\n}());\n\n\n// CONCATENATED MODULE: ./src/module/analytics/component/charts/chart.picker.component.ts\nvar chart_picker_component___decorate = (this && this.__decorate) || function (decorators, target, key, desc) {\n var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;\n if (typeof Reflect === \"object\" && typeof Reflect.decorate === \"function\") r = Reflect.decorate(decorators, target, key, desc);\n 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;\n return c > 3 && r && Object.defineProperty(target, key, r), r;\n};\nvar chart_picker_component___metadata = (this && this.__metadata) || function (k, v) {\n if (typeof Reflect === \"object\" && typeof Reflect.metadata === \"function\") return Reflect.metadata(k, v);\n};\n\n\nvar chart_picker_component_ChartPickerComponent = (function () {\n function ChartPickerComponent(cdr) {\n this.cdr = cdr;\n this.enable = true;\n this.size = 'md';\n this.chartTypeChanged = new core_es5[\"EventEmitter\"]();\n this.lineOption = false;\n this.lineTimeOption = false;\n this.barOption = false;\n this.pieOption = false;\n this.doughnutOption = false;\n }\n ChartPickerComponent.prototype.ngOnChanges = function (changes) {\n this.setActiveChartTypes();\n this.cdr.markForCheck();\n };\n ChartPickerComponent.prototype.onChartTypeChange = function (chartType) {\n if (chartType != this.activeType && this.chartTypeChanged) {\n this.activeType = chartType;\n this.chartTypeChanged.emit(chartType);\n this.cdr.markForCheck();\n }\n };\n ChartPickerComponent.prototype.setActiveChartTypes = function () {\n var _this = this;\n this.lineOption = false;\n this.lineTimeOption = false;\n this.barOption = false;\n this.pieOption = false;\n this.doughnutOption = false;\n if (this.chartTypes)\n this.chartTypes.every(function (value) {\n switch (value) {\n case 'all':\n _this.lineOption = true;\n _this.barOption = true;\n _this.pieOption = true;\n return false;\n case 'line':\n _this.lineOption = true;\n break;\n case 'lineTime':\n _this.lineTimeOption = true;\n break;\n case 'bar':\n _this.barOption = true;\n break;\n case 'pie':\n _this.pieOption = true;\n break;\n case 'doughnut':\n _this.pieOption = true;\n break;\n default:\n break;\n }\n return true;\n });\n this.cdr.markForCheck();\n };\n var _a, _b, _c, _d, _e;\n chart_picker_component___decorate([\n Object(core_es5[\"Input\"])(),\n chart_picker_component___metadata(\"design:type\", Boolean)\n ], ChartPickerComponent.prototype, \"enable\", void 0);\n chart_picker_component___decorate([\n Object(core_es5[\"Input\"])(),\n chart_picker_component___metadata(\"design:type\", typeof (_a = typeof Array !== \"undefined\" && Array) === \"function\" && _a || Object)\n ], ChartPickerComponent.prototype, \"chartTypes\", void 0);\n chart_picker_component___decorate([\n Object(core_es5[\"Input\"])(),\n chart_picker_component___metadata(\"design:type\", typeof (_b = typeof chart_model[\"ChartType\"] !== \"undefined\" && chart_model[\"ChartType\"]) === \"function\" && _b || Object)\n ], ChartPickerComponent.prototype, \"activeType\", void 0);\n chart_picker_component___decorate([\n Object(core_es5[\"Input\"])(),\n chart_picker_component___metadata(\"design:type\", typeof (_c = typeof chart_model[\"ControlSize\"] !== \"undefined\" && chart_model[\"ControlSize\"]) === \"function\" && _c || Object)\n ], ChartPickerComponent.prototype, \"size\", void 0);\n chart_picker_component___decorate([\n Object(core_es5[\"Output\"])(),\n chart_picker_component___metadata(\"design:type\", typeof (_d = typeof core_es5[\"EventEmitter\"] !== \"undefined\" && core_es5[\"EventEmitter\"]) === \"function\" && _d || Object)\n ], ChartPickerComponent.prototype, \"chartTypeChanged\", void 0);\n ChartPickerComponent = chart_picker_component___decorate([\n Object(core_es5[\"Component\"])({\n selector: 'chart-picker',\n template: \"\\n\\t\\t
\\n\\t\\t\\t\\n\\t\\t\\t\\t \\n\\n\\t\\t\\t\\n\\t\\t\\t\\t \\n\\n\\t\\t\\t\\n\\t\\t\\t\\t \\n\\n\\t\\t\\t\\n\\t\\t\\t\\t \\n\\n\\t\\t\\t \\n\\t\\t\\t\\t \\n\\t\\t
\",\n styles: [\n '@media (max-width: 600px) { :host {display:none;} }'\n ],\n }),\n chart_picker_component___metadata(\"design:paramtypes\", [typeof (_e = typeof core_es5[\"ChangeDetectorRef\"] !== \"undefined\" && core_es5[\"ChangeDetectorRef\"]) === \"function\" && _e || Object])\n ], ChartPickerComponent);\n return ChartPickerComponent;\n}());\n\n\n// EXTERNAL MODULE: ./src/module/analytics/component/date-range-picker/daterangepicker.component.ts\nvar daterangepicker_component = __webpack_require__(1354);\n\n// CONCATENATED MODULE: ./src/module/analytics/component/charts/chart.module.ts\nvar chart_module___decorate = (this && this.__decorate) || function (decorators, target, key, desc) {\n var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;\n if (typeof Reflect === \"object\" && typeof Reflect.decorate === \"function\") r = Reflect.decorate(decorators, target, key, desc);\n 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;\n return c > 3 && r && Object.defineProperty(target, key, r), r;\n};\n\n\n\n\n\n\n\n\n\n\n\nvar chart_module_COMP = [\n chart_component_ChartComponent,\n chart_realtime_component_ChartRealtimeComponent,\n chart_granularity_component_ChartGranularityComponent,\n chart_categories_component_ChartCategoriesComponent,\n chart_picker_component_ChartPickerComponent,\n daterangepicker_component[\"a\" /* DateRangePickerComponent */]\n];\nvar chart_module_ChartModule = (function () {\n function ChartModule() {\n }\n ChartModule = chart_module___decorate([\n Object(core_es5[\"NgModule\"])({\n imports: [\n http_es5[\"c\" /* HttpModule */],\n common_es5[\"CommonModule\"],\n angular_l10n_es5[\"c\" /* LocalizationModule */],\n forms_es5[\"FormsModule\"],\n ],\n declarations: chart_module_COMP,\n exports: chart_module_COMP\n })\n ], ChartModule);\n return ChartModule;\n}());\n\n\n// CONCATENATED MODULE: ./src/module/form/check/check.buttons.component.ts\nvar check_buttons_component___decorate = (this && this.__decorate) || function (decorators, target, key, desc) {\n var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;\n if (typeof Reflect === \"object\" && typeof Reflect.decorate === \"function\") r = Reflect.decorate(decorators, target, key, desc);\n 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;\n return c > 3 && r && Object.defineProperty(target, key, r), r;\n};\nvar check_buttons_component___metadata = (this && this.__metadata) || function (k, v) {\n if (typeof Reflect === \"object\" && typeof Reflect.metadata === \"function\") return Reflect.metadata(k, v);\n};\n\nvar check_buttons_component_CheckButtonsComponent = (function () {\n function CheckButtonsComponent() {\n this.valueChange = new core_es5[\"EventEmitter\"]();\n }\n CheckButtonsComponent.prototype.icon = function (item) {\n var _a;\n var val = null;\n if (this.iconMapKeys == null)\n this.iconMapKeys = Object.keys(this.iconMap);\n var idx = this.iconMapKeys.indexOf(item);\n if (idx > -1)\n val = (_a = {}, _a[this.iconMap[this.iconMapKeys[idx]]] = true, _a);\n return val;\n };\n CheckButtonsComponent.prototype.click = function (item) {\n if (this.value != null) {\n var idx = this.value.indexOf(item);\n if (idx > -1)\n this.value.splice(idx, 1);\n else\n this.value.push(item);\n this.valueChange.emit(this.value);\n }\n };\n CheckButtonsComponent.prototype.isActive = function (item) {\n return this.value.indexOf(item) > -1;\n };\n CheckButtonsComponent = check_buttons_component___decorate([\n Object(core_es5[\"Component\"])({\n selector: 'check-buttons',\n inputs: ['name', 'model', 'value', 'iconMap'],\n outputs: ['valueChange'],\n changeDetection: core_es5[\"ChangeDetectionStrategy\"].OnPush,\n template: __webpack_require__(1355),\n styles: [__webpack_require__(1356)]\n }),\n check_buttons_component___metadata(\"design:paramtypes\", [])\n ], CheckButtonsComponent);\n return CheckButtonsComponent;\n}());\n\n\n// CONCATENATED MODULE: ./src/module/form/directive/floatOnly.directive.ts\nvar floatOnly_directive___decorate = (this && this.__decorate) || function (decorators, target, key, desc) {\n var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;\n if (typeof Reflect === \"object\" && typeof Reflect.decorate === \"function\") r = Reflect.decorate(decorators, target, key, desc);\n 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;\n return c > 3 && r && Object.defineProperty(target, key, r), r;\n};\nvar floatOnly_directive___metadata = (this && this.__metadata) || function (k, v) {\n if (typeof Reflect === \"object\" && typeof Reflect.metadata === \"function\") return Reflect.metadata(k, v);\n};\n\nvar floatOnly_directive_InputFloatOnlyDirective = (function () {\n function InputFloatOnlyDirective() {\n this.floatonly = true;\n }\n InputFloatOnlyDirective.prototype.onlyDecimalNumberKey = function (event) {\n if (!this.floatonly)\n return true;\n var charCode = (event.which) ? event.which : event.keyCode;\n if (charCode != 46 && charCode > 31 && (charCode < 48 || charCode > 57))\n return false;\n return true;\n };\n floatOnly_directive___decorate([\n Object(core_es5[\"Input\"])(),\n floatOnly_directive___metadata(\"design:type\", Object)\n ], InputFloatOnlyDirective.prototype, \"floatonly\", void 0);\n InputFloatOnlyDirective = floatOnly_directive___decorate([\n Object(core_es5[\"Directive\"])({\n selector: '[ngModel][floatonly]',\n host: {\n '(keypress)': 'onlyDecimalNumberKey($event)'\n }\n }),\n floatOnly_directive___metadata(\"design:paramtypes\", [])\n ], InputFloatOnlyDirective);\n return InputFloatOnlyDirective;\n}());\n\n\n// CONCATENATED MODULE: ./src/module/form/directive/integerOnly.directive.ts\nvar integerOnly_directive___decorate = (this && this.__decorate) || function (decorators, target, key, desc) {\n var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;\n if (typeof Reflect === \"object\" && typeof Reflect.decorate === \"function\") r = Reflect.decorate(decorators, target, key, desc);\n 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;\n return c > 3 && r && Object.defineProperty(target, key, r), r;\n};\nvar integerOnly_directive___metadata = (this && this.__metadata) || function (k, v) {\n if (typeof Reflect === \"object\" && typeof Reflect.metadata === \"function\") return Reflect.metadata(k, v);\n};\n\nvar integerOnly_directive_InputIntegerOnlyDirective = (function () {\n function InputIntegerOnlyDirective() {\n this.integeronly = true;\n }\n InputIntegerOnlyDirective.prototype.onlyNumberKey = function (event) {\n if (!this.integeronly)\n return true;\n return (event.charCode == 8 || event.charCode == 0) ? null : event.charCode >= 48 && event.charCode <= 57;\n };\n integerOnly_directive___decorate([\n Object(core_es5[\"Input\"])(),\n integerOnly_directive___metadata(\"design:type\", Object)\n ], InputIntegerOnlyDirective.prototype, \"integeronly\", void 0);\n InputIntegerOnlyDirective = integerOnly_directive___decorate([\n Object(core_es5[\"Directive\"])({\n selector: '[ngModel][integeronly]',\n host: {\n '(keypress)': 'onlyNumberKey($event)'\n }\n }),\n integerOnly_directive___metadata(\"design:paramtypes\", [])\n ], InputIntegerOnlyDirective);\n return InputIntegerOnlyDirective;\n}());\n\n\n// CONCATENATED MODULE: ./src/module/form/dropdown/dropdown.model.ts\nvar DropdownListDirection;\n(function (DropdownListDirection) {\n DropdownListDirection[DropdownListDirection[\"down\"] = 0] = \"down\";\n DropdownListDirection[DropdownListDirection[\"up\"] = 1] = \"up\";\n})(DropdownListDirection || (DropdownListDirection = {}));\n\n// EXTERNAL MODULE: ./src/util/dom.util.ts\nvar dom_util = __webpack_require__(55);\n\n// CONCATENATED MODULE: ./src/module/form/dropdown/list/dropdown.list.pipe.ts\nvar dropdown_list_pipe___decorate = (this && this.__decorate) || function (decorators, target, key, desc) {\n var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;\n if (typeof Reflect === \"object\" && typeof Reflect.decorate === \"function\") r = Reflect.decorate(decorators, target, key, desc);\n 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;\n return c > 3 && r && Object.defineProperty(target, key, r), r;\n};\n\nvar dropdown_list_pipe_DropdownListPipe = (function () {\n function DropdownListPipe() {\n }\n DropdownListPipe.prototype.transform = function (value, selected) {\n if (selected == null)\n return value;\n return value.filter(function (i) { return i.value != selected.value; });\n };\n DropdownListPipe = dropdown_list_pipe___decorate([\n Object(core_es5[\"Pipe\"])({ name: 'dropdownListPipe' })\n ], DropdownListPipe);\n return DropdownListPipe;\n}());\n\n\n// CONCATENATED MODULE: ./src/module/form/dropdown/dropdown.animation.ts\n\nvar ShadowAnimation = Object(core_es5[\"trigger\"])('ShadowAnimation', [\n Object(core_es5[\"state\"])('active', Object(core_es5[\"style\"])({ boxShadow: '0px 2px 2px 0px rgba(0, 0, 0, 0.25)' })),\n Object(core_es5[\"state\"])('inactive', Object(core_es5[\"style\"])({ boxShadow: 'none' })),\n Object(core_es5[\"transition\"])('inactive => active', Object(core_es5[\"animate\"])('100ms ease-in')),\n Object(core_es5[\"transition\"])('active => inactive', Object(core_es5[\"animate\"])('100ms ease-out'))\n]);\n\n// CONCATENATED MODULE: ./src/module/form/dropdown/dropdown.component.ts\nvar dropdown_component___decorate = (this && this.__decorate) || function (decorators, target, key, desc) {\n var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;\n if (typeof Reflect === \"object\" && typeof Reflect.decorate === \"function\") r = Reflect.decorate(decorators, target, key, desc);\n 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;\n return c > 3 && r && Object.defineProperty(target, key, r), r;\n};\nvar dropdown_component___metadata = (this && this.__metadata) || function (k, v) {\n if (typeof Reflect === \"object\" && typeof Reflect.metadata === \"function\") return Reflect.metadata(k, v);\n};\n\n\n\n\n\nvar dropdown_component_DropdownComponent = (function () {\n function DropdownComponent(element) {\n this.element = element;\n this.active = false;\n this.dirValue = DropdownListDirection;\n this.direction = DropdownListDirection.down;\n this.onSelect = new core_es5[\"EventEmitter\"]();\n this.valueChange = new core_es5[\"EventEmitter\"]();\n this.selected = 0;\n }\n DropdownComponent.prototype.ngOnChanges = function (changes) {\n if (changes.hasOwnProperty('model') && this.model.length > 0) {\n this.disabled = this.model.length < 2;\n this.selectedItem = this.model[this.selected];\n }\n if (changes.hasOwnProperty('value') && (this.value !== null) && (this.model !== null)) {\n this.selected = 0;\n for (var i = 0, t = this.model.length; i < t; i++) {\n if (this.value.value === this.model[i].value) {\n this.selected = i;\n break;\n }\n }\n this.selectedItem = this.model[this.selected];\n }\n };\n DropdownComponent.prototype.documentClick = function (e) {\n if (this.active == true && e != null && e.target != null && e.target instanceof Node\n && !dom_util[\"a\" /* DOMUtil */].isDescendant(this.element.nativeElement, e.target)) {\n dom_util[\"a\" /* DOMUtil */].stopPropagation(e);\n this.active = false;\n }\n };\n DropdownComponent.prototype.documentScroll = function () {\n if (this.active == true)\n this.active = false;\n };\n DropdownComponent.prototype.getIcoCssClasses = function (o) {\n var _a;\n return _a = {}, _a[o.icon] = true, _a;\n };\n DropdownComponent.prototype.onToggle = function () {\n this.active = this.disabled ? false : !this.active;\n };\n DropdownComponent.prototype.select = function (listItem) {\n this.selectedItem = listItem;\n this.active = false;\n this.valueChange.emit(listItem.value);\n this.onSelect.emit(this.selectedItem);\n };\n var _a;\n DropdownComponent = dropdown_component___decorate([\n Object(core_es5[\"Component\"])({\n selector: 'dropdown',\n host: {\n '[class.active]': 'active',\n '[class.up]': 'direction==dirValue.up',\n '[class.down]': 'direction==dirValue.down',\n '(document:click)': 'documentClick($event)',\n '(document:scroll)': 'documentScroll()'\n },\n inputs: [\n 'direction',\n 'model',\n 'value',\n 'label',\n 'disabled'\n ],\n outputs: ['onSelect', 'valueChange'],\n template: __webpack_require__(1357),\n styles: [__webpack_require__(1358)],\n animations: [ShadowAnimation],\n viewProviders: [dropdown_list_pipe_DropdownListPipe],\n changeDetection: core_es5[\"ChangeDetectionStrategy\"].OnPush\n }),\n dropdown_component___metadata(\"design:paramtypes\", [typeof (_a = typeof core_es5[\"ElementRef\"] !== \"undefined\" && core_es5[\"ElementRef\"]) === \"function\" && _a || Object])\n ], DropdownComponent);\n return DropdownComponent;\n}());\n\n\n// CONCATENATED MODULE: ./src/module/form/dropdown/list/dropdown.list.component.ts\nvar dropdown_list_component___decorate = (this && this.__decorate) || function (decorators, target, key, desc) {\n var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;\n if (typeof Reflect === \"object\" && typeof Reflect.decorate === \"function\") r = Reflect.decorate(decorators, target, key, desc);\n 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;\n return c > 3 && r && Object.defineProperty(target, key, r), r;\n};\nvar dropdown_list_component___metadata = (this && this.__metadata) || function (k, v) {\n if (typeof Reflect === \"object\" && typeof Reflect.metadata === \"function\") return Reflect.metadata(k, v);\n};\n\n\n\n\n\nvar dropdown_list_component_DropdownListComponent = (function () {\n function DropdownListComponent(pipe, renderer) {\n this.pipe = pipe;\n this.renderer = renderer;\n this.selectedListIdx = -1;\n this.onSelect = new core_es5[\"EventEmitter\"]();\n }\n DropdownListComponent.prototype.ngAfterViewInit = function () {\n if (this.direction == DropdownListDirection.up)\n this.renderer.setStyle(this.list.nativeElement, 'top', (-(this.list.nativeElement.getBoundingClientRect().height)) + 'px');\n else\n this.renderer.setStyle(this.list.nativeElement, 'top', 'initial');\n };\n DropdownListComponent.prototype.ngOnDestroy = function () {\n if (this.initTimer != null)\n this.initTimer.unsubscribe();\n this.initTimer = null;\n };\n DropdownListComponent.prototype.select = function (item) {\n this.selected = item;\n this.onSelect.emit(this.selected);\n };\n DropdownListComponent.prototype.iconClasses = function (o) {\n var _a;\n return _a = {}, _a[o.icon] = true, _a;\n };\n DropdownListComponent.prototype.documentKeyDown = function (e) {\n dom_util[\"a\" /* DOMUtil */].stopPropagation(e);\n switch (e.key) {\n case 'ArrowUp':\n this.arrowUp();\n break;\n case 'ArrowDown':\n this.arrowDown();\n break;\n case 'Enter':\n this.enter();\n break;\n default:\n return;\n }\n return;\n };\n DropdownListComponent.prototype.arrowUp = function () {\n if (this.selectedListIdx > 0)\n this.selectedListIdx--;\n else\n this.selectedListIdx = this.model.length - 2;\n };\n DropdownListComponent.prototype.arrowDown = function () {\n if (this.selectedListIdx < this.model.length - 2)\n this.selectedListIdx++;\n else\n this.selectedListIdx = 0;\n };\n DropdownListComponent.prototype.enter = function () {\n if (this.model != null && this.selected != null && this.selectedListIdx > -1) {\n var items = this.pipe.transform(this.model, this.selected);\n this.select(items[this.selectedListIdx]);\n }\n };\n var _a, _b, _c;\n dropdown_list_component___decorate([\n Object(core_es5[\"ViewChild\"])('list'),\n dropdown_list_component___metadata(\"design:type\", typeof (_a = typeof core_es5[\"ElementRef\"] !== \"undefined\" && core_es5[\"ElementRef\"]) === \"function\" && _a || Object)\n ], DropdownListComponent.prototype, \"list\", void 0);\n DropdownListComponent = dropdown_list_component___decorate([\n Object(core_es5[\"Component\"])({\n selector: 'dropdown-list',\n host: { '(document:keydown)': 'documentKeyDown($event)' },\n inputs: ['direction', 'model', 'selected'],\n outputs: ['onSelect'],\n changeDetection: core_es5[\"ChangeDetectionStrategy\"].OnPush,\n template: __webpack_require__(1359),\n styles: [__webpack_require__(1360)],\n animations: [ShadowAnimation]\n }),\n dropdown_list_component___metadata(\"design:paramtypes\", [typeof (_b = typeof dropdown_list_pipe_DropdownListPipe !== \"undefined\" && dropdown_list_pipe_DropdownListPipe) === \"function\" && _b || Object, typeof (_c = typeof core_es5[\"Renderer2\"] !== \"undefined\" && core_es5[\"Renderer2\"]) === \"function\" && _c || Object])\n ], DropdownListComponent);\n return DropdownListComponent;\n}());\n\n\n// CONCATENATED MODULE: ./src/module/form/dropdown/index.ts\n\n\n\n\n// CONCATENATED MODULE: ./src/module/form/grid/image/image.grid.component.ts\nvar image_grid_component___decorate = (this && this.__decorate) || function (decorators, target, key, desc) {\n var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;\n if (typeof Reflect === \"object\" && typeof Reflect.decorate === \"function\") r = Reflect.decorate(decorators, target, key, desc);\n 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;\n return c > 3 && r && Object.defineProperty(target, key, r), r;\n};\n\nvar image_grid_component_ImageGridComponent = (function () {\n function ImageGridComponent() {\n this.value = '';\n this.valueChange = new core_es5[\"EventEmitter\"]();\n }\n ImageGridComponent.prototype.getImageClass = function (value) {\n var _a;\n return _a = {},\n _a[this.name + '-' + value] = true,\n _a['active'] = this.value == value,\n _a;\n };\n ImageGridComponent.prototype.onClick = function (val) {\n this.value = val;\n this.valueChange.emit(this.value);\n };\n ImageGridComponent = image_grid_component___decorate([\n Object(core_es5[\"Component\"])({\n selector: 'image-grid',\n template: __webpack_require__(1361),\n styles: [__webpack_require__(1362)],\n inputs: [\n 'name',\n 'value',\n 'values',\n 'urlParser',\n 'placeholder'\n ],\n outputs: [\n 'valueChange'\n ],\n changeDetection: core_es5[\"ChangeDetectionStrategy\"].OnPush\n })\n ], ImageGridComponent);\n return ImageGridComponent;\n}());\n\n\n// CONCATENATED MODULE: ./src/module/form/input/editable.input.component.ts\nvar editable_input_component___decorate = (this && this.__decorate) || function (decorators, target, key, desc) {\n var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;\n if (typeof Reflect === \"object\" && typeof Reflect.decorate === \"function\") r = Reflect.decorate(decorators, target, key, desc);\n 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;\n return c > 3 && r && Object.defineProperty(target, key, r), r;\n};\nvar editable_input_component___metadata = (this && this.__metadata) || function (k, v) {\n if (typeof Reflect === \"object\" && typeof Reflect.metadata === \"function\") return Reflect.metadata(k, v);\n};\n\nvar editable_input_component_EditableInputComponent = (function () {\n function EditableInputComponent(renderer, cdr) {\n this.renderer = renderer;\n this.cdr = cdr;\n this.active = false;\n this.type = 'text';\n this.value = '';\n this.floatOnly = false;\n this.integerOnly = false;\n this.minlength = null;\n this.maxlength = null;\n this.isOver = false;\n this.valueChange = new core_es5[\"EventEmitter\"]();\n this.activeChange = new core_es5[\"EventEmitter\"]();\n this.focusChange = new core_es5[\"EventEmitter\"]();\n this.blurChange = new core_es5[\"EventEmitter\"]();\n this.keyupChange = new core_es5[\"EventEmitter\"]();\n this.enterUpChange = new core_es5[\"EventEmitter\"]();\n this.escapeUpChange = new core_es5[\"EventEmitter\"]();\n this.minSize = 32;\n }\n EditableInputComponent.prototype.ngOnChanges = function (changes) {\n if (changes.hasOwnProperty('value') || changes.hasOwnProperty('placeholder')) {\n var s = this.value ? (this.value + '').length + 2\n : this.placeholder ? this.placeholder.length + 2 : null;\n if (s && s != this.size)\n this.size = s > this.minSize ? s : this.minSize;\n this.cdr.markForCheck();\n }\n };\n EditableInputComponent.prototype.open = function () {\n this.input.nativeElement.focus();\n this.cdr.markForCheck();\n };\n EditableInputComponent.prototype.focus = function (e) {\n if (this.active == false) {\n this.active = true;\n this.cdr.markForCheck();\n this.activeChange.emit(this.active);\n this.focusChange.emit({ value: this.value, source: e });\n }\n };\n EditableInputComponent.prototype.blur = function (e) {\n if (this.active == true) {\n this.active = false;\n this.cdr.markForCheck();\n this.activeChange.emit(this.active);\n this.blurChange.emit({ value: this.value, source: e });\n }\n };\n EditableInputComponent.prototype.keyup = function (e) {\n this.keyupChange.emit({ value: this.value, source: e });\n };\n EditableInputComponent.prototype.keyupEnter = function (e) {\n this.enterUpChange.emit({ value: this.value, source: e });\n };\n EditableInputComponent.prototype.keyupEscape = function (e) {\n this.escapeUpChange.emit({ value: this.value, source: e });\n };\n EditableInputComponent.prototype.change = function () {\n this.valueChange.emit(this.value);\n };\n EditableInputComponent.prototype.close = function () {\n this.input.nativeElement.blur();\n };\n EditableInputComponent.prototype.over = function () {\n if (this.isOver != true)\n this.isOver = true;\n };\n EditableInputComponent.prototype.out = function () {\n if (this.isOver != false)\n this.isOver = false;\n };\n var _a, _b, _c;\n editable_input_component___decorate([\n Object(core_es5[\"ViewChild\"])('input'),\n editable_input_component___metadata(\"design:type\", typeof (_a = typeof core_es5[\"ElementRef\"] !== \"undefined\" && core_es5[\"ElementRef\"]) === \"function\" && _a || Object)\n ], EditableInputComponent.prototype, \"input\", void 0);\n EditableInputComponent = editable_input_component___decorate([\n Object(core_es5[\"Component\"])({\n selector: 'editable-input',\n host: {\n '[class.on]': 'active',\n '[class.off]': '!active',\n '[class.over]': 'isOver'\n },\n template: '' +\n '
' +\n '
',\n styles: [__webpack_require__(1363)],\n inputs: [\n 'active',\n 'type',\n 'value',\n 'name',\n 'placeholder',\n 'required',\n 'autocomplete',\n 'floatOnly',\n 'integerOnly',\n 'minlength',\n 'maxlength'\n ],\n outputs: [\n 'activeChange',\n 'focusChange',\n 'blurChange',\n 'keyupChange',\n 'enterUpChange',\n 'escapeUpChange',\n 'valueChange'\n ],\n changeDetection: core_es5[\"ChangeDetectionStrategy\"].OnPush\n }),\n editable_input_component___metadata(\"design:paramtypes\", [typeof (_b = typeof core_es5[\"Renderer2\"] !== \"undefined\" && core_es5[\"Renderer2\"]) === \"function\" && _b || Object, typeof (_c = typeof core_es5[\"ChangeDetectorRef\"] !== \"undefined\" && core_es5[\"ChangeDetectorRef\"]) === \"function\" && _c || Object])\n ], EditableInputComponent);\n return EditableInputComponent;\n}());\n\n\n// CONCATENATED MODULE: ./src/module/form/list/data/data.list.component.ts\nvar data_list_component___decorate = (this && this.__decorate) || function (decorators, target, key, desc) {\n var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;\n if (typeof Reflect === \"object\" && typeof Reflect.decorate === \"function\") r = Reflect.decorate(decorators, target, key, desc);\n 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;\n return c > 3 && r && Object.defineProperty(target, key, r), r;\n};\nvar data_list_component___metadata = (this && this.__metadata) || function (k, v) {\n if (typeof Reflect === \"object\" && typeof Reflect.metadata === \"function\") return Reflect.metadata(k, v);\n};\n\n\nvar data_list_component_DataListComponent = (function () {\n function DataListComponent(element) {\n this.element = element;\n this.over = false;\n this.valueChange = new core_es5[\"EventEmitter\"]();\n }\n Object.defineProperty(DataListComponent.prototype, \"value\", {\n get: function () {\n return this._value;\n },\n set: function (val) {\n if (val != null && val.length > 0)\n this.columns = Object.keys(val[0]);\n this._value = val;\n },\n enumerable: true,\n configurable: true\n });\n DataListComponent.prototype.documentClick = function (e) {\n if (e != null && e.target != null && e.target instanceof Node) {\n if (dom_util[\"a\" /* DOMUtil */].isDescendant(this.element.nativeElement, e.target))\n this.open();\n else\n this.close();\n }\n };\n DataListComponent.prototype.open = function () {\n };\n DataListComponent.prototype.close = function () {\n };\n DataListComponent.prototype.addValue = function (v) {\n };\n DataListComponent.prototype.formatResult = function (result) {\n };\n ;\n var _a;\n DataListComponent = data_list_component___decorate([\n Object(core_es5[\"Component\"])({\n selector: 'data-list',\n host: {},\n template: __webpack_require__(1364),\n styles: [__webpack_require__(1365)],\n inputs: [\n 'value'\n ],\n outputs: [\n 'valueChange',\n ]\n }),\n data_list_component___metadata(\"design:paramtypes\", [typeof (_a = typeof core_es5[\"ElementRef\"] !== \"undefined\" && core_es5[\"ElementRef\"]) === \"function\" && _a || Object])\n ], DataListComponent);\n return DataListComponent;\n}());\n\n\n// CONCATENATED MODULE: ./src/util/math.util.ts\nvar MathUtil = (function () {\n function MathUtil() {\n }\n MathUtil.truncUp = function (float) {\n return (float % 1 !== 0) ? ~~(float + 1) : float;\n };\n MathUtil.trunc = function (float) {\n return ~~(float);\n };\n MathUtil.min = function (v1, v2) {\n return v1 < v2 ? v1 : v2;\n };\n MathUtil.max = function (v1, v2) {\n return v1 > v2 ? v1 : v2;\n };\n return MathUtil;\n}());\n\n\n// CONCATENATED MODULE: ./src/module/form/pagination/pagination.service.ts\nvar pagination_service___decorate = (this && this.__decorate) || function (decorators, target, key, desc) {\n var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;\n if (typeof Reflect === \"object\" && typeof Reflect.decorate === \"function\") r = Reflect.decorate(decorators, target, key, desc);\n 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;\n return c > 3 && r && Object.defineProperty(target, key, r), r;\n};\nvar pagination_service___metadata = (this && this.__metadata) || function (k, v) {\n if (typeof Reflect === \"object\" && typeof Reflect.metadata === \"function\") return Reflect.metadata(k, v);\n};\n\n\nvar pagination_service_PaginationService = (function () {\n function PaginationService() {\n this.showSubject = new Subject[\"Subject\"]();\n this.emitSubject = new Subject[\"Subject\"]();\n this.resetSubject = new Subject[\"Subject\"]();\n this.showStream$ = this.showSubject.asObservable();\n this.emitStream$ = this.emitSubject.asObservable();\n this.resetStream$ = this.resetSubject.asObservable();\n }\n PaginationService.prototype.show = function (data) {\n this.model = data;\n console.warn('[>]PAG.show', data);\n this.showSubject.next(this.model);\n };\n PaginationService.prototype.emit = function () {\n if (this.model != null) {\n console.warn('[>]PAG.emit', this.model);\n this.emitSubject.next(this.model);\n }\n };\n PaginationService.prototype.reset = function () {\n if (this.model != null) {\n this.model.actual = 1;\n console.warn('[>]PAG.reset');\n this.resetSubject.next({});\n }\n };\n PaginationService = pagination_service___decorate([\n Object(core_es5[\"Injectable\"])(),\n pagination_service___metadata(\"design:paramtypes\", [])\n ], PaginationService);\n return PaginationService;\n}());\n\n\n// CONCATENATED MODULE: ./src/module/form/pagination/buttons/pagination.buttons.component.ts\nvar pagination_buttons_component___decorate = (this && this.__decorate) || function (decorators, target, key, desc) {\n var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;\n if (typeof Reflect === \"object\" && typeof Reflect.decorate === \"function\") r = Reflect.decorate(decorators, target, key, desc);\n 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;\n return c > 3 && r && Object.defineProperty(target, key, r), r;\n};\nvar pagination_buttons_component___metadata = (this && this.__metadata) || function (k, v) {\n if (typeof Reflect === \"object\" && typeof Reflect.metadata === \"function\") return Reflect.metadata(k, v);\n};\n\n\n\n\nvar pagination_buttons_component_PaginationButtonsComponent = (function () {\n function PaginationButtonsComponent(element, cdr, service) {\n this.element = element;\n this.cdr = cdr;\n this.service = service;\n this.dropdownMode = false;\n this.visible = false;\n this.showPrevBtn = false;\n this.showNextBtn = false;\n this.showPrevPortionBtn = false;\n this.showNextPortionBtn = false;\n }\n PaginationButtonsComponent.prototype.ngOnInit = function () {\n var _this = this;\n this.collectPageData();\n this.checkButtons();\n if (this.initTimer != null)\n this.initTimer.unsubscribe();\n this.initTimer = Observable[\"Observable\"].timer(1).take(1).subscribe(function () { return _this.checkSize(); });\n };\n PaginationButtonsComponent.prototype.ngAfterViewChecked = function () {\n var _this = this;\n if (this.initTimer != null)\n this.initTimer.unsubscribe();\n this.initTimer = Observable[\"Observable\"].timer(1).take(1).subscribe(function () { return _this.checkSize(); });\n };\n PaginationButtonsComponent.prototype.ngOnDestroy = function () {\n if (this.initTimer != null)\n this.initTimer.unsubscribe();\n this.initTimer = null;\n };\n PaginationButtonsComponent.prototype.reset = function () {\n if (this.service.model) {\n this.service.model.portion.start = 0;\n this.service.model.portion.actual = 0;\n }\n this.collectPageData();\n this.checkButtons();\n this.checkSize();\n this.cdr.markForCheck();\n };\n PaginationButtonsComponent.prototype.checkSize = function () {\n if (this.btns != null) {\n var hostW = this.element.nativeElement.getBoundingClientRect().width, total_1 = 0;\n this.btns.forEach(function (b) { return total_1 += b.nativeElement.getBoundingClientRect().width; });\n if (total_1 > hostW)\n this.dropdownOn(total_1);\n else if (hostW > this.beforeDropdownWidth)\n this.dropdownOff();\n }\n this.visible = true;\n this.cdr.markForCheck();\n };\n PaginationButtonsComponent.prototype.dropdownOn = function (total) {\n this.dropdownMode = true;\n this.beforeDropdownWidth = total;\n this.dropdownModel = [];\n if (this.service.model != null) {\n for (var i = 0; i < this.service.model.portion.total; i++)\n this.dropdownModel.push({ value: i + 1, label: 'strona #' + (i + 1) });\n }\n };\n PaginationButtonsComponent.prototype.dropdownOff = function () {\n this.dropdownMode = false;\n this.beforeDropdownWidth = NaN;\n this.dropdownModel = [];\n };\n PaginationButtonsComponent.prototype.dropdownSelectPage = function (page) {\n if (this.service.model) {\n if (this.service.model.actual != page.value) {\n this.service.model.actual = page.value;\n this.service.emit();\n this.checkButtons();\n }\n }\n };\n PaginationButtonsComponent.prototype.prevPage = function () {\n if (this.service.model) {\n var newActive = this.service.model.actual - 1;\n if (newActive <= this.service.model.portion.start)\n this.prevPortion();\n if (this.service.model.actual != newActive) {\n this.service.model.actual = newActive;\n this.service.emit();\n this.checkButtons();\n }\n }\n };\n PaginationButtonsComponent.prototype.nextPage = function () {\n if (this.service.model) {\n var newActive = this.service.model.actual + 1;\n if (newActive > this.service.model.portion.total)\n this.nextPortion();\n if (this.service.model.actual != newActive) {\n this.service.model.actual = newActive;\n this.service.emit();\n this.checkButtons();\n }\n }\n };\n PaginationButtonsComponent.prototype.prevPortion = function () {\n if (this.service.model != null) {\n this.service.model.portion.actual--;\n this.service.model.portion.start = this.service.model.portion.start - this.service.model.portion.size;\n this.collectPageData();\n this.checkButtons();\n this.click(this.pagesData[0]);\n }\n };\n PaginationButtonsComponent.prototype.nextPortion = function () {\n if (this.service.model != null) {\n this.service.model.portion.actual++;\n this.service.model.portion.start = this.service.model.portion.start + this.service.model.portion.size;\n this.collectPageData();\n this.checkButtons();\n this.click(this.pagesData[0]);\n }\n };\n PaginationButtonsComponent.prototype.click = function (page) {\n if (this.service.model) {\n if (page != null) {\n this.service.model.actual = page;\n this.service.emit();\n this.checkButtons();\n }\n }\n };\n PaginationButtonsComponent.prototype.collectPageData = function () {\n if (this.service.model) {\n this.pagesData = [];\n this.service.model.portion.size = MathUtil.min(this.service.model.size, this.service.model.max);\n this.service.model.portion.length = MathUtil.truncUp(this.service.model.total / this.service.model.size);\n this.service.model.portion.total =\n MathUtil.min(this.service.model.portion.size + this.service.model.portion.start, this.service.model.portion.length);\n for (var i = this.service.model.portion.start; i < this.service.model.portion.total; i++)\n this.pagesData.push((i + 1));\n }\n };\n PaginationButtonsComponent.prototype.checkButtons = function () {\n if (this.service.model) {\n var changed = false;\n var pb = this.service.model.actual > 1;\n if (this.showPrevBtn != pb) {\n this.showPrevBtn = pb;\n changed = true;\n }\n var ppb = this.service.model.portion.actual > 0;\n if (this.showPrevPortionBtn != ppb) {\n this.showPrevPortionBtn = ppb;\n changed = true;\n }\n var npb = this.service.model.portion.start + this.service.model.portion.size < this.service.model.portion.length;\n if (this.showNextPortionBtn != npb) {\n this.showNextPortionBtn = npb;\n changed = true;\n }\n var nb = this.service.model.actual < this.service.model.portion.length;\n if (this.showNextBtn != nb) {\n this.showNextBtn = nb;\n changed = true;\n }\n if (changed)\n this.cdr.markForCheck();\n }\n };\n var _a, _b, _c, _d;\n pagination_buttons_component___decorate([\n Object(core_es5[\"ViewChildren\"])('button'),\n pagination_buttons_component___metadata(\"design:type\", typeof (_a = typeof core_es5[\"QueryList\"] !== \"undefined\" && core_es5[\"QueryList\"]) === \"function\" && _a || Object)\n ], PaginationButtonsComponent.prototype, \"btns\", void 0);\n pagination_buttons_component___decorate([\n Object(core_es5[\"HostListener\"])('window:resize'),\n pagination_buttons_component___metadata(\"design:type\", Function),\n pagination_buttons_component___metadata(\"design:paramtypes\", []),\n pagination_buttons_component___metadata(\"design:returntype\", void 0)\n ], PaginationButtonsComponent.prototype, \"checkSize\", null);\n PaginationButtonsComponent = pagination_buttons_component___decorate([\n Object(core_es5[\"Component\"])({\n selector: 'pagination-btns',\n host: { '[class.dropdownMode]': 'dropdownMode' },\n changeDetection: core_es5[\"ChangeDetectionStrategy\"].OnPush,\n template: __webpack_require__(1366),\n styles: [__webpack_require__(1367)]\n }),\n pagination_buttons_component___metadata(\"design:paramtypes\", [typeof (_b = typeof core_es5[\"ElementRef\"] !== \"undefined\" && core_es5[\"ElementRef\"]) === \"function\" && _b || Object, typeof (_c = typeof core_es5[\"ChangeDetectorRef\"] !== \"undefined\" && core_es5[\"ChangeDetectorRef\"]) === \"function\" && _c || Object, typeof (_d = typeof pagination_service_PaginationService !== \"undefined\" && pagination_service_PaginationService) === \"function\" && _d || Object])\n ], PaginationButtonsComponent);\n return PaginationButtonsComponent;\n}());\n\n\n// CONCATENATED MODULE: ./src/module/form/pagination/bar/pagination.bar.component.ts\nvar pagination_bar_component___decorate = (this && this.__decorate) || function (decorators, target, key, desc) {\n var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;\n if (typeof Reflect === \"object\" && typeof Reflect.decorate === \"function\") r = Reflect.decorate(decorators, target, key, desc);\n 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;\n return c > 3 && r && Object.defineProperty(target, key, r), r;\n};\nvar pagination_bar_component___metadata = (this && this.__metadata) || function (k, v) {\n if (typeof Reflect === \"object\" && typeof Reflect.metadata === \"function\") return Reflect.metadata(k, v);\n};\n\n\n\n\nvar pagination_bar_component_PaginationBarComponent = (function () {\n function PaginationBarComponent(service, cdr) {\n var _this = this;\n this.service = service;\n this.cdr = cdr;\n this.service.showStream$.subscribe(function () {\n _this.cdr.markForCheck();\n });\n this.service.resetStream$.subscribe(function () {\n if (_this.buttons != null)\n _this.buttons.reset();\n _this.cdr.markForCheck();\n });\n }\n Object.defineProperty(PaginationBarComponent.prototype, \"formatActivePage\", {\n get: function () {\n return (this.service.model.actual - 1) * this.service.model.size;\n },\n enumerable: true,\n configurable: true\n });\n Object.defineProperty(PaginationBarComponent.prototype, \"formatPageMax\", {\n get: function () {\n var v = this.formatActivePage + this.service.model.size;\n return v < this.service.model.total ? v : this.service.model.total;\n },\n enumerable: true,\n configurable: true\n });\n Object.defineProperty(PaginationBarComponent.prototype, \"formatTotalPages\", {\n get: function () {\n return MathUtil.truncUp(this.service.model.total / this.service.model.size);\n },\n enumerable: true,\n configurable: true\n });\n var _a, _b, _c;\n pagination_bar_component___decorate([\n Object(core_es5[\"ViewChild\"])(pagination_buttons_component_PaginationButtonsComponent),\n pagination_bar_component___metadata(\"design:type\", typeof (_a = typeof pagination_buttons_component_PaginationButtonsComponent !== \"undefined\" && pagination_buttons_component_PaginationButtonsComponent) === \"function\" && _a || Object)\n ], PaginationBarComponent.prototype, \"buttons\", void 0);\n PaginationBarComponent = pagination_bar_component___decorate([\n Object(core_es5[\"Component\"])({\n selector: 'pagination-bar',\n template: __webpack_require__(1368),\n styles: [__webpack_require__(1369)],\n changeDetection: core_es5[\"ChangeDetectionStrategy\"].OnPush\n }),\n pagination_bar_component___metadata(\"design:paramtypes\", [typeof (_b = typeof pagination_service_PaginationService !== \"undefined\" && pagination_service_PaginationService) === \"function\" && _b || Object, typeof (_c = typeof core_es5[\"ChangeDetectorRef\"] !== \"undefined\" && core_es5[\"ChangeDetectorRef\"]) === \"function\" && _c || Object])\n ], PaginationBarComponent);\n return PaginationBarComponent;\n}());\n\n\n// CONCATENATED MODULE: ./src/module/form/pagination/size/pagination.size.component.ts\nvar pagination_size_component___decorate = (this && this.__decorate) || function (decorators, target, key, desc) {\n var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;\n if (typeof Reflect === \"object\" && typeof Reflect.decorate === \"function\") r = Reflect.decorate(decorators, target, key, desc);\n 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;\n return c > 3 && r && Object.defineProperty(target, key, r), r;\n};\nvar pagination_size_component___metadata = (this && this.__metadata) || function (k, v) {\n if (typeof Reflect === \"object\" && typeof Reflect.metadata === \"function\") return Reflect.metadata(k, v);\n};\n\n\n\nvar pagination_size_component_PaginationSizeComponent = (function () {\n function PaginationSizeComponent(service) {\n this.service = service;\n this.dir = DropdownListDirection.up;\n this.model = [\n { value: 10, label: '10 na stronę' },\n { value: 25, label: '25 na stronę' },\n { value: 50, label: '50 na stronę' },\n { value: 100, label: '100 na stronę' }\n ];\n }\n PaginationSizeComponent.prototype.onChange = function (i) {\n if (this.service.model != null) {\n this.service.model.size = parseInt(i.value);\n this.service.reset();\n this.service.emit();\n }\n };\n var _a;\n PaginationSizeComponent = pagination_size_component___decorate([\n Object(core_es5[\"Component\"])({\n selector: 'pagination-size',\n changeDetection: core_es5[\"ChangeDetectionStrategy\"].OnPush,\n template: '
',\n styles: [\n +':host /deep/ dropdown button,'\n + ':host /deep/ dropdown button.active,'\n + ':host /deep/ dropdown button:active,'\n + ':host /deep/ dropdown button:hover,'\n + ':host /deep/ dropdown button:focus'\n + ' { background: #fff !important; border-radius: 3px !important; box-shadow: none !important; outline: none !important;}'\n + ':host /deep/ dropdown button:not(.active) {border-color: transparent;}'\n ]\n }),\n pagination_size_component___metadata(\"design:paramtypes\", [typeof (_a = typeof pagination_service_PaginationService !== \"undefined\" && pagination_service_PaginationService) === \"function\" && _a || Object])\n ], PaginationSizeComponent);\n return PaginationSizeComponent;\n}());\n\n\n// CONCATENATED MODULE: ./src/module/form/rangeslider/rangeslider.component.ts\nvar rangeslider_component___decorate = (this && this.__decorate) || function (decorators, target, key, desc) {\n var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;\n if (typeof Reflect === \"object\" && typeof Reflect.decorate === \"function\") r = Reflect.decorate(decorators, target, key, desc);\n 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;\n return c > 3 && r && Object.defineProperty(target, key, r), r;\n};\nvar rangeslider_component___metadata = (this && this.__metadata) || function (k, v) {\n if (typeof Reflect === \"object\" && typeof Reflect.metadata === \"function\") return Reflect.metadata(k, v);\n};\n\nvar rangeslider_component_RangesliderComponent = (function () {\n function RangesliderComponent() {\n this.showLabels = true;\n this.disabled = false;\n this.valueChange = new core_es5[\"EventEmitter\"]();\n this.onBlur = new core_es5[\"EventEmitter\"]();\n this.onMouseUp = new core_es5[\"EventEmitter\"]();\n }\n RangesliderComponent.prototype.ngChange = function (value) {\n this.value = value;\n this.valueChange.next(this.value);\n };\n RangesliderComponent.prototype.ngBlur = function (value) {\n this.value = value;\n this.onBlur.emit(this.value);\n };\n RangesliderComponent.prototype.ngMouseUp = function (value) {\n this.value = value;\n this.onMouseUp.emit(this.value);\n };\n var _a;\n rangeslider_component___decorate([\n Object(core_es5[\"ViewChild\"])('input'),\n rangeslider_component___metadata(\"design:type\", typeof (_a = typeof core_es5[\"ElementRef\"] !== \"undefined\" && core_es5[\"ElementRef\"]) === \"function\" && _a || Object)\n ], RangesliderComponent.prototype, \"input\", void 0);\n rangeslider_component___decorate([\n Object(core_es5[\"HostBinding\"])('class.disabled'),\n rangeslider_component___metadata(\"design:type\", Object)\n ], RangesliderComponent.prototype, \"disabled\", void 0);\n RangesliderComponent = rangeslider_component___decorate([\n Object(core_es5[\"Component\"])({\n selector: 'rangeslider',\n inputs: ['value', 'min', 'max', 'step', 'showLabels', 'disabled'],\n outputs: ['valueChange', 'onBlur', 'onMouseUp'],\n template: ''\n + '
'\n + '
'\n + ' {{min}} '\n + ' {{value}} '\n + ' {{max}} '\n + '
',\n styles: [__webpack_require__(1370)],\n changeDetection: core_es5[\"ChangeDetectionStrategy\"].OnPush\n }),\n rangeslider_component___metadata(\"design:paramtypes\", [])\n ], RangesliderComponent);\n return RangesliderComponent;\n}());\n\n\n// CONCATENATED MODULE: ./src/module/form/search/search.component.ts\nvar search_component___decorate = (this && this.__decorate) || function (decorators, target, key, desc) {\n var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;\n if (typeof Reflect === \"object\" && typeof Reflect.decorate === \"function\") r = Reflect.decorate(decorators, target, key, desc);\n 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;\n return c > 3 && r && Object.defineProperty(target, key, r), r;\n};\nvar search_component___metadata = (this && this.__metadata) || function (k, v) {\n if (typeof Reflect === \"object\" && typeof Reflect.metadata === \"function\") return Reflect.metadata(k, v);\n};\n\n\n\nvar SearchComponentMode;\n(function (SearchComponentMode) {\n SearchComponentMode[SearchComponentMode[\"INPUT\"] = 0] = \"INPUT\";\n SearchComponentMode[SearchComponentMode[\"SEARCH\"] = 1] = \"SEARCH\";\n SearchComponentMode[SearchComponentMode[\"LIVE_SEARCH\"] = 2] = \"LIVE_SEARCH\";\n})(SearchComponentMode || (SearchComponentMode = {}));\nvar SearchComponentState;\n(function (SearchComponentState) {\n SearchComponentState[SearchComponentState[\"NORMAL_STATE\"] = 0] = \"NORMAL_STATE\";\n SearchComponentState[SearchComponentState[\"CHOOSE_STATE\"] = 1] = \"CHOOSE_STATE\";\n})(SearchComponentState || (SearchComponentState = {}));\nvar search_component_HTML = ''\n + '
'\n + '';\nvar STYLE = ':host {}'\n + '.dropdown-menu{z-index: 10000;width: 100%;text-align: center;}'\n + '.dropdown-menu .dropdown-item {width: inherit;overflow: hidden;white-space: nowrap;height: 24px;'\n + 'line-height: 24px;text-align: center;}'\n + '.dropdown-menu .dropdown-item.selected a{ background: #edf0f5; }'\n + 'input{border-top-color: #FFF !important;border-left-color: #FFF !important;border-right-color: #FFF !important;'\n + 'border-radius: 0 !important;}'\n + '.CHOOSE_STATE input{border-bottom-color: #455a64 !important; }.CHOOSE_STATE .input-icon{color: #455a64; }'\n + '.NORMAL_STATE input{border-bottom-color: #e2e7eb; !important; }.NORMAL_STATE .input-icon{color: #e2e7eb; }'\n + '.with-icon input{padding-left: 30px;}'\n + '.with-clear input {padding-right: 25px;}'\n + '.input-icon, .input-clear{position: absolute;top: 0;z-index: 4;display: block;width: 30px;'\n + 'height: 30px;line-height: 30px;text-align: center;}'\n + '.input-icon{left:0;}.input-clear{right: 0;}'\n + '.input-clear:hover, .input-clear:focus { text-decoration: none !important; }';\nvar search_component_SearchComponent = (function () {\n function SearchComponent(element, renderer) {\n this.element = element;\n this.renderer = renderer;\n this.showClear = true;\n this.tabindex = -1;\n this.autofocus = false;\n this.open = false;\n this.modelChange = new core_es5[\"EventEmitter\"]();\n this.onChoose = new core_es5[\"EventEmitter\"]();\n this.onEnter = new core_es5[\"EventEmitter\"]();\n this.onBlur = new core_es5[\"EventEmitter\"]();\n this.modes = SearchComponentMode;\n this.preloader = false;\n this.notfound = false;\n this.dropdownFocus = false;\n this.selectedResult = 0;\n this.state = SearchComponentState.NORMAL_STATE;\n this.mode = this.modes.INPUT;\n }\n SearchComponent.prototype.ngOnChanges = function (changes) {\n if (changes.hasOwnProperty('model')) {\n if (changes['model'].isFirstChange())\n this.firstModel = this.model;\n if (changes['model'].currentValue == null || changes['model'].currentValue == '') {\n if (this.state != SearchComponentState.NORMAL_STATE)\n this.state = SearchComponentState.NORMAL_STATE;\n }\n else {\n if (this.state != SearchComponentState.CHOOSE_STATE)\n this.state = SearchComponentState.CHOOSE_STATE;\n }\n }\n };\n SearchComponent.prototype.ngOnDestroy = function () {\n this.close();\n this.searchKill();\n this.blurKill();\n if (!isNaN(this.scrollTickId))\n window.cancelAnimationFrame(this.scrollTickId);\n this.scrollTickId = NaN;\n };\n SearchComponent.prototype.onSearchNotFound = function () {\n this.selectedResult = -1;\n this.notfound = true;\n this.results = null;\n };\n SearchComponent.prototype.onSearchFound = function (data) {\n this.notfound = false;\n this.results = data;\n };\n SearchComponent.prototype.onSearchSuccess = function () {\n this.selectedResult = 0;\n this.preloader = false;\n this.scroll();\n };\n SearchComponent.prototype.onSearchFail = function () {\n this.close();\n };\n SearchComponent.prototype.ngStateClass = function () {\n var _a;\n return _a = {}, _a[SearchComponentState[this.state]] = true, _a;\n };\n SearchComponent.prototype.ngIcon = function () {\n var _a;\n return _a = {}, _a[this.icon] = true, _a;\n };\n SearchComponent.prototype.scroll = function () {\n var _this = this;\n if (this.isOpen == true) {\n if (isNaN(this.scrollTickId)) {\n this.scrollTickId = window.requestAnimationFrame(function () {\n window.cancelAnimationFrame(_this.scrollTickId);\n _this.scrollTickId = NaN;\n _this.checkUp();\n });\n }\n }\n };\n SearchComponent.prototype.ngChange = function (value) {\n if (this.model != value) {\n this.model = value;\n if (this.mode == SearchComponentMode.INPUT) {\n this.open = false;\n this.modelChange.emit(this.model);\n }\n else if (this.mode == SearchComponentMode.SEARCH || this.mode == SearchComponentMode.LIVE_SEARCH) {\n this.searchKill();\n this.searchStart();\n }\n }\n };\n SearchComponent.prototype.ngBlur = function (e) {\n var _this = this;\n dom_util[\"a\" /* DOMUtil */].stopPropagation(e);\n this.onBlur.emit(this.model);\n if (this.firstModel == null && this.model == null)\n return;\n this.blurKill();\n if (this.open == true) {\n this.clearTimer = Observable[\"Observable\"].timer(250).subscribe(function () {\n _this.blurKill();\n if (!_this.dropdownFocus)\n _this.clear();\n _this.dropdownFocus = false;\n });\n }\n };\n SearchComponent.prototype.ngEnter = function (e) {\n dom_util[\"a\" /* DOMUtil */].stopPropagation(e);\n if (this.selectedResult > -1 && this.isOpen == true && this.results) {\n this.ngChoose(this.results[this.selectedResult]);\n }\n else {\n this.onEnter.emit(this.model);\n }\n };\n SearchComponent.prototype.ngArrowUp = function (e) {\n if (this.list != null && this.selectedResult != null && this.results != null && this.results.length > 0) {\n dom_util[\"a\" /* DOMUtil */].stopPropagation(e);\n if (this.selectedResult > 0)\n this.selectedResult--;\n this.renderer.setProperty(this.list.nativeElement, 'scrollTop', this.list.nativeElement.scrollTop -= 30);\n }\n };\n SearchComponent.prototype.ngArrowDown = function (e) {\n if (this.list != null && this.selectedResult != null && this.results != null && this.results.length > 0) {\n dom_util[\"a\" /* DOMUtil */].stopPropagation(e);\n if (this.selectedResult < this.results.length - 1)\n this.selectedResult++;\n this.renderer.setProperty(this.list.nativeElement, 'scrollTop', this.list.nativeElement.scrollTop += 30);\n }\n };\n SearchComponent.prototype.searchStart = function () {\n var _this = this;\n this.searchTimer = Observable[\"Observable\"].timer(250).subscribe(function () {\n _this.searchKill();\n _this.notfound = false;\n _this.open = _this.preloader = (_this.mode == _this.modes.LIVE_SEARCH);\n _this.modelChange.emit(_this.model);\n });\n };\n SearchComponent.prototype.searchKill = function () {\n if (this.searchTimer != null && !this.searchTimer.closed)\n this.searchTimer.unsubscribe();\n this.searchTimer = null;\n };\n SearchComponent.prototype.blurKill = function () {\n if (this.clearTimer != null && !this.clearTimer.closed)\n this.clearTimer.unsubscribe();\n this.clearTimer = null;\n };\n SearchComponent.prototype.ngChoose = function (item) {\n if (item != null) {\n if (this.formatResult != null)\n this.model = this.formatResult(item);\n this.onChoose.emit(item);\n }\n this.close();\n this.dropdownFocus = true;\n };\n SearchComponent.prototype.clear = function () {\n this.state = SearchComponentState.NORMAL_STATE;\n this.model = undefined;\n this.modelChange.emit(this.model);\n this.onChoose.emit(this.model);\n this.close();\n };\n SearchComponent.prototype.close = function () {\n if (this.open != false) {\n this.dropdownFocus = false;\n this.open = false;\n this.isOpen = false;\n this.preloader = false;\n this.notfound = false;\n this.results = null;\n this.firstModel = undefined;\n }\n };\n SearchComponent.prototype.checkUp = function () {\n var bcr = this.element.nativeElement.getBoundingClientRect();\n var vph = document.body.clientHeight;\n this.up = bcr.bottom + (bcr.height >> 1) > (vph >> 1);\n };\n var _a, _b, _c, _d;\n search_component___decorate([\n Object(core_es5[\"ViewChild\"])('input'),\n search_component___metadata(\"design:type\", typeof (_a = typeof core_es5[\"ElementRef\"] !== \"undefined\" && core_es5[\"ElementRef\"]) === \"function\" && _a || Object)\n ], SearchComponent.prototype, \"input\", void 0);\n search_component___decorate([\n Object(core_es5[\"ViewChild\"])('list'),\n search_component___metadata(\"design:type\", typeof (_b = typeof core_es5[\"ElementRef\"] !== \"undefined\" && core_es5[\"ElementRef\"]) === \"function\" && _b || Object)\n ], SearchComponent.prototype, \"list\", void 0);\n SearchComponent = search_component___decorate([\n Object(core_es5[\"Component\"])({\n selector: 'search-component',\n host: { '[class.dropup]': 'up', '[class.dropdown]': '!up', '[class.open]': 'open', '(document:scroll)': 'scroll()' },\n template: search_component_HTML, styles: [STYLE],\n inputs: ['formatResult', 'icon', 'label', 'placeholder', 'showClear', 'mode', 'state', 'model',\n 'tabindex', 'autofocus'],\n outputs: ['modelChange', 'onEnter', 'onBlur', 'onChoose']\n }),\n search_component___metadata(\"design:paramtypes\", [typeof (_c = typeof core_es5[\"ElementRef\"] !== \"undefined\" && core_es5[\"ElementRef\"]) === \"function\" && _c || Object, typeof (_d = typeof core_es5[\"Renderer2\"] !== \"undefined\" && core_es5[\"Renderer2\"]) === \"function\" && _d || Object])\n ], SearchComponent);\n return SearchComponent;\n}());\n\n\n// CONCATENATED MODULE: ./src/module/form/singlechoice/singlechoice.input.component.ts\nvar singlechoice_input_component___decorate = (this && this.__decorate) || function (decorators, target, key, desc) {\n var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;\n if (typeof Reflect === \"object\" && typeof Reflect.decorate === \"function\") r = Reflect.decorate(decorators, target, key, desc);\n 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;\n return c > 3 && r && Object.defineProperty(target, key, r), r;\n};\nvar singlechoice_input_component___metadata = (this && this.__metadata) || function (k, v) {\n if (typeof Reflect === \"object\" && typeof Reflect.metadata === \"function\") return Reflect.metadata(k, v);\n};\n\nvar singlechoice_input_component_SinglechoiceInputComponent = (function () {\n function SinglechoiceInputComponent() {\n this.valueChange = new core_es5[\"EventEmitter\"]();\n }\n SinglechoiceInputComponent.prototype.isItemChecked = function (item) {\n return this.value == item;\n };\n SinglechoiceInputComponent.prototype.onChange = function (item, enable) {\n this.value = (enable) ? item : null;\n this.valueChange.emit(this.value);\n };\n singlechoice_input_component___decorate([\n Object(core_es5[\"Input\"])(),\n singlechoice_input_component___metadata(\"design:type\", String)\n ], SinglechoiceInputComponent.prototype, \"name\", void 0);\n singlechoice_input_component___decorate([\n Object(core_es5[\"Input\"])(),\n singlechoice_input_component___metadata(\"design:type\", String)\n ], SinglechoiceInputComponent.prototype, \"model\", void 0);\n singlechoice_input_component___decorate([\n Object(core_es5[\"Input\"])(),\n singlechoice_input_component___metadata(\"design:type\", String)\n ], SinglechoiceInputComponent.prototype, \"value\", void 0);\n singlechoice_input_component___decorate([\n Object(core_es5[\"Output\"])(),\n singlechoice_input_component___metadata(\"design:type\", Object)\n ], SinglechoiceInputComponent.prototype, \"valueChange\", void 0);\n SinglechoiceInputComponent = singlechoice_input_component___decorate([\n Object(core_es5[\"Component\"])({\n selector: 'singlechoice-input',\n template: __webpack_require__(1371),\n styles: [__webpack_require__(1372)],\n }),\n singlechoice_input_component___metadata(\"design:paramtypes\", [])\n ], SinglechoiceInputComponent);\n return SinglechoiceInputComponent;\n}());\n\n\n// CONCATENATED MODULE: ./src/module/form/switch/switch.component.ts\nvar switch_component___decorate = (this && this.__decorate) || function (decorators, target, key, desc) {\n var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;\n if (typeof Reflect === \"object\" && typeof Reflect.decorate === \"function\") r = Reflect.decorate(decorators, target, key, desc);\n 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;\n return c > 3 && r && Object.defineProperty(target, key, r), r;\n};\nvar switch_component___metadata = (this && this.__metadata) || function (k, v) {\n if (typeof Reflect === \"object\" && typeof Reflect.metadata === \"function\") return Reflect.metadata(k, v);\n};\n\nvar switch_component_HTML = ''\n + '
{{labelLeft[checked?\\'on\\':\\'off\\']}} '\n + '
'\n + '
{{labelRight[checked?\\'on\\':\\'off\\']}} ';\nvar switch_component_STYLE = '' +\n ':host {cursor: pointer;}' +\n ':host span {vertical-align: top;}' +\n ':host .switch-label {font-size:inherit;color: inherit;white-space: nowrap;padding:0;}' +\n ':host .switch {display: inline-block;position: relative;background: #fff;border: 1px solid #dfdfdf;' +\n 'box-sizing: content-box;overflow: visible;padding: 0;margin: 0;box-shadow: rgb(223, 223, 223) 0 0 0 0 inset;' +\n 'transition: 0.3s ease-out all;-webkit-transition: 0.3s ease-out all;}' +\n ':host .switch small {background: #fff;border-radius: 100%;box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);' +\n 'position: absolute;top: 0;left: 0;transition: 0.3s ease-out all;-webkit-transition: 0.3s ease-out all;}' +\n ':host.large .switch-label {height: 42px;line-height: 42px;}' +\n ':host.large .switch {width: 66px;height: 40px;line-height: 40px;border-radius: 40px;}' +\n ':host.large .switch small {width: 40px;height: inherit;}' +\n ':host.medium .switch-label {height: 32px;line-height: 32px;}' +\n ':host.medium .switch {width: 50px;height: 30px;line-height: 30px;border-radius: 30px;}' +\n ':host.medium .switch small {width: 30px;height: inherit;}' +\n ':host.small .switch-label {height: 22px;line-height: 22px;}' +\n ':host.small .switch {width: 33px;height: 20px;line-height: 20px;border-radius: 20px;}' +\n ':host.small .switch small {width: 20px;height: inherit;}' +\n ':host.xsmall .switch-label {height: 14px;line-height: 14px;}' +\n ':host.xsmall .switch {width: 25px;height: 12px;line-height: 12px;border-radius: 12px;}' +\n ':host.xsmall .switch small {width: 12px;height: inherit;}' +\n ':host.checked .switch {background: #FAD600;border-color: #FAD600;}' +\n ':host.large.checked .switch small {left: 26px;}' +\n ':host.medium.checked .switch small {left: 20px;}' +\n ':host.small.checked .switch small {left: 13px;}' +\n ':host.xsmall.checked .switch small {left: 12px;}' +\n ':host.disabled {opacity: .50;cursor: not-allowed;}';\nvar switch_component_SwitchComponent = (function () {\n function SwitchComponent(cdr) {\n this.cdr = cdr;\n this.size = 'medium';\n this.checkedChange = new core_es5[\"EventEmitter\"]();\n }\n SwitchComponent.prototype.ngOnChanges = function (changes) {\n if (changes.hasOwnProperty('checked')\n || changes.hasOwnProperty('disabled')\n || changes.hasOwnProperty('size')\n || changes.hasOwnProperty('labelLeft')\n || changes.hasOwnProperty('labelRight')) {\n this.cdr.markForCheck();\n }\n };\n SwitchComponent.prototype.onToggle = function () {\n if (this.disabled)\n return;\n this.checkedChange.emit(!this.checked);\n this.cdr.markForCheck();\n };\n var _a;\n SwitchComponent = switch_component___decorate([\n Object(core_es5[\"Component\"])({\n selector: 'switch',\n host: {\n '(click)': 'onToggle()',\n '[class.disabled]': 'disabled',\n '[class.checked]': 'checked',\n '[class.large]': 'size === \"large\"',\n '[class.medium]': 'size === \"medium\"',\n '[class.small]': 'size === \"small\"',\n '[class.xsmall]': 'size === \"xsmall\"'\n },\n template: switch_component_HTML,\n styles: [switch_component_STYLE],\n inputs: ['checked', 'disabled', 'size', 'labelLeft', 'labelRight'],\n outputs: ['checkedChange'],\n changeDetection: core_es5[\"ChangeDetectionStrategy\"].OnPush\n }),\n switch_component___metadata(\"design:paramtypes\", [typeof (_a = typeof core_es5[\"ChangeDetectorRef\"] !== \"undefined\" && core_es5[\"ChangeDetectorRef\"]) === \"function\" && _a || Object])\n ], SwitchComponent);\n return SwitchComponent;\n}());\n\n\n// CONCATENATED MODULE: ./src/module/form/upload/file/upload.file.service.ts\nvar upload_file_service___decorate = (this && this.__decorate) || function (decorators, target, key, desc) {\n var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;\n if (typeof Reflect === \"object\" && typeof Reflect.decorate === \"function\") r = Reflect.decorate(decorators, target, key, desc);\n 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;\n return c > 3 && r && Object.defineProperty(target, key, r), r;\n};\nvar upload_file_service___metadata = (this && this.__metadata) || function (k, v) {\n if (typeof Reflect === \"object\" && typeof Reflect.metadata === \"function\") return Reflect.metadata(k, v);\n};\n\n\nvar upload_file_service_UploadFileService = (function () {\n function UploadFileService() {\n var _this = this;\n this.loadedFile = function () {\n if (_this.reader) {\n _this.data = _this.reader.result;\n if (_this.readSubject)\n _this.readSubject.next(_this.data);\n _this.reader = null;\n }\n };\n }\n UploadFileService.prototype.addFile = function (f, onComplete) {\n this.destroy();\n this.readSubject = new Subject[\"Subject\"]();\n this.readStream$ = this.readSubject.asObservable();\n this.readStream$.subscribe(function (data) { return onComplete(data); });\n this.file = f;\n this.readFile();\n };\n UploadFileService.prototype.readFile = function () {\n if (this.file) {\n this.reader = new FileReader();\n this.reader.addEventListener('load', this.loadedFile, false);\n this.reader.readAsDataURL(this.file);\n }\n };\n UploadFileService.prototype.destroy = function () {\n if (this.readSubject != null)\n this.readSubject.unsubscribe();\n this.readSubject = null;\n this.readStream$ = null;\n this.file = null;\n this.data = null;\n if (this.reader != null) {\n this.reader.abort();\n this.reader.removeEventListener('load', this.loadedFile);\n }\n };\n UploadFileService = upload_file_service___decorate([\n Object(core_es5[\"Injectable\"])(),\n upload_file_service___metadata(\"design:paramtypes\", [])\n ], UploadFileService);\n return UploadFileService;\n}());\n\n\n// CONCATENATED MODULE: ./src/module/form/upload/file/upload.file.component.ts\nvar upload_file_component___decorate = (this && this.__decorate) || function (decorators, target, key, desc) {\n var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;\n if (typeof Reflect === \"object\" && typeof Reflect.decorate === \"function\") r = Reflect.decorate(decorators, target, key, desc);\n 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;\n return c > 3 && r && Object.defineProperty(target, key, r), r;\n};\nvar upload_file_component___metadata = (this && this.__metadata) || function (k, v) {\n if (typeof Reflect === \"object\" && typeof Reflect.metadata === \"function\") return Reflect.metadata(k, v);\n};\n\n\n\nvar upload_file_component_UploadFileComponent = (function () {\n function UploadFileComponent(renderer, service, cdr) {\n this.renderer = renderer;\n this.service = service;\n this.cdr = cdr;\n this.fileChange = new core_es5[\"EventEmitter\"]();\n this.isDragOver = false;\n }\n UploadFileComponent.prototype.ngOnDestroy = function () {\n this.service.destroy();\n };\n UploadFileComponent.prototype.onDragOver = function (e) {\n dom_util[\"a\" /* DOMUtil */].stopPropagation(e);\n this.isDragOver = true;\n return false;\n };\n UploadFileComponent.prototype.onDragLeave = function (e) {\n dom_util[\"a\" /* DOMUtil */].stopPropagation(e);\n this.isDragOver = false;\n return false;\n };\n UploadFileComponent.prototype.onDrop = function (e) {\n dom_util[\"a\" /* DOMUtil */].stopPropagation(e);\n if (e && e.dataTransfer && e.dataTransfer.files && e.dataTransfer.files.length > 0)\n this.addFile(e.dataTransfer.files.item(0));\n return false;\n };\n UploadFileComponent.prototype.onBrowse = function (e) {\n dom_util[\"a\" /* DOMUtil */].stopPropagation(e);\n if (this.browse)\n this.browse.nativeElement.click();\n else\n throw new Error('No `browse` element in upload.image.component');\n return false;\n };\n UploadFileComponent.prototype.onFileBrowse = function () {\n if (this.browse && this.browse.nativeElement && this.browse.nativeElement.files\n && this.browse.nativeElement.files.length > 0)\n this.addFile(this.browse.nativeElement.files.item(0));\n };\n UploadFileComponent.prototype.onRemove = function () {\n if (this.browse && this.browse.nativeElement)\n this.renderer.setProperty(this.browse.nativeElement, 'value', null);\n this.service.destroy();\n this.previewData(null);\n };\n UploadFileComponent.prototype.addFile = function (file) {\n var _this = this;\n this.service.addFile(file, function (data) { return _this.previewData(data); });\n };\n UploadFileComponent.prototype.previewData = function (data) {\n this.fileData = data;\n if (this.fileData != null)\n this.renderer.addClass(this.preview.nativeElement, 'visible');\n else\n this.renderer.removeClass(this.preview.nativeElement, 'visible');\n this.fileMessage = 'fileMessage';\n this.cdr.markForCheck();\n this.fileChange.emit(data);\n };\n var _a, _b, _c, _d, _e;\n upload_file_component___decorate([\n Object(core_es5[\"ViewChild\"])('browse'),\n upload_file_component___metadata(\"design:type\", typeof (_a = typeof core_es5[\"ElementRef\"] !== \"undefined\" && core_es5[\"ElementRef\"]) === \"function\" && _a || Object)\n ], UploadFileComponent.prototype, \"browse\", void 0);\n upload_file_component___decorate([\n Object(core_es5[\"ViewChild\"])('preview'),\n upload_file_component___metadata(\"design:type\", typeof (_b = typeof core_es5[\"ElementRef\"] !== \"undefined\" && core_es5[\"ElementRef\"]) === \"function\" && _b || Object)\n ], UploadFileComponent.prototype, \"preview\", void 0);\n UploadFileComponent = upload_file_component___decorate([\n Object(core_es5[\"Component\"])({\n selector: 'upload-file',\n host: {\n '[class.hover]': 'isDragOver',\n '(dragover)': 'onDragOver($event)',\n '(dragleave)': 'onDragLeave($event)',\n '(drop)': 'onDrop($event)'\n },\n outputs: ['fileChange'],\n viewProviders: [upload_file_service_UploadFileService],\n template: __webpack_require__(1373),\n styles: [__webpack_require__(1374)]\n }),\n upload_file_component___metadata(\"design:paramtypes\", [typeof (_c = typeof core_es5[\"Renderer2\"] !== \"undefined\" && core_es5[\"Renderer2\"]) === \"function\" && _c || Object, typeof (_d = typeof upload_file_service_UploadFileService !== \"undefined\" && upload_file_service_UploadFileService) === \"function\" && _d || Object, typeof (_e = typeof core_es5[\"ChangeDetectorRef\"] !== \"undefined\" && core_es5[\"ChangeDetectorRef\"]) === \"function\" && _e || Object])\n ], UploadFileComponent);\n return UploadFileComponent;\n}());\n\n\n// CONCATENATED MODULE: ./src/module/form/upload/image/upload.image.service.ts\nvar upload_image_service___decorate = (this && this.__decorate) || function (decorators, target, key, desc) {\n var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;\n if (typeof Reflect === \"object\" && typeof Reflect.decorate === \"function\") r = Reflect.decorate(decorators, target, key, desc);\n 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;\n return c > 3 && r && Object.defineProperty(target, key, r), r;\n};\nvar upload_image_service___metadata = (this && this.__metadata) || function (k, v) {\n if (typeof Reflect === \"object\" && typeof Reflect.metadata === \"function\") return Reflect.metadata(k, v);\n};\n\n\nvar upload_image_service_UploadImageService = (function () {\n function UploadImageService() {\n var _this = this;\n this.loadedFile = function () {\n if (_this.reader) {\n _this.data = _this.reader.result;\n if (_this.readSubject)\n _this.readSubject.next(_this.data);\n _this.reader = null;\n }\n };\n }\n UploadImageService.prototype.addBase64 = function (base64, onComplete) {\n this.destroy();\n this.readSubject = new Subject[\"Subject\"]();\n this.readStream$ = this.readSubject.asObservable();\n this.readStream$.subscribe(function (data) { return onComplete(data); });\n this.data = base64;\n this.readSubject.next(this.data);\n this.reader = null;\n };\n UploadImageService.prototype.addFile = function (f, onComplete) {\n this.destroy();\n this.readSubject = new Subject[\"Subject\"]();\n this.readStream$ = this.readSubject.asObservable();\n this.readStream$.subscribe(function (data) { return onComplete(data); });\n this.file = f;\n this.readFile();\n };\n UploadImageService.prototype.readFile = function () {\n if (this.file) {\n this.reader = new FileReader();\n this.reader.addEventListener('load', this.loadedFile, false);\n this.reader.readAsDataURL(this.file);\n }\n };\n UploadImageService.prototype.destroy = function () {\n if (this.readSubject != null)\n this.readSubject.unsubscribe();\n this.readSubject = null;\n this.readStream$ = null;\n if (this.resampleSubject != null)\n this.resampleSubject.unsubscribe();\n this.resampleSubject = null;\n this.resampleStream$ = null;\n this.file = null;\n this.data = null;\n if (this.reader != null) {\n this.reader.abort();\n this.reader.removeEventListener('load', this.loadedFile);\n }\n this.reader = null;\n };\n UploadImageService.prototype.resample = function (imageData, percentValue, minWidth, minHeight) {\n var _this = this;\n if (percentValue === void 0) { percentValue = 1; }\n if (this.resampleSubject != null)\n this.resampleSubject.unsubscribe();\n this.resampleSubject = new Subject[\"Subject\"]();\n this.resampleStream$ = this.resampleSubject.asObservable();\n var image = document.createElement('img');\n image.onload = function (e) {\n var canvas = document.createElement('canvas');\n var percent = percentValue / 100;\n var newW = (image.width * percent) | 0;\n var newH = (image.width * percent) | 0;\n if (minWidth != null)\n newW = newW < minWidth ? minWidth : newW;\n if (minHeight != null)\n newH = newH < minHeight ? minHeight : newH;\n if (image.width > image.height) {\n if (image.width > newW) {\n image.height *= newW / image.width;\n image.width = newW;\n }\n }\n else {\n if (image.height > newH) {\n image.width *= newH / image.height;\n image.height = newH;\n }\n }\n canvas.width = image.width;\n canvas.height = image.height;\n var ctx = canvas.getContext('2d');\n if (ctx)\n ctx.drawImage(image, 0, 0, image.width, image.height);\n var data = canvas.toDataURL();\n if (_this.resampleSubject)\n _this.resampleSubject.next(data);\n };\n image.src = imageData;\n return this.resampleStream$;\n };\n UploadImageService = upload_image_service___decorate([\n Object(core_es5[\"Injectable\"])(),\n upload_image_service___metadata(\"design:paramtypes\", [])\n ], UploadImageService);\n return UploadImageService;\n}());\n\n\n// CONCATENATED MODULE: ./src/module/form/upload/image/upload.image.component.ts\nvar upload_image_component___decorate = (this && this.__decorate) || function (decorators, target, key, desc) {\n var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;\n if (typeof Reflect === \"object\" && typeof Reflect.decorate === \"function\") r = Reflect.decorate(decorators, target, key, desc);\n 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;\n return c > 3 && r && Object.defineProperty(target, key, r), r;\n};\nvar upload_image_component___metadata = (this && this.__metadata) || function (k, v) {\n if (typeof Reflect === \"object\" && typeof Reflect.metadata === \"function\") return Reflect.metadata(k, v);\n};\n\n\n\nvar upload_image_component_UploadImageComponent = (function () {\n function UploadImageComponent(renderer, service, cdr) {\n this.renderer = renderer;\n this.service = service;\n this.cdr = cdr;\n this.imageChange = new core_es5[\"EventEmitter\"]();\n this.isDragOver = false;\n this.resample = false;\n this.resampleSizeValue = 100;\n this.maxSizeCallback = new core_es5[\"EventEmitter\"]();\n }\n UploadImageComponent.prototype.ngAfterViewInit = function () {\n var _this = this;\n if (this.imageData != null)\n this.service.addBase64(this.imageData, function (data) { return _this.previewData(data); });\n };\n UploadImageComponent.prototype.ngOnDestroy = function () {\n this.service.destroy();\n };\n UploadImageComponent.prototype.onDragOver = function (e) {\n dom_util[\"a\" /* DOMUtil */].stopPropagation(e);\n this.isDragOver = true;\n return false;\n };\n UploadImageComponent.prototype.onDragLeave = function (e) {\n dom_util[\"a\" /* DOMUtil */].stopPropagation(e);\n this.isDragOver = false;\n return false;\n };\n UploadImageComponent.prototype.onDrop = function (e) {\n dom_util[\"a\" /* DOMUtil */].stopPropagation(e);\n if (e && e.dataTransfer && e.dataTransfer.files && e.dataTransfer.files.length > 0)\n this.addFile(e.dataTransfer.files.item(0));\n return false;\n };\n UploadImageComponent.prototype.onChange = function (e) {\n this.originalImageData = null;\n this.originalImageWidth = null;\n this.resampleSizeValue = 100;\n this.onBrowse(e);\n return false;\n };\n UploadImageComponent.prototype.onBrowse = function (e) {\n dom_util[\"a\" /* DOMUtil */].stopPropagation(e);\n if (this.browse)\n this.browse.nativeElement.click();\n else\n throw new Error('No `browse` element in upload.image.component');\n return false;\n };\n UploadImageComponent.prototype.onFileBrowse = function () {\n if (this.browse && this.browse.nativeElement && this.browse.nativeElement.files\n && this.browse.nativeElement.files.length > 0) {\n this.addFile(this.browse.nativeElement.files.item(0));\n }\n };\n UploadImageComponent.prototype.onRemove = function () {\n this.imageData = null;\n this.originalImageData = null;\n this.originalImageWidth = null;\n this.resampleSizeValue = 100;\n if (this.browse && this.browse.nativeElement)\n this.renderer.setProperty(this.browse.nativeElement, 'value', null);\n this.service.destroy();\n this.previewData(null);\n this.cdr.markForCheck();\n };\n UploadImageComponent.prototype.onResampleImage = function (percentValue) {\n var _this = this;\n this.resampleSizeValue = percentValue;\n if (this.minWidth && this.minHeight)\n this.service.resample(this.originalImageData, this.resampleSizeValue, this.minWidth, this.minHeight)\n .subscribe(function (data) { return _this.previewData(data); });\n };\n UploadImageComponent.prototype.onResamplePreview = function (percentValue) {\n this.resampleSizeValue = percentValue;\n var p = percentValue / 100;\n if (this.originalImageWidth != null && this.minWidth) {\n var w = (this.originalImageWidth * p) | 0;\n this.renderer.setStyle(this.preview.nativeElement, 'width', (w < this.minWidth ? this.minWidth : w) + 'px');\n }\n else {\n this.renderer.setStyle(this.preview.nativeElement, 'width', 'null');\n }\n };\n UploadImageComponent.prototype.addFile = function (file) {\n var _this = this;\n this.service.addFile(file, function (data) { return _this.previewData(data); });\n };\n UploadImageComponent.prototype.previewData = function (data) {\n var _this = this;\n var imageFileSize = this.getImageFileSize(data);\n var removeOnImageLoadListener = null;\n this.renderer.removeClass(this.preview.nativeElement, 'visible');\n if (data != null) {\n removeOnImageLoadListener = this.renderer.listen(this.preview.nativeElement, 'load', function () {\n removeOnImageLoadListener();\n if (_this.originalImageWidth == null)\n _this.originalImageWidth = _this.preview.nativeElement.naturalWidth;\n var sizeExceed = false;\n if (_this.maxWidth && (_this.preview.nativeElement.naturalWidth > _this.maxWidth)) {\n sizeExceed = true;\n }\n if (_this.maxHeight && (_this.preview.nativeElement.naturalHeight > _this.maxHeight)) {\n sizeExceed = true;\n }\n if (_this.maxFileSize && (imageFileSize > _this.maxFileSize)) {\n sizeExceed = true;\n }\n if (sizeExceed) {\n _this.onRemove();\n _this.maxSizeCallback.emit({ maxWidth: _this.maxWidth, maxHeight: _this.maxHeight, maxFileSize: _this.maxFileSize });\n }\n else {\n if (_this.imageData != null)\n _this.renderer.addClass(_this.preview.nativeElement, 'visible');\n else\n _this.renderer.removeClass(_this.preview.nativeElement, 'visible');\n _this.onResamplePreview(_this.resampleSizeValue);\n }\n });\n }\n this.renderer.setAttribute(this.preview.nativeElement, 'src', data);\n this.imageData = data;\n if (this.originalImageData == null)\n this.originalImageData = data;\n this.imageChange.emit(data);\n };\n UploadImageComponent.prototype.getImageFileSize = function (data) {\n var result = 0;\n var dataStr = data;\n if (dataStr == null) {\n return result;\n }\n var pattern = ';base64,';\n var pos = dataStr.indexOf(pattern);\n if (pos == -1) {\n return result;\n }\n return Math.ceil((dataStr.length - (pos + pattern.length)) * 0.75);\n };\n var _a, _b, _c, _d, _e;\n upload_image_component___decorate([\n Object(core_es5[\"ViewChild\"])('browse'),\n upload_image_component___metadata(\"design:type\", typeof (_a = typeof core_es5[\"ElementRef\"] !== \"undefined\" && core_es5[\"ElementRef\"]) === \"function\" && _a || Object)\n ], UploadImageComponent.prototype, \"browse\", void 0);\n upload_image_component___decorate([\n Object(core_es5[\"ViewChild\"])('preview'),\n upload_image_component___metadata(\"design:type\", typeof (_b = typeof core_es5[\"ElementRef\"] !== \"undefined\" && core_es5[\"ElementRef\"]) === \"function\" && _b || Object)\n ], UploadImageComponent.prototype, \"preview\", void 0);\n UploadImageComponent = upload_image_component___decorate([\n Object(core_es5[\"Component\"])({\n selector: 'upload-image',\n host: {\n '[class.hover]': 'isDragOver',\n '(dragover)': 'onDragOver($event)',\n '(dragleave)': 'onDragLeave($event)',\n '(drop)': 'onDrop($event)'\n },\n inputs: ['imageData', 'resample', 'minWidth', 'minHeight', 'maxWidth', 'maxHeight', 'maxFileSize'],\n outputs: ['imageChange', 'maxSizeCallback'],\n viewProviders: [upload_image_service_UploadImageService],\n template: __webpack_require__(1375),\n styles: [__webpack_require__(1376)]\n }),\n upload_image_component___metadata(\"design:paramtypes\", [typeof (_c = typeof core_es5[\"Renderer2\"] !== \"undefined\" && core_es5[\"Renderer2\"]) === \"function\" && _c || Object, typeof (_d = typeof upload_image_service_UploadImageService !== \"undefined\" && upload_image_service_UploadImageService) === \"function\" && _d || Object, typeof (_e = typeof core_es5[\"ChangeDetectorRef\"] !== \"undefined\" && core_es5[\"ChangeDetectorRef\"]) === \"function\" && _e || Object])\n ], UploadImageComponent);\n return UploadImageComponent;\n}());\n\n\n// CONCATENATED MODULE: ./src/module/form/form.module.ts\nvar form_module___decorate = (this && this.__decorate) || function (decorators, target, key, desc) {\n var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;\n if (typeof Reflect === \"object\" && typeof Reflect.decorate === \"function\") r = Reflect.decorate(decorators, target, key, desc);\n 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;\n return c > 3 && r && Object.defineProperty(target, key, r), r;\n};\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\nvar form_module_FormComponentsModule = (function () {\n function FormComponentsModule() {\n }\n FormComponentsModule = form_module___decorate([\n Object(core_es5[\"NgModule\"])({\n imports: [\n common_es5[\"CommonModule\"],\n forms_es5[\"FormsModule\"],\n ],\n providers: [pagination_service_PaginationService],\n declarations: [\n integerOnly_directive_InputIntegerOnlyDirective, floatOnly_directive_InputFloatOnlyDirective,\n dropdown_component_DropdownComponent, dropdown_list_component_DropdownListComponent, dropdown_list_pipe_DropdownListPipe,\n switch_component_SwitchComponent,\n editable_input_component_EditableInputComponent,\n rangeslider_component_RangesliderComponent,\n search_component_SearchComponent,\n pagination_bar_component_PaginationBarComponent,\n pagination_buttons_component_PaginationButtonsComponent,\n pagination_size_component_PaginationSizeComponent,\n check_buttons_component_CheckButtonsComponent,\n upload_image_component_UploadImageComponent, upload_file_component_UploadFileComponent,\n data_list_component_DataListComponent,\n image_grid_component_ImageGridComponent,\n singlechoice_input_component_SinglechoiceInputComponent\n ],\n entryComponents: [\n switch_component_SwitchComponent,\n dropdown_component_DropdownComponent, dropdown_list_component_DropdownListComponent,\n editable_input_component_EditableInputComponent,\n rangeslider_component_RangesliderComponent,\n search_component_SearchComponent,\n pagination_bar_component_PaginationBarComponent,\n pagination_buttons_component_PaginationButtonsComponent,\n pagination_size_component_PaginationSizeComponent,\n check_buttons_component_CheckButtonsComponent,\n upload_image_component_UploadImageComponent, upload_file_component_UploadFileComponent,\n data_list_component_DataListComponent,\n image_grid_component_ImageGridComponent\n ],\n exports: [\n integerOnly_directive_InputIntegerOnlyDirective, floatOnly_directive_InputFloatOnlyDirective,\n switch_component_SwitchComponent,\n dropdown_component_DropdownComponent,\n editable_input_component_EditableInputComponent,\n rangeslider_component_RangesliderComponent,\n search_component_SearchComponent,\n pagination_bar_component_PaginationBarComponent,\n check_buttons_component_CheckButtonsComponent,\n upload_image_component_UploadImageComponent, upload_file_component_UploadFileComponent,\n data_list_component_DataListComponent,\n image_grid_component_ImageGridComponent,\n singlechoice_input_component_SinglechoiceInputComponent\n ]\n })\n ], FormComponentsModule);\n return FormComponentsModule;\n}());\n\n\n// CONCATENATED MODULE: ./src/service/analytics/base.service.ts\nvar base_service___extends = (this && this.__extends) || (function () {\n var extendStatics = Object.setPrototypeOf ||\n ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||\n function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };\n return function (d, b) {\n extendStatics(d, b);\n function __() { this.constructor = d; }\n d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());\n };\n})();\nvar base_service___decorate = (this && this.__decorate) || function (decorators, target, key, desc) {\n var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;\n if (typeof Reflect === \"object\" && typeof Reflect.decorate === \"function\") r = Reflect.decorate(decorators, target, key, desc);\n 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;\n return c > 3 && r && Object.defineProperty(target, key, r), r;\n};\nvar base_service___metadata = (this && this.__metadata) || function (k, v) {\n if (typeof Reflect === \"object\" && typeof Reflect.metadata === \"function\") return Reflect.metadata(k, v);\n};\n\n\n\n\n\n\n\n\nvar base_service_BaseService = (function (_super) {\n base_service___extends(BaseService, _super);\n function BaseService(auth, http, exception, router, urlService, user) {\n var _this = _super.call(this, auth, http, exception, router, urlService) || this;\n _this.auth = auth;\n _this.http = http;\n _this.exception = exception;\n _this.router = router;\n _this.urlService = urlService;\n _this.user = user;\n _this.granularity = 'day';\n return _this;\n }\n BaseService.prototype.initDateRange = function (range) {\n var result = {\n startDate: range.startDate.clone(),\n endDate: range.endDate.clone()\n };\n result.endDate = result.endDate.add(1, 'd');\n return result;\n };\n BaseService.prototype.alignPeriodRange = function (startDate, endDate, granularity) {\n if ((granularity == 'hour') || (granularity == 'day')) {\n startDate = startDate.startOf('day');\n endDate = endDate.startOf('day');\n endDate = endDate.add(1, 'd');\n }\n else {\n var granularityAny = granularity;\n startDate = startDate.startOf(granularityAny);\n endDate = endDate.startOf(granularityAny);\n endDate = endDate.add(1, granularityAny);\n }\n };\n BaseService.prototype.prepareTsperiodParams = function (startDate, endDate, granularity) {\n startDate = startDate.clone();\n endDate = endDate.clone();\n this.alignPeriodRange(startDate, endDate, granularity);\n var ranges = new Array();\n var iter = startDate;\n while (iter.isBefore(endDate)) {\n var nextDate = iter.clone();\n nextDate.add(1, granularity);\n ranges.push([iter.unix(), nextDate.unix()]);\n iter = nextDate;\n }\n var tsPeriods = this.convertTimestampRangesIntoTimestampPeriods(ranges);\n var params = new Array();\n for (var _i = 0, tsPeriods_1 = tsPeriods; _i < tsPeriods_1.length; _i++) {\n var tsperiod = tsPeriods_1[_i];\n params.push('tsperiod[]=' + tsperiod.first + ',' + tsperiod.last + ',' + tsperiod.step);\n }\n return params;\n };\n BaseService.prototype.convertTimestampRangesIntoTimestampPeriods = function (ranges) {\n var result = [];\n var currPeriod = null;\n for (var pos = 0; pos < ranges.length; pos++) {\n var diff = ranges[pos][1] - ranges[pos][0];\n if (currPeriod === null) {\n currPeriod = {\n first: ranges[pos][0],\n last: ranges[pos][0],\n step: diff\n };\n result.push(currPeriod);\n }\n else if (currPeriod.step != diff) {\n currPeriod = {\n first: ranges[pos][0],\n last: ranges[pos][0],\n step: diff\n };\n result.push(currPeriod);\n }\n else {\n currPeriod.last = ranges[pos][0];\n }\n }\n return result;\n };\n BaseService.prototype.safeEncodeUriComponentForDjango = function (str) {\n str = str + '';\n return encodeURIComponent(str.replace(/\\!/g, '!!').replace(/\\//g, '!+'));\n };\n var _a, _b, _c, _d, _e, _f;\n BaseService = base_service___decorate([\n Object(core_es5[\"Injectable\"])(),\n base_service___metadata(\"design:paramtypes\", [typeof (_a = typeof auth_service[\"a\" /* AuthService */] !== \"undefined\" && auth_service[\"a\" /* AuthService */]) === \"function\" && _a || Object, typeof (_b = typeof http_es5[\"b\" /* Http */] !== \"undefined\" && http_es5[\"b\" /* Http */]) === \"function\" && _b || Object, typeof (_c = typeof exception_service[\"a\" /* ExceptionService */] !== \"undefined\" && exception_service[\"a\" /* ExceptionService */]) === \"function\" && _c || Object, typeof (_d = typeof router_es5[\"g\" /* Router */] !== \"undefined\" && router_es5[\"g\" /* Router */]) === \"function\" && _d || Object, typeof (_e = typeof url_service[\"a\" /* UrlService */] !== \"undefined\" && url_service[\"a\" /* UrlService */]) === \"function\" && _e || Object, typeof (_f = typeof user_service[\"a\" /* UserService */] !== \"undefined\" && user_service[\"a\" /* UserService */]) === \"function\" && _f || Object])\n ], BaseService);\n return BaseService;\n}(api_service[\"a\" /* BradmaxApi */]));\n\n\n// CONCATENATED MODULE: ./src/service/analytics.service.ts\nvar analytics_service___extends = (this && this.__extends) || (function () {\n var extendStatics = Object.setPrototypeOf ||\n ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||\n function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };\n return function (d, b) {\n extendStatics(d, b);\n function __() { this.constructor = d; }\n d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());\n };\n})();\nvar analytics_service___decorate = (this && this.__decorate) || function (decorators, target, key, desc) {\n var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;\n if (typeof Reflect === \"object\" && typeof Reflect.decorate === \"function\") r = Reflect.decorate(decorators, target, key, desc);\n 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;\n return c > 3 && r && Object.defineProperty(target, key, r), r;\n};\n\n\n\n\nvar analytics_service_AnalyticsService = (function (_super) {\n analytics_service___extends(AnalyticsService, _super);\n function AnalyticsService() {\n return _super !== null && _super.apply(this, arguments) || this;\n }\n AnalyticsService.prototype.getDashboardData = function (accountId) {\n if (!accountId) {\n accountId = this.user.accountId;\n }\n var today = moment_default()().startOf('day');\n var resolveSource = new Subject[\"Subject\"]();\n var url = 'accounts/' + accountId + '/analytics/dashboard?todayts=' + today.unix();\n _super.prototype.read.call(this, url).subscribe(function (response) {\n resolveSource.next(response);\n }, function (error) { return resolveSource.error(error); }, function () { return resolveSource.complete(); });\n return resolveSource.asObservable();\n };\n AnalyticsService.prototype.getAudienceHistoryForRange = function (startDate, endDate, granularity, accountId) {\n if (!accountId) {\n accountId = this.user.accountId;\n }\n if (!granularity) {\n granularity = this.granularity;\n }\n var params = this.prepareTsperiodParams(startDate, endDate, granularity);\n var resolveSource = new Subject[\"Subject\"]();\n var url = 'accounts/' + accountId + '/analytics/audience-history?' + params.join('&');\n _super.prototype.read.call(this, url).subscribe(function (response) {\n resolveSource.next(response);\n }, function (error) { return resolveSource.error(error); }, function () { return resolveSource.complete(); });\n return resolveSource.asObservable();\n };\n AnalyticsService.prototype.getAudienceSummaryForRange = function (startDate, endDate, granularityForHistory, accountId) {\n if (!accountId) {\n accountId = this.user.accountId;\n }\n startDate = startDate.clone();\n endDate = endDate.clone();\n if (granularityForHistory) {\n this.alignPeriodRange(startDate, endDate, granularityForHistory);\n }\n var resolveSource = new Subject[\"Subject\"]();\n var fields = 'views,users';\n if (this.user.isEngagementRateEnabled()) {\n fields += ',watching_time';\n }\n var url = 'accounts/' + accountId + '/analytics/audience-history?fields=' + fields + '&tsrange[]=' + startDate.unix() + ',' + endDate.unix();\n _super.prototype.read.call(this, url).subscribe(function (response) {\n if (response && (response.length > 0)) {\n resolveSource.next(response[0]);\n }\n else {\n resolveSource.next(null);\n }\n }, function (error) { return resolveSource.error(error); }, function () { return resolveSource.complete(); });\n return resolveSource.asObservable();\n };\n AnalyticsService.prototype.getTechnologyStatsForRange = function (startDate, endDate, granularity, accountId) {\n if (!accountId) {\n accountId = this.user.accountId;\n }\n var params = this.prepareTsperiodParams(startDate, endDate, granularity);\n var resolveSource = new Subject[\"Subject\"]();\n var url = 'accounts/' + accountId + '/analytics/technology-statistics?' + params.join('&');\n _super.prototype.read.call(this, url).subscribe(function (response) {\n resolveSource.next(response);\n }, function (error) { return resolveSource.error(error); }, function () { return resolveSource.complete(); });\n return resolveSource.asObservable();\n };\n AnalyticsService.prototype.getTechnologyStatsFor24h = function (startDate, accountId) {\n if (!accountId) {\n accountId = this.user.accountId;\n }\n var resolveSource = new Subject[\"Subject\"]();\n var url = 'accounts/' + accountId + '/analytics/technology-statistics?tsperiod[]=' + startDate.unix().toString() + ',' + (startDate.unix() + 23 * 3600).toString() + ',3600';\n _super.prototype.read.call(this, url).subscribe(function (response) {\n resolveSource.next(response);\n }, function (error) { return resolveSource.error(error); }, function () { return resolveSource.complete(); });\n return resolveSource.asObservable();\n };\n AnalyticsService.prototype.getUsersAndViews = function (startDate, endDate, granularity, accountId) {\n var resolveSource = new Subject[\"Subject\"]();\n this.getAudienceHistoryForRange(startDate, endDate, granularity, accountId)\n .subscribe(function (data) {\n var usersData = { data: [], label: 'Users' };\n var usersLabels = [];\n var viewsData = { data: [], label: 'Views' };\n var viewsLabels = [];\n for (var _i = 0, data_1 = data; _i < data_1.length; _i++) {\n var rec = data_1[_i];\n usersData.data.push(parseFloat(rec.users));\n viewsData.data.push(parseFloat(rec.views));\n usersLabels.push(moment_default.a.unix(rec.from).toISOString());\n viewsLabels.push(moment_default.a.unix(rec.from).toISOString());\n }\n var usersChartData = { data: usersData, labels: usersLabels };\n var viewsChartData = { data: viewsData, labels: viewsLabels };\n resolveSource.next([usersChartData, viewsChartData]);\n }, function (error) { return resolveSource.error(error); }, function () { return resolveSource.complete(); });\n return resolveSource.asObservable();\n };\n AnalyticsService.prototype.getGeoCountriesStats = function (startDate, endDate, accountId) {\n if (!accountId) {\n accountId = this.user.accountId;\n }\n startDate = startDate.clone().startOf('day');\n endDate = endDate.clone().startOf('day');\n endDate = endDate.add(1, 'd');\n var params = [];\n params.push('tsrange=' + startDate.unix() + ',' + endDate.unix());\n var resolveSource = new Subject[\"Subject\"]();\n var url = 'accounts/' + accountId + '/analytics/geo/country?' + params.join('&');\n _super.prototype.read.call(this, url).subscribe(function (response) {\n resolveSource.next(response);\n }, function (error) { return resolveSource.error(error); }, function () { return resolveSource.complete(); });\n return resolveSource.asObservable();\n };\n AnalyticsService.prototype.getGeoRegionsStats = function (startDate, endDate, countryCode, accountId) {\n if (!accountId) {\n accountId = this.user.accountId;\n }\n startDate = startDate.clone().startOf('day');\n endDate = endDate.clone().startOf('day');\n endDate = endDate.add(1, 'd');\n var params = [];\n params.push('tsrange=' + startDate.unix() + ',' + endDate.unix());\n var resolveSource = new Subject[\"Subject\"]();\n var url = 'accounts/' + accountId + '/analytics/geo/country/' + countryCode + '/region?' + params.join('&');\n _super.prototype.read.call(this, url).subscribe(function (response) {\n resolveSource.next(response);\n }, function (error) { return resolveSource.error(error); }, function () { return resolveSource.complete(); });\n return resolveSource.asObservable();\n };\n AnalyticsService.prototype.getGeoCitiesStats = function (startDate, endDate, countryCode, accountId) {\n if (!accountId) {\n accountId = this.user.accountId;\n }\n startDate = startDate.clone().startOf('day');\n endDate = endDate.clone().startOf('day');\n endDate = endDate.add(1, 'd');\n var params = [];\n params.push('tsrange=' + startDate.unix() + ',' + endDate.unix());\n var resolveSource = new Subject[\"Subject\"]();\n var url = 'accounts/' + accountId + '/analytics/geo/country/' + countryCode + '/city?' + params.join('&');\n _super.prototype.read.call(this, url).subscribe(function (response) {\n resolveSource.next(response);\n }, function (error) { return resolveSource.error(error); }, function () { return resolveSource.complete(); });\n return resolveSource.asObservable();\n };\n AnalyticsService.prototype.getRealtimeTopViewedMediaMetadataList = function (pagingOptions, accountId) {\n if (!accountId) {\n accountId = this.user.accountId;\n }\n var params = [];\n for (var key in pagingOptions) {\n var val = pagingOptions[key];\n if ((val !== null) && (val !== '')) {\n params.push(key + '=' + encodeURIComponent(val));\n }\n }\n var resolveSource = new Subject[\"Subject\"]();\n var url = 'accounts/' + accountId + '/analytics/realtime/top-viewed-media?' + params.join('&');\n _super.prototype.read.call(this, url).subscribe(function (response) {\n resolveSource.next(response);\n }, function (error) { return resolveSource.error(error); }, function () { return resolveSource.complete(); });\n return resolveSource.asObservable();\n };\n AnalyticsService.prototype.getRealtimeAccountViewersNum = function (accountId) {\n if (!accountId) {\n accountId = this.user.accountId;\n }\n var resolveSource = new Subject[\"Subject\"]();\n var url = 'accounts/' + accountId + '/analytics/realtime/viewers-num';\n _super.prototype.read.call(this, url).subscribe(function (response) {\n resolveSource.next(response);\n }, function (error) { return resolveSource.error(error); }, function () { return resolveSource.complete(); });\n return resolveSource.asObservable();\n };\n AnalyticsService.prototype.getRealtimeMediaViewersNum = function (mediaMaterialId, accountId) {\n if (!accountId) {\n accountId = this.user.accountId;\n }\n var resolveSource = new Subject[\"Subject\"]();\n var url = 'accounts/' + accountId + '/analytics/realtime/media/' + this.safeEncodeUriComponentForDjango(mediaMaterialId) + '/viewers-num';\n _super.prototype.read.call(this, url).subscribe(function (response) {\n resolveSource.next(response);\n }, function (error) { return resolveSource.error(error); }, function () { return resolveSource.complete(); });\n return resolveSource.asObservable();\n };\n AnalyticsService.prototype.getGoogleMapsApiKey = function () {\n return 'AIzaSyAFWd3IeJ83WwKdNSqs1NNTIyKniUREGjo';\n };\n AnalyticsService.prototype.getClientToken = function (accountId) {\n if (!accountId) {\n accountId = this.user.accountId;\n }\n var resolveSource = new Subject[\"Subject\"]();\n var url = 'accounts/' + accountId + '/analytics/client-token';\n _super.prototype.read.call(this, url).subscribe(function (response) {\n resolveSource.next(response.client_token);\n }, function (error) { return resolveSource.error(error); }, function () { return resolveSource.complete(); });\n return resolveSource.asObservable();\n };\n AnalyticsService = analytics_service___decorate([\n Object(core_es5[\"Injectable\"])()\n ], AnalyticsService);\n return AnalyticsService;\n}(base_service_BaseService));\n\n\n// CONCATENATED MODULE: ./src/service/export.service.ts\nvar export_service___decorate = (this && this.__decorate) || function (decorators, target, key, desc) {\n var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;\n if (typeof Reflect === \"object\" && typeof Reflect.decorate === \"function\") r = Reflect.decorate(decorators, target, key, desc);\n 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;\n return c > 3 && r && Object.defineProperty(target, key, r), r;\n};\nvar export_service___metadata = (this && this.__metadata) || function (k, v) {\n if (typeof Reflect === \"object\" && typeof Reflect.metadata === \"function\") return Reflect.metadata(k, v);\n};\n\nvar export_service_ExportService = (function () {\n function ExportService() {\n }\n ExportService.prototype.removeOldExportLinksFromDocument = function () {\n var linksToRemove = [];\n for (var i = 0; i < document.body.children.length; i++) {\n var n = document.body.children[i];\n if ((n.tagName == 'A') && (n.getAttribute('data-export-link') == '1')) {\n linksToRemove.push(n);\n }\n }\n for (var i = 0; i < linksToRemove.length; i++) {\n document.body.removeChild(linksToRemove[i]);\n }\n };\n ExportService.prototype.exportFileFromJs = function (exportFileName, strData) {\n this.removeOldExportLinksFromDocument();\n var exportLink = document.createElement('a');\n exportLink.style.opacity = '0';\n exportLink.style.display = 'none';\n exportLink.style.position = 'absolute';\n exportLink.setAttribute('href', 'data:text/csv;base64,' + window.btoa(strData));\n exportLink.setAttribute('download', exportFileName);\n exportLink.setAttribute('data-export-link', '1');\n exportLink.innerHTML = exportFileName;\n document.body.appendChild(exportLink);\n exportLink.click();\n };\n ExportService = export_service___decorate([\n Object(core_es5[\"Injectable\"])(),\n export_service___metadata(\"design:paramtypes\", [])\n ], ExportService);\n return ExportService;\n}());\n\n\n// CONCATENATED MODULE: ./src/module/analytics/service/usersAndViewsVSTime.service.ts\nvar usersAndViewsVSTime_service___decorate = (this && this.__decorate) || function (decorators, target, key, desc) {\n var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;\n if (typeof Reflect === \"object\" && typeof Reflect.decorate === \"function\") r = Reflect.decorate(decorators, target, key, desc);\n 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;\n return c > 3 && r && Object.defineProperty(target, key, r), r;\n};\nvar usersAndViewsVSTime_service___metadata = (this && this.__metadata) || function (k, v) {\n if (typeof Reflect === \"object\" && typeof Reflect.metadata === \"function\") return Reflect.metadata(k, v);\n};\n\n\n\n\nvar usersAndViewsVSTime_service_UsersAndViewsVsTimeService = (function () {\n function UsersAndViewsVsTimeService(service) {\n this.service = service;\n this.chartOptions = null;\n this.chartTypes = ['lineTime', 'bar'];\n this.activeChartType = 'lineTime';\n this.granularityTypes = ['all'];\n this.activeGranularity = 'day';\n this.chartDataChange = new Subject[\"Subject\"]();\n }\n UsersAndViewsVsTimeService.prototype.loadData = function () {\n var _this = this;\n this.chartData = null;\n this.service.getUsersAndViews(this.startDate, this.endDate, this.activeGranularity).subscribe(function (data) {\n _this.chartData = new Array();\n _this.chartData.push(data[0].data);\n _this.chartData.push(data[1].data);\n _this.chartLabels = data[0].labels;\n _this.chartDataChange.next(_this.chartData);\n }, function (error) {\n console.error('UsersAndViews Service ERROR', error);\n });\n };\n UsersAndViewsVsTimeService.prototype.getChartDataChanges = function () {\n return this.chartDataChange.asObservable();\n };\n UsersAndViewsVsTimeService.prototype.onChartTypeChange = function (type) {\n this.activeChartType = type;\n };\n UsersAndViewsVsTimeService.prototype.onDateRangeChange = function (range) {\n this.startDate = range[0];\n this.endDate = range[1];\n this.startDate.startOf('day');\n this.endDate.startOf('day');\n if (this.startDate && this.endDate && (this.startDate.unix() == this.endDate.unix())) {\n this.activeGranularity = 'hour';\n }\n this.loadData();\n };\n UsersAndViewsVsTimeService.prototype.onGranularityChange = function (granularity) {\n this.activeGranularity = granularity;\n this.loadData();\n };\n UsersAndViewsVsTimeService.prototype.exportDataToCsv = function () {\n var linesNum = this.chartLabels ? this.chartLabels.length : 0;\n var result = '';\n var line = '';\n var dateFormat = 'YYYY-MM-DD HH:mm';\n if ((this.activeGranularity == 'day') || (this.activeGranularity == 'week')) {\n dateFormat = 'YYYY-MM-DD';\n }\n else if (this.activeGranularity == 'month') {\n dateFormat = 'YYYY-MM';\n }\n else if (this.activeGranularity == 'year') {\n dateFormat = 'YYYY';\n }\n result += \"Date,Users,Views\\r\\n\";\n for (var i = 0; i < linesNum; i++) {\n line = '\"' + moment_default()(this.chartLabels[i]).format(dateFormat) + '\",';\n line += (this.chartData[0].data[i] + ',');\n line += (this.chartData[1].data[i] + \"\\r\\n\");\n result += line;\n }\n return result;\n };\n var _a;\n UsersAndViewsVsTimeService = usersAndViewsVSTime_service___decorate([\n Object(core_es5[\"Injectable\"])(),\n usersAndViewsVSTime_service___metadata(\"design:paramtypes\", [typeof (_a = typeof analytics_service_AnalyticsService !== \"undefined\" && analytics_service_AnalyticsService) === \"function\" && _a || Object])\n ], UsersAndViewsVsTimeService);\n return UsersAndViewsVsTimeService;\n}());\n\n\n// CONCATENATED MODULE: ./src/module/analytics/audience/audience.view.component.ts\nvar audience_view_component___extends = (this && this.__extends) || (function () {\n var extendStatics = Object.setPrototypeOf ||\n ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||\n function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };\n return function (d, b) {\n extendStatics(d, b);\n function __() { this.constructor = d; }\n d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());\n };\n})();\nvar audience_view_component___decorate = (this && this.__decorate) || function (decorators, target, key, desc) {\n var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;\n if (typeof Reflect === \"object\" && typeof Reflect.decorate === \"function\") r = Reflect.decorate(decorators, target, key, desc);\n 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;\n return c > 3 && r && Object.defineProperty(target, key, r), r;\n};\nvar audience_view_component___metadata = (this && this.__metadata) || function (k, v) {\n if (typeof Reflect === \"object\" && typeof Reflect.metadata === \"function\") return Reflect.metadata(k, v);\n};\n\n\n\n\n\n\n\n\nvar audience_view_component_AnalyticsAudienceView = (function (_super) {\n audience_view_component___extends(AnalyticsAudienceView, _super);\n function AnalyticsAudienceView(chartService, analyticsService, productService, locale, translation, user, exportService, cdr) {\n var _this = _super.call(this, locale, translation) || this;\n _this.chartService = chartService;\n _this.analyticsService = analyticsService;\n _this.productService = productService;\n _this.locale = locale;\n _this.translation = translation;\n _this.user = user;\n _this.exportService = exportService;\n _this.cdr = cdr;\n var range = _this.user.getDateRangeSelection();\n _this.chartService.startDate = range.startDate;\n _this.chartService.endDate = range.endDate;\n _this.monthlyStats = [];\n _this.summary = {\n views: 0,\n users: 0,\n viewsPerUser: null,\n avgWatchingTime: null\n };\n _this.chartService.getChartDataChanges().subscribe(function (data) { return _this.cdr.markForCheck(); });\n return _this;\n }\n AnalyticsAudienceView.prototype.ngOnInit = function () {\n this.loadMonthlyStats();\n this.loadLastAccountingPeriodsStats();\n this.chartService.loadData();\n this.loadSummaryStats();\n this.cdr.markForCheck();\n };\n AnalyticsAudienceView.prototype.onDateRangeChanged = function (range) {\n this.chartService.onDateRangeChange(range);\n this.user.setDateRangeSelection(range[0].startOf('day'), range[1].startOf('day'));\n this.loadSummaryStats();\n this.cdr.markForCheck();\n };\n AnalyticsAudienceView.prototype.calcViewsUsagePercent = function (viewsMade, viewsSize) {\n var result = 0;\n if (viewsSize > 0) {\n result = 100 * viewsMade / viewsSize;\n }\n if (result > 100) {\n result = 100;\n }\n return result;\n };\n AnalyticsAudienceView.prototype.chartDataExportCsv = function () {\n var data = this.chartService.exportDataToCsv();\n var exportFileName = 'bradmax_audience_' + this.chartService.startDate.format('YYYYMMDD')\n + '_' + this.chartService.endDate.format('YYYYMMDD') + '_by' + this.chartService.activeGranularity + '.csv';\n this.exportService.exportFileFromJs(exportFileName, data);\n };\n AnalyticsAudienceView.prototype.monthlyStatsExportCsv = function () {\n if (!this.monthlyStats || this.monthlyStats.length < 2) {\n throw \"Cannot export monthly stats. No stats available yet.\";\n }\n var exportFileName = 'bradmax_audience_' + this.monthlyStats[this.monthlyStats.length - 1].date.format('YYYYMMDD')\n + '_' + this.monthlyStats[0].date.format('YYYYMMDD') + '_bymonth.csv';\n var data = \"Date,Users,Views\\r\\n\";\n for (var i = 0; i < this.monthlyStats.length; i++) {\n var rec = this.monthlyStats[i];\n var line = '\"' + rec.date.format('YYYY-MM-DD') + '\",';\n line += (rec.users + ',');\n line += (rec.views + \"\\r\\n\");\n data += line;\n }\n this.exportService.exportFileFromJs(exportFileName, data);\n };\n AnalyticsAudienceView.prototype.loadSummaryStats = function () {\n var _this = this;\n this.analyticsService.getAudienceSummaryForRange(this.chartService.startDate, this.chartService.endDate, this.chartService.activeGranularity).subscribe(function (data) {\n _this.summary.views = parseFloat(data.views);\n _this.summary.users = parseFloat(data.users);\n _this.summary.viewsPerUser = null;\n if (_this.summary.users > 0) {\n _this.summary.viewsPerUser = _this.summary.views / _this.summary.users;\n if (_this.user.isEngagementRateEnabled()) {\n _this.summary.avgWatchingTime = parseFloat(data.watching_time) / _this.summary.users;\n }\n }\n _this.cdr.markForCheck();\n });\n };\n AnalyticsAudienceView.prototype.loadMonthlyStats = function () {\n var _this = this;\n var currMonthStartDate = moment_default()().startOf('month');\n var tableStartDate = currMonthStartDate.clone().subtract(12, 'month');\n this.analyticsService.getAudienceHistoryForRange(tableStartDate, currMonthStartDate, 'month').subscribe(function (data) {\n data.reverse();\n var newMonthlyStats = [];\n for (var _i = 0, data_1 = data; _i < data_1.length; _i++) {\n var rec = data_1[_i];\n newMonthlyStats.push({\n date: moment_default.a.unix(rec.from),\n users: rec.users,\n views: rec.views\n });\n }\n _this.monthlyStats = newMonthlyStats;\n _this.cdr.markForCheck();\n });\n };\n AnalyticsAudienceView.prototype.loadLastAccountingPeriodsStats = function () {\n var _this = this;\n var lastStatsInResponseNum = 2;\n if (this.user.accountId != null)\n this.productService.getProductsForAccount(this.user.accountId, lastStatsInResponseNum)\n .subscribe(function (data) {\n for (var _i = 0, _a = data.results; _i < _a.length; _i++) {\n var rec = _a[_i];\n if ((rec.product.id != 1) || !rec.usage_stats) {\n continue;\n }\n if (rec.usage_stats.length > 0) {\n _this.currentAccountingBaseViewsSize = rec.base_views_size;\n _this.currentAccountingPeriodViews = rec.usage_stats[0].views;\n _this.currentAccountingPeriodFromDate = moment_default.a.unix(rec.usage_stats[0].from);\n _this.currentAccountingPeriodToDate = moment_default.a.unix(rec.usage_stats[0].to);\n _this.currentAccountingPeriodToDate.subtract(1, 'day');\n }\n if (rec.usage_stats.length > 1) {\n _this.lastAccountingBaseViewsSize = rec.base_views_size;\n _this.lastAccountingPeriodViews = rec.usage_stats[1].views;\n _this.lastAccountingPeriodFromDate = moment_default.a.unix(rec.usage_stats[1].from);\n _this.lastAccountingPeriodToDate = moment_default.a.unix(rec.usage_stats[1].to);\n _this.lastAccountingPeriodToDate.subtract(1, 'day');\n }\n }\n });\n };\n var _a, _b, _c, _d, _e, _f, _g, _h;\n AnalyticsAudienceView = audience_view_component___decorate([\n Object(core_es5[\"Component\"])({\n selector: 'analytics-audience-view',\n template: __webpack_require__(1377),\n styles: [\n ':host .table-loader {height:330px;position:relative;}'\n ],\n changeDetection: core_es5[\"ChangeDetectionStrategy\"].OnPush\n }),\n audience_view_component___metadata(\"design:paramtypes\", [typeof (_a = typeof usersAndViewsVSTime_service_UsersAndViewsVsTimeService !== \"undefined\" && usersAndViewsVSTime_service_UsersAndViewsVsTimeService) === \"function\" && _a || Object, typeof (_b = typeof analytics_service_AnalyticsService !== \"undefined\" && analytics_service_AnalyticsService) === \"function\" && _b || Object, typeof (_c = typeof product_service[\"a\" /* ProductService */] !== \"undefined\" && product_service[\"a\" /* ProductService */]) === \"function\" && _c || Object, typeof (_d = typeof angular_l10n_es5[\"a\" /* LocaleService */] !== \"undefined\" && angular_l10n_es5[\"a\" /* LocaleService */]) === \"function\" && _d || Object, typeof (_e = typeof angular_l10n_es5[\"d\" /* TranslationService */] !== \"undefined\" && angular_l10n_es5[\"d\" /* TranslationService */]) === \"function\" && _e || Object, typeof (_f = typeof user_service[\"a\" /* UserService */] !== \"undefined\" && user_service[\"a\" /* UserService */]) === \"function\" && _f || Object, typeof (_g = typeof export_service_ExportService !== \"undefined\" && export_service_ExportService) === \"function\" && _g || Object, typeof (_h = typeof core_es5[\"ChangeDetectorRef\"] !== \"undefined\" && core_es5[\"ChangeDetectorRef\"]) === \"function\" && _h || Object])\n ], AnalyticsAudienceView);\n return AnalyticsAudienceView;\n}(angular_l10n_es5[\"b\" /* Localization */]));\n\n\n// CONCATENATED MODULE: ./src/module/analytics/audience/audience.module.ts\nvar audience_module___decorate = (this && this.__decorate) || function (decorators, target, key, desc) {\n var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;\n if (typeof Reflect === \"object\" && typeof Reflect.decorate === \"function\") r = Reflect.decorate(decorators, target, key, desc);\n 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;\n return c > 3 && r && Object.defineProperty(target, key, r), r;\n};\n\n\n\n\n\n\n\n\n\n\n\n\n\nvar audience_module_routes = [\n { path: '', component: audience_view_component_AnalyticsAudienceView },\n];\nvar audience_module_AnalyticsAudienceModule = (function () {\n function AnalyticsAudienceModule() {\n }\n AnalyticsAudienceModule = audience_module___decorate([\n Object(core_es5[\"NgModule\"])({\n imports: [\n http_es5[\"c\" /* HttpModule */],\n shared_module_SharedModule,\n common_es5[\"CommonModule\"],\n angular_l10n_es5[\"c\" /* LocalizationModule */],\n router_es5[\"h\" /* RouterModule */].forChild(audience_module_routes),\n forms_es5[\"FormsModule\"],\n form_module_FormComponentsModule,\n chart_module_ChartModule\n ],\n declarations: [\n audience_view_component_AnalyticsAudienceView\n ],\n providers: [\n analytics_service_AnalyticsService,\n usersAndViewsVSTime_service_UsersAndViewsVsTimeService,\n product_service[\"a\" /* ProductService */]\n ]\n })\n ], AnalyticsAudienceModule);\n return AnalyticsAudienceModule;\n}());\n\n\n// CONCATENATED MODULE: ./node_modules/ngx-chips/node_modules/tslib/tslib.es6.js\n/*! *****************************************************************************\r\nCopyright (c) Microsoft Corporation. All rights reserved.\r\nLicensed under the Apache License, Version 2.0 (the \"License\"); you may not use\r\nthis file except in compliance with the License. You may obtain a copy of the\r\nLicense at http://www.apache.org/licenses/LICENSE-2.0\r\n\r\nTHIS CODE IS PROVIDED ON AN *AS IS* BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY\r\nKIND, EITHER EXPRESS OR IMPLIED, INCLUDING WITHOUT LIMITATION ANY IMPLIED\r\nWARRANTIES OR CONDITIONS OF TITLE, FITNESS FOR A PARTICULAR PURPOSE,\r\nMERCHANTABLITY OR NON-INFRINGEMENT.\r\n\r\nSee the Apache Version 2.0 License for specific language governing permissions\r\nand limitations under the License.\r\n***************************************************************************** */\r\n/* global Reflect, Promise */\r\n\r\nvar extendStatics = function(d, b) {\r\n extendStatics = Object.setPrototypeOf ||\r\n ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||\r\n function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };\r\n return extendStatics(d, b);\r\n};\r\n\r\nfunction tslib_es6___extends(d, b) {\r\n extendStatics(d, b);\r\n function __() { this.constructor = d; }\r\n d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());\r\n}\r\n\r\nvar __assign = function() {\r\n __assign = Object.assign || function __assign(t) {\r\n for (var s, i = 1, n = arguments.length; i < n; i++) {\r\n s = arguments[i];\r\n for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];\r\n }\r\n return t;\r\n }\r\n return __assign.apply(this, arguments);\r\n}\r\n\r\nfunction __rest(s, e) {\r\n var t = {};\r\n for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)\r\n t[p] = s[p];\r\n if (s != null && typeof Object.getOwnPropertySymbols === \"function\")\r\n for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) if (e.indexOf(p[i]) < 0)\r\n t[p[i]] = s[p[i]];\r\n return t;\r\n}\r\n\r\nfunction tslib_es6___decorate(decorators, target, key, desc) {\r\n var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;\r\n if (typeof Reflect === \"object\" && typeof Reflect.decorate === \"function\") r = Reflect.decorate(decorators, target, key, desc);\r\n 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;\r\n return c > 3 && r && Object.defineProperty(target, key, r), r;\r\n}\r\n\r\nfunction tslib_es6___param(paramIndex, decorator) {\r\n return function (target, key) { decorator(target, key, paramIndex); }\r\n}\r\n\r\nfunction tslib_es6___metadata(metadataKey, metadataValue) {\r\n if (typeof Reflect === \"object\" && typeof Reflect.metadata === \"function\") return Reflect.metadata(metadataKey, metadataValue);\r\n}\r\n\r\nfunction __awaiter(thisArg, _arguments, P, generator) {\r\n return new (P || (P = Promise))(function (resolve, reject) {\r\n function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }\r\n function rejected(value) { try { step(generator[\"throw\"](value)); } catch (e) { reject(e); } }\r\n function step(result) { result.done ? resolve(result.value) : new P(function (resolve) { resolve(result.value); }).then(fulfilled, rejected); }\r\n step((generator = generator.apply(thisArg, _arguments || [])).next());\r\n });\r\n}\r\n\r\nfunction __generator(thisArg, body) {\r\n var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;\r\n return g = { next: verb(0), \"throw\": verb(1), \"return\": verb(2) }, typeof Symbol === \"function\" && (g[Symbol.iterator] = function() { return this; }), g;\r\n function verb(n) { return function (v) { return step([n, v]); }; }\r\n function step(op) {\r\n if (f) throw new TypeError(\"Generator is already executing.\");\r\n while (_) try {\r\n 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;\r\n if (y = 0, t) op = [op[0] & 2, t.value];\r\n switch (op[0]) {\r\n case 0: case 1: t = op; break;\r\n case 4: _.label++; return { value: op[1], done: false };\r\n case 5: _.label++; y = op[1]; op = [0]; continue;\r\n case 7: op = _.ops.pop(); _.trys.pop(); continue;\r\n default:\r\n if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }\r\n if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }\r\n if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }\r\n if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }\r\n if (t[2]) _.ops.pop();\r\n _.trys.pop(); continue;\r\n }\r\n op = body.call(thisArg, _);\r\n } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }\r\n if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };\r\n }\r\n}\r\n\r\nfunction __exportStar(m, exports) {\r\n for (var p in m) if (!exports.hasOwnProperty(p)) exports[p] = m[p];\r\n}\r\n\r\nfunction __values(o) {\r\n var m = typeof Symbol === \"function\" && o[Symbol.iterator], i = 0;\r\n if (m) return m.call(o);\r\n return {\r\n next: function () {\r\n if (o && i >= o.length) o = void 0;\r\n return { value: o && o[i++], done: !o };\r\n }\r\n };\r\n}\r\n\r\nfunction __read(o, n) {\r\n var m = typeof Symbol === \"function\" && o[Symbol.iterator];\r\n if (!m) return o;\r\n var i = m.call(o), r, ar = [], e;\r\n try {\r\n while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);\r\n }\r\n catch (error) { e = { error: error }; }\r\n finally {\r\n try {\r\n if (r && !r.done && (m = i[\"return\"])) m.call(i);\r\n }\r\n finally { if (e) throw e.error; }\r\n }\r\n return ar;\r\n}\r\n\r\nfunction __spread() {\r\n for (var ar = [], i = 0; i < arguments.length; i++)\r\n ar = ar.concat(__read(arguments[i]));\r\n return ar;\r\n}\r\n\r\nfunction __await(v) {\r\n return this instanceof __await ? (this.v = v, this) : new __await(v);\r\n}\r\n\r\nfunction __asyncGenerator(thisArg, _arguments, generator) {\r\n if (!Symbol.asyncIterator) throw new TypeError(\"Symbol.asyncIterator is not defined.\");\r\n var g = generator.apply(thisArg, _arguments || []), i, q = [];\r\n return i = {}, verb(\"next\"), verb(\"throw\"), verb(\"return\"), i[Symbol.asyncIterator] = function () { return this; }, i;\r\n function verb(n) { if (g[n]) i[n] = function (v) { return new Promise(function (a, b) { q.push([n, v, a, b]) > 1 || resume(n, v); }); }; }\r\n function resume(n, v) { try { step(g[n](v)); } catch (e) { settle(q[0][3], e); } }\r\n function step(r) { r.value instanceof __await ? Promise.resolve(r.value.v).then(fulfill, reject) : settle(q[0][2], r); }\r\n function fulfill(value) { resume(\"next\", value); }\r\n function reject(value) { resume(\"throw\", value); }\r\n function settle(f, v) { if (f(v), q.shift(), q.length) resume(q[0][0], q[0][1]); }\r\n}\r\n\r\nfunction __asyncDelegator(o) {\r\n var i, p;\r\n return i = {}, verb(\"next\"), verb(\"throw\", function (e) { throw e; }), verb(\"return\"), i[Symbol.iterator] = function () { return this; }, i;\r\n function verb(n, f) { i[n] = o[n] ? function (v) { return (p = !p) ? { value: __await(o[n](v)), done: n === \"return\" } : f ? f(v) : v; } : f; }\r\n}\r\n\r\nfunction __asyncValues(o) {\r\n if (!Symbol.asyncIterator) throw new TypeError(\"Symbol.asyncIterator is not defined.\");\r\n var m = o[Symbol.asyncIterator], i;\r\n 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);\r\n 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); }); }; }\r\n function settle(resolve, reject, d, v) { Promise.resolve(v).then(function(v) { resolve({ value: v, done: d }); }, reject); }\r\n}\r\n\r\nfunction __makeTemplateObject(cooked, raw) {\r\n if (Object.defineProperty) { Object.defineProperty(cooked, \"raw\", { value: raw }); } else { cooked.raw = raw; }\r\n return cooked;\r\n};\r\n\r\nfunction __importStar(mod) {\r\n if (mod && mod.__esModule) return mod;\r\n var result = {};\r\n if (mod != null) for (var k in mod) if (Object.hasOwnProperty.call(mod, k)) result[k] = mod[k];\r\n result.default = mod;\r\n return result;\r\n}\r\n\r\nfunction __importDefault(mod) {\r\n return (mod && mod.__esModule) ? mod : { default: mod };\r\n}\r\n\n// EXTERNAL MODULE: ./node_modules/rxjs/operators.js\nvar operators = __webpack_require__(26);\nvar operators_default = /*#__PURE__*/__webpack_require__.n(operators);\n\n// CONCATENATED MODULE: ./node_modules/ng2-material-dropdown/fesm5/ng2-material-dropdown.js\n\n\n\n\n/**\n * @fileoverview added by tsickle\n * @suppress {checkTypes} checked by tsc\n */\nvar ng2_material_dropdown_Ng2DropdownButton = /** @class */ (function () {\n function Ng2DropdownButton(element) {\n this.element = element;\n this.onMenuToggled = new core_es5[\"EventEmitter\"]();\n this.showCaret = true;\n }\n /**\n * \\@name toggleMenu\n * @desc emits event to toggle menu\n * @return {?}\n */\n Ng2DropdownButton.prototype.toggleMenu = /**\n * \\@name toggleMenu\n * @desc emits event to toggle menu\n * @return {?}\n */\n function () {\n this.onMenuToggled.emit(true);\n };\n /**\n * \\@name getPosition\n * @desc returns position of the button\n * @return {?}\n */\n Ng2DropdownButton.prototype.getPosition = /**\n * \\@name getPosition\n * @desc returns position of the button\n * @return {?}\n */\n function () {\n return this.element.nativeElement.getBoundingClientRect();\n };\n Ng2DropdownButton.decorators = [\n { type: core_es5[\"Component\"], args: [{\n selector: 'ng2-dropdown-button',\n styles: [\".ng2-dropdown-button{font-family:Roboto,\\\"Helvetica Neue\\\",Helvetica,Arial;background:#fff;padding:.45rem .25rem;font-size:14px;letter-spacing:.08rem;color:#444;outline:0;cursor:pointer;font-weight:400;border:none;border-bottom:1px solid #efefef;text-align:left;min-width:100px;width:100%;display:flex;flex-direction:row;max-width:150px}.ng2-dropdown-button:hover{color:#222}.ng2-dropdown-button:active,.ng2-dropdown-button:focus{color:#222;border-bottom:2px solid #2196f3}.ng2-dropdown-button__label{flex:1 1 95%}.ng2-dropdown-button__caret{width:12px;height:12px;display:flex;flex:1 1 6%}:host-context(.ng2-dropdown-button--icon) .ng2-dropdown-button{border:none;min-width:40px;width:40px;border-radius:100%;transition:all .2s;text-align:center;height:40px;padding:.5em}:host-context(.ng2-dropdown-button--icon) .ng2-dropdown-button:active{background:rgba(0,0,0,.2)}\"],\n template: \"
\\n \\n \\n\\n \\n \\n \\n\"\n },] },\n ];\n /** @nocollapse */\n Ng2DropdownButton.ctorParameters = function () { return [\n { type: core_es5[\"ElementRef\"], },\n ]; };\n Ng2DropdownButton.propDecorators = {\n \"onMenuToggled\": [{ type: core_es5[\"Output\"] },],\n \"showCaret\": [{ type: core_es5[\"Input\"] },],\n };\n return Ng2DropdownButton;\n}());\n\n/**\n * @fileoverview added by tsickle\n * @suppress {checkTypes} checked by tsc\n */\nvar /** @type {?} */ KEYS = {\n BACKSPACE: 9,\n PREV: 38,\n NEXT: 40,\n ENTER: 13,\n ESCAPE: 27\n};\n/**\n * \\@name onSwitchNext\n * @param index\n * @param items\n * @param state\n */\nvar /** @type {?} */ onSwitchNext = function (index, items, state$$1) {\n if (index < items.length - 1) {\n state$$1.select(items[index + 1], true);\n }\n};\n/**\n * \\@name onSwitchPrev\n * @param index\n * @param items\n * @param state\n */\nvar /** @type {?} */ onSwitchPrev = function (index, items, state$$1) {\n if (index > 0) {\n state$$1.select(items[index - 1], true);\n }\n};\n/**\n * \\@name onBackspace\n * @param index\n * @param items\n * @param state\n */\nvar /** @type {?} */ onBackspace = function (index, items, state$$1) {\n if (index < items.length - 1) {\n state$$1.select(items[index + 1], true);\n }\n else {\n state$$1.select(items[0], true);\n }\n};\n/**\n * @this {?}\n * @return {?}\n */\nfunction onEscape() {\n this.hide();\n}\n/**\n * \\@name onItemClicked\n * @param index\n * @param items\n * @param state\n */\nvar /** @type {?} */ onItemClicked = function (index, items, state$$1) {\n return state$$1.selectedItem ? state$$1.selectedItem.click() : undefined;\n};\nvar /** @type {?} */ ACTIONS = (ng2_material_dropdown__a = {},\n ng2_material_dropdown__a[KEYS.BACKSPACE] = onBackspace,\n ng2_material_dropdown__a[KEYS.PREV] = onSwitchPrev,\n ng2_material_dropdown__a[KEYS.NEXT] = onSwitchNext,\n ng2_material_dropdown__a[KEYS.ENTER] = onItemClicked,\n ng2_material_dropdown__a[KEYS.ESCAPE] = onEscape,\n ng2_material_dropdown__a);\n/**\n * @param {?} event\n * @return {?}\n */\nfunction arrowKeysHandler(event) {\n if ([38, 40].indexOf(event.keyCode) > -1) {\n event.preventDefault();\n }\n}\nvar ng2_material_dropdown__a;\n\n/**\n * @fileoverview added by tsickle\n * @suppress {checkTypes} checked by tsc\n */\nvar ng2_material_dropdown_Ng2DropdownState = /** @class */ (function () {\n function Ng2DropdownState() {\n this.onItemSelected = new core_es5[\"EventEmitter\"]();\n this.onItemClicked = new core_es5[\"EventEmitter\"]();\n this.onItemDestroyed = new core_es5[\"EventEmitter\"]();\n }\n Object.defineProperty(Ng2DropdownState.prototype, \"selectedItem\", {\n get: /**\n * \\@name selectedItem\n * @desc getter for _selectedItem\n * @return {?}\n */\n function () {\n return this._selectedItem;\n },\n enumerable: true,\n configurable: true\n });\n /**\n * \\@name selects a menu item and emits event\n * @param {?} item\n * @param {?=} dispatchEvent\n * @return {?}\n */\n Ng2DropdownState.prototype.select = /**\n * \\@name selects a menu item and emits event\n * @param {?} item\n * @param {?=} dispatchEvent\n * @return {?}\n */\n function (item, dispatchEvent) {\n if (dispatchEvent === void 0) { dispatchEvent = true; }\n this._selectedItem = item;\n if (!dispatchEvent || !item) {\n return;\n }\n item.focus();\n this.onItemSelected.emit(item);\n };\n /**\n * \\@name unselect\n * @desc sets _selectedItem as undefined\n * @return {?}\n */\n Ng2DropdownState.prototype.unselect = /**\n * \\@name unselect\n * @desc sets _selectedItem as undefined\n * @return {?}\n */\n function () {\n this._selectedItem = undefined;\n };\n return Ng2DropdownState;\n}());\n\n/**\n * @fileoverview added by tsickle\n * @suppress {checkTypes} checked by tsc\n */\nvar ng2_material_dropdown_DropdownStateService = /** @class */ (function () {\n function DropdownStateService() {\n this.menuState = {\n isVisible: /** @type {?} */ (false),\n toString: /**\n * @return {?}\n */\n function () {\n return this.isVisible === true ? 'visible' : 'hidden';\n }\n };\n this.dropdownState = new ng2_material_dropdown_Ng2DropdownState();\n }\n DropdownStateService.decorators = [\n { type: core_es5[\"Injectable\"] },\n ];\n return DropdownStateService;\n}());\n\n/**\n * @fileoverview added by tsickle\n * @suppress {checkTypes} checked by tsc\n */\nvar ng2_material_dropdown_Ng2MenuItem = /** @class */ (function () {\n function Ng2MenuItem(state$$1, element, renderer) {\n this.state = state$$1;\n this.element = element;\n this.renderer = renderer;\n /**\n * \\@preventClose\n * @desc if true, clicking on the item won't close the dropdown\n */\n this.preventClose = false;\n }\n /**\n * @return {?}\n */\n Ng2MenuItem.prototype.ngOnDestroy = /**\n * @return {?}\n */\n function () {\n this.state.dropdownState.onItemDestroyed.emit(this);\n };\n Object.defineProperty(Ng2MenuItem.prototype, \"isSelected\", {\n get: /**\n * \\@name isSelected\n * @desc returns current selected item\n * @return {?}\n */\n function () {\n return this === this.state.dropdownState.selectedItem;\n },\n enumerable: true,\n configurable: true\n });\n /**\n * \\@name click\n * @desc emits select event\n * @param {?=} $event\n * @return {?}\n */\n Ng2MenuItem.prototype.select = /**\n * \\@name click\n * @desc emits select event\n * @param {?=} $event\n * @return {?}\n */\n function ($event) {\n this.state.dropdownState.select(this, true);\n if ($event) {\n $event.stopPropagation();\n $event.preventDefault();\n }\n };\n /**\n * \\@name click\n * @desc emits click event\n * @return {?}\n */\n Ng2MenuItem.prototype.click = /**\n * \\@name click\n * @desc emits click event\n * @return {?}\n */\n function () {\n this.state.dropdownState.onItemClicked.emit(this);\n };\n /**\n * \\@name focus\n * @return {?}\n */\n Ng2MenuItem.prototype.focus = /**\n * \\@name focus\n * @return {?}\n */\n function () {\n this.renderer.invokeElementMethod(this.element.nativeElement.children[0], 'focus');\n };\n Ng2MenuItem.decorators = [\n { type: core_es5[\"Component\"], args: [{\n selector: 'ng2-menu-item',\n styles: [\".ng2-menu-item{font-family:Roboto,\\\"Helvetica Neue\\\",Helvetica,Arial;background:#fff;color:rgba(0,0,0,.87);cursor:pointer;font-size:.9em;text-transform:none;font-weight:400;letter-spacing:.03em;height:48px;line-height:48px;padding:.3em 1.25rem;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;transition:background .25s}.ng2-menu-item--selected{background:rgba(158,158,158,.2);outline:0}.ng2-menu-item:focus{outline:0}.ng2-menu-item:active{background:rgba(158,158,158,.4)}:host(ng2-menu-item) /deep/ [ng2-menu-item-icon]{vertical-align:middle;font-size:28px;width:1.5em;height:30px;color:rgba(0,0,0,.44)}\"],\n template: \"\\n\"\n },] },\n ];\n /** @nocollapse */\n Ng2MenuItem.ctorParameters = function () { return [\n { type: ng2_material_dropdown_DropdownStateService, },\n { type: core_es5[\"ElementRef\"], },\n { type: core_es5[\"Renderer\"], },\n ]; };\n Ng2MenuItem.propDecorators = {\n \"preventClose\": [{ type: core_es5[\"Input\"] },],\n \"value\": [{ type: core_es5[\"Input\"] },],\n };\n return Ng2MenuItem;\n}());\n\n/**\n * @fileoverview added by tsickle\n * @suppress {checkTypes} checked by tsc\n */\nvar ng2_material_dropdown_Ng2DropdownMenu = /** @class */ (function () {\n function Ng2DropdownMenu(state$$1, element, renderer) {\n this.state = state$$1;\n this.element = element;\n this.renderer = renderer;\n /**\n * \\@name width\n */\n this.width = 4;\n /**\n * \\@description if set to true, the first element of the dropdown will be automatically focused\n * \\@name focusFirstElement\n */\n this.focusFirstElement = true;\n /**\n * \\@name appendToBody\n */\n this.appendToBody = true;\n /**\n * \\@name zIndex\n */\n this.zIndex = 1000;\n this.listeners = {\n arrowHandler: undefined,\n handleKeypress: undefined\n };\n }\n /**\n * \\@name show\n * \\@shows menu and selects first item\n * @param {?=} position\n * @param {?=} dynamic\n * @return {?}\n */\n Ng2DropdownMenu.prototype.show = /**\n * \\@name show\n * \\@shows menu and selects first item\n * @param {?=} position\n * @param {?=} dynamic\n * @return {?}\n */\n function (position, dynamic) {\n if (dynamic === void 0) { dynamic = true; }\n var /** @type {?} */ dc = typeof document !== 'undefined' ? document : undefined;\n var /** @type {?} */ wd = typeof window !== 'undefined' ? window : undefined;\n if (!this.state.menuState.isVisible) {\n // setting handlers\n this.listeners.handleKeypress = this.renderer.listen(dc.body, 'keydown', this.handleKeypress.bind(this));\n this.listeners.arrowHandler = this.renderer.listen(wd, 'keydown', arrowKeysHandler);\n }\n // update state\n this.state.menuState.isVisible = true;\n if (position) {\n this.updatePosition(position, dynamic);\n }\n };\n /**\n * \\@name hide\n * @desc hides menu\n * @return {?}\n */\n Ng2DropdownMenu.prototype.hide = /**\n * \\@name hide\n * @desc hides menu\n * @return {?}\n */\n function () {\n this.state.menuState.isVisible = false;\n // reset selected item state\n this.state.dropdownState.unselect();\n // call function to unlisten\n this.listeners.arrowHandler ? this.listeners.arrowHandler() : undefined;\n this.listeners.handleKeypress ? this.listeners.handleKeypress() : undefined;\n };\n /**\n * \\@name updatePosition\n * @desc updates the menu position every time it is toggled\n * @param {?} position {ClientRect}\n * @param {?} dynamic {boolean}\n * @return {?}\n */\n Ng2DropdownMenu.prototype.updatePosition = /**\n * \\@name updatePosition\n * @desc updates the menu position every time it is toggled\n * @param {?} position {ClientRect}\n * @param {?} dynamic {boolean}\n * @return {?}\n */\n function (position, dynamic) {\n this.position = position;\n this.updateOnChange(dynamic);\n };\n /**\n * \\@name handleKeypress\n * @desc executes functions on keyPress based on the key pressed\n * @param {?} $event\n * @return {?}\n */\n Ng2DropdownMenu.prototype.handleKeypress = /**\n * \\@name handleKeypress\n * @desc executes functions on keyPress based on the key pressed\n * @param {?} $event\n * @return {?}\n */\n function ($event) {\n var /** @type {?} */ key = $event.keyCode;\n var /** @type {?} */ items = this.items.toArray();\n var /** @type {?} */ index = items.indexOf(this.state.dropdownState.selectedItem);\n if (!ACTIONS.hasOwnProperty(key)) {\n return;\n }\n ACTIONS[key].call(this, index, items, this.state.dropdownState);\n };\n /**\n * \\@name getMenuElement\n * @return {?}\n */\n Ng2DropdownMenu.prototype.getMenuElement = /**\n * \\@name getMenuElement\n * @return {?}\n */\n function () {\n return this.element.nativeElement.children[0];\n };\n /**\n * \\@name calcPositionOffset\n * @param {?} position\n * @return {?}\n */\n Ng2DropdownMenu.prototype.calcPositionOffset = /**\n * \\@name calcPositionOffset\n * @param {?} position\n * @return {?}\n */\n function (position) {\n var /** @type {?} */ wd = typeof window !== 'undefined' ? window : undefined;\n var /** @type {?} */ dc = typeof document !== 'undefined' ? document : undefined;\n if (!wd || !dc || !position) {\n return;\n }\n var /** @type {?} */ element = this.getMenuElement();\n var /** @type {?} */ supportPageOffset = wd.pageXOffset !== undefined;\n var /** @type {?} */ isCSS1Compat = ((dc.compatMode || '') === 'CSS1Compat');\n var /** @type {?} */ x = supportPageOffset ? wd.pageXOffset : isCSS1Compat ?\n dc.documentElement.scrollLeft : dc.body.scrollLeft;\n var /** @type {?} */ y = supportPageOffset ? wd.pageYOffset : isCSS1Compat ?\n dc.documentElement.scrollTop : dc.body.scrollTop;\n var _a = this.applyOffset(position.top + (this.appendToBody ? y - 15 : 0) + \"px\", position.left + x - 5 + \"px\"), top = _a.top, left = _a.left;\n var /** @type {?} */ clientWidth = element.clientWidth;\n var /** @type {?} */ clientHeight = element.clientHeight;\n var /** @type {?} */ marginFromBottom = parseInt(top) + clientHeight + (this.appendToBody ? 0 : y - 15);\n var /** @type {?} */ marginFromRight = parseInt(left) + clientWidth;\n var /** @type {?} */ windowScrollHeight = wd.innerHeight + wd.scrollY;\n var /** @type {?} */ windowScrollWidth = wd.innerWidth + wd.scrollX;\n if (marginFromBottom >= windowScrollHeight) {\n top = parseInt(top.replace('px', '')) - clientHeight + \"px\";\n }\n if (marginFromRight >= windowScrollWidth) {\n var /** @type {?} */ marginRight = marginFromRight - windowScrollWidth + 30;\n left = parseInt(left.replace('px', '')) - marginRight + \"px\";\n }\n return { top: top, left: left };\n };\n /**\n * @param {?} top\n * @param {?} left\n * @return {?}\n */\n Ng2DropdownMenu.prototype.applyOffset = /**\n * @param {?} top\n * @param {?} left\n * @return {?}\n */\n function (top, left) {\n if (!this.offset) {\n return { top: top, left: left };\n }\n var /** @type {?} */ offset = this.offset.split(' ');\n if (!offset[1]) {\n offset[1] = '0';\n }\n top = parseInt(top.replace('px', '')) + parseInt(offset[0]) + \"px\";\n left = parseInt(left.replace('px', '')) + parseInt(offset[1]) + \"px\";\n return { top: top, left: left };\n };\n /**\n * @return {?}\n */\n Ng2DropdownMenu.prototype.ngOnInit = /**\n * @return {?}\n */\n function () {\n var /** @type {?} */ dc = typeof document !== 'undefined' ? document : undefined;\n if (this.appendToBody) {\n // append menu element to the body\n dc.body.appendChild(this.element.nativeElement);\n }\n };\n /**\n * @param {?=} dynamic\n * @return {?}\n */\n Ng2DropdownMenu.prototype.updateOnChange = /**\n * @param {?=} dynamic\n * @return {?}\n */\n function (dynamic) {\n if (dynamic === void 0) { dynamic = true; }\n var /** @type {?} */ element = this.getMenuElement();\n var /** @type {?} */ position = this.calcPositionOffset(this.position);\n if (position) {\n this.renderer.setElementStyle(element, 'top', position.top.toString());\n this.renderer.setElementStyle(element, 'left', position.left.toString());\n }\n // select first item unless user disabled this option\n if (this.focusFirstElement &&\n this.items.first &&\n !this.state.dropdownState.selectedItem) {\n this.state.dropdownState.select(this.items.first, false);\n }\n };\n /**\n * @return {?}\n */\n Ng2DropdownMenu.prototype.ngOnDestroy = /**\n * @return {?}\n */\n function () {\n var /** @type {?} */ elem = this.element.nativeElement;\n elem.parentNode.removeChild(elem);\n if (this.listeners.handleKeypress) {\n this.listeners.handleKeypress();\n }\n };\n Ng2DropdownMenu.decorators = [\n { type: core_es5[\"Component\"], args: [{\n selector: 'ng2-dropdown-menu',\n styles: [\":host{display:block}.ng2-dropdown-menu{overflow-y:auto;box-shadow:0 1px 2px 0 rgba(0,0,0,.3);position:absolute;padding:.5em 0;background:#fff;border-radius:1px;max-height:400px;width:260px;min-height:0;display:block}.ng2-dropdown-menu.ng2-dropdown-menu--inside-element{position:fixed}.ng2-dropdown-menu.ng2-dropdown-menu--width--2{width:200px}.ng2-dropdown-menu.ng2-dropdown-menu--width--4{width:260px}.ng2-dropdown-menu.ng2-dropdown-menu--width--6{width:320px}.ng2-dropdown-backdrop{position:fixed;top:0;left:0;width:100%;height:100%;z-index:1;overflow:hidden}:host /deep/ .ng2-menu-divider{height:1px;min-height:1px;max-height:1px;width:100%;display:block;background:#f9f9f9}\"],\n template: \"\\n\\n\\n\\n
\\n\",\n animations: [\n trigger('fade', [\n animations_es5_state('visible', style({ display: 'block', opacity: 1, height: '*', width: '*' })),\n animations_es5_state('hidden', style({ display: 'none', opacity: 0, overflow: 'hidden', height: 0, width: 0 })),\n transition('hidden => visible', [\n animate('250ms ease-in', style({ opacity: 1, height: '*', width: '*' }))\n ]),\n transition('visible => hidden', [\n animate('350ms ease-out', style({ opacity: 0, width: 0, height: 0 }))\n ])\n ]),\n trigger('opacity', [\n transition('hidden => visible', [\n animate('450ms ease-in', animations_es5_keyframes([\n style({ opacity: 0, offset: 0 }),\n style({ opacity: 1, offset: 1 }),\n ]))\n ]),\n transition('visible => hidden', [\n animate('250ms ease-out', animations_es5_keyframes([\n style({ opacity: 1, offset: 0 }),\n style({ opacity: 0.5, offset: 0.3 }),\n style({ opacity: 0, offset: 1 }),\n ]))\n ])\n ])\n ]\n },] },\n ];\n /** @nocollapse */\n Ng2DropdownMenu.ctorParameters = function () { return [\n { type: ng2_material_dropdown_DropdownStateService, },\n { type: core_es5[\"ElementRef\"], },\n { type: core_es5[\"Renderer\"], },\n ]; };\n Ng2DropdownMenu.propDecorators = {\n \"width\": [{ type: core_es5[\"Input\"] },],\n \"focusFirstElement\": [{ type: core_es5[\"Input\"] },],\n \"offset\": [{ type: core_es5[\"Input\"] },],\n \"appendToBody\": [{ type: core_es5[\"Input\"] },],\n \"zIndex\": [{ type: core_es5[\"Input\"] },],\n \"items\": [{ type: core_es5[\"ContentChildren\"], args: [ng2_material_dropdown_Ng2MenuItem,] },],\n };\n return Ng2DropdownMenu;\n}());\n\n/**\n * @fileoverview added by tsickle\n * @suppress {checkTypes} checked by tsc\n */\nvar ng2_material_dropdown_Ng2Dropdown = /** @class */ (function () {\n function Ng2Dropdown(state$$1) {\n this.state = state$$1;\n this.dynamicUpdate = true;\n // outputs\n this.onItemClicked = new core_es5[\"EventEmitter\"]();\n this.onItemSelected = new core_es5[\"EventEmitter\"]();\n this.onShow = new core_es5[\"EventEmitter\"]();\n this.onHide = new core_es5[\"EventEmitter\"]();\n }\n /**\n * @return {?}\n */\n Ng2Dropdown.prototype.ngOnInit = /**\n * @return {?}\n */\n function () {\n var _this = this;\n this.state.dropdownState.onItemClicked.subscribe(function (item) {\n _this.onItemClicked.emit(item);\n if (item.preventClose) {\n return;\n }\n _this.hide.call(_this);\n });\n if (this.button) {\n this.button.onMenuToggled.subscribe(function () {\n _this.toggleMenu();\n });\n }\n this.state.dropdownState.onItemSelected.subscribe(function (item) {\n _this.onItemSelected.emit(item);\n });\n this.state.dropdownState.onItemDestroyed.subscribe(function (item) {\n var /** @type {?} */ newSelectedItem;\n var /** @type {?} */ items = _this.menu.items.toArray();\n if (item !== _this.state.dropdownState.selectedItem) {\n return;\n }\n if (_this.menu.focusFirstElement) {\n newSelectedItem = item === items[0] && items.length > 1 ? items[1] : items[0];\n }\n _this.state.dropdownState.select(newSelectedItem);\n });\n };\n /**\n * \\@name toggleMenu\n * @desc toggles menu visibility\n * @param {?=} position\n * @return {?}\n */\n Ng2Dropdown.prototype.toggleMenu = /**\n * \\@name toggleMenu\n * @desc toggles menu visibility\n * @param {?=} position\n * @return {?}\n */\n function (position) {\n if (position === void 0) { position = this.button.getPosition(); }\n this.state.menuState.isVisible ? this.hide() : this.show(position);\n };\n /**\n * - hides dropdown\n * \\@name hide\n * @return {?}\n */\n Ng2Dropdown.prototype.hide = /**\n * - hides dropdown\n * \\@name hide\n * @return {?}\n */\n function () {\n this.menu.hide();\n this.onHide.emit(this);\n };\n /**\n * - shows dropdown\n * \\@name show\n * @param {?=} position\n * @return {?}\n */\n Ng2Dropdown.prototype.show = /**\n * - shows dropdown\n * \\@name show\n * @param {?=} position\n * @return {?}\n */\n function (position) {\n if (position === void 0) { position = this.button.getPosition(); }\n this.menu.show(position, this.dynamicUpdate);\n this.onShow.emit(this);\n };\n /**\n * \\@name scrollListener\n * @return {?}\n */\n Ng2Dropdown.prototype.scrollListener = /**\n * \\@name scrollListener\n * @return {?}\n */\n function () {\n if (this.button && this.dynamicUpdate) {\n this.menu.updatePosition(this.button.getPosition(), true);\n }\n };\n Ng2Dropdown.decorators = [\n { type: core_es5[\"Component\"], args: [{\n selector: 'ng2-dropdown',\n template: \"
\\n
\\n\",\n providers: [ng2_material_dropdown_DropdownStateService]\n },] },\n ];\n /** @nocollapse */\n Ng2Dropdown.ctorParameters = function () { return [\n { type: ng2_material_dropdown_DropdownStateService, },\n ]; };\n Ng2Dropdown.propDecorators = {\n \"button\": [{ type: core_es5[\"ContentChild\"], args: [ng2_material_dropdown_Ng2DropdownButton,] },],\n \"menu\": [{ type: core_es5[\"ContentChild\"], args: [ng2_material_dropdown_Ng2DropdownMenu,] },],\n \"dynamicUpdate\": [{ type: core_es5[\"Input\"] },],\n \"onItemClicked\": [{ type: core_es5[\"Output\"] },],\n \"onItemSelected\": [{ type: core_es5[\"Output\"] },],\n \"onShow\": [{ type: core_es5[\"Output\"] },],\n \"onHide\": [{ type: core_es5[\"Output\"] },],\n \"scrollListener\": [{ type: core_es5[\"HostListener\"], args: ['window:scroll',] },],\n };\n return Ng2Dropdown;\n}());\n\n/**\n * @fileoverview added by tsickle\n * @suppress {checkTypes} checked by tsc\n */\nvar ng2_material_dropdown_Ng2DropdownModule = /** @class */ (function () {\n function Ng2DropdownModule() {\n }\n Ng2DropdownModule.decorators = [\n { type: core_es5[\"NgModule\"], args: [{\n exports: [\n ng2_material_dropdown_Ng2MenuItem,\n ng2_material_dropdown_Ng2DropdownButton,\n ng2_material_dropdown_Ng2DropdownMenu,\n ng2_material_dropdown_Ng2Dropdown\n ],\n declarations: [\n ng2_material_dropdown_Ng2Dropdown,\n ng2_material_dropdown_Ng2MenuItem,\n ng2_material_dropdown_Ng2DropdownButton,\n ng2_material_dropdown_Ng2DropdownMenu,\n ],\n imports: [\n common_es5[\"CommonModule\"]\n ]\n },] },\n ];\n return Ng2DropdownModule;\n}());\n\n/**\n * @fileoverview added by tsickle\n * @suppress {checkTypes} checked by tsc\n */\n\n/**\n * @fileoverview added by tsickle\n * @suppress {checkTypes} checked by tsc\n */\n\n\n\n//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibmcyLW1hdGVyaWFsLWRyb3Bkb3duLmpzLm1hcCIsInNvdXJjZXMiOlsibmc6Ly9uZzItbWF0ZXJpYWwtZHJvcGRvd24vc3JjL21vZHVsZXMvY29tcG9uZW50cy9idXR0b24vbmcyLWRyb3Bkb3duLWJ1dHRvbi50cyIsIm5nOi8vbmcyLW1hdGVyaWFsLWRyb3Bkb3duL3NyYy9tb2R1bGVzL2NvbXBvbmVudHMvbWVudS9hY3Rpb25zLnRzIiwibmc6Ly9uZzItbWF0ZXJpYWwtZHJvcGRvd24vc3JjL21vZHVsZXMvc2VydmljZXMvbmcyLWRyb3Bkb3duLXN0YXRlLnRzIiwibmc6Ly9uZzItbWF0ZXJpYWwtZHJvcGRvd24vc3JjL21vZHVsZXMvc2VydmljZXMvZHJvcGRvd24tc3RhdGUuc2VydmljZS50cyIsIm5nOi8vbmcyLW1hdGVyaWFsLWRyb3Bkb3duL3NyYy9tb2R1bGVzL2NvbXBvbmVudHMvbWVudS1pdGVtL25nMi1tZW51LWl0ZW0udHMiLCJuZzovL25nMi1tYXRlcmlhbC1kcm9wZG93bi9zcmMvbW9kdWxlcy9jb21wb25lbnRzL21lbnUvbmcyLWRyb3Bkb3duLW1lbnUudHMiLCJuZzovL25nMi1tYXRlcmlhbC1kcm9wZG93bi9zcmMvbW9kdWxlcy9jb21wb25lbnRzL2Ryb3Bkb3duL25nMi1kcm9wZG93bi50cyIsIm5nOi8vbmcyLW1hdGVyaWFsLWRyb3Bkb3duL3NyYy9tb2R1bGVzL25nMi1kcm9wZG93bi5tb2R1bGUudHMiXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcbiAgICBDb21wb25lbnQsXG4gICAgT3V0cHV0LFxuICAgIElucHV0LFxuICAgIEV2ZW50RW1pdHRlcixcbiAgICBFbGVtZW50UmVmXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5AQ29tcG9uZW50KHtcbiAgICBzZWxlY3RvcjogJ25nMi1kcm9wZG93bi1idXR0b24nLFxuICAgIHN0eWxlczogW2AubmcyLWRyb3Bkb3duLWJ1dHRvbntmb250LWZhbWlseTpSb2JvdG8sXCJIZWx2ZXRpY2EgTmV1ZVwiLEhlbHZldGljYSxBcmlhbDtiYWNrZ3JvdW5kOiNmZmY7cGFkZGluZzouNDVyZW0gLjI1cmVtO2ZvbnQtc2l6ZToxNHB4O2xldHRlci1zcGFjaW5nOi4wOHJlbTtjb2xvcjojNDQ0O291dGxpbmU6MDtjdXJzb3I6cG9pbnRlcjtmb250LXdlaWdodDo0MDA7Ym9yZGVyOm5vbmU7Ym9yZGVyLWJvdHRvbToxcHggc29saWQgI2VmZWZlZjt0ZXh0LWFsaWduOmxlZnQ7bWluLXdpZHRoOjEwMHB4O3dpZHRoOjEwMCU7ZGlzcGxheTpmbGV4O2ZsZXgtZGlyZWN0aW9uOnJvdzttYXgtd2lkdGg6MTUwcHh9Lm5nMi1kcm9wZG93bi1idXR0b246aG92ZXJ7Y29sb3I6IzIyMn0ubmcyLWRyb3Bkb3duLWJ1dHRvbjphY3RpdmUsLm5nMi1kcm9wZG93bi1idXR0b246Zm9jdXN7Y29sb3I6IzIyMjtib3JkZXItYm90dG9tOjJweCBzb2xpZCAjMjE5NmYzfS5uZzItZHJvcGRvd24tYnV0dG9uX19sYWJlbHtmbGV4OjEgMSA5NSV9Lm5nMi1kcm9wZG93bi1idXR0b25fX2NhcmV0e3dpZHRoOjEycHg7aGVpZ2h0OjEycHg7ZGlzcGxheTpmbGV4O2ZsZXg6MSAxIDYlfTpob3N0LWNvbnRleHQoLm5nMi1kcm9wZG93bi1idXR0b24tLWljb24pIC5uZzItZHJvcGRvd24tYnV0dG9ue2JvcmRlcjpub25lO21pbi13aWR0aDo0MHB4O3dpZHRoOjQwcHg7Ym9yZGVyLXJhZGl1czoxMDAlO3RyYW5zaXRpb246YWxsIC4yczt0ZXh0LWFsaWduOmNlbnRlcjtoZWlnaHQ6NDBweDtwYWRkaW5nOi41ZW19Omhvc3QtY29udGV4dCgubmcyLWRyb3Bkb3duLWJ1dHRvbi0taWNvbikgLm5nMi1kcm9wZG93bi1idXR0b246YWN0aXZle2JhY2tncm91bmQ6cmdiYSgwLDAsMCwuMil9YF0sXG4gICAgdGVtcGxhdGU6IGA8YnV0dG9uIGNsYXNzPSduZzItZHJvcGRvd24tYnV0dG9uJyB0eXBlPVwiYnV0dG9uXCIgKGNsaWNrKT1cInRvZ2dsZU1lbnUoKVwiIHRhYmluZGV4PVwiMHNcIj5cbiAgICA8c3BhbiBjbGFzcz1cIm5nMi1kcm9wZG93bi1idXR0b25fX2xhYmVsXCI+XG4gICAgICAgIDxuZy1jb250ZW50PjwvbmctY29udGVudD5cbiAgICA8L3NwYW4+XG5cbiAgICA8c3BhbiBjbGFzcz1cIm5nMi1kcm9wZG93bi1idXR0b25fX2NhcmV0XCIgKm5nSWY9XCJzaG93Q2FyZXRcIj5cbiAgICAgICAgPHN2ZyBlbmFibGUtYmFja2dyb3VuZD1cIm5ldyAwIDAgMzIgMzJcIiBoZWlnaHQ9XCIxNnB4XCIgaWQ9XCLDkMKhw5DCu8OQwr7DkMK5XzFcIiB2ZXJzaW9uPVwiMS4xXCIgdmlld0JveD1cIjAgMCAzMiAzMlwiIHdpZHRoPVwiMTZweFwiIHhtbDpzcGFjZT1cInByZXNlcnZlXCIgeG1sbnM9XCJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2Z1wiIHhtbG5zOnhsaW5rPVwiaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGlua1wiPjxwYXRoIGQ9XCJNMjQuMjg1LDExLjI4NEwxNiwxOS41NzFsLTguMjg1LTguMjg4Yy0wLjM5NS0wLjM5NS0xLjAzNC0wLjM5NS0xLjQyOSwwICBjLTAuMzk0LDAuMzk1LTAuMzk0LDEuMDM1LDAsMS40M2w4Ljk5OSw5LjAwMmwwLDBsMCwwYzAuMzk0LDAuMzk1LDEuMDM0LDAuMzk1LDEuNDI4LDBsOC45OTktOS4wMDIgIGMwLjM5NC0wLjM5NSwwLjM5NC0xLjAzNiwwLTEuNDMxQzI1LjMxOSwxMC44ODksMjQuNjc5LDEwLjg4OSwyNC4yODUsMTEuMjg0elwiIGZpbGw9XCIjMTIxMzEzXCIgaWQ9XCJFeHBhbmRfTW9yZVwiLz48Zy8+PGcvPjxnLz48Zy8+PGcvPjxnLz48L3N2Zz5cbiAgICA8L3NwYW4+XG48L2J1dHRvbj5cbmBcbn0pXG5leHBvcnQgY2xhc3MgTmcyRHJvcGRvd25CdXR0b24ge1xuICAgIEBPdXRwdXQoKSBwdWJsaWMgb25NZW51VG9nZ2xlZDogRXZlbnRFbWl0dGVyPGJvb2xlYW4+ID0gbmV3IEV2ZW50RW1pdHRlcjxib29sZWFuPigpO1xuICAgIEBJbnB1dCgpIHB1YmxpYyBzaG93Q2FyZXQ6IGJvb2xlYW4gPSB0cnVlO1xuXG4gICAgY29uc3RydWN0b3IocHJpdmF0ZSBlbGVtZW50OiBFbGVtZW50UmVmKSB7fVxuXG4gICAgLyoqXG4gICAgICogQG5hbWUgdG9nZ2xlTWVudVxuICAgICAqIEBkZXNjIGVtaXRzIGV2ZW50IHRvIHRvZ2dsZSBtZW51XG4gICAgICovXG4gICAgcHVibGljIHRvZ2dsZU1lbnUoKTogdm9pZCB7XG4gICAgICAgIHRoaXMub25NZW51VG9nZ2xlZC5lbWl0KHRydWUpO1xuICAgIH1cblxuICAgIC8qKlxuICAgICAqIEBuYW1lIGdldFBvc2l0aW9uXG4gICAgICogQGRlc2MgcmV0dXJucyBwb3NpdGlvbiBvZiB0aGUgYnV0dG9uXG4gICAgICovXG4gICAgcHVibGljIGdldFBvc2l0aW9uKCk6IENsaWVudFJlY3Qge1xuICAgICAgcmV0dXJuIHRoaXMuZWxlbWVudC5uYXRpdmVFbGVtZW50LmdldEJvdW5kaW5nQ2xpZW50UmVjdCgpO1xuICAgIH1cbn1cbiIsImltcG9ydCB7IE5nMk1lbnVJdGVtIH0gZnJvbSAnLi4vbWVudS1pdGVtL25nMi1tZW51LWl0ZW0nO1xuaW1wb3J0IHsgTmcyRHJvcGRvd25NZW51IH0gZnJvbSAnLi9uZzItZHJvcGRvd24tbWVudSc7XG5pbXBvcnQgeyBOZzJEcm9wZG93blN0YXRlIH0gZnJvbSAnLi4vLi4vc2VydmljZXMvbmcyLWRyb3Bkb3duLXN0YXRlJztcblxuY29uc3QgS0VZUyA9IHtcbiAgICBCQUNLU1BBQ0U6IDksXG4gICAgUFJFVjogMzgsXG4gICAgTkVYVDogNDAsXG4gICAgRU5URVI6IDEzLFxuICAgIEVTQ0FQRTogMjdcbn07XG5cbi8qKlxuICogQG5hbWUgb25Td2l0Y2hOZXh0XG4gKiBAcGFyYW0gaW5kZXhcbiAqIEBwYXJhbSBpdGVtc1xuICogQHBhcmFtIHN0YXRlXG4gKi9cbmNvbnN0IG9uU3dpdGNoTmV4dCA9IChpbmRleDogbnVtYmVyLCBpdGVtczogTmcyTWVudUl0ZW1bXSwgc3RhdGU6IE5nMkRyb3Bkb3duU3RhdGUpID0+IHtcbiAgICBpZiAoaW5kZXggPCBpdGVtcy5sZW5ndGggLSAxKSB7XG4gICAgICAgIHN0YXRlLnNlbGVjdChpdGVtc1tpbmRleCArIDFdLCB0cnVlKTtcbiAgICB9XG59O1xuXG4vKipcbiAqIEBuYW1lIG9uU3dpdGNoUHJldlxuICogQHBhcmFtIGluZGV4XG4gKiBAcGFyYW0gaXRlbXNcbiAqIEBwYXJhbSBzdGF0ZVxuICovXG5jb25zdCBvblN3aXRjaFByZXYgPSAoaW5kZXg6IG51bWJlciwgaXRlbXM6IE5nMk1lbnVJdGVtW10sIHN0YXRlOiBOZzJEcm9wZG93blN0YXRlKSA9PiB7XG4gICAgaWYgKGluZGV4ID4gMCkge1xuICAgICAgICBzdGF0ZS5zZWxlY3QoaXRlbXNbaW5kZXggLSAxXSwgdHJ1ZSk7XG4gICAgfVxufTtcblxuLyoqXG4gKiBAbmFtZSBvbkJhY2tzcGFjZVxuICogQHBhcmFtIGluZGV4XG4gKiBAcGFyYW0gaXRlbXNcbiAqIEBwYXJhbSBzdGF0ZVxuICovXG5jb25zdCBvbkJhY2tzcGFjZSA9IChpbmRleDogbnVtYmVyLCBpdGVtczogTmcyTWVudUl0ZW1bXSwgc3RhdGU6IE5nMkRyb3Bkb3duU3RhdGUpID0+IHtcbiAgICBpZiAoaW5kZXggPCBpdGVtcy5sZW5ndGggLSAxKSB7XG4gICAgICAgIHN0YXRlLnNlbGVjdChpdGVtc1tpbmRleCArIDFdLCB0cnVlKTtcbiAgICB9IGVsc2Uge1xuICAgICAgICBzdGF0ZS5zZWxlY3QoaXRlbXNbMF0sIHRydWUpO1xuICAgIH1cbn07XG5cbmZ1bmN0aW9uIG9uRXNjYXBlKHRoaXM6IE5nMkRyb3Bkb3duTWVudSkge1xuICAgIHRoaXMuaGlkZSgpO1xufTtcblxuLyoqXG4gKiBAbmFtZSBvbkl0ZW1DbGlja2VkXG4gKiBAcGFyYW0gaW5kZXhcbiAqIEBwYXJhbSBpdGVtc1xuICogQHBhcmFtIHN0YXRlXG4gKi9cbmNvbnN0IG9uSXRlbUNsaWNrZWQgPSAoaW5kZXg6IG51bWJlciwgaXRlbXM6IE5nMk1lbnVJdGVtW10sIHN0YXRlOiBOZzJEcm9wZG93blN0YXRlKSA9PiB7XG4gICAgcmV0dXJuIHN0YXRlLnNlbGVjdGVkSXRlbSA/IHN0YXRlLnNlbGVjdGVkSXRlbS5jbGljaygpIDogdW5kZWZpbmVkO1xufTtcblxuZXhwb3J0IGNvbnN0IEFDVElPTlMgPSB7XG4gICAgW0tFWVMuQkFDS1NQQUNFXTogb25CYWNrc3BhY2UsXG4gICAgW0tFWVMuUFJFVl06IG9uU3dpdGNoUHJldixcbiAgICBbS0VZUy5ORVhUXTogb25Td2l0Y2hOZXh0LFxuICAgIFtLRVlTLkVOVEVSXTogb25JdGVtQ2xpY2tlZCxcbiAgICBbS0VZUy5FU0NBUEVdOiBvbkVzY2FwZVxufTtcblxuZXhwb3J0IGZ1bmN0aW9uIGFycm93S2V5c0hhbmRsZXIoZXZlbnQpOiB2b2lkIHtcbiAgICBpZiAoWzM4LCA0MF0uaW5kZXhPZihldmVudC5rZXlDb2RlKSA+IC0xKSB7XG4gICAgICAgIGV2ZW50LnByZXZlbnREZWZhdWx0KCk7XG4gICAgfVxufVxuIiwiaW1wb3J0IHsgRXZlbnRFbWl0dGVyIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBOZzJNZW51SXRlbSB9IGZyb20gJy4uL2NvbXBvbmVudHMvbWVudS1pdGVtL25nMi1tZW51LWl0ZW0nO1xuZXhwb3J0IGNsYXNzIE5nMkRyb3Bkb3duU3RhdGUge1xuICAgIHB1YmxpYyBvbkl0ZW1TZWxlY3RlZDogRXZlbnRFbWl0dGVyPE5nMk1lbnVJdGVtPiA9IG5ldyBFdmVudEVtaXR0ZXI8TmcyTWVudUl0ZW0+KCk7XG4gICAgcHVibGljIG9uSXRlbUNsaWNrZWQ6IEV2ZW50RW1pdHRlcjxOZzJNZW51SXRlbT4gPSBuZXcgRXZlbnRFbWl0dGVyPE5nMk1lbnVJdGVtPigpO1xuICAgIHB1YmxpYyBvbkl0ZW1EZXN0cm95ZWQ6IEV2ZW50RW1pdHRlcjxOZzJNZW51SXRlbT4gPSBuZXcgRXZlbnRFbWl0dGVyPE5nMk1lbnVJdGVtPigpO1xuXG4gICAgcHJpdmF0ZSBfc2VsZWN0ZWRJdGVtOiBOZzJNZW51SXRlbTtcblxuICAgIC8qKlxuICAgICAqIEBuYW1lIHNlbGVjdGVkSXRlbVxuICAgICAqIEBkZXNjIGdldHRlciBmb3IgX3NlbGVjdGVkSXRlbVxuICAgICAqL1xuICAgIHB1YmxpYyBnZXQgc2VsZWN0ZWRJdGVtKCk6IE5nMk1lbnVJdGVtIHtcbiAgICAgICAgcmV0dXJuIHRoaXMuX3NlbGVjdGVkSXRlbTtcbiAgICB9XG5cbiAgICAvKipcbiAgICAgKiBAbmFtZSBzZWxlY3RzIGEgbWVudSBpdGVtIGFuZCBlbWl0cyBldmVudFxuICAgICAqIEBwYXJhbSBpdGVtXG4gICAgICovXG4gICAgcHVibGljIHNlbGVjdChpdGVtOiBOZzJNZW51SXRlbSB8IHVuZGVmaW5lZCwgZGlzcGF0Y2hFdmVudCA9IHRydWUpOiB2b2lkIHtcbiAgICAgICAgdGhpcy5fc2VsZWN0ZWRJdGVtID0gaXRlbTtcblxuICAgICAgICBpZiAoIWRpc3BhdGNoRXZlbnQgfHwgIWl0ZW0pIHtcbiAgICAgICAgICAgIHJldHVybjtcbiAgICAgICAgfVxuXG4gICAgICAgIGl0ZW0uZm9jdXMoKTtcblxuICAgICAgICB0aGlzLm9uSXRlbVNlbGVjdGVkLmVtaXQoaXRlbSk7XG4gICAgfVxuXG4gICAgLyoqXG4gICAgICogQG5hbWUgdW5zZWxlY3RcbiAgICAgKiBAZGVzYyBzZXRzIF9zZWxlY3RlZEl0ZW0gYXMgdW5kZWZpbmVkXG4gICAgICovXG4gICAgcHVibGljIHVuc2VsZWN0KCk6IHZvaWQge1xuICAgICAgICB0aGlzLl9zZWxlY3RlZEl0ZW0gPSB1bmRlZmluZWQ7XG4gICAgfVxufVxuIiwiaW1wb3J0IHsgSW5qZWN0YWJsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgTmcyRHJvcGRvd25TdGF0ZSB9IGZyb20gJy4vbmcyLWRyb3Bkb3duLXN0YXRlJztcblxuQEluamVjdGFibGUoKVxuZXhwb3J0IGNsYXNzIERyb3Bkb3duU3RhdGVTZXJ2aWNlIHtcbiAgICBwdWJsaWMgbWVudVN0YXRlID0ge1xuICAgICAgICBpc1Zpc2libGU6IDxib29sZWFuPmZhbHNlLFxuICAgICAgICB0b1N0cmluZygpOiBzdHJpbmcge1xuICAgICAgICAgICAgcmV0dXJuIHRoaXMuaXNWaXNpYmxlID09PSB0cnVlID8gJ3Zpc2libGUnIDogJ2hpZGRlbic7XG4gICAgICAgIH1cbiAgICB9O1xuXG4gICAgcHVibGljIGRyb3Bkb3duU3RhdGU6IE5nMkRyb3Bkb3duU3RhdGUgPSBuZXcgTmcyRHJvcGRvd25TdGF0ZSgpO1xufVxuIiwiaW1wb3J0IHtcbiAgICBDb21wb25lbnQsXG4gICAgSW5wdXQsXG4gICAgUmVuZGVyZXIsXG4gICAgRWxlbWVudFJlZixcbiAgICBPbkRlc3Ryb3lcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbmltcG9ydCB7IERyb3Bkb3duU3RhdGVTZXJ2aWNlIH0gZnJvbSAnLi4vLi4vc2VydmljZXMvZHJvcGRvd24tc3RhdGUuc2VydmljZSc7XG5cbkBDb21wb25lbnQoe1xuICAgIHNlbGVjdG9yOiAnbmcyLW1lbnUtaXRlbScsXG4gICAgc3R5bGVzOiBbYC5uZzItbWVudS1pdGVte2ZvbnQtZmFtaWx5OlJvYm90byxcIkhlbHZldGljYSBOZXVlXCIsSGVsdmV0aWNhLEFyaWFsO2JhY2tncm91bmQ6I2ZmZjtjb2xvcjpyZ2JhKDAsMCwwLC44Nyk7Y3Vyc29yOnBvaW50ZXI7Zm9udC1zaXplOi45ZW07dGV4dC10cmFuc2Zvcm06bm9uZTtmb250LXdlaWdodDo0MDA7bGV0dGVyLXNwYWNpbmc6LjAzZW07aGVpZ2h0OjQ4cHg7bGluZS1oZWlnaHQ6NDhweDtwYWRkaW5nOi4zZW0gMS4yNXJlbTt0ZXh0LW92ZXJmbG93OmVsbGlwc2lzO3doaXRlLXNwYWNlOm5vd3JhcDtvdmVyZmxvdzpoaWRkZW47dHJhbnNpdGlvbjpiYWNrZ3JvdW5kIC4yNXN9Lm5nMi1tZW51LWl0ZW0tLXNlbGVjdGVke2JhY2tncm91bmQ6cmdiYSgxNTgsMTU4LDE1OCwuMik7b3V0bGluZTowfS5uZzItbWVudS1pdGVtOmZvY3Vze291dGxpbmU6MH0ubmcyLW1lbnUtaXRlbTphY3RpdmV7YmFja2dyb3VuZDpyZ2JhKDE1OCwxNTgsMTU4LC40KX06aG9zdChuZzItbWVudS1pdGVtKSAvZGVlcC8gW25nMi1tZW51LWl0ZW0taWNvbl17dmVydGljYWwtYWxpZ246bWlkZGxlO2ZvbnQtc2l6ZToyOHB4O3dpZHRoOjEuNWVtO2hlaWdodDozMHB4O2NvbG9yOnJnYmEoMCwwLDAsLjQ0KX1gXSxcbiAgICB0ZW1wbGF0ZTogYDxkaXYgY2xhc3M9J25nMi1tZW51LWl0ZW0nXG4gICAgIHJvbGU9XCJidXR0b25cIlxuICAgICB0YWJpbmRleD1cIjBcIlxuICAgICBbY2xhc3MubmcyLW1lbnUtaXRlbS0tc2VsZWN0ZWRdPVwiaXNTZWxlY3RlZFwiXG4gICAgIChrZXlkb3duLmVudGVyKT1cImNsaWNrKClcIlxuICAgICAoY2xpY2spPVwiY2xpY2soKVwiXG4gICAgIChtb3VzZW92ZXIpPVwic2VsZWN0KClcIj5cbiAgICAgICAgPG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50PlxuPC9kaXY+XG5gXG59KVxuZXhwb3J0IGNsYXNzIE5nMk1lbnVJdGVtIGltcGxlbWVudHMgT25EZXN0cm95IHtcbiAgICAvKipcbiAgICAgKiBAcHJldmVudENsb3NlXG4gICAgICogQGRlc2MgaWYgdHJ1ZSwgY2xpY2tpbmcgb24gdGhlIGl0ZW0gd29uJ3QgY2xvc2UgdGhlIGRyb3Bkb3duXG4gICAgICovXG4gICAgQElucHV0KCkgcHVibGljIHByZXZlbnRDbG9zZTogYm9vbGVhbiA9IGZhbHNlO1xuXG4gICAgLyoqXG4gICAgICogQG5hbWUgdmFsdWVcbiAgICAgKiBAZGVzYyBhbnkgdmFsdWUgYXNzb2NpYXRlZCB0byB0aGUgaXRlbVxuICAgICAqL1xuICAgIEBJbnB1dCgpIHB1YmxpYyB2YWx1ZTogYW55O1xuXG4gICAgY29uc3RydWN0b3IocHJpdmF0ZSBzdGF0ZTogRHJvcGRvd25TdGF0ZVNlcnZpY2UsXG4gICAgICAgICAgICAgICAgcHJpdmF0ZSBlbGVtZW50OiBFbGVtZW50UmVmLFxuICAgICAgICAgICAgICAgIHByaXZhdGUgcmVuZGVyZXI6IFJlbmRlcmVyKSB7fVxuXG4gICAgcHVibGljIG5nT25EZXN0cm95KCk6IHZvaWQge1xuICAgICAgICB0aGlzLnN0YXRlLmRyb3Bkb3duU3RhdGUub25JdGVtRGVzdHJveWVkLmVtaXQodGhpcyk7XG4gICAgfVxuXG4gICAgLyoqXG4gICAgICogQG5hbWUgaXNTZWxlY3RlZFxuICAgICAqIEBkZXNjIHJldHVybnMgY3VycmVudCBzZWxlY3RlZCBpdGVtXG4gICAgICovXG4gICAgcHVibGljIGdldCBpc1NlbGVjdGVkKCk6IGJvb2xlYW4ge1xuICAgICAgICByZXR1cm4gdGhpcyA9PT0gdGhpcy5zdGF0ZS5kcm9wZG93blN0YXRlLnNlbGVjdGVkSXRlbTtcbiAgICB9XG5cbiAgICAvKipcbiAgICAgKiBAbmFtZSBjbGlja1xuICAgICAqIEBkZXNjIGVtaXRzIHNlbGVjdCBldmVudFxuICAgICAqL1xuICAgIHB1YmxpYyBzZWxlY3QoJGV2ZW50Pyk6IHZvaWQge1xuICAgICAgICB0aGlzLnN0YXRlLmRyb3Bkb3duU3RhdGUuc2VsZWN0KHRoaXMsIHRydWUpO1xuXG4gICAgICAgIGlmICgkZXZlbnQpIHtcbiAgICAgICAgICAgICRldmVudC5zdG9wUHJvcGFnYXRpb24oKTtcbiAgICAgICAgICAgICRldmVudC5wcmV2ZW50RGVmYXVsdCgpO1xuICAgICAgICB9XG4gICAgfVxuXG4gICAgLyoqXG4gICAgICogQG5hbWUgY2xpY2tcbiAgICAgKiBAZGVzYyBlbWl0cyBjbGljayBldmVudFxuICAgICAqL1xuICAgIHB1YmxpYyBjbGljaygpOiB2b2lkIHtcbiAgICAgICAgdGhpcy5zdGF0ZS5kcm9wZG93blN0YXRlLm9uSXRlbUNsaWNrZWQuZW1pdCh0aGlzKTtcbiAgICB9XG5cbiAgICAvKipcbiAgICAgKiBAbmFtZSBmb2N1c1xuICAgICAqL1xuICAgIHB1YmxpYyBmb2N1cygpIHtcbiAgICAgICAgdGhpcy5yZW5kZXJlci5pbnZva2VFbGVtZW50TWV0aG9kKHRoaXMuZWxlbWVudC5uYXRpdmVFbGVtZW50LmNoaWxkcmVuWzBdLCAnZm9jdXMnKTtcbiAgICB9XG59XG4iLCJpbXBvcnQge1xuICAgIENvbXBvbmVudCxcbiAgICBFbGVtZW50UmVmLFxuICAgIFJlbmRlcmVyLFxuICAgIENvbnRlbnRDaGlsZHJlbixcbiAgICBRdWVyeUxpc3QsXG4gICAgSW5wdXRcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbmltcG9ydCB7XG4gICAgdHJpZ2dlcixcbiAgICBzdHlsZSxcbiAgICB0cmFuc2l0aW9uLFxuICAgIGFuaW1hdGUsXG4gICAga2V5ZnJhbWVzLFxuICAgIHN0YXRlXG59IGZyb20gJ0Bhbmd1bGFyL2FuaW1hdGlvbnMnO1xuXG5pbXBvcnQgeyBBQ1RJT05TLCBhcnJvd0tleXNIYW5kbGVyIH0gZnJvbSAnLi9hY3Rpb25zJztcblxuaW1wb3J0IHsgTmcyTWVudUl0ZW0gfSBmcm9tICcuLi9tZW51LWl0ZW0vbmcyLW1lbnUtaXRlbSc7XG5pbXBvcnQgeyBEcm9wZG93blN0YXRlU2VydmljZSB9IGZyb20gJy4uLy4uL3NlcnZpY2VzL2Ryb3Bkb3duLXN0YXRlLnNlcnZpY2UnO1xuXG5AQ29tcG9uZW50KHtcbiAgICBzZWxlY3RvcjogJ25nMi1kcm9wZG93bi1tZW51JyxcbiAgICBzdHlsZXM6IFtgOmhvc3R7ZGlzcGxheTpibG9ja30ubmcyLWRyb3Bkb3duLW1lbnV7b3ZlcmZsb3cteTphdXRvO2JveC1zaGFkb3c6MCAxcHggMnB4IDAgcmdiYSgwLDAsMCwuMyk7cG9zaXRpb246YWJzb2x1dGU7cGFkZGluZzouNWVtIDA7YmFja2dyb3VuZDojZmZmO2JvcmRlci1yYWRpdXM6MXB4O21heC1oZWlnaHQ6NDAwcHg7d2lkdGg6MjYwcHg7bWluLWhlaWdodDowO2Rpc3BsYXk6YmxvY2t9Lm5nMi1kcm9wZG93bi1tZW51Lm5nMi1kcm9wZG93bi1tZW51LS1pbnNpZGUtZWxlbWVudHtwb3NpdGlvbjpmaXhlZH0ubmcyLWRyb3Bkb3duLW1lbnUubmcyLWRyb3Bkb3duLW1lbnUtLXdpZHRoLS0ye3dpZHRoOjIwMHB4fS5uZzItZHJvcGRvd24tbWVudS5uZzItZHJvcGRvd24tbWVudS0td2lkdGgtLTR7d2lkdGg6MjYwcHh9Lm5nMi1kcm9wZG93bi1tZW51Lm5nMi1kcm9wZG93bi1tZW51LS13aWR0aC0tNnt3aWR0aDozMjBweH0ubmcyLWRyb3Bkb3duLWJhY2tkcm9we3Bvc2l0aW9uOmZpeGVkO3RvcDowO2xlZnQ6MDt3aWR0aDoxMDAlO2hlaWdodDoxMDAlO3otaW5kZXg6MTtvdmVyZmxvdzpoaWRkZW59Omhvc3QgL2RlZXAvIC5uZzItbWVudS1kaXZpZGVye2hlaWdodDoxcHg7bWluLWhlaWdodDoxcHg7bWF4LWhlaWdodDoxcHg7d2lkdGg6MTAwJTtkaXNwbGF5OmJsb2NrO2JhY2tncm91bmQ6I2Y5ZjlmOX1gXSxcbiAgICB0ZW1wbGF0ZTogYDwhLS0gTUVOVSAtLT5cbjxkaXYgY2xhc3M9J25nMi1kcm9wZG93bi1tZW51IG5nMi1kcm9wZG93bi1tZW51LS0td2lkdGgtLXt7IHdpZHRoIH19J1xuICAgICBbY2xhc3MubmcyLWRyb3Bkb3duLW1lbnUtLWluc2lkZS1lbGVtZW50XT1cIiFhcHBlbmRUb0JvZHlcIlxuICAgICBbY2xhc3MubmcyLWRyb3Bkb3duLW1lbnUtLW9wZW5dPVwic3RhdGUubWVudVN0YXRlLmlzVmlzaWJsZVwiXG4gICAgIFtzdHlsZS56LWluZGV4XT1cInpJbmRleFwiXG4gICAgIFtAZmFkZV09XCJzdGF0ZS5tZW51U3RhdGUudG9TdHJpbmcoKVwiPlxuICAgICAgICA8ZGl2IGNsYXNzPVwibmcyLWRyb3Bkb3duLW1lbnVfX29wdGlvbnMtY29udGFpbmVyXCJcbiAgICAgICAgICAgICBbQG9wYWNpdHldPVwic3RhdGUubWVudVN0YXRlLnRvU3RyaW5nKClcIj5cbiAgICAgICAgICAgIDxuZy1jb250ZW50PjwvbmctY29udGVudD5cbiAgICAgICAgPC9kaXY+XG48L2Rpdj5cblxuPCEtLSBCQUNLRFJPUCAtLT5cbjxkaXYgY2xhc3M9XCJuZzItZHJvcGRvd24tYmFja2Ryb3BcIiAqbmdJZj1cInN0YXRlLm1lbnVTdGF0ZS5pc1Zpc2libGVcIiAoY2xpY2spPVwiaGlkZSgpXCI+PC9kaXY+XG5gLFxuICAgIGFuaW1hdGlvbnM6IFtcbiAgICAgICAgdHJpZ2dlcignZmFkZScsIFtcbiAgICAgICAgICAgIHN0YXRlKCd2aXNpYmxlJywgc3R5bGUoXG4gICAgICAgICAgICAgICAge2Rpc3BsYXk6ICdibG9jaycsIG9wYWNpdHk6IDEsIGhlaWdodDogJyonLCB3aWR0aDogJyonfVxuICAgICAgICAgICAgKSksXG4gICAgICAgICAgICBzdGF0ZSgnaGlkZGVuJywgc3R5bGUoXG4gICAgICAgICAgICAgICAge2Rpc3BsYXk6ICdub25lJywgb3BhY2l0eTogMCwgb3ZlcmZsb3c6ICdoaWRkZW4nLCBoZWlnaHQ6IDAsIHdpZHRoOiAwfVxuICAgICAgICAgICAgKSksXG4gICAgICAgICAgICB0cmFuc2l0aW9uKCdoaWRkZW4gPT4gdmlzaWJsZScsIFtcbiAgICAgICAgICAgICAgICBhbmltYXRlKCcyNTBtcyBlYXNlLWluJyxcbiAgICAgICAgICAgICAgICAgICAgc3R5bGUoe29wYWNpdHk6IDEsIGhlaWdodDogJyonLCB3aWR0aDogJyonfSlcbiAgICAgICAgICAgICAgICApXG4gICAgICAgICAgICBdKSxcbiAgICAgICAgICAgIHRyYW5zaXRpb24oJ3Zpc2libGUgPT4gaGlkZGVuJywgW1xuICAgICAgICAgICAgICAgIGFuaW1hdGUoJzM1MG1zIGVhc2Utb3V0JyxcbiAgICAgICAgICAgICAgICAgICAgc3R5bGUoe29wYWNpdHk6IDAsIHdpZHRoOiAwLCBoZWlnaHQ6IDB9KVxuICAgICAgICAgICAgICAgIClcbiAgICAgICAgICAgIF0pXG4gICAgICAgIF0pLFxuICAgICAgICB0cmlnZ2VyKCdvcGFjaXR5JywgW1xuICAgICAgICAgICAgdHJhbnNpdGlvbignaGlkZGVuID0+IHZpc2libGUnLCBbXG4gICAgICAgICAgICAgICAgYW5pbWF0ZSgnNDUwbXMgZWFzZS1pbicsIGtleWZyYW1lcyhbXG4gICAgICAgICAgICAgICAgICAgIHN0eWxlKHtvcGFjaXR5OiAwLCBvZmZzZXQ6IDB9KSxcbiAgICAgICAgICAgICAgICAgICAgc3R5bGUoe29wYWNpdHk6IDEsIG9mZnNldDogMX0pLFxuICAgICAgICAgICAgICAgIF0pKVxuICAgICAgICAgICAgXSksXG4gICAgICAgICAgICB0cmFuc2l0aW9uKCd2aXNpYmxlID0+IGhpZGRlbicsIFtcbiAgICAgICAgICAgICAgICBhbmltYXRlKCcyNTBtcyBlYXNlLW91dCcsIGtleWZyYW1lcyhbXG4gICAgICAgICAgICAgICAgICAgIHN0eWxlKHtvcGFjaXR5OiAxLCBvZmZzZXQ6IDB9KSxcbiAgICAgICAgICAgICAgICAgICAgc3R5bGUoe29wYWNpdHk6IDAuNSwgb2Zmc2V0OiAwLjN9KSxcbiAgICAgICAgICAgICAgICAgICAgc3R5bGUoe29wYWNpdHk6IDAsIG9mZnNldDogMX0pLFxuICAgICAgICAgICAgICAgIF0pKVxuICAgICAgICAgICAgXSlcbiAgICAgICAgXSlcbiAgICBdXG59KVxuZXhwb3J0IGNsYXNzIE5nMkRyb3Bkb3duTWVudSB7XG4gICAgLyoqXG4gICAgICogQG5hbWUgd2lkdGhcbiAgICAgKi9cbiAgICBASW5wdXQoKSBwdWJsaWMgd2lkdGg6IG51bWJlciA9IDQ7XG5cbiAgICAvKipcbiAgICAgKiBAZGVzY3JpcHRpb24gaWYgc2V0IHRvIHRydWUsIHRoZSBmaXJzdCBlbGVtZW50IG9mIHRoZSBkcm9wZG93biB3aWxsIGJlIGF1dG9tYXRpY2FsbHkgZm9jdXNlZFxuICAgICAqIEBuYW1lIGZvY3VzRmlyc3RFbGVtZW50XG4gICAgICovXG4gICAgQElucHV0KCkgcHVibGljIGZvY3VzRmlyc3RFbGVtZW50OiBib29sZWFuID0gdHJ1ZTtcblxuICAgIC8qKlxuICAgICAqIEBkZXNjcmlwdGlvbiBzZXRzIGRyb3Bkb3duIG9mZnNldCBmcm9tIHRoZSBidXR0b25cbiAgICAgKiBAbmFtZSBvZmZzZXQge3N0cmluZ30gZm9sbG93IGZvcm1hdCAnPG51bWJlcj4gPG51bWJlcj4nIGV4LiAnMCAyMCdcbiAgICAgKi9cbiAgICBASW5wdXQoKSBwdWJsaWMgb2Zmc2V0OiBzdHJpbmc7XG5cbiAgICAvKipcbiAgICAgKiBAbmFtZSBhcHBlbmRUb0JvZHlcbiAgICAgKi9cbiAgICBASW5wdXQoKSBwdWJsaWMgYXBwZW5kVG9Cb2R5OiBib29sZWFuID0gdHJ1ZTtcblxuICAgIC8qKlxuICAgICAqIEBuYW1lIHpJbmRleFxuICAgICAqL1xuICAgIEBJbnB1dCgpIHB1YmxpYyB6SW5kZXggPSAxMDAwO1xuXG4gICAgLyoqXG4gICAgICogQG5hbWUgaXRlbXNcbiAgICAgKi9cbiAgICBAQ29udGVudENoaWxkcmVuKE5nMk1lbnVJdGVtKSBwdWJsaWMgaXRlbXM6IFF1ZXJ5TGlzdDxOZzJNZW51SXRlbT47XG5cbiAgICBwcml2YXRlIHBvc2l0aW9uOiBDbGllbnRSZWN0O1xuXG4gICAgcHJpdmF0ZSBsaXN0ZW5lcnMgPSB7XG4gICAgICAgIGFycm93SGFuZGxlcjogdW5kZWZpbmVkLFxuICAgICAgICBoYW5kbGVLZXlwcmVzczogdW5kZWZpbmVkXG4gICAgfTtcblxuICAgIGNvbnN0cnVjdG9yKHB1YmxpYyBzdGF0ZTogRHJvcGRvd25TdGF0ZVNlcnZpY2UsXG4gICAgICAgICAgICAgICAgcHJpdmF0ZSBlbGVtZW50OiBFbGVtZW50UmVmLFxuICAgICAgICAgICAgICAgIHByaXZhdGUgcmVuZGVyZXI6IFJlbmRlcmVyKSB7fVxuXG4gICAgLyoqXG4gICAgICogQG5hbWUgc2hvd1xuICAgICAqIEBzaG93cyBtZW51IGFuZCBzZWxlY3RzIGZpcnN0IGl0ZW1cbiAgICAgKi9cbiAgICBwdWJsaWMgc2hvdyhwb3NpdGlvbj86IENsaWVudFJlY3QsIGR5bmFtaWMgPSB0cnVlKTogdm9pZCB7XG4gICAgICAgIGNvbnN0IGRjID0gdHlwZW9mIGRvY3VtZW50ICE9PSAndW5kZWZpbmVkJyA/IGRvY3VtZW50IDogdW5kZWZpbmVkO1xuICAgICAgICBjb25zdCB3ZCA9IHR5cGVvZiB3aW5kb3cgIT09ICd1bmRlZmluZWQnID8gd2luZG93IDogdW5kZWZpbmVkO1xuXG4gICAgICAgIGlmICghdGhpcy5zdGF0ZS5tZW51U3RhdGUuaXNWaXNpYmxlKSB7XG4gICAgICAgICAgICAvLyBzZXR0aW5nIGhhbmRsZXJzXG4gICAgICAgICAgICB0aGlzLmxpc3RlbmVycy5oYW5kbGVLZXlwcmVzcyA9IHRoaXMucmVuZGVyZXIubGlzdGVuKGRjLmJvZHksICdrZXlkb3duJywgdGhpcy5oYW5kbGVLZXlwcmVzcy5iaW5kKHRoaXMpKTtcbiAgICAgICAgICAgIHRoaXMubGlzdGVuZXJzLmFycm93SGFuZGxlciA9IHRoaXMucmVuZGVyZXIubGlzdGVuKHdkLCAna2V5ZG93bicsIGFycm93S2V5c0hhbmRsZXIpO1xuICAgICAgICB9XG5cbiAgICAgICAgLy8gdXBkYXRlIHN0YXRlXG4gICAgICAgIHRoaXMuc3RhdGUubWVudVN0YXRlLmlzVmlzaWJsZSA9IHRydWU7XG5cbiAgICAgICAgaWYgKHBvc2l0aW9uKSB7XG4gICAgICAgICAgICB0aGlzLnVwZGF0ZVBvc2l0aW9uKHBvc2l0aW9uLCBkeW5hbWljKTtcbiAgICAgICAgfVxuICAgIH1cblxuICAgIC8qKlxuICAgICAqIEBuYW1lIGhpZGVcbiAgICAgKiBAZGVzYyBoaWRlcyBtZW51XG4gICAgICovXG4gICAgcHVibGljIGhpZGUoKTogdm9pZCB7XG4gICAgICAgIHRoaXMuc3RhdGUubWVudVN0YXRlLmlzVmlzaWJsZSA9IGZhbHNlO1xuXG4gICAgICAgIC8vIHJlc2V0IHNlbGVjdGVkIGl0ZW0gc3RhdGVcbiAgICAgICAgdGhpcy5zdGF0ZS5kcm9wZG93blN0YXRlLnVuc2VsZWN0KCk7XG5cbiAgICAgICAgLy8gY2FsbCBmdW5jdGlvbiB0byB1bmxpc3RlblxuICAgICAgICB0aGlzLmxpc3RlbmVycy5hcnJvd0hhbmRsZXIgPyB0aGlzLmxpc3RlbmVycy5hcnJvd0hhbmRsZXIoKSA6IHVuZGVmaW5lZDtcbiAgICAgICAgdGhpcy5saXN0ZW5lcnMuaGFuZGxlS2V5cHJlc3MgPyB0aGlzLmxpc3RlbmVycy5oYW5kbGVLZXlwcmVzcygpIDogdW5kZWZpbmVkO1xuICAgIH1cblxuICAgIC8qKlxuICAgICAqIEBuYW1lIHVwZGF0ZVBvc2l0aW9uXG4gICAgICogQGRlc2MgdXBkYXRlcyB0aGUgbWVudSBwb3NpdGlvbiBldmVyeSB0aW1lIGl0IGlzIHRvZ2dsZWRcbiAgICAgKiBAcGFyYW0gcG9zaXRpb24ge0NsaWVudFJlY3R9XG4gICAgICogQHBhcmFtIGR5bmFtaWMge2Jvb2xlYW59XG4gICAgICovXG4gICAgcHVibGljIHVwZGF0ZVBvc2l0aW9uKHBvc2l0aW9uOiBDbGllbnRSZWN0LCBkeW5hbWljOiBib29sZWFuKTogdm9pZCB7XG4gICAgICAgIHRoaXMucG9zaXRpb24gPSBwb3NpdGlvbjtcbiAgICAgICAgdGhpcy51cGRhdGVPbkNoYW5nZShkeW5hbWljKTtcbiAgICB9XG5cbiAgICAvKipcbiAgICAgKiBAbmFtZSBoYW5kbGVLZXlwcmVzc1xuICAgICAqIEBkZXNjIGV4ZWN1dGVzIGZ1bmN0aW9ucyBvbiBrZXlQcmVzcyBiYXNlZCBvbiB0aGUga2V5IHByZXNzZWRcbiAgICAgKiBAcGFyYW0gJGV2ZW50XG4gICAgICovXG4gICAgcHVibGljIGhhbmRsZUtleXByZXNzKCRldmVudCk6IHZvaWQge1xuICAgICAgICBjb25zdCBrZXkgPSAkZXZlbnQua2V5Q29kZTtcbiAgICAgICAgY29uc3QgaXRlbXMgPSB0aGlzLml0ZW1zLnRvQXJyYXkoKTtcbiAgICAgICAgY29uc3QgaW5kZXggPSBpdGVtcy5pbmRleE9mKHRoaXMuc3RhdGUuZHJvcGRvd25TdGF0ZS5zZWxlY3RlZEl0ZW0pO1xuXG4gICAgICAgIGlmICghQUNUSU9OUy5oYXNPd25Qcm9wZXJ0eShrZXkpKSB7XG4gICAgICAgICAgICByZXR1cm47XG4gICAgICAgIH1cblxuICAgICAgICBBQ1RJT05TW2tleV0uY2FsbCh0aGlzLCBpbmRleCwgaXRlbXMsIHRoaXMuc3RhdGUuZHJvcGRvd25TdGF0ZSk7XG4gICAgfVxuXG4gICAgLyoqXG4gICAgICogQG5hbWUgZ2V0TWVudUVsZW1lbnRcbiAgICAgKi9cbiAgICBwcml2YXRlIGdldE1lbnVFbGVtZW50KCk6IEVsZW1lbnQge1xuICAgICAgICByZXR1cm4gdGhpcy5lbGVtZW50Lm5hdGl2ZUVsZW1lbnQuY2hpbGRyZW5bMF07XG4gICAgfVxuXG4gICAgLyoqXG4gICAgICogQG5hbWUgY2FsY1Bvc2l0aW9uT2Zmc2V0XG4gICAgICogQHBhcmFtIHBvc2l0aW9uXG4gICAgICovXG4gICAgcHJpdmF0ZSBjYWxjUG9zaXRpb25PZmZzZXQocG9zaXRpb24pOiB7IHRvcDogc3RyaW5nLCBsZWZ0OiBzdHJpbmcgfSB7XG4gICAgICAgIGNvbnN0IHdkID0gdHlwZW9mIHdpbmRvdyAhPT0gJ3VuZGVmaW5lZCcgPyB3aW5kb3cgOiB1bmRlZmluZWQ7XG4gICAgICAgIGNvbnN0IGRjID0gdHlwZW9mIGRvY3VtZW50ICE9PSAndW5kZWZpbmVkJyA/IGRvY3VtZW50IDogdW5kZWZpbmVkO1xuXG4gICAgICAgIGlmICghd2QgfHwgIWRjIHx8ICFwb3NpdGlvbikge1xuICAgICAgICAgICAgcmV0dXJuO1xuICAgICAgICB9XG5cbiAgICAgICAgY29uc3QgZWxlbWVudCA9IHRoaXMuZ2V0TWVudUVsZW1lbnQoKTtcbiAgICAgICAgY29uc3Qgc3VwcG9ydFBhZ2VPZmZzZXQgPSB3ZC5wYWdlWE9mZnNldCAhPT0gdW5kZWZpbmVkO1xuICAgICAgICBjb25zdCBpc0NTUzFDb21wYXQgPSAoKGRjLmNvbXBhdE1vZGUgfHwgJycpID09PSAnQ1NTMUNvbXBhdCcpO1xuXG4gICAgICAgIGNvbnN0IHggPSBzdXBwb3J0UGFnZU9mZnNldCA/IHdkLnBhZ2VYT2Zmc2V0IDogaXNDU1MxQ29tcGF0ID9cbiAgICAgICAgICAgIGRjLmRvY3VtZW50RWxlbWVudC5zY3JvbGxMZWZ0IDogZGMuYm9keS5zY3JvbGxMZWZ0O1xuXG4gICAgICAgIGNvbnN0IHkgPSBzdXBwb3J0UGFnZU9mZnNldCA/IHdkLnBhZ2VZT2Zmc2V0IDogaXNDU1MxQ29tcGF0ID9cbiAgICAgICAgICAgIGRjLmRvY3VtZW50RWxlbWVudC5zY3JvbGxUb3AgOiBkYy5ib2R5LnNjcm9sbFRvcDtcblxuICAgICAgICBsZXQgeyB0b3AsIGxlZnQgfSA9IHRoaXMuYXBwbHlPZmZzZXQoXG4gICAgICAgICAgICBgJHtwb3NpdGlvbi50b3AgKyAodGhpcy5hcHBlbmRUb0JvZHkgPyB5IC0gMTUgOiAwKX1weGAsXG4gICAgICAgICAgICBgJHtwb3NpdGlvbi5sZWZ0ICsgeCAtIDV9cHhgXG4gICAgICAgICk7XG5cbiAgICAgICAgY29uc3QgY2xpZW50V2lkdGggPSBlbGVtZW50LmNsaWVudFdpZHRoO1xuICAgICAgICBjb25zdCBjbGllbnRIZWlnaHQgPSBlbGVtZW50LmNsaWVudEhlaWdodDtcblxuICAgICAgICBjb25zdCBtYXJnaW5Gcm9tQm90dG9tID0gcGFyc2VJbnQodG9wKSArIGNsaWVudEhlaWdodCArICh0aGlzLmFwcGVuZFRvQm9keSA/IDAgOiB5IC0gMTUpO1xuICAgICAgICBjb25zdCBtYXJnaW5Gcm9tUmlnaHQgPSBwYXJzZUludChsZWZ0KSArIGNsaWVudFdpZHRoO1xuXG4gICAgICAgIGNvbnN0IHdpbmRvd1Njcm9sbEhlaWdodCA9IHdkLmlubmVySGVpZ2h0ICsgd2Quc2Nyb2xsWTtcbiAgICAgICAgY29uc3Qgd2luZG93U2Nyb2xsV2lkdGggPSB3ZC5pbm5lcldpZHRoICsgd2Quc2Nyb2xsWDtcblxuICAgICAgICBpZiAobWFyZ2luRnJvbUJvdHRvbSA+PSB3aW5kb3dTY3JvbGxIZWlnaHQpIHtcbiAgICAgICAgICAgIHRvcCA9IGAke3BhcnNlSW50KHRvcC5yZXBsYWNlKCdweCcsICcnKSkgLSBjbGllbnRIZWlnaHR9cHhgO1xuICAgICAgICB9XG5cbiAgICAgICAgaWYgKG1hcmdpbkZyb21SaWdodCA+PSB3aW5kb3dTY3JvbGxXaWR0aCkge1xuICAgICAgICAgICAgY29uc3QgbWFyZ2luUmlnaHQgPSBtYXJnaW5Gcm9tUmlnaHQgLSB3aW5kb3dTY3JvbGxXaWR0aCArIDMwO1xuICAgICAgICAgICAgbGVmdCA9IGAke3BhcnNlSW50KGxlZnQucmVwbGFjZSgncHgnLCAnJykpIC0gbWFyZ2luUmlnaHR9cHhgO1xuICAgICAgICB9XG5cbiAgICAgICAgcmV0dXJuIHsgdG9wLCBsZWZ0IH07XG4gICAgfVxuXG4gICAgcHJpdmF0ZSBhcHBseU9mZnNldCh0b3A6IHN0cmluZywgbGVmdDogc3RyaW5nKTogeyB0b3A6IHN0cmluZywgbGVmdDogc3RyaW5nIH0ge1xuICAgICAgICBpZiAoIXRoaXMub2Zmc2V0KSB7XG4gICAgICAgICAgICByZXR1cm4geyB0b3AsIGxlZnQgfTtcbiAgICAgICAgfVxuXG4gICAgICAgIGNvbnN0IG9mZnNldCA9IHRoaXMub2Zmc2V0LnNwbGl0KCcgJyk7XG5cbiAgICAgICAgaWYgKCFvZmZzZXRbMV0pIHtcbiAgICAgICAgICAgIG9mZnNldFsxXSA9ICcwJztcbiAgICAgICAgfVxuXG4gICAgICAgIHRvcCA9IGAke3BhcnNlSW50KHRvcC5yZXBsYWNlKCdweCcsICcnKSkgKyBwYXJzZUludChvZmZzZXRbMF0pfXB4YDtcbiAgICAgICAgbGVmdCA9IGAke3BhcnNlSW50KGxlZnQucmVwbGFjZSgncHgnLCAnJykpICsgcGFyc2VJbnQob2Zmc2V0WzFdKX1weGA7XG5cbiAgICAgICAgcmV0dXJuIHsgdG9wLCBsZWZ0IH07XG4gICAgfVxuXG4gICAgcHVibGljIG5nT25Jbml0KCkge1xuICAgICAgICBjb25zdCBkYyA9IHR5cGVvZiBkb2N1bWVudCAhPT0gJ3VuZGVmaW5lZCcgPyBkb2N1bWVudCA6IHVuZGVmaW5lZDtcbiAgICAgICAgaWYgKHRoaXMuYXBwZW5kVG9Cb2R5KSB7XG4gICAgICAgICAgICAvLyBhcHBlbmQgbWVudSBlbGVtZW50IHRvIHRoZSBib2R5XG4gICAgICAgICAgICBkYy5ib2R5LmFwcGVuZENoaWxkKHRoaXMuZWxlbWVudC5uYXRpdmVFbGVtZW50KTtcbiAgICAgICAgfVxuICAgIH1cblxuICAgIHB1YmxpYyB1cGRhdGVPbkNoYW5nZShkeW5hbWljID0gdHJ1ZSkge1xuICAgICAgICBjb25zdCBlbGVtZW50ID0gdGhpcy5nZXRNZW51RWxlbWVudCgpO1xuICAgICAgICBjb25zdCBwb3NpdGlvbiA9IHRoaXMuY2FsY1Bvc2l0aW9uT2Zmc2V0KHRoaXMucG9zaXRpb24pO1xuXG4gICAgICAgIGlmIChwb3NpdGlvbikge1xuICAgICAgICAgICAgdGhpcy5yZW5kZXJlci5zZXRFbGVtZW50U3R5bGUoZWxlbWVudCwgJ3RvcCcsIHBvc2l0aW9uLnRvcC50b1N0cmluZygpKTtcbiAgICAgICAgICAgIHRoaXMucmVuZGVyZXIuc2V0RWxlbWVudFN0eWxlKGVsZW1lbnQsICdsZWZ0JywgcG9zaXRpb24ubGVmdC50b1N0cmluZygpKTtcbiAgICAgICAgfVxuXG4gICAgICAgIC8vIHNlbGVjdCBmaXJzdCBpdGVtIHVubGVzcyB1c2VyIGRpc2FibGVkIHRoaXMgb3B0aW9uXG4gICAgICAgIGlmICh0aGlzLmZvY3VzRmlyc3RFbGVtZW50ICYmXG4gICAgICAgICAgICB0aGlzLml0ZW1zLmZpcnN0ICYmXG4gICAgICAgICAgICAhdGhpcy5zdGF0ZS5kcm9wZG93blN0YXRlLnNlbGVjdGVkSXRlbSkge1xuICAgICAgICAgICAgdGhpcy5zdGF0ZS5kcm9wZG93blN0YXRlLnNlbGVjdCh0aGlzLml0ZW1zLmZpcnN0LCBmYWxzZSk7XG4gICAgICAgIH1cbiAgICB9XG5cbiAgICBwdWJsaWMgbmdPbkRlc3Ryb3koKSB7XG4gICAgICAgIGNvbnN0IGVsZW0gPSB0aGlzLmVsZW1lbnQubmF0aXZlRWxlbWVudDtcbiAgICAgICAgZWxlbS5wYXJlbnROb2RlLnJlbW92ZUNoaWxkKGVsZW0pO1xuXG4gICAgICAgIGlmICh0aGlzLmxpc3RlbmVycy5oYW5kbGVLZXlwcmVzcykge1xuICAgICAgICAgICAgdGhpcy5saXN0ZW5lcnMuaGFuZGxlS2V5cHJlc3MoKTtcbiAgICAgICAgfVxuICAgIH1cbn1cbiIsImltcG9ydCB7XG4gICAgSG9zdExpc3RlbmVyLFxuICAgIENvbXBvbmVudCxcbiAgICBDb250ZW50Q2hpbGQsXG4gICAgT3V0cHV0LFxuICAgIEV2ZW50RW1pdHRlcixcbiAgICBJbnB1dFxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuaW1wb3J0IHsgTmcyRHJvcGRvd25CdXR0b24gfSBmcm9tICcuLi9idXR0b24vbmcyLWRyb3Bkb3duLWJ1dHRvbic7XG5pbXBvcnQgeyBOZzJEcm9wZG93bk1lbnUgfSBmcm9tICcuLi9tZW51L25nMi1kcm9wZG93bi1tZW51JztcbmltcG9ydCB7IERyb3Bkb3duU3RhdGVTZXJ2aWNlIH0gZnJvbSAnLi4vLi4vc2VydmljZXMvZHJvcGRvd24tc3RhdGUuc2VydmljZSc7XG5pbXBvcnQgeyBOZzJNZW51SXRlbSB9IGZyb20gJy4uL21lbnUtaXRlbS9uZzItbWVudS1pdGVtJztcblxuQENvbXBvbmVudCh7XG4gICAgc2VsZWN0b3I6ICduZzItZHJvcGRvd24nLFxuICAgIHRlbXBsYXRlOiBgPGRpdiBjbGFzcz1cIm5nMi1kcm9wZG93bi1jb250YWluZXJcIj5cbiAgICA8bmctY29udGVudCBzZWxlY3Q9XCJuZzItZHJvcGRvd24tYnV0dG9uXCI+PC9uZy1jb250ZW50PlxuICAgIDxuZy1jb250ZW50IHNlbGVjdD1cIm5nMi1kcm9wZG93bi1tZW51XCI+PC9uZy1jb250ZW50PlxuPC9kaXY+XG5gLFxuICAgIHByb3ZpZGVyczogWyBEcm9wZG93blN0YXRlU2VydmljZSBdXG59KVxuZXhwb3J0IGNsYXNzIE5nMkRyb3Bkb3duIHtcbiAgICAvLyBnZXQgY2hpbGRyZW4gY29tcG9uZW50c1xuICAgIEBDb250ZW50Q2hpbGQoTmcyRHJvcGRvd25CdXR0b24pIHB1YmxpYyBidXR0b246IE5nMkRyb3Bkb3duQnV0dG9uO1xuICAgIEBDb250ZW50Q2hpbGQoTmcyRHJvcGRvd25NZW51KSBwdWJsaWMgbWVudTogTmcyRHJvcGRvd25NZW51O1xuXG4gICAgQElucHV0KCkgcHVibGljIGR5bmFtaWNVcGRhdGUgPSB0cnVlO1xuXG4gICAgLy8gb3V0cHV0c1xuICAgIEBPdXRwdXQoKSBwdWJsaWMgb25JdGVtQ2xpY2tlZDogRXZlbnRFbWl0dGVyPHN0cmluZz4gPSBuZXcgRXZlbnRFbWl0dGVyPHN0cmluZz4oKTtcbiAgICBAT3V0cHV0KCkgcHVibGljIG9uSXRlbVNlbGVjdGVkOiBFdmVudEVtaXR0ZXI8c3RyaW5nPiA9IG5ldyBFdmVudEVtaXR0ZXI8c3RyaW5nPigpO1xuICAgIEBPdXRwdXQoKSBwdWJsaWMgb25TaG93OiBFdmVudEVtaXR0ZXI8TmcyRHJvcGRvd24+ID0gbmV3IEV2ZW50RW1pdHRlcjxOZzJEcm9wZG93bj4oKTtcbiAgICBAT3V0cHV0KCkgcHVibGljIG9uSGlkZTogRXZlbnRFbWl0dGVyPE5nMkRyb3Bkb3duPiA9IG5ldyBFdmVudEVtaXR0ZXI8TmcyRHJvcGRvd24+KCk7XG5cbiAgICBjb25zdHJ1Y3Rvcihwcml2YXRlIHN0YXRlOiBEcm9wZG93blN0YXRlU2VydmljZSkge31cblxuICAgIHB1YmxpYyBuZ09uSW5pdCgpIHtcbiAgICAgICAgdGhpcy5zdGF0ZS5kcm9wZG93blN0YXRlLm9uSXRlbUNsaWNrZWQuc3Vic2NyaWJlKGl0ZW0gPT4ge1xuICAgICAgICAgICAgdGhpcy5vbkl0ZW1DbGlja2VkLmVtaXQoaXRlbSk7XG5cbiAgICAgICAgICAgIGlmIChpdGVtLnByZXZlbnRDbG9zZSkge1xuICAgICAgICAgICAgICAgIHJldHVybjtcbiAgICAgICAgICAgIH1cblxuICAgICAgICAgICAgdGhpcy5oaWRlLmNhbGwodGhpcyk7XG4gICAgICAgIH0pO1xuXG4gICAgICAgIGlmICh0aGlzLmJ1dHRvbikge1xuICAgICAgICAgICAgdGhpcy5idXR0b24ub25NZW51VG9nZ2xlZC5zdWJzY3JpYmUoKCkgPT4ge1xuICAgICAgICAgICAgICAgIHRoaXMudG9nZ2xlTWVudSgpO1xuICAgICAgICAgICAgfSk7XG4gICAgICAgIH1cblxuICAgICAgICB0aGlzLnN0YXRlLmRyb3Bkb3duU3RhdGUub25JdGVtU2VsZWN0ZWQuc3Vic2NyaWJlKGl0ZW0gPT4ge1xuICAgICAgICAgICAgdGhpcy5vbkl0ZW1TZWxlY3RlZC5lbWl0KGl0ZW0pO1xuICAgICAgICB9KTtcblxuICAgICAgICB0aGlzLnN0YXRlLmRyb3Bkb3duU3RhdGUub25JdGVtRGVzdHJveWVkLnN1YnNjcmliZSgoaXRlbTogTmcyTWVudUl0ZW0pID0+IHtcbiAgICAgICAgICAgIGxldCBuZXdTZWxlY3RlZEl0ZW06IE5nMk1lbnVJdGVtIHwgdW5kZWZpbmVkO1xuICAgICAgICAgICAgY29uc3QgaXRlbXMgPSB0aGlzLm1lbnUuaXRlbXMudG9BcnJheSgpO1xuXG4gICAgICAgICAgICBpZiAoaXRlbSAhPT0gdGhpcy5zdGF0ZS5kcm9wZG93blN0YXRlLnNlbGVjdGVkSXRlbSkge1xuICAgICAgICAgICAgICAgIHJldHVybjtcbiAgICAgICAgICAgIH1cblxuICAgICAgICAgICAgaWYgKHRoaXMubWVudS5mb2N1c0ZpcnN0RWxlbWVudCkge1xuICAgICAgICAgICAgICAgIG5ld1NlbGVjdGVkSXRlbSA9IGl0ZW0gPT09IGl0ZW1zWzBdICYmIGl0ZW1zLmxlbmd0aCA+IDEgPyBpdGVtc1sxXSA6IGl0ZW1zWzBdO1xuICAgICAgICAgICAgfVxuXG4gICAgICAgICAgICB0aGlzLnN0YXRlLmRyb3Bkb3duU3RhdGUuc2VsZWN0KG5ld1NlbGVjdGVkSXRlbSk7XG4gICAgICAgIH0pO1xuICAgIH1cblxuICAgIC8qKlxuICAgICAqIEBuYW1lIHRvZ2dsZU1lbnVcbiAgICAgKiBAZGVzYyB0b2dnbGVzIG1lbnUgdmlzaWJpbGl0eVxuICAgICAqL1xuICAgIHB1YmxpYyB0b2dnbGVNZW51KHBvc2l0aW9uID0gdGhpcy5idXR0b24uZ2V0UG9zaXRpb24oKSk6IHZvaWQge1xuICAgICAgICB0aGlzLnN0YXRlLm1lbnVTdGF0ZS5pc1Zpc2libGUgPyB0aGlzLmhpZGUoKSA6IHRoaXMuc2hvdyhwb3NpdGlvbik7XG4gICAgfVxuXG4gICAgLyoqXG4gICAgICogLSBoaWRlcyBkcm9wZG93blxuICAgICAqIEBuYW1lIGhpZGVcbiAgICAgKi9cbiAgICBwdWJsaWMgaGlkZSgpOiB2b2lkIHtcbiAgICAgICAgdGhpcy5tZW51LmhpZGUoKTtcbiAgICAgICAgdGhpcy5vbkhpZGUuZW1pdCh0aGlzKTtcbiAgICB9XG5cbiAgICAvKipcbiAgICAgKiAtIHNob3dzIGRyb3Bkb3duXG4gICAgICogQG5hbWUgc2hvd1xuICAgICAqIEBwYXJhbSBwb3NpdGlvblxuICAgICAqL1xuICAgIHB1YmxpYyBzaG93KHBvc2l0aW9uID0gdGhpcy5idXR0b24uZ2V0UG9zaXRpb24oKSk6IHZvaWQge1xuICAgICAgICB0aGlzLm1lbnUuc2hvdyhwb3NpdGlvbiwgdGhpcy5keW5hbWljVXBkYXRlKTtcbiAgICAgICAgdGhpcy5vblNob3cuZW1pdCh0aGlzKTtcbiAgICB9XG5cbiAgICAvKipcbiAgICAgKiBAbmFtZSBzY3JvbGxMaXN0ZW5lclxuICAgICAqL1xuICAgIEBIb3N0TGlzdGVuZXIoJ3dpbmRvdzpzY3JvbGwnKVxuICAgIHB1YmxpYyBzY3JvbGxMaXN0ZW5lcigpIHtcbiAgICAgICAgaWYgKHRoaXMuYnV0dG9uICYmIHRoaXMuZHluYW1pY1VwZGF0ZSkge1xuICAgICAgICAgICAgdGhpcy5tZW51LnVwZGF0ZVBvc2l0aW9uKHRoaXMuYnV0dG9uLmdldFBvc2l0aW9uKCksIHRydWUpO1xuICAgICAgICB9XG4gICAgfVxufVxuIiwiaW1wb3J0IHsgTmcyRHJvcGRvd24gfSBmcm9tICcuL2NvbXBvbmVudHMvZHJvcGRvd24vbmcyLWRyb3Bkb3duJztcbmltcG9ydCB7IE5nMkRyb3Bkb3duTWVudSB9IGZyb20gJy4vY29tcG9uZW50cy9tZW51L25nMi1kcm9wZG93bi1tZW51JztcbmltcG9ydCB7IE5nMkRyb3Bkb3duQnV0dG9uIH0gZnJvbSAnLi9jb21wb25lbnRzL2J1dHRvbi9uZzItZHJvcGRvd24tYnV0dG9uJztcbmltcG9ydCB7IE5nMk1lbnVJdGVtIH0gZnJvbSAnLi9jb21wb25lbnRzL21lbnUtaXRlbS9uZzItbWVudS1pdGVtJztcblxuaW1wb3J0IHsgTmdNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5pbXBvcnQgeyBEcm9wZG93blN0YXRlU2VydmljZSB9IGZyb20gJy4vc2VydmljZXMvZHJvcGRvd24tc3RhdGUuc2VydmljZSc7XG5cbkBOZ01vZHVsZSh7XG4gICAgZXhwb3J0czogW1xuICAgICAgICBOZzJNZW51SXRlbSxcbiAgICAgICAgTmcyRHJvcGRvd25CdXR0b24sXG4gICAgICAgIE5nMkRyb3Bkb3duTWVudSxcbiAgICAgICAgTmcyRHJvcGRvd25cbiAgICBdLFxuICAgIGRlY2xhcmF0aW9uczogW1xuICAgICAgICBOZzJEcm9wZG93bixcbiAgICAgICAgTmcyTWVudUl0ZW0sXG4gICAgICAgIE5nMkRyb3Bkb3duQnV0dG9uLFxuICAgICAgICBOZzJEcm9wZG93bk1lbnUsXG4gICAgXSxcbiAgICBpbXBvcnRzOiBbXG4gICAgICAgIENvbW1vbk1vZHVsZVxuICAgIF1cbn0pXG5leHBvcnQgY2xhc3MgTmcyRHJvcGRvd25Nb2R1bGUge31cblxuZXhwb3J0IHtcbiAgICBOZzJEcm9wZG93bixcbiAgICBOZzJEcm9wZG93bk1lbnUsXG4gICAgTmcyTWVudUl0ZW0sXG4gICAgTmcyRHJvcGRvd25CdXR0b24sXG4gICAgRHJvcGRvd25TdGF0ZVNlcnZpY2Vcbn1cbiJdLCJuYW1lcyI6WyJzdGF0ZSJdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7QUFBQTtJQTBCSSwyQkFBb0IsT0FBbUI7UUFBbkIsWUFBTyxHQUFQLE9BQU8sQ0FBWTs2QkFIaUIsSUFBSSxZQUFZLEVBQVc7eUJBQzlDLElBQUk7S0FFRTs7Ozs7O0lBTXBDLHNDQUFVOzs7Ozs7UUFDYixJQUFJLENBQUMsYUFBYSxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsQ0FBQzs7Ozs7OztJQU8zQix1Q0FBVzs7Ozs7O1FBQ2hCLE9BQU8sSUFBSSxDQUFDLE9BQU8sQ0FBQyxhQUFhLENBQUMscUJBQXFCLEVBQUUsQ0FBQzs7O2dCQWpDL0QsU0FBUyxTQUFDO29CQUNQLFFBQVEsRUFBRSxxQkFBcUI7b0JBQy9CLE1BQU0sRUFBRSxDQUFDLHMyQkFBbzJCLENBQUM7b0JBQzkyQixRQUFRLEVBQUUseTJCQVNiO2lCQUNBOzs7O2dCQWhCRyxVQUFVOzs7a0NBa0JULE1BQU07OEJBQ04sS0FBSzs7NEJBeEJWOzs7Ozs7O0FDSUEscUJBQU0sSUFBSSxHQUFHO0lBQ1QsU0FBUyxFQUFFLENBQUM7SUFDWixJQUFJLEVBQUUsRUFBRTtJQUNSLElBQUksRUFBRSxFQUFFO0lBQ1IsS0FBSyxFQUFFLEVBQUU7SUFDVCxNQUFNLEVBQUUsRUFBRTtDQUNiLENBQUM7Ozs7Ozs7QUFRRixxQkFBTSxZQUFZLEdBQUcsVUFBQyxLQUFhLEVBQUUsS0FBb0IsRUFBRUEsUUFBdUI7SUFDOUUsSUFBSSxLQUFLLEdBQUcsS0FBSyxDQUFDLE1BQU0sR0FBRyxDQUFDLEVBQUU7UUFDMUJBLFFBQUssQ0FBQyxNQUFNLENBQUMsS0FBSyxDQUFDLEtBQUssR0FBRyxDQUFDLENBQUMsRUFBRSxJQUFJLENBQUMsQ0FBQztLQUN4QztDQUNKLENBQUM7Ozs7Ozs7QUFRRixxQkFBTSxZQUFZLEdBQUcsVUFBQyxLQUFhLEVBQUUsS0FBb0IsRUFBRUEsUUFBdUI7SUFDOUUsSUFBSSxLQUFLLEdBQUcsQ0FBQyxFQUFFO1FBQ1hBLFFBQUssQ0FBQyxNQUFNLENBQUMsS0FBSyxDQUFDLEtBQUssR0FBRyxDQUFDLENBQUMsRUFBRSxJQUFJLENBQUMsQ0FBQztLQUN4QztDQUNKLENBQUM7Ozs7Ozs7QUFRRixxQkFBTSxXQUFXLEdBQUcsVUFBQyxLQUFhLEVBQUUsS0FBb0IsRUFBRUEsUUFBdUI7SUFDN0UsSUFBSSxLQUFLLEdBQUcsS0FBSyxDQUFDLE1BQU0sR0FBRyxDQUFDLEVBQUU7UUFDMUJBLFFBQUssQ0FBQyxNQUFNLENBQUMsS0FBSyxDQUFDLEtBQUssR0FBRyxDQUFDLENBQUMsRUFBRSxJQUFJLENBQUMsQ0FBQztLQUN4QztTQUFNO1FBQ0hBLFFBQUssQ0FBQyxNQUFNLENBQUMsS0FBSyxDQUFDLENBQUMsQ0FBQyxFQUFFLElBQUksQ0FBQyxDQUFDO0tBQ2hDO0NBQ0osQ0FBQzs7Ozs7QUFFRjtJQUNJLElBQUksQ0FBQyxJQUFJLEVBQUUsQ0FBQztDQUNmO0FBQUE7Ozs7OztBQVFELHFCQUFNLGFBQWEsR0FBRyxVQUFDLEtBQWEsRUFBRSxLQUFvQixFQUFFQSxRQUF1QjtJQUMvRSxPQUFPQSxRQUFLLENBQUMsWUFBWSxHQUFHQSxRQUFLLENBQUMsWUFBWSxDQUFDLEtBQUssRUFBRSxHQUFHLFNBQVMsQ0FBQztDQUN0RSxDQUFDO0FBRUsscUJBQU0sT0FBTztJQUNoQixHQUFDLElBQUksQ0FBQyxTQUFTLElBQUcsV0FBVztJQUM3QixHQUFDLElBQUksQ0FBQyxJQUFJLElBQUcsWUFBWTtJQUN6QixHQUFDLElBQUksQ0FBQyxJQUFJLElBQUcsWUFBWTtJQUN6QixHQUFDLElBQUksQ0FBQyxLQUFLLElBQUcsYUFBYTtJQUMzQixHQUFDLElBQUksQ0FBQyxNQUFNLElBQUcsUUFBUTtPQUMxQixDQUFDOzs7OztBQUVGLDBCQUFpQyxLQUFLO0lBQ2xDLElBQUksQ0FBQyxFQUFFLEVBQUUsRUFBRSxDQUFDLENBQUMsT0FBTyxDQUFDLEtBQUssQ0FBQyxPQUFPLENBQUMsR0FBRyxDQUFDLENBQUMsRUFBRTtRQUN0QyxLQUFLLENBQUMsY0FBYyxFQUFFLENBQUM7S0FDMUI7Q0FDSjs7Ozs7OztBQzVFRCxBQUVBLElBQUE7OzhCQUN1RCxJQUFJLFlBQVksRUFBZTs2QkFDaEMsSUFBSSxZQUFZLEVBQWU7K0JBQzdCLElBQUksWUFBWSxFQUFlOzswQkFReEUsMENBQVk7Ozs7Ozs7WUFDbkIsT0FBTyxJQUFJLENBQUMsYUFBYSxDQUFDOzs7Ozs7Ozs7OztJQU92QixpQ0FBTTs7Ozs7O2NBQUMsSUFBNkIsRUFBRSxhQUFvQjtRQUFwQiw4QkFBQSxFQUFBLG9CQUFvQjtRQUM3RCxJQUFJLENBQUMsYUFBYSxHQUFHLElBQUksQ0FBQztRQUUxQixJQUFJLENBQUMsYUFBYSxJQUFJLENBQUMsSUFBSSxFQUFFO1lBQ3pCLE9BQU87U0FDVjtRQUVELElBQUksQ0FBQyxLQUFLLEVBQUUsQ0FBQztRQUViLElBQUksQ0FBQyxjQUFjLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxDQUFDOzs7Ozs7O0lBTzVCLG1DQUFROzs7Ozs7UUFDWCxJQUFJLENBQUMsYUFBYSxHQUFHLFNBQVMsQ0FBQzs7MkJBdEN2QztJQXdDQyxDQUFBOzs7Ozs7QUN4Q0Q7O3lCQUt1QjtZQUNmLFNBQVMsb0JBQVcsS0FBSyxDQUFBO1lBQ3pCLFFBQVE7OztZQUFSO2dCQUNJLE9BQU8sSUFBSSxDQUFDLFNBQVMsS0FBSyxJQUFJLEdBQUcsU0FBUyxHQUFHLFFBQVEsQ0FBQzthQUN6RDtTQUNKOzZCQUV3QyxJQUFJLGdCQUFnQixFQUFFOzs7Z0JBVGxFLFVBQVU7OytCQUhYOzs7Ozs7O0FDQUE7SUFxQ0kscUJBQW9CQSxRQUEyQixFQUMzQixTQUNBO1FBRkEsVUFBSyxHQUFMQSxRQUFLLENBQXNCO1FBQzNCLFlBQU8sR0FBUCxPQUFPO1FBQ1AsYUFBUSxHQUFSLFFBQVE7Ozs7OzRCQVZZLEtBQUs7S0FVSDs7OztJQUVuQyxpQ0FBVzs7OztRQUNkLElBQUksQ0FBQyxLQUFLLENBQUMsYUFBYSxDQUFDLGVBQWUsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLENBQUM7OzBCQU83QyxtQ0FBVTs7Ozs7OztZQUNqQixPQUFPLElBQUksS0FBSyxJQUFJLENBQUMsS0FBSyxDQUFDLGFBQWEsQ0FBQyxZQUFZLENBQUM7Ozs7Ozs7Ozs7O0lBT25ELDRCQUFNOzs7Ozs7Y0FBQyxNQUFPO1FBQ2pCLElBQUksQ0FBQyxLQUFLLENBQUMsYUFBYSxDQUFDLE1BQU0sQ0FBQyxJQUFJLEVBQUUsSUFBSSxDQUFDLENBQUM7UUFFNUMsSUFBSSxNQUFNLEVBQUU7WUFDUixNQUFNLENBQUMsZUFBZSxFQUFFLENBQUM7WUFDekIsTUFBTSxDQUFDLGNBQWMsRUFBRSxDQUFDO1NBQzNCOzs7Ozs7O0lBT0UsMkJBQUs7Ozs7OztRQUNSLElBQUksQ0FBQyxLQUFLLENBQUMsYUFBYSxDQUFDLGFBQWEsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLENBQUM7Ozs7OztJQU0vQywyQkFBSzs7Ozs7UUFDUixJQUFJLENBQUMsUUFBUSxDQUFDLG1CQUFtQixDQUFDLElBQUksQ0FBQyxPQUFPLENBQUMsYUFBYSxDQUFDLFFBQVEsQ0FBQyxDQUFDLENBQUMsRUFBRSxPQUFPLENBQUMsQ0FBQzs7O2dCQXBFMUYsU0FBUyxTQUFDO29CQUNQLFFBQVEsRUFBRSxlQUFlO29CQUN6QixNQUFNLEVBQUUsQ0FBQyx1bUJBQXFtQixDQUFDO29CQUMvbUIsUUFBUSxFQUFFLHFRQVNiO2lCQUNBOzs7O2dCQWZRLG9CQUFvQjtnQkFKekIsVUFBVTtnQkFEVixRQUFROzs7aUNBMEJQLEtBQUs7MEJBTUwsS0FBSzs7c0JBbkNWOzs7Ozs7O0FDQUE7SUFxSEkseUJBQW1CQSxRQUEyQixFQUMxQixTQUNBO1FBRkQsVUFBSyxHQUFMQSxRQUFLLENBQXNCO1FBQzFCLFlBQU8sR0FBUCxPQUFPO1FBQ1AsYUFBUSxHQUFSLFFBQVE7Ozs7cUJBdENJLENBQUM7Ozs7O2lDQU1ZLElBQUk7Ozs7NEJBV1QsSUFBSTs7OztzQkFLbkIsSUFBSTt5QkFTVDtZQUNoQixZQUFZLEVBQUUsU0FBUztZQUN2QixjQUFjLEVBQUUsU0FBUztTQUM1QjtLQUl5Qzs7Ozs7Ozs7SUFNbkMsOEJBQUk7Ozs7Ozs7Y0FBQyxRQUFxQixFQUFFLE9BQWM7UUFBZCx3QkFBQSxFQUFBLGNBQWM7UUFDN0MscUJBQU0sRUFBRSxHQUFHLE9BQU8sUUFBUSxLQUFLLFdBQVcsR0FBRyxRQUFRLEdBQUcsU0FBUyxDQUFDO1FBQ2xFLHFCQUFNLEVBQUUsR0FBRyxPQUFPLE1BQU0sS0FBSyxXQUFXLEdBQUcsTUFBTSxHQUFHLFNBQVMsQ0FBQztRQUU5RCxJQUFJLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxTQUFTLENBQUMsU0FBUyxFQUFFOztZQUVqQyxJQUFJLENBQUMsU0FBUyxDQUFDLGNBQWMsR0FBRyxJQUFJLENBQUMsUUFBUSxDQUFDLE1BQU0sQ0FBQyxFQUFFLENBQUMsSUFBSSxFQUFFLFNBQVMsRUFBRSxJQUFJLENBQUMsY0FBYyxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsQ0FBQyxDQUFDO1lBQ3pHLElBQUksQ0FBQyxTQUFTLENBQUMsWUFBWSxHQUFHLElBQUksQ0FBQyxRQUFRLENBQUMsTUFBTSxDQUFDLEVBQUUsRUFBRSxTQUFTLEVBQUUsZ0JBQWdCLENBQUMsQ0FBQztTQUN2Rjs7UUFHRCxJQUFJLENBQUMsS0FBSyxDQUFDLFNBQVMsQ0FBQyxTQUFTLEdBQUcsSUFBSSxDQUFDO1FBRXRDLElBQUksUUFBUSxFQUFFO1lBQ1YsSUFBSSxDQUFDLGNBQWMsQ0FBQyxRQUFRLEVBQUUsT0FBTyxDQUFDLENBQUM7U0FDMUM7Ozs7Ozs7SUFPRSw4QkFBSTs7Ozs7O1FBQ1AsSUFBSSxDQUFDLEtBQUssQ0FBQyxTQUFTLENBQUMsU0FBUyxHQUFHLEtBQUssQ0FBQzs7UUFHdkMsSUFBSSxDQUFDLEtBQUssQ0FBQyxhQUFhLENBQUMsUUFBUSxFQUFFLENBQUM7O1FBR3BDLElBQUksQ0FBQyxTQUFTLENBQUMsWUFBWSxHQUFHLElBQUksQ0FBQyxTQUFTLENBQUMsWUFBWSxFQUFFLEdBQUcsU0FBUyxDQUFDO1FBQ3hFLElBQUksQ0FBQyxTQUFTLENBQUMsY0FBYyxHQUFHLElBQUksQ0FBQyxTQUFTLENBQUMsY0FBYyxFQUFFLEdBQUcsU0FBUyxDQUFDOzs7Ozs7Ozs7SUFTekUsd0NBQWM7Ozs7Ozs7Y0FBQyxRQUFvQixFQUFFLE9BQWdCO1FBQ3hELElBQUksQ0FBQyxRQUFRLEdBQUcsUUFBUSxDQUFDO1FBQ3pCLElBQUksQ0FBQyxjQUFjLENBQUMsT0FBTyxDQUFDLENBQUM7Ozs7Ozs7O0lBUTFCLHdDQUFjOzs7Ozs7Y0FBQyxNQUFNO1FBQ3hCLHFCQUFNLEdBQUcsR0FBRyxNQUFNLENBQUMsT0FBTyxDQUFDO1FBQzNCLHFCQUFNLEtBQUssR0FBRyxJQUFJLENBQUMsS0FBSyxDQUFDLE9BQU8sRUFBRSxDQUFDO1FBQ25DLHFCQUFNLEtBQUssR0FBRyxLQUFLLENBQUMsT0FBTyxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsYUFBYSxDQUFDLFlBQVksQ0FBQyxDQUFDO1FBRW5FLElBQUksQ0FBQyxPQUFPLENBQUMsY0FBYyxDQUFDLEdBQUcsQ0FBQyxFQUFFO1lBQzlCLE9BQU87U0FDVjtRQUVELE9BQU8sQ0FBQyxHQUFHLENBQUMsQ0FBQyxJQUFJLENBQUMsSUFBSSxFQUFFLEtBQUssRUFBRSxLQUFLLEVBQUUsSUFBSSxDQUFDLEtBQUssQ0FBQyxhQUFhLENBQUMsQ0FBQzs7Ozs7O0lBTTVELHdDQUFjOzs7OztRQUNsQixPQUFPLElBQUksQ0FBQyxPQUFPLENBQUMsYUFBYSxDQUFDLFFBQVEsQ0FBQyxDQUFDLENBQUMsQ0FBQzs7Ozs7OztJQU8xQyw0Q0FBa0I7Ozs7O2NBQUMsUUFBUTtRQUMvQixxQkFBTSxFQUFFLEdBQUcsT0FBTyxNQUFNLEtBQUssV0FBVyxHQUFHLE1BQU0sR0FBRyxTQUFTLENBQUM7UUFDOUQscUJBQU0sRUFBRSxHQUFHLE9BQU8sUUFBUSxLQUFLLFdBQVcsR0FBRyxRQUFRLEdBQUcsU0FBUyxDQUFDO1FBRWxFLElBQUksQ0FBQyxFQUFFLElBQUksQ0FBQyxFQUFFLElBQUksQ0FBQyxRQUFRLEVBQUU7WUFDekIsT0FBTztTQUNWO1FBRUQscUJBQU0sT0FBTyxHQUFHLElBQUksQ0FBQyxjQUFjLEVBQUUsQ0FBQztRQUN0QyxxQkFBTSxpQkFBaUIsR0FBRyxFQUFFLENBQUMsV0FBVyxLQUFLLFNBQVMsQ0FBQztRQUN2RCxxQkFBTSxZQUFZLElBQUksQ0FBQyxFQUFFLENBQUMsVUFBVSxJQUFJLEVBQUUsTUFBTSxZQUFZLENBQUMsQ0FBQztRQUU5RCxxQkFBTSxDQUFDLEdBQUcsaUJBQWlCLEdBQUcsRUFBRSxDQUFDLFdBQVcsR0FBRyxZQUFZO1lBQ3ZELEVBQUUsQ0FBQyxlQUFlLENBQUMsVUFBVSxHQUFHLEVBQUUsQ0FBQyxJQUFJLENBQUMsVUFBVSxDQUFDO1FBRXZELHFCQUFNLENBQUMsR0FBRyxpQkFBaUIsR0FBRyxFQUFFLENBQUMsV0FBVyxHQUFHLFlBQVk7WUFDdkQsRUFBRSxDQUFDLGVBQWUsQ0FBQyxTQUFTLEdBQUcsRUFBRSxDQUFDLElBQUksQ0FBQyxTQUFTLENBQUM7UUFFckQsaUhBQU0sWUFBRyxFQUFFLGNBQUksQ0FHYjtRQUVGLHFCQUFNLFdBQVcsR0FBRyxPQUFPLENBQUMsV0FBVyxDQUFDO1FBQ3hDLHFCQUFNLFlBQVksR0FBRyxPQUFPLENBQUMsWUFBWSxDQUFDO1FBRTFDLHFCQUFNLGdCQUFnQixHQUFHLFFBQVEsQ0FBQyxHQUFHLENBQUMsR0FBRyxZQUFZLElBQUksSUFBSSxDQUFDLFlBQVksR0FBRyxDQUFDLEdBQUcsQ0FBQyxHQUFHLEVBQUUsQ0FBQyxDQUFDO1FBQ3pGLHFCQUFNLGVBQWUsR0FBRyxRQUFRLENBQUMsSUFBSSxDQUFDLEdBQUcsV0FBVyxDQUFDO1FBRXJELHFCQUFNLGtCQUFrQixHQUFHLEVBQUUsQ0FBQyxXQUFXLEdBQUcsRUFBRSxDQUFDLE9BQU8sQ0FBQztRQUN2RCxxQkFBTSxpQkFBaUIsR0FBRyxFQUFFLENBQUMsVUFBVSxHQUFHLEVBQUUsQ0FBQyxPQUFPLENBQUM7UUFFckQsSUFBSSxnQkFBZ0IsSUFBSSxrQkFBa0IsRUFBRTtZQUN4QyxHQUFHLEdBQU0sUUFBUSxDQUFDLEdBQUcsQ0FBQyxPQUFPLENBQUMsSUFBSSxFQUFFLEVBQUUsQ0FBQyxDQUFDLEdBQUcsWUFBWSxPQUFJLENBQUM7U0FDL0Q7UUFFRCxJQUFJLGVBQWUsSUFBSSxpQkFBaUIsRUFBRTtZQUN0QyxxQkFBTSxXQUFXLEdBQUcsZUFBZSxHQUFHLGlCQUFpQixHQUFHLEVBQUUsQ0FBQztZQUM3RCxJQUFJLEdBQU0sUUFBUSxDQUFDLElBQUksQ0FBQyxPQUFPLENBQUMsSUFBSSxFQUFFLEVBQUUsQ0FBQyxDQUFDLEdBQUcsV0FBVyxPQUFJLENBQUM7U0FDaEU7UUFFRCxPQUFPLEVBQUUsR0FBRyxLQUFBLEVBQUUsSUFBSSxNQUFBLEVBQUUsQ0FBQzs7Ozs7OztJQUdqQixxQ0FBVzs7Ozs7Y0FBQyxHQUFXLEVBQUUsSUFBWTtRQUN6QyxJQUFJLENBQUMsSUFBSSxDQUFDLE1BQU0sRUFBRTtZQUNkLE9BQU8sRUFBRSxHQUFHLEtBQUEsRUFBRSxJQUFJLE1BQUEsRUFBRSxDQUFDO1NBQ3hCO1FBRUQscUJBQU0sTUFBTSxHQUFHLElBQUksQ0FBQyxNQUFNLENBQUMsS0FBSyxDQUFDLEdBQUcsQ0FBQyxDQUFDO1FBRXRDLElBQUksQ0FBQyxNQUFNLENBQUMsQ0FBQyxDQUFDLEVBQUU7WUFDWixNQUFNLENBQUMsQ0FBQyxDQUFDLEdBQUcsR0FBRyxDQUFDO1NBQ25CO1FBRUQsR0FBRyxHQUFNLFFBQVEsQ0FBQyxHQUFHLENBQUMsT0FBTyxDQUFDLElBQUksRUFBRSxFQUFFLENBQUMsQ0FBQyxHQUFHLFFBQVEsQ0FBQyxNQUFNLENBQUMsQ0FBQyxDQUFDLENBQUMsT0FBSSxDQUFDO1FBQ25FLElBQUksR0FBTSxRQUFRLENBQUMsSUFBSSxDQUFDLE9BQU8sQ0FBQyxJQUFJLEVBQUUsRUFBRSxDQUFDLENBQUMsR0FBRyxRQUFRLENBQUMsTUFBTSxDQUFDLENBQUMsQ0FBQyxDQUFDLE9BQUksQ0FBQztRQUVyRSxPQUFPLEVBQUUsR0FBRyxLQUFBLEVBQUUsSUFBSSxNQUFBLEVBQUUsQ0FBQzs7Ozs7SUFHbEIsa0NBQVE7Ozs7UUFDWCxxQkFBTSxFQUFFLEdBQUcsT0FBTyxRQUFRLEtBQUssV0FBVyxHQUFHLFFBQVEsR0FBRyxTQUFTLENBQUM7UUFDbEUsSUFBSSxJQUFJLENBQUMsWUFBWSxFQUFFOztZQUVuQixFQUFFLENBQUMsSUFBSSxDQUFDLFdBQVcsQ0FBQyxJQUFJLENBQUMsT0FBTyxDQUFDLGFBQWEsQ0FBQyxDQUFDO1NBQ25EOzs7Ozs7SUFHRSx3Q0FBYzs7OztjQUFDLE9BQWM7UUFBZCx3QkFBQSxFQUFBLGNBQWM7UUFDaEMscUJBQU0sT0FBTyxHQUFHLElBQUksQ0FBQyxjQUFjLEVBQUUsQ0FBQztRQUN0QyxxQkFBTSxRQUFRLEdBQUcsSUFBSSxDQUFDLGtCQUFrQixDQUFDLElBQUksQ0FBQyxRQUFRLENBQUMsQ0FBQztRQUV4RCxJQUFJLFFBQVEsRUFBRTtZQUNWLElBQUksQ0FBQyxRQUFRLENBQUMsZUFBZSxDQUFDLE9BQU8sRUFBRSxLQUFLLEVBQUUsUUFBUSxDQUFDLEdBQUcsQ0FBQyxRQUFRLEVBQUUsQ0FBQyxDQUFDO1lBQ3ZFLElBQUksQ0FBQyxRQUFRLENBQUMsZUFBZSxDQUFDLE9BQU8sRUFBRSxNQUFNLEVBQUUsUUFBUSxDQUFDLElBQUksQ0FBQyxRQUFRLEVBQUUsQ0FBQyxDQUFDO1NBQzVFOztRQUdELElBQUksSUFBSSxDQUFDLGlCQUFpQjtZQUN0QixJQUFJLENBQUMsS0FBSyxDQUFDLEtBQUs7WUFDaEIsQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLGFBQWEsQ0FBQyxZQUFZLEVBQUU7WUFDeEMsSUFBSSxDQUFDLEtBQUssQ0FBQyxhQUFhLENBQUMsTUFBTSxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsS0FBSyxFQUFFLEtBQUssQ0FBQyxDQUFDO1NBQzVEOzs7OztJQUdFLHFDQUFXOzs7O1FBQ2QscUJBQU0sSUFBSSxHQUFHLElBQUksQ0FBQyxPQUFPLENBQUMsYUFBYSxDQUFDO1FBQ3hDLElBQUksQ0FBQyxVQUFVLENBQUMsV0FBVyxDQUFDLElBQUksQ0FBQyxDQUFDO1FBRWxDLElBQUksSUFBSSxDQUFDLFNBQVMsQ0FBQyxjQUFjLEVBQUU7WUFDL0IsSUFBSSxDQUFDLFNBQVMsQ0FBQyxjQUFjLEVBQUUsQ0FBQztTQUNuQzs7O2dCQTFRUixTQUFTLFNBQUM7b0JBQ1AsUUFBUSxFQUFFLG1CQUFtQjtvQkFDN0IsTUFBTSxFQUFFLENBQUMsdXFCQUF1cUIsQ0FBQztvQkFDanJCLFFBQVEsRUFBRSwybEJBY2I7b0JBQ0csVUFBVSxFQUFFO3dCQUNSLE9BQU8sQ0FBQyxNQUFNLEVBQUU7NEJBQ1osS0FBSyxDQUFDLFNBQVMsRUFBRSxLQUFLLENBQ2xCLEVBQUMsT0FBTyxFQUFFLE9BQU8sRUFBRSxPQUFPLEVBQUUsQ0FBQyxFQUFFLE1BQU0sRUFBRSxHQUFHLEVBQUUsS0FBSyxFQUFFLEdBQUcsRUFBQyxDQUMxRCxDQUFDOzRCQUNGLEtBQUssQ0FBQyxRQUFRLEVBQUUsS0FBSyxDQUNqQixFQUFDLE9BQU8sRUFBRSxNQUFNLEVBQUUsT0FBTyxFQUFFLENBQUMsRUFBRSxRQUFRLEVBQUUsUUFBUSxFQUFFLE1BQU0sRUFBRSxDQUFDLEVBQUUsS0FBSyxFQUFFLENBQUMsRUFBQyxDQUN6RSxDQUFDOzRCQUNGLFVBQVUsQ0FBQyxtQkFBbUIsRUFBRTtnQ0FDNUIsT0FBTyxDQUFDLGVBQWUsRUFDbkIsS0FBSyxDQUFDLEVBQUMsT0FBTyxFQUFFLENBQUMsRUFBRSxNQUFNLEVBQUUsR0FBRyxFQUFFLEtBQUssRUFBRSxHQUFHLEVBQUMsQ0FBQyxDQUMvQzs2QkFDSixDQUFDOzRCQUNGLFVBQVUsQ0FBQyxtQkFBbUIsRUFBRTtnQ0FDNUIsT0FBTyxDQUFDLGdCQUFnQixFQUNwQixLQUFLLENBQUMsRUFBQyxPQUFPLEVBQUUsQ0FBQyxFQUFFLEtBQUssRUFBRSxDQUFDLEVBQUUsTUFBTSxFQUFFLENBQUMsRUFBQyxDQUFDLENBQzNDOzZCQUNKLENBQUM7eUJBQ0wsQ0FBQzt3QkFDRixPQUFPLENBQUMsU0FBUyxFQUFFOzRCQUNmLFVBQVUsQ0FBQyxtQkFBbUIsRUFBRTtnQ0FDNUIsT0FBTyxDQUFDLGVBQWUsRUFBRSxTQUFTLENBQUM7b0NBQy9CLEtBQUssQ0FBQyxFQUFDLE9BQU8sRUFBRSxDQUFDLEVBQUUsTUFBTSxFQUFFLENBQUMsRUFBQyxDQUFDO29DQUM5QixLQUFLLENBQUMsRUFBQyxPQUFPLEVBQUUsQ0FBQyxFQUFFLE1BQU0sRUFBRSxDQUFDLEVBQUMsQ0FBQztpQ0FDakMsQ0FBQyxDQUFDOzZCQUNOLENBQUM7NEJBQ0YsVUFBVSxDQUFDLG1CQUFtQixFQUFFO2dDQUM1QixPQUFPLENBQUMsZ0JBQWdCLEVBQUUsU0FBUyxDQUFDO29DQUNoQyxLQUFLLENBQUMsRUFBQyxPQUFPLEVBQUUsQ0FBQyxFQUFFLE1BQU0sRUFBRSxDQUFDLEVBQUMsQ0FBQztvQ0FDOUIsS0FBSyxDQUFDLEVBQUMsT0FBTyxFQUFFLEdBQUcsRUFBRSxNQUFNLEVBQUUsR0FBRyxFQUFDLENBQUM7b0NBQ2xDLEtBQUssQ0FBQyxFQUFDLE9BQU8sRUFBRSxDQUFDLEVBQUUsTUFBTSxFQUFFLENBQUMsRUFBQyxDQUFDO2lDQUNqQyxDQUFDLENBQUM7NkJBQ04sQ0FBQzt5QkFDTCxDQUFDO3FCQUNMO2lCQUNKOzs7O2dCQXZEUSxvQkFBb0I7Z0JBbkJ6QixVQUFVO2dCQUNWLFFBQVE7OzswQkE4RVAsS0FBSztzQ0FNTCxLQUFLOzJCQU1MLEtBQUs7aUNBS0wsS0FBSzsyQkFLTCxLQUFLOzBCQUtMLGVBQWUsU0FBQyxXQUFXOzswQkE1R2hDOzs7Ozs7O0FDQUE7SUFvQ0kscUJBQW9CQSxRQUEyQjtRQUEzQixVQUFLLEdBQUxBLFFBQUssQ0FBc0I7NkJBUmYsSUFBSTs7NkJBR21CLElBQUksWUFBWSxFQUFVOzhCQUN6QixJQUFJLFlBQVksRUFBVTtzQkFDN0IsSUFBSSxZQUFZLEVBQWU7c0JBQy9CLElBQUksWUFBWSxFQUFlO0tBRWpDOzs7O0lBRTVDLDhCQUFROzs7OztRQUNYLElBQUksQ0FBQyxLQUFLLENBQUMsYUFBYSxDQUFDLGFBQWEsQ0FBQyxTQUFTLENBQUMsVUFBQSxJQUFJO1lBQ2pELEtBQUksQ0FBQyxhQUFhLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxDQUFDO1lBRTlCLElBQUksSUFBSSxDQUFDLFlBQVksRUFBRTtnQkFDbkIsT0FBTzthQUNWO1lBRUQsS0FBSSxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsS0FBSSxDQUFDLENBQUM7U0FDeEIsQ0FBQyxDQUFDO1FBRUgsSUFBSSxJQUFJLENBQUMsTUFBTSxFQUFFO1lBQ2IsSUFBSSxDQUFDLE1BQU0sQ0FBQyxhQUFhLENBQUMsU0FBUyxDQUFDO2dCQUNoQyxLQUFJLENBQUMsVUFBVSxFQUFFLENBQUM7YUFDckIsQ0FBQyxDQUFDO1NBQ047UUFFRCxJQUFJLENBQUMsS0FBSyxDQUFDLGFBQWEsQ0FBQyxjQUFjLENBQUMsU0FBUyxDQUFDLFVBQUEsSUFBSTtZQUNsRCxLQUFJLENBQUMsY0FBYyxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsQ0FBQztTQUNsQyxDQUFDLENBQUM7UUFFSCxJQUFJLENBQUMsS0FBSyxDQUFDLGFBQWEsQ0FBQyxlQUFlLENBQUMsU0FBUyxDQUFDLFVBQUMsSUFBaUI7WUFDakUscUJBQUksZUFBd0MsQ0FBQztZQUM3QyxxQkFBTSxLQUFLLEdBQUcsS0FBSSxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsT0FBTyxFQUFFLENBQUM7WUFFeEMsSUFBSSxJQUFJLEtBQUssS0FBSSxDQUFDLEtBQUssQ0FBQyxhQUFhLENBQUMsWUFBWSxFQUFFO2dCQUNoRCxPQUFPO2FBQ1Y7WUFFRCxJQUFJLEtBQUksQ0FBQyxJQUFJLENBQUMsaUJBQWlCLEVBQUU7Z0JBQzdCLGVBQWUsR0FBRyxJQUFJLEtBQUssS0FBSyxDQUFDLENBQUMsQ0FBQyxJQUFJLEtBQUssQ0FBQyxNQUFNLEdBQUcsQ0FBQyxHQUFHLEtBQUssQ0FBQyxDQUFDLENBQUMsR0FBRyxLQUFLLENBQUMsQ0FBQyxDQUFDLENBQUM7YUFDakY7WUFFRCxLQUFJLENBQUMsS0FBSyxDQUFDLGFBQWEsQ0FBQyxNQUFNLENBQUMsZUFBZSxDQUFDLENBQUM7U0FDcEQsQ0FBQyxDQUFDOzs7Ozs7OztJQU9BLGdDQUFVOzs7Ozs7Y0FBQyxRQUFvQztRQUFwQyx5QkFBQSxFQUFBLFdBQVcsSUFBSSxDQUFDLE1BQU0sQ0FBQyxXQUFXLEVBQUU7UUFDbEQsSUFBSSxDQUFDLEtBQUssQ0FBQyxTQUFTLENBQUMsU0FBUyxHQUFHLElBQUksQ0FBQyxJQUFJLEVBQUUsR0FBRyxJQUFJLENBQUMsSUFBSSxDQUFDLFFBQVEsQ0FBQyxDQUFDOzs7Ozs7O0lBT2hFLDBCQUFJOzs7Ozs7UUFDUCxJQUFJLENBQUMsSUFBSSxDQUFDLElBQUksRUFBRSxDQUFDO1FBQ2pCLElBQUksQ0FBQyxNQUFNLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxDQUFDOzs7Ozs7OztJQVFwQiwwQkFBSTs7Ozs7O2NBQUMsUUFBb0M7UUFBcEMseUJBQUEsRUFBQSxXQUFXLElBQUksQ0FBQyxNQUFNLENBQUMsV0FBVyxFQUFFO1FBQzVDLElBQUksQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLFFBQVEsRUFBRSxJQUFJLENBQUMsYUFBYSxDQUFDLENBQUM7UUFDN0MsSUFBSSxDQUFDLE1BQU0sQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLENBQUM7Ozs7OztJQU9wQixvQ0FBYzs7Ozs7UUFDakIsSUFBSSxJQUFJLENBQUMsTUFBTSxJQUFJLElBQUksQ0FBQyxhQUFhLEVBQUU7WUFDbkMsSUFBSSxDQUFDLElBQUksQ0FBQyxjQUFjLENBQUMsSUFBSSxDQUFDLE1BQU0sQ0FBQyxXQUFXLEVBQUUsRUFBRSxJQUFJLENBQUMsQ0FBQztTQUM3RDs7O2dCQS9GUixTQUFTLFNBQUM7b0JBQ1AsUUFBUSxFQUFFLGNBQWM7b0JBQ3hCLFFBQVEsRUFBRSw0S0FJYjtvQkFDRyxTQUFTLEVBQUUsQ0FBRSxvQkFBb0IsQ0FBRTtpQkFDdEM7Ozs7Z0JBWFEsb0JBQW9COzs7MkJBY3hCLFlBQVksU0FBQyxpQkFBaUI7eUJBQzlCLFlBQVksU0FBQyxlQUFlO2tDQUU1QixLQUFLO2tDQUdMLE1BQU07bUNBQ04sTUFBTTsyQkFDTixNQUFNOzJCQUNOLE1BQU07bUNBdUVOLFlBQVksU0FBQyxlQUFlOztzQkF6R2pDOzs7Ozs7O0FDQUE7Ozs7Z0JBU0MsUUFBUSxTQUFDO29CQUNOLE9BQU8sRUFBRTt3QkFDTCxXQUFXO3dCQUNYLGlCQUFpQjt3QkFDakIsZUFBZTt3QkFDZixXQUFXO3FCQUNkO29CQUNELFlBQVksRUFBRTt3QkFDVixXQUFXO3dCQUNYLFdBQVc7d0JBQ1gsaUJBQWlCO3dCQUNqQixlQUFlO3FCQUNsQjtvQkFDRCxPQUFPLEVBQUU7d0JBQ0wsWUFBWTtxQkFDZjtpQkFDSjs7NEJBekJEOzs7Ozs7Ozs7Ozs7Ozs7In0=\n// CONCATENATED MODULE: ./node_modules/ngx-chips/esm5/ngx-chips.js\n\n\n\n\n\n\n\n\nvar ngx_chips_escape = function (s) { return s.replace(/[-\\/\\\\^$*+?.()|[\\]{}]/g, '\\\\$&'); };\nvar HighlightPipe = /** @class */ (function () {\n function HighlightPipe() {\n }\n HighlightPipe.prototype.transform = function (value, arg) {\n if (!arg.trim()) {\n return value;\n }\n try {\n var regex = new RegExp(\"(\" + ngx_chips_escape(arg) + \")\", 'i');\n return value.replace(regex, '
$1 ');\n }\n catch (e) {\n return value;\n }\n };\n return HighlightPipe;\n}());\nHighlightPipe.decorators = [\n { type: core_es5[\"Pipe\"], args: [{\n name: 'highlight'\n },] },\n];\nvar PLACEHOLDER = '+ Tag';\nvar SECONDARY_PLACEHOLDER = 'Enter a new tag';\nvar KEYDOWN = 'keydown';\nvar KEYUP = 'keyup';\nvar MAX_ITEMS_WARNING = 'The number of items specified was greater than the property max-items.';\nvar ACTIONS_KEYS = {\n DELETE: 'DELETE',\n SWITCH_PREV: 'SWITCH_PREV',\n SWITCH_NEXT: 'SWITCH_NEXT',\n TAB: 'TAB'\n};\nvar KEY_PRESS_ACTIONS = {\n 8: ACTIONS_KEYS.DELETE,\n 37: ACTIONS_KEYS.SWITCH_PREV,\n 39: ACTIONS_KEYS.SWITCH_NEXT,\n 9: ACTIONS_KEYS.TAB\n};\nvar DRAG_AND_DROP_KEY = 'Text';\nvar NEXT = 'NEXT';\nvar PREV = 'PREV';\nvar DragProvider = /** @class */ (function () {\n function DragProvider() {\n this.state = {\n dragging: false,\n dropping: false,\n index: undefined\n };\n }\n DragProvider.prototype.setDraggedItem = function (event, tag) {\n event.dataTransfer.setData(DRAG_AND_DROP_KEY, JSON.stringify(tag));\n };\n DragProvider.prototype.getDraggedItem = function (event) {\n var data = event.dataTransfer.getData(DRAG_AND_DROP_KEY);\n try {\n return (JSON.parse(data));\n }\n catch (_a) {\n return;\n }\n };\n DragProvider.prototype.setSender = function (sender) {\n this.sender = sender;\n };\n DragProvider.prototype.setReceiver = function (receiver) {\n this.receiver = receiver;\n };\n DragProvider.prototype.onTagDropped = function (tag, indexDragged, indexDropped) {\n this.onDragEnd();\n this.sender.onRemoveRequested(tag, indexDragged);\n this.receiver.onAddingRequested(false, tag, indexDropped);\n };\n DragProvider.prototype.setState = function (state$$1) {\n this.state = Object.assign({}, this.state, state$$1);\n };\n DragProvider.prototype.getState = function (key) {\n return key ? this.state[key] : this.state;\n };\n DragProvider.prototype.onDragEnd = function () {\n this.setState({\n dragging: false,\n dropping: false,\n index: undefined\n });\n };\n return DragProvider;\n}());\nDragProvider.decorators = [\n { type: core_es5[\"Injectable\"] },\n];\nvar defaults = {\n tagInput: ({\n separatorKeys: [],\n separatorKeyCodes: [],\n maxItems: Infinity,\n placeholder: PLACEHOLDER,\n secondaryPlaceholder: SECONDARY_PLACEHOLDER,\n validators: [],\n asyncValidators: [],\n onlyFromAutocomplete: false,\n errorMessages: {},\n theme: '',\n onTextChangeDebounce: 250,\n inputId: null,\n inputClass: '',\n clearOnBlur: false,\n hideForm: false,\n addOnBlur: false,\n addOnPaste: false,\n pasteSplitPattern: ',',\n blinkIfDupe: true,\n removable: true,\n editable: false,\n allowDupes: false,\n modelAsStrings: false,\n trimTags: true,\n ripple: true,\n tabIndex: '',\n disable: false,\n dragZone: '',\n onRemoving: undefined,\n onAdding: undefined,\n displayBy: 'display',\n identifyBy: 'value',\n animationDuration: {\n enter: '250ms',\n leave: '150ms'\n }\n }),\n dropdown: ({\n displayBy: 'display',\n identifyBy: 'value',\n appendToBody: true,\n offset: '50 0',\n focusFirstElement: false,\n showDropdownIfEmpty: false,\n minimumTextLength: 1,\n limitItemsTo: Infinity,\n keepOpen: true,\n dynamicUpdate: true,\n zIndex: 1000,\n matchingFn: matchingFn\n })\n};\nfunction matchingFn(value, target) {\n var targetValue = target[this.displayBy].toString();\n return targetValue && targetValue\n .toLowerCase()\n .indexOf(value.toLowerCase()) >= 0;\n}\nvar OptionsProvider = /** @class */ (function () {\n function OptionsProvider() {\n }\n OptionsProvider.prototype.setOptions = function (options) {\n OptionsProvider.defaults.tagInput = Object.assign({}, defaults.tagInput, options.tagInput);\n OptionsProvider.defaults.dropdown = Object.assign({}, defaults.dropdown, options.dropdown);\n };\n return OptionsProvider;\n}());\nOptionsProvider.defaults = defaults;\nfunction ngx_chips_isObject(obj) {\n return obj === Object(obj);\n}\nvar TagInputAccessor = /** @class */ (function () {\n function TagInputAccessor() {\n this._items = [];\n this.displayBy = OptionsProvider.defaults.tagInput.displayBy;\n this.identifyBy = OptionsProvider.defaults.tagInput.identifyBy;\n }\n Object.defineProperty(TagInputAccessor.prototype, \"items\", {\n get: function () {\n return this._items;\n },\n set: function (items) {\n this._items = items;\n this._onChangeCallback(this._items);\n },\n enumerable: true,\n configurable: true\n });\n TagInputAccessor.prototype.onTouched = function () {\n this._onTouchedCallback();\n };\n TagInputAccessor.prototype.writeValue = function (items) {\n this._items = items || [];\n };\n TagInputAccessor.prototype.registerOnChange = function (fn) {\n this._onChangeCallback = fn;\n };\n TagInputAccessor.prototype.registerOnTouched = function (fn) {\n this._onTouchedCallback = fn;\n };\n TagInputAccessor.prototype.getItemValue = function (item, fromDropdown) {\n if (fromDropdown === void 0) { fromDropdown = false; }\n var property = fromDropdown && this.dropdown ? this.dropdown.identifyBy : this.identifyBy;\n return ngx_chips_isObject(item) ? item[property] : item;\n };\n TagInputAccessor.prototype.getItemDisplay = function (item, fromDropdown) {\n if (fromDropdown === void 0) { fromDropdown = false; }\n var property = fromDropdown && this.dropdown ? this.dropdown.displayBy : this.displayBy;\n return ngx_chips_isObject(item) ? item[property] : item;\n };\n TagInputAccessor.prototype.getItemsWithout = function (index) {\n return this.items.filter(function (item, position) { return position !== index; });\n };\n return TagInputAccessor;\n}());\nTagInputAccessor.propDecorators = {\n \"displayBy\": [{ type: core_es5[\"Input\"] },],\n \"identifyBy\": [{ type: core_es5[\"Input\"] },],\n};\nfunction listen(listenerType, action, condition) {\n if (condition === void 0) { condition = true; }\n if (!this.listeners.hasOwnProperty(listenerType)) {\n throw new Error('The event entered may be wrong');\n }\n if (!condition) {\n return;\n }\n this.listeners[listenerType].push(action);\n}\nvar ngx_chips_TagInputForm = /** @class */ (function () {\n function TagInputForm() {\n this.onSubmit = new core_es5[\"EventEmitter\"]();\n this.onBlur = new core_es5[\"EventEmitter\"]();\n this.onFocus = new core_es5[\"EventEmitter\"]();\n this.onKeyup = new core_es5[\"EventEmitter\"]();\n this.onKeydown = new core_es5[\"EventEmitter\"]();\n this.inputTextChange = new core_es5[\"EventEmitter\"]();\n this.validators = [];\n this.asyncValidators = [];\n this.tabindex = '';\n this.disabled = false;\n this.item = new forms_es5[\"FormControl\"]({ value: '', disabled: this.disabled });\n }\n Object.defineProperty(TagInputForm.prototype, \"inputText\", {\n get: function () {\n return this.item.value;\n },\n set: function (text) {\n this.item.setValue(text);\n this.inputTextChange.emit(text);\n },\n enumerable: true,\n configurable: true\n });\n TagInputForm.prototype.ngOnInit = function () {\n this.item.setValidators(this.validators);\n this.item.setAsyncValidators(this.asyncValidators);\n this.form = new forms_es5[\"FormGroup\"]({\n item: this.item\n });\n };\n TagInputForm.prototype.ngOnChanges = function (changes) {\n if (changes[\"disabled\"] && !changes[\"disabled\"].firstChange) {\n if (changes[\"disabled\"].currentValue) {\n this.form.controls['item'].disable();\n }\n else {\n this.form.controls['item'].enable();\n }\n }\n };\n Object.defineProperty(TagInputForm.prototype, \"value\", {\n get: function () {\n return (this.form.get('item'));\n },\n enumerable: true,\n configurable: true\n });\n TagInputForm.prototype.isInputFocused = function () {\n var doc = typeof document !== 'undefined' ? document : undefined;\n return doc ? doc.activeElement === this.input.nativeElement : false;\n };\n TagInputForm.prototype.getErrorMessages = function (messages) {\n var _this = this;\n return Object.keys(messages)\n .filter(function (err) { return _this.value.hasError(err); })\n .map(function (err) { return messages[err]; });\n };\n TagInputForm.prototype.hasErrors = function () {\n var _b = this.form, dirty = _b.dirty, value = _b.value, valid = _b.valid;\n return dirty && value.item && !valid;\n };\n TagInputForm.prototype.focus = function () {\n this.input.nativeElement.focus();\n };\n TagInputForm.prototype.blur = function () {\n this.input.nativeElement.blur();\n };\n TagInputForm.prototype.getElementPosition = function () {\n return this.input.nativeElement.getBoundingClientRect();\n };\n TagInputForm.prototype.destroy = function () {\n var input = this.input.nativeElement;\n input.parentElement.removeChild(input);\n };\n TagInputForm.prototype.onKeyDown = function ($event) {\n this.inputText = this.value.value;\n if ($event.key === 'Enter') {\n this.submit($event);\n this.inputText = '';\n }\n return this.onKeydown.emit($event);\n };\n TagInputForm.prototype.onKeyUp = function ($event) {\n this.inputText = this.value.value;\n return this.onKeyup.emit($event);\n };\n TagInputForm.prototype.submit = function ($event) {\n $event.preventDefault();\n if (this.form.valid) {\n this.onSubmit.emit($event);\n }\n };\n return TagInputForm;\n}());\nngx_chips_TagInputForm.decorators = [\n { type: core_es5[\"Component\"], args: [{\n selector: 'tag-input-form',\n styles: [\".dark tag:focus{-webkit-box-shadow:0 0 0 1px #323232;box-shadow:0 0 0 1px #323232}.ng2-tag-input.bootstrap3-info{background-color:#fff;display:inline-block;color:#555;vertical-align:middle;max-width:100%;height:42px;line-height:44px}.ng2-tag-input.bootstrap3-info input{border:none;-webkit-box-shadow:none;box-shadow:none;outline:0;background-color:transparent;padding:0 6px;margin:0;width:auto;max-width:inherit}.ng2-tag-input.bootstrap3-info .form-control input::-moz-placeholder{color:#777;opacity:1}.ng2-tag-input.bootstrap3-info .form-control input:-ms-input-placeholder{color:#777}.ng2-tag-input.bootstrap3-info .form-control input::-webkit-input-placeholder{color:#777}.ng2-tag-input.bootstrap3-info input:focus{border:none;-webkit-box-shadow:none;box-shadow:none}.bootstrap3-info.ng2-tag-input.ng2-tag-input--focused{-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.4);box-shadow:inset 0 1px 1px rgba(0,0,0,.4);border:1px solid #ccc}.bootstrap3-info.ng2-tag-input.ng2-tag-input--invalid{-webkit-box-shadow:inset 0 1px 1px #d9534f;box-shadow:inset 0 1px 1px #d9534f}.ng2-tag-input{display:block;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:wrap;flex-wrap:wrap;position:relative;-webkit-transition:all .25s;transition:all .25s;padding:.25rem 0;min-height:32px;cursor:text;border-bottom:2px solid #efefef}.ng2-tag-input:focus{outline:0}.ng2-tag-input.ng2-tag-input--dropping{opacity:.7}.ng2-tag-input.ng2-tag-input--focused{border-bottom:2px solid #2196f3}.ng2-tag-input.ng2-tag-input--invalid{border-bottom:2px solid #f44336}.ng2-tag-input.ng2-tag-input--loading{border:none}.ng2-tag-input.ng2-tag-input--disabled{opacity:.5;cursor:not-allowed}.ng2-tag-input form{margin:.1em 0}.ng2-tag-input .ng2-tags-container{-ms-flex-wrap:wrap;flex-wrap:wrap;display:-webkit-box;display:-ms-flexbox;display:flex}.minimal.ng2-tag-input{display:block;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:wrap;flex-wrap:wrap;position:relative;cursor:text;border-bottom:1px solid transparent}.minimal.ng2-tag-input:focus{outline:0}.minimal.ng2-tag-input.ng2-tag-input--dropping{opacity:.7}.minimal.ng2-tag-input.ng2-tag-input--loading{border:none}.minimal.ng2-tag-input.ng2-tag-input--disabled{opacity:.5;cursor:not-allowed}.minimal.ng2-tag-input .ng2-tags-container{-ms-flex-wrap:wrap;flex-wrap:wrap;display:-webkit-box;display:-ms-flexbox;display:flex}.dark.ng2-tag-input{display:block;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:wrap;flex-wrap:wrap;position:relative;cursor:text;border-bottom:2px solid #444}.dark.ng2-tag-input:focus{outline:0}.dark.ng2-tag-input.ng2-tag-input--dropping{opacity:.7}.dark.ng2-tag-input.ng2-tag-input--loading{border:none}.dark.ng2-tag-input.ng2-tag-input--disabled{opacity:.5;cursor:not-allowed}.dark.ng2-tag-input .ng2-tags-container{-ms-flex-wrap:wrap;flex-wrap:wrap;display:-webkit-box;display:-ms-flexbox;display:flex}.bootstrap.ng2-tag-input{display:block;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:wrap;flex-wrap:wrap;position:relative;cursor:text;border-bottom:2px solid #efefef}.bootstrap.ng2-tag-input:focus{outline:0}.bootstrap.ng2-tag-input.ng2-tag-input--dropping{opacity:.7}.bootstrap.ng2-tag-input.ng2-tag-input--focused{border-bottom:2px solid #0275d8}.bootstrap.ng2-tag-input.ng2-tag-input--invalid{border-bottom:2px solid #d9534f}.bootstrap.ng2-tag-input.ng2-tag-input--loading{border:none}.bootstrap.ng2-tag-input.ng2-tag-input--disabled{opacity:.5;cursor:not-allowed}.bootstrap.ng2-tag-input .ng2-tags-container{-ms-flex-wrap:wrap;flex-wrap:wrap;display:-webkit-box;display:-ms-flexbox;display:flex}.bootstrap3-info.ng2-tag-input{display:block;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:wrap;flex-wrap:wrap;position:relative;padding:4px;cursor:text;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);box-shadow:inset 0 1px 1px rgba(0,0,0,.075);border-radius:4px}.bootstrap3-info.ng2-tag-input:focus{outline:0}.bootstrap3-info.ng2-tag-input.ng2-tag-input--dropping{opacity:.7}.bootstrap3-info.ng2-tag-input.ng2-tag-input--invalid{border-bottom:1px solid #d9534f}.bootstrap3-info.ng2-tag-input.ng2-tag-input--loading{border:none}.bootstrap3-info.ng2-tag-input.ng2-tag-input--disabled{opacity:.5;cursor:not-allowed}.bootstrap3-info.ng2-tag-input form{margin:.1em 0}.bootstrap3-info.ng2-tag-input .ng2-tags-container{-ms-flex-wrap:wrap;flex-wrap:wrap;display:-webkit-box;display:-ms-flexbox;display:flex}.error-message{font-size:.8em;color:#f44336;margin:.5em 0 0}.bootstrap .error-message{color:#d9534f}.ng2-tag-input__text-input{display:inline;vertical-align:middle;border:none;padding:0 .5rem;height:38px;font-size:1em;font-family:Roboto,\\\"Helvetica Neue\\\",sans-serif}.ng2-tag-input__text-input:focus{outline:0}.ng2-tag-input__text-input[disabled=true]{opacity:.5;background:#fff}\"],\n template: \"\\n
\\n\"\n },] },\n];\nngx_chips_TagInputForm.propDecorators = {\n \"onSubmit\": [{ type: core_es5[\"Output\"] },],\n \"onBlur\": [{ type: core_es5[\"Output\"] },],\n \"onFocus\": [{ type: core_es5[\"Output\"] },],\n \"onKeyup\": [{ type: core_es5[\"Output\"] },],\n \"onKeydown\": [{ type: core_es5[\"Output\"] },],\n \"inputTextChange\": [{ type: core_es5[\"Output\"] },],\n \"placeholder\": [{ type: core_es5[\"Input\"] },],\n \"validators\": [{ type: core_es5[\"Input\"] },],\n \"asyncValidators\": [{ type: core_es5[\"Input\"] },],\n \"inputId\": [{ type: core_es5[\"Input\"] },],\n \"inputClass\": [{ type: core_es5[\"Input\"] },],\n \"tabindex\": [{ type: core_es5[\"Input\"] },],\n \"disabled\": [{ type: core_es5[\"Input\"] },],\n \"input\": [{ type: core_es5[\"ViewChild\"], args: ['input',] },],\n \"inputText\": [{ type: core_es5[\"Input\"] },],\n};\nvar defaults$1 = Object(core_es5[\"forwardRef\"])(function () { return OptionsProvider.defaults.dropdown; });\nvar ngx_chips_TagInputDropdown = /** @class */ (function () {\n function TagInputDropdown(injector) {\n var _this = this;\n this.injector = injector;\n this.offset = new defaults$1().offset;\n this.focusFirstElement = new defaults$1().focusFirstElement;\n this.showDropdownIfEmpty = new defaults$1().showDropdownIfEmpty;\n this.minimumTextLength = new defaults$1().minimumTextLength;\n this.limitItemsTo = new defaults$1().limitItemsTo;\n this.displayBy = new defaults$1().displayBy;\n this.identifyBy = new defaults$1().identifyBy;\n this.matchingFn = new defaults$1().matchingFn;\n this.appendToBody = new defaults$1().appendToBody;\n this.keepOpen = new defaults$1().keepOpen;\n this.dynamicUpdate = new defaults$1().dynamicUpdate;\n this.zIndex = new defaults$1().zIndex;\n this.items = [];\n this.tagInput = this.injector.get(ngx_chips_TagInputComponent);\n this._autocompleteItems = [];\n this.show = function () {\n var maxItemsReached = _this.tagInput.items.length === _this.tagInput.maxItems;\n var value = _this.getFormValue();\n var hasMinimumText = value.trim().length >= _this.minimumTextLength;\n var position = _this.calculatePosition();\n var items = _this.getMatchingItems(value);\n var hasItems = items.length > 0;\n var isHidden = _this.isVisible === false;\n var showDropdownIfEmpty = _this.showDropdownIfEmpty && hasItems && !value;\n var isDisabled = _this.tagInput.disable;\n var shouldShow = isHidden && ((hasItems && hasMinimumText) || showDropdownIfEmpty);\n var shouldHide = _this.isVisible && !hasItems;\n if (_this.autocompleteObservable && hasMinimumText) {\n return _this.getItemsFromObservable(value);\n }\n if ((!_this.showDropdownIfEmpty && !value) || maxItemsReached || isDisabled) {\n return _this.dropdown.hide();\n }\n _this.setItems(items);\n if (shouldShow) {\n _this.dropdown.show(position);\n }\n else if (shouldHide) {\n _this.hide();\n }\n };\n this.requestAdding = function (item) { return __awaiter(_this, void 0, void 0, function () {\n var tag;\n return __generator(this, function (_b) {\n switch (_b.label) {\n case 0:\n tag = this.createTagModel(item);\n return [4 /*yield*/, this.tagInput.onAddingRequested(true, tag).catch(function () { })];\n case 1:\n _b.sent();\n return [2 /*return*/];\n }\n });\n }); };\n this.resetItems = function () {\n _this.items = [];\n };\n this.getItemsFromObservable = function (text) {\n _this.setLoadingState(true);\n var subscribeFn = function (data) {\n _this.setLoadingState(false)\n .populateItems(data);\n _this.setItems(_this.getMatchingItems(text));\n if (_this.items.length) {\n _this.dropdown.show(_this.calculatePosition());\n }\n else {\n _this.dropdown.hide();\n }\n };\n _this.autocompleteObservable(text)\n .pipe(Object(operators[\"first\"])())\n .subscribe(subscribeFn, function () { return _this.setLoadingState(false); });\n };\n }\n Object.defineProperty(TagInputDropdown.prototype, \"autocompleteItems\", {\n get: function () {\n var _this = this;\n var items = this._autocompleteItems;\n if (!items) {\n return [];\n }\n return items.map(function (item) {\n return typeof item === 'string' ? (_b = {}, _b[_this.displayBy] = item, _b[_this.identifyBy] = item, _b) : item;\n var _b;\n });\n },\n set: function (items) {\n this._autocompleteItems = items;\n },\n enumerable: true,\n configurable: true\n });\n TagInputDropdown.prototype.ngOnInit = function () {\n var _this = this;\n this.onItemClicked().subscribe(function (item) {\n _this.requestAdding(item);\n });\n this.onHide().subscribe(this.resetItems);\n var DEBOUNCE_TIME = 200;\n var KEEP_OPEN = this.keepOpen;\n this.tagInput\n .onTextChange\n .asObservable()\n .pipe(Object(operators[\"debounceTime\"])(DEBOUNCE_TIME), Object(operators[\"filter\"])(function (value) {\n if (KEEP_OPEN === false) {\n return value.length > 0;\n }\n return true;\n }))\n .subscribe(this.show);\n };\n TagInputDropdown.prototype.updatePosition = function () {\n var position = this.tagInput.inputForm.getElementPosition();\n this.dropdown.menu.updatePosition(position, this.dynamicUpdate);\n };\n Object.defineProperty(TagInputDropdown.prototype, \"isVisible\", {\n get: function () {\n return this.dropdown.menu.state.menuState.isVisible;\n },\n enumerable: true,\n configurable: true\n });\n TagInputDropdown.prototype.onHide = function () {\n return this.dropdown.onHide;\n };\n TagInputDropdown.prototype.onItemClicked = function () {\n return this.dropdown.onItemClicked;\n };\n Object.defineProperty(TagInputDropdown.prototype, \"selectedItem\", {\n get: function () {\n return this.dropdown.menu.state.dropdownState.selectedItem;\n },\n enumerable: true,\n configurable: true\n });\n Object.defineProperty(TagInputDropdown.prototype, \"state\", {\n get: function () {\n return this.dropdown.menu.state;\n },\n enumerable: true,\n configurable: true\n });\n TagInputDropdown.prototype.hide = function () {\n this.resetItems();\n this.dropdown.hide();\n };\n TagInputDropdown.prototype.scrollListener = function () {\n if (!this.isVisible || !this.dynamicUpdate) {\n return;\n }\n this.updatePosition();\n };\n TagInputDropdown.prototype.onWindowBlur = function () {\n this.dropdown.hide();\n };\n TagInputDropdown.prototype.getFormValue = function () {\n var formValue = this.tagInput.formValue;\n return formValue ? formValue.toString().trim() : '';\n };\n TagInputDropdown.prototype.calculatePosition = function () {\n return this.tagInput.inputForm.getElementPosition();\n };\n TagInputDropdown.prototype.createTagModel = function (item) {\n var display = typeof item.value === 'string' ? item.value : item.value[this.displayBy];\n var value = typeof item.value === 'string' ? item.value : item.value[this.identifyBy];\n return Object.assign({}, item.value, (_b = {}, _b[this.tagInput.displayBy] = display, _b[this.tagInput.identifyBy] = value, _b));\n var _b;\n };\n TagInputDropdown.prototype.getMatchingItems = function (value) {\n var _this = this;\n if (!value && !this.showDropdownIfEmpty) {\n return [];\n }\n var dupesAllowed = this.tagInput.allowDupes;\n return this.autocompleteItems.filter(function (item) {\n var hasValue = dupesAllowed ? false : _this.tagInput.tags.some(function (tag) {\n var identifyBy = _this.tagInput.identifyBy;\n var model = typeof tag.model === 'string' ? tag.model : tag.model[identifyBy];\n return model === item[_this.identifyBy];\n });\n return _this.matchingFn(value, item) && (hasValue === false);\n });\n };\n TagInputDropdown.prototype.setItems = function (items) {\n this.items = items.slice(0, this.limitItemsTo || items.length);\n };\n TagInputDropdown.prototype.populateItems = function (data) {\n var _this = this;\n this.autocompleteItems = data.map(function (item) {\n return typeof item === 'string' ? (_b = {}, _b[_this.displayBy] = item, _b[_this.identifyBy] = item, _b) : item;\n var _b;\n });\n return this;\n };\n TagInputDropdown.prototype.setLoadingState = function (state$$1) {\n this.tagInput.isLoading = state$$1;\n return this;\n };\n return TagInputDropdown;\n}());\nngx_chips_TagInputDropdown.decorators = [\n { type: core_es5[\"Component\"], args: [{\n selector: 'tag-input-dropdown',\n template: \"
\\n \\n \\n\\n \\n \\n\\n \\n \\n \\n \\n \\n\"\n },] },\n];\nngx_chips_TagInputDropdown.ctorParameters = function () { return [\n { type: core_es5[\"Injector\"], },\n]; };\nngx_chips_TagInputDropdown.propDecorators = {\n \"dropdown\": [{ type: core_es5[\"ViewChild\"], args: [ng2_material_dropdown_Ng2Dropdown,] },],\n \"templates\": [{ type: core_es5[\"ContentChildren\"], args: [core_es5[\"TemplateRef\"],] },],\n \"offset\": [{ type: core_es5[\"Input\"] },],\n \"focusFirstElement\": [{ type: core_es5[\"Input\"] },],\n \"showDropdownIfEmpty\": [{ type: core_es5[\"Input\"] },],\n \"autocompleteObservable\": [{ type: core_es5[\"Input\"] },],\n \"minimumTextLength\": [{ type: core_es5[\"Input\"] },],\n \"limitItemsTo\": [{ type: core_es5[\"Input\"] },],\n \"displayBy\": [{ type: core_es5[\"Input\"] },],\n \"identifyBy\": [{ type: core_es5[\"Input\"] },],\n \"matchingFn\": [{ type: core_es5[\"Input\"] },],\n \"appendToBody\": [{ type: core_es5[\"Input\"] },],\n \"keepOpen\": [{ type: core_es5[\"Input\"] },],\n \"dynamicUpdate\": [{ type: core_es5[\"Input\"] },],\n \"zIndex\": [{ type: core_es5[\"Input\"] },],\n \"autocompleteItems\": [{ type: core_es5[\"Input\"] },],\n \"scrollListener\": [{ type: core_es5[\"HostListener\"], args: ['window:scroll',] },],\n \"onWindowBlur\": [{ type: core_es5[\"HostListener\"], args: ['window:blur',] },],\n};\nvar TagRipple = /** @class */ (function () {\n function TagRipple() {\n this.state = 'none';\n }\n return TagRipple;\n}());\nTagRipple.decorators = [\n { type: core_es5[\"Component\"], args: [{\n selector: 'tag-ripple',\n styles: [\"\\n :host {\\n width: 100%;\\n height: 100%;\\n left: 0;\\n overflow: hidden;\\n position: absolute;\\n }\\n \\n .tag-ripple {\\n background: rgba(0, 0, 0, 0.1);\\n top: 50%;\\n left: 50%;\\n height: 100%;\\n transform: translate(-50%, -50%);\\n position: absolute;\\n }\\n \"],\n template: \"\\n
\\n \",\n animations: [\n trigger('ink', [\n animations_es5_state('none', style({ width: 0, opacity: 0 })),\n transition('none => clicked', [\n animate(300, animations_es5_keyframes([\n style({ opacity: 1, offset: 0, width: '30%', borderRadius: '100%' }),\n style({ opacity: 1, offset: 0.5, width: '50%' }),\n style({ opacity: 0.5, offset: 1, width: '100%', borderRadius: '16px' })\n ]))\n ])\n ])\n ]\n },] },\n];\nTagRipple.propDecorators = {\n \"state\": [{ type: core_es5[\"Input\"] },],\n};\nvar ngx_chips_navigator = typeof window !== 'undefined' ? window.navigator : {\n userAgent: 'Chrome',\n vendor: 'Google Inc'\n};\nvar isChrome = /Chrome/.test(ngx_chips_navigator.userAgent) && /Google Inc/.test(ngx_chips_navigator.vendor);\nvar ngx_chips_TagComponent = /** @class */ (function () {\n function TagComponent(element, renderer, cdRef) {\n this.element = element;\n this.renderer = renderer;\n this.cdRef = cdRef;\n this.disabled = false;\n this.onSelect = new core_es5[\"EventEmitter\"]();\n this.onRemove = new core_es5[\"EventEmitter\"]();\n this.onBlur = new core_es5[\"EventEmitter\"]();\n this.onKeyDown = new core_es5[\"EventEmitter\"]();\n this.onTagEdited = new core_es5[\"EventEmitter\"]();\n this.editing = false;\n this.rippleState = \"none\";\n }\n Object.defineProperty(TagComponent.prototype, \"readonly\", {\n get: function () {\n return typeof this.model !== \"string\" && this.model[\"readonly\"] === true;\n },\n enumerable: true,\n configurable: true\n });\n TagComponent.prototype.select = function ($event) {\n if (this.readonly || this.disabled) {\n return;\n }\n if ($event) {\n $event.stopPropagation();\n }\n this.focus();\n this.onSelect.emit(this.model);\n };\n TagComponent.prototype.remove = function ($event) {\n $event.stopPropagation();\n this.onRemove.emit(this);\n };\n TagComponent.prototype.focus = function () {\n this.element.nativeElement.focus();\n };\n TagComponent.prototype.move = function () {\n this.moving = true;\n };\n TagComponent.prototype.keydown = function (event) {\n if (this.editing) {\n if (event.keyCode === 13) {\n return this.disableEditMode(event);\n }\n }\n else {\n this.onKeyDown.emit({ event: event, model: this.model });\n }\n };\n TagComponent.prototype.blink = function () {\n var classList = this.element.nativeElement.classList;\n classList.add(\"blink\");\n setTimeout(function () { return classList.remove(\"blink\"); }, 50);\n };\n TagComponent.prototype.toggleEditMode = function () {\n if (this.editable) {\n return this.editing ? undefined : this.activateEditMode();\n }\n };\n TagComponent.prototype.onBlurred = function (event) {\n if (!this.editable) {\n return;\n }\n this.disableEditMode();\n var value = event.target.innerText;\n var result = typeof this.model === \"string\"\n ? value\n : Object.assign({}, this.model, (_b = {}, _b[this.displayBy] = value, _b));\n this.onBlur.emit(result);\n var _b;\n };\n TagComponent.prototype.getDisplayValue = function (item) {\n return typeof item === \"string\" ? item : item[this.displayBy];\n };\n Object.defineProperty(TagComponent.prototype, \"isRippleVisible\", {\n get: function () {\n return !this.readonly && !this.editing && isChrome && this.hasRipple;\n },\n enumerable: true,\n configurable: true\n });\n TagComponent.prototype.disableEditMode = function ($event) {\n var classList = this.element.nativeElement.classList;\n var input = this.getContentEditableText();\n this.editing = false;\n classList.remove(\"tag--editing\");\n if (!input) {\n this.setContentEditableText(this.model);\n return;\n }\n this.storeNewValue(input);\n this.cdRef.detectChanges();\n if ($event) {\n $event.preventDefault();\n }\n };\n TagComponent.prototype.isDeleteIconVisible = function () {\n return (!this.readonly && !this.disabled && this.removable && !this.editing);\n };\n TagComponent.prototype.getContentEditableText = function () {\n var input = this.getContentEditable();\n return input ? input.innerText.trim() : \"\";\n };\n TagComponent.prototype.setContentEditableText = function (model) {\n var input = this.getContentEditable();\n var value = this.getDisplayValue(model);\n input.innerText = value;\n };\n TagComponent.prototype.activateEditMode = function () {\n var classList = this.element.nativeElement.classList;\n classList.add('tag--editing');\n this.editing = true;\n };\n TagComponent.prototype.storeNewValue = function (input) {\n var _this = this;\n var exists = function (tag) {\n return typeof tag === 'string'\n ? tag === input\n : tag[_this.displayBy] === input;\n };\n var hasId = function () {\n return _this.model[_this.identifyBy] !== _this.model[_this.displayBy];\n };\n if (exists(this.model)) {\n return;\n }\n var model = typeof this.model === 'string'\n ? input\n : (_b = {\n index: this.index\n }, _b[this.identifyBy] = hasId()\n ? this.model[this.identifyBy]\n : input, _b[this.displayBy] = input, _b);\n if (this.canAddTag(model)) {\n this.onTagEdited.emit({ tag: model, index: this.index });\n }\n else {\n this.setContentEditableText(this.model);\n }\n var _b;\n };\n TagComponent.prototype.getContentEditable = function () {\n return this.element.nativeElement.querySelector('[contenteditable]');\n };\n return TagComponent;\n}());\nngx_chips_TagComponent.decorators = [\n { type: core_es5[\"Component\"], args: [{\n selector: \"tag\",\n template: \"
\\n\\n
\\n \\n \\n \\n
\\n\\n
\\n \\n
\\n {{ getDisplayValue(model) }}\\n
\\n\\n \\n
\\n \\n \\n
\\n\\n
\\n \\n\",\n styles: [\":host,:host>div,:host>div:focus{outline:0;overflow:hidden;-webkit-transition:opacity 1s;transition:opacity 1s;z-index:1}:host{max-width:400px}:host.blink{-webkit-animation:.3s ease-in-out forwards blink;animation:.3s ease-in-out forwards blink}@-webkit-keyframes blink{0%{opacity:.3}}@keyframes blink{0%{opacity:.3}}:host .disabled{cursor:not-allowed}:host [contenteditable=true]{outline:0}.tag-wrapper{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;display:-webkit-box;display:-ms-flexbox;display:flex}.tag__text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}\"]\n },] },\n];\nngx_chips_TagComponent.ctorParameters = function () { return [\n { type: core_es5[\"ElementRef\"], },\n { type: core_es5[\"Renderer2\"], },\n { type: core_es5[\"ChangeDetectorRef\"], },\n]; };\nngx_chips_TagComponent.propDecorators = {\n \"model\": [{ type: core_es5[\"Input\"] },],\n \"removable\": [{ type: core_es5[\"Input\"] },],\n \"editable\": [{ type: core_es5[\"Input\"] },],\n \"template\": [{ type: core_es5[\"Input\"] },],\n \"displayBy\": [{ type: core_es5[\"Input\"] },],\n \"identifyBy\": [{ type: core_es5[\"Input\"] },],\n \"index\": [{ type: core_es5[\"Input\"] },],\n \"hasRipple\": [{ type: core_es5[\"Input\"] },],\n \"disabled\": [{ type: core_es5[\"Input\"] },],\n \"canAddTag\": [{ type: core_es5[\"Input\"] },],\n \"onSelect\": [{ type: core_es5[\"Output\"] },],\n \"onRemove\": [{ type: core_es5[\"Output\"] },],\n \"onBlur\": [{ type: core_es5[\"Output\"] },],\n \"onKeyDown\": [{ type: core_es5[\"Output\"] },],\n \"onTagEdited\": [{ type: core_es5[\"Output\"] },],\n \"moving\": [{ type: core_es5[\"HostBinding\"], args: [\"class.moving\",] },],\n \"ripple\": [{ type: core_es5[\"ViewChild\"], args: [TagRipple,] },],\n \"keydown\": [{ type: core_es5[\"HostListener\"], args: [\"keydown\", [\"$event\"],] },],\n};\nvar animations = [\n trigger('animation', [\n animations_es5_state('in', style({\n opacity: 1\n })),\n animations_es5_state('out', style({\n opacity: 0\n })),\n transition(':enter', [\n animate(\"{{ enter }}\", animations_es5_keyframes([\n style({ opacity: 0, offset: 0, transform: 'translate(0px, 20px)' }),\n style({ opacity: 0.3, offset: 0.3, transform: 'translate(0px, -10px)' }),\n style({ opacity: 0.5, offset: 0.5, transform: 'translate(0px, 0px)' }),\n style({ opacity: 0.75, offset: 0.75, transform: 'translate(0px, 5px)' }),\n style({ opacity: 1, offset: 1, transform: 'translate(0px, 0px)' })\n ]))\n ]),\n transition(':leave', [\n animate(\"{{ leave }}\", animations_es5_keyframes([\n style({ opacity: 1, transform: 'translateX(0)', offset: 0 }),\n style({ opacity: 1, transform: 'translateX(-15px)', offset: 0.7 }),\n style({ opacity: 0, transform: 'translateX(100%)', offset: 1.0 })\n ]))\n ])\n ])\n];\nvar DragEvent = ((window)).DragEvent;\nvar CUSTOM_ACCESSOR = {\n provide: forms_es5[\"NG_VALUE_ACCESSOR\"],\n useExisting: Object(core_es5[\"forwardRef\"])(function () { return ngx_chips_TagInputComponent; }),\n multi: true\n};\nvar defaults$2 = Object(core_es5[\"forwardRef\"])(function () { return OptionsProvider.defaults.tagInput; });\nvar ngx_chips_TagInputComponent = /** @class */ (function (_super) {\n tslib_es6___extends(TagInputComponent, _super);\n function TagInputComponent(renderer, dragProvider) {\n var _this = _super.call(this) || this;\n _this.renderer = renderer;\n _this.dragProvider = dragProvider;\n _this.separatorKeys = new defaults$2().separatorKeys;\n _this.separatorKeyCodes = new defaults$2().separatorKeyCodes;\n _this.placeholder = new defaults$2().placeholder;\n _this.secondaryPlaceholder = new defaults$2().secondaryPlaceholder;\n _this.maxItems = new defaults$2().maxItems;\n _this.validators = new defaults$2().validators;\n _this.asyncValidators = new defaults$2().asyncValidators;\n _this.onlyFromAutocomplete = new defaults$2().onlyFromAutocomplete;\n _this.errorMessages = new defaults$2().errorMessages;\n _this.theme = new defaults$2().theme;\n _this.onTextChangeDebounce = new defaults$2().onTextChangeDebounce;\n _this.inputId = new defaults$2().inputId;\n _this.inputClass = new defaults$2().inputClass;\n _this.clearOnBlur = new defaults$2().clearOnBlur;\n _this.hideForm = new defaults$2().hideForm;\n _this.addOnBlur = new defaults$2().addOnBlur;\n _this.addOnPaste = new defaults$2().addOnPaste;\n _this.pasteSplitPattern = new defaults$2().pasteSplitPattern;\n _this.blinkIfDupe = new defaults$2().blinkIfDupe;\n _this.removable = new defaults$2().removable;\n _this.editable = new defaults$2().editable;\n _this.allowDupes = new defaults$2().allowDupes;\n _this.modelAsStrings = new defaults$2().modelAsStrings;\n _this.trimTags = new defaults$2().trimTags;\n _this.ripple = new defaults$2().ripple;\n _this.tabindex = new defaults$2().tabIndex;\n _this.disable = new defaults$2().disable;\n _this.dragZone = new defaults$2().dragZone;\n _this.onRemoving = new defaults$2().onRemoving;\n _this.onAdding = new defaults$2().onAdding;\n _this.animationDuration = new defaults$2().animationDuration;\n _this.onAdd = new core_es5[\"EventEmitter\"]();\n _this.onRemove = new core_es5[\"EventEmitter\"]();\n _this.onSelect = new core_es5[\"EventEmitter\"]();\n _this.onFocus = new core_es5[\"EventEmitter\"]();\n _this.onBlur = new core_es5[\"EventEmitter\"]();\n _this.onTextChange = new core_es5[\"EventEmitter\"]();\n _this.onPaste = new core_es5[\"EventEmitter\"]();\n _this.onValidationError = new core_es5[\"EventEmitter\"]();\n _this.onTagEdited = new core_es5[\"EventEmitter\"]();\n _this.isLoading = false;\n _this.listeners = (_b = {}, _b[KEYDOWN] = ([]), _b[KEYUP] = ([]), _b);\n _this.inputTextChange = new core_es5[\"EventEmitter\"]();\n _this.inputTextValue = '';\n _this.errors = [];\n _this.appendTag = function (tag, index) {\n if (index === void 0) { index = _this.items.length; }\n var items = _this.items;\n var model = _this.modelAsStrings ? tag[_this.identifyBy] : tag;\n _this.items = __spread(items.slice(0, index), [\n model\n ], items.slice(index, items.length));\n };\n _this.createTag = function (model) {\n var trim = function (val, key) {\n return typeof val === 'string' ? val.trim() : val[key];\n };\n return Object.assign({}, typeof model !== 'string' ? model : {}, (_b = {}, _b[_this.displayBy] = _this.trimTags ? trim(model, _this.displayBy) : model, _b[_this.identifyBy] = _this.trimTags ? trim(model, _this.identifyBy) : model, _b));\n var _b;\n };\n _this.isTagValid = function (tag, fromAutocomplete) {\n if (fromAutocomplete === void 0) { fromAutocomplete = false; }\n var selectedItem = _this.dropdown ? _this.dropdown.selectedItem : undefined;\n var value = _this.getItemDisplay(tag).trim();\n if (selectedItem && !fromAutocomplete || !value) {\n return false;\n }\n var dupe = _this.findDupe(tag, fromAutocomplete);\n if (!_this.allowDupes && dupe && _this.blinkIfDupe) {\n var model = _this.tags.find(function (item) {\n return _this.getItemValue(item.model) === _this.getItemValue(dupe);\n });\n if (model) {\n model.blink();\n }\n }\n var isFromAutocomplete = fromAutocomplete && _this.onlyFromAutocomplete;\n var assertions = [\n !dupe || _this.allowDupes,\n !_this.maxItemsReached,\n ((isFromAutocomplete) || !_this.onlyFromAutocomplete)\n ];\n return assertions.filter(Boolean).length === assertions.length;\n };\n _this.onPasteCallback = function (data) { return __awaiter(_this, void 0, void 0, function () {\n var _this = this;\n var getText, text, requests, resetInput;\n return __generator(this, function (_b) {\n getText = function () {\n var isIE = Boolean(((window)).clipboardData);\n var clipboardData = isIE ? (((window)).clipboardData) : data.clipboardData;\n var type = isIE ? 'Text' : 'text/plain';\n return clipboardData.getData(type) || '';\n };\n text = getText();\n requests = text\n .split(this.pasteSplitPattern)\n .map(function (item) {\n var tag = _this.createTag(item);\n _this.setInputValue(tag[_this.displayBy]);\n return _this.onAddingRequested(false, tag);\n });\n resetInput = function () { return setTimeout(function () { return _this.setInputValue(''); }, 50); };\n Promise.all(requests).then(function () {\n _this.onPaste.emit(text);\n resetInput();\n })\n .catch(resetInput);\n return [2 /*return*/];\n });\n }); };\n return _this;\n var _b;\n }\n Object.defineProperty(TagInputComponent.prototype, \"inputText\", {\n get: function () {\n return this.inputTextValue;\n },\n set: function (text) {\n this.inputTextValue = text;\n this.inputTextChange.emit(text);\n },\n enumerable: true,\n configurable: true\n });\n Object.defineProperty(TagInputComponent.prototype, \"tabindexAttr\", {\n get: function () {\n return this.tabindex !== '' ? '-1' : '';\n },\n enumerable: true,\n configurable: true\n });\n TagInputComponent.prototype.ngAfterViewInit = function () {\n var _this = this;\n this.setUpKeypressListeners();\n this.setupSeparatorKeysListener();\n this.setUpInputKeydownListeners();\n if (this.onTextChange.observers.length) {\n this.setUpTextChangeSubscriber();\n }\n if (this.clearOnBlur || this.addOnBlur) {\n this.setUpOnBlurSubscriber();\n }\n if (this.addOnPaste) {\n this.setUpOnPasteListener();\n }\n var statusChanges$ = this.inputForm.form.statusChanges;\n statusChanges$.pipe(Object(operators[\"filter\"])(function (status) { return status !== 'PENDING'; })).subscribe(function () {\n _this.errors = _this.inputForm.getErrorMessages(_this.errorMessages);\n });\n this.isProgressBarVisible$ = statusChanges$.pipe(Object(operators[\"map\"])(function (status) {\n return status === 'PENDING' || _this.isLoading;\n }));\n if (this.hideForm) {\n this.inputForm.destroy();\n }\n };\n TagInputComponent.prototype.ngOnInit = function () {\n var hasReachedMaxItems = this.maxItems !== undefined &&\n this.items &&\n this.items.length > this.maxItems;\n if (hasReachedMaxItems) {\n this.maxItems = this.items.length;\n console.warn(MAX_ITEMS_WARNING);\n }\n this.editable = this.onlyFromAutocomplete ? false : this.editable;\n this.setAnimationMetadata();\n };\n TagInputComponent.prototype.onRemoveRequested = function (tag, index) {\n var _this = this;\n return new Promise(function (resolve) {\n var subscribeFn = function (model) {\n _this.removeItem(model, index);\n resolve(tag);\n };\n _this.onRemoving ?\n _this.onRemoving(tag)\n .pipe(Object(operators[\"first\"])())\n .subscribe(subscribeFn) : subscribeFn(tag);\n });\n };\n TagInputComponent.prototype.onAddingRequested = function (fromAutocomplete, tag, index, giveupFocus) {\n var _this = this;\n return new Promise(function (resolve, reject) {\n var subscribeFn = function (model) {\n return _this\n .addItem(fromAutocomplete, model, index, giveupFocus)\n .then(resolve)\n .catch(reject);\n };\n return _this.onAdding ?\n _this.onAdding(tag)\n .pipe(Object(operators[\"first\"])())\n .subscribe(subscribeFn, reject) : subscribeFn(tag);\n });\n };\n TagInputComponent.prototype.selectItem = function (item, emit) {\n if (emit === void 0) { emit = true; }\n var isReadonly = item && typeof item !== 'string' && item[\"readonly\"];\n if (isReadonly || this.selectedTag === item) {\n return;\n }\n this.selectedTag = item;\n if (emit) {\n this.onSelect.emit(item);\n }\n };\n TagInputComponent.prototype.fireEvents = function (eventName, $event) {\n var _this = this;\n this.listeners[eventName].forEach(function (listener) { return listener.call(_this, $event); });\n };\n TagInputComponent.prototype.handleKeydown = function (data) {\n var event = data.event;\n var key = event.keyCode || event.which;\n var shiftKey = event.shiftKey || false;\n switch (KEY_PRESS_ACTIONS[key]) {\n case ACTIONS_KEYS.DELETE:\n if (this.selectedTag && this.removable) {\n var index = this.items.indexOf(this.selectedTag);\n this.onRemoveRequested(this.selectedTag, index);\n }\n break;\n case ACTIONS_KEYS.SWITCH_PREV:\n this.moveToTag(data.model, PREV);\n break;\n case ACTIONS_KEYS.SWITCH_NEXT:\n this.moveToTag(data.model, NEXT);\n break;\n case ACTIONS_KEYS.TAB:\n if (shiftKey) {\n if (this.isFirstTag(data.model)) {\n return;\n }\n this.moveToTag(data.model, PREV);\n }\n else {\n if (this.isLastTag(data.model) && (this.disable || this.maxItemsReached)) {\n return;\n }\n this.moveToTag(data.model, NEXT);\n }\n break;\n default:\n return;\n }\n event.preventDefault();\n };\n TagInputComponent.prototype.onFormSubmit = function () {\n return __awaiter(this, void 0, void 0, function () {\n var _a_1;\n return __generator(this, function (_b) {\n switch (_b.label) {\n case 0:\n _b.trys.push([0, 2, , 3]);\n return [4 /*yield*/, this.onAddingRequested(false, this.formValue)];\n case 1:\n _b.sent();\n return [3 /*break*/, 3];\n case 2:\n _a_1 = _b.sent();\n return [2 /*return*/];\n case 3: return [2 /*return*/];\n }\n });\n });\n };\n TagInputComponent.prototype.setInputValue = function (value, emitEvent) {\n if (emitEvent === void 0) { emitEvent = true; }\n var control = this.getControl();\n control.setValue(value, { emitEvent: emitEvent });\n };\n TagInputComponent.prototype.getControl = function () {\n return (this.inputForm.value);\n };\n TagInputComponent.prototype.focus = function (applyFocus, displayAutocomplete) {\n if (applyFocus === void 0) { applyFocus = false; }\n if (displayAutocomplete === void 0) { displayAutocomplete = false; }\n if (this.dragProvider.getState('dragging')) {\n return;\n }\n this.selectItem(undefined, false);\n if (applyFocus) {\n this.inputForm.focus();\n this.onFocus.emit(this.formValue);\n }\n };\n TagInputComponent.prototype.blur = function () {\n this.onTouched();\n this.onBlur.emit(this.formValue);\n };\n TagInputComponent.prototype.hasErrors = function () {\n return this.inputForm && this.inputForm.hasErrors();\n };\n TagInputComponent.prototype.isInputFocused = function () {\n return this.inputForm && this.inputForm.isInputFocused();\n };\n TagInputComponent.prototype.hasCustomTemplate = function () {\n var template = this.templates ? this.templates.first : undefined;\n var menuTemplate = this.dropdown && this.dropdown.templates ?\n this.dropdown.templates.first : undefined;\n return Boolean(template && template !== menuTemplate);\n };\n Object.defineProperty(TagInputComponent.prototype, \"maxItemsReached\", {\n get: function () {\n return this.maxItems !== undefined &&\n this.items.length >= this.maxItems;\n },\n enumerable: true,\n configurable: true\n });\n Object.defineProperty(TagInputComponent.prototype, \"formValue\", {\n get: function () {\n var form = this.inputForm.value;\n return form ? form.value : '';\n },\n enumerable: true,\n configurable: true\n });\n TagInputComponent.prototype.onDragStarted = function (event, tag, index) {\n event.stopPropagation();\n var item = ({ zone: this.dragZone, tag: tag, index: index });\n this.dragProvider.setSender(this);\n this.dragProvider.setDraggedItem(event, item);\n this.dragProvider.setState({ dragging: true, index: index });\n };\n TagInputComponent.prototype.onDragOver = function (event, index) {\n this.dragProvider.setState({ dropping: true });\n this.dragProvider.setReceiver(this);\n event.preventDefault();\n };\n TagInputComponent.prototype.onTagDropped = function (event, index) {\n var item = this.dragProvider.getDraggedItem(event);\n if (!item || item.zone !== this.dragZone) {\n return;\n }\n this.dragProvider.onTagDropped(item.tag, item.index, index);\n event.preventDefault();\n event.stopPropagation();\n };\n TagInputComponent.prototype.isDropping = function () {\n var isReceiver = this.dragProvider.receiver === this;\n var isDropping = this.dragProvider.getState('dropping');\n return Boolean(isReceiver && isDropping);\n };\n TagInputComponent.prototype.onTagBlurred = function (changedElement, index) {\n this.items[index] = changedElement;\n this.blur();\n };\n TagInputComponent.prototype.trackBy = function (index, item) {\n return item[this.identifyBy];\n };\n TagInputComponent.prototype.updateEditedTag = function (_b) {\n var tag = _b.tag, index = _b.index;\n this.onTagEdited.emit(tag);\n };\n TagInputComponent.prototype.moveToTag = function (item, direction) {\n var isLast = this.isLastTag(item);\n var isFirst = this.isFirstTag(item);\n var stopSwitch = (direction === NEXT && isLast) ||\n (direction === PREV && isFirst);\n if (stopSwitch) {\n this.focus(true);\n return;\n }\n var offset = direction === NEXT ? 1 : -1;\n var index = this.getTagIndex(item) + offset;\n var tag = this.getTagAtIndex(index);\n return tag.select.call(tag);\n };\n TagInputComponent.prototype.isFirstTag = function (item) {\n return this.tags.first.model === item;\n };\n TagInputComponent.prototype.isLastTag = function (item) {\n return this.tags.last.model === item;\n };\n TagInputComponent.prototype.getTagIndex = function (item) {\n var tags = this.tags.toArray();\n return tags.findIndex(function (tag) { return tag.model === item; });\n };\n TagInputComponent.prototype.getTagAtIndex = function (index) {\n var tags = this.tags.toArray();\n return tags[index];\n };\n TagInputComponent.prototype.removeItem = function (tag, index) {\n this.items = this.getItemsWithout(index);\n if (this.selectedTag === tag) {\n this.selectItem(undefined, false);\n }\n this.focus(true, false);\n this.onRemove.emit(tag);\n };\n TagInputComponent.prototype.addItem = function (fromAutocomplete, item, index, giveupFocus) {\n var _this = this;\n if (fromAutocomplete === void 0) { fromAutocomplete = false; }\n var display = this.getItemDisplay(item);\n var tag = this.createTag(item);\n if (fromAutocomplete) {\n this.setInputValue(this.getItemValue(item, true));\n }\n return new Promise(function (resolve, reject) {\n var reset = function () {\n _this.setInputValue('');\n if (giveupFocus) {\n _this.focus(false, false);\n }\n else {\n _this.focus(true, false);\n }\n resolve(display);\n };\n var appendItem = function () {\n _this.appendTag(tag, index);\n _this.onAdd.emit(tag);\n if (!_this.dropdown) {\n return;\n }\n _this.dropdown.hide();\n if (_this.dropdown.showDropdownIfEmpty) {\n _this.dropdown.show();\n }\n };\n var status = _this.inputForm.form.status;\n var isTagValid = _this.isTagValid(tag, fromAutocomplete);\n var onValidationError = function () {\n _this.onValidationError.emit(tag);\n return reject();\n };\n if (status === 'VALID' && isTagValid) {\n appendItem();\n return reset();\n }\n if (status === 'INVALID' || !isTagValid) {\n reset();\n return onValidationError();\n }\n if (status === 'PENDING') {\n var statusUpdate$ = _this.inputForm.form.statusChanges;\n return statusUpdate$\n .pipe(Object(operators[\"filter\"])(function (statusUpdate) { return statusUpdate !== 'PENDING'; }), Object(operators[\"first\"])())\n .subscribe(function (statusUpdate) {\n if (statusUpdate === 'VALID' && isTagValid) {\n appendItem();\n resolve();\n }\n else {\n onValidationError();\n }\n });\n }\n });\n };\n TagInputComponent.prototype.setupSeparatorKeysListener = function () {\n var _this = this;\n var useSeparatorKeys = this.separatorKeyCodes.length > 0 || this.separatorKeys.length > 0;\n var listener = function ($event) {\n var hasKeyCode = _this.separatorKeyCodes.indexOf($event.keyCode) >= 0;\n var hasKey = _this.separatorKeys.indexOf($event.key) >= 0;\n var isIMEProcessing = $event.keyCode === 229;\n if (hasKeyCode || (hasKey && !isIMEProcessing)) {\n $event.preventDefault();\n _this.onAddingRequested(false, _this.formValue)\n .catch(function () { });\n }\n };\n listen.call(this, KEYDOWN, listener, useSeparatorKeys);\n };\n TagInputComponent.prototype.setUpKeypressListeners = function () {\n var _this = this;\n var listener = function ($event) {\n var isCorrectKey = $event.keyCode === 37 || $event.keyCode === 8;\n if (isCorrectKey &&\n !_this.formValue &&\n _this.items.length) {\n _this.tags.last.select.call(_this.tags.last);\n }\n };\n listen.call(this, KEYDOWN, listener);\n };\n TagInputComponent.prototype.setUpInputKeydownListeners = function () {\n var _this = this;\n this.inputForm.onKeydown.subscribe(function (event) {\n _this.fireEvents('keydown', event);\n if (event.key === 'Backspace' && _this.formValue.trim() === '') {\n event.preventDefault();\n }\n });\n };\n TagInputComponent.prototype.setUpOnPasteListener = function () {\n var _this = this;\n var input = this.inputForm.input.nativeElement;\n this.renderer.listen(input, 'paste', function (event) {\n _this.onPasteCallback(event);\n event.preventDefault();\n return true;\n });\n };\n TagInputComponent.prototype.setUpTextChangeSubscriber = function () {\n var _this = this;\n this.inputForm.form\n .valueChanges\n .pipe(Object(operators[\"debounceTime\"])(this.onTextChangeDebounce))\n .subscribe(function (value) {\n _this.onTextChange.emit(value.item);\n });\n };\n TagInputComponent.prototype.setUpOnBlurSubscriber = function () {\n var _this = this;\n var filterFn = function () {\n var isVisible = _this.dropdown && _this.dropdown.isVisible;\n return !isVisible && !!_this.formValue;\n };\n this.inputForm\n .onBlur\n .pipe(Object(operators[\"debounceTime\"])(100), Object(operators[\"filter\"])(filterFn))\n .subscribe(function () {\n var reset = function () { return _this.setInputValue(''); };\n if (_this.addOnBlur) {\n return _this\n .onAddingRequested(false, _this.formValue, undefined, true)\n .then(reset)\n .catch(reset);\n }\n reset();\n });\n };\n TagInputComponent.prototype.findDupe = function (tag, isFromAutocomplete) {\n var _this = this;\n var identifyBy = isFromAutocomplete ? this.dropdown.identifyBy : this.identifyBy;\n var id = tag[identifyBy];\n return this.items.find(function (item) { return _this.getItemValue(item) === id; });\n };\n TagInputComponent.prototype.setAnimationMetadata = function () {\n this.animationMetadata = {\n value: 'in',\n params: Object.assign({}, this.animationDuration)\n };\n };\n return TagInputComponent;\n}(TagInputAccessor));\nngx_chips_TagInputComponent.decorators = [\n { type: core_es5[\"Component\"], args: [{\n selector: 'tag-input',\n providers: [CUSTOM_ACCESSOR],\n styles: [\".dark tag:focus{-webkit-box-shadow:0 0 0 1px #323232;box-shadow:0 0 0 1px #323232}.ng2-tag-input.bootstrap3-info{background-color:#fff;display:inline-block;color:#555;vertical-align:middle;max-width:100%;height:42px;line-height:44px}.ng2-tag-input.bootstrap3-info input{border:none;-webkit-box-shadow:none;box-shadow:none;outline:0;background-color:transparent;padding:0 6px;margin:0;width:auto;max-width:inherit}.ng2-tag-input.bootstrap3-info .form-control input::-moz-placeholder{color:#777;opacity:1}.ng2-tag-input.bootstrap3-info .form-control input:-ms-input-placeholder{color:#777}.ng2-tag-input.bootstrap3-info .form-control input::-webkit-input-placeholder{color:#777}.ng2-tag-input.bootstrap3-info input:focus{border:none;-webkit-box-shadow:none;box-shadow:none}.bootstrap3-info.ng2-tag-input.ng2-tag-input--focused{-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.4);box-shadow:inset 0 1px 1px rgba(0,0,0,.4);border:1px solid #ccc}.bootstrap3-info.ng2-tag-input.ng2-tag-input--invalid{-webkit-box-shadow:inset 0 1px 1px #d9534f;box-shadow:inset 0 1px 1px #d9534f}.ng2-tag-input{display:block;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:wrap;flex-wrap:wrap;position:relative;-webkit-transition:all .25s;transition:all .25s;padding:.25rem 0;min-height:32px;cursor:text;border-bottom:2px solid #efefef}.ng2-tag-input:focus{outline:0}.ng2-tag-input.ng2-tag-input--dropping{opacity:.7}.ng2-tag-input.ng2-tag-input--focused{border-bottom:2px solid #2196f3}.ng2-tag-input.ng2-tag-input--invalid{border-bottom:2px solid #f44336}.ng2-tag-input.ng2-tag-input--loading{border:none}.ng2-tag-input.ng2-tag-input--disabled{opacity:.5;cursor:not-allowed}.ng2-tag-input form{margin:.1em 0}.ng2-tag-input .ng2-tags-container{-ms-flex-wrap:wrap;flex-wrap:wrap;display:-webkit-box;display:-ms-flexbox;display:flex}.minimal.ng2-tag-input{display:block;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:wrap;flex-wrap:wrap;position:relative;cursor:text;border-bottom:1px solid transparent}.minimal.ng2-tag-input:focus{outline:0}.minimal.ng2-tag-input.ng2-tag-input--dropping{opacity:.7}.minimal.ng2-tag-input.ng2-tag-input--loading{border:none}.minimal.ng2-tag-input.ng2-tag-input--disabled{opacity:.5;cursor:not-allowed}.minimal.ng2-tag-input .ng2-tags-container{-ms-flex-wrap:wrap;flex-wrap:wrap;display:-webkit-box;display:-ms-flexbox;display:flex}.dark.ng2-tag-input{display:block;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:wrap;flex-wrap:wrap;position:relative;cursor:text;border-bottom:2px solid #444}.dark.ng2-tag-input:focus{outline:0}.dark.ng2-tag-input.ng2-tag-input--dropping{opacity:.7}.dark.ng2-tag-input.ng2-tag-input--loading{border:none}.dark.ng2-tag-input.ng2-tag-input--disabled{opacity:.5;cursor:not-allowed}.dark.ng2-tag-input .ng2-tags-container{-ms-flex-wrap:wrap;flex-wrap:wrap;display:-webkit-box;display:-ms-flexbox;display:flex}.bootstrap.ng2-tag-input{display:block;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:wrap;flex-wrap:wrap;position:relative;cursor:text;border-bottom:2px solid #efefef}.bootstrap.ng2-tag-input:focus{outline:0}.bootstrap.ng2-tag-input.ng2-tag-input--dropping{opacity:.7}.bootstrap.ng2-tag-input.ng2-tag-input--focused{border-bottom:2px solid #0275d8}.bootstrap.ng2-tag-input.ng2-tag-input--invalid{border-bottom:2px solid #d9534f}.bootstrap.ng2-tag-input.ng2-tag-input--loading{border:none}.bootstrap.ng2-tag-input.ng2-tag-input--disabled{opacity:.5;cursor:not-allowed}.bootstrap.ng2-tag-input .ng2-tags-container{-ms-flex-wrap:wrap;flex-wrap:wrap;display:-webkit-box;display:-ms-flexbox;display:flex}.bootstrap3-info.ng2-tag-input{display:block;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:wrap;flex-wrap:wrap;position:relative;padding:4px;cursor:text;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);box-shadow:inset 0 1px 1px rgba(0,0,0,.075);border-radius:4px}.bootstrap3-info.ng2-tag-input:focus{outline:0}.bootstrap3-info.ng2-tag-input.ng2-tag-input--dropping{opacity:.7}.bootstrap3-info.ng2-tag-input.ng2-tag-input--invalid{border-bottom:1px solid #d9534f}.bootstrap3-info.ng2-tag-input.ng2-tag-input--loading{border:none}.bootstrap3-info.ng2-tag-input.ng2-tag-input--disabled{opacity:.5;cursor:not-allowed}.bootstrap3-info.ng2-tag-input form{margin:.1em 0}.bootstrap3-info.ng2-tag-input .ng2-tags-container{-ms-flex-wrap:wrap;flex-wrap:wrap;display:-webkit-box;display:-ms-flexbox;display:flex}.error-message{font-size:.8em;color:#f44336;margin:.5em 0 0}.bootstrap .error-message{color:#d9534f}.progress-bar,.progress-bar:before{height:2px;width:100%;margin:0}.progress-bar{background-color:#2196f3;display:-webkit-box;display:-ms-flexbox;display:flex;position:absolute;bottom:0}.progress-bar:before{background-color:#82c4f8;content:'';-webkit-animation:2s cubic-bezier(.4,0,.2,1) infinite running-progress;animation:2s cubic-bezier(.4,0,.2,1) infinite running-progress}@-webkit-keyframes running-progress{0%{margin-left:0;margin-right:100%}50%{margin-left:25%;margin-right:0}100%{margin-left:100%;margin-right:0}}@keyframes running-progress{0%{margin-left:0;margin-right:100%}50%{margin-left:25%;margin-right:0}100%{margin-left:100%;margin-right:0}}tag{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:wrap;flex-wrap:wrap;font-family:Roboto,\\\"Helvetica Neue\\\",sans-serif;font-weight:400;font-size:1em;letter-spacing:.05rem;color:#444;border-radius:16px;-webkit-transition:all .3s;transition:all .3s;margin:.1rem .3rem .1rem 0;padding:.08rem .45rem;height:32px;line-height:34px;background:#efefef;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;overflow:hidden;outline:0;cursor:pointer;position:relative}tag:not(.readonly):not(.tag--editing):focus{background:#2196f3;color:#fff;-webkit-box-shadow:0 2px 3px 1px #d4d1d1;box-shadow:0 2px 3px 1px #d4d1d1}tag:not(.readonly):not(.tag--editing):active{background:#0d8aee;color:#fff;-webkit-box-shadow:0 2px 3px 1px #d4d1d1;box-shadow:0 2px 3px 1px #d4d1d1}tag:not(:focus):not(.tag--editing):not(:active):not(.readonly):hover{background:#e2e2e2;color:initial;-webkit-box-shadow:0 2px 3px 1px #d4d1d1;box-shadow:0 2px 3px 1px #d4d1d1}tag.readonly{cursor:default}tag.readonly:focus,tag:focus{outline:0}tag.tag--editing{background-color:#fff;border:1px solid #ccc;cursor:text}.minimal tag{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:wrap;flex-wrap:wrap;border-radius:0;background:#f9f9f9;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;overflow:hidden;outline:0;cursor:pointer;position:relative}.minimal tag:not(.readonly):not(.tag--editing):active,.minimal tag:not(.readonly):not(.tag--editing):focus{background:#d0d0d0;color:initial}.minimal tag:not(:focus):not(.tag--editing):not(:active):not(.readonly):hover{background:#ececec}.minimal tag.readonly{cursor:default}.minimal tag.readonly:focus,.minimal tag:focus{outline:0}.minimal tag.tag--editing{cursor:text}.dark tag{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:wrap;flex-wrap:wrap;color:#f9f9f9;border-radius:3px;background:#444;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;overflow:hidden;outline:0;cursor:pointer;position:relative}.dark tag:not(.readonly):not(.tag--editing):focus{background:#efefef;color:#444}.dark tag:not(:focus):not(.tag--editing):not(:active):not(.readonly):hover{background:#2b2b2b;color:#f9f9f9}.dark tag.readonly{cursor:default}.dark tag.readonly:focus,.dark tag:focus{outline:0}.dark tag.tag--editing{cursor:text}.bootstrap tag{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:wrap;flex-wrap:wrap;color:#f9f9f9;border-radius:.25rem;background:#0275d8;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;overflow:hidden;outline:0;cursor:pointer;position:relative}.bootstrap tag:not(.readonly):not(.tag--editing):active,.bootstrap tag:not(.readonly):not(.tag--editing):focus{background:#025aa5}.bootstrap tag:not(:focus):not(.tag--editing):not(:active):not(.readonly):hover{background:#0267bf;color:#f9f9f9}.bootstrap tag.readonly{cursor:default}.bootstrap tag.readonly:focus,.bootstrap tag:focus{outline:0}.bootstrap tag.tag--editing{cursor:text}.bootstrap3-info tag{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:wrap;flex-wrap:wrap;font-family:inherit;font-weight:400;font-size:95%;color:#fff;border-radius:.25em;background:#5bc0de;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;overflow:hidden;outline:0;cursor:pointer;position:relative;padding:.25em .6em;text-align:center;white-space:nowrap}.bootstrap3-info tag:not(.readonly):not(.tag--editing):active,.bootstrap3-info tag:not(.readonly):not(.tag--editing):focus{background:#28a1c5}.bootstrap3-info tag:not(:focus):not(.tag--editing):not(:active):not(.readonly):hover{background:#46b8da;color:#fff}.bootstrap3-info tag.readonly{cursor:default}.bootstrap3-info tag.readonly:focus,.bootstrap3-info tag:focus{outline:0}.bootstrap3-info tag.tag--editing{cursor:text}:host{display:block}\"],\n template: \"\\n\\n
\\n\\n \\n
\\n \\n \\n\\n \\n \\n
\\n\\n
\\n
\\n\\n\\n
\\n
\\n {{ error }} \\n
\\n
\\n\\n
\\n\",\n animations: animations\n },] },\n];\nngx_chips_TagInputComponent.ctorParameters = function () { return [\n { type: core_es5[\"Renderer2\"], },\n { type: DragProvider, },\n]; };\nngx_chips_TagInputComponent.propDecorators = {\n \"separatorKeys\": [{ type: core_es5[\"Input\"] },],\n \"separatorKeyCodes\": [{ type: core_es5[\"Input\"] },],\n \"placeholder\": [{ type: core_es5[\"Input\"] },],\n \"secondaryPlaceholder\": [{ type: core_es5[\"Input\"] },],\n \"maxItems\": [{ type: core_es5[\"Input\"] },],\n \"validators\": [{ type: core_es5[\"Input\"] },],\n \"asyncValidators\": [{ type: core_es5[\"Input\"] },],\n \"onlyFromAutocomplete\": [{ type: core_es5[\"Input\"] },],\n \"errorMessages\": [{ type: core_es5[\"Input\"] },],\n \"theme\": [{ type: core_es5[\"Input\"] },],\n \"onTextChangeDebounce\": [{ type: core_es5[\"Input\"] },],\n \"inputId\": [{ type: core_es5[\"Input\"] },],\n \"inputClass\": [{ type: core_es5[\"Input\"] },],\n \"clearOnBlur\": [{ type: core_es5[\"Input\"] },],\n \"hideForm\": [{ type: core_es5[\"Input\"] },],\n \"addOnBlur\": [{ type: core_es5[\"Input\"] },],\n \"addOnPaste\": [{ type: core_es5[\"Input\"] },],\n \"pasteSplitPattern\": [{ type: core_es5[\"Input\"] },],\n \"blinkIfDupe\": [{ type: core_es5[\"Input\"] },],\n \"removable\": [{ type: core_es5[\"Input\"] },],\n \"editable\": [{ type: core_es5[\"Input\"] },],\n \"allowDupes\": [{ type: core_es5[\"Input\"] },],\n \"modelAsStrings\": [{ type: core_es5[\"Input\"] },],\n \"trimTags\": [{ type: core_es5[\"Input\"] },],\n \"inputText\": [{ type: core_es5[\"Input\"] },],\n \"ripple\": [{ type: core_es5[\"Input\"] },],\n \"tabindex\": [{ type: core_es5[\"Input\"] },],\n \"disable\": [{ type: core_es5[\"Input\"] },],\n \"dragZone\": [{ type: core_es5[\"Input\"] },],\n \"onRemoving\": [{ type: core_es5[\"Input\"] },],\n \"onAdding\": [{ type: core_es5[\"Input\"] },],\n \"animationDuration\": [{ type: core_es5[\"Input\"] },],\n \"onAdd\": [{ type: core_es5[\"Output\"] },],\n \"onRemove\": [{ type: core_es5[\"Output\"] },],\n \"onSelect\": [{ type: core_es5[\"Output\"] },],\n \"onFocus\": [{ type: core_es5[\"Output\"] },],\n \"onBlur\": [{ type: core_es5[\"Output\"] },],\n \"onTextChange\": [{ type: core_es5[\"Output\"] },],\n \"onPaste\": [{ type: core_es5[\"Output\"] },],\n \"onValidationError\": [{ type: core_es5[\"Output\"] },],\n \"onTagEdited\": [{ type: core_es5[\"Output\"] },],\n \"dropdown\": [{ type: core_es5[\"ContentChild\"], args: [ngx_chips_TagInputDropdown,] },],\n \"templates\": [{ type: core_es5[\"ContentChildren\"], args: [core_es5[\"TemplateRef\"], { descendants: false },] },],\n \"inputForm\": [{ type: core_es5[\"ViewChild\"], args: [ngx_chips_TagInputForm,] },],\n \"tags\": [{ type: core_es5[\"ViewChildren\"], args: [ngx_chips_TagComponent,] },],\n \"inputTextChange\": [{ type: core_es5[\"Output\"] },],\n \"tabindexAttr\": [{ type: core_es5[\"HostBinding\"], args: ['attr.tabindex',] },],\n};\nvar DeleteIconComponent = /** @class */ (function () {\n function DeleteIconComponent() {\n }\n return DeleteIconComponent;\n}());\nDeleteIconComponent.decorators = [\n { type: core_es5[\"Component\"], args: [{\n selector: 'delete-icon',\n template: \"
\\n \\n \\n \\n\",\n styles: [\".dark tag:focus{-webkit-box-shadow:0 0 0 1px #323232;box-shadow:0 0 0 1px #323232}.ng2-tag-input.bootstrap3-info{background-color:#fff;display:inline-block;color:#555;vertical-align:middle;max-width:100%;height:42px;line-height:44px}.ng2-tag-input.bootstrap3-info input{border:none;-webkit-box-shadow:none;box-shadow:none;outline:0;background-color:transparent;padding:0 6px;margin:0;width:auto;max-width:inherit}.ng2-tag-input.bootstrap3-info .form-control input::-moz-placeholder{color:#777;opacity:1}.ng2-tag-input.bootstrap3-info .form-control input:-ms-input-placeholder{color:#777}.ng2-tag-input.bootstrap3-info .form-control input::-webkit-input-placeholder{color:#777}.ng2-tag-input.bootstrap3-info input:focus{border:none;-webkit-box-shadow:none;box-shadow:none}.bootstrap3-info.ng2-tag-input.ng2-tag-input--focused{-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.4);box-shadow:inset 0 1px 1px rgba(0,0,0,.4);border:1px solid #ccc}.bootstrap3-info.ng2-tag-input.ng2-tag-input--invalid{-webkit-box-shadow:inset 0 1px 1px #d9534f;box-shadow:inset 0 1px 1px #d9534f}.ng2-tag-input{display:block;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:wrap;flex-wrap:wrap;position:relative;-webkit-transition:all .25s;transition:all .25s;padding:.25rem 0;min-height:32px;cursor:text;border-bottom:2px solid #efefef}.ng2-tag-input:focus{outline:0}.ng2-tag-input.ng2-tag-input--dropping{opacity:.7}.ng2-tag-input.ng2-tag-input--focused{border-bottom:2px solid #2196f3}.ng2-tag-input.ng2-tag-input--invalid{border-bottom:2px solid #f44336}.ng2-tag-input.ng2-tag-input--loading{border:none}.ng2-tag-input.ng2-tag-input--disabled{opacity:.5;cursor:not-allowed}.ng2-tag-input form{margin:.1em 0}.ng2-tag-input .ng2-tags-container{-ms-flex-wrap:wrap;flex-wrap:wrap;display:-webkit-box;display:-ms-flexbox;display:flex}.minimal.ng2-tag-input{display:block;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:wrap;flex-wrap:wrap;position:relative;cursor:text;border-bottom:1px solid transparent}.minimal.ng2-tag-input:focus{outline:0}.minimal.ng2-tag-input.ng2-tag-input--dropping{opacity:.7}.minimal.ng2-tag-input.ng2-tag-input--loading{border:none}.minimal.ng2-tag-input.ng2-tag-input--disabled{opacity:.5;cursor:not-allowed}.minimal.ng2-tag-input .ng2-tags-container{-ms-flex-wrap:wrap;flex-wrap:wrap;display:-webkit-box;display:-ms-flexbox;display:flex}.dark.ng2-tag-input{display:block;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:wrap;flex-wrap:wrap;position:relative;cursor:text;border-bottom:2px solid #444}.dark.ng2-tag-input:focus{outline:0}.dark.ng2-tag-input.ng2-tag-input--dropping{opacity:.7}.dark.ng2-tag-input.ng2-tag-input--loading{border:none}.dark.ng2-tag-input.ng2-tag-input--disabled{opacity:.5;cursor:not-allowed}.dark.ng2-tag-input .ng2-tags-container{-ms-flex-wrap:wrap;flex-wrap:wrap;display:-webkit-box;display:-ms-flexbox;display:flex}.bootstrap.ng2-tag-input{display:block;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:wrap;flex-wrap:wrap;position:relative;cursor:text;border-bottom:2px solid #efefef}.bootstrap.ng2-tag-input:focus{outline:0}.bootstrap.ng2-tag-input.ng2-tag-input--dropping{opacity:.7}.bootstrap.ng2-tag-input.ng2-tag-input--focused{border-bottom:2px solid #0275d8}.bootstrap.ng2-tag-input.ng2-tag-input--invalid{border-bottom:2px solid #d9534f}.bootstrap.ng2-tag-input.ng2-tag-input--loading{border:none}.bootstrap.ng2-tag-input.ng2-tag-input--disabled{opacity:.5;cursor:not-allowed}.bootstrap.ng2-tag-input .ng2-tags-container{-ms-flex-wrap:wrap;flex-wrap:wrap;display:-webkit-box;display:-ms-flexbox;display:flex}.bootstrap3-info.ng2-tag-input{display:block;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:wrap;flex-wrap:wrap;position:relative;padding:4px;cursor:text;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);box-shadow:inset 0 1px 1px rgba(0,0,0,.075);border-radius:4px}.bootstrap3-info.ng2-tag-input:focus{outline:0}.bootstrap3-info.ng2-tag-input.ng2-tag-input--dropping{opacity:.7}.bootstrap3-info.ng2-tag-input.ng2-tag-input--invalid{border-bottom:1px solid #d9534f}.bootstrap3-info.ng2-tag-input.ng2-tag-input--loading{border:none}.bootstrap3-info.ng2-tag-input.ng2-tag-input--disabled{opacity:.5;cursor:not-allowed}.bootstrap3-info.ng2-tag-input form{margin:.1em 0}.bootstrap3-info.ng2-tag-input .ng2-tags-container{-ms-flex-wrap:wrap;flex-wrap:wrap;display:-webkit-box;display:-ms-flexbox;display:flex}.error-message{font-size:.8em;color:#f44336;margin:.5em 0 0}.bootstrap .error-message{color:#d9534f}:host(delete-icon){width:20px;height:16px;-webkit-transition:all .15s;transition:all .15s;display:inline-block;text-align:right}:host(delete-icon) path{fill:#444}:host(delete-icon) svg{vertical-align:bottom;height:34px}:host(delete-icon):hover{-webkit-transform:scale(1.5) translateY(-3px);transform:scale(1.5) translateY(-3px)}:host-context(.dark){text-align:right}:host-context(.dark) path{fill:#fff}:host-context(.dark) svg{vertical-align:bottom;height:34px}:host-context(.minimal){text-align:right}:host-context(.minimal) path{fill:#444}:host-context(.minimal) svg{vertical-align:bottom;height:34px}:host-context(.bootstrap){text-align:right}:host-context(.bootstrap) path{fill:#fff}:host-context(.bootstrap) svg{vertical-align:bottom;height:34px}:host-context(tag:active) path,:host-context(tag:focus) path{fill:#fff}:host-context(.darktag:active) path,:host-context(.darktag:focus) path{fill:#000}:host-context(.minimaltag:active) path,:host-context(.minimaltag:focus) path{fill:#000}:host-context(.bootstraptag:active) path,:host-context(.bootstraptag:focus) path{fill:#fff}:host-context(.bootstrap3-info){height:inherit}:host-context(.bootstrap3-info) path{fill:#fff}\"]\n },] },\n];\nvar optionsProvider = new OptionsProvider();\nvar TagInputModule = /** @class */ (function () {\n function TagInputModule() {\n }\n TagInputModule.withDefaults = function (options) {\n optionsProvider.setOptions(options);\n };\n return TagInputModule;\n}());\nTagInputModule.decorators = [\n { type: core_es5[\"NgModule\"], args: [{\n imports: [\n common_es5[\"CommonModule\"],\n forms_es5[\"ReactiveFormsModule\"],\n forms_es5[\"FormsModule\"],\n ng2_material_dropdown_Ng2DropdownModule\n ],\n declarations: [\n ngx_chips_TagInputComponent,\n DeleteIconComponent,\n ngx_chips_TagInputForm,\n ngx_chips_TagComponent,\n HighlightPipe,\n ngx_chips_TagInputDropdown,\n TagRipple\n ],\n exports: [\n ngx_chips_TagInputComponent,\n DeleteIconComponent,\n ngx_chips_TagInputForm,\n ngx_chips_TagComponent,\n HighlightPipe,\n ngx_chips_TagInputDropdown,\n TagRipple\n ],\n providers: [\n DragProvider,\n { provide: forms_es5[\"COMPOSITION_BUFFER_MODE\"], useValue: false },\n ]\n },] },\n];\n\n\n//# sourceMappingURL=ngx-chips.js.map\n\n// CONCATENATED MODULE: ./src/module/analytics/component/pager/pager.component.ts\nvar pager_component___extends = (this && this.__extends) || (function () {\n var extendStatics = Object.setPrototypeOf ||\n ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||\n function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };\n return function (d, b) {\n extendStatics(d, b);\n function __() { this.constructor = d; }\n d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());\n };\n})();\nvar pager_component___decorate = (this && this.__decorate) || function (decorators, target, key, desc) {\n var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;\n if (typeof Reflect === \"object\" && typeof Reflect.decorate === \"function\") r = Reflect.decorate(decorators, target, key, desc);\n 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;\n return c > 3 && r && Object.defineProperty(target, key, r), r;\n};\nvar pager_component___metadata = (this && this.__metadata) || function (k, v) {\n if (typeof Reflect === \"object\" && typeof Reflect.metadata === \"function\") return Reflect.metadata(k, v);\n};\n\n\nvar pager_component_PagerComponent = (function (_super) {\n pager_component___extends(PagerComponent, _super);\n function PagerComponent(locale, translation) {\n var _this = _super.call(this, locale, translation) || this;\n _this.locale = locale;\n _this.translation = translation;\n _this.pageChanged = new core_es5[\"EventEmitter\"]();\n _this.lastPage = 1;\n _this.pagesVisibleLow = 1;\n _this.pagesVisibleHigh = 1;\n return _this;\n }\n PagerComponent.prototype.ngOnChanges = function () {\n if (!this.pagesVisibleNum || (this.pagesVisibleNum < 1)) {\n this.pagesVisibleNum = 5;\n }\n this.lastPage = Math.ceil(this.totalItems / this.pageSize);\n this.pagesVisibleLow = this.page - Math.floor(this.pagesVisibleNum / 2);\n this.pagesVisibleHigh = this.page + Math.floor(this.pagesVisibleNum / 2);\n if (this.pagesVisibleLow < 1) {\n this.pagesVisibleLow = 1;\n this.pagesVisibleHigh = Math.min(this.lastPage, this.pagesVisibleNum);\n }\n if (this.pagesVisibleHigh > this.lastPage) {\n this.pagesVisibleHigh = this.lastPage;\n this.pagesVisibleLow = Math.max(1, this.lastPage - this.pagesVisibleNum + 1);\n }\n this.pagesVisibleRange = new Array();\n for (var p = this.pagesVisibleLow; p <= this.pagesVisibleHigh; p++) {\n this.pagesVisibleRange.push(p);\n }\n };\n PagerComponent.prototype.onPageChange = function (page) {\n this.pageChanged.emit(page);\n };\n var _a, _b;\n pager_component___decorate([\n Object(core_es5[\"Input\"])(),\n pager_component___metadata(\"design:type\", Number)\n ], PagerComponent.prototype, \"page\", void 0);\n pager_component___decorate([\n Object(core_es5[\"Input\"])(),\n pager_component___metadata(\"design:type\", Number)\n ], PagerComponent.prototype, \"pageSize\", void 0);\n pager_component___decorate([\n Object(core_es5[\"Input\"])(),\n pager_component___metadata(\"design:type\", Number)\n ], PagerComponent.prototype, \"totalItems\", void 0);\n pager_component___decorate([\n Object(core_es5[\"Input\"])(),\n pager_component___metadata(\"design:type\", Number)\n ], PagerComponent.prototype, \"pagesVisibleNum\", void 0);\n pager_component___decorate([\n Object(core_es5[\"Output\"])(),\n pager_component___metadata(\"design:type\", Object)\n ], PagerComponent.prototype, \"pageChanged\", void 0);\n PagerComponent = pager_component___decorate([\n Object(core_es5[\"Component\"])({\n selector: 'pager',\n template: \"\\n\\t\\t\",\n styles: [\n ':host {display:block;text-align:center;}',\n ':host a {cursor:pointer;}'\n ]\n }),\n pager_component___metadata(\"design:paramtypes\", [typeof (_a = typeof angular_l10n_es5[\"a\" /* LocaleService */] !== \"undefined\" && angular_l10n_es5[\"a\" /* LocaleService */]) === \"function\" && _a || Object, typeof (_b = typeof angular_l10n_es5[\"d\" /* TranslationService */] !== \"undefined\" && angular_l10n_es5[\"d\" /* TranslationService */]) === \"function\" && _b || Object])\n ], PagerComponent);\n return PagerComponent;\n}(angular_l10n_es5[\"b\" /* Localization */]));\n\n\n// CONCATENATED MODULE: ./src/module/analytics/component/pager/pager.module.ts\nvar pager_module___decorate = (this && this.__decorate) || function (decorators, target, key, desc) {\n var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;\n if (typeof Reflect === \"object\" && typeof Reflect.decorate === \"function\") r = Reflect.decorate(decorators, target, key, desc);\n 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;\n return c > 3 && r && Object.defineProperty(target, key, r), r;\n};\n\n\n\n\n\n\nvar pager_module_COMP = [\n pager_component_PagerComponent,\n];\nvar pager_module_PagerModule = (function () {\n function PagerModule() {\n }\n PagerModule = pager_module___decorate([\n Object(core_es5[\"NgModule\"])({\n imports: [\n http_es5[\"c\" /* HttpModule */],\n common_es5[\"CommonModule\"],\n angular_l10n_es5[\"c\" /* LocalizationModule */],\n forms_es5[\"FormsModule\"],\n ],\n declarations: pager_module_COMP,\n exports: pager_module_COMP\n })\n ], PagerModule);\n return PagerModule;\n}());\n\n\n// CONCATENATED MODULE: ./src/service/analytics/media.service.ts\nvar media_service___extends = (this && this.__extends) || (function () {\n var extendStatics = Object.setPrototypeOf ||\n ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||\n function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };\n return function (d, b) {\n extendStatics(d, b);\n function __() { this.constructor = d; }\n d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());\n };\n})();\nvar media_service___decorate = (this && this.__decorate) || function (decorators, target, key, desc) {\n var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;\n if (typeof Reflect === \"object\" && typeof Reflect.decorate === \"function\") r = Reflect.decorate(decorators, target, key, desc);\n 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;\n return c > 3 && r && Object.defineProperty(target, key, r), r;\n};\n\n\n\n\nvar media_service_MediaService = (function (_super) {\n media_service___extends(MediaService, _super);\n function MediaService() {\n return _super !== null && _super.apply(this, arguments) || this;\n }\n MediaService.prototype.getMediaMetadataList = function (searchOptions, accountId) {\n if (!accountId) {\n accountId = this.user.accountId;\n }\n var params = [];\n for (var key in searchOptions) {\n var val = searchOptions[key];\n if ((val !== null) && (val !== '')) {\n params.push(key + '=' + encodeURIComponent(val));\n }\n }\n var resolveSource = new Subject[\"Subject\"]();\n var url = 'accounts/' + accountId + '/analytics/media?' + params.join('&');\n _super.prototype.read.call(this, url).subscribe(function (response) {\n resolveSource.next(response);\n }, function (error) { return resolveSource.error(error); }, function () { return resolveSource.complete(); });\n return resolveSource.asObservable();\n };\n MediaService.prototype.getTopViewedMediaMetadataList = function (startDate, endDate, pagingOptions, accountId) {\n if (!accountId) {\n accountId = this.user.accountId;\n }\n var duration12h = 3600 * 12;\n if (endDate.unix() - startDate.unix() >= duration12h) {\n startDate = startDate.clone().startOf('day');\n endDate = endDate.clone().startOf('day');\n endDate = endDate.add(1, 'd');\n }\n var params = [];\n params.push('tsrange=' + startDate.unix() + ',' + endDate.unix());\n for (var key in pagingOptions) {\n var val = pagingOptions[key];\n if ((val !== null) && (val !== '')) {\n params.push(key + '=' + encodeURIComponent(val));\n }\n }\n var resolveSource = new Subject[\"Subject\"]();\n var url = 'accounts/' + accountId + '/analytics/media-top-viewed?' + params.join('&');\n _super.prototype.read.call(this, url).subscribe(function (response) {\n resolveSource.next(response);\n }, function (error) { return resolveSource.error(error); }, function () { return resolveSource.complete(); });\n return resolveSource.asObservable();\n };\n MediaService.prototype.getMediaViewsHistory = function (mediaMaterialId, startDate, endDate, granularity, accountId) {\n if (!accountId) {\n accountId = this.user.accountId;\n }\n var params = this.prepareTsperiodParams(startDate, endDate, granularity);\n var resolveSource = new Subject[\"Subject\"]();\n var url = 'accounts/' + accountId + '/analytics/media/' + this.safeEncodeUriComponentForDjango(mediaMaterialId) + '/history?' + params.join('&');\n _super.prototype.read.call(this, url).subscribe(function (response) {\n var viewsData = { data: [], label: 'Views' };\n var viewsLabels = [];\n for (var _i = 0, response_1 = response; _i < response_1.length; _i++) {\n var rec = response_1[_i];\n viewsData.data.push(parseFloat(rec.views));\n viewsLabels.push(moment_default.a.unix(rec.from).toISOString());\n }\n resolveSource.next({ data: viewsData, labels: viewsLabels });\n }, function (error) { return resolveSource.error(error); }, function () { return resolveSource.complete(); });\n return resolveSource.asObservable();\n };\n MediaService.prototype.getMediaStatsHistory = function (mediaMaterialId, startDate, endDate, granularity, accountId) {\n if (!accountId) {\n accountId = this.user.accountId;\n }\n var params = this.prepareTsperiodParams(startDate, endDate, granularity);\n var resolveSource = new Subject[\"Subject\"]();\n var url = 'accounts/' + accountId + '/analytics/media/' + this.safeEncodeUriComponentForDjango(mediaMaterialId) + '/history?' + params.join('&');\n _super.prototype.read.call(this, url).subscribe(function (response) {\n var viewsData = { data: [], label: 'Views' };\n var usersData = { data: [], label: 'Users' };\n var viewsLabels = [];\n var hasNotEmptyUsersStats = false;\n var val = 0;\n for (var _i = 0, response_2 = response; _i < response_2.length; _i++) {\n var rec = response_2[_i];\n viewsData.data.push(parseFloat(rec.views));\n if ('users' in rec) {\n val = parseFloat(rec.users);\n usersData.data.push(val);\n if (val > 0) {\n hasNotEmptyUsersStats = true;\n }\n }\n else {\n usersData.data.push(null);\n }\n viewsLabels.push(moment_default.a.unix(rec.from).toISOString());\n }\n var series = hasNotEmptyUsersStats ? [usersData, viewsData] : [viewsData];\n resolveSource.next({ series: series, labels: viewsLabels });\n }, function (error) { return resolveSource.error(error); }, function () { return resolveSource.complete(); });\n return resolveSource.asObservable();\n };\n MediaService.prototype.getMediaStatsSummaryForRange = function (mediaMaterialId, startDate, endDate, granularityForHistory, accountId) {\n if (!accountId) {\n accountId = this.user.accountId;\n }\n startDate = startDate.clone();\n endDate = endDate.clone();\n if (granularityForHistory) {\n this.alignPeriodRange(startDate, endDate, granularityForHistory);\n }\n var resolveSource = new Subject[\"Subject\"]();\n var url = 'accounts/' + accountId + '/analytics/media/' + this.safeEncodeUriComponentForDjango(mediaMaterialId) + '/history?tsrange[]=' + startDate.unix() + ',' + endDate.unix();\n _super.prototype.read.call(this, url).subscribe(function (response) {\n if (response && (response.length > 0)) {\n resolveSource.next(response[0]);\n }\n else {\n resolveSource.next(null);\n }\n }, function (error) { return resolveSource.error(error); }, function () { return resolveSource.complete(); });\n return resolveSource.asObservable();\n };\n MediaService.prototype.getMediaMetadata = function (mediaMetadataMaterialId, accountId) {\n if (!accountId) {\n accountId = this.user.accountId;\n }\n var resolveSource = new Subject[\"Subject\"]();\n var url = 'accounts/' + accountId + '/analytics/media/' + this.safeEncodeUriComponentForDjango(mediaMetadataMaterialId);\n _super.prototype.read.call(this, url).subscribe(function (response) {\n resolveSource.next(response);\n }, function (error) { return resolveSource.error(error); }, function () { return resolveSource.complete(); });\n return resolveSource.asObservable();\n };\n MediaService.prototype.getMediaEngagementRate = function (mediaMaterialId, startDate, endDate, accountId, liveStreamClockType) {\n if (!accountId) {\n accountId = this.user.accountId;\n }\n startDate = startDate.clone();\n endDate = endDate.clone();\n this.alignPeriodRange(startDate, endDate, 'day');\n var params = [];\n params.push('tsrange=' + startDate.unix() + ',' + endDate.unix());\n if (liveStreamClockType) {\n params.push('type=' + liveStreamClockType);\n }\n var resolveSource = new Subject[\"Subject\"]();\n var url = 'accounts/' + accountId + '/analytics/media/' + this.safeEncodeUriComponentForDjango(mediaMaterialId) + '/engagement-rate?' + params.join('&');\n _super.prototype.read.call(this, url).subscribe(function (response) {\n var viewsData = { data: [], label: 'Engagement rate (views)' };\n var viewsLabels = [];\n var chartType = 'line';\n var granularity = 'hour';\n if (!response.views) {\n resolveSource.next(null);\n return;\n }\n if (response.meta.is_live_stream\n && response.views_timestamps\n && (response.views_timestamps.length > 0)\n && (response.views_timestamps.length == response.views.length)) {\n var rangeFrom = moment_default.a.unix(response.views_timestamps[0]);\n var rangeTo = moment_default.a.unix(response.views_timestamps[response.views_timestamps.length - 1]);\n chartType = 'lineTime';\n startDate = rangeFrom;\n endDate = rangeTo;\n for (var pos = 0; pos < response.views.length; pos++) {\n viewsData.data.push(parseFloat(response.views[pos]));\n viewsLabels.push(moment_default.a.unix(response.views_timestamps[pos]).toISOString());\n }\n }\n else {\n var duration = response.meta.duration;\n for (var pos = 0; pos < response.views.length; pos++) {\n var val = parseFloat(response.views[pos]);\n viewsData.data.push(val);\n var label = Math.floor(pos * duration / response.views.length) + 's';\n viewsLabels.push(label);\n }\n }\n resolveSource.next({\n data: [viewsData], labels: viewsLabels,\n startDate: startDate, endDate: endDate,\n chartType: chartType, granularity: granularity,\n response: response\n });\n }, function (error) { return resolveSource.error(error); }, function () { return resolveSource.complete(); });\n return resolveSource.asObservable();\n };\n MediaService = media_service___decorate([\n Object(core_es5[\"Injectable\"])()\n ], MediaService);\n return MediaService;\n}(base_service_BaseService));\n\n\n// CONCATENATED MODULE: ./src/service/analytics/album.service.ts\nvar album_service___extends = (this && this.__extends) || (function () {\n var extendStatics = Object.setPrototypeOf ||\n ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||\n function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };\n return function (d, b) {\n extendStatics(d, b);\n function __() { this.constructor = d; }\n d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());\n };\n})();\nvar album_service___decorate = (this && this.__decorate) || function (decorators, target, key, desc) {\n var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;\n if (typeof Reflect === \"object\" && typeof Reflect.decorate === \"function\") r = Reflect.decorate(decorators, target, key, desc);\n 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;\n return c > 3 && r && Object.defineProperty(target, key, r), r;\n};\n\n\n\n\nvar album_service_AlbumService = (function (_super) {\n album_service___extends(AlbumService, _super);\n function AlbumService() {\n return _super !== null && _super.apply(this, arguments) || this;\n }\n AlbumService.prototype.getTopViewedForRange = function (range, filters, pagingOptions, accountId) {\n if (!accountId) {\n accountId = this.user.accountId;\n }\n var params = this.prepareParamsForTopList(range, filters, pagingOptions);\n var resolveSource = new Subject[\"Subject\"]();\n var url = 'accounts/' + accountId.toString() + '/analytics/album/top-viewed-for-range?' + params.join('&');\n return _super.prototype.read.call(this, url);\n };\n AlbumService.prototype.getTopCompletlyViewedForRange = function (range, filters, pagingOptions, accountId) {\n if (!accountId) {\n accountId = this.user.accountId;\n }\n var params = this.prepareParamsForTopList(range, filters, pagingOptions);\n var resolveSource = new Subject[\"Subject\"]();\n var url = 'accounts/' + accountId.toString() + '/analytics/album/top-completly-viewed-for-range?' + params.join('&');\n return _super.prototype.read.call(this, url);\n };\n AlbumService.prototype.prepareParamsForTopList = function (range, filters, pagingOptions) {\n var r = this.initDateRange(range);\n var params = new Array();\n params.push('tsrange=' + r.startDate.unix().toString() + ',' + r.endDate.unix().toString());\n params = params.concat(filters.getQueryParamsList());\n if (pagingOptions !== null) {\n params.push('page=' + pagingOptions.page);\n params.push('page_size=' + pagingOptions.page_size);\n }\n return params;\n };\n AlbumService.prototype.getAlbumStatsHistory = function (collectionId, startDate, endDate, granularity, accountId) {\n if (!accountId) {\n accountId = this.user.accountId;\n }\n var params = this.prepareTsperiodParams(startDate, endDate, granularity);\n var resolveSource = new Subject[\"Subject\"]();\n var url = 'accounts/' + accountId + '/analytics/album/' + this.safeEncodeUriComponentForDjango(collectionId) + '/stats-history?' + params.join('&');\n _super.prototype.read.call(this, url).subscribe(function (response) {\n var completeViewsData = { data: [], label: 'Album listening' };\n var viewsData = { data: [], label: 'Songs listenings' };\n var usersData = { data: [], label: 'Users' };\n var commonLabels = [];\n var hasNotEmptyUsersStats = false;\n var val = 0;\n for (var _i = 0, response_1 = response; _i < response_1.length; _i++) {\n var rec = response_1[_i];\n completeViewsData.data.push(parseFloat(rec.complete_views));\n viewsData.data.push(parseFloat(rec.views));\n if ('users' in rec) {\n val = parseFloat(rec.users);\n usersData.data.push(val);\n if (val > 0) {\n hasNotEmptyUsersStats = true;\n }\n }\n else {\n usersData.data.push(null);\n }\n commonLabels.push(moment_default.a.unix(rec.from).toISOString());\n }\n var series = hasNotEmptyUsersStats ? [usersData, viewsData, completeViewsData] : [viewsData, completeViewsData];\n resolveSource.next({ series: series, labels: commonLabels });\n }, function (error) { return resolveSource.error(error); }, function () { return resolveSource.complete(); });\n return resolveSource.asObservable();\n };\n AlbumService.prototype.getAlbumStatsSummary = function (collectionId, startDate, endDate, granularityForHistory, fields, accountId) {\n if (!accountId) {\n accountId = this.user.accountId;\n }\n if (granularityForHistory) {\n this.alignPeriodRange(startDate, endDate, granularityForHistory);\n }\n if (!fields) {\n fields = ['views', 'users', 'complete_views'];\n }\n var resolveSource = new Subject[\"Subject\"]();\n var url = 'accounts/' + accountId + '/analytics/album/' + this.safeEncodeUriComponentForDjango(collectionId) +\n '/stats-history?tsrange[]=' + startDate.unix() + ',' + endDate.unix() +\n '&fields=' + fields.join(',');\n _super.prototype.read.call(this, url).subscribe(function (response) {\n resolveSource.next(response[0]);\n }, function (error) { return resolveSource.error(error); }, function () { return resolveSource.complete(); });\n return resolveSource.asObservable();\n };\n AlbumService.prototype.getAlbumItemsReport = function (collectionId, startDate, endDate, accountId) {\n if (!accountId) {\n accountId = this.user.accountId;\n }\n var r = this.initDateRange({ startDate: startDate, endDate: endDate });\n var resolveSource = new Subject[\"Subject\"]();\n var url = 'accounts/' + accountId + '/analytics/album/' + this.safeEncodeUriComponentForDjango(collectionId) + '/items-report?tsrange='\n + r.startDate.unix().toString() + ',' + r.endDate.unix().toString();\n return _super.prototype.read.call(this, url);\n };\n AlbumService = album_service___decorate([\n Object(core_es5[\"Injectable\"])()\n ], AlbumService);\n return AlbumService;\n}(base_service_BaseService));\n\nvar AlbumReportsFilters = (function () {\n function AlbumReportsFilters() {\n }\n AlbumReportsFilters.prototype.getQueryParamsList = function () {\n var result = [];\n if ((this.text !== null) && (this.text != '')) {\n result.push(encodeURIComponent('filter[text]') + '=' + encodeURIComponent(this.text));\n }\n if (this.tags && (this.tags.length > 0)) {\n result.push(encodeURIComponent('filter[tags]') + '=' + encodeURIComponent(this.tags.join(',')));\n }\n return result;\n };\n return AlbumReportsFilters;\n}());\n\n\n// CONCATENATED MODULE: ./src/service/analytics/tag.service.ts\nvar tag_service___extends = (this && this.__extends) || (function () {\n var extendStatics = Object.setPrototypeOf ||\n ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||\n function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };\n return function (d, b) {\n extendStatics(d, b);\n function __() { this.constructor = d; }\n d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());\n };\n})();\nvar tag_service___assign = (this && this.__assign) || Object.assign || function(t) {\n for (var s, i = 1, n = arguments.length; i < n; i++) {\n s = arguments[i];\n for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))\n t[p] = s[p];\n }\n return t;\n};\nvar tag_service___decorate = (this && this.__decorate) || function (decorators, target, key, desc) {\n var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;\n if (typeof Reflect === \"object\" && typeof Reflect.decorate === \"function\") r = Reflect.decorate(decorators, target, key, desc);\n 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;\n return c > 3 && r && Object.defineProperty(target, key, r), r;\n};\n\n\n\nvar tag_service_TagService = (function (_super) {\n tag_service___extends(TagService, _super);\n function TagService() {\n return _super !== null && _super.apply(this, arguments) || this;\n }\n TagService.prototype.findTags = function (accountId, text) {\n return _super.prototype.read.call(this, \"accounts/\" + accountId + \"/analytics/tag?text=\" + this.safeEncodeUriComponentForDjango(text));\n };\n TagService.prototype.list = function (accountId, search, page, page_size) {\n if (page === void 0) { page = null; }\n if (page_size === void 0) { page_size = null; }\n var args = [];\n if (page != null && !isNaN(page))\n args.push(\"page=\" + page);\n if (page_size != null && !isNaN(page_size))\n args.push(\"page_size=\" + page_size);\n if (\"text\" in search && !!search.text)\n args.push(\"text=\" + this.safeEncodeUriComponentForDjango(search.text));\n if (\"ids\" in search && !!search.ids)\n args.push(\"ids=\" + search.ids.join(','));\n return _super.prototype.read.call(this, \"accounts/\" + accountId + \"/analytics/tag-list?\" + args.join(\"&\"))\n .pipe(Object(operators[\"map\"])(function (tags) {\n var prefix = !!tags && !!tags.records && tags.records.length > 0 && !!tags.records[0].tag && tags.records[0].tag.indexOf(':') > -1\n ? tags.records[0].tag.split(':')[0]\n : null;\n return tag_service___assign({}, tags, { prefix: prefix });\n }));\n };\n TagService.prototype.prefixes = function (accountId, page, page_size) {\n if (page === void 0) { page = 1; }\n if (page_size === void 0) { page_size = 10; }\n return _super.prototype.read.call(this, \"accounts/\" + accountId + \"/analytics/tag-prefixes\")\n .pipe(Object(operators[\"map\"])(function (tags) { return tags.map(function (t) { return ({ page: page, page_size: page_size, records: t.values, total_records: t.total, prefix: t.prefix }); }); }));\n };\n TagService = tag_service___decorate([\n Object(core_es5[\"Injectable\"])()\n ], TagService);\n return TagService;\n}(base_service_BaseService));\n\n\n// CONCATENATED MODULE: ./src/service/analytics/existing.tag.selector.service.ts\nvar existing_tag_selector_service___decorate = (this && this.__decorate) || function (decorators, target, key, desc) {\n var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;\n if (typeof Reflect === \"object\" && typeof Reflect.decorate === \"function\") r = Reflect.decorate(decorators, target, key, desc);\n 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;\n return c > 3 && r && Object.defineProperty(target, key, r), r;\n};\nvar existing_tag_selector_service___metadata = (this && this.__metadata) || function (k, v) {\n if (typeof Reflect === \"object\" && typeof Reflect.metadata === \"function\") return Reflect.metadata(k, v);\n};\n\n\n\n\n\n\n\nvar existing_tag_selector_service_ExistingTagSelectorService = (function () {\n function ExistingTagSelectorService(user, tagService, translation, flashMessagesService) {\n this.user = user;\n this.tagService = tagService;\n this.translation = translation;\n this.flashMessagesService = flashMessagesService;\n this.selectedTagsList = [];\n this.changeDetectionEmitter = new core_es5[\"EventEmitter\"]();\n this.loadingEmitter = new core_es5[\"EventEmitter\"]();\n this.onTagSearch = this.search.bind(this);\n this.onTagAdding = this.add.bind(this);\n this.reset();\n }\n ExistingTagSelectorService.prototype.search = function (text) {\n var _this = this;\n this.loadingEmitter.emit(true);\n return this.tagService.findTags(this.user.accountId, text)\n .pipe(Object(operators[\"tap\"])(function (data) { return _this.tagSelectorAvailableItems = data; }), Object(operators[\"finalize\"])(function () {\n _this.loadingEmitter.emit(false);\n _this.changeDetectionEmitter.emit();\n }));\n };\n ExistingTagSelectorService.prototype.add = function (tag) {\n if (tag && tag.value) {\n return Observable[\"Observable\"].of(tag);\n }\n if (!tag) {\n return Observable[\"Observable\"].of(null);\n }\n var tagNorm = tag.toLowerCase();\n if (this.tagSelectorAvailableItems) {\n for (var _i = 0, _a = this.tagSelectorAvailableItems; _i < _a.length; _i++) {\n var t = _a[_i];\n if (t.toLowerCase() == tagNorm) {\n return Observable[\"Observable\"].of(t);\n }\n }\n }\n this.flashMessagesService.show(this.translation.translate('ANALYTICS_TAG_SERVICE.SELECT_EXISTING_TIP'), { cssClass: 'alert-warning', timeout: 5000 });\n return Observable[\"Observable\"].of(null);\n };\n ExistingTagSelectorService.prototype.reset = function () {\n this.selectedTagsList = [];\n };\n var _a, _b, _c, _d;\n ExistingTagSelectorService = existing_tag_selector_service___decorate([\n Object(core_es5[\"Injectable\"])(),\n existing_tag_selector_service___metadata(\"design:paramtypes\", [typeof (_a = typeof user_service[\"a\" /* UserService */] !== \"undefined\" && user_service[\"a\" /* UserService */]) === \"function\" && _a || Object, typeof (_b = typeof tag_service_TagService !== \"undefined\" && tag_service_TagService) === \"function\" && _b || Object, typeof (_c = typeof angular_l10n_es5[\"d\" /* TranslationService */] !== \"undefined\" && angular_l10n_es5[\"d\" /* TranslationService */]) === \"function\" && _c || Object, typeof (_d = typeof angular2_flash_messages[\"FlashMessagesService\"] !== \"undefined\" && angular2_flash_messages[\"FlashMessagesService\"]) === \"function\" && _d || Object])\n ], ExistingTagSelectorService);\n return ExistingTagSelectorService;\n}());\n\n\n// CONCATENATED MODULE: ./src/util/date.util.ts\n\nvar date_util_DateUtil = (function () {\n function DateUtil() {\n }\n DateUtil.unixToDate = function (unix) { return new Date(unix * 1000); };\n DateUtil.dateToUnix = function (date) { return Math.floor(date.getTime() / 1000); };\n DateUtil.dmyObject = function (date) {\n return {\n day: DateUtil.addLeadZeroes(date.getDate().toString()),\n month: DateUtil.addLeadZeroes((date.getMonth() + 1).toString()),\n year: DateUtil.addLeadZeroes(date.getFullYear().toString())\n };\n };\n DateUtil.unixToTimeString = function (timestamp) {\n return moment_default.a.unix(timestamp).format('LTS');\n };\n DateUtil.unixToDateString = function (timestamp) {\n return moment_default.a.unix(timestamp).format('L');\n };\n DateUtil.addLeadZeroes = function (str, zeroesCount) {\n if (zeroesCount === void 0) { zeroesCount = 2; }\n while (str.length < zeroesCount)\n str = '0' + str;\n return str;\n };\n DateUtil.unixDiffInDays = function (unix1, unix2) {\n return Math.round((unix1 - unix2) / DateUtil.unixDay);\n };\n DateUtil.unixAddDays = function (unix, days) {\n var result = new Date(unix * 1000);\n result.setDate(result.getDate() + days);\n return DateUtil.dateToUnix(result);\n };\n DateUtil.unixSubtractDays = function (unix, days) { return unix - DateUtil.daysInUnix(days); };\n DateUtil.daysInUnix = function (days) { return (days * DateUtil.unixDay); };\n DateUtil.weeksInUnix = function (weeks) { return ((weeks * 7) * DateUtil.unixDay); };\n DateUtil.unixIsBetweenDates = function (unix, rangeMin, rangeMax) {\n if (unix < DateUtil.dateToUnix(rangeMin))\n return false;\n if (unix > DateUtil.dateToUnix(rangeMax))\n return false;\n return true;\n };\n DateUtil.unixDayOfWeek = function (unix) {\n var dow = DateUtil.unixToDate(unix).getDay();\n return dow == 0 ? 7 : dow;\n };\n DateUtil.daysInMonth = function (year, month) { return new Date(year, month, 0).getDate(); };\n DateUtil.setDateStartOfDay = function (date) { date.setHours(0, 0, 0, 0); return date; };\n DateUtil.formatDuration = function (totalSeconds) {\n if (typeof totalSeconds !== 'number') {\n return '-';\n }\n totalSeconds = Math.floor(totalSeconds);\n var hours = Math.floor(totalSeconds / 3600);\n var minutes = Math.floor((totalSeconds % 3600) / 60);\n var seconds = totalSeconds % 60;\n if (hours > 0) {\n return hours + 'h ' + minutes + 'm';\n }\n if (minutes > 0) {\n return minutes + 'm ' + seconds + 's';\n }\n return seconds + 's';\n };\n DateUtil.unixDay = 86400;\n return DateUtil;\n}());\n\n\n// CONCATENATED MODULE: ./src/module/analytics/albums/albums.view.component.ts\nvar albums_view_component___extends = (this && this.__extends) || (function () {\n var extendStatics = Object.setPrototypeOf ||\n ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||\n function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };\n return function (d, b) {\n extendStatics(d, b);\n function __() { this.constructor = d; }\n d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());\n };\n})();\nvar albums_view_component___decorate = (this && this.__decorate) || function (decorators, target, key, desc) {\n var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;\n if (typeof Reflect === \"object\" && typeof Reflect.decorate === \"function\") r = Reflect.decorate(decorators, target, key, desc);\n 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;\n return c > 3 && r && Object.defineProperty(target, key, r), r;\n};\nvar albums_view_component___metadata = (this && this.__metadata) || function (k, v) {\n if (typeof Reflect === \"object\" && typeof Reflect.metadata === \"function\") return Reflect.metadata(k, v);\n};\n\n\n\n\n\n\n\n\n\nvar albums_view_component_AnalyticsAlbumsView = (function (_super) {\n albums_view_component___extends(AnalyticsAlbumsView, _super);\n function AnalyticsAlbumsView(locale, translation, mediaAnalyticsService, albumService, tagService, user, cdr, existingTagSelector) {\n var _this = _super.call(this, locale, translation) || this;\n _this.locale = locale;\n _this.translation = translation;\n _this.mediaAnalyticsService = mediaAnalyticsService;\n _this.albumService = albumService;\n _this.tagService = tagService;\n _this.user = user;\n _this.cdr = cdr;\n _this.existingTagSelector = existingTagSelector;\n _this.MEDIA_PREVIEW_VIEWS_HISTORY_DAYS = 30;\n _this.TOP_LIST_TYPE_ITEM_VIEWS = 'item_views';\n _this.TOP_LIST_TYPE_COMPLETE_VIEWS = 'complete_views';\n _this.selectedCollectionItemsPaging = {\n page: 1,\n page_size: 8,\n items: [],\n areUsersInItems: false\n };\n _this.collectionMetadataList = null;\n _this.hasCollectionMetadataListUsersStats = false;\n _this.collectionMetadataByCollectionId = new Map();\n _this.collectionMetadataTotalNum = 0;\n _this.topListPagingOptions = {\n page: 1,\n page_size: 16\n };\n _this.filters = {\n text: null,\n };\n _this.topListType = _this.TOP_LIST_TYPE_ITEM_VIEWS;\n _this.selectedCollectionMetadata = null;\n _this.collectionItemsStats = null;\n _this.hasUsersInCollectionItemsStats = false;\n _this.dateUtil = date_util_DateUtil;\n _this.existingTagSelector.changeDetectionEmitter.subscribe(function () { return _this.cdr.markForCheck(); });\n _this.existingTagSelector.reset();\n return _this;\n }\n AnalyticsAlbumsView.prototype.ngOnInit = function () {\n this.loadData();\n };\n AnalyticsAlbumsView.prototype.selectMediaMetadata = function (collectionId) {\n if (this.selectedCollectionMetadata && (this.selectedCollectionMetadata.collection_id == collectionId)) {\n return;\n }\n this.selectedCollectionMetadata = this.collectionMetadataByCollectionId.get(collectionId);\n this.loadHistoryStatsForSelectedCollection();\n this.loadItemsStatsForSelectedCollection();\n };\n AnalyticsAlbumsView.prototype.loadHistoryStatsForSelectedCollection = function () {\n var _this = this;\n var endDate = moment_default()().startOf('day');\n var startDate = endDate.clone().subtract(this.MEDIA_PREVIEW_VIEWS_HISTORY_DAYS, 'days');\n var granularity = 'day';\n this.previewHistoryStats = null;\n this.albumService.getAlbumStatsHistory(this.selectedCollectionMetadata.collection_id, startDate, endDate, granularity)\n .subscribe(function (data) {\n _this.previewHistoryStats = {\n data: data.series,\n labels: data.labels,\n startDate: startDate,\n endDate: endDate,\n chartType: 'lineTime',\n granularity: granularity\n };\n _this.cdr.markForCheck();\n });\n };\n AnalyticsAlbumsView.prototype.loadItemsStatsForSelectedCollection = function () {\n var _this = this;\n this.collectionItemsStats = null;\n var endDate = moment_default()().startOf('day');\n var startDate = endDate.clone().subtract(this.MEDIA_PREVIEW_VIEWS_HISTORY_DAYS, 'days');\n this.selectedCollectionItemsPaging.page = 1;\n this.selectedCollectionItemsPaging.items = [];\n this.albumService.getAlbumItemsReport(this.selectedCollectionMetadata.collection_id, startDate, endDate)\n .subscribe(function (data) {\n _this.hasUsersInCollectionItemsStats = false;\n var items = [];\n var position = 1;\n var watchingTime = null;\n var avgWatchingTime = null;\n var views = null;\n var users = null;\n for (var _i = 0, _a = data.stats; _i < _a.length; _i++) {\n var rec = _a[_i];\n views = parseFloat(rec.views);\n watchingTime = parseFloat(rec.watching_time);\n avgWatchingTime = (views > 0) ? watchingTime / views : null;\n users = parseFloat(rec.users);\n if (users > 0) {\n _this.hasUsersInCollectionItemsStats = true;\n }\n items.push({\n pos: position,\n material_id: rec.material_id,\n title: rec.title,\n duration: rec.duration,\n views: views,\n users: users,\n time: watchingTime,\n avgtime: avgWatchingTime\n });\n position++;\n }\n _this.selectedCollectionItemsPaging.items = items;\n _this.collectionItemsStats = items.slice(0, _this.selectedCollectionItemsPaging.page_size);\n _this.cdr.markForCheck();\n });\n };\n AnalyticsAlbumsView.prototype.prepareDateRangeForTopLists = function () {\n return {\n startDate: moment_default.a.unix(this.user.accountCreatedAtTs),\n endDate: moment_default()().startOf('hour')\n };\n };\n AnalyticsAlbumsView.prototype.getPageReportFilters = function () {\n var result = new AlbumReportsFilters();\n result.text = this.filters.text;\n result.tags = this.existingTagSelector.selectedTagsList;\n return result;\n };\n AnalyticsAlbumsView.prototype.onTopListData = function (data) {\n var records = [];\n var hasUsersStats = false;\n for (var _i = 0, _a = data.records; _i < _a.length; _i++) {\n var mcm = _a[_i];\n var rec = {\n collection_id: mcm.collection.collection_id,\n title: mcm.collection.title,\n itemsNum: mcm.collection_items_num,\n mediaViews: parseFloat(mcm.views),\n collectionViews: parseFloat(mcm.complete_views),\n collectionUsers: parseFloat(mcm.users)\n };\n records.push(rec);\n if (rec.collectionUsers > 0) {\n hasUsersStats = true;\n }\n }\n this.hasCollectionMetadataListUsersStats = hasUsersStats;\n this.collectionMetadataList = records;\n this.collectionMetadataTotalNum = data.total_records;\n this.collectionMetadataByCollectionId = new Map();\n for (var _b = 0, records_1 = records; _b < records_1.length; _b++) {\n var mm = records_1[_b];\n this.collectionMetadataByCollectionId.set(mm.collection_id, mm);\n }\n this.cdr.markForCheck();\n if ((this.selectedCollectionMetadata == null) && (this.collectionMetadataList != null) && (this.collectionMetadataList.length > 0)) {\n this.selectMediaMetadata(this.collectionMetadataList[0].collection_id);\n }\n };\n AnalyticsAlbumsView.prototype.loadData = function () {\n var _this = this;\n this.collectionMetadataList = null;\n var range = this.prepareDateRangeForTopLists();\n var filters = this.getPageReportFilters();\n if (this.topListType == this.TOP_LIST_TYPE_ITEM_VIEWS) {\n this.albumService.getTopViewedForRange(range, filters, this.topListPagingOptions).subscribe(function (data) {\n _this.onTopListData(data);\n });\n }\n else {\n this.albumService.getTopCompletlyViewedForRange(range, filters, this.topListPagingOptions).subscribe(function (data) {\n _this.onTopListData(data);\n });\n }\n };\n AnalyticsAlbumsView.prototype.isMediaMetadataSelected = function (collection_id) {\n return collection_id && this.selectedCollectionMetadata && (this.selectedCollectionMetadata.collection_id == collection_id);\n };\n AnalyticsAlbumsView.prototype.onSearchKeyPress = function (e) {\n var code = e.keyCode || e.which;\n if (code == 13) {\n this.topListPagingOptions.page = 1;\n this.loadData();\n }\n };\n AnalyticsAlbumsView.prototype.onColumnHeaderClick = function (selectedTopListType) {\n this.topListType = selectedTopListType;\n this.topListPagingOptions.page = 1;\n this.loadData();\n };\n AnalyticsAlbumsView.prototype.onTopListPageChanged = function (page) {\n this.topListPagingOptions.page = page;\n this.loadData();\n };\n AnalyticsAlbumsView.prototype.onTagAdd = function (_event) {\n this.loadData();\n };\n AnalyticsAlbumsView.prototype.onTagRemove = function (_event) {\n this.loadData();\n };\n AnalyticsAlbumsView.prototype.onSelectedCollectionItemsListPageChanged = function (page) {\n this.selectedCollectionItemsPaging.page = page;\n var fromPos = (page - 1) * this.selectedCollectionItemsPaging.page_size;\n var toPos = fromPos + this.selectedCollectionItemsPaging.page_size;\n this.collectionItemsStats = this.selectedCollectionItemsPaging.items.slice(fromPos, toPos);\n this.cdr.markForCheck();\n };\n var _a, _b, _c, _d, _e, _f, _g, _h;\n AnalyticsAlbumsView = albums_view_component___decorate([\n Object(core_es5[\"Component\"])({\n selector: 'analytics-albums-view',\n template: __webpack_require__(1378),\n viewProviders: [],\n styles: [\n '#albums-list th.sortable{cursor:pointer;}',\n '#albums-list td{cursor:pointer;word-break: break-word;}',\n ':host .chart-loader {height:200px;position:relative;}',\n ':host .media-list-loader {height:752px;}',\n ':host .collection-items-list-loader {height:608px;position:relative;}'\n ],\n changeDetection: core_es5[\"ChangeDetectionStrategy\"].OnPush\n }),\n albums_view_component___metadata(\"design:paramtypes\", [typeof (_a = typeof angular_l10n_es5[\"a\" /* LocaleService */] !== \"undefined\" && angular_l10n_es5[\"a\" /* LocaleService */]) === \"function\" && _a || Object, typeof (_b = typeof angular_l10n_es5[\"d\" /* TranslationService */] !== \"undefined\" && angular_l10n_es5[\"d\" /* TranslationService */]) === \"function\" && _b || Object, typeof (_c = typeof media_service_MediaService !== \"undefined\" && media_service_MediaService) === \"function\" && _c || Object, typeof (_d = typeof album_service_AlbumService !== \"undefined\" && album_service_AlbumService) === \"function\" && _d || Object, typeof (_e = typeof tag_service_TagService !== \"undefined\" && tag_service_TagService) === \"function\" && _e || Object, typeof (_f = typeof user_service[\"a\" /* UserService */] !== \"undefined\" && user_service[\"a\" /* UserService */]) === \"function\" && _f || Object, typeof (_g = typeof core_es5[\"ChangeDetectorRef\"] !== \"undefined\" && core_es5[\"ChangeDetectorRef\"]) === \"function\" && _g || Object, typeof (_h = typeof existing_tag_selector_service_ExistingTagSelectorService !== \"undefined\" && existing_tag_selector_service_ExistingTagSelectorService) === \"function\" && _h || Object])\n ], AnalyticsAlbumsView);\n return AnalyticsAlbumsView;\n}(angular_l10n_es5[\"b\" /* Localization */]));\n\n\n// CONCATENATED MODULE: ./src/module/analytics/albums/album.details.view.component.ts\nvar album_details_view_component___extends = (this && this.__extends) || (function () {\n var extendStatics = Object.setPrototypeOf ||\n ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||\n function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };\n return function (d, b) {\n extendStatics(d, b);\n function __() { this.constructor = d; }\n d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());\n };\n})();\nvar album_details_view_component___decorate = (this && this.__decorate) || function (decorators, target, key, desc) {\n var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;\n if (typeof Reflect === \"object\" && typeof Reflect.decorate === \"function\") r = Reflect.decorate(decorators, target, key, desc);\n 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;\n return c > 3 && r && Object.defineProperty(target, key, r), r;\n};\nvar album_details_view_component___metadata = (this && this.__metadata) || function (k, v) {\n if (typeof Reflect === \"object\" && typeof Reflect.metadata === \"function\") return Reflect.metadata(k, v);\n};\n\n\n\n\n\n\n\n\n\nvar album_details_view_component_AnalyticsAlbumDetailsView = (function (_super) {\n album_details_view_component___extends(AnalyticsAlbumDetailsView, _super);\n function AnalyticsAlbumDetailsView(route, locale, translation, mediaAnalyticsService, albumService, user, exportService, cdr) {\n var _this = _super.call(this, locale, translation) || this;\n _this.route = route;\n _this.locale = locale;\n _this.translation = translation;\n _this.mediaAnalyticsService = mediaAnalyticsService;\n _this.albumService = albumService;\n _this.user = user;\n _this.exportService = exportService;\n _this.cdr = cdr;\n _this.chartTypes = ['lineTime', 'bar'];\n _this.granularityTypes = ['all'];\n var range = _this.user.getDateRangeSelection();\n var endDate = range.endDate;\n var startDate = range.startDate;\n var granularity = 'day';\n _this.historyStats = {\n data: null,\n labels: null,\n startDate: startDate,\n endDate: endDate,\n chartType: 'lineTime',\n granularity: granularity\n };\n _this.totalMediaViewsInRange = null;\n _this.totalCollectionViewsInRange = null;\n _this.totalCollectionUsersInRange = null;\n _this.totalAvgWatchingTime = null;\n _this.selectedMediaStats = null;\n _this.hasUsersInCollectionItemStats = false;\n _this.collectionItemStats = null;\n _this.pagingOptions = {\n page: 1,\n page_size: 15\n };\n _this.dateUtil = date_util_DateUtil;\n _this.routeSubscription = _this.route.data.subscribe(function (data) { return _this.onInitialAlbumItemsReportLoad(data.account); });\n return _this;\n }\n AnalyticsAlbumDetailsView.prototype.ngOnDestroy = function () {\n if (this.routeSubscription)\n this.routeSubscription.unsubscribe();\n };\n AnalyticsAlbumDetailsView.prototype.ngOnInit = function () {\n this.cdr.markForCheck();\n };\n AnalyticsAlbumDetailsView.prototype.onAlbumItemsReport = function (data) {\n this.collectionMetadata = data.collection;\n this.collectionId = data.collection.collection_id;\n this.hasUsersInCollectionItemStats = false;\n var itemStats = new Array();\n var pos = 1;\n for (var _i = 0, _a = data.stats; _i < _a.length; _i++) {\n var rec = _a[_i];\n var views = parseFloat(rec.views);\n var users = parseFloat(rec.users);\n var watchingTime = parseFloat(rec.watching_time);\n var avgWatchingTime = (views > 0) ? watchingTime / views : null;\n if (users > 0) {\n this.hasUsersInCollectionItemStats = true;\n }\n itemStats.push({\n pos: pos,\n material_id: rec.material_id,\n title: rec.title,\n duration: rec.duration,\n views: views,\n users: users,\n time: watchingTime,\n avgtime: avgWatchingTime\n });\n pos++;\n }\n this.collectionItemStats = itemStats;\n this.mediaStatsList = itemStats.slice(0, this.pagingOptions.page_size);\n this.mediaStatsByMaterialId = new Map();\n for (var _b = 0, _c = this.collectionItemStats; _b < _c.length; _b++) {\n var mm = _c[_b];\n this.mediaStatsByMaterialId.set(mm.material_id, mm);\n }\n this.cdr.markForCheck();\n };\n AnalyticsAlbumDetailsView.prototype.onInitialAlbumItemsReportLoad = function (data) {\n this.onAlbumItemsReport(data);\n this.loadData();\n };\n AnalyticsAlbumDetailsView.prototype.loadAlbumItemsReport = function () {\n var _this = this;\n var range = this.user.getDateRangeSelection();\n var endDate = range.endDate;\n var startDate = range.startDate;\n this.albumService.getAlbumItemsReport(this.collectionId, startDate, endDate)\n .subscribe(function (data) {\n _this.onAlbumItemsReport(data);\n });\n };\n AnalyticsAlbumDetailsView.prototype.loadData = function () {\n var _this = this;\n this.historyStats.data = null;\n this.albumService.getAlbumStatsHistory(this.collectionMetadata.collection_id, this.historyStats.startDate, this.historyStats.endDate, this.historyStats.granularity).subscribe(function (data) {\n _this.historyStats.data = data.series;\n _this.historyStats.labels = data.labels;\n _this.cdr.markForCheck();\n });\n var fieldsForSummary = ['views', 'users', 'complete_views', 'watching_time'];\n this.albumService.getAlbumStatsSummary(this.collectionMetadata.collection_id, this.historyStats.startDate, this.historyStats.endDate, this.historyStats.granularity, fieldsForSummary).subscribe(function (data) {\n _this.totalMediaViewsInRange = parseFloat(data.views);\n _this.totalCollectionViewsInRange = parseFloat(data.complete_views);\n _this.totalCollectionUsersInRange = (data.users) ? parseFloat(data.users) : null;\n _this.totalAvgWatchingTime = (_this.totalCollectionViewsInRange > 0) ? parseFloat(data.watching_time) / _this.totalCollectionViewsInRange : null;\n _this.cdr.markForCheck();\n });\n };\n AnalyticsAlbumDetailsView.prototype.selectMediaStats = function (materialId) {\n if (this.selectedMediaStats && (this.selectedMediaStats.material_id == materialId)) {\n return;\n }\n this.selectedMediaStats = this.mediaStatsByMaterialId.get(materialId);\n this.loadHistoryStatsForSelectedMedia();\n };\n AnalyticsAlbumDetailsView.prototype.isMediaStatsSelected = function (material_id) {\n return material_id && this.selectedMediaStats && (this.selectedMediaStats.material_id == material_id);\n };\n AnalyticsAlbumDetailsView.prototype.loadHistoryStatsForSelectedMedia = function () {\n var _this = this;\n if (!this.selectedMediaStats) {\n return;\n }\n var range = this.user.getDateRangeSelection();\n var endDate = range.endDate;\n var startDate = range.startDate;\n var granularity = this.historyStats ? this.historyStats.granularity : 'day';\n this.previewHistoryStats = null;\n this.mediaAnalyticsService.getMediaStatsHistory(this.selectedMediaStats.material_id, startDate, endDate, granularity)\n .subscribe(function (data) {\n _this.previewHistoryStats = {\n data: data.series,\n labels: data.labels,\n startDate: startDate,\n endDate: endDate,\n chartType: 'lineTime',\n granularity: granularity\n };\n _this.cdr.markForCheck();\n });\n if (this.user.isEngagementRateEnabled()) {\n this.engagementRateStats = null;\n this.mediaAnalyticsService.getMediaEngagementRate(this.selectedMediaStats.material_id, startDate, endDate)\n .subscribe(function (data) {\n _this.engagementRateStats = data;\n if (!_this.engagementRateStats) {\n _this.engagementRateStats = {};\n }\n _this.cdr.markForCheck();\n });\n }\n };\n AnalyticsAlbumDetailsView.prototype.onGranularityChange = function (granularity) {\n this.historyStats.granularity = granularity;\n this.loadData();\n this.loadHistoryStatsForSelectedMedia();\n };\n AnalyticsAlbumDetailsView.prototype.onChartTypeChange = function (chartType) {\n this.historyStats.chartType = chartType;\n this.loadData();\n };\n AnalyticsAlbumDetailsView.prototype.onDateRangeChanged = function (range) {\n this.historyStats.startDate = range[0];\n this.historyStats.endDate = range[1];\n this.user.setDateRangeSelection(range[0].startOf('day'), range[1].startOf('day'));\n this.loadData();\n this.loadHistoryStatsForSelectedMedia();\n this.loadAlbumItemsReport();\n };\n AnalyticsAlbumDetailsView.prototype.chartDataExportCsv = function () {\n var data = this.exportDataToCsv();\n var exportFileName = 'bradmax_album_' + this.collectionMetadata.collection_id + '_' + this.historyStats.startDate.format('YYYYMMDD')\n + '_' + this.historyStats.endDate.format('YYYYMMDD') + '_by' + this.historyStats.granularity + '.csv';\n this.exportService.exportFileFromJs(exportFileName, data);\n };\n AnalyticsAlbumDetailsView.prototype.exportDataToCsv = function () {\n var linesNum = this.historyStats.labels ? this.historyStats.labels.length : 0;\n var result = '';\n var line = '';\n var dateFormat = 'YYYY-MM-DD HH:mm';\n if ((this.historyStats.granularity == 'day') || (this.historyStats.granularity == 'week')) {\n dateFormat = 'YYYY-MM-DD';\n }\n else if (this.historyStats.granularity == 'month') {\n dateFormat = 'YYYY-MM';\n }\n else if (this.historyStats.granularity == 'year') {\n dateFormat = 'YYYY';\n }\n var columns = new Array();\n columns.push('Date');\n for (var _i = 0, _a = this.historyStats.data; _i < _a.length; _i++) {\n var col = _a[_i];\n columns.push(col.label);\n }\n result += (columns.join(',') + \"\\r\\n\");\n for (var i = 0; i < linesNum; i++) {\n line = '\"' + moment_default()(this.historyStats.labels[i]).format(dateFormat) + '\"';\n for (var _b = 0, _c = this.historyStats.data; _b < _c.length; _b++) {\n var col = _c[_b];\n line += (',' + col.data[i]);\n }\n line += \"\\r\\n\";\n result += line;\n }\n return result;\n };\n AnalyticsAlbumDetailsView.prototype.onPageChanged = function (page) {\n this.pagingOptions.page = page;\n var fromPos = (page - 1) * this.pagingOptions.page_size;\n var toPos = fromPos + this.pagingOptions.page_size;\n this.mediaStatsList = this.collectionItemStats.slice(fromPos, toPos);\n this.cdr.markForCheck();\n };\n var _a, _b, _c, _d, _e, _f, _g, _h;\n AnalyticsAlbumDetailsView = album_details_view_component___decorate([\n Object(core_es5[\"Component\"])({\n selector: 'analytics-album-details-view',\n template: __webpack_require__(1379),\n viewProviders: [],\n styles: [\n ':host .chart-loader {height:300px;position:relative;}',\n ':host .dl-horizontal dt {width:80px;}',\n ':host .dl-horizontal dd {margin-left:90px;}',\n ':host .widget-stats .stats-number {line-height: 65px;}',\n '#songs-list td{cursor:pointer;word-break: break-word;}',\n '@media (max-width:1599px){:host .hidden-xlg-below{display:none!important}}'\n ],\n changeDetection: core_es5[\"ChangeDetectionStrategy\"].OnPush\n }),\n album_details_view_component___metadata(\"design:paramtypes\", [typeof (_a = typeof router_es5[\"a\" /* ActivatedRoute */] !== \"undefined\" && router_es5[\"a\" /* ActivatedRoute */]) === \"function\" && _a || Object, typeof (_b = typeof angular_l10n_es5[\"a\" /* LocaleService */] !== \"undefined\" && angular_l10n_es5[\"a\" /* LocaleService */]) === \"function\" && _b || Object, typeof (_c = typeof angular_l10n_es5[\"d\" /* TranslationService */] !== \"undefined\" && angular_l10n_es5[\"d\" /* TranslationService */]) === \"function\" && _c || Object, typeof (_d = typeof media_service_MediaService !== \"undefined\" && media_service_MediaService) === \"function\" && _d || Object, typeof (_e = typeof album_service_AlbumService !== \"undefined\" && album_service_AlbumService) === \"function\" && _e || Object, typeof (_f = typeof user_service[\"a\" /* UserService */] !== \"undefined\" && user_service[\"a\" /* UserService */]) === \"function\" && _f || Object, typeof (_g = typeof export_service_ExportService !== \"undefined\" && export_service_ExportService) === \"function\" && _g || Object, typeof (_h = typeof core_es5[\"ChangeDetectorRef\"] !== \"undefined\" && core_es5[\"ChangeDetectorRef\"]) === \"function\" && _h || Object])\n ], AnalyticsAlbumDetailsView);\n return AnalyticsAlbumDetailsView;\n}(angular_l10n_es5[\"b\" /* Localization */]));\n\n\n// CONCATENATED MODULE: ./src/module/analytics/albums/album.details.resolver.ts\nvar album_details_resolver___decorate = (this && this.__decorate) || function (decorators, target, key, desc) {\n var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;\n if (typeof Reflect === \"object\" && typeof Reflect.decorate === \"function\") r = Reflect.decorate(decorators, target, key, desc);\n 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;\n return c > 3 && r && Object.defineProperty(target, key, r), r;\n};\nvar album_details_resolver___metadata = (this && this.__metadata) || function (k, v) {\n if (typeof Reflect === \"object\" && typeof Reflect.metadata === \"function\") return Reflect.metadata(k, v);\n};\n\n\n\n\nvar album_details_resolver_AnalyticsAlbumDetailsResolver = (function () {\n function AnalyticsAlbumDetailsResolver(albumService, user) {\n this.albumService = albumService;\n this.user = user;\n this.DEFAULT_RANDE_FOR_ITEMS_REPORT = 30;\n }\n AnalyticsAlbumDetailsResolver.prototype.resolve = function (route, state) {\n var collectionId = route.params['collectionId'];\n if (!collectionId)\n return false;\n if (this.user.accountId == null)\n return false;\n var range = this.user.getDateRangeSelection();\n var endDate = null;\n var startDate = null;\n if (range != null) {\n endDate = range.endDate;\n startDate = range.startDate;\n }\n else {\n endDate = moment_default()().startOf('day');\n startDate = endDate.clone().subtract(this.DEFAULT_RANDE_FOR_ITEMS_REPORT, 'days');\n }\n return this.albumService.getAlbumItemsReport(collectionId, startDate, endDate);\n };\n var _a, _b;\n AnalyticsAlbumDetailsResolver = album_details_resolver___decorate([\n Object(core_es5[\"Injectable\"])(),\n album_details_resolver___metadata(\"design:paramtypes\", [typeof (_a = typeof album_service_AlbumService !== \"undefined\" && album_service_AlbumService) === \"function\" && _a || Object, typeof (_b = typeof user_service[\"a\" /* UserService */] !== \"undefined\" && user_service[\"a\" /* UserService */]) === \"function\" && _b || Object])\n ], AnalyticsAlbumDetailsResolver);\n return AnalyticsAlbumDetailsResolver;\n}());\n\n\n// CONCATENATED MODULE: ./src/module/analytics/albums/albums.module.ts\nvar albums_module___decorate = (this && this.__decorate) || function (decorators, target, key, desc) {\n var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;\n if (typeof Reflect === \"object\" && typeof Reflect.decorate === \"function\") r = Reflect.decorate(decorators, target, key, desc);\n 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;\n return c > 3 && r && Object.defineProperty(target, key, r), r;\n};\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\nvar albums_module_routes = [\n { path: '', component: albums_view_component_AnalyticsAlbumsView },\n { path: ':collectionId', component: album_details_view_component_AnalyticsAlbumDetailsView, resolve: { account: album_details_resolver_AnalyticsAlbumDetailsResolver } },\n];\nvar albums_module_AnalyticsAlbumsModule = (function () {\n function AnalyticsAlbumsModule() {\n }\n AnalyticsAlbumsModule = albums_module___decorate([\n Object(core_es5[\"NgModule\"])({\n imports: [\n http_es5[\"c\" /* HttpModule */],\n shared_module_SharedModule,\n common_es5[\"CommonModule\"],\n angular_l10n_es5[\"c\" /* LocalizationModule */],\n router_es5[\"h\" /* RouterModule */].forChild(albums_module_routes),\n forms_es5[\"FormsModule\"],\n form_module_FormComponentsModule,\n chart_module_ChartModule,\n TagInputModule,\n pager_module_PagerModule\n ],\n declarations: [\n albums_view_component_AnalyticsAlbumsView,\n album_details_view_component_AnalyticsAlbumDetailsView\n ],\n providers: [\n analytics_service_AnalyticsService,\n media_service_MediaService,\n album_service_AlbumService,\n tag_service_TagService,\n existing_tag_selector_service_ExistingTagSelectorService,\n ]\n })\n ], AnalyticsAlbumsModule);\n return AnalyticsAlbumsModule;\n}());\n\n\n// CONCATENATED MODULE: ./src/module/analytics/content/content.view.component.ts\nvar content_view_component___extends = (this && this.__extends) || (function () {\n var extendStatics = Object.setPrototypeOf ||\n ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||\n function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };\n return function (d, b) {\n extendStatics(d, b);\n function __() { this.constructor = d; }\n d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());\n };\n})();\nvar content_view_component___decorate = (this && this.__decorate) || function (decorators, target, key, desc) {\n var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;\n if (typeof Reflect === \"object\" && typeof Reflect.decorate === \"function\") r = Reflect.decorate(decorators, target, key, desc);\n 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;\n return c > 3 && r && Object.defineProperty(target, key, r), r;\n};\nvar content_view_component___metadata = (this && this.__metadata) || function (k, v) {\n if (typeof Reflect === \"object\" && typeof Reflect.metadata === \"function\") return Reflect.metadata(k, v);\n};\n\n\n\n\n\n\nvar content_view_component_AnalyticsContentView = (function (_super) {\n content_view_component___extends(AnalyticsContentView, _super);\n function AnalyticsContentView(locale, translation, mediaAnalyticsService, user, cdr) {\n var _this = _super.call(this, locale, translation) || this;\n _this.locale = locale;\n _this.translation = translation;\n _this.mediaAnalyticsService = mediaAnalyticsService;\n _this.user = user;\n _this.cdr = cdr;\n _this.MEDIA_PREVIEW_VIEWS_HISTORY_DAYS = 30;\n _this.mediaMetadataList = null;\n _this.mediaMetadataByMaterialId = new Map();\n _this.mediaMetadataTotalNum = 0;\n _this.searchOptions = {\n text: null,\n sort_by: null,\n sort_dir: 'asc',\n page: 1,\n page_size: 10\n };\n _this.selectedMediaMetadata = null;\n _this.dateUtil = date_util_DateUtil;\n return _this;\n }\n AnalyticsContentView.prototype.ngOnInit = function () {\n this.loadData();\n };\n AnalyticsContentView.prototype.selectMediaMetadata = function (materialId) {\n if (this.selectedMediaMetadata && (this.selectedMediaMetadata.material_id == materialId)) {\n return;\n }\n this.selectedMediaMetadata = this.mediaMetadataByMaterialId.get(materialId);\n this.loadHistoryStatsForSelectedMedia();\n };\n AnalyticsContentView.prototype.loadHistoryStatsForSelectedMedia = function () {\n var _this = this;\n var endDate = moment_default()().startOf('day');\n var startDate = endDate.clone().subtract(this.MEDIA_PREVIEW_VIEWS_HISTORY_DAYS, 'days');\n var granularity = 'day';\n this.previewHistoryStats = null;\n this.mediaAnalyticsService.getMediaStatsHistory(this.selectedMediaMetadata.material_id, startDate, endDate, granularity)\n .subscribe(function (data) {\n _this.previewHistoryStats = {\n data: data.series,\n labels: data.labels,\n startDate: startDate,\n endDate: endDate,\n chartType: 'lineTime',\n granularity: granularity\n };\n _this.cdr.markForCheck();\n });\n if (this.user.isEngagementRateEnabled()) {\n this.engagementRateStats = null;\n this.mediaAnalyticsService.getMediaEngagementRate(this.selectedMediaMetadata.material_id, startDate, endDate)\n .subscribe(function (data) {\n _this.engagementRateStats = data;\n if (!_this.engagementRateStats) {\n _this.engagementRateStats = {};\n }\n _this.cdr.markForCheck();\n });\n }\n };\n AnalyticsContentView.prototype.loadData = function () {\n var _this = this;\n this.mediaMetadataList = null;\n this.mediaAnalyticsService.getMediaMetadataList(this.searchOptions).subscribe(function (data) {\n _this.mediaMetadataList = data.records;\n _this.mediaMetadataTotalNum = data.total_records;\n _this.mediaMetadataByMaterialId = new Map();\n for (var _i = 0, _a = data.records; _i < _a.length; _i++) {\n var mm = _a[_i];\n _this.mediaMetadataByMaterialId.set(mm.material_id, mm);\n }\n _this.cdr.markForCheck();\n if ((_this.selectedMediaMetadata == null) && (_this.mediaMetadataList != null) && (_this.mediaMetadataList.length > 0)) {\n _this.selectMediaMetadata(_this.mediaMetadataList[0].material_id);\n }\n });\n };\n AnalyticsContentView.prototype.isMediaMetadataSelected = function (material_id) {\n return material_id && this.selectedMediaMetadata && (this.selectedMediaMetadata.material_id == material_id);\n };\n AnalyticsContentView.prototype.onSearchKeyPress = function (e) {\n var code = e.keyCode || e.which;\n if (code == 13) {\n this.searchOptions.page = 1;\n this.loadData();\n }\n };\n AnalyticsContentView.prototype.onColumnHeaderClick = function (columnName) {\n if (this.searchOptions.sort_by == columnName) {\n this.searchOptions.sort_dir = (this.searchOptions.sort_dir == 'desc') ? 'asc' : 'desc';\n }\n else {\n this.searchOptions.sort_by = columnName;\n this.searchOptions.sort_dir = 'asc';\n }\n this.searchOptions.page = 1;\n this.loadData();\n };\n AnalyticsContentView.prototype.onPageChanged = function (page) {\n this.searchOptions.page = page;\n this.loadData();\n };\n var _a, _b, _c, _d, _e;\n AnalyticsContentView = content_view_component___decorate([\n Object(core_es5[\"Component\"])({\n selector: 'analytics-content-view',\n template: __webpack_require__(1380),\n viewProviders: [],\n styles: [\n '#content-list th{cursor:pointer;}',\n '#content-list td{cursor:pointer;word-break: break-word;}',\n ':host .chart-loader {height:200px;position:relative;}',\n ':host .media-list-loader {height:300px;}'\n ],\n changeDetection: core_es5[\"ChangeDetectionStrategy\"].OnPush\n }),\n content_view_component___metadata(\"design:paramtypes\", [typeof (_a = typeof angular_l10n_es5[\"a\" /* LocaleService */] !== \"undefined\" && angular_l10n_es5[\"a\" /* LocaleService */]) === \"function\" && _a || Object, typeof (_b = typeof angular_l10n_es5[\"d\" /* TranslationService */] !== \"undefined\" && angular_l10n_es5[\"d\" /* TranslationService */]) === \"function\" && _b || Object, typeof (_c = typeof media_service_MediaService !== \"undefined\" && media_service_MediaService) === \"function\" && _c || Object, typeof (_d = typeof user_service[\"a\" /* UserService */] !== \"undefined\" && user_service[\"a\" /* UserService */]) === \"function\" && _d || Object, typeof (_e = typeof core_es5[\"ChangeDetectorRef\"] !== \"undefined\" && core_es5[\"ChangeDetectorRef\"]) === \"function\" && _e || Object])\n ], AnalyticsContentView);\n return AnalyticsContentView;\n}(angular_l10n_es5[\"b\" /* Localization */]));\n\n\n// CONCATENATED MODULE: ./src/service/analytics/pages.service.ts\nvar pages_service___extends = (this && this.__extends) || (function () {\n var extendStatics = Object.setPrototypeOf ||\n ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||\n function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };\n return function (d, b) {\n extendStatics(d, b);\n function __() { this.constructor = d; }\n d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());\n };\n})();\nvar pages_service___decorate = (this && this.__decorate) || function (decorators, target, key, desc) {\n var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;\n if (typeof Reflect === \"object\" && typeof Reflect.decorate === \"function\") r = Reflect.decorate(decorators, target, key, desc);\n 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;\n return c > 3 && r && Object.defineProperty(target, key, r), r;\n};\nvar pages_service___metadata = (this && this.__metadata) || function (k, v) {\n if (typeof Reflect === \"object\" && typeof Reflect.metadata === \"function\") return Reflect.metadata(k, v);\n};\n\n\n\n\n\n\n\n\n\n\n\nvar pages_service_PagesService = (function (_super) {\n pages_service___extends(PagesService, _super);\n function PagesService(auth, http, exception, router, urlService, user, translation) {\n var _this = _super.call(this, auth, http, exception, router, urlService, user) || this;\n _this.auth = auth;\n _this.http = http;\n _this.exception = exception;\n _this.router = router;\n _this.urlService = urlService;\n _this.user = user;\n _this.translation = translation;\n return _this;\n }\n PagesService.prototype.getReferrerHistoryForRange = function (accountId, range, path) {\n var r = this.initDateRange(range);\n var url = 'accounts/' +\n accountId.toString() +\n '/analytics/page/referer/history?tsrange[]=' +\n r.startDate.unix().toString() + ',' + r.endDate.unix().toString() + ',' +\n '&path=' + path;\n return this.listOfItems(url);\n };\n PagesService.prototype.getReferrerHistoryForPeriod = function (accountId, period, unit, path) {\n var params = this.prepareTsperiodParams(period.startDate, period.endDate, unit);\n params.push('source_domain=' + encodeURIComponent(path));\n var url = 'accounts/' +\n accountId.toString() +\n '/analytics/page/referer/history?' + params.join('&');\n return this.listOfItems(url);\n };\n PagesService.prototype.getReferrerUsersAndViews = function (accountId, range, unit, path) {\n var _this = this;\n var resolveSource = new Subject[\"Subject\"]();\n this.getReferrerHistoryForPeriod(accountId, range, unit, path)\n .subscribe(function (data) {\n var usersData = { data: [], label: _this.translation['translationData']['en']['ANALYTICS_AUDIENCE']['SUMMARY']['USERS'] };\n var usersLabels = [];\n var viewsData = { data: [], label: _this.translation['translationData']['en']['ANALYTICS_AUDIENCE']['SUMMARY']['VIEWS'] };\n var viewsLabels = [];\n for (var _i = 0, data_1 = data; _i < data_1.length; _i++) {\n var rec = data_1[_i];\n usersData.data.push(parseFloat(rec.users));\n viewsData.data.push(parseFloat(rec.views));\n usersLabels.push(moment_default.a.unix(rec.from).toISOString());\n viewsLabels.push(moment_default.a.unix(rec.from).toISOString());\n }\n var usersChartData = { data: usersData, labels: usersLabels };\n var viewsChartData = { data: viewsData, labels: viewsLabels };\n resolveSource.next([usersChartData, viewsChartData]);\n }, function (error) { return resolveSource.error(error); }, function () { return resolveSource.complete(); });\n return resolveSource.asObservable();\n };\n PagesService.prototype.getTopSources = function (accountId, range, path, page, page_size) {\n var r = this.initDateRange(range);\n var url = 'accounts/' +\n accountId.toString() +\n '/analytics/page/referer/top-sources?tsrange=' +\n r.startDate.unix().toString() + ',' + r.endDate.unix().toString() +\n '&source_domain=' + path +\n '&page=' + page.toString() +\n '&page_size=' + page_size.toString();\n return this.listOfItems(url);\n };\n PagesService.prototype.getTopSubpages = function (accountId, range, path, page, page_size) {\n var r = this.initDateRange(range);\n var url = 'accounts/' +\n accountId.toString() +\n '/analytics/page/audience/top-subpages?tsrange=' +\n r.startDate.unix().toString() + ',' + r.endDate.unix().toString() +\n '&path=' + path +\n '&page=' + page.toString() +\n '&page_size=' + page_size.toString();\n return this.listOfItems(url);\n };\n PagesService.prototype.getAudienceHistoryForRange = function (accountId, range, path) {\n var r = this.initDateRange(range);\n var url = 'accounts/' +\n accountId.toString() +\n '/analytics/page/audience/history?tsrange[]=' +\n r.startDate.unix().toString() + ',' + r.endDate.unix().toString() + ',' +\n '&path=' + path;\n return this.listOfItems(url);\n };\n PagesService.prototype.getAudienceHistoryForPeriod = function (accountId, period, unit, path) {\n var params = this.prepareTsperiodParams(period.startDate, period.endDate, unit);\n params.push('path=' + encodeURIComponent(path));\n var url = 'accounts/' +\n accountId.toString() +\n '/analytics/page/audience/history?' + params.join('&');\n return this.listOfItems(url);\n };\n PagesService.prototype.getUsersAndViews = function (accountId, range, unit, path) {\n var _this = this;\n var resolveSource = new Subject[\"Subject\"]();\n this.getAudienceHistoryForPeriod(accountId, range, unit, path)\n .subscribe(function (data) {\n var usersData = { data: [], label: _this.translation['translationData']['en']['ANALYTICS_AUDIENCE']['SUMMARY']['USERS'] };\n var usersLabels = [];\n var viewsData = { data: [], label: _this.translation['translationData']['en']['ANALYTICS_AUDIENCE']['SUMMARY']['VIEWS'] };\n var viewsLabels = [];\n for (var _i = 0, data_2 = data; _i < data_2.length; _i++) {\n var rec = data_2[_i];\n usersData.data.push(parseFloat(rec.users));\n viewsData.data.push(parseFloat(rec.views));\n usersLabels.push(moment_default.a.unix(rec.from).toISOString());\n viewsLabels.push(moment_default.a.unix(rec.from).toISOString());\n }\n var usersChartData = { data: usersData, labels: usersLabels };\n var viewsChartData = { data: viewsData, labels: viewsLabels };\n resolveSource.next([usersChartData, viewsChartData]);\n }, function (error) { return resolveSource.error(error); }, function () { return resolveSource.complete(); });\n return resolveSource.asObservable();\n };\n PagesService.prototype.getUsersAndViewsHistoryReport = function (accountId, range, unit, filters) {\n var _this = this;\n var params = this.prepareTsperiodParams(range.startDate, range.endDate, unit);\n params = params.concat(filters.getQueryParamsList());\n var url = 'accounts/' +\n accountId.toString() +\n '/analytics/page/report/history?' + params.join('&');\n var resolveSource = new Subject[\"Subject\"]();\n this.listOfItems(url).subscribe(function (data) {\n var usersData = { data: [], label: _this.translation['translationData']['en']['ANALYTICS_AUDIENCE']['SUMMARY']['USERS'] };\n var usersLabels = [];\n var viewsData = { data: [], label: _this.translation['translationData']['en']['ANALYTICS_AUDIENCE']['SUMMARY']['VIEWS'] };\n var viewsLabels = [];\n for (var _i = 0, data_3 = data; _i < data_3.length; _i++) {\n var rec = data_3[_i];\n usersData.data.push(parseFloat(rec.users));\n viewsData.data.push(parseFloat(rec.views));\n usersLabels.push(moment_default.a.unix(rec.from).toISOString());\n viewsLabels.push(moment_default.a.unix(rec.from).toISOString());\n }\n var usersChartData = { data: usersData, labels: usersLabels };\n var viewsChartData = { data: viewsData, labels: viewsLabels };\n resolveSource.next([usersChartData, viewsChartData]);\n }, function (error) { return resolveSource.error(error); }, function () { return resolveSource.complete(); });\n return resolveSource.asObservable();\n };\n PagesService.prototype.getUsersAndViewsSummaryReport = function (accountId, range, filters) {\n var r = this.initDateRange(range);\n var tsRangeParam = 'tsrange[]=' + r.startDate.unix() + ',' + r.endDate.unix();\n var params = [tsRangeParam];\n params = params.concat(filters.getQueryParamsList());\n var url = 'accounts/' +\n accountId.toString() +\n '/analytics/page/report/history?' + params.join('&');\n var resolveSource = new Subject[\"Subject\"]();\n this.listOfItems(url).subscribe(function (data) {\n var users = 0;\n var views = 0;\n if (data && data.length) {\n users = parseFloat(data[0].users);\n views = parseFloat(data[0].views);\n }\n resolveSource.next({\n users: users,\n views: views\n });\n }, function (error) { return resolveSource.error(error); }, function () { return resolveSource.complete(); });\n return resolveSource.asObservable();\n };\n PagesService.prototype.getGeoReport = function (accountId, range, filters) {\n var r = this.initDateRange(range);\n var tsRangeParam = 'tsrange=' + r.startDate.unix() + ',' + r.endDate.unix();\n var params = [tsRangeParam];\n params = params.concat(filters.getQueryParamsList());\n var url = 'accounts/' + accountId.toString() + '/analytics/page/report/geo?' + params.join('&');\n var resolveSource = new Subject[\"Subject\"]();\n this.listOfItems(url).subscribe(function (data) {\n resolveSource.next(data);\n }, function (error) { return resolveSource.error(error); }, function () { return resolveSource.complete(); });\n return resolveSource.asObservable();\n };\n PagesService.prototype.listOfCountries = function () {\n var url = 'analytics/geo/country';\n return this.listOfItems(url);\n };\n PagesService.prototype.listOfRegions = function (countryCode) {\n var url = 'analytics/geo/country/' + countryCode + '/region';\n return this.listOfItems(url);\n };\n PagesService.prototype.listOfCities = function (regionCode) {\n var url = 'analytics/geo/region/' + regionCode + '/city';\n return this.listOfItems(url);\n };\n PagesService.prototype.getDemSexReport = function (accountId, range, filters) {\n var r = this.initDateRange(range);\n var tsRangeParam = 'tsrange=' + r.startDate.unix() + ',' + r.endDate.unix();\n var params = [tsRangeParam];\n params = params.concat(filters.getQueryParamsList());\n var url = 'accounts/' + accountId.toString() + '/analytics/page/report/dem/sex?' + params.join('&');\n var resolveSource = new Subject[\"Subject\"]();\n this.listOfItems(url).subscribe(function (data) {\n resolveSource.next(data);\n }, function (error) { return resolveSource.error(error); }, function () { return resolveSource.complete(); });\n return resolveSource.asObservable();\n };\n PagesService.prototype.getDemAgeReport = function (accountId, range, filters) {\n var r = this.initDateRange(range);\n var tsRangeParam = 'tsrange=' + r.startDate.unix() + ',' + r.endDate.unix();\n var params = [tsRangeParam];\n params = params.concat(filters.getQueryParamsList());\n var url = 'accounts/' + accountId.toString() + '/analytics/page/report/dem/age?' + params.join('&');\n var resolveSource = new Subject[\"Subject\"]();\n this.listOfItems(url).subscribe(function (data) {\n resolveSource.next(data);\n }, function (error) { return resolveSource.error(error); }, function () { return resolveSource.complete(); });\n return resolveSource.asObservable();\n };\n PagesService.prototype.getTopViewedTagsReport = function (accountId, range, filters, tagsMaxNum) {\n var r = this.initDateRange(range);\n var tsRangeParam = 'tsrange=' + r.startDate.unix() + ',' + r.endDate.unix();\n var params = [tsRangeParam];\n params.push('page_size=' + tagsMaxNum);\n params = params.concat(filters.getQueryParamsList());\n var url = 'accounts/' + accountId.toString() + '/analytics/page/report/top-viewed-tags?' + params.join('&');\n var resolveSource = new Subject[\"Subject\"]();\n this.listOfItems(url).subscribe(function (data) {\n resolveSource.next(data);\n }, function (error) { return resolveSource.error(error); }, function () { return resolveSource.complete(); });\n return resolveSource.asObservable();\n };\n PagesService.prototype.listOfItems = function (url) {\n var req = null;\n var resolveSource = new Subject[\"Subject\"]();\n _super.prototype.read.call(this, url, req).subscribe(function (response) {\n if (response && response.results) {\n var nowTs = (new Date()).getTime() / 1000.0;\n for (var _i = 0, _a = response.results; _i < _a.length; _i++) {\n var entry = _a[_i];\n entry.loaded_at = nowTs;\n }\n }\n resolveSource.next(response);\n }, function (error) { return resolveSource.error(error); }, function () { return resolveSource.complete(); });\n return resolveSource.asObservable();\n };\n var _a, _b, _c, _d, _e, _f, _g;\n PagesService = pages_service___decorate([\n Object(core_es5[\"Injectable\"])(),\n pages_service___metadata(\"design:paramtypes\", [typeof (_a = typeof auth_service[\"a\" /* AuthService */] !== \"undefined\" && auth_service[\"a\" /* AuthService */]) === \"function\" && _a || Object, typeof (_b = typeof http_es5[\"b\" /* Http */] !== \"undefined\" && http_es5[\"b\" /* Http */]) === \"function\" && _b || Object, typeof (_c = typeof exception_service[\"a\" /* ExceptionService */] !== \"undefined\" && exception_service[\"a\" /* ExceptionService */]) === \"function\" && _c || Object, typeof (_d = typeof router_es5[\"g\" /* Router */] !== \"undefined\" && router_es5[\"g\" /* Router */]) === \"function\" && _d || Object, typeof (_e = typeof url_service[\"a\" /* UrlService */] !== \"undefined\" && url_service[\"a\" /* UrlService */]) === \"function\" && _e || Object, typeof (_f = typeof user_service[\"a\" /* UserService */] !== \"undefined\" && user_service[\"a\" /* UserService */]) === \"function\" && _f || Object, typeof (_g = typeof angular_l10n_es5[\"d\" /* TranslationService */] !== \"undefined\" && angular_l10n_es5[\"d\" /* TranslationService */]) === \"function\" && _g || Object])\n ], PagesService);\n return PagesService;\n}(base_service_BaseService));\n\nvar PageReportFilters = (function () {\n function PageReportFilters() {\n }\n PageReportFilters.prototype.getQueryParamsList = function () {\n var result = [];\n if ((this.geoCountryCode !== null) && (this.geoCountryCode != '') && (typeof this.geoCountryCode !== 'undefined')) {\n result.push(encodeURIComponent('filter[geoCountryCode]') + '=' + encodeURIComponent(this.geoCountryCode));\n }\n if (this.geoRegionId > 0) {\n result.push(encodeURIComponent('filter[geoRegionId]') + '=' + this.geoRegionId);\n }\n if ((this.tags !== null) && (this.tags.length > 0)) {\n result.push(encodeURIComponent('filter[tags]') + '=' + encodeURIComponent(this.tags.join(',')));\n }\n if (this.demSex > 0) {\n result.push(encodeURIComponent('filter[demSex]') + '=' + this.demSex);\n }\n if (this.demAgeFrom !== null) {\n result.push(encodeURIComponent('filter[demAgeFrom]') + '=' + this.demAgeFrom);\n }\n if (this.demAgeTo !== null) {\n result.push(encodeURIComponent('filter[demAgeTo]') + '=' + this.demAgeTo);\n }\n return result;\n };\n return PageReportFilters;\n}());\n\n\n// CONCATENATED MODULE: ./src/module/analytics/sampled-traffic/model/sampled-traffic.filters.ts\nvar sampled_traffic_filters___extends = (this && this.__extends) || (function () {\n var extendStatics = Object.setPrototypeOf ||\n ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||\n function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };\n return function (d, b) {\n extendStatics(d, b);\n function __() { this.constructor = d; }\n d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());\n };\n})();\n\nvar SampledTrafficFilters = (function (_super) {\n sampled_traffic_filters___extends(SampledTrafficFilters, _super);\n function SampledTrafficFilters() {\n var _this = _super !== null && _super.apply(this, arguments) || this;\n _this.demSex = null;\n _this.demAgeFrom = null;\n _this.demAgeTo = null;\n return _this;\n }\n SampledTrafficFilters.prototype.diff = function (other) {\n return !other\n ? { dateRange: true, granularity: true, geoCountryCode: true, geoRegionId: true, tags: true, }\n : {\n dateRange: this.dateRange.length != other.dateRange.length || this.dateRange[0] != other.dateRange[0] || this.dateRange[1] != other.dateRange[1],\n granularity: this.granularity != other.granularity,\n geoCountryCode: this.geoCountryCode != other.geoCountryCode,\n geoRegionId: this.geoRegionId != other.geoRegionId,\n tags: this.tags.length != other.tags.length || this.tags.filter(function (t) { return other.tags.indexOf(t) === -1; }).length !== 0,\n };\n };\n return SampledTrafficFilters;\n}(PageReportFilters));\n\n\n// EXTERNAL MODULE: ./src/module/analytics/geo/geo.country.view.regions.fix.json\nvar geo_country_view_regions_fix = __webpack_require__(107);\nvar geo_country_view_regions_fix_default = /*#__PURE__*/__webpack_require__.n(geo_country_view_regions_fix);\n\n// CONCATENATED MODULE: ./src/module/analytics/sampled-traffic/service/google.geo.regions.fix.service.ts\nvar google_geo_regions_fix_service___decorate = (this && this.__decorate) || function (decorators, target, key, desc) {\n var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;\n if (typeof Reflect === \"object\" && typeof Reflect.decorate === \"function\") r = Reflect.decorate(decorators, target, key, desc);\n 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;\n return c > 3 && r && Object.defineProperty(target, key, r), r;\n};\n\n\nvar google_geo_regions_fix_service_GoogleGeoRegionsFixService = (function () {\n function GoogleGeoRegionsFixService() {\n }\n GoogleGeoRegionsFixService.prototype.regions = function (countryCode, data) {\n var result = [];\n if (countryCode in geo_country_view_regions_fix[\"reducingMappings\"]) {\n result = this.reduceRegions(countryCode, data);\n }\n else if (countryCode in geo_country_view_regions_fix[\"sharingMapping\"]) {\n result = this.sharedRegions(countryCode, data);\n }\n else if (countryCode in geo_country_view_regions_fix[\"skippingSet\"]) {\n var totalViews = 0;\n for (var _i = 0, data_1 = data; _i < data_1.length; _i++) {\n var rec = data_1[_i];\n totalViews += parseInt(rec.views);\n }\n result.push([countryCode, totalViews]);\n }\n else {\n for (var _a = 0, data_2 = data; _a < data_2.length; _a++) {\n var rec = data_2[_a];\n var regName = rec.region.subdiv_code ? rec.region.subdiv_code : rec.region.name;\n result.push([regName, parseInt(rec.views)]);\n }\n }\n result.unshift(['Region', 'Views']);\n return result;\n };\n GoogleGeoRegionsFixService.prototype.sharedRegions = function (countryCode, data) {\n var result = [];\n for (var _i = 0, data_3 = data; _i < data_3.length; _i++) {\n var rec = data_3[_i];\n var codeSrc = rec.region.subdiv_code;\n if (!(codeSrc in geo_country_view_regions_fix[\"sharingMapping\"][countryCode])) {\n continue;\n }\n var codesTrg = geo_country_view_regions_fix[\"sharingMapping\"][countryCode][codeSrc];\n for (var _a = 0, codesTrg_1 = codesTrg; _a < codesTrg_1.length; _a++) {\n var code = codesTrg_1[_a];\n result.push([code, Math.floor(parseInt(rec.views) / codesTrg.length)]);\n }\n }\n return result;\n };\n GoogleGeoRegionsFixService.prototype.reduceRegions = function (countryCode, data) {\n var m = {};\n for (var _i = 0, data_4 = data; _i < data_4.length; _i++) {\n var rec = data_4[_i];\n var codeSrc = rec.region.subdiv_code;\n var codeTrg = (codeSrc in geo_country_view_regions_fix[\"reducingMappings\"][countryCode]) ? geo_country_view_regions_fix[\"reducingMappings\"][countryCode][codeSrc] : codeSrc;\n if (!(codeTrg in m)) {\n m[codeTrg] = 0;\n }\n m[codeTrg] = m[codeTrg] + parseInt(rec.views);\n }\n var result = [];\n for (var code in m) {\n result.push([code, m[code]]);\n }\n return result;\n };\n GoogleGeoRegionsFixService = google_geo_regions_fix_service___decorate([\n Object(core_es5[\"Injectable\"])()\n ], GoogleGeoRegionsFixService);\n return GoogleGeoRegionsFixService;\n}());\n\n\n// EXTERNAL MODULE: ./node_modules/rxjs/operators/map.js\nvar operators_map = __webpack_require__(87);\nvar map_default = /*#__PURE__*/__webpack_require__.n(operators_map);\n\n// CONCATENATED MODULE: ./src/module/analytics/sampled-traffic/service/sampled-traffic.api.service.ts\nvar sampled_traffic_api_service___extends = (this && this.__extends) || (function () {\n var extendStatics = Object.setPrototypeOf ||\n ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||\n function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };\n return function (d, b) {\n extendStatics(d, b);\n function __() { this.constructor = d; }\n d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());\n };\n})();\nvar sampled_traffic_api_service___decorate = (this && this.__decorate) || function (decorators, target, key, desc) {\n var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;\n if (typeof Reflect === \"object\" && typeof Reflect.decorate === \"function\") r = Reflect.decorate(decorators, target, key, desc);\n 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;\n return c > 3 && r && Object.defineProperty(target, key, r), r;\n};\nvar sampled_traffic_api_service___metadata = (this && this.__metadata) || function (k, v) {\n if (typeof Reflect === \"object\" && typeof Reflect.metadata === \"function\") return Reflect.metadata(k, v);\n};\n\n\n\n\n\n\n\n\n\n\n\nvar sampled_traffic_api_service_SampledTrafficApiService = (function (_super) {\n sampled_traffic_api_service___extends(SampledTrafficApiService, _super);\n function SampledTrafficApiService(auth, http, exception, router, urlService, user, fix) {\n var _this = _super.call(this, auth, http, exception, router, urlService, user) || this;\n _this.auth = auth;\n _this.http = http;\n _this.exception = exception;\n _this.router = router;\n _this.urlService = urlService;\n _this.user = user;\n _this.fix = fix;\n return _this;\n }\n SampledTrafficApiService.prototype.usersAndViewsHistory = function (filters) {\n var _this = this;\n var params = this.prepareTsperiodParams(moment_default.a.unix(filters.dateRange[0]), moment_default.a.unix(filters.dateRange[1]), filters.granularity).concat(filters.getQueryParamsList());\n return _super.prototype.read.call(this, \"accounts/\" + this.user.accountId + \"/analytics/page/report/history?\" + params.join('&'))\n .pipe(Object(operators_map[\"map\"])(function (response) { return _this.parseUsersAndViewsHistory(filters, response); }));\n };\n SampledTrafficApiService.prototype.parseUsersAndViewsHistory = function (filters, response) {\n var usersData = { data: [], label: 'Users' };\n var usersLabels = [];\n var viewsData = { data: [], label: 'Views' };\n var viewsLabels = [];\n for (var _a = 0, response_1 = response; _a < response_1.length; _a++) {\n var rec = response_1[_a];\n usersData.data.push(parseFloat(rec.users));\n viewsData.data.push(parseFloat(rec.views));\n usersLabels.push(moment_default.a.unix(rec.from).toISOString());\n viewsLabels.push(moment_default.a.unix(rec.from).toISOString());\n }\n var usersChartData = { data: usersData, labels: usersLabels };\n var viewsChartData = { data: viewsData, labels: viewsLabels };\n var data = [usersChartData, viewsChartData];\n var datasets = [];\n for (var _i = 0; _i < data.length; _i++)\n datasets.push(data[_i].data);\n var labels = data[0].labels;\n var granularity = filters.granularity;\n var startDate = moment_default.a.unix(filters.dateRange[0]);\n var endDate = moment_default.a.unix(filters.dateRange[1]);\n return { granularity: granularity, startDate: startDate, endDate: endDate, data: data, labels: labels, datasets: datasets };\n };\n SampledTrafficApiService.prototype.usersAndViewsSummary = function (filters) {\n var _this = this;\n var params = [\"tsrange[]=\" + filters.dateRange[0] + \",\" + filters.dateRange[1]].concat(filters.getQueryParamsList());\n return _super.prototype.read.call(this, \"accounts/\" + this.user.accountId + \"/analytics/page/report/history?\" + params.join('&'))\n .pipe(Object(operators_map[\"map\"])(function (response) { return _this.parseUsersAndViewsSummary(response); }));\n };\n SampledTrafficApiService.prototype.parseUsersAndViewsSummary = function (response) {\n if (response && response.length) {\n var users = parseFloat(response[0].users);\n var views = parseFloat(response[0].views);\n return { users: users, views: views, viewsPerUser: views / users };\n }\n return { users: 0, views: 0, viewsPerUser: 0 };\n };\n SampledTrafficApiService.prototype.geoReport = function (filters) {\n var _this = this;\n var range = this.initDateRange(this.user.getDateRangeSelection());\n var params = [\"tsrange=\" + range.startDate.unix() + \",\" + range.endDate.unix()].concat(filters.getQueryParamsList());\n return _super.prototype.read.call(this, \"accounts/\" + this.user.accountId + \"/analytics/page/report/geo?\" + params.join('&'))\n .pipe(Object(operators_map[\"map\"])(function (response) { return _this.parseGeoRecord(response, filters); }));\n };\n SampledTrafficApiService.prototype.parseGeoRecord = function (response, filters) {\n var summary_users = parseFloat(response.summary.users);\n var summary_views = parseFloat(response.summary.views);\n var viewsPerUser = summary_users > 0 ? summary_views / summary_users : null;\n var summary = { users: summary_users, views: summary_views, viewsPerUser: viewsPerUser };\n var mapItems = [[\"Country\", \"Views\"]];\n if (response.countries) {\n var listItems = [];\n for (var _a = 0, _b = response.countries; _a < _b.length; _a++) {\n var country = _b[_a];\n var country_views = parseFloat(country.views);\n var country_users = parseFloat(country.users);\n mapItems.push([country.country.country_code, country_views]);\n listItems.push({\n index: listItems.length + 1,\n label: country.country.name,\n views: country_views,\n users: country_users,\n countryCode: country.country.country_code,\n viewsShare: (country_views / summary_views) * 100,\n usersShare: (country_users / summary_users) * 100,\n });\n }\n return { resolution: 'countries', region: null, summary: summary, mapItems: mapItems, listItems: listItems };\n }\n if (response.regions) {\n var listItems = [];\n for (var _c = 0, _d = response.regions; _c < _d.length; _c++) {\n var region = _d[_c];\n var region_views = parseFloat(region.views);\n var region_users = parseFloat(region.users);\n listItems.push({\n index: listItems.length + 1,\n label: region.region.name,\n views: region_views,\n users: region_users,\n countryCode: filters.geoCountryCode,\n regionId: region.region.id,\n subdivCode: region.region.subdiv_code ? region.region.subdiv_code : region.region.name,\n viewsShare: (region_views / summary_views) * 100,\n usersShare: (region_users / summary_users) * 100,\n });\n }\n return { resolution: 'provinces', region: filters.geoCountryCode, summary: summary, mapItems: this.fix.regions(filters.geoCountryCode, response.regions), listItems: listItems };\n }\n return { resolution: 'countries', region: null, summary: summary, mapItems: mapItems, listItems: [] };\n };\n SampledTrafficApiService.prototype.topViewedTags = function (filters, page, pageSize) {\n var _this = this;\n var range = this.initDateRange(this.user.getDateRangeSelection());\n var params = [\"tsrange=\" + range.startDate.unix() + \",\" + range.endDate.unix(), \"page=\" + page, \"page_size=\" + pageSize].concat(filters.getQueryParamsList());\n return _super.prototype.read.call(this, \"accounts/\" + this.user.accountId + \"/analytics/page/report/top-viewed-tags?\" + params.join('&'))\n .pipe(Object(operators_map[\"map\"])(function (response) { return _this.parseTopViewedTags(response); }));\n };\n SampledTrafficApiService.prototype.parseTopViewedTags = function (response) {\n return {\n page: response.page,\n page_size: response.page_size,\n records: response.records.map(function (r) {\n var _prefixAndValue = r.tag.split(':');\n var _isPrefixed = _prefixAndValue.length === 2;\n return {\n position: r.position,\n prefix: _isPrefixed ? _prefixAndValue[0] : null,\n value: _isPrefixed ? _prefixAndValue[1] : r.tag,\n tag: r.tag,\n views: parseInt(r.views),\n viewsShare: NaN,\n };\n }),\n total_records: response.total_records,\n };\n };\n var _a, _b, _c, _d, _e, _f, _g;\n SampledTrafficApiService = sampled_traffic_api_service___decorate([\n Object(core_es5[\"Injectable\"])(),\n sampled_traffic_api_service___metadata(\"design:paramtypes\", [typeof (_a = typeof auth_service[\"a\" /* AuthService */] !== \"undefined\" && auth_service[\"a\" /* AuthService */]) === \"function\" && _a || Object, typeof (_b = typeof http_es5[\"b\" /* Http */] !== \"undefined\" && http_es5[\"b\" /* Http */]) === \"function\" && _b || Object, typeof (_c = typeof exception_service[\"a\" /* ExceptionService */] !== \"undefined\" && exception_service[\"a\" /* ExceptionService */]) === \"function\" && _c || Object, typeof (_d = typeof router_es5[\"g\" /* Router */] !== \"undefined\" && router_es5[\"g\" /* Router */]) === \"function\" && _d || Object, typeof (_e = typeof url_service[\"a\" /* UrlService */] !== \"undefined\" && url_service[\"a\" /* UrlService */]) === \"function\" && _e || Object, typeof (_f = typeof user_service[\"a\" /* UserService */] !== \"undefined\" && user_service[\"a\" /* UserService */]) === \"function\" && _f || Object, typeof (_g = typeof google_geo_regions_fix_service_GoogleGeoRegionsFixService !== \"undefined\" && google_geo_regions_fix_service_GoogleGeoRegionsFixService) === \"function\" && _g || Object])\n ], SampledTrafficApiService);\n return SampledTrafficApiService;\n}(base_service_BaseService));\n\n\n// CONCATENATED MODULE: ./src/module/analytics/content/content.details.view.component.ts\nvar content_details_view_component___extends = (this && this.__extends) || (function () {\n var extendStatics = Object.setPrototypeOf ||\n ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||\n function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };\n return function (d, b) {\n extendStatics(d, b);\n function __() { this.constructor = d; }\n d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());\n };\n})();\nvar content_details_view_component___decorate = (this && this.__decorate) || function (decorators, target, key, desc) {\n var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;\n if (typeof Reflect === \"object\" && typeof Reflect.decorate === \"function\") r = Reflect.decorate(decorators, target, key, desc);\n 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;\n return c > 3 && r && Object.defineProperty(target, key, r), r;\n};\nvar content_details_view_component___metadata = (this && this.__metadata) || function (k, v) {\n if (typeof Reflect === \"object\" && typeof Reflect.metadata === \"function\") return Reflect.metadata(k, v);\n};\n\n\n\n\n\n\n\n\n\n\n\n\nvar content_details_view_component_AnalyticsContentDetailsView = (function (_super) {\n content_details_view_component___extends(AnalyticsContentDetailsView, _super);\n function AnalyticsContentDetailsView(route, locale, translation, mediaAnalyticsService, user, sampledTrafficApi, exportService, cdr) {\n var _this = _super.call(this, locale, translation) || this;\n _this.route = route;\n _this.locale = locale;\n _this.translation = translation;\n _this.mediaAnalyticsService = mediaAnalyticsService;\n _this.user = user;\n _this.sampledTrafficApi = sampledTrafficApi;\n _this.exportService = exportService;\n _this.cdr = cdr;\n _this.MAX_TOP_TAGS_FOR_MEDIA = 100;\n _this.chartTypes = ['lineTime', 'bar'];\n _this.granularityTypes = ['all'];\n var range = _this.user.getDateRangeSelection();\n var endDate = range.endDate;\n var startDate = range.startDate;\n var granularity = startDate.unix() == endDate.unix() ? 'hour' : 'day';\n _this.hasTvMetrics = false;\n _this.tvStatsLoading = false;\n _this.historyStats = {\n data: null,\n labels: null,\n startDate: startDate,\n endDate: endDate,\n chartType: 'lineTime',\n granularity: granularity\n };\n _this.engagementRateSummary = {\n topViews: null,\n totalWatchingTime: null\n };\n _this.totalViewsInRange = null;\n _this.totalUsersInRange = null;\n _this.engagementRateLiveStreamClockType = 'wall';\n _this.dateUtil = date_util_DateUtil;\n _this.routeSubscription = _this.route.data.subscribe(function (data) {\n _this.mediaMetadata = data.account[0];\n if (_this.mediaMetadata.is_live_stream && _this.user.isEngagementRateEnabled()) {\n _this.hasTvMetrics = true;\n }\n _this.loadData();\n _this.loadTagsGroups();\n });\n return _this;\n }\n AnalyticsContentDetailsView.prototype.loadTagsGroups = function () {\n var _this = this;\n var filter = new SampledTrafficFilters();\n filter.tags = ['mid:' + this.mediaMetadata.material_id];\n filter.dateRange = [this.historyStats.startDate.unix(), this.historyStats.endDate.unix()];\n var topViewedTagsSub = this.sampledTrafficApi.topViewedTags(filter, 1, this.MAX_TOP_TAGS_FOR_MEDIA).subscribe({\n next: function (resp) {\n var tagsByPrefix = new Map();\n var viewsPerTag = new Map();\n var viewsPerPrefix = new Map();\n for (var _i = 0, _a = resp.records; _i < _a.length; _i++) {\n var rec = _a[_i];\n var parts = rec.tag.split(':');\n var prefix = parts[0];\n var sufix = '';\n if (parts.length > 1) {\n sufix = parts[1];\n }\n if (!tagsByPrefix.has(prefix)) {\n tagsByPrefix.set(prefix, []);\n viewsPerPrefix.set(prefix, 0);\n }\n tagsByPrefix.get(prefix).push(sufix);\n viewsPerPrefix.set(prefix, viewsPerPrefix.get(prefix) + rec.views);\n viewsPerTag.set(rec.tag, rec.views);\n }\n var tagGroups = new Array();\n tagsByPrefix.forEach(function (sufixes, prefix) {\n if (sufixes.length > 1) {\n for (var _i = 0, sufixes_1 = sufixes; _i < sufixes_1.length; _i++) {\n var sufix = sufixes_1[_i];\n var freq = 100.0 * viewsPerTag.get(prefix + \":\" + sufix) / viewsPerPrefix.get(prefix);\n tagGroups.push({\n prefix: prefix,\n sufix: sufix,\n frequency: freq\n });\n }\n }\n });\n _this.tagGroups = tagGroups;\n _this.cdr.markForCheck();\n topViewedTagsSub.unsubscribe();\n }\n });\n };\n AnalyticsContentDetailsView.prototype.ngOnDestroy = function () {\n if (this.routeSubscription)\n this.routeSubscription.unsubscribe();\n };\n AnalyticsContentDetailsView.prototype.ngOnInit = function () {\n this.cdr.markForCheck();\n };\n AnalyticsContentDetailsView.prototype.loadData = function () {\n var _this = this;\n this.historyStats.data = null;\n this.mediaAnalyticsService.getMediaStatsHistory(this.mediaMetadata.material_id, this.historyStats.startDate, this.historyStats.endDate, this.historyStats.granularity)\n .subscribe(function (data) {\n _this.historyStats.data = data.series;\n _this.historyStats.labels = data.labels;\n var totalViews = 0;\n for (var _i = 0, _a = data.series; _i < _a.length; _i++) {\n var serie = _a[_i];\n if (serie.label != 'Views') {\n continue;\n }\n for (var _b = 0, _c = serie.data; _b < _c.length; _b++) {\n var v = _c[_b];\n totalViews += v;\n }\n }\n _this.totalViewsInRange = totalViews;\n if (data.series.length > 1) {\n _this.loadTotalUsersInRange();\n }\n _this.cdr.markForCheck();\n });\n if (this.user.isEngagementRateEnabled()) {\n this.loadEngRateData();\n }\n };\n AnalyticsContentDetailsView.prototype.fixUsersRoundingTotal = function () {\n if (this.totalViewsInRange < this.totalUsersInRange) {\n this.totalViewsInRange = this.totalUsersInRange;\n }\n };\n AnalyticsContentDetailsView.prototype.loadEngRateData = function () {\n var _this = this;\n this.engagementRateStats = null;\n this.mediaAnalyticsService.getMediaEngagementRate(this.mediaMetadata.material_id, this.historyStats.startDate, this.historyStats.endDate, null, this.engagementRateLiveStreamClockType)\n .subscribe(function (data) {\n _this.onEngRateStatsData(data);\n if (_this.hasTvMetrics) {\n _this.updateTvStatisticsFromEngRate();\n }\n _this.cdr.markForCheck();\n });\n };\n AnalyticsContentDetailsView.prototype.loadTotalUsersInRange = function () {\n var _this = this;\n this.mediaAnalyticsService.getMediaStatsSummaryForRange(this.mediaMetadata.material_id, this.historyStats.startDate, this.historyStats.endDate, this.historyStats.granularity).subscribe(function (data) {\n _this.totalUsersInRange = parseFloat(data.users);\n _this.fixUsersRoundingTotal();\n if (_this.hasTvMetrics) {\n _this.updateTvStatisticsFromEngRate();\n }\n _this.cdr.markForCheck();\n });\n };\n AnalyticsContentDetailsView.prototype.onEngRateStatsData = function (data) {\n this.engagementRateStats = data;\n if (!this.engagementRateStats) {\n this.engagementRateStats = {};\n this.engagementRateSummary.topViews = null;\n this.engagementRateSummary.totalWatchingTime = null;\n }\n else {\n this.engagementRateSummary.topViews = null;\n for (var _i = 0, _a = data.response.views; _i < _a.length; _i++) {\n var v = _a[_i];\n v = parseFloat(v);\n if ((this.engagementRateSummary.topViews == null) || (this.engagementRateSummary.topViews < v)) {\n this.engagementRateSummary.topViews = v;\n }\n }\n var unitLen = 0;\n this.engagementRateSummary.totalWatchingTime = 0;\n if (this.mediaMetadata.is_live_stream && data.response.views_timestamps && (data.response.views_timestamps.length > 1)) {\n unitLen = data.response.views_timestamps[1] - data.response.views_timestamps[0];\n }\n else if ((this.mediaMetadata.duration > 0) && (data.response.views.length > 1)) {\n unitLen = this.mediaMetadata.duration / (data.response.views.length - 1);\n }\n if (unitLen > 0) {\n for (var pos = 0; pos < data.response.views.length - 1; pos++) {\n var v = parseFloat(data.response.views[pos]);\n this.engagementRateSummary.totalWatchingTime += (v * unitLen);\n }\n }\n }\n };\n AnalyticsContentDetailsView.prototype.updateTvStatisticsFromEngRate = function () {\n if (!this.engagementRateStats || !this.engagementRateStats.data || !this.engagementRateStats.data[0] || !this.engagementRateStats.data[0].data) {\n return;\n }\n this.updateTvMetrics(this.engagementRateStats.data[0].data, this.engagementRateStats.startDate, this.engagementRateStats.endDate);\n };\n AnalyticsContentDetailsView.prototype.updateTvMetrics = function (values, startDate, endDate) {\n var _a = this.groupInto15minPeriods(values, startDate, endDate), newValues = _a[0], newLabels = _a[1];\n var tvStatsAmrChart = [\n {\n data: newValues.map(function (v) { return v / 15; }),\n label: 'Average Minute Rating'\n }\n ];\n var totalEngPoints = newValues.reduce(function (a, b) { return a + b; }, 0);\n var usersPerEngPoing = totalEngPoints > 0 ? this.totalUsersInRange / totalEngPoints : 1;\n var tvStatsAvgReachChart = [\n {\n data: newValues.map(function (v) { return Math.round(v * usersPerEngPoing); }),\n label: 'Average Reach'\n }\n ];\n var totalReach = 0;\n var tvStatsCumReachChart = [\n {\n data: newValues.map(function (v) {\n totalReach += Math.round(v * usersPerEngPoing);\n return totalReach;\n }),\n label: 'Cumulative Reach'\n }\n ];\n this.tvStatsAmr = {\n data: tvStatsAmrChart,\n labels: newLabels,\n chartType: 'lineTime',\n granularity: 'hour',\n startDate: startDate,\n endDate: endDate,\n };\n this.tvStatsAvgReach = {\n data: tvStatsAvgReachChart,\n labels: newLabels,\n chartType: 'lineTime',\n granularity: 'hour',\n startDate: startDate,\n endDate: endDate,\n };\n this.tvStatsCumReach = {\n data: tvStatsCumReachChart,\n labels: newLabels,\n chartType: 'lineTime',\n granularity: 'hour',\n startDate: startDate,\n endDate: endDate,\n };\n };\n AnalyticsContentDetailsView.prototype.groupInto15minPeriods = function (values, startDate, endDate) {\n var newVals = [], newLabels = [];\n var periodInSec = endDate.unix() - startDate.unix();\n var unitInSec = values.length ? periodInSec / values.length : null;\n var period15Min = 900;\n if (unitInSec > period15Min) {\n return [newVals, newLabels];\n }\n var unitRemainter = 0;\n var nextVal = 0;\n var timeIter = startDate.clone();\n for (var p = 0; p < values.length; p++) {\n nextVal += values[p];\n unitRemainter += unitInSec;\n while (unitRemainter >= period15Min) {\n unitRemainter -= period15Min;\n newVals.push(nextVal);\n nextVal = 0;\n newLabels.push(timeIter.toISOString());\n timeIter.add(15, 'minutes');\n }\n }\n if (unitRemainter > 0) {\n newVals.push(nextVal);\n newLabels.push(timeIter.toISOString());\n }\n return [newVals, newLabels];\n };\n AnalyticsContentDetailsView.prototype.onGranularityChange = function (granularity) {\n this.historyStats.granularity = granularity;\n this.loadData();\n };\n AnalyticsContentDetailsView.prototype.onChartTypeChange = function (chartType) {\n this.historyStats.chartType = chartType;\n this.loadData();\n };\n AnalyticsContentDetailsView.prototype.onDateRangeChanged = function (range) {\n this.historyStats.startDate = range[0];\n this.historyStats.endDate = range[1];\n this.user.setDateRangeSelection(range[0].startOf('day'), range[1].startOf('day'));\n if (this.historyStats.startDate && this.historyStats.endDate && (this.historyStats.startDate.unix() == this.historyStats.endDate.unix())) {\n this.historyStats.granularity = 'hour';\n }\n this.loadData();\n this.loadTagsGroups();\n };\n AnalyticsContentDetailsView.prototype.chartDataExportCsv = function () {\n var data = this.exportDataToCsv();\n var exportFileName = 'bradmax_media_' + this.mediaMetadata.material_id + '_' + this.historyStats.startDate.format('YYYYMMDD')\n + '_' + this.historyStats.endDate.format('YYYYMMDD') + '_by' + this.historyStats.granularity + '.csv';\n this.exportService.exportFileFromJs(exportFileName, data);\n };\n AnalyticsContentDetailsView.prototype.exportDataToCsv = function () {\n var linesNum = this.historyStats.labels ? this.historyStats.labels.length : 0;\n var result = '';\n var line = '';\n var dateFormat = 'YYYY-MM-DD HH:mm';\n if ((this.historyStats.granularity == 'day') || (this.historyStats.granularity == 'week')) {\n dateFormat = 'YYYY-MM-DD';\n }\n else if (this.historyStats.granularity == 'month') {\n dateFormat = 'YYYY-MM';\n }\n else if (this.historyStats.granularity == 'year') {\n dateFormat = 'YYYY';\n }\n result += \"Date,Views\\r\\n\";\n for (var i = 0; i < linesNum; i++) {\n line = '\"' + moment_default()(this.historyStats.labels[i]).format(dateFormat) + '\",';\n line += (this.historyStats.data[0].data[i] + \"\\r\\n\");\n result += line;\n }\n return result;\n };\n AnalyticsContentDetailsView.prototype.loadTvMetrics = function () {\n var _this = this;\n this.tvStatsLoading = true;\n this.cdr.markForCheck();\n var endDate = this.historyStats.endDate;\n var dateIter = this.historyStats.startDate.clone();\n var engDataObs = [];\n while (dateIter.unix() < endDate.unix()) {\n var periodEnd = dateIter.clone().add('days', 4);\n if (periodEnd.unix() > endDate.unix()) {\n periodEnd = endDate.clone();\n }\n var obs = this.mediaAnalyticsService.getMediaEngagementRate(this.mediaMetadata.material_id, dateIter, periodEnd, null, 'wall').first();\n engDataObs.push(obs);\n dateIter = periodEnd.clone();\n }\n Observable[\"Observable\"].forkJoin.apply(Observable[\"Observable\"], engDataObs).first().subscribe(function (resps) {\n var result = [];\n for (var i = 0; i < resps.length; i++) {\n for (var _i = 0, _a = resps[i].data[0].data; _i < _a.length; _i++) {\n var v = _a[_i];\n result.push(v);\n }\n }\n _this.tvStatsLoading = false;\n _this.updateTvMetrics(result, _this.historyStats.startDate, _this.historyStats.endDate);\n _this.cdr.markForCheck();\n });\n };\n AnalyticsContentDetailsView.prototype.exportTvMetricsToCsv = function () {\n var result = '';\n var line = '';\n var dateFormat = 'YYYY-MM-DD HH:mm';\n result += \"Date,AMR,AvgReach,CumulReach\\r\\n\";\n var dates = this.tvStatsAmr.labels;\n var amr = this.tvStatsAmr.data[0].data;\n var avgReach = this.tvStatsAvgReach.data[0].data;\n var cumReach = this.tvStatsCumReach.data[0].data;\n for (var i = 0; i < dates.length; i++) {\n line = '\"' + moment_default()(dates[i]).format(dateFormat) + '\",';\n line += (amr[i].toFixed(2) + \",\");\n line += (Math.round(avgReach[i]) + \",\");\n line += (Math.round(cumReach[i]) + \"\\r\\n\");\n result += line;\n }\n var exportFileName = 'bradmax_media_tv_metrics_' + this.mediaMetadata.material_id + '_' + this.historyStats.startDate.format('YYYYMMDD') + '.csv';\n this.exportService.exportFileFromJs(exportFileName, result);\n };\n AnalyticsContentDetailsView.prototype.changeEngRateLiveStreamClockType = function (clockType) {\n this.engagementRateLiveStreamClockType = clockType;\n this.loadEngRateData();\n };\n var _a, _b, _c, _d, _e, _f, _g, _h;\n AnalyticsContentDetailsView = content_details_view_component___decorate([\n Object(core_es5[\"Component\"])({\n selector: 'analytics-content-details-view',\n template: __webpack_require__(1381),\n viewProviders: [],\n styles: [\n ':host .chart-loader {height:300px;position:relative;}'\n ],\n changeDetection: core_es5[\"ChangeDetectionStrategy\"].OnPush,\n providers: [\n google_geo_regions_fix_service_GoogleGeoRegionsFixService,\n sampled_traffic_api_service_SampledTrafficApiService,\n ],\n }),\n content_details_view_component___metadata(\"design:paramtypes\", [typeof (_a = typeof router_es5[\"a\" /* ActivatedRoute */] !== \"undefined\" && router_es5[\"a\" /* ActivatedRoute */]) === \"function\" && _a || Object, typeof (_b = typeof angular_l10n_es5[\"a\" /* LocaleService */] !== \"undefined\" && angular_l10n_es5[\"a\" /* LocaleService */]) === \"function\" && _b || Object, typeof (_c = typeof angular_l10n_es5[\"d\" /* TranslationService */] !== \"undefined\" && angular_l10n_es5[\"d\" /* TranslationService */]) === \"function\" && _c || Object, typeof (_d = typeof media_service_MediaService !== \"undefined\" && media_service_MediaService) === \"function\" && _d || Object, typeof (_e = typeof user_service[\"a\" /* UserService */] !== \"undefined\" && user_service[\"a\" /* UserService */]) === \"function\" && _e || Object, typeof (_f = typeof sampled_traffic_api_service_SampledTrafficApiService !== \"undefined\" && sampled_traffic_api_service_SampledTrafficApiService) === \"function\" && _f || Object, typeof (_g = typeof export_service_ExportService !== \"undefined\" && export_service_ExportService) === \"function\" && _g || Object, typeof (_h = typeof core_es5[\"ChangeDetectorRef\"] !== \"undefined\" && core_es5[\"ChangeDetectorRef\"]) === \"function\" && _h || Object])\n ], AnalyticsContentDetailsView);\n return AnalyticsContentDetailsView;\n}(angular_l10n_es5[\"b\" /* Localization */]));\n\n\n// CONCATENATED MODULE: ./src/module/analytics/content/content.details.resolver.ts\nvar content_details_resolver___decorate = (this && this.__decorate) || function (decorators, target, key, desc) {\n var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;\n if (typeof Reflect === \"object\" && typeof Reflect.decorate === \"function\") r = Reflect.decorate(decorators, target, key, desc);\n 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;\n return c > 3 && r && Object.defineProperty(target, key, r), r;\n};\nvar content_details_resolver___metadata = (this && this.__metadata) || function (k, v) {\n if (typeof Reflect === \"object\" && typeof Reflect.metadata === \"function\") return Reflect.metadata(k, v);\n};\n\n\n\n\nvar content_details_resolver_AnalyticsContentDetailsResolver = (function () {\n function AnalyticsContentDetailsResolver(mediaAnalyticsService, user) {\n this.mediaAnalyticsService = mediaAnalyticsService;\n this.user = user;\n }\n AnalyticsContentDetailsResolver.prototype.resolve = function (route, state) {\n var materialId = route.params['materialId'];\n if (!materialId)\n return false;\n if (this.user.accountId == null)\n return false;\n return Observable[\"Observable\"].forkJoin(this.mediaAnalyticsService.getMediaMetadata(materialId));\n };\n var _a, _b;\n AnalyticsContentDetailsResolver = content_details_resolver___decorate([\n Object(core_es5[\"Injectable\"])(),\n content_details_resolver___metadata(\"design:paramtypes\", [typeof (_a = typeof media_service_MediaService !== \"undefined\" && media_service_MediaService) === \"function\" && _a || Object, typeof (_b = typeof user_service[\"a\" /* UserService */] !== \"undefined\" && user_service[\"a\" /* UserService */]) === \"function\" && _b || Object])\n ], AnalyticsContentDetailsResolver);\n return AnalyticsContentDetailsResolver;\n}());\n\n\n// CONCATENATED MODULE: ./src/module/analytics/content/content.module.ts\nvar content_module___decorate = (this && this.__decorate) || function (decorators, target, key, desc) {\n var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;\n if (typeof Reflect === \"object\" && typeof Reflect.decorate === \"function\") r = Reflect.decorate(decorators, target, key, desc);\n 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;\n return c > 3 && r && Object.defineProperty(target, key, r), r;\n};\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\nvar content_module_routes = [\n { path: '', component: content_view_component_AnalyticsContentView },\n { path: ':materialId', component: content_details_view_component_AnalyticsContentDetailsView, resolve: { account: content_details_resolver_AnalyticsContentDetailsResolver } },\n];\nvar content_module_AnalyticsContentModule = (function () {\n function AnalyticsContentModule() {\n }\n AnalyticsContentModule = content_module___decorate([\n Object(core_es5[\"NgModule\"])({\n imports: [\n http_es5[\"c\" /* HttpModule */],\n shared_module_SharedModule,\n common_es5[\"CommonModule\"],\n angular_l10n_es5[\"c\" /* LocalizationModule */],\n router_es5[\"h\" /* RouterModule */].forChild(content_module_routes),\n forms_es5[\"FormsModule\"],\n form_module_FormComponentsModule,\n chart_module_ChartModule,\n pager_module_PagerModule\n ],\n declarations: [\n content_view_component_AnalyticsContentView,\n content_details_view_component_AnalyticsContentDetailsView\n ],\n providers: [\n analytics_service_AnalyticsService,\n media_service_MediaService,\n content_details_resolver_AnalyticsContentDetailsResolver\n ]\n })\n ], AnalyticsContentModule);\n return AnalyticsContentModule;\n}());\n\n\n// EXTERNAL MODULE: ./node_modules/rxjs/Rx.js\nvar Rx = __webpack_require__(25);\nvar Rx_default = /*#__PURE__*/__webpack_require__.n(Rx);\n\n// CONCATENATED MODULE: ./src/service/player.service.ts\nvar player_service___extends = (this && this.__extends) || (function () {\n var extendStatics = Object.setPrototypeOf ||\n ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||\n function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };\n return function (d, b) {\n extendStatics(d, b);\n function __() { this.constructor = d; }\n d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());\n };\n})();\nvar player_service___decorate = (this && this.__decorate) || function (decorators, target, key, desc) {\n var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;\n if (typeof Reflect === \"object\" && typeof Reflect.decorate === \"function\") r = Reflect.decorate(decorators, target, key, desc);\n 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;\n return c > 3 && r && Object.defineProperty(target, key, r), r;\n};\nvar player_service___metadata = (this && this.__metadata) || function (k, v) {\n if (typeof Reflect === \"object\" && typeof Reflect.metadata === \"function\") return Reflect.metadata(k, v);\n};\n\n\n\n\n\n\n\n\n\nvar player_service_PlayerService = (function (_super) {\n player_service___extends(PlayerService, _super);\n function PlayerService(router, auth, http, exception, url) {\n var _this = _super.call(this, auth, http, exception, router, url) || this;\n _this.router = router;\n _this.auth = auth;\n _this.http = http;\n _this.exception = exception;\n _this.url = url;\n _this.readPlayerSubject = new Rx[\"BehaviorSubject\"](undefined);\n return _this;\n }\n Object.defineProperty(PlayerService.prototype, \"readPlayer$\", {\n get: function () { return this.readPlayerSubject.asObservable(); },\n enumerable: true,\n configurable: true\n });\n Object.defineProperty(PlayerService.prototype, \"readedPlayer\", {\n get: function () { return this.readPlayerSubject.getValue(); },\n enumerable: true,\n configurable: true\n });\n PlayerService.prototype.readPlayer = function (accountId, playerId) {\n var _this = this;\n var resolveSource = new Subject[\"Subject\"]();\n var url = 'accounts/' + accountId + '/players/' + playerId;\n _super.prototype.read.call(this, url).subscribe(function (response) {\n if (response) {\n response.loaded_at = (new Date()).getTime() / 1000.0;\n }\n _this.readPlayerSubject.next(response);\n resolveSource.next(response);\n }, function (error) { return resolveSource.error(error); }, function () { return resolveSource.complete(); });\n return resolveSource.asObservable();\n };\n PlayerService.prototype.createPlayer = function (accountId, req) {\n return _super.prototype.create.call(this, 'accounts/' + accountId + '/players', req);\n };\n PlayerService.prototype.updatePlayer = function (accountId, playerId, req) {\n return _super.prototype.update.call(this, 'accounts/' + accountId + '/players/' + playerId, req);\n };\n PlayerService.prototype.deletePlayer = function (accountId, playerId) {\n return _super.prototype.delete.call(this, 'accounts/' + accountId + '/players/' + playerId);\n };\n PlayerService.prototype.defaultPlayer = function () {\n return _super.prototype.read.call(this, 'player-configurator/all-defaults');\n };\n PlayerService.prototype.listPlayers = function (accountId) {\n var req = { 'detailed': '1' };\n var resolveSource = new Subject[\"Subject\"]();\n var url = 'accounts/' + accountId + '/players';\n _super.prototype.read.call(this, url, req).subscribe(function (response) {\n if (response && response.results) {\n var nowTs = (new Date()).getTime() / 1000.0;\n for (var _i = 0, _a = response.results; _i < _a.length; _i++) {\n var entry = _a[_i];\n entry.loaded_at = nowTs;\n }\n }\n resolveSource.next(response);\n }, function (error) { return resolveSource.error(error); }, function () { return resolveSource.complete(); });\n return resolveSource.asObservable();\n };\n PlayerService.prototype.listBuilds = function (accountId, playerId) {\n return _super.prototype.read.call(this, 'accounts/' + accountId + '/players/' + playerId + '/web-builds');\n };\n PlayerService.prototype.generateBuild = function (accountId, playerId) {\n return _super.prototype.create.call(this, 'accounts/' + accountId + '/players/' + playerId + '/generate-web-build');\n };\n var _a, _b, _c, _d, _e;\n PlayerService = player_service___decorate([\n Object(core_es5[\"Injectable\"])(),\n player_service___metadata(\"design:paramtypes\", [typeof (_a = typeof router_es5[\"g\" /* Router */] !== \"undefined\" && router_es5[\"g\" /* Router */]) === \"function\" && _a || Object, typeof (_b = typeof auth_service[\"a\" /* AuthService */] !== \"undefined\" && auth_service[\"a\" /* AuthService */]) === \"function\" && _b || Object, typeof (_c = typeof http_es5[\"b\" /* Http */] !== \"undefined\" && http_es5[\"b\" /* Http */]) === \"function\" && _c || Object, typeof (_d = typeof exception_service[\"a\" /* ExceptionService */] !== \"undefined\" && exception_service[\"a\" /* ExceptionService */]) === \"function\" && _d || Object, typeof (_e = typeof url_service[\"a\" /* UrlService */] !== \"undefined\" && url_service[\"a\" /* UrlService */]) === \"function\" && _e || Object])\n ], PlayerService);\n return PlayerService;\n}(api_service[\"a\" /* BradmaxApi */]));\n\n\n// CONCATENATED MODULE: ./src/module/analytics/dashboard/dashboard.view.component.ts\nvar dashboard_view_component___extends = (this && this.__extends) || (function () {\n var extendStatics = Object.setPrototypeOf ||\n ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||\n function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };\n return function (d, b) {\n extendStatics(d, b);\n function __() { this.constructor = d; }\n d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());\n };\n})();\nvar dashboard_view_component___decorate = (this && this.__decorate) || function (decorators, target, key, desc) {\n var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;\n if (typeof Reflect === \"object\" && typeof Reflect.decorate === \"function\") r = Reflect.decorate(decorators, target, key, desc);\n 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;\n return c > 3 && r && Object.defineProperty(target, key, r), r;\n};\nvar dashboard_view_component___metadata = (this && this.__metadata) || function (k, v) {\n if (typeof Reflect === \"object\" && typeof Reflect.metadata === \"function\") return Reflect.metadata(k, v);\n};\n\n\n\n\n\n\n\n\n\nvar dashboard_view_component_AnalyticsDashboardView = (function (_super) {\n dashboard_view_component___extends(AnalyticsDashboardView, _super);\n function AnalyticsDashboardView(locale, translation, user, analyticsService, viewService, router, modal, playerService, cdr) {\n var _this = _super.call(this, locale, translation) || this;\n _this.locale = locale;\n _this.translation = translation;\n _this.user = user;\n _this.analyticsService = analyticsService;\n _this.viewService = viewService;\n _this.router = router;\n _this.modal = modal;\n _this.playerService = playerService;\n _this.cdr = cdr;\n _this.HEATMAP_DEFAULT_RANGE_SCOPE = 0;\n _this.hpicersize = 'sm';\n _this.showButtons = false;\n _this.showWelcomeBox = false;\n _this.dropdownHeatMap = new Array(0);\n _this.dropdownHeatMap.push({ value: -1, label: 'current week' });\n _this.dropdownHeatMap.push({ value: 0, label: 'last 7 days' });\n _this.dropdownHeatMap.push({ value: 1, label: 'last 1 week' });\n _this.dropdownHeatMap.push({ value: 20, label: 'last 20 weeks' });\n _this.dropdownHeatMap.push({ value: 30, label: 'last 30 weeks' });\n _this.dropdownHeatMap.push({ value: 40, label: 'last 40 weeks' });\n _this.dropdownHeatMap.push({ value: 52, label: 'last 52 weeks' });\n _this.summary = {\n devices: {\n desktopPerc: null,\n otherPerc: null,\n },\n last30d: {\n views: null,\n users: null\n }\n };\n _this.audienceHistory30d = {\n data: null,\n labels: null,\n startDate: null,\n endDate: null,\n chartType: 'lineTime',\n granularity: 'day'\n };\n _this.audienceHistory48h = {\n data: null,\n labels: null,\n startDate: null,\n endDate: null,\n chartType: 'lineTime',\n granularity: 'hour'\n };\n return _this;\n }\n AnalyticsDashboardView.prototype.ngOnInit = function () {\n this.loadData();\n this.loadHeatMap(this.HEATMAP_DEFAULT_RANGE_SCOPE);\n };\n AnalyticsDashboardView.prototype.loadData = function () {\n var _this = this;\n this.loadingData = true;\n this.playerService.listPlayers(this.user.accountId).subscribe(function (data) {\n _this.showWelcomeBox = (data.count == 0) && !_this.viewService.checkIfAppInIframe();\n _this.cdr.markForCheck();\n });\n this.analyticsService.getDashboardData().subscribe(function (data) {\n _this.summary.devices = _this.loadDataProcessDeviceTypes(data.summary.device_types);\n _this.summary.last30d.views = parseFloat(data.summary.last_30d.views);\n _this.summary.last30d.users = parseFloat(data.summary.last_30d.users);\n _this.audienceHistory30d = _this.loadDataProcessAudienceHistory30d(data.audience_history.last_30d);\n _this.audienceHistory48h = _this.loadDataProcessAudienceHistory48h(data.audience_history.last_48h);\n _this.topMedia30d = data.top_media.last_30d.records;\n _this.topMedia24h = data.top_media.last_24h.records;\n _this.loadingData = false;\n _this.cdr.markForCheck();\n });\n };\n AnalyticsDashboardView.prototype.loadDataProcessDeviceTypes = function (deviceTypes) {\n var result = {\n otherPerc: null,\n desktopPerc: null\n };\n var totalViews = 0;\n var desktopViews = 0;\n var DESKTOP_DEVICE_TYPE = 1;\n for (var _a = 0, deviceTypes_1 = deviceTypes; _a < deviceTypes_1.length; _a++) {\n var rec = deviceTypes_1[_a];\n totalViews += parseFloat(rec.views);\n if (rec.device_type === DESKTOP_DEVICE_TYPE) {\n desktopViews = parseFloat(rec.views);\n }\n }\n if (totalViews > 0) {\n result.desktopPerc = 100.0 * desktopViews / totalViews;\n result.otherPerc = 100.0 - result.desktopPerc;\n }\n return result;\n };\n AnalyticsDashboardView.prototype.loadDataProcessAudienceHistory30d = function (records) {\n var result = {\n data: null,\n labels: null,\n startDate: null,\n endDate: null,\n chartType: 'lineTime',\n granularity: 'day'\n };\n if (records.length == 0) {\n result.data = [];\n result.labels = [];\n return result;\n }\n var usersData = { data: [], label: 'Users' };\n var viewsData = { data: [], label: 'Views' };\n var labels = [];\n for (var _a = 0, records_1 = records; _a < records_1.length; _a++) {\n var rec = records_1[_a];\n usersData.data.push(parseFloat(rec.users));\n viewsData.data.push(parseFloat(rec.views));\n labels.push(moment_default.a.unix(rec.from).toISOString());\n }\n result.data = [usersData, viewsData];\n result.labels = labels;\n result.startDate = moment_default.a.unix(records[0].from);\n result.endDate = moment_default.a.unix(records[records.length - 1].from);\n return result;\n };\n AnalyticsDashboardView.prototype.loadDataProcessAudienceHistory48h = function (records) {\n var result = {\n data: null,\n labels: null,\n startDate: null,\n endDate: null,\n chartType: 'lineTime',\n granularity: 'hour'\n };\n if (records.length != 48) {\n result.data = [];\n result.labels = [];\n return result;\n }\n var yesterdayData = {\n data: [],\n label: 'Yesterday views',\n fill: false,\n pointBorderColor: 'rgb(255, 227, 46)'\n };\n var yesterdayRecords = records.slice(0, 24);\n for (var _a = 0, yesterdayRecords_1 = yesterdayRecords; _a < yesterdayRecords_1.length; _a++) {\n var rec = yesterdayRecords_1[_a];\n yesterdayData.data.push(parseFloat(rec.views));\n }\n var todayRecords = records.slice(24);\n var todayData = {\n data: [],\n label: 'Today views',\n fill: false,\n pointBorderColor: 'rgb(56, 102, 255)'\n };\n var validDataTs = (new Date()).getTime() / 1000.0 - 3600.0;\n var labels = [];\n for (var _b = 0, todayRecords_1 = todayRecords; _b < todayRecords_1.length; _b++) {\n var rec = todayRecords_1[_b];\n var val = (rec.from < validDataTs) ? parseFloat(rec.views) : null;\n todayData.data.push(val);\n labels.push(moment_default.a.unix(rec.from).toISOString());\n }\n result.data = [todayData, yesterdayData];\n result.labels = labels;\n result.startDate = moment_default.a.unix(todayRecords[0].from);\n result.endDate = moment_default.a.unix(todayRecords[todayRecords.length - 1].from);\n return result;\n };\n AnalyticsDashboardView.prototype.loadHeatMap = function (_opt) {\n var m = moment_default()();\n var sod = m.clone().startOf('day');\n var sow = m.clone().startOf('week');\n var _range;\n this.dropdownHeatMapSelectedValue = _opt;\n _range = [sow, sod];\n if (_opt > -1) {\n switch (_opt) {\n case 0:\n _range = [sod.clone().subtract(6, 'days'), m];\n break;\n default:\n _range = [sod.clone().subtract(_opt, 'week').startOf('week'), m.clone().subtract(1, 'week').endOf('week')];\n }\n }\n this.onDateHeatMapRangeChanged(_range);\n };\n AnalyticsDashboardView.prototype.dropdownHeatMapSelect = function (_e) {\n this.loadHeatMap(_e.value);\n };\n AnalyticsDashboardView.prototype.onChangeRange = function (_opt) {\n this.loadHeatMap(_opt);\n };\n AnalyticsDashboardView.prototype.onDateHeatMapRangeChanged = function (range) {\n var _this = this;\n var monthNames = [\"Jan\", \"Feb\", \"Mar\", \"Apr\", \"May\", \"Jun\", \"Jul\", \"Aug\", \"Sep\", \"Oct\", \"Nov\", \"Dec\"];\n var startDate = new Date(range[0]['_d']);\n var day = startDate.getDay();\n var monthDay = startDate.getUTCDate() + 1;\n var month = startDate.getUTCMonth() + 1;\n var year = startDate.getFullYear();\n var daysInMonth = new Date(year, month, 0).getDate();\n var curDate = new Date(startDate);\n curDate.setDate(startDate.getDate());\n this.firstDay = { day: startDate.getUTCDate() + 1, month: startDate.getUTCMonth(), year: startDate.getFullYear() };\n var dayNames = ['Sun', 'Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat'];\n this.heatMapGranularity = 'day';\n this.heatMapHeaders = null;\n var weeksViewsArray;\n var weeksUsersArray;\n this.heatMapRowDescriptors = new Array(0);\n for (var _i = 0; _i < 7; _i++) {\n this.heatMapRowDescriptors.push(dayNames[day]);\n day++;\n if (day > 6)\n day = 0;\n }\n if (range[1]['_d'] - range[0]['_d'] <= 604799999) {\n this.heatMapGranularity = 'hour';\n this.heatMapHeaders = new Array(0);\n for (var _i = 0; _i < 24; _i++) {\n this.heatMapHeaders.push(_i.toString() + ':00');\n }\n }\n this.analyticsService.getUsersAndViews(range[0].startOf('day'), range[1].startOf('day'), this.heatMapGranularity).subscribe(function (data) {\n var _viewsData = data[1].data.data;\n ;\n var _usersData = data[0].data.data;\n var dayInd = 0;\n weeksViewsArray = new Array(0);\n weeksUsersArray = new Array(0);\n for (var _i = 0; _i < 7; _i++) {\n weeksViewsArray.push(new Array(0));\n weeksUsersArray.push(new Array(0));\n }\n var monthLabel = -1;\n var headerLabel = '';\n if (_this.heatMapGranularity == 'day') {\n for (var _i = 0; _i < _viewsData.length; _i++) {\n curDate = new Date(startDate);\n curDate.setDate(curDate.getDate() + _i);\n if (dayInd > 6)\n dayInd = 0;\n monthDay = curDate.getUTCDate();\n if (dayInd == 0) {\n if (monthLabel != curDate.getUTCMonth() + 1) {\n monthLabel = curDate.getUTCMonth() + 1;\n headerLabel = curDate.getUTCDay().toString() + ' ' + monthNames[curDate.getUTCMonth()] + ' ' + curDate.getFullYear().toString();\n headerLabel = monthNames[curDate.getUTCMonth()] + ' ' + curDate.getFullYear().toString();\n }\n else {\n headerLabel = '';\n }\n }\n weeksViewsArray[dayInd].push({ day: headerLabel, value: _viewsData[_i] });\n weeksUsersArray[dayInd].push({ day: headerLabel, value: _usersData[_i] });\n dayInd++;\n }\n _this.heatMapHeaders = new Array(0);\n _viewsData = new Array(0);\n _usersData = new Array(0);\n for (var _i = 0; _i < weeksViewsArray.length; _i++) {\n for (var _j = 0; _j < weeksViewsArray[_i].length; _j++) {\n if (_i == 0)\n _this.heatMapHeaders.push(weeksViewsArray[_i][_j].day);\n _viewsData.push(weeksViewsArray[_i][_j].value);\n _usersData.push(weeksUsersArray[_i][_j].value);\n }\n }\n }\n _this.heatMapViewsData = _viewsData;\n _this.heatMapUsersData = _usersData;\n _this.cdr.markForCheck();\n });\n };\n AnalyticsDashboardView.prototype.askForNewPlayer = function () {\n var _this = this;\n this.modal.input(this.translation.translate('PLAYER.LIST.MODAL.ADD.HEADER'), this.translation.translate('PLAYER.LIST.MODAL.ADD.INPUT'), [{\n label: this.translation.translate('PLAYER.LIST.MODAL.ADD.ADD'), fa: 'check', close: true,\n click: function (name) { return _this.addNewPlayer(name); }\n },\n { label: this.translation.translate('PLAYER.LIST.MODAL.ADD.CANCEL'), fa: 'ban', close: true }\n ], \"MyFirstPlayer\");\n };\n AnalyticsDashboardView.prototype.addNewPlayer = function (name) {\n var _this = this;\n if (this.user.accountId != null) {\n var request = { name: name, conf_json: '{}', api_version: '2' };\n this.addNewSub = this.playerService\n .createPlayer(this.user.accountId, request)\n .subscribe(function (p) { return _this.gotoConfigurator(p.id); });\n }\n };\n AnalyticsDashboardView.prototype.gotoConfigurator = function (playerId, e) {\n if (e && !e.defaultPrevented) {\n e.preventDefault();\n e.stopImmediatePropagation();\n e.stopPropagation();\n }\n this.router.navigate(['admin', 'player', playerId]);\n return;\n };\n var _a, _b, _c, _f, _g, _h, _k, _l, _m;\n AnalyticsDashboardView = dashboard_view_component___decorate([\n Object(core_es5[\"Component\"])({\n selector: 'analytics-dashboard-view',\n template: __webpack_require__(1382),\n styles: [\n ':host .chart-loader {height:260px;position:relative;}',\n ':host .table-loader {height:440px;position:relative;}',\n ':host .table td {word-break:break-word;}',\n ':host .panel-heading h4 {color:floralwhite;}',\n ':host .panel-heading h4 small {color:#bbbbbb;}'\n ],\n changeDetection: core_es5[\"ChangeDetectionStrategy\"].OnPush\n }),\n dashboard_view_component___metadata(\"design:paramtypes\", [typeof (_a = typeof angular_l10n_es5[\"a\" /* LocaleService */] !== \"undefined\" && angular_l10n_es5[\"a\" /* LocaleService */]) === \"function\" && _a || Object, typeof (_b = typeof angular_l10n_es5[\"d\" /* TranslationService */] !== \"undefined\" && angular_l10n_es5[\"d\" /* TranslationService */]) === \"function\" && _b || Object, typeof (_c = typeof user_service[\"a\" /* UserService */] !== \"undefined\" && user_service[\"a\" /* UserService */]) === \"function\" && _c || Object, typeof (_f = typeof analytics_service_AnalyticsService !== \"undefined\" && analytics_service_AnalyticsService) === \"function\" && _f || Object, typeof (_g = typeof view_service[\"a\" /* ViewService */] !== \"undefined\" && view_service[\"a\" /* ViewService */]) === \"function\" && _g || Object, typeof (_h = typeof router_es5[\"g\" /* Router */] !== \"undefined\" && router_es5[\"g\" /* Router */]) === \"function\" && _h || Object, typeof (_k = typeof modal_service[\"a\" /* ModalService */] !== \"undefined\" && modal_service[\"a\" /* ModalService */]) === \"function\" && _k || Object, typeof (_l = typeof player_service_PlayerService !== \"undefined\" && player_service_PlayerService) === \"function\" && _l || Object, typeof (_m = typeof core_es5[\"ChangeDetectorRef\"] !== \"undefined\" && core_es5[\"ChangeDetectorRef\"]) === \"function\" && _m || Object])\n ], AnalyticsDashboardView);\n return AnalyticsDashboardView;\n}(angular_l10n_es5[\"b\" /* Localization */]));\n\n\n// CONCATENATED MODULE: ./src/module/analytics/component/heatmap/heatmap.component.ts\nvar heatmap_component___decorate = (this && this.__decorate) || function (decorators, target, key, desc) {\n var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;\n if (typeof Reflect === \"object\" && typeof Reflect.decorate === \"function\") r = Reflect.decorate(decorators, target, key, desc);\n 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;\n return c > 3 && r && Object.defineProperty(target, key, r), r;\n};\nvar heatmap_component___metadata = (this && this.__metadata) || function (k, v) {\n if (typeof Reflect === \"object\" && typeof Reflect.metadata === \"function\") return Reflect.metadata(k, v);\n};\n\nvar heatmap_component_HeatmapComponent = (function () {\n function HeatmapComponent(el) {\n this.el = el;\n this.DEFAULT_ROW_TITLE_WIDTH = 30;\n this.DEFAULT_ROW_SPACING = 60;\n this.minVal = \"0\";\n this.maxVal = \"0\";\n }\n HeatmapComponent.prototype.onResize = function (event) {\n this.squareResize();\n };\n HeatmapComponent.prototype.ngOnInit = function () {\n };\n HeatmapComponent.prototype.incDate = function (_i) {\n var _res = new Date(this.firstDay);\n _res.setDate(_res.getDate() + _i);\n if (this.Granularity == \"day\") {\n return _res.getUTCDate().toString() +\n '-' + (_res.getUTCMonth() + 1).toString() +\n '-' + _res.getFullYear().toString() + ': ';\n }\n else\n return '';\n };\n HeatmapComponent.prototype.ngOnChanges = function () {\n this.firstDay = new Date(this.beginDate.year, this.beginDate.month, this.beginDate.day);\n var dataField;\n var dataRow;\n var nlCounter = 0;\n var _rowCounter = 0;\n this.rowsForDisplay = new Array(0);\n this.borderWidth = \"1px solid \" + this.ColorSchema;\n if (!this.ShowBorder)\n this.borderWidth = \"0px\";\n if (this.Granularity == 'hour') {\n nlCounter = 24;\n }\n else if (this.Granularity == 'day') {\n if (this.Data != null) {\n nlCounter = this.Data.length / 7;\n }\n else {\n nlCounter = 1;\n }\n }\n ;\n var _maxValue = Math.max.apply(Math, this.Data);\n this.maxVal = _maxValue.toString();\n var colCounter = 0;\n if (this.Data != null) {\n for (var _i = 0; _i < this.Data.length; _i++) {\n if (colCounter == 0) {\n dataRow = new Array(0);\n }\n dataField = { value: this.Data[_i] / _maxValue, info: this.Data[_i].toString() };\n dataRow.push(dataField);\n colCounter++;\n if (colCounter > nlCounter - 1) {\n colCounter = 0;\n this.rowsForDisplay.push(dataRow);\n _rowCounter++;\n }\n }\n }\n this.squareResize();\n };\n HeatmapComponent.prototype.squareResize = function () {\n if ((this.rowsForDisplay == null) || (this.rowsForDisplay.length == 0) || (this.rowsForDisplay[0].length == 0)) {\n return;\n }\n try {\n this.componentWidth = this.el.nativeElement.getBoundingClientRect().width;\n var itemsNum = this.rowsForDisplay[0].length;\n var spacing = this.DEFAULT_ROW_TITLE_WIDTH + this.DEFAULT_ROW_SPACING;\n this.squareWidth = (this.componentWidth - spacing) / itemsNum;\n }\n catch (e) {\n }\n };\n var _a, _b;\n heatmap_component___decorate([\n Object(core_es5[\"Input\"])(),\n heatmap_component___metadata(\"design:type\", Array)\n ], HeatmapComponent.prototype, \"Headers\", void 0);\n heatmap_component___decorate([\n Object(core_es5[\"Input\"])(),\n heatmap_component___metadata(\"design:type\", Array)\n ], HeatmapComponent.prototype, \"Rows\", void 0);\n heatmap_component___decorate([\n Object(core_es5[\"Input\"])(),\n heatmap_component___metadata(\"design:type\", String)\n ], HeatmapComponent.prototype, \"Granularity\", void 0);\n heatmap_component___decorate([\n Object(core_es5[\"Input\"])(),\n heatmap_component___metadata(\"design:type\", Array)\n ], HeatmapComponent.prototype, \"Data\", void 0);\n heatmap_component___decorate([\n Object(core_es5[\"Input\"])(),\n heatmap_component___metadata(\"design:type\", String)\n ], HeatmapComponent.prototype, \"ColorSchema\", void 0);\n heatmap_component___decorate([\n Object(core_es5[\"Input\"])(),\n heatmap_component___metadata(\"design:type\", Boolean)\n ], HeatmapComponent.prototype, \"ShowBorder\", void 0);\n heatmap_component___decorate([\n Object(core_es5[\"Input\"])(),\n heatmap_component___metadata(\"design:type\", Object)\n ], HeatmapComponent.prototype, \"beginDate\", void 0);\n heatmap_component___decorate([\n Object(core_es5[\"HostListener\"])('window:resize', ['$event']),\n heatmap_component___metadata(\"design:type\", Function),\n heatmap_component___metadata(\"design:paramtypes\", [typeof (_a = typeof Event !== \"undefined\" && Event) === \"function\" && _a || Object]),\n heatmap_component___metadata(\"design:returntype\", void 0)\n ], HeatmapComponent.prototype, \"onResize\", null);\n HeatmapComponent = heatmap_component___decorate([\n Object(core_es5[\"Component\"])({\n selector: 'heat-map',\n styles: [\n ':host {display:block;padding:0 10px;}',\n ],\n template: \"\\n\\t\\n\\t
0\\\" class= \\\"row\\\" >\\n\\n\\t\\t\\n\\t\\t \\n\\n\\t\\t\\n\\t\\t\\t\\t{{header}}\\n\\t\\t \\n\\t
\\n\\n\\t
\\n\\t\\t\\n\\t\\t{{Rows[i]}}\\n\\t\\t \\n\\t\\t\\n\\t\\t\\t{{incDate(7*j+i+1)}}{{data.info}} \\n\\t\\t\\t\\n\\t\\t\\t \\n\\t\\t \\t\\n\\t
\\n\\n\\t
{{minVal}} \\n\\t
\\n\\t \\n\\t
{{maxVal}} \\n\\n\\t\"\n }),\n heatmap_component___metadata(\"design:paramtypes\", [typeof (_b = typeof core_es5[\"ElementRef\"] !== \"undefined\" && core_es5[\"ElementRef\"]) === \"function\" && _b || Object])\n ], HeatmapComponent);\n return HeatmapComponent;\n}());\n\n\n// CONCATENATED MODULE: ./src/module/analytics/dashboard/dashboard.module.ts\nvar dashboard_module___decorate = (this && this.__decorate) || function (decorators, target, key, desc) {\n var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;\n if (typeof Reflect === \"object\" && typeof Reflect.decorate === \"function\") r = Reflect.decorate(decorators, target, key, desc);\n 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;\n return c > 3 && r && Object.defineProperty(target, key, r), r;\n};\n\n\n\n\n\n\n\n\n\n\n\n\n\nvar dashboard_module_routes = [\n { path: '', component: dashboard_view_component_AnalyticsDashboardView },\n];\nvar dashboard_module_AnalyticsDashboardModule = (function () {\n function AnalyticsDashboardModule() {\n }\n AnalyticsDashboardModule = dashboard_module___decorate([\n Object(core_es5[\"NgModule\"])({\n imports: [\n http_es5[\"c\" /* HttpModule */],\n shared_module_SharedModule,\n common_es5[\"CommonModule\"],\n angular_l10n_es5[\"c\" /* LocalizationModule */],\n router_es5[\"h\" /* RouterModule */].forChild(dashboard_module_routes),\n forms_es5[\"FormsModule\"],\n form_module_FormComponentsModule,\n chart_module_ChartModule\n ],\n declarations: [\n dashboard_view_component_AnalyticsDashboardView,\n heatmap_component_HeatmapComponent,\n ],\n providers: [\n analytics_service_AnalyticsService,\n player_service_PlayerService,\n ]\n })\n ], AnalyticsDashboardModule);\n return AnalyticsDashboardModule;\n}());\n\n\n// CONCATENATED MODULE: ./src/module/analytics/top-content/top-content.view.component.ts\nvar top_content_view_component___extends = (this && this.__extends) || (function () {\n var extendStatics = Object.setPrototypeOf ||\n ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||\n function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };\n return function (d, b) {\n extendStatics(d, b);\n function __() { this.constructor = d; }\n d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());\n };\n})();\nvar top_content_view_component___decorate = (this && this.__decorate) || function (decorators, target, key, desc) {\n var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;\n if (typeof Reflect === \"object\" && typeof Reflect.decorate === \"function\") r = Reflect.decorate(decorators, target, key, desc);\n 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;\n return c > 3 && r && Object.defineProperty(target, key, r), r;\n};\nvar top_content_view_component___metadata = (this && this.__metadata) || function (k, v) {\n if (typeof Reflect === \"object\" && typeof Reflect.metadata === \"function\") return Reflect.metadata(k, v);\n};\n\n\n\n\n\n\nvar top_content_view_component_AnalyticsTopContentView = (function (_super) {\n top_content_view_component___extends(AnalyticsTopContentView, _super);\n function AnalyticsTopContentView(locale, translation, mediaAnalyticsService, user, cdr) {\n var _this = _super.call(this, locale, translation) || this;\n _this.locale = locale;\n _this.translation = translation;\n _this.mediaAnalyticsService = mediaAnalyticsService;\n _this.user = user;\n _this.cdr = cdr;\n _this.MEDIA_PREVIEW_VIEWS_HISTORY_DAYS = 30;\n _this.LAST_HOURS_SELECTED_FOR_SCOPE_DEFAULT_VALUE = 720;\n _this.PAST_TIMESTAMP = 946684800;\n _this.topMediaList = null;\n _this.mediaMetadataByMaterialId = new Map();\n _this.topMediaListTotalLength = 0;\n _this.topMediaListHasUsersStats = false;\n _this.pagingOptions = {\n page: 1,\n page_size: 10\n };\n _this.lastHoursSelectedForScope = _this.LAST_HOURS_SELECTED_FOR_SCOPE_DEFAULT_VALUE;\n _this.selectedMediaMetadata = null;\n _this.dateUtil = date_util_DateUtil;\n return _this;\n }\n AnalyticsTopContentView.prototype.ngOnInit = function () {\n this.loadData();\n };\n AnalyticsTopContentView.prototype.selectMediaMetadata = function (materialId) {\n if (this.selectedMediaMetadata && (this.selectedMediaMetadata.material_id == materialId)) {\n return;\n }\n this.selectedMediaMetadata = this.mediaMetadataByMaterialId.get(materialId);\n this.loadHistoryStatsForSelectedMedia();\n };\n AnalyticsTopContentView.prototype.loadHistoryStatsForSelectedMedia = function () {\n var _this = this;\n var endDate = moment_default()().startOf('day');\n var startDate = endDate.clone().subtract(this.MEDIA_PREVIEW_VIEWS_HISTORY_DAYS, 'days');\n var granularity = 'day';\n this.previewHistoryStats = null;\n this.mediaAnalyticsService.getMediaStatsHistory(this.selectedMediaMetadata.material_id, startDate, endDate, granularity)\n .subscribe(function (data) {\n _this.previewHistoryStats = {\n data: data.series,\n labels: data.labels,\n startDate: startDate,\n endDate: endDate,\n chartType: 'lineTime',\n granularity: granularity\n };\n _this.cdr.markForCheck();\n });\n if (this.user.isEngagementRateEnabled()) {\n this.engagementRateStats = null;\n this.mediaAnalyticsService.getMediaEngagementRate(this.selectedMediaMetadata.material_id, startDate, endDate)\n .subscribe(function (data) {\n _this.engagementRateStats = data;\n if (!_this.engagementRateStats) {\n _this.engagementRateStats = {};\n }\n _this.cdr.markForCheck();\n });\n }\n };\n AnalyticsTopContentView.prototype.loadData = function () {\n var _this = this;\n var endDate = (this.lastHoursSelectedForScope > 1) ? moment_default()().startOf('day') : moment_default()();\n var startDate = null;\n if (this.lastHoursSelectedForScope > 0) {\n startDate = endDate.clone().subtract(this.lastHoursSelectedForScope, 'hours');\n }\n else {\n startDate = moment_default.a.unix(this.PAST_TIMESTAMP);\n }\n this.topMediaList = null;\n this.mediaAnalyticsService.getTopViewedMediaMetadataList(startDate, endDate, this.pagingOptions).subscribe(function (data) {\n _this.topMediaList = data.records;\n _this.topMediaListTotalLength = data.total_records;\n _this.topMediaListHasUsersStats = true;\n _this.mediaMetadataByMaterialId = new Map();\n for (var _i = 0, _a = data.records; _i < _a.length; _i++) {\n var mm = _a[_i];\n _this.mediaMetadataByMaterialId.set(mm.media.material_id, mm.media);\n }\n _this.cdr.markForCheck();\n if ((_this.selectedMediaMetadata == null) && (_this.topMediaList != null) && (_this.topMediaList.length > 0)) {\n _this.selectMediaMetadata(_this.topMediaList[0].media.material_id);\n }\n });\n };\n AnalyticsTopContentView.prototype.hasTopMediaListUsersStats = function (topMediaList) {\n var result = false;\n if (topMediaList) {\n for (var _i = 0, topMediaList_1 = topMediaList; _i < topMediaList_1.length; _i++) {\n var rec = topMediaList_1[_i];\n if (('users' in rec) && (rec.users > 0)) {\n result = true;\n break;\n }\n }\n }\n return result;\n };\n AnalyticsTopContentView.prototype.isMediaMetadataSelected = function (material_id) {\n return material_id && this.selectedMediaMetadata && (this.selectedMediaMetadata.material_id == material_id);\n };\n AnalyticsTopContentView.prototype.onLastHoursSelectedChange = function (hours) {\n if (hours != this.lastHoursSelectedForScope) {\n this.lastHoursSelectedForScope = hours;\n this.pagingOptions.page = 1;\n this.loadData();\n }\n };\n AnalyticsTopContentView.prototype.onPageChanged = function (page) {\n this.pagingOptions.page = page;\n this.loadData();\n };\n var _a, _b, _c, _d, _e;\n AnalyticsTopContentView = top_content_view_component___decorate([\n Object(core_es5[\"Component\"])({\n selector: 'analytics-top-content-view',\n template: __webpack_require__(1383),\n viewProviders: [],\n styles: [\n ':host .chart-loader {height:200px;position:relative;}',\n ':host #top-content-list td{cursor:pointer;word-break: break-word;}',\n ':host .media-list-loader {height:400px;}'\n ],\n changeDetection: core_es5[\"ChangeDetectionStrategy\"].OnPush\n }),\n top_content_view_component___metadata(\"design:paramtypes\", [typeof (_a = typeof angular_l10n_es5[\"a\" /* LocaleService */] !== \"undefined\" && angular_l10n_es5[\"a\" /* LocaleService */]) === \"function\" && _a || Object, typeof (_b = typeof angular_l10n_es5[\"d\" /* TranslationService */] !== \"undefined\" && angular_l10n_es5[\"d\" /* TranslationService */]) === \"function\" && _b || Object, typeof (_c = typeof media_service_MediaService !== \"undefined\" && media_service_MediaService) === \"function\" && _c || Object, typeof (_d = typeof user_service[\"a\" /* UserService */] !== \"undefined\" && user_service[\"a\" /* UserService */]) === \"function\" && _d || Object, typeof (_e = typeof core_es5[\"ChangeDetectorRef\"] !== \"undefined\" && core_es5[\"ChangeDetectorRef\"]) === \"function\" && _e || Object])\n ], AnalyticsTopContentView);\n return AnalyticsTopContentView;\n}(angular_l10n_es5[\"b\" /* Localization */]));\n\n\n// CONCATENATED MODULE: ./src/module/analytics/top-content/top-content.module.ts\nvar top_content_module___decorate = (this && this.__decorate) || function (decorators, target, key, desc) {\n var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;\n if (typeof Reflect === \"object\" && typeof Reflect.decorate === \"function\") r = Reflect.decorate(decorators, target, key, desc);\n 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;\n return c > 3 && r && Object.defineProperty(target, key, r), r;\n};\n\n\n\n\n\n\n\n\n\n\n\n\n\nvar top_content_module_routes = [\n { path: '', component: top_content_view_component_AnalyticsTopContentView },\n];\nvar top_content_module_AnalyticsTopContentModule = (function () {\n function AnalyticsTopContentModule() {\n }\n AnalyticsTopContentModule = top_content_module___decorate([\n Object(core_es5[\"NgModule\"])({\n imports: [\n http_es5[\"c\" /* HttpModule */],\n shared_module_SharedModule,\n common_es5[\"CommonModule\"],\n angular_l10n_es5[\"c\" /* LocalizationModule */],\n router_es5[\"h\" /* RouterModule */].forChild(top_content_module_routes),\n forms_es5[\"FormsModule\"],\n form_module_FormComponentsModule,\n chart_module_ChartModule,\n pager_module_PagerModule\n ],\n declarations: [\n top_content_view_component_AnalyticsTopContentView,\n ],\n providers: [\n analytics_service_AnalyticsService,\n media_service_MediaService,\n ]\n })\n ], AnalyticsTopContentModule);\n return AnalyticsTopContentModule;\n}());\n\n\n// CONCATENATED MODULE: ./node_modules/ng2-google-charts/google-charts-loader.service.js\n\nvar google_charts_loader_service_GoogleChartsLoaderService = /** @class */ (function () {\n function GoogleChartsLoaderService(localeId) {\n this.chartPackage = {\n AnnotationChart: 'annotationchart',\n AreaChart: 'corechart',\n Bar: 'bar',\n BarChart: 'corechart',\n BubbleChart: 'corechart',\n Calendar: 'calendar',\n CandlestickChart: 'corechart',\n ColumnChart: 'corechart',\n ComboChart: 'corechart',\n PieChart: 'corechart',\n Gantt: 'gantt',\n Gauge: 'gauge',\n GeoChart: 'geochart',\n Histogram: 'corechart',\n Line: 'line',\n LineChart: 'corechart',\n Map: 'map',\n OrgChart: 'orgchart',\n Sankey: 'sankey',\n Scatter: 'scatter',\n ScatterChart: 'corechart',\n SteppedAreaChart: 'corechart',\n Table: 'table',\n Timeline: 'timeline',\n TreeMap: 'treemap',\n WordTree: 'wordtree'\n };\n this.googleScriptLoadingNotifier = new core_es5[\"EventEmitter\"]();\n this.googleScriptIsLoading = false;\n this.localeId = localeId;\n }\n GoogleChartsLoaderService.prototype.load = function (chartType, apiKey) {\n var _this = this;\n return new Promise(function (resolve, reject) {\n if (resolve === void 0) { resolve = Function.prototype; }\n if (reject === void 0) { reject = Function.prototype; }\n _this.loadGoogleChartsScript().then(function () {\n var initializer = {\n packages: [_this.chartPackage[chartType]],\n language: _this.localeId,\n callback: resolve\n };\n if (apiKey) {\n initializer.mapsApiKey = apiKey;\n }\n google.charts.load('45.2', initializer);\n }).catch(function (err) { return reject(); });\n });\n };\n GoogleChartsLoaderService.prototype.loadGoogleChartsScript = function () {\n var _this = this;\n return new Promise(function (resolve, reject) {\n if (resolve === void 0) { resolve = Function.prototype; }\n if (reject === void 0) { reject = Function.prototype; }\n if (typeof google !== 'undefined' && google.charts) {\n resolve();\n }\n else if (!_this.googleScriptIsLoading) {\n _this.googleScriptIsLoading = true;\n var script = document.createElement('script');\n script.type = 'text/javascript';\n script.src = 'https://www.gstatic.com/charts/loader.js';\n script.async = true;\n script.defer = true;\n script.onload = function () {\n _this.googleScriptIsLoading = false;\n _this.googleScriptLoadingNotifier.emit(true);\n resolve();\n };\n script.onerror = function () {\n _this.googleScriptIsLoading = false;\n _this.googleScriptLoadingNotifier.emit(false);\n reject();\n };\n document.getElementsByTagName('head')[0].appendChild(script);\n }\n else {\n _this.googleScriptLoadingNotifier.subscribe(function (loaded) {\n if (loaded) {\n resolve();\n }\n else {\n reject();\n }\n });\n }\n });\n };\n GoogleChartsLoaderService.decorators = [\n { type: core_es5[\"Injectable\"] },\n ];\n /** @nocollapse */\n GoogleChartsLoaderService.ctorParameters = function () { return [\n { type: undefined, decorators: [{ type: core_es5[\"Inject\"], args: [core_es5[\"LOCALE_ID\"],] },] },\n ]; };\n return GoogleChartsLoaderService;\n}());\n\n\n// CONCATENATED MODULE: ./node_modules/ng2-google-charts/google-chart/chart-html-tooltip.js\nvar ChartHTMLTooltip = /** @class */ (function () {\n function ChartHTMLTooltip(el) {\n this.tooltipDOMElement = el;\n }\n ChartHTMLTooltip.prototype.setPosition = function (x, y) {\n this.tooltipDOMElement.nativeElement.style.left = x + ChartHTMLTooltip.PIXELS;\n this.tooltipDOMElement.nativeElement.style.top = y + ChartHTMLTooltip.PIXELS;\n };\n ChartHTMLTooltip.prototype.getDOMElement = function () {\n return this.tooltipDOMElement;\n };\n ChartHTMLTooltip.PIXELS = 'px';\n return ChartHTMLTooltip;\n}());\n\n\n// CONCATENATED MODULE: ./node_modules/ng2-google-charts/google-chart/google-chart.component.js\n\n\n\nvar google_chart_component_GoogleChartComponent = /** @class */ (function () {\n function GoogleChartComponent(el, loaderService) {\n this.el = el;\n this.loaderService = loaderService;\n this.chartSelect = new core_es5[\"EventEmitter\"]();\n this.chartReady = new core_es5[\"EventEmitter\"]();\n this.chartError = new core_es5[\"EventEmitter\"]();\n this.mouseOver = new core_es5[\"EventEmitter\"]();\n this.mouseOut = new core_es5[\"EventEmitter\"]();\n }\n GoogleChartComponent.prototype.ngOnChanges = function (changes) {\n var _this = this;\n var key = 'data';\n if (changes[key]) {\n if (!this.data) {\n return;\n }\n this.options = this.data.options;\n this.loaderService.load(this.data.chartType, this.data.apiKey).then(function () {\n if (_this.wrapper === undefined || _this.wrapper.getChartType() !== _this.data.chartType) {\n _this.wrapper = new google.visualization.ChartWrapper(_this.data);\n }\n else {\n _this.unregisterChartEvents();\n _this.wrapper.setDataTable(_this.data.dataTable);\n _this.wrapper.setOptions(_this.options);\n }\n _this.registerChartWrapperEvents();\n _this.reformat();\n _this.redraw();\n });\n }\n };\n GoogleChartComponent.prototype.redraw = function () {\n this.reformat();\n this.wrapper.draw(this.el.nativeElement.querySelector('div'));\n };\n /**\n * Applies formatters to data columns, if defined\n */\n /**\n * Applies formatters to data columns, if defined\n */\n GoogleChartComponent.prototype.reformat = /**\n * Applies formatters to data columns, if defined\n */\n function () {\n if (!this.data) {\n return;\n }\n if (this.data.formatters !== undefined) {\n for (var _i = 0, _a = this.data.formatters; _i < _a.length; _i++) {\n var formatterConfig = _a[_i];\n var formatterConstructor = google.visualization[formatterConfig.type];\n var formatterOptions = formatterConfig.options;\n var formatter = new formatterConstructor(formatterOptions);\n for (var _b = 0, _c = formatterConfig.columns; _b < _c.length; _b++) {\n var col = _c[_b];\n formatter.format(this.wrapper.getDataTable(), col);\n }\n }\n }\n };\n GoogleChartComponent.prototype.getSelectorBySeriesType = function (seriesType) {\n var selectors = {\n bars: 'bar#%s#%r',\n haxis: 'hAxis#0#label',\n line: 'point#%s#%r',\n legend: 'legendentry#%s',\n area: 'point#%s#%r'\n };\n var selector = selectors[seriesType];\n return selector;\n };\n /**\n * Given a column number, counts how many\n * columns have rol==\"data\". Those are mapped\n * one-to-one to the series array. When rol is not defined\n * a column of type number means a series column.\n * @param column to inspect\n */\n /**\n * Given a column number, counts how many\n * columns have rol==\"data\". Those are mapped\n * one-to-one to the series array. When rol is not defined\n * a column of type number means a series column.\n * @param column to inspect\n */\n GoogleChartComponent.prototype.getSeriesByColumn = /**\n * Given a column number, counts how many\n * columns have rol==\"data\". Those are mapped\n * one-to-one to the series array. When rol is not defined\n * a column of type number means a series column.\n * @param column to inspect\n */\n function (column) {\n var series = 0;\n var dataTable = this.wrapper.getDataTable();\n for (var i = column - 1; i >= 0; i--) {\n var role = dataTable.getColumnRole(i);\n var type = dataTable.getColumnType(i);\n if (role === 'data' || type === 'number') {\n series++;\n }\n }\n return series;\n };\n GoogleChartComponent.prototype.getBoundingBoxForItem = function (item) {\n var boundingBox = { top: 0, left: 0, width: 0, height: 0 };\n if (this.cli) {\n var column = item.column;\n var series = this.getSeriesByColumn(column);\n var bar = item.row;\n var row = item.row;\n var seriesType = this.options.seriesType;\n if (this.options.series && this.options.series[series] && this.options.series[series].type) {\n seriesType = this.options.series[series].type;\n }\n if (seriesType) {\n var selector = this.getSelectorBySeriesType(seriesType);\n if (selector) {\n selector = selector.replace('%s', series + '').replace('%c', column + '').replace('%r', row + '');\n var box = this.cli.getBoundingBox(selector);\n if (box) {\n boundingBox = box;\n }\n }\n }\n }\n return boundingBox;\n };\n GoogleChartComponent.prototype.getValueAtPosition = function (position) {\n if (position.row === null) {\n return null;\n }\n var dataTable = this.wrapper.getDataTable();\n var value = dataTable.getValue(position.row, position.column);\n return value;\n };\n GoogleChartComponent.prototype.getColumnTypeAtPosition = function (position) {\n var dataTable = this.wrapper.getDataTable();\n var type = dataTable.getColumnType(position.column) || '';\n return type;\n };\n GoogleChartComponent.prototype.getColumnLabelAtPosition = function (position) {\n var dataTable = this.wrapper.getDataTable();\n var type = dataTable.getColumnLabel(position.column) || '';\n return type;\n };\n GoogleChartComponent.prototype.getHTMLTooltip = function () {\n var tooltipER = new core_es5[\"ElementRef\"](this.el.nativeElement.querySelector('.google-visualization-tooltip'));\n return new ChartHTMLTooltip(tooltipER);\n };\n GoogleChartComponent.prototype.parseMouseEvent = function (item) {\n var event = {\n position: item,\n boundingBox: this.getBoundingBoxForItem(item),\n value: this.getValueAtPosition(item),\n columnType: this.getColumnTypeAtPosition(item),\n columnLabel: this.getColumnLabelAtPosition(item)\n };\n return event;\n };\n GoogleChartComponent.prototype.unregisterChartEvents = function () {\n google.visualization.events.removeAllListeners(this.wrapper);\n };\n GoogleChartComponent.prototype.registerChartEvents = function () {\n var _this = this;\n if (this.mouseOver.observers.length > 0) {\n var chart = this.wrapper.getChart();\n this.cli = chart.getChartLayoutInterface();\n google.visualization.events.addListener(chart, 'onmouseover', function (item) {\n var event = _this.parseMouseEvent(item);\n event.tooltip = _this.getHTMLTooltip();\n _this.mouseOver.emit(event);\n });\n }\n if (this.mouseOut.observers.length > 0) {\n var chart = this.wrapper.getChart();\n this.cli = chart.getChartLayoutInterface();\n google.visualization.events.addListener(chart, 'onmouseout', function (item) {\n var event = _this.parseMouseEvent(item);\n _this.mouseOut.emit(event);\n });\n }\n };\n GoogleChartComponent.prototype.registerChartWrapperEvents = function () {\n var _this = this;\n google.visualization.events.addListener(this.wrapper, 'ready', function () {\n _this.chartReady.emit({ message: 'Chart ready' });\n _this.registerChartEvents();\n });\n google.visualization.events.addListener(this.wrapper, 'error', function (error) {\n _this.chartError.emit(error);\n });\n google.visualization.events.addListener(this.wrapper, 'select', function () {\n var event;\n var selection = _this.wrapper.visualization.getSelection()[0];\n if (selection !== undefined) {\n var selectedRowValues = [];\n var selectedRowFormattedValues = [];\n if (selection.row !== null) {\n var dataTable = _this.wrapper.getDataTable();\n var numberOfColumns = dataTable.getNumberOfColumns();\n for (var i = 0; i < numberOfColumns; i++) {\n selectedRowValues.push(dataTable.getValue(selection.row, i));\n selectedRowFormattedValues.push(dataTable.getFormattedValue(selection.row, i));\n }\n }\n event = (_a = {\n message: 'select',\n row: selection.row,\n column: selection.column\n },\n _a['selectedRowValues'] = selectedRowValues,\n _a['selectedRowFormattedValues'] = selectedRowFormattedValues,\n _a);\n }\n else {\n event = {\n message: 'deselect',\n row: null,\n column: null,\n selectedRowValues: [],\n selectedRowFormattedValues: []\n };\n }\n _this.chartSelect.emit(event);\n var _a;\n });\n };\n GoogleChartComponent.decorators = [\n { type: core_es5[\"Component\"], args: [{\n selector: 'google-chart',\n template: '
',\n changeDetection: core_es5[\"ChangeDetectionStrategy\"].OnPush\n },] },\n ];\n /** @nocollapse */\n GoogleChartComponent.ctorParameters = function () { return [\n { type: core_es5[\"ElementRef\"], },\n { type: google_charts_loader_service_GoogleChartsLoaderService, },\n ]; };\n GoogleChartComponent.propDecorators = {\n \"data\": [{ type: core_es5[\"Input\"] },],\n \"chartReady\": [{ type: core_es5[\"Output\"] },],\n \"chartError\": [{ type: core_es5[\"Output\"] },],\n \"chartSelect\": [{ type: core_es5[\"Output\"] },],\n \"mouseOver\": [{ type: core_es5[\"Output\"] },],\n \"mouseOut\": [{ type: core_es5[\"Output\"] },],\n };\n return GoogleChartComponent;\n}());\n\n\n// CONCATENATED MODULE: ./node_modules/ng2-google-charts/google-chart/chart-mouse-event.js\nvar chart_mouse_event___extends = (this && this.__extends) || (function () {\n var extendStatics = Object.setPrototypeOf ||\n ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||\n function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };\n return function (d, b) {\n extendStatics(d, b);\n function __() { this.constructor = d; }\n d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());\n };\n})();\nvar ChartMouseEvent = /** @class */ (function () {\n function ChartMouseEvent() {\n }\n return ChartMouseEvent;\n}());\n\n/**\n * @deprecated Use ChartMouseOverEvent instead\n */\nvar /**\n * @deprecated Use ChartMouseOverEvent instead\n */\nMouseOverEvent = /** @class */ (function (_super) {\n chart_mouse_event___extends(MouseOverEvent, _super);\n function MouseOverEvent() {\n return _super !== null && _super.apply(this, arguments) || this;\n }\n return MouseOverEvent;\n}(ChartMouseEvent));\n/**\n * @deprecated Use ChartMouseOverEvent instead\n */\n\nvar ChartMouseOverEvent = /** @class */ (function (_super) {\n chart_mouse_event___extends(ChartMouseOverEvent, _super);\n function ChartMouseOverEvent() {\n return _super !== null && _super.apply(this, arguments) || this;\n }\n return ChartMouseOverEvent;\n}(ChartMouseEvent));\n\nvar ChartMouseOutEvent = /** @class */ (function (_super) {\n chart_mouse_event___extends(ChartMouseOutEvent, _super);\n function ChartMouseOutEvent() {\n return _super !== null && _super.apply(this, arguments) || this;\n }\n return ChartMouseOutEvent;\n}(ChartMouseEvent));\n\n\n// CONCATENATED MODULE: ./node_modules/ng2-google-charts/google-charts.module.js\n\n\n\nvar google_charts_module_Ng2GoogleChartsModule = /** @class */ (function () {\n function Ng2GoogleChartsModule() {\n }\n Ng2GoogleChartsModule.decorators = [\n { type: core_es5[\"NgModule\"], args: [{\n declarations: [\n google_chart_component_GoogleChartComponent\n ],\n providers: [\n google_charts_loader_service_GoogleChartsLoaderService\n ],\n exports: [\n google_chart_component_GoogleChartComponent\n ]\n },] },\n ];\n /** @nocollapse */\n Ng2GoogleChartsModule.ctorParameters = function () { return []; };\n return Ng2GoogleChartsModule;\n}());\n\n\n// CONCATENATED MODULE: ./node_modules/ng2-google-charts/index.js\n\n\n\n\n\n// CONCATENATED MODULE: ./src/module/analytics/geo/geo.view.component.ts\nvar geo_view_component___extends = (this && this.__extends) || (function () {\n var extendStatics = Object.setPrototypeOf ||\n ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||\n function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };\n return function (d, b) {\n extendStatics(d, b);\n function __() { this.constructor = d; }\n d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());\n };\n})();\nvar geo_view_component___decorate = (this && this.__decorate) || function (decorators, target, key, desc) {\n var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;\n if (typeof Reflect === \"object\" && typeof Reflect.decorate === \"function\") r = Reflect.decorate(decorators, target, key, desc);\n 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;\n return c > 3 && r && Object.defineProperty(target, key, r), r;\n};\nvar geo_view_component___metadata = (this && this.__metadata) || function (k, v) {\n if (typeof Reflect === \"object\" && typeof Reflect.metadata === \"function\") return Reflect.metadata(k, v);\n};\n\n\n\n\n\n\nvar geo_view_component_AnalyticsGeoView = (function (_super) {\n geo_view_component___extends(AnalyticsGeoView, _super);\n function AnalyticsGeoView(locale, translation, url, router, user, analyticsService, cdr) {\n var _this = _super.call(this, locale, translation) || this;\n _this.locale = locale;\n _this.translation = translation;\n _this.url = url;\n _this.router = router;\n _this.user = user;\n _this.analyticsService = analyticsService;\n _this.cdr = cdr;\n _this.activeGranularity = 'day';\n _this.granularityTypes = ['all'];\n _this.chartType = 'lineTime';\n var range = _this.user.getDateRangeSelection();\n _this.startDate = range.startDate;\n _this.endDate = range.endDate;\n _this.loadingData = true;\n _this.pagingOptions = {\n page: 1,\n page_size: 10,\n total_items: 0\n };\n return _this;\n }\n AnalyticsGeoView.prototype.ngOnInit = function () {\n this.loadData();\n };\n AnalyticsGeoView.prototype.loadData = function () {\n var _this = this;\n this.loadingData = true;\n this.analyticsService.getGeoCountriesStats(this.startDate, this.endDate).subscribe(function (data) {\n var viewsTotal = 0;\n for (var _i = 0, data_1 = data; _i < data_1.length; _i++) {\n var rec = data_1[_i];\n viewsTotal += parseInt(rec.views);\n }\n var geoStats = [];\n var pos = 0;\n for (var _a = 0, data_2 = data; _a < data_2.length; _a++) {\n var rec = data_2[_a];\n var views = parseInt(rec.views);\n pos += 1;\n geoStats.push({\n pos: pos,\n views: views,\n views_share: (100.0 * views / viewsTotal),\n country: rec.country\n });\n }\n _this.geoStats = geoStats;\n _this.geoStatsForPage = geoStats.slice(0, _this.pagingOptions.page_size);\n _this.pagingOptions.page = 1;\n _this.pagingOptions.total_items = geoStats.length;\n var chartData = {\n chartType: 'GeoChart',\n dataTable: new Array(),\n apiKey: _this.analyticsService.getGoogleMapsApiKey(),\n options: { colorAxis: { colors: ['#d9ebfb', '#348fe2'] } }\n };\n chartData.dataTable.push(['Country', 'Views']);\n for (var _b = 0, data_3 = data; _b < data_3.length; _b++) {\n var rec = data_3[_b];\n chartData.dataTable.push([rec.country.country_code, parseInt(rec.views)]);\n }\n _this.mapChartData = chartData;\n _this.loadingData = false;\n _this.cdr.markForCheck();\n });\n };\n AnalyticsGeoView.prototype.onDateRangeChanged = function (dateRange) {\n if ((this.startDate.unix() == dateRange[0].unix()) && (this.endDate.unix() == dateRange[1].unix())) {\n return;\n }\n this.startDate = dateRange[0].startOf('day');\n this.endDate = dateRange[1].startOf('day');\n this.user.setDateRangeSelection(this.startDate, this.endDate);\n this.loadData();\n };\n AnalyticsGeoView.prototype.onPageChanged = function (page) {\n this.pagingOptions.page = page;\n var itemsFrom = (page - 1) * this.pagingOptions.page_size;\n var itemsTo = itemsFrom + this.pagingOptions.page_size;\n this.geoStatsForPage = this.geoStats.slice(itemsFrom, itemsTo);\n };\n AnalyticsGeoView.prototype.onMapRegionClick = function (e) {\n if (e.selectedRowValues && e.selectedRowValues.length > 0) {\n var selectedCountryCode = e.selectedRowValues[0].toLowerCase();\n this.router.navigate(['admin', 'analytics', 'geo', selectedCountryCode]);\n }\n };\n var _a, _b, _c, _d, _e, _f, _g;\n AnalyticsGeoView = geo_view_component___decorate([\n Object(core_es5[\"Component\"])({\n selector: 'analytics-geo-view',\n template: __webpack_require__(1384),\n styles: [\n ':host .chart-loader {height:300px;position:relative;}',\n ':host .table-loader {height:300px;position:relative;}',\n ':host .table .flag-icon {position:relative;top:-1px;margin-right:10px;}',\n ':host .table tbody tr {cursor:pointer;}',\n ':host .analytics-geo-map {padding:0px 200px 20px 200px; max-width: 1200px; margin-left: auto; margin-right: auto;}'\n ],\n changeDetection: core_es5[\"ChangeDetectionStrategy\"].OnPush\n }),\n geo_view_component___metadata(\"design:paramtypes\", [typeof (_a = typeof angular_l10n_es5[\"a\" /* LocaleService */] !== \"undefined\" && angular_l10n_es5[\"a\" /* LocaleService */]) === \"function\" && _a || Object, typeof (_b = typeof angular_l10n_es5[\"d\" /* TranslationService */] !== \"undefined\" && angular_l10n_es5[\"d\" /* TranslationService */]) === \"function\" && _b || Object, typeof (_c = typeof url_service[\"a\" /* UrlService */] !== \"undefined\" && url_service[\"a\" /* UrlService */]) === \"function\" && _c || Object, typeof (_d = typeof router_es5[\"g\" /* Router */] !== \"undefined\" && router_es5[\"g\" /* Router */]) === \"function\" && _d || Object, typeof (_e = typeof user_service[\"a\" /* UserService */] !== \"undefined\" && user_service[\"a\" /* UserService */]) === \"function\" && _e || Object, typeof (_f = typeof analytics_service_AnalyticsService !== \"undefined\" && analytics_service_AnalyticsService) === \"function\" && _f || Object, typeof (_g = typeof core_es5[\"ChangeDetectorRef\"] !== \"undefined\" && core_es5[\"ChangeDetectorRef\"]) === \"function\" && _g || Object])\n ], AnalyticsGeoView);\n return AnalyticsGeoView;\n}(angular_l10n_es5[\"b\" /* Localization */]));\n\n\n// CONCATENATED MODULE: ./src/module/analytics/geo/geo.country.view.component.ts\nvar geo_country_view_component___extends = (this && this.__extends) || (function () {\n var extendStatics = Object.setPrototypeOf ||\n ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||\n function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };\n return function (d, b) {\n extendStatics(d, b);\n function __() { this.constructor = d; }\n d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());\n };\n})();\nvar geo_country_view_component___decorate = (this && this.__decorate) || function (decorators, target, key, desc) {\n var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;\n if (typeof Reflect === \"object\" && typeof Reflect.decorate === \"function\") r = Reflect.decorate(decorators, target, key, desc);\n 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;\n return c > 3 && r && Object.defineProperty(target, key, r), r;\n};\nvar geo_country_view_component___metadata = (this && this.__metadata) || function (k, v) {\n if (typeof Reflect === \"object\" && typeof Reflect.metadata === \"function\") return Reflect.metadata(k, v);\n};\n\n\n\n\n\n\nvar geo_country_view_component_AnalyticsGeoCountryView = (function (_super) {\n geo_country_view_component___extends(AnalyticsGeoCountryView, _super);\n function AnalyticsGeoCountryView(locale, translation, route, url, user, analyticsService, cdr) {\n var _this = _super.call(this, locale, translation) || this;\n _this.locale = locale;\n _this.translation = translation;\n _this.route = route;\n _this.url = url;\n _this.user = user;\n _this.analyticsService = analyticsService;\n _this.cdr = cdr;\n _this.SCOPE_TYPE_REGIONS = 'regions';\n _this.SCOPE_TYPE_CITIES = 'cities';\n _this.MAX_CITIES_ON_MAP = 20;\n _this.activeGranularity = 'day';\n _this.granularityTypes = ['all'];\n _this.chartType = 'lineTime';\n var range = _this.user.getDateRangeSelection();\n _this.startDate = range.startDate;\n _this.endDate = range.endDate;\n _this.loadingData = true;\n _this.pagingOptions = {\n page: 1,\n page_size: 10,\n total_items: 0\n };\n _this.scopeType = _this.SCOPE_TYPE_REGIONS;\n _this.mapColorRange = ['#d9ebfb', '#348fe2'];\n _this.route.params.subscribe(function (rec) {\n _this.countryCode = rec.countryCode;\n _this.initialLoadData();\n });\n var regionsMapChartFix = __webpack_require__(107);\n _this.mapChartRegionsReducingMappings = regionsMapChartFix.reducingMappings;\n _this.mapChartRegionsSharingSet = regionsMapChartFix.sharingMapping;\n _this.mapChartRegionsSkippingsSet = regionsMapChartFix.skippingSet;\n return _this;\n }\n AnalyticsGeoCountryView.prototype.ngOnInit = function () {\n this.initialLoadData();\n };\n AnalyticsGeoCountryView.prototype.initialLoadData = function () {\n if (this.geoStats == null) {\n this.geoStats = [];\n this.loadData();\n }\n };\n AnalyticsGeoCountryView.prototype.loadData = function () {\n this.loadingData = true;\n if (!this.countryCode) {\n return;\n }\n if (this.scopeType == this.SCOPE_TYPE_REGIONS) {\n this.loadDataForRegions();\n }\n else {\n this.loadDataForCities();\n }\n };\n AnalyticsGeoCountryView.prototype.makeRegionDataForMapChart = function (selectedCountryCode, data) {\n var result = new Array();\n if (selectedCountryCode in this.mapChartRegionsReducingMappings) {\n result = this.reduceRegionsForMapChart(selectedCountryCode, data);\n }\n else if (selectedCountryCode in this.mapChartRegionsSharingSet) {\n result = this.makeSharedRegionsDataForMapChart(selectedCountryCode, data);\n }\n else if (selectedCountryCode in this.mapChartRegionsSkippingsSet) {\n var totalViews = 0;\n for (var _i = 0, data_1 = data; _i < data_1.length; _i++) {\n var rec = data_1[_i];\n totalViews += parseInt(rec.views);\n }\n result.push([selectedCountryCode, totalViews]);\n }\n else {\n for (var _a = 0, data_2 = data; _a < data_2.length; _a++) {\n var rec = data_2[_a];\n var regName = rec.region.subdiv_code ? rec.region.subdiv_code : rec.region.name;\n result.push([regName, parseInt(rec.views)]);\n }\n }\n result.unshift(['Region', 'Views']);\n return result;\n };\n AnalyticsGeoCountryView.prototype.makeSharedRegionsDataForMapChart = function (selectedCountryCode, data) {\n var result = new Array();\n for (var _i = 0, data_3 = data; _i < data_3.length; _i++) {\n var rec = data_3[_i];\n var codeSrc = rec.region.subdiv_code;\n if (!(codeSrc in this.mapChartRegionsSharingSet[selectedCountryCode])) {\n continue;\n }\n var codesTrg = this.mapChartRegionsSharingSet[selectedCountryCode][codeSrc];\n for (var _a = 0, codesTrg_1 = codesTrg; _a < codesTrg_1.length; _a++) {\n var code = codesTrg_1[_a];\n result.push([code, Math.floor(parseInt(rec.views) / codesTrg.length)]);\n }\n }\n return result;\n };\n AnalyticsGeoCountryView.prototype.reduceRegionsForMapChart = function (selectedCountryCode, data) {\n var m = {};\n for (var _i = 0, data_4 = data; _i < data_4.length; _i++) {\n var rec = data_4[_i];\n var codeSrc = rec.region.subdiv_code;\n var codeTrg = (codeSrc in this.mapChartRegionsReducingMappings[selectedCountryCode]) ? this.mapChartRegionsReducingMappings[selectedCountryCode][codeSrc] : codeSrc;\n if (!(codeTrg in m)) {\n m[codeTrg] = 0;\n }\n m[codeTrg] = m[codeTrg] + parseInt(rec.views);\n }\n var result = new Array();\n for (var code in m) {\n result.push([code, m[code]]);\n }\n return result;\n };\n AnalyticsGeoCountryView.prototype.loadDataForRegions = function () {\n var _this = this;\n this.analyticsService.getGeoRegionsStats(this.startDate, this.endDate, this.countryCode).subscribe(function (data) {\n var selectedCountryCode = _this.countryCode.toUpperCase();\n var viewsTotal = 0;\n for (var _i = 0, data_5 = data; _i < data_5.length; _i++) {\n var rec = data_5[_i];\n viewsTotal += parseInt(rec.views);\n }\n var geoStats = [];\n var pos = 0;\n for (var _a = 0, data_6 = data; _a < data_6.length; _a++) {\n var rec = data_6[_a];\n var views = parseInt(rec.views);\n pos += 1;\n geoStats.push({\n pos: pos,\n views: views,\n views_share: (100.0 * views / viewsTotal),\n name: rec.region.name\n });\n }\n var mapChartResolution = (selectedCountryCode in _this.mapChartRegionsSkippingsSet) ? 'countries' : 'provinces';\n _this.mapChartData = {\n chartType: 'GeoChart',\n dataTable: _this.makeRegionDataForMapChart(selectedCountryCode, data),\n apiKey: _this.analyticsService.getGoogleMapsApiKey(),\n options: {\n colorAxis: { colors: _this.mapColorRange },\n resolution: mapChartResolution,\n region: selectedCountryCode\n }\n };\n _this.loadDataUpdateModelOnDataLoad(geoStats);\n });\n };\n AnalyticsGeoCountryView.prototype.loadDataForCities = function () {\n var _this = this;\n this.analyticsService.getGeoCitiesStats(this.startDate, this.endDate, this.countryCode).subscribe(function (data) {\n var viewsTotal = 0;\n for (var _i = 0, data_7 = data; _i < data_7.length; _i++) {\n var rec = data_7[_i];\n viewsTotal += parseInt(rec.views);\n }\n var geoStats = [];\n var pos = 0;\n for (var _a = 0, data_8 = data; _a < data_8.length; _a++) {\n var rec = data_8[_a];\n var views = parseInt(rec.views);\n pos += 1;\n geoStats.push({\n pos: pos,\n views: views,\n views_share: (100.0 * views / viewsTotal),\n name: rec.city.name\n });\n }\n var chartData = {\n chartType: 'GeoChart',\n dataTable: new Array(),\n apiKey: _this.analyticsService.getGoogleMapsApiKey(),\n options: {\n colorAxis: { colors: _this.mapColorRange },\n displayMode: 'markers',\n region: _this.countryCode.toUpperCase()\n }\n };\n chartData.dataTable.push(['City', 'Views']);\n for (var _b = 0, _c = data.slice(0, _this.MAX_CITIES_ON_MAP); _b < _c.length; _b++) {\n var rec = _c[_b];\n chartData.dataTable.push([rec.city.name, parseInt(rec.views)]);\n }\n _this.mapChartData = chartData;\n _this.loadDataUpdateModelOnDataLoad(geoStats);\n });\n };\n AnalyticsGeoCountryView.prototype.loadDataUpdateModelOnDataLoad = function (geoStats) {\n this.geoStats = geoStats;\n this.geoStatsForPage = geoStats.slice(0, this.pagingOptions.page_size);\n this.pagingOptions.page = 1;\n this.pagingOptions.total_items = geoStats.length;\n this.loadingData = false;\n this.cdr.markForCheck();\n };\n AnalyticsGeoCountryView.prototype.onDateRangeChanged = function (dateRange) {\n if ((this.startDate.unix() == dateRange[0].unix()) && (this.endDate.unix() == dateRange[1].unix())) {\n return;\n }\n this.startDate = dateRange[0].startOf('day');\n this.endDate = dateRange[1].startOf('day');\n this.user.setDateRangeSelection(this.startDate, this.endDate);\n this.loadData();\n };\n AnalyticsGeoCountryView.prototype.onScopeTypeChange = function (t) {\n this.scopeType = t;\n this.loadData();\n };\n AnalyticsGeoCountryView.prototype.onPageChanged = function (page) {\n this.pagingOptions.page = page;\n var itemsFrom = (page - 1) * this.pagingOptions.page_size;\n var itemsTo = itemsFrom + this.pagingOptions.page_size;\n this.geoStatsForPage = this.geoStats.slice(itemsFrom, itemsTo);\n };\n var _a, _b, _c, _d, _e, _f, _g;\n AnalyticsGeoCountryView = geo_country_view_component___decorate([\n Object(core_es5[\"Component\"])({\n selector: 'analytics-geo-view',\n template: __webpack_require__(1385),\n styles: [\n ':host .chart-loader {height:300px;position:relative;}',\n ':host .table-loader {height:300px;position:relative;}',\n ':host .table .flag-icon {position:relative;top:-1px;margin-right:10px;}',\n ':host .analytics-geo-map {padding:0px 200px 20px 200px; max-width: 1200px; margin-left: auto; margin-right: auto;}'\n ],\n changeDetection: core_es5[\"ChangeDetectionStrategy\"].OnPush\n }),\n geo_country_view_component___metadata(\"design:paramtypes\", [typeof (_a = typeof angular_l10n_es5[\"a\" /* LocaleService */] !== \"undefined\" && angular_l10n_es5[\"a\" /* LocaleService */]) === \"function\" && _a || Object, typeof (_b = typeof angular_l10n_es5[\"d\" /* TranslationService */] !== \"undefined\" && angular_l10n_es5[\"d\" /* TranslationService */]) === \"function\" && _b || Object, typeof (_c = typeof router_es5[\"a\" /* ActivatedRoute */] !== \"undefined\" && router_es5[\"a\" /* ActivatedRoute */]) === \"function\" && _c || Object, typeof (_d = typeof url_service[\"a\" /* UrlService */] !== \"undefined\" && url_service[\"a\" /* UrlService */]) === \"function\" && _d || Object, typeof (_e = typeof user_service[\"a\" /* UserService */] !== \"undefined\" && user_service[\"a\" /* UserService */]) === \"function\" && _e || Object, typeof (_f = typeof analytics_service_AnalyticsService !== \"undefined\" && analytics_service_AnalyticsService) === \"function\" && _f || Object, typeof (_g = typeof core_es5[\"ChangeDetectorRef\"] !== \"undefined\" && core_es5[\"ChangeDetectorRef\"]) === \"function\" && _g || Object])\n ], AnalyticsGeoCountryView);\n return AnalyticsGeoCountryView;\n}(angular_l10n_es5[\"b\" /* Localization */]));\n\n\n// CONCATENATED MODULE: ./src/module/analytics/geo/geo.module.ts\nvar geo_module___decorate = (this && this.__decorate) || function (decorators, target, key, desc) {\n var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;\n if (typeof Reflect === \"object\" && typeof Reflect.decorate === \"function\") r = Reflect.decorate(decorators, target, key, desc);\n 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;\n return c > 3 && r && Object.defineProperty(target, key, r), r;\n};\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\nvar geo_module_routes = [\n { path: '', component: geo_view_component_AnalyticsGeoView },\n { path: ':countryCode', component: geo_country_view_component_AnalyticsGeoCountryView },\n];\nvar geo_module_AnalyticsGeoModule = (function () {\n function AnalyticsGeoModule() {\n }\n AnalyticsGeoModule = geo_module___decorate([\n Object(core_es5[\"NgModule\"])({\n imports: [\n http_es5[\"c\" /* HttpModule */],\n shared_module_SharedModule,\n common_es5[\"CommonModule\"],\n angular_l10n_es5[\"c\" /* LocalizationModule */],\n router_es5[\"h\" /* RouterModule */].forChild(geo_module_routes),\n forms_es5[\"FormsModule\"],\n form_module_FormComponentsModule,\n chart_module_ChartModule,\n TagInputModule,\n pager_module_PagerModule,\n google_charts_module_Ng2GoogleChartsModule,\n ],\n declarations: [\n geo_view_component_AnalyticsGeoView,\n geo_country_view_component_AnalyticsGeoCountryView\n ],\n providers: [\n analytics_service_AnalyticsService\n ]\n })\n ], AnalyticsGeoModule);\n return AnalyticsGeoModule;\n}());\n\n\n// CONCATENATED MODULE: ./src/module/analytics/technology/technology.view.component.ts\nvar technology_view_component___extends = (this && this.__extends) || (function () {\n var extendStatics = Object.setPrototypeOf ||\n ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||\n function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };\n return function (d, b) {\n extendStatics(d, b);\n function __() { this.constructor = d; }\n d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());\n };\n})();\nvar technology_view_component___decorate = (this && this.__decorate) || function (decorators, target, key, desc) {\n var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;\n if (typeof Reflect === \"object\" && typeof Reflect.decorate === \"function\") r = Reflect.decorate(decorators, target, key, desc);\n 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;\n return c > 3 && r && Object.defineProperty(target, key, r), r;\n};\nvar technology_view_component___metadata = (this && this.__metadata) || function (k, v) {\n if (typeof Reflect === \"object\" && typeof Reflect.metadata === \"function\") return Reflect.metadata(k, v);\n};\n\n\n\n\n\n\nvar technology_view_component_AnalyticsTechnologyView = (function (_super) {\n technology_view_component___extends(AnalyticsTechnologyView, _super);\n function AnalyticsTechnologyView(locale, translation, analyticsService, user, cdr) {\n var _this = _super.call(this, locale, translation) || this;\n _this.locale = locale;\n _this.translation = translation;\n _this.analyticsService = analyticsService;\n _this.user = user;\n _this.cdr = cdr;\n _this.activeGranularity = 'day';\n _this.granularityTypes = ['all'];\n _this.chartType = 'lineTime';\n var range = _this.user.getDateRangeSelection();\n _this.startDate = range.startDate;\n _this.endDate = range.endDate;\n _this.deviceTableStats = [];\n _this.osTableStats = [];\n _this.browserTableStats = [];\n _this.topDeviceChartData = [];\n _this.topDeviceChartLabels = [];\n _this.topBrowserChartData = [];\n _this.topBrowserChartLabels = [];\n _this.topOsChartData = [];\n _this.topOsChartLabels = [];\n _this.loadingData = true;\n _this.iconClassForDeviceType = {\n '0': 'fa-question',\n '1': 'fa-desktop',\n '2': 'fa-mobile',\n '3': 'fa-tablet',\n '4': 'fa-gamepad',\n '5': 'fa-television',\n '6': 'fa-car',\n '7': 'fa-picture-o',\n '8': 'fa-camera',\n '9': 'fa-headphones'\n };\n return _this;\n }\n AnalyticsTechnologyView.prototype.ngOnInit = function () {\n this.loadData();\n };\n AnalyticsTechnologyView.prototype.makeHiddenSeriesMapForQuickSearch = function (series) {\n var result = {};\n for (var _i = 0, series_1 = series; _i < series_1.length; _i++) {\n var rec = series_1[_i];\n var recObj = rec;\n var shouldBeHidden = false;\n if (recObj.hidden) {\n shouldBeHidden = true;\n }\n if (recObj._meta) {\n for (var k in recObj._meta) {\n if ((typeof recObj._meta[k].hidden !== 'undefined') && (recObj._meta[k].hidden !== null)) {\n shouldBeHidden = recObj._meta[k].hidden;\n }\n }\n }\n if (shouldBeHidden) {\n result[rec.label] = true;\n }\n }\n return result;\n };\n AnalyticsTechnologyView.prototype.loadData = function (onUserAction) {\n var _this = this;\n if (onUserAction === void 0) { onUserAction = false; }\n var hiddenChartSeriesForDeviceTypeLabels = null;\n var hiddenChartSeriesForBrowserFamilyLabels = null;\n var hiddenChartSeriesForOsFamilyLabels = null;\n this.loadingData = true;\n if (onUserAction) {\n hiddenChartSeriesForDeviceTypeLabels = this.makeHiddenSeriesMapForQuickSearch(this.topDeviceChartData);\n hiddenChartSeriesForBrowserFamilyLabels = this.makeHiddenSeriesMapForQuickSearch(this.topBrowserChartData);\n hiddenChartSeriesForOsFamilyLabels = this.makeHiddenSeriesMapForQuickSearch(this.topOsChartData);\n }\n this.analyticsService.getTechnologyStatsForRange(this.startDate, this.endDate, this.activeGranularity).subscribe(function (data) {\n _this.deviceTableStats = _this.processDeviceTypeData(data.device_type.summary);\n _this.osTableStats = _this.processOsFamilyData(data.os_family.summary);\n _this.browserTableStats = _this.processBrowserFamilyData(data.browser_family.summary);\n var topDeviceChartData = _this.processDeviceTypeDataForCharts(data.account_history, data.device_type.top_history);\n var topBrowserFamilyChartData = _this.processBrowserFamilyDataForCharts(data.account_history, data.browser_family.top_history);\n var topOsFamilyChartData = _this.processOsFamilyDataForCharts(data.account_history, data.os_family.top_history);\n if (onUserAction) {\n for (var _i = 0, _a = topDeviceChartData.data; _i < _a.length; _i++) {\n var rec = _a[_i];\n rec.hidden = (rec.label && (rec.label in hiddenChartSeriesForDeviceTypeLabels));\n }\n for (var _b = 0, _c = topBrowserFamilyChartData.data; _b < _c.length; _b++) {\n var rec = _c[_b];\n rec.hidden = (rec.label && (rec.label in hiddenChartSeriesForBrowserFamilyLabels));\n }\n for (var _d = 0, _e = topOsFamilyChartData.data; _d < _e.length; _d++) {\n var rec = _e[_d];\n rec.hidden = (rec.label && (rec.label in hiddenChartSeriesForOsFamilyLabels));\n }\n }\n _this.topDeviceChartData = topDeviceChartData.data;\n _this.topDeviceChartLabels = topDeviceChartData.labels;\n _this.topBrowserChartData = topBrowserFamilyChartData.data;\n _this.topBrowserChartLabels = topBrowserFamilyChartData.labels;\n _this.topOsChartData = topOsFamilyChartData.data;\n _this.topOsChartLabels = topOsFamilyChartData.labels;\n _this.loadingData = false;\n _this.cdr.markForCheck();\n });\n };\n AnalyticsTechnologyView.prototype.processDeviceTypeData = function (deviceType) {\n var result = [];\n var totalViews = 0;\n for (var _i = 0, deviceType_1 = deviceType; _i < deviceType_1.length; _i++) {\n var rec = deviceType_1[_i];\n var views = parseInt(rec.views, 10);\n totalViews += views;\n var iconClass = this.iconClassForDeviceType[rec.device_type];\n result.push({\n name: rec.device_type_name,\n views: views,\n iconClass: iconClass ? iconClass : '',\n bgColorHex: '',\n views_share: 0\n });\n }\n if (totalViews > 0) {\n for (var _a = 0, result_1 = result; _a < result_1.length; _a++) {\n var rec = result_1[_a];\n rec.views_share = 100.0 * rec.views / totalViews;\n }\n }\n result.sort(function (a, b) {\n return b.views - a.views;\n });\n for (var i = 0; i < result.length; i++) {\n var rgbArr = ChartConfigData.datasetColors[(i + 1) % ChartConfigData.datasetColors.length];\n result[i].bgColorHex = '#' + this.toHex(rgbArr[0], 2) + this.toHex(rgbArr[1], 2) + this.toHex(rgbArr[2], 2);\n }\n return result;\n };\n AnalyticsTechnologyView.prototype.toHex = function (i, minPos) {\n var result = '';\n if (i) {\n result = i.toString(16);\n }\n while (result.length < minPos) {\n result = '0' + result;\n }\n return result;\n };\n AnalyticsTechnologyView.prototype.processOsFamilyData = function (osFamily) {\n var result = [];\n var totalViews = 0;\n for (var _i = 0, osFamily_1 = osFamily; _i < osFamily_1.length; _i++) {\n var rec = osFamily_1[_i];\n var views = parseInt(rec.views, 10);\n totalViews += views;\n result.push({\n name: rec.os_family_name,\n views: views,\n views_share: 0\n });\n }\n if (totalViews > 0) {\n for (var _a = 0, result_2 = result; _a < result_2.length; _a++) {\n var rec = result_2[_a];\n rec.views_share = 100.0 * rec.views / totalViews;\n }\n }\n result.sort(function (a, b) {\n return b.views - a.views;\n });\n return result;\n };\n AnalyticsTechnologyView.prototype.processBrowserFamilyData = function (browserFamily) {\n var result = [];\n var totalViews = 0;\n for (var _i = 0, browserFamily_1 = browserFamily; _i < browserFamily_1.length; _i++) {\n var rec = browserFamily_1[_i];\n var views = parseInt(rec.views, 10);\n totalViews += views;\n result.push({\n name: rec.browser_family_name,\n views: views,\n views_share: 0\n });\n }\n if (totalViews > 0) {\n for (var _a = 0, result_3 = result; _a < result_3.length; _a++) {\n var rec = result_3[_a];\n rec.views_share = 100.0 * rec.views / totalViews;\n }\n }\n result.sort(function (a, b) {\n return b.views - a.views;\n });\n return result;\n };\n AnalyticsTechnologyView.prototype.buildDataStructForChartAndInitWithAccountHistory = function (accountHistory) {\n var result = {\n data: new Array(),\n labels: new Array()\n };\n var accountData = {\n data: new Array(),\n label: this.translation.translate('ANALYTICS_TECHNOLOGY.LABEL_TOTAL_VIEWS'),\n fill: false,\n hidden: true\n };\n for (var _i = 0, accountHistory_1 = accountHistory; _i < accountHistory_1.length; _i++) {\n var rec = accountHistory_1[_i];\n accountData.data.push(parseInt(rec.views, 10));\n result.labels.push(moment_default.a.unix(rec.from).toISOString());\n }\n result.data.push(accountData);\n return result;\n };\n AnalyticsTechnologyView.prototype.processDeviceTypeDataForCharts = function (accountHistory, topHistory) {\n var result = this.buildDataStructForChartAndInitWithAccountHistory(accountHistory);\n for (var _i = 0, topHistory_1 = topHistory; _i < topHistory_1.length; _i++) {\n var itemHistory = topHistory_1[_i];\n var itemData = {\n data: new Array(),\n label: itemHistory.device_type_name\n };\n for (var _a = 0, _b = itemHistory.history; _a < _b.length; _a++) {\n var rec = _b[_a];\n itemData.data.push(parseInt(rec.views, 10));\n }\n result.data.push(itemData);\n }\n return result;\n };\n AnalyticsTechnologyView.prototype.processBrowserFamilyDataForCharts = function (accountHistory, topHistory) {\n var result = this.buildDataStructForChartAndInitWithAccountHistory(accountHistory);\n for (var _i = 0, topHistory_2 = topHistory; _i < topHistory_2.length; _i++) {\n var itemHistory = topHistory_2[_i];\n var itemData = {\n data: new Array(),\n label: itemHistory.browser_family_name\n };\n for (var _a = 0, _b = itemHistory.history; _a < _b.length; _a++) {\n var rec = _b[_a];\n itemData.data.push(parseInt(rec.views, 10));\n }\n result.data.push(itemData);\n }\n return result;\n };\n AnalyticsTechnologyView.prototype.processOsFamilyDataForCharts = function (accountHistory, topHistory) {\n var result = this.buildDataStructForChartAndInitWithAccountHistory(accountHistory);\n for (var _i = 0, topHistory_3 = topHistory; _i < topHistory_3.length; _i++) {\n var itemHistory = topHistory_3[_i];\n var itemData = {\n data: new Array(),\n label: itemHistory.os_family_name\n };\n for (var _a = 0, _b = itemHistory.history; _a < _b.length; _a++) {\n var rec = _b[_a];\n itemData.data.push(parseInt(rec.views, 10));\n }\n result.data.push(itemData);\n }\n return result;\n };\n AnalyticsTechnologyView.prototype.onDateRangeChanged = function (dateRange) {\n if ((this.startDate.unix() == dateRange[0].unix()) && (this.endDate.unix() == dateRange[1].unix())) {\n return;\n }\n this.startDate = dateRange[0].startOf('day');\n this.endDate = dateRange[1].startOf('day');\n this.user.setDateRangeSelection(this.startDate, this.endDate);\n this.loadData(true);\n };\n AnalyticsTechnologyView.prototype.onGranularityChange = function (granularity) {\n if (this.activeGranularity == granularity) {\n return;\n }\n this.activeGranularity = granularity;\n this.loadData(true);\n };\n var _a, _b, _c, _d, _e;\n AnalyticsTechnologyView = technology_view_component___decorate([\n Object(core_es5[\"Component\"])({\n selector: 'analytics-technology-view',\n template: __webpack_require__(1386),\n styles: [\n ':host .chart-loader {height:300px;position:relative;}'\n ],\n changeDetection: core_es5[\"ChangeDetectionStrategy\"].OnPush\n }),\n technology_view_component___metadata(\"design:paramtypes\", [typeof (_a = typeof angular_l10n_es5[\"a\" /* LocaleService */] !== \"undefined\" && angular_l10n_es5[\"a\" /* LocaleService */]) === \"function\" && _a || Object, typeof (_b = typeof angular_l10n_es5[\"d\" /* TranslationService */] !== \"undefined\" && angular_l10n_es5[\"d\" /* TranslationService */]) === \"function\" && _b || Object, typeof (_c = typeof analytics_service_AnalyticsService !== \"undefined\" && analytics_service_AnalyticsService) === \"function\" && _c || Object, typeof (_d = typeof user_service[\"a\" /* UserService */] !== \"undefined\" && user_service[\"a\" /* UserService */]) === \"function\" && _d || Object, typeof (_e = typeof core_es5[\"ChangeDetectorRef\"] !== \"undefined\" && core_es5[\"ChangeDetectorRef\"]) === \"function\" && _e || Object])\n ], AnalyticsTechnologyView);\n return AnalyticsTechnologyView;\n}(angular_l10n_es5[\"b\" /* Localization */]));\n\n\n// CONCATENATED MODULE: ./src/module/analytics/technology/technology.module.ts\nvar technology_module___decorate = (this && this.__decorate) || function (decorators, target, key, desc) {\n var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;\n if (typeof Reflect === \"object\" && typeof Reflect.decorate === \"function\") r = Reflect.decorate(decorators, target, key, desc);\n 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;\n return c > 3 && r && Object.defineProperty(target, key, r), r;\n};\n\n\n\n\n\n\n\n\n\n\n\nvar technology_module_routes = [\n { path: '', component: technology_view_component_AnalyticsTechnologyView },\n];\nvar technology_module_AnalyticsTechnologyModule = (function () {\n function AnalyticsTechnologyModule() {\n }\n AnalyticsTechnologyModule = technology_module___decorate([\n Object(core_es5[\"NgModule\"])({\n imports: [\n http_es5[\"c\" /* HttpModule */],\n shared_module_SharedModule,\n common_es5[\"CommonModule\"],\n angular_l10n_es5[\"c\" /* LocalizationModule */],\n router_es5[\"h\" /* RouterModule */].forChild(technology_module_routes),\n forms_es5[\"FormsModule\"],\n form_module_FormComponentsModule,\n chart_module_ChartModule,\n ],\n declarations: [\n technology_view_component_AnalyticsTechnologyView,\n ],\n providers: [\n analytics_service_AnalyticsService,\n ]\n })\n ], AnalyticsTechnologyModule);\n return AnalyticsTechnologyModule;\n}());\n\n\n// CONCATENATED MODULE: ./src/module/analytics/realtime/realtime.view.component.ts\nvar realtime_view_component___extends = (this && this.__extends) || (function () {\n var extendStatics = Object.setPrototypeOf ||\n ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||\n function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };\n return function (d, b) {\n extendStatics(d, b);\n function __() { this.constructor = d; }\n d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());\n };\n})();\nvar realtime_view_component___decorate = (this && this.__decorate) || function (decorators, target, key, desc) {\n var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;\n if (typeof Reflect === \"object\" && typeof Reflect.decorate === \"function\") r = Reflect.decorate(decorators, target, key, desc);\n 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;\n return c > 3 && r && Object.defineProperty(target, key, r), r;\n};\nvar realtime_view_component___metadata = (this && this.__metadata) || function (k, v) {\n if (typeof Reflect === \"object\" && typeof Reflect.metadata === \"function\") return Reflect.metadata(k, v);\n};\n\n\n\n\n\nvar realtime_view_component_AnalyticsRealtimeView = (function (_super) {\n realtime_view_component___extends(AnalyticsRealtimeView, _super);\n function AnalyticsRealtimeView(locale, translation, analyticsService, user, cdr) {\n var _this = _super.call(this, locale, translation) || this;\n _this.locale = locale;\n _this.translation = translation;\n _this.analyticsService = analyticsService;\n _this.user = user;\n _this.cdr = cdr;\n _this.REFRESH_DATA_PERIOD = 1000;\n _this.PAST_TIMESTAMP = 946684800;\n _this.audienceMinutesChart = { data: [], labels: [] };\n _this.audienceSecondsChart = { data: [], labels: [] };\n _this.audienceWatchingUsersNum = 0;\n _this.topMediaList = null;\n _this.topMediaListTotalLength = null;\n _this.topMediaListLoading = false;\n _this.mediaMetadataByMaterialId = new Map();\n _this.topMediaListPagingOptions = {\n page: 1,\n page_size: 10\n };\n _this.selectedMediaMinutesChart = { data: [], labels: [] };\n _this.selectedMediaSecondsChart = { data: [], labels: [] };\n _this.selectedMediaMetadata = null;\n _this.updateNum = 0;\n _this.updateDataTimer = setInterval(function () { return _this.updateData(); }, _this.REFRESH_DATA_PERIOD);\n _this.dateUtil = date_util_DateUtil;\n return _this;\n }\n AnalyticsRealtimeView.prototype.ngOnInit = function () {\n this.loadData();\n };\n AnalyticsRealtimeView.prototype.ngOnDestroy = function () {\n if (this.updateDataTimer) {\n clearInterval(this.updateDataTimer);\n this.updateDataTimer = null;\n }\n };\n AnalyticsRealtimeView.prototype.loadData = function () {\n this.audienceMinutesChart = { data: [], labels: [] };\n this.audienceSecondsChart = { data: [], labels: [] };\n for (var i = 0; i < 60; i++) {\n this.audienceMinutesChart.labels.push('- ' + (60 - i) + ' min');\n this.audienceSecondsChart.labels.push('- ' + (60 - i) + ' sec');\n }\n this.audienceMinutesChart.data.push({\n data: this.generateInitialData(60),\n label: 'Watching users'\n });\n var dataForSeconds = this.generateInitialData(60);\n this.audienceSecondsChart.data.push({\n data: dataForSeconds,\n label: 'Watching users'\n });\n this.loadTopMediaList();\n this.cdr.markForCheck();\n };\n AnalyticsRealtimeView.prototype.updateData = function () {\n this.updateNum++;\n this.updateAudienceData();\n if (this.updateNum % 10 == 0) {\n this.loadTopMediaList();\n }\n this.updateSelectedMediaStats();\n this.cdr.markForCheck();\n };\n AnalyticsRealtimeView.prototype.updateAudienceData = function () {\n var _this = this;\n if (!this.audienceMinutesChart\n || !this.audienceMinutesChart.data\n || (this.audienceMinutesChart.data.length == 0)\n || (this.audienceMinutesChart.data[0].data.length == 0)\n || (this.audienceSecondsChart.data.length == 0)\n || (this.audienceSecondsChart.data[0].data.length == 0)) {\n return;\n }\n this.analyticsService.getRealtimeAccountViewersNum().subscribe(function (data) {\n if (_this.updateNum % 60 == 0) {\n var samples = _this.audienceSecondsChart.data[0].data.slice();\n var lastMinuteSum = 0;\n for (var _i = 0, samples_1 = samples; _i < samples_1.length; _i++) {\n var v = samples_1[_i];\n lastMinuteSum += v;\n }\n _this.chartPushValue(_this.audienceMinutesChart, Math.ceil(lastMinuteSum / 60));\n }\n _this.audienceWatchingUsersNum = data.viewers_num > 0 ? data.viewers_num : 0;\n _this.chartPushValue(_this.audienceSecondsChart, _this.audienceWatchingUsersNum);\n _this.cdr.markForCheck();\n });\n };\n AnalyticsRealtimeView.prototype.updateSelectedMediaStats = function () {\n var _this = this;\n if (!this.selectedMediaMinutesChart\n || !this.selectedMediaMetadata\n || !this.selectedMediaMinutesChart.data\n || (this.selectedMediaMinutesChart.data.length == 0)\n || (this.selectedMediaMinutesChart.data[0].data.length == 0)\n || (this.selectedMediaSecondsChart.data.length == 0)\n || (this.selectedMediaSecondsChart.data[0].data.length == 0)) {\n return;\n }\n this.analyticsService.getRealtimeMediaViewersNum(this.selectedMediaMetadata.material_id).subscribe(function (data) {\n if (_this.updateNum % 60 == 0) {\n var samples = _this.selectedMediaSecondsChart.data[0].data.slice();\n var lastMinuteSum = 0;\n for (var _i = 0, samples_2 = samples; _i < samples_2.length; _i++) {\n var v = samples_2[_i];\n lastMinuteSum += v;\n }\n _this.chartPushValue(_this.selectedMediaMinutesChart, Math.ceil(lastMinuteSum / 60));\n }\n var watchingUsers = data.viewers_num > 0 ? data.viewers_num : 0;\n _this.chartPushValue(_this.selectedMediaSecondsChart, watchingUsers);\n _this.cdr.markForCheck();\n });\n };\n AnalyticsRealtimeView.prototype.loadSelectedMediaStats = function () {\n this.selectedMediaMinutesChart = { data: [], labels: [] };\n this.selectedMediaSecondsChart = { data: [], labels: [] };\n for (var i = 0; i < 60; i++) {\n this.selectedMediaMinutesChart.labels.push('- ' + (60 - i) + ' min');\n this.selectedMediaSecondsChart.labels.push('- ' + (60 - i) + ' sec');\n }\n this.selectedMediaMinutesChart.data.push({\n data: this.generateInitialData(60),\n label: 'Watching users'\n });\n var dataForSeconds = this.generateInitialData(60);\n this.selectedMediaSecondsChart.data.push({\n data: dataForSeconds,\n label: 'Watching users'\n });\n this.cdr.markForCheck();\n };\n AnalyticsRealtimeView.prototype.chartPushValue = function (chart, val) {\n var samples = chart.data[0].data;\n samples.shift();\n samples.push(val);\n chart.data = [{\n data: samples,\n label: 'Watching users'\n }];\n };\n AnalyticsRealtimeView.prototype.loadTopMediaList = function () {\n var _this = this;\n this.topMediaListLoading = true;\n this.analyticsService.getRealtimeTopViewedMediaMetadataList(this.topMediaListPagingOptions).subscribe(function (data) {\n _this.topMediaList = data.records;\n _this.topMediaListTotalLength = data.total_records;\n _this.mediaMetadataByMaterialId = new Map();\n for (var _i = 0, _a = data.records; _i < _a.length; _i++) {\n var mm = _a[_i];\n _this.mediaMetadataByMaterialId.set(mm.media.material_id, mm.media);\n }\n if ((_this.selectedMediaMetadata == null) && (_this.topMediaList != null) && (_this.topMediaList.length > 0)) {\n _this.selectMediaMetadata(_this.topMediaList[0].media.material_id);\n }\n _this.topMediaListLoading = false;\n _this.cdr.markForCheck();\n });\n };\n AnalyticsRealtimeView.prototype.onTopMediaListPageChange = function (page) {\n this.topMediaListPagingOptions.page = page;\n this.loadTopMediaList();\n };\n AnalyticsRealtimeView.prototype.isMediaMetadataSelected = function (material_id) {\n return material_id && this.selectedMediaMetadata && (this.selectedMediaMetadata.material_id == material_id);\n };\n AnalyticsRealtimeView.prototype.selectMediaMetadata = function (materialId) {\n if (this.selectedMediaMetadata && (this.selectedMediaMetadata.material_id == materialId)) {\n return;\n }\n this.selectedMediaMetadata = this.mediaMetadataByMaterialId.get(materialId);\n this.loadSelectedMediaStats();\n };\n AnalyticsRealtimeView.prototype.lastVal = function (arr) {\n if (!arr || (arr.length == 0)) {\n return null;\n }\n return arr[arr.length - 1];\n };\n AnalyticsRealtimeView.prototype.generateInitialData = function (len) {\n var result = [];\n for (var i = 0; i < len; i++) {\n result.push(0);\n }\n return result;\n };\n var _a, _b, _c, _d, _e;\n AnalyticsRealtimeView = realtime_view_component___decorate([\n Object(core_es5[\"Component\"])({\n selector: 'analytics-realtime-view',\n template: __webpack_require__(1387),\n styles: [\n ':host .chart-loader {height:300px;position:relative;}',\n ':host .chart-tile {font-size: 1.5rem;font-weight: 400;padding-bottom: 10px;text-align:center;}',\n ':host .media-list-loader {height:400px;}',\n ':host #top-content-list.loading tbody tr td:last-child {opacity:0.5}'\n ],\n changeDetection: core_es5[\"ChangeDetectionStrategy\"].OnPush\n }),\n realtime_view_component___metadata(\"design:paramtypes\", [typeof (_a = typeof angular_l10n_es5[\"a\" /* LocaleService */] !== \"undefined\" && angular_l10n_es5[\"a\" /* LocaleService */]) === \"function\" && _a || Object, typeof (_b = typeof angular_l10n_es5[\"d\" /* TranslationService */] !== \"undefined\" && angular_l10n_es5[\"d\" /* TranslationService */]) === \"function\" && _b || Object, typeof (_c = typeof analytics_service_AnalyticsService !== \"undefined\" && analytics_service_AnalyticsService) === \"function\" && _c || Object, typeof (_d = typeof user_service[\"a\" /* UserService */] !== \"undefined\" && user_service[\"a\" /* UserService */]) === \"function\" && _d || Object, typeof (_e = typeof core_es5[\"ChangeDetectorRef\"] !== \"undefined\" && core_es5[\"ChangeDetectorRef\"]) === \"function\" && _e || Object])\n ], AnalyticsRealtimeView);\n return AnalyticsRealtimeView;\n}(angular_l10n_es5[\"b\" /* Localization */]));\n\n\n// CONCATENATED MODULE: ./src/module/analytics/realtime/realtime.module.ts\nvar realtime_module___decorate = (this && this.__decorate) || function (decorators, target, key, desc) {\n var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;\n if (typeof Reflect === \"object\" && typeof Reflect.decorate === \"function\") r = Reflect.decorate(decorators, target, key, desc);\n 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;\n return c > 3 && r && Object.defineProperty(target, key, r), r;\n};\n\n\n\n\n\n\n\n\n\n\n\n\nvar realtime_module_routes = [\n { path: '', component: realtime_view_component_AnalyticsRealtimeView },\n];\nvar realtime_module_AnalyticsRealtimeModule = (function () {\n function AnalyticsRealtimeModule() {\n }\n AnalyticsRealtimeModule = realtime_module___decorate([\n Object(core_es5[\"NgModule\"])({\n imports: [\n http_es5[\"c\" /* HttpModule */],\n shared_module_SharedModule,\n common_es5[\"CommonModule\"],\n angular_l10n_es5[\"c\" /* LocalizationModule */],\n router_es5[\"h\" /* RouterModule */].forChild(realtime_module_routes),\n forms_es5[\"FormsModule\"],\n form_module_FormComponentsModule,\n pager_module_PagerModule,\n chart_module_ChartModule,\n ],\n declarations: [\n realtime_view_component_AnalyticsRealtimeView,\n ],\n providers: [\n analytics_service_AnalyticsService,\n ]\n })\n ], AnalyticsRealtimeModule);\n return AnalyticsRealtimeModule;\n}());\n\n\n// CONCATENATED MODULE: ./src/module/analytics/QOS/QOS.view.component.ts\nvar QOS_view_component___extends = (this && this.__extends) || (function () {\n var extendStatics = Object.setPrototypeOf ||\n ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||\n function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };\n return function (d, b) {\n extendStatics(d, b);\n function __() { this.constructor = d; }\n d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());\n };\n})();\nvar QOS_view_component___decorate = (this && this.__decorate) || function (decorators, target, key, desc) {\n var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;\n if (typeof Reflect === \"object\" && typeof Reflect.decorate === \"function\") r = Reflect.decorate(decorators, target, key, desc);\n 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;\n return c > 3 && r && Object.defineProperty(target, key, r), r;\n};\nvar QOS_view_component___metadata = (this && this.__metadata) || function (k, v) {\n if (typeof Reflect === \"object\" && typeof Reflect.metadata === \"function\") return Reflect.metadata(k, v);\n};\n\n\n\n\n\n\nvar QOS_view_component_QOSView = (function (_super) {\n QOS_view_component___extends(QOSView, _super);\n function QOSView(chartService, mediaAnalyticsService, locale, translation, user, cdr) {\n var _this = _super.call(this, locale, translation) || this;\n _this.chartService = chartService;\n _this.mediaAnalyticsService = mediaAnalyticsService;\n _this.locale = locale;\n _this.translation = translation;\n _this.user = user;\n _this.cdr = cdr;\n _this.stackedData = {\n sum: 62, data: [\n { value: 10, color: 'rgb(157, 141, 241)', key: 'Startup time' },\n { value: 15, color: 'rgb(7, 160, 112)', key: 'Rebuffering' },\n { value: 7, color: 'rgb(130, 2, 99)', key: 'Advertisment' },\n { value: 30, color: 'rgb(255, 99, 146)', key: 'Playing' }\n ]\n };\n _this.previewHistoryStats = null;\n _this.previewFilledStats = null;\n _this.charts = [\n { topic: 'Failrue' },\n { topic: 'Startup' },\n { topic: 'Rebuffer' },\n { topic: 'Quality' }\n ];\n return _this;\n }\n QOSView.prototype.ngOnInit = function () {\n this.loadMockData();\n };\n QOSView.prototype.ngOnDestroy = function () {\n };\n QOSView.prototype.loadMockData = function () {\n var _this = this;\n var endDate = moment_default()().startOf('day');\n var startDate = endDate.clone().subtract(30, 'days');\n this.mediaAnalyticsService.getMediaViewsHistory('MEDIA_ID_1', startDate, endDate, 'day')\n .subscribe(function (data) {\n data.data.label = 'label';\n data.data.fill = false;\n _this.previewHistoryStats = {\n data: [data.data],\n labels: data.labels,\n startDate: startDate,\n endDate: endDate,\n chartType: 'lineTime',\n granularity: 'day'\n };\n _this.cdr.markForCheck();\n });\n };\n var _a, _b, _c, _d, _e, _f;\n QOSView = QOS_view_component___decorate([\n Object(core_es5[\"Component\"])({\n selector: 'qos-view',\n template: __webpack_require__(1388),\n styles: [\n ':host .chart-loader {height:300px;position:relative;}',\n ':host .chart-tile {font-size: 1.5rem;font-weight: 400;padding-bottom: 10px;text-align:center;}',\n ':host .media-list-loader {height:400px;}',\n ':host #top-content-list.loading tbody tr td:last-child {opacity:0.5}'\n ],\n changeDetection: core_es5[\"ChangeDetectionStrategy\"].OnPush\n }),\n QOS_view_component___metadata(\"design:paramtypes\", [typeof (_a = typeof usersAndViewsVSTime_service_UsersAndViewsVsTimeService !== \"undefined\" && usersAndViewsVSTime_service_UsersAndViewsVsTimeService) === \"function\" && _a || Object, typeof (_b = typeof media_service_MediaService !== \"undefined\" && media_service_MediaService) === \"function\" && _b || Object, typeof (_c = typeof angular_l10n_es5[\"a\" /* LocaleService */] !== \"undefined\" && angular_l10n_es5[\"a\" /* LocaleService */]) === \"function\" && _c || Object, typeof (_d = typeof angular_l10n_es5[\"d\" /* TranslationService */] !== \"undefined\" && angular_l10n_es5[\"d\" /* TranslationService */]) === \"function\" && _d || Object, typeof (_e = typeof user_service[\"a\" /* UserService */] !== \"undefined\" && user_service[\"a\" /* UserService */]) === \"function\" && _e || Object, typeof (_f = typeof core_es5[\"ChangeDetectorRef\"] !== \"undefined\" && core_es5[\"ChangeDetectorRef\"]) === \"function\" && _f || Object])\n ], QOSView);\n return QOSView;\n}(angular_l10n_es5[\"b\" /* Localization */]));\n\n\n// CONCATENATED MODULE: ./src/module/analytics/component/charts/stackedhorizontalchart.component.ts\nvar stackedhorizontalchart_component___decorate = (this && this.__decorate) || function (decorators, target, key, desc) {\n var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;\n if (typeof Reflect === \"object\" && typeof Reflect.decorate === \"function\") r = Reflect.decorate(decorators, target, key, desc);\n 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;\n return c > 3 && r && Object.defineProperty(target, key, r), r;\n};\nvar stackedhorizontalchart_component___metadata = (this && this.__metadata) || function (k, v) {\n if (typeof Reflect === \"object\" && typeof Reflect.metadata === \"function\") return Reflect.metadata(k, v);\n};\n\nvar stackedhorizontalchart_component_HorizontalStackedChartComponent = (function () {\n function HorizontalStackedChartComponent() {\n this.xLabels = ['10%', '20%', '30%', '40%', '50%', '60%', '70%', '80%', '90%'];\n }\n HorizontalStackedChartComponent.prototype.ngOnInit = function () { };\n stackedhorizontalchart_component___decorate([\n Object(core_es5[\"Input\"])(),\n stackedhorizontalchart_component___metadata(\"design:type\", Object)\n ], HorizontalStackedChartComponent.prototype, \"dataset\", void 0);\n HorizontalStackedChartComponent = stackedhorizontalchart_component___decorate([\n Object(core_es5[\"Component\"])({\n selector: 'horizontal-stacked-chart',\n template: \"\\n\\t\\n\\n\\t\\n\\t
\\n\\t\\t\\n\\t\\t \\n\\t\\t \\n\\t
\\n\\n\\t\\n\\t
\\n\\t\\t\\n\\t\\t \\n\\t\\t\\t{{data.value/dataset.sum *100 | number:'1.0-0' }} % \\n\\t\\t \\n\\t\\t \\n\\t
\\n\\n\\t\\n\\t
\\n\\t
\\n\\t
\\n\\t
\\n\\t \\t\\n\\t
\\n\\n\\n\\t\\n\\t
\\n\\t \\n\\t\\t {{data.key}} ({{data.value/dataset.sum *100 | number:'1.0-2' }} %) \\n\\t \\n\\t
\\n \"\n }),\n stackedhorizontalchart_component___metadata(\"design:paramtypes\", [])\n ], HorizontalStackedChartComponent);\n return HorizontalStackedChartComponent;\n}());\n\n\n// CONCATENATED MODULE: ./src/module/analytics/QOS/QOS.module.ts\nvar QOS_module___decorate = (this && this.__decorate) || function (decorators, target, key, desc) {\n var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;\n if (typeof Reflect === \"object\" && typeof Reflect.decorate === \"function\") r = Reflect.decorate(decorators, target, key, desc);\n 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;\n return c > 3 && r && Object.defineProperty(target, key, r), r;\n};\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\nvar QOS_module_routes = [\n { path: '', component: QOS_view_component_QOSView },\n];\nvar QOS_module_AnalyticsQOSModule = (function () {\n function AnalyticsQOSModule() {\n }\n AnalyticsQOSModule = QOS_module___decorate([\n Object(core_es5[\"NgModule\"])({\n imports: [\n http_es5[\"c\" /* HttpModule */],\n shared_module_SharedModule,\n common_es5[\"CommonModule\"],\n angular_l10n_es5[\"c\" /* LocalizationModule */],\n router_es5[\"h\" /* RouterModule */].forChild(QOS_module_routes),\n forms_es5[\"FormsModule\"],\n form_module_FormComponentsModule,\n pager_module_PagerModule,\n chart_module_ChartModule,\n ],\n declarations: [\n QOS_view_component_QOSView,\n stackedhorizontalchart_component_HorizontalStackedChartComponent\n ],\n providers: [\n analytics_service_AnalyticsService,\n usersAndViewsVSTime_service_UsersAndViewsVsTimeService,\n media_service_MediaService\n ]\n })\n ], AnalyticsQOSModule);\n return AnalyticsQOSModule;\n}());\n\n\n// CONCATENATED MODULE: ./src/module/analytics/playback-experience/playback-experience.list.view.component.ts\nvar playback_experience_list_view_component___extends = (this && this.__extends) || (function () {\n var extendStatics = Object.setPrototypeOf ||\n ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||\n function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };\n return function (d, b) {\n extendStatics(d, b);\n function __() { this.constructor = d; }\n d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());\n };\n})();\nvar playback_experience_list_view_component___decorate = (this && this.__decorate) || function (decorators, target, key, desc) {\n var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;\n if (typeof Reflect === \"object\" && typeof Reflect.decorate === \"function\") r = Reflect.decorate(decorators, target, key, desc);\n 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;\n return c > 3 && r && Object.defineProperty(target, key, r), r;\n};\nvar playback_experience_list_view_component___metadata = (this && this.__metadata) || function (k, v) {\n if (typeof Reflect === \"object\" && typeof Reflect.metadata === \"function\") return Reflect.metadata(k, v);\n};\n\n\n\n\n\n\nvar playback_experience_list_view_component_PlaybackExperienceListView = (function (_super) {\n playback_experience_list_view_component___extends(PlaybackExperienceListView, _super);\n function PlaybackExperienceListView(chartService, mediaAnalyticsService, locale, translation, user, cdr) {\n var _this = _super.call(this, locale, translation) || this;\n _this.chartService = chartService;\n _this.mediaAnalyticsService = mediaAnalyticsService;\n _this.locale = locale;\n _this.translation = translation;\n _this.user = user;\n _this.cdr = cdr;\n _this.dateUtil = date_util_DateUtil;\n _this.playbacksDb = _this.generateMockData();\n _this.searchOptions = {\n text: null,\n sort_by: null,\n sort_dir: 'asc',\n page: 1,\n page_size: 20,\n total: _this.playbacksDb.length,\n };\n _this.columnsAverage = {\n duration: null,\n media_duration: null,\n playback_coverage: null\n };\n _this.loadMockData();\n return _this;\n }\n PlaybackExperienceListView.prototype.generateMockData = function () {\n var mediaList = [\n { type: \"live\", id: \"4091451\", title: \"TV 2\", duration: null },\n { type: \"live\", id: \"5366309\", title: \"TV6\", duration: null },\n { type: \"live\", id: \"4091449\", title: \"TV4 HD\", duration: null },\n { type: \"live\", id: \"4091452\", title: \"TV 2\", duration: null },\n { type: \"live\", id: \"5366278\", title: \"TV3\", duration: null },\n { type: \"live\", id: \"4158956\", title: \"NRK1\", duration: null },\n { type: \"live\", id: \"4091441\", title: \"SVT1 HD\", duration: null },\n { type: \"live\", id: \"4091423\", title: \"DR1\", duration: null },\n { type: \"vod\", id: \"8249858\", title: \"Infinite\", duration: 6116.72021484375 },\n { type: \"vod\", id: \"8418807\", title: \"Yellowstone S04/E01\", duration: 3327.15991210938 },\n { type: \"vod\", id: \"8525981\", title: \"1883 S01/E01\", duration: 3843.43994140625 },\n { type: \"vod\", id: \"8442655\", title: \"Yellowstone S04/E05\", duration: 2637.43994140625 },\n { type: \"vod\", id: \"8418809\", title: \"Yellowstone S04/E02\", duration: 2850.32006835938 },\n { type: \"vod\", id: \"8429791\", title: \"Yellowstone S04/E04\", duration: 2865.80004882812 },\n { type: \"vod\", id: \"8418810\", title: \"Yellowstone S04/E03\", duration: 2740.60009765625 },\n { type: \"vod\", id: \"8507248\", title: \"Yellowstone S04/E10\", duration: 4379.2001953125 },\n { type: \"vod\", id: \"8466254\", title: \"Yellowstone S04/E09\", duration: 3293.0400390625 },\n { type: \"vod\", id: \"8442656\", title: \"Yellowstone S04/E06\", duration: 2819.36010742188 },\n { type: \"vod\", id: \"8466253\", title: \"Yellowstone S04/E07\", duration: 3189.39990234375 },\n { type: \"vod\", id: \"8525978\", title: \"1883 S01/E02\", duration: 3396.23999023438 },\n { type: \"vod\", id: \"8496715\", title: \"Yellowstone S04/E08\", duration: 2627.0400390625 },\n { type: \"vod\", id: \"8549832\", title: \"Beck - Rage Room (44)\", duration: 5387.1201171875 },\n { type: \"vod\", id: \"8547415\", title: \"1883 S01/E04\", duration: 3140.23999023438 },\n { type: \"vod\", id: \"8525979\", title: \"1883 S01/E03\", duration: 2491.15991210938 },\n { type: \"vod\", id: \"5977031\", title: \"Jack Reacher: Never Go Back\", duration: 6775.759765625 },\n { type: \"vod\", id: \"8354842\", title: \"Suedi\", duration: 5377.9599609375 },\n { type: \"vod\", id: \"8347434\", title: \"Furia S01/E01\", duration: 2969.0400390625 },\n { type: \"vod\", id: \"8418806\", title: \"Dexter: New Blood S01/E01\", duration: 3296.80004882812 },\n { type: \"vod\", id: \"8459016\", title: \"Final Target\", duration: 5573.27978515625 },\n { type: \"vod\", id: \"8426043\", title: \"Knutby S01/E03\", duration: 2587.1201171875 },\n { type: \"vod\", id: \"8413500\", title: \"Dune (2020)\", duration: 8939.9599609375 },\n { type: \"vod\", id: \"8161235\", title: \"Hummingbird\", duration: 5757.39990234375 },\n { type: \"vod\", id: \"8305424\", title: \"Threesome S01/E01\", duration: 1476.23999023438 },\n { type: \"vod\", id: \"7722746\", title: \"Yellowstone S03/E10\", duration: 2744.56005859375 },\n { type: \"vod\", id: \"8186292\", title: \"13 Hours: The Secret Soldiers of Benghazi\", duration: 8310.16015625 },\n { type: \"vod\", id: \"8381809\", title: \"Solsidan - onnea onkimassa S07/E01\", duration: 1330.11999511719 },\n { type: \"vod\", id: \"8409850\", title: \"Knutby S01/E01\", duration: 2522.080078125 },\n { type: \"vod\", id: \"8356620\", title: \"The Operative\", duration: 6717.1201171875 },\n { type: \"vod\", id: \"7214745\", title: \"Avengement\", duration: 5052.43994140625 },\n { type: \"vod\", id: \"8291007\", title: \"A Quiet Place Part II\", duration: 5585.60009765625 },\n { type: \"vod\", id: \"8291006\", title: \"The Gentlemen\", duration: 6510.64013671875 },\n { type: \"vod\", id: \"8325351\", title: \"American Rust S01/E01\", duration: 3635.8798828125 },\n { type: \"vod\", id: \"8163060\", title: \"Parker\", duration: 6828.080078125 },\n ];\n var usersUuids = [];\n for (var i = 0; i < 479; i++) {\n usersUuids.push(this.generateUuid());\n }\n var envs = this.generateEnvs();\n var startTime = Math.floor((new Date()).getTime() / 1000.0);\n var result = [];\n for (var i = 0; i < 7177; i++) {\n var userPos = (i * 5701) % usersUuids.length;\n var env = envs[userPos % envs.length];\n var playbackRatio = (env.device_type == 'PC') ? 1.0 : 0.67;\n var media = mediaList[(i * 113) % mediaList.length];\n var watchDuration = playbackRatio * (Math.random() * 1000 + Math.random() * 100 + Math.random() * 40);\n var coverageStr = '-';\n if (media.duration > 0) {\n var coverage = playbackRatio * Math.random();\n watchDuration = coverage * media.duration;\n coverageStr = (coverage * 100.0).toFixed(2);\n }\n result.push({\n playback_id: this.generateUuid(),\n user_id: usersUuids[userPos],\n start_time: startTime,\n duration: watchDuration,\n media_type: media.type,\n media_id: media.id,\n media_title: media.title,\n media_duration: media.duration,\n playback_coverage: coverageStr,\n device_type: env.device_type,\n device_browser: env.device_browser,\n device_os: env.device_os,\n isp: env.isp,\n cdn: env.cdn,\n });\n startTime -= Math.floor(100 * Math.random());\n }\n return result;\n };\n PlaybackExperienceListView.prototype.generateEnvs = function () {\n var envs = [];\n envs.push({ device_type: 'PC', device_browser: 'Chrome', device_os: 'Windows 10', isp: 'Netia', cdn: 'AWS-1' });\n envs.push({ device_type: 'PC', device_browser: 'Edge', device_os: 'Windows 10', isp: 'Netia', cdn: 'AWS-1' });\n envs.push({ device_type: 'PC', device_browser: 'Firefox', device_os: 'Windows 10', isp: 'Netia', cdn: 'AWS-1' });\n envs.push({ device_type: 'PC', device_browser: 'Edge', device_os: 'Windows 11', isp: 'Netia', cdn: 'AWS-1' });\n envs.push({ device_type: 'PC', device_browser: 'Chrome', device_os: 'Windows 10', isp: 'INEA', cdn: 'AWS-1' });\n envs.push({ device_type: 'PC', device_browser: 'Firefox', device_os: 'Windows 11', isp: 'INEA', cdn: 'AWS-1' });\n envs.push({ device_type: 'PC', device_browser: 'Chrome', device_os: 'Windows 10', isp: 'Netia', cdn: 'AWS-2' });\n envs.push({ device_type: 'PC', device_browser: 'Firefox', device_os: 'Windows 10', isp: 'Netia', cdn: 'AWS-2' });\n envs.push({ device_type: 'PC', device_browser: 'Edge', device_os: 'Windows 11', isp: 'Netia', cdn: 'AWS-2' });\n envs.push({ device_type: 'PC', device_browser: 'Chrome', device_os: 'Windows 10', isp: 'INEA', cdn: 'AWS-2' });\n envs.push({ device_type: 'PC', device_browser: 'Safari', device_os: 'MacOS', isp: 'Netia', cdn: 'AWS-1' });\n envs.push({ device_type: 'PC', device_browser: 'Safari', device_os: 'MacOS', isp: 'INEA', cdn: 'AWS-2' });\n envs.push({ device_type: 'mobile', device_browser: 'Chrome', device_os: 'Android 10', isp: 'Play', cdn: 'AWS-1' });\n envs.push({ device_type: 'mobile', device_browser: 'FireFox', device_os: 'Android 10', isp: 'Play', cdn: 'AWS-2' });\n envs.push({ device_type: 'mobile', device_browser: 'Chrome', device_os: 'Android 12', isp: 'Play', cdn: 'AWS-1' });\n envs.push({ device_type: 'mobile', device_browser: 'Chrome', device_os: 'Android 8', isp: 'Play', cdn: 'AWS-2' });\n envs.push({ device_type: 'mobile', device_browser: 'Safari', device_os: 'iOS 13', isp: 'Play', cdn: 'AWS-2' });\n envs.push({ device_type: 'mobile', device_browser: 'Safari', device_os: 'iOS 14', isp: 'Play', cdn: 'AWS-1' });\n envs.push({ device_type: 'mobile', device_browser: 'Chrome', device_os: 'Android 10', isp: 'Orange', cdn: 'AWS-1' });\n envs.push({ device_type: 'mobile', device_browser: 'FireFox', device_os: 'Android 11', isp: 'Orange', cdn: 'AWS-2' });\n envs.push({ device_type: 'mobile', device_browser: 'Chrome', device_os: 'Android 12', isp: 'Orange', cdn: 'AWS-1' });\n envs.push({ device_type: 'mobile', device_browser: 'Chrome', device_os: 'Android 8', isp: 'Orange', cdn: 'AWS-2' });\n envs.push({ device_type: 'mobile', device_browser: 'Safari', device_os: 'iOS 13', isp: 'Orange', cdn: 'AWS-1' });\n envs.push({ device_type: 'mobile', device_browser: 'Safari', device_os: 'iOS 14', isp: 'Orange', cdn: 'AWS-1' });\n envs.push({ device_type: 'mobile', device_browser: 'Chrome', device_os: 'Android 10', isp: 'T-Mobile', cdn: 'AWS-1' });\n envs.push({ device_type: 'mobile', device_browser: 'FireFox', device_os: 'Android 11', isp: 'T-Mobile', cdn: 'AWS-2' });\n envs.push({ device_type: 'mobile', device_browser: 'Safari', device_os: 'iOS 13', isp: 'T-Mobile', cdn: 'AWS-1' });\n envs.push({ device_type: 'mobile', device_browser: 'Chrome', device_os: 'Android 10', isp: 'Netia', cdn: 'AWS-1' });\n envs.push({ device_type: 'mobile', device_browser: 'FireFox', device_os: 'Android 10', isp: 'Netia', cdn: 'AWS-2' });\n envs.push({ device_type: 'mobile', device_browser: 'Chrome', device_os: 'Android 12', isp: 'INEA', cdn: 'AWS-1' });\n envs.push({ device_type: 'mobile', device_browser: 'Chrome', device_os: 'Android 8', isp: 'Vectra', cdn: 'AWS-2' });\n envs.push({ device_type: 'mobile', device_browser: 'Safari', device_os: 'iOS 13', isp: 'Vectra', cdn: 'AWS-2' });\n envs.push({ device_type: 'mobile', device_browser: 'Safari', device_os: 'iOS 14', isp: 'Netia', cdn: 'AWS-1' });\n return envs;\n };\n PlaybackExperienceListView.prototype.generateUuid = function () {\n return 'xxxxxxxx-xxxx-xxxx-xxxx-xxxxxxxxxxxx'.replace(/[x]/g, function (c) {\n return Math.floor(Math.random() * 16).toString(16);\n });\n };\n PlaybackExperienceListView.prototype.loadMockData = function () {\n var res = this.playbacksDb.slice();\n if (this.searchOptions.text) {\n var text = this.searchOptions.text.toLowerCase();\n res = [];\n for (var pos = 0; pos < this.playbacksDb.length; pos++) {\n var rec = this.playbacksDb[pos];\n for (var k in rec) {\n if ((rec[k] + '').toLowerCase().indexOf(text) !== -1) {\n res.push(rec);\n }\n }\n }\n }\n this.searchOptions.total = res.length;\n var duration_total = 0;\n var duration_count = 0;\n var media_duration_total = 0;\n var media_duration_count = 0;\n var playback_coverage_total = 0;\n var playback_coverage_count = 0;\n for (var pos = 0; pos < res.length; pos++) {\n var rec = res[pos];\n if (rec.duration) {\n duration_total += rec.duration;\n duration_count += 1;\n }\n if (rec.media_duration) {\n media_duration_total += rec.media_duration;\n media_duration_count += 1;\n }\n if (rec.playback_coverage && parseFloat(rec.playback_coverage)) {\n playback_coverage_total += parseFloat(rec.playback_coverage);\n playback_coverage_count += 1;\n }\n }\n this.columnsAverage = {\n duration: (duration_count ? duration_total / duration_count : null),\n media_duration: (media_duration_count ? media_duration_total / media_duration_count : null),\n playback_coverage: (playback_coverage_count ? (playback_coverage_total / playback_coverage_count).toFixed(2) : '-')\n };\n if (this.searchOptions.sort_by) {\n var sort_by = this.searchOptions.sort_by;\n var cmp = function (a, b) {\n if (a[sort_by] < b[sort_by]) {\n return -1;\n }\n else if (a[sort_by] > b[sort_by]) {\n return 1;\n }\n return 0;\n };\n if (this.searchOptions.sort_dir != 'asc') {\n cmp = function (a, b) {\n if (a[sort_by] < b[sort_by]) {\n return 1;\n }\n else if (a[sort_by] > b[sort_by]) {\n return -1;\n }\n return 0;\n };\n }\n res.sort(cmp);\n }\n var pageSize = this.searchOptions.page_size;\n var pageIdx = (this.searchOptions.page - 1) * pageSize;\n this.playbacks = res.slice(pageIdx, pageIdx + pageSize);\n };\n PlaybackExperienceListView.prototype.onSearchKeyPress = function (e) {\n var code = e.keyCode || e.which;\n if (code == 13) {\n this.searchOptions.page = 1;\n this.loadMockData();\n }\n };\n PlaybackExperienceListView.prototype.onColumnHeaderClick = function (columnName) {\n if (this.searchOptions.sort_by == columnName) {\n this.searchOptions.sort_dir = (this.searchOptions.sort_dir == 'desc') ? 'asc' : 'desc';\n }\n else {\n this.searchOptions.sort_by = columnName;\n this.searchOptions.sort_dir = 'asc';\n }\n this.searchOptions.page = 1;\n this.loadMockData();\n };\n PlaybackExperienceListView.prototype.onPageChanged = function (page) {\n this.searchOptions.page = page;\n this.loadMockData();\n };\n var _a, _b, _c, _d, _e, _f;\n PlaybackExperienceListView = playback_experience_list_view_component___decorate([\n Object(core_es5[\"Component\"])({\n selector: 'playback-experience-list-view',\n template: __webpack_require__(1389),\n styles: [\n ':host .chart-loader {height:300px;position:relative;}',\n ':host .chart-tile {font-size: 1.5rem;font-weight: 400;padding-bottom: 10px;text-align:center;}',\n ':host .media-list-loader {height:400px;}',\n ':host #top-content-list.loading tbody tr td:last-child {opacity:0.5}',\n ':host .uuid {overflow: hidden;width: 100px;text-overflow: ellipsis;white-space: nowrap;display: inline-block;}',\n ],\n changeDetection: core_es5[\"ChangeDetectionStrategy\"].OnPush\n }),\n playback_experience_list_view_component___metadata(\"design:paramtypes\", [typeof (_a = typeof usersAndViewsVSTime_service_UsersAndViewsVsTimeService !== \"undefined\" && usersAndViewsVSTime_service_UsersAndViewsVsTimeService) === \"function\" && _a || Object, typeof (_b = typeof media_service_MediaService !== \"undefined\" && media_service_MediaService) === \"function\" && _b || Object, typeof (_c = typeof angular_l10n_es5[\"a\" /* LocaleService */] !== \"undefined\" && angular_l10n_es5[\"a\" /* LocaleService */]) === \"function\" && _c || Object, typeof (_d = typeof angular_l10n_es5[\"d\" /* TranslationService */] !== \"undefined\" && angular_l10n_es5[\"d\" /* TranslationService */]) === \"function\" && _d || Object, typeof (_e = typeof user_service[\"a\" /* UserService */] !== \"undefined\" && user_service[\"a\" /* UserService */]) === \"function\" && _e || Object, typeof (_f = typeof core_es5[\"ChangeDetectorRef\"] !== \"undefined\" && core_es5[\"ChangeDetectorRef\"]) === \"function\" && _f || Object])\n ], PlaybackExperienceListView);\n return PlaybackExperienceListView;\n}(angular_l10n_es5[\"b\" /* Localization */]));\n\n\n// CONCATENATED MODULE: ./src/module/analytics/playback-experience/playback-experience.details.view.component.ts\nvar playback_experience_details_view_component___extends = (this && this.__extends) || (function () {\n var extendStatics = Object.setPrototypeOf ||\n ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||\n function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };\n return function (d, b) {\n extendStatics(d, b);\n function __() { this.constructor = d; }\n d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());\n };\n})();\nvar playback_experience_details_view_component___decorate = (this && this.__decorate) || function (decorators, target, key, desc) {\n var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;\n if (typeof Reflect === \"object\" && typeof Reflect.decorate === \"function\") r = Reflect.decorate(decorators, target, key, desc);\n 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;\n return c > 3 && r && Object.defineProperty(target, key, r), r;\n};\nvar playback_experience_details_view_component___metadata = (this && this.__metadata) || function (k, v) {\n if (typeof Reflect === \"object\" && typeof Reflect.metadata === \"function\") return Reflect.metadata(k, v);\n};\n\n\n\n\n\n\nvar playback_experience_details_view_component_PlaybackExperienceDetailsView = (function (_super) {\n playback_experience_details_view_component___extends(PlaybackExperienceDetailsView, _super);\n function PlaybackExperienceDetailsView(chartService, mediaAnalyticsService, locale, translation, user, cdr) {\n var _this = _super.call(this, locale, translation) || this;\n _this.chartService = chartService;\n _this.mediaAnalyticsService = mediaAnalyticsService;\n _this.locale = locale;\n _this.translation = translation;\n _this.user = user;\n _this.cdr = cdr;\n _this.dateUtil = date_util_DateUtil;\n _this.playbackStartDate = new Date(1643819651000);\n _this.bitrateHistogramLabels = ['493 kbps', '762 kbps', '1154 kbps', '1532 kbps', '2127 kbps', '2873 kbps', '3841 kbps'];\n _this.bitrateHistogramData = [{ label: 'Played bitrate [%]', data: [3.57, 7.14, 10.71, 10.71, 42.85, 21.42, 3.57] }];\n _this.playbackHistory = [\n { type: 'Initial buffering', vt: '00:00.0', d: 3.6, avgkbps: 912, class: 'bg-grey', icon: 'fa-spinner' },\n { type: 'Playing', vt: '00:00.0', d: 4.5, avgkbps: 1718, class: 'bg-green', icon: 'fa-play-circle' },\n { type: 'Seeking', vt: '00:04.5', d: 2.2, avgkbps: 879, class: 'bg-grey', icon: 'fa-spinner' },\n { type: 'Playing', vt: '00:40.1', d: 1.2, avgkbps: 1663, class: 'bg-green', icon: 'fa-play-circle' },\n { type: 'Seeking', vt: '00:41.3', d: 1.6, avgkbps: 945, class: 'bg-grey', icon: 'fa-spinner' },\n { type: 'Playing', vt: '01:14.7', d: 646.5, avgkbps: 2214, class: 'bg-green', icon: 'fa-play-circle' },\n { type: 'Paused', vt: '12:01.2', d: 67.1, avgkbps: 2214, class: 'bg-blue', icon: 'fa-pause-circle' },\n { type: 'Playing', vt: '12:01.2', d: 1.3, avgkbps: 1760, class: 'bg-green', icon: 'fa-play-circle' },\n { type: 'Seeking', vt: '12:02.7', d: 2.6, avgkbps: 873, class: 'bg-grey', icon: 'fa-spinner' },\n { type: 'Playing', vt: '11:32.7', d: 1419.3, avgkbps: 2311, class: 'bg-green', icon: 'fa-play-circle' },\n { type: 'End', vt: '35:23.7', d: 0, avgkbps: 0, class: 'bg-black', icon: 'fa-stop-circle' },\n ];\n var walltime = 0;\n for (var _i = 0, _a = _this.playbackHistory; _i < _a.length; _i++) {\n var item = _a[_i];\n walltime += item.d;\n item.wt = _this.formatWallTime(new Date(_this.playbackStartDate.getTime() + walltime * 1000.0));\n }\n return _this;\n }\n PlaybackExperienceDetailsView.prototype.formatWallTime = function (wt) {\n return date_util_DateUtil.addLeadZeroes('' + wt.getHours()) + ':' + date_util_DateUtil.addLeadZeroes('' + wt.getMinutes()) + ':' + date_util_DateUtil.addLeadZeroes('' + wt.getSeconds()) + '.' + Math.floor(wt.getMilliseconds() / 100);\n };\n PlaybackExperienceDetailsView.prototype.ngOnInit = function () {\n };\n PlaybackExperienceDetailsView.prototype.ngOnDestroy = function () {\n };\n var _a, _b, _c, _d, _e, _f;\n PlaybackExperienceDetailsView = playback_experience_details_view_component___decorate([\n Object(core_es5[\"Component\"])({\n selector: 'playback-experience-details-view',\n template: __webpack_require__(1390),\n styles: [\n ':host .chart-loader {height:200px;position:relative;}',\n ':host .chart-tile {font-size: 1.5rem;font-weight: 400;padding-bottom: 10px;text-align:center;}',\n ':host #top-content-list.loading tbody tr td:last-child {opacity:0.5}',\n ':host .playback-history .activity {display:inline-block;width:30%;}',\n ':host .playback-history .vt {display:inline-block;width:10%;}',\n ':host .playback-history .wt {display:inline-block;width:15%;}',\n ':host .playback-history .d {display:inline-block;width:15%;}',\n ':host .playback-history .kbps {display:inline-block;width:20%;}',\n ':host .playback-history .header {font-weight:bold;background-color:#242a30;color:#fff;}',\n ':host .playback-history .items {height:420px;overflow-y:scroll;}',\n ':host .playback-history .item {color:#fff;border-top:solid 1px #e2e7eb;border-left:solid 1px #e2e7eb;border-right:solid 1px #e2e7eb;text-align:center;line-height:30px;}',\n ':host .playback-history .item:last-child {border-bottom:solid 1px #e2e7eb;}',\n ':host ::ng-deep .bitrate-histogram .canvas-wrapper {max-width:400px;margin-left: auto;margin-right: auto;}',\n ],\n changeDetection: core_es5[\"ChangeDetectionStrategy\"].OnPush\n }),\n playback_experience_details_view_component___metadata(\"design:paramtypes\", [typeof (_a = typeof usersAndViewsVSTime_service_UsersAndViewsVsTimeService !== \"undefined\" && usersAndViewsVSTime_service_UsersAndViewsVsTimeService) === \"function\" && _a || Object, typeof (_b = typeof media_service_MediaService !== \"undefined\" && media_service_MediaService) === \"function\" && _b || Object, typeof (_c = typeof angular_l10n_es5[\"a\" /* LocaleService */] !== \"undefined\" && angular_l10n_es5[\"a\" /* LocaleService */]) === \"function\" && _c || Object, typeof (_d = typeof angular_l10n_es5[\"d\" /* TranslationService */] !== \"undefined\" && angular_l10n_es5[\"d\" /* TranslationService */]) === \"function\" && _d || Object, typeof (_e = typeof user_service[\"a\" /* UserService */] !== \"undefined\" && user_service[\"a\" /* UserService */]) === \"function\" && _e || Object, typeof (_f = typeof core_es5[\"ChangeDetectorRef\"] !== \"undefined\" && core_es5[\"ChangeDetectorRef\"]) === \"function\" && _f || Object])\n ], PlaybackExperienceDetailsView);\n return PlaybackExperienceDetailsView;\n}(angular_l10n_es5[\"b\" /* Localization */]));\n\n\n// CONCATENATED MODULE: ./src/module/analytics/playback-experience/playback-experience.module.ts\nvar playback_experience_module___decorate = (this && this.__decorate) || function (decorators, target, key, desc) {\n var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;\n if (typeof Reflect === \"object\" && typeof Reflect.decorate === \"function\") r = Reflect.decorate(decorators, target, key, desc);\n 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;\n return c > 3 && r && Object.defineProperty(target, key, r), r;\n};\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\nvar playback_experience_module_routes = [\n { path: '', component: playback_experience_list_view_component_PlaybackExperienceListView },\n { path: 'playback', component: playback_experience_details_view_component_PlaybackExperienceDetailsView },\n];\nvar playback_experience_module_AnalyticsPlaybackExperienceModule = (function () {\n function AnalyticsPlaybackExperienceModule() {\n }\n AnalyticsPlaybackExperienceModule = playback_experience_module___decorate([\n Object(core_es5[\"NgModule\"])({\n imports: [\n http_es5[\"c\" /* HttpModule */],\n shared_module_SharedModule,\n common_es5[\"CommonModule\"],\n angular_l10n_es5[\"c\" /* LocalizationModule */],\n router_es5[\"h\" /* RouterModule */].forChild(playback_experience_module_routes),\n forms_es5[\"FormsModule\"],\n form_module_FormComponentsModule,\n pager_module_PagerModule,\n chart_module_ChartModule,\n ],\n declarations: [\n playback_experience_list_view_component_PlaybackExperienceListView,\n playback_experience_details_view_component_PlaybackExperienceDetailsView\n ],\n providers: [\n analytics_service_AnalyticsService,\n usersAndViewsVSTime_service_UsersAndViewsVsTimeService,\n media_service_MediaService\n ]\n })\n ], AnalyticsPlaybackExperienceModule);\n return AnalyticsPlaybackExperienceModule;\n}());\n\n\n// CONCATENATED MODULE: ./src/module/analytics/errors/errors.view.component.ts\nvar errors_view_component___extends = (this && this.__extends) || (function () {\n var extendStatics = Object.setPrototypeOf ||\n ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||\n function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };\n return function (d, b) {\n extendStatics(d, b);\n function __() { this.constructor = d; }\n d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());\n };\n})();\nvar errors_view_component___decorate = (this && this.__decorate) || function (decorators, target, key, desc) {\n var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;\n if (typeof Reflect === \"object\" && typeof Reflect.decorate === \"function\") r = Reflect.decorate(decorators, target, key, desc);\n 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;\n return c > 3 && r && Object.defineProperty(target, key, r), r;\n};\nvar errors_view_component___metadata = (this && this.__metadata) || function (k, v) {\n if (typeof Reflect === \"object\" && typeof Reflect.metadata === \"function\") return Reflect.metadata(k, v);\n};\n\n\n\n\n\n\n\nvar errors_view_component_ErrorsView = (function (_super) {\n errors_view_component___extends(ErrorsView, _super);\n function ErrorsView(chartService, mediaAnalyticsService, locale, translation, user, cdr) {\n var _this = _super.call(this, locale, translation) || this;\n _this.chartService = chartService;\n _this.mediaAnalyticsService = mediaAnalyticsService;\n _this.locale = locale;\n _this.translation = translation;\n _this.user = user;\n _this.cdr = cdr;\n _this.dateUtil = date_util_DateUtil;\n _this.filterDropdownOs = [{ value: 0, label: 'Windows, MacOS' }, { value: 1, label: 'Windows', markSelected: true }, { value: 2, label: 'Android' }, { value: 3, label: 'iOS' }, { value: 4, label: 'MacOS', markSelected: true }, { value: 5, label: 'Linux' }, { value: 6, label: 'Windows Phone' }, { value: 7, label: 'Chrome OS' }, { value: 8, label: 'BlackBerry' }];\n _this.filterDropdownBrowser = [{ value: 0, label: 'Chrome, Firefox' }, { value: 1, label: 'Chrome', markSelected: true }, { value: 2, label: 'Firefox', markSelected: true }, { value: 3, label: 'Safari' }, { value: 4, label: 'IE' }, { value: 5, label: 'Samsung Internet' }, { value: 6, label: 'Opera' }, { value: 7, label: 'Edge' }, { value: 8, label: '(unknown)' }, { value: 9, label: 'Vivaldi' }, { value: 10, label: 'Chromium' }, { value: 11, label: 'Android' }, { value: 12, label: 'Maxthon' }, { value: 13, label: 'Pale Moon' }, { value: 14, label: 'Puffin' }, { value: 15, label: 'BlackBerry' }, { value: 16, label: 'UC Browser' }, { value: 17, label: 'Nokia' }];\n _this.filterDropdownDevice = [{ value: 0, label: 'Desktop' }, { value: 1, label: 'Desktop', markSelected: true }, { value: 2, label: 'Mobile' }];\n _this.filterDropdownTags = [{ value: 0, label: 'technology, entertainment' }, { value: 1, label: 'technology', markSelected: true }, { value: 2, label: 'science' }, { value: 3, label: 'global issues' }, { value: 4, label: 'design' }, { value: 5, label: 'business' }, { value: 6, label: 'culture' }, { value: 7, label: 'entertainment', markSelected: true }, { value: 8, label: 'health' }, { value: 9, label: 'biology' }, { value: 10, label: 'creativity' }, { value: 11, label: 'environment' }, { value: 12, label: 'art' }, { value: 13, label: 'TEDx' }, { value: 14, label: 'music' }, { value: 15, label: 'medicine' }, { value: 16, label: 'economics' }, { value: 17, label: 'politics' }, { value: 18, label: 'performance' }, { value: 19, label: 'psychology' }, { value: 20, label: 'life' }];\n _this.filterDropdownAppVersion = [{ value: 0, label: '1.12.11' }, { value: 1, label: '1.12.11', markSelected: true }, { value: 2, label: '1.0.1' }, { value: 3, label: '1.1.9' }, { value: 4, label: '1.7.11' }];\n _this.filterDropdownPlayer = [{ value: 0, label: 'Video.js' }, { value: 1, label: 'Video.js', markSelected: true }, { value: 2, label: 'ExoPlayer' }, { value: 3, label: 'Bradmax iOS' }];\n _this.filterDropdownIsp = [{ value: 0, label: 'UPC Polska' }, { value: 1, label: 'UPC Polska', markSelected: true }, { value: 2, label: 'Vectra Broadband' }, { value: 3, label: 'Multimedia Polska S.A.' }, { value: 4, label: 'Orange Polska' }, { value: 5, label: 'T-mobile Polska' }, { value: 6, label: 'Orange Mobile' }, { value: 7, label: 'Netia SA' }, { value: 8, label: 'Play' }, { value: 9, label: 'Plus' }, { value: 10, label: 'Cyfrowy Polsat' }];\n _this.filterDropdownCdn = [{ value: 0, label: 'AWS, Akamai' }, { value: 1, label: 'AWS', markSelected: true }, { value: 2, label: 'Akamai', markSelected: true }, { value: 3, label: 'CDN77' }, , { value: 4, label: 'Azure' }];\n _this.errorsHistoryData = [\n { data: [], label: 'Errors' }\n ];\n _this.errorsHistoryLabels = [];\n var now = new Date();\n now.setMinutes(0);\n now.setSeconds(0);\n now.setMilliseconds(0);\n var startDate = new Date(now.getTime() - 3 * 24 * 3600 * 1000);\n var errors72hNorm = [12, 6, 4, 3, 3, 4, 7, 10, 12, 13, 12, 13, 16, 21, 20, 18, 23, 32, 44, 52, 54, 52, 41, 26, 12, 6, 4, 3, 3, 4, 7, 11, 16, 19, 23, 20, 18, 21, 21, 21, 25, 32, 44, 51, 54, 54, 44, 24, 13, 6, 4, 3, 3, 6, 9, 12, 15, 17, 16, 17, 28, 33, 28, 29, 29, 35, 43, 51, 52, 59, 47, 33];\n for (var i = 0; i < errors72hNorm.length; i++) {\n var posWithOffset = (i + (startDate.getHours() - 1)) % errors72hNorm.length;\n _this.errorsHistoryData[0].data.push(errors72hNorm[posWithOffset]);\n var d = new Date(startDate.getTime() + i * 3600 * 1000);\n _this.errorsHistoryLabels.push(d.toISOString());\n }\n _this.errorsGroupedData = [\n { data: [40.0, 32.0, 28.00], label: 'By CDN' }\n ];\n _this.errorsGroupedLabels = [\n 'AWS-1', 'AWS-2', 'CDN77'\n ];\n _this.groupedByDropdown = [{ value: 0, label: 'CDN', markSelected: true }, { value: 1, label: 'OS' }, { value: 2, label: 'Browser' }, { value: 3, label: 'Device' }, { value: 4, label: 'AppVersion' }, { value: 5, label: 'Player' }, { value: 6, label: 'IPS' }];\n _this.errorsDb = _this.generateMockData();\n _this.searchOptions = {\n text: null,\n sort_by: null,\n sort_dir: 'asc',\n page: 1,\n page_size: 20,\n total: _this.errorsDb.length,\n startDate: moment_default()(startDate),\n endDate: moment_default()(now)\n };\n _this.loadMockData();\n return _this;\n }\n ErrorsView.prototype.generateMockData = function () {\n var mediaList = [\n { type: \"live\", id: \"4091451\", title: \"TV 2\", duration: null },\n { type: \"live\", id: \"5366309\", title: \"TV6\", duration: null },\n { type: \"live\", id: \"4091449\", title: \"TV4 HD\", duration: null },\n { type: \"live\", id: \"4091452\", title: \"TV 2\", duration: null },\n { type: \"live\", id: \"5366278\", title: \"TV3\", duration: null },\n { type: \"live\", id: \"4158956\", title: \"NRK1\", duration: null },\n { type: \"live\", id: \"4091441\", title: \"SVT1 HD\", duration: null },\n { type: \"live\", id: \"4091423\", title: \"DR1\", duration: null },\n { type: \"vod\", id: \"8249858\", title: \"Infinite\", duration: 6116.72021484375 },\n { type: \"vod\", id: \"8418807\", title: \"Yellowstone S04/E01\", duration: 3327.15991210938 },\n { type: \"vod\", id: \"8525981\", title: \"1883 S01/E01\", duration: 3843.43994140625 },\n { type: \"vod\", id: \"8442655\", title: \"Yellowstone S04/E05\", duration: 2637.43994140625 },\n { type: \"vod\", id: \"8418809\", title: \"Yellowstone S04/E02\", duration: 2850.32006835938 },\n { type: \"vod\", id: \"8429791\", title: \"Yellowstone S04/E04\", duration: 2865.80004882812 },\n { type: \"vod\", id: \"8418810\", title: \"Yellowstone S04/E03\", duration: 2740.60009765625 },\n { type: \"vod\", id: \"8507248\", title: \"Yellowstone S04/E10\", duration: 4379.2001953125 },\n { type: \"vod\", id: \"8466254\", title: \"Yellowstone S04/E09\", duration: 3293.0400390625 },\n { type: \"vod\", id: \"8442656\", title: \"Yellowstone S04/E06\", duration: 2819.36010742188 },\n { type: \"vod\", id: \"8466253\", title: \"Yellowstone S04/E07\", duration: 3189.39990234375 },\n { type: \"vod\", id: \"8525978\", title: \"1883 S01/E02\", duration: 3396.23999023438 },\n { type: \"vod\", id: \"8496715\", title: \"Yellowstone S04/E08\", duration: 2627.0400390625 },\n { type: \"vod\", id: \"8549832\", title: \"Beck - Rage Room (44)\", duration: 5387.1201171875 },\n { type: \"vod\", id: \"8547415\", title: \"1883 S01/E04\", duration: 3140.23999023438 },\n { type: \"vod\", id: \"8525979\", title: \"1883 S01/E03\", duration: 2491.15991210938 },\n { type: \"vod\", id: \"5977031\", title: \"Jack Reacher: Never Go Back\", duration: 6775.759765625 },\n { type: \"vod\", id: \"8354842\", title: \"Suedi\", duration: 5377.9599609375 },\n { type: \"vod\", id: \"8347434\", title: \"Furia S01/E01\", duration: 2969.0400390625 },\n { type: \"vod\", id: \"8418806\", title: \"Dexter: New Blood S01/E01\", duration: 3296.80004882812 },\n { type: \"vod\", id: \"8459016\", title: \"Final Target\", duration: 5573.27978515625 },\n { type: \"vod\", id: \"8426043\", title: \"Knutby S01/E03\", duration: 2587.1201171875 },\n { type: \"vod\", id: \"8413500\", title: \"Dune (2020)\", duration: 8939.9599609375 },\n { type: \"vod\", id: \"8161235\", title: \"Hummingbird\", duration: 5757.39990234375 },\n { type: \"vod\", id: \"8305424\", title: \"Threesome S01/E01\", duration: 1476.23999023438 },\n { type: \"vod\", id: \"7722746\", title: \"Yellowstone S03/E10\", duration: 2744.56005859375 },\n { type: \"vod\", id: \"8186292\", title: \"13 Hours: The Secret Soldiers of Benghazi\", duration: 8310.16015625 },\n { type: \"vod\", id: \"8381809\", title: \"Solsidan - onnea onkimassa S07/E01\", duration: 1330.11999511719 },\n { type: \"vod\", id: \"8409850\", title: \"Knutby S01/E01\", duration: 2522.080078125 },\n { type: \"vod\", id: \"8356620\", title: \"The Operative\", duration: 6717.1201171875 },\n { type: \"vod\", id: \"7214745\", title: \"Avengement\", duration: 5052.43994140625 },\n { type: \"vod\", id: \"8291007\", title: \"A Quiet Place Part II\", duration: 5585.60009765625 },\n { type: \"vod\", id: \"8291006\", title: \"The Gentlemen\", duration: 6510.64013671875 },\n { type: \"vod\", id: \"8325351\", title: \"American Rust S01/E01\", duration: 3635.8798828125 },\n { type: \"vod\", id: \"8163060\", title: \"Parker\", duration: 6828.080078125 },\n ];\n var usersUuids = [];\n for (var i = 0; i < 479; i++) {\n usersUuids.push(this.generateUuid());\n }\n var envs = this.generateEnvs();\n var startTime = Math.floor((new Date()).getTime() / 1000.0);\n var result = [];\n for (var i = 0; i < 7177; i++) {\n var userPos = (i * 5701) % usersUuids.length;\n var env = envs[userPos % envs.length];\n var media = mediaList[(i * 113) % mediaList.length];\n result.push({\n error_id: this.generateUuid(),\n user_id: usersUuids[userPos],\n time: startTime,\n media_type: media.type,\n media_id_title: media.title + ' [' + media.id + ']',\n media_duration: media.duration,\n device_type: env.device_type,\n device_browser: env.device_browser,\n device_os: env.device_os,\n isp: env.isp,\n cdn: env.cdn,\n });\n startTime -= Math.floor(100 * Math.random());\n }\n return result;\n };\n ErrorsView.prototype.generateEnvs = function () {\n var envs = [];\n envs.push({ device_type: 'PC', device_browser: 'Chrome', device_os: 'Windows 10', isp: 'Netia', cdn: 'AWS-1' });\n envs.push({ device_type: 'PC', device_browser: 'Edge', device_os: 'Windows 10', isp: 'Netia', cdn: 'AWS-1' });\n envs.push({ device_type: 'PC', device_browser: 'Firefox', device_os: 'Windows 10', isp: 'Netia', cdn: 'CDN77' });\n envs.push({ device_type: 'PC', device_browser: 'Edge', device_os: 'Windows 11', isp: 'Netia', cdn: 'AWS-1' });\n envs.push({ device_type: 'PC', device_browser: 'Chrome', device_os: 'Windows 10', isp: 'INEA', cdn: 'CDN77' });\n envs.push({ device_type: 'PC', device_browser: 'Firefox', device_os: 'Windows 11', isp: 'INEA', cdn: 'AWS-1' });\n envs.push({ device_type: 'PC', device_browser: 'Chrome', device_os: 'Windows 10', isp: 'Netia', cdn: 'CDN77' });\n envs.push({ device_type: 'PC', device_browser: 'Firefox', device_os: 'Windows 10', isp: 'Netia', cdn: 'AWS-2' });\n envs.push({ device_type: 'PC', device_browser: 'Edge', device_os: 'Windows 11', isp: 'Netia', cdn: 'AWS-2' });\n envs.push({ device_type: 'PC', device_browser: 'Chrome', device_os: 'Windows 10', isp: 'INEA', cdn: 'AWS-2' });\n envs.push({ device_type: 'PC', device_browser: 'Safari', device_os: 'MacOS', isp: 'Netia', cdn: 'AWS-1' });\n envs.push({ device_type: 'PC', device_browser: 'Safari', device_os: 'MacOS', isp: 'INEA', cdn: 'ACDN77' });\n envs.push({ device_type: 'mobile', device_browser: 'Chrome', device_os: 'Android 10', isp: 'Play', cdn: 'AWS-1' });\n envs.push({ device_type: 'mobile', device_browser: 'FireFox', device_os: 'Android 10', isp: 'Play', cdn: 'AWS-2' });\n envs.push({ device_type: 'mobile', device_browser: 'Chrome', device_os: 'Android 12', isp: 'Play', cdn: 'AWS-1' });\n envs.push({ device_type: 'mobile', device_browser: 'Chrome', device_os: 'Android 8', isp: 'Play', cdn: 'AWS-2' });\n envs.push({ device_type: 'mobile', device_browser: 'Safari', device_os: 'iOS 13', isp: 'Play', cdn: 'AWS-2' });\n envs.push({ device_type: 'mobile', device_browser: 'Safari', device_os: 'iOS 14', isp: 'Play', cdn: 'AWS-1' });\n envs.push({ device_type: 'mobile', device_browser: 'Chrome', device_os: 'Android 10', isp: 'Orange', cdn: 'CDN77' });\n envs.push({ device_type: 'mobile', device_browser: 'FireFox', device_os: 'Android 11', isp: 'Orange', cdn: 'AWS-2' });\n envs.push({ device_type: 'mobile', device_browser: 'Chrome', device_os: 'Android 12', isp: 'Orange', cdn: 'AWS-1' });\n envs.push({ device_type: 'mobile', device_browser: 'Chrome', device_os: 'Android 8', isp: 'Orange', cdn: 'AWS-2' });\n envs.push({ device_type: 'mobile', device_browser: 'Safari', device_os: 'iOS 13', isp: 'Orange', cdn: 'AWS-1' });\n envs.push({ device_type: 'mobile', device_browser: 'Safari', device_os: 'iOS 14', isp: 'Orange', cdn: 'AWS-1' });\n envs.push({ device_type: 'mobile', device_browser: 'Chrome', device_os: 'Android 10', isp: 'T-Mobile', cdn: 'AWS-1' });\n envs.push({ device_type: 'mobile', device_browser: 'FireFox', device_os: 'Android 11', isp: 'T-Mobile', cdn: 'CDN77' });\n envs.push({ device_type: 'mobile', device_browser: 'Safari', device_os: 'iOS 13', isp: 'T-Mobile', cdn: 'AWS-1' });\n envs.push({ device_type: 'mobile', device_browser: 'Chrome', device_os: 'Android 10', isp: 'Netia', cdn: 'AWS-1' });\n envs.push({ device_type: 'mobile', device_browser: 'FireFox', device_os: 'Android 10', isp: 'Netia', cdn: 'AWS-2' });\n envs.push({ device_type: 'mobile', device_browser: 'Chrome', device_os: 'Android 12', isp: 'INEA', cdn: 'CDN77' });\n envs.push({ device_type: 'mobile', device_browser: 'Chrome', device_os: 'Android 8', isp: 'Vectra', cdn: 'AWS-2' });\n envs.push({ device_type: 'mobile', device_browser: 'Safari', device_os: 'iOS 13', isp: 'Vectra', cdn: 'AWS-2' });\n envs.push({ device_type: 'mobile', device_browser: 'Safari', device_os: 'iOS 14', isp: 'Netia', cdn: 'AWS-1' });\n return envs;\n };\n ErrorsView.prototype.generateUuid = function () {\n return 'xxxxxxxx-xxxx-xxxx-xxxx-xxxxxxxxxxxx'.replace(/[x]/g, function (c) {\n return Math.floor(Math.random() * 16).toString(16);\n });\n };\n ErrorsView.prototype.loadMockData = function () {\n var res = this.errorsDb.slice();\n if (this.searchOptions.text) {\n var text = this.searchOptions.text.toLowerCase();\n res = [];\n for (var pos = 0; pos < this.errorsDb.length; pos++) {\n var rec = this.errorsDb[pos];\n for (var k in rec) {\n if ((rec[k] + '').toLowerCase().indexOf(text) !== -1) {\n res.push(rec);\n }\n }\n }\n }\n this.searchOptions.total = res.length;\n if (this.searchOptions.sort_by) {\n var sort_by = this.searchOptions.sort_by;\n var cmp = function (a, b) {\n if (a[sort_by] < b[sort_by]) {\n return -1;\n }\n else if (a[sort_by] > b[sort_by]) {\n return 1;\n }\n return 0;\n };\n if (this.searchOptions.sort_dir != 'asc') {\n cmp = function (a, b) {\n if (a[sort_by] < b[sort_by]) {\n return 1;\n }\n else if (a[sort_by] > b[sort_by]) {\n return -1;\n }\n return 0;\n };\n }\n res.sort(cmp);\n }\n var pageSize = this.searchOptions.page_size;\n var pageIdx = (this.searchOptions.page - 1) * pageSize;\n this.errors = res.slice(pageIdx, pageIdx + pageSize);\n };\n ErrorsView.prototype.onSearchKeyPress = function (e) {\n var code = e.keyCode || e.which;\n if (code == 13) {\n this.searchOptions.page = 1;\n this.loadMockData();\n }\n };\n ErrorsView.prototype.onColumnHeaderClick = function (columnName) {\n if (this.searchOptions.sort_by == columnName) {\n this.searchOptions.sort_dir = (this.searchOptions.sort_dir == 'desc') ? 'asc' : 'desc';\n }\n else {\n this.searchOptions.sort_by = columnName;\n this.searchOptions.sort_dir = 'asc';\n }\n this.searchOptions.page = 1;\n this.loadMockData();\n };\n ErrorsView.prototype.onPageChanged = function (page) {\n this.searchOptions.page = page;\n this.loadMockData();\n };\n ErrorsView.prototype.onErrorItemClick = function (item) {\n this.selectedError = item;\n };\n ErrorsView.prototype.isErrorSelected = function (mm) {\n return (mm != null) && (this.selectedError != null) && (mm.error_id == this.selectedError.error_id);\n };\n var _a, _b, _c, _d, _e, _f;\n ErrorsView = errors_view_component___decorate([\n Object(core_es5[\"Component\"])({\n selector: 'errors-view',\n template: __webpack_require__(1391),\n styles: [__webpack_require__(1392)],\n changeDetection: core_es5[\"ChangeDetectionStrategy\"].OnPush\n }),\n errors_view_component___metadata(\"design:paramtypes\", [typeof (_a = typeof usersAndViewsVSTime_service_UsersAndViewsVsTimeService !== \"undefined\" && usersAndViewsVSTime_service_UsersAndViewsVsTimeService) === \"function\" && _a || Object, typeof (_b = typeof media_service_MediaService !== \"undefined\" && media_service_MediaService) === \"function\" && _b || Object, typeof (_c = typeof angular_l10n_es5[\"a\" /* LocaleService */] !== \"undefined\" && angular_l10n_es5[\"a\" /* LocaleService */]) === \"function\" && _c || Object, typeof (_d = typeof angular_l10n_es5[\"d\" /* TranslationService */] !== \"undefined\" && angular_l10n_es5[\"d\" /* TranslationService */]) === \"function\" && _d || Object, typeof (_e = typeof user_service[\"a\" /* UserService */] !== \"undefined\" && user_service[\"a\" /* UserService */]) === \"function\" && _e || Object, typeof (_f = typeof core_es5[\"ChangeDetectorRef\"] !== \"undefined\" && core_es5[\"ChangeDetectorRef\"]) === \"function\" && _f || Object])\n ], ErrorsView);\n return ErrorsView;\n}(angular_l10n_es5[\"b\" /* Localization */]));\n\n\n// CONCATENATED MODULE: ./src/module/analytics/errors/errors.module.ts\nvar errors_module___decorate = (this && this.__decorate) || function (decorators, target, key, desc) {\n var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;\n if (typeof Reflect === \"object\" && typeof Reflect.decorate === \"function\") r = Reflect.decorate(decorators, target, key, desc);\n 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;\n return c > 3 && r && Object.defineProperty(target, key, r), r;\n};\n\n\n\n\n\n\n\n\n\n\n\n\n\n\nvar errors_module_routes = [\n { path: '', component: errors_view_component_ErrorsView },\n];\nvar errors_module_AnalyticsErrorsModule = (function () {\n function AnalyticsErrorsModule() {\n }\n AnalyticsErrorsModule = errors_module___decorate([\n Object(core_es5[\"NgModule\"])({\n imports: [\n http_es5[\"c\" /* HttpModule */],\n shared_module_SharedModule,\n common_es5[\"CommonModule\"],\n angular_l10n_es5[\"c\" /* LocalizationModule */],\n router_es5[\"h\" /* RouterModule */].forChild(errors_module_routes),\n forms_es5[\"FormsModule\"],\n form_module_FormComponentsModule,\n pager_module_PagerModule,\n chart_module_ChartModule,\n ],\n declarations: [\n errors_view_component_ErrorsView\n ],\n providers: [\n analytics_service_AnalyticsService,\n usersAndViewsVSTime_service_UsersAndViewsVsTimeService,\n media_service_MediaService\n ]\n })\n ], AnalyticsErrorsModule);\n return AnalyticsErrorsModule;\n}());\n\n\n// CONCATENATED MODULE: ./src/module/analytics/real-time-marketing/real-time-marketing.view.component.ts\nvar real_time_marketing_view_component___extends = (this && this.__extends) || (function () {\n var extendStatics = Object.setPrototypeOf ||\n ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||\n function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };\n return function (d, b) {\n extendStatics(d, b);\n function __() { this.constructor = d; }\n d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());\n };\n})();\nvar real_time_marketing_view_component___decorate = (this && this.__decorate) || function (decorators, target, key, desc) {\n var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;\n if (typeof Reflect === \"object\" && typeof Reflect.decorate === \"function\") r = Reflect.decorate(decorators, target, key, desc);\n 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;\n return c > 3 && r && Object.defineProperty(target, key, r), r;\n};\nvar real_time_marketing_view_component___metadata = (this && this.__metadata) || function (k, v) {\n if (typeof Reflect === \"object\" && typeof Reflect.metadata === \"function\") return Reflect.metadata(k, v);\n};\n\n\n\n\n\n\n\nvar real_time_marketing_view_component_RealTimeMarketingView = (function (_super) {\n real_time_marketing_view_component___extends(RealTimeMarketingView, _super);\n function RealTimeMarketingView(chartService, mediaAnalyticsService, locale, translation, user, cdr) {\n var _this = _super.call(this, locale, translation) || this;\n _this.chartService = chartService;\n _this.mediaAnalyticsService = mediaAnalyticsService;\n _this.locale = locale;\n _this.translation = translation;\n _this.user = user;\n _this.cdr = cdr;\n _this.dateUtil = date_util_DateUtil;\n _this.campaigns = [];\n var skiJumpsData = [9, 12, 23, 31, 33, 36, 32, 35, 44, 53, 50, 46, 56, 73, 97, 113, 118, 107, 78, 48, 25, 14, 9, 8, 7, 10, 17, 26, 35, 44, 48, 41, 36, 41, 40, 43, 49, 60, 82, 94, 88, 85, 62, 37, 21, 11, 8, 5, 4, 9, 15, 21, 27, 27, 26, 28, 49, 60, 44, 42, 42, 49, 58, 67, 69, 72, 52, 39, 19, 12, 9, 7, 5, 7, 11, 23, 71, 66, 55, 48, 38, 39, 42, 45, 47, 50, 57, 57, 57, 52, 39, 28, 15, 8, 8, 7, 7, 7, 9, 27, 46, 42, 40, 37, 36, 39, 34, 38, 45, 44, 44, 47, 49, 50, 35, 18, 9, 5, 6, 5, 6, 9, 17, 44, 65, 54, 81, 34, 30, 12];\n _this.campaigns.push({\n name: 'Ski Jumps',\n time: 1644146658,\n totalViews: 4933,\n totalUsers: 4094,\n contents: ['Take Off (2009) [51820123]', ' Eddie the Eagle (2015) [64392197]'],\n history: {\n startDate: moment_default()(1644146658000),\n endDate: moment_default()(1644146658000).add(skiJumpsData.length, 'hours'),\n data: [{ label: 'Views', data: skiJumpsData }],\n labels: _this.generateDatesForChart(moment_default()(1643973858000), skiJumpsData.length)\n }\n });\n var winterOlympicsData = [13, 13, 20, 36, 46, 55, 52, 49, 62, 65, 69, 70, 76, 94, 137, 238, 203, 211, 201, 150, 95, 46, 22, 15, 13, 12, 16, 27, 36, 43, 48, 43, 44, 56, 72, 67, 60, 77, 104, 143, 168, 172, 165, 129, 79, 37, 19, 11, 10, 8, 12, 21, 31, 46, 53, 63, 55, 48, 57, 55, 56, 65, 83, 112, 130, 135, 135, 109, 59, 31, 15, 10, 6, 6, 13, 19, 27, 34, 37, 35, 37, 59, 70, 58, 61, 59, 71, 87, 101, 103, 116, 91, 63, 33, 20, 13, 9, 7, 10, 15, 32, 85, 85, 68, 72, 55, 56, 62, 69, 74, 74, 86, 88, 89, 90, 64, 45, 24, 13, 12, 11, 11, 10, 13, 34, 54, 56, 55, 52, 49, 53, 51, 60, 67, 67, 67, 69, 75, 80, 53, 30, 14, 8, 8, 7, 8, 10, 21, 50, 73, 64, 88, 42, 35, 12];\n _this.campaigns.push({\n name: 'Winter Olympics',\n time: 1643973858,\n totalViews: 9038,\n totalUsers: 7543,\n contents: ['Icarus (2017) [78131237]', 'Winter Olympics Opening Ceremony (TV) [891131441]', 'Nerves of Steel (2006) [651231993]'],\n history: {\n startDate: moment_default()(1643973858000),\n endDate: moment_default()(1643973858000).add(winterOlympicsData.length, 'hours'),\n data: [{ label: 'Views', data: winterOlympicsData }],\n labels: _this.generateDatesForChart(moment_default()(1643973858000), winterOlympicsData.length)\n }\n });\n _this.contentsDb = _this.generateMockData();\n _this.searchOptions = {\n text: null,\n sort_by: null,\n sort_dir: 'asc',\n page: 1,\n page_size: 5,\n total: _this.contentsDb.length,\n };\n _this.loadMockData();\n return _this;\n }\n RealTimeMarketingView.prototype.generateDatesForChart = function (momentStartTime, hoursNum) {\n var result = [];\n var startTs = momentStartTime.unix() * 1000;\n for (var h = 0; h < hoursNum; h++) {\n var hm = moment_default()(startTs);\n result.push(hm.add(h, 'hours').toISOString());\n }\n return result;\n };\n RealTimeMarketingView.prototype.generateMockData = function () {\n var result = [\n { title: \"2022 Winter Olympics opening ceremony\", year: 2022, duration: 120 * 60, tags: \"winter olympics, tv, document, transmission\" },\n { title: \"Top Gear: Winter Olympics\", year: 2006, duration: 60 * 60, tags: \"englishman abroad, motor vehicle, suv, briton in norway, vehicle, citroen c1, sport utility vehicle, car, briton abroad, audi motor vehicle\" },\n { title: \"Cool Runnings\", year: 1993, duration: 98 * 60, tags: \"american played by canadian, canada, runner, beard, track, stumble, dream, olympic committee, \" },\n { title: \"Eddie the Eagle\", year: 2015, duration: 104 * 60, tags: \"ski jumper, coach, 1988 winter olympics, winter olympics, athletic training, winter sports, athlete, ski jumping, based on true story, based\" },\n { title: \"Take Off\", year: 2009, duration: 137 * 60, tags: \"winter sports sport, ski jumping, winter sports, winter, ski jumper, ski jump\" },\n { title: \"Olympic Dreams\", year: 2019, duration: 85 * 60, tags: \"olympics, winter olympics, gay athlete, dining, away from home, age difference, older man younger girl, dining out, cross country skiing\" }\n ];\n return result;\n };\n RealTimeMarketingView.prototype.loadMockData = function () {\n var res = this.contentsDb.slice();\n if (this.searchOptions.text) {\n var text = this.searchOptions.text.toLowerCase();\n res = [];\n for (var pos = 0; pos < this.contentsDb.length; pos++) {\n var rec = this.contentsDb[pos];\n for (var k in rec) {\n if ((rec[k] + '').toLowerCase().indexOf(text) !== -1) {\n res.push(rec);\n }\n }\n }\n }\n this.searchOptions.total = res.length;\n if (this.searchOptions.sort_by) {\n var sort_by = this.searchOptions.sort_by;\n var cmp = function (a, b) {\n if (a[sort_by] < b[sort_by]) {\n return -1;\n }\n else if (a[sort_by] > b[sort_by]) {\n return 1;\n }\n return 0;\n };\n if (this.searchOptions.sort_dir != 'asc') {\n cmp = function (a, b) {\n if (a[sort_by] < b[sort_by]) {\n return 1;\n }\n else if (a[sort_by] > b[sort_by]) {\n return -1;\n }\n return 0;\n };\n }\n res.sort(cmp);\n }\n var pageSize = this.searchOptions.page_size;\n var pageIdx = (this.searchOptions.page - 1) * pageSize;\n this.contents = res.slice(pageIdx, pageIdx + pageSize);\n };\n RealTimeMarketingView.prototype.onSearchKeyPress = function (e) {\n var code = e.keyCode || e.which;\n if (code == 13) {\n this.searchOptions.page = 1;\n this.loadMockData();\n }\n };\n RealTimeMarketingView.prototype.onColumnHeaderClick = function (columnName) {\n if (this.searchOptions.sort_by == columnName) {\n this.searchOptions.sort_dir = (this.searchOptions.sort_dir == 'desc') ? 'asc' : 'desc';\n }\n else {\n this.searchOptions.sort_by = columnName;\n this.searchOptions.sort_dir = 'asc';\n }\n this.searchOptions.page = 1;\n this.loadMockData();\n };\n RealTimeMarketingView.prototype.onPageChanged = function (page) {\n this.searchOptions.page = page;\n this.loadMockData();\n };\n var _a, _b, _c, _d, _e, _f;\n RealTimeMarketingView = real_time_marketing_view_component___decorate([\n Object(core_es5[\"Component\"])({\n selector: 'real-time-marketing-view',\n template: __webpack_require__(1393),\n styles: [__webpack_require__(1394)],\n changeDetection: core_es5[\"ChangeDetectionStrategy\"].OnPush\n }),\n real_time_marketing_view_component___metadata(\"design:paramtypes\", [typeof (_a = typeof usersAndViewsVSTime_service_UsersAndViewsVsTimeService !== \"undefined\" && usersAndViewsVSTime_service_UsersAndViewsVsTimeService) === \"function\" && _a || Object, typeof (_b = typeof media_service_MediaService !== \"undefined\" && media_service_MediaService) === \"function\" && _b || Object, typeof (_c = typeof angular_l10n_es5[\"a\" /* LocaleService */] !== \"undefined\" && angular_l10n_es5[\"a\" /* LocaleService */]) === \"function\" && _c || Object, typeof (_d = typeof angular_l10n_es5[\"d\" /* TranslationService */] !== \"undefined\" && angular_l10n_es5[\"d\" /* TranslationService */]) === \"function\" && _d || Object, typeof (_e = typeof user_service[\"a\" /* UserService */] !== \"undefined\" && user_service[\"a\" /* UserService */]) === \"function\" && _e || Object, typeof (_f = typeof core_es5[\"ChangeDetectorRef\"] !== \"undefined\" && core_es5[\"ChangeDetectorRef\"]) === \"function\" && _f || Object])\n ], RealTimeMarketingView);\n return RealTimeMarketingView;\n}(angular_l10n_es5[\"b\" /* Localization */]));\n\n\n// CONCATENATED MODULE: ./src/module/analytics/real-time-marketing/real-time-marketing.module.ts\nvar real_time_marketing_module___decorate = (this && this.__decorate) || function (decorators, target, key, desc) {\n var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;\n if (typeof Reflect === \"object\" && typeof Reflect.decorate === \"function\") r = Reflect.decorate(decorators, target, key, desc);\n 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;\n return c > 3 && r && Object.defineProperty(target, key, r), r;\n};\n\n\n\n\n\n\n\n\n\n\n\n\n\n\nvar real_time_marketing_module_routes = [\n { path: '', component: real_time_marketing_view_component_RealTimeMarketingView },\n];\nvar real_time_marketing_module_AnalyticsRealTimeMarketingModule = (function () {\n function AnalyticsRealTimeMarketingModule() {\n }\n AnalyticsRealTimeMarketingModule = real_time_marketing_module___decorate([\n Object(core_es5[\"NgModule\"])({\n imports: [\n http_es5[\"c\" /* HttpModule */],\n shared_module_SharedModule,\n common_es5[\"CommonModule\"],\n angular_l10n_es5[\"c\" /* LocalizationModule */],\n router_es5[\"h\" /* RouterModule */].forChild(real_time_marketing_module_routes),\n forms_es5[\"FormsModule\"],\n form_module_FormComponentsModule,\n pager_module_PagerModule,\n chart_module_ChartModule,\n ],\n declarations: [\n real_time_marketing_view_component_RealTimeMarketingView\n ],\n providers: [\n analytics_service_AnalyticsService,\n usersAndViewsVSTime_service_UsersAndViewsVsTimeService,\n media_service_MediaService\n ]\n })\n ], AnalyticsRealTimeMarketingModule);\n return AnalyticsRealTimeMarketingModule;\n}());\n\n\n// CONCATENATED MODULE: ./src/module/analytics/content-insights/content-insights.view.component.ts\nvar content_insights_view_component___extends = (this && this.__extends) || (function () {\n var extendStatics = Object.setPrototypeOf ||\n ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||\n function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };\n return function (d, b) {\n extendStatics(d, b);\n function __() { this.constructor = d; }\n d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());\n };\n})();\nvar content_insights_view_component___decorate = (this && this.__decorate) || function (decorators, target, key, desc) {\n var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;\n if (typeof Reflect === \"object\" && typeof Reflect.decorate === \"function\") r = Reflect.decorate(decorators, target, key, desc);\n 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;\n return c > 3 && r && Object.defineProperty(target, key, r), r;\n};\nvar content_insights_view_component___metadata = (this && this.__metadata) || function (k, v) {\n if (typeof Reflect === \"object\" && typeof Reflect.metadata === \"function\") return Reflect.metadata(k, v);\n};\n\n\n\n\n\n\nvar content_insights_view_component_ContentInsightsView = (function (_super) {\n content_insights_view_component___extends(ContentInsightsView, _super);\n function ContentInsightsView(chartService, mediaAnalyticsService, locale, translation, user, cdr) {\n var _this = _super.call(this, locale, translation) || this;\n _this.chartService = chartService;\n _this.mediaAnalyticsService = mediaAnalyticsService;\n _this.locale = locale;\n _this.translation = translation;\n _this.user = user;\n _this.cdr = cdr;\n _this.dateUtil = date_util_DateUtil;\n _this.viewsByMediaTypeData = [\n { data: [45.0, 32.0, 18.00], label: 'By Type' }\n ];\n _this.viewsByMediaTypeLabels = [\n 'TV', 'Series', 'VOD'\n ];\n _this.vodViewsByGenresData = [\n { data: [91, 89, 89, 86, 84, 83, 83, 77, 77, 75, 71, 70, 64, 62, 47], label: 'By genres' }\n ];\n _this.vodViewsByGenresLabels = [\n 'Comedy', 'Adventure', 'Drama', 'Action', 'Crime', 'Mystery', 'Thriller', 'Documentary', 'Romance', 'Animation', 'War', 'Fantasy', 'Music', 'Sci-Fi ', 'Horror'\n ];\n _this.tvViewsByGenresData = [\n { data: [107, 102, 96, 98, 101, 103, 91, 90, 84, 86, 72, 78, 84, 63, 55], label: 'By genres' }\n ];\n _this.tvViewsByGenresLabels = [\n 'News programming', 'Talk shows', 'Game shows', 'Variety shows', 'Sketch comedy', 'Sports', 'Sitcoms', 'Romantic comedies', 'Teen dramas', 'Docudramas', 'Police procedurals', 'Sci-fi and fantasy', 'Anime', 'Soap operas', 'Reality TV',\n ];\n _this.timeRangeDropdown = [{ value: 0, label: 'All time', markSelected: true }, { value: 1, label: 'Last year' }, { value: 2, label: 'Last month' }, { value: 3, label: 'Last week' }, { value: 4, label: 'Last day' }];\n _this.contentsDb = _this.generateMockData();\n _this.searchOptions = {\n text: null,\n sort_by: null,\n sort_dir: 'asc',\n page: 1,\n page_size: 10,\n total: _this.contentsDb.length,\n };\n _this.loadMockData();\n return _this;\n }\n ContentInsightsView.prototype.generateMockData = function () {\n var result = [\n { id: 7019511, title: \"Arrival (2016)\", duration: 113 * 60, addedIntoSystem: '2016-11-24', views: 12011, users: 10198 },\n { id: 5928123, title: \"Interstellar (2014)\", duration: 169 * 60, addedIntoSystem: '2015-02-03', views: 25012, users: 22748 },\n { id: 7512391, title: \"Blade Runner 2049 (2017)\", duration: 164 * 60, addedIntoSystem: '2018-04-01', views: 15109, users: 12871 },\n { id: 6204154, title: \"Mad Max: Fury Road (2015)\", duration: 120 * 60, addedIntoSystem: '2016-06-04', views: 18914, users: 16912 },\n { id: 8912319, title: \"Ad Astra (2019)\", duration: 123 * 60, addedIntoSystem: '2020-04-03', views: 19941, users: 18091 },\n { id: 3781205, title: \"Terminator: Salvation (2009)\", duration: 115 * 60, addedIntoSystem: '2010-09-08', views: 7129, users: 6681 },\n { id: 3981214, title: \"Avatar (2009)\", duration: 162 * 60, addedIntoSystem: '2011-03-01', views: 34193, users: 29810 },\n { id: 3221233, title: \"Star Trek (2009)\", duration: 127 * 60, addedIntoSystem: '2010-10-10', views: 6619, users: 5518 },\n { id: 5120412, title: \"Star Trek: Into Darkness (2013)\", duration: 132 * 60, addedIntoSystem: '2014-02-19', views: 8712, users: 7901 },\n { id: 4412551, title: \"Prometheus (2012)\", duration: 124 * 60, addedIntoSystem: '2013-06-07', views: 15129, users: 14098 },\n { id: 6129818, title: \"Tomorrowland (2015)\", duration: 130 * 60, addedIntoSystem: '2016-05-01', views: 16991, users: 16017 },\n ];\n return result;\n };\n ContentInsightsView.prototype.loadMockData = function () {\n var res = this.contentsDb.slice();\n if (this.searchOptions.text) {\n var text = this.searchOptions.text.toLowerCase();\n res = [];\n for (var pos = 0; pos < this.contentsDb.length; pos++) {\n var rec = this.contentsDb[pos];\n for (var k in rec) {\n if ((rec[k] + '').toLowerCase().indexOf(text) !== -1) {\n res.push(rec);\n }\n }\n }\n }\n this.searchOptions.total = res.length;\n if (this.searchOptions.sort_by) {\n var sort_by = this.searchOptions.sort_by;\n var cmp = function (a, b) {\n if (a[sort_by] < b[sort_by]) {\n return -1;\n }\n else if (a[sort_by] > b[sort_by]) {\n return 1;\n }\n return 0;\n };\n if (this.searchOptions.sort_dir != 'asc') {\n cmp = function (a, b) {\n if (a[sort_by] < b[sort_by]) {\n return 1;\n }\n else if (a[sort_by] > b[sort_by]) {\n return -1;\n }\n return 0;\n };\n }\n res.sort(cmp);\n }\n var pageSize = this.searchOptions.page_size;\n var pageIdx = (this.searchOptions.page - 1) * pageSize;\n this.contents = res.slice(pageIdx, pageIdx + pageSize);\n };\n ContentInsightsView.prototype.onSearchKeyPress = function (e) {\n var code = e.keyCode || e.which;\n if (code == 13) {\n this.searchOptions.page = 1;\n this.loadMockData();\n }\n };\n ContentInsightsView.prototype.onColumnHeaderClick = function (columnName) {\n if (this.searchOptions.sort_by == columnName) {\n this.searchOptions.sort_dir = (this.searchOptions.sort_dir == 'desc') ? 'asc' : 'desc';\n }\n else {\n this.searchOptions.sort_by = columnName;\n this.searchOptions.sort_dir = 'asc';\n }\n this.searchOptions.page = 1;\n this.loadMockData();\n };\n ContentInsightsView.prototype.onPageChanged = function (page) {\n this.searchOptions.page = page;\n this.loadMockData();\n };\n var _a, _b, _c, _d, _e, _f;\n ContentInsightsView = content_insights_view_component___decorate([\n Object(core_es5[\"Component\"])({\n selector: 'content-insights-view',\n template: __webpack_require__(1395),\n styles: [__webpack_require__(1396)],\n changeDetection: core_es5[\"ChangeDetectionStrategy\"].OnPush\n }),\n content_insights_view_component___metadata(\"design:paramtypes\", [typeof (_a = typeof usersAndViewsVSTime_service_UsersAndViewsVsTimeService !== \"undefined\" && usersAndViewsVSTime_service_UsersAndViewsVsTimeService) === \"function\" && _a || Object, typeof (_b = typeof media_service_MediaService !== \"undefined\" && media_service_MediaService) === \"function\" && _b || Object, typeof (_c = typeof angular_l10n_es5[\"a\" /* LocaleService */] !== \"undefined\" && angular_l10n_es5[\"a\" /* LocaleService */]) === \"function\" && _c || Object, typeof (_d = typeof angular_l10n_es5[\"d\" /* TranslationService */] !== \"undefined\" && angular_l10n_es5[\"d\" /* TranslationService */]) === \"function\" && _d || Object, typeof (_e = typeof user_service[\"a\" /* UserService */] !== \"undefined\" && user_service[\"a\" /* UserService */]) === \"function\" && _e || Object, typeof (_f = typeof core_es5[\"ChangeDetectorRef\"] !== \"undefined\" && core_es5[\"ChangeDetectorRef\"]) === \"function\" && _f || Object])\n ], ContentInsightsView);\n return ContentInsightsView;\n}(angular_l10n_es5[\"b\" /* Localization */]));\n\n\n// CONCATENATED MODULE: ./src/module/analytics/content-insights/content-insights.module.ts\nvar content_insights_module___decorate = (this && this.__decorate) || function (decorators, target, key, desc) {\n var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;\n if (typeof Reflect === \"object\" && typeof Reflect.decorate === \"function\") r = Reflect.decorate(decorators, target, key, desc);\n 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;\n return c > 3 && r && Object.defineProperty(target, key, r), r;\n};\n\n\n\n\n\n\n\n\n\n\n\n\n\n\nvar content_insights_module_routes = [\n { path: '', component: content_insights_view_component_ContentInsightsView },\n];\nvar content_insights_module_AnalyticsContentInsightsModule = (function () {\n function AnalyticsContentInsightsModule() {\n }\n AnalyticsContentInsightsModule = content_insights_module___decorate([\n Object(core_es5[\"NgModule\"])({\n imports: [\n http_es5[\"c\" /* HttpModule */],\n shared_module_SharedModule,\n common_es5[\"CommonModule\"],\n angular_l10n_es5[\"c\" /* LocalizationModule */],\n router_es5[\"h\" /* RouterModule */].forChild(content_insights_module_routes),\n forms_es5[\"FormsModule\"],\n form_module_FormComponentsModule,\n pager_module_PagerModule,\n chart_module_ChartModule,\n ],\n declarations: [\n content_insights_view_component_ContentInsightsView\n ],\n providers: [\n analytics_service_AnalyticsService,\n usersAndViewsVSTime_service_UsersAndViewsVsTimeService,\n media_service_MediaService\n ]\n })\n ], AnalyticsContentInsightsModule);\n return AnalyticsContentInsightsModule;\n}());\n\n\n// CONCATENATED MODULE: ./src/module/analytics/flexmodel/flexmodel.view.component.ts\nvar flexmodel_view_component___extends = (this && this.__extends) || (function () {\n var extendStatics = Object.setPrototypeOf ||\n ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||\n function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };\n return function (d, b) {\n extendStatics(d, b);\n function __() { this.constructor = d; }\n d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());\n };\n})();\nvar flexmodel_view_component___decorate = (this && this.__decorate) || function (decorators, target, key, desc) {\n var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;\n if (typeof Reflect === \"object\" && typeof Reflect.decorate === \"function\") r = Reflect.decorate(decorators, target, key, desc);\n 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;\n return c > 3 && r && Object.defineProperty(target, key, r), r;\n};\nvar flexmodel_view_component___metadata = (this && this.__metadata) || function (k, v) {\n if (typeof Reflect === \"object\" && typeof Reflect.metadata === \"function\") return Reflect.metadata(k, v);\n};\n\n\n\n\n\n\nvar flexmodel_view_component_FlexModelView = (function (_super) {\n flexmodel_view_component___extends(FlexModelView, _super);\n function FlexModelView(chartService, mediaAnalyticsService, locale, translation, user, cdr) {\n var _this = _super.call(this, locale, translation) || this;\n _this.chartService = chartService;\n _this.mediaAnalyticsService = mediaAnalyticsService;\n _this.locale = locale;\n _this.translation = translation;\n _this.user = user;\n _this.cdr = cdr;\n _this.filterDropdownTimeScope = [{ value: 0, label: 'Fixed dates' }, { value: 1, label: 'Fixed dates', markSelected: true, hasSeparatorBelow: true }, { value: 2, label: 'Now', hasSeparatorBelow: true }, { value: 3, label: 'Last 24h' }, { value: 4, label: 'Last 48h' }, { value: 5, label: 'Last 7d' }, { value: 6, label: 'Last 30d' }, { value: 7, label: 'Last 90d' }, { value: 8, label: 'Last 180d' }];\n _this.filterDropdownOs = [{ value: 0, label: 'Windows, MacOS' }, { value: 1, label: 'Windows', markSelected: true }, { value: 2, label: 'Android' }, { value: 3, label: 'iOS' }, { value: 4, label: 'MacOS', markSelected: true }, { value: 5, label: 'Linux' }, { value: 6, label: 'Windows Phone' }, { value: 7, label: 'Chrome OS' }, { value: 8, label: 'BlackBerry' }];\n _this.filterDropdownBrowser = [{ value: 0, label: 'Chrome, Firefox' }, { value: 1, label: 'Chrome', markSelected: true }, { value: 2, label: 'Firefox', markSelected: true }, { value: 3, label: 'Safari' }, { value: 4, label: 'IE' }, { value: 5, label: 'Samsung Internet' }, { value: 6, label: 'Opera' }, { value: 7, label: 'Edge' }, { value: 8, label: '(unknown)' }, { value: 9, label: 'Vivaldi' }, { value: 10, label: 'Chromium' }, { value: 11, label: 'Android' }, { value: 12, label: 'Maxthon' }, { value: 13, label: 'Pale Moon' }, { value: 14, label: 'Puffin' }, { value: 15, label: 'BlackBerry' }, { value: 16, label: 'UC Browser' }, { value: 17, label: 'Nokia' }];\n _this.filterDropdownDevice = [{ value: 0, label: 'Desktop' }, { value: 1, label: 'Desktop', markSelected: true }, { value: 2, label: 'Mobile' }];\n _this.filterDropdownTags = [{ value: 0, label: 'technology, entertainment' }, { value: 1, label: 'technology', markSelected: true }, { value: 2, label: 'science' }, { value: 3, label: 'global issues' }, { value: 4, label: 'design' }, { value: 5, label: 'business' }, { value: 6, label: 'culture' }, { value: 7, label: 'entertainment', markSelected: true }, { value: 8, label: 'health' }, { value: 9, label: 'biology' }, { value: 10, label: 'creativity' }, { value: 11, label: 'environment' }, { value: 12, label: 'art' }, { value: 13, label: 'TEDx' }, { value: 14, label: 'music' }, { value: 15, label: 'medicine' }, { value: 16, label: 'economics' }, { value: 17, label: 'politics' }, { value: 18, label: 'performance' }, { value: 19, label: 'psychology' }, { value: 20, label: 'life' }];\n _this.filterDropdownAppVersion = [{ value: 0, label: '1.12.11' }, { value: 1, label: '1.12.11', markSelected: true }, { value: 2, label: '1.0.1' }, { value: 3, label: '1.1.9' }, { value: 4, label: '1.7.11' }];\n _this.filterDropdownPlayer = [{ value: 0, label: 'Video.js' }, { value: 1, label: 'Video.js', markSelected: true }, { value: 2, label: 'ExoPlayer' }, { value: 3, label: 'Bradmax iOS' }];\n _this.filterDropdownIsp = [{ value: 0, label: 'UPC Polska' }, { value: 1, label: 'UPC Polska', markSelected: true }, { value: 2, label: 'Vectra Broadband' }, { value: 3, label: 'Multimedia Polska S.A.' }, { value: 4, label: 'Orange Polska' }, { value: 5, label: 'T-mobile Polska' }, { value: 6, label: 'Orange Mobile' }, { value: 7, label: 'Netia SA' }, { value: 8, label: 'Play' }, { value: 9, label: 'Plus' }, { value: 10, label: 'Cyfrowy Polsat' }];\n _this.filterDropdownCdn = [{ value: 0, label: 'AWS, Akamai' }, { value: 1, label: 'AWS', markSelected: true }, { value: 2, label: 'Akamai', markSelected: true }, { value: 3, label: 'CDN77' }, , { value: 4, label: 'Azure' }];\n _this.filterDropdownGeoCountry = [{ value: 0, label: 'All' }, { value: 1, label: ' United States', markSelected: true }, { value: 2, label: ' China' }, { value: 3, label: ' Japan' }, { value: 4, label: ' Canada' }, { value: 5, label: ' Brazil' }, { value: 6, label: ' Germany' }, { value: 7, label: ' United Kingdom' }, { value: 8, label: ' France' }, { value: 9, label: ' Republic of Korea' }, { value: 10, label: ' Netherlands' }, { value: 11, label: ' Russia' }, { value: 12, label: ' Italy' }, { value: 13, label: ' India' }, { value: 14, label: ' Australia' }, { value: 15, label: ' Spain' }, { value: 16, label: ' Taiwan' }, { value: 17, label: ' Mexico' }, { value: 18, label: ' South Africa' }, { value: 19, label: ' Vietnam' }, { value: 20, label: ' Indonesia' }];\n _this.filterDropdownGeoRegion = [{ value: 0, label: 'All' }];\n _this.filterDropdownGeoCity = [{ value: 0, label: 'All' }];\n _this.filterDropdownDemographyAgeFrom = [{ value: -1, label: '0' }, { value: 0, label: '0', markSelected: true }, { value: 3, label: '3' }, { value: 6, label: '6' }, { value: 9, label: '9' }, { value: 12, label: '12' }, { value: 15, label: '15' }, { value: 18, label: '18' }, { value: 21, label: '21' }, { value: 24, label: '24' }, { value: 27, label: '27' }, { value: 30, label: '30' }, { value: 33, label: '33' }, { value: 36, label: '36' }, { value: 39, label: '39' }, { value: 42, label: '42' }, { value: 45, label: '45' }, { value: 48, label: '48' }, { value: 51, label: '51' }, { value: 54, label: '54' }, { value: 57, label: '57' }, { value: 60, label: '60' }, { value: 63, label: '63' }, { value: 66, label: '66' }, { value: 69, label: '69' }, { value: 72, label: '72' }, { value: 75, label: '75' }, { value: 78, label: '78' }, { value: 81, label: '81' }, { value: 84, label: '84' }, { value: 87, label: '87' }, { value: 90, label: '90' }, { value: 93, label: '93' }, { value: 96, label: '96' }, { value: 99, label: '99' }];\n _this.filterDropdownDemographyAgeTo = [{ value: -1, label: '99' }, { value: 0, label: '0' }, { value: 3, label: '3' }, { value: 6, label: '6' }, { value: 9, label: '9' }, { value: 12, label: '12' }, { value: 15, label: '15' }, { value: 18, label: '18' }, { value: 21, label: '21' }, { value: 24, label: '24' }, { value: 27, label: '27' }, { value: 30, label: '30' }, { value: 33, label: '33' }, { value: 36, label: '36' }, { value: 39, label: '39' }, { value: 42, label: '42' }, { value: 45, label: '45' }, { value: 48, label: '48' }, { value: 51, label: '51' }, { value: 54, label: '54' }, { value: 57, label: '57' }, { value: 60, label: '60' }, { value: 63, label: '63' }, { value: 66, label: '66' }, { value: 69, label: '69' }, { value: 72, label: '72' }, { value: 75, label: '75' }, { value: 78, label: '78' }, { value: 81, label: '81' }, { value: 84, label: '84' }, { value: 87, label: '87' }, { value: 90, label: '90' }, { value: 93, label: '93' }, { value: 96, label: '96' }, { value: 99, label: '99', markSelected: true }];\n _this.filterDropdownDemographySex = [{ value: 0, label: 'Male' }, { value: 1, label: 'Male', markSelected: true }, { value: 2, label: 'Feale' }];\n _this.isPanelOpen = {};\n for (var panelId = 1; panelId < 9; panelId++) {\n _this.isPanelOpen[panelId] = true;\n }\n _this.timeSeries = {\n \"data\": [\n { \"data\": [1318, 1280, 1310, 1208, 799, 1071, 1513, 1275, 1372, 1293, 1131, 756, 1067, 1417, 1324, 1278, 1058, 818, 868, 1173, 1569, 1389, 1448, 1311, 1119, 953, 1003, 1139, 1040, 1381, 837], \"label\": \"Users\" },\n { \"data\": [4276, 4197, 4339, 4108, 2470, 3422, 4804, 4439, 4328, 4154, 3479, 2377, 3181, 4503, 4319, 4006, 3448, 2635, 2818, 3732, 5330, 4960, 4388, 4376, 3573, 2847, 3307, 3709, 2473, 4296, 2611], \"label\": \"Views\" }\n ],\n \"labels\": [\"2019-10-14T22:00:00.000Z\", \"2019-10-15T22:00:00.000Z\", \"2019-10-16T22:00:00.000Z\", \"2019-10-17T22:00:00.000Z\", \"2019-10-18T22:00:00.000Z\", \"2019-10-19T22:00:00.000Z\", \"2019-10-20T22:00:00.000Z\", \"2019-10-21T22:00:00.000Z\", \"2019-10-22T22:00:00.000Z\", \"2019-10-23T22:00:00.000Z\", \"2019-10-24T22:00:00.000Z\", \"2019-10-25T22:00:00.000Z\", \"2019-10-26T22:00:00.000Z\", \"2019-10-27T23:00:00.000Z\", \"2019-10-28T23:00:00.000Z\", \"2019-10-29T23:00:00.000Z\", \"2019-10-30T23:00:00.000Z\", \"2019-10-31T23:00:00.000Z\", \"2019-11-01T23:00:00.000Z\", \"2019-11-02T23:00:00.000Z\", \"2019-11-03T23:00:00.000Z\", \"2019-11-04T23:00:00.000Z\", \"2019-11-05T23:00:00.000Z\", \"2019-11-06T23:00:00.000Z\", \"2019-11-07T23:00:00.000Z\", \"2019-11-08T23:00:00.000Z\", \"2019-11-09T23:00:00.000Z\", \"2019-11-10T23:00:00.000Z\", \"2019-11-11T23:00:00.000Z\", \"2019-11-12T23:00:00.000Z\", \"2019-11-13T23:00:00.000Z\"],\n \"startDate\": moment_default()([2019, 10, 14]),\n \"endDate\": moment_default()([2019, 11, 13]),\n \"chartType\": \"lineTime\",\n \"granularity\": \"day\"\n };\n _this.metricsDropdown = [{ value: 0, label: 'Select metrics for next chart' }, { value: 1, label: 'Users' }, { value: 2, label: 'Views' }, { value: 3, label: 'Avg watching time' }, { value: 4, label: 'Views/User' }, { value: 5, label: 'Stream start time' }, { value: 6, label: 'Player start time' }, { value: 7, label: 'Rebuffer duration' }, { value: 8, label: 'Rebuffer percentage' }, { value: 9, label: 'Avg bitrate' }, { value: 10, label: 'Quit time' }, { value: 11, label: 'Quit ratio' }, { value: 12, label: 'Error ratio' }];\n _this.metricDropdown = [{ value: 0, label: 'Select metric for next chart' }, { value: 1, label: 'Users' }, { value: 2, label: 'Views' }, { value: 3, label: 'Avg watching time' }, { value: 4, label: 'Views/User' }, { value: 5, label: 'Stream start time' }, { value: 6, label: 'Player start time' }, { value: 7, label: 'Rebuffer duration' }, { value: 8, label: 'Rebuffer percentage' }, { value: 9, label: 'Avg bitrate' }, { value: 10, label: 'Quit time' }, { value: 11, label: 'Quit ratio' }, { value: 12, label: 'Error ratio' }];\n _this.tableDimDropdown = [{ value: 0, label: 'Dimension' }, { value: 1, label: 'OS' }, { value: 2, label: 'Browser' }, { value: 3, label: 'ISP' }, { value: 4, label: 'CDN' }, { value: 5, label: 'Player' }, { value: 6, label: 'App version' }, { value: 7, label: 'Demography/Sex' }];\n _this.tableCols = ['UPC Polska', 'Vectra Broadband', 'Multimedia Polska S.A.', 'Orange Polska', 'T-mobile Polska', 'Orange Mobile', 'Netia SA', 'Play', 'Plus', 'Cyfrowy Polsat'];\n _this.tableRows = ['AWS', 'Akamai', 'CDN77', 'Azure'];\n _this.tableData = [\n [0.880, 1.157, 1.482, 1.627, 1.268, 1.961, 1.542, 1.523, 1.628, 2.043],\n [1.015, 1.084, 1.583, 1.372, 1.583, 1.521, 1.298, 1.724, 2.282, 1.504],\n [0.923, 1.219, 1.306, 0.982, 1.655, 1.767, 1.663, 1.666, 1.801, 2.000],\n [0.719, 1.055, 1.449, 1.326, 1.575, 1.858, 1.465, 2.071, 1.770, 1.546]\n ];\n _this.tableMetricsDropdown = [{ value: 0, label: 'Select metric for next table' }, { value: 1, label: 'Users' }, { value: 2, label: 'Views' }, { value: 3, label: 'Avg watching time' }, { value: 4, label: 'Views/User' }, { value: 5, label: 'Stream start time' }, { value: 6, label: 'Player start time' }, { value: 7, label: 'Rebuffer duration' }, { value: 8, label: 'Rebuffer percentage' }, { value: 9, label: 'Avg bitrate' }, { value: 10, label: 'Quit time' }, { value: 11, label: 'Quit ratio' }, { value: 12, label: 'Error ratio' }];\n _this.categoriesSeries = {\n \"data\": [\n { \"label\": \"Stream start time [sec]\", \"data\": [0.884, 1.128, 1.455, 1.326, 1.52, 1.776, 1.492, 1.746, 1.87, 1.773] },\n { \"label\": \"Player start time [sec]\", \"data\": [0.645, 0.639, 0.689, 0.672, 0.726, 0.740, 0.737, 0.788, 0.777, 0.895] },\n { \"label\": \"Rebuffering time [sec]\", \"data\": [1.648, 2.344, 2.296, 2.337, 2.201, 2.450, 2.461, 2.687, 2.754, 2.809] },\n ],\n \"labels\": ['UPC Polska', 'Vectra Broadband', 'Multimedia Polska S.A.', 'Orange Polska', 'T-mobile Polska', 'Orange Mobile', 'Netia SA', 'Play', 'Plus', 'Cyfrowy Polsat']\n };\n _this.categoriesDimDropdown = [{ value: 0, label: 'Select dimension' }, { value: 1, label: 'OS' }, { value: 2, label: 'Browser' }, { value: 3, label: 'ISP' }, { value: 4, label: 'CDN' }, { value: 5, label: 'Player' }, { value: 6, label: 'App version' }, { value: 7, label: 'Demography/Sex' }];\n _this.mapChartData = {\n \"chartType\": \"GeoChart\",\n \"dataTable\": [\n [\"Country\", \"Stream start time\"],\n [\"PL\", 1.522], [\"SE\", 1.268], [\"NO\", 1.216], [\"US\", 1.258], [\"GB\", 1.260], [\"DE\", 1.538], [\"DK\", 1.375], [\"SL\", 1.504], [\"ES\", 1.359], [\"NL\", 1.233],\n [\"CN\", 1.240], [\"FI\", 1.451], [\"BB\", 1.430], [\"FR\", 1.555], [\"BE\", 1.555], [\"MT\", 1.358], [\"AU\", 1.533], [\"AT\", 1.458], [\"RW\", 1.492], [\"PT\", 1.643],\n [\"IT\", 1.311], [\"CA\", 1.450], [\"RS\", 1.662], [\"JP\", 1.906], [\"CH\", 1.982], [\"UA\", 2.031], [\"GR\", 2.254], [\"HR\", 2.480], [\"AE\", 2.528], [\"SA\", 3.146],\n [\"CZ\", 3.141], [\"MA\", 3.463], [\"BA\", 3.372], [\"TR\", 3.855], [\"KW\", 3.962], [\"IE\", 3.908], [\"RU\", 4.226], [\"GW\", 4.364], [\"CY\", 4.507], [\"IN\", 4.429],\n [\"EE\", 4.731], [\"TH\", 5.278], [\"AZ\", 5.346], [\"ET\", 5.408], [\"LR\", 5.427], [\"BR\", 5.733], [\"BY\", 5.876], [\"HU\", 5.700], [\"BG\", 5.889], [\"LV\", 6.046],\n [\"IS\", 5.977], [\"MX\", 5.836], [\"HK\", 6.303], [\"QA\", 6.512], [\"RO\", 6.256], [\"ZA\", 6.521], [\"MK\", 6.507], [\"NG\", 6.732], [\"SI\", 6.628], [\"CO\", 6.704],\n [\"ID\", 6.663], [\"GH\", 6.729], [\"ME\", 6.664], [\"SK\", 6.997], [\"SG\", 7.075], [\"IR\", 6.982], [\"CV\", 7.055], [\"TZ\", 7.387], [\"EG\", 7.103], [\"PK\", 7.227],\n [\"CI\", 7.095], [\"CL\", 7.456], [\"KE\", 7.347], [\"LT\", 7.342], [\"BD\", 7.443], [\"VN\", 7.294], [\"BM\", 7.295], [\"SV\", 7.663], [\"CD\", 7.553], [\"KH\", 7.745],\n [\"KR\", 7.645], [\"LU\", 7.644], [\"TT\", 7.485], [\"DM\", 7.623], [\"VC\", 7.827], [\"HN\", 7.674], [\"AO\", 7.894], [\"IL\", 7.802], [\"OM\", 7.864], [\"MD\", 7.869],\n [\"LS\", 7.979], [\"MU\", 7.795], [\"MY\", 7.894], [\"MM\", 8.032], [\"GN\", 8.054], [\"NE\", 7.912], [\"SJ\", 7.821], [\"AR\", 7.762], [\"BS\", 7.991], [\"LC\", 8.080],\n [\"NI\", 7.828], [\"EC\", 7.901], [\"BO\", 7.706],\n ],\n \"apiKey\": \"AIzaSyAFWd3IeJ83WwKdNSqs1NNTIyKniUREGjo\",\n \"options\": {\n \"colorAxis\": {\n \"colors\": [\"#d9ebfb\", \"#348fe2\"]\n },\n \"defaultColor\": \"#348fe2\",\n \"datalessRegionColor\": \"#348fe2\"\n }\n };\n return _this;\n }\n FlexModelView.prototype.ngOnInit = function () {\n };\n FlexModelView.prototype.ngOnDestroy = function () {\n };\n FlexModelView.prototype.onTogglePanel = function (panelId) {\n this.isPanelOpen[panelId] = !this.isPanelOpen[panelId];\n };\n var _a, _b, _c, _d, _e, _f;\n FlexModelView = flexmodel_view_component___decorate([\n Object(core_es5[\"Component\"])({\n selector: 'flexmodel-view',\n template: __webpack_require__(1397),\n styles: [__webpack_require__(1398)],\n changeDetection: core_es5[\"ChangeDetectionStrategy\"].OnPush\n }),\n flexmodel_view_component___metadata(\"design:paramtypes\", [typeof (_a = typeof usersAndViewsVSTime_service_UsersAndViewsVsTimeService !== \"undefined\" && usersAndViewsVSTime_service_UsersAndViewsVsTimeService) === \"function\" && _a || Object, typeof (_b = typeof media_service_MediaService !== \"undefined\" && media_service_MediaService) === \"function\" && _b || Object, typeof (_c = typeof angular_l10n_es5[\"a\" /* LocaleService */] !== \"undefined\" && angular_l10n_es5[\"a\" /* LocaleService */]) === \"function\" && _c || Object, typeof (_d = typeof angular_l10n_es5[\"d\" /* TranslationService */] !== \"undefined\" && angular_l10n_es5[\"d\" /* TranslationService */]) === \"function\" && _d || Object, typeof (_e = typeof user_service[\"a\" /* UserService */] !== \"undefined\" && user_service[\"a\" /* UserService */]) === \"function\" && _e || Object, typeof (_f = typeof core_es5[\"ChangeDetectorRef\"] !== \"undefined\" && core_es5[\"ChangeDetectorRef\"]) === \"function\" && _f || Object])\n ], FlexModelView);\n return FlexModelView;\n}(angular_l10n_es5[\"b\" /* Localization */]));\n\n\n// CONCATENATED MODULE: ./src/module/analytics/flexmodel/flexmodelsetup.view.component.ts\nvar flexmodelsetup_view_component___extends = (this && this.__extends) || (function () {\n var extendStatics = Object.setPrototypeOf ||\n ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||\n function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };\n return function (d, b) {\n extendStatics(d, b);\n function __() { this.constructor = d; }\n d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());\n };\n})();\nvar flexmodelsetup_view_component___decorate = (this && this.__decorate) || function (decorators, target, key, desc) {\n var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;\n if (typeof Reflect === \"object\" && typeof Reflect.decorate === \"function\") r = Reflect.decorate(decorators, target, key, desc);\n 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;\n return c > 3 && r && Object.defineProperty(target, key, r), r;\n};\nvar flexmodelsetup_view_component___metadata = (this && this.__metadata) || function (k, v) {\n if (typeof Reflect === \"object\" && typeof Reflect.metadata === \"function\") return Reflect.metadata(k, v);\n};\n\n\n\n\n\n\nvar flexmodelsetup_view_component_FlexModelSetupView = (function (_super) {\n flexmodelsetup_view_component___extends(FlexModelSetupView, _super);\n function FlexModelSetupView(chartService, mediaAnalyticsService, exportService, locale, translation, user, cdr) {\n var _this = _super.call(this, locale, translation) || this;\n _this.chartService = chartService;\n _this.mediaAnalyticsService = mediaAnalyticsService;\n _this.exportService = exportService;\n _this.locale = locale;\n _this.translation = translation;\n _this.user = user;\n _this.cdr = cdr;\n _this.fieldTypeDropdown = [\n { value: 'string', label: 'string' },\n { value: 'int', label: 'int' },\n { value: 'float', label: 'float' },\n { value: 'bool', label: 'bool' },\n { value: 'date', label: 'date' },\n { value: 'time', label: 'time' },\n { value: 'type', label: 'type' },\n { value: 'array.string', label: 'array.string' },\n { value: 'array.type', label: 'array.type' },\n ];\n _this.addFieldDropdown = [\n { value: 0, label: 'Add basic field' },\n { value: 1, label: 'Add type field' }\n ];\n _this.loadPredefinedJson('qoe');\n return _this;\n }\n FlexModelSetupView.prototype.loadPredefinedJson = function (name) {\n this.model = JSON.parse(JSON.stringify(__webpack_require__(1399)(\"./\" + name + '.json')));\n this.modelAsJson = JSON.stringify(this.model, null, 2);\n this.addParentsToModel(this.model);\n this.dimensions = this.loadDimensions(this.model);\n this.metricsByType = this.loadMetrics(this.model);\n this.cdr.markForCheck();\n };\n FlexModelSetupView.prototype.addParentsToModel = function (model) {\n var root = {\n type: 'datapoint',\n fields: model\n };\n var queue = [root];\n while (queue.length) {\n var n = queue.shift();\n if (n.fields) {\n for (var _i = 0, _a = n.fields; _i < _a.length; _i++) {\n var nn = _a[_i];\n nn.parent = n;\n queue.push(nn);\n }\n }\n }\n };\n FlexModelSetupView.prototype.loadDimensions = function (model) {\n var dims = {\n 'Date range': true\n };\n var root = {\n type: 'datapoint',\n fields: model\n };\n var queue = [root];\n while (queue.length) {\n var n = queue.shift();\n if (n.fields) {\n for (var _i = 0, _a = n.fields; _i < _a.length; _i++) {\n var f = _a[_i];\n queue.push(f);\n }\n }\n if (n.name && (n.type != 'type') && (n.type != 'array.type') && (n.type != 'datapoint') && !n.aggregable) {\n var name = n.name;\n if (n.parent && n.parent.typeName) {\n name = n.parent.typeName + '.' + name;\n }\n dims[name] = true;\n }\n }\n var result = Object.keys(dims);\n result.sort();\n return result;\n };\n FlexModelSetupView.prototype.loadMetrics = function (model) {\n var aggrMetrics = {};\n var datapointCountMetrics = [];\n var countMetrics = {};\n var root = {\n type: 'datapoint',\n fields: model\n };\n var queue = [root];\n while (queue.length) {\n var n = queue.shift();\n if (n.fields) {\n for (var _i = 0, _a = n.fields; _i < _a.length; _i++) {\n var f = _a[_i];\n queue.push(f);\n }\n }\n if (n.name && n.type == 'datapoint') {\n datapointCountMetrics.push(n.name);\n }\n if (n.name && (n.type != 'type') && (n.type != 'array.type') && (n.type != 'datapoint') && !n.aggregable) {\n var name = n.name;\n if (n.parent && n.parent.typeName) {\n name = n.parent.typeName + '.' + name;\n }\n countMetrics[name] = true;\n }\n if (n.name && n.aggregable) {\n var name = n.name;\n if (n.parent && n.parent.typeName) {\n name = n.parent.typeName + '.' + name;\n }\n aggrMetrics[name] = true;\n }\n }\n var aggrMetricsList = Object.keys(aggrMetrics);\n aggrMetricsList.sort();\n var countMetricsList = Object.keys(countMetrics);\n countMetricsList.sort();\n datapointCountMetrics.sort();\n var result = {\n 'aggr': aggrMetricsList,\n 'count': countMetricsList,\n 'datapoint': datapointCountMetrics,\n };\n return result;\n };\n FlexModelSetupView.prototype.exportToJson = function () {\n var exportFileName = 'bradmax_flex_model.json';\n this.exportService.exportFileFromJs(exportFileName, this.modelAsJson);\n };\n FlexModelSetupView.prototype.loadJsonClick = function () {\n document.getElementById('flex_model_json_upload').click();\n };\n FlexModelSetupView.prototype.handleJsonInput = function (files) {\n var _this = this;\n var fileTobeRead = files[0];\n var fileReader = new FileReader();\n fileReader.onload = function (e) {\n _this.loadJson(fileReader.result);\n };\n fileReader.readAsText(fileTobeRead);\n };\n FlexModelSetupView.prototype.loadJson = function (modelJson) {\n try {\n this.model = JSON.parse(modelJson);\n }\n catch (e) {\n alert(\"Cannot parse JSON file. \" + e);\n return;\n }\n this.modelAsJson = modelJson;\n this.addParentsToModel(this.model);\n this.dimensions = this.loadDimensions(this.model);\n this.metricsByType = this.loadMetrics(this.model);\n this.cdr.markForCheck();\n };\n var _a, _b, _c, _d, _e, _f, _g;\n FlexModelSetupView = flexmodelsetup_view_component___decorate([\n Object(core_es5[\"Component\"])({\n selector: 'flexmodelsetup-view',\n template: __webpack_require__(1404),\n styles: [__webpack_require__(1405)],\n changeDetection: core_es5[\"ChangeDetectionStrategy\"].OnPush\n }),\n flexmodelsetup_view_component___metadata(\"design:paramtypes\", [typeof (_a = typeof usersAndViewsVSTime_service_UsersAndViewsVsTimeService !== \"undefined\" && usersAndViewsVSTime_service_UsersAndViewsVsTimeService) === \"function\" && _a || Object, typeof (_b = typeof media_service_MediaService !== \"undefined\" && media_service_MediaService) === \"function\" && _b || Object, typeof (_c = typeof export_service_ExportService !== \"undefined\" && export_service_ExportService) === \"function\" && _c || Object, typeof (_d = typeof angular_l10n_es5[\"a\" /* LocaleService */] !== \"undefined\" && angular_l10n_es5[\"a\" /* LocaleService */]) === \"function\" && _d || Object, typeof (_e = typeof angular_l10n_es5[\"d\" /* TranslationService */] !== \"undefined\" && angular_l10n_es5[\"d\" /* TranslationService */]) === \"function\" && _e || Object, typeof (_f = typeof user_service[\"a\" /* UserService */] !== \"undefined\" && user_service[\"a\" /* UserService */]) === \"function\" && _f || Object, typeof (_g = typeof core_es5[\"ChangeDetectorRef\"] !== \"undefined\" && core_es5[\"ChangeDetectorRef\"]) === \"function\" && _g || Object])\n ], FlexModelSetupView);\n return FlexModelSetupView;\n}(angular_l10n_es5[\"b\" /* Localization */]));\n\n\n// CONCATENATED MODULE: ./src/module/analytics/flexmodel/flexmodel.module.ts\nvar flexmodel_module___decorate = (this && this.__decorate) || function (decorators, target, key, desc) {\n var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;\n if (typeof Reflect === \"object\" && typeof Reflect.decorate === \"function\") r = Reflect.decorate(decorators, target, key, desc);\n 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;\n return c > 3 && r && Object.defineProperty(target, key, r), r;\n};\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\nvar flexmodel_module_routes = [\n { path: '', component: flexmodel_view_component_FlexModelView },\n { path: 'setup', component: flexmodelsetup_view_component_FlexModelSetupView },\n];\nvar flexmodel_module_AnalyticsFlexmodelModule = (function () {\n function AnalyticsFlexmodelModule() {\n }\n AnalyticsFlexmodelModule = flexmodel_module___decorate([\n Object(core_es5[\"NgModule\"])({\n imports: [\n http_es5[\"c\" /* HttpModule */],\n shared_module_SharedModule,\n common_es5[\"CommonModule\"],\n angular_l10n_es5[\"c\" /* LocalizationModule */],\n router_es5[\"h\" /* RouterModule */].forChild(flexmodel_module_routes),\n forms_es5[\"FormsModule\"],\n form_module_FormComponentsModule,\n chart_module_ChartModule,\n TagInputModule,\n pager_module_PagerModule,\n google_charts_module_Ng2GoogleChartsModule,\n ],\n declarations: [\n flexmodel_view_component_FlexModelView,\n flexmodelsetup_view_component_FlexModelSetupView\n ],\n providers: [\n analytics_service_AnalyticsService,\n usersAndViewsVSTime_service_UsersAndViewsVsTimeService,\n media_service_MediaService,\n ]\n })\n ], AnalyticsFlexmodelModule);\n return AnalyticsFlexmodelModule;\n}());\n\n\n// EXTERNAL MODULE: ./src/service/sidebar.service.ts\nvar sidebar_service = __webpack_require__(36);\n\n// CONCATENATED MODULE: ./src/module/analytics/heartbeat/heartbeat.view.component.ts\nvar heartbeat_view_component___extends = (this && this.__extends) || (function () {\n var extendStatics = Object.setPrototypeOf ||\n ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||\n function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };\n return function (d, b) {\n extendStatics(d, b);\n function __() { this.constructor = d; }\n d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());\n };\n})();\nvar heartbeat_view_component___decorate = (this && this.__decorate) || function (decorators, target, key, desc) {\n var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;\n if (typeof Reflect === \"object\" && typeof Reflect.decorate === \"function\") r = Reflect.decorate(decorators, target, key, desc);\n 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;\n return c > 3 && r && Object.defineProperty(target, key, r), r;\n};\nvar heartbeat_view_component___metadata = (this && this.__metadata) || function (k, v) {\n if (typeof Reflect === \"object\" && typeof Reflect.metadata === \"function\") return Reflect.metadata(k, v);\n};\n\n\n\n\n\nvar heartbeat_view_component_HeartbeatViewComponent = (function (_super) {\n heartbeat_view_component___extends(HeartbeatViewComponent, _super);\n function HeartbeatViewComponent(router, sidebar, view, locale, translation, cdr) {\n var _this = _super.call(this, locale, translation) || this;\n _this.router = router;\n _this.sidebar = sidebar;\n _this.view = view;\n _this.locale = locale;\n _this.translation = translation;\n _this.cdr = cdr;\n return _this;\n }\n HeartbeatViewComponent.prototype.onShow = function (_option) {\n this.router.navigate(['admin', 'analytics', 'heartbeat', _option]);\n this.view.setHeartBeatMode(true);\n this.sidebar.close();\n };\n var _a, _b, _c, _d, _e, _f;\n HeartbeatViewComponent = heartbeat_view_component___decorate([\n Object(core_es5[\"Component\"])({\n selector: 'heartbeat-view',\n template: __webpack_require__(1406),\n changeDetection: core_es5[\"ChangeDetectionStrategy\"].OnPush\n }),\n heartbeat_view_component___metadata(\"design:paramtypes\", [typeof (_a = typeof router_es5[\"g\" /* Router */] !== \"undefined\" && router_es5[\"g\" /* Router */]) === \"function\" && _a || Object, typeof (_b = typeof sidebar_service[\"a\" /* SidebarService */] !== \"undefined\" && sidebar_service[\"a\" /* SidebarService */]) === \"function\" && _b || Object, typeof (_c = typeof view_service[\"a\" /* ViewService */] !== \"undefined\" && view_service[\"a\" /* ViewService */]) === \"function\" && _c || Object, typeof (_d = typeof angular_l10n_es5[\"a\" /* LocaleService */] !== \"undefined\" && angular_l10n_es5[\"a\" /* LocaleService */]) === \"function\" && _d || Object, typeof (_e = typeof angular_l10n_es5[\"d\" /* TranslationService */] !== \"undefined\" && angular_l10n_es5[\"d\" /* TranslationService */]) === \"function\" && _e || Object, typeof (_f = typeof core_es5[\"ChangeDetectorRef\"] !== \"undefined\" && core_es5[\"ChangeDetectorRef\"]) === \"function\" && _f || Object])\n ], HeartbeatViewComponent);\n return HeartbeatViewComponent;\n}(angular_l10n_es5[\"b\" /* Localization */]));\n\n\n// CONCATENATED MODULE: ./src/module/analytics/heartbeat/panicdashboard.view.component.ts\nvar panicdashboard_view_component___extends = (this && this.__extends) || (function () {\n var extendStatics = Object.setPrototypeOf ||\n ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||\n function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };\n return function (d, b) {\n extendStatics(d, b);\n function __() { this.constructor = d; }\n d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());\n };\n})();\nvar panicdashboard_view_component___decorate = (this && this.__decorate) || function (decorators, target, key, desc) {\n var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;\n if (typeof Reflect === \"object\" && typeof Reflect.decorate === \"function\") r = Reflect.decorate(decorators, target, key, desc);\n 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;\n return c > 3 && r && Object.defineProperty(target, key, r), r;\n};\nvar panicdashboard_view_component___metadata = (this && this.__metadata) || function (k, v) {\n if (typeof Reflect === \"object\" && typeof Reflect.metadata === \"function\") return Reflect.metadata(k, v);\n};\n\n\n\n\n\n\n\n\n\n\nvar panicdashboard_view_component_PanicDashboardViewComponent = (function (_super) {\n panicdashboard_view_component___extends(PanicDashboardViewComponent, _super);\n function PanicDashboardViewComponent(pagesService, analyticsService, mediaAnalyticsService, router, sidebar, view, locale, translation, cdr) {\n var _this = _super.call(this, locale, translation) || this;\n _this.pagesService = pagesService;\n _this.analyticsService = analyticsService;\n _this.mediaAnalyticsService = mediaAnalyticsService;\n _this.router = router;\n _this.sidebar = sidebar;\n _this.view = view;\n _this.locale = locale;\n _this.translation = translation;\n _this.cdr = cdr;\n _this.leftChartHeight = '0px';\n _this.rightPanelHeight = '0px';\n _this.mapColorRange = ['#AABBFF', '#348fe2'];\n _this.activeGeoType = 'region';\n _this.selectedCountry = 'All';\n return _this;\n }\n PanicDashboardViewComponent.prototype.getScreenSize = function () {\n var _this = this;\n this.leftChartHeight = ((window.innerHeight - (this.divOSERTable.nativeElement.scrollHeight +\n this.divBrowserERTable.nativeElement.scrollHeight + 30)) / 3 - 20).toString() + 'px';\n this.rightPanelHeight = (window.innerHeight - 20).toString() + 'px';\n setTimeout(function () { _this.loadMapData(); }, 50);\n setTimeout(function () { _this.cdr.markForCheck(); }, 20);\n };\n PanicDashboardViewComponent.prototype.ngAfterViewInit = function () {\n this.getScreenSize();\n };\n PanicDashboardViewComponent.prototype.ngOnInit = function () {\n this.loadMockData();\n this.loadCountriesList();\n this.loadMaterialER();\n this.loadOSER();\n this.lodadBrowserER();\n };\n PanicDashboardViewComponent.prototype.loadMaterialER = function () {\n this.material_error_rate = new Array(0);\n for (var _i = 0; _i < 26; _i++) {\n this.material_error_rate.push({ id: (_i * 2 + 1).toString(),\n title: 'Material#' + Math.floor(Math.random() * 100).toString(),\n error_rate: _i * 10 });\n }\n };\n PanicDashboardViewComponent.prototype.loadOSER = function () {\n this.os_error_rate = new Array(0);\n for (var _i = 0; _i < 5; _i++) {\n this.os_error_rate.push({ os: \"opSys\" + (_i * 2).toString(),\n error_rate: Math.floor(Math.random() * 100).toString() + \"%\" });\n }\n };\n PanicDashboardViewComponent.prototype.lodadBrowserER = function () {\n this.browser_error_rate = new Array(0);\n for (var _i = 0; _i < 5; _i++) {\n this.browser_error_rate.push({ browser: \"browser\" + (_i * 2).toString(),\n error_rate: Math.floor(Math.random() * 100).toString() + \"%\" });\n }\n };\n PanicDashboardViewComponent.prototype.loadCountriesList = function () {\n var _this = this;\n this.countriesList = null;\n this.pagesService.listOfCountries().subscribe(function (data) {\n _this.countriesList = _this.parseGeoData(data);\n setTimeout(function () { _this.cdr.markForCheck(); }, 20);\n _this.loadMapData();\n });\n };\n PanicDashboardViewComponent.prototype.loadMapData = function () {\n var selectedCountryCode = \"PL\";\n var regionsMapChartFix = __webpack_require__(107);\n this.mapChartRegionsSkippingsSet = regionsMapChartFix.skippingSet;\n var mapChartResolution = (selectedCountryCode in this.mapChartRegionsSkippingsSet) ? 'countries' : 'provinces';\n this.geoData = new Array(0);\n var geoDataTable = new Array(0);\n geoDataTable.push([\"Region\", \"Value\"]);\n var statValue = 0;\n try {\n for (var _i = 1; _i < this.countriesList.length; _i++) {\n statValue = Math.round(Math.random() * 10000);\n geoDataTable.push([this.countriesList[_i].value, statValue]);\n this.geoData.push({ country: {\n name: this.countriesList[_i].label,\n code: this.countriesList[_i].value\n },\n flag: \"flag-icon flag-icon-\" + this.countriesList[_i].value.toLowerCase(),\n views: statValue });\n }\n if (this.selectedCountry != 'All') {\n this.geoData = new Array(0);\n for (var _i = 1; _i < 100; _i++) {\n statValue = Math.round(Math.random() * 10000);\n this.geoData.push({ country: {\n name: \"Region # \" + _i.toString(),\n code: _i.toString()\n },\n flag: \"flag-icon\",\n views: statValue });\n }\n }\n }\n catch (_e) { }\n this.mapChartData = {\n chartType: 'GeoChart',\n apiKey: this.analyticsService.getGoogleMapsApiKey(),\n dataTable: geoDataTable,\n options: {\n backgroundColor: '#575d63',\n colorAxis: { colors: this.mapColorRange }\n }\n };\n if (this.selectedCountry != 'All') {\n this.mapChartData.options.resolution = mapChartResolution;\n this.mapChartData.options.region = this.selectedCountry;\n if (this.activeGeoType == \"city\") {\n this.mapChartData.options.displayMode = 'markers';\n }\n }\n };\n PanicDashboardViewComponent.prototype.loadMockData = function () {\n var _this = this;\n var endDate = moment_default()().startOf('day');\n var startDate = endDate.clone().subtract(30, 'days');\n var labels = new Array(0);\n var datadata = new Array(0);\n for (var _i = 0; _i < 6; _i++) {\n datadata.push(new Array(0));\n }\n this.mediaAnalyticsService.getMediaViewsHistory('MEDIA_ID_1', startDate, endDate, 'day')\n .subscribe(function (data) {\n data.data.label = 'label';\n for (var _i = 0; _i < data.labels.length; _i++) {\n labels.push(_i.toString());\n for (var _i_1 = 0; _i_1 < 5; _i_1++) {\n datadata[_i_1].push(Math.floor(Math.random() * 100));\n }\n }\n var data0 = Object.assign([], data.data);\n var data1 = Object.assign([], data.data);\n var data2 = Object.assign([], data.data);\n var data3 = Object.assign([], data.data);\n var data4 = Object.assign([], data.data);\n var data5 = Object.assign([], data.data);\n data1.data = datadata[0];\n data2.data = datadata[1];\n data3.data = datadata[2];\n data4.data = datadata[3];\n data5.data = datadata[4];\n data1.fill = true;\n var values = new Array(0);\n values = Object.assign([], datadata[0]);\n var sum = values.reduce(function (previous, current) { return current += previous; });\n var avg = sum / values.length;\n for (var _i = 0; _i < data.labels.length; _i++) {\n datadata[5].push(avg);\n }\n data0.data = datadata[5];\n _this.all24hErrorRate = {\n data: [data1, data0],\n labels: labels,\n startDate: startDate,\n endDate: endDate,\n chartType: 'line',\n granularity: 'day'\n };\n _this.browser24hErrorRate = {\n data: [data5, data2, data3],\n labels: labels,\n startDate: startDate,\n endDate: endDate,\n chartType: 'line',\n granularity: 'day'\n };\n _this.OS24hErrorRate = {\n data: [data5, data4, data3],\n labels: labels,\n startDate: startDate,\n endDate: endDate,\n chartType: 'line',\n granularity: 'day'\n };\n _this.cdr.markForCheck();\n });\n };\n PanicDashboardViewComponent.prototype.ngOnDestroy = function () {\n };\n PanicDashboardViewComponent.prototype.onShowHeartbeat = function () {\n this.router.navigate(['admin', 'analytics', 'heartbeat']);\n this.view.setHeartBeatMode(false);\n this.sidebar.openDefault();\n };\n PanicDashboardViewComponent.prototype.parseGeoData = function (_data) {\n var result;\n if (_data.length == 0) {\n return [{ value: '', label: '' }];\n }\n result = new Array(0);\n result.push({ value: 'All', label: 'All' });\n for (var _i = 0; _i < _data.length; _i++) {\n if (!(_data[_i].code == null)) {\n result.push({ value: _data[_i].code, label: _data[_i].name });\n }\n else if (!(_data[_i].id == null)) {\n result.push({ value: _data[_i].id, label: _data[_i].name });\n }\n }\n return result;\n };\n var _a, _b, _c, _d, _f, _g, _h, _j, _k;\n panicdashboard_view_component___decorate([\n Object(core_es5[\"ViewChild\"])('divBrowserERTable'),\n panicdashboard_view_component___metadata(\"design:type\", Object)\n ], PanicDashboardViewComponent.prototype, \"divBrowserERTable\", void 0);\n panicdashboard_view_component___decorate([\n Object(core_es5[\"ViewChild\"])('divOSERTable'),\n panicdashboard_view_component___metadata(\"design:type\", Object)\n ], PanicDashboardViewComponent.prototype, \"divOSERTable\", void 0);\n panicdashboard_view_component___decorate([\n Object(core_es5[\"ViewChild\"])('divGeoTable'),\n panicdashboard_view_component___metadata(\"design:type\", Object)\n ], PanicDashboardViewComponent.prototype, \"divGeoTable\", void 0);\n panicdashboard_view_component___decorate([\n Object(core_es5[\"HostListener\"])('window:resize'),\n panicdashboard_view_component___metadata(\"design:type\", Function),\n panicdashboard_view_component___metadata(\"design:paramtypes\", []),\n panicdashboard_view_component___metadata(\"design:returntype\", void 0)\n ], PanicDashboardViewComponent.prototype, \"getScreenSize\", null);\n PanicDashboardViewComponent = panicdashboard_view_component___decorate([\n Object(core_es5[\"Component\"])({\n selector: 'panic-dashboard-view',\n template: __webpack_require__(1407),\n styles: [\n \"\"\n ],\n changeDetection: core_es5[\"ChangeDetectionStrategy\"].OnPush\n }),\n panicdashboard_view_component___metadata(\"design:paramtypes\", [typeof (_a = typeof pages_service_PagesService !== \"undefined\" && pages_service_PagesService) === \"function\" && _a || Object, typeof (_b = typeof analytics_service_AnalyticsService !== \"undefined\" && analytics_service_AnalyticsService) === \"function\" && _b || Object, typeof (_c = typeof media_service_MediaService !== \"undefined\" && media_service_MediaService) === \"function\" && _c || Object, typeof (_d = typeof router_es5[\"g\" /* Router */] !== \"undefined\" && router_es5[\"g\" /* Router */]) === \"function\" && _d || Object, typeof (_f = typeof sidebar_service[\"a\" /* SidebarService */] !== \"undefined\" && sidebar_service[\"a\" /* SidebarService */]) === \"function\" && _f || Object, typeof (_g = typeof view_service[\"a\" /* ViewService */] !== \"undefined\" && view_service[\"a\" /* ViewService */]) === \"function\" && _g || Object, typeof (_h = typeof angular_l10n_es5[\"a\" /* LocaleService */] !== \"undefined\" && angular_l10n_es5[\"a\" /* LocaleService */]) === \"function\" && _h || Object, typeof (_j = typeof angular_l10n_es5[\"d\" /* TranslationService */] !== \"undefined\" && angular_l10n_es5[\"d\" /* TranslationService */]) === \"function\" && _j || Object, typeof (_k = typeof core_es5[\"ChangeDetectorRef\"] !== \"undefined\" && core_es5[\"ChangeDetectorRef\"]) === \"function\" && _k || Object])\n ], PanicDashboardViewComponent);\n return PanicDashboardViewComponent;\n}(angular_l10n_es5[\"b\" /* Localization */]));\n\n\n// CONCATENATED MODULE: ./src/module/analytics/heartbeat/warroom.view.component.ts\nvar warroom_view_component___extends = (this && this.__extends) || (function () {\n var extendStatics = Object.setPrototypeOf ||\n ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||\n function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };\n return function (d, b) {\n extendStatics(d, b);\n function __() { this.constructor = d; }\n d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());\n };\n})();\nvar warroom_view_component___decorate = (this && this.__decorate) || function (decorators, target, key, desc) {\n var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;\n if (typeof Reflect === \"object\" && typeof Reflect.decorate === \"function\") r = Reflect.decorate(decorators, target, key, desc);\n 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;\n return c > 3 && r && Object.defineProperty(target, key, r), r;\n};\nvar warroom_view_component___metadata = (this && this.__metadata) || function (k, v) {\n if (typeof Reflect === \"object\" && typeof Reflect.metadata === \"function\") return Reflect.metadata(k, v);\n};\n\n\n\n\n\n\n\n\n\n\nvar warroom_view_component_WarroomViewComponent = (function (_super) {\n warroom_view_component___extends(WarroomViewComponent, _super);\n function WarroomViewComponent(chartService, router, sidebar, view, analyticsService, locale, translation, cdr) {\n var _this = _super.call(this, locale, translation) || this;\n _this.chartService = chartService;\n _this.router = router;\n _this.sidebar = sidebar;\n _this.view = view;\n _this.analyticsService = analyticsService;\n _this.locale = locale;\n _this.translation = translation;\n _this.cdr = cdr;\n _this.NUMBER_OF_TOP_MATERIAL_CHARTS = 10;\n _this.LENGTH_OF_TOP_METERIAL_BUFFER = 20;\n _this.SEC = 's';\n _this.MIN = 'm';\n _this.REFRESH_DATA_PERIOD = 1000;\n _this.REFRESH_24_DATA_PERIOD = 60000;\n _this.techChartHeight = '100px';\n _this.topMatChartHeight = '50px';\n _this.leftChartHeight = '200px';\n _this.todaysViews = '0';\n _this.todaysUsers = '0';\n _this.yesterdayUsers = '0';\n _this.yesterdayViews = '0';\n _this.viewsPerUsers24 = '0';\n _this.avgWatchingTime24 = '0';\n _this.audienceWatchingUsersNum = 0;\n _this.audienceMinutesChart = { data: [], labels: [] };\n _this.audienceSecondsChart = { data: [], labels: [] };\n _this.selectedMediaMinutesChart = new Array(0);\n _this.selectedMediaSecondsChart = new Array(0);\n _this.selectedMediaMetadata = new Array(0);\n _this.mediaMetadataByMaterialId = new Map();\n _this.topMediaListTotalLength = null;\n _this.topMediaList = null;\n _this.topMediaListLoading = false;\n _this.topMediaListPagingOptions = {\n page: 1,\n page_size: _this.LENGTH_OF_TOP_METERIAL_BUFFER\n };\n _this.updateNum = 0;\n _this.updateDataTimer = setInterval(function () { return _this.updateData(); }, _this.REFRESH_DATA_PERIOD);\n _this.chartService.getChartDataChanges().subscribe(function (data) { return _this.cdr.markForCheck(); });\n return _this;\n }\n WarroomViewComponent.prototype.getScreenSize = function () {\n this.techChartHeight = Math.floor((window.innerHeight - 170) / 3).toString() + 'px';\n this.topMatChartHeight = Math.floor((window.innerHeight - (80 + this.NUMBER_OF_TOP_MATERIAL_CHARTS * 15)) / this.NUMBER_OF_TOP_MATERIAL_CHARTS).toString() + 'px';\n this.leftChartHeight = Math.floor((window.innerHeight - (95)) / 4).toString() + 'px';\n };\n WarroomViewComponent.prototype.ngOnInit = function () {\n this.techChartHeight = Math.floor((window.innerHeight - 170) / 3).toString() + 'px';\n this.topMatChartHeight = Math.floor((window.innerHeight - (40 + 40 + this.NUMBER_OF_TOP_MATERIAL_CHARTS * 15)) / this.NUMBER_OF_TOP_MATERIAL_CHARTS).toString() + 'px';\n this.leftChartHeight = Math.floor((window.innerHeight - (95)) / 4).toString() + 'px';\n this.loadData();\n this.loadStats();\n };\n WarroomViewComponent.prototype.ngOnDestroy = function () {\n if (this.updateDataTimer) {\n clearInterval(this.updateDataTimer);\n this.updateDataTimer = null;\n }\n };\n WarroomViewComponent.prototype.loadData = function () {\n this.audienceMinutesChart = { data: [], labels: [] };\n this.audienceSecondsChart = { data: [], labels: [] };\n for (var i = 0; i < 60; i++) {\n this.audienceMinutesChart.labels.push('- ' + (60 - i) + this.MIN);\n this.audienceSecondsChart.labels.push('- ' + (60 - i) + this.SEC);\n }\n this.audienceMinutesChart.data.push({\n data: this.generateInitialData(60),\n label: 'Watching users'\n });\n var dataForSeconds = this.generateInitialData(60);\n this.audienceSecondsChart.data.push({\n data: dataForSeconds,\n label: 'Watching users'\n });\n this.loadTopMediaList();\n this.cdr.markForCheck();\n };\n WarroomViewComponent.prototype.loadStats = function () {\n var _this = this;\n var endDate = moment_default()().startOf('day');\n var startDate = endDate.clone().subtract(1, 'day');\n this.analyticsService.getAudienceHistoryForRange(startDate, endDate, 'day').subscribe(function (data) {\n try {\n _this.todaysUsers = data[0].users;\n _this.todaysViews = data[0].views;\n _this.yesterdayUsers = data[1].users;\n _this.yesterdayViews = data[1].views;\n }\n catch (_a) { }\n _this.cdr.markForCheck();\n });\n this.analyticsService.getAudienceHistoryForRange(startDate, endDate, 'hour').subscribe(function (data) {\n var todayData = new Array(0);\n var yesterdayData = new Array(0);\n _this.chartLabels = new Array(0);\n _this.chartData = new Array();\n for (var _i = 0; _i < data.length / 2; _i++) {\n todayData.push(data[_i].views);\n yesterdayData.push(data[_i + data.length / 2].views);\n if (_i % 2 == 0) {\n _this.chartLabels.push((-data.length / 2 + _i).toString() + 'h');\n }\n else {\n _this.chartLabels.push(' ');\n }\n }\n _this.chartData.push({ data: todayData, label: 'Today' });\n _this.chartData.push({ data: yesterdayData, label: 'Yesterday' });\n _this.cdr.markForCheck();\n });\n var endMoment = moment_default()().startOf('hour');\n var beginMoment = endMoment.clone().subtract(24, 'hour');\n this.analyticsService.getAudienceSummaryForRange(beginMoment, endMoment, 'hour').subscribe(function (data) {\n _this.viewsPerUsers24 = Number(parseFloat(data.views) / parseFloat(data.users)).toString();\n _this.avgWatchingTime24 = Number(parseFloat(data.watching_time) / parseFloat(data.users)).toString();\n });\n var colors = ChartConfigData.datasetColors;\n this.chartDataDevice = new Array();\n this.chartLabelsDevice = new Array(0);\n this.chartDataBrowser = new Array();\n this.chartLabelsBrowser = new Array(0);\n this.chartDataOs = new Array();\n this.chartLabelsOs = new Array(0);\n this.analyticsService.getTechnologyStatsFor24h(beginMoment).subscribe(function (data) {\n var chartbgcolor;\n var chartlbcolor;\n var chdata;\n chartbgcolor = new Array(0);\n chartlbcolor = new Array(0);\n chdata = new Array(0);\n for (var _i = 0; _i < data.device_type.summary.length; _i++) {\n chartbgcolor.push('rgba(' + colors[_i % colors.length][0] + ',' + colors[_i % colors.length][1] + ',' + colors[_i % colors.length][2] + ',0.8)');\n chartlbcolor.push('rgba(' + colors[_i % colors.length][0] + ',' + colors[_i % colors.length][1] + ',' + colors[_i % colors.length][2] + ',1)');\n chdata.push(data.device_type.summary[_i].views);\n _this.chartLabelsDevice.push(data.device_type.summary[_i].device_type_name);\n }\n _this.chartDataDevice = new Array();\n _this.chartDataDevice.push({\n backgroundColor: chartbgcolor,\n borderColor: chartlbcolor,\n data: chdata\n });\n chartbgcolor = new Array(0);\n chartlbcolor = new Array(0);\n chdata = new Array(0);\n for (var _i = 0; _i < data.browser_family.summary.length; _i++) {\n chartbgcolor.push(_this.colorArrToRgbaStr(colors[_i % colors.length], 0.8));\n chartlbcolor.push(_this.colorArrToRgbaStr(colors[_i % colors.length], 1.0));\n chdata.push(data.browser_family.summary[_i].views);\n _this.chartLabelsBrowser.push(data.browser_family.summary[_i].browser_family_name);\n }\n _this.chartDataBrowser = new Array();\n _this.chartDataBrowser.push({\n backgroundColor: chartbgcolor,\n borderColor: chartlbcolor,\n data: chdata\n });\n chartbgcolor = new Array(0);\n chartlbcolor = new Array(0);\n chdata = new Array(0);\n for (var _i = 0; _i < data.os_family.summary.length; _i++) {\n chartbgcolor.push(_this.colorArrToRgbaStr(colors[_i % colors.length], 0.8));\n chartlbcolor.push(_this.colorArrToRgbaStr(colors[_i % colors.length], 1.0));\n chdata.push(data.os_family.summary[_i].views);\n _this.chartLabelsOs.push(data.os_family.summary[_i].os_family_name);\n }\n _this.chartDataOs = new Array();\n _this.chartDataOs.push({\n backgroundColor: chartbgcolor,\n borderColor: chartlbcolor,\n data: chdata\n });\n _this.cdr.markForCheck();\n });\n };\n WarroomViewComponent.prototype.colorArrToRgbaStr = function (colorArr, alpha) {\n return 'rgba(' + colorArr[0] + ',' + colorArr[1] + ',' + colorArr[2] + ',' + alpha + ')';\n };\n WarroomViewComponent.prototype.updateData = function () {\n this.updateNum++;\n this.updateAudienceData();\n if (this.updateNum % 10 == 0) {\n this.loadTopMediaList();\n }\n if (this.updateNum % 300 == 0) {\n this.loadStats();\n }\n for (var _i = 0; _i < this.topMediaList.length; _i++) {\n this.updateSelectedMediaStats(this.topMediaList[_i].media.material_id);\n }\n this.cdr.markForCheck();\n };\n WarroomViewComponent.prototype.updateAudienceData = function () {\n var _this = this;\n if (!this.audienceMinutesChart\n || !this.audienceMinutesChart.data\n || (this.audienceMinutesChart.data.length == 0)\n || (this.audienceMinutesChart.data[0].data.length == 0)\n || (this.audienceSecondsChart.data.length == 0)\n || (this.audienceSecondsChart.data[0].data.length == 0)) {\n return;\n }\n this.analyticsService.getRealtimeAccountViewersNum().subscribe(function (data) {\n if (_this.updateNum % 60 == 0) {\n var samples = _this.audienceSecondsChart.data[0].data.slice();\n var lastMinuteSum = 0;\n for (var _a = 0, samples_1 = samples; _a < samples_1.length; _a++) {\n var v = samples_1[_a];\n lastMinuteSum += v;\n }\n _this.chartPushValue(_this.audienceMinutesChart, Math.ceil(lastMinuteSum / 60));\n }\n _this.audienceWatchingUsersNum = data.viewers_num > 0 ? data.viewers_num : 0;\n _this.chartPushValue(_this.audienceSecondsChart, _this.audienceWatchingUsersNum);\n _this.cdr.markForCheck();\n });\n };\n WarroomViewComponent.prototype.updateSelectedMediaStats = function (_i) {\n var _this = this;\n if (!this.selectedMediaMinutesChart[_i]\n || !this.selectedMediaMetadata[_i]\n || !this.selectedMediaMinutesChart[_i].data\n || (this.selectedMediaMinutesChart[_i].data.length == 0)\n || (this.selectedMediaMinutesChart[_i].data[0].data.length == 0)\n || (this.selectedMediaSecondsChart[_i].data.length == 0)\n || (this.selectedMediaSecondsChart[_i].data[0].data.length == 0)) {\n return;\n }\n this.analyticsService.getRealtimeMediaViewersNum(this.selectedMediaMetadata[_i].material_id).subscribe(function (data) {\n if (_this.updateNum % 60 == 0) {\n var samples = _this.selectedMediaSecondsChart[_i].data[0].data.slice();\n var lastMinuteSum = 0;\n for (var _a = 0, samples_2 = samples; _a < samples_2.length; _a++) {\n var v = samples_2[_a];\n lastMinuteSum += v;\n }\n _this.chartPushValue(_this.selectedMediaMinutesChart[_i], Math.ceil(lastMinuteSum / 60));\n }\n var watchingUsers = data.viewers_num > 0 ? data.viewers_num : 0;\n _this.chartPushValue(_this.selectedMediaSecondsChart[_i], watchingUsers);\n _this.cdr.markForCheck();\n });\n };\n WarroomViewComponent.prototype.loadTopMediaList = function () {\n var _this = this;\n this.topMediaListLoading = true;\n this.analyticsService.getRealtimeTopViewedMediaMetadataList(this.topMediaListPagingOptions).subscribe(function (data) {\n _this.topMediaList = data.records;\n _this.topMediaListTotalLength = data.total_records;\n _this.mediaMetadataByMaterialId = new Map();\n for (var _a = 0, _b = data.records; _a < _b.length; _a++) {\n var mm = _b[_a];\n _this.mediaMetadataByMaterialId.set(mm.media.material_id, mm.media);\n }\n for (var _i = 0; _i < _this.topMediaList.length; _i++) {\n _this.selectMediaMetadata(_i, _this.topMediaList[_i].media.material_id);\n }\n _this.topMediaListLoading = false;\n _this.cdr.markForCheck();\n });\n };\n WarroomViewComponent.prototype.selectMediaMetadata = function (_i, materialId) {\n if (this.selectedMediaMetadata[materialId] && (this.selectedMediaMetadata[materialId].material_id == materialId)) {\n return;\n }\n this.selectedMediaMetadata[materialId] = this.mediaMetadataByMaterialId.get(materialId);\n for (var _i_1 = 0; _i_1 < this.topMediaList.length; _i_1++) {\n this.loadSelectedMediaStats(this.topMediaList[_i_1].media.material_id);\n }\n };\n WarroomViewComponent.prototype.loadSelectedMediaStats = function (_i) {\n this.selectedMediaMinutesChart[_i] = { data: [], labels: [] };\n this.selectedMediaSecondsChart[_i] = { data: [], labels: [] };\n for (var i = 0; i < 60; i++) {\n this.selectedMediaMinutesChart[_i].labels.push('- ' + (60 - i) + this.MIN);\n this.selectedMediaSecondsChart[_i].labels.push('- ' + (60 - i) + this.SEC);\n }\n this.selectedMediaMinutesChart[_i].data.push({\n data: this.generateInitialData(60),\n label: 'Watching users'\n });\n var dataForSeconds = this.generateInitialData(60);\n this.selectedMediaSecondsChart[_i].data.push({\n data: dataForSeconds,\n label: 'Watching users'\n });\n this.cdr.markForCheck();\n };\n WarroomViewComponent.prototype.chartPushValue = function (chart, val) {\n var samples = chart.data[0].data;\n samples.shift();\n samples.push(val);\n chart.data = [{\n data: samples,\n label: 'Watching users'\n }];\n };\n WarroomViewComponent.prototype.generateInitialData = function (len) {\n var result = [];\n for (var i = 0; i < len; i++) {\n result.push(0);\n }\n return result;\n };\n WarroomViewComponent.prototype.onShowHeartbeat = function () {\n this.router.navigate(['admin', 'analytics', 'heartbeat']);\n this.view.setHeartBeatMode(false);\n this.sidebar.openDefault();\n };\n var _a, _b, _c, _d, _e, _f, _g, _h;\n warroom_view_component___decorate([\n Object(core_es5[\"HostListener\"])('window:resize'),\n warroom_view_component___metadata(\"design:type\", Function),\n warroom_view_component___metadata(\"design:paramtypes\", []),\n warroom_view_component___metadata(\"design:returntype\", void 0)\n ], WarroomViewComponent.prototype, \"getScreenSize\", null);\n WarroomViewComponent = warroom_view_component___decorate([\n Object(core_es5[\"Component\"])({\n selector: 'war-room-view',\n template: __webpack_require__(1408),\n styles: [\n \"\"\n ],\n changeDetection: core_es5[\"ChangeDetectionStrategy\"].OnPush\n }),\n warroom_view_component___metadata(\"design:paramtypes\", [typeof (_a = typeof usersAndViewsVSTime_service_UsersAndViewsVsTimeService !== \"undefined\" && usersAndViewsVSTime_service_UsersAndViewsVsTimeService) === \"function\" && _a || Object, typeof (_b = typeof router_es5[\"g\" /* Router */] !== \"undefined\" && router_es5[\"g\" /* Router */]) === \"function\" && _b || Object, typeof (_c = typeof sidebar_service[\"a\" /* SidebarService */] !== \"undefined\" && sidebar_service[\"a\" /* SidebarService */]) === \"function\" && _c || Object, typeof (_d = typeof view_service[\"a\" /* ViewService */] !== \"undefined\" && view_service[\"a\" /* ViewService */]) === \"function\" && _d || Object, typeof (_e = typeof analytics_service_AnalyticsService !== \"undefined\" && analytics_service_AnalyticsService) === \"function\" && _e || Object, typeof (_f = typeof angular_l10n_es5[\"a\" /* LocaleService */] !== \"undefined\" && angular_l10n_es5[\"a\" /* LocaleService */]) === \"function\" && _f || Object, typeof (_g = typeof angular_l10n_es5[\"d\" /* TranslationService */] !== \"undefined\" && angular_l10n_es5[\"d\" /* TranslationService */]) === \"function\" && _g || Object, typeof (_h = typeof core_es5[\"ChangeDetectorRef\"] !== \"undefined\" && core_es5[\"ChangeDetectorRef\"]) === \"function\" && _h || Object])\n ], WarroomViewComponent);\n return WarroomViewComponent;\n}(angular_l10n_es5[\"b\" /* Localization */]));\n\n\n// CONCATENATED MODULE: ./src/module/analytics/heartbeat/heartbeat.module.ts\nvar heartbeat_module___decorate = (this && this.__decorate) || function (decorators, target, key, desc) {\n var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;\n if (typeof Reflect === \"object\" && typeof Reflect.decorate === \"function\") r = Reflect.decorate(decorators, target, key, desc);\n 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;\n return c > 3 && r && Object.defineProperty(target, key, r), r;\n};\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\nvar heartbeat_module_routes = [\n { path: '', component: heartbeat_view_component_HeartbeatViewComponent },\n { path: 'panicdashboard', component: panicdashboard_view_component_PanicDashboardViewComponent },\n { path: 'warroom', component: warroom_view_component_WarroomViewComponent },\n];\nvar heartbeat_module_AnalyticsHeartbeatModule = (function () {\n function AnalyticsHeartbeatModule() {\n }\n AnalyticsHeartbeatModule = heartbeat_module___decorate([\n Object(core_es5[\"NgModule\"])({\n imports: [\n http_es5[\"c\" /* HttpModule */],\n shared_module_SharedModule,\n common_es5[\"CommonModule\"],\n angular_l10n_es5[\"c\" /* LocalizationModule */],\n router_es5[\"h\" /* RouterModule */].forChild(heartbeat_module_routes),\n forms_es5[\"FormsModule\"],\n form_module_FormComponentsModule,\n chart_module_ChartModule,\n google_charts_module_Ng2GoogleChartsModule\n ],\n declarations: [\n heartbeat_view_component_HeartbeatViewComponent,\n panicdashboard_view_component_PanicDashboardViewComponent,\n warroom_view_component_WarroomViewComponent,\n ],\n providers: [\n analytics_service_AnalyticsService,\n pages_service_PagesService,\n media_service_MediaService,\n usersAndViewsVSTime_service_UsersAndViewsVsTimeService,\n ]\n })\n ], AnalyticsHeartbeatModule);\n return AnalyticsHeartbeatModule;\n}());\n\n\n// CONCATENATED MODULE: ./src/module/analytics/info/info.view.component.ts\nvar info_view_component___extends = (this && this.__extends) || (function () {\n var extendStatics = Object.setPrototypeOf ||\n ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||\n function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };\n return function (d, b) {\n extendStatics(d, b);\n function __() { this.constructor = d; }\n d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());\n };\n})();\nvar info_view_component___decorate = (this && this.__decorate) || function (decorators, target, key, desc) {\n var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;\n if (typeof Reflect === \"object\" && typeof Reflect.decorate === \"function\") r = Reflect.decorate(decorators, target, key, desc);\n 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;\n return c > 3 && r && Object.defineProperty(target, key, r), r;\n};\nvar info_view_component___metadata = (this && this.__metadata) || function (k, v) {\n if (typeof Reflect === \"object\" && typeof Reflect.metadata === \"function\") return Reflect.metadata(k, v);\n};\n\n\n\n\n\nvar info_view_component_AnalyticsInfoView = (function (_super) {\n info_view_component___extends(AnalyticsInfoView, _super);\n function AnalyticsInfoView(locale, translation, analyticsService, urlService, user, cdr) {\n var _this = _super.call(this, locale, translation) || this;\n _this.locale = locale;\n _this.translation = translation;\n _this.analyticsService = analyticsService;\n _this.urlService = urlService;\n _this.user = user;\n _this.cdr = cdr;\n return _this;\n }\n AnalyticsInfoView.prototype.ngOnInit = function () {\n this.loadData();\n };\n AnalyticsInfoView.prototype.loadData = function () {\n var _this = this;\n this.analyticsService.getClientToken().subscribe(function (data) {\n _this.clientToken = data;\n _this.cdr.markForCheck();\n });\n };\n var _a, _b, _c, _d, _e, _f;\n AnalyticsInfoView = info_view_component___decorate([\n Object(core_es5[\"Component\"])({\n selector: 'analytics-info-view',\n template: __webpack_require__(1409),\n styles: [\n ':host .note {border-color: #b6c2c9;background: #e9edef;color: #5b6165;}',\n ':host .client-token {margin: 50px 10px;text-align: center;font-size: 1.5rem;}'\n ],\n changeDetection: core_es5[\"ChangeDetectionStrategy\"].OnPush\n }),\n info_view_component___metadata(\"design:paramtypes\", [typeof (_a = typeof angular_l10n_es5[\"a\" /* LocaleService */] !== \"undefined\" && angular_l10n_es5[\"a\" /* LocaleService */]) === \"function\" && _a || Object, typeof (_b = typeof angular_l10n_es5[\"d\" /* TranslationService */] !== \"undefined\" && angular_l10n_es5[\"d\" /* TranslationService */]) === \"function\" && _b || Object, typeof (_c = typeof analytics_service_AnalyticsService !== \"undefined\" && analytics_service_AnalyticsService) === \"function\" && _c || Object, typeof (_d = typeof url_service[\"a\" /* UrlService */] !== \"undefined\" && url_service[\"a\" /* UrlService */]) === \"function\" && _d || Object, typeof (_e = typeof user_service[\"a\" /* UserService */] !== \"undefined\" && user_service[\"a\" /* UserService */]) === \"function\" && _e || Object, typeof (_f = typeof core_es5[\"ChangeDetectorRef\"] !== \"undefined\" && core_es5[\"ChangeDetectorRef\"]) === \"function\" && _f || Object])\n ], AnalyticsInfoView);\n return AnalyticsInfoView;\n}(angular_l10n_es5[\"b\" /* Localization */]));\n\n\n// CONCATENATED MODULE: ./src/module/analytics/info/info.module.ts\nvar info_module___decorate = (this && this.__decorate) || function (decorators, target, key, desc) {\n var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;\n if (typeof Reflect === \"object\" && typeof Reflect.decorate === \"function\") r = Reflect.decorate(decorators, target, key, desc);\n 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;\n return c > 3 && r && Object.defineProperty(target, key, r), r;\n};\n\n\n\n\n\n\n\n\n\n\n\n\nvar info_module_routes = [\n { path: '', component: info_view_component_AnalyticsInfoView },\n];\nvar info_module_AnalyticsInfoModule = (function () {\n function AnalyticsInfoModule() {\n }\n AnalyticsInfoModule = info_module___decorate([\n Object(core_es5[\"NgModule\"])({\n imports: [\n http_es5[\"c\" /* HttpModule */],\n shared_module_SharedModule,\n common_es5[\"CommonModule\"],\n angular_l10n_es5[\"c\" /* LocalizationModule */],\n router_es5[\"h\" /* RouterModule */].forChild(info_module_routes),\n forms_es5[\"FormsModule\"],\n form_module_FormComponentsModule,\n ],\n declarations: [\n info_view_component_AnalyticsInfoView\n ],\n providers: [\n analytics_service_AnalyticsService,\n usersAndViewsVSTime_service_UsersAndViewsVsTimeService,\n product_service[\"a\" /* ProductService */]\n ]\n })\n ], AnalyticsInfoModule);\n return AnalyticsInfoModule;\n}());\n\n\n// EXTERNAL MODULE: ./node_modules/ngx-virtual-scroller/dist/virtual-scroller.js\nvar virtual_scroller = __webpack_require__(134);\nvar virtual_scroller_default = /*#__PURE__*/__webpack_require__.n(virtual_scroller);\n\n// CONCATENATED MODULE: ./src/module/virtual/dropdown/component/popup/virtual.dropdown.popup.component.ts\nvar virtual_dropdown_popup_component___decorate = (this && this.__decorate) || function (decorators, target, key, desc) {\n var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;\n if (typeof Reflect === \"object\" && typeof Reflect.decorate === \"function\") r = Reflect.decorate(decorators, target, key, desc);\n 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;\n return c > 3 && r && Object.defineProperty(target, key, r), r;\n};\nvar virtual_dropdown_popup_component___metadata = (this && this.__metadata) || function (k, v) {\n if (typeof Reflect === \"object\" && typeof Reflect.metadata === \"function\") return Reflect.metadata(k, v);\n};\n\n\n\nvar selector = \"virtual-dropdown-popup\";\nvar virtual_dropdown_popup_component_VirtualDropdownPopupComponent = (function () {\n function VirtualDropdownPopupComponent(cdr) {\n this.cdr = cdr;\n this.selector = selector;\n this.scrolledToEnd = new core_es5[\"EventEmitter\"]();\n this.selected = new core_es5[\"EventEmitter\"]();\n this.selectFromTemplate = this.emitSelected.bind(this);\n this.debug = null;\n this.itemHeigth = 30;\n }\n Object.defineProperty(VirtualDropdownPopupComponent.prototype, \"listHeight\", {\n get: function () { if (!this.items)\n return 0; return Math.max(0, this.items.length * this.itemHeigth); },\n enumerable: true,\n configurable: true\n });\n VirtualDropdownPopupComponent.prototype.ngAfterViewInit = function () {\n if (!this.virtualScroller || !this.selectedItem)\n return;\n this.virtualScroller.scrollInto(this.selectedItem, true, -(this.itemHeigth / 2), 0);\n };\n VirtualDropdownPopupComponent.prototype.documentKeyDown = function (e) {\n if (!this.items || !this.virtualScroller) {\n return;\n }\n switch (e.key) {\n case 'ArrowUp':\n dom_util[\"a\" /* DOMUtil */].stopPropagation(e);\n var preSelectedUpIndex = this.findPreSelectedIndex();\n if (preSelectedUpIndex === 0)\n return;\n this.preSelectedItem = this.items[preSelectedUpIndex - 1];\n this.cdr.markForCheck();\n this.virtualScroller.scrollInto(this.preSelectedItem, true, -(this.itemHeigth / 2));\n break;\n case 'ArrowDown':\n dom_util[\"a\" /* DOMUtil */].stopPropagation(e);\n var preSelectedDownIndex = this.findPreSelectedIndex();\n if (preSelectedDownIndex === this.items.length - 1)\n return;\n this.preSelectedItem = this.items[preSelectedDownIndex + 1];\n this.cdr.markForCheck();\n this.virtualScroller.scrollInto(this.preSelectedItem, true, -(this.itemHeigth / 2));\n break;\n case 'Enter':\n dom_util[\"a\" /* DOMUtil */].stopPropagation(e);\n if (!this.compareItems(this.preSelectedItem, this.selectedItem))\n this.selected.emit(this.preSelectedItem);\n this.preSelectedItem = null;\n break;\n default:\n return;\n }\n };\n VirtualDropdownPopupComponent.prototype.resetScroll = function () {\n if (!this.virtualScroller)\n return;\n this.virtualScroller.scrollToIndex(0, true, 0, 0);\n };\n VirtualDropdownPopupComponent.prototype.emitSelected = function (item) {\n if (!this.compareItems(item, this.selectedItem))\n this.selected.emit(item);\n };\n VirtualDropdownPopupComponent.prototype.emitScrolledToEnd = function (v) { this.scrolledToEnd.emit(v); };\n VirtualDropdownPopupComponent.prototype.trackGeoListItem = function (_index, item) { return item.uid; };\n VirtualDropdownPopupComponent.prototype.compareItems = function (a, b) { return a.uid === b.uid; };\n VirtualDropdownPopupComponent.prototype.iconNgClass = function (o) {\n var _a;\n return 'icon' in o && !!o.icon ? (_a = {}, _a[o.icon] = true, _a) : null;\n };\n VirtualDropdownPopupComponent.prototype.itemNgClass = function (item) {\n var _a;\n return !item ? null : (_a = {\n disabled: 'fetch' in item && !!item.fetch && !!item.fetch.loading,\n selected: (!!item && !!this.selectedItem ? item.uid === this.selectedItem.uid : false) || ('markSelected' in item && item.markSelected)\n },\n _a[\"pre-selected\"] = (!!item && !!this.preSelectedItem ? item.uid === this.preSelectedItem.uid : false),\n _a[\"separator-below\"] = 'hasSeparatorBelow' in item && !!item.hasSeparatorBelow,\n _a);\n };\n VirtualDropdownPopupComponent.prototype.updateVieportItems = function (items) {\n this.viewportItems = items;\n this.cdr.markForCheck();\n };\n VirtualDropdownPopupComponent.prototype.findPreSelectedIndex = function () {\n var _this = this;\n var v = 0;\n if (!!this.preSelectedItem) {\n v = this.items.findIndex(function (i) { return i.uid === _this.preSelectedItem.uid; });\n }\n else if (!!this.selectedItem) {\n v = this.items.findIndex(function (i) { return i.uid === _this.selectedItem.uid; });\n }\n return v;\n };\n var _a, _b, _c, _d;\n virtual_dropdown_popup_component___decorate([\n Object(core_es5[\"HostBinding\"])(\"class\"),\n virtual_dropdown_popup_component___metadata(\"design:type\", Object)\n ], VirtualDropdownPopupComponent.prototype, \"selector\", void 0);\n virtual_dropdown_popup_component___decorate([\n Object(core_es5[\"Output\"])(),\n virtual_dropdown_popup_component___metadata(\"design:type\", Object)\n ], VirtualDropdownPopupComponent.prototype, \"scrolledToEnd\", void 0);\n virtual_dropdown_popup_component___decorate([\n Object(core_es5[\"Output\"])(),\n virtual_dropdown_popup_component___metadata(\"design:type\", Object)\n ], VirtualDropdownPopupComponent.prototype, \"selected\", void 0);\n virtual_dropdown_popup_component___decorate([\n Object(core_es5[\"Input\"])(),\n virtual_dropdown_popup_component___metadata(\"design:type\", String)\n ], VirtualDropdownPopupComponent.prototype, \"debug\", void 0);\n virtual_dropdown_popup_component___decorate([\n Object(core_es5[\"Input\"])(),\n virtual_dropdown_popup_component___metadata(\"design:type\", Object)\n ], VirtualDropdownPopupComponent.prototype, \"itemHeigth\", void 0);\n virtual_dropdown_popup_component___decorate([\n Object(core_es5[\"Input\"])(),\n virtual_dropdown_popup_component___metadata(\"design:type\", typeof (_a = typeof core_es5[\"TemplateRef\"] !== \"undefined\" && core_es5[\"TemplateRef\"]) === \"function\" && _a || Object)\n ], VirtualDropdownPopupComponent.prototype, \"itemTemplate\", void 0);\n virtual_dropdown_popup_component___decorate([\n Object(core_es5[\"Input\"])(),\n virtual_dropdown_popup_component___metadata(\"design:type\", Array)\n ], VirtualDropdownPopupComponent.prototype, \"items\", void 0);\n virtual_dropdown_popup_component___decorate([\n Object(core_es5[\"Input\"])(),\n virtual_dropdown_popup_component___metadata(\"design:type\", Object)\n ], VirtualDropdownPopupComponent.prototype, \"selectedItem\", void 0);\n virtual_dropdown_popup_component___decorate([\n Object(core_es5[\"ViewChild\"])(virtual_scroller[\"VirtualScrollerComponent\"]),\n virtual_dropdown_popup_component___metadata(\"design:type\", typeof (_b = typeof virtual_scroller[\"VirtualScrollerComponent\"] !== \"undefined\" && virtual_scroller[\"VirtualScrollerComponent\"]) === \"function\" && _b || Object)\n ], VirtualDropdownPopupComponent.prototype, \"virtualScroller\", void 0);\n virtual_dropdown_popup_component___decorate([\n Object(core_es5[\"HostListener\"])('document:keydown', ['$event']),\n virtual_dropdown_popup_component___metadata(\"design:type\", Function),\n virtual_dropdown_popup_component___metadata(\"design:paramtypes\", [typeof (_c = typeof KeyboardEvent !== \"undefined\" && KeyboardEvent) === \"function\" && _c || Object]),\n virtual_dropdown_popup_component___metadata(\"design:returntype\", void 0)\n ], VirtualDropdownPopupComponent.prototype, \"documentKeyDown\", null);\n VirtualDropdownPopupComponent = virtual_dropdown_popup_component___decorate([\n Object(core_es5[\"Component\"])({\n selector: selector,\n template: __webpack_require__(1412),\n styles: [__webpack_require__(1413)],\n changeDetection: core_es5[\"ChangeDetectionStrategy\"].OnPush,\n }),\n virtual_dropdown_popup_component___metadata(\"design:paramtypes\", [typeof (_d = typeof core_es5[\"ChangeDetectorRef\"] !== \"undefined\" && core_es5[\"ChangeDetectorRef\"]) === \"function\" && _d || Object])\n ], VirtualDropdownPopupComponent);\n return VirtualDropdownPopupComponent;\n}());\n\n\n// CONCATENATED MODULE: ./src/module/virtual/dropdown/model/virtual.dropdown.model.ts\nvar VirtualDropdownListDirection;\n(function (VirtualDropdownListDirection) {\n VirtualDropdownListDirection[VirtualDropdownListDirection[\"down\"] = 0] = \"down\";\n VirtualDropdownListDirection[VirtualDropdownListDirection[\"up\"] = 1] = \"up\";\n})(VirtualDropdownListDirection || (VirtualDropdownListDirection = {}));\n;\n\n// CONCATENATED MODULE: ./src/module/virtual/dropdown/component/virtual.dropdown.component.ts\nvar virtual_dropdown_component___decorate = (this && this.__decorate) || function (decorators, target, key, desc) {\n var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;\n if (typeof Reflect === \"object\" && typeof Reflect.decorate === \"function\") r = Reflect.decorate(decorators, target, key, desc);\n 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;\n return c > 3 && r && Object.defineProperty(target, key, r), r;\n};\nvar virtual_dropdown_component___metadata = (this && this.__metadata) || function (k, v) {\n if (typeof Reflect === \"object\" && typeof Reflect.metadata === \"function\") return Reflect.metadata(k, v);\n};\n\n\n\n\n\nvar virtual_dropdown_component_selector = \"virtual-dropdown\";\nvar virtual_dropdown_component_VirtualDropdownComponent = (function () {\n function VirtualDropdownComponent(cdr, element) {\n this.cdr = cdr;\n this.element = element;\n this.selector = virtual_dropdown_component_selector;\n this.valueChange = new core_es5[\"EventEmitter\"]();\n this.selected = new core_es5[\"EventEmitter\"]();\n this.scrolledToEnd = new core_es5[\"EventEmitter\"]();\n this.searchValueChange = new core_es5[\"EventEmitter\"]();\n this.filterValueChange = new core_es5[\"EventEmitter\"]();\n this.debug = null;\n this.value = null;\n this.searchValue = null;\n this.filterValue = null;\n this.itemHeigth = 30;\n this.direction = VirtualDropdownListDirection.down;\n this.withSearch = false;\n this.searchPlaceholder = 'search values';\n this.removeSelectedFromList = false;\n this.withFilter = false;\n this.filterPlaceholder = 'filter values';\n this.filterByKey = 'label';\n this.disabled = false;\n this.active = false;\n }\n Object.defineProperty(VirtualDropdownComponent.prototype, \"isDirUp\", {\n get: function () { return this.direction === VirtualDropdownListDirection.up; },\n enumerable: true,\n configurable: true\n });\n Object.defineProperty(VirtualDropdownComponent.prototype, \"isDirDown\", {\n get: function () { return this.direction === VirtualDropdownListDirection.down; },\n enumerable: true,\n configurable: true\n });\n VirtualDropdownComponent.prototype.ngOnInit = function () {\n var _this = this;\n if (this.$ && this.$.closed === false)\n this.$ub = this.$.asObservable()\n .subscribe({\n next: function (items) {\n _this.items = items;\n _this.findSelectedByValue(\"$\");\n if (!!_this.items && _this.items.length > 0) {\n _this.disabled = _this.items.length < 2;\n }\n else {\n _this.disabled = true;\n }\n if (!!_this.popup) {\n _this.popup.cdr.markForCheck();\n }\n _this.cdr.markForCheck();\n }\n });\n };\n VirtualDropdownComponent.prototype.ngOnChanges = function (changes) {\n if (this.items !== null && ('value' in changes || 'items' in changes)) {\n this.findSelectedByValue(\"ngOnChanges\");\n }\n };\n VirtualDropdownComponent.prototype.ngOnDestroy = function () {\n if (this.$ub != null && this.$ub.closed == false)\n this.$ub.unsubscribe();\n this.$ub = null;\n };\n VirtualDropdownComponent.prototype.documentClick = function (e) {\n if (this.active == true && e != null && e.target != null && e.target instanceof Node\n && !dom_util[\"a\" /* DOMUtil */].isDescendant(this.element.nativeElement, e.target)) {\n this.active = false;\n this.cdr.markForCheck();\n }\n };\n VirtualDropdownComponent.prototype.documentScroll = function () {\n if (this.active == true) {\n this.active = false;\n this.cdr.markForCheck();\n }\n };\n VirtualDropdownComponent.prototype.toggle = function () {\n var a = this.disabled ? false : !this.active;\n if (this.active !== a) {\n this.active = a;\n this.cdr.markForCheck();\n }\n };\n VirtualDropdownComponent.prototype.select = function (item) {\n this.active = false;\n this.filterValue = null;\n this.cdr.markForCheck();\n this.valueChange.emit(!!item ? item.value : null);\n this.selected.emit(item);\n };\n VirtualDropdownComponent.prototype.emitSearchValueChange = function (e) {\n var el = e.target;\n var v = el ? el.value : null;\n if (!v || this.searchValue == v)\n return;\n this.searchValueChange.emit(v);\n if (!!this.popup) {\n this.popup.resetScroll();\n }\n };\n VirtualDropdownComponent.prototype.emitScrolledToEnd = function (v) { this.scrolledToEnd.emit(v); };\n VirtualDropdownComponent.prototype.handleFilterValueChange = function (e) {\n var el = e.target;\n var v = el ? el.value : null;\n if (!v || this.filterValue == v)\n return;\n this.filterValue = v;\n this.cdr.markForCheck();\n if (!!this.popup) {\n this.popup.resetScroll();\n }\n };\n VirtualDropdownComponent.prototype.findSelectedByValue = function (_from) {\n if (!this.items)\n return;\n for (var i = 0, t = this.items.length; i < t; i++) {\n if (this.value === this.items[i].value) {\n this.selectedItem = this.items[i];\n this.cdr.markForCheck();\n break;\n }\n }\n };\n var _a, _b, _c, _d, _e, _f;\n virtual_dropdown_component___decorate([\n Object(core_es5[\"HostBinding\"])(\"class\"),\n virtual_dropdown_component___metadata(\"design:type\", Object)\n ], VirtualDropdownComponent.prototype, \"selector\", void 0);\n virtual_dropdown_component___decorate([\n Object(core_es5[\"Output\"])(),\n virtual_dropdown_component___metadata(\"design:type\", Object)\n ], VirtualDropdownComponent.prototype, \"valueChange\", void 0);\n virtual_dropdown_component___decorate([\n Object(core_es5[\"Output\"])(),\n virtual_dropdown_component___metadata(\"design:type\", Object)\n ], VirtualDropdownComponent.prototype, \"selected\", void 0);\n virtual_dropdown_component___decorate([\n Object(core_es5[\"Output\"])(),\n virtual_dropdown_component___metadata(\"design:type\", Object)\n ], VirtualDropdownComponent.prototype, \"scrolledToEnd\", void 0);\n virtual_dropdown_component___decorate([\n Object(core_es5[\"Output\"])(),\n virtual_dropdown_component___metadata(\"design:type\", Object)\n ], VirtualDropdownComponent.prototype, \"searchValueChange\", void 0);\n virtual_dropdown_component___decorate([\n Object(core_es5[\"Output\"])(),\n virtual_dropdown_component___metadata(\"design:type\", Object)\n ], VirtualDropdownComponent.prototype, \"filterValueChange\", void 0);\n virtual_dropdown_component___decorate([\n Object(core_es5[\"Input\"])(),\n virtual_dropdown_component___metadata(\"design:type\", String)\n ], VirtualDropdownComponent.prototype, \"debug\", void 0);\n virtual_dropdown_component___decorate([\n Object(core_es5[\"Input\"])(),\n virtual_dropdown_component___metadata(\"design:type\", typeof (_a = typeof Rx[\"BehaviorSubject\"] !== \"undefined\" && Rx[\"BehaviorSubject\"]) === \"function\" && _a || Object)\n ], VirtualDropdownComponent.prototype, \"$\", void 0);\n virtual_dropdown_component___decorate([\n Object(core_es5[\"Input\"])(),\n virtual_dropdown_component___metadata(\"design:type\", Object)\n ], VirtualDropdownComponent.prototype, \"value\", void 0);\n virtual_dropdown_component___decorate([\n Object(core_es5[\"Input\"])(),\n virtual_dropdown_component___metadata(\"design:type\", String)\n ], VirtualDropdownComponent.prototype, \"searchValue\", void 0);\n virtual_dropdown_component___decorate([\n Object(core_es5[\"Input\"])(),\n virtual_dropdown_component___metadata(\"design:type\", String)\n ], VirtualDropdownComponent.prototype, \"filterValue\", void 0);\n virtual_dropdown_component___decorate([\n Object(core_es5[\"Input\"])(),\n virtual_dropdown_component___metadata(\"design:type\", Object)\n ], VirtualDropdownComponent.prototype, \"itemHeigth\", void 0);\n virtual_dropdown_component___decorate([\n Object(core_es5[\"Input\"])(),\n virtual_dropdown_component___metadata(\"design:type\", typeof (_b = typeof core_es5[\"TemplateRef\"] !== \"undefined\" && core_es5[\"TemplateRef\"]) === \"function\" && _b || Object)\n ], VirtualDropdownComponent.prototype, \"itemTemplate\", void 0);\n virtual_dropdown_component___decorate([\n Object(core_es5[\"Input\"])(),\n virtual_dropdown_component___metadata(\"design:type\", Object)\n ], VirtualDropdownComponent.prototype, \"direction\", void 0);\n virtual_dropdown_component___decorate([\n Object(core_es5[\"HostBinding\"])('class.with-search'), Object(core_es5[\"Input\"])(),\n virtual_dropdown_component___metadata(\"design:type\", Object)\n ], VirtualDropdownComponent.prototype, \"withSearch\", void 0);\n virtual_dropdown_component___decorate([\n Object(core_es5[\"Input\"])(),\n virtual_dropdown_component___metadata(\"design:type\", Object)\n ], VirtualDropdownComponent.prototype, \"searchPlaceholder\", void 0);\n virtual_dropdown_component___decorate([\n Object(core_es5[\"Input\"])(),\n virtual_dropdown_component___metadata(\"design:type\", Object)\n ], VirtualDropdownComponent.prototype, \"removeSelectedFromList\", void 0);\n virtual_dropdown_component___decorate([\n Object(core_es5[\"HostBinding\"])('class.with-filter'), Object(core_es5[\"Input\"])(),\n virtual_dropdown_component___metadata(\"design:type\", Object)\n ], VirtualDropdownComponent.prototype, \"withFilter\", void 0);\n virtual_dropdown_component___decorate([\n Object(core_es5[\"Input\"])(),\n virtual_dropdown_component___metadata(\"design:type\", Object)\n ], VirtualDropdownComponent.prototype, \"filterPlaceholder\", void 0);\n virtual_dropdown_component___decorate([\n Object(core_es5[\"Input\"])(),\n virtual_dropdown_component___metadata(\"design:type\", Object)\n ], VirtualDropdownComponent.prototype, \"filterByKey\", void 0);\n virtual_dropdown_component___decorate([\n Object(core_es5[\"HostBinding\"])('class.disabled'), Object(core_es5[\"Input\"])(),\n virtual_dropdown_component___metadata(\"design:type\", Object)\n ], VirtualDropdownComponent.prototype, \"disabled\", void 0);\n virtual_dropdown_component___decorate([\n Object(core_es5[\"HostBinding\"])('class.active'),\n virtual_dropdown_component___metadata(\"design:type\", Object)\n ], VirtualDropdownComponent.prototype, \"active\", void 0);\n virtual_dropdown_component___decorate([\n Object(core_es5[\"HostBinding\"])('class.up'),\n virtual_dropdown_component___metadata(\"design:type\", Object),\n virtual_dropdown_component___metadata(\"design:paramtypes\", [])\n ], VirtualDropdownComponent.prototype, \"isDirUp\", null);\n virtual_dropdown_component___decorate([\n Object(core_es5[\"HostBinding\"])('class.down'),\n virtual_dropdown_component___metadata(\"design:type\", Object),\n virtual_dropdown_component___metadata(\"design:paramtypes\", [])\n ], VirtualDropdownComponent.prototype, \"isDirDown\", null);\n virtual_dropdown_component___decorate([\n Object(core_es5[\"ViewChild\"])(virtual_dropdown_popup_component_VirtualDropdownPopupComponent),\n virtual_dropdown_component___metadata(\"design:type\", typeof (_c = typeof virtual_dropdown_popup_component_VirtualDropdownPopupComponent !== \"undefined\" && virtual_dropdown_popup_component_VirtualDropdownPopupComponent) === \"function\" && _c || Object)\n ], VirtualDropdownComponent.prototype, \"popup\", void 0);\n virtual_dropdown_component___decorate([\n Object(core_es5[\"HostListener\"])('document:click', ['$event']),\n virtual_dropdown_component___metadata(\"design:type\", Function),\n virtual_dropdown_component___metadata(\"design:paramtypes\", [typeof (_d = typeof MouseEvent !== \"undefined\" && MouseEvent) === \"function\" && _d || Object]),\n virtual_dropdown_component___metadata(\"design:returntype\", void 0)\n ], VirtualDropdownComponent.prototype, \"documentClick\", null);\n virtual_dropdown_component___decorate([\n Object(core_es5[\"HostListener\"])('document:scroll'),\n virtual_dropdown_component___metadata(\"design:type\", Function),\n virtual_dropdown_component___metadata(\"design:paramtypes\", []),\n virtual_dropdown_component___metadata(\"design:returntype\", void 0)\n ], VirtualDropdownComponent.prototype, \"documentScroll\", null);\n VirtualDropdownComponent = virtual_dropdown_component___decorate([\n Object(core_es5[\"Component\"])({\n selector: virtual_dropdown_component_selector,\n template: __webpack_require__(1414),\n styles: [__webpack_require__(1415)],\n changeDetection: core_es5[\"ChangeDetectionStrategy\"].OnPush,\n }),\n virtual_dropdown_component___metadata(\"design:paramtypes\", [typeof (_e = typeof core_es5[\"ChangeDetectorRef\"] !== \"undefined\" && core_es5[\"ChangeDetectorRef\"]) === \"function\" && _e || Object, typeof (_f = typeof core_es5[\"ElementRef\"] !== \"undefined\" && core_es5[\"ElementRef\"]) === \"function\" && _f || Object])\n ], VirtualDropdownComponent);\n return VirtualDropdownComponent;\n}());\n\n\n// CONCATENATED MODULE: ./src/module/virtual/dropdown/pipe/virtual.dropdown.filter.pipe.ts\nvar virtual_dropdown_filter_pipe___decorate = (this && this.__decorate) || function (decorators, target, key, desc) {\n var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;\n if (typeof Reflect === \"object\" && typeof Reflect.decorate === \"function\") r = Reflect.decorate(decorators, target, key, desc);\n 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;\n return c > 3 && r && Object.defineProperty(target, key, r), r;\n};\n\nvar virtual_dropdown_filter_pipe_VirtualDropdownFilterPipe = (function () {\n function VirtualDropdownFilterPipe() {\n }\n VirtualDropdownFilterPipe.prototype.transform = function (input, key, value) {\n if (!input || input.length < 1 || !key || !value)\n return input;\n value = typeof value === 'string' ? value.toLowerCase() : value;\n var output = input.filter(function (i) {\n if (!(key in i))\n return false;\n return (typeof i[key] === 'string' ? i[key].toLowerCase() : i[key]).indexOf(value) > -1;\n });\n return output;\n };\n VirtualDropdownFilterPipe = virtual_dropdown_filter_pipe___decorate([\n Object(core_es5[\"Pipe\"])({ name: 'virtualDropdownFilter' })\n ], VirtualDropdownFilterPipe);\n return VirtualDropdownFilterPipe;\n}());\n\n\n// CONCATENATED MODULE: ./src/module/virtual/dropdown/pipe/virtual.dropdown.list.pipe.ts\nvar virtual_dropdown_list_pipe___decorate = (this && this.__decorate) || function (decorators, target, key, desc) {\n var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;\n if (typeof Reflect === \"object\" && typeof Reflect.decorate === \"function\") r = Reflect.decorate(decorators, target, key, desc);\n 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;\n return c > 3 && r && Object.defineProperty(target, key, r), r;\n};\n\nvar virtual_dropdown_list_pipe_VirtualDropdownRemoveSelectedPipe = (function () {\n function VirtualDropdownRemoveSelectedPipe() {\n }\n VirtualDropdownRemoveSelectedPipe.prototype.transform = function (value, selected, disabled) {\n if (disabled === void 0) { disabled = false; }\n if (!!disabled || selected == null)\n return value;\n return value.filter(function (i) { return i.value != selected.value; });\n };\n VirtualDropdownRemoveSelectedPipe = virtual_dropdown_list_pipe___decorate([\n Object(core_es5[\"Pipe\"])({ name: 'virtualDropdownRemoveSelected' })\n ], VirtualDropdownRemoveSelectedPipe);\n return VirtualDropdownRemoveSelectedPipe;\n}());\n\n\n// CONCATENATED MODULE: ./src/module/virtual/dropdown/virtual.dropdown.module.ts\nvar virtual_dropdown_module___decorate = (this && this.__decorate) || function (decorators, target, key, desc) {\n var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;\n if (typeof Reflect === \"object\" && typeof Reflect.decorate === \"function\") r = Reflect.decorate(decorators, target, key, desc);\n 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;\n return c > 3 && r && Object.defineProperty(target, key, r), r;\n};\n\n\n\n\n\n\n\nvar virtual_dropdown_module_VirtualDropdownModule = (function () {\n function VirtualDropdownModule() {\n }\n VirtualDropdownModule = virtual_dropdown_module___decorate([\n Object(core_es5[\"NgModule\"])({\n imports: [\n common_es5[\"CommonModule\"],\n virtual_scroller[\"VirtualScrollerModule\"],\n ],\n providers: [],\n declarations: [\n virtual_dropdown_component_VirtualDropdownComponent,\n virtual_dropdown_popup_component_VirtualDropdownPopupComponent,\n virtual_dropdown_list_pipe_VirtualDropdownRemoveSelectedPipe,\n virtual_dropdown_filter_pipe_VirtualDropdownFilterPipe,\n ],\n exports: [\n virtual_dropdown_component_VirtualDropdownComponent,\n ],\n entryComponents: [\n virtual_dropdown_component_VirtualDropdownComponent,\n ],\n })\n ], VirtualDropdownModule);\n return VirtualDropdownModule;\n}());\n\n\n// CONCATENATED MODULE: ./src/module/pipe/camelCaseToSpace/camelCaseToSpace.pipe.ts\nvar camelCaseToSpace_pipe___decorate = (this && this.__decorate) || function (decorators, target, key, desc) {\n var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;\n if (typeof Reflect === \"object\" && typeof Reflect.decorate === \"function\") r = Reflect.decorate(decorators, target, key, desc);\n 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;\n return c > 3 && r && Object.defineProperty(target, key, r), r;\n};\n\nvar camelCaseToSpace_pipe_CamelCaseToSpacePipe = (function () {\n function CamelCaseToSpacePipe() {\n this.REGEXP = /([A-Z])/g;\n }\n CamelCaseToSpacePipe.prototype.transform = function (input) {\n return input.replace(this.REGEXP, function (match) { return \" \" + match; });\n };\n CamelCaseToSpacePipe = camelCaseToSpace_pipe___decorate([\n Object(core_es5[\"Pipe\"])({ name: 'camelCaseToSpace' })\n ], CamelCaseToSpacePipe);\n return CamelCaseToSpacePipe;\n}());\n\n\n// CONCATENATED MODULE: ./src/module/pipe/camelCaseToSpace/camelCaseToSpace.module.ts\nvar camelCaseToSpace_module___decorate = (this && this.__decorate) || function (decorators, target, key, desc) {\n var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;\n if (typeof Reflect === \"object\" && typeof Reflect.decorate === \"function\") r = Reflect.decorate(decorators, target, key, desc);\n 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;\n return c > 3 && r && Object.defineProperty(target, key, r), r;\n};\n\n\nvar camelCaseToSpace_module_CamelCaseToSpaceModule = (function () {\n function CamelCaseToSpaceModule() {\n }\n CamelCaseToSpaceModule = camelCaseToSpace_module___decorate([\n Object(core_es5[\"NgModule\"])({\n declarations: [camelCaseToSpace_pipe_CamelCaseToSpacePipe],\n exports: [camelCaseToSpace_pipe_CamelCaseToSpacePipe],\n })\n ], CamelCaseToSpaceModule);\n return CamelCaseToSpaceModule;\n}());\n\n\n// CONCATENATED MODULE: ./src/module/pipe/capitalizeFirst/capitalize.first.pipe.ts\nvar capitalize_first_pipe___decorate = (this && this.__decorate) || function (decorators, target, key, desc) {\n var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;\n if (typeof Reflect === \"object\" && typeof Reflect.decorate === \"function\") r = Reflect.decorate(decorators, target, key, desc);\n 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;\n return c > 3 && r && Object.defineProperty(target, key, r), r;\n};\n\nvar capitalize_first_pipe_CapitalizeFirstPipe = (function () {\n function CapitalizeFirstPipe() {\n }\n CapitalizeFirstPipe.prototype.transform = function (value, _exponent) {\n if (value)\n return value.charAt(0).toUpperCase() + value.slice(1);\n return value;\n };\n CapitalizeFirstPipe = capitalize_first_pipe___decorate([\n Object(core_es5[\"Pipe\"])({ name: 'capitalizeFirst' })\n ], CapitalizeFirstPipe);\n return CapitalizeFirstPipe;\n}());\n\n\n// CONCATENATED MODULE: ./src/module/pipe/capitalizeFirst/capitalize.first.module.ts\nvar capitalize_first_module___decorate = (this && this.__decorate) || function (decorators, target, key, desc) {\n var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;\n if (typeof Reflect === \"object\" && typeof Reflect.decorate === \"function\") r = Reflect.decorate(decorators, target, key, desc);\n 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;\n return c > 3 && r && Object.defineProperty(target, key, r), r;\n};\n\n\nvar capitalize_first_module_CapitalizeFirstModule = (function () {\n function CapitalizeFirstModule() {\n }\n CapitalizeFirstModule = capitalize_first_module___decorate([\n Object(core_es5[\"NgModule\"])({\n declarations: [capitalize_first_pipe_CapitalizeFirstPipe],\n exports: [capitalize_first_pipe_CapitalizeFirstPipe],\n })\n ], CapitalizeFirstModule);\n return CapitalizeFirstModule;\n}());\n\n\n// EXTERNAL MODULE: ./src/module/analytics/st/component/geo-picker/geo.model.ts\nvar geo_model = __webpack_require__(1416);\nvar geo_model_default = /*#__PURE__*/__webpack_require__.n(geo_model);\n\n// CONCATENATED MODULE: ./src/module/analytics/st/component/geo-picker/geo.picker.component.ts\nvar geo_picker_component___decorate = (this && this.__decorate) || function (decorators, target, key, desc) {\n var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;\n if (typeof Reflect === \"object\" && typeof Reflect.decorate === \"function\") r = Reflect.decorate(decorators, target, key, desc);\n 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;\n return c > 3 && r && Object.defineProperty(target, key, r), r;\n};\nvar geo_picker_component___metadata = (this && this.__metadata) || function (k, v) {\n if (typeof Reflect === \"object\" && typeof Reflect.metadata === \"function\") return Reflect.metadata(k, v);\n};\n\n\nvar geo_picker_component_GeoPickerComponent = (function () {\n function GeoPickerComponent(cdr) {\n this.cdr = cdr;\n this.enable = true;\n this.disabled = false;\n this.hidden = false;\n this.granularityTypes = ['city', 'region'];\n this.activeType = 'region';\n this.size = 'md';\n this.geoTypeChanged = new core_es5[\"EventEmitter\"]();\n this.regionOption = false;\n this.cityOption = false;\n }\n GeoPickerComponent.prototype.ngOnChanges = function (changes) {\n this.setActiveGeoGranularityTypes();\n this.cdr.markForCheck();\n };\n GeoPickerComponent.prototype.onGeoGranularityTypeChange = function (reportType) {\n if (reportType != this.activeType && this.geoTypeChanged) {\n this.activeType = reportType;\n this.geoTypeChanged.emit(reportType);\n this.cdr.markForCheck();\n }\n };\n GeoPickerComponent.prototype.setActiveGeoGranularityTypes = function () {\n var _this = this;\n this.regionOption = false;\n this.cityOption = false;\n if (this.granularityTypes)\n this.granularityTypes.every(function (value) {\n switch (value) {\n case 'region':\n _this.regionOption = true;\n break;\n case 'city':\n _this.cityOption = true;\n break;\n default:\n break;\n }\n return true;\n });\n this.cdr.markForCheck();\n };\n var _a, _b, _c, _d, _e;\n geo_picker_component___decorate([\n Object(core_es5[\"Input\"])(),\n geo_picker_component___metadata(\"design:type\", Boolean)\n ], GeoPickerComponent.prototype, \"enable\", void 0);\n geo_picker_component___decorate([\n Object(core_es5[\"Input\"])(),\n geo_picker_component___metadata(\"design:type\", Boolean)\n ], GeoPickerComponent.prototype, \"disabled\", void 0);\n geo_picker_component___decorate([\n Object(core_es5[\"Input\"])(),\n geo_picker_component___metadata(\"design:type\", Boolean)\n ], GeoPickerComponent.prototype, \"hidden\", void 0);\n geo_picker_component___decorate([\n Object(core_es5[\"Input\"])(),\n geo_picker_component___metadata(\"design:type\", typeof (_a = typeof Array !== \"undefined\" && Array) === \"function\" && _a || Object)\n ], GeoPickerComponent.prototype, \"granularityTypes\", void 0);\n geo_picker_component___decorate([\n Object(core_es5[\"Input\"])(),\n geo_picker_component___metadata(\"design:type\", typeof (_b = typeof geo_model[\"GeoGranularityType\"] !== \"undefined\" && geo_model[\"GeoGranularityType\"]) === \"function\" && _b || Object)\n ], GeoPickerComponent.prototype, \"activeType\", void 0);\n geo_picker_component___decorate([\n Object(core_es5[\"Input\"])(),\n geo_picker_component___metadata(\"design:type\", typeof (_c = typeof geo_model[\"ControlSize\"] !== \"undefined\" && geo_model[\"ControlSize\"]) === \"function\" && _c || Object)\n ], GeoPickerComponent.prototype, \"size\", void 0);\n geo_picker_component___decorate([\n Object(core_es5[\"Output\"])(),\n geo_picker_component___metadata(\"design:type\", typeof (_d = typeof core_es5[\"EventEmitter\"] !== \"undefined\" && core_es5[\"EventEmitter\"]) === \"function\" && _d || Object)\n ], GeoPickerComponent.prototype, \"geoTypeChanged\", void 0);\n GeoPickerComponent = geo_picker_component___decorate([\n Object(core_es5[\"Component\"])({\n selector: 'geo-picker',\n template: \" \\n\\t\\t
\\n\\t\\t\\t\\n\\t\\t\\t\\t{{'ANALYTICS_ST_RAPORT.GEO_GRANULARITY.REGION' | translate:lang }} \\n\\t\\t\\t \\n\\n\\t\\t\\t\\n\\t\\t\\t\\t{{'ANALYTICS_ST_RAPORT.GEO_GRANULARITY.CITY' | translate:lang }} \\n\\t\\t\\t \\n\\t\\t
\",\n styles: []\n }),\n geo_picker_component___metadata(\"design:paramtypes\", [typeof (_e = typeof core_es5[\"ChangeDetectorRef\"] !== \"undefined\" && core_es5[\"ChangeDetectorRef\"]) === \"function\" && _e || Object])\n ], GeoPickerComponent);\n return GeoPickerComponent;\n}());\n\n\n// EXTERNAL MODULE: ./src/module/analytics/st/component/report-type-picker/report.model.ts\nvar report_model = __webpack_require__(1417);\nvar report_model_default = /*#__PURE__*/__webpack_require__.n(report_model);\n\n// CONCATENATED MODULE: ./src/module/analytics/st/component/report-type-picker/report.picker.component.ts\nvar report_picker_component___decorate = (this && this.__decorate) || function (decorators, target, key, desc) {\n var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;\n if (typeof Reflect === \"object\" && typeof Reflect.decorate === \"function\") r = Reflect.decorate(decorators, target, key, desc);\n 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;\n return c > 3 && r && Object.defineProperty(target, key, r), r;\n};\nvar report_picker_component___metadata = (this && this.__metadata) || function (k, v) {\n if (typeof Reflect === \"object\" && typeof Reflect.metadata === \"function\") return Reflect.metadata(k, v);\n};\n\n\nvar report_picker_component_ReportPickerComponent = (function () {\n function ReportPickerComponent(cdr) {\n this.cdr = cdr;\n this.enable = true;\n this.size = 'md';\n this.reportTypeChanged = new core_es5[\"EventEmitter\"]();\n this.reportOption = false;\n this.geolocationOption = false;\n this.tagOption = false;\n this.genderOption = false;\n this.ageOption = false;\n }\n ReportPickerComponent.prototype.ngOnChanges = function (changes) {\n this.setActiveReportTypes();\n this.cdr.markForCheck();\n };\n ReportPickerComponent.prototype.onReportTypeChange = function (reportType) {\n if (reportType != this.activeType && this.reportTypeChanged) {\n this.activeType = reportType;\n this.reportTypeChanged.emit(reportType);\n this.cdr.markForCheck();\n }\n };\n ReportPickerComponent.prototype.setActiveReportTypes = function () {\n var _this = this;\n this.reportOption = false;\n this.geolocationOption = false;\n this.tagOption = false;\n this.genderOption = false;\n this.ageOption = false;\n if (this.reportTypes)\n this.reportTypes.every(function (value) {\n switch (value) {\n case 'report':\n _this.reportOption = true;\n break;\n case 'geolocation':\n _this.geolocationOption = true;\n break;\n case 'gender':\n _this.genderOption = true;\n break;\n case 'age':\n _this.ageOption = true;\n break;\n case 'tags':\n _this.tagOption = true;\n break;\n default:\n break;\n }\n return true;\n });\n this.cdr.markForCheck();\n };\n var _a, _b, _c, _d, _e;\n report_picker_component___decorate([\n Object(core_es5[\"Input\"])(),\n report_picker_component___metadata(\"design:type\", Boolean)\n ], ReportPickerComponent.prototype, \"enable\", void 0);\n report_picker_component___decorate([\n Object(core_es5[\"Input\"])(),\n report_picker_component___metadata(\"design:type\", typeof (_a = typeof Array !== \"undefined\" && Array) === \"function\" && _a || Object)\n ], ReportPickerComponent.prototype, \"reportTypes\", void 0);\n report_picker_component___decorate([\n Object(core_es5[\"Input\"])(),\n report_picker_component___metadata(\"design:type\", typeof (_b = typeof report_model[\"ReportType\"] !== \"undefined\" && report_model[\"ReportType\"]) === \"function\" && _b || Object)\n ], ReportPickerComponent.prototype, \"activeType\", void 0);\n report_picker_component___decorate([\n Object(core_es5[\"Input\"])(),\n report_picker_component___metadata(\"design:type\", typeof (_c = typeof report_model[\"ControlSize\"] !== \"undefined\" && report_model[\"ControlSize\"]) === \"function\" && _c || Object)\n ], ReportPickerComponent.prototype, \"size\", void 0);\n report_picker_component___decorate([\n Object(core_es5[\"Output\"])(),\n report_picker_component___metadata(\"design:type\", typeof (_d = typeof core_es5[\"EventEmitter\"] !== \"undefined\" && core_es5[\"EventEmitter\"]) === \"function\" && _d || Object)\n ], ReportPickerComponent.prototype, \"reportTypeChanged\", void 0);\n ReportPickerComponent = report_picker_component___decorate([\n Object(core_es5[\"Component\"])({\n selector: 'report-type-picker',\n template: \"\\n\\t\\t
\\n\\t\\t\\t\\n\\t\\t\\t\\t{{'ANALYTICS_ST_RAPORT.REPORT_TYPE.REPORT' | translate:lang }} \\n\\t\\t\\t \\n\\n\\t\\t\\t\\n\\t\\t\\t\\t{{'ANALYTICS_ST_RAPORT.REPORT_TYPE.GEOLOCATION' | translate:lang }} \\n\\t\\t\\t \\n\\n\\t\\t\\t\\n\\t\\t\\t\\t{{'ANALYTICS_ST_RAPORT.REPORT_TYPE.TAGS' | translate:lang }} \\n\\t\\t\\t \\n\\n\\t\\t\\t\\n\\t\\t\\t\\t{{'ANALYTICS_ST_RAPORT.REPORT_TYPE.GENDER' | translate:lang }} \\n\\t\\t\\t \\n\\n\\t\\t\\t \\n\\t\\t\\t\\t{{'ANALYTICS_ST_RAPORT.REPORT_TYPE.AGE' | translate:lang }} \\n\\t\\t\\t \\n\\t\\t
\",\n styles: []\n }),\n report_picker_component___metadata(\"design:paramtypes\", [typeof (_e = typeof core_es5[\"ChangeDetectorRef\"] !== \"undefined\" && core_es5[\"ChangeDetectorRef\"]) === \"function\" && _e || Object])\n ], ReportPickerComponent);\n return ReportPickerComponent;\n}());\n\n\n// EXTERNAL MODULE: ./node_modules/rxjs/observable/forkJoin.js\nvar forkJoin = __webpack_require__(89);\nvar forkJoin_default = /*#__PURE__*/__webpack_require__.n(forkJoin);\n\n// EXTERNAL MODULE: ./node_modules/rxjs/observable/of.js\nvar of = __webpack_require__(54);\nvar of_default = /*#__PURE__*/__webpack_require__.n(of);\n\n// CONCATENATED MODULE: ./src/module/analytics/st/service/prefixed.tags.service.ts\nvar prefixed_tags_service___assign = (this && this.__assign) || Object.assign || function(t) {\n for (var s, i = 1, n = arguments.length; i < n; i++) {\n s = arguments[i];\n for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))\n t[p] = s[p];\n }\n return t;\n};\nvar prefixed_tags_service___decorate = (this && this.__decorate) || function (decorators, target, key, desc) {\n var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;\n if (typeof Reflect === \"object\" && typeof Reflect.decorate === \"function\") r = Reflect.decorate(decorators, target, key, desc);\n 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;\n return c > 3 && r && Object.defineProperty(target, key, r), r;\n};\nvar prefixed_tags_service___metadata = (this && this.__metadata) || function (k, v) {\n if (typeof Reflect === \"object\" && typeof Reflect.metadata === \"function\") return Reflect.metadata(k, v);\n};\n\n\n\n\n\n\nvar prefixed_tags_service_PrefixedTagsService = (function () {\n function PrefixedTagsService(tagService) {\n this.tagService = tagService;\n this.PAGE_SIZE = 20;\n this.ALL_LABEL = 'All';\n this.LOADING_LABEL = 'loading...';\n this.EMPTY_LABEL = '...';\n this.PREFIX_SEPARATOR = ':';\n this.selectedTags = new Map();\n }\n Object.defineProperty(PrefixedTagsService.prototype, \"hasData\", {\n get: function () { return !!this.data; },\n enumerable: true,\n configurable: true\n });\n Object.defineProperty(PrefixedTagsService.prototype, \"selectedTagsList\", {\n get: function () {\n var tags = [];\n this.selectedTags.forEach(function (v) { return tags.push(v); });\n return tags;\n },\n enumerable: true,\n configurable: true\n });\n PrefixedTagsService.prototype.select = function (prefix, search) {\n if (!!search && search.length > 0)\n this.selectedTags.set(prefix, search);\n else\n this.selectedTags.delete(prefix);\n };\n PrefixedTagsService.prototype.prefixes = function () { return (this.data ? this.data.keys() : []); };\n PrefixedTagsService.prototype.value = function (prefix) { return this.data ? this.data.get(prefix) : null; };\n PrefixedTagsService.prototype.fetch = function (prefix, pages, search) { this.fetch$.next({ prefix: prefix, pages: pages, search: search }); };\n PrefixedTagsService.prototype.init = function (accountId, cdr) {\n var _this = this;\n this.data$ub = this.tagService.prefixes(accountId)\n .pipe(Object(operators[\"debounceTime\"])(100))\n .subscribe({\n next: function (tags) { return _this.data = _this.parseData(tags); },\n error: function (error) { return console.error(error); },\n complete: function () { return cdr.markForCheck(); },\n });\n if (!this.fetch$) {\n this.fetch$ = new Rx[\"BehaviorSubject\"](null);\n }\n this.fetch$ub = this.fetch$.asObservable()\n .pipe(Object(operators[\"filter\"])(function (v) { return !!v && !!_this.data && _this.data.has(v.prefix); }), Object(operators[\"debounceTime\"])(250), Object(operators[\"switchMap\"])(function (req) {\n console.debug(\" >> fetch$ >> \", req.prefix, { req: req });\n _this.data.get(req.prefix).loading = true;\n cdr.markForCheck();\n return Object(forkJoin[\"forkJoin\"])(req.pages.map(function (page) { return _this.fetchList(accountId, page, req); }))\n .pipe(Object(operators[\"tap\"])(function () {\n _this.data.get(req.prefix).loading = false;\n cdr.markForCheck();\n }));\n }))\n .subscribe({\n next: function (v) { return console.debug(\"fetch$ub.next\", v); },\n error: function (e) { return console.error(e); },\n complete: function () { return cdr.markForCheck(); },\n });\n };\n PrefixedTagsService.prototype.destroy = function () {\n if (this.data$ub != null && this.data$ub.closed == false)\n this.data$ub.unsubscribe();\n this.data$ub = null;\n if (this.fetch$ub != null && this.fetch$ub.closed == false)\n this.fetch$ub.unsubscribe();\n this.fetch$ub = null;\n if (this.fetch$ != null && this.fetch$.closed == false)\n this.fetch$.unsubscribe();\n this.fetch$ = null;\n };\n PrefixedTagsService.prototype.parseData = function (recList) {\n var prefixes = new Map();\n var model;\n for (var _i = 0, recList_1 = recList; _i < recList_1.length; _i++) {\n var rec = recList_1[_i];\n var prefix = rec.prefix, total_records = rec.total_records, records = rec.records;\n model = this.initDropdownModel();\n var fullprefix = \"\" + prefix + this.PREFIX_SEPARATOR;\n if (total_records > records.length) {\n for (var index = 0; index < total_records; index++) {\n model.push(this.emptyDropdownItem(fullprefix, index));\n }\n }\n else {\n for (var index = 0; index < total_records; index++) {\n model.push(this.dropdownItem(fullprefix, records[index].id, records[index].tag));\n }\n }\n var $ = new Rx[\"BehaviorSubject\"](model);\n var selected = model[0];\n prefixes.set(prefix, { prefix: prefix, total: total_records, $: $, model: model, selected: selected, search: { text: \"\", model: null }, loading: false });\n }\n return prefixes;\n };\n PrefixedTagsService.prototype.fetchList = function (accountId, page, req) {\n var _this = this;\n var prefix = req.prefix;\n var fullprefix = \"\" + prefix + this.PREFIX_SEPARATOR;\n var tagData = this.data.get(prefix);\n var searchtext = req.search;\n var tagModel = searchtext.length > 0 ? tagData.search.model : tagData.model;\n var startIdx = Math.max(0, Math.min(tagData.total, page * this.PAGE_SIZE));\n return this.markDropdownModel(tagData, startIdx, true)\n .pipe(Object(operators[\"switchMap\"])(function () { return _this.tagService.list(accountId, { text: fullprefix + \"*\" + searchtext }, page + 1, _this.PAGE_SIZE); }), Object(operators[\"catchError\"])(function (_e) { return _this.markDropdownModel(tagData, startIdx, false); }), Object(operators[\"map\"])(function (recs) {\n if (!!recs && recs.records.length > 0) {\n var _a = _this.updateDropdownModel(recs, tagModel, startIdx, fullprefix), emit = _a.emit, model = _a.model;\n if (emit) {\n if (searchtext.length > 0) {\n tagData.search.text = searchtext;\n tagData.search.model = model;\n }\n else {\n tagData.search.text = \"\";\n tagData.search.model = null;\n tagData.model = model;\n }\n tagData.$.next(model);\n }\n }\n return recs;\n }));\n };\n PrefixedTagsService.prototype.updateDropdownModel = function (data, model, startIdx, fullprefix) {\n var prefix = data.prefix, total_records = data.total_records, records = data.records;\n var emit = false;\n if (model == null || data.page === 1) {\n model = this.initDropdownModel();\n for (var index = 0; index < total_records; index++) {\n if (index in records) {\n model.push(this.dropdownItem(fullprefix, records[index].id, records[index].tag));\n }\n else {\n model.push(this.emptyDropdownItem(fullprefix, index));\n }\n }\n emit = true;\n }\n var modelIndex;\n var newItem;\n var record;\n for (var recordIndex = 0; recordIndex < records.length; recordIndex++) {\n modelIndex = recordIndex + startIdx + 1;\n if (!!model && modelIndex in model) {\n if (!!model[modelIndex]\n && 'fetch' in model[modelIndex]\n && !!model[modelIndex].fetch\n && !!model[modelIndex].fetch.loading) {\n model[modelIndex].fetch.loading = false;\n model[modelIndex].fetch = null;\n delete model[modelIndex].fetch;\n record = data.records[recordIndex];\n newItem = this.dropdownItem(fullprefix, record.id, record.tag);\n model[modelIndex].uid = newItem.uid;\n model[modelIndex].label = newItem.label;\n model[modelIndex].value = newItem.value;\n newItem = null;\n record = null;\n emit = true;\n }\n }\n }\n return { emit: emit, model: model };\n };\n PrefixedTagsService.prototype.markDropdownModel = function (tagData, startIdx, loading) {\n var searchtext = tagData.search.text;\n var model = searchtext.length > 0 ? tagData.search.model : tagData.model;\n var stopIdx = Math.min(tagData.total, startIdx + this.PAGE_SIZE);\n var emit = false;\n for (var modelIndex = startIdx + 1; modelIndex <= stopIdx; modelIndex++) {\n if (!!model[modelIndex] && 'fetch' in model[modelIndex] && !!model[modelIndex].fetch && !model[modelIndex].fetch.loading) {\n model[modelIndex].fetch.loading = loading;\n model[modelIndex].label = loading ? this.LOADING_LABEL : this.EMPTY_LABEL;\n emit = true;\n }\n }\n if (emit) {\n if (searchtext.length > 0) {\n tagData.search.model = model;\n }\n else {\n tagData.model = model;\n }\n tagData.$.next(model);\n }\n return Object(of[\"of\"])(null);\n };\n PrefixedTagsService.prototype.dropdownItem = function (fullprefix, uid, tag, partial) {\n var hasSuffix = !tag ? false : tag.indexOf(fullprefix) === 0;\n var val = prefixed_tags_service___assign({ uid: uid, label: tag, value: tag }, partial);\n if (hasSuffix) {\n if (!!val.label)\n val.label = val.label.slice(fullprefix.length);\n val.value = tag;\n }\n else {\n val.value = \"\" + fullprefix + tag;\n }\n ;\n return val;\n };\n PrefixedTagsService.prototype.emptyDropdownItem = function (fullprefix, index) {\n return this.dropdownItem(fullprefix, index, null, {\n label: this.EMPTY_LABEL,\n fetch: { loading: false, page: Math.floor(index / this.PAGE_SIZE) }\n });\n };\n PrefixedTagsService.prototype.initDropdownModel = function () {\n return [{ uid: -1, label: this.ALL_LABEL, value: null }];\n };\n var _a;\n PrefixedTagsService = prefixed_tags_service___decorate([\n Object(core_es5[\"Injectable\"])(),\n prefixed_tags_service___metadata(\"design:paramtypes\", [typeof (_a = typeof tag_service_TagService !== \"undefined\" && tag_service_TagService) === \"function\" && _a || Object])\n ], PrefixedTagsService);\n return PrefixedTagsService;\n}());\n\n\n// CONCATENATED MODULE: ./src/module/analytics/st/component/view/st.view.component.ts\nvar st_view_component___extends = (this && this.__extends) || (function () {\n var extendStatics = Object.setPrototypeOf ||\n ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||\n function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };\n return function (d, b) {\n extendStatics(d, b);\n function __() { this.constructor = d; }\n d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());\n };\n})();\nvar st_view_component___decorate = (this && this.__decorate) || function (decorators, target, key, desc) {\n var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;\n if (typeof Reflect === \"object\" && typeof Reflect.decorate === \"function\") r = Reflect.decorate(decorators, target, key, desc);\n 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;\n return c > 3 && r && Object.defineProperty(target, key, r), r;\n};\nvar st_view_component___metadata = (this && this.__metadata) || function (k, v) {\n if (typeof Reflect === \"object\" && typeof Reflect.metadata === \"function\") return Reflect.metadata(k, v);\n};\n\n\n\n\n\n\n\n\n\n\n\n\n\nvar st_view_component_AnalyticsSTView = (function (_super) {\n st_view_component___extends(AnalyticsSTView, _super);\n function AnalyticsSTView(locale, translation, pagesService, tagService, prefixedTagsService, user, analyticsService, existingTagSelector, cdr, exportService) {\n var _this = _super.call(this, locale, translation) || this;\n _this.locale = locale;\n _this.translation = translation;\n _this.pagesService = pagesService;\n _this.tagService = tagService;\n _this.prefixedTagsService = prefixedTagsService;\n _this.user = user;\n _this.analyticsService = analyticsService;\n _this.existingTagSelector = existingTagSelector;\n _this.cdr = cdr;\n _this.exportService = exportService;\n _this.MAP_REGIONS_SKIP_SET = __webpack_require__(107).skippingSet;\n _this.MAP_COLOR_RANGE = ['#d9ebfb', '#348fe2'];\n _this.PAGER = { page: 1, page_size: 10, total_items: 0 };\n _this.GEO_GRANULARITY_TYPES = ['city', 'region'];\n _this.GRANULARITY_TYPES = ['all'];\n _this.REPORT_TYPE_REPORT = 'report';\n _this.REPORT_TYPE_GEO = 'geolocation';\n _this.REPORT_TYPE_TAGS = 'tags';\n _this.REPORT_TYPES = [_this.REPORT_TYPE_REPORT, _this.REPORT_TYPE_GEO, _this.REPORT_TYPE_TAGS];\n _this.activeReportType = _this.REPORT_TYPE_REPORT;\n _this.activeGeoType = 'region';\n _this.activeGranularity = 'day';\n _this.countries$ = new Rx[\"BehaviorSubject\"](_this.initDropdownModel());\n _this.regions$ = new Rx[\"BehaviorSubject\"](_this.initDropdownModel());\n _this.cities$ = new Rx[\"BehaviorSubject\"](_this.initDropdownModel());\n _this.selectedCountry = null;\n _this.selectedCountryCode = null;\n _this.selectedRegion = null;\n _this.selectedCity = null;\n _this.isCountrySelectorVisible = true;\n _this.isRegionSelectorVisible = false;\n _this.isCitySelectorVisible = false;\n _this.isLoadingCountry = false;\n _this.isLoadingRegion = false;\n _this.isLoadingCity = false;\n _this.isSearchingTags = false;\n _this.fetchPages = new Set();\n return _this;\n }\n ;\n AnalyticsSTView.prototype.ngOnInit = function () {\n var _this = this;\n this.loadingTags$ub = this.existingTagSelector.loadingEmitter\n .subscribe(function (v) {\n _this.isSearchingTags = v;\n _this.cdr.markForCheck();\n });\n this.isLoadingCountry = true;\n this.listOfCountries$ub = this.pagesService.listOfCountries()\n .subscribe(function (data) {\n _this.isLoadingCountry = false;\n var countries = _this.formatGeoDropdown(data);\n _this.selectedCountry = (countries && countries.length) ? countries[0] : null;\n _this.isCountrySelectorVisible = true;\n _this.countries$.next(countries);\n _this.cdr.markForCheck();\n });\n this.prefixedTagsService.init(this.user.accountId, this.cdr);\n this.dateRange = this.user.getDateRangeSelection();\n this.onDateRangeChanged([this.dateRange.startDate, this.dateRange.endDate]);\n this.existingTagSelector.reset();\n };\n AnalyticsSTView.prototype.ngOnDestroy = function () {\n this.prefixedTagsService.destroy();\n if (this.listOfCountries$ub != null && this.listOfCountries$ub.closed == false)\n this.listOfCountries$ub.unsubscribe();\n this.listOfCountries$ub = null;\n if (this.listOfRegions$ub != null && this.listOfRegions$ub.closed == false)\n this.listOfRegions$ub.unsubscribe();\n this.listOfRegions$ub = null;\n if (this.listOfCities$ub != null && this.listOfCities$ub.closed == false)\n this.listOfCities$ub.unsubscribe();\n this.listOfCities$ub = null;\n if (this.loadingTags$ub != null && this.loadingTags$ub.closed == false)\n this.loadingTags$ub.unsubscribe();\n this.loadingTags$ub = null;\n if (this.report$ub != null && this.report$ub.closed == false)\n this.report$ub.unsubscribe();\n this.report$ub = null;\n };\n AnalyticsSTView.prototype.onGranularityChange = function (granularity) {\n this.activeGranularity = granularity;\n this.fetchData();\n };\n AnalyticsSTView.prototype.onGranularitySelect = function (item) {\n this.activeGranularity = item.value;\n this.fetchData();\n };\n AnalyticsSTView.prototype.onReportTypeChange = function (_activeReportType) {\n this.activeReportType = _activeReportType;\n if (this.activeReportType == this.REPORT_TYPE_TAGS) {\n this.existingTagSelector.reset();\n }\n this.fetchData();\n };\n AnalyticsSTView.prototype.onGeoTypeChanged = function (_geoType) {\n this.activeGeoType = _geoType;\n this.fetchData();\n };\n AnalyticsSTView.prototype.prefixedTagSelect = function (data, item) {\n data.selected = item;\n this.prefixedTagsService.select(data.prefix, item.value);\n this.fetchData();\n };\n AnalyticsSTView.prototype.prefixedTagReset = function (data) {\n var model = !!data.search.model ? data.search.model : data.model;\n data.search.text = \"\";\n data.selected = !!model && 0 in model ? model[0] : null;\n this.prefixedTagsService.select(data.prefix, null);\n this.fetchData();\n };\n AnalyticsSTView.prototype.prefixedScrollEnd = function (data, event) {\n var start = event.start, end = event.end;\n var model = !!data.search.model ? data.search.model : data.model;\n if (this.fetchPages.size > 0)\n this.fetchPages.clear();\n var m;\n for (var i = start; i <= end; i++) {\n m = model[i];\n if (!!m.fetch && m.fetch.loading === false) {\n this.fetchPages.add(m.fetch.page);\n }\n }\n if (this.fetchPages.size > 0) {\n var pages_1 = [];\n this.fetchPages.forEach(function (p) { return pages_1.push(p); });\n this.fetchPages.clear();\n this.prefixedTagsService.fetch(data.prefix, pages_1, data.search.text);\n }\n };\n AnalyticsSTView.prototype.prefixedSearch = function (data, text) {\n this.prefixedTagsService.fetch(data.prefix, [0], text);\n };\n AnalyticsSTView.prototype.onValueChangeTag = function (_event) {\n this.fetchData();\n };\n AnalyticsSTView.prototype.onSelectCountry = function (item) {\n var _this = this;\n this.selectedCountryCode = item.value;\n this.selectedRegion = null;\n this.isRegionSelectorVisible = (this.selectedCountryCode !== null);\n this.isCitySelectorVisible = this.isRegionSelectorVisible && (this.selectedRegion !== null);\n this.regions$.next(this.initDropdownModel());\n this.cities$.next(this.initDropdownModel());\n this.cdr.markForCheck();\n if (this.selectedCountryCode !== null) {\n this.isLoadingRegion = true;\n this.cdr.markForCheck();\n if (this.listOfRegions$ub != null && !this.listOfRegions$ub.closed)\n this.listOfRegions$ub.unsubscribe();\n this.listOfRegions$ub = this.pagesService.listOfRegions(item.value)\n .subscribe(function (data) {\n _this.regions$.next(_this.formatGeoDropdown(data));\n _this.isLoadingRegion = false;\n _this.cdr.markForCheck();\n });\n }\n this.fetchData();\n };\n AnalyticsSTView.prototype.onSelectRegion = function (item) {\n var _this = this;\n this.selectedRegion = item.value;\n this.isCitySelectorVisible = (this.selectedRegion !== null);\n this.selectedCity = null;\n this.cities$.next(this.initDropdownModel());\n this.cdr.markForCheck();\n if (this.selectedRegion !== null) {\n this.isLoadingCity = true;\n this.cdr.markForCheck();\n if (this.listOfCities$ub != null && !this.listOfCities$ub.closed)\n this.listOfCities$ub.unsubscribe();\n this.listOfCities$ub = this.pagesService.listOfCities(this.selectedRegion)\n .subscribe(function (data) {\n _this.cities$.next(_this.formatGeoDropdown(data));\n _this.isLoadingCity = false;\n _this.cdr.markForCheck();\n });\n }\n this.fetchData();\n };\n AnalyticsSTView.prototype.onSelectCity = function (item) {\n this.selectedCity = item.value;\n this.cdr.markForCheck();\n this.fetchData();\n };\n AnalyticsSTView.prototype.onResetCountry = function () {\n this.selectedCountry = null;\n this.selectedCountryCode = null;\n this.selectedRegion = null;\n this.selectedCity = null;\n this.isRegionSelectorVisible = (this.selectedCountryCode !== null);\n this.isCitySelectorVisible = this.isRegionSelectorVisible && (this.selectedRegion !== null);\n this.regions$.next(this.initDropdownModel());\n this.cities$.next(this.initDropdownModel());\n this.cdr.markForCheck();\n this.fetchData();\n };\n AnalyticsSTView.prototype.onResetRegion = function () {\n this.selectedRegion = null;\n this.selectedCity = null;\n this.isCitySelectorVisible = false;\n this.cities$.next(this.initDropdownModel());\n this.cdr.markForCheck();\n this.fetchData();\n };\n AnalyticsSTView.prototype.onResetCity = function () {\n this.selectedCity = null;\n this.cdr.markForCheck();\n this.fetchData();\n };\n AnalyticsSTView.prototype.onDateRangeChanged = function (_event) {\n this.user.setDateRangeSelection(_event[0], _event[1]);\n this.dateRange = this.user.getDateRangeSelection();\n this.fetchData();\n };\n AnalyticsSTView.prototype.onPageChanged = function (_page) {\n this.PAGER.page = _page;\n };\n AnalyticsSTView.prototype.onCountryTableRowClick = function (rec) {\n if ((rec !== null) && ('countryCode' in rec)) {\n this.selectCountryByCode(rec.countryCode);\n }\n };\n AnalyticsSTView.prototype.onMapRegionClick = function (_data) {\n if (this.selectedCountryCode === null) {\n this.selectCountryByCode(_data.selectedRowValues[0]);\n }\n };\n AnalyticsSTView.prototype.onTagAdd = function (_event) {\n this.fetchData();\n };\n AnalyticsSTView.prototype.onTagRemove = function (_event) {\n this.fetchData();\n };\n AnalyticsSTView.prototype.exportCsv = function () {\n this.exportService.exportFileFromJs(this.csvFilename, this.csvData);\n };\n AnalyticsSTView.prototype.initDropdownModel = function () {\n return [{ uid: -1, label: 'All', value: null }];\n };\n AnalyticsSTView.prototype.getPageReportFilters = function () {\n var result = new PageReportFilters();\n result.geoCountryCode = this.selectedCountryCode;\n if (this.selectedRegion !== null)\n result.geoRegionId = parseInt(this.selectedRegion);\n result.tags = this.prefixedTagsService.selectedTagsList.concat(this.existingTagSelector.selectedTagsList);\n result.demSex = null;\n result.demAgeFrom = null;\n result.demAgeTo = null;\n return result;\n };\n AnalyticsSTView.prototype.selectCountryByCode = function (countryCode) {\n var countries = this.countries$.getValue();\n if (countries !== null) {\n for (var _a = 0, countries_1 = countries; _a < countries_1.length; _a++) {\n var country = countries_1[_a];\n if (country.value === countryCode) {\n this.selectedCountry = country;\n this.onSelectCountry(country);\n }\n }\n }\n };\n AnalyticsSTView.prototype.formatGeoDropdown = function (_data) {\n var result = this.initDropdownModel();\n if (_data.length == 0) {\n return result;\n }\n for (var _i = 0; _i < _data.length; _i++) {\n if (!(_data[_i].code == null)) {\n result.push({ uid: _i, value: _data[_i].code, label: _data[_i].name });\n }\n else if (!(_data[_i].id == null)) {\n result.push({ uid: _i, value: _data[_i].id, label: _data[_i].name });\n }\n }\n return result;\n };\n AnalyticsSTView.prototype.fetchData = function () {\n var _this = this;\n var tasks = [];\n if (this.activeReportType == this.REPORT_TYPE_REPORT) {\n tasks.push(this.loadUsersAndViewsHistoryReport());\n tasks.push(this.loadSummaryData());\n }\n else if (this.activeReportType == this.REPORT_TYPE_GEO) {\n tasks.push(this.loadGeolocationData());\n }\n else {\n tasks.push(this.loadUsersAndViewsHistoryReport());\n tasks.push(this.loadSummaryData());\n tasks.push(this.loadTopViewedTagsReport());\n }\n if (this.report$ub != null && this.report$ub.closed == false)\n this.report$ub.unsubscribe();\n this.report$ub = Object(forkJoin[\"forkJoin\"])(tasks)\n .pipe(Object(operators[\"debounceTime\"])(500))\n .subscribe(function () { return _this.cdr.markForCheck(); });\n };\n AnalyticsSTView.prototype.loadGeolocationData = function () {\n var _this = this;\n return this.pagesService.getGeoReport(this.user.accountId, this.dateRange, this.getPageReportFilters())\n .pipe(Object(operators[\"tap\"])(function (data) { return _this.updateGeolocationData(data); }));\n };\n AnalyticsSTView.prototype.updateGeolocationData = function (data) {\n this.geoDataTable = new Array(0);\n var mapDataTable = [[\"Region\", \"Value\"]];\n if (this.selectedCountryCode === null) {\n var countries = data.countries;\n this.PAGER.page = 1;\n this.PAGER.total_items = countries.length;\n for (var _a = 0, countries_2 = countries; _a < countries_2.length; _a++) {\n var rec = countries_2[_a];\n var views = parseFloat(rec.views);\n var users = parseFloat(rec.users);\n mapDataTable.push([rec.country.country_code, views]);\n this.geoDataTable.push({\n label: rec.country.name,\n countryCode: rec.country.country_code,\n flag: \"flag-icon flag-icon-\" + rec.country.country_code.toLowerCase(),\n views: views,\n users: users\n });\n }\n }\n else {\n var regions = data.regions;\n this.PAGER.page = 1;\n this.PAGER.total_items = regions.length;\n for (var _b = 0, regions_1 = regions; _b < regions_1.length; _b++) {\n var rec = regions_1[_b];\n var views = parseFloat(rec.views);\n var users = parseFloat(rec.users);\n mapDataTable.push([rec.region.subdiv_code, views]);\n this.geoDataTable.push({\n label: rec.region.name,\n flag: \"flag-icon\",\n views: views,\n users: users\n });\n }\n }\n this.updateSummaryData(parseFloat(data.summary.views), parseFloat(data.summary.users));\n this.mapChartData = {\n chartType: 'GeoChart',\n apiKey: this.analyticsService.getGoogleMapsApiKey(),\n dataTable: mapDataTable,\n options: {\n colorAxis: { colors: this.MAP_COLOR_RANGE }\n }\n };\n if (this.selectedCountryCode !== null) {\n this.mapChartData.options.resolution = (this.selectedCountryCode in this.MAP_REGIONS_SKIP_SET) ? 'countries' : 'provinces';\n this.mapChartData.options.region = this.selectedCountryCode;\n if (this.activeGeoType == \"city\") {\n this.mapChartData.options.displayMode = 'markers';\n }\n }\n };\n AnalyticsSTView.prototype.loadUsersAndViewsHistoryReport = function () {\n var _this = this;\n return this.pagesService.getUsersAndViewsHistoryReport(this.user.accountId, this.dateRange, this.activeGranularity, this.getPageReportFilters())\n .pipe(Object(operators[\"tap\"])(function (data) {\n _this.chartUsersViewsHistory = new Array();\n for (var _i = 0; _i < data.length; _i++)\n _this.chartUsersViewsHistory.push(data[_i].data);\n _this.chartLabelsReport = data[0].labels;\n }));\n };\n AnalyticsSTView.prototype.loadTopViewedTagsReport = function () {\n var _this = this;\n var MAX_TOP_TAGS = 200;\n return this.pagesService.getTopViewedTagsReport(this.user.accountId, this.dateRange, this.getPageReportFilters(), MAX_TOP_TAGS)\n .pipe(Object(operators[\"tap\"])(function (data) {\n _this.tagsDataTable = data.records;\n _this.PAGER.page = 1;\n _this.PAGER.total_items = data.records.length;\n }));\n };\n AnalyticsSTView.prototype.loadSummaryData = function () {\n var _this = this;\n return this.pagesService.getUsersAndViewsSummaryReport(this.user.accountId, this.dateRange, this.getPageReportFilters())\n .pipe(Object(operators[\"tap\"])(function (data) { return _this.updateSummaryData(data.views, data.users); }));\n };\n AnalyticsSTView.prototype.updateSummaryData = function (views, users) {\n var viewsPerUser = (users > 0) ? views / users : null;\n this.raportItems = [\n { title: this.translation.translate('ANALYTICS_ST_RAPORT.SUMMARY.USERS'), desc: this.translation.translate('ANALYTICS_ST_RAPORT.SUMMARY.SELECTED_CRITERIA'), value: users, icon: 'fa fa-users fa-fw', color: 'widget widget-stats bg-blue' },\n { title: this.translation.translate('ANALYTICS_ST_RAPORT.SUMMARY.VIEWS'), desc: this.translation.translate('ANALYTICS_ST_RAPORT.SUMMARY.SELECTED_CRITERIA'), value: views, icon: 'fa fa-play-circle fa-fw', color: 'widget widget-stats bg-black' },\n { title: this.translation.translate('ANALYTICS_ST_RAPORT.SUMMARY.VIEWS_PER_USER'), desc: this.translation.translate('ANALYTICS_ST_RAPORT.SUMMARY.SELECTED_CRITERIA'), value: viewsPerUser, icon: 'fa fa-eye fa-fw', color: 'widget widget-stats bg-yellow' },\n ];\n };\n Object.defineProperty(AnalyticsSTView.prototype, \"csvFilename\", {\n get: function () {\n var start = this.dateRange.startDate.format('YYYYMMDD');\n var end = this.dateRange.endDate.format('YYYYMMDD');\n return \"bradmax_st_\" + this.activeReportType + \"_\" + start + \"_\" + end + \"_by_\" + this.activeGranularity + \".csv\";\n },\n enumerable: true,\n configurable: true\n });\n Object.defineProperty(AnalyticsSTView.prototype, \"csvData\", {\n get: function () {\n var linesNum = this.chartLabelsReport ? this.chartLabelsReport.length : 0;\n var result = '';\n var line = '';\n var dateFormat = 'YYYY-MM-DD HH:mm';\n if ((this.activeGranularity == 'day') || (this.activeGranularity == 'week')) {\n dateFormat = 'YYYY-MM-DD';\n }\n else if (this.activeGranularity == 'month') {\n dateFormat = 'YYYY-MM';\n }\n else if (this.activeGranularity == 'year') {\n dateFormat = 'YYYY';\n }\n var columns = new Array();\n columns.push('Date');\n for (var _a = 0, _b = this.chartUsersViewsHistory; _a < _b.length; _a++) {\n var col = _b[_a];\n columns.push(col.label);\n }\n result += (columns.join(',') + \"\\r\\n\");\n for (var i = 0; i < linesNum; i++) {\n line = '\"' + moment_default()(this.chartLabelsReport[i]).format(dateFormat) + '\"';\n for (var _c = 0, _d = this.chartUsersViewsHistory; _c < _d.length; _c++) {\n var col = _d[_c];\n line += (',' + col.data[i]);\n }\n line += \"\\r\\n\";\n result += line;\n }\n return result;\n },\n enumerable: true,\n configurable: true\n });\n var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k;\n AnalyticsSTView = st_view_component___decorate([\n Object(core_es5[\"Component\"])({\n selector: 'analytics-st-view',\n template: __webpack_require__(1418),\n styles: [__webpack_require__(1419)],\n changeDetection: core_es5[\"ChangeDetectionStrategy\"].OnPush\n }),\n st_view_component___metadata(\"design:paramtypes\", [typeof (_a = typeof angular_l10n_es5[\"a\" /* LocaleService */] !== \"undefined\" && angular_l10n_es5[\"a\" /* LocaleService */]) === \"function\" && _a || Object, typeof (_b = typeof angular_l10n_es5[\"d\" /* TranslationService */] !== \"undefined\" && angular_l10n_es5[\"d\" /* TranslationService */]) === \"function\" && _b || Object, typeof (_c = typeof pages_service_PagesService !== \"undefined\" && pages_service_PagesService) === \"function\" && _c || Object, typeof (_d = typeof tag_service_TagService !== \"undefined\" && tag_service_TagService) === \"function\" && _d || Object, typeof (_e = typeof prefixed_tags_service_PrefixedTagsService !== \"undefined\" && prefixed_tags_service_PrefixedTagsService) === \"function\" && _e || Object, typeof (_f = typeof user_service[\"a\" /* UserService */] !== \"undefined\" && user_service[\"a\" /* UserService */]) === \"function\" && _f || Object, typeof (_g = typeof analytics_service_AnalyticsService !== \"undefined\" && analytics_service_AnalyticsService) === \"function\" && _g || Object, typeof (_h = typeof existing_tag_selector_service_ExistingTagSelectorService !== \"undefined\" && existing_tag_selector_service_ExistingTagSelectorService) === \"function\" && _h || Object, typeof (_j = typeof core_es5[\"ChangeDetectorRef\"] !== \"undefined\" && core_es5[\"ChangeDetectorRef\"]) === \"function\" && _j || Object, typeof (_k = typeof export_service_ExportService !== \"undefined\" && export_service_ExportService) === \"function\" && _k || Object])\n ], AnalyticsSTView);\n return AnalyticsSTView;\n}(angular_l10n_es5[\"b\" /* Localization */]));\n\n\n// CONCATENATED MODULE: ./src/module/analytics/st/raport/stRaport.view.component.ts\nvar stRaport_view_component___extends = (this && this.__extends) || (function () {\n var extendStatics = Object.setPrototypeOf ||\n ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||\n function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };\n return function (d, b) {\n extendStatics(d, b);\n function __() { this.constructor = d; }\n d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());\n };\n})();\nvar stRaport_view_component___decorate = (this && this.__decorate) || function (decorators, target, key, desc) {\n var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;\n if (typeof Reflect === \"object\" && typeof Reflect.decorate === \"function\") r = Reflect.decorate(decorators, target, key, desc);\n 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;\n return c > 3 && r && Object.defineProperty(target, key, r), r;\n};\nvar stRaport_view_component___metadata = (this && this.__metadata) || function (k, v) {\n if (typeof Reflect === \"object\" && typeof Reflect.metadata === \"function\") return Reflect.metadata(k, v);\n};\n\n\n\n\n\n\n\n\nvar stRaport_view_component_AnalyticsSTRaportView = (function (_super) {\n stRaport_view_component___extends(AnalyticsSTRaportView, _super);\n function AnalyticsSTRaportView(pagesService, tagService, user, locale, translation, analyticsService, existingTagSelector, cdr, view) {\n var _this = _super.call(this, locale, translation) || this;\n _this.pagesService = pagesService;\n _this.tagService = tagService;\n _this.user = user;\n _this.locale = locale;\n _this.translation = translation;\n _this.analyticsService = analyticsService;\n _this.existingTagSelector = existingTagSelector;\n _this.cdr = cdr;\n _this.view = view;\n _this.reportTypes = ['report', 'geolocation', 'tags',];\n _this.activeReportType = 'report';\n _this.geoGranularityTypes = ['city', 'region'];\n _this.activeGeoType = 'region';\n _this.granularityTypes = ['all'];\n _this.activeGranularity = 'day';\n _this.isBetaMode = false;\n _this.isBetaMode = _this.view.checkIfBetaMode();\n _this.pagingOptions = {\n page: 1,\n page_size: 10,\n total_items: 0\n };\n _this.chartDemSex = {\n data: null,\n labels: new Array()\n };\n _this.chartDemAge = {\n data: null,\n labels: new Array()\n };\n _this.countriesList = null;\n _this.regionsList = [{ label: 'All', value: null }];\n _this.citiesList = [{ label: 'All', value: null }];\n _this.selectedCountryCode = null;\n _this.selectedCountry = null;\n _this.selectedRegion = null;\n _this.selectedCity = null;\n _this.isRegionSelectorVisible = false;\n _this.isCitySelectorVisible = false;\n _this.isCountrySelectorVisible = true;\n _this.mapColorRange = ['#d9ebfb', '#348fe2'];\n _this.mapChartRegionsSkippingsSet = null;\n _this.dateRange = _this.user.getDateRangeSelection();\n _this.demographyAgeFrom = [];\n _this.demographyAgeTo = [];\n for (var age = 0; age <= 100; age++) {\n var ageStr = age + '';\n _this.demographyAgeFrom.push({ label: ageStr, value: age });\n _this.demographyAgeTo.push({ label: ageStr, value: age });\n }\n _this.demographyAgeFrom[0].selected = true;\n _this.demographyAgeTo[100].selected = true;\n _this.selectedAgeFrom = _this.demographyAgeFrom[0];\n _this.selectedAgeTo = _this.demographyAgeTo[100];\n _this.demographySexList = [];\n _this.demographySexList.push({ label: 'All', value: 0 });\n _this.demographySexList.push({ label: _this.translation['translationData']['en']['ANALYTICS_ST_RAPORT']['WORD']['MALE'], value: 1 });\n _this.demographySexList.push({ label: _this.translation['translationData']['en']['ANALYTICS_ST_RAPORT']['WORD']['FEMALE'], value: 2 });\n _this.demographySexList.push({ label: _this.translation['translationData']['en']['ANALYTICS_ST_RAPORT']['WORD']['OTHER'], value: 3 });\n _this.selectedSex = _this.demographySexList[0];\n _this.demographySexToChartMetaMap = {\n 'm': {\n label: _this.translation['translationData']['en']['ANALYTICS_ST_RAPORT']['WORD']['MALE'],\n backgroundColor: \"rgba(52,152,219,0.8)\",\n borderColor: \"rgba(52,152,219,1)\"\n },\n 'f': {\n label: _this.translation['translationData']['en']['ANALYTICS_ST_RAPORT']['WORD']['FEMALE'],\n backgroundColor: \"rgba(46, 204, 103,0.8)\",\n borderColor: \"rgba(46, 204, 103,1)\"\n },\n 'o': {\n label: _this.translation['translationData']['en']['ANALYTICS_ST_RAPORT']['WORD']['OTHER'],\n backgroundColor: \"rgba(230, 126, 34,0.8)\",\n borderColor: \"rgba(230, 126, 34,1)\"\n },\n '': {\n label: _this.translation['translationData']['en']['ANALYTICS_ST_RAPORT']['WORD']['UNDEFINED'],\n backgroundColor: \"rgba(153,153,153,0.8)\",\n borderColor: \"rgba(153,153,153,1)\"\n }\n };\n _this.tagsDataTable = null;\n _this.pagesService.listOfCountries().subscribe(function (data) {\n _this.countriesList = _this.buildDropdownList(data);\n _this.selectedCountry = (_this.countriesList && _this.countriesList.length) ? _this.countriesList[0] : null;\n _this.isCountrySelectorVisible = true;\n _this.cdr.markForCheck();\n });\n _this.existingTagSelector.changeDetectionEmitter.subscribe(function () { return _this.cdr.markForCheck(); });\n _this.existingTagSelector.reset();\n return _this;\n }\n AnalyticsSTRaportView.prototype.ngOnInit = function () {\n this.onDateRangeChanged([this.dateRange.startDate, this.dateRange.endDate]);\n this.cdr.markForCheck();\n };\n AnalyticsSTRaportView.prototype.getPageReportFilters = function () {\n var result = new PageReportFilters();\n result.geoCountryCode = this.selectedCountryCode;\n if (this.selectedRegion !== null) {\n result.geoRegionId = parseInt(this.selectedRegion);\n }\n result.tags = this.existingTagSelector.selectedTagsList;\n result.demSex = this.selectedSex.value;\n result.demAgeFrom = this.selectedAgeFrom.value;\n result.demAgeTo = this.selectedAgeTo.value;\n return result;\n };\n AnalyticsSTRaportView.prototype.onGranularityChange = function (granularity) {\n this.activeGranularity = granularity;\n this.loadDataForReport();\n };\n AnalyticsSTRaportView.prototype.onReportTypeChange = function (_activeReportType) {\n this.activeReportType = _activeReportType;\n if (this.activeReportType == 'tags') {\n this.existingTagSelector.reset();\n }\n this.loadDataForReport();\n };\n AnalyticsSTRaportView.prototype.onGeoTypeChanged = function (_geoType) {\n this.activeGeoType = _geoType;\n this.loadDataForReport();\n };\n AnalyticsSTRaportView.prototype.onValueChangeTag = function (_event) {\n this.loadDataForReport();\n };\n AnalyticsSTRaportView.prototype.onSelectCountry = function (selectedCountryItem) {\n var _this = this;\n this.selectedCountryCode = selectedCountryItem.value;\n this.selectedRegion = null;\n this.isRegionSelectorVisible = (this.selectedCountryCode !== null);\n this.isCitySelectorVisible = this.isRegionSelectorVisible && (this.selectedRegion !== null);\n if (this.selectedCountryCode !== null) {\n this.pagesService.listOfRegions(selectedCountryItem.value).subscribe(function (data) {\n _this.selectedRegion = null;\n _this.regionsList = _this.buildDropdownList(data);\n setTimeout(function () { _this.cdr.markForCheck(); }, 20);\n });\n }\n else {\n this.selectedRegion = null;\n this.regionsList = [{ label: 'All', value: null }];\n this.citiesList = [{ label: 'All', value: null }];\n }\n this.loadDataForReport();\n };\n AnalyticsSTRaportView.prototype.onSelectRegion = function (_event) {\n var _this = this;\n this.selectedRegion = _event['value'];\n this.isCitySelectorVisible = (this.selectedRegion !== null);\n if (_event['value'] !== null) {\n this.pagesService.listOfCities(_event['value']).subscribe(function (data) {\n _this.citiesList = _this.buildDropdownList(data);\n _this.selectedCity = null;\n setTimeout(function () { _this.cdr.markForCheck(); }, 20);\n });\n }\n else {\n this.citiesList = [{ label: 'All', value: null }];\n this.selectedCity = null;\n }\n this.loadDataForReport();\n };\n AnalyticsSTRaportView.prototype.onDropdownSelectAgeFrom = function (rec) {\n if (rec) {\n this.selectedAgeFrom = rec;\n this.loadDataForReport();\n }\n };\n AnalyticsSTRaportView.prototype.onDropdownSelectAgeTo = function (rec) {\n if (rec) {\n this.selectedAgeTo = rec;\n this.loadDataForReport();\n }\n };\n AnalyticsSTRaportView.prototype.onDropdownSelectSex = function (rec) {\n if (rec) {\n this.selectedSex = rec;\n this.loadDataForReport();\n }\n };\n AnalyticsSTRaportView.prototype.onSelectCity = function (_event) {\n this.loadDataForReport();\n };\n AnalyticsSTRaportView.prototype.onDateRangeChanged = function (_event) {\n this.user.setDateRangeSelection(_event[0], _event[1]);\n this.dateRange = this.user.getDateRangeSelection();\n this.loadDataForReport();\n };\n AnalyticsSTRaportView.prototype.onPageChanged = function (_page) {\n this.pagingOptions.page = _page;\n };\n AnalyticsSTRaportView.prototype.onCountryTableRowClick = function (rec) {\n if ((rec !== null) && ('countryCode' in rec)) {\n this.selectCountryByCode(rec.countryCode);\n }\n };\n AnalyticsSTRaportView.prototype.onMapRegionClick = function (_data) {\n if (this.selectedCountryCode === null) {\n this.selectCountryByCode(_data.selectedRowValues[0]);\n }\n };\n AnalyticsSTRaportView.prototype.onTagAdd = function (_event) {\n this.loadDataForReport();\n };\n AnalyticsSTRaportView.prototype.onTagRemove = function (_event) {\n this.loadDataForReport();\n };\n AnalyticsSTRaportView.prototype.selectCountryByCode = function (countryCode) {\n if (this.countriesList !== null) {\n for (var _a = 0, _b = this.countriesList; _a < _b.length; _a++) {\n var rec = _b[_a];\n if (rec.value === countryCode) {\n this.selectedCountry = rec;\n this.onSelectCountry(rec);\n }\n }\n }\n };\n AnalyticsSTRaportView.prototype.buildDropdownList = function (_data) {\n var result;\n if (_data.length == 0) {\n return [{ value: '', label: '' }];\n }\n result = new Array(0);\n result.push({ label: 'All', value: null });\n for (var _i = 0; _i < _data.length; _i++) {\n if (!(_data[_i].code == null)) {\n result.push({ value: _data[_i].code, label: _data[_i].name });\n }\n else if (!(_data[_i].id == null)) {\n result.push({ value: _data[_i].id, label: _data[_i].name });\n }\n }\n return result;\n };\n AnalyticsSTRaportView.prototype.loadDataForGeolocation = function () {\n var _this = this;\n if (this.mapChartRegionsSkippingsSet === null) {\n var geoRegionsMapChartFix = __webpack_require__(107);\n this.mapChartRegionsSkippingsSet = geoRegionsMapChartFix.skippingSet;\n }\n this.pagesService.getGeoReport(this.user.accountId, this.dateRange, this.getPageReportFilters()).subscribe(function (data) {\n _this.geoDataTable = new Array(0);\n var mapDataTable = [[\"Region\", \"Value\"]];\n if (_this.selectedCountryCode === null) {\n var countries = data.countries;\n _this.pagingOptions.page = 1;\n _this.pagingOptions.total_items = countries.length;\n for (var _a = 0, countries_1 = countries; _a < countries_1.length; _a++) {\n var rec = countries_1[_a];\n var views = parseFloat(rec.views);\n var users = parseFloat(rec.users);\n mapDataTable.push([rec.country.country_code, views]);\n _this.geoDataTable.push({\n label: rec.country.name,\n countryCode: rec.country.country_code,\n flag: \"flag-icon flag-icon-\" + rec.country.country_code.toLowerCase(),\n views: views,\n users: users\n });\n }\n }\n else {\n var regions = data.regions;\n _this.pagingOptions.page = 1;\n _this.pagingOptions.total_items = regions.length;\n for (var _b = 0, regions_1 = regions; _b < regions_1.length; _b++) {\n var rec = regions_1[_b];\n var views = parseFloat(rec.views);\n var users = parseFloat(rec.users);\n mapDataTable.push([rec.region.subdiv_code, views]);\n _this.geoDataTable.push({\n label: rec.region.name,\n flag: \"flag-icon\",\n views: views,\n users: users\n });\n }\n }\n _this.updateSummaryData(parseFloat(data.summary.views), parseFloat(data.summary.users));\n _this.mapChartData = {\n chartType: 'GeoChart',\n apiKey: _this.analyticsService.getGoogleMapsApiKey(),\n dataTable: mapDataTable,\n options: {\n colorAxis: { colors: _this.mapColorRange }\n }\n };\n if (_this.selectedCountryCode !== null) {\n _this.mapChartData.options.resolution = (_this.selectedCountryCode in _this.mapChartRegionsSkippingsSet) ? 'countries' : 'provinces';\n _this.mapChartData.options.region = _this.selectedCountryCode;\n if (_this.activeGeoType == \"city\") {\n _this.mapChartData.options.displayMode = 'markers';\n }\n }\n _this.cdr.markForCheck();\n });\n };\n AnalyticsSTRaportView.prototype.loadUsersAndViewsHistoryReport = function () {\n var _this = this;\n this.pagesService.getUsersAndViewsHistoryReport(this.user.accountId, this.dateRange, this.activeGranularity, this.getPageReportFilters()).subscribe(function (data) {\n _this.chartUsersViewsHistory = new Array();\n for (var _i = 0; _i < data.length; _i++) {\n _this.chartUsersViewsHistory.push(data[_i].data);\n }\n _this.chartLabelsReport = data[0].labels;\n _this.cdr.markForCheck();\n });\n };\n AnalyticsSTRaportView.prototype.loadDemSexReport = function () {\n var _this = this;\n this.pagesService.getDemSexReport(this.user.accountId, this.dateRange, this.getPageReportFilters()).subscribe(function (data) {\n _this.chartDemSex.labels = new Array();\n var demographySexStats = {\n backgroundColor: new Array(),\n borderColor: new Array(),\n data: new Array()\n };\n for (var _a = 0, _b = data.sex_stats; _a < _b.length; _a++) {\n var rec = _b[_a];\n var sexChartInfo = _this.mapSexStrToChartInfo(rec.sex);\n demographySexStats.backgroundColor.push(sexChartInfo.backgroundColor);\n demographySexStats.borderColor.push(sexChartInfo.borderColor);\n demographySexStats.data.push(parseFloat(rec.views));\n _this.chartDemSex.labels.push(sexChartInfo.label);\n }\n _this.chartDemSex.data = new Array();\n _this.chartDemSex.data.push(demographySexStats);\n _this.updateSummaryData(parseFloat(data.summary.views), parseFloat(data.summary.users));\n _this.cdr.markForCheck();\n });\n };\n AnalyticsSTRaportView.prototype.loadDemAgeReport = function () {\n var _this = this;\n this.pagesService.getDemAgeReport(this.user.accountId, this.dateRange, this.getPageReportFilters()).subscribe(function (data) {\n _this.chartDemAge.data = new Array();\n _this.chartDemAge.labels = new Array();\n var demographyAgeStats = {\n backgroundColor: \"#0000FF\",\n barThickness: 40,\n data: new Array(),\n label: _this.translation['translationData']['en']['ANALYTICS_ST_RAPORT']['SUBPAGES']['VIEWS']\n };\n for (var _a = 0, _b = data.age_stats; _a < _b.length; _a++) {\n var rec = _b[_a];\n demographyAgeStats.data.push(parseFloat(rec.views));\n _this.chartDemAge.labels.push(rec.age_from + '..' + rec.age_to);\n }\n _this.chartDemAge.data.push(demographyAgeStats);\n _this.updateSummaryData(parseFloat(data.summary.views), parseFloat(data.summary.users));\n _this.cdr.markForCheck();\n });\n };\n AnalyticsSTRaportView.prototype.loadTopViewedTagsReport = function () {\n var _this = this;\n var MAX_TOP_TAGS = 200;\n this.pagesService.getTopViewedTagsReport(this.user.accountId, this.dateRange, this.getPageReportFilters(), MAX_TOP_TAGS).subscribe(function (data) {\n _this.tagsDataTable = data.records;\n _this.pagingOptions.page = 1;\n _this.pagingOptions.total_items = data.records.length;\n _this.cdr.markForCheck();\n });\n };\n AnalyticsSTRaportView.prototype.loadDataForReport = function () {\n if (this.activeReportType == 'report') {\n this.loadUsersAndViewsHistoryReport();\n this.loadSummaryData();\n }\n else if (this.activeReportType == 'geolocation') {\n this.loadDataForGeolocation();\n }\n else {\n this.loadUsersAndViewsHistoryReport();\n this.loadSummaryData();\n this.loadTopViewedTagsReport();\n }\n };\n AnalyticsSTRaportView.prototype.mapSexStrToChartInfo = function (sexStr) {\n if (sexStr in this.demographySexToChartMetaMap) {\n return this.demographySexToChartMetaMap[sexStr];\n }\n return this.demographySexToChartMetaMap[''];\n };\n AnalyticsSTRaportView.prototype.loadSummaryData = function () {\n var _this = this;\n this.pagesService.getUsersAndViewsSummaryReport(this.user.accountId, this.dateRange, this.getPageReportFilters()).subscribe(function (data) {\n _this.updateSummaryData(data.views, data.users);\n _this.cdr.markForCheck();\n });\n };\n AnalyticsSTRaportView.prototype.updateSummaryData = function (views, users) {\n var sumItemTitles = this.translation['translationData']['en']['ANALYTICS_ST_RAPORT']['SUMMARY'];\n var viewsPerUser = (users > 0) ? views / users : null;\n this.raportItems = [\n { title: sumItemTitles['USERS'], value: users, desc: sumItemTitles['SELECTED_CRITERIA'], icon: 'fa fa-users fa-fw', color: 'widget widget-stats bg-blue' },\n { title: sumItemTitles['VIEWS'], value: views, desc: sumItemTitles['SELECTED_CRITERIA'], icon: 'fa fa-play-circle fa-fw', color: 'widget widget-stats bg-black' },\n { title: sumItemTitles['VIEWS_PER_USER'], value: viewsPerUser, desc: sumItemTitles['SELECTED_CRITERIA'], icon: 'fa fa-eye fa-fw', color: 'widget widget-stats bg-yellow' },\n ];\n };\n var _a, _b, _c, _d, _e, _f, _g, _h, _j;\n AnalyticsSTRaportView = stRaport_view_component___decorate([\n Object(core_es5[\"Component\"])({\n selector: 'analytics-st-raport-view',\n template: __webpack_require__(1420),\n styles: [\n ':host .table-loader {height:330px;position:relative;}',\n ':host .report-criteria tags {background-color:#fafafa;border-left:solid 1px #fafafa;border-right:solid 1px #fafafa;}',\n ':host .report-criteria label {line-height:30px;}',\n ':host .report .widget {marging-bottom:0;}',\n ':host .analytics-geo-table .clickable {cursor:pointer;}'\n ],\n changeDetection: core_es5[\"ChangeDetectionStrategy\"].OnPush\n }),\n stRaport_view_component___metadata(\"design:paramtypes\", [typeof (_a = typeof pages_service_PagesService !== \"undefined\" && pages_service_PagesService) === \"function\" && _a || Object, typeof (_b = typeof tag_service_TagService !== \"undefined\" && tag_service_TagService) === \"function\" && _b || Object, typeof (_c = typeof user_service[\"a\" /* UserService */] !== \"undefined\" && user_service[\"a\" /* UserService */]) === \"function\" && _c || Object, typeof (_d = typeof angular_l10n_es5[\"a\" /* LocaleService */] !== \"undefined\" && angular_l10n_es5[\"a\" /* LocaleService */]) === \"function\" && _d || Object, typeof (_e = typeof angular_l10n_es5[\"d\" /* TranslationService */] !== \"undefined\" && angular_l10n_es5[\"d\" /* TranslationService */]) === \"function\" && _e || Object, typeof (_f = typeof analytics_service_AnalyticsService !== \"undefined\" && analytics_service_AnalyticsService) === \"function\" && _f || Object, typeof (_g = typeof existing_tag_selector_service_ExistingTagSelectorService !== \"undefined\" && existing_tag_selector_service_ExistingTagSelectorService) === \"function\" && _g || Object, typeof (_h = typeof core_es5[\"ChangeDetectorRef\"] !== \"undefined\" && core_es5[\"ChangeDetectorRef\"]) === \"function\" && _h || Object, typeof (_j = typeof view_service[\"a\" /* ViewService */] !== \"undefined\" && view_service[\"a\" /* ViewService */]) === \"function\" && _j || Object])\n ], AnalyticsSTRaportView);\n return AnalyticsSTRaportView;\n}(angular_l10n_es5[\"b\" /* Localization */]));\n\n\n// CONCATENATED MODULE: ./src/module/analytics/st/st.module.ts\nvar st_module___decorate = (this && this.__decorate) || function (decorators, target, key, desc) {\n var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;\n if (typeof Reflect === \"object\" && typeof Reflect.decorate === \"function\") r = Reflect.decorate(decorators, target, key, desc);\n 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;\n return c > 3 && r && Object.defineProperty(target, key, r), r;\n};\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\nvar st_module_routes = [\n { path: '', component: stRaport_view_component_AnalyticsSTRaportView },\n { path: 'beta', component: st_view_component_AnalyticsSTView },\n];\nvar st_module_AnalyticsSTModule = (function () {\n function AnalyticsSTModule() {\n }\n AnalyticsSTModule = st_module___decorate([\n Object(core_es5[\"NgModule\"])({\n imports: [\n http_es5[\"c\" /* HttpModule */],\n shared_module_SharedModule,\n common_es5[\"CommonModule\"],\n angular_l10n_es5[\"c\" /* LocalizationModule */],\n router_es5[\"h\" /* RouterModule */].forChild(st_module_routes),\n forms_es5[\"FormsModule\"],\n form_module_FormComponentsModule,\n chart_module_ChartModule,\n TagInputModule,\n pager_module_PagerModule,\n google_charts_module_Ng2GoogleChartsModule,\n camelCaseToSpace_module_CamelCaseToSpaceModule,\n capitalize_first_module_CapitalizeFirstModule,\n virtual_dropdown_module_VirtualDropdownModule,\n ],\n declarations: [\n stRaport_view_component_AnalyticsSTRaportView,\n st_view_component_AnalyticsSTView,\n report_picker_component_ReportPickerComponent,\n geo_picker_component_GeoPickerComponent\n ],\n providers: [\n analytics_service_AnalyticsService,\n pages_service_PagesService,\n usersAndViewsVSTime_service_UsersAndViewsVsTimeService,\n existing_tag_selector_service_ExistingTagSelectorService,\n tag_service_TagService,\n prefixed_tags_service_PrefixedTagsService,\n ]\n })\n ], AnalyticsSTModule);\n return AnalyticsSTModule;\n}());\n\n\n// CONCATENATED MODULE: ./src/module/virtual/list/component/virtual.list.component.ts\nvar virtual_list_component___decorate = (this && this.__decorate) || function (decorators, target, key, desc) {\n var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;\n if (typeof Reflect === \"object\" && typeof Reflect.decorate === \"function\") r = Reflect.decorate(decorators, target, key, desc);\n 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;\n return c > 3 && r && Object.defineProperty(target, key, r), r;\n};\nvar virtual_list_component___metadata = (this && this.__metadata) || function (k, v) {\n if (typeof Reflect === \"object\" && typeof Reflect.metadata === \"function\") return Reflect.metadata(k, v);\n};\n\nvar virtual_list_component_selector = \"virtual-list\";\nvar virtual_list_component_VirtualListComponent = (function () {\n function VirtualListComponent(cdr) {\n this.cdr = cdr;\n this.selector = virtual_list_component_selector;\n this.scrollerStart = new core_es5[\"EventEmitter\"]();\n this.scrollerEnd = new core_es5[\"EventEmitter\"]();\n this.scrollerChange = new core_es5[\"EventEmitter\"]();\n this.scrollerUpdate = new core_es5[\"EventEmitter\"]();\n this.listHeight = 30;\n this.itemHeight = 30;\n this.showTopGradient = false;\n }\n VirtualListComponent.prototype.handleListVieportUpdate = function (items) {\n this.listViewportItems = items;\n this.scrollerUpdate.emit(this.listViewportItems);\n this.cdr.markForCheck();\n };\n VirtualListComponent.prototype.handleListVieportChange = function (event) {\n var topGrad = event.scrollStartPosition > 0;\n if (this.showTopGradient != topGrad) {\n this.showTopGradient = topGrad;\n this.cdr.markForCheck();\n }\n this.scrollerChange.emit(event);\n };\n VirtualListComponent.prototype.handleListVieportStart = function (event) { this.scrollerStart.emit(event); };\n VirtualListComponent.prototype.handleListVieportEnd = function (event) { this.scrollerEnd.emit(event); };\n var _a, _b;\n virtual_list_component___decorate([\n Object(core_es5[\"HostBinding\"])(\"class\"),\n virtual_list_component___metadata(\"design:type\", Object)\n ], VirtualListComponent.prototype, \"selector\", void 0);\n virtual_list_component___decorate([\n Object(core_es5[\"Output\"])(),\n virtual_list_component___metadata(\"design:type\", Object)\n ], VirtualListComponent.prototype, \"scrollerStart\", void 0);\n virtual_list_component___decorate([\n Object(core_es5[\"Output\"])(),\n virtual_list_component___metadata(\"design:type\", Object)\n ], VirtualListComponent.prototype, \"scrollerEnd\", void 0);\n virtual_list_component___decorate([\n Object(core_es5[\"Output\"])(),\n virtual_list_component___metadata(\"design:type\", Object)\n ], VirtualListComponent.prototype, \"scrollerChange\", void 0);\n virtual_list_component___decorate([\n Object(core_es5[\"Output\"])(),\n virtual_list_component___metadata(\"design:type\", Object)\n ], VirtualListComponent.prototype, \"scrollerUpdate\", void 0);\n virtual_list_component___decorate([\n Object(core_es5[\"Input\"])(),\n virtual_list_component___metadata(\"design:type\", typeof (_a = typeof core_es5[\"TemplateRef\"] !== \"undefined\" && core_es5[\"TemplateRef\"]) === \"function\" && _a || Object)\n ], VirtualListComponent.prototype, \"itemTemplate\", void 0);\n virtual_list_component___decorate([\n Object(core_es5[\"Input\"])(),\n virtual_list_component___metadata(\"design:type\", Object)\n ], VirtualListComponent.prototype, \"listHeight\", void 0);\n virtual_list_component___decorate([\n Object(core_es5[\"Input\"])(),\n virtual_list_component___metadata(\"design:type\", Object)\n ], VirtualListComponent.prototype, \"itemHeight\", void 0);\n virtual_list_component___decorate([\n Object(core_es5[\"Input\"])(),\n virtual_list_component___metadata(\"design:type\", Array)\n ], VirtualListComponent.prototype, \"items\", void 0);\n virtual_list_component___decorate([\n Object(core_es5[\"Input\"])(),\n virtual_list_component___metadata(\"design:type\", Function)\n ], VirtualListComponent.prototype, \"compareItems\", void 0);\n virtual_list_component___decorate([\n Object(core_es5[\"Input\"])(),\n virtual_list_component___metadata(\"design:type\", Function)\n ], VirtualListComponent.prototype, \"trackItem\", void 0);\n virtual_list_component___decorate([\n Object(core_es5[\"HostBinding\"])('class.top-gradient'),\n virtual_list_component___metadata(\"design:type\", Object)\n ], VirtualListComponent.prototype, \"showTopGradient\", void 0);\n VirtualListComponent = virtual_list_component___decorate([\n Object(core_es5[\"Component\"])({\n selector: virtual_list_component_selector,\n template: __webpack_require__(1421),\n styles: [__webpack_require__(1422)],\n changeDetection: core_es5[\"ChangeDetectionStrategy\"].OnPush,\n }),\n virtual_list_component___metadata(\"design:paramtypes\", [typeof (_b = typeof core_es5[\"ChangeDetectorRef\"] !== \"undefined\" && core_es5[\"ChangeDetectorRef\"]) === \"function\" && _b || Object])\n ], VirtualListComponent);\n return VirtualListComponent;\n}());\n\n\n// CONCATENATED MODULE: ./src/module/virtual/list/virtual.list.module.ts\nvar virtual_list_module___decorate = (this && this.__decorate) || function (decorators, target, key, desc) {\n var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;\n if (typeof Reflect === \"object\" && typeof Reflect.decorate === \"function\") r = Reflect.decorate(decorators, target, key, desc);\n 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;\n return c > 3 && r && Object.defineProperty(target, key, r), r;\n};\n\n\n\n\nvar virtual_list_module_VirtualListModule = (function () {\n function VirtualListModule() {\n }\n VirtualListModule = virtual_list_module___decorate([\n Object(core_es5[\"NgModule\"])({\n imports: [\n common_es5[\"CommonModule\"],\n virtual_scroller[\"VirtualScrollerModule\"],\n ],\n providers: [],\n declarations: [\n virtual_list_component_VirtualListComponent,\n ],\n exports: [\n virtual_list_component_VirtualListComponent,\n ],\n entryComponents: [\n virtual_list_component_VirtualListComponent,\n ],\n })\n ], VirtualListModule);\n return VirtualListModule;\n}());\n\n\n// EXTERNAL MODULE: ./src/module/analytics/sampled-traffic/model/sampled-traffc.model.ts\nvar sampled_traffc_model = __webpack_require__(108);\nvar sampled_traffc_model_default = /*#__PURE__*/__webpack_require__.n(sampled_traffc_model);\n\n// CONCATENATED MODULE: ./src/module/analytics/sampled-traffic/service/sampled-traffic.geo.service.ts\nvar sampled_traffic_geo_service___decorate = (this && this.__decorate) || function (decorators, target, key, desc) {\n var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;\n if (typeof Reflect === \"object\" && typeof Reflect.decorate === \"function\") r = Reflect.decorate(decorators, target, key, desc);\n 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;\n return c > 3 && r && Object.defineProperty(target, key, r), r;\n};\nvar sampled_traffic_geo_service___metadata = (this && this.__metadata) || function (k, v) {\n if (typeof Reflect === \"object\" && typeof Reflect.metadata === \"function\") return Reflect.metadata(k, v);\n};\n\n\n\n\nvar sampled_traffic_geo_service_AnalyticsSampledTrafficGeoService = (function () {\n function AnalyticsSampledTrafficGeoService(pages) {\n this.pages = pages;\n this.regions = new Map();\n }\n AnalyticsSampledTrafficGeoService.prototype.isValidCountryCode = function (countryCode) { return this._countryCodes.indexOf(countryCode) > -1; };\n AnalyticsSampledTrafficGeoService.prototype.countryNameByCode = function (countryCode) {\n var country = this._countries.find(function (c) { return c.code === countryCode; });\n if (country)\n return country.name;\n return null;\n };\n AnalyticsSampledTrafficGeoService.prototype.regionNameById = function (countryCode, regionId) {\n var regions = this.regions.has(countryCode) ? this.regions.get(countryCode) : null;\n if (!regions)\n return null;\n var region = regions.find(function (c) { return c.id === regionId; });\n if (!!region)\n return region.name;\n return null;\n };\n AnalyticsSampledTrafficGeoService.prototype.regionCodeById = function (countryCode, regionId) {\n var regions = this.regions.has(countryCode) ? this.regions.get(countryCode) : null;\n if (!regions)\n return null;\n var region = regions.find(function (c) { return c.id === regionId; });\n console.log(region);\n if (!!region)\n return region.name;\n return null;\n };\n AnalyticsSampledTrafficGeoService.prototype.countries$ = function () {\n var _this = this;\n if (this._countries)\n return Object(of[\"of\"])(this._countries);\n return this.pages.listOfCountries()\n .pipe(Object(operators[\"filter\"])(function (v) { return !!v; }), Object(operators[\"tap\"])(function (countries) {\n _this._countries = countries;\n _this._countryCodes = _this._countries.map(function (c) { return c.code.toUpperCase(); });\n }));\n };\n AnalyticsSampledTrafficGeoService.prototype.regions$ = function (countryCode) {\n var _this = this;\n if (this.regions.has(countryCode)) {\n var cached = this.regions.get(countryCode);\n if (!!cached)\n return Object(of[\"of\"])(cached);\n }\n return this.pages.listOfRegions(countryCode)\n .pipe(Object(operators[\"tap\"])(function (regions) { return _this.regions.set(countryCode, regions); }));\n };\n var _a;\n AnalyticsSampledTrafficGeoService = sampled_traffic_geo_service___decorate([\n Object(core_es5[\"Injectable\"])(),\n sampled_traffic_geo_service___metadata(\"design:paramtypes\", [typeof (_a = typeof pages_service_PagesService !== \"undefined\" && pages_service_PagesService) === \"function\" && _a || Object])\n ], AnalyticsSampledTrafficGeoService);\n return AnalyticsSampledTrafficGeoService;\n}());\n\n\n// CONCATENATED MODULE: ./src/module/analytics/sampled-traffic/pipe/tag.prefix.pipe.ts\nvar tag_prefix_pipe___decorate = (this && this.__decorate) || function (decorators, target, key, desc) {\n var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;\n if (typeof Reflect === \"object\" && typeof Reflect.decorate === \"function\") r = Reflect.decorate(decorators, target, key, desc);\n 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;\n return c > 3 && r && Object.defineProperty(target, key, r), r;\n};\nvar tag_prefix_pipe___metadata = (this && this.__metadata) || function (k, v) {\n if (typeof Reflect === \"object\" && typeof Reflect.metadata === \"function\") return Reflect.metadata(k, v);\n};\n\n\n\n\nvar tag_prefix_pipe_TagPrefixPipe = (function () {\n function TagPrefixPipe(lowercase, capitalizeFirst, camelCaseToSpace) {\n this.lowercase = lowercase;\n this.capitalizeFirst = capitalizeFirst;\n this.camelCaseToSpace = camelCaseToSpace;\n }\n TagPrefixPipe.prototype.transform = function (input) {\n if (!input || typeof input !== 'string' || input.length < 1)\n return input;\n switch (input) {\n case 'mid':\n return \"Media id\";\n default:\n return this.capitalizeFirst.transform(this.lowercase.transform(this.camelCaseToSpace.transform(input)));\n }\n };\n var _a, _b, _c;\n TagPrefixPipe = tag_prefix_pipe___decorate([\n Object(core_es5[\"Pipe\"])({ name: 'tagPrefix' }),\n tag_prefix_pipe___metadata(\"design:paramtypes\", [typeof (_a = typeof common_es5[\"LowerCasePipe\"] !== \"undefined\" && common_es5[\"LowerCasePipe\"]) === \"function\" && _a || Object, typeof (_b = typeof capitalize_first_pipe_CapitalizeFirstPipe !== \"undefined\" && capitalize_first_pipe_CapitalizeFirstPipe) === \"function\" && _b || Object, typeof (_c = typeof camelCaseToSpace_pipe_CamelCaseToSpacePipe !== \"undefined\" && camelCaseToSpace_pipe_CamelCaseToSpacePipe) === \"function\" && _c || Object])\n ], TagPrefixPipe);\n return TagPrefixPipe;\n}());\n\n\n// CONCATENATED MODULE: ./src/module/analytics/sampled-traffic/service/sampled-traffic.params.service.ts\nvar sampled_traffic_params_service___assign = (this && this.__assign) || Object.assign || function(t) {\n for (var s, i = 1, n = arguments.length; i < n; i++) {\n s = arguments[i];\n for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))\n t[p] = s[p];\n }\n return t;\n};\nvar sampled_traffic_params_service___decorate = (this && this.__decorate) || function (decorators, target, key, desc) {\n var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;\n if (typeof Reflect === \"object\" && typeof Reflect.decorate === \"function\") r = Reflect.decorate(decorators, target, key, desc);\n 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;\n return c > 3 && r && Object.defineProperty(target, key, r), r;\n};\nvar sampled_traffic_params_service___metadata = (this && this.__metadata) || function (k, v) {\n if (typeof Reflect === \"object\" && typeof Reflect.metadata === \"function\") return Reflect.metadata(k, v);\n};\n\n\n\n\n\n\n\n\nvar PARAM_RANGE = \"r\";\nvar PARAM_GRANULARITY = \"b\";\nvar PARAM_GEO = \"g\";\nvar PARAM_TAGS = \"t\";\nvar sampled_traffic_params_service_AnalyticsSampledTrafficParamsService = (function () {\n function AnalyticsSampledTrafficParamsService(router, user, geo) {\n this.router = router;\n this.user = user;\n this.geo = geo;\n this.defaultGranularity = 'day';\n this.redirectCounter = 0;\n }\n AnalyticsSampledTrafficParamsService.prototype.navigate = function (queryParams, queryParamsHandling) {\n if (queryParamsHandling === void 0) { queryParamsHandling = 'merge'; }\n return this.router.navigate(analyticsSampledTrafficRoute, { queryParams: queryParams, queryParamsHandling: queryParamsHandling, replaceUrl: true });\n };\n AnalyticsSampledTrafficParamsService.prototype.isRangeKey = function (k) { return PARAM_RANGE === k; };\n AnalyticsSampledTrafficParamsService.prototype.isGranularityKey = function (k) { return PARAM_GRANULARITY === k; };\n AnalyticsSampledTrafficParamsService.prototype.isGeolocationKey = function (k) { return PARAM_GEO === k; };\n AnalyticsSampledTrafficParamsService.prototype.isTagsKey = function (k) { return PARAM_TAGS === k; };\n AnalyticsSampledTrafficParamsService.prototype.isKey = function (k) { return this.isRangeKey(k) || this.isGranularityKey(k) || this.isGeolocationKey(k) || this.isTagsKey(k); };\n AnalyticsSampledTrafficParamsService.prototype.formatUserDateRange = function () {\n var _a;\n var dateRange = this.user.getDateRangeSelection();\n return _a = {}, _a[PARAM_RANGE] = dateRange.startDate.unix() + \":\" + dateRange.endDate.unix(), _a;\n };\n AnalyticsSampledTrafficParamsService.prototype.formatGeolocation = function (countryCode, regionId) {\n var _a, _b, _c;\n if (!!countryCode && !!regionId)\n return _a = {}, _a[PARAM_GEO] = countryCode + \":\" + regionId, _a;\n if (!!countryCode)\n return _b = {}, _b[PARAM_GEO] = \"\" + countryCode, _b;\n return _c = {}, _c[PARAM_GEO] = '', _c;\n };\n AnalyticsSampledTrafficParamsService.prototype.formatGranularity = function (granularity) {\n var _a;\n return _a = {}, _a[PARAM_GRANULARITY] = granularity, _a;\n };\n AnalyticsSampledTrafficParamsService.prototype.formatTags = function (tags) {\n var _a, _b;\n if (!!tags)\n return _a = {}, _a[PARAM_TAGS] = tags.join(\",\"), _a;\n return _b = {}, _b[PARAM_TAGS] = \"\", _b;\n };\n AnalyticsSampledTrafficParamsService.prototype.parseDateRange = function (map) {\n if (!map.has(PARAM_RANGE)) {\n return null;\n }\n var raw_range = map.get(PARAM_RANGE);\n if (typeof raw_range !== 'string' || raw_range.length < 1) {\n return null;\n }\n var raw_range_array = raw_range.split(\":\");\n if (raw_range_array.length !== 2) {\n return null;\n }\n var unix_range_array;\n try {\n unix_range_array = [parseInt(raw_range_array[0]), parseInt(raw_range_array[1])];\n }\n catch (error) {\n return null;\n }\n if (unix_range_array[0] > unix_range_array[1]) {\n return null;\n }\n var moment_range_array;\n try {\n moment_range_array = [moment_default.a.unix(unix_range_array[0]), moment_default.a.unix(unix_range_array[1])];\n }\n catch (error) {\n return null;\n }\n if (!moment_range_array[0].isValid() || !moment_range_array[1].isValid()) {\n return null;\n }\n if (moment_range_array[0].isSameOrAfter(moment_range_array[1])) {\n return null;\n }\n this.user.setDateRangeSelection(moment_range_array[0], moment_range_array[1]);\n return unix_range_array;\n };\n AnalyticsSampledTrafficParamsService.prototype.parseGranularity = function (map) {\n switch (map.get(PARAM_GRANULARITY)) {\n case 'hour': return 'hour';\n case 'day': return 'day';\n case 'week': return 'week';\n case 'month': return 'month';\n case 'year': return 'year';\n default: return null;\n }\n };\n AnalyticsSampledTrafficParamsService.prototype.parseGeo = function (map) {\n if (!map.has(PARAM_GEO)) {\n return null;\n }\n var raw_geo = map.get(PARAM_GEO);\n if (typeof raw_geo !== 'string') {\n return null;\n }\n var raw_geo_array = raw_geo.split(\":\");\n var countryCode = raw_geo_array[0].length > 0 ? raw_geo_array[0] : null;\n var _regionId = raw_geo_array.length > 1 ? raw_geo_array[1] : null;\n return !!_regionId\n ? { countryCode: countryCode, regionId: parseInt(_regionId) }\n : { countryCode: countryCode };\n };\n AnalyticsSampledTrafficParamsService.prototype.parseTagIds = function (map) {\n if (!map.has(PARAM_TAGS)) {\n return null;\n }\n var raw_tags = map.get(PARAM_TAGS);\n if (typeof raw_tags !== 'string') {\n return null;\n }\n var raw_tags_array = raw_tags.split(\",\");\n if (raw_tags_array.length == 0) {\n return null;\n }\n return raw_tags_array.map(function (t) { return parseInt(t); }).filter(function (i) { return isFinite(i) && i > 0; });\n };\n AnalyticsSampledTrafficParamsService.prototype.redirectIfNeeded = function (queryParamMap) {\n var _this = this;\n return this.geo.countries$()\n .pipe(Object(operators[\"switchMap\"])(function () {\n var needRedirect = false;\n var fixedParams = {};\n for (var _i = 0, _a = queryParamMap.keys; _i < _a.length; _i++) {\n var key = _a[_i];\n if (_this.isKey(key))\n fixedParams[key] = queryParamMap.get(key);\n }\n var range = _this.parseDateRange(queryParamMap);\n if (!range) {\n fixedParams = sampled_traffic_params_service___assign({}, fixedParams, _this.formatUserDateRange());\n needRedirect = true;\n }\n var granularity = _this.parseGranularity(queryParamMap);\n if (!granularity) {\n fixedParams = sampled_traffic_params_service___assign({}, fixedParams, _this.formatGranularity(_this.defaultGranularity));\n needRedirect = true;\n }\n var geolocation = _this.parseGeo(queryParamMap);\n if (!geolocation) {\n fixedParams = sampled_traffic_params_service___assign({}, fixedParams, _this.formatGeolocation(null));\n needRedirect = true;\n }\n else if (!!geolocation.countryCode && geolocation.countryCode !== '') {\n var countryCode = (\"\" + geolocation.countryCode).toUpperCase();\n var found = _this.geo.isValidCountryCode(countryCode);\n if (!found) {\n fixedParams = sampled_traffic_params_service___assign({}, fixedParams, _this.formatGeolocation(null));\n needRedirect = true;\n }\n }\n var tags = _this.parseTagIds(queryParamMap);\n if (!tags) {\n fixedParams = sampled_traffic_params_service___assign({}, fixedParams, _this.formatTags(null));\n needRedirect = true;\n }\n if (!!needRedirect) {\n if (_this.redirectCounter < 10) {\n _this.navigate(fixedParams, '');\n _this.redirectCounter++;\n }\n else {\n console.error(\"AnalyticsSampledTrafficParamsService tries to redirect 10 times in row\");\n }\n return Object(of[\"of\"])(false);\n }\n _this.redirectCounter = 0;\n return Object(of[\"of\"])(true);\n }));\n };\n var _a, _b, _c;\n AnalyticsSampledTrafficParamsService = sampled_traffic_params_service___decorate([\n Object(core_es5[\"Injectable\"])(),\n sampled_traffic_params_service___metadata(\"design:paramtypes\", [typeof (_a = typeof router_es5[\"g\" /* Router */] !== \"undefined\" && router_es5[\"g\" /* Router */]) === \"function\" && _a || Object, typeof (_b = typeof user_service[\"a\" /* UserService */] !== \"undefined\" && user_service[\"a\" /* UserService */]) === \"function\" && _b || Object, typeof (_c = typeof sampled_traffic_geo_service_AnalyticsSampledTrafficGeoService !== \"undefined\" && sampled_traffic_geo_service_AnalyticsSampledTrafficGeoService) === \"function\" && _c || Object])\n ], AnalyticsSampledTrafficParamsService);\n return AnalyticsSampledTrafficParamsService;\n}());\n\n\n// CONCATENATED MODULE: ./src/module/analytics/sampled-traffic/service/sampled-traffic.tags.service.ts\nvar sampled_traffic_tags_service___assign = (this && this.__assign) || Object.assign || function(t) {\n for (var s, i = 1, n = arguments.length; i < n; i++) {\n s = arguments[i];\n for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))\n t[p] = s[p];\n }\n return t;\n};\nvar sampled_traffic_tags_service___decorate = (this && this.__decorate) || function (decorators, target, key, desc) {\n var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;\n if (typeof Reflect === \"object\" && typeof Reflect.decorate === \"function\") r = Reflect.decorate(decorators, target, key, desc);\n 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;\n return c > 3 && r && Object.defineProperty(target, key, r), r;\n};\nvar sampled_traffic_tags_service___metadata = (this && this.__metadata) || function (k, v) {\n if (typeof Reflect === \"object\" && typeof Reflect.metadata === \"function\") return Reflect.metadata(k, v);\n};\n\n\n\n\n\n\n\n\n\nvar sampled_traffic_tags_service_AnalyticsSampledTrafficTagsService = (function () {\n function AnalyticsSampledTrafficTagsService(user, tagService, tagPrefix, params) {\n this.user = user;\n this.tagService = tagService;\n this.tagPrefix = tagPrefix;\n this.params = params;\n this.PAGE_SIZE = 20;\n this.change = new core_es5[\"EventEmitter\"]();\n this.handleTagSearch = this.searchChipsByText.bind(this);\n this.selectedChips = [];\n this.isSearchingTags = false;\n this.PREFIX_SEPARATOR = ':';\n this.LOADING_LABEL = 'loading...';\n this.EMPTY_LABEL = '...';\n }\n Object.defineProperty(AnalyticsSampledTrafficTagsService.prototype, \"selectedTagRecords\", {\n get: function () { return [].concat(this.selectedChips.map(function (c) { return ({ id: c.id, tag: c.tag }); })); },\n enumerable: true,\n configurable: true\n });\n Object.defineProperty(AnalyticsSampledTrafficTagsService.prototype, \"hasPrefixedTagData\", {\n get: function () { return !!this.prefixedTagsData; },\n enumerable: true,\n configurable: true\n });\n AnalyticsSampledTrafficTagsService.prototype.init = function () {\n var _this = this;\n this.prefixedTagsData$ub = this.tagService.prefixes(this.user.accountId)\n .pipe(Object(operators[\"debounceTime\"])(100))\n .subscribe({\n next: function (tags) { return _this.prefixedTagsData = _this.parsePrefixedTagsData(tags); },\n error: function (error) { return console.error(error); },\n complete: function () { return _this.change.emit(); },\n });\n if (!this.fetchPrefixedTags$) {\n this.fetchPrefixedTags$ = new Rx[\"BehaviorSubject\"](null);\n }\n this.fetchPrefixedTags$ub = this.fetchPrefixedTags$.asObservable()\n .pipe(Object(operators[\"filter\"])(function (v) { return !!v && !!_this.prefixedTagsData && _this.prefixedTagsData.has(v.prefix); }), Object(operators[\"debounceTime\"])(250), Object(operators[\"switchMap\"])(function (req) {\n _this.prefixedTagsData.get(req.prefix).loading = true;\n _this.change.emit();\n return Object(forkJoin[\"forkJoin\"])(req.pages.map(function (page) { return _this.fetchPrefixedTagsList(page, req); }))\n .pipe(Object(operators[\"tap\"])(function () {\n _this.prefixedTagsData.get(req.prefix).loading = false;\n _this.change.emit();\n }));\n }))\n .subscribe({\n error: function (e) { return console.error(e); },\n complete: function () { return _this.change.emit(); },\n });\n return this.change;\n };\n AnalyticsSampledTrafficTagsService.prototype.destroy = function () {\n if (this.prefixedTagsData$ub != null && this.prefixedTagsData$ub.closed == false)\n this.prefixedTagsData$ub.unsubscribe();\n this.prefixedTagsData$ub = null;\n if (this.fetchPrefixedTags$ub != null && this.fetchPrefixedTags$ub.closed == false)\n this.fetchPrefixedTags$ub.unsubscribe();\n this.fetchPrefixedTags$ub = null;\n if (this.fetchPrefixedTags$ != null && this.fetchPrefixedTags$.closed == false)\n this.fetchPrefixedTags$.unsubscribe();\n this.fetchPrefixedTags$ = null;\n };\n AnalyticsSampledTrafficTagsService.prototype.reset = function () {\n this.selectedChips = [];\n };\n AnalyticsSampledTrafficTagsService.prototype.idsToValues = function (ids) {\n if (!ids || ids.length === 0 || !this.selectedChips || this.selectedChips.length === 0)\n return [];\n return this.selectedChips.filter(function (c) { return ids.indexOf(c.id) > -1; }).map(function (c) { return c.tag; });\n };\n AnalyticsSampledTrafficTagsService.prototype.formatChip = function (display, value, id, tag) {\n var arr = display.split(this.PREFIX_SEPARATOR);\n if (arr && arr.length > 1) {\n return { display: \"\" + this.tagPrefix.transform(arr[0]) + this.PREFIX_SEPARATOR + arr[1], value: value, id: id, tag: tag };\n }\n return { display: this.tagPrefix.transform(display), value: value, id: id, tag: tag };\n };\n AnalyticsSampledTrafficTagsService.prototype.resolveFromQueryParams = function (queryParamMap) {\n var _this = this;\n var tags = this.params.parseTagIds(queryParamMap);\n if (!tags) {\n return null;\n }\n var needFetch = [];\n var alreadySelected = [];\n if (!!this.selectedChips && this.selectedChips.length > 0) {\n var _loop_1 = function (tid) {\n if (this_1.selectedChips.find(function (c) { return c.value === tid; })) {\n alreadySelected.push(tid);\n }\n else {\n needFetch.push(tid);\n }\n };\n var this_1 = this;\n for (var _i = 0, tags_1 = tags; _i < tags_1.length; _i++) {\n var tid = tags_1[_i];\n _loop_1(tid);\n }\n }\n else {\n for (var _a = 0, tags_2 = tags; _a < tags_2.length; _a++) {\n var tid = tags_2[_a];\n needFetch.push(tid);\n }\n }\n if (needFetch.length < 1)\n return null;\n return this.searchTagsByIds(needFetch)\n .pipe(Object(operators[\"map\"])(function (resp) {\n var rec = resp.records;\n var rec_ids = rec.map(function (r) { return r.id; });\n var tagsToRemove = tags.filter(function (tid) { return rec_ids.indexOf(tid) === -1; });\n if (tagsToRemove.length > 0) {\n var queryParams = {};\n for (var _i = 0, _a = queryParamMap.keys; _i < _a.length; _i++) {\n var key = _a[_i];\n if (_this.params.isKey(key))\n queryParams[key] = queryParamMap.get(key);\n }\n _this.params.navigate(sampled_traffic_tags_service___assign({}, queryParams, _this.params.formatTags(rec_ids)));\n return null;\n }\n _this.selectedChips = _this.selectedChips.concat(resp.records.map(function (t) { return _this.tagToChip(t); }));\n return null;\n }));\n };\n AnalyticsSampledTrafficTagsService.prototype.prefixes = function () { return (this.prefixedTagsData ? this.prefixedTagsData.keys() : []); };\n AnalyticsSampledTrafficTagsService.prototype.prefixedTagData = function (prefix) { return this.prefixedTagsData ? this.prefixedTagsData.get(prefix) : null; };\n AnalyticsSampledTrafficTagsService.prototype.fetchPrefixedTags = function (prefix, pages, search) { this.fetchPrefixedTags$.next({ prefix: prefix, pages: pages, search: search }); };\n AnalyticsSampledTrafficTagsService.prototype.parsePrefixedTagsData = function (recList) {\n var prefixes = new Map();\n var model;\n for (var _i = 0, recList_1 = recList; _i < recList_1.length; _i++) {\n var rec = recList_1[_i];\n var prefix = rec.prefix, total_records = rec.total_records, records = rec.records;\n model = this.initVirtualDropdownModel(prefix);\n var fullprefix = \"\" + prefix + this.PREFIX_SEPARATOR;\n if (total_records > records.length) {\n for (var index = 0; index < total_records; index++) {\n model.push(this.emptyVirtualDropdownItem(fullprefix, index));\n }\n }\n else {\n for (var index = 0; index < total_records; index++) {\n model.push(this.virtualDropdownItem(fullprefix, records[index].id, records[index].id, records[index].tag));\n }\n }\n var $ = new Rx[\"BehaviorSubject\"](model);\n var selected = model[0];\n prefixes.set(prefix, { prefix: prefix, total: total_records, $: $, model: model, selected: selected, search: { text: \"\", model: null }, loading: false });\n }\n return prefixes;\n };\n AnalyticsSampledTrafficTagsService.prototype.fetchPrefixedTagsList = function (page, req) {\n var _this = this;\n var prefix = req.prefix;\n var fullprefix = \"\" + prefix + this.PREFIX_SEPARATOR;\n var tagData = this.prefixedTagsData.get(prefix);\n var searchtext = req.search;\n var tagModel = searchtext.length > 0 ? tagData.search.model : tagData.model;\n var startIdx = Math.max(0, Math.min(tagData.total, page * this.PAGE_SIZE));\n return this.markVirtualDropdownModel(tagData, startIdx, true)\n .pipe(Object(operators[\"switchMap\"])(function () { return _this.tagService.list(_this.user.accountId, { text: fullprefix + \"*\" + searchtext }, page + 1, _this.PAGE_SIZE); }), Object(operators[\"catchError\"])(function (_e) { return _this.markVirtualDropdownModel(tagData, startIdx, false); }), Object(operators[\"map\"])(function (recs) {\n if (!!recs && recs.records.length > 0) {\n var _a = _this.updateVirtualDropdownModel(recs, tagModel, startIdx, fullprefix), emit = _a.emit, model = _a.model;\n if (emit) {\n if (searchtext.length > 0) {\n tagData.search.text = searchtext;\n tagData.search.model = model;\n }\n else {\n tagData.search.text = \"\";\n tagData.search.model = null;\n tagData.model = model;\n }\n tagData.$.next(model);\n }\n }\n return recs;\n }));\n };\n AnalyticsSampledTrafficTagsService.prototype.updateVirtualDropdownModel = function (data, model, startIdx, fullprefix) {\n var prefix = data.prefix, total_records = data.total_records, records = data.records;\n var emit = false;\n if (model == null || data.page === 1) {\n model = this.initVirtualDropdownModel(prefix);\n for (var index = 0; index < total_records; index++) {\n if (index in records) {\n model.push(this.virtualDropdownItem(fullprefix, records[index].id, records[index].id, records[index].tag));\n }\n else {\n model.push(this.emptyVirtualDropdownItem(fullprefix, index));\n }\n }\n emit = true;\n }\n var modelIndex;\n var newItem;\n var record;\n for (var recordIndex = 0; recordIndex < records.length; recordIndex++) {\n modelIndex = recordIndex + startIdx + 1;\n if (!!model && modelIndex in model) {\n if (!!model[modelIndex]\n && 'fetch' in model[modelIndex]\n && !!model[modelIndex].fetch\n && !!model[modelIndex].fetch.loading) {\n model[modelIndex].fetch.loading = false;\n model[modelIndex].fetch = null;\n delete model[modelIndex].fetch;\n record = data.records[recordIndex];\n newItem = this.virtualDropdownItem(fullprefix, record.id, record.id, record.tag);\n model[modelIndex].uid = newItem.uid;\n model[modelIndex].label = newItem.label;\n model[modelIndex].value = newItem.value;\n newItem = null;\n record = null;\n emit = true;\n }\n }\n }\n return { emit: emit, model: model };\n };\n AnalyticsSampledTrafficTagsService.prototype.markVirtualDropdownModel = function (tagData, startIdx, loading) {\n var searchtext = tagData.search.text;\n var model = searchtext.length > 0 ? tagData.search.model : tagData.model;\n var stopIdx = Math.min(tagData.total, startIdx + this.PAGE_SIZE);\n var emit = false;\n for (var modelIndex = startIdx + 1; modelIndex <= stopIdx; modelIndex++) {\n if (!!model[modelIndex] && 'fetch' in model[modelIndex] && !!model[modelIndex].fetch && !model[modelIndex].fetch.loading) {\n model[modelIndex].fetch.loading = loading;\n model[modelIndex].label = loading ? this.LOADING_LABEL : this.EMPTY_LABEL;\n emit = true;\n }\n }\n if (emit) {\n if (searchtext.length > 0) {\n tagData.search.model = model;\n }\n else {\n tagData.model = model;\n }\n tagData.$.next(model);\n }\n return Object(of[\"of\"])(null);\n };\n AnalyticsSampledTrafficTagsService.prototype.virtualDropdownItem = function (fullprefix, uid, id, tag, partial) {\n var hasPrefix = !tag ? false : tag.indexOf(fullprefix) === 0;\n var val = sampled_traffic_tags_service___assign({ uid: uid, label: tag, value: id }, partial);\n if (hasPrefix) {\n if (!!val.label)\n val.label = val.label.slice(fullprefix.length);\n val.value = id;\n }\n else {\n val.value = id;\n }\n ;\n return val;\n };\n AnalyticsSampledTrafficTagsService.prototype.emptyVirtualDropdownItem = function (fullprefix, index) {\n return this.virtualDropdownItem(fullprefix, index, NaN, null, {\n label: this.EMPTY_LABEL,\n fetch: { loading: false, page: Math.floor(index / this.PAGE_SIZE) }\n });\n };\n AnalyticsSampledTrafficTagsService.prototype.initVirtualDropdownModel = function (label) { return [{ uid: -1, label: this.tagPrefix.transform(label), value: null }]; };\n AnalyticsSampledTrafficTagsService.prototype.searchTagsByIds = function (ids) { return this.tagService.list(this.user.accountId, { ids: ids }, 1, ids.length); };\n AnalyticsSampledTrafficTagsService.prototype.tagToChip = function (tag) { return this.formatChip(tag.tag, tag.id, tag.id, tag.tag); };\n AnalyticsSampledTrafficTagsService.prototype.searchChipsByText = function (text) {\n var _this = this;\n this.isSearchingTags = true;\n this.change.emit();\n return this.tagService.list(this.user.accountId, { text: text })\n .pipe(Object(operators[\"map\"])(function (data) { return data.records.map(function (t) { return _this.tagToChip(t); }); }), Object(operators[\"finalize\"])(function () {\n _this.isSearchingTags = false;\n _this.change.emit();\n }));\n };\n var _a, _b, _c, _d;\n AnalyticsSampledTrafficTagsService = sampled_traffic_tags_service___decorate([\n Object(core_es5[\"Injectable\"])(),\n sampled_traffic_tags_service___metadata(\"design:paramtypes\", [typeof (_a = typeof user_service[\"a\" /* UserService */] !== \"undefined\" && user_service[\"a\" /* UserService */]) === \"function\" && _a || Object, typeof (_b = typeof tag_service_TagService !== \"undefined\" && tag_service_TagService) === \"function\" && _b || Object, typeof (_c = typeof tag_prefix_pipe_TagPrefixPipe !== \"undefined\" && tag_prefix_pipe_TagPrefixPipe) === \"function\" && _c || Object, typeof (_d = typeof sampled_traffic_params_service_AnalyticsSampledTrafficParamsService !== \"undefined\" && sampled_traffic_params_service_AnalyticsSampledTrafficParamsService) === \"function\" && _d || Object])\n ], AnalyticsSampledTrafficTagsService);\n return AnalyticsSampledTrafficTagsService;\n}());\n\n\n// CONCATENATED MODULE: ./src/module/analytics/sampled-traffic/component/criteria/sampled-traffic.criteria.component.ts\nvar sampled_traffic_criteria_component___extends = (this && this.__extends) || (function () {\n var extendStatics = Object.setPrototypeOf ||\n ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||\n function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };\n return function (d, b) {\n extendStatics(d, b);\n function __() { this.constructor = d; }\n d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());\n };\n})();\nvar sampled_traffic_criteria_component___decorate = (this && this.__decorate) || function (decorators, target, key, desc) {\n var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;\n if (typeof Reflect === \"object\" && typeof Reflect.decorate === \"function\") r = Reflect.decorate(decorators, target, key, desc);\n 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;\n return c > 3 && r && Object.defineProperty(target, key, r), r;\n};\nvar sampled_traffic_criteria_component___metadata = (this && this.__metadata) || function (k, v) {\n if (typeof Reflect === \"object\" && typeof Reflect.metadata === \"function\") return Reflect.metadata(k, v);\n};\n\n\n\n\n\n\n\n;\nvar sampled_traffic_criteria_component_AnalyticsSampledTrafficCriteriaComponent = (function (_super) {\n sampled_traffic_criteria_component___extends(AnalyticsSampledTrafficCriteriaComponent, _super);\n function AnalyticsSampledTrafficCriteriaComponent(locale, translation, tag, cdr, geo) {\n var _this = _super.call(this, locale, translation) || this;\n _this.locale = locale;\n _this.translation = translation;\n _this.tag = tag;\n _this.cdr = cdr;\n _this.geo = geo;\n _this.RANGE_PICKER_OPTIONS = { opens: 'right', startDate: null, endDate: null };\n _this.dateRangeChange = new core_es5[\"EventEmitter\"]();\n _this.geolocationChange = new core_es5[\"EventEmitter\"]();\n _this.tagsChange = new core_es5[\"EventEmitter\"]();\n _this.countriesDropdown$ = new Rx[\"BehaviorSubject\"](_this.initDropdownModel());\n _this.regionsDropdown$ = new Rx[\"BehaviorSubject\"](_this.initDropdownModel());\n _this.citiesDropdown$ = new Rx[\"BehaviorSubject\"](_this.initDropdownModel());\n _this.itemHeight = 32;\n _this.isLoadingRegion = false;\n _this.isLoadingCity = false;\n _this._countryCode = null;\n _this._regionId = null;\n return _this;\n }\n Object.defineProperty(AnalyticsSampledTrafficCriteriaComponent.prototype, \"dateRange\", {\n set: function (range) {\n if (!range)\n return;\n this.RANGE_PICKER_OPTIONS.startDate = moment_default.a.unix(range[0]);\n this.RANGE_PICKER_OPTIONS.endDate = moment_default.a.unix(range[1]);\n this.cdr.markForCheck();\n },\n enumerable: true,\n configurable: true\n });\n Object.defineProperty(AnalyticsSampledTrafficCriteriaComponent.prototype, \"countryCode\", {\n get: function () { return this._countryCode; },\n set: function (v) { this._countryCode = v; this.fetchRegions(); },\n enumerable: true,\n configurable: true\n });\n Object.defineProperty(AnalyticsSampledTrafficCriteriaComponent.prototype, \"regionId\", {\n get: function () { return this._regionId; },\n set: function (v) { this._regionId = v; this.cdr.markForCheck(); },\n enumerable: true,\n configurable: true\n });\n AnalyticsSampledTrafficCriteriaComponent.prototype.ngOnInit = function () {\n var _this = this;\n this.countries$ub = this.geo.countries$()\n .subscribe({ next: function (countries) { return _this.countriesDropdown$.next(_this.formatGeoDropdown(countries)); }, });\n this.tag$ub = this.tag.init()\n .subscribe({ next: function () { return _this.cdr.markForCheck(); } });\n };\n AnalyticsSampledTrafficCriteriaComponent.prototype.ngOnDestroy = function () {\n if (this.tag$ub != null && this.tag$ub.closed == false)\n this.tag$ub.unsubscribe();\n this.tag$ub = null;\n this.tag.destroy();\n if (this.countries$ub != null && this.countries$ub.closed == false)\n this.countries$ub.unsubscribe();\n this.countries$ub = null;\n if (this.regions$ub != null && this.regions$ub.closed == false)\n this.regions$ub.unsubscribe();\n this.regions$ub = null;\n };\n AnalyticsSampledTrafficCriteriaComponent.prototype.handleDateRangeChanged = function (event) { this.dateRangeChange.emit(event); };\n AnalyticsSampledTrafficCriteriaComponent.prototype.handleSelectCountry = function (item) {\n this.countryCode = item.value;\n this.regionId = null;\n this.regionsDropdown$.next(this.initDropdownModel());\n this.citiesDropdown$.next(this.initDropdownModel());\n this.cdr.markForCheck();\n this.emitGeolocation();\n this.fetchRegions();\n };\n AnalyticsSampledTrafficCriteriaComponent.prototype.handleSelectRegion = function (item) {\n this.regionId = item.value;\n this.citiesDropdown$.next(this.initDropdownModel());\n this.cdr.markForCheck();\n this.emitGeolocation();\n };\n AnalyticsSampledTrafficCriteriaComponent.prototype.handleResetCountry = function () {\n this.countryCode = null;\n this.regionId = null;\n this.regionsDropdown$.next(this.initDropdownModel());\n this.citiesDropdown$.next(this.initDropdownModel());\n this.cdr.markForCheck();\n this.emitGeolocation();\n };\n AnalyticsSampledTrafficCriteriaComponent.prototype.handleResetRegion = function () {\n this.regionId = null;\n this.citiesDropdown$.next(this.initDropdownModel());\n this.cdr.markForCheck();\n this.emitGeolocation();\n };\n AnalyticsSampledTrafficCriteriaComponent.prototype.handleTagAdd = function (_item) {\n this.tagsChange.emit(this.tag.selectedTagRecords);\n };\n AnalyticsSampledTrafficCriteriaComponent.prototype.handleTagRemove = function (_tag) {\n this.tagsChange.emit(this.tag.selectedTagRecords);\n };\n AnalyticsSampledTrafficCriteriaComponent.prototype.handlePrefixedTagSelect = function (data, item) {\n data.selected = !!data.model && 0 in data.model ? data.model[0] : null;\n if (this.tag.selectedChips.indexOf(item.value) === -1) {\n var tag = (!!data.prefix ? \"\" + data.prefix + this.tag.PREFIX_SEPARATOR : '') + item.label;\n this.tag.selectedChips.push(this.tag.formatChip(tag, item.value, item.value, tag));\n this.tagsChange.emit(this.tag.selectedTagRecords);\n }\n };\n AnalyticsSampledTrafficCriteriaComponent.prototype.handlePrefixedTagScrollEnd = function (data, event) {\n var start = event.start, end = event.end;\n var model = !!data.search.model ? data.search.model : data.model;\n var fetchPages = new Set();\n var m;\n for (var i = start; i <= end; i++) {\n m = model[i];\n if (!!m.fetch && m.fetch.loading === false) {\n fetchPages.add(m.fetch.page);\n }\n }\n if (fetchPages.size > 0) {\n var pages_1 = [];\n fetchPages.forEach(function (p) { return pages_1.push(p); });\n fetchPages.clear();\n this.tag.fetchPrefixedTags(data.prefix, pages_1, data.search.text);\n }\n };\n AnalyticsSampledTrafficCriteriaComponent.prototype.handlePrefixedTagSearch = function (data, text) { this.tag.fetchPrefixedTags(data.prefix, [0], text); };\n AnalyticsSampledTrafficCriteriaComponent.prototype.emitGeolocation = function () { this.geolocationChange.emit({ countryCode: this.countryCode, regionId: this.regionId }); };\n AnalyticsSampledTrafficCriteriaComponent.prototype.fetchRegions = function () {\n var _this = this;\n if (!this.countryCode) {\n return;\n }\n this.isLoadingRegion = true;\n this.cdr.markForCheck();\n if (this.regions$ub != null && !this.regions$ub.closed)\n this.regions$ub.unsubscribe();\n this.regions$ub = this.geo.regions$(this.countryCode)\n .subscribe(function (data) {\n _this.regionsDropdown$.next(_this.formatGeoDropdown(data));\n _this.isLoadingRegion = false;\n _this.cdr.markForCheck();\n });\n };\n AnalyticsSampledTrafficCriteriaComponent.prototype.formatGeoDropdown = function (_data) {\n var result = this.initDropdownModel();\n if (_data.length == 0) {\n return result;\n }\n for (var _i = 0; _i < _data.length; _i++) {\n if ('code' in _data[_i] && !!_data[_i].code) {\n result.push({ uid: _i, value: _data[_i].code, label: _data[_i].name });\n }\n else if ('id' in _data[_i] && !!_data[_i].id) {\n result.push({ uid: _i, value: _data[_i].id, label: _data[_i].name });\n }\n }\n return result;\n };\n AnalyticsSampledTrafficCriteriaComponent.prototype.initDropdownModel = function () { return [{ uid: -1, label: 'All', value: null }]; };\n var _a, _b, _c, _d, _e, _f, _g;\n sampled_traffic_criteria_component___decorate([\n Object(core_es5[\"Output\"])(),\n sampled_traffic_criteria_component___metadata(\"design:type\", Object)\n ], AnalyticsSampledTrafficCriteriaComponent.prototype, \"dateRangeChange\", void 0);\n sampled_traffic_criteria_component___decorate([\n Object(core_es5[\"Output\"])(),\n sampled_traffic_criteria_component___metadata(\"design:type\", Object)\n ], AnalyticsSampledTrafficCriteriaComponent.prototype, \"geolocationChange\", void 0);\n sampled_traffic_criteria_component___decorate([\n Object(core_es5[\"Output\"])(),\n sampled_traffic_criteria_component___metadata(\"design:type\", Object)\n ], AnalyticsSampledTrafficCriteriaComponent.prototype, \"tagsChange\", void 0);\n sampled_traffic_criteria_component___decorate([\n Object(core_es5[\"Input\"])(),\n sampled_traffic_criteria_component___metadata(\"design:type\", Object)\n ], AnalyticsSampledTrafficCriteriaComponent.prototype, \"itemHeight\", void 0);\n sampled_traffic_criteria_component___decorate([\n Object(core_es5[\"Input\"])(),\n sampled_traffic_criteria_component___metadata(\"design:type\", typeof (_a = typeof sampled_traffc_model[\"UnixDateRange\"] !== \"undefined\" && sampled_traffc_model[\"UnixDateRange\"]) === \"function\" && _a || Object),\n sampled_traffic_criteria_component___metadata(\"design:paramtypes\", [typeof (_b = typeof sampled_traffc_model[\"UnixDateRange\"] !== \"undefined\" && sampled_traffc_model[\"UnixDateRange\"]) === \"function\" && _b || Object])\n ], AnalyticsSampledTrafficCriteriaComponent.prototype, \"dateRange\", null);\n sampled_traffic_criteria_component___decorate([\n Object(core_es5[\"Input\"])(),\n sampled_traffic_criteria_component___metadata(\"design:type\", String),\n sampled_traffic_criteria_component___metadata(\"design:paramtypes\", [String])\n ], AnalyticsSampledTrafficCriteriaComponent.prototype, \"countryCode\", null);\n sampled_traffic_criteria_component___decorate([\n Object(core_es5[\"Input\"])(),\n sampled_traffic_criteria_component___metadata(\"design:type\", Number),\n sampled_traffic_criteria_component___metadata(\"design:paramtypes\", [Number])\n ], AnalyticsSampledTrafficCriteriaComponent.prototype, \"regionId\", null);\n AnalyticsSampledTrafficCriteriaComponent = sampled_traffic_criteria_component___decorate([\n Object(core_es5[\"Component\"])({\n selector: 'sampled-traffic-criteria',\n template: __webpack_require__(1423),\n styles: [__webpack_require__(1424)],\n changeDetection: core_es5[\"ChangeDetectionStrategy\"].OnPush,\n }),\n sampled_traffic_criteria_component___metadata(\"design:paramtypes\", [typeof (_c = typeof angular_l10n_es5[\"a\" /* LocaleService */] !== \"undefined\" && angular_l10n_es5[\"a\" /* LocaleService */]) === \"function\" && _c || Object, typeof (_d = typeof angular_l10n_es5[\"d\" /* TranslationService */] !== \"undefined\" && angular_l10n_es5[\"d\" /* TranslationService */]) === \"function\" && _d || Object, typeof (_e = typeof sampled_traffic_tags_service_AnalyticsSampledTrafficTagsService !== \"undefined\" && sampled_traffic_tags_service_AnalyticsSampledTrafficTagsService) === \"function\" && _e || Object, typeof (_f = typeof core_es5[\"ChangeDetectorRef\"] !== \"undefined\" && core_es5[\"ChangeDetectorRef\"]) === \"function\" && _f || Object, typeof (_g = typeof sampled_traffic_geo_service_AnalyticsSampledTrafficGeoService !== \"undefined\" && sampled_traffic_geo_service_AnalyticsSampledTrafficGeoService) === \"function\" && _g || Object])\n ], AnalyticsSampledTrafficCriteriaComponent);\n return AnalyticsSampledTrafficCriteriaComponent;\n}(angular_l10n_es5[\"b\" /* Localization */]));\n\n\n// CONCATENATED MODULE: ./src/module/analytics/sampled-traffic/model/sampled-traffc.model.util.ts\nfunction isGeoCountryItem(v) { return !!v && 'countryCode' in v; }\nfunction isGeoRegionItem(v) { return !!v && 'countryCode' in v && 'regionId' in v && 'subdivCode' in v; }\n\n// CONCATENATED MODULE: ./src/module/analytics/sampled-traffic/component/geo/sampled-traffic.geo.component.ts\nvar sampled_traffic_geo_component___extends = (this && this.__extends) || (function () {\n var extendStatics = Object.setPrototypeOf ||\n ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||\n function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };\n return function (d, b) {\n extendStatics(d, b);\n function __() { this.constructor = d; }\n d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());\n };\n})();\nvar sampled_traffic_geo_component___assign = (this && this.__assign) || Object.assign || function(t) {\n for (var s, i = 1, n = arguments.length; i < n; i++) {\n s = arguments[i];\n for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))\n t[p] = s[p];\n }\n return t;\n};\nvar sampled_traffic_geo_component___decorate = (this && this.__decorate) || function (decorators, target, key, desc) {\n var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;\n if (typeof Reflect === \"object\" && typeof Reflect.decorate === \"function\") r = Reflect.decorate(decorators, target, key, desc);\n 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;\n return c > 3 && r && Object.defineProperty(target, key, r), r;\n};\nvar sampled_traffic_geo_component___metadata = (this && this.__metadata) || function (k, v) {\n if (typeof Reflect === \"object\" && typeof Reflect.metadata === \"function\") return Reflect.metadata(k, v);\n};\n\n\n\n\n\n\n\nvar sampled_traffic_geo_component_AnalyticsSampledTrafficGeoComponent = (function (_super) {\n sampled_traffic_geo_component___extends(AnalyticsSampledTrafficGeoComponent, _super);\n function AnalyticsSampledTrafficGeoComponent(locale, translation, el, cdr, analytics, geo) {\n var _this = _super.call(this, locale, translation) || this;\n _this.locale = locale;\n _this.translation = translation;\n _this.el = el;\n _this.cdr = cdr;\n _this.analytics = analytics;\n _this.geo = geo;\n _this.LIST_MIN_WIDTH_PX = 300;\n _this.CHART_ASPECT_RATIO = 0.625;\n _this.CHART_TEXT_STYLE = { fontName: 'Space Grotesk', fontSize: 12 };\n _this.CHART_OPTIONS = {\n keepAspectRatio: false,\n colorAxis: { colors: ['#7a6900', '#ffdb00'] },\n backgroundColor: 'transparent',\n datalessRegionColor: '#2d353c',\n defaultColor: 'transparent',\n legend: { textStyle: sampled_traffic_geo_component___assign({}, _this.CHART_TEXT_STYLE, { color: '#fff' }) },\n tooltip: { textStyle: sampled_traffic_geo_component___assign({}, _this.CHART_TEXT_STYLE, { color: '#222' }) },\n };\n _this.selected = new core_es5[\"EventEmitter\"]();\n _this.chartError = new core_es5[\"EventEmitter\"]();\n _this.itemHeight = 32;\n _this.countryCode = null;\n _this.regionId = null;\n _this.selectable = true;\n _this.showListTopGradient = false;\n return _this;\n }\n AnalyticsSampledTrafficGeoComponent.prototype.ngAfterViewInit = function () { this.updateSizes(); };\n AnalyticsSampledTrafficGeoComponent.prototype.ngOnChanges = function (changes) {\n if (this.data !== null && ('data' in changes || 'regionId' in changes)) {\n this.updateData();\n }\n };\n AnalyticsSampledTrafficGeoComponent.prototype.ngOnDestroy = function () {\n this.chartData = null;\n this.listItems = null;\n this.listViewportItems = null;\n this.showListTopGradient = false;\n this.resolution = null;\n };\n AnalyticsSampledTrafficGeoComponent.prototype.updateSizes = function () {\n if (!!this.el && !!this.el.nativeElement) {\n var rect = this.el.nativeElement.getBoundingClientRect();\n var width = rect ? rect.width : NaN;\n if (!!width && !isNaN(width)) {\n if (this.updateChartSize(width)) {\n this.cdr.markForCheck();\n this.redrawChart();\n }\n }\n }\n };\n AnalyticsSampledTrafficGeoComponent.prototype.countryNameByCode = function (countryCode) { return this.geo.countryNameByCode(countryCode); };\n AnalyticsSampledTrafficGeoComponent.prototype.regionNameById = function (countryCode, regionId) { return this.geo.regionNameById(countryCode, regionId); };\n AnalyticsSampledTrafficGeoComponent.prototype.handleGoogleChartReady = function (_event) {\n this.updateSizes();\n this.cdr.markForCheck();\n };\n AnalyticsSampledTrafficGeoComponent.prototype.handleGoogleChartError = function (event) { this.chartError.emit(event); };\n AnalyticsSampledTrafficGeoComponent.prototype.handleGoogleChartSelect = function (event) {\n if (event.message !== 'select')\n return;\n var value = event.selectedRowValues[0];\n if (this.countryCode === value || this.regionId === value)\n return;\n var item = this.listItems.find(function (v) { return isGeoRegionItem(v) ? v.subdivCode === value : v.countryCode === value; });\n this.selected.emit(item);\n };\n AnalyticsSampledTrafficGeoComponent.prototype.compareListItems = function (a, b) { return a.label === b.label; };\n AnalyticsSampledTrafficGeoComponent.prototype.trackListItem = function (_index, item) { return item.label; };\n AnalyticsSampledTrafficGeoComponent.prototype.handleListVieportUpdate = function (items) {\n this.listViewportItems = items;\n this.cdr.markForCheck();\n };\n AnalyticsSampledTrafficGeoComponent.prototype.handleListVieportChange = function (event) {\n var topGrad = event.scrollStartPosition > 0;\n if (this.showListTopGradient != topGrad) {\n this.showListTopGradient = topGrad;\n this.cdr.markForCheck();\n }\n };\n AnalyticsSampledTrafficGeoComponent.prototype.handleSelectListItem = function (item) {\n this.selected.emit(item);\n };\n AnalyticsSampledTrafficGeoComponent.prototype.handleBackClick = function () {\n this.selected.emit(null);\n };\n AnalyticsSampledTrafficGeoComponent.prototype.updateData = function () {\n var _this = this;\n this.selectable = this.regionId == null;\n this.resolution = this.data.resolution;\n var dataTable = this.data.mapItems;\n var listItems = this.data.listItems;\n if (!!this.countryCode && !!this.regionId) {\n var region_1 = !!this.data.listItems\n ? this.data.listItems.find(function (i) { return isGeoRegionItem(i) && i.countryCode === _this.countryCode && i.regionId === _this.regionId; })\n : null;\n if (!!region_1 && !!this.data.mapItems) {\n dataTable = this.data.mapItems.filter(function (item, index) { return index === 0 || item[0] === region_1.subdivCode; });\n }\n else {\n dataTable = [dataTable[0]];\n }\n if (!!this.data.listItems) {\n listItems = this.data.listItems.filter(function (i) { return isGeoRegionItem(i) && i.countryCode === _this.countryCode && i.regionId === _this.regionId; });\n }\n else {\n listItems = [];\n }\n }\n this.chartData = {\n chartType: 'GeoChart',\n apiKey: this.analytics.getGoogleMapsApiKey(),\n dataTable: dataTable,\n options: sampled_traffic_geo_component___assign({}, this.CHART_OPTIONS, { resolution: this.resolution })\n };\n if (this.data.region) {\n this.chartData.options.region = this.data.region;\n }\n this.listItems = listItems;\n this.cdr.markForCheck();\n this.redrawChart();\n };\n AnalyticsSampledTrafficGeoComponent.prototype.updateChartSize = function (width) {\n var chartWidthRatio = Math.floor(width * 0.333) < this.LIST_MIN_WIDTH_PX ? 1 : 0.666;\n var chartWidth = Math.floor(width * chartWidthRatio);\n if (this.chartData.options.width != chartWidth) {\n this.chartData.options.width = chartWidth;\n this.chartData.options.height = Math.floor(chartWidth * this.CHART_ASPECT_RATIO);\n return true;\n }\n return false;\n };\n AnalyticsSampledTrafficGeoComponent.prototype.redrawChart = function () {\n if (!!this.chart && !!this.chart.wrapper) {\n this.chart.redraw();\n }\n };\n var _a, _b, _c, _d, _e, _f, _g, _h, _j;\n sampled_traffic_geo_component___decorate([\n Object(core_es5[\"Output\"])(),\n sampled_traffic_geo_component___metadata(\"design:type\", Object)\n ], AnalyticsSampledTrafficGeoComponent.prototype, \"selected\", void 0);\n sampled_traffic_geo_component___decorate([\n Object(core_es5[\"Output\"])(),\n sampled_traffic_geo_component___metadata(\"design:type\", Object)\n ], AnalyticsSampledTrafficGeoComponent.prototype, \"chartError\", void 0);\n sampled_traffic_geo_component___decorate([\n Object(core_es5[\"Input\"])(),\n sampled_traffic_geo_component___metadata(\"design:type\", Object)\n ], AnalyticsSampledTrafficGeoComponent.prototype, \"itemHeight\", void 0);\n sampled_traffic_geo_component___decorate([\n Object(core_es5[\"Input\"])(),\n sampled_traffic_geo_component___metadata(\"design:type\", typeof (_a = typeof sampled_traffc_model[\"UnixDateRange\"] !== \"undefined\" && sampled_traffc_model[\"UnixDateRange\"]) === \"function\" && _a || Object)\n ], AnalyticsSampledTrafficGeoComponent.prototype, \"dateRange\", void 0);\n sampled_traffic_geo_component___decorate([\n Object(core_es5[\"Input\"])(),\n sampled_traffic_geo_component___metadata(\"design:type\", String)\n ], AnalyticsSampledTrafficGeoComponent.prototype, \"countryCode\", void 0);\n sampled_traffic_geo_component___decorate([\n Object(core_es5[\"Input\"])(),\n sampled_traffic_geo_component___metadata(\"design:type\", Number)\n ], AnalyticsSampledTrafficGeoComponent.prototype, \"regionId\", void 0);\n sampled_traffic_geo_component___decorate([\n Object(core_es5[\"Input\"])(),\n sampled_traffic_geo_component___metadata(\"design:type\", typeof (_b = typeof sampled_traffc_model[\"GeoData\"] !== \"undefined\" && sampled_traffc_model[\"GeoData\"]) === \"function\" && _b || Object)\n ], AnalyticsSampledTrafficGeoComponent.prototype, \"data\", void 0);\n sampled_traffic_geo_component___decorate([\n Object(core_es5[\"HostBinding\"])('class.selectable'),\n sampled_traffic_geo_component___metadata(\"design:type\", Object)\n ], AnalyticsSampledTrafficGeoComponent.prototype, \"selectable\", void 0);\n sampled_traffic_geo_component___decorate([\n Object(core_es5[\"ViewChild\"])(google_chart_component_GoogleChartComponent),\n sampled_traffic_geo_component___metadata(\"design:type\", typeof (_c = typeof google_chart_component_GoogleChartComponent !== \"undefined\" && google_chart_component_GoogleChartComponent) === \"function\" && _c || Object)\n ], AnalyticsSampledTrafficGeoComponent.prototype, \"chart\", void 0);\n sampled_traffic_geo_component___decorate([\n Object(core_es5[\"HostListener\"])(\"window:resize\"),\n sampled_traffic_geo_component___metadata(\"design:type\", Function),\n sampled_traffic_geo_component___metadata(\"design:paramtypes\", []),\n sampled_traffic_geo_component___metadata(\"design:returntype\", void 0)\n ], AnalyticsSampledTrafficGeoComponent.prototype, \"updateSizes\", null);\n AnalyticsSampledTrafficGeoComponent = sampled_traffic_geo_component___decorate([\n Object(core_es5[\"Component\"])({\n selector: 'sampled-traffic-geo',\n template: __webpack_require__(1425),\n styles: [__webpack_require__(1426)],\n changeDetection: core_es5[\"ChangeDetectionStrategy\"].OnPush,\n providers: [\n analytics_service_AnalyticsService,\n ],\n }),\n sampled_traffic_geo_component___metadata(\"design:paramtypes\", [typeof (_d = typeof angular_l10n_es5[\"a\" /* LocaleService */] !== \"undefined\" && angular_l10n_es5[\"a\" /* LocaleService */]) === \"function\" && _d || Object, typeof (_e = typeof angular_l10n_es5[\"d\" /* TranslationService */] !== \"undefined\" && angular_l10n_es5[\"d\" /* TranslationService */]) === \"function\" && _e || Object, typeof (_f = typeof core_es5[\"ElementRef\"] !== \"undefined\" && core_es5[\"ElementRef\"]) === \"function\" && _f || Object, typeof (_g = typeof core_es5[\"ChangeDetectorRef\"] !== \"undefined\" && core_es5[\"ChangeDetectorRef\"]) === \"function\" && _g || Object, typeof (_h = typeof analytics_service_AnalyticsService !== \"undefined\" && analytics_service_AnalyticsService) === \"function\" && _h || Object, typeof (_j = typeof sampled_traffic_geo_service_AnalyticsSampledTrafficGeoService !== \"undefined\" && sampled_traffic_geo_service_AnalyticsSampledTrafficGeoService) === \"function\" && _j || Object])\n ], AnalyticsSampledTrafficGeoComponent);\n return AnalyticsSampledTrafficGeoComponent;\n}(angular_l10n_es5[\"b\" /* Localization */]));\n\n\n// CONCATENATED MODULE: ./src/module/analytics/sampled-traffic/component/history/sampled-traffic.history.component.ts\nvar sampled_traffic_history_component___extends = (this && this.__extends) || (function () {\n var extendStatics = Object.setPrototypeOf ||\n ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||\n function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };\n return function (d, b) {\n extendStatics(d, b);\n function __() { this.constructor = d; }\n d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());\n };\n})();\nvar sampled_traffic_history_component___decorate = (this && this.__decorate) || function (decorators, target, key, desc) {\n var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;\n if (typeof Reflect === \"object\" && typeof Reflect.decorate === \"function\") r = Reflect.decorate(decorators, target, key, desc);\n 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;\n return c > 3 && r && Object.defineProperty(target, key, r), r;\n};\nvar sampled_traffic_history_component___metadata = (this && this.__metadata) || function (k, v) {\n if (typeof Reflect === \"object\" && typeof Reflect.metadata === \"function\") return Reflect.metadata(k, v);\n};\n\n\n\n\n\n\nvar sampled_traffic_history_component_AnalyticsSampledTrafficHistoryComponent = (function (_super) {\n sampled_traffic_history_component___extends(AnalyticsSampledTrafficHistoryComponent, _super);\n function AnalyticsSampledTrafficHistoryComponent(locale, translation, cdr, geo, save) {\n var _this = _super.call(this, locale, translation) || this;\n _this.locale = locale;\n _this.translation = translation;\n _this.cdr = cdr;\n _this.geo = geo;\n _this.save = save;\n _this.GRANULARITY_DATA = ['hour', 'day', 'week', 'month', 'year'];\n _this.CHART_GRID_COLOR = 'rgba(255, 255, 255, 0.1)';\n _this.CHART_FONT_COLOR = 'rgba(255, 255, 255, 1)';\n _this.CHART_DATA_COLORS = [[255, 255, 255], [244, 213, 20]];\n _this.granularity = new core_es5[\"EventEmitter\"]();\n _this.itemHeight = 32;\n _this.countryCode = null;\n _this.regionId = null;\n _this.granularityData = [];\n return _this;\n }\n Object.defineProperty(AnalyticsSampledTrafficHistoryComponent.prototype, \"data\", {\n get: function () { return this._data; },\n set: function (d) {\n this._data = d;\n this.granularityData = [];\n if (!!this._data) {\n for (var _i = 0, _a = this.GRANULARITY_DATA; _i < _a.length; _i++) {\n var g = _a[_i];\n var diff = this._data.endDate.diff(this._data.startDate, g, true);\n if (diff >= 1)\n this.granularityData.push(g);\n }\n }\n this.cdr.markForCheck();\n },\n enumerable: true,\n configurable: true\n });\n AnalyticsSampledTrafficHistoryComponent.prototype.trackHistoryGranularity = function (_index, item) { return _index + item; };\n AnalyticsSampledTrafficHistoryComponent.prototype.handleGranularityChange = function (granularity) { this.granularity.emit(granularity); };\n AnalyticsSampledTrafficHistoryComponent.prototype.exportCsv = function () {\n this.save.exportFileFromJs(this.csvFilename, this.csvData);\n };\n Object.defineProperty(AnalyticsSampledTrafficHistoryComponent.prototype, \"csvFilename\", {\n get: function () {\n var start = this.data.startDate.format('YYYYMMDD');\n var end = this.data.endDate.format('YYYYMMDD');\n var geoName = (!!this.countryCode && !!this.regionId\n ? this.geo.countryNameByCode(this.countryCode) + \"_\" + this.geo.regionNameById(this.countryCode, this.regionId)\n : !!this.countryCode\n ? this.geo.countryNameByCode(this.countryCode)\n : 'global').split(' ').join('_');\n return \"bradmax_sampled_traffic_\" + start + \"_\" + end + \"_\" + geoName + \"_by_\" + this.data.granularity + \".csv\";\n },\n enumerable: true,\n configurable: true\n });\n Object.defineProperty(AnalyticsSampledTrafficHistoryComponent.prototype, \"csvData\", {\n get: function () {\n var linesNum = this.data.labels ? this.data.labels.length : 0;\n var result = '';\n var line = '';\n var dateFormat = 'YYYY-MM-DD HH:mm';\n if ((this.data.granularity == 'day') || (this.data.granularity == 'week')) {\n dateFormat = 'YYYY-MM-DD';\n }\n else if (this.data.granularity == 'month') {\n dateFormat = 'YYYY-MM';\n }\n else if (this.data.granularity == 'year') {\n dateFormat = 'YYYY';\n }\n var columns = new Array();\n columns.push('Date');\n for (var _i = 0, _a = this.data.datasets; _i < _a.length; _i++) {\n var col = _a[_i];\n columns.push(col.label);\n }\n result += (columns.join(',') + \"\\r\\n\");\n for (var i = 0; i < linesNum; i++) {\n line = '\"' + moment_default()(this.data.labels[i]).format(dateFormat) + '\"';\n for (var _b = 0, _c = this.data.datasets; _b < _c.length; _b++) {\n var col = _c[_b];\n line += (',' + col.data[i]);\n }\n line += \"\\r\\n\";\n result += line;\n }\n return result;\n },\n enumerable: true,\n configurable: true\n });\n var _a, _b, _c, _d, _e, _f, _g;\n sampled_traffic_history_component___decorate([\n Object(core_es5[\"Output\"])(),\n sampled_traffic_history_component___metadata(\"design:type\", Object)\n ], AnalyticsSampledTrafficHistoryComponent.prototype, \"granularity\", void 0);\n sampled_traffic_history_component___decorate([\n Object(core_es5[\"Input\"])(),\n sampled_traffic_history_component___metadata(\"design:type\", Object)\n ], AnalyticsSampledTrafficHistoryComponent.prototype, \"itemHeight\", void 0);\n sampled_traffic_history_component___decorate([\n Object(core_es5[\"Input\"])(),\n sampled_traffic_history_component___metadata(\"design:type\", String)\n ], AnalyticsSampledTrafficHistoryComponent.prototype, \"countryCode\", void 0);\n sampled_traffic_history_component___decorate([\n Object(core_es5[\"Input\"])(),\n sampled_traffic_history_component___metadata(\"design:type\", Number)\n ], AnalyticsSampledTrafficHistoryComponent.prototype, \"regionId\", void 0);\n sampled_traffic_history_component___decorate([\n Object(core_es5[\"Input\"])(),\n sampled_traffic_history_component___metadata(\"design:type\", typeof (_a = typeof sampled_traffc_model[\"HistoryChart\"] !== \"undefined\" && sampled_traffc_model[\"HistoryChart\"]) === \"function\" && _a || Object),\n sampled_traffic_history_component___metadata(\"design:paramtypes\", [typeof (_b = typeof sampled_traffc_model[\"HistoryChart\"] !== \"undefined\" && sampled_traffc_model[\"HistoryChart\"]) === \"function\" && _b || Object])\n ], AnalyticsSampledTrafficHistoryComponent.prototype, \"data\", null);\n AnalyticsSampledTrafficHistoryComponent = sampled_traffic_history_component___decorate([\n Object(core_es5[\"Component\"])({\n selector: 'sampled-traffic-history',\n template: __webpack_require__(1427),\n styles: [__webpack_require__(1428)],\n changeDetection: core_es5[\"ChangeDetectionStrategy\"].OnPush,\n }),\n sampled_traffic_history_component___metadata(\"design:paramtypes\", [typeof (_c = typeof angular_l10n_es5[\"a\" /* LocaleService */] !== \"undefined\" && angular_l10n_es5[\"a\" /* LocaleService */]) === \"function\" && _c || Object, typeof (_d = typeof angular_l10n_es5[\"d\" /* TranslationService */] !== \"undefined\" && angular_l10n_es5[\"d\" /* TranslationService */]) === \"function\" && _d || Object, typeof (_e = typeof core_es5[\"ChangeDetectorRef\"] !== \"undefined\" && core_es5[\"ChangeDetectorRef\"]) === \"function\" && _e || Object, typeof (_f = typeof sampled_traffic_geo_service_AnalyticsSampledTrafficGeoService !== \"undefined\" && sampled_traffic_geo_service_AnalyticsSampledTrafficGeoService) === \"function\" && _f || Object, typeof (_g = typeof export_service_ExportService !== \"undefined\" && export_service_ExportService) === \"function\" && _g || Object])\n ], AnalyticsSampledTrafficHistoryComponent);\n return AnalyticsSampledTrafficHistoryComponent;\n}(angular_l10n_es5[\"b\" /* Localization */]));\n\n\n// CONCATENATED MODULE: ./src/module/analytics/sampled-traffic/component/summary/sampled-traffic.summary.component.ts\nvar sampled_traffic_summary_component___extends = (this && this.__extends) || (function () {\n var extendStatics = Object.setPrototypeOf ||\n ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||\n function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };\n return function (d, b) {\n extendStatics(d, b);\n function __() { this.constructor = d; }\n d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());\n };\n})();\nvar sampled_traffic_summary_component___decorate = (this && this.__decorate) || function (decorators, target, key, desc) {\n var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;\n if (typeof Reflect === \"object\" && typeof Reflect.decorate === \"function\") r = Reflect.decorate(decorators, target, key, desc);\n 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;\n return c > 3 && r && Object.defineProperty(target, key, r), r;\n};\nvar sampled_traffic_summary_component___metadata = (this && this.__metadata) || function (k, v) {\n if (typeof Reflect === \"object\" && typeof Reflect.metadata === \"function\") return Reflect.metadata(k, v);\n};\n\n\n\nvar sampled_traffic_summary_component_AnalyticsSampledTrafficSummaryComponent = (function (_super) {\n sampled_traffic_summary_component___extends(AnalyticsSampledTrafficSummaryComponent, _super);\n function AnalyticsSampledTrafficSummaryComponent(locale, translation, el, cdr) {\n var _this = _super.call(this, locale, translation) || this;\n _this.locale = locale;\n _this.translation = translation;\n _this.el = el;\n _this.cdr = cdr;\n _this.SUMMARY_ITEMS = [\n { key: 'views', i10n: 'VIEWS', value: 0, fa: 'play-circle' },\n { key: 'users', i10n: 'USERS', value: 0, fa: 'users' },\n { key: 'viewsPerUser', i10n: 'VIEWS_PER_USER', value: 0, fa: 'eye' }\n ];\n _this.layoutDirection = 'column';\n _this.show = false;\n return _this;\n }\n Object.defineProperty(AnalyticsSampledTrafficSummaryComponent.prototype, \"data\", {\n set: function (d) {\n for (var _i = 0, _a = this.SUMMARY_ITEMS; _i < _a.length; _i++) {\n var i = _a[_i];\n if (i.key in d)\n i.value = d[i.key];\n }\n this.updateLayoutToSize();\n },\n enumerable: true,\n configurable: true\n });\n AnalyticsSampledTrafficSummaryComponent.prototype.ngAfterViewInit = function () {\n this.updateLayoutToSize();\n };\n AnalyticsSampledTrafficSummaryComponent.prototype.updateLayoutToSize = function () {\n var nativeElement = this.el.nativeElement;\n if (!nativeElement)\n return;\n if (this.show != false) {\n this.show = false;\n this.cdr.detectChanges();\n }\n var rect = nativeElement.getBoundingClientRect();\n this.layoutDirection = rect.width > (rect.height * 2) ? 'row' : 'column';\n this.show = true;\n this.cdr.markForCheck();\n };\n AnalyticsSampledTrafficSummaryComponent.prototype.trackSummaryItem = function (_index, item) { return _index + item.i10n; };\n var _a, _b, _c, _d, _e, _f;\n sampled_traffic_summary_component___decorate([\n Object(core_es5[\"HostBinding\"])('style.flexDirection'),\n sampled_traffic_summary_component___metadata(\"design:type\", String)\n ], AnalyticsSampledTrafficSummaryComponent.prototype, \"layoutDirection\", void 0);\n sampled_traffic_summary_component___decorate([\n Object(core_es5[\"Input\"])(),\n sampled_traffic_summary_component___metadata(\"design:type\", typeof (_a = typeof sampled_traffc_model[\"SummaryData\"] !== \"undefined\" && sampled_traffc_model[\"SummaryData\"]) === \"function\" && _a || Object),\n sampled_traffic_summary_component___metadata(\"design:paramtypes\", [typeof (_b = typeof sampled_traffc_model[\"SummaryData\"] !== \"undefined\" && sampled_traffc_model[\"SummaryData\"]) === \"function\" && _b || Object])\n ], AnalyticsSampledTrafficSummaryComponent.prototype, \"data\", null);\n sampled_traffic_summary_component___decorate([\n Object(core_es5[\"HostListener\"])(\"window:resize\"),\n sampled_traffic_summary_component___metadata(\"design:type\", Function),\n sampled_traffic_summary_component___metadata(\"design:paramtypes\", []),\n sampled_traffic_summary_component___metadata(\"design:returntype\", void 0)\n ], AnalyticsSampledTrafficSummaryComponent.prototype, \"updateLayoutToSize\", null);\n AnalyticsSampledTrafficSummaryComponent = sampled_traffic_summary_component___decorate([\n Object(core_es5[\"Component\"])({\n selector: 'sampled-traffic-summary',\n template: __webpack_require__(1429),\n styles: [__webpack_require__(1430)],\n changeDetection: core_es5[\"ChangeDetectionStrategy\"].OnPush,\n }),\n sampled_traffic_summary_component___metadata(\"design:paramtypes\", [typeof (_c = typeof angular_l10n_es5[\"a\" /* LocaleService */] !== \"undefined\" && angular_l10n_es5[\"a\" /* LocaleService */]) === \"function\" && _c || Object, typeof (_d = typeof angular_l10n_es5[\"d\" /* TranslationService */] !== \"undefined\" && angular_l10n_es5[\"d\" /* TranslationService */]) === \"function\" && _d || Object, typeof (_e = typeof core_es5[\"ElementRef\"] !== \"undefined\" && core_es5[\"ElementRef\"]) === \"function\" && _e || Object, typeof (_f = typeof core_es5[\"ChangeDetectorRef\"] !== \"undefined\" && core_es5[\"ChangeDetectorRef\"]) === \"function\" && _f || Object])\n ], AnalyticsSampledTrafficSummaryComponent);\n return AnalyticsSampledTrafficSummaryComponent;\n}(angular_l10n_es5[\"b\" /* Localization */]));\n\n\n// CONCATENATED MODULE: ./src/module/analytics/sampled-traffic/component/tags/sampled-traffic.tags.component.ts\nvar sampled_traffic_tags_component___extends = (this && this.__extends) || (function () {\n var extendStatics = Object.setPrototypeOf ||\n ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||\n function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };\n return function (d, b) {\n extendStatics(d, b);\n function __() { this.constructor = d; }\n d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());\n };\n})();\nvar sampled_traffic_tags_component___decorate = (this && this.__decorate) || function (decorators, target, key, desc) {\n var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;\n if (typeof Reflect === \"object\" && typeof Reflect.decorate === \"function\") r = Reflect.decorate(decorators, target, key, desc);\n 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;\n return c > 3 && r && Object.defineProperty(target, key, r), r;\n};\nvar sampled_traffic_tags_component___metadata = (this && this.__metadata) || function (k, v) {\n if (typeof Reflect === \"object\" && typeof Reflect.metadata === \"function\") return Reflect.metadata(k, v);\n};\n\n\n\nvar sampled_traffic_tags_component_AnalyticsSampledTrafficTagsComponent = (function (_super) {\n sampled_traffic_tags_component___extends(AnalyticsSampledTrafficTagsComponent, _super);\n function AnalyticsSampledTrafficTagsComponent(locale, translation) {\n var _this = _super.call(this, locale, translation) || this;\n _this.locale = locale;\n _this.translation = translation;\n _this.fetchMore = new core_es5[\"EventEmitter\"]();\n _this.itemHeight = 32;\n _this.isFetching = false;\n return _this;\n }\n Object.defineProperty(AnalyticsSampledTrafficTagsComponent.prototype, \"listHeight\", {\n get: function () { return this.itemHeight * (Math.min(10, this.data.records.length) + 0.5); },\n enumerable: true,\n configurable: true\n });\n AnalyticsSampledTrafficTagsComponent.prototype.handleListVieportEnd = function (event) { this.fetchMore.next(event); };\n AnalyticsSampledTrafficTagsComponent.prototype.compareListItems = function (a, b) { return a.tag === b.tag; };\n AnalyticsSampledTrafficTagsComponent.prototype.trackListItem = function (_index, item) { return item.tag; };\n var _a, _b, _c, _d;\n sampled_traffic_tags_component___decorate([\n Object(core_es5[\"Output\"])(),\n sampled_traffic_tags_component___metadata(\"design:type\", Object)\n ], AnalyticsSampledTrafficTagsComponent.prototype, \"fetchMore\", void 0);\n sampled_traffic_tags_component___decorate([\n Object(core_es5[\"Input\"])(),\n sampled_traffic_tags_component___metadata(\"design:type\", Object)\n ], AnalyticsSampledTrafficTagsComponent.prototype, \"itemHeight\", void 0);\n sampled_traffic_tags_component___decorate([\n Object(core_es5[\"Input\"])(),\n sampled_traffic_tags_component___metadata(\"design:type\", typeof (_a = typeof sampled_traffc_model[\"TopViewedTagsRecord\"] !== \"undefined\" && sampled_traffc_model[\"TopViewedTagsRecord\"]) === \"function\" && _a || Object)\n ], AnalyticsSampledTrafficTagsComponent.prototype, \"data\", void 0);\n sampled_traffic_tags_component___decorate([\n Object(core_es5[\"Input\"])(),\n sampled_traffic_tags_component___metadata(\"design:type\", Object)\n ], AnalyticsSampledTrafficTagsComponent.prototype, \"isFetching\", void 0);\n sampled_traffic_tags_component___decorate([\n Object(core_es5[\"Input\"])(),\n sampled_traffic_tags_component___metadata(\"design:type\", typeof (_b = typeof sampled_traffc_model[\"UnixDateRange\"] !== \"undefined\" && sampled_traffc_model[\"UnixDateRange\"]) === \"function\" && _b || Object)\n ], AnalyticsSampledTrafficTagsComponent.prototype, \"dateRange\", void 0);\n AnalyticsSampledTrafficTagsComponent = sampled_traffic_tags_component___decorate([\n Object(core_es5[\"Component\"])({\n selector: 'sampled-traffic-tags',\n template: __webpack_require__(1431),\n styles: [__webpack_require__(1432)],\n changeDetection: core_es5[\"ChangeDetectionStrategy\"].OnPush,\n }),\n sampled_traffic_tags_component___metadata(\"design:paramtypes\", [typeof (_c = typeof angular_l10n_es5[\"a\" /* LocaleService */] !== \"undefined\" && angular_l10n_es5[\"a\" /* LocaleService */]) === \"function\" && _c || Object, typeof (_d = typeof angular_l10n_es5[\"d\" /* TranslationService */] !== \"undefined\" && angular_l10n_es5[\"d\" /* TranslationService */]) === \"function\" && _d || Object])\n ], AnalyticsSampledTrafficTagsComponent);\n return AnalyticsSampledTrafficTagsComponent;\n}(angular_l10n_es5[\"b\" /* Localization */]));\n\n\n// CONCATENATED MODULE: ./src/module/analytics/sampled-traffic/service/sampled-traffic.api.filters.service.ts\nvar sampled_traffic_api_filters_service___decorate = (this && this.__decorate) || function (decorators, target, key, desc) {\n var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;\n if (typeof Reflect === \"object\" && typeof Reflect.decorate === \"function\") r = Reflect.decorate(decorators, target, key, desc);\n 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;\n return c > 3 && r && Object.defineProperty(target, key, r), r;\n};\nvar sampled_traffic_api_filters_service___metadata = (this && this.__metadata) || function (k, v) {\n if (typeof Reflect === \"object\" && typeof Reflect.metadata === \"function\") return Reflect.metadata(k, v);\n};\n\n\n\n\n\nvar sampled_traffic_api_filters_service_AnalyticsSampledTrafficApiFiltersService = (function () {\n function AnalyticsSampledTrafficApiFiltersService(user, params, tag) {\n this.user = user;\n this.params = params;\n this.tag = tag;\n }\n AnalyticsSampledTrafficApiFiltersService.prototype.parseQueryParams = function (map) {\n var filters = new SampledTrafficFilters();\n var parsedRange = this.params.parseDateRange(map);\n if (!!parsedRange) {\n filters.dateRange = parsedRange;\n this.user.setUnixDateRangeSelection(parsedRange[0], parsedRange[1]);\n }\n else {\n var range = this.user.getUnixDateRangeSelection();\n filters.dateRange = [range.startDate, range.endDate];\n }\n var parsedGranularity = this.params.parseGranularity(map);\n filters.granularity = !!parsedGranularity ? parsedGranularity : this.params.defaultGranularity;\n var parsedGeo = this.params.parseGeo(map);\n if (!!parsedGeo) {\n filters.geoCountryCode = parsedGeo.countryCode;\n if (!!parsedGeo.regionId) {\n filters.geoRegionId = parsedGeo.regionId;\n }\n else {\n filters.geoRegionId = null;\n }\n }\n else {\n filters.geoCountryCode = null;\n }\n filters.tags = [];\n var parsedTagIds = this.params.parseTagIds(map);\n if (!!parsedTagIds) {\n var parsedTags = this.tag.idsToValues(parsedTagIds);\n filters.tags = parsedTags ? parsedTags.map(function (t) { return t.toString(); }) : [];\n }\n return filters;\n };\n var _a, _b, _c;\n AnalyticsSampledTrafficApiFiltersService = sampled_traffic_api_filters_service___decorate([\n Object(core_es5[\"Injectable\"])(),\n sampled_traffic_api_filters_service___metadata(\"design:paramtypes\", [typeof (_a = typeof user_service[\"a\" /* UserService */] !== \"undefined\" && user_service[\"a\" /* UserService */]) === \"function\" && _a || Object, typeof (_b = typeof sampled_traffic_params_service_AnalyticsSampledTrafficParamsService !== \"undefined\" && sampled_traffic_params_service_AnalyticsSampledTrafficParamsService) === \"function\" && _b || Object, typeof (_c = typeof sampled_traffic_tags_service_AnalyticsSampledTrafficTagsService !== \"undefined\" && sampled_traffic_tags_service_AnalyticsSampledTrafficTagsService) === \"function\" && _c || Object])\n ], AnalyticsSampledTrafficApiFiltersService);\n return AnalyticsSampledTrafficApiFiltersService;\n}());\n\n\n// CONCATENATED MODULE: ./src/module/analytics/sampled-traffic/component/view/sampled-traffic.view.component.ts\nvar sampled_traffic_view_component___extends = (this && this.__extends) || (function () {\n var extendStatics = Object.setPrototypeOf ||\n ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||\n function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };\n return function (d, b) {\n extendStatics(d, b);\n function __() { this.constructor = d; }\n d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());\n };\n})();\nvar sampled_traffic_view_component___assign = (this && this.__assign) || Object.assign || function(t) {\n for (var s, i = 1, n = arguments.length; i < n; i++) {\n s = arguments[i];\n for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))\n t[p] = s[p];\n }\n return t;\n};\nvar sampled_traffic_view_component___decorate = (this && this.__decorate) || function (decorators, target, key, desc) {\n var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;\n if (typeof Reflect === \"object\" && typeof Reflect.decorate === \"function\") r = Reflect.decorate(decorators, target, key, desc);\n 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;\n return c > 3 && r && Object.defineProperty(target, key, r), r;\n};\nvar sampled_traffic_view_component___metadata = (this && this.__metadata) || function (k, v) {\n if (typeof Reflect === \"object\" && typeof Reflect.metadata === \"function\") return Reflect.metadata(k, v);\n};\n\n\n\n\n\n\n\n\n\n\n\n\nvar sampled_traffic_view_component_AnalyticsSampledTrafficViewComponent = (function (_super) {\n sampled_traffic_view_component___extends(AnalyticsSampledTrafficViewComponent, _super);\n function AnalyticsSampledTrafficViewComponent(locale, translation, cdr, route, api, user, params, filter) {\n var _this = _super.call(this, locale, translation) || this;\n _this.locale = locale;\n _this.translation = translation;\n _this.cdr = cdr;\n _this.route = route;\n _this.api = api;\n _this.user = user;\n _this.params = params;\n _this.filter = filter;\n _this.LIST_ITEM_HEIGHT_PX = 32;\n _this.MAX_TOP_TAGS = 20;\n _this.isLoadingCriteria = true;\n _this.isLoadingSummary = true;\n _this.isLoadingTags = true;\n _this.isLoadingHistory = true;\n _this.isLoadingGeo = true;\n _this.isFetchingTags = false;\n return _this;\n }\n Object.defineProperty(AnalyticsSampledTrafficViewComponent.prototype, \"isLoading\", {\n get: function () { return this.isLoadingCriteria || this.isLoadingSummary || this.isLoadingTags || this.isLoadingHistory || this.isLoadingGeo; },\n enumerable: true,\n configurable: true\n });\n ;\n AnalyticsSampledTrafficViewComponent.prototype.ngOnInit = function () {\n var _this = this;\n this.data$ub = this.route.queryParamMap\n .pipe(Object(operators[\"map\"])(function (paramMap) { return _this.filter.parseQueryParams(paramMap); }), Object(operators[\"filter\"])(function (f) { return !!f; }), Object(operators[\"debounceTime\"])(100), Object(operators[\"switchMap\"])(function (filters) {\n var diff = filters.diff(_this.filters);\n var reloadDateCountryTags = diff.dateRange || diff.geoCountryCode || diff.tags;\n _this.isLoadingCriteria = reloadDateCountryTags;\n _this.isLoadingSummary = reloadDateCountryTags || diff.granularity || diff.geoRegionId;\n _this.isLoadingTags = reloadDateCountryTags;\n _this.isLoadingHistory = reloadDateCountryTags || diff.granularity || diff.geoRegionId;\n _this.isLoadingGeo = reloadDateCountryTags;\n _this.cdr.markForCheck();\n return Object(forkJoin[\"forkJoin\"])(Object(of[\"of\"])(filters), _this.isLoadingHistory ? _this.api.usersAndViewsHistory(filters) : Object(of[\"of\"])(_this.historyChart), _this.isLoadingSummary ? _this.api.usersAndViewsSummary(filters) : Object(of[\"of\"])(_this.summaryData), _this.isLoadingGeo ? _this.api.geoReport(filters) : Object(of[\"of\"])(_this.geoData), _this.isLoadingTags ? _this.api.topViewedTags(filters, 1, _this.MAX_TOP_TAGS) : Object(of[\"of\"])(_this.tagsData))\n .pipe(Object(operators[\"map\"])(function (responses) { return ({ filters: responses[0], historyChart: responses[1], summaryData: responses[2], geoData: responses[3], tagsData: responses[4] }); }));\n }))\n .subscribe({\n next: function (_a) {\n var filters = _a.filters, historyChart = _a.historyChart, summaryData = _a.summaryData, geoData = _a.geoData, tagsData = _a.tagsData;\n _this.filters = filters;\n _this.summaryData = summaryData;\n _this.historyChart = historyChart;\n _this.geoData = geoData;\n tagsData.records = _this.parseTagRecords(tagsData.records, _this.summaryData.views);\n _this.tagsData = tagsData;\n _this.isLoadingCriteria = false;\n _this.isLoadingSummary = false;\n _this.isLoadingTags = false;\n _this.isLoadingHistory = false;\n _this.isLoadingGeo = false;\n _this.cdr.markForCheck();\n }\n });\n };\n AnalyticsSampledTrafficViewComponent.prototype.ngOnDestroy = function () {\n if (this.data$ub != null && this.data$ub.closed == false)\n this.data$ub.unsubscribe();\n this.data$ub = null;\n if (this.moreTags$ub != null && this.moreTags$ub.closed == false)\n this.moreTags$ub.unsubscribe();\n this.moreTags$ub = null;\n this.filters = null;\n this.summaryData = null;\n this.historyChart = null;\n this.geoData = null;\n this.tagsData = null;\n this.isLoadingCriteria = false;\n this.isLoadingSummary = false;\n this.isLoadingTags = false;\n this.isLoadingHistory = false;\n this.isLoadingGeo = false;\n this.isFetchingTags = false;\n };\n AnalyticsSampledTrafficViewComponent.prototype.handleDateRangeChange = function (event) {\n this.user.setDateRangeSelection(event[0], event[1]);\n this.params.navigate(this.params.formatUserDateRange());\n };\n AnalyticsSampledTrafficViewComponent.prototype.handleGeolocationChange = function (e) {\n this.params.navigate(this.params.formatGeolocation(e.countryCode, e.regionId));\n };\n AnalyticsSampledTrafficViewComponent.prototype.handleGranularityChange = function (granularity) {\n this.isLoadingHistory = true;\n this.cdr.markForCheck();\n this.params.navigate(this.params.formatGranularity(granularity));\n };\n AnalyticsSampledTrafficViewComponent.prototype.handleTagsChange = function (tags) {\n this.params.navigate(this.params.formatTags(tags.map(function (t) { return t.id; })));\n };\n AnalyticsSampledTrafficViewComponent.prototype.handleGeoSelect = function (item) {\n if (isGeoRegionItem(item)) {\n this.params.navigate(this.params.formatGeolocation(item.countryCode, item.regionId));\n }\n else if (isGeoCountryItem(item)) {\n this.params.navigate(this.params.formatGeolocation(item.countryCode, null));\n }\n else {\n if (!!this.filters.geoCountryCode && !!this.filters.geoRegionId)\n this.params.navigate(this.params.formatGeolocation(this.filters.geoCountryCode, null));\n else\n this.params.navigate(this.params.formatGeolocation(null, null));\n }\n };\n AnalyticsSampledTrafficViewComponent.prototype.handleGeoChartError = function (error) {\n console.error(error);\n };\n AnalyticsSampledTrafficViewComponent.prototype.handleFetchTags = function (event) {\n var _this = this;\n if (this.isFetchingTags\n || event.endIndex === -1\n || event.endIndex !== this.tagsData.records.length - 1\n || event.endIndex >= this.tagsData.total_records)\n return;\n var fromIndex = this.tagsData.records.length;\n var fromPage = Math.floor(fromIndex / this.MAX_TOP_TAGS) + 1;\n this.isFetchingTags = true;\n this.cdr.markForCheck();\n if (this.moreTags$ub != null && this.moreTags$ub.closed == false)\n this.moreTags$ub.unsubscribe();\n this.moreTags$ub = this.api.topViewedTags(this.filters, fromPage, this.MAX_TOP_TAGS)\n .subscribe({\n next: function (resp) {\n _this.tagsData.records = _this.tagsData.records.concat(_this.parseTagRecords(resp.records, _this.summaryData.views));\n _this.isFetchingTags = false;\n _this.cdr.markForCheck();\n }\n });\n };\n AnalyticsSampledTrafficViewComponent.prototype.parseTagRecords = function (records, summaryViews) { return records.map(function (r) { return (sampled_traffic_view_component___assign({}, r, { viewsShare: (r.views / summaryViews) * 100 })); }); };\n var _a, _b, _c, _d, _e, _f, _g, _h;\n sampled_traffic_view_component___decorate([\n Object(core_es5[\"HostBinding\"])('class.is-loading'),\n sampled_traffic_view_component___metadata(\"design:type\", Object),\n sampled_traffic_view_component___metadata(\"design:paramtypes\", [])\n ], AnalyticsSampledTrafficViewComponent.prototype, \"isLoading\", null);\n AnalyticsSampledTrafficViewComponent = sampled_traffic_view_component___decorate([\n Object(core_es5[\"Component\"])({\n selector: 'sampled-traffic-view',\n template: __webpack_require__(1433),\n styles: [__webpack_require__(1434)],\n changeDetection: core_es5[\"ChangeDetectionStrategy\"].OnPush,\n providers: [\n google_geo_regions_fix_service_GoogleGeoRegionsFixService,\n sampled_traffic_api_service_SampledTrafficApiService,\n sampled_traffic_api_filters_service_AnalyticsSampledTrafficApiFiltersService,\n ],\n }),\n sampled_traffic_view_component___metadata(\"design:paramtypes\", [typeof (_a = typeof angular_l10n_es5[\"a\" /* LocaleService */] !== \"undefined\" && angular_l10n_es5[\"a\" /* LocaleService */]) === \"function\" && _a || Object, typeof (_b = typeof angular_l10n_es5[\"d\" /* TranslationService */] !== \"undefined\" && angular_l10n_es5[\"d\" /* TranslationService */]) === \"function\" && _b || Object, typeof (_c = typeof core_es5[\"ChangeDetectorRef\"] !== \"undefined\" && core_es5[\"ChangeDetectorRef\"]) === \"function\" && _c || Object, typeof (_d = typeof router_es5[\"a\" /* ActivatedRoute */] !== \"undefined\" && router_es5[\"a\" /* ActivatedRoute */]) === \"function\" && _d || Object, typeof (_e = typeof sampled_traffic_api_service_SampledTrafficApiService !== \"undefined\" && sampled_traffic_api_service_SampledTrafficApiService) === \"function\" && _e || Object, typeof (_f = typeof user_service[\"a\" /* UserService */] !== \"undefined\" && user_service[\"a\" /* UserService */]) === \"function\" && _f || Object, typeof (_g = typeof sampled_traffic_params_service_AnalyticsSampledTrafficParamsService !== \"undefined\" && sampled_traffic_params_service_AnalyticsSampledTrafficParamsService) === \"function\" && _g || Object, typeof (_h = typeof sampled_traffic_api_filters_service_AnalyticsSampledTrafficApiFiltersService !== \"undefined\" && sampled_traffic_api_filters_service_AnalyticsSampledTrafficApiFiltersService) === \"function\" && _h || Object])\n ], AnalyticsSampledTrafficViewComponent);\n return AnalyticsSampledTrafficViewComponent;\n}(angular_l10n_es5[\"b\" /* Localization */]));\n\n\n// CONCATENATED MODULE: ./src/module/analytics/sampled-traffic/service/sampled-traffic.default.params.guard.ts\nvar sampled_traffic_default_params_guard___decorate = (this && this.__decorate) || function (decorators, target, key, desc) {\n var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;\n if (typeof Reflect === \"object\" && typeof Reflect.decorate === \"function\") r = Reflect.decorate(decorators, target, key, desc);\n 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;\n return c > 3 && r && Object.defineProperty(target, key, r), r;\n};\nvar sampled_traffic_default_params_guard___metadata = (this && this.__metadata) || function (k, v) {\n if (typeof Reflect === \"object\" && typeof Reflect.metadata === \"function\") return Reflect.metadata(k, v);\n};\n\n\nvar sampled_traffic_default_params_guard_AnalyticsSampledTrafficDefaultParamsGuard = (function () {\n function AnalyticsSampledTrafficDefaultParamsGuard(params) {\n this.params = params;\n }\n AnalyticsSampledTrafficDefaultParamsGuard.prototype.canActivate = function (route, _state) {\n return this.params.redirectIfNeeded(route.queryParamMap);\n };\n var _a;\n AnalyticsSampledTrafficDefaultParamsGuard = sampled_traffic_default_params_guard___decorate([\n Object(core_es5[\"Injectable\"])(),\n sampled_traffic_default_params_guard___metadata(\"design:paramtypes\", [typeof (_a = typeof sampled_traffic_params_service_AnalyticsSampledTrafficParamsService !== \"undefined\" && sampled_traffic_params_service_AnalyticsSampledTrafficParamsService) === \"function\" && _a || Object])\n ], AnalyticsSampledTrafficDefaultParamsGuard);\n return AnalyticsSampledTrafficDefaultParamsGuard;\n}());\n\n\n// CONCATENATED MODULE: ./src/module/analytics/sampled-traffic/service/sampled-traffic.resolve.query.region.service.ts\nvar sampled_traffic_resolve_query_region_service___decorate = (this && this.__decorate) || function (decorators, target, key, desc) {\n var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;\n if (typeof Reflect === \"object\" && typeof Reflect.decorate === \"function\") r = Reflect.decorate(decorators, target, key, desc);\n 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;\n return c > 3 && r && Object.defineProperty(target, key, r), r;\n};\nvar sampled_traffic_resolve_query_region_service___metadata = (this && this.__metadata) || function (k, v) {\n if (typeof Reflect === \"object\" && typeof Reflect.metadata === \"function\") return Reflect.metadata(k, v);\n};\n\n\n\nvar sampled_traffic_resolve_query_region_service_AnalyticsSampledTrafficResolveQueryRegionService = (function () {\n function AnalyticsSampledTrafficResolveQueryRegionService(params, geo) {\n this.params = params;\n this.geo = geo;\n }\n AnalyticsSampledTrafficResolveQueryRegionService.prototype.resolve = function (route, _state) {\n var geo = this.params.parseGeo(route.queryParamMap);\n return !!geo && !!geo.countryCode\n ? this.geo.regions$(geo.countryCode)\n : null;\n };\n var _a, _b;\n AnalyticsSampledTrafficResolveQueryRegionService = sampled_traffic_resolve_query_region_service___decorate([\n Object(core_es5[\"Injectable\"])(),\n sampled_traffic_resolve_query_region_service___metadata(\"design:paramtypes\", [typeof (_a = typeof sampled_traffic_params_service_AnalyticsSampledTrafficParamsService !== \"undefined\" && sampled_traffic_params_service_AnalyticsSampledTrafficParamsService) === \"function\" && _a || Object, typeof (_b = typeof sampled_traffic_geo_service_AnalyticsSampledTrafficGeoService !== \"undefined\" && sampled_traffic_geo_service_AnalyticsSampledTrafficGeoService) === \"function\" && _b || Object])\n ], AnalyticsSampledTrafficResolveQueryRegionService);\n return AnalyticsSampledTrafficResolveQueryRegionService;\n}());\n\n\n// CONCATENATED MODULE: ./src/module/analytics/sampled-traffic/service/sampled-traffic.resolve.query.tags.service.ts\nvar sampled_traffic_resolve_query_tags_service___decorate = (this && this.__decorate) || function (decorators, target, key, desc) {\n var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;\n if (typeof Reflect === \"object\" && typeof Reflect.decorate === \"function\") r = Reflect.decorate(decorators, target, key, desc);\n 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;\n return c > 3 && r && Object.defineProperty(target, key, r), r;\n};\nvar sampled_traffic_resolve_query_tags_service___metadata = (this && this.__metadata) || function (k, v) {\n if (typeof Reflect === \"object\" && typeof Reflect.metadata === \"function\") return Reflect.metadata(k, v);\n};\n\n\nvar sampled_traffic_resolve_query_tags_service_AnalyticsSampledTrafficResolveQueryTagsService = (function () {\n function AnalyticsSampledTrafficResolveQueryTagsService(tag) {\n this.tag = tag;\n }\n AnalyticsSampledTrafficResolveQueryTagsService.prototype.resolve = function (route, _state) {\n return this.tag.resolveFromQueryParams(route.queryParamMap);\n };\n var _a;\n AnalyticsSampledTrafficResolveQueryTagsService = sampled_traffic_resolve_query_tags_service___decorate([\n Object(core_es5[\"Injectable\"])(),\n sampled_traffic_resolve_query_tags_service___metadata(\"design:paramtypes\", [typeof (_a = typeof sampled_traffic_tags_service_AnalyticsSampledTrafficTagsService !== \"undefined\" && sampled_traffic_tags_service_AnalyticsSampledTrafficTagsService) === \"function\" && _a || Object])\n ], AnalyticsSampledTrafficResolveQueryTagsService);\n return AnalyticsSampledTrafficResolveQueryTagsService;\n}());\n\n\n// CONCATENATED MODULE: ./src/module/analytics/sampled-traffic/sampled-traffic.module.ts\nvar sampled_traffic_module___decorate = (this && this.__decorate) || function (decorators, target, key, desc) {\n var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;\n if (typeof Reflect === \"object\" && typeof Reflect.decorate === \"function\") r = Reflect.decorate(decorators, target, key, desc);\n 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;\n return c > 3 && r && Object.defineProperty(target, key, r), r;\n};\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\nvar analyticsSampledTrafficRoute = ['admin', 'analytics', 'sampled-traffic'];\nvar sampled_traffic_module_routes = [\n {\n path: '',\n component: sampled_traffic_view_component_AnalyticsSampledTrafficViewComponent,\n canActivate: [sampled_traffic_default_params_guard_AnalyticsSampledTrafficDefaultParamsGuard],\n resolve: {\n _region: sampled_traffic_resolve_query_region_service_AnalyticsSampledTrafficResolveQueryRegionService,\n _tags: sampled_traffic_resolve_query_tags_service_AnalyticsSampledTrafficResolveQueryTagsService,\n },\n runGuardsAndResolvers: 'paramsOrQueryParamsChange',\n },\n];\nvar sampled_traffic_module_AnalyticsSampledTrafficModule = (function () {\n function AnalyticsSampledTrafficModule() {\n }\n AnalyticsSampledTrafficModule = sampled_traffic_module___decorate([\n Object(core_es5[\"NgModule\"])({\n imports: [\n http_es5[\"c\" /* HttpModule */],\n shared_module_SharedModule,\n common_es5[\"CommonModule\"],\n angular_l10n_es5[\"c\" /* LocalizationModule */],\n router_es5[\"h\" /* RouterModule */].forChild(sampled_traffic_module_routes),\n chart_module_ChartModule,\n TagInputModule,\n google_charts_module_Ng2GoogleChartsModule,\n camelCaseToSpace_module_CamelCaseToSpaceModule,\n capitalize_first_module_CapitalizeFirstModule,\n virtual_list_module_VirtualListModule,\n virtual_scroller[\"VirtualScrollerModule\"],\n virtual_dropdown_module_VirtualDropdownModule,\n ],\n declarations: [\n tag_prefix_pipe_TagPrefixPipe,\n sampled_traffic_view_component_AnalyticsSampledTrafficViewComponent,\n sampled_traffic_criteria_component_AnalyticsSampledTrafficCriteriaComponent,\n sampled_traffic_summary_component_AnalyticsSampledTrafficSummaryComponent,\n sampled_traffic_tags_component_AnalyticsSampledTrafficTagsComponent,\n sampled_traffic_history_component_AnalyticsSampledTrafficHistoryComponent,\n sampled_traffic_geo_component_AnalyticsSampledTrafficGeoComponent,\n ],\n providers: [\n common_es5[\"LowerCasePipe\"],\n capitalize_first_pipe_CapitalizeFirstPipe,\n camelCaseToSpace_pipe_CamelCaseToSpacePipe,\n tag_prefix_pipe_TagPrefixPipe,\n pages_service_PagesService,\n tag_service_TagService,\n sampled_traffic_tags_service_AnalyticsSampledTrafficTagsService,\n sampled_traffic_geo_service_AnalyticsSampledTrafficGeoService,\n sampled_traffic_params_service_AnalyticsSampledTrafficParamsService,\n sampled_traffic_default_params_guard_AnalyticsSampledTrafficDefaultParamsGuard,\n sampled_traffic_resolve_query_region_service_AnalyticsSampledTrafficResolveQueryRegionService,\n sampled_traffic_resolve_query_tags_service_AnalyticsSampledTrafficResolveQueryTagsService,\n ]\n })\n ], AnalyticsSampledTrafficModule);\n return AnalyticsSampledTrafficModule;\n}());\n\n\n// CONCATENATED MODULE: ./src/module/analytics/analytics.module.ts\nvar analytics_module___decorate = (this && this.__decorate) || function (decorators, target, key, desc) {\n var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;\n if (typeof Reflect === \"object\" && typeof Reflect.decorate === \"function\") r = Reflect.decorate(decorators, target, key, desc);\n 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;\n return c > 3 && r && Object.defineProperty(target, key, r), r;\n};\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\nvar AnalyticsRoutes = [\n { path: 'audience', loadChildren: function () { return audience_module_AnalyticsAudienceModule; } },\n { path: 'albums', loadChildren: function () { return albums_module_AnalyticsAlbumsModule; } },\n { path: 'content', loadChildren: function () { return content_module_AnalyticsContentModule; } },\n { path: 'dashboard', loadChildren: function () { return dashboard_module_AnalyticsDashboardModule; } },\n { path: 'top-content', loadChildren: function () { return top_content_module_AnalyticsTopContentModule; } },\n { path: 'geo', loadChildren: function () { return geo_module_AnalyticsGeoModule; } },\n { path: 'technology', loadChildren: function () { return technology_module_AnalyticsTechnologyModule; } },\n { path: 'realtime', loadChildren: function () { return realtime_module_AnalyticsRealtimeModule; } },\n { path: 'qos', loadChildren: function () { return QOS_module_AnalyticsQOSModule; } },\n { path: 'playback-experience', loadChildren: function () { return playback_experience_module_AnalyticsPlaybackExperienceModule; } },\n { path: 'errors', loadChildren: function () { return errors_module_AnalyticsErrorsModule; } },\n { path: 'real-time-marketing', loadChildren: function () { return real_time_marketing_module_AnalyticsRealTimeMarketingModule; } },\n { path: 'content-insights', loadChildren: function () { return content_insights_module_AnalyticsContentInsightsModule; } },\n { path: 'flexmodel', loadChildren: function () { return flexmodel_module_AnalyticsFlexmodelModule; } },\n { path: 'info', loadChildren: function () { return info_module_AnalyticsInfoModule; } },\n { path: 'st-report', loadChildren: function () { return st_module_AnalyticsSTModule; } },\n { path: 'heartbeat', loadChildren: function () { return heartbeat_module_AnalyticsHeartbeatModule; } },\n { path: 'sampled-traffic', loadChildren: function () { return sampled_traffic_module_AnalyticsSampledTrafficModule; } },\n { path: '', redirectTo: 'dashboard', pathMatch: 'full' },\n { path: '**', redirectTo: 'dashboard' }\n];\nvar analytics_module_AnalyticsModule = (function () {\n function AnalyticsModule() {\n }\n AnalyticsModule = analytics_module___decorate([\n Object(core_es5[\"NgModule\"])({\n imports: [\n router_es5[\"h\" /* RouterModule */].forChild(AnalyticsRoutes),\n ],\n })\n ], AnalyticsModule);\n return AnalyticsModule;\n}());\n\n\n// EXTERNAL MODULE: ./src/module/header/header.module.ts\nvar header_module = __webpack_require__(346);\n\n// EXTERNAL MODULE: ./src/module/modal/modal.component.ts\nvar modal_component = __webpack_require__(349);\n\n// EXTERNAL MODULE: ./src/module/modal/alert.modal.component.ts\nvar alert_modal_component = __webpack_require__(179);\n\n// CONCATENATED MODULE: ./src/module/modal/close.modal.button.component.ts\nvar close_modal_button_component___decorate = (this && this.__decorate) || function (decorators, target, key, desc) {\n var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;\n if (typeof Reflect === \"object\" && typeof Reflect.decorate === \"function\") r = Reflect.decorate(decorators, target, key, desc);\n 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;\n return c > 3 && r && Object.defineProperty(target, key, r), r;\n};\nvar close_modal_button_component___metadata = (this && this.__metadata) || function (k, v) {\n if (typeof Reflect === \"object\" && typeof Reflect.metadata === \"function\") return Reflect.metadata(k, v);\n};\n\n\nvar close_modal_button_component_STYLES = [\n ':host{padding: 10px;float: right;cursor: pointer;opacity: 0.75;}',\n ':host:hover {opacity: 1;}'\n];\nvar close_modal_button_component_ModalCloseButtonComponent = (function () {\n function ModalCloseButtonComponent(service) {\n this.service = service;\n }\n var _a;\n ModalCloseButtonComponent = close_modal_button_component___decorate([\n Object(core_es5[\"Component\"])({\n selector: 'close-modal-button',\n host: { 'class': 'fa fa-times', '(click)': 'service.close()' },\n template: '',\n styles: close_modal_button_component_STYLES,\n changeDetection: core_es5[\"ChangeDetectionStrategy\"].OnPush\n }),\n close_modal_button_component___metadata(\"design:paramtypes\", [typeof (_a = typeof modal_service[\"a\" /* ModalService */] !== \"undefined\" && modal_service[\"a\" /* ModalService */]) === \"function\" && _a || Object])\n ], ModalCloseButtonComponent);\n return ModalCloseButtonComponent;\n}());\n\n\n// EXTERNAL MODULE: ./src/module/modal/prompt.modal.component.ts\nvar prompt_modal_component = __webpack_require__(183);\n\n// EXTERNAL MODULE: ./src/module/modal/input.modal.component.ts\nvar input_modal_component = __webpack_require__(180);\n\n// EXTERNAL MODULE: ./src/module/modal/password-change.modal.component.ts\nvar password_change_modal_component = __webpack_require__(182);\n\n// EXTERNAL MODULE: ./src/module/modal/gdpr.info.modal.component.ts\nvar gdpr_info_modal_component = __webpack_require__(184);\n\n// EXTERNAL MODULE: ./src/module/modal/terms.modal.component.ts\nvar terms_modal_component = __webpack_require__(345);\n\n// CONCATENATED MODULE: ./src/service/password-change.service.ts\nvar password_change_service___extends = (this && this.__extends) || (function () {\n var extendStatics = Object.setPrototypeOf ||\n ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||\n function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };\n return function (d, b) {\n extendStatics(d, b);\n function __() { this.constructor = d; }\n d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());\n };\n})();\nvar password_change_service___decorate = (this && this.__decorate) || function (decorators, target, key, desc) {\n var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;\n if (typeof Reflect === \"object\" && typeof Reflect.decorate === \"function\") r = Reflect.decorate(decorators, target, key, desc);\n 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;\n return c > 3 && r && Object.defineProperty(target, key, r), r;\n};\nvar password_change_service___metadata = (this && this.__metadata) || function (k, v) {\n if (typeof Reflect === \"object\" && typeof Reflect.metadata === \"function\") return Reflect.metadata(k, v);\n};\n\n\n\n\n\n\n\nvar password_change_service_PasswordChangeService = (function (_super) {\n password_change_service___extends(PasswordChangeService, _super);\n function PasswordChangeService(auth, http, exception, router, url) {\n var _this = _super.call(this, auth, http, exception, router, url) || this;\n _this.auth = auth;\n _this.http = http;\n _this.exception = exception;\n _this.router = router;\n _this.url = url;\n return _this;\n }\n PasswordChangeService.prototype.passwordChange = function (oldPassword, newPassword) {\n var data = { old_password: oldPassword, new_password: newPassword };\n return this.create('user/password', data);\n };\n var _a, _b, _c, _d, _e;\n PasswordChangeService = password_change_service___decorate([\n Object(core_es5[\"Injectable\"])(),\n password_change_service___metadata(\"design:paramtypes\", [typeof (_a = typeof auth_service[\"a\" /* AuthService */] !== \"undefined\" && auth_service[\"a\" /* AuthService */]) === \"function\" && _a || Object, typeof (_b = typeof http_es5[\"b\" /* Http */] !== \"undefined\" && http_es5[\"b\" /* Http */]) === \"function\" && _b || Object, typeof (_c = typeof exception_service[\"a\" /* ExceptionService */] !== \"undefined\" && exception_service[\"a\" /* ExceptionService */]) === \"function\" && _c || Object, typeof (_d = typeof router_es5[\"g\" /* Router */] !== \"undefined\" && router_es5[\"g\" /* Router */]) === \"function\" && _d || Object, typeof (_e = typeof url_service[\"a\" /* UrlService */] !== \"undefined\" && url_service[\"a\" /* UrlService */]) === \"function\" && _e || Object])\n ], PasswordChangeService);\n return PasswordChangeService;\n}(api_service[\"a\" /* BradmaxApi */]));\n\n\n// CONCATENATED MODULE: ./src/module/password-change/password-change.view.ts\nvar password_change_view___decorate = (this && this.__decorate) || function (decorators, target, key, desc) {\n var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;\n if (typeof Reflect === \"object\" && typeof Reflect.decorate === \"function\") r = Reflect.decorate(decorators, target, key, desc);\n 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;\n return c > 3 && r && Object.defineProperty(target, key, r), r;\n};\nvar password_change_view___metadata = (this && this.__metadata) || function (k, v) {\n if (typeof Reflect === \"object\" && typeof Reflect.metadata === \"function\") return Reflect.metadata(k, v);\n};\n\n\n\n\n\n\n\n\nvar password_change_view_PasswordChangeView = (function () {\n function PasswordChangeView(formBuilder, passwordChange, cdr, user, flashMessagesService, translation, route, router, sanitizer) {\n this.formBuilder = formBuilder;\n this.passwordChange = passwordChange;\n this.cdr = cdr;\n this.user = user;\n this.flashMessagesService = flashMessagesService;\n this.translation = translation;\n this.route = route;\n this.router = router;\n this.sanitizer = sanitizer;\n this.passwordChangeError = false;\n this.loading = false;\n this.onSuccess = new core_es5[\"EventEmitter\"]();\n this.clearRemoteErrors();\n }\n PasswordChangeView.prototype.clearRemoteErrors = function () {\n this.remoteErrorsOldPassword = [];\n this.remoteErrorsNewPassword = [];\n };\n PasswordChangeView.prototype.ngOnInit = function () {\n this.form = this.formBuilder.group({\n oldPassword: [\"\", forms_es5[\"Validators\"].required],\n newPassword: [\"\", forms_es5[\"Validators\"].compose([forms_es5[\"Validators\"].required, forms_es5[\"Validators\"].minLength(8)])],\n newPasswordRepeat: [\"\", forms_es5[\"Validators\"].compose([forms_es5[\"Validators\"].required, forms_es5[\"Validators\"].minLength(8)])]\n }, {\n validator: this.matchingPasswords('newPassword', 'newPasswordRepeat')\n });\n };\n PasswordChangeView.prototype.matchingPasswords = function (passwordKey, passwordConfirmationKey) {\n return function (group) {\n var passwordInput = group.controls[passwordKey];\n var passwordConfirmationInput = group.controls[passwordConfirmationKey];\n if (passwordInput.value !== passwordConfirmationInput.value) {\n return passwordConfirmationInput.setErrors({ notEquivalent: true });\n }\n };\n };\n PasswordChangeView.prototype.onPasswordChangeFormSubmit = function () {\n var _this = this;\n this.loading = true;\n var fields = this.form.value;\n this.clearRemoteErrors();\n this.cdr.markForCheck();\n this.passwordChange.passwordChange(fields.oldPassword, fields.newPassword).subscribe(function (success) {\n _this.loading = false;\n _this.cdr.markForCheck();\n _this.onSuccess.emit();\n _this.flashMessagesService.show(_this.translation.translate('PASSWORD_CHANGE.MESSAGE.SUCCESS'), { cssClass: 'alert-success', timeout: 3000 });\n }, function (error) {\n _this.loading = false;\n if (error.errors && error.errors.old_password && error.errors.old_password.length) {\n _this.remoteErrorsOldPassword = error.errors.old_password;\n }\n if (error.errors && error.errors.new_password && error.errors.new_password.length) {\n _this.remoteErrorsNewPassword = error.errors.new_password;\n }\n _this.cdr.markForCheck();\n });\n };\n var _a, _b, _c, _d, _e, _f, _g, _h, _j;\n PasswordChangeView = password_change_view___decorate([\n Object(core_es5[\"Component\"])({\n selector: 'password-change-view',\n template: __webpack_require__(1442),\n changeDetection: core_es5[\"ChangeDetectionStrategy\"].OnPush,\n outputs: ['onSuccess'],\n }),\n password_change_view___metadata(\"design:paramtypes\", [typeof (_a = typeof forms_es5[\"FormBuilder\"] !== \"undefined\" && forms_es5[\"FormBuilder\"]) === \"function\" && _a || Object, typeof (_b = typeof password_change_service_PasswordChangeService !== \"undefined\" && password_change_service_PasswordChangeService) === \"function\" && _b || Object, typeof (_c = typeof core_es5[\"ChangeDetectorRef\"] !== \"undefined\" && core_es5[\"ChangeDetectorRef\"]) === \"function\" && _c || Object, typeof (_d = typeof user_service[\"a\" /* UserService */] !== \"undefined\" && user_service[\"a\" /* UserService */]) === \"function\" && _d || Object, typeof (_e = typeof angular2_flash_messages[\"FlashMessagesService\"] !== \"undefined\" && angular2_flash_messages[\"FlashMessagesService\"]) === \"function\" && _e || Object, typeof (_f = typeof angular_l10n_es5[\"d\" /* TranslationService */] !== \"undefined\" && angular_l10n_es5[\"d\" /* TranslationService */]) === \"function\" && _f || Object, typeof (_g = typeof router_es5[\"a\" /* ActivatedRoute */] !== \"undefined\" && router_es5[\"a\" /* ActivatedRoute */]) === \"function\" && _g || Object, typeof (_h = typeof router_es5[\"g\" /* Router */] !== \"undefined\" && router_es5[\"g\" /* Router */]) === \"function\" && _h || Object, typeof (_j = typeof platform_browser_es5[\"c\" /* DomSanitizer */] !== \"undefined\" && platform_browser_es5[\"c\" /* DomSanitizer */]) === \"function\" && _j || Object])\n ], PasswordChangeView);\n return PasswordChangeView;\n}());\n\n\n// CONCATENATED MODULE: ./src/module/password-change/password-change.module.ts\nvar password_change_module___decorate = (this && this.__decorate) || function (decorators, target, key, desc) {\n var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;\n if (typeof Reflect === \"object\" && typeof Reflect.decorate === \"function\") r = Reflect.decorate(decorators, target, key, desc);\n 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;\n return c > 3 && r && Object.defineProperty(target, key, r), r;\n};\n\n\n\n\n\n\n\nvar password_change_module_PasswordChangeModule = (function () {\n function PasswordChangeModule() {\n }\n PasswordChangeModule = password_change_module___decorate([\n Object(core_es5[\"NgModule\"])({\n imports: [\n shared_module_SharedModule,\n angular_l10n_es5[\"c\" /* LocalizationModule */],\n router_es5[\"h\" /* RouterModule */],\n forms_es5[\"FormsModule\"],\n forms_es5[\"ReactiveFormsModule\"]\n ],\n declarations: [password_change_view_PasswordChangeView],\n entryComponents: [password_change_view_PasswordChangeView],\n providers: [password_change_service_PasswordChangeService],\n exports: [password_change_view_PasswordChangeView]\n })\n ], PasswordChangeModule);\n return PasswordChangeModule;\n}());\n\n\n// CONCATENATED MODULE: ./src/module/password-change/index.ts\n\n\n\n// CONCATENATED MODULE: ./src/module/modal/modal.module.ts\nvar modal_module___decorate = (this && this.__decorate) || function (decorators, target, key, desc) {\n var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;\n if (typeof Reflect === \"object\" && typeof Reflect.decorate === \"function\") r = Reflect.decorate(decorators, target, key, desc);\n 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;\n return c > 3 && r && Object.defineProperty(target, key, r), r;\n};\n\n\n\n\n\n\n\n\n\n\n\n\n\nvar modal_module_ModalModule = (function () {\n function ModalModule() {\n }\n ModalModule = modal_module___decorate([\n Object(core_es5[\"NgModule\"])({\n imports: [forms_es5[\"FormsModule\"], common_es5[\"CommonModule\"], password_change_module_PasswordChangeModule],\n declarations: [\n modal_component[\"a\" /* ModalComponent */],\n close_modal_button_component_ModalCloseButtonComponent,\n alert_modal_component[\"a\" /* AlertModalComponent */],\n prompt_modal_component[\"a\" /* PromptModalComponent */],\n input_modal_component[\"a\" /* InputModalComponent */],\n password_change_modal_component[\"a\" /* PasswordChangeModalComponent */],\n gdpr_info_modal_component[\"a\" /* GdprInfoModalComponent */],\n terms_modal_component[\"a\" /* TermsModalComponent */]\n ],\n entryComponents: [\n modal_component[\"a\" /* ModalComponent */],\n close_modal_button_component_ModalCloseButtonComponent,\n alert_modal_component[\"a\" /* AlertModalComponent */],\n prompt_modal_component[\"a\" /* PromptModalComponent */],\n input_modal_component[\"a\" /* InputModalComponent */],\n password_change_modal_component[\"a\" /* PasswordChangeModalComponent */],\n gdpr_info_modal_component[\"a\" /* GdprInfoModalComponent */],\n terms_modal_component[\"a\" /* TermsModalComponent */]\n ],\n providers: [modal_service[\"a\" /* ModalService */]],\n exports: [modal_component[\"a\" /* ModalComponent */]]\n })\n ], ModalModule);\n return ModalModule;\n}());\n\n\n// EXTERNAL MODULE: ./src/module/player/model/player.model.ts\nvar player_model = __webpack_require__(72);\n\n// CONCATENATED MODULE: ./src/module/colorpicker/colorpicker.model.ts\nvar ColorpickerHsva = (function () {\n function ColorpickerHsva(h, s, v, a) {\n this.h = h;\n this.s = s;\n this.v = v;\n this.a = a;\n }\n return ColorpickerHsva;\n}());\n\nvar ColorpickerHsla = (function () {\n function ColorpickerHsla(h, s, l, a) {\n this.h = h;\n this.s = s;\n this.l = l;\n this.a = a;\n }\n return ColorpickerHsla;\n}());\n\nvar ColorpickerRgba = (function () {\n function ColorpickerRgba(r, g, b, a) {\n this.r = r;\n this.g = g;\n this.b = b;\n this.a = a;\n }\n return ColorpickerRgba;\n}());\n\nvar ColorpickerSliderPosition = (function () {\n function ColorpickerSliderPosition(h, s, v, a) {\n this.h = h;\n this.s = s;\n this.v = v;\n this.a = a;\n }\n return ColorpickerSliderPosition;\n}());\n\nvar ColorpickerSliderDimension = (function () {\n function ColorpickerSliderDimension(h, s, v, a) {\n this.h = h;\n this.s = s;\n this.v = v;\n this.a = a;\n }\n return ColorpickerSliderDimension;\n}());\n\nvar ColorpickerPosition;\n(function (ColorpickerPosition) {\n ColorpickerPosition[ColorpickerPosition[\"right\"] = 0] = \"right\";\n ColorpickerPosition[ColorpickerPosition[\"left\"] = 1] = \"left\";\n ColorpickerPosition[ColorpickerPosition[\"top\"] = 2] = \"top\";\n ColorpickerPosition[ColorpickerPosition[\"bottom\"] = 3] = \"bottom\";\n ColorpickerPosition[ColorpickerPosition[\"center\"] = 4] = \"center\";\n})(ColorpickerPosition || (ColorpickerPosition = {}));\nvar ColorpickerFormat;\n(function (ColorpickerFormat) {\n ColorpickerFormat[ColorpickerFormat[\"hex\"] = 0] = \"hex\";\n ColorpickerFormat[ColorpickerFormat[\"rgba\"] = 1] = \"rgba\";\n ColorpickerFormat[ColorpickerFormat[\"hsla\"] = 2] = \"hsla\";\n})(ColorpickerFormat || (ColorpickerFormat = {}));\n\n// CONCATENATED MODULE: ./src/module/colorpicker/service/colorpicker.service.ts\nvar colorpicker_service___decorate = (this && this.__decorate) || function (decorators, target, key, desc) {\n var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;\n if (typeof Reflect === \"object\" && typeof Reflect.decorate === \"function\") r = Reflect.decorate(decorators, target, key, desc);\n 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;\n return c > 3 && r && Object.defineProperty(target, key, r), r;\n};\nvar colorpicker_service___metadata = (this && this.__metadata) || function (k, v) {\n if (typeof Reflect === \"object\" && typeof Reflect.metadata === \"function\") return Reflect.metadata(k, v);\n};\n\n\n\nvar colorpicker_service_ColorpickerService = (function () {\n function ColorpickerService() {\n this.closeSubject = new Rx[\"Subject\"]();\n this.closeStream$ = this.closeSubject.asObservable();\n }\n ColorpickerService.prototype.close = function () {\n this.closeSubject.next(null);\n };\n ColorpickerService.prototype.hsla2hsva = function (hsla) {\n var h = Math.min(hsla.h, 1), s = Math.min(hsla.s, 1), l = Math.min(hsla.l, 1), a = Math.min(hsla.a, 1);\n if (l === 0) {\n return { h: h, s: 0, v: 0, a: a };\n }\n else {\n var v = l + s * (1 - Math.abs(2 * l - 1)) / 2;\n return { h: h, s: 2 * (v - l) / v, v: v, a: a };\n }\n };\n ColorpickerService.prototype.hsva2hsla = function (hsva) {\n var h = hsva.h, s = hsva.s, v = hsva.v, a = hsva.a;\n if (v === 0) {\n return new ColorpickerHsla(h, 0, 0, a);\n }\n else if (s === 0 && v === 1) {\n return new ColorpickerHsla(h, 1, 1, a);\n }\n else {\n var l = v * (2 - s) / 2;\n return new ColorpickerHsla(h, v * s / (1 - Math.abs(2 * l - 1)), l, a);\n }\n };\n ColorpickerService.prototype.rgbaToHsva = function (rgba) {\n var r = Math.min(rgba.r, 1), g = Math.min(rgba.g, 1), b = Math.min(rgba.b, 1), a = Math.min(rgba.a, 1);\n var max = Math.max(r, g, b), min = Math.min(r, g, b);\n var h = NaN, s, v = max;\n var d = max - min;\n s = max === 0 ? 0 : d / max;\n if (max === min) {\n h = 0;\n }\n else {\n switch (max) {\n case r:\n h = (g - b) / d + (g < b ? 6 : 0);\n break;\n case g:\n h = (b - r) / d + 2;\n break;\n case b:\n h = (r - g) / d + 4;\n break;\n }\n h /= 6;\n }\n return new ColorpickerHsva(h, s, v, a);\n };\n ColorpickerService.prototype.hsvaToRgba = function (hsva) {\n var h = hsva.h, s = hsva.s, v = hsva.v, a = hsva.a;\n var r = NaN, g = NaN, b = NaN;\n var i = Math.floor(h * 6);\n var f = h * 6 - i;\n var p = v * (1 - s);\n var q = v * (1 - f * s);\n var t = v * (1 - (1 - f) * s);\n switch (i % 6) {\n case 0:\n r = v;\n g = t;\n b = p;\n break;\n case 1:\n r = q;\n g = v;\n b = p;\n break;\n case 2:\n r = p;\n g = v;\n b = t;\n break;\n case 3:\n r = p;\n g = q;\n b = v;\n break;\n case 4:\n r = t;\n g = p;\n b = v;\n break;\n case 5:\n r = v;\n g = p;\n b = q;\n break;\n }\n return new ColorpickerRgba(r, g, b, a);\n };\n ColorpickerService.prototype.stringToHsva = function (colorString) {\n var stringParsers = [\n {\n re: /(rgb)a?\\(\\s*(\\d{1,3})\\s*,\\s*(\\d{1,3})\\s*%?,\\s*(\\d{1,3})\\s*%?(?:,\\s*(\\d+(?:\\.\\d+)?)\\s*)?\\)/,\n parse: function (execResult) {\n return new ColorpickerRgba(parseInt(execResult[2]) / 255, parseInt(execResult[3]) / 255, parseInt(execResult[4]) / 255, isNaN(parseFloat(execResult[5])) ? 1 : parseFloat(execResult[5]));\n }\n },\n {\n re: /(hsl)a?\\(\\s*(\\d{1,3})\\s*,\\s*(\\d{1,3})%\\s*,\\s*(\\d{1,3})%\\s*(?:,\\s*(\\d+(?:\\.\\d+)?)\\s*)?\\)/,\n parse: function (execResult) {\n return new ColorpickerHsla(parseInt(execResult[2]) / 360, parseInt(execResult[3]) / 100, parseInt(execResult[4]) / 100, isNaN(parseFloat(execResult[5])) ? 1 : parseFloat(execResult[5]));\n }\n },\n {\n re: /#([a-fA-F0-9]{2})([a-fA-F0-9]{2})([a-fA-F0-9]{2})$/,\n parse: function (execResult) {\n return new ColorpickerRgba(parseInt(execResult[1], 16) / 255, parseInt(execResult[2], 16) / 255, parseInt(execResult[3], 16) / 255, 1);\n }\n },\n {\n re: /#([a-fA-F0-9])([a-fA-F0-9])([a-fA-F0-9])$/,\n parse: function (execResult) {\n return new ColorpickerRgba(parseInt(execResult[1] + execResult[1], 16) / 255, parseInt(execResult[2] + execResult[2], 16) / 255, parseInt(execResult[3] + execResult[3], 16) / 255, 1);\n }\n }\n ];\n colorString = colorString.toLowerCase();\n var hsva = null;\n for (var key in stringParsers) {\n if (stringParsers.hasOwnProperty(key)) {\n var parser = stringParsers[key];\n var match = parser.re.exec(colorString), color = match && parser.parse(match);\n if (color) {\n if (color instanceof ColorpickerRgba) {\n hsva = this.rgbaToHsva(color);\n }\n else if (color instanceof ColorpickerHsla) {\n hsva = this.hsla2hsva(color);\n }\n return hsva;\n }\n }\n }\n return hsva;\n };\n ColorpickerService.prototype.outputFormat = function (hsva, outputFormat) {\n if (hsva.a < 1) {\n switch (outputFormat) {\n case 'hsla':\n var hsla = this.hsva2hsla(hsva);\n var hslaText = new ColorpickerHsla(Math.round((hsla.h) * 360), Math.round(hsla.s * 100), Math.round(hsla.l * 100), Math.round(hsla.a * 100) / 100);\n return 'hsla(' + hslaText.h + ',' + hslaText.s + '%,' + hslaText.l + '%,' + hslaText.a + ')';\n default:\n var rgba = this.denormalizeRGBA(this.hsvaToRgba(hsva));\n return 'rgba(' + rgba.r + ',' + rgba.g + ',' + rgba.b + ',' + Math.round(rgba.a * 100) / 100 + ')';\n }\n }\n else {\n switch (outputFormat) {\n case 'hsla':\n var hsla = this.hsva2hsla(hsva);\n var hslaText = new ColorpickerHsla(Math.round((hsla.h) * 360), Math.round(hsla.s * 100), Math.round(hsla.l * 100), Math.round(hsla.a * 100) / 100);\n return 'hsl(' + hslaText.h + ',' + hslaText.s + '%,' + hslaText.l + '%)';\n case 'rgba':\n var rgba = this.denormalizeRGBA(this.hsvaToRgba(hsva));\n return 'rgb(' + rgba.r + ',' + rgba.g + ',' + rgba.b + ')';\n default:\n return this.hexText(this.denormalizeRGBA(this.hsvaToRgba(hsva)));\n }\n }\n };\n ColorpickerService.prototype.hexText = function (rgba, shorten) {\n if (shorten === void 0) { shorten = false; }\n var hexText = '#' + ((1 << 24) | (rgba.r << 16) | (rgba.g << 8) | rgba.b).toString(16).substr(1);\n if (shorten && hexText[1] === hexText[2] && hexText[3] === hexText[4] && hexText[5] === hexText[6])\n hexText = '#' + hexText[1] + hexText[3] + hexText[5];\n return hexText.toLowerCase();\n };\n ColorpickerService.prototype.denormalizeRGBA = function (rgba) {\n return new ColorpickerRgba(Math.round(rgba.r * 255), Math.round(rgba.g * 255), Math.round(rgba.b * 255), rgba.a);\n };\n ColorpickerService = colorpicker_service___decorate([\n Object(core_es5[\"Injectable\"])(),\n colorpicker_service___metadata(\"design:paramtypes\", [])\n ], ColorpickerService);\n return ColorpickerService;\n}());\n\n\n// CONCATENATED MODULE: ./src/module/colorpicker/service/colorpicker.data.service.ts\nvar colorpicker_data_service___decorate = (this && this.__decorate) || function (decorators, target, key, desc) {\n var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;\n if (typeof Reflect === \"object\" && typeof Reflect.decorate === \"function\") r = Reflect.decorate(decorators, target, key, desc);\n 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;\n return c > 3 && r && Object.defineProperty(target, key, r), r;\n};\nvar colorpicker_data_service___metadata = (this && this.__metadata) || function (k, v) {\n if (typeof Reflect === \"object\" && typeof Reflect.metadata === \"function\") return Reflect.metadata(k, v);\n};\n\n\n\n\nvar colorpicker_data_service_ColorpickerDataService = (function () {\n function ColorpickerDataService(service) {\n this.service = service;\n this.formatValue = ColorpickerFormat;\n this.initialized = false;\n this.updateSubject = new Rx[\"Subject\"]();\n this.updateStream$ = this.updateSubject.asObservable();\n }\n ColorpickerDataService.prototype.init = function (color, format) {\n if (this.initialized != true) {\n this.color = color;\n this.colorCache = color + '';\n this.format = format;\n var hsva = this.service.stringToHsva(color);\n if (hsva !== null)\n this.hsva = hsva;\n else\n this.hsva = new ColorpickerHsva(0, 1, 1, 1);\n this.sliderDimMax = new ColorpickerSliderDimension(150, 230, 130, 150);\n this.slider = new ColorpickerSliderPosition(0, 0, 0, 0);\n this.update();\n this.initialized = true;\n }\n };\n ColorpickerDataService.prototype.setSaturation = function (val) {\n var hsla = this.service.hsva2hsla(this.hsva);\n hsla.s = val.v / val.rg;\n this.hsva = this.service.hsla2hsva(hsla);\n this.update();\n };\n ColorpickerDataService.prototype.setLightness = function (val) {\n var hsla = this.service.hsva2hsla(this.hsva);\n hsla.l = val.v / val.rg;\n this.hsva = this.service.hsla2hsva(hsla);\n this.update();\n };\n ColorpickerDataService.prototype.setHue = function (val) {\n this.hsva.h = val.v / val.rg;\n this.update();\n };\n ColorpickerDataService.prototype.setAlpha = function (val) {\n this.hsva.a = val.v / val.rg;\n this.update();\n };\n ColorpickerDataService.prototype.setR = function (val) {\n var rgba = this.service.hsvaToRgba(this.hsva);\n rgba.r = val.v / val.rg;\n this.hsva = this.service.rgbaToHsva(rgba);\n this.update();\n };\n ColorpickerDataService.prototype.setG = function (val) {\n var rgba = this.service.hsvaToRgba(this.hsva);\n rgba.g = val.v / val.rg;\n this.hsva = this.service.rgbaToHsva(rgba);\n this.update();\n };\n ColorpickerDataService.prototype.setB = function (val) {\n var rgba = this.service.hsvaToRgba(this.hsva);\n rgba.b = val.v / val.rg;\n this.hsva = this.service.rgbaToHsva(rgba);\n this.update();\n };\n ColorpickerDataService.prototype.setSaturationAndBrightness = function (val) {\n this.hsva.s = val.s / val.rgX;\n this.hsva.v = val.v / val.rgY;\n this.update();\n };\n ColorpickerDataService.prototype.setColorFromString = function (value) {\n var hsva = this.service.stringToHsva(value);\n if (hsva !== null)\n this.hsva = hsva;\n this.update();\n };\n ColorpickerDataService.prototype.resetColor = function () {\n this.setColorFromString(this.colorCache);\n };\n ColorpickerDataService.prototype.update = function () {\n var hsla = this.service.hsva2hsla(this.hsva);\n var rgba = this.service.denormalizeRGBA(this.service.hsvaToRgba(this.hsva));\n var hueRgba = this.service.denormalizeRGBA(this.service.hsvaToRgba(new ColorpickerHsva(this.hsva.h, 1, 1, 1)));\n this.hslaText = new ColorpickerHsla(Math.round((hsla.h) * 360), Math.round(hsla.s * 100), Math.round(hsla.l * 100), Math.round(hsla.a * 100) / 100);\n this.rgbaText = new ColorpickerRgba(rgba.r, rgba.g, rgba.b, Math.round(rgba.a * 100) / 100);\n this.hexText = this.service.hexText(rgba);\n this.alphaSliderColor = 'rgb(' + rgba.r + ',' + rgba.g + ',' + rgba.b + ')';\n this.hueSliderColor = 'rgb(' + hueRgba.r + ',' + hueRgba.g + ',' + hueRgba.b + ')';\n if (this.format === 0 && this.hsva.a < 1)\n this.format++;\n this.color = this.service.outputFormat(this.hsva, this.formatValue[this.format]);\n this.slider = new ColorpickerSliderPosition((this.hsva.h) * this.sliderDimMax.h - 8, this.hsva.s * this.sliderDimMax.s - 8, (1 - this.hsva.v) * this.sliderDimMax.v - 8, this.hsva.a * this.sliderDimMax.a - 8);\n this.updateSubject.next({ format: this.format, color: this.color });\n };\n var _a;\n ColorpickerDataService = colorpicker_data_service___decorate([\n Object(core_es5[\"Injectable\"])(),\n colorpicker_data_service___metadata(\"design:paramtypes\", [typeof (_a = typeof colorpicker_service_ColorpickerService !== \"undefined\" && colorpicker_service_ColorpickerService) === \"function\" && _a || Object])\n ], ColorpickerDataService);\n return ColorpickerDataService;\n}());\n\n\n// CONCATENATED MODULE: ./src/module/colorpicker/component/colorpicker.component.ts\nvar colorpicker_component___decorate = (this && this.__decorate) || function (decorators, target, key, desc) {\n var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;\n if (typeof Reflect === \"object\" && typeof Reflect.decorate === \"function\") r = Reflect.decorate(decorators, target, key, desc);\n 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;\n return c > 3 && r && Object.defineProperty(target, key, r), r;\n};\nvar colorpicker_component___metadata = (this && this.__metadata) || function (k, v) {\n if (typeof Reflect === \"object\" && typeof Reflect.metadata === \"function\") return Reflect.metadata(k, v);\n};\n\n\n\nvar colorpicker_component_ColorpickerComponent = (function () {\n function ColorpickerComponent(data) {\n var _this = this;\n this.data = data;\n this.valueChange = new core_es5[\"EventEmitter\"]();\n this.data.updateStream$.subscribe(function (update) { return _this.valueChange.emit(update.color); });\n }\n Object.defineProperty(ColorpickerComponent.prototype, \"value\", {\n set: function (v) {\n if (v == null)\n return;\n var format = ColorpickerFormat.hex;\n if (v.startsWith('#'))\n format = ColorpickerFormat.hex;\n else if (v.startsWith('hsl'))\n format = ColorpickerFormat.hsla;\n else if (v.startsWith('rgb'))\n format = ColorpickerFormat.rgba;\n if (this.data.format != format) {\n this.data.format = format;\n }\n if (!this.data.initialized) {\n this.data.init(v, this.data.format);\n }\n else {\n this.data.setColorFromString(v);\n }\n },\n enumerable: true,\n configurable: true\n });\n var _a;\n ColorpickerComponent = colorpicker_component___decorate([\n Object(core_es5[\"Component\"])({\n selector: 'color-picker',\n host: { 'class': 'form-inline' },\n inputs: ['value'],\n outputs: ['valueChange'],\n template: __webpack_require__(1443),\n styles: [__webpack_require__(1444)],\n viewProviders: [colorpicker_data_service_ColorpickerDataService],\n changeDetection: core_es5[\"ChangeDetectionStrategy\"].OnPush\n }),\n colorpicker_component___metadata(\"design:paramtypes\", [typeof (_a = typeof colorpicker_data_service_ColorpickerDataService !== \"undefined\" && colorpicker_data_service_ColorpickerDataService) === \"function\" && _a || Object])\n ], ColorpickerComponent);\n return ColorpickerComponent;\n}());\n\n\n// CONCATENATED MODULE: ./src/module/colorpicker/component/dialog/colorpicker.dialog.component.ts\nvar colorpicker_dialog_component___decorate = (this && this.__decorate) || function (decorators, target, key, desc) {\n var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;\n if (typeof Reflect === \"object\" && typeof Reflect.decorate === \"function\") r = Reflect.decorate(decorators, target, key, desc);\n 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;\n return c > 3 && r && Object.defineProperty(target, key, r), r;\n};\nvar colorpicker_dialog_component___metadata = (this && this.__metadata) || function (k, v) {\n if (typeof Reflect === \"object\" && typeof Reflect.metadata === \"function\") return Reflect.metadata(k, v);\n};\n\n\n\n\nvar colorpicker_dialog_component_ColorpickerDialogComponent = (function () {\n function ColorpickerDialogComponent(data, cdr, element) {\n var _this = this;\n this.data = data;\n this.cdr = cdr;\n this.element = element;\n this.style = { top: 0, left: 0, width: 232, height: 290, position: 'fixed', arrowTop: 0 };\n this.positionValue = ColorpickerPosition;\n this.dialogArrowSize = 10;\n this.dialogArrowOffset = 15;\n this.data.updateStream$.subscribe(function () { return _this.cdr.markForCheck(); });\n }\n ColorpickerDialogComponent.prototype.ngOnInit = function () {\n this.openColorPicker();\n };\n ColorpickerDialogComponent.prototype.onScroll = function () {\n this.closeColorPicker();\n };\n ColorpickerDialogComponent.prototype.onDocumentMouseDown = function (event) {\n var trg = ('toElement' in event && !!event.toElement ? event.toElement : event.target);\n if (!dom_util[\"a\" /* DOMUtil */].isDescendant(this.element.nativeElement, trg)\n && event.target != this.directiveElementRef.nativeElement) {\n this.closeColorPicker();\n }\n };\n ColorpickerDialogComponent.prototype.onResize = function () {\n if (this.style.position === 'fixed')\n this.setDialogPosition();\n };\n ColorpickerDialogComponent.prototype.setDialog = function (instance, config) {\n this.directiveInstance = instance;\n this.directiveElementRef = instance.element;\n this.config = {\n position: ColorpickerPosition.center,\n positionOffset: 0,\n outputFormat: ColorpickerFormat.hex,\n positionRelativeToArrow: false\n };\n if (config != null) {\n if (config.height != null) {\n this.style.height = config.height;\n }\n if (config.position != null)\n this.config.position = config.position;\n if (config.positionOffset != null)\n this.config.positionOffset = config.positionOffset;\n if (config.outputFormat != null)\n this.config.outputFormat = config.outputFormat;\n if (config.positionRelativeToArrow != null)\n this.config.positionRelativeToArrow = config.positionRelativeToArrow;\n }\n if (!this.config.positionRelativeToArrow)\n this.dialogArrowOffset = 0;\n };\n ColorpickerDialogComponent.prototype.openColorPicker = function () {\n if (!this.show) {\n this.show = true;\n this.setDialogPosition();\n }\n };\n ColorpickerDialogComponent.prototype.closeColorPicker = function () {\n this.show = false;\n this.data.service.close();\n };\n ColorpickerDialogComponent.prototype.setDialogPosition = function () {\n var node = this.directiveElementRef.nativeElement, position = 'static';\n var parentNode = null;\n while (node !== null && node.tagName !== 'HTML') {\n position = window.getComputedStyle(node).getPropertyValue('position');\n if (position !== 'static' && parentNode === null)\n parentNode = node;\n if (position === 'fixed')\n break;\n node = node.parentNode;\n }\n var boxDirective = null;\n if (position !== 'fixed') {\n boxDirective = this.createBox(this.directiveElementRef.nativeElement, true);\n if (parentNode === null)\n parentNode = node;\n var boxParent = this.createBox(parentNode, true);\n this.style.top = boxDirective.top - boxParent.top;\n this.style.left = boxDirective.left - boxParent.left;\n }\n else {\n boxDirective = this.createBox(this.directiveElementRef.nativeElement, false);\n this.style.top = boxDirective.top;\n this.style.left = boxDirective.left;\n this.style.position = 'fixed';\n }\n if (this.config.position == ColorpickerPosition.left && this.config.positionOffset) {\n this.style.top += boxDirective.height * this.config.positionOffset / 100 - this.dialogArrowOffset;\n this.style.left -= this.style.width + this.dialogArrowSize;\n }\n else if (this.config.position == ColorpickerPosition.top && this.config.positionOffset) {\n this.style.top -= this.style.height + this.dialogArrowSize;\n this.style.left += this.config.positionOffset / 100 * boxDirective.width - this.dialogArrowOffset;\n this.style.arrowTop = this.style.height - 1;\n }\n else if (this.config.position == ColorpickerPosition.bottom && this.config.positionOffset) {\n this.style.top += boxDirective.height + this.dialogArrowSize;\n this.style.left += this.config.positionOffset / 100 * boxDirective.width - this.dialogArrowOffset;\n this.style.arrowTop = this.style.height - 1;\n }\n else if (this.config.position == ColorpickerPosition.center) {\n this.style.top = -143;\n this.style.left = 4;\n }\n else if (this.config.positionOffset) {\n this.style.top += boxDirective.height * this.config.positionOffset / 100 - this.dialogArrowOffset;\n this.style.left += boxDirective.width + this.dialogArrowSize;\n }\n this.cdr.markForCheck();\n };\n ColorpickerDialogComponent.prototype.resetColor = function () {\n this.data.resetColor();\n this.closeColorPicker();\n };\n ColorpickerDialogComponent.prototype.createBox = function (element, offset) {\n return {\n top: element.getBoundingClientRect().top + (offset ? window.pageYOffset : 0),\n left: element.getBoundingClientRect().left + (offset ? window.pageXOffset : 0),\n width: element.offsetWidth,\n height: element.offsetHeight\n };\n };\n var _a, _b, _c;\n ColorpickerDialogComponent = colorpicker_dialog_component___decorate([\n Object(core_es5[\"Component\"])({\n selector: 'color-picker-dialog',\n host: {\n '[style.top.px]': 'style.top',\n '[style.left.px]': 'style.left',\n '[style.width.px]': 'style.width',\n '[style.height.px]': 'style.height',\n '(window:resize)': 'onResize()',\n '(window:scroll)': 'onScroll()',\n '(document:mousedown)': 'onDocumentMouseDown($event)'\n },\n template: __webpack_require__(1445),\n styles: [__webpack_require__(1446)]\n }),\n colorpicker_dialog_component___metadata(\"design:paramtypes\", [typeof (_a = typeof colorpicker_data_service_ColorpickerDataService !== \"undefined\" && colorpicker_data_service_ColorpickerDataService) === \"function\" && _a || Object, typeof (_b = typeof core_es5[\"ChangeDetectorRef\"] !== \"undefined\" && core_es5[\"ChangeDetectorRef\"]) === \"function\" && _b || Object, typeof (_c = typeof core_es5[\"ElementRef\"] !== \"undefined\" && core_es5[\"ElementRef\"]) === \"function\" && _c || Object])\n ], ColorpickerDialogComponent);\n return ColorpickerDialogComponent;\n}());\n\n\n// CONCATENATED MODULE: ./src/module/colorpicker/component/sample/colorpicker.sample.component.ts\nvar colorpicker_sample_component___decorate = (this && this.__decorate) || function (decorators, target, key, desc) {\n var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;\n if (typeof Reflect === \"object\" && typeof Reflect.decorate === \"function\") r = Reflect.decorate(decorators, target, key, desc);\n 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;\n return c > 3 && r && Object.defineProperty(target, key, r), r;\n};\nvar colorpicker_sample_component___metadata = (this && this.__metadata) || function (k, v) {\n if (typeof Reflect === \"object\" && typeof Reflect.metadata === \"function\") return Reflect.metadata(k, v);\n};\n\n\nvar colorpicker_sample_component_ColorpickerSampleComponent = (function () {\n function ColorpickerSampleComponent(data, cdr) {\n var _this = this;\n this.data = data;\n this.cdr = cdr;\n this.data.updateStream$.subscribe(function () { return _this.cdr.markForCheck(); });\n }\n var _a, _b;\n ColorpickerSampleComponent = colorpicker_sample_component___decorate([\n Object(core_es5[\"Component\"])({\n selector: 'colorpicker-sample',\n changeDetection: core_es5[\"ChangeDetectionStrategy\"].OnPush,\n template: __webpack_require__(1447),\n styles: [__webpack_require__(1448)]\n }),\n colorpicker_sample_component___metadata(\"design:paramtypes\", [typeof (_a = typeof colorpicker_data_service_ColorpickerDataService !== \"undefined\" && colorpicker_data_service_ColorpickerDataService) === \"function\" && _a || Object, typeof (_b = typeof core_es5[\"ChangeDetectorRef\"] !== \"undefined\" && core_es5[\"ChangeDetectorRef\"]) === \"function\" && _b || Object])\n ], ColorpickerSampleComponent);\n return ColorpickerSampleComponent;\n}());\n\n\n// CONCATENATED MODULE: ./src/module/colorpicker/component/text/colorpicker.text.component.ts\nvar colorpicker_text_component___decorate = (this && this.__decorate) || function (decorators, target, key, desc) {\n var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;\n if (typeof Reflect === \"object\" && typeof Reflect.decorate === \"function\") r = Reflect.decorate(decorators, target, key, desc);\n 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;\n return c > 3 && r && Object.defineProperty(target, key, r), r;\n};\nvar colorpicker_text_component___metadata = (this && this.__metadata) || function (k, v) {\n if (typeof Reflect === \"object\" && typeof Reflect.metadata === \"function\") return Reflect.metadata(k, v);\n};\n\n\nvar colorpicker_text_component_ColorpickerTextComponent = (function () {\n function ColorpickerTextComponent(data, cdr) {\n var _this = this;\n this.data = data;\n this.cdr = cdr;\n this.data.updateStream$.subscribe(function () { return _this.cdr.markForCheck(); });\n }\n ColorpickerTextComponent.prototype.formatPolicy = function () {\n this.data.format = (this.data.format + 1) % 3;\n if (this.data.format === 0 && this.data.hsva.a < 1)\n this.data.format++;\n return this.data.format;\n };\n var _a, _b;\n ColorpickerTextComponent = colorpicker_text_component___decorate([\n Object(core_es5[\"Component\"])({\n selector: 'colorpicker-text',\n changeDetection: core_es5[\"ChangeDetectionStrategy\"].OnPush,\n template: __webpack_require__(1449),\n styles: [__webpack_require__(1450)]\n }),\n colorpicker_text_component___metadata(\"design:paramtypes\", [typeof (_a = typeof colorpicker_data_service_ColorpickerDataService !== \"undefined\" && colorpicker_data_service_ColorpickerDataService) === \"function\" && _a || Object, typeof (_b = typeof core_es5[\"ChangeDetectorRef\"] !== \"undefined\" && core_es5[\"ChangeDetectorRef\"]) === \"function\" && _b || Object])\n ], ColorpickerTextComponent);\n return ColorpickerTextComponent;\n}());\n\n\n// CONCATENATED MODULE: ./src/module/colorpicker/directive/colorpicker.dialog.directive.ts\nvar colorpicker_dialog_directive___decorate = (this && this.__decorate) || function (decorators, target, key, desc) {\n var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;\n if (typeof Reflect === \"object\" && typeof Reflect.decorate === \"function\") r = Reflect.decorate(decorators, target, key, desc);\n 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;\n return c > 3 && r && Object.defineProperty(target, key, r), r;\n};\nvar colorpicker_dialog_directive___metadata = (this && this.__metadata) || function (k, v) {\n if (typeof Reflect === \"object\" && typeof Reflect.metadata === \"function\") return Reflect.metadata(k, v);\n};\n\n\n\n\nvar colorpicker_dialog_directive_ColorpickerDirective = (function () {\n function ColorpickerDirective(element, data, resolver, viewRef) {\n var _this = this;\n this.element = element;\n this.data = data;\n this.resolver = resolver;\n this.viewRef = viewRef;\n this.created = false;\n this.data.service.closeStream$.subscribe(function () { return _this.close(); });\n }\n ColorpickerDirective.prototype.ngOnDestroy = function () {\n this.close();\n };\n ColorpickerDirective.prototype.onClick = function () {\n if (!this.created) {\n this.dialog = this.viewRef\n .createComponent(this.resolver.resolveComponentFactory(colorpicker_dialog_component_ColorpickerDialogComponent))\n .instance;\n if (this.dialog != null) {\n this.dialog.setDialog(this, { position: ColorpickerPosition.center, outputFormat: ColorpickerFormat.hex });\n this.created = true;\n }\n }\n };\n ColorpickerDirective.prototype.close = function () {\n if (this.created != false)\n this.viewRef.remove();\n this.created = false;\n };\n var _a, _b, _c, _d;\n ColorpickerDirective = colorpicker_dialog_directive___decorate([\n Object(core_es5[\"Directive\"])({ selector: '[colorpicker]', host: { '(click)': 'onClick()' } }),\n colorpicker_dialog_directive___metadata(\"design:paramtypes\", [typeof (_a = typeof core_es5[\"ElementRef\"] !== \"undefined\" && core_es5[\"ElementRef\"]) === \"function\" && _a || Object, typeof (_b = typeof colorpicker_data_service_ColorpickerDataService !== \"undefined\" && colorpicker_data_service_ColorpickerDataService) === \"function\" && _b || Object, typeof (_c = typeof core_es5[\"ComponentFactoryResolver\"] !== \"undefined\" && core_es5[\"ComponentFactoryResolver\"]) === \"function\" && _c || Object, typeof (_d = typeof core_es5[\"ViewContainerRef\"] !== \"undefined\" && core_es5[\"ViewContainerRef\"]) === \"function\" && _d || Object])\n ], ColorpickerDirective);\n return ColorpickerDirective;\n}());\n\n\n// CONCATENATED MODULE: ./src/module/colorpicker/directive/colorpicker.slider.directive.ts\nvar colorpicker_slider_directive___decorate = (this && this.__decorate) || function (decorators, target, key, desc) {\n var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;\n if (typeof Reflect === \"object\" && typeof Reflect.decorate === \"function\") r = Reflect.decorate(decorators, target, key, desc);\n 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;\n return c > 3 && r && Object.defineProperty(target, key, r), r;\n};\nvar colorpicker_slider_directive___metadata = (this && this.__metadata) || function (k, v) {\n if (typeof Reflect === \"object\" && typeof Reflect.metadata === \"function\") return Reflect.metadata(k, v);\n};\n\nvar colorpicker_slider_directive_ColorpickerSliderDirective = (function () {\n function ColorpickerSliderDirective(el) {\n var _this = this;\n this.el = el;\n this.newValue = new core_es5[\"EventEmitter\"]();\n this.listenerMove = function (event) { return _this.move(event); };\n this.listenerStop = function () { return _this.stop(); };\n }\n ColorpickerSliderDirective.prototype.setCursor = function (event) {\n var height = this.el.nativeElement.offsetHeight;\n var width = this.el.nativeElement.offsetWidth;\n var x = Math.max(0, Math.min(this.getX(event), width));\n var y = Math.max(0, Math.min(this.getY(event), height));\n if (this.rgX !== undefined && this.rgY !== undefined)\n this.newValue.emit({ s: x / width, v: (1 - y / height), rgX: this.rgX, rgY: this.rgY });\n else if (this.rgX === undefined && this.rgY !== undefined)\n this.newValue.emit({ v: y / height, rg: this.rgY });\n else\n this.newValue.emit({ v: x / width, rg: this.rgX });\n };\n ColorpickerSliderDirective.prototype.move = function (event) {\n event.preventDefault();\n this.setCursor(event);\n };\n ColorpickerSliderDirective.prototype.start = function (event) {\n this.setCursor(event);\n document.addEventListener('mousemove', this.listenerMove);\n document.addEventListener('touchmove', this.listenerMove);\n document.addEventListener('mouseup', this.listenerStop);\n document.addEventListener('touchend', this.listenerStop);\n };\n ColorpickerSliderDirective.prototype.stop = function () {\n document.removeEventListener('mousemove', this.listenerMove);\n document.removeEventListener('touchmove', this.listenerMove);\n document.removeEventListener('mouseup', this.listenerStop);\n document.removeEventListener('touchend', this.listenerStop);\n };\n ColorpickerSliderDirective.prototype.getX = function (event) {\n return (event.pageX !== undefined ? event.pageX : event.touches[0].pageX)\n - this.el.nativeElement.getBoundingClientRect().left - window.pageXOffset;\n };\n ColorpickerSliderDirective.prototype.getY = function (event) {\n return (event.pageY !== undefined ? event.pageY : event.touches[0].pageY)\n - this.el.nativeElement.getBoundingClientRect().top - window.pageYOffset;\n };\n var _a;\n ColorpickerSliderDirective = colorpicker_slider_directive___decorate([\n Object(core_es5[\"Directive\"])({\n selector: '[slider]',\n host: {\n '(mousedown)': 'start($event)',\n '(touchstart)': 'start($event)'\n },\n inputs: ['slider', 'rgX', 'rgY'],\n outputs: ['newValue']\n }),\n colorpicker_slider_directive___metadata(\"design:paramtypes\", [typeof (_a = typeof core_es5[\"ElementRef\"] !== \"undefined\" && core_es5[\"ElementRef\"]) === \"function\" && _a || Object])\n ], ColorpickerSliderDirective);\n return ColorpickerSliderDirective;\n}());\n\n\n// CONCATENATED MODULE: ./src/module/colorpicker/directive/colorpicker.text.directive.ts\nvar colorpicker_text_directive___decorate = (this && this.__decorate) || function (decorators, target, key, desc) {\n var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;\n if (typeof Reflect === \"object\" && typeof Reflect.decorate === \"function\") r = Reflect.decorate(decorators, target, key, desc);\n 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;\n return c > 3 && r && Object.defineProperty(target, key, r), r;\n};\n\nvar colorpicker_text_directive_ColorpickerTextDirective = (function () {\n function ColorpickerTextDirective() {\n this.newValue = new core_es5[\"EventEmitter\"]();\n }\n ColorpickerTextDirective.prototype.changeInput = function (value) {\n if (this.rg === undefined) {\n this.newValue.emit(value);\n }\n else {\n var numeric = parseFloat(value);\n if (!isNaN(numeric) && numeric >= 0 && numeric <= this.rg) {\n this.newValue.emit({ v: numeric, rg: this.rg });\n }\n }\n };\n ColorpickerTextDirective = colorpicker_text_directive___decorate([\n Object(core_es5[\"Directive\"])({\n selector: '[text]',\n host: { '(input)': 'changeInput($event.target.value)' },\n inputs: ['text', 'rg'],\n outputs: ['newValue']\n })\n ], ColorpickerTextDirective);\n return ColorpickerTextDirective;\n}());\n\n\n// CONCATENATED MODULE: ./src/module/colorpicker/colorpicker.module.ts\nvar colorpicker_module___decorate = (this && this.__decorate) || function (decorators, target, key, desc) {\n var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;\n if (typeof Reflect === \"object\" && typeof Reflect.decorate === \"function\") r = Reflect.decorate(decorators, target, key, desc);\n 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;\n return c > 3 && r && Object.defineProperty(target, key, r), r;\n};\n\n\n\n\n\n\n\n\n\n\nvar colorpicker_module_ColorpickerModule = (function () {\n function ColorpickerModule() {\n }\n ColorpickerModule = colorpicker_module___decorate([\n Object(core_es5[\"NgModule\"])({\n imports: [\n common_es5[\"CommonModule\"]\n ],\n providers: [\n colorpicker_service_ColorpickerService\n ],\n entryComponents: [\n colorpicker_component_ColorpickerComponent,\n colorpicker_dialog_component_ColorpickerDialogComponent\n ],\n declarations: [\n colorpicker_component_ColorpickerComponent,\n colorpicker_dialog_component_ColorpickerDialogComponent,\n colorpicker_dialog_directive_ColorpickerDirective,\n colorpicker_text_directive_ColorpickerTextDirective,\n colorpicker_slider_directive_ColorpickerSliderDirective,\n colorpicker_text_component_ColorpickerTextComponent,\n colorpicker_sample_component_ColorpickerSampleComponent\n ],\n exports: [\n colorpicker_component_ColorpickerComponent\n ]\n })\n ], ColorpickerModule);\n return ColorpickerModule;\n}());\n\n\n// CONCATENATED MODULE: ./src/module/player/modules/builder/model/player.builder.model.ts\nvar PlayerBuilderRouteGroup;\n(function (PlayerBuilderRouteGroup) {\n PlayerBuilderRouteGroup[\"core\"] = \"core\";\n PlayerBuilderRouteGroup[\"video\"] = \"video\";\n PlayerBuilderRouteGroup[\"skin\"] = \"skin\";\n})(PlayerBuilderRouteGroup || (PlayerBuilderRouteGroup = {}));\nvar PlayerBuilderRoute;\n(function (PlayerBuilderRoute) {\n PlayerBuilderRoute[\"general\"] = \"general\";\n PlayerBuilderRoute[\"playback\"] = \"playback\";\n PlayerBuilderRoute[\"theme\"] = \"theme\";\n PlayerBuilderRoute[\"icons\"] = \"icons\";\n PlayerBuilderRoute[\"features\"] = \"features\";\n PlayerBuilderRoute[\"branding\"] = \"branding\";\n PlayerBuilderRoute[\"endsplash\"] = \"endsplash\";\n})(PlayerBuilderRoute || (PlayerBuilderRoute = {}));\nvar PlayerBuilderRouteData;\n(function (PlayerBuilderRouteData) {\n PlayerBuilderRouteData[\"bxplayer\"] = \"bxplayer\";\n PlayerBuilderRouteData[\"docksLink\"] = \"docksLink\";\n PlayerBuilderRouteData[\"dataProvider\"] = \"dataProvider\";\n PlayerBuilderRouteData[\"seek\"] = \"seek\";\n})(PlayerBuilderRouteData || (PlayerBuilderRouteData = {}));\nvar PlayerBuilderCanLeaveModalAnswer;\n(function (PlayerBuilderCanLeaveModalAnswer) {\n PlayerBuilderCanLeaveModalAnswer[\"save\"] = \"save\";\n PlayerBuilderCanLeaveModalAnswer[\"reset\"] = \"reset\";\n PlayerBuilderCanLeaveModalAnswer[\"abort\"] = \"abort\";\n})(PlayerBuilderCanLeaveModalAnswer || (PlayerBuilderCanLeaveModalAnswer = {}));\n\n// CONCATENATED MODULE: ./node_modules/@bradmax/player-util/dist/es/config/merger.js\nvar merger_isObject = function (obj) { return obj && typeof obj === 'object'; };\nfunction mergeDeep(target, source) {\n if (!merger_isObject(target) || !merger_isObject(source))\n return source;\n Object.keys(source)\n .forEach(function (k) {\n var key = k;\n var sourceValue = source[key];\n var targetValue = target[key];\n if (Array.isArray(targetValue) && Array.isArray(sourceValue))\n target[key] = targetValue.concat(sourceValue);\n else if (merger_isObject(targetValue) && merger_isObject(sourceValue))\n target[key] = mergeDeep(Object.assign(Object.create(null), targetValue), sourceValue);\n else\n target[key] = sourceValue;\n });\n return target;\n}\n\n// CONCATENATED MODULE: ./node_modules/@bradmax/player-util/dist/es/index.js\n\n\n// CONCATENATED MODULE: ./src/util/coercion.ts\nfunction coerceNumberProperty(value, fallbackValue) {\n if (fallbackValue === void 0) { fallbackValue = 0; }\n return _isNumberValue(value) ? Number(value) : fallbackValue;\n}\nfunction _isNumberValue(value) {\n return !isNaN(parseFloat(value)) && !isNaN(Number(value));\n}\nfunction coerceBooleanProperty(value) {\n return value != null && \"\" + value !== 'false';\n}\n\n// CONCATENATED MODULE: ./src/module/player/modules/builder/service/data/player.builder.data.diff.service.ts\nvar player_builder_data_diff_service___decorate = (this && this.__decorate) || function (decorators, target, key, desc) {\n var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;\n if (typeof Reflect === \"object\" && typeof Reflect.decorate === \"function\") r = Reflect.decorate(decorators, target, key, desc);\n 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;\n return c > 3 && r && Object.defineProperty(target, key, r), r;\n};\n\nvar DiffType;\n(function (DiffType) {\n DiffType[\"created\"] = \"created\";\n DiffType[\"updated\"] = \"updated\";\n DiffType[\"deleted\"] = \"deleted\";\n DiffType[\"unchanged\"] = \"unchanged\";\n})(DiffType || (DiffType = {}));\nvar player_builder_data_diff_service_PlayerBuilderDataDiffService = (function () {\n function PlayerBuilderDataDiffService() {\n }\n PlayerBuilderDataDiffService.prototype.isFunction = function (x) { return Object.prototype.toString.call(x) === '[object Function]'; };\n PlayerBuilderDataDiffService.prototype.isArray = function (x) { return Object.prototype.toString.call(x) === '[object Array]'; };\n PlayerBuilderDataDiffService.prototype.isDate = function (x) { return Object.prototype.toString.call(x) === '[object Date]'; };\n PlayerBuilderDataDiffService.prototype.isObject = function (x) { return Object.prototype.toString.call(x) === '[object Object]'; };\n PlayerBuilderDataDiffService.prototype.isValue = function (x) { return !this.isObject(x) && !this.isArray(x); };\n PlayerBuilderDataDiffService.prototype.map = function (obj1, obj2) {\n if (this.isFunction(obj1) || this.isFunction(obj2)) {\n throw 'Invalid argument. Function given, object expected.';\n }\n if (this.isValue(obj1) || this.isValue(obj2)) {\n return {\n type: this.compareValues(obj1, obj2),\n data: obj1 === undefined ? obj2 : obj1,\n };\n }\n var diff;\n for (var key in obj1) {\n if (this.isFunction(obj1[key])) {\n continue;\n }\n var value2 = undefined;\n if (obj2[key] !== undefined) {\n value2 = obj2[key];\n }\n if (!diff) {\n diff = {};\n }\n diff[key] = this.map(obj1[key], value2);\n }\n for (var key in obj2) {\n if (this.isFunction(obj2[key]) || diff[key] !== undefined) {\n continue;\n }\n if (!diff) {\n diff = {};\n }\n diff[key] = this.map(undefined, obj2[key]);\n }\n return diff;\n };\n PlayerBuilderDataDiffService.prototype.compare = function (obj1, obj2) {\n return this.filterChanged(this.map(obj1, obj2));\n };\n PlayerBuilderDataDiffService.prototype.filterChanged = function (o) {\n var filtered = undefined;\n var _loop_1 = function (okey) {\n var oval = o[okey];\n var type = oval.type, data = oval.data;\n var key = okey;\n switch (type) {\n case DiffType.created:\n if (!filtered)\n filtered = {};\n filtered[key] = data;\n break;\n case DiffType.updated:\n if (!filtered)\n filtered = {};\n filtered[key] = data;\n break;\n case DiffType.deleted:\n break;\n case DiffType.unchanged:\n break;\n default:\n if (!filtered)\n filtered = {};\n var filteredObj_1 = this_1.filterChanged(oval);\n if (filteredObj_1 != undefined) {\n var keys = Object.keys(filteredObj_1);\n if (keys.length > 0) {\n if (typeof filteredObj_1 === 'object') {\n if (keys[0] === '0') {\n filtered[key] = keys.map(function (k) { return filteredObj_1[k]; });\n }\n else {\n filtered[key] = filteredObj_1;\n }\n }\n }\n }\n break;\n }\n };\n var this_1 = this;\n for (var okey in o) {\n _loop_1(okey);\n }\n return filtered;\n };\n ;\n PlayerBuilderDataDiffService.prototype.compareValues = function (value1, value2) {\n if (value1 === value2) {\n return DiffType.unchanged;\n }\n if (this.isDate(value1) && this.isDate(value2) && value1.getTime() === value2.getTime()) {\n return DiffType.unchanged;\n }\n if (value1 === undefined) {\n return DiffType.deleted;\n }\n if (value2 === undefined) {\n return DiffType.created;\n }\n return DiffType.updated;\n };\n PlayerBuilderDataDiffService.prototype.mergeDeep = function (target, source) {\n var _this = this;\n var isObject = function (obj) { return obj && typeof obj === 'object'; };\n if (!isObject(target) || !isObject(source))\n return source;\n Object.keys(source).forEach(function (key) {\n var sourceValue = source[key];\n var targetValue = target[key];\n if (Array.isArray(targetValue) && Array.isArray(sourceValue))\n target[key] = targetValue.concat(sourceValue);\n else if (isObject(targetValue) && isObject(sourceValue))\n target[key] = _this.mergeDeep(Object.assign(Object.create(null), targetValue), sourceValue);\n else\n target[key] = sourceValue;\n });\n return target;\n };\n PlayerBuilderDataDiffService = player_builder_data_diff_service___decorate([\n Object(core_es5[\"Injectable\"])()\n ], PlayerBuilderDataDiffService);\n return PlayerBuilderDataDiffService;\n}());\n\n\n// CONCATENATED MODULE: ./src/module/player/modules/builder/service/player.builder.video.service.ts\nvar player_builder_video_service___assign = (this && this.__assign) || Object.assign || function(t) {\n for (var s, i = 1, n = arguments.length; i < n; i++) {\n s = arguments[i];\n for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))\n t[p] = s[p];\n }\n return t;\n};\nvar player_builder_video_service___decorate = (this && this.__decorate) || function (decorators, target, key, desc) {\n var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;\n if (typeof Reflect === \"object\" && typeof Reflect.decorate === \"function\") r = Reflect.decorate(decorators, target, key, desc);\n 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;\n return c > 3 && r && Object.defineProperty(target, key, r), r;\n};\nvar player_builder_video_service___metadata = (this && this.__metadata) || function (k, v) {\n if (typeof Reflect === \"object\" && typeof Reflect.metadata === \"function\") return Reflect.metadata(k, v);\n};\n\n\nvar player_builder_video_service_PlayerBuilderVideoService = (function () {\n function PlayerBuilderVideoService(zone) {\n this.zone = zone;\n this._config = {};\n this.seekValue = null;\n this.currentDuration = NaN;\n this.$player = new Rx[\"BehaviorSubject\"](null);\n this.$event = new Rx[\"BehaviorSubject\"](null);\n }\n Object.defineProperty(PlayerBuilderVideoService.prototype, \"api\", {\n get: function () {\n if (!!this.$player.value && !!this.$player.value.modules && !!this.$player.value.modules.JavascriptApi)\n return this.$player.value.modules.JavascriptApi;\n else\n return null;\n },\n enumerable: true,\n configurable: true\n });\n ;\n Object.defineProperty(PlayerBuilderVideoService.prototype, \"skin\", {\n get: function () {\n if (!!this.$player.value && !!this.$player.value.modules && !!this.$player.value.modules.HtmlSkin)\n return this.$player.value.modules.HtmlSkin;\n else\n return null;\n },\n enumerable: true,\n configurable: true\n });\n ;\n Object.defineProperty(PlayerBuilderVideoService.prototype, \"isEndSplashVisible\", {\n get: function () { return !!this.skin ? !!this.skin.state.splash.show.end : false; },\n enumerable: true,\n configurable: true\n });\n Object.defineProperty(PlayerBuilderVideoService.prototype, \"config\", {\n get: function () {\n if ('qualitySelectionEnabled' in this._config && this._config.qualitySelectionEnabled === false)\n delete this._config.qualitySelectionEnabled;\n return this._config;\n },\n set: function (c) { this._config = player_builder_video_service___assign({}, this._config, c); },\n enumerable: true,\n configurable: true\n });\n ;\n ;\n Object.defineProperty(PlayerBuilderVideoService.prototype, \"container\", {\n get: function () { return this._container; },\n set: function (c) { this._container = c; },\n enumerable: true,\n configurable: true\n });\n ;\n ;\n Object.defineProperty(PlayerBuilderVideoService.prototype, \"player$\", {\n get: function () { return this.$player.asObservable(); },\n enumerable: true,\n configurable: true\n });\n Object.defineProperty(PlayerBuilderVideoService.prototype, \"event$\", {\n get: function () { return this.$event.asObservable(); },\n enumerable: true,\n configurable: true\n });\n Object.defineProperty(PlayerBuilderVideoService.prototype, \"playerVer\", {\n get: function () { return this.api ? this.api.getVersion() : undefined; },\n enumerable: true,\n configurable: true\n });\n PlayerBuilderVideoService.prototype.create = function () {\n var _this = this;\n this.destroy();\n if (!this.container || !this.config || !bradmax.player.create) {\n return;\n }\n this.zone.runOutsideAngular(function () {\n try {\n delete _this.config.showSkinOnInit;\n var player = bradmax.player.create(_this.container, _this.config);\n _this.$player.next(player);\n _this.api.add(\"VideoEvent.playing\", function (e) { return _this.$event.next(e); });\n _this.api.add(\"VideoEvent.paused\", function (e) { return _this.$event.next(e); });\n _this.api.add(\"VideoEvent.stopped\", function (e) { return _this.$event.next(e); });\n _this.api.add(\"VideoEvent.durationChange\", function (e) { _this.currentDuration = e.data.duration; _this.$event.next(e); });\n _this.api.add(\"VideoEvent.currentTimeChange\", function (e) { return _this.$event.next(e); });\n _this.api.add(\"VideoEvent.complete\", function (e) { return _this.$event.next(e); });\n _this.api.add(\"VideoEvent.bufferingStart\", function (e) { return _this.$event.next(e); });\n _this.api.add(\"VideoEvent.bufferingEnd\", function (e) { return _this.$event.next(e); });\n _this.api.add(\"VideoEvent.seekingStart\", function (e) { return _this.$event.next(e); });\n _this.api.add(\"VideoEvent.seekingEnd\", function (e) { return _this.$event.next(e); });\n switch (_this.seekValue) {\n case 'end':\n _this.seekEnd();\n break;\n case 'start':\n default:\n _this.seekStart();\n break;\n }\n }\n catch (e) {\n console.error(\"[VideoService].create.ERROR\", e);\n console.debug('[VideoService].create.config', _this.config);\n console.debug('[VideoService].HtmlSkin.plugin', _this.skin);\n }\n });\n };\n PlayerBuilderVideoService.prototype.destroy = function () {\n var _this = this;\n this.currentDuration = NaN;\n if (this.$player.value != null || !bradmax.player.destroy) {\n this.zone.runOutsideAngular(function () {\n try {\n bradmax.player.destroy(_this.$player.value);\n }\n catch (e) {\n console.error(\"[VideoService].destroy.ERROR\", e);\n }\n });\n }\n this.$player.next(null);\n };\n PlayerBuilderVideoService.prototype.seek = function (t) {\n var _this = this;\n if (this.seekValue === t)\n return;\n this.seekValue = t;\n if (!!this.api) {\n this.zone.runOutsideAngular(function () {\n switch (_this.seekValue) {\n case 'end':\n _this.seekEnd();\n break;\n case 'start':\n _this.seekStart();\n break;\n default:\n break;\n }\n });\n }\n };\n PlayerBuilderVideoService.prototype.seekStart = function () {\n var _this = this;\n if (!this.api)\n return;\n this.api.seek(0);\n this.api.addOnce(\"VideoEvent.seekingEnd\", function (_) { return _this.api.pause(); });\n };\n PlayerBuilderVideoService.prototype.seekEnd = function () {\n var _this = this;\n if (!this.api || isNaN(this.currentDuration))\n return;\n this.api.seek(this.currentDuration);\n this.api.addOnce(\"VideoEvent.seekingEnd\", function (_) { return _this.api.play(); });\n };\n var _a;\n PlayerBuilderVideoService = player_builder_video_service___decorate([\n Object(core_es5[\"Injectable\"])(),\n player_builder_video_service___metadata(\"design:paramtypes\", [typeof (_a = typeof core_es5[\"NgZone\"] !== \"undefined\" && core_es5[\"NgZone\"]) === \"function\" && _a || Object])\n ], PlayerBuilderVideoService);\n return PlayerBuilderVideoService;\n}());\n\n\n// CONCATENATED MODULE: ./src/module/player/modules/builder/service/player.builder.data.service.ts\nvar player_builder_data_service___assign = (this && this.__assign) || Object.assign || function(t) {\n for (var s, i = 1, n = arguments.length; i < n; i++) {\n s = arguments[i];\n for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))\n t[p] = s[p];\n }\n return t;\n};\nvar player_builder_data_service___decorate = (this && this.__decorate) || function (decorators, target, key, desc) {\n var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;\n if (typeof Reflect === \"object\" && typeof Reflect.decorate === \"function\") r = Reflect.decorate(decorators, target, key, desc);\n 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;\n return c > 3 && r && Object.defineProperty(target, key, r), r;\n};\nvar player_builder_data_service___metadata = (this && this.__metadata) || function (k, v) {\n if (typeof Reflect === \"object\" && typeof Reflect.metadata === \"function\") return Reflect.metadata(k, v);\n};\n\n\n\n\n\n\n\n\n\nvar player_builder_data_service_PlayerBuilderDataService = (function () {\n function PlayerBuilderDataService(user, video, diff, cp, api) {\n this.user = user;\n this.video = video;\n this.diff = diff;\n this.cp = cp;\n this.api = api;\n this.skinIconFontVariationSettings = null;\n }\n Object.defineProperty(PlayerBuilderDataService.prototype, \"userAdsSupportEnabled\", {\n get: function () { return this.user.hasAdsSupport(); },\n enumerable: true,\n configurable: true\n });\n Object.defineProperty(PlayerBuilderDataService.prototype, \"isDirty\", {\n get: function () { return this.buildName != this.savedBuildName || this.formCache !== JSON.stringify(this.formData); },\n enumerable: true,\n configurable: true\n });\n Object.defineProperty(PlayerBuilderDataService.prototype, \"$\", {\n get: function () { return this.formSub.asObservable(); },\n enumerable: true,\n configurable: true\n });\n Object.defineProperty(PlayerBuilderDataService.prototype, \"videoPlayer$\", {\n get: function () { return this.video.player$; },\n enumerable: true,\n configurable: true\n });\n Object.defineProperty(PlayerBuilderDataService.prototype, \"videoEvent$\", {\n get: function () { return this.video.event$; },\n enumerable: true,\n configurable: true\n });\n Object.defineProperty(PlayerBuilderDataService.prototype, \"RESOURCE\", {\n get: function () { return bradmax.builder.resource; },\n enumerable: true,\n configurable: true\n });\n Object.defineProperty(PlayerBuilderDataService.prototype, \"DEFAULT\", {\n get: function () { return this.RESOURCE.defaultSettings; },\n enumerable: true,\n configurable: true\n });\n Object.defineProperty(PlayerBuilderDataService.prototype, \"VERSION\", {\n get: function () { return bradmax.builder.resource.version; },\n enumerable: true,\n configurable: true\n });\n PlayerBuilderDataService.prototype.videoSeek = function (t) { this.video.seek(t); };\n PlayerBuilderDataService.prototype.init = function () {\n var _this = this;\n this.formSub = new Rx[\"BehaviorSubject\"](this.DEFAULT);\n this.video.config = this.DEFAULT.variable;\n if (!!this.videoPlayerSub && !this.videoPlayerSub.closed)\n this.videoPlayerSub.unsubscribe();\n this.videoPlayerSub = this.videoPlayer$\n .subscribe(function (p) {\n _this.videoPlayerSkin = p && p.modules && p.modules.HtmlSkin ? p.modules.HtmlSkin : null;\n _this.videoPlayerJsApi = p && p.modules && p.modules.JavascriptApi ? p.modules.JavascriptApi : null;\n if (_this.videoPlayerSkin) {\n _this.playerLocales = _this.videoPlayerSkin.builder.locales();\n if (_this.skinless) {\n _this.videoPlayerSkin.skinElement.classList.add('hide');\n }\n }\n });\n };\n PlayerBuilderDataService.prototype.destroy = function () {\n if (!!this.videoPlayerSub && !this.videoPlayerSub.closed)\n this.videoPlayerSub.unsubscribe();\n this.videoPlayerSub = null;\n this.video.destroy();\n this.createdAt = undefined;\n this.updatedAt = undefined;\n this.publishedAt = undefined;\n this.accountId = undefined;\n this.buildId = undefined;\n this.buildName = undefined;\n this.savedBuildName = undefined;\n this.formSub = null;\n this.formCache = null;\n this.savedData = null;\n this.videoPlayerSkin = null;\n this.videoPlayerJsApi = null;\n this.skinIconFontVariationSettings = null;\n };\n PlayerBuilderDataService.prototype.parseResponseData = function (resp) {\n this.accountId = resp.account;\n this.buildId = resp.id;\n this.createdAt = resp.created_at;\n this.updatedAt = resp.updated_at;\n this.buildName = resp.name;\n this.savedBuildName = resp.name;\n var conf_json = JSON.parse(resp.conf_json);\n this.publishedAt = resp.latest_webbuild ? resp.latest_webbuild.created_at : null;\n this.savedData = {};\n var typeKey = 'type';\n if (typeKey in conf_json)\n this.savedData.type = conf_json.type;\n var versionKey = 'version';\n if (versionKey in conf_json)\n this.savedData.version = conf_json.version;\n var themeKey = 'theme';\n if (themeKey in conf_json)\n this.savedData.theme = conf_json.theme;\n var variableKey = 'variable';\n if (variableKey in conf_json)\n this.savedData.variable = conf_json.variable;\n var pluginKey = 'plugin';\n if (pluginKey in conf_json)\n this.savedData.plugin = conf_json.plugin;\n var theme = this.savedData.theme ? this.savedData.theme : this.DEFAULT.theme;\n var skinDefault = player_builder_data_service___assign({}, this.RESOURCE.themes[theme]);\n var icon = player_builder_data_service___assign({}, skinDefault.icon);\n var savedSkin = this.savedData.variable && this.savedData.variable.skin ? this.savedData.variable.skin : null;\n if (!!savedSkin) {\n if (!!savedSkin.icon) {\n if (this.isSkinSvg(skinDefault.icon) && this.isSkinSvg(savedSkin.icon)) {\n icon = { svg: player_builder_data_service___assign({}, skinDefault.icon.svg, savedSkin.icon.svg) };\n }\n else if (this.isSkinFont(skinDefault.icon) && this.isSkinFont(savedSkin.icon)) {\n icon = { font: player_builder_data_service___assign({}, skinDefault.icon.font, savedSkin.icon.font) };\n }\n else {\n icon = player_builder_data_service___assign({}, savedSkin.icon);\n }\n }\n }\n var skin = savedSkin\n ? player_builder_data_service___assign({}, mergeDeep(skinDefault, savedSkin), { icon: icon }) : player_builder_data_service___assign({}, skinDefault);\n var variable = this.savedData.variable\n ? player_builder_data_service___assign({}, mergeDeep(player_builder_data_service___assign({}, this.DEFAULT.variable), this.savedData.variable), { skin: skin }) : player_builder_data_service___assign({}, this.DEFAULT.variable, { skin: skin });\n var formData = {\n version: this.savedData.version ? this.savedData.version : this.DEFAULT.version,\n type: this.savedData.type ? this.savedData.type : this.DEFAULT.type,\n theme: theme,\n variable: variable,\n plugin: this.savedData.plugin ? this.savedData.plugin : this.DEFAULT.plugin,\n };\n this.formCache = JSON.stringify(formData);\n this.formData = formData;\n this.resetPlayer();\n };\n PlayerBuilderDataService.prototype.reset = function () {\n if (!this.isDirty)\n return;\n this.formData = JSON.parse(this.formCache);\n this.resetPlayer();\n };\n PlayerBuilderDataService.prototype.resetPlayer = function () {\n this.video.config = this.formData.variable;\n if (this.videoPlayerJsApi) {\n this.videoPlayerJsApi.setMute(this.mute);\n this.videoPlayerJsApi.setVolume(this.volume);\n }\n if (this.videoPlayerSkin) {\n this.videoPlayerSkin.skinElement.classList.remove('hide');\n this.videoPlayerSkin.builder.pip(this.pictureInPictureButtonVisible);\n this.videoPlayerSkin.builder.casting(this.videoCastEnabled);\n this.videoPlayerSkin.builder.fullscreen(this.fullscreenEnabled);\n this.videoPlayerSkin.builder.playbackRate(this.playbackRateEnabled);\n this.videoPlayerSkin.builder.contextmenu(this.contextMenuDisabled);\n this.videoPlayerSkin.builder.quality(this.qualitySelectionEnabled);\n this.videoPlayerSkin.builder.endSplash(this.endSplash);\n this.videoPlayerSkin.set_color(this.skinColor);\n }\n this.updateBrand();\n this.updateSkinIconFontVariationSettings();\n this.video.create();\n };\n PlayerBuilderDataService.prototype.save$ = function () {\n return this.api.updatePlayer(this.accountId, \"\" + this.buildId, {\n api_version: '2',\n name: this.buildName,\n conf_json: this.formatDataToSave()\n });\n };\n PlayerBuilderDataService.prototype.publish$ = function () { return this.api.generateBuild(this.accountId, \"\" + this.buildId); };\n PlayerBuilderDataService.prototype.formatDataToSave = function () {\n var value = this.formData;\n if (this.userAdsSupportEnabled == false) {\n value.plugin.AdvertisementDataProvider = false;\n value.plugin.FreeWheel = false;\n }\n var formVariable = value.variable;\n var compareWithVariable = player_builder_data_service___assign({}, this.DEFAULT.variable, { skin: player_builder_data_service___assign({}, this.RESOURCE.themes[this.skinName]) });\n var variable = this.diff.compare(formVariable, compareWithVariable);\n var data = {\n version: this.DEFAULT.version,\n type: this.DEFAULT.type,\n theme: this.skinName,\n variable: variable,\n plugin: value.plugin,\n };\n var formatted = JSON.stringify(data, function (_key, value) {\n if (value == null)\n return undefined;\n if (!!value && typeof value === 'string' && value.length > 0)\n return value.trim();\n return value;\n });\n return formatted;\n };\n PlayerBuilderDataService.prototype.isSkinSvg = function (v) { return 'svg' in v; };\n PlayerBuilderDataService.prototype.isSkinFont = function (v) { return 'font' in v; };\n PlayerBuilderDataService.prototype.updateSkinIconFontVariationSettings = function (variation) {\n if (variation == null) {\n var fnt = this.player.skin && this.player.skin.icon && 'font' in this.player.skin.icon\n ? this.player.skin.icon.font\n : null;\n variation = fnt && fnt.variation ? fnt.variation : null;\n }\n var keys = variation ? Object.keys(variation) : [];\n if (keys.length > 0)\n this.skinIconFontVariationSettings = keys\n .map(function (k) { return \"\\\"\" + k + \"\\\" \" + variation[k]; })\n .join(\", \");\n else\n this.skinIconFontVariationSettings = null;\n };\n Object.defineProperty(PlayerBuilderDataService.prototype, \"formData\", {\n get: function () { return this.formSub && this.formSub.value ? this.formSub.value : this.DEFAULT; },\n set: function (data) { this.formSub.next(data); },\n enumerable: true,\n configurable: true\n });\n Object.defineProperty(PlayerBuilderDataService.prototype, \"player\", {\n get: function () { return this.formData ? this.formData.variable : null; },\n set: function (cfg) {\n if (this.video)\n this.video.config = cfg;\n var value = this.formData;\n if (!value)\n return;\n this.formData = player_builder_data_service___assign({}, value, { variable: player_builder_data_service___assign({}, value.variable, cfg) });\n },\n enumerable: true,\n configurable: true\n });\n PlayerBuilderDataService.prototype.readPlayer = function (key) { return !!this.player && key in this.player ? this.player[key] : this.DEFAULT.variable[key]; };\n Object.defineProperty(PlayerBuilderDataService.prototype, \"plugins\", {\n get: function () { return this.formData ? this.formData.plugin : null; },\n set: function (cfg) {\n var value = this.formData;\n if (!value)\n return;\n this.formData = player_builder_data_service___assign({}, value, { plugin: player_builder_data_service___assign({}, value.plugin, cfg) });\n },\n enumerable: true,\n configurable: true\n });\n PlayerBuilderDataService.prototype.readPlugins = function (key) { return !!this.plugins && key in this.plugins ? this.plugins[key] : false; };\n PlayerBuilderDataService.prototype.writePlayer = function (key, value) {\n var _a;\n this.player = (_a = {}, _a[key] = value, _a);\n };\n PlayerBuilderDataService.prototype.writePlugin = function (key, value) {\n var _a;\n this.plugins = (_a = {}, _a[key] = value, _a);\n };\n PlayerBuilderDataService.prototype.deletePlugin = function (key) { delete this.plugins[key]; };\n Object.defineProperty(PlayerBuilderDataService.prototype, \"autoplay\", {\n get: function () { return this.readPlayer('autoplay'); },\n set: function (v) { this.writePlayer('autoplay', v); if (!!v && this.mute !== true)\n this.mute = true; },\n enumerable: true,\n configurable: true\n });\n Object.defineProperty(PlayerBuilderDataService.prototype, \"mute\", {\n get: function () { return this.readPlayer('mute'); },\n set: function (v) { this.writePlayer('mute', v); if (this.videoPlayerJsApi)\n this.videoPlayerJsApi.setMute(v); },\n enumerable: true,\n configurable: true\n });\n Object.defineProperty(PlayerBuilderDataService.prototype, \"volume\", {\n get: function () { return this.readPlayer('volume'); },\n set: function (v) { this.writePlayer('volume', v); if (this.videoPlayerJsApi)\n this.videoPlayerJsApi.setVolume(v); },\n enumerable: true,\n configurable: true\n });\n Object.defineProperty(PlayerBuilderDataService.prototype, \"locale\", {\n get: function () { return this.readPlayer('locale'); },\n set: function (v) { this.writePlayer('locale', v); this.video.create(); },\n enumerable: true,\n configurable: true\n });\n Object.defineProperty(PlayerBuilderDataService.prototype, \"audio\", {\n get: function () { return this.readPlayer('audio'); },\n set: function (v) { this.writePlayer('audio', v); this.video.create(); },\n enumerable: true,\n configurable: true\n });\n Object.defineProperty(PlayerBuilderDataService.prototype, \"subtitles\", {\n get: function () { return this.readPlayer('subtitles'); },\n set: function (v) { this.writePlayer('subtitles', v); this.video.create(); },\n enumerable: true,\n configurable: true\n });\n Object.defineProperty(PlayerBuilderDataService.prototype, \"showSkinOnInit\", {\n get: function () { return this.readPlayer('showSkinOnInit'); },\n set: function (v) { this.writePlayer('showSkinOnInit', coerceBooleanProperty(v)); this.video.create(); },\n enumerable: true,\n configurable: true\n });\n Object.defineProperty(PlayerBuilderDataService.prototype, \"pictureInPictureButtonVisible\", {\n get: function () { return this.readPlayer('pictureInPictureButtonVisible'); },\n set: function (v) {\n this.writePlugin('PictureInPicture', coerceBooleanProperty(v));\n this.writePlayer('pictureInPictureButtonVisible', coerceBooleanProperty(v));\n if (this.videoPlayerSkin)\n this.videoPlayerSkin.builder.pip(v);\n },\n enumerable: true,\n configurable: true\n });\n Object.defineProperty(PlayerBuilderDataService.prototype, \"videoCastEnabled\", {\n get: function () { return this.readPlayer('videoCastEnabled'); },\n set: function (v) {\n this.writePlugin('AirPlay', coerceBooleanProperty(v));\n this.writePlugin('Chromecast', coerceBooleanProperty(v));\n this.writePlayer('videoCastEnabled', coerceBooleanProperty(v));\n if (this.videoPlayerSkin)\n this.videoPlayerSkin.builder.casting(v);\n },\n enumerable: true,\n configurable: true\n });\n Object.defineProperty(PlayerBuilderDataService.prototype, \"fullscreenEnabled\", {\n get: function () { return this.readPlayer('fullscreenEnabled'); },\n set: function (v) { this.writePlayer('fullscreenEnabled', coerceBooleanProperty(v)); if (this.videoPlayerSkin)\n this.videoPlayerSkin.builder.fullscreen(v); },\n enumerable: true,\n configurable: true\n });\n Object.defineProperty(PlayerBuilderDataService.prototype, \"contextMenuDisabled\", {\n get: function () { return !this.readPlayer('contextMenuDisabled'); },\n set: function (v) { this.writePlayer('contextMenuDisabled', !coerceBooleanProperty(v)); if (this.videoPlayerSkin)\n this.videoPlayerSkin.builder.contextmenu(!v); },\n enumerable: true,\n configurable: true\n });\n Object.defineProperty(PlayerBuilderDataService.prototype, \"playbackRateEnabled\", {\n get: function () { return this.readPlayer('playbackRateEnabled'); },\n set: function (v) { this.writePlayer('playbackRateEnabled', coerceBooleanProperty(v)); if (this.videoPlayerSkin)\n this.videoPlayerSkin.builder.playbackRate(v); },\n enumerable: true,\n configurable: true\n });\n Object.defineProperty(PlayerBuilderDataService.prototype, \"qualitySelectionEnabled\", {\n get: function () { return this.readPlayer('qualitySelectionEnabled'); },\n set: function (v) { this.writePlayer('qualitySelectionEnabled', coerceBooleanProperty(v)); if (this.videoPlayerSkin)\n this.videoPlayerSkin.builder.quality(v); },\n enumerable: true,\n configurable: true\n });\n Object.defineProperty(PlayerBuilderDataService.prototype, \"qualityLabelType\", {\n get: function () { return this.readPlayer('qualityLabelType'); },\n set: function (v) { this.writePlayer('qualityLabelType', v); this.video.create(); },\n enumerable: true,\n configurable: true\n });\n Object.defineProperty(PlayerBuilderDataService.prototype, \"qualityInitialBandwidthKbs\", {\n get: function () { return this.readPlayer('qualityInitialBandwidthKbs'); },\n set: function (v) { this.writePlayer('qualityInitialBandwidthKbs', coerceNumberProperty(v)); this.video.create(); },\n enumerable: true,\n configurable: true\n });\n Object.defineProperty(PlayerBuilderDataService.prototype, \"endSplash\", {\n get: function () { return this.readPlayer('endSplash'); },\n set: function (v) { this.writePlayer('endSplash', v); if (this.videoPlayerSkin)\n this.videoPlayerSkin.builder.endSplash(v); },\n enumerable: true,\n configurable: true\n });\n Object.defineProperty(PlayerBuilderDataService.prototype, \"logoFile\", {\n get: function () { return this.readPlayer('logoFile'); },\n set: function (v) { this.writePlayer('logoFile', v); this.updateBrand(); },\n enumerable: true,\n configurable: true\n });\n Object.defineProperty(PlayerBuilderDataService.prototype, \"logoLink\", {\n get: function () { return this.readPlayer('logoLink'); },\n set: function (v) { this.writePlayer('logoLink', v); this.updateBrand(); },\n enumerable: true,\n configurable: true\n });\n Object.defineProperty(PlayerBuilderDataService.prototype, \"logoLinkTarget\", {\n get: function () { return this.readPlayer('logoLinkTarget'); },\n set: function (v) { this.writePlayer('logoLinkTarget', v); this.updateBrand(); },\n enumerable: true,\n configurable: true\n });\n Object.defineProperty(PlayerBuilderDataService.prototype, \"logoAutohide\", {\n get: function () { return this.readPlayer('logoAutohide'); },\n set: function (v) { this.writePlayer('logoAutohide', coerceBooleanProperty(v)); this.updateBrand(); },\n enumerable: true,\n configurable: true\n });\n Object.defineProperty(PlayerBuilderDataService.prototype, \"logoXPosition\", {\n get: function () { return this.readPlayer('logoXPosition'); },\n set: function (v) { this.writePlayer('logoXPosition', v); this.updateBrand(); },\n enumerable: true,\n configurable: true\n });\n Object.defineProperty(PlayerBuilderDataService.prototype, \"logoYPosition\", {\n get: function () { return this.readPlayer('logoYPosition'); },\n set: function (v) { this.writePlayer('logoYPosition', v); this.updateBrand(); },\n enumerable: true,\n configurable: true\n });\n Object.defineProperty(PlayerBuilderDataService.prototype, \"logoVisibleDuringAdPlayback\", {\n get: function () { return this.readPlayer('logoVisibleDuringAdPlayback'); },\n set: function (v) { this.writePlayer('logoVisibleDuringAdPlayback', coerceBooleanProperty(v)); this.updateBrand(); },\n enumerable: true,\n configurable: true\n });\n PlayerBuilderDataService.prototype.updateBrand = function () {\n var brand = {\n logoFile: this.logoFile,\n logoLink: this.logoLink,\n logoLinkTarget: this.logoLinkTarget,\n logoAutohide: this.logoAutohide,\n logoXPosition: this.logoXPosition,\n logoYPosition: this.logoYPosition,\n logoVisibleDuringAdPlayback: this.logoVisibleDuringAdPlayback,\n };\n if (this.videoPlayerSkin)\n this.videoPlayerSkin.builder.brand(brand);\n };\n Object.defineProperty(PlayerBuilderDataService.prototype, \"skin\", {\n get: function () { return this.readPlayer('skin'); },\n set: function (v) {\n var activeColor = this.skinCssVarColor;\n var oldThemeColor = this.skinThemeDefaultColor;\n var userColor = null;\n if (!this.compareColors(activeColor, oldThemeColor))\n userColor = activeColor;\n this.writePlayer('skin', player_builder_data_service___assign({}, this.skin, v));\n if (!!userColor)\n this.skinColor = userColor;\n this.updateSkinIconFontVariationSettings();\n this.video.create();\n },\n enumerable: true,\n configurable: true\n });\n Object.defineProperty(PlayerBuilderDataService.prototype, \"skinName\", {\n get: function () { return this.skin ? this.skin.name : this.DEFAULT.variable.skin.name; },\n enumerable: true,\n configurable: true\n });\n Object.defineProperty(PlayerBuilderDataService.prototype, \"skinCssVarColor\", {\n get: function () {\n if (this.videoPlayerSkin)\n return this.videoPlayerSkin.builder.cssMainColor();\n return null;\n },\n enumerable: true,\n configurable: true\n });\n Object.defineProperty(PlayerBuilderDataService.prototype, \"skinThemeDefaultColor\", {\n get: function () {\n return this.RESOURCE.themes[this.skinName].color;\n },\n enumerable: true,\n configurable: true\n });\n Object.defineProperty(PlayerBuilderDataService.prototype, \"skinColor\", {\n get: function () { return this.skin && this.skin.color ? this.skin.color : this.skinCssVarColor; },\n set: function (v) {\n if (this.compareColors(v, this.skinThemeDefaultColor))\n return;\n this.writeSkinColor(v);\n },\n enumerable: true,\n configurable: true\n });\n PlayerBuilderDataService.prototype.resetColorToThemeDefault = function () { this.writeSkinColor(this.skinThemeDefaultColor); };\n PlayerBuilderDataService.prototype.writeSkinColor = function (color) {\n this.writePlayer('skin', player_builder_data_service___assign({}, this.skin, { color: color }));\n if (this.videoPlayerSkin)\n this.videoPlayerSkin.set_color(color);\n };\n Object.defineProperty(PlayerBuilderDataService.prototype, \"skinFont\", {\n get: function () { return this.skin && !!this.skin.font ? this.skin.font : this.DEFAULT.variable.skin.font; },\n set: function (font) { this.skin = player_builder_data_service___assign({}, this.skin, { font: font }); },\n enumerable: true,\n configurable: true\n });\n Object.defineProperty(PlayerBuilderDataService.prototype, \"skinFontFetch\", {\n get: function () { return this.skinFont != null && this.skinFont.fetch; },\n set: function (v) { this.skinFont = player_builder_data_service___assign({}, this.skinFont, { fetch: v }); },\n enumerable: true,\n configurable: true\n });\n Object.defineProperty(PlayerBuilderDataService.prototype, \"skinFontSrcToFetch\", {\n get: function () { return this.RESOURCE.themes[this.skinName].font.src; },\n enumerable: true,\n configurable: true\n });\n Object.defineProperty(PlayerBuilderDataService.prototype, \"skinState\", {\n get: function () { return this.videoPlayerSkin ? this.videoPlayerSkin.state : null; },\n enumerable: true,\n configurable: true\n });\n Object.defineProperty(PlayerBuilderDataService.prototype, \"skinStatePrefix\", {\n get: function () { return this.skinState.prefix; },\n enumerable: true,\n configurable: true\n });\n Object.defineProperty(PlayerBuilderDataService.prototype, \"skinStateIcoPrefix\", {\n get: function () { return this.videoPlayerSkin.skinIcoPrefix; },\n enumerable: true,\n configurable: true\n });\n Object.defineProperty(PlayerBuilderDataService.prototype, \"skinStateIcon\", {\n get: function () { return this.skinState.icon; },\n enumerable: true,\n configurable: true\n });\n Object.defineProperty(PlayerBuilderDataService.prototype, \"skinStateIconType\", {\n get: function () { return this.skinStateIcon.type; },\n enumerable: true,\n configurable: true\n });\n Object.defineProperty(PlayerBuilderDataService.prototype, \"skinStateIconMap\", {\n get: function () { return this.mapStateIconIdsToArray(this.skinStateIcon); },\n enumerable: true,\n configurable: true\n });\n Object.defineProperty(PlayerBuilderDataService.prototype, \"skinIconIsFont\", {\n get: function () { return !!this.skin && !!this.skin.icon ? this.isSkinFont(this.skin.icon) : false; },\n enumerable: true,\n configurable: true\n });\n Object.defineProperty(PlayerBuilderDataService.prototype, \"skinIcon\", {\n get: function () { return this.skin.icon; },\n set: function (icon) { this.skin = player_builder_data_service___assign({}, this.skin, { icon: icon }); },\n enumerable: true,\n configurable: true\n });\n Object.defineProperty(PlayerBuilderDataService.prototype, \"skinIconFont\", {\n get: function () {\n return !!this.skin && !!this.skin.icon && 'font' in this.skin.icon\n ? this.skin.icon.font\n : 'font' in this.DEFAULT.variable.skin.icon\n ? this.DEFAULT.variable.skin.icon.font\n : null;\n },\n enumerable: true,\n configurable: true\n });\n Object.defineProperty(PlayerBuilderDataService.prototype, \"skinIconFontFetch\", {\n get: function () { return this.skinIconFont != null && this.skinIconFont.fetch; },\n set: function (v) {\n if (!this.skinIconFont)\n return;\n this.skinIcon = { font: player_builder_data_service___assign({}, this.skinIconFont, { fetch: v }) };\n },\n enumerable: true,\n configurable: true\n });\n Object.defineProperty(PlayerBuilderDataService.prototype, \"skinIconFontSrcToFetch\", {\n get: function () {\n var skinDefault = this.RESOURCE.themes[this.skinName];\n return this.isSkinFont(skinDefault.icon) ? skinDefault.icon.font.src : null;\n },\n enumerable: true,\n configurable: true\n });\n Object.defineProperty(PlayerBuilderDataService.prototype, \"skinIconFontVariation\", {\n get: function () {\n return !!this.skinIconFont && !!this.skinIconFont.variation\n ? this.skinIconFont.variation\n : 'font' in this.DEFAULT.variable.skin.icon\n ? this.DEFAULT.variable.skin.icon.font.variation\n : null;\n },\n set: function (variation) {\n var icon = { font: player_builder_data_service___assign({}, this.skinIconFont, { variation: player_builder_data_service___assign({}, this.skinIconFont.variation, variation) }) };\n this.skin = player_builder_data_service___assign({}, this.skin, { icon: icon });\n this.updateSkinIconFontVariationSettings(icon.font.variation);\n },\n enumerable: true,\n configurable: true\n });\n Object.defineProperty(PlayerBuilderDataService.prototype, \"advertisement\", {\n get: function () { return this.readPlugins('AdvertisementDataProvider') && this.readPlugins('FreeWheel'); },\n set: function (v) {\n this.writePlugin('AdvertisementDataProvider', coerceBooleanProperty(v));\n this.writePlugin('FreeWheel', coerceBooleanProperty(v));\n },\n enumerable: true,\n configurable: true\n });\n Object.defineProperty(PlayerBuilderDataService.prototype, \"jsapi\", {\n get: function () { return this.readPlugins('JavascriptApi'); },\n set: function (v) { this.writePlugin('JavascriptApi', coerceBooleanProperty(v)); },\n enumerable: true,\n configurable: true\n });\n Object.defineProperty(PlayerBuilderDataService.prototype, \"video360\", {\n get: function () { return this.readPlugins('Video360'); },\n set: function (v) { this.writePlugin('Video360', coerceBooleanProperty(v)); },\n enumerable: true,\n configurable: true\n });\n Object.defineProperty(PlayerBuilderDataService.prototype, \"keyboard\", {\n get: function () { return this.readPlugins('KeyboardSupport'); },\n set: function (v) { this.writePlugin('KeyboardSupport', coerceBooleanProperty(v)); },\n enumerable: true,\n configurable: true\n });\n Object.defineProperty(PlayerBuilderDataService.prototype, \"skinless\", {\n get: function () { return !this.readPlugins('HtmlSkin'); },\n set: function (v) {\n this.writePlugin('HtmlSkin', !coerceBooleanProperty(v));\n if (!!v)\n this.videoPlayerSkin.skinElement.classList.add('hide');\n else\n this.videoPlayerSkin.skinElement.classList.remove('hide');\n },\n enumerable: true,\n configurable: true\n });\n Object.defineProperty(PlayerBuilderDataService.prototype, \"quanteec\", {\n get: function () { return this.readPlugins('QuanteecPlugin'); },\n set: function (v) { if (v)\n this.writePlugin('QuanteecPlugin', coerceBooleanProperty(v));\n else\n this.deletePlugin('QuanteecPlugin'); this.quanteecStreamboost = v; },\n enumerable: true,\n configurable: true\n });\n Object.defineProperty(PlayerBuilderDataService.prototype, \"quanteecStreamboost\", {\n get: function () { return this.readPlugins('QuanteecStreamboost'); },\n set: function (v) { if (v)\n this.writePlugin('QuanteecStreamboost', coerceBooleanProperty(v));\n else\n this.deletePlugin('QuanteecStreamboost'); },\n enumerable: true,\n configurable: true\n });\n Object.defineProperty(PlayerBuilderDataService.prototype, \"system73\", {\n get: function () { return this.readPlugins('System73Plugin'); },\n set: function (v) { if (v)\n this.writePlugin('System73Plugin', coerceBooleanProperty(v));\n else\n this.deletePlugin('System73Plugin'); },\n enumerable: true,\n configurable: true\n });\n PlayerBuilderDataService.prototype.compareColors = function (firstColor, secondColor) {\n var c1 = this.cp.stringToHsva(firstColor);\n var c2 = this.cp.stringToHsva(secondColor);\n return c1.h === c2.h && c1.s === c2.s && c1.v === c2.v && c1.a === c2.a;\n };\n PlayerBuilderDataService.prototype.mapStateIconIdsToArray = function (input) {\n var v = [];\n var item;\n for (var key in input) {\n if (key == 'type')\n continue;\n item = input[key];\n if ('id' in item)\n v.push(item.id);\n else\n v = v.concat(this.mapStateIconIdsToArray(item));\n }\n return v;\n };\n var _a, _b, _c, _d, _e;\n PlayerBuilderDataService = player_builder_data_service___decorate([\n Object(core_es5[\"Injectable\"])(),\n player_builder_data_service___metadata(\"design:paramtypes\", [typeof (_a = typeof user_service[\"a\" /* UserService */] !== \"undefined\" && user_service[\"a\" /* UserService */]) === \"function\" && _a || Object, typeof (_b = typeof player_builder_video_service_PlayerBuilderVideoService !== \"undefined\" && player_builder_video_service_PlayerBuilderVideoService) === \"function\" && _b || Object, typeof (_c = typeof player_builder_data_diff_service_PlayerBuilderDataDiffService !== \"undefined\" && player_builder_data_diff_service_PlayerBuilderDataDiffService) === \"function\" && _c || Object, typeof (_d = typeof colorpicker_service_ColorpickerService !== \"undefined\" && colorpicker_service_ColorpickerService) === \"function\" && _d || Object, typeof (_e = typeof player_service_PlayerService !== \"undefined\" && player_service_PlayerService) === \"function\" && _e || Object])\n ], PlayerBuilderDataService);\n return PlayerBuilderDataService;\n}());\n\n\n// CONCATENATED MODULE: ./src/module/player/modules/builder/component/@core/abstract.player.builder.data.component.ts\nvar abstract_player_builder_data_component___decorate = (this && this.__decorate) || function (decorators, target, key, desc) {\n var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;\n if (typeof Reflect === \"object\" && typeof Reflect.decorate === \"function\") r = Reflect.decorate(decorators, target, key, desc);\n 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;\n return c > 3 && r && Object.defineProperty(target, key, r), r;\n};\nvar abstract_player_builder_data_component___metadata = (this && this.__metadata) || function (k, v) {\n if (typeof Reflect === \"object\" && typeof Reflect.metadata === \"function\") return Reflect.metadata(k, v);\n};\n\n\n\n\n\nvar abstract_player_builder_data_component_AbstractPlayerBuilderDataComponent = (function () {\n function AbstractPlayerBuilderDataComponent(data, cdr, route) {\n this.data = data;\n this.cdr = cdr;\n this.route = route;\n this.SWITCH_LABEL_ENABLED = { on: 'enabled', off: 'disabled' };\n this.SWITCH_LABEL_INJECT_LEFT = { on: 'inject', off: 'inject' };\n this.SWITCH_LABEL_INJECT_RIGHT = { on: 'with player', off: 'manually' };\n this.SWITCH_LABEL_SHOW = { on: 'visible', off: 'hidden' };\n this.SWITCH_LABEL_ON = { on: 'on', off: 'off' };\n this.SWITCH_LABEL_SIZE = 'xsmall';\n this.SWITCH_SIZE = 'small';\n }\n AbstractPlayerBuilderDataComponent.prototype.ngOnInit = function () {\n var _this = this;\n this.routeSub = this.route.data\n .subscribe(function (d) { return _this.onRouteDataChange(d); });\n this.dataSub = this.data.$\n .pipe(Object(operators[\"debounceTime\"])(100))\n .subscribe(function (d) { return _this.onUserBuildChange(d); });\n this.videoPlayerSub = this.data.videoPlayer$\n .pipe(Object(operators[\"debounceTime\"])(100))\n .subscribe(function (d) { return _this.onVideoPlayer(d); });\n this.videoEventSub = this.data.videoEvent$\n .pipe(Object(operators[\"debounceTime\"])(100))\n .subscribe(function (d) { return _this.onVideoEvent(d); });\n };\n AbstractPlayerBuilderDataComponent.prototype.ngOnDestroy = function () {\n this.routeSub.unsubscribe();\n this.dataSub.unsubscribe();\n this.videoPlayerSub.unsubscribe();\n this.videoEventSub.unsubscribe();\n };\n AbstractPlayerBuilderDataComponent.prototype.onRouteDataChange = function (d) {\n if (PlayerBuilderRouteData.seek in d) {\n this.data.videoSeek(d[PlayerBuilderRouteData.seek]);\n }\n this.cdr.markForCheck();\n };\n AbstractPlayerBuilderDataComponent.prototype.onUserBuildChange = function (_) { this.cdr.markForCheck(); };\n AbstractPlayerBuilderDataComponent.prototype.onVideoPlayer = function (player) {\n this.player = player;\n this.cdr.markForCheck();\n };\n AbstractPlayerBuilderDataComponent.prototype.onVideoEvent = function (event) {\n if (!event || !('type' in event))\n return;\n switch (event.type) {\n case 'currentTimeChange': break;\n case 'complete':\n this.cdr.detectChanges();\n break;\n default:\n this.cdr.markForCheck();\n break;\n }\n };\n var _a, _b, _c;\n AbstractPlayerBuilderDataComponent = abstract_player_builder_data_component___decorate([\n Object(core_es5[\"Directive\"])({ selector: 'abstract-player-builder-data' }),\n abstract_player_builder_data_component___metadata(\"design:paramtypes\", [typeof (_a = typeof player_builder_data_service_PlayerBuilderDataService !== \"undefined\" && player_builder_data_service_PlayerBuilderDataService) === \"function\" && _a || Object, typeof (_b = typeof core_es5[\"ChangeDetectorRef\"] !== \"undefined\" && core_es5[\"ChangeDetectorRef\"]) === \"function\" && _b || Object, typeof (_c = typeof router_es5[\"a\" /* ActivatedRoute */] !== \"undefined\" && router_es5[\"a\" /* ActivatedRoute */]) === \"function\" && _c || Object])\n ], AbstractPlayerBuilderDataComponent);\n return AbstractPlayerBuilderDataComponent;\n}());\n\n\n// CONCATENATED MODULE: ./src/module/player/modules/builder/component/player/player.builder.player.component.ts\nvar player_builder_player_component___decorate = (this && this.__decorate) || function (decorators, target, key, desc) {\n var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;\n if (typeof Reflect === \"object\" && typeof Reflect.decorate === \"function\") r = Reflect.decorate(decorators, target, key, desc);\n 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;\n return c > 3 && r && Object.defineProperty(target, key, r), r;\n};\nvar player_builder_player_component___metadata = (this && this.__metadata) || function (k, v) {\n if (typeof Reflect === \"object\" && typeof Reflect.metadata === \"function\") return Reflect.metadata(k, v);\n};\n\n\n\n\nvar player_builder_player_component_PlayerBuilderPlayerComponent = (function () {\n function PlayerBuilderPlayerComponent(elementRef, route, video) {\n this.elementRef = elementRef;\n this.route = route;\n this.video = video;\n }\n Object.defineProperty(PlayerBuilderPlayerComponent.prototype, \"height\", {\n get: function () { return this.elementRef.nativeElement.getBoundingClientRect().height; },\n enumerable: true,\n configurable: true\n });\n PlayerBuilderPlayerComponent.prototype.ngOnInit = function () {\n var _this = this;\n this.route.data\n .subscribe(function (d) {\n if (PlayerBuilderRouteData.dataProvider in d) {\n _this.video.config = {\n dataProvider: d[PlayerBuilderRouteData.dataProvider]\n };\n }\n });\n };\n PlayerBuilderPlayerComponent.prototype.ngAfterViewInit = function () {\n this.video.container = this.player.nativeElement;\n this.video.create();\n };\n PlayerBuilderPlayerComponent.prototype.ngOnDestroy = function () {\n this.video.destroy();\n };\n var _a, _b, _c, _d;\n player_builder_player_component___decorate([\n Object(core_es5[\"ViewChild\"])('player'),\n player_builder_player_component___metadata(\"design:type\", typeof (_a = typeof core_es5[\"ElementRef\"] !== \"undefined\" && core_es5[\"ElementRef\"]) === \"function\" && _a || Object)\n ], PlayerBuilderPlayerComponent.prototype, \"player\", void 0);\n PlayerBuilderPlayerComponent = player_builder_player_component___decorate([\n Object(core_es5[\"Component\"])({\n selector: 'player-builder-player',\n template: __webpack_require__(1451),\n styles: [__webpack_require__(1452)],\n changeDetection: core_es5[\"ChangeDetectionStrategy\"].OnPush\n }),\n player_builder_player_component___metadata(\"design:paramtypes\", [typeof (_b = typeof core_es5[\"ElementRef\"] !== \"undefined\" && core_es5[\"ElementRef\"]) === \"function\" && _b || Object, typeof (_c = typeof router_es5[\"a\" /* ActivatedRoute */] !== \"undefined\" && router_es5[\"a\" /* ActivatedRoute */]) === \"function\" && _c || Object, typeof (_d = typeof player_builder_video_service_PlayerBuilderVideoService !== \"undefined\" && player_builder_video_service_PlayerBuilderVideoService) === \"function\" && _d || Object])\n ], PlayerBuilderPlayerComponent);\n return PlayerBuilderPlayerComponent;\n}());\n\n\n// EXTERNAL MODULE: ./src/model/api.model.ts\nvar api_model = __webpack_require__(133);\n\n// CONCATENATED MODULE: ./src/module/player/service/player.list.data.service.ts\nvar player_list_data_service___decorate = (this && this.__decorate) || function (decorators, target, key, desc) {\n var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;\n if (typeof Reflect === \"object\" && typeof Reflect.decorate === \"function\") r = Reflect.decorate(decorators, target, key, desc);\n 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;\n return c > 3 && r && Object.defineProperty(target, key, r), r;\n};\nvar player_list_data_service___metadata = (this && this.__metadata) || function (k, v) {\n if (typeof Reflect === \"object\" && typeof Reflect.metadata === \"function\") return Reflect.metadata(k, v);\n};\n\n\n\n\n\n\nvar player_list_data_service_PlayerListDataService = (function () {\n function PlayerListDataService(service, user) {\n this.service = service;\n this.user = user;\n this.stream = new Rx[\"BehaviorSubject\"](null);\n }\n PlayerListDataService.prototype.fetch = function () {\n var _this = this;\n if (this.user.accountId == null)\n return Object(of[\"of\"])(null);\n return this.service.listPlayers(this.user.accountId)\n .pipe(Object(operators[\"tap\"])(function (r) { return _this.stream.next(r); }));\n };\n Object.defineProperty(PlayerListDataService.prototype, \"$\", {\n get: function () {\n return this.stream.asObservable();\n },\n enumerable: true,\n configurable: true\n });\n var _a, _b;\n PlayerListDataService = player_list_data_service___decorate([\n Object(core_es5[\"Injectable\"])(),\n player_list_data_service___metadata(\"design:paramtypes\", [typeof (_a = typeof player_service_PlayerService !== \"undefined\" && player_service_PlayerService) === \"function\" && _a || Object, typeof (_b = typeof user_service[\"a\" /* UserService */] !== \"undefined\" && user_service[\"a\" /* UserService */]) === \"function\" && _b || Object])\n ], PlayerListDataService);\n return PlayerListDataService;\n}());\n\n\n// CONCATENATED MODULE: ./src/module/player/modules/builder/service/player.builder.modal.service.ts\nvar player_builder_modal_service___decorate = (this && this.__decorate) || function (decorators, target, key, desc) {\n var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;\n if (typeof Reflect === \"object\" && typeof Reflect.decorate === \"function\") r = Reflect.decorate(decorators, target, key, desc);\n 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;\n return c > 3 && r && Object.defineProperty(target, key, r), r;\n};\nvar player_builder_modal_service___metadata = (this && this.__metadata) || function (k, v) {\n if (typeof Reflect === \"object\" && typeof Reflect.metadata === \"function\") return Reflect.metadata(k, v);\n};\n\n\n\n\n\nvar player_builder_modal_service_PlayerBuilderModalService = (function () {\n function PlayerBuilderModalService(translation, modal) {\n this.translation = translation;\n this.modal = modal;\n }\n PlayerBuilderModalService.prototype.askToPublish = function () {\n var _this = this;\n return new Rx[\"Observable\"](function (o) {\n function click(a) {\n o.next(a);\n o.complete();\n }\n _this.modal.prompt(_this.translation.translate('PLAYER.CONFIG.MODAL.PUBLISH.TEXT'), [{\n label: _this.translation.translate('PLAYER.CONFIG.MODAL.PUBLISH.YES'),\n fa: 'paper-plane', close: true, click: function () { return click(true); }\n }, {\n label: _this.translation.translate('PLAYER.CONFIG.MODAL.PUBLISH.NO'),\n fa: 'ban', close: true, click: function () { return click(false); }\n }]);\n return {\n unsubscribe: function () {\n _this.modal.close();\n }\n };\n });\n };\n PlayerBuilderModalService.prototype.askToSave = function () {\n var _this = this;\n return new Rx[\"Observable\"](function (o) {\n function click(a) {\n o.next(a);\n o.complete();\n }\n _this.modal.prompt(_this.translation.translate('PLAYER.CONFIG.MODAL.SAVE_CHANGES.TEXT'), [\n {\n label: _this.translation.translate('PLAYER.CONFIG.MODAL.SAVE_CHANGES.SAVE'),\n fa: 'save', close: true,\n click: function () { return click(PlayerBuilderCanLeaveModalAnswer.save); }\n },\n {\n label: _this.translation.translate('PLAYER.CONFIG.MODAL.SAVE_CHANGES.DONT_SAVE'),\n fa: 'trash', close: true,\n click: function () { return click(PlayerBuilderCanLeaveModalAnswer.reset); }\n },\n {\n label: _this.translation.translate('PLAYER.CONFIG.MODAL.SAVE_CHANGES.CANCEL'),\n fa: 'ban', close: true,\n click: function () { return o.next(PlayerBuilderCanLeaveModalAnswer.abort); }\n }\n ]);\n return {\n unsubscribe: function () {\n _this.modal.close();\n }\n };\n });\n };\n var _a, _b;\n PlayerBuilderModalService = player_builder_modal_service___decorate([\n Object(core_es5[\"Injectable\"])(),\n player_builder_modal_service___metadata(\"design:paramtypes\", [typeof (_a = typeof angular_l10n_es5[\"d\" /* TranslationService */] !== \"undefined\" && angular_l10n_es5[\"d\" /* TranslationService */]) === \"function\" && _a || Object, typeof (_b = typeof modal_service[\"a\" /* ModalService */] !== \"undefined\" && modal_service[\"a\" /* ModalService */]) === \"function\" && _b || Object])\n ], PlayerBuilderModalService);\n return PlayerBuilderModalService;\n}());\n\n\n// CONCATENATED MODULE: ./src/module/player/modules/builder/component/view/player.builder.view.component.ts\nvar player_builder_view_component___decorate = (this && this.__decorate) || function (decorators, target, key, desc) {\n var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;\n if (typeof Reflect === \"object\" && typeof Reflect.decorate === \"function\") r = Reflect.decorate(decorators, target, key, desc);\n 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;\n return c > 3 && r && Object.defineProperty(target, key, r), r;\n};\nvar player_builder_view_component___metadata = (this && this.__metadata) || function (k, v) {\n if (typeof Reflect === \"object\" && typeof Reflect.metadata === \"function\") return Reflect.metadata(k, v);\n};\nvar player_builder_view_component___param = (this && this.__param) || function (paramIndex, decorator) {\n return function (target, key) { decorator(target, key, paramIndex); }\n};\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\nvar player_builder_view_component_PlayerBuilderViewComponent = (function () {\n function PlayerBuilderViewComponent(data, doc, cdr, api, list, view, modal, flash, sidebar) {\n this.data = data;\n this.doc = doc;\n this.cdr = cdr;\n this.api = api;\n this.list = list;\n this.view = view;\n this.modal = modal;\n this.flash = flash;\n this.sidebar = sidebar;\n this.TABS = [\n { route: PlayerBuilderRoute.general, text: 'general', disabled: false, group: [PlayerBuilderRouteGroup.core], },\n { route: PlayerBuilderRoute.playback, text: 'playback', disabled: false, group: [PlayerBuilderRouteGroup.video], },\n { route: PlayerBuilderRoute.theme, text: 'theme', disabled: false, group: [PlayerBuilderRouteGroup.skin], },\n { route: PlayerBuilderRoute.icons, text: 'icons', disabled: false, group: [PlayerBuilderRouteGroup.skin], },\n { route: PlayerBuilderRoute.features, text: 'features', disabled: false, group: [PlayerBuilderRouteGroup.skin], },\n { route: PlayerBuilderRoute.branding, text: 'branding', disabled: false, group: [PlayerBuilderRouteGroup.skin], },\n { route: PlayerBuilderRoute.endsplash, text: 'end splash', disabled: false, group: [PlayerBuilderRouteGroup.skin], },\n ];\n this.SUCCESS_FLASH_CONFIG = { cssClass: 'alert-success', timeout: 2000 };\n this.WARN_FLASH_CONFIG = { cssClass: 'alert-warning', timeout: 2000 };\n this.RATIO_CLASSES = [\n { value: 'ratio21x9', label: '21:9' },\n { value: 'ratio16x9', label: '16:9' },\n { value: 'ratio4x3', label: '4:3' },\n { value: 'ratio3x2', label: '3:2' },\n { value: 'ratio2x1', label: '2:1' },\n { value: 'ratio1x1', label: '1:1' },\n ];\n this.withHeader = true;\n this.previewHeight = null;\n this.previewCss = null;\n this.previewResizeActive = false;\n this.previewResizeY = NaN;\n this.previewResizeH = 0;\n this.withHeader = !this.view.checkIfAppInIframe();\n }\n PlayerBuilderViewComponent.prototype.ngOnInit = function () {\n var _this = this;\n this.data.init();\n this.doc.body.classList.add('no-overflow');\n this.dataSub = this.data.$\n .subscribe(function (d) { return _this.onDataChange(d); });\n this.playerDataSub = this.api.readPlayer$\n .pipe(Object(operators[\"tap\"])(function (data) {\n if (Object(api_model[\"a\" /* isPlayerReadResponseV2 */])(data))\n _this.data.parseResponseData(data);\n }), Object(operators[\"switchMap\"])(function () { return _this.list.$; }))\n .subscribe(function (players) {\n _this.sidebar.showPlayersMenu(players, _this.data.buildId, player_model[\"a\" /* PlayerRoute */].builder);\n });\n };\n PlayerBuilderViewComponent.prototype.ngOnDestroy = function () {\n this.data.destroy();\n this.dataSub.unsubscribe();\n this.playerDataSub.unsubscribe();\n if (!!this.saveSub && !this.saveSub.closed)\n this.saveSub.unsubscribe();\n this.doc.body.classList.remove('no-overflow');\n };\n PlayerBuilderViewComponent.prototype.formatDate = function (uts) { return date_util_DateUtil.unixToDateString(uts); };\n PlayerBuilderViewComponent.prototype.formatTime = function (uts) { return date_util_DateUtil.unixToTimeString(uts); };\n PlayerBuilderViewComponent.prototype.canLeave$ = function () {\n var _this = this;\n if (!this.data.isDirty)\n return Object(of[\"of\"])(true);\n this.view.spinner(false);\n return this.modal.askToSave()\n .pipe(Object(operators[\"switchMap\"])(function (answer) {\n switch (answer) {\n case PlayerBuilderCanLeaveModalAnswer.save:\n return _this.save$();\n case PlayerBuilderCanLeaveModalAnswer.reset:\n _this.data.reset();\n return Object(of[\"of\"])(true);\n case PlayerBuilderCanLeaveModalAnswer.abort:\n default:\n return Object(of[\"of\"])(false);\n }\n }));\n };\n PlayerBuilderViewComponent.prototype.clickSave = function () {\n var _this = this;\n if (!!this.saveSub && !this.saveSub.closed)\n this.saveSub.unsubscribe();\n this.saveSub = this.save$()\n .subscribe(function () { return _this.cdr.markForCheck(); });\n };\n PlayerBuilderViewComponent.prototype.save$ = function () {\n var _this = this;\n this.view.spinner(true);\n return this.data.save$()\n .pipe(Object(operators[\"switchMap\"])(function (saved) {\n _this.view.spinner(false);\n if (!!saved) {\n _this.flash.show(('build saved'), _this.SUCCESS_FLASH_CONFIG);\n return _this.modal.askToPublish()\n .pipe(Object(operators[\"switchMap\"])(function (publish) {\n if (publish)\n return _this.publish$()\n .pipe(Object(operators[\"switchMap\"])(function () {\n _this.view.spinner(true);\n return _this.list.fetch();\n }));\n _this.view.spinner(true);\n return _this.list.fetch();\n }), Object(operators[\"map\"])(function (list) {\n _this.sidebar.showPlayersMenu(list, _this.data.buildId, player_model[\"a\" /* PlayerRoute */].builder);\n _this.view.spinner(false);\n return true;\n }));\n }\n _this.flash.show(('build fail to save'), _this.WARN_FLASH_CONFIG);\n return Object(of[\"of\"])(false);\n }), Object(operators[\"switchMap\"])(function (v) { return _this.api.readPlayer(_this.data.accountId, _this.data.buildId).pipe(Object(operators[\"map\"])(function (_) { return v; })); }));\n };\n PlayerBuilderViewComponent.prototype.publish$ = function () {\n var _this = this;\n this.view.spinner(true);\n return this.data.publish$()\n .pipe(Object(operators[\"switchMap\"])(function (published) {\n _this.view.spinner(false);\n if (published) {\n _this.flash.show(('build published'), _this.SUCCESS_FLASH_CONFIG);\n return Object(of[\"of\"])(true);\n }\n _this.flash.show(('build fail to publish'), _this.WARN_FLASH_CONFIG);\n return Object(of[\"of\"])(false);\n }));\n };\n PlayerBuilderViewComponent.prototype.onDataChange = function (cnf) {\n var skinDisabled = !!cnf && !!cnf.plugin && 'HtmlSkin' in cnf.plugin ? !cnf.plugin.HtmlSkin : false;\n for (var index = 0; index < this.TABS.length; index++) {\n if (this.TABS[index].group.indexOf(PlayerBuilderRouteGroup.skin) > -1) {\n if (this.TABS[index].disabled != skinDisabled) {\n this.TABS[index].disabled = skinDisabled;\n this.cdr.markForCheck();\n }\n }\n }\n };\n PlayerBuilderViewComponent.prototype.handlePreviewResize = function (event) {\n switch (event.type) {\n case 'mousedown':\n event.preventDefault();\n this.previewResizeActive = true;\n this.previewResizeY = event.clientY;\n this.previewResizeH = this.previewComponent.height;\n break;\n case 'mousemove':\n if (!this.previewResizeActive)\n return;\n event.preventDefault();\n this.previewHeight = this.previewResizeH + (event.clientY - this.previewResizeY) + \"px\";\n this.previewCss = null;\n this.cdr.markForCheck();\n break;\n case 'mouseup':\n event.preventDefault();\n this.previewResizeActive = false;\n break;\n default:\n break;\n }\n ;\n };\n PlayerBuilderViewComponent.prototype.handlePreviewAspect = function (aspect) {\n this.previewHeight = null;\n this.previewCss = \"\" + aspect;\n this.cdr.markForCheck();\n };\n var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l;\n player_builder_view_component___decorate([\n Object(core_es5[\"HostBinding\"])('class.with-header'),\n player_builder_view_component___metadata(\"design:type\", Object)\n ], PlayerBuilderViewComponent.prototype, \"withHeader\", void 0);\n player_builder_view_component___decorate([\n Object(core_es5[\"ViewChild\"])(player_builder_player_component_PlayerBuilderPlayerComponent),\n player_builder_view_component___metadata(\"design:type\", typeof (_a = typeof player_builder_player_component_PlayerBuilderPlayerComponent !== \"undefined\" && player_builder_player_component_PlayerBuilderPlayerComponent) === \"function\" && _a || Object)\n ], PlayerBuilderViewComponent.prototype, \"previewComponent\", void 0);\n player_builder_view_component___decorate([\n Object(core_es5[\"HostListener\"])('mousemove', ['$event']),\n Object(core_es5[\"HostListener\"])('mouseup', ['$event']),\n player_builder_view_component___metadata(\"design:type\", Function),\n player_builder_view_component___metadata(\"design:paramtypes\", [typeof (_b = typeof PointerEvent !== \"undefined\" && PointerEvent) === \"function\" && _b || Object]),\n player_builder_view_component___metadata(\"design:returntype\", void 0)\n ], PlayerBuilderViewComponent.prototype, \"handlePreviewResize\", null);\n PlayerBuilderViewComponent = player_builder_view_component___decorate([\n Object(core_es5[\"Component\"])({\n selector: 'player-builder-view',\n template: __webpack_require__(1453),\n styles: [__webpack_require__(1454)],\n changeDetection: core_es5[\"ChangeDetectionStrategy\"].OnPush\n }),\n player_builder_view_component___param(1, Object(core_es5[\"Inject\"])(common_es5[\"DOCUMENT\"])),\n player_builder_view_component___metadata(\"design:paramtypes\", [typeof (_c = typeof player_builder_data_service_PlayerBuilderDataService !== \"undefined\" && player_builder_data_service_PlayerBuilderDataService) === \"function\" && _c || Object, typeof (_d = typeof Document !== \"undefined\" && Document) === \"function\" && _d || Object, typeof (_e = typeof core_es5[\"ChangeDetectorRef\"] !== \"undefined\" && core_es5[\"ChangeDetectorRef\"]) === \"function\" && _e || Object, typeof (_f = typeof player_service_PlayerService !== \"undefined\" && player_service_PlayerService) === \"function\" && _f || Object, typeof (_g = typeof player_list_data_service_PlayerListDataService !== \"undefined\" && player_list_data_service_PlayerListDataService) === \"function\" && _g || Object, typeof (_h = typeof view_service[\"a\" /* ViewService */] !== \"undefined\" && view_service[\"a\" /* ViewService */]) === \"function\" && _h || Object, typeof (_j = typeof player_builder_modal_service_PlayerBuilderModalService !== \"undefined\" && player_builder_modal_service_PlayerBuilderModalService) === \"function\" && _j || Object, typeof (_k = typeof angular2_flash_messages[\"FlashMessagesService\"] !== \"undefined\" && angular2_flash_messages[\"FlashMessagesService\"]) === \"function\" && _k || Object, typeof (_l = typeof sidebar_service[\"a\" /* SidebarService */] !== \"undefined\" && sidebar_service[\"a\" /* SidebarService */]) === \"function\" && _l || Object])\n ], PlayerBuilderViewComponent);\n return PlayerBuilderViewComponent;\n}());\n\n\n// CONCATENATED MODULE: ./src/module/player/modules/builder/model/player.builder.tokens.ts\n\nvar player_builder_tokens_PLAYER_JS_SRC = new core_es5[\"InjectionToken\"]('PLAYER_JS_SRC');\nvar player_builder_tokens_PLAYER_CDN_URL = new core_es5[\"InjectionToken\"]('PLAYER_CDN_URL');\nvar PLAYER_DOCS_URL = new core_es5[\"InjectionToken\"]('PLAYER_DOCS_URL');\nvar PLAYER_DOCS_LINKS_URL = new core_es5[\"InjectionToken\"]('PLAYER_DOCS_LINKS_URL');\nvar PLAYER_SKIN_MEDIA_URL = new core_es5[\"InjectionToken\"]('PLAYER_SKIN_MEDIA_URL');\n\n// CONCATENATED MODULE: ./src/module/player/modules/builder/service/player.builder.docs.service.ts\nvar player_builder_docs_service___decorate = (this && this.__decorate) || function (decorators, target, key, desc) {\n var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;\n if (typeof Reflect === \"object\" && typeof Reflect.decorate === \"function\") r = Reflect.decorate(decorators, target, key, desc);\n 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;\n return c > 3 && r && Object.defineProperty(target, key, r), r;\n};\n\nvar player_builder_docs_service_PlayerBuilderDocsService = (function () {\n function PlayerBuilderDocsService() {\n this.LINKS = {};\n }\n PlayerBuilderDocsService = player_builder_docs_service___decorate([\n Object(core_es5[\"Injectable\"])()\n ], PlayerBuilderDocsService);\n return PlayerBuilderDocsService;\n}());\n\n\n// CONCATENATED MODULE: ./src/module/player/modules/builder/modules/@common/docs/component/player.builder.docs.component.ts\nvar player_builder_docs_component___extends = (this && this.__extends) || (function () {\n var extendStatics = Object.setPrototypeOf ||\n ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||\n function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };\n return function (d, b) {\n extendStatics(d, b);\n function __() { this.constructor = d; }\n d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());\n };\n})();\nvar player_builder_docs_component___decorate = (this && this.__decorate) || function (decorators, target, key, desc) {\n var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;\n if (typeof Reflect === \"object\" && typeof Reflect.decorate === \"function\") r = Reflect.decorate(decorators, target, key, desc);\n 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;\n return c > 3 && r && Object.defineProperty(target, key, r), r;\n};\nvar player_builder_docs_component___metadata = (this && this.__metadata) || function (k, v) {\n if (typeof Reflect === \"object\" && typeof Reflect.metadata === \"function\") return Reflect.metadata(k, v);\n};\nvar player_builder_docs_component___param = (this && this.__param) || function (paramIndex, decorator) {\n return function (target, key) { decorator(target, key, paramIndex); }\n};\n\n\n\n\nvar player_builder_docs_component_PlayerBuilderDocsComponent = (function (_super) {\n player_builder_docs_component___extends(PlayerBuilderDocsComponent, _super);\n function PlayerBuilderDocsComponent(BASE, locale, translation, docs) {\n var _this = _super.call(this, locale, translation) || this;\n _this.BASE = BASE;\n _this.locale = locale;\n _this.translation = translation;\n _this.docs = docs;\n return _this;\n }\n Object.defineProperty(PlayerBuilderDocsComponent.prototype, \"link\", {\n get: function () {\n if (this.key in this.docs.LINKS)\n return this.docs.LINKS[this.key];\n return this.key;\n },\n enumerable: true,\n configurable: true\n });\n var _a, _b, _c;\n player_builder_docs_component___decorate([\n Object(core_es5[\"Input\"])(),\n player_builder_docs_component___metadata(\"design:type\", String)\n ], PlayerBuilderDocsComponent.prototype, \"key\", void 0);\n PlayerBuilderDocsComponent = player_builder_docs_component___decorate([\n Object(core_es5[\"Component\"])({\n selector: 'player-builder-docs',\n template: __webpack_require__(1455),\n styles: [__webpack_require__(1456)],\n changeDetection: core_es5[\"ChangeDetectionStrategy\"].OnPush\n }),\n player_builder_docs_component___param(0, Object(core_es5[\"Inject\"])(PLAYER_DOCS_URL)),\n player_builder_docs_component___metadata(\"design:paramtypes\", [String, typeof (_a = typeof angular_l10n_es5[\"a\" /* LocaleService */] !== \"undefined\" && angular_l10n_es5[\"a\" /* LocaleService */]) === \"function\" && _a || Object, typeof (_b = typeof angular_l10n_es5[\"d\" /* TranslationService */] !== \"undefined\" && angular_l10n_es5[\"d\" /* TranslationService */]) === \"function\" && _b || Object, typeof (_c = typeof player_builder_docs_service_PlayerBuilderDocsService !== \"undefined\" && player_builder_docs_service_PlayerBuilderDocsService) === \"function\" && _c || Object])\n ], PlayerBuilderDocsComponent);\n return PlayerBuilderDocsComponent;\n}(angular_l10n_es5[\"b\" /* Localization */]));\n\n\n// CONCATENATED MODULE: ./src/module/player/modules/builder/modules/@common/docs/player.builder.docs.module.ts\nvar player_builder_docs_module___decorate = (this && this.__decorate) || function (decorators, target, key, desc) {\n var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;\n if (typeof Reflect === \"object\" && typeof Reflect.decorate === \"function\") r = Reflect.decorate(decorators, target, key, desc);\n 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;\n return c > 3 && r && Object.defineProperty(target, key, r), r;\n};\n\n\n\n\nvar player_builder_docs_module_COMP = [\n player_builder_docs_component_PlayerBuilderDocsComponent\n];\nvar player_builder_docs_module_PlayerBuilderDocsModule = (function () {\n function PlayerBuilderDocsModule() {\n }\n PlayerBuilderDocsModule = player_builder_docs_module___decorate([\n Object(core_es5[\"NgModule\"])({\n imports: [\n common_es5[\"CommonModule\"],\n angular_l10n_es5[\"c\" /* LocalizationModule */],\n ],\n declarations: player_builder_docs_module_COMP.slice(),\n entryComponents: player_builder_docs_module_COMP,\n exports: player_builder_docs_module_COMP\n })\n ], PlayerBuilderDocsModule);\n return PlayerBuilderDocsModule;\n}());\n\n\n// CONCATENATED MODULE: ./src/module/player/modules/builder/modules/branding/component/player.builder.branding.component.ts\nvar player_builder_branding_component___extends = (this && this.__extends) || (function () {\n var extendStatics = Object.setPrototypeOf ||\n ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||\n function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };\n return function (d, b) {\n extendStatics(d, b);\n function __() { this.constructor = d; }\n d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());\n };\n})();\nvar player_builder_branding_component___decorate = (this && this.__decorate) || function (decorators, target, key, desc) {\n var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;\n if (typeof Reflect === \"object\" && typeof Reflect.decorate === \"function\") r = Reflect.decorate(decorators, target, key, desc);\n 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;\n return c > 3 && r && Object.defineProperty(target, key, r), r;\n};\nvar player_builder_branding_component___metadata = (this && this.__metadata) || function (k, v) {\n if (typeof Reflect === \"object\" && typeof Reflect.metadata === \"function\") return Reflect.metadata(k, v);\n};\n\n\n\n\n\n\nvar player_builder_branding_component_PlayerBuilderBrandingComponent = (function (_super) {\n player_builder_branding_component___extends(PlayerBuilderBrandingComponent, _super);\n function PlayerBuilderBrandingComponent(data, cdr, route, translation, modal) {\n var _this = _super.call(this, data, cdr, route) || this;\n _this.data = data;\n _this.cdr = cdr;\n _this.route = route;\n _this.translation = translation;\n _this.modal = modal;\n return _this;\n }\n PlayerBuilderBrandingComponent.prototype.onTooBigLogo = function (data) {\n this.modal.prompt(this.translation.translate('PLAYER.CONFIG.TOO_BIG_LOGO', {\n limitWidth: data.maxWidth,\n limitHeight: data.maxHeight,\n limitFileSize: data.maxFileSize\n }), []);\n };\n var _a, _b, _c, _d, _e;\n PlayerBuilderBrandingComponent = player_builder_branding_component___decorate([\n Object(core_es5[\"Component\"])({\n selector: 'player-builder-branding',\n template: __webpack_require__(1457),\n styles: [\n __webpack_require__(73),\n __webpack_require__(1458)\n ],\n changeDetection: core_es5[\"ChangeDetectionStrategy\"].OnPush\n }),\n player_builder_branding_component___metadata(\"design:paramtypes\", [typeof (_a = typeof player_builder_data_service_PlayerBuilderDataService !== \"undefined\" && player_builder_data_service_PlayerBuilderDataService) === \"function\" && _a || Object, typeof (_b = typeof core_es5[\"ChangeDetectorRef\"] !== \"undefined\" && core_es5[\"ChangeDetectorRef\"]) === \"function\" && _b || Object, typeof (_c = typeof router_es5[\"a\" /* ActivatedRoute */] !== \"undefined\" && router_es5[\"a\" /* ActivatedRoute */]) === \"function\" && _c || Object, typeof (_d = typeof angular_l10n_es5[\"d\" /* TranslationService */] !== \"undefined\" && angular_l10n_es5[\"d\" /* TranslationService */]) === \"function\" && _d || Object, typeof (_e = typeof modal_service[\"a\" /* ModalService */] !== \"undefined\" && modal_service[\"a\" /* ModalService */]) === \"function\" && _e || Object])\n ], PlayerBuilderBrandingComponent);\n return PlayerBuilderBrandingComponent;\n}(abstract_player_builder_data_component_AbstractPlayerBuilderDataComponent));\n\n\n// CONCATENATED MODULE: ./src/module/player/modules/builder/modules/branding/player.builder.branding.module.ts\nvar player_builder_branding_module___decorate = (this && this.__decorate) || function (decorators, target, key, desc) {\n var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;\n if (typeof Reflect === \"object\" && typeof Reflect.decorate === \"function\") r = Reflect.decorate(decorators, target, key, desc);\n 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;\n return c > 3 && r && Object.defineProperty(target, key, r), r;\n};\n\n\n\n\n\n\n\nvar PlayerBuilderBrandingRoutes = [\n { path: '', component: player_builder_branding_component_PlayerBuilderBrandingComponent, },\n { path: '**', redirectTo: '' }\n];\nvar player_builder_branding_module_COMP = PlayerBuilderBrandingRoutes.filter(function (r) { return !!r.component; }).map(function (r) { return r.component; });\nvar player_builder_branding_module_PlayerBuilderBrandingModule = (function () {\n function PlayerBuilderBrandingModule() {\n }\n PlayerBuilderBrandingModule = player_builder_branding_module___decorate([\n Object(core_es5[\"NgModule\"])({\n imports: [\n common_es5[\"CommonModule\"],\n router_es5[\"h\" /* RouterModule */].forChild(PlayerBuilderBrandingRoutes),\n forms_es5[\"FormsModule\"],\n form_module_FormComponentsModule,\n player_builder_docs_module_PlayerBuilderDocsModule,\n ],\n declarations: player_builder_branding_module_COMP.slice(),\n entryComponents: player_builder_branding_module_COMP,\n })\n ], PlayerBuilderBrandingModule);\n return PlayerBuilderBrandingModule;\n}());\n\n\n// CONCATENATED MODULE: ./src/module/player/modules/builder/modules/end-splash/component/player.builder.end-splash.component.ts\nvar player_builder_end_splash_component___extends = (this && this.__extends) || (function () {\n var extendStatics = Object.setPrototypeOf ||\n ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||\n function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };\n return function (d, b) {\n extendStatics(d, b);\n function __() { this.constructor = d; }\n d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());\n };\n})();\nvar player_builder_end_splash_component___decorate = (this && this.__decorate) || function (decorators, target, key, desc) {\n var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;\n if (typeof Reflect === \"object\" && typeof Reflect.decorate === \"function\") r = Reflect.decorate(decorators, target, key, desc);\n 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;\n return c > 3 && r && Object.defineProperty(target, key, r), r;\n};\nvar player_builder_end_splash_component___metadata = (this && this.__metadata) || function (k, v) {\n if (typeof Reflect === \"object\" && typeof Reflect.metadata === \"function\") return Reflect.metadata(k, v);\n};\n\n\n\n\n\n\nvar player_builder_end_splash_component_PlayerBuilderEndSplashComponent = (function (_super) {\n player_builder_end_splash_component___extends(PlayerBuilderEndSplashComponent, _super);\n function PlayerBuilderEndSplashComponent(data, cdr, route, sanitizer, urlService) {\n var _this = _super.call(this, data, cdr, route) || this;\n _this.data = data;\n _this.cdr = cdr;\n _this.route = route;\n _this.sanitizer = sanitizer;\n _this.urlService = urlService;\n _this.ENDSPLASHED = ['standard', 'countdown', 'tiles'];\n return _this;\n }\n PlayerBuilderEndSplashComponent.prototype.formatImageSrc = function (endsplash) {\n return this.sanitizer.bypassSecurityTrustUrl(this.urlService.file(\"img/builder/screenshots/end/\" + this.data.skinName + \".\" + endsplash + \".jpg\"));\n };\n var _a, _b, _c, _d, _e;\n PlayerBuilderEndSplashComponent = player_builder_end_splash_component___decorate([\n Object(core_es5[\"Component\"])({\n selector: 'player-builder-end-splash',\n template: __webpack_require__(1459),\n styles: [\n __webpack_require__(73),\n ],\n changeDetection: core_es5[\"ChangeDetectionStrategy\"].OnPush\n }),\n player_builder_end_splash_component___metadata(\"design:paramtypes\", [typeof (_a = typeof player_builder_data_service_PlayerBuilderDataService !== \"undefined\" && player_builder_data_service_PlayerBuilderDataService) === \"function\" && _a || Object, typeof (_b = typeof core_es5[\"ChangeDetectorRef\"] !== \"undefined\" && core_es5[\"ChangeDetectorRef\"]) === \"function\" && _b || Object, typeof (_c = typeof router_es5[\"a\" /* ActivatedRoute */] !== \"undefined\" && router_es5[\"a\" /* ActivatedRoute */]) === \"function\" && _c || Object, typeof (_d = typeof platform_browser_es5[\"c\" /* DomSanitizer */] !== \"undefined\" && platform_browser_es5[\"c\" /* DomSanitizer */]) === \"function\" && _d || Object, typeof (_e = typeof url_service[\"a\" /* UrlService */] !== \"undefined\" && url_service[\"a\" /* UrlService */]) === \"function\" && _e || Object])\n ], PlayerBuilderEndSplashComponent);\n return PlayerBuilderEndSplashComponent;\n}(abstract_player_builder_data_component_AbstractPlayerBuilderDataComponent));\n\n\n// CONCATENATED MODULE: ./src/module/player/modules/builder/modules/end-splash/player.builder.end-splash.module.ts\nvar player_builder_end_splash_module___decorate = (this && this.__decorate) || function (decorators, target, key, desc) {\n var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;\n if (typeof Reflect === \"object\" && typeof Reflect.decorate === \"function\") r = Reflect.decorate(decorators, target, key, desc);\n 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;\n return c > 3 && r && Object.defineProperty(target, key, r), r;\n};\n\n\n\n\n\n\n\nvar PlayerBuilderEndSplashRoutes = [\n { path: '', component: player_builder_end_splash_component_PlayerBuilderEndSplashComponent, },\n { path: '**', redirectTo: '' }\n];\nvar player_builder_end_splash_module_COMP = PlayerBuilderEndSplashRoutes.filter(function (r) { return !!r.component; }).map(function (r) { return r.component; });\nvar player_builder_end_splash_module_PlayerBuilderEndSplashModule = (function () {\n function PlayerBuilderEndSplashModule() {\n }\n PlayerBuilderEndSplashModule = player_builder_end_splash_module___decorate([\n Object(core_es5[\"NgModule\"])({\n imports: [\n common_es5[\"CommonModule\"],\n router_es5[\"h\" /* RouterModule */].forChild(PlayerBuilderEndSplashRoutes),\n forms_es5[\"FormsModule\"],\n form_module_FormComponentsModule,\n player_builder_docs_module_PlayerBuilderDocsModule,\n ],\n declarations: player_builder_end_splash_module_COMP.slice(),\n entryComponents: player_builder_end_splash_module_COMP,\n })\n ], PlayerBuilderEndSplashModule);\n return PlayerBuilderEndSplashModule;\n}());\n\n\n// CONCATENATED MODULE: ./src/module/player/modules/builder/modules/features/component/player.builder.features.component.ts\nvar player_builder_features_component___extends = (this && this.__extends) || (function () {\n var extendStatics = Object.setPrototypeOf ||\n ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||\n function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };\n return function (d, b) {\n extendStatics(d, b);\n function __() { this.constructor = d; }\n d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());\n };\n})();\nvar player_builder_features_component___decorate = (this && this.__decorate) || function (decorators, target, key, desc) {\n var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;\n if (typeof Reflect === \"object\" && typeof Reflect.decorate === \"function\") r = Reflect.decorate(decorators, target, key, desc);\n 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;\n return c > 3 && r && Object.defineProperty(target, key, r), r;\n};\n\n\nvar player_builder_features_component_PlayerBuilderFeaturesComponent = (function (_super) {\n player_builder_features_component___extends(PlayerBuilderFeaturesComponent, _super);\n function PlayerBuilderFeaturesComponent() {\n return _super !== null && _super.apply(this, arguments) || this;\n }\n PlayerBuilderFeaturesComponent = player_builder_features_component___decorate([\n Object(core_es5[\"Component\"])({\n selector: 'player-builder-features-view',\n template: __webpack_require__(1460),\n styles: [\n __webpack_require__(73),\n ],\n changeDetection: core_es5[\"ChangeDetectionStrategy\"].OnPush\n })\n ], PlayerBuilderFeaturesComponent);\n return PlayerBuilderFeaturesComponent;\n}(abstract_player_builder_data_component_AbstractPlayerBuilderDataComponent));\n\n\n// CONCATENATED MODULE: ./src/module/player/modules/builder/modules/features/player.builder.features.module.ts\nvar player_builder_features_module___decorate = (this && this.__decorate) || function (decorators, target, key, desc) {\n var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;\n if (typeof Reflect === \"object\" && typeof Reflect.decorate === \"function\") r = Reflect.decorate(decorators, target, key, desc);\n 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;\n return c > 3 && r && Object.defineProperty(target, key, r), r;\n};\n\n\n\n\n\n\n\nvar PlayerBuilderGeneralRoutes = [\n { path: '', component: player_builder_features_component_PlayerBuilderFeaturesComponent, },\n { path: '**', redirectTo: '' }\n];\nvar player_builder_features_module_COMP = PlayerBuilderGeneralRoutes.filter(function (r) { return !!r.component; }).map(function (r) { return r.component; });\nvar player_builder_features_module_PlayerBuilderFeaturesModule = (function () {\n function PlayerBuilderFeaturesModule() {\n }\n PlayerBuilderFeaturesModule = player_builder_features_module___decorate([\n Object(core_es5[\"NgModule\"])({\n imports: [\n common_es5[\"CommonModule\"],\n router_es5[\"h\" /* RouterModule */].forChild(PlayerBuilderGeneralRoutes),\n forms_es5[\"FormsModule\"],\n form_module_FormComponentsModule,\n player_builder_docs_module_PlayerBuilderDocsModule,\n ],\n declarations: player_builder_features_module_COMP.slice(),\n entryComponents: player_builder_features_module_COMP,\n })\n ], PlayerBuilderFeaturesModule);\n return PlayerBuilderFeaturesModule;\n}());\n\n\n// CONCATENATED MODULE: ./src/module/player/modules/builder/modules/@common/locales/pipe/player.builder.locales.name.pipe.ts\nvar player_builder_locales_name_pipe___decorate = (this && this.__decorate) || function (decorators, target, key, desc) {\n var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;\n if (typeof Reflect === \"object\" && typeof Reflect.decorate === \"function\") r = Reflect.decorate(decorators, target, key, desc);\n 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;\n return c > 3 && r && Object.defineProperty(target, key, r), r;\n};\n\nvar player_builder_locales_name_pipe_PlayerBuilderLocalesNamePipe = (function () {\n function PlayerBuilderLocalesNamePipe() {\n }\n PlayerBuilderLocalesNamePipe.prototype.transform = function (code) {\n switch (code) {\n case 'en': return 'english';\n case 'da': return 'danish';\n case 'fi': return 'finnish';\n case 'pl': return 'polish';\n case 'no': return 'norwegian';\n case 'sv': return 'swedish';\n default:\n return code;\n }\n ;\n };\n PlayerBuilderLocalesNamePipe = player_builder_locales_name_pipe___decorate([\n Object(core_es5[\"Pipe\"])({ name: 'localeName', pure: true })\n ], PlayerBuilderLocalesNamePipe);\n return PlayerBuilderLocalesNamePipe;\n}());\n\n\n// CONCATENATED MODULE: ./src/module/player/modules/builder/modules/@common/locales/pipe/player.builder.locales.pipe.module.ts\nvar player_builder_locales_pipe_module___decorate = (this && this.__decorate) || function (decorators, target, key, desc) {\n var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;\n if (typeof Reflect === \"object\" && typeof Reflect.decorate === \"function\") r = Reflect.decorate(decorators, target, key, desc);\n 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;\n return c > 3 && r && Object.defineProperty(target, key, r), r;\n};\n\n\nvar PIPES = [\n player_builder_locales_name_pipe_PlayerBuilderLocalesNamePipe,\n];\nvar player_builder_locales_pipe_module_PlayerBuilderLocalesPipeModule = (function () {\n function PlayerBuilderLocalesPipeModule() {\n }\n PlayerBuilderLocalesPipeModule = player_builder_locales_pipe_module___decorate([\n Object(core_es5[\"NgModule\"])({\n declarations: PIPES.slice(),\n exports: PIPES.slice(),\n })\n ], PlayerBuilderLocalesPipeModule);\n return PlayerBuilderLocalesPipeModule;\n}());\n\n\n// CONCATENATED MODULE: ./src/module/player/modules/builder/modules/general/component/player.builder.general.component.ts\nvar player_builder_general_component___extends = (this && this.__extends) || (function () {\n var extendStatics = Object.setPrototypeOf ||\n ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||\n function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };\n return function (d, b) {\n extendStatics(d, b);\n function __() { this.constructor = d; }\n d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());\n };\n})();\nvar player_builder_general_component___decorate = (this && this.__decorate) || function (decorators, target, key, desc) {\n var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;\n if (typeof Reflect === \"object\" && typeof Reflect.decorate === \"function\") r = Reflect.decorate(decorators, target, key, desc);\n 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;\n return c > 3 && r && Object.defineProperty(target, key, r), r;\n};\n\n\nvar player_builder_general_component_PlayerBuilderGeneralComponent = (function (_super) {\n player_builder_general_component___extends(PlayerBuilderGeneralComponent, _super);\n function PlayerBuilderGeneralComponent() {\n return _super !== null && _super.apply(this, arguments) || this;\n }\n PlayerBuilderGeneralComponent = player_builder_general_component___decorate([\n Object(core_es5[\"Component\"])({\n selector: 'player-builder-general',\n template: __webpack_require__(1461),\n styles: [\n __webpack_require__(73),\n ],\n changeDetection: core_es5[\"ChangeDetectionStrategy\"].OnPush\n })\n ], PlayerBuilderGeneralComponent);\n return PlayerBuilderGeneralComponent;\n}(abstract_player_builder_data_component_AbstractPlayerBuilderDataComponent));\n\n\n// CONCATENATED MODULE: ./src/module/player/modules/builder/modules/general/player.builder.general.module.ts\nvar player_builder_general_module___decorate = (this && this.__decorate) || function (decorators, target, key, desc) {\n var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;\n if (typeof Reflect === \"object\" && typeof Reflect.decorate === \"function\") r = Reflect.decorate(decorators, target, key, desc);\n 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;\n return c > 3 && r && Object.defineProperty(target, key, r), r;\n};\n\n\n\n\n\n\n\n\nvar player_builder_general_module_PlayerBuilderGeneralRoutes = [\n { path: '', component: player_builder_general_component_PlayerBuilderGeneralComponent, },\n { path: '**', redirectTo: '' }\n];\nvar player_builder_general_module_COMP = player_builder_general_module_PlayerBuilderGeneralRoutes.filter(function (r) { return !!r.component; }).map(function (r) { return r.component; });\nvar player_builder_general_module_PlayerBuilderGeneralModule = (function () {\n function PlayerBuilderGeneralModule() {\n }\n PlayerBuilderGeneralModule = player_builder_general_module___decorate([\n Object(core_es5[\"NgModule\"])({\n imports: [\n common_es5[\"CommonModule\"],\n router_es5[\"h\" /* RouterModule */].forChild(player_builder_general_module_PlayerBuilderGeneralRoutes),\n forms_es5[\"FormsModule\"],\n form_module_FormComponentsModule,\n player_builder_docs_module_PlayerBuilderDocsModule,\n player_builder_locales_pipe_module_PlayerBuilderLocalesPipeModule,\n ],\n declarations: player_builder_general_module_COMP.slice(),\n entryComponents: player_builder_general_module_COMP,\n exports: player_builder_general_module_COMP\n })\n ], PlayerBuilderGeneralModule);\n return PlayerBuilderGeneralModule;\n}());\n\n\n// CONCATENATED MODULE: ./src/module/clipboard/clipboard.service.ts\nvar clipboard_service___decorate = (this && this.__decorate) || function (decorators, target, key, desc) {\n var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;\n if (typeof Reflect === \"object\" && typeof Reflect.decorate === \"function\") r = Reflect.decorate(decorators, target, key, desc);\n 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;\n return c > 3 && r && Object.defineProperty(target, key, r), r;\n};\nvar clipboard_service___metadata = (this && this.__metadata) || function (k, v) {\n if (typeof Reflect === \"object\" && typeof Reflect.metadata === \"function\") return Reflect.metadata(k, v);\n};\nvar clipboard_service___param = (this && this.__param) || function (paramIndex, decorator) {\n return function (target, key) { decorator(target, key, paramIndex); }\n};\n\n\n\n\nvar clipboard_service_ClipboardService = (function () {\n function ClipboardService(doc, flash) {\n this.doc = doc;\n this.flash = flash;\n this.SUCCESS_FLASH_CONFIG = { cssClass: 'alert-success', timeout: 2000 };\n this.WARN_FLASH_CONFIG = { cssClass: 'alert-warning', timeout: 2000 };\n }\n ClipboardService.prototype.copy = function (textOrTextarea) {\n var _this = this;\n return new Rx[\"Observable\"](function (o) {\n var asText = typeof textOrTextarea === 'string';\n var asTextArea = textOrTextarea instanceof HTMLTextAreaElement;\n var textArea;\n if (asText) {\n textArea = _this.doc.createElement(\"textarea\");\n textArea.style.position = 'absolute';\n textArea.style.zIndex = '0';\n textArea.value = textOrTextarea;\n _this.doc.body.appendChild(textArea);\n }\n if (asTextArea) {\n textArea = textOrTextarea;\n }\n var success = false;\n if (!!textArea) {\n textArea.focus();\n textArea.select();\n try {\n success = _this.doc.execCommand('copy');\n }\n catch (err) {\n console.error('Oops, unable to copy', err);\n }\n }\n if (success)\n _this.flash.show('Copied to clipboard', _this.SUCCESS_FLASH_CONFIG);\n else\n _this.flash.show('Oops, unable to copy', _this.WARN_FLASH_CONFIG);\n if (asText) {\n _this.doc.body.removeChild(textArea);\n }\n o.next(success);\n o.complete();\n return function copyToClipboardUnsubscribe() {\n };\n });\n };\n var _a, _b;\n ClipboardService = clipboard_service___decorate([\n Object(core_es5[\"Injectable\"])(),\n clipboard_service___param(0, Object(core_es5[\"Inject\"])(common_es5[\"DOCUMENT\"])),\n clipboard_service___metadata(\"design:paramtypes\", [typeof (_a = typeof Document !== \"undefined\" && Document) === \"function\" && _a || Object, typeof (_b = typeof angular2_flash_messages[\"FlashMessagesService\"] !== \"undefined\" && angular2_flash_messages[\"FlashMessagesService\"]) === \"function\" && _b || Object])\n ], ClipboardService);\n return ClipboardService;\n}());\n\n\n// CONCATENATED MODULE: ./src/module/pipe/charCode/char.code.pipe.ts\nvar char_code_pipe___decorate = (this && this.__decorate) || function (decorators, target, key, desc) {\n var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;\n if (typeof Reflect === \"object\" && typeof Reflect.decorate === \"function\") r = Reflect.decorate(decorators, target, key, desc);\n 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;\n return c > 3 && r && Object.defineProperty(target, key, r), r;\n};\n\nvar char_code_pipe_CharCodePipe = (function () {\n function CharCodePipe() {\n }\n CharCodePipe.prototype.transform = function (code) {\n return String.fromCharCode(parseInt(code, 16));\n };\n CharCodePipe = char_code_pipe___decorate([\n Object(core_es5[\"Pipe\"])({ name: 'charCode' })\n ], CharCodePipe);\n return CharCodePipe;\n}());\n\n\n// CONCATENATED MODULE: ./src/module/pipe/charCode/char.code.module.ts\nvar char_code_module___decorate = (this && this.__decorate) || function (decorators, target, key, desc) {\n var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;\n if (typeof Reflect === \"object\" && typeof Reflect.decorate === \"function\") r = Reflect.decorate(decorators, target, key, desc);\n 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;\n return c > 3 && r && Object.defineProperty(target, key, r), r;\n};\n\n\nvar char_code_module_CharCodePipeModule = (function () {\n function CharCodePipeModule() {\n }\n CharCodePipeModule = char_code_module___decorate([\n Object(core_es5[\"NgModule\"])({\n declarations: [char_code_pipe_CharCodePipe],\n exports: [char_code_pipe_CharCodePipe],\n })\n ], CharCodePipeModule);\n return CharCodePipeModule;\n}());\n\n\n// CONCATENATED MODULE: ./src/module/pipe/objectKeys/object.keys.pipe.ts\nvar object_keys_pipe___decorate = (this && this.__decorate) || function (decorators, target, key, desc) {\n var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;\n if (typeof Reflect === \"object\" && typeof Reflect.decorate === \"function\") r = Reflect.decorate(decorators, target, key, desc);\n 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;\n return c > 3 && r && Object.defineProperty(target, key, r), r;\n};\n\nvar object_keys_pipe_ObjectKeysPipe = (function () {\n function ObjectKeysPipe() {\n }\n ObjectKeysPipe.prototype.transform = function (value) {\n return Object.keys(value);\n };\n ObjectKeysPipe = object_keys_pipe___decorate([\n Object(core_es5[\"Pipe\"])({ name: 'keys' })\n ], ObjectKeysPipe);\n return ObjectKeysPipe;\n}());\n\n\n// CONCATENATED MODULE: ./src/module/pipe/objectKeys/object.keys.module.ts\nvar object_keys_module___decorate = (this && this.__decorate) || function (decorators, target, key, desc) {\n var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;\n if (typeof Reflect === \"object\" && typeof Reflect.decorate === \"function\") r = Reflect.decorate(decorators, target, key, desc);\n 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;\n return c > 3 && r && Object.defineProperty(target, key, r), r;\n};\n\n\nvar object_keys_module_ObjectKeysPipeModule = (function () {\n function ObjectKeysPipeModule() {\n }\n ObjectKeysPipeModule = object_keys_module___decorate([\n Object(core_es5[\"NgModule\"])({\n declarations: [object_keys_pipe_ObjectKeysPipe],\n exports: [object_keys_pipe_ObjectKeysPipe],\n })\n ], ObjectKeysPipeModule);\n return ObjectKeysPipeModule;\n}());\n\n\n// CONCATENATED MODULE: ./src/module/player/modules/builder/modules/@common/icon/component/select/player.builder.icon.select.component.ts\nvar player_builder_icon_select_component___decorate = (this && this.__decorate) || function (decorators, target, key, desc) {\n var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;\n if (typeof Reflect === \"object\" && typeof Reflect.decorate === \"function\") r = Reflect.decorate(decorators, target, key, desc);\n 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;\n return c > 3 && r && Object.defineProperty(target, key, r), r;\n};\nvar player_builder_icon_select_component___metadata = (this && this.__metadata) || function (k, v) {\n if (typeof Reflect === \"object\" && typeof Reflect.metadata === \"function\") return Reflect.metadata(k, v);\n};\n\nvar player_builder_icon_select_component_PlayerBuilderIconSelectComponent = (function () {\n function PlayerBuilderIconSelectComponent(cdr) {\n this.cdr = cdr;\n this.valueChange = new core_es5[\"EventEmitter\"]();\n this._label = \"\";\n this._OPTIONS = [];\n }\n Object.defineProperty(PlayerBuilderIconSelectComponent.prototype, \"OPTIONS\", {\n get: function () { return this._OPTIONS; },\n set: function (v) {\n this._OPTIONS = v;\n this.cdr.markForCheck();\n },\n enumerable: true,\n configurable: true\n });\n Object.defineProperty(PlayerBuilderIconSelectComponent.prototype, \"label\", {\n get: function () { return this._label; },\n set: function (v) { this._label = v; this.cdr.markForCheck(); },\n enumerable: true,\n configurable: true\n });\n Object.defineProperty(PlayerBuilderIconSelectComponent.prototype, \"disabled\", {\n get: function () { return this._disabled; },\n set: function (v) { this._disabled = v; this.cdr.markForCheck(); },\n enumerable: true,\n configurable: true\n });\n Object.defineProperty(PlayerBuilderIconSelectComponent.prototype, \"value\", {\n get: function () { return this._value; },\n set: function (v) {\n this._value = v;\n this.cdr.markForCheck();\n },\n enumerable: true,\n configurable: true\n });\n Object.defineProperty(PlayerBuilderIconSelectComponent.prototype, \"valueId\", {\n get: function () {\n if (this._value && 'font' in this._value)\n return this._value.font.id;\n if (this._value && 'svg' in this._value)\n return this._value.svg.id;\n return null;\n },\n enumerable: true,\n configurable: true\n });\n Object.defineProperty(PlayerBuilderIconSelectComponent.prototype, \"isValueFont\", {\n get: function () { return 'font' in this._value; },\n enumerable: true,\n configurable: true\n });\n Object.defineProperty(PlayerBuilderIconSelectComponent.prototype, \"isValueSvg\", {\n get: function () { return 'svg' in this._value; },\n enumerable: true,\n configurable: true\n });\n PlayerBuilderIconSelectComponent.prototype.formatText = function (fontOrIcon) {\n if ('family' in fontOrIcon)\n return \"font | \" + fontOrIcon.name;\n if ('iconset' in fontOrIcon)\n return \" svg | \" + fontOrIcon.name;\n return \"\" + fontOrIcon.name;\n };\n PlayerBuilderIconSelectComponent.prototype.emitOptionById = function (id) {\n var item = this.optionById(id);\n if ('family' in item)\n this.valueChange.emit({ font: item });\n if ('iconset' in item)\n this.valueChange.emit({ svg: item });\n };\n PlayerBuilderIconSelectComponent.prototype.optionById = function (id) {\n return this.OPTIONS.find(function (f) { return f.id === id; });\n };\n var _a, _b, _c, _d, _e, _f, _g, _h, _j;\n player_builder_icon_select_component___decorate([\n Object(core_es5[\"Input\"])(),\n player_builder_icon_select_component___metadata(\"design:type\", Array),\n player_builder_icon_select_component___metadata(\"design:paramtypes\", [Array])\n ], PlayerBuilderIconSelectComponent.prototype, \"OPTIONS\", null);\n player_builder_icon_select_component___decorate([\n Object(core_es5[\"Input\"])(),\n player_builder_icon_select_component___metadata(\"design:type\", String),\n player_builder_icon_select_component___metadata(\"design:paramtypes\", [String])\n ], PlayerBuilderIconSelectComponent.prototype, \"label\", null);\n player_builder_icon_select_component___decorate([\n Object(core_es5[\"Input\"])(),\n player_builder_icon_select_component___metadata(\"design:type\", Boolean),\n player_builder_icon_select_component___metadata(\"design:paramtypes\", [Boolean])\n ], PlayerBuilderIconSelectComponent.prototype, \"disabled\", null);\n player_builder_icon_select_component___decorate([\n Object(core_es5[\"Input\"])(),\n player_builder_icon_select_component___metadata(\"design:type\", Object),\n player_builder_icon_select_component___metadata(\"design:paramtypes\", [Object])\n ], PlayerBuilderIconSelectComponent.prototype, \"value\", null);\n player_builder_icon_select_component___decorate([\n Object(core_es5[\"Output\"])(),\n player_builder_icon_select_component___metadata(\"design:type\", Object)\n ], PlayerBuilderIconSelectComponent.prototype, \"valueChange\", void 0);\n player_builder_icon_select_component___decorate([\n Object(core_es5[\"HostBinding\"])('class.disabled'),\n player_builder_icon_select_component___metadata(\"design:type\", Boolean)\n ], PlayerBuilderIconSelectComponent.prototype, \"_disabled\", void 0);\n PlayerBuilderIconSelectComponent = player_builder_icon_select_component___decorate([\n Object(core_es5[\"Component\"])({\n selector: 'player-builder-icon-select',\n template: __webpack_require__(1462),\n styles: [\n __webpack_require__(73),\n ],\n changeDetection: core_es5[\"ChangeDetectionStrategy\"].OnPush\n }),\n player_builder_icon_select_component___metadata(\"design:paramtypes\", [typeof (_j = typeof core_es5[\"ChangeDetectorRef\"] !== \"undefined\" && core_es5[\"ChangeDetectorRef\"]) === \"function\" && _j || Object])\n ], PlayerBuilderIconSelectComponent);\n return PlayerBuilderIconSelectComponent;\n}());\n\n\n// CONCATENATED MODULE: ./src/module/player/modules/builder/modules/@common/icon/pipe/player.builder.icon.svg.href.pipe.ts\nvar player_builder_icon_svg_href_pipe___decorate = (this && this.__decorate) || function (decorators, target, key, desc) {\n var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;\n if (typeof Reflect === \"object\" && typeof Reflect.decorate === \"function\") r = Reflect.decorate(decorators, target, key, desc);\n 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;\n return c > 3 && r && Object.defineProperty(target, key, r), r;\n};\nvar player_builder_icon_svg_href_pipe___metadata = (this && this.__metadata) || function (k, v) {\n if (typeof Reflect === \"object\" && typeof Reflect.metadata === \"function\") return Reflect.metadata(k, v);\n};\nvar player_builder_icon_svg_href_pipe___param = (this && this.__param) || function (paramIndex, decorator) {\n return function (target, key) { decorator(target, key, paramIndex); }\n};\n\n\nvar player_builder_icon_svg_href_pipe_PlayerBuilderIconSvgHrefPipe = (function () {\n function PlayerBuilderIconSvgHrefPipe(doc) {\n this.doc = doc;\n }\n PlayerBuilderIconSvgHrefPipe.prototype.transform = function (value, skinStateIcoPrefix) {\n if (!!this.doc.location.hash && this.doc.location.hash.length > 0) {\n return this.doc.location.href.split(this.doc.location.hash).join(\"#\" + skinStateIcoPrefix + value);\n }\n return this.doc.location.href + \"#\" + skinStateIcoPrefix + value;\n };\n var _a;\n PlayerBuilderIconSvgHrefPipe = player_builder_icon_svg_href_pipe___decorate([\n Object(core_es5[\"Pipe\"])({ name: 'iconSvgHref' }),\n player_builder_icon_svg_href_pipe___param(0, Object(core_es5[\"Inject\"])(common_es5[\"DOCUMENT\"])),\n player_builder_icon_svg_href_pipe___metadata(\"design:paramtypes\", [typeof (_a = typeof Document !== \"undefined\" && Document) === \"function\" && _a || Object])\n ], PlayerBuilderIconSvgHrefPipe);\n return PlayerBuilderIconSvgHrefPipe;\n}());\n\n\n// CONCATENATED MODULE: ./src/module/player/modules/builder/modules/@common/icon/pipe/player.builder.icon.font.link.pipe.ts\nvar player_builder_icon_font_link_pipe___decorate = (this && this.__decorate) || function (decorators, target, key, desc) {\n var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;\n if (typeof Reflect === \"object\" && typeof Reflect.decorate === \"function\") r = Reflect.decorate(decorators, target, key, desc);\n 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;\n return c > 3 && r && Object.defineProperty(target, key, r), r;\n};\nvar player_builder_icon_font_link_pipe___metadata = (this && this.__metadata) || function (k, v) {\n if (typeof Reflect === \"object\" && typeof Reflect.metadata === \"function\") return Reflect.metadata(k, v);\n};\nvar player_builder_icon_font_link_pipe___param = (this && this.__param) || function (paramIndex, decorator) {\n return function (target, key) { decorator(target, key, paramIndex); }\n};\n\n\nvar player_builder_icon_font_link_pipe_PlayerBuilderIconFontLinkPipe = (function () {\n function PlayerBuilderIconFontLinkPipe(doc) {\n this.doc = doc;\n }\n PlayerBuilderIconFontLinkPipe.prototype.transform = function (href, version) {\n if (!!href && !!version)\n return \"
\";\n return \"
\";\n };\n var _a;\n PlayerBuilderIconFontLinkPipe = player_builder_icon_font_link_pipe___decorate([\n Object(core_es5[\"Pipe\"])({ name: 'iconFontLink' }),\n player_builder_icon_font_link_pipe___param(0, Object(core_es5[\"Inject\"])(common_es5[\"DOCUMENT\"])),\n player_builder_icon_font_link_pipe___metadata(\"design:paramtypes\", [typeof (_a = typeof Document !== \"undefined\" && Document) === \"function\" && _a || Object])\n ], PlayerBuilderIconFontLinkPipe);\n return PlayerBuilderIconFontLinkPipe;\n}());\n\n\n// CONCATENATED MODULE: ./src/module/player/modules/builder/modules/@common/icon/player.builder.icon.module.ts\nvar player_builder_icon_module___decorate = (this && this.__decorate) || function (decorators, target, key, desc) {\n var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;\n if (typeof Reflect === \"object\" && typeof Reflect.decorate === \"function\") r = Reflect.decorate(decorators, target, key, desc);\n 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;\n return c > 3 && r && Object.defineProperty(target, key, r), r;\n};\n\n\n\n\n\n\nvar player_builder_icon_module_COMP = [\n player_builder_icon_select_component_PlayerBuilderIconSelectComponent,\n];\nvar player_builder_icon_module_PlayerBuilderIconModule = (function () {\n function PlayerBuilderIconModule() {\n }\n PlayerBuilderIconModule = player_builder_icon_module___decorate([\n Object(core_es5[\"NgModule\"])({\n imports: [\n common_es5[\"CommonModule\"],\n forms_es5[\"FormsModule\"],\n ],\n declarations: [\n player_builder_icon_svg_href_pipe_PlayerBuilderIconSvgHrefPipe,\n player_builder_icon_font_link_pipe_PlayerBuilderIconFontLinkPipe\n ].concat(player_builder_icon_module_COMP),\n entryComponents: player_builder_icon_module_COMP,\n exports: [\n player_builder_icon_svg_href_pipe_PlayerBuilderIconSvgHrefPipe,\n player_builder_icon_font_link_pipe_PlayerBuilderIconFontLinkPipe,\n player_builder_icon_module_COMP,\n ]\n })\n ], PlayerBuilderIconModule);\n return PlayerBuilderIconModule;\n}());\n\n\n// CONCATENATED MODULE: ./src/module/player/modules/builder/modules/icons/component/player.builder.icons.component.ts\nvar player_builder_icons_component___extends = (this && this.__extends) || (function () {\n var extendStatics = Object.setPrototypeOf ||\n ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||\n function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };\n return function (d, b) {\n extendStatics(d, b);\n function __() { this.constructor = d; }\n d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());\n };\n})();\nvar player_builder_icons_component___assign = (this && this.__assign) || Object.assign || function(t) {\n for (var s, i = 1, n = arguments.length; i < n; i++) {\n s = arguments[i];\n for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))\n t[p] = s[p];\n }\n return t;\n};\nvar player_builder_icons_component___decorate = (this && this.__decorate) || function (decorators, target, key, desc) {\n var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;\n if (typeof Reflect === \"object\" && typeof Reflect.decorate === \"function\") r = Reflect.decorate(decorators, target, key, desc);\n 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;\n return c > 3 && r && Object.defineProperty(target, key, r), r;\n};\nvar player_builder_icons_component___metadata = (this && this.__metadata) || function (k, v) {\n if (typeof Reflect === \"object\" && typeof Reflect.metadata === \"function\") return Reflect.metadata(k, v);\n};\n\n\n\n\n\nvar player_builder_icons_component_PlayerBuilderIconsComponent = (function (_super) {\n player_builder_icons_component___extends(PlayerBuilderIconsComponent, _super);\n function PlayerBuilderIconsComponent(data, cdr, route, clipboard) {\n var _this = _super.call(this, data, cdr, route) || this;\n _this.data = data;\n _this.cdr = cdr;\n _this.route = route;\n _this.clipboard = clipboard;\n _this.OPTIONS = _this.data.RESOURCE.icon\n ? _this.data.RESOURCE.icon.fonts.concat(_this.data.RESOURCE.icon.svgs)\n : [];\n return _this;\n }\n Object.defineProperty(PlayerBuilderIconsComponent.prototype, \"activeIconFont\", {\n get: function () {\n var _this = this;\n return this.data.skinIconFont ? this.OPTIONS.find(function (f) { return f.id === _this.data.skinIconFont.id; }) : null;\n },\n enumerable: true,\n configurable: true\n });\n Object.defineProperty(PlayerBuilderIconsComponent.prototype, \"activeIconFontForm\", {\n get: function () { return 'form' in this.activeIconFont ? this.activeIconFont.form : null; },\n enumerable: true,\n configurable: true\n });\n PlayerBuilderIconsComponent.prototype.emitVariation = function (key, value) {\n var _a;\n this.data.skinIconFontVariation = player_builder_icons_component___assign({}, this.data.skinIconFontVariation, (_a = {}, _a[key] = value, _a));\n this.cdr.markForCheck();\n };\n PlayerBuilderIconsComponent.prototype.copyLink = function (element) { this.clipboard.copy(element).subscribe(); };\n var _a, _b, _c, _d;\n PlayerBuilderIconsComponent = player_builder_icons_component___decorate([\n Object(core_es5[\"Component\"])({\n selector: 'player-builder-icons',\n template: __webpack_require__(1463),\n styles: [\n __webpack_require__(73),\n ],\n changeDetection: core_es5[\"ChangeDetectionStrategy\"].OnPush\n }),\n player_builder_icons_component___metadata(\"design:paramtypes\", [typeof (_a = typeof player_builder_data_service_PlayerBuilderDataService !== \"undefined\" && player_builder_data_service_PlayerBuilderDataService) === \"function\" && _a || Object, typeof (_b = typeof core_es5[\"ChangeDetectorRef\"] !== \"undefined\" && core_es5[\"ChangeDetectorRef\"]) === \"function\" && _b || Object, typeof (_c = typeof router_es5[\"a\" /* ActivatedRoute */] !== \"undefined\" && router_es5[\"a\" /* ActivatedRoute */]) === \"function\" && _c || Object, typeof (_d = typeof clipboard_service_ClipboardService !== \"undefined\" && clipboard_service_ClipboardService) === \"function\" && _d || Object])\n ], PlayerBuilderIconsComponent);\n return PlayerBuilderIconsComponent;\n}(abstract_player_builder_data_component_AbstractPlayerBuilderDataComponent));\n\n\n// CONCATENATED MODULE: ./src/module/player/modules/builder/modules/icons/player.builder.icons.module.ts\nvar player_builder_icons_module___decorate = (this && this.__decorate) || function (decorators, target, key, desc) {\n var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;\n if (typeof Reflect === \"object\" && typeof Reflect.decorate === \"function\") r = Reflect.decorate(decorators, target, key, desc);\n 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;\n return c > 3 && r && Object.defineProperty(target, key, r), r;\n};\n\n\n\n\n\n\n\n\n\n\n\n\nvar PlayerBuilderThemeRoutes = [\n { path: '', component: player_builder_icons_component_PlayerBuilderIconsComponent, },\n { path: '**', redirectTo: '' }\n];\nvar player_builder_icons_module_COMP = PlayerBuilderThemeRoutes.filter(function (r) { return !!r.component; }).map(function (r) { return r.component; });\nvar player_builder_icons_module_PlayerBuilderIconsModule = (function () {\n function PlayerBuilderIconsModule() {\n }\n PlayerBuilderIconsModule = player_builder_icons_module___decorate([\n Object(core_es5[\"NgModule\"])({\n imports: [\n common_es5[\"CommonModule\"],\n router_es5[\"h\" /* RouterModule */].forChild(PlayerBuilderThemeRoutes),\n forms_es5[\"FormsModule\"],\n form_module_FormComponentsModule,\n colorpicker_module_ColorpickerModule,\n player_builder_docs_module_PlayerBuilderDocsModule,\n player_builder_icon_module_PlayerBuilderIconModule,\n object_keys_module_ObjectKeysPipeModule,\n char_code_module_CharCodePipeModule,\n ],\n providers: [clipboard_service_ClipboardService],\n declarations: player_builder_icons_module_COMP.slice(),\n entryComponents: player_builder_icons_module_COMP,\n })\n ], PlayerBuilderIconsModule);\n return PlayerBuilderIconsModule;\n}());\n\n\n// CONCATENATED MODULE: ./src/module/player/modules/builder/modules/playback/component/player.builder.playback.component.ts\nvar player_builder_playback_component___extends = (this && this.__extends) || (function () {\n var extendStatics = Object.setPrototypeOf ||\n ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||\n function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };\n return function (d, b) {\n extendStatics(d, b);\n function __() { this.constructor = d; }\n d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());\n };\n})();\nvar player_builder_playback_component___decorate = (this && this.__decorate) || function (decorators, target, key, desc) {\n var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;\n if (typeof Reflect === \"object\" && typeof Reflect.decorate === \"function\") r = Reflect.decorate(decorators, target, key, desc);\n 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;\n return c > 3 && r && Object.defineProperty(target, key, r), r;\n};\n\n\nvar player_builder_playback_component_PlayerBuilderPlaybackComponent = (function (_super) {\n player_builder_playback_component___extends(PlayerBuilderPlaybackComponent, _super);\n function PlayerBuilderPlaybackComponent() {\n return _super !== null && _super.apply(this, arguments) || this;\n }\n PlayerBuilderPlaybackComponent = player_builder_playback_component___decorate([\n Object(core_es5[\"Component\"])({\n selector: 'player-builder-playback',\n template: __webpack_require__(1464),\n styles: [\n __webpack_require__(73),\n ],\n changeDetection: core_es5[\"ChangeDetectionStrategy\"].OnPush\n })\n ], PlayerBuilderPlaybackComponent);\n return PlayerBuilderPlaybackComponent;\n}(abstract_player_builder_data_component_AbstractPlayerBuilderDataComponent));\n\n\n// CONCATENATED MODULE: ./src/module/player/modules/builder/modules/playback/player.builder.playback.module.ts\nvar player_builder_playback_module___decorate = (this && this.__decorate) || function (decorators, target, key, desc) {\n var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;\n if (typeof Reflect === \"object\" && typeof Reflect.decorate === \"function\") r = Reflect.decorate(decorators, target, key, desc);\n 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;\n return c > 3 && r && Object.defineProperty(target, key, r), r;\n};\n\n\n\n\n\n\n\nvar PlayerBuilderPlaybackRoutes = [\n { path: '', component: player_builder_playback_component_PlayerBuilderPlaybackComponent, },\n { path: '**', redirectTo: '' }\n];\nvar player_builder_playback_module_COMP = PlayerBuilderPlaybackRoutes.filter(function (r) { return !!r.component; }).map(function (r) { return r.component; });\nvar player_builder_playback_module_PlayerBuilderPlaybackModule = (function () {\n function PlayerBuilderPlaybackModule() {\n }\n PlayerBuilderPlaybackModule = player_builder_playback_module___decorate([\n Object(core_es5[\"NgModule\"])({\n imports: [\n common_es5[\"CommonModule\"],\n router_es5[\"h\" /* RouterModule */].forChild(PlayerBuilderPlaybackRoutes),\n forms_es5[\"FormsModule\"],\n form_module_FormComponentsModule,\n player_builder_docs_module_PlayerBuilderDocsModule,\n ],\n declarations: player_builder_playback_module_COMP.slice(),\n entryComponents: player_builder_playback_module_COMP,\n })\n ], PlayerBuilderPlaybackModule);\n return PlayerBuilderPlaybackModule;\n}());\n\n\n// CONCATENATED MODULE: ./src/module/player/modules/builder/modules/theme/component/player.builder.theme.component.ts\nvar player_builder_theme_component___extends = (this && this.__extends) || (function () {\n var extendStatics = Object.setPrototypeOf ||\n ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||\n function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };\n return function (d, b) {\n extendStatics(d, b);\n function __() { this.constructor = d; }\n d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());\n };\n})();\nvar player_builder_theme_component___decorate = (this && this.__decorate) || function (decorators, target, key, desc) {\n var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;\n if (typeof Reflect === \"object\" && typeof Reflect.decorate === \"function\") r = Reflect.decorate(decorators, target, key, desc);\n 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;\n return c > 3 && r && Object.defineProperty(target, key, r), r;\n};\nvar player_builder_theme_component___metadata = (this && this.__metadata) || function (k, v) {\n if (typeof Reflect === \"object\" && typeof Reflect.metadata === \"function\") return Reflect.metadata(k, v);\n};\n\n\n\n\n\n\n\nvar player_builder_theme_component_PlayerBuilderThemeComponent = (function (_super) {\n player_builder_theme_component___extends(PlayerBuilderThemeComponent, _super);\n function PlayerBuilderThemeComponent(data, cdr, route, sanitizer, urlService, clipboard) {\n var _this = _super.call(this, data, cdr, route) || this;\n _this.data = data;\n _this.cdr = cdr;\n _this.route = route;\n _this.sanitizer = sanitizer;\n _this.urlService = urlService;\n _this.clipboard = clipboard;\n _this.TEXT_FONTS = _this.data.RESOURCE.fonts;\n _this.SKIN_THEMES = _this.data.RESOURCE.themes;\n return _this;\n }\n PlayerBuilderThemeComponent.prototype.formatImageSrc = function (theme) { return this.sanitizer.bypassSecurityTrustUrl(this.urlService.file(\"img/builder/screenshots/theme/\" + theme + \".jpg\")); };\n PlayerBuilderThemeComponent.prototype.fontById = function (id) { return this.TEXT_FONTS.find(function (f) { return f.id === id; }); };\n PlayerBuilderThemeComponent.prototype.copyLink = function (element) { this.clipboard.copy(element).subscribe(); };\n var _a, _b, _c, _d, _e, _f;\n PlayerBuilderThemeComponent = player_builder_theme_component___decorate([\n Object(core_es5[\"Component\"])({\n selector: 'player-builder-theme',\n template: __webpack_require__(1465),\n styles: [\n __webpack_require__(73),\n ],\n changeDetection: core_es5[\"ChangeDetectionStrategy\"].OnPush\n }),\n player_builder_theme_component___metadata(\"design:paramtypes\", [typeof (_a = typeof player_builder_data_service_PlayerBuilderDataService !== \"undefined\" && player_builder_data_service_PlayerBuilderDataService) === \"function\" && _a || Object, typeof (_b = typeof core_es5[\"ChangeDetectorRef\"] !== \"undefined\" && core_es5[\"ChangeDetectorRef\"]) === \"function\" && _b || Object, typeof (_c = typeof router_es5[\"a\" /* ActivatedRoute */] !== \"undefined\" && router_es5[\"a\" /* ActivatedRoute */]) === \"function\" && _c || Object, typeof (_d = typeof platform_browser_es5[\"c\" /* DomSanitizer */] !== \"undefined\" && platform_browser_es5[\"c\" /* DomSanitizer */]) === \"function\" && _d || Object, typeof (_e = typeof url_service[\"a\" /* UrlService */] !== \"undefined\" && url_service[\"a\" /* UrlService */]) === \"function\" && _e || Object, typeof (_f = typeof clipboard_service_ClipboardService !== \"undefined\" && clipboard_service_ClipboardService) === \"function\" && _f || Object])\n ], PlayerBuilderThemeComponent);\n return PlayerBuilderThemeComponent;\n}(abstract_player_builder_data_component_AbstractPlayerBuilderDataComponent));\n\n\n// CONCATENATED MODULE: ./src/module/player/modules/builder/modules/theme/player.builder.theme.module.ts\nvar player_builder_theme_module___decorate = (this && this.__decorate) || function (decorators, target, key, desc) {\n var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;\n if (typeof Reflect === \"object\" && typeof Reflect.decorate === \"function\") r = Reflect.decorate(decorators, target, key, desc);\n 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;\n return c > 3 && r && Object.defineProperty(target, key, r), r;\n};\n\n\n\n\n\n\n\n\n\n\n\nvar player_builder_theme_module_PlayerBuilderThemeRoutes = [\n {\n path: '',\n component: player_builder_theme_component_PlayerBuilderThemeComponent,\n },\n { path: '**', redirectTo: '' }\n];\nvar player_builder_theme_module_COMP = player_builder_theme_module_PlayerBuilderThemeRoutes.filter(function (r) { return !!r.component; }).map(function (r) { return r.component; });\nvar player_builder_theme_module_PlayerBuilderThemeModule = (function () {\n function PlayerBuilderThemeModule() {\n }\n PlayerBuilderThemeModule = player_builder_theme_module___decorate([\n Object(core_es5[\"NgModule\"])({\n imports: [\n common_es5[\"CommonModule\"],\n router_es5[\"h\" /* RouterModule */].forChild(player_builder_theme_module_PlayerBuilderThemeRoutes),\n forms_es5[\"FormsModule\"],\n form_module_FormComponentsModule,\n colorpicker_module_ColorpickerModule,\n player_builder_docs_module_PlayerBuilderDocsModule,\n object_keys_module_ObjectKeysPipeModule,\n player_builder_icon_module_PlayerBuilderIconModule,\n ],\n providers: [clipboard_service_ClipboardService],\n declarations: player_builder_theme_module_COMP.slice(),\n entryComponents: player_builder_theme_module_COMP,\n })\n ], PlayerBuilderThemeModule);\n return PlayerBuilderThemeModule;\n}());\n\n\n// CONCATENATED MODULE: ./src/module/player/modules/builder/service/guard/player.builder.activate.guard.ts\nvar player_builder_activate_guard___decorate = (this && this.__decorate) || function (decorators, target, key, desc) {\n var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;\n if (typeof Reflect === \"object\" && typeof Reflect.decorate === \"function\") r = Reflect.decorate(decorators, target, key, desc);\n 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;\n return c > 3 && r && Object.defineProperty(target, key, r), r;\n};\nvar player_builder_activate_guard___metadata = (this && this.__metadata) || function (k, v) {\n if (typeof Reflect === \"object\" && typeof Reflect.metadata === \"function\") return Reflect.metadata(k, v);\n};\n\n\n\n\n\n\n\nvar player_builder_activate_guard_PlayerBuilderActivateGuard = (function () {\n function PlayerBuilderActivateGuard(router, service, user) {\n this.router = router;\n this.service = service;\n this.user = user;\n }\n PlayerBuilderActivateGuard.prototype.canActivate = function (route, _state) {\n var _this = this;\n var buildId = route.params['id'];\n if (buildId == null || this.user.accountId == null)\n return this.gotoPlayers();\n return this.service.readPlayer(this.user.accountId, buildId)\n .pipe(Object(operators[\"map\"])(function (resp) {\n if (!resp || !resp.conf_json)\n return _this.gotoPlayers();\n if (Object(api_model[\"b\" /* isPlayerV2 */])(resp))\n return true;\n return _this.gotoConfigurator(buildId);\n }));\n };\n PlayerBuilderActivateGuard.prototype.gotoPlayers = function () {\n this.router.navigate(['admin', 'player']);\n return false;\n };\n PlayerBuilderActivateGuard.prototype.gotoConfigurator = function (buildId) {\n this.router.navigate(['admin', 'player', buildId, player_model[\"a\" /* PlayerRoute */].configurator]);\n return false;\n };\n var _a, _b, _c;\n PlayerBuilderActivateGuard = player_builder_activate_guard___decorate([\n Object(core_es5[\"Injectable\"])(),\n player_builder_activate_guard___metadata(\"design:paramtypes\", [typeof (_a = typeof router_es5[\"g\" /* Router */] !== \"undefined\" && router_es5[\"g\" /* Router */]) === \"function\" && _a || Object, typeof (_b = typeof player_service_PlayerService !== \"undefined\" && player_service_PlayerService) === \"function\" && _b || Object, typeof (_c = typeof user_service[\"a\" /* UserService */] !== \"undefined\" && user_service[\"a\" /* UserService */]) === \"function\" && _c || Object])\n ], PlayerBuilderActivateGuard);\n return PlayerBuilderActivateGuard;\n}());\n\n\n// CONCATENATED MODULE: ./src/module/player/modules/builder/service/guard/player.builder.deactivate.guard.ts\nvar player_builder_deactivate_guard___decorate = (this && this.__decorate) || function (decorators, target, key, desc) {\n var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;\n if (typeof Reflect === \"object\" && typeof Reflect.decorate === \"function\") r = Reflect.decorate(decorators, target, key, desc);\n 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;\n return c > 3 && r && Object.defineProperty(target, key, r), r;\n};\n\nvar player_builder_deactivate_guard_PlayerBuilderDeactivateGuard = (function () {\n function PlayerBuilderDeactivateGuard() {\n }\n PlayerBuilderDeactivateGuard.prototype.canDeactivate = function (component, _currentRoute, _currentState, _nextState) {\n return component.canLeave$();\n };\n PlayerBuilderDeactivateGuard = player_builder_deactivate_guard___decorate([\n Object(core_es5[\"Injectable\"])()\n ], PlayerBuilderDeactivateGuard);\n return PlayerBuilderDeactivateGuard;\n}());\n\n\n// CONCATENATED MODULE: ./src/module/player/modules/builder/service/resolve/http/player.builder.docs.links.resolve.service.ts\nvar player_builder_docs_links_resolve_service___decorate = (this && this.__decorate) || function (decorators, target, key, desc) {\n var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;\n if (typeof Reflect === \"object\" && typeof Reflect.decorate === \"function\") r = Reflect.decorate(decorators, target, key, desc);\n 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;\n return c > 3 && r && Object.defineProperty(target, key, r), r;\n};\nvar player_builder_docs_links_resolve_service___metadata = (this && this.__metadata) || function (k, v) {\n if (typeof Reflect === \"object\" && typeof Reflect.metadata === \"function\") return Reflect.metadata(k, v);\n};\nvar player_builder_docs_links_resolve_service___param = (this && this.__param) || function (paramIndex, decorator) {\n return function (target, key) { decorator(target, key, paramIndex); }\n};\n\n\n\n\n\n\nvar player_builder_docs_links_resolve_service_PlayerBuilderDocksLinksResolveService = (function () {\n function PlayerBuilderDocksLinksResolveService(http, docks, urlService, url) {\n this.http = http;\n this.docks = docks;\n this.urlService = urlService;\n this.url = url;\n }\n PlayerBuilderDocksLinksResolveService.prototype.resolve = function (_route, _state) {\n var _this = this;\n return this.http.get(this.urlService.file(this.url))\n .pipe(Object(operators[\"map\"])(function (response) {\n try {\n _this.docks.LINKS = response.json();\n }\n catch (e) {\n console.error(e);\n return _this.docks.LINKS;\n }\n return _this.docks.LINKS;\n }));\n };\n var _a, _b, _c;\n PlayerBuilderDocksLinksResolveService = player_builder_docs_links_resolve_service___decorate([\n Object(core_es5[\"Injectable\"])(),\n player_builder_docs_links_resolve_service___param(3, Object(core_es5[\"Inject\"])(PLAYER_DOCS_LINKS_URL)),\n player_builder_docs_links_resolve_service___metadata(\"design:paramtypes\", [typeof (_a = typeof http_es5[\"b\" /* Http */] !== \"undefined\" && http_es5[\"b\" /* Http */]) === \"function\" && _a || Object, typeof (_b = typeof player_builder_docs_service_PlayerBuilderDocsService !== \"undefined\" && player_builder_docs_service_PlayerBuilderDocsService) === \"function\" && _b || Object, typeof (_c = typeof url_service[\"a\" /* UrlService */] !== \"undefined\" && url_service[\"a\" /* UrlService */]) === \"function\" && _c || Object, String])\n ], PlayerBuilderDocksLinksResolveService);\n return PlayerBuilderDocksLinksResolveService;\n}());\n\n\n// CONCATENATED MODULE: ./src/module/player/modules/builder/service/resolve/http/player.builder.media.resolve.service.ts\nvar player_builder_media_resolve_service___decorate = (this && this.__decorate) || function (decorators, target, key, desc) {\n var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;\n if (typeof Reflect === \"object\" && typeof Reflect.decorate === \"function\") r = Reflect.decorate(decorators, target, key, desc);\n 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;\n return c > 3 && r && Object.defineProperty(target, key, r), r;\n};\nvar player_builder_media_resolve_service___metadata = (this && this.__metadata) || function (k, v) {\n if (typeof Reflect === \"object\" && typeof Reflect.metadata === \"function\") return Reflect.metadata(k, v);\n};\nvar player_builder_media_resolve_service___param = (this && this.__param) || function (paramIndex, decorator) {\n return function (target, key) { decorator(target, key, paramIndex); }\n};\n\n\n\n\n\nvar player_builder_media_resolve_service_PlayerBuilderMediaResolveService = (function () {\n function PlayerBuilderMediaResolveService(http, urlService, url) {\n this.http = http;\n this.urlService = urlService;\n this.url = url;\n }\n PlayerBuilderMediaResolveService.prototype.resolve = function (_route, _state) {\n return this.http.get(this.urlService.file(this.url))\n .pipe(Object(operators[\"map\"])(function (response) {\n var media = null;\n try {\n var r = response.json();\n media = r.dataProvider;\n }\n catch (e) {\n console.error(e);\n return media;\n }\n return media;\n }));\n };\n var _a, _b;\n PlayerBuilderMediaResolveService = player_builder_media_resolve_service___decorate([\n Object(core_es5[\"Injectable\"])(),\n player_builder_media_resolve_service___param(2, Object(core_es5[\"Inject\"])(PLAYER_SKIN_MEDIA_URL)),\n player_builder_media_resolve_service___metadata(\"design:paramtypes\", [typeof (_a = typeof http_es5[\"b\" /* Http */] !== \"undefined\" && http_es5[\"b\" /* Http */]) === \"function\" && _a || Object, typeof (_b = typeof url_service[\"a\" /* UrlService */] !== \"undefined\" && url_service[\"a\" /* UrlService */]) === \"function\" && _b || Object, String])\n ], PlayerBuilderMediaResolveService);\n return PlayerBuilderMediaResolveService;\n}());\n\n\n// CONCATENATED MODULE: ./src/util/url.util.ts\nvar UrlUtil = (function () {\n function UrlUtil() {\n }\n UrlUtil.format = function (base, url) {\n return (base.endsWith('/') ? base.slice(-1) : base) + (url.startsWith('/') ? url : \"/\" + url);\n };\n UrlUtil.map = function (base, urls) {\n return urls.map(function (u) { return UrlUtil.format(base, u); });\n };\n return UrlUtil;\n}());\n\n\n// CONCATENATED MODULE: ./src/module/player/modules/builder/service/resolve/js/player.builder.js.resolve.service.ts\nvar player_builder_js_resolve_service___decorate = (this && this.__decorate) || function (decorators, target, key, desc) {\n var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;\n if (typeof Reflect === \"object\" && typeof Reflect.decorate === \"function\") r = Reflect.decorate(decorators, target, key, desc);\n 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;\n return c > 3 && r && Object.defineProperty(target, key, r), r;\n};\nvar player_builder_js_resolve_service___metadata = (this && this.__metadata) || function (k, v) {\n if (typeof Reflect === \"object\" && typeof Reflect.metadata === \"function\") return Reflect.metadata(k, v);\n};\nvar player_builder_js_resolve_service___param = (this && this.__param) || function (paramIndex, decorator) {\n return function (target, key) { decorator(target, key, paramIndex); }\n};\n\n\n\n\n\nvar player_builder_js_resolve_service_PlayerBuilderJsResolveService = (function () {\n function PlayerBuilderJsResolveService(doc, PLAYER_CDN_URL, PLAYER_JS_SRC) {\n this.doc = doc;\n this.PLAYER_CDN_URL = PLAYER_CDN_URL;\n this.PLAYER_JS_SRC = PLAYER_JS_SRC;\n this.src = UrlUtil.format(this.PLAYER_CDN_URL, this.PLAYER_JS_SRC);\n }\n PlayerBuilderJsResolveService.prototype.resolve = function (_route, _state) {\n var _this = this;\n var head = this.doc.getElementsByTagName('head')[0];\n var headScripts = head.getElementsByTagName('script');\n for (var index = 0; index < headScripts.length; index++) {\n var element = headScripts.item(index);\n if (element && 'src' in element && element.src === this.src) {\n return true;\n }\n }\n return new Rx[\"Observable\"](function (s) {\n var script = document.createElement('script');\n script.type = 'text/javascript';\n script.async = true;\n script.defer = true;\n script.charset = 'utf-8';\n script.addEventListener('error', function (e) { return s.error(e); }, false);\n script.addEventListener('load', function () {\n s.next(true);\n s.complete();\n }, false);\n script.src = _this.src;\n head.appendChild(script);\n });\n };\n var _a;\n PlayerBuilderJsResolveService = player_builder_js_resolve_service___decorate([\n Object(core_es5[\"Injectable\"])(),\n player_builder_js_resolve_service___param(0, Object(core_es5[\"Inject\"])(common_es5[\"DOCUMENT\"])),\n player_builder_js_resolve_service___param(1, Object(core_es5[\"Inject\"])(player_builder_tokens_PLAYER_CDN_URL)),\n player_builder_js_resolve_service___param(2, Object(core_es5[\"Inject\"])(player_builder_tokens_PLAYER_JS_SRC)),\n player_builder_js_resolve_service___metadata(\"design:paramtypes\", [typeof (_a = typeof Document !== \"undefined\" && Document) === \"function\" && _a || Object, String, String])\n ], PlayerBuilderJsResolveService);\n return PlayerBuilderJsResolveService;\n}());\n\n\n// CONCATENATED MODULE: ./src/module/player/modules/builder/player.builder.module.ts\nvar player_builder_module___decorate = (this && this.__decorate) || function (decorators, target, key, desc) {\n var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;\n if (typeof Reflect === \"object\" && typeof Reflect.decorate === \"function\") r = Reflect.decorate(decorators, target, key, desc);\n 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;\n return c > 3 && r && Object.defineProperty(target, key, r), r;\n};\nvar player_builder_module__a, player_builder_module__b, player_builder_module__c, player_builder_module__d, player_builder_module__e, player_builder_module__f, player_builder_module__g, player_builder_module__h;\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\nvar player_builder_module_LOCAL_PROVIDERS = [\n { provide: player_builder_tokens_PLAYER_CDN_URL, useValue: 'https://bradm.ax/build/000000/00/builder' },\n { provide: player_builder_tokens_PLAYER_JS_SRC, useValue: 'player.js' },\n { provide: PLAYER_DOCS_URL, useValue: 'https://bradmax.com/static/player-doc' },\n { provide: PLAYER_DOCS_LINKS_URL, useValue: 'data/builder/docs.links.json' },\n { provide: PLAYER_SKIN_MEDIA_URL, useValue: 'data/builder/media.json' },\n player_builder_activate_guard_PlayerBuilderActivateGuard,\n player_builder_deactivate_guard_PlayerBuilderDeactivateGuard,\n player_builder_js_resolve_service_PlayerBuilderJsResolveService,\n player_builder_docs_links_resolve_service_PlayerBuilderDocksLinksResolveService,\n player_builder_media_resolve_service_PlayerBuilderMediaResolveService,\n player_builder_data_diff_service_PlayerBuilderDataDiffService,\n player_builder_data_service_PlayerBuilderDataService,\n player_builder_modal_service_PlayerBuilderModalService,\n player_builder_video_service_PlayerBuilderVideoService,\n player_builder_docs_service_PlayerBuilderDocsService,\n];\nvar player_builder_module_COMP = [\n player_builder_view_component_PlayerBuilderViewComponent,\n player_builder_player_component_PlayerBuilderPlayerComponent,\n];\nvar PlayerBuilderRoutes = [\n {\n path: '',\n canActivate: [player_builder_activate_guard_PlayerBuilderActivateGuard],\n canDeactivate: [player_builder_deactivate_guard_PlayerBuilderDeactivateGuard],\n resolve: (player_builder_module__a = {},\n player_builder_module__a[PlayerBuilderRouteData.bxplayer] = player_builder_js_resolve_service_PlayerBuilderJsResolveService,\n player_builder_module__a[PlayerBuilderRouteData.docksLink] = player_builder_docs_links_resolve_service_PlayerBuilderDocksLinksResolveService,\n player_builder_module__a[PlayerBuilderRouteData.dataProvider] = player_builder_media_resolve_service_PlayerBuilderMediaResolveService,\n player_builder_module__a),\n component: player_builder_view_component_PlayerBuilderViewComponent,\n children: [\n { path: PlayerBuilderRoute.general, loadChildren: function () { return player_builder_general_module_PlayerBuilderGeneralModule; }, data: (player_builder_module__b = {}, player_builder_module__b[PlayerBuilderRouteData.seek] = 'start', player_builder_module__b), },\n { path: PlayerBuilderRoute.playback, loadChildren: function () { return player_builder_playback_module_PlayerBuilderPlaybackModule; }, data: (player_builder_module__c = {}, player_builder_module__c[PlayerBuilderRouteData.seek] = 'start', player_builder_module__c), },\n { path: PlayerBuilderRoute.theme, loadChildren: function () { return player_builder_theme_module_PlayerBuilderThemeModule; }, data: (player_builder_module__d = {}, player_builder_module__d[PlayerBuilderRouteData.seek] = 'start', player_builder_module__d), },\n { path: PlayerBuilderRoute.icons, loadChildren: function () { return player_builder_icons_module_PlayerBuilderIconsModule; }, data: (player_builder_module__e = {}, player_builder_module__e[PlayerBuilderRouteData.seek] = 'start', player_builder_module__e), },\n { path: PlayerBuilderRoute.features, loadChildren: function () { return player_builder_features_module_PlayerBuilderFeaturesModule; }, data: (player_builder_module__f = {}, player_builder_module__f[PlayerBuilderRouteData.seek] = 'start', player_builder_module__f), },\n { path: PlayerBuilderRoute.branding, loadChildren: function () { return player_builder_branding_module_PlayerBuilderBrandingModule; }, data: (player_builder_module__g = {}, player_builder_module__g[PlayerBuilderRouteData.seek] = 'start', player_builder_module__g), },\n { path: PlayerBuilderRoute.endsplash, loadChildren: function () { return player_builder_end_splash_module_PlayerBuilderEndSplashModule; }, data: (player_builder_module__h = {}, player_builder_module__h[PlayerBuilderRouteData.seek] = 'end', player_builder_module__h), },\n { path: '', redirectTo: PlayerBuilderRoute.general, pathMatch: 'full' },\n { path: '**', redirectTo: PlayerBuilderRoute.general }\n ]\n },\n { path: '**', redirectTo: '' }\n];\nvar player_builder_module_PlayerBuilderModule = (function () {\n function PlayerBuilderModule() {\n }\n PlayerBuilderModule = player_builder_module___decorate([\n Object(core_es5[\"NgModule\"])({\n imports: [\n common_es5[\"CommonModule\"],\n router_es5[\"h\" /* RouterModule */].forChild(PlayerBuilderRoutes),\n forms_es5[\"FormsModule\"],\n form_module_FormComponentsModule,\n player_builder_docs_module_PlayerBuilderDocsModule,\n colorpicker_module_ColorpickerModule\n ],\n providers: player_builder_module_LOCAL_PROVIDERS.slice(),\n declarations: [\n abstract_player_builder_data_component_AbstractPlayerBuilderDataComponent\n ].concat(player_builder_module_COMP),\n entryComponents: player_builder_module_COMP,\n exports: player_builder_module_COMP\n })\n ], PlayerBuilderModule);\n return PlayerBuilderModule;\n}());\n\n\n// EXTERNAL MODULE: ./node_modules/ng2-codemirror/lib/index.js\nvar lib = __webpack_require__(187);\nvar lib_default = /*#__PURE__*/__webpack_require__.n(lib);\n\n// CONCATENATED MODULE: ./src/module/form/index.ts\n\n\n\n\n\n\n\n\n\n\n\n\n\n// CONCATENATED MODULE: ./src/module/pipe/sanitize/sanitize.html.pipe.ts\nvar sanitize_html_pipe___decorate = (this && this.__decorate) || function (decorators, target, key, desc) {\n var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;\n if (typeof Reflect === \"object\" && typeof Reflect.decorate === \"function\") r = Reflect.decorate(decorators, target, key, desc);\n 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;\n return c > 3 && r && Object.defineProperty(target, key, r), r;\n};\nvar sanitize_html_pipe___metadata = (this && this.__metadata) || function (k, v) {\n if (typeof Reflect === \"object\" && typeof Reflect.metadata === \"function\") return Reflect.metadata(k, v);\n};\n\n\nvar sanitize_html_pipe_SanitizeHtmlPipe = (function () {\n function SanitizeHtmlPipe(sanitizer) {\n this.sanitizer = sanitizer;\n }\n SanitizeHtmlPipe.prototype.transform = function (value) {\n return this.sanitizer.bypassSecurityTrustHtml(value);\n };\n var _a;\n SanitizeHtmlPipe = sanitize_html_pipe___decorate([\n Object(core_es5[\"Pipe\"])({ name: 'safeHtml' }),\n sanitize_html_pipe___metadata(\"design:paramtypes\", [typeof (_a = typeof platform_browser_es5[\"c\" /* DomSanitizer */] !== \"undefined\" && platform_browser_es5[\"c\" /* DomSanitizer */]) === \"function\" && _a || Object])\n ], SanitizeHtmlPipe);\n return SanitizeHtmlPipe;\n}());\n\n\n// CONCATENATED MODULE: ./src/module/pipe/sanitize/sanitize.src.pipe.ts\nvar sanitize_src_pipe___decorate = (this && this.__decorate) || function (decorators, target, key, desc) {\n var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;\n if (typeof Reflect === \"object\" && typeof Reflect.decorate === \"function\") r = Reflect.decorate(decorators, target, key, desc);\n 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;\n return c > 3 && r && Object.defineProperty(target, key, r), r;\n};\nvar sanitize_src_pipe___metadata = (this && this.__metadata) || function (k, v) {\n if (typeof Reflect === \"object\" && typeof Reflect.metadata === \"function\") return Reflect.metadata(k, v);\n};\n\n\nvar sanitize_src_pipe_SanitizeSrcPipe = (function () {\n function SanitizeSrcPipe(sanitizer) {\n this.sanitizer = sanitizer;\n }\n SanitizeSrcPipe.prototype.transform = function (value) {\n return this.sanitizer.bypassSecurityTrustResourceUrl(value);\n };\n var _a;\n SanitizeSrcPipe = sanitize_src_pipe___decorate([\n Object(core_es5[\"Pipe\"])({ name: 'safeSrc' }),\n sanitize_src_pipe___metadata(\"design:paramtypes\", [typeof (_a = typeof platform_browser_es5[\"c\" /* DomSanitizer */] !== \"undefined\" && platform_browser_es5[\"c\" /* DomSanitizer */]) === \"function\" && _a || Object])\n ], SanitizeSrcPipe);\n return SanitizeSrcPipe;\n}());\n\n\n// CONCATENATED MODULE: ./src/module/pipe/sanitize/sanitize.style.pipe.ts\nvar sanitize_style_pipe___decorate = (this && this.__decorate) || function (decorators, target, key, desc) {\n var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;\n if (typeof Reflect === \"object\" && typeof Reflect.decorate === \"function\") r = Reflect.decorate(decorators, target, key, desc);\n 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;\n return c > 3 && r && Object.defineProperty(target, key, r), r;\n};\nvar sanitize_style_pipe___metadata = (this && this.__metadata) || function (k, v) {\n if (typeof Reflect === \"object\" && typeof Reflect.metadata === \"function\") return Reflect.metadata(k, v);\n};\n\n\nvar sanitize_style_pipe_SanitizeStylePipe = (function () {\n function SanitizeStylePipe(sanitizer) {\n this.sanitizer = sanitizer;\n }\n SanitizeStylePipe.prototype.transform = function (value) {\n return this.sanitizer.bypassSecurityTrustStyle(value);\n };\n var _a;\n SanitizeStylePipe = sanitize_style_pipe___decorate([\n Object(core_es5[\"Pipe\"])({ name: 'safeStyle' }),\n sanitize_style_pipe___metadata(\"design:paramtypes\", [typeof (_a = typeof platform_browser_es5[\"c\" /* DomSanitizer */] !== \"undefined\" && platform_browser_es5[\"c\" /* DomSanitizer */]) === \"function\" && _a || Object])\n ], SanitizeStylePipe);\n return SanitizeStylePipe;\n}());\n\n\n// CONCATENATED MODULE: ./src/module/pipe/sanitize/sanitize.pipe.module.ts\nvar sanitize_pipe_module___decorate = (this && this.__decorate) || function (decorators, target, key, desc) {\n var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;\n if (typeof Reflect === \"object\" && typeof Reflect.decorate === \"function\") r = Reflect.decorate(decorators, target, key, desc);\n 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;\n return c > 3 && r && Object.defineProperty(target, key, r), r;\n};\n\n\n\n\nvar sanitize_pipe_module_PIPES = [\n sanitize_src_pipe_SanitizeSrcPipe,\n sanitize_html_pipe_SanitizeHtmlPipe,\n sanitize_style_pipe_SanitizeStylePipe\n];\nvar sanitize_pipe_module_SanitizePipeModule = (function () {\n function SanitizePipeModule() {\n }\n SanitizePipeModule = sanitize_pipe_module___decorate([\n Object(core_es5[\"NgModule\"])({\n declarations: sanitize_pipe_module_PIPES.slice(),\n exports: sanitize_pipe_module_PIPES.slice(),\n })\n ], SanitizePipeModule);\n return SanitizePipeModule;\n}());\n\n\n// EXTERNAL MODULE: ./node_modules/rxjs/observable/zip.js\nvar zip = __webpack_require__(129);\nvar zip_default = /*#__PURE__*/__webpack_require__.n(zip);\n\n// CONCATENATED MODULE: ./src/module/player/modules/embedcode/component/player.embed.code.component.ts\nvar player_embed_code_component___decorate = (this && this.__decorate) || function (decorators, target, key, desc) {\n var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;\n if (typeof Reflect === \"object\" && typeof Reflect.decorate === \"function\") r = Reflect.decorate(decorators, target, key, desc);\n 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;\n return c > 3 && r && Object.defineProperty(target, key, r), r;\n};\nvar player_embed_code_component___metadata = (this && this.__metadata) || function (k, v) {\n if (typeof Reflect === \"object\" && typeof Reflect.metadata === \"function\") return Reflect.metadata(k, v);\n};\n\n\n\n\n\n\n\n\nvar player_embed_code_component_PlayerBuilderEmbedCodeComponent = (function () {\n function PlayerBuilderEmbedCodeComponent(cdr, route, url, list, sidebar, clipboard) {\n this.cdr = cdr;\n this.route = route;\n this.url = url;\n this.list = list;\n this.sidebar = sidebar;\n this.clipboard = clipboard;\n this.CODEMIRROR_CONFIG = {\n readOnly: true,\n mode: 'htmlmixed',\n theme: 'blackboard',\n lineWrapping: true,\n lineNumbers: true,\n lineWiseCopyCut: true,\n indentUnit: 1,\n autofocus: false\n };\n this.method = 'iframe';\n this.previewScale = 1;\n this.playerData = null;\n this.data = {\n width: '600px',\n height: '400px',\n mediaUrls: ['https://bradmax.com/static/video/tears_of_steel.mp4'],\n title: 'Tears of steel',\n duration: 734.097415,\n splashImageUrl: 'https://bradmax.com/static/images/startsplash.jpg',\n id: null,\n adsVmapUrl: null,\n adsPrerollVastUrl: null\n };\n this.jsFrameCachBuster = \"\" + Date.now();\n this.playerIframeUrl = null;\n this.playerScriptUrl = null;\n }\n PlayerBuilderEmbedCodeComponent.prototype.ngOnInit = function () {\n var _this = this;\n this.routeSub = Object(zip[\"zip\"])(this.list.$, this.route.params)\n .subscribe(function (r) {\n var players = r[0], params = r[1];\n if (players && player_model[\"c\" /* PlayerRouteParam */].id in params) {\n var playerId_1 = parseInt(params[player_model[\"c\" /* PlayerRouteParam */].id]);\n _this.sidebar.showPlayersMenu(players, playerId_1, player_model[\"a\" /* PlayerRoute */].embedcode);\n if (players && players.count > 0 && players.results.length > 0) {\n _this.playerData = players.results\n .filter(function (player) { return player.id === playerId_1; })\n .pop();\n _this.playerIframeUrl = _this.playerData.embed_player_page_url;\n _this.playerScriptUrl = _this.playerData.latest_webbuild.player_js_url;\n _this.cdr.markForCheck();\n }\n }\n });\n };\n PlayerBuilderEmbedCodeComponent.prototype.ngOnDestroy = function () {\n this.routeSub.unsubscribe();\n };\n Object.defineProperty(PlayerBuilderEmbedCodeComponent.prototype, \"iframeSrc\", {\n get: function () {\n var params = [\"mediaUrl=\" + encodeURIComponent(this.data.mediaUrls[0])];\n if (this.data.mediaUrls.length === 2 && !!this.data.mediaUrls[1])\n params.push(\"mediaUrl2=\" + encodeURIComponent(this.data.mediaUrls[1]));\n if (this.data.title)\n params.push(\"title=\" + encodeURIComponent(this.data.title));\n if (this.data.duration)\n params.push(\"duration=\" + this.data.duration);\n if (this.data.splashImageUrl)\n params.push(\"splashImgUrl=\" + encodeURIComponent(this.data.splashImageUrl));\n if (this.data.id)\n params.push(\"id=\" + encodeURIComponent(this.data.id));\n if (this.data.adsVmapUrl)\n params.push(\"a.vmap=\" + encodeURIComponent(this.data.adsVmapUrl));\n if (this.data.adsPrerollVastUrl)\n params.push(\"a.pre.vast=\" + encodeURIComponent(this.data.adsPrerollVastUrl));\n return this.playerIframeUrl + \"?\" + params.join(\"&\");\n },\n enumerable: true,\n configurable: true\n });\n Object.defineProperty(PlayerBuilderEmbedCodeComponent.prototype, \"iframeEmbedCode\", {\n get: function () { return \"
\"; },\n enumerable: true,\n configurable: true\n });\n Object.defineProperty(PlayerBuilderEmbedCodeComponent.prototype, \"scriptFrameSrc\", {\n get: function () { return this.url.file(\"html/embed.code.script.frame.html?\" + this.jsFrameCachBuster); },\n enumerable: true,\n configurable: true\n });\n PlayerBuilderEmbedCodeComponent.prototype.handleScriptFrameLoad = function (jsFrame) {\n if ('createplayer' in jsFrame.contentWindow)\n jsFrame.contentWindow\n .createplayer(this.playerScriptUrl, 'player', this.scriptConfig, this.data.width, this.data.height);\n };\n Object.defineProperty(PlayerBuilderEmbedCodeComponent.prototype, \"scriptConfig\", {\n get: function () {\n var cfg = { dataProvider: { source: [{ url: this.data.mediaUrls[0] }] } };\n if (this.data.mediaUrls.length === 2 && !!this.data.mediaUrls[1])\n cfg.dataProvider.source.push({ url: this.data.mediaUrls[1] });\n if (this.data.title)\n cfg.dataProvider['title'] = this.data.title;\n if (this.data.duration)\n cfg.dataProvider['duration'] = this.data.duration;\n if (this.data.splashImageUrl)\n cfg.dataProvider['splashImages'] = [{ url: this.data.splashImageUrl }];\n if (this.data.id)\n cfg.dataProvider['id'] = this.data.id;\n if (this.data.adsVmapUrl) {\n if (!('advertisement' in cfg))\n cfg['advertisement'] = {};\n cfg['advertisement']['vmap'] = this.data.adsVmapUrl;\n }\n if (this.data.adsPrerollVastUrl) {\n if (!('advertisement' in cfg))\n cfg['advertisement'] = {};\n cfg['advertisement']['breaks'] = [{ \"timeOffset\": \"start\", \"vast\": this.data.adsPrerollVastUrl }];\n }\n return btoa(JSON.stringify(cfg));\n },\n enumerable: true,\n configurable: true\n });\n Object.defineProperty(PlayerBuilderEmbedCodeComponent.prototype, \"scriptEmbedCodeDiv\", {\n get: function () { return \"
\"; },\n enumerable: true,\n configurable: true\n });\n Object.defineProperty(PlayerBuilderEmbedCodeComponent.prototype, \"scriptEmbedCodeScript\", {\n get: function () { return \"\"; },\n enumerable: true,\n configurable: true\n });\n Object.defineProperty(PlayerBuilderEmbedCodeComponent.prototype, \"codemirror\", {\n get: function () { return this.codeToString('\\n'); },\n enumerable: true,\n configurable: true\n });\n Object.defineProperty(PlayerBuilderEmbedCodeComponent.prototype, \"copyString\", {\n get: function () { return this.codeToString(''); },\n enumerable: true,\n configurable: true\n });\n PlayerBuilderEmbedCodeComponent.prototype.copyToClipboard = function (element) { this.clipboard.copy(element).subscribe(); };\n PlayerBuilderEmbedCodeComponent.prototype.codeToString = function (lineSeparator) {\n if (lineSeparator === void 0) { lineSeparator = ''; }\n return this.method === 'iframe'\n ? this.iframeEmbedCode\n : this.method === 'script'\n ? \"\" + this.scriptEmbedCodeDiv + lineSeparator + this.scriptEmbedCodeScript\n : '';\n };\n Object.defineProperty(PlayerBuilderEmbedCodeComponent.prototype, \"formWidth\", {\n get: function () { return this.data.width; },\n set: function (v) { this.data.width = v; this.updateJsFrameCachBuster(); },\n enumerable: true,\n configurable: true\n });\n Object.defineProperty(PlayerBuilderEmbedCodeComponent.prototype, \"formHeight\", {\n get: function () { return this.data.height; },\n set: function (v) { this.data.height = v; this.updateJsFrameCachBuster(); },\n enumerable: true,\n configurable: true\n });\n Object.defineProperty(PlayerBuilderEmbedCodeComponent.prototype, \"formMediaUrls\", {\n get: function () { return this.data.mediaUrls; },\n set: function (v) { this.data.mediaUrls = v; this.updateJsFrameCachBuster(); },\n enumerable: true,\n configurable: true\n });\n Object.defineProperty(PlayerBuilderEmbedCodeComponent.prototype, \"formTitle\", {\n get: function () { return this.data.title; },\n set: function (v) { this.data.title = v; this.updateJsFrameCachBuster(); },\n enumerable: true,\n configurable: true\n });\n Object.defineProperty(PlayerBuilderEmbedCodeComponent.prototype, \"formDuration\", {\n get: function () { return this.data.duration; },\n set: function (v) { this.data.duration = v; this.updateJsFrameCachBuster(); },\n enumerable: true,\n configurable: true\n });\n Object.defineProperty(PlayerBuilderEmbedCodeComponent.prototype, \"formSplashImageUrl\", {\n get: function () { return this.data.splashImageUrl; },\n set: function (v) { this.data.splashImageUrl = v; this.updateJsFrameCachBuster(); },\n enumerable: true,\n configurable: true\n });\n Object.defineProperty(PlayerBuilderEmbedCodeComponent.prototype, \"formId\", {\n get: function () { return this.data.id; },\n set: function (v) { this.data.id = v; this.updateJsFrameCachBuster(); },\n enumerable: true,\n configurable: true\n });\n Object.defineProperty(PlayerBuilderEmbedCodeComponent.prototype, \"formAdsVmapUrl\", {\n get: function () { return this.data.adsVmapUrl; },\n set: function (v) { this.data.adsVmapUrl = v; this.updateJsFrameCachBuster(); },\n enumerable: true,\n configurable: true\n });\n Object.defineProperty(PlayerBuilderEmbedCodeComponent.prototype, \"formAdsPrerollVastUrl\", {\n get: function () { return this.data.adsPrerollVastUrl; },\n set: function (v) { this.data.adsPrerollVastUrl = v; this.updateJsFrameCachBuster(); },\n enumerable: true,\n configurable: true\n });\n PlayerBuilderEmbedCodeComponent.prototype.formMediaUrlsChange = function (idx, v) {\n this.data.mediaUrls[idx] = v;\n this.updateJsFrameCachBuster();\n };\n PlayerBuilderEmbedCodeComponent.prototype.updateJsFrameCachBuster = function () {\n if (this.method == \"script\")\n this.jsFrameCachBuster = \"\" + Date.now();\n this.cdr.markForCheck();\n };\n PlayerBuilderEmbedCodeComponent.prototype.addMedia = function () {\n if (!this.canAddMedia)\n return;\n this.formMediaUrls.push(null);\n this.cdr.markForCheck();\n };\n PlayerBuilderEmbedCodeComponent.prototype.removeMedia = function () {\n if (this.formMediaUrls.length === 0)\n return;\n this.formMediaUrls.pop();\n this.cdr.markForCheck();\n };\n Object.defineProperty(PlayerBuilderEmbedCodeComponent.prototype, \"canAddMedia\", {\n get: function () {\n var last = this.formMediaUrls.length > 0\n ? this.formMediaUrls[this.formMediaUrls.length - 1]\n : '';\n return (!last || last.trim() === '') ? false : true;\n },\n enumerable: true,\n configurable: true\n });\n var _a, _b, _c, _d, _e, _f;\n PlayerBuilderEmbedCodeComponent = player_embed_code_component___decorate([\n Object(core_es5[\"Component\"])({\n selector: 'player-embed-code',\n template: __webpack_require__(1467),\n styles: [\n __webpack_require__(1468)\n ],\n changeDetection: core_es5[\"ChangeDetectionStrategy\"].OnPush\n }),\n player_embed_code_component___metadata(\"design:paramtypes\", [typeof (_a = typeof core_es5[\"ChangeDetectorRef\"] !== \"undefined\" && core_es5[\"ChangeDetectorRef\"]) === \"function\" && _a || Object, typeof (_b = typeof router_es5[\"a\" /* ActivatedRoute */] !== \"undefined\" && router_es5[\"a\" /* ActivatedRoute */]) === \"function\" && _b || Object, typeof (_c = typeof url_service[\"a\" /* UrlService */] !== \"undefined\" && url_service[\"a\" /* UrlService */]) === \"function\" && _c || Object, typeof (_d = typeof player_list_data_service_PlayerListDataService !== \"undefined\" && player_list_data_service_PlayerListDataService) === \"function\" && _d || Object, typeof (_e = typeof sidebar_service[\"a\" /* SidebarService */] !== \"undefined\" && sidebar_service[\"a\" /* SidebarService */]) === \"function\" && _e || Object, typeof (_f = typeof clipboard_service_ClipboardService !== \"undefined\" && clipboard_service_ClipboardService) === \"function\" && _f || Object])\n ], PlayerBuilderEmbedCodeComponent);\n return PlayerBuilderEmbedCodeComponent;\n}());\n\n\n// CONCATENATED MODULE: ./src/module/player/modules/embedcode/player.embed.code.module.ts\nvar player_embed_code_module___decorate = (this && this.__decorate) || function (decorators, target, key, desc) {\n var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;\n if (typeof Reflect === \"object\" && typeof Reflect.decorate === \"function\") r = Reflect.decorate(decorators, target, key, desc);\n 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;\n return c > 3 && r && Object.defineProperty(target, key, r), r;\n};\n\n\n\n\n\n\n\n\n\nvar PlayerEmbedCodeRoutes = [\n {\n path: '',\n component: player_embed_code_component_PlayerBuilderEmbedCodeComponent,\n },\n { path: '**', redirectTo: '' }\n];\nvar player_embed_code_module_COMP = PlayerEmbedCodeRoutes.filter(function (r) { return !!r.component; }).map(function (r) { return r.component; });\nvar player_embed_code_module_PlayerEmbedCodeModule = (function () {\n function PlayerEmbedCodeModule() {\n }\n PlayerEmbedCodeModule = player_embed_code_module___decorate([\n Object(core_es5[\"NgModule\"])({\n imports: [\n common_es5[\"CommonModule\"],\n router_es5[\"h\" /* RouterModule */].forChild(PlayerEmbedCodeRoutes),\n forms_es5[\"FormsModule\"],\n form_module_FormComponentsModule,\n lib[\"CodemirrorModule\"],\n sanitize_pipe_module_SanitizePipeModule,\n ],\n providers: [clipboard_service_ClipboardService],\n declarations: player_embed_code_module_COMP.slice(),\n entryComponents: player_embed_code_module_COMP,\n exports: player_embed_code_module_COMP\n })\n ], PlayerEmbedCodeModule);\n return PlayerEmbedCodeModule;\n}());\n\n\n// CONCATENATED MODULE: ./src/module/player/modules/embeder/service/player.embeder.service.ts\nvar player_embeder_service___decorate = (this && this.__decorate) || function (decorators, target, key, desc) {\n var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;\n if (typeof Reflect === \"object\" && typeof Reflect.decorate === \"function\") r = Reflect.decorate(decorators, target, key, desc);\n 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;\n return c > 3 && r && Object.defineProperty(target, key, r), r;\n};\n\nvar player_embeder_service_PlayerEmbederService = (function () {\n function PlayerEmbederService() {\n }\n PlayerEmbederService = player_embeder_service___decorate([\n Object(core_es5[\"Injectable\"])()\n ], PlayerEmbederService);\n return PlayerEmbederService;\n}());\n\n\n// CONCATENATED MODULE: ./src/module/player/modules/embeder/component/player.embeder.view.component.ts\nvar player_embeder_view_component___extends = (this && this.__extends) || (function () {\n var extendStatics = Object.setPrototypeOf ||\n ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||\n function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };\n return function (d, b) {\n extendStatics(d, b);\n function __() { this.constructor = d; }\n d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());\n };\n})();\nvar player_embeder_view_component___decorate = (this && this.__decorate) || function (decorators, target, key, desc) {\n var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;\n if (typeof Reflect === \"object\" && typeof Reflect.decorate === \"function\") r = Reflect.decorate(decorators, target, key, desc);\n 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;\n return c > 3 && r && Object.defineProperty(target, key, r), r;\n};\nvar player_embeder_view_component___metadata = (this && this.__metadata) || function (k, v) {\n if (typeof Reflect === \"object\" && typeof Reflect.metadata === \"function\") return Reflect.metadata(k, v);\n};\n\n\n\n\n\n\n\n\n\n\n\n\nvar EmbedCodeType;\n(function (EmbedCodeType) {\n EmbedCodeType[EmbedCodeType[\"IFRAME\"] = 0] = \"IFRAME\";\n EmbedCodeType[EmbedCodeType[\"DYNAMIC\"] = 1] = \"DYNAMIC\";\n})(EmbedCodeType || (EmbedCodeType = {}));\nvar player_embeder_view_component_PlayerEmbederView = (function (_super) {\n player_embeder_view_component___extends(PlayerEmbederView, _super);\n function PlayerEmbederView(view, locale, translation, service, user, cdr, route, list, sidebar, location, sanitizer) {\n var _this = _super.call(this, locale, translation) || this;\n _this.view = view;\n _this.locale = locale;\n _this.translation = translation;\n _this.service = service;\n _this.user = user;\n _this.cdr = cdr;\n _this.route = route;\n _this.list = list;\n _this.sidebar = sidebar;\n _this.location = location;\n _this.sanitizer = sanitizer;\n _this.showOptional = true;\n _this.modelMandatoryNames = ['width', 'height', 'mediaUrl'];\n _this.modelOptionalNames = ['mediaUrl2', 'title', 'duration', 'id', 'splashImageUrl'];\n _this.modelAdsFieldsNames = ['adsVmapUrl', 'adsPrerollVastUrl'];\n _this.modelFieldsCellWidth = {\n 'width': 6,\n 'height': 6,\n 'mediaUrl': 12,\n 'mediaUrl2': 12,\n 'title': 12,\n 'duration': 6,\n 'splashImageUrl': 12,\n 'id': 6,\n 'adsVmapUrl': 12,\n 'adsPrerollVastUrl': 12\n };\n _this.model = {\n width: 600,\n height: 400,\n mediaUrl: 'https://bradmax.com/static/video/tears_of_steel.mp4',\n title: 'Tears of steel',\n duration: 734.097415,\n splashImageUrl: 'https://bradmax.com/static/images/startsplash.jpg',\n id: null,\n adsVmapUrl: null,\n adsPrerollVastUrl: null\n };\n _this.selectedType = EmbedCodeType.IFRAME;\n _this.embedCodeType = EmbedCodeType;\n _this.codemirrorConfig = {\n readOnly: true,\n mode: 'htmlmixed',\n theme: 'blackboard',\n lineWrapping: true,\n lineNumbers: true,\n lineWiseCopyCut: true,\n indentUnit: 1,\n autofocus: false\n };\n _this.embedCodeString = '';\n _this.translation.translationChanged.subscribe(function () { return _this.onTranslationChanged(); });\n _this.view.resizeStream$.subscribe(function () { return _this.redraw(); });\n _this.route.data.subscribe(function (data) { return _this.parse(data); });\n for (var _i = 0, _a = _this.user.products; _i < _a.length; _i++) {\n var prod = _a[_i];\n if (prod.has_ads_support) {\n _this.modelOptionalNames = _this.modelOptionalNames.concat(_this.modelAdsFieldsNames);\n }\n }\n return _this;\n }\n PlayerEmbederView.prototype.ngOnInit = function () {\n var _this = this;\n this.onTranslationChanged();\n this.updateModelCache();\n this.routeSub = Object(zip[\"zip\"])(this.list.$, this.route.params)\n .subscribe(function (r) {\n var players = r[0], params = r[1];\n if (player_model[\"c\" /* PlayerRouteParam */].id in params && players) {\n _this.sidebar.showPlayersMenu(players, parseInt(params[player_model[\"c\" /* PlayerRouteParam */].id]));\n }\n });\n };\n PlayerEmbederView.prototype.ngOnDestroy = function () {\n this.routeSub.unsubscribe();\n };\n PlayerEmbederView.prototype.onTranslationChanged = function () {\n this.dropdownModel = [\n { value: EmbedCodeType.IFRAME, label: this.translation.translate('PLAYER.EMBEDER.INPUT.TYPE.VALUE.0'), icon: 'fa-window-maximize' },\n { value: EmbedCodeType.DYNAMIC, label: this.translation.translate('PLAYER.EMBEDER.INPUT.TYPE.VALUE.1'), icon: 'fa-code' }\n ];\n };\n PlayerEmbederView.prototype.redraw = function () {\n this.cdr.markForCheck();\n };\n PlayerEmbederView.prototype.onDropdownSelect = function (data) {\n this.clearModelCache();\n this.generate();\n };\n PlayerEmbederView.prototype.onChange = function () {\n this.generate();\n };\n PlayerEmbederView.prototype.toggleOptional = function () {\n this.showOptional = !this.showOptional;\n this.clearModelCache();\n this.generate();\n };\n PlayerEmbederView.prototype.previewDynamic = function () {\n var previewWindow = window.open(\"\", \"Preview \" + this.formatTypeLabel(), \"width=\" + this.model.width + \",height=\" + (this.model.height + 22));\n previewWindow.document.write('' + this.embedCodeString);\n };\n PlayerEmbederView.prototype.formatTypeIconNgClass = function () {\n var _a, _b;\n if (!this.dropdownModel)\n return null;\n if (this.selectedType == EmbedCodeType.IFRAME)\n return _a = {}, _a[this.dropdownModel[0].icon] = true, _a;\n else if (this.selectedType == EmbedCodeType.DYNAMIC)\n return _b = {}, _b[this.dropdownModel[1].icon] = true, _b;\n return null;\n };\n PlayerEmbederView.prototype.formatTypeLabel = function () {\n if (!this.dropdownModel)\n return null;\n if (this.selectedType == EmbedCodeType.IFRAME)\n return this.dropdownModel[0].label;\n else if (this.selectedType == EmbedCodeType.DYNAMIC)\n return this.dropdownModel[1].label;\n return null;\n };\n PlayerEmbederView.prototype.copyToClipboard = function () {\n var textArea = document.createElement(\"textarea\");\n textArea.value = this.embedCodeString;\n document.body.appendChild(textArea);\n textArea.focus();\n textArea.select();\n try {\n var successful = document.execCommand('copy');\n var msg = successful ? 'successful' : 'unsuccessful';\n }\n catch (err) {\n console.error('Oops, unable to copy', err);\n }\n document.body.removeChild(textArea);\n };\n PlayerEmbederView.prototype.generate = function () {\n if (this.modelCache == JSON.stringify(this.model))\n return;\n if (this.selectedType == EmbedCodeType.IFRAME)\n this.generateIframeEmbedCode();\n if (this.selectedType == EmbedCodeType.DYNAMIC)\n this.generateDynamicEmbedCode();\n };\n PlayerEmbederView.prototype.generateIframeEmbedCode = function () {\n var URL = this.service.playerModel.embed_player_page_url + \"?mediaUrl=\" + encodeURIComponent(this.model.mediaUrl);\n if (this.showOptional) {\n if (this.model.mediaUrl2)\n URL += \"&mediaUrl2=\" + encodeURIComponent(this.model.mediaUrl2);\n if (this.model.title)\n URL += \"&title=\" + encodeURIComponent(this.model.title);\n if (this.model.duration)\n URL += \"&duration=\" + this.model.duration;\n if (this.model.splashImageUrl)\n URL += \"&splashImgUrl=\" + encodeURIComponent(this.model.splashImageUrl);\n if (this.model.id)\n URL += \"&id=\" + encodeURIComponent(this.model.id);\n if (this.model.adsVmapUrl) {\n URL += \"&a.vmap=\" + encodeURIComponent(this.model.adsVmapUrl);\n }\n if (this.model.adsPrerollVastUrl) {\n URL += \"&a.pre.vast=\" + encodeURIComponent(this.model.adsPrerollVastUrl);\n }\n }\n this.embedCodeString = \"
\";\n this.embedCodeHtml = this.sanitizer.bypassSecurityTrustHtml(this.embedCodeString);\n };\n PlayerEmbederView.prototype.generateDynamicEmbedCode = function () {\n var cfg = { dataProvider: { source: [{ url: this.model.mediaUrl }] } };\n if (this.showOptional) {\n if (this.model.mediaUrl2)\n cfg.dataProvider.source.push({ url: this.model.mediaUrl2 });\n if (this.model.title)\n cfg.dataProvider['title'] = this.model.title;\n if (this.model.duration)\n cfg.dataProvider['duration'] = this.model.duration;\n if (this.model.splashImageUrl)\n cfg.dataProvider['splashImages'] = [{ url: this.model.splashImageUrl }];\n if (this.model.id)\n cfg.dataProvider['id'] = this.model.id;\n if (this.model.adsVmapUrl) {\n if (!('advertisement' in cfg)) {\n cfg['advertisement'] = {};\n }\n cfg['advertisement']['vmap'] = this.model.adsVmapUrl;\n }\n if (this.model.adsPrerollVastUrl) {\n if (!('advertisement' in cfg)) {\n cfg['advertisement'] = {};\n }\n cfg['advertisement']['breaks'] = [{ \"timeOffset\": \"start\", \"vast\": this.model.adsPrerollVastUrl }];\n }\n }\n var JSON_ESCAPED_CONFIG = btoa(JSON.stringify(cfg));\n this.embedCodeString = \"
\\n\";\n this.embedCodeHtml = null;\n };\n PlayerEmbederView.prototype.parse = function (data) {\n this.view.spinner(false);\n if (data != null && data.playerModel != null)\n this.service.playerModel = data.playerModel;\n else if (true)\n throw new Error('EMPTY RESOLVER DATA');\n this.generate();\n };\n PlayerEmbederView.prototype.updateModelCache = function () {\n this.modelCache = JSON.stringify(this.model);\n };\n PlayerEmbederView.prototype.clearModelCache = function () {\n this.modelCache = null;\n };\n PlayerEmbederView.prototype.navigationBack = function () {\n this.location.back();\n };\n var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l;\n PlayerEmbederView = player_embeder_view_component___decorate([\n Object(core_es5[\"Component\"])({\n selector: 'player-embeder-view',\n template: __webpack_require__(1469),\n styles: [__webpack_require__(1470)],\n changeDetection: core_es5[\"ChangeDetectionStrategy\"].OnPush\n }),\n player_embeder_view_component___metadata(\"design:paramtypes\", [typeof (_a = typeof view_service[\"a\" /* ViewService */] !== \"undefined\" && view_service[\"a\" /* ViewService */]) === \"function\" && _a || Object, typeof (_b = typeof angular_l10n_es5[\"a\" /* LocaleService */] !== \"undefined\" && angular_l10n_es5[\"a\" /* LocaleService */]) === \"function\" && _b || Object, typeof (_c = typeof angular_l10n_es5[\"d\" /* TranslationService */] !== \"undefined\" && angular_l10n_es5[\"d\" /* TranslationService */]) === \"function\" && _c || Object, typeof (_d = typeof player_embeder_service_PlayerEmbederService !== \"undefined\" && player_embeder_service_PlayerEmbederService) === \"function\" && _d || Object, typeof (_e = typeof user_service[\"a\" /* UserService */] !== \"undefined\" && user_service[\"a\" /* UserService */]) === \"function\" && _e || Object, typeof (_f = typeof core_es5[\"ChangeDetectorRef\"] !== \"undefined\" && core_es5[\"ChangeDetectorRef\"]) === \"function\" && _f || Object, typeof (_g = typeof router_es5[\"a\" /* ActivatedRoute */] !== \"undefined\" && router_es5[\"a\" /* ActivatedRoute */]) === \"function\" && _g || Object, typeof (_h = typeof player_list_data_service_PlayerListDataService !== \"undefined\" && player_list_data_service_PlayerListDataService) === \"function\" && _h || Object, typeof (_j = typeof sidebar_service[\"a\" /* SidebarService */] !== \"undefined\" && sidebar_service[\"a\" /* SidebarService */]) === \"function\" && _j || Object, typeof (_k = typeof common_es5[\"Location\"] !== \"undefined\" && common_es5[\"Location\"]) === \"function\" && _k || Object, typeof (_l = typeof platform_browser_es5[\"c\" /* DomSanitizer */] !== \"undefined\" && platform_browser_es5[\"c\" /* DomSanitizer */]) === \"function\" && _l || Object])\n ], PlayerEmbederView);\n return PlayerEmbederView;\n}(angular_l10n_es5[\"b\" /* Localization */]));\n\n\n// CONCATENATED MODULE: ./src/module/player/modules/embeder/service/player.embeder.resolver.ts\nvar player_embeder_resolver___decorate = (this && this.__decorate) || function (decorators, target, key, desc) {\n var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;\n if (typeof Reflect === \"object\" && typeof Reflect.decorate === \"function\") r = Reflect.decorate(decorators, target, key, desc);\n 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;\n return c > 3 && r && Object.defineProperty(target, key, r), r;\n};\nvar player_embeder_resolver___metadata = (this && this.__metadata) || function (k, v) {\n if (typeof Reflect === \"object\" && typeof Reflect.metadata === \"function\") return Reflect.metadata(k, v);\n};\n\n\n\n\n\nvar player_embeder_resolver_PlayerEmbederResolver = (function () {\n function PlayerEmbederResolver(player, embeder, user) {\n this.player = player;\n this.embeder = embeder;\n this.user = user;\n }\n PlayerEmbederResolver_1 = PlayerEmbederResolver;\n PlayerEmbederResolver.prototype.resolve = function (route, state) {\n if (this.embeder.playerModel && (this.embeder.playerModel.id == parseInt(route.params['id']))) {\n var nowTs = (new Date()).getTime() / 1000.0;\n var loadedAt = this.embeder.playerModel.loaded_at || 0;\n var liveTime = nowTs - loadedAt;\n if (liveTime < PlayerEmbederResolver_1.PLAYER_MODEL_CACHE_LIVETIME) {\n return Observable[\"Observable\"].of(this.embeder.playerModel);\n }\n }\n return this.player.readPlayer(this.user.accountId, route.params['id']);\n };\n var PlayerEmbederResolver_1, _a, _b, _c;\n PlayerEmbederResolver.PLAYER_MODEL_CACHE_LIVETIME = 20;\n PlayerEmbederResolver = PlayerEmbederResolver_1 = player_embeder_resolver___decorate([\n Object(core_es5[\"Injectable\"])(),\n player_embeder_resolver___metadata(\"design:paramtypes\", [typeof (_a = typeof player_service_PlayerService !== \"undefined\" && player_service_PlayerService) === \"function\" && _a || Object, typeof (_b = typeof player_embeder_service_PlayerEmbederService !== \"undefined\" && player_embeder_service_PlayerEmbederService) === \"function\" && _b || Object, typeof (_c = typeof user_service[\"a\" /* UserService */] !== \"undefined\" && user_service[\"a\" /* UserService */]) === \"function\" && _c || Object])\n ], PlayerEmbederResolver);\n return PlayerEmbederResolver;\n}());\n\n\n// CONCATENATED MODULE: ./src/module/player/modules/embeder/player.embeder.module.ts\nvar player_embeder_module___decorate = (this && this.__decorate) || function (decorators, target, key, desc) {\n var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;\n if (typeof Reflect === \"object\" && typeof Reflect.decorate === \"function\") r = Reflect.decorate(decorators, target, key, desc);\n 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;\n return c > 3 && r && Object.defineProperty(target, key, r), r;\n};\n\n\n\n\n\n\n\n\n\n\nvar PlayerEmbederRoutes = [\n {\n path: '',\n component: player_embeder_view_component_PlayerEmbederView,\n resolve: { playerModel: player_embeder_resolver_PlayerEmbederResolver }\n },\n { path: '**', redirectTo: '' }\n];\nvar player_embeder_module_LOCAL_PROVIDERS = [\n player_embeder_resolver_PlayerEmbederResolver,\n];\nvar player_embeder_module_COMP = [\n player_embeder_view_component_PlayerEmbederView,\n];\nvar player_embeder_module_PlayerEmbederModule = (function () {\n function PlayerEmbederModule() {\n }\n PlayerEmbederModule = player_embeder_module___decorate([\n Object(core_es5[\"NgModule\"])({\n imports: [\n http_es5[\"c\" /* HttpModule */],\n common_es5[\"CommonModule\"],\n forms_es5[\"FormsModule\"],\n form_module_FormComponentsModule,\n router_es5[\"h\" /* RouterModule */].forChild(PlayerEmbederRoutes),\n angular_l10n_es5[\"c\" /* LocalizationModule */],\n lib[\"CodemirrorModule\"],\n ],\n providers: player_embeder_module_LOCAL_PROVIDERS.slice(),\n declarations: player_embeder_module_COMP.slice(),\n entryComponents: player_embeder_module_COMP,\n exports: player_embeder_module_COMP\n })\n ], PlayerEmbederModule);\n return PlayerEmbederModule;\n}());\n\n\n// EXTERNAL MODULE: ./src/module/sidebar/sidebar.module.ts + 2 modules\nvar sidebar_module = __webpack_require__(185);\n\n// CONCATENATED MODULE: ./src/module/player/modules/legacy/configurator/model/player.configurator.model.ts\nvar BsplayerName;\n(function (BsplayerName) {\n BsplayerName[BsplayerName[\"gorilla\"] = 0] = \"gorilla\";\n BsplayerName[BsplayerName[\"mole\"] = 1] = \"mole\";\n BsplayerName[BsplayerName[\"snake\"] = 2] = \"snake\";\n BsplayerName[BsplayerName[\"zebra\"] = 3] = \"zebra\";\n})(BsplayerName || (BsplayerName = {}));\nvar HaxeTypes;\n(function (HaxeTypes) {\n HaxeTypes[HaxeTypes[\"Bool\"] = 0] = \"Bool\";\n HaxeTypes[HaxeTypes[\"Float\"] = 1] = \"Float\";\n HaxeTypes[HaxeTypes[\"Int\"] = 2] = \"Int\";\n HaxeTypes[HaxeTypes[\"String\"] = 3] = \"String\";\n HaxeTypes[HaxeTypes[\"RGB\"] = 4] = \"RGB\";\n HaxeTypes[HaxeTypes[\"Tags\"] = 5] = \"Tags\";\n HaxeTypes[HaxeTypes[\"Link\"] = 6] = \"Link\";\n HaxeTypes[HaxeTypes[\"TextArea\"] = 7] = \"TextArea\";\n HaxeTypes[HaxeTypes[\"ImgFile\"] = 8] = \"ImgFile\";\n HaxeTypes[HaxeTypes[\"P12File\"] = 9] = \"P12File\";\n HaxeTypes[HaxeTypes[\"List\"] = 10] = \"List\";\n})(HaxeTypes || (HaxeTypes = {}));\n\n// CONCATENATED MODULE: ./src/module/player/modules/legacy/configurator/model/player.configurator.parser.ts\n\nvar player_configurator_parser_PlayerConfiguratorParser = (function () {\n function PlayerConfiguratorParser() {\n }\n PlayerConfiguratorParser.prototype.updateConfigWithColorScheme = function (config, colorScheme, withDefault) {\n var schemeNames = Object.keys(colorScheme);\n for (var _i = 0, _a = this.findRGB(config); _i < _a.length; _i++) {\n var c = _a[_i];\n if (c.name) {\n var isHidden = schemeNames.indexOf(c.name) < 0;\n if (!isHidden) {\n var val = colorScheme[c.name];\n if (c.defaultValue == null && withDefault == true)\n c.defaultValue = val;\n c.value = val;\n }\n }\n }\n };\n PlayerConfiguratorParser.prototype.fixForSkinMainColorBackwardCompatibility = function (data) {\n if (data.bs == null\n || data.bs.player == null\n || data.bs.player.config == null\n || data.bs.player.config.SkinAndColor == null)\n return;\n if (typeof data.bs.player.config.SkinAndColor.advance === 'undefined')\n data.bs.player.config.SkinAndColor.advance = true;\n };\n PlayerConfiguratorParser.prototype.populateConfigWithPlayerData = function (config, data) {\n var flat = {};\n this.flattenObject(data, '', flat);\n for (var flatKey in flat)\n this.updateConfigByPath(config, flatKey, flat[flatKey]);\n };\n PlayerConfiguratorParser.prototype.addValueAttribute = function (config) {\n for (var _i = 0, config_1 = config; _i < config_1.length; _i++) {\n var plugin = config_1[_i];\n if (plugin.children != null && plugin.children.length > 0) {\n this.addValueAttribute(plugin.children);\n }\n else {\n if ((typeof plugin.value == undefined || plugin.value == null) && plugin.defaultValue != null)\n plugin.value = plugin.defaultValue;\n }\n }\n };\n PlayerConfiguratorParser.prototype.mapGroups = function (config) {\n var _this = this;\n if (config == null)\n return [];\n var map = [], g = '';\n var nameMap = {};\n config.forEach(function (p) {\n if (p.group) {\n g = p.group[0];\n if (!nameMap.hasOwnProperty(g))\n nameMap[g] = { plugins: [], isAdvanceGroup: false };\n nameMap[g].plugins.push(p);\n nameMap[g].isAdvanceGroup = _this.checkIfIsAdvanceGroup(p.group) && !nameMap[g].hasOwnProperty('advance');\n }\n });\n Object.keys(nameMap).forEach(function (k) { return map.push({\n name: k,\n items: nameMap[k].plugins,\n collapsed: false,\n isAdvance: nameMap[k].isAdvanceGroup,\n advanceValue: _this.getGroupAdvanceValue(nameMap[k])\n }); });\n return map;\n };\n PlayerConfiguratorParser.prototype.isFormGroups = function (p) { return !this.hasGrandChild(p); };\n PlayerConfiguratorParser.prototype.isForm = function (p) { return this.hasGrandChild(p); };\n PlayerConfiguratorParser.prototype.parseOutput = function (config, output, $lvl) {\n if (output === void 0) { output = {}; }\n if ($lvl === void 0) { $lvl = 0; }\n this.resolveDependencies(config);\n for (var _i = 0, config_2 = config; _i < config_2.length; _i++) {\n var plugin = config_2[_i];\n if (plugin.multichoice && !plugin.checked) {\n continue;\n }\n else if (plugin.children != null && plugin.children.length > 0)\n this.parseOutput(plugin.children, output);\n else\n this.setKeyVal(output, (plugin.path + '.' + plugin.name).split('.'), plugin.value);\n }\n return output;\n };\n PlayerConfiguratorParser.prototype.resolveDependencies = function (mainConfig, resolveConfig) {\n if (resolveConfig === void 0) { resolveConfig = null; }\n var config = mainConfig;\n if (resolveConfig != null)\n config = resolveConfig;\n for (var _i = 0, config_3 = config; _i < config_3.length; _i++) {\n var plugin = config_3[_i];\n if (plugin.children != null && plugin.children.length > 0)\n this.resolveDependencies(mainConfig, plugin.children);\n else\n this.resolveDependency(mainConfig, '::' + plugin.name + '::', plugin.value);\n }\n };\n PlayerConfiguratorParser.prototype.checkIfIsAdvanceGroup = function (group) {\n if (group == null || group[1] == null)\n return null;\n return group[1].indexOf('advance') > -1;\n };\n PlayerConfiguratorParser.prototype.getAdvanceGroupValue = function (group) {\n if (group == null || group[1] == null)\n return null;\n var stringVal = group[1].split(':')[1];\n return stringVal == 'true';\n };\n PlayerConfiguratorParser.prototype.updateAdvanceValue = function (group) {\n for (var _i = 0, _a = group.items; _i < _a.length; _i++) {\n var i = _a[_i];\n if (i.name == 'advance') {\n i.value = group.advanceValue ? group.advanceValue : i.defaultValue;\n break;\n }\n }\n };\n PlayerConfiguratorParser.prototype.findRGB = function (config) {\n var rgbs = [];\n for (var _i = 0, config_4 = config; _i < config_4.length; _i++) {\n var conf = config_4[_i];\n if (conf.children != null && conf.children.length > 0)\n rgbs = rgbs.concat(this.findRGB(conf.children));\n else if (conf.type == 'RGB')\n rgbs.push(conf);\n }\n return rgbs;\n };\n PlayerConfiguratorParser.prototype.findPluginByName = function (name, data) {\n for (var i = 0, t = data.length; i < t; i++)\n if (data[i].name == name)\n return data[i];\n for (var i = 0, t = data.length; i < t; i++)\n if (data[i].children) {\n var val = this.findPluginByName(name, data[i].children);\n if (val != null)\n return val;\n }\n return null;\n };\n PlayerConfiguratorParser.prototype.findConfigByName = function (name, data) {\n var val = null;\n for (var i = 0, t = data.length; i < t; i++)\n if (data[i].name == name) {\n val = data[i];\n break;\n }\n return val;\n };\n PlayerConfiguratorParser.prototype.updateConfigByPath = function (config, searchPath, value, parent) {\n if (parent === void 0) { parent = null; }\n for (var _i = 0, config_5 = config; _i < config_5.length; _i++) {\n var plugin = config_5[_i];\n if (plugin.children != null && plugin.children.length > 0) {\n this.updateConfigByPath(plugin.children, searchPath, value, plugin);\n }\n else {\n if (plugin.path + '.' + plugin.name == searchPath) {\n plugin.value = value;\n if (parent && parent.multichoice) {\n parent.checked = true;\n }\n if (plugin.defaultValue != null\n && typeof plugin.defaultValue == 'string'\n && plugin.defaultValue.indexOf('::') < 0) {\n plugin.defaultValue = plugin.value;\n }\n break;\n }\n }\n }\n };\n PlayerConfiguratorParser.prototype.resolveDependency = function (mainConfig, pattern, value) {\n for (var _i = 0, mainConfig_1 = mainConfig; _i < mainConfig_1.length; _i++) {\n var plugin = mainConfig_1[_i];\n if (plugin.children != null && plugin.children.length > 0)\n this.resolveDependency(plugin.children, pattern, value);\n else if (plugin.defaultValue != null\n && typeof plugin.defaultValue == 'string'\n && plugin.defaultValue.indexOf(pattern) > -1) {\n plugin.value = plugin.defaultValue.split(pattern).join(value);\n }\n }\n };\n PlayerConfiguratorParser.prototype.setKeyVal = function (o, path, value) {\n var k = path[0];\n if (path.length == 1) {\n if (value != null)\n if (o[k] == null)\n o[k] = value;\n else\n o[k] = [value].concat(o[path[0]]);\n }\n else {\n if (o[k] == null)\n o[k] = {};\n path.shift();\n this.setKeyVal(o[k], path, value);\n }\n };\n PlayerConfiguratorParser.prototype.hasGrandChild = function (p) {\n return (p.children == null) ? false :\n (p.children.length == 0) ? false :\n (p.children[0] == null) ? false :\n (p.children[0].children != null);\n };\n PlayerConfiguratorParser.prototype.flattenObject = function (values, objectPath, ret) {\n var keys = Object.keys(values);\n var key = keys[0];\n var value = values[key];\n if (keys.length == 1) {\n objectPath += key + '.';\n this.flattenObject(value, objectPath, ret);\n }\n else\n for (var _i = 0, keys_1 = keys; _i < keys_1.length; _i++) {\n var k = keys_1[_i];\n value = values[k];\n for (key in value)\n ret[objectPath + k + '.' + key] = value[key];\n }\n };\n PlayerConfiguratorParser.prototype.getGroupAdvanceValue = function (item) {\n for (var _i = 0, _a = item.plugins; _i < _a.length; _i++) {\n var p = _a[_i];\n if (p.name == 'advance' && p.type == HaxeTypes[HaxeTypes.Bool])\n return typeof p.value != undefined ? p.value : p.defaultValue;\n }\n return null;\n };\n return PlayerConfiguratorParser;\n}());\n\n\n// EXTERNAL MODULE: ./src/module/modal/abstract.modal.component.ts\nvar abstract_modal_component = __webpack_require__(71);\n\n// EXTERNAL MODULE: ./src/module/modal/modal.model.ts\nvar modal_model = __webpack_require__(181);\n\n// CONCATENATED MODULE: ./src/module/modal/index.ts\n\n\n\n\n\n\n\n\n\n\n\n\n// CONCATENATED MODULE: ./src/module/player/PLAYER_VERSION.ts\nvar BRADMAX_PLAYER_VERSION = 'v2.14.398';\n\n// CONCATENATED MODULE: ./src/module/player/modules/legacy/configurator/component/preview/video/player.configurator.preview.video.service.ts\nvar player_configurator_preview_video_service___decorate = (this && this.__decorate) || function (decorators, target, key, desc) {\n var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;\n if (typeof Reflect === \"object\" && typeof Reflect.decorate === \"function\") r = Reflect.decorate(decorators, target, key, desc);\n 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;\n return c > 3 && r && Object.defineProperty(target, key, r), r;\n};\nvar player_configurator_preview_video_service___metadata = (this && this.__metadata) || function (k, v) {\n if (typeof Reflect === \"object\" && typeof Reflect.metadata === \"function\") return Reflect.metadata(k, v);\n};\n\n\n\n\n\nvar PlayerConfiguratorPreviewState;\n(function (PlayerConfiguratorPreviewState) {\n PlayerConfiguratorPreviewState[PlayerConfiguratorPreviewState[\"start\"] = 0] = \"start\";\n PlayerConfiguratorPreviewState[PlayerConfiguratorPreviewState[\"middle\"] = 1] = \"middle\";\n PlayerConfiguratorPreviewState[PlayerConfiguratorPreviewState[\"end\"] = 2] = \"end\";\n})(PlayerConfiguratorPreviewState || (PlayerConfiguratorPreviewState = {}));\nvar player_configurator_preview_video_service_PlayerConfiguratorPreviewVideoService = (function () {\n function PlayerConfiguratorPreviewVideoService(parser) {\n var _this = this;\n this.parser = parser;\n this.config = __webpack_require__(1471);\n this.enableSkinAutohide = false;\n this.playerStates = PlayerConfiguratorPreviewState;\n this.playerStateSource = new Rx[\"Subject\"]();\n this.mediaDuration = -1;\n this.mediaPlayed = false;\n this.pictureInPictureButtonVisible = false;\n this.videoCastEnabled = false;\n this.onVideoCurrentTimeChange = function (e) {\n if (e.data.currentTime <= 0) {\n _this.playerState = _this.playerStates.start;\n _this.playerStateSource.next(_this.playerState);\n }\n };\n this.onVideoPlaying = function (e) {\n _this.playerState = _this.playerStates.middle;\n _this.playerStateSource.next(_this.playerState);\n };\n this.onVideoComplete = function (e) {\n _this.playerState = _this.playerStates.end;\n _this.playerStateSource.next(_this.playerState);\n };\n this.initialized = false;\n this.playerStateStream$ = this.playerStateSource.asObservable();\n }\n PlayerConfiguratorPreviewVideoService.prototype.onRoutingChange = function (config) {\n if (config === void 0) { config = null; }\n if (config) {\n var sb = this.findConfigValueByName(config, 'shareButtons');\n if (sb == null)\n sb = '';\n this.changeShareButtons(sb.split(','));\n }\n };\n PlayerConfiguratorPreviewVideoService.prototype.setup = function (con) {\n this.container = con;\n };\n PlayerConfiguratorPreviewVideoService.prototype.destroy = function () {\n this.initialized = false;\n if (this.api != null) {\n this.api.remove('VideoEvent.currentTimeChange', this.onVideoCurrentTimeChange);\n this.api.remove('VideoEvent.playing', this.onVideoPlaying);\n this.api.remove('VideoEvent.complete', this.onVideoComplete);\n }\n this.api = null;\n if (this.player != null)\n bradmax.player.destroy(this.player);\n this.player = null;\n this.name = null;\n this.colorScheme = null;\n this.defaultColorSchemeCache = null;\n };\n PlayerConfiguratorPreviewVideoService.prototype.create = function (name) {\n if (name === void 0) { name = BsplayerName.zebra; }\n if (this.name == name)\n return;\n this.destroy();\n this.name = name;\n try {\n this.player = bradmax.player.create(this.container, this.config, this.playerName);\n this.api = this.player.modules.JavascriptApi;\n this.updateColorScheme();\n this.defaultColorSchemeCache = JSON.stringify(this.colorScheme);\n this.changePlayerState(this.playerStates.middle);\n this.changeSkinAutohide(this.enableSkinAutohide);\n this.api.add('VideoEvent.currentTimeChange', this.onVideoCurrentTimeChange);\n this.api.add('VideoEvent.playing', this.onVideoPlaying);\n this.api.add('VideoEvent.complete', this.onVideoComplete);\n }\n catch (e) {\n console.error(\"Exception during player creation by PlayerConfiguratorPreviewVideoService: \");\n console.error(e);\n }\n this.initialized = true;\n };\n PlayerConfiguratorPreviewVideoService.prototype.findConfigValueByName = function (config, searchName) {\n var value;\n for (var _i = 0, config_1 = config; _i < config_1.length; _i++) {\n var plugin = config_1[_i];\n if (plugin.name == searchName) {\n value = plugin.value;\n break;\n }\n if (plugin.children != null && plugin.children.length > 0) {\n value = this.findConfigValueByName(plugin.children, searchName);\n if (value != null)\n break;\n }\n }\n return value;\n };\n PlayerConfiguratorPreviewVideoService.prototype.updateColorScheme = function () {\n if (this.api)\n this.colorScheme = this.api.skinConfig_getColorScheme();\n if (this.colorScheme)\n for (var color in this.colorScheme)\n this.colorScheme[color] = this.colorScheme[color].toLowerCase();\n };\n PlayerConfiguratorPreviewVideoService.prototype.changeColor = function (config, name, value, force) {\n if (force === void 0) { force = false; }\n if (this.api && this.colorScheme && (force || this.colorScheme[name] != value)) {\n this.colorScheme[name] = value;\n if (name == 'COLORS_SHADE_MAP_BASE') {\n this.api.skinConfig_updateColorBase(value);\n this.updateColorScheme();\n this.parser.updateConfigWithColorScheme(config, this.colorScheme, false);\n return;\n }\n this.api.skinConfig_updateColorScheme(this.colorScheme);\n }\n };\n PlayerConfiguratorPreviewVideoService.prototype.changePlayerState = function (state) {\n if (this.api == null)\n return;\n this.playerState = state;\n this.playerStateSource.next(state);\n this.api.skinConfig_setPlayerState(this.playerStates[state]);\n };\n PlayerConfiguratorPreviewVideoService.prototype.changeSkinAutohide = function (value) {\n this.enableSkinAutohide = value;\n if (this.api == null)\n return;\n this.api.skinConfig_disableAutohide(!value);\n };\n PlayerConfiguratorPreviewVideoService.prototype.changeShareButtons = function (buttons) {\n if (this.api == null)\n return;\n this.api.skinConfig_editShareButtons(buttons);\n if (this.endSplashName == 'social'\n && this.playerState == this.playerStates.end\n && this.shareButtons.length == 0\n && buttons.length > 0) {\n this.api.skinConfig_editEndSplash(this.endSplashName);\n }\n this.shareButtons = buttons ? buttons.join(',') : '';\n };\n PlayerConfiguratorPreviewVideoService.prototype.changeVolume = function (value) {\n if (this.api == null)\n return;\n this.api.setVolume(value);\n };\n PlayerConfiguratorPreviewVideoService.prototype.changeSkin = function (config, skinName, updateColorScheme) {\n var name = BsplayerName[skinName];\n if (this.colorScheme && name != null) {\n this.create(name);\n if (updateColorScheme)\n this.parser.updateConfigWithColorScheme(config, this.colorScheme, true);\n this.update(config, false);\n }\n };\n PlayerConfiguratorPreviewVideoService.prototype.changeLogoFile = function (logo) {\n if (this.api == null)\n return;\n this.logoImage = logo;\n this.dispatchSkinConfigEditLogoEvent();\n };\n PlayerConfiguratorPreviewVideoService.prototype.changeLogoLink = function (link) {\n if (this.api == null)\n return;\n this.logoLink = link;\n this.dispatchSkinConfigEditLogoEvent();\n };\n PlayerConfiguratorPreviewVideoService.prototype.changeLogoTarget = function (target) {\n if (this.api == null)\n return;\n this.logoTarget = target;\n this.dispatchSkinConfigEditLogoEvent();\n };\n PlayerConfiguratorPreviewVideoService.prototype.changeLogoXPosition = function (xPos) {\n if (this.api == null)\n return;\n this.logoXPosition = xPos;\n this.dispatchSkinConfigEditLogoEvent();\n };\n PlayerConfiguratorPreviewVideoService.prototype.changeLogoYPosition = function (yPos) {\n if (this.api == null)\n return;\n this.logoYPosition = yPos;\n this.dispatchSkinConfigEditLogoEvent();\n };\n PlayerConfiguratorPreviewVideoService.prototype.changeLogoAutohide = function (autohide) {\n if (this.api == null)\n return;\n this.logoAutohide = autohide;\n this.dispatchSkinConfigEditLogoEvent();\n };\n PlayerConfiguratorPreviewVideoService.prototype.changeEndSplash = function (splash) {\n if (this.api == null)\n return;\n this.endSplashName = splash;\n this.changePlayerState(this.playerStates.middle);\n this.api.skinConfig_editEndSplash(splash);\n this.changePlayerState(this.playerStates.end);\n };\n Object.defineProperty(PlayerConfiguratorPreviewVideoService.prototype, \"playerName\", {\n get: function () {\n if (this.name == null)\n return '';\n return BsplayerName[this.name] + '_' + BRADMAX_PLAYER_VERSION;\n },\n enumerable: true,\n configurable: true\n });\n Object.defineProperty(PlayerConfiguratorPreviewVideoService.prototype, \"resetColor\", {\n get: function () {\n if (this.defaultColorSchemeCache == null)\n return;\n var scheme = JSON.parse(this.defaultColorSchemeCache);\n if (scheme == null)\n return;\n return scheme['COLORS_SHADE_MAP_BASE'];\n },\n enumerable: true,\n configurable: true\n });\n PlayerConfiguratorPreviewVideoService.prototype.update = function (config, withColors) {\n var _this = this;\n this.shareButtons = this.findConfigValueByName(config, 'shareButtons');\n if (this.shareButtons == null)\n this.shareButtons = '';\n this.changeShareButtons(this.shareButtons.split(','));\n this.pictureInPictureButtonVisible = this.findConfigValueByName(config, 'pictureInPictureButtonVisible');\n if (this.pictureInPictureButtonVisible == null)\n this.pictureInPictureButtonVisible = false;\n this.changePictureInPictureButtonVisibility(this.pictureInPictureButtonVisible);\n this.videoCastEnabled = this.findConfigValueByName(config, 'videoCastEnabled');\n if (this.videoCastEnabled == null)\n this.videoCastEnabled = false;\n this.changeVideoCastEnabled(this.videoCastEnabled);\n if (this.colorScheme && withColors)\n Object.keys(this.colorScheme).forEach(function (name) { return _this.changeColor(config, name, _this.colorScheme[name]); });\n var vol = this.findConfigValueByName(config, 'volume');\n if (vol != null)\n this.changeVolume(vol);\n this.endSplashName = this.findConfigValueByName(config, 'endSplash');\n this.logoImage = this.findConfigValueByName(config, 'logoFile');\n this.logoLink = this.findConfigValueByName(config, 'logoLink');\n this.logoTarget = this.findConfigValueByName(config, 'logoLinkTarget');\n this.logoXPosition = this.findConfigValueByName(config, 'logoXPosition');\n this.logoYPosition = this.findConfigValueByName(config, 'logoYPosition');\n this.logoAutohide = this.findConfigValueByName(config, 'logoAutohide');\n if (this.api && (this.logoImage != null\n || this.logoLink != null\n || this.logoTarget != null\n || this.logoXPosition != null\n || this.logoYPosition != null\n || this.logoAutohide != null))\n setTimeout(function () { return _this.dispatchSkinConfigEditLogoEvent(); }, 50);\n };\n PlayerConfiguratorPreviewVideoService.prototype.changePictureInPictureButtonVisibility = function (isVisible) {\n if (this.api == null)\n return;\n this.api.skinConfig_updatePictureInPictureButtonVisible(isVisible);\n this.pictureInPictureButtonVisible = isVisible;\n };\n PlayerConfiguratorPreviewVideoService.prototype.changeVideoCastEnabled = function (isVisible) {\n if (this.api == null)\n return;\n this.api.skinConfig_updateVideoCastEnabled(isVisible);\n this.videoCastEnabled = isVisible;\n };\n PlayerConfiguratorPreviewVideoService.prototype.dispatchSkinConfigEditLogoEvent = function () {\n this.api.skinConfig_editLogo(this.logoImage, this.logoLink, this.logoTarget, this.logoXPosition, this.logoYPosition, this.logoAutohide);\n };\n var _a;\n PlayerConfiguratorPreviewVideoService = player_configurator_preview_video_service___decorate([\n Object(core_es5[\"Injectable\"])(),\n player_configurator_preview_video_service___metadata(\"design:paramtypes\", [typeof (_a = typeof player_configurator_parser_PlayerConfiguratorParser !== \"undefined\" && player_configurator_parser_PlayerConfiguratorParser) === \"function\" && _a || Object])\n ], PlayerConfiguratorPreviewVideoService);\n return PlayerConfiguratorPreviewVideoService;\n}());\n\n\n// CONCATENATED MODULE: ./src/module/player/modules/legacy/configurator/service/player.configurator.service.ts\nvar player_configurator_service___decorate = (this && this.__decorate) || function (decorators, target, key, desc) {\n var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;\n if (typeof Reflect === \"object\" && typeof Reflect.decorate === \"function\") r = Reflect.decorate(decorators, target, key, desc);\n 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;\n return c > 3 && r && Object.defineProperty(target, key, r), r;\n};\nvar player_configurator_service___metadata = (this && this.__metadata) || function (k, v) {\n if (typeof Reflect === \"object\" && typeof Reflect.metadata === \"function\") return Reflect.metadata(k, v);\n};\n\n\n\n\n\n\n\nvar player_configurator_service_PlayerConfiguratorViewService = (function () {\n function PlayerConfiguratorViewService(video, parser, view, translation, modal) {\n this.video = video;\n this.parser = parser;\n this.view = view;\n this.translation = translation;\n this.modal = modal;\n this.tickSubject = new Rx[\"Subject\"]();\n this.tickStream$ = this.tickSubject.asObservable();\n }\n PlayerConfiguratorViewService.prototype.onRoutingChange = function () {\n this.video.onRoutingChange(this.config);\n };\n PlayerConfiguratorViewService.prototype.destroy = function () {\n this.id = null;\n this.name = null;\n this.updateAt = undefined;\n this.createdAt = undefined;\n this.config = undefined;\n this.playerConfig = null;\n this.configCacheSub = null;\n };\n PlayerConfiguratorViewService.prototype.tick = function () {\n this.tickSubject.next(null);\n };\n PlayerConfiguratorViewService.prototype.parse = function (data) {\n var _this = this;\n this.id = data.playerConfig.id;\n this.name = data.playerConfig.name;\n this.updateAt = data.playerConfig.updated_at;\n this.createdAt = data.playerConfig.created_at;\n this.config = data.playerDefaults;\n this.playerConfig = JSON.parse(data.playerConfig.conf_json);\n this.parser.fixForSkinMainColorBackwardCompatibility(this.playerConfig);\n this.configCacheSub = Rx[\"Observable\"].timer(250).subscribe(function () { return _this.updateCaches(); });\n };\n PlayerConfiguratorViewService.prototype.updateCaches = function () {\n this.configCache = JSON.stringify(this.config);\n this.checkSkinColorReset();\n };\n PlayerConfiguratorViewService.prototype.checkSkinColorReset = function () {\n var reset = this.parser.findPluginByName('resetColorScheme', this.config);\n if (reset != null) {\n reset.hidden = JSON.stringify(this.video.colorScheme) === this.video.defaultColorSchemeCache;\n this.tick();\n }\n };\n PlayerConfiguratorViewService.prototype.resetColorScheme = function () {\n var scheme = JSON.parse(this.video.defaultColorSchemeCache);\n this.parser.updateConfigWithColorScheme(this.config, scheme, true);\n this.video.colorScheme = scheme;\n this.checkSkinColorReset();\n this.updatePlayerWithColorScheme(this.config);\n };\n PlayerConfiguratorViewService.prototype.updateConfig = function (colorScheme) {\n if (this.config == null)\n return;\n this.parser.updateConfigWithColorScheme(this.config, colorScheme, true);\n this.parser.addValueAttribute(this.config);\n this.parser.populateConfigWithPlayerData(this.config, this.playerConfig);\n this.parser.resolveDependencies(this.config);\n this.updatePreview();\n };\n PlayerConfiguratorViewService.prototype.updateAdvanceGroupHidden = function (group) {\n this.parser.updateAdvanceValue(group);\n for (var _i = 0, _a = group.items; _i < _a.length; _i++) {\n var p = _a[_i];\n if (this.parser.checkIfIsAdvanceGroup(p.group)) {\n p.hidden = group.advanceValue\n ? group.advanceValue != this.parser.getAdvanceGroupValue(p.group)\n : this.parser.getAdvanceGroupValue(p.group);\n }\n }\n };\n PlayerConfiguratorViewService.prototype.parseOutput = function () {\n if (this.config == null)\n return;\n return this.parser.parseOutput(this.config);\n };\n PlayerConfiguratorViewService.prototype.findConfigByPath = function (path) {\n var children = this.config, val = {};\n while (path.length > 0) {\n var p = path.shift();\n if (p && children) {\n val = this.parser.findConfigByName(p, children);\n children = val.children;\n }\n }\n return val;\n };\n PlayerConfiguratorViewService.prototype.askSkinColorReset = function (value, type) {\n var _this = this;\n var answer = new Rx[\"Subject\"]();\n this.modal.prompt(this.translation.translate('PLAYER.CONFIG.MODAL.COLOR_RESET.' + type, { color: value }) + \"
\", [{\n label: this.translation.translate('PLAYER.CONFIG.MODAL.COLOR_RESET.YES'),\n fa: 'check', close: true, click: function () { _this.askSkinColorResetCloseSub = null; answer.next(true); }\n }, {\n label: this.translation.translate('PLAYER.CONFIG.MODAL.COLOR_RESET.NO'),\n fa: 'ban', close: true, click: function () { _this.askSkinColorResetCloseSub = null; answer.next(false); }\n }]);\n this.askSkinColorResetCloseSub = this.modal.closeStream$.subscribe(function () { _this.askSkinColorResetCloseSub = null; answer.next(false); });\n return answer.asObservable();\n };\n Object.defineProperty(PlayerConfiguratorViewService.prototype, \"hasChanged\", {\n get: function () {\n return JSON.stringify(this.config) !== this.configCache;\n },\n enumerable: true,\n configurable: true\n });\n Object.defineProperty(PlayerConfiguratorViewService.prototype, \"configCacheSub\", {\n set: function (s) {\n if (this.configCacheSubscription != null)\n this.configCacheSubscription.unsubscribe();\n this.configCacheSubscription = s;\n },\n enumerable: true,\n configurable: true\n });\n Object.defineProperty(PlayerConfiguratorViewService.prototype, \"askSkinColorResetCloseSub\", {\n set: function (s) {\n if (this.askSkinColorResetCloseSubscription != null)\n this.askSkinColorResetCloseSubscription.unsubscribe();\n this.askSkinColorResetCloseSubscription = s;\n },\n enumerable: true,\n configurable: true\n });\n PlayerConfiguratorViewService.prototype.updatePreview = function (conf) {\n var c = conf == null ? this.config : conf;\n if (c == null)\n return;\n for (var _i = 0, c_1 = c; _i < c_1.length; _i++) {\n var plugin = c_1[_i];\n if (plugin.children != null && plugin.children.length > 0) {\n this.updatePreview(plugin.children);\n continue;\n }\n if (plugin.name == 'skin' && this.config != null) {\n this.video.changeSkin(this.config, plugin.value, false);\n this.parser.resolveDependencies(this.config);\n continue;\n }\n if (plugin.group[0] == 'color' && plugin.name == 'advance') {\n if (plugin.value == true)\n this.updatePlayerWithColorScheme(c);\n else\n this.updatePlayerWithBaseColor(c);\n continue;\n }\n if (plugin.name == 'endSplash' && this.video.api) {\n this.video.api.skinConfig_editEndSplash(plugin.value);\n continue;\n }\n }\n };\n PlayerConfiguratorViewService.prototype.updatePlayerWithColorScheme = function (c) {\n var configColorScheme = null;\n for (var _i = 0, _a = this.parser.findRGB(c); _i < _a.length; _i++) {\n var color = _a[_i];\n if (color.name == 'COLORS_SHADE_MAP_BASE') {\n continue;\n }\n else {\n if (configColorScheme == null)\n configColorScheme = {};\n configColorScheme[color.name] = color.value;\n }\n }\n if (configColorScheme != null)\n this.video.api.skinConfig_updateColorScheme(configColorScheme);\n };\n PlayerConfiguratorViewService.prototype.updatePlayerWithBaseColor = function (c) {\n for (var _i = 0, _a = this.parser.findRGB(c); _i < _a.length; _i++) {\n var color = _a[_i];\n if (color.name == 'COLORS_SHADE_MAP_BASE') {\n this.video.api.skinConfig_updateColorBase(color.value);\n return;\n }\n }\n };\n var _a, _b, _c, _d, _e;\n PlayerConfiguratorViewService = player_configurator_service___decorate([\n Object(core_es5[\"Injectable\"])(),\n player_configurator_service___metadata(\"design:paramtypes\", [typeof (_a = typeof player_configurator_preview_video_service_PlayerConfiguratorPreviewVideoService !== \"undefined\" && player_configurator_preview_video_service_PlayerConfiguratorPreviewVideoService) === \"function\" && _a || Object, typeof (_b = typeof player_configurator_parser_PlayerConfiguratorParser !== \"undefined\" && player_configurator_parser_PlayerConfiguratorParser) === \"function\" && _b || Object, typeof (_c = typeof view_service[\"a\" /* ViewService */] !== \"undefined\" && view_service[\"a\" /* ViewService */]) === \"function\" && _c || Object, typeof (_d = typeof angular_l10n_es5[\"d\" /* TranslationService */] !== \"undefined\" && angular_l10n_es5[\"d\" /* TranslationService */]) === \"function\" && _d || Object, typeof (_e = typeof modal_service[\"a\" /* ModalService */] !== \"undefined\" && modal_service[\"a\" /* ModalService */]) === \"function\" && _e || Object])\n ], PlayerConfiguratorViewService);\n return PlayerConfiguratorViewService;\n}());\n\n\n// CONCATENATED MODULE: ./src/module/player/modules/legacy/configurator/component/form/groups/player.configurator.form.groups.ts\nvar player_configurator_form_groups___decorate = (this && this.__decorate) || function (decorators, target, key, desc) {\n var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;\n if (typeof Reflect === \"object\" && typeof Reflect.decorate === \"function\") r = Reflect.decorate(decorators, target, key, desc);\n 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;\n return c > 3 && r && Object.defineProperty(target, key, r), r;\n};\nvar player_configurator_form_groups___metadata = (this && this.__metadata) || function (k, v) {\n if (typeof Reflect === \"object\" && typeof Reflect.metadata === \"function\") return Reflect.metadata(k, v);\n};\n\n\n\n\n\n\nvar player_configurator_form_groups_PlayerConfiguratorFormGroups = (function () {\n function PlayerConfiguratorFormGroups(service, translation, sidebar, cdr, parser, router) {\n var _this = this;\n this.service = service;\n this.translation = translation;\n this.sidebar = sidebar;\n this.cdr = cdr;\n this.parser = parser;\n this.router = router;\n this.service.tickStream$.subscribe(function () { return _this.cdr.markForCheck(); });\n this.parse();\n }\n PlayerConfiguratorFormGroups.prototype.ngOnInit = function () {\n if (this.groups)\n for (var _i = 0, _a = this.groups; _i < _a.length; _i++) {\n var g = _a[_i];\n this.service.updateAdvanceGroupHidden(g);\n }\n };\n PlayerConfiguratorFormGroups.prototype.checkedChange = function () {\n if (this.config) {\n this.config.checked = !this.config.checked;\n this.service.tick();\n this.sidebar.update();\n }\n };\n PlayerConfiguratorFormGroups.prototype.advanceChange = function (group, value) {\n var _this = this;\n if (this.config == null || group.advanceValue == value)\n return;\n var _loop_1 = function (p) {\n if (this_1.parser.checkIfIsAdvanceGroup(p.group))\n if (p.name === 'COLORS_SHADE_MAP_BASE') {\n if (!value)\n this_1.service.askSkinColorReset(p.value, 'BASE')\n .subscribe(function (ok) { return _this.updateAdvanceChange(group, p, !ok); });\n else\n this_1.updateAdvanceChange(group, p, value);\n return { value: void 0 };\n }\n };\n var this_1 = this;\n for (var _i = 0, _a = group.items; _i < _a.length; _i++) {\n var p = _a[_i];\n var state_1 = _loop_1(p);\n if (typeof state_1 === \"object\")\n return state_1.value;\n }\n };\n PlayerConfiguratorFormGroups.prototype.getInputNgClass = function (data) {\n var _a;\n if (data.group == undefined)\n return null;\n var name = data.group[0].split(' ').join('_').toLowerCase();\n return _a = {}, _a[name] = true, _a;\n };\n PlayerConfiguratorFormGroups.prototype.updateAdvanceChange = function (group, p, value) {\n group.advanceValue = value;\n this.service.updateAdvanceGroupHidden(group);\n if (value === false)\n this.service.video.changeColor(this.service.config, p.name, p.value, true);\n this.service.tick();\n };\n PlayerConfiguratorFormGroups.prototype.parse = function () {\n if (this.router.url != '/') {\n var tree = this.router.url.split('/').reverse();\n this.path = [];\n for (var i = 0, t = tree.length; i < t; i++) {\n if (tree[i] == 'configurator')\n break;\n this.path.push(tree[i]);\n }\n if (this.path.length > 0) {\n this.path = this.path.reverse();\n this.config = this.service.findConfigByPath(this.path.slice(0));\n }\n if (this.config != null && this.config.children) {\n this.groups = this.parser.mapGroups(this.config.children);\n if (this.config.title == null || this.config.title[0] == null)\n return;\n this.activateSwitchModel = {\n left: { on: this.config.title[0], off: this.config.title[0] },\n right: { on: 'is active', off: 'is deactivated' }\n };\n }\n }\n };\n var _a, _b, _c, _d, _e, _f;\n PlayerConfiguratorFormGroups = player_configurator_form_groups___decorate([\n Object(core_es5[\"Component\"])({\n selector: 'player-configurator-form-groups',\n template: __webpack_require__(1472),\n styles: [__webpack_require__(1473)],\n changeDetection: core_es5[\"ChangeDetectionStrategy\"].OnPush\n }),\n player_configurator_form_groups___metadata(\"design:paramtypes\", [typeof (_a = typeof player_configurator_service_PlayerConfiguratorViewService !== \"undefined\" && player_configurator_service_PlayerConfiguratorViewService) === \"function\" && _a || Object, typeof (_b = typeof angular_l10n_es5[\"d\" /* TranslationService */] !== \"undefined\" && angular_l10n_es5[\"d\" /* TranslationService */]) === \"function\" && _b || Object, typeof (_c = typeof sidebar_service[\"a\" /* SidebarService */] !== \"undefined\" && sidebar_service[\"a\" /* SidebarService */]) === \"function\" && _c || Object, typeof (_d = typeof core_es5[\"ChangeDetectorRef\"] !== \"undefined\" && core_es5[\"ChangeDetectorRef\"]) === \"function\" && _d || Object, typeof (_e = typeof player_configurator_parser_PlayerConfiguratorParser !== \"undefined\" && player_configurator_parser_PlayerConfiguratorParser) === \"function\" && _e || Object, typeof (_f = typeof router_es5[\"g\" /* Router */] !== \"undefined\" && router_es5[\"g\" /* Router */]) === \"function\" && _f || Object])\n ], PlayerConfiguratorFormGroups);\n return PlayerConfiguratorFormGroups;\n}());\n\n\n// CONCATENATED MODULE: ./src/module/player/modules/legacy/configurator/component/form/inputs/docsLink/docsLink.component.ts\nvar docsLink_component___extends = (this && this.__extends) || (function () {\n var extendStatics = Object.setPrototypeOf ||\n ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||\n function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };\n return function (d, b) {\n extendStatics(d, b);\n function __() { this.constructor = d; }\n d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());\n };\n})();\nvar docsLink_component___decorate = (this && this.__decorate) || function (decorators, target, key, desc) {\n var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;\n if (typeof Reflect === \"object\" && typeof Reflect.decorate === \"function\") r = Reflect.decorate(decorators, target, key, desc);\n 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;\n return c > 3 && r && Object.defineProperty(target, key, r), r;\n};\nvar docsLink_component___metadata = (this && this.__metadata) || function (k, v) {\n if (typeof Reflect === \"object\" && typeof Reflect.metadata === \"function\") return Reflect.metadata(k, v);\n};\n\n\nvar docsLink_component_DocsLinkComponent = (function (_super) {\n docsLink_component___extends(DocsLinkComponent, _super);\n function DocsLinkComponent(locale, translation) {\n var _this = _super.call(this, locale, translation) || this;\n _this.locale = locale;\n _this.translation = translation;\n return _this;\n }\n var _a, _b;\n docsLink_component___decorate([\n Object(core_es5[\"Input\"])(),\n docsLink_component___metadata(\"design:type\", String)\n ], DocsLinkComponent.prototype, \"link\", void 0);\n DocsLinkComponent = docsLink_component___decorate([\n Object(core_es5[\"Component\"])({\n selector: 'docs-link',\n template: __webpack_require__(1474),\n styles: [__webpack_require__(1475)],\n changeDetection: core_es5[\"ChangeDetectionStrategy\"].OnPush\n }),\n docsLink_component___metadata(\"design:paramtypes\", [typeof (_a = typeof angular_l10n_es5[\"a\" /* LocaleService */] !== \"undefined\" && angular_l10n_es5[\"a\" /* LocaleService */]) === \"function\" && _a || Object, typeof (_b = typeof angular_l10n_es5[\"d\" /* TranslationService */] !== \"undefined\" && angular_l10n_es5[\"d\" /* TranslationService */]) === \"function\" && _b || Object])\n ], DocsLinkComponent);\n return DocsLinkComponent;\n}(angular_l10n_es5[\"b\" /* Localization */]));\n\n\n// CONCATENATED MODULE: ./src/module/player/modules/legacy/configurator/component/form/inputs/player.configurator.form.inputs.ts\nvar player_configurator_form_inputs___decorate = (this && this.__decorate) || function (decorators, target, key, desc) {\n var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;\n if (typeof Reflect === \"object\" && typeof Reflect.decorate === \"function\") r = Reflect.decorate(decorators, target, key, desc);\n 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;\n return c > 3 && r && Object.defineProperty(target, key, r), r;\n};\nvar player_configurator_form_inputs___metadata = (this && this.__metadata) || function (k, v) {\n if (typeof Reflect === \"object\" && typeof Reflect.metadata === \"function\") return Reflect.metadata(k, v);\n};\n\n\n\n\n\n\n\n\nvar player_configurator_form_inputs_PlayerConfiguratorFormInputs = (function () {\n function PlayerConfiguratorFormInputs(locale, translation, service, parser, modal, url, view, cdr) {\n this.locale = locale;\n this.translation = translation;\n this.service = service;\n this.parser = parser;\n this.modal = modal;\n this.url = url;\n this.view = view;\n this.cdr = cdr;\n this.dataDelimiter = ',';\n this.hxType = HaxeTypes;\n this.codemirrorConfig = {\n mode: { name: 'javascript', json: true },\n showCursorWhenSelecting: true,\n matchBrackets: true,\n matchTags: true,\n showTrailingSpace: true,\n autoCloseBrackets: true,\n autoCloseTags: true,\n lineNumbers: true,\n gutters: ['CodeMirror-lint-markers'],\n lint: true,\n indentUnit: 1,\n autofocus: false\n };\n }\n PlayerConfiguratorFormInputs.prototype.ngOnInit = function () {\n var _this = this;\n this.resizeSubscription = this.view.resizeStream$.subscribe(function () { return _this.cdr.markForCheck(); });\n this.tickSubscription = this.service.tickStream$.subscribe(function () { return _this.cdr.markForCheck(); });\n };\n PlayerConfiguratorFormInputs.prototype.ngOnDestroy = function () {\n if (this.resizeSubscription != null)\n this.resizeSubscription.unsubscribe();\n if (this.tickSubscription != null)\n this.tickSubscription.unsubscribe();\n };\n PlayerConfiguratorFormInputs.prototype.onResetData = function (data, value) {\n var _this = this;\n this.service.askSkinColorReset(value, data.name == 'COLORS_SHADE_MAP_BASE' ? 'BASE' : 'COLOR').subscribe(function (ok) {\n if (ok) {\n _this.onChangeData(data, value);\n _this.cdr.markForCheck();\n }\n });\n };\n PlayerConfiguratorFormInputs.prototype.onChangeData = function (data, value) {\n var _this = this;\n if (data.type == HaxeTypes[HaxeTypes.RGB] && data.name) {\n if (data.name == 'COLORS_SHADE_MAP_BASE' && data.value === value)\n return;\n data.value = value;\n this.service.video.changeColor(this.service.config, data.name, data.value);\n return;\n }\n data.value = value;\n if (data.name == 'shareButtons') {\n this.service.video.changeShareButtons(data.value.split(','));\n return;\n }\n if (data.name == 'pictureInPictureButtonVisible') {\n this.service.video.changePictureInPictureButtonVisibility(data.value);\n return;\n }\n if (data.name == 'videoCastEnabled') {\n this.service.video.changeVideoCastEnabled(data.value);\n return;\n }\n if (data.name == 'skin' && this.service.config) {\n var baseColorPlugin = this.parser.findPluginByName('COLORS_SHADE_MAP_BASE', this.service.config);\n var baseColorValue = baseColorPlugin ? baseColorPlugin.value : null;\n this.service.video.changeSkin(this.service.config, data.value, true);\n this.parser.resolveDependencies(this.service.config);\n if (baseColorValue)\n this.service.video.changeColor(this.service.config, 'COLORS_SHADE_MAP_BASE', baseColorValue);\n this.service.checkSkinColorReset();\n return;\n }\n if (data.name == 'logoFile') {\n this.service.video.changeLogoFile(data.value);\n return;\n }\n if (data.name == 'logoLink') {\n this.service.video.changeLogoLink(data.value);\n return;\n }\n if (data.name == 'logoLinkTarget') {\n this.service.video.changeLogoTarget(data.value);\n return;\n }\n if (data.name == 'logoXPosition') {\n this.service.video.changeLogoXPosition(data.value);\n return;\n }\n if (data.name == 'logoYPosition') {\n this.service.video.changeLogoYPosition(data.value);\n return;\n }\n if (data.name == 'logoAutohide') {\n this.service.video.changeLogoAutohide(data.value);\n return;\n }\n if (data.name == 'endSplash') {\n this.service.video.changeEndSplash(data.value);\n return;\n }\n if (data.name == 'volume') {\n this.service.video.changeVolume(data.value);\n return;\n }\n if (data.name == 'resetColorScheme') {\n this.service.askSkinColorReset(this.service.video.resetColor, 'BASE').subscribe(function (ok) {\n if (ok)\n _this.service.resetColorScheme();\n });\n return;\n }\n };\n PlayerConfiguratorFormInputs.prototype.formatCodeValue = function (input, pretty) {\n var output = input + '';\n try {\n var json = JSON.parse(input);\n output = JSON.stringify(json, null, pretty ? '\\t' : undefined);\n }\n catch (e) { }\n return output;\n };\n PlayerConfiguratorFormInputs.prototype.getDropdownModel = function (data) {\n var model = [];\n for (var i = 0; i < data.values.length; i++)\n model.push({ value: data.values[i], label: data.values[i] });\n return model;\n };\n PlayerConfiguratorFormInputs.prototype.stringToArray = function (data) {\n if (data == null)\n return null;\n return data.split(this.dataDelimiter);\n };\n PlayerConfiguratorFormInputs.prototype.getRadioIconMap = function () {\n return {\n 'embed': 'fa-code',\n 'mail': 'fa-at',\n 'facebook': 'fa-facebook-official',\n 'twitter': 'fa-twitter',\n 'linkedin': 'fa-linkedin'\n };\n };\n PlayerConfiguratorFormInputs.prototype.isFull = function (config) {\n return !this.isSmall(config);\n };\n PlayerConfiguratorFormInputs.prototype.isSmall = function (config) {\n return this.view.width > 1600 && ((config.type == HaxeTypes[HaxeTypes.RGB] && config.name != 'COLORS_SHADE_MAP_BASE')\n ||\n (config.name == 'logoLinkTarget' || config.name == 'logoAutohide' || config.name == 'logoXPosition' || config.name == 'logoYPosition'));\n };\n Object.defineProperty(PlayerConfiguratorFormInputs.prototype, \"isResetBtn\", {\n get: function () {\n return this.data.type == HaxeTypes[HaxeTypes.String] && this.data.value != null && this.data.value.indexOf('reset') > -1;\n },\n enumerable: true,\n configurable: true\n });\n Object.defineProperty(PlayerConfiguratorFormInputs.prototype, \"isHidden\", {\n get: function () {\n return this.data.hidden;\n },\n enumerable: true,\n configurable: true\n });\n PlayerConfiguratorFormInputs.prototype.arrayToString = function (data) {\n if (data == null)\n return '';\n data = data.filter(function (s) { return s != null && s != '' && typeof s != 'undefined'; });\n if (data.length > 0)\n return data.join(this.dataDelimiter);\n else\n return '';\n };\n PlayerConfiguratorFormInputs.prototype.getImageGridUrlParser = function (name) {\n var _this = this;\n if (name == 'skin')\n return function (v) { return _this.url.file('img/skins/' + v + '/screenshot.png'); };\n if (name == 'endSplash')\n return function (v) { return _this.url.file('img/endsplash/' + v + '.png'); };\n return function (v) { return null; };\n };\n PlayerConfiguratorFormInputs.prototype.onTooBigLogo = function (data) {\n this.modal.prompt(this.translation.translate('PLAYER.CONFIG.TOO_BIG_LOGO', {\n limitWidth: data.maxWidth,\n limitHeight: data.maxHeight,\n limitFileSize: data.maxFileSize\n }), []);\n };\n var _a, _b, _c, _d, _e, _f, _g, _h;\n PlayerConfiguratorFormInputs = player_configurator_form_inputs___decorate([\n Object(core_es5[\"Component\"])({\n selector: 'player-config-form-inputs',\n host: {\n '[class.form-group-inputs-full]': 'isFull(data)',\n '[class.form-group-inputs-small]': 'isSmall(data)',\n '[class.hidden]': 'isHidden',\n },\n template: __webpack_require__(1476),\n styles: [__webpack_require__(1477)],\n inputs: ['data', 'dataDelimiter'],\n changeDetection: core_es5[\"ChangeDetectionStrategy\"].OnPush\n }),\n player_configurator_form_inputs___metadata(\"design:paramtypes\", [typeof (_a = typeof angular_l10n_es5[\"a\" /* LocaleService */] !== \"undefined\" && angular_l10n_es5[\"a\" /* LocaleService */]) === \"function\" && _a || Object, typeof (_b = typeof angular_l10n_es5[\"d\" /* TranslationService */] !== \"undefined\" && angular_l10n_es5[\"d\" /* TranslationService */]) === \"function\" && _b || Object, typeof (_c = typeof player_configurator_service_PlayerConfiguratorViewService !== \"undefined\" && player_configurator_service_PlayerConfiguratorViewService) === \"function\" && _c || Object, typeof (_d = typeof player_configurator_parser_PlayerConfiguratorParser !== \"undefined\" && player_configurator_parser_PlayerConfiguratorParser) === \"function\" && _d || Object, typeof (_e = typeof modal_service[\"a\" /* ModalService */] !== \"undefined\" && modal_service[\"a\" /* ModalService */]) === \"function\" && _e || Object, typeof (_f = typeof url_service[\"a\" /* UrlService */] !== \"undefined\" && url_service[\"a\" /* UrlService */]) === \"function\" && _f || Object, typeof (_g = typeof view_service[\"a\" /* ViewService */] !== \"undefined\" && view_service[\"a\" /* ViewService */]) === \"function\" && _g || Object, typeof (_h = typeof core_es5[\"ChangeDetectorRef\"] !== \"undefined\" && core_es5[\"ChangeDetectorRef\"]) === \"function\" && _h || Object])\n ], PlayerConfiguratorFormInputs);\n return PlayerConfiguratorFormInputs;\n}());\n\n\n// CONCATENATED MODULE: ./src/module/player/modules/legacy/configurator/component/form/player.configurator.form.ts\nvar player_configurator_form___decorate = (this && this.__decorate) || function (decorators, target, key, desc) {\n var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;\n if (typeof Reflect === \"object\" && typeof Reflect.decorate === \"function\") r = Reflect.decorate(decorators, target, key, desc);\n 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;\n return c > 3 && r && Object.defineProperty(target, key, r), r;\n};\nvar player_configurator_form___metadata = (this && this.__metadata) || function (k, v) {\n if (typeof Reflect === \"object\" && typeof Reflect.metadata === \"function\") return Reflect.metadata(k, v);\n};\n\n\n\nvar player_configurator_form_PlayerConfiguratorForm = (function () {\n function PlayerConfiguratorForm(service, route) {\n var _this = this;\n this.service = service;\n this.route = route;\n this.route.url.subscribe(function (u) { return _this.parse(u.toString()); });\n }\n PlayerConfiguratorForm.prototype.parse = function (path) {\n if (path == 'configurator') {\n this.children = this.service.config;\n }\n else if (path != '') {\n var config = this.service.findConfigByPath([path]);\n if (config != null) {\n this.children = config.children;\n }\n }\n };\n var _a, _b, _c;\n player_configurator_form___decorate([\n Object(core_es5[\"ViewChild\"])('outletContainer'),\n player_configurator_form___metadata(\"design:type\", typeof (_a = typeof core_es5[\"ElementRef\"] !== \"undefined\" && core_es5[\"ElementRef\"]) === \"function\" && _a || Object)\n ], PlayerConfiguratorForm.prototype, \"outlet\", void 0);\n PlayerConfiguratorForm = player_configurator_form___decorate([\n Object(core_es5[\"Component\"])({\n selector: 'player-configurator-form',\n template: __webpack_require__(1478),\n styles: [__webpack_require__(1479)],\n changeDetection: core_es5[\"ChangeDetectionStrategy\"].OnPush\n }),\n player_configurator_form___metadata(\"design:paramtypes\", [typeof (_b = typeof player_configurator_service_PlayerConfiguratorViewService !== \"undefined\" && player_configurator_service_PlayerConfiguratorViewService) === \"function\" && _b || Object, typeof (_c = typeof router_es5[\"a\" /* ActivatedRoute */] !== \"undefined\" && router_es5[\"a\" /* ActivatedRoute */]) === \"function\" && _c || Object])\n ], PlayerConfiguratorForm);\n return PlayerConfiguratorForm;\n}());\n\n\n// CONCATENATED MODULE: ./src/module/player/modules/legacy/configurator/service/player.configurator.save.service.ts\nvar player_configurator_save_service___decorate = (this && this.__decorate) || function (decorators, target, key, desc) {\n var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;\n if (typeof Reflect === \"object\" && typeof Reflect.decorate === \"function\") r = Reflect.decorate(decorators, target, key, desc);\n 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;\n return c > 3 && r && Object.defineProperty(target, key, r), r;\n};\nvar player_configurator_save_service___metadata = (this && this.__metadata) || function (k, v) {\n if (typeof Reflect === \"object\" && typeof Reflect.metadata === \"function\") return Reflect.metadata(k, v);\n};\n\n\n\n\n\n\n\n\n\nvar player_configurator_save_service_PlayerConfiguratorSaveService = (function () {\n function PlayerConfiguratorSaveService(view, configService, translation, playerService, user, modal, flash) {\n this.view = view;\n this.configService = configService;\n this.translation = translation;\n this.playerService = playerService;\n this.user = user;\n this.modal = modal;\n this.flash = flash;\n }\n PlayerConfiguratorSaveService.prototype.ask = function () {\n var _this = this;\n this.view.spinner(false);\n var answer = new Rx[\"Subject\"]();\n this.modal.prompt(this.translation.translate('PLAYER.CONFIG.MODAL.SAVE_CHANGES.TEXT'), [\n { label: this.translation.translate('PLAYER.CONFIG.MODAL.SAVE_CHANGES.SAVE'), fa: 'save', close: true, click: function () { return _this.save().subscribe(function (ok) { return answer.next(ok); }); } },\n { label: this.translation.translate('PLAYER.CONFIG.MODAL.SAVE_CHANGES.DONT_SAVE'), fa: 'trash', close: true, click: function () { return answer.next(true); } },\n { label: this.translation.translate('PLAYER.CONFIG.MODAL.SAVE_CHANGES.CANCEL'), fa: 'ban', close: true, click: function () { return answer.next(false); } }\n ]);\n return answer.asObservable();\n };\n PlayerConfiguratorSaveService.prototype.save = function () {\n var _this = this;\n this.savedSub = new Rx[\"Subject\"]();\n this.view.spinner(true);\n var conf = this.configService.parseOutput();\n this.playerService.updatePlayer(this.user.accountId, this.configService.id.toString(), {\n name: this.configService.name ? this.configService.name : 'new player',\n conf_json: JSON.stringify(conf)\n }).subscribe(null, function (e) { return _this.showError(e, function () { return _this.save(); }); }, function () {\n _this.flash.show(_this.translation.translate('PLAYER.VERSIONS.CHANGES_SAVED_NOTIFICATION'), { cssClass: 'alert-success', timeout: 2000 });\n _this.view.spinner(false);\n _this.askPublish();\n });\n return this.savedSub.asObservable();\n };\n PlayerConfiguratorSaveService.prototype.askPublish = function () {\n var _this = this;\n this.modal.prompt(this.translation.translate('PLAYER.CONFIG.MODAL.PUBLISH.TEXT'), [{\n label: this.translation.translate('PLAYER.CONFIG.MODAL.PUBLISH.YES'),\n fa: 'paper-plane', close: true, click: function () { return _this.publish(); }\n }, {\n label: this.translation.translate('PLAYER.CONFIG.MODAL.PUBLISH.NO'),\n fa: 'ban', close: true, click: function () { return _this.savedSub.next(true); }\n }]);\n };\n PlayerConfiguratorSaveService.prototype.publish = function () {\n var _this = this;\n this.view.spinner(true);\n this.playerService.generateBuild(this.user.accountId, this.configService.id.toString()).subscribe(function () { return _this.configService.updateCaches(); }, function (e) { return _this.showError(e, function () { return _this.publish(); }); }, function () { return _this.savedSub.next(true); });\n };\n PlayerConfiguratorSaveService.prototype.showError = function (e, onYes) {\n this.view.spinner(false);\n this.savedSub.next(false);\n this.modal.prompt(this.translation.translate('PLAYER.CONFIG.MODAL.ERROR.SAVE.TEXT'), [{\n label: this.translation.translate('PLAYER.CONFIG.MODAL.ERROR.SAVE.YES'),\n fa: 'retweet', close: true, click: function () { return onYes(); }\n }, {\n label: this.translation.translate('PLAYER.CONFIG.MODAL.ERROR.SAVE.NO'),\n fa: 'ban', close: true\n }]);\n };\n var _a, _b, _c, _d, _e, _f, _g;\n PlayerConfiguratorSaveService = player_configurator_save_service___decorate([\n Object(core_es5[\"Injectable\"])(),\n player_configurator_save_service___metadata(\"design:paramtypes\", [typeof (_a = typeof view_service[\"a\" /* ViewService */] !== \"undefined\" && view_service[\"a\" /* ViewService */]) === \"function\" && _a || Object, typeof (_b = typeof player_configurator_service_PlayerConfiguratorViewService !== \"undefined\" && player_configurator_service_PlayerConfiguratorViewService) === \"function\" && _b || Object, typeof (_c = typeof angular_l10n_es5[\"d\" /* TranslationService */] !== \"undefined\" && angular_l10n_es5[\"d\" /* TranslationService */]) === \"function\" && _c || Object, typeof (_d = typeof player_service_PlayerService !== \"undefined\" && player_service_PlayerService) === \"function\" && _d || Object, typeof (_e = typeof user_service[\"a\" /* UserService */] !== \"undefined\" && user_service[\"a\" /* UserService */]) === \"function\" && _e || Object, typeof (_f = typeof modal_service[\"a\" /* ModalService */] !== \"undefined\" && modal_service[\"a\" /* ModalService */]) === \"function\" && _f || Object, typeof (_g = typeof angular2_flash_messages[\"FlashMessagesService\"] !== \"undefined\" && angular2_flash_messages[\"FlashMessagesService\"]) === \"function\" && _g || Object])\n ], PlayerConfiguratorSaveService);\n return PlayerConfiguratorSaveService;\n}());\n\n\n// CONCATENATED MODULE: ./src/module/player/modules/legacy/configurator/component/preview/video/player.configurator.preview.video.ts\nvar player_configurator_preview_video___decorate = (this && this.__decorate) || function (decorators, target, key, desc) {\n var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;\n if (typeof Reflect === \"object\" && typeof Reflect.decorate === \"function\") r = Reflect.decorate(decorators, target, key, desc);\n 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;\n return c > 3 && r && Object.defineProperty(target, key, r), r;\n};\nvar player_configurator_preview_video___metadata = (this && this.__metadata) || function (k, v) {\n if (typeof Reflect === \"object\" && typeof Reflect.metadata === \"function\") return Reflect.metadata(k, v);\n};\n\n\nvar player_configurator_preview_video_PlayerConfiguratorPreviewVideo = (function () {\n function PlayerConfiguratorPreviewVideo(service) {\n this.service = service;\n }\n PlayerConfiguratorPreviewVideo.prototype.ngOnInit = function () {\n this.service.video.setup(this.player.nativeElement);\n this.service.video.create();\n };\n PlayerConfiguratorPreviewVideo.prototype.ngAfterViewInit = function () {\n if (this.service.video.colorScheme)\n this.service.updateConfig(this.service.video.colorScheme);\n };\n PlayerConfiguratorPreviewVideo.prototype.ngOnDestroy = function () {\n this.service.video.destroy();\n this.service.destroy();\n };\n PlayerConfiguratorPreviewVideo.prototype.resize = function (rect) {\n };\n var _a, _b;\n player_configurator_preview_video___decorate([\n Object(core_es5[\"ViewChild\"])('player'),\n player_configurator_preview_video___metadata(\"design:type\", typeof (_a = typeof core_es5[\"ElementRef\"] !== \"undefined\" && core_es5[\"ElementRef\"]) === \"function\" && _a || Object)\n ], PlayerConfiguratorPreviewVideo.prototype, \"player\", void 0);\n PlayerConfiguratorPreviewVideo = player_configurator_preview_video___decorate([\n Object(core_es5[\"Component\"])({\n selector: 'player-configurator-preview-video',\n template: '
',\n styles: [':host{position: absolute;top: 0;left: 10px;right: 10px;bottom: 0;}:host > div{width: 100%;height: 100%;}'],\n changeDetection: core_es5[\"ChangeDetectionStrategy\"].OnPush\n }),\n player_configurator_preview_video___metadata(\"design:paramtypes\", [typeof (_b = typeof player_configurator_service_PlayerConfiguratorViewService !== \"undefined\" && player_configurator_service_PlayerConfiguratorViewService) === \"function\" && _b || Object])\n ], PlayerConfiguratorPreviewVideo);\n return PlayerConfiguratorPreviewVideo;\n}());\n\n\n// CONCATENATED MODULE: ./src/module/player/modules/legacy/configurator/component/preview/player.configurator.preview.ts\nvar player_configurator_preview___extends = (this && this.__extends) || (function () {\n var extendStatics = Object.setPrototypeOf ||\n ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||\n function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };\n return function (d, b) {\n extendStatics(d, b);\n function __() { this.constructor = d; }\n d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());\n };\n})();\nvar player_configurator_preview___decorate = (this && this.__decorate) || function (decorators, target, key, desc) {\n var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;\n if (typeof Reflect === \"object\" && typeof Reflect.decorate === \"function\") r = Reflect.decorate(decorators, target, key, desc);\n 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;\n return c > 3 && r && Object.defineProperty(target, key, r), r;\n};\nvar player_configurator_preview___metadata = (this && this.__metadata) || function (k, v) {\n if (typeof Reflect === \"object\" && typeof Reflect.metadata === \"function\") return Reflect.metadata(k, v);\n};\n\n\n\n\n\n\n\nvar player_configurator_preview_PlayerConfiguratorPreview = (function (_super) {\n player_configurator_preview___extends(PlayerConfiguratorPreview, _super);\n function PlayerConfiguratorPreview(view, locale, translation, configService, renderer, router, route, cdr, save) {\n var _this = _super.call(this, locale, translation) || this;\n _this.view = view;\n _this.locale = locale;\n _this.translation = translation;\n _this.configService = configService;\n _this.renderer = renderer;\n _this.router = router;\n _this.route = route;\n _this.cdr = cdr;\n _this.save = save;\n return _this;\n }\n PlayerConfiguratorPreview.prototype.ngOnInit = function () {\n var _this = this;\n this.view.resizeStream$.subscribe(function () { return _this.resize(); });\n this.configService.video.playerStateStream$\n .subscribe(function (s) { return _this.handlePlayerState(s); });\n };\n PlayerConfiguratorPreview.prototype.ngAfterViewChecked = function () {\n this.resize();\n };\n PlayerConfiguratorPreview.prototype.resize = function () {\n if (this.head != null && this.body != null && this.foot != null && this.video != null) {\n var head = this.head.nativeElement.getBoundingClientRect(), foot = this.foot.nativeElement.getBoundingClientRect(), top = (head.bottom - head.top), bottom = (foot.bottom - foot.top);\n this.renderer.setStyle(this.body.nativeElement, 'top', top + 'px');\n this.renderer.setStyle(this.body.nativeElement, 'bottom', bottom + 'px');\n var bodySize = this.body.nativeElement.getBoundingClientRect();\n this.video.resize(bodySize);\n }\n };\n PlayerConfiguratorPreview.prototype.saveChanges = function () {\n alert('Sorry updates of this player version are no longer supported. This player is read-only now. Please create new player from players list for applying changes.');\n };\n PlayerConfiguratorPreview.prototype.setPlayerState = function (state) {\n this.configService.video.changePlayerState(state);\n this.configService.video.changeSkinAutohide(this.configService.video.enableSkinAutohide);\n this.configService.tick();\n };\n PlayerConfiguratorPreview.prototype.changeSkinAutohide = function (v) {\n this.configService.video.changeSkinAutohide(v);\n };\n PlayerConfiguratorPreview.prototype.handlePlayerState = function (s) {\n if (this.state != s) {\n this.state = s;\n this.cdr.markForCheck();\n }\n };\n var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o;\n player_configurator_preview___decorate([\n Object(core_es5[\"ViewChild\"])('configuratorPreviewFormHead'),\n player_configurator_preview___metadata(\"design:type\", typeof (_a = typeof core_es5[\"ElementRef\"] !== \"undefined\" && core_es5[\"ElementRef\"]) === \"function\" && _a || Object)\n ], PlayerConfiguratorPreview.prototype, \"head\", void 0);\n player_configurator_preview___decorate([\n Object(core_es5[\"ViewChild\"])('configuratorPreviewFormBody'),\n player_configurator_preview___metadata(\"design:type\", typeof (_b = typeof core_es5[\"ElementRef\"] !== \"undefined\" && core_es5[\"ElementRef\"]) === \"function\" && _b || Object)\n ], PlayerConfiguratorPreview.prototype, \"body\", void 0);\n player_configurator_preview___decorate([\n Object(core_es5[\"ViewChild\"])('configuratorPreviewFormFoot'),\n player_configurator_preview___metadata(\"design:type\", typeof (_c = typeof core_es5[\"ElementRef\"] !== \"undefined\" && core_es5[\"ElementRef\"]) === \"function\" && _c || Object)\n ], PlayerConfiguratorPreview.prototype, \"foot\", void 0);\n player_configurator_preview___decorate([\n Object(core_es5[\"ViewChild\"])(player_configurator_preview_video_PlayerConfiguratorPreviewVideo),\n player_configurator_preview___metadata(\"design:type\", typeof (_d = typeof player_configurator_preview_video_PlayerConfiguratorPreviewVideo !== \"undefined\" && player_configurator_preview_video_PlayerConfiguratorPreviewVideo) === \"function\" && _d || Object)\n ], PlayerConfiguratorPreview.prototype, \"video\", void 0);\n PlayerConfiguratorPreview = player_configurator_preview___decorate([\n Object(core_es5[\"Component\"])({\n selector: 'player-configurator-preview',\n template: __webpack_require__(1480),\n styles: [__webpack_require__(1481)],\n changeDetection: core_es5[\"ChangeDetectionStrategy\"].OnPush\n }),\n player_configurator_preview___metadata(\"design:paramtypes\", [typeof (_e = typeof view_service[\"a\" /* ViewService */] !== \"undefined\" && view_service[\"a\" /* ViewService */]) === \"function\" && _e || Object, typeof (_f = typeof angular_l10n_es5[\"a\" /* LocaleService */] !== \"undefined\" && angular_l10n_es5[\"a\" /* LocaleService */]) === \"function\" && _f || Object, typeof (_g = typeof angular_l10n_es5[\"d\" /* TranslationService */] !== \"undefined\" && angular_l10n_es5[\"d\" /* TranslationService */]) === \"function\" && _g || Object, typeof (_h = typeof player_configurator_service_PlayerConfiguratorViewService !== \"undefined\" && player_configurator_service_PlayerConfiguratorViewService) === \"function\" && _h || Object, typeof (_j = typeof core_es5[\"Renderer2\"] !== \"undefined\" && core_es5[\"Renderer2\"]) === \"function\" && _j || Object, typeof (_k = typeof router_es5[\"g\" /* Router */] !== \"undefined\" && router_es5[\"g\" /* Router */]) === \"function\" && _k || Object, typeof (_l = typeof router_es5[\"a\" /* ActivatedRoute */] !== \"undefined\" && router_es5[\"a\" /* ActivatedRoute */]) === \"function\" && _l || Object, typeof (_m = typeof core_es5[\"ChangeDetectorRef\"] !== \"undefined\" && core_es5[\"ChangeDetectorRef\"]) === \"function\" && _m || Object, typeof (_o = typeof player_configurator_save_service_PlayerConfiguratorSaveService !== \"undefined\" && player_configurator_save_service_PlayerConfiguratorSaveService) === \"function\" && _o || Object])\n ], PlayerConfiguratorPreview);\n return PlayerConfiguratorPreview;\n}(angular_l10n_es5[\"b\" /* Localization */]));\n\n\n// CONCATENATED MODULE: ./src/module/player/modules/legacy/configurator/component/view/player.configurator.view.ts\nvar player_configurator_view___decorate = (this && this.__decorate) || function (decorators, target, key, desc) {\n var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;\n if (typeof Reflect === \"object\" && typeof Reflect.decorate === \"function\") r = Reflect.decorate(decorators, target, key, desc);\n 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;\n return c > 3 && r && Object.defineProperty(target, key, r), r;\n};\nvar player_configurator_view___metadata = (this && this.__metadata) || function (k, v) {\n if (typeof Reflect === \"object\" && typeof Reflect.metadata === \"function\") return Reflect.metadata(k, v);\n};\n\n\n\n\n\n\n\n\n\n\n\n\n\nvar player_configurator_view_PlayerConfiguratorViewComponent = (function () {\n function PlayerConfiguratorViewComponent(service, view, translation, save, colorpickers, sidebar, renderer, router, route, parser, user, modal) {\n this.service = service;\n this.view = view;\n this.translation = translation;\n this.save = save;\n this.colorpickers = colorpickers;\n this.sidebar = sidebar;\n this.renderer = renderer;\n this.router = router;\n this.route = route;\n this.parser = parser;\n this.user = user;\n this.modal = modal;\n this.isAppInIframe = false;\n this.isAppInIframe = this.view.checkIfAppInIframe();\n }\n PlayerConfiguratorViewComponent.prototype.ngOnInit = function () {\n var _this = this;\n this.view.spinner(true);\n this.service.tickStream$.subscribe(function () { return _this.parseSidebar(); });\n this.route.params.subscribe(function (params) { return _this.id = params['id']; });\n this.route.data.subscribe(function (d) { return _this.parse(d); });\n this.router.events.subscribe(function (e) { return _this.service.onRoutingChange(); });\n };\n PlayerConfiguratorViewComponent.prototype.ngAfterViewInit = function () {\n var _this = this;\n this.renderer.listen(this.form.outlet.nativeElement, 'scroll', function () { return _this.colorpickers.close(); });\n this.view.spinner(false);\n };\n PlayerConfiguratorViewComponent.prototype.ngOnDestroy = function () {\n this.sidebar.openDefault();\n };\n PlayerConfiguratorViewComponent.prototype.parse = function (data) {\n this.data = data;\n if (this.data != null) {\n if (this.data.playerConfig != null && this.data.playerDefaults != null) {\n this.parseRoutes();\n this.parseSidebar();\n this.service.parse(this.data);\n }\n else if (true)\n throw new Error('EMPTY RESOLVER DATA');\n }\n };\n PlayerConfiguratorViewComponent.prototype.parseRoutes = function () {\n if (this.route.routeConfig) {\n this.route.routeConfig.children = this.mapRoutes(this.data.playerDefaults);\n this.router.initialNavigation();\n this.router.navigateByUrl(this.router.url + '/' + this.route.routeConfig.children[0].path);\n }\n };\n PlayerConfiguratorViewComponent.prototype.mapRoutes = function (config) {\n var _this = this;\n var routes = [], redirectTo = config[0].name;\n config.forEach(function (p) {\n if (_this.parser.isForm(p) && p.children != undefined)\n routes.push({ path: p.name, component: player_configurator_form_PlayerConfiguratorForm, children: _this.mapRoutes(p.children) });\n else if (_this.parser.isFormGroups(p))\n routes.push({ path: p.name, component: player_configurator_form_groups_PlayerConfiguratorFormGroups });\n });\n routes.push({ path: '', redirectTo: redirectTo, pathMatch: 'full' });\n routes.push({ path: '**', redirectTo: redirectTo });\n return routes;\n };\n PlayerConfiguratorViewComponent.prototype.parseSidebar = function () {\n var items = this.mapSidebar(['admin', 'player', this.id, 'configurator'], this.data.playerDefaults);\n items.push({ name: 'back', icon: 'fa-arrow-left', route: ['admin', 'player', 'list'], noHoverIcon: true });\n this.sidebar.open({\n renderAt: Date.now(),\n name: 'configuration options',\n items: items\n });\n };\n PlayerConfiguratorViewComponent.prototype.mapSidebar = function (route, config) {\n var items = [];\n for (var _i = 0, config_1 = config; _i < config_1.length; _i++) {\n var p = config_1[_i];\n if (p.name == 'advertisements' && !this.user.hasAdsSupport())\n continue;\n if (p.title && p.name) {\n if (this.parser.isForm(p) && p.children) {\n items.push({\n name: p.title[0] != undefined ? this.mapSidebarName(p.title[0]) : 'undefined',\n icon: this.mapSidebarIcon(p),\n route: route.concat([p.name]),\n data: this.mapSidebar(route.concat([p.name]), p.children)\n });\n }\n else if (this.parser.isFormGroups(p)) {\n items.push({\n name: p.title[0] ? this.mapSidebarName(p.title[0]) : 'undefined',\n icon: this.mapSidebarIcon(p),\n route: route.concat([p.name]),\n checked: p.checked\n });\n }\n }\n }\n return items;\n };\n PlayerConfiguratorViewComponent.prototype.mapSidebarIcon = function (p) {\n var icon;\n switch (p.name) {\n case 'player':\n icon = 'fa-play-circle';\n break;\n case 'skin':\n icon = 'fa-sliders';\n break;\n case 'advertisements':\n icon = 'fa-bullhorn';\n break;\n case 'statistics':\n icon = 'fa-pie-chart';\n break;\n case 'wrappers':\n icon = 'fa-television';\n break;\n default: icon = undefined;\n }\n return icon;\n };\n PlayerConfiguratorViewComponent.prototype.mapSidebarName = function (name) {\n switch (name) {\n case 'Advertisement plugins': return 'Advertisement';\n case 'Player configuration': return 'Playback';\n case 'Skin configuration': return 'Display';\n case 'Terms and Conditions': return 'Terms';\n default: return name;\n }\n };\n var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o;\n player_configurator_view___decorate([\n Object(core_es5[\"ViewChild\"])(player_configurator_form_PlayerConfiguratorForm),\n player_configurator_view___metadata(\"design:type\", typeof (_a = typeof player_configurator_form_PlayerConfiguratorForm !== \"undefined\" && player_configurator_form_PlayerConfiguratorForm) === \"function\" && _a || Object)\n ], PlayerConfiguratorViewComponent.prototype, \"form\", void 0);\n PlayerConfiguratorViewComponent = player_configurator_view___decorate([\n Object(core_es5[\"Component\"])({\n selector: 'player-configurator-view',\n template: __webpack_require__(1482),\n styles: [__webpack_require__(1483)],\n changeDetection: core_es5[\"ChangeDetectionStrategy\"].OnPush\n }),\n player_configurator_view___metadata(\"design:paramtypes\", [typeof (_b = typeof player_configurator_service_PlayerConfiguratorViewService !== \"undefined\" && player_configurator_service_PlayerConfiguratorViewService) === \"function\" && _b || Object, typeof (_c = typeof view_service[\"a\" /* ViewService */] !== \"undefined\" && view_service[\"a\" /* ViewService */]) === \"function\" && _c || Object, typeof (_d = typeof angular_l10n_es5[\"d\" /* TranslationService */] !== \"undefined\" && angular_l10n_es5[\"d\" /* TranslationService */]) === \"function\" && _d || Object, typeof (_e = typeof player_configurator_save_service_PlayerConfiguratorSaveService !== \"undefined\" && player_configurator_save_service_PlayerConfiguratorSaveService) === \"function\" && _e || Object, typeof (_f = typeof colorpicker_service_ColorpickerService !== \"undefined\" && colorpicker_service_ColorpickerService) === \"function\" && _f || Object, typeof (_g = typeof sidebar_service[\"a\" /* SidebarService */] !== \"undefined\" && sidebar_service[\"a\" /* SidebarService */]) === \"function\" && _g || Object, typeof (_h = typeof core_es5[\"Renderer2\"] !== \"undefined\" && core_es5[\"Renderer2\"]) === \"function\" && _h || Object, typeof (_j = typeof router_es5[\"g\" /* Router */] !== \"undefined\" && router_es5[\"g\" /* Router */]) === \"function\" && _j || Object, typeof (_k = typeof router_es5[\"a\" /* ActivatedRoute */] !== \"undefined\" && router_es5[\"a\" /* ActivatedRoute */]) === \"function\" && _k || Object, typeof (_l = typeof player_configurator_parser_PlayerConfiguratorParser !== \"undefined\" && player_configurator_parser_PlayerConfiguratorParser) === \"function\" && _l || Object, typeof (_m = typeof user_service[\"a\" /* UserService */] !== \"undefined\" && user_service[\"a\" /* UserService */]) === \"function\" && _m || Object, typeof (_o = typeof modal_service[\"a\" /* ModalService */] !== \"undefined\" && modal_service[\"a\" /* ModalService */]) === \"function\" && _o || Object])\n ], PlayerConfiguratorViewComponent);\n return PlayerConfiguratorViewComponent;\n}());\n\n\n// CONCATENATED MODULE: ./src/module/player/modules/legacy/configurator/service/guard/player.configurator.deactivate.guard.ts\nvar player_configurator_deactivate_guard___decorate = (this && this.__decorate) || function (decorators, target, key, desc) {\n var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;\n if (typeof Reflect === \"object\" && typeof Reflect.decorate === \"function\") r = Reflect.decorate(decorators, target, key, desc);\n 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;\n return c > 3 && r && Object.defineProperty(target, key, r), r;\n};\nvar player_configurator_deactivate_guard___metadata = (this && this.__metadata) || function (k, v) {\n if (typeof Reflect === \"object\" && typeof Reflect.metadata === \"function\") return Reflect.metadata(k, v);\n};\n\n\nvar player_configurator_deactivate_guard_PlayerConfiguratorCanDeactivateService = (function () {\n function PlayerConfiguratorCanDeactivateService(service) {\n this.service = service;\n }\n PlayerConfiguratorCanDeactivateService.prototype.canDeactivate = function (component, currentRoute, currentState, nextState) {\n return true;\n };\n var _a;\n PlayerConfiguratorCanDeactivateService = player_configurator_deactivate_guard___decorate([\n Object(core_es5[\"Injectable\"])(),\n player_configurator_deactivate_guard___metadata(\"design:paramtypes\", [typeof (_a = typeof player_configurator_service_PlayerConfiguratorViewService !== \"undefined\" && player_configurator_service_PlayerConfiguratorViewService) === \"function\" && _a || Object])\n ], PlayerConfiguratorCanDeactivateService);\n return PlayerConfiguratorCanDeactivateService;\n}());\n\n\n// CONCATENATED MODULE: ./src/module/player/modules/legacy/configurator/service/resolve/player.configurator.resolve.config.ts\nvar player_configurator_resolve_config___decorate = (this && this.__decorate) || function (decorators, target, key, desc) {\n var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;\n if (typeof Reflect === \"object\" && typeof Reflect.decorate === \"function\") r = Reflect.decorate(decorators, target, key, desc);\n 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;\n return c > 3 && r && Object.defineProperty(target, key, r), r;\n};\nvar player_configurator_resolve_config___metadata = (this && this.__metadata) || function (k, v) {\n if (typeof Reflect === \"object\" && typeof Reflect.metadata === \"function\") return Reflect.metadata(k, v);\n};\n\n\nvar player_configurator_resolve_config_PlayerConfiguratorResolveConfig = (function () {\n function PlayerConfiguratorResolveConfig(service) {\n this.service = service;\n }\n PlayerConfiguratorResolveConfig.prototype.resolve = function (_route, _state) {\n return this.service.readedPlayer;\n };\n var _a;\n PlayerConfiguratorResolveConfig = player_configurator_resolve_config___decorate([\n Object(core_es5[\"Injectable\"])(),\n player_configurator_resolve_config___metadata(\"design:paramtypes\", [typeof (_a = typeof player_service_PlayerService !== \"undefined\" && player_service_PlayerService) === \"function\" && _a || Object])\n ], PlayerConfiguratorResolveConfig);\n return PlayerConfiguratorResolveConfig;\n}());\n\n\n// CONCATENATED MODULE: ./src/module/player/modules/legacy/configurator/service/resolve/player.configurator.resolve.defaults.ts\nvar player_configurator_resolve_defaults___decorate = (this && this.__decorate) || function (decorators, target, key, desc) {\n var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;\n if (typeof Reflect === \"object\" && typeof Reflect.decorate === \"function\") r = Reflect.decorate(decorators, target, key, desc);\n 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;\n return c > 3 && r && Object.defineProperty(target, key, r), r;\n};\nvar player_configurator_resolve_defaults___metadata = (this && this.__metadata) || function (k, v) {\n if (typeof Reflect === \"object\" && typeof Reflect.metadata === \"function\") return Reflect.metadata(k, v);\n};\n\n\n\nvar player_configurator_resolve_defaults_PlayerConfiguratorResolveDefaults = (function () {\n function PlayerConfiguratorResolveDefaults(service, view) {\n this.service = service;\n this.view = view;\n }\n PlayerConfiguratorResolveDefaults.prototype.resolve = function (route, state) {\n this.view.spinner(true);\n return this.service.defaultPlayer();\n };\n var _a, _b;\n PlayerConfiguratorResolveDefaults = player_configurator_resolve_defaults___decorate([\n Object(core_es5[\"Injectable\"])(),\n player_configurator_resolve_defaults___metadata(\"design:paramtypes\", [typeof (_a = typeof player_service_PlayerService !== \"undefined\" && player_service_PlayerService) === \"function\" && _a || Object, typeof (_b = typeof view_service[\"a\" /* ViewService */] !== \"undefined\" && view_service[\"a\" /* ViewService */]) === \"function\" && _b || Object])\n ], PlayerConfiguratorResolveDefaults);\n return PlayerConfiguratorResolveDefaults;\n}());\n\n\n// CONCATENATED MODULE: ./src/module/player/modules/legacy/configurator/service/resolve/player.configurator.resolve.sources.ts\nvar player_configurator_resolve_sources___decorate = (this && this.__decorate) || function (decorators, target, key, desc) {\n var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;\n if (typeof Reflect === \"object\" && typeof Reflect.decorate === \"function\") r = Reflect.decorate(decorators, target, key, desc);\n 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;\n return c > 3 && r && Object.defineProperty(target, key, r), r;\n};\nvar player_configurator_resolve_sources___metadata = (this && this.__metadata) || function (k, v) {\n if (typeof Reflect === \"object\" && typeof Reflect.metadata === \"function\") return Reflect.metadata(k, v);\n};\n\n\n\n\n\n\nvar player_configurator_resolve_sources_PlayerConfiguratorResolveSources = (function () {\n function PlayerConfiguratorResolveSources(service, user, view, url) {\n this.service = service;\n this.user = user;\n this.view = view;\n this.url = url;\n this.playersPath = 'players/';\n this.playersExtension = '.js.min';\n this.actualPlayer = -1;\n this.players = ['zebra', 'gorilla', 'mole', 'snake'];\n this.subject = new Subject[\"Subject\"]();\n }\n PlayerConfiguratorResolveSources.prototype.resolve = function (route, state) {\n this.head = document.getElementsByTagName('head')[0];\n this.view.spinner(true);\n this.loadNext();\n return this.subject.asObservable();\n };\n PlayerConfiguratorResolveSources.prototype.loadNext = function () {\n if (this.actualPlayer < this.players.length - 1) {\n this.actualPlayer++;\n this.loadScript(this.players[this.actualPlayer]);\n }\n else {\n this.subject.complete();\n }\n };\n PlayerConfiguratorResolveSources.prototype.loadScript = function (name) {\n var _this = this;\n var cacheBuster = '?r=' + Math.floor(1000000000 * Math.random());\n var src = this.url.file(this.playersPath + name + this.playersExtension + cacheBuster);\n var exist = false;\n var children = this.head.getElementsByTagName('script');\n for (var i = 0, t = children.length, s = void 0; i < t; i++) {\n s = children.item(i);\n if (s.getAttribute('src') == src) {\n exist = true;\n break;\n }\n }\n if (exist) {\n this.loadNext();\n }\n else {\n var script = document.createElement('script');\n script.type = 'text/javascript';\n script.async = true;\n script.defer = true;\n script.charset = 'utf-8';\n script.addEventListener('error', function (e) { return _this.subject.error(e); }, false);\n script.addEventListener('load', function () { return _this.loadNext(); }, false);\n script.src = src;\n this.head.appendChild(script);\n }\n };\n var _a, _b, _c, _d;\n PlayerConfiguratorResolveSources = player_configurator_resolve_sources___decorate([\n Object(core_es5[\"Injectable\"])(),\n player_configurator_resolve_sources___metadata(\"design:paramtypes\", [typeof (_a = typeof player_service_PlayerService !== \"undefined\" && player_service_PlayerService) === \"function\" && _a || Object, typeof (_b = typeof user_service[\"a\" /* UserService */] !== \"undefined\" && user_service[\"a\" /* UserService */]) === \"function\" && _b || Object, typeof (_c = typeof view_service[\"a\" /* ViewService */] !== \"undefined\" && view_service[\"a\" /* ViewService */]) === \"function\" && _c || Object, typeof (_d = typeof url_service[\"a\" /* UrlService */] !== \"undefined\" && url_service[\"a\" /* UrlService */]) === \"function\" && _d || Object])\n ], PlayerConfiguratorResolveSources);\n return PlayerConfiguratorResolveSources;\n}());\n\n\n// CONCATENATED MODULE: ./src/module/player/modules/legacy/configurator/service/guard/player.configurator.activate.guard.ts\nvar player_configurator_activate_guard___decorate = (this && this.__decorate) || function (decorators, target, key, desc) {\n var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;\n if (typeof Reflect === \"object\" && typeof Reflect.decorate === \"function\") r = Reflect.decorate(decorators, target, key, desc);\n 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;\n return c > 3 && r && Object.defineProperty(target, key, r), r;\n};\nvar player_configurator_activate_guard___metadata = (this && this.__metadata) || function (k, v) {\n if (typeof Reflect === \"object\" && typeof Reflect.metadata === \"function\") return Reflect.metadata(k, v);\n};\n\n\n\n\n\n\nvar player_configurator_activate_guard_PlayerConfiguratorActivateGuard = (function () {\n function PlayerConfiguratorActivateGuard(router, service, user) {\n this.router = router;\n this.service = service;\n this.user = user;\n }\n PlayerConfiguratorActivateGuard.prototype.canActivate = function (route, _state) {\n var _this = this;\n var buildId = route.params['id'];\n if (buildId == null || this.user.accountId == null)\n return this.gotoPlayers();\n return this.service.readPlayer(this.user.accountId, buildId)\n .pipe(Object(operators[\"map\"])(function (resp) {\n if (!resp || !resp.conf_json)\n return _this.gotoPlayers();\n var conf = {};\n try {\n conf = JSON.parse(resp.conf_json);\n }\n catch (error) {\n console.error(error);\n return _this.gotoPlayers();\n }\n var keys = Object.keys(conf);\n if (keys.length === 1 && keys[0] === 'bs')\n return true;\n return _this.gotoBuilder(buildId);\n }));\n };\n PlayerConfiguratorActivateGuard.prototype.gotoPlayers = function () {\n this.router.navigate(['admin', 'player']);\n return false;\n };\n PlayerConfiguratorActivateGuard.prototype.gotoBuilder = function (buildId) {\n this.router.navigate(['admin', 'player', buildId, player_model[\"a\" /* PlayerRoute */].builder]);\n return false;\n };\n var _a, _b, _c;\n PlayerConfiguratorActivateGuard = player_configurator_activate_guard___decorate([\n Object(core_es5[\"Injectable\"])(),\n player_configurator_activate_guard___metadata(\"design:paramtypes\", [typeof (_a = typeof router_es5[\"g\" /* Router */] !== \"undefined\" && router_es5[\"g\" /* Router */]) === \"function\" && _a || Object, typeof (_b = typeof player_service_PlayerService !== \"undefined\" && player_service_PlayerService) === \"function\" && _b || Object, typeof (_c = typeof user_service[\"a\" /* UserService */] !== \"undefined\" && user_service[\"a\" /* UserService */]) === \"function\" && _c || Object])\n ], PlayerConfiguratorActivateGuard);\n return PlayerConfiguratorActivateGuard;\n}());\n\n\n// CONCATENATED MODULE: ./src/module/player/modules/legacy/configurator/player.configurator.module.ts\nvar player_configurator_module___decorate = (this && this.__decorate) || function (decorators, target, key, desc) {\n var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;\n if (typeof Reflect === \"object\" && typeof Reflect.decorate === \"function\") r = Reflect.decorate(decorators, target, key, desc);\n 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;\n return c > 3 && r && Object.defineProperty(target, key, r), r;\n};\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\nvar PlayerConfiguratorRoutes = [\n {\n path: '',\n canActivate: [player_configurator_activate_guard_PlayerConfiguratorActivateGuard],\n canDeactivate: [player_configurator_deactivate_guard_PlayerConfiguratorCanDeactivateService],\n resolve: {\n playerSources: player_configurator_resolve_sources_PlayerConfiguratorResolveSources,\n playerConfig: player_configurator_resolve_config_PlayerConfiguratorResolveConfig,\n playerDefaults: player_configurator_resolve_defaults_PlayerConfiguratorResolveDefaults\n },\n component: player_configurator_view_PlayerConfiguratorViewComponent\n },\n { path: '**', redirectTo: '' }\n];\nvar player_configurator_module_LOCAL_PROVIDERS = [\n player_configurator_resolve_sources_PlayerConfiguratorResolveSources,\n player_configurator_resolve_config_PlayerConfiguratorResolveConfig,\n player_configurator_resolve_defaults_PlayerConfiguratorResolveDefaults,\n player_configurator_service_PlayerConfiguratorViewService,\n player_configurator_preview_video_service_PlayerConfiguratorPreviewVideoService,\n player_configurator_parser_PlayerConfiguratorParser,\n player_configurator_save_service_PlayerConfiguratorSaveService,\n player_configurator_activate_guard_PlayerConfiguratorActivateGuard,\n player_configurator_deactivate_guard_PlayerConfiguratorCanDeactivateService,\n];\nvar player_configurator_module_COMP = [\n player_configurator_view_PlayerConfiguratorViewComponent,\n player_configurator_preview_PlayerConfiguratorPreview,\n player_configurator_preview_video_PlayerConfiguratorPreviewVideo,\n player_configurator_form_PlayerConfiguratorForm,\n player_configurator_form_groups_PlayerConfiguratorFormGroups,\n player_configurator_form_inputs_PlayerConfiguratorFormInputs,\n docsLink_component_DocsLinkComponent\n];\nvar player_configurator_module_PlayerConfiguratorModule = (function () {\n function PlayerConfiguratorModule() {\n }\n PlayerConfiguratorModule = player_configurator_module___decorate([\n Object(core_es5[\"NgModule\"])({\n imports: [\n http_es5[\"c\" /* HttpModule */],\n common_es5[\"CommonModule\"],\n forms_es5[\"FormsModule\"],\n router_es5[\"h\" /* RouterModule */].forChild(PlayerConfiguratorRoutes),\n form_module_FormComponentsModule,\n sidebar_module[\"a\" /* SidebarModule */],\n lib[\"CodemirrorModule\"],\n angular_l10n_es5[\"c\" /* LocalizationModule */],\n colorpicker_module_ColorpickerModule,\n capitalize_first_module_CapitalizeFirstModule,\n ],\n providers: player_configurator_module_LOCAL_PROVIDERS.slice(),\n declarations: player_configurator_module_COMP.slice(),\n entryComponents: player_configurator_module_COMP,\n exports: player_configurator_module_COMP\n })\n ], PlayerConfiguratorModule);\n return PlayerConfiguratorModule;\n}());\n\n\n// EXTERNAL MODULE: ./node_modules/rxjs/observable/concat.js\nvar concat = __webpack_require__(88);\nvar concat_default = /*#__PURE__*/__webpack_require__.n(concat);\n\n// CONCATENATED MODULE: ./src/module/player/modules/list/pipe/player.list.sort.pipe.ts\nvar player_list_sort_pipe___decorate = (this && this.__decorate) || function (decorators, target, key, desc) {\n var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;\n if (typeof Reflect === \"object\" && typeof Reflect.decorate === \"function\") r = Reflect.decorate(decorators, target, key, desc);\n 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;\n return c > 3 && r && Object.defineProperty(target, key, r), r;\n};\n\nvar player_list_sort_pipe_SortPlayerListPipe = (function () {\n function SortPlayerListPipe() {\n }\n SortPlayerListPipe.prototype.transform = function (list, model) {\n return list.sort(function (a, b) {\n var aa = parseInt(a[model.by] + '');\n var bb = parseInt(b[model.by] + '');\n if (model.type == 'desc')\n return bb - aa;\n if (model.type == 'asc')\n return aa - bb;\n return 0;\n });\n };\n SortPlayerListPipe = player_list_sort_pipe___decorate([\n Object(core_es5[\"Pipe\"])({ name: 'sortPlayerListPipe' })\n ], SortPlayerListPipe);\n return SortPlayerListPipe;\n}());\n\n\n// CONCATENATED MODULE: ./src/module/player/modules/list/component/player.list.view.component.ts\nvar player_list_view_component___extends = (this && this.__extends) || (function () {\n var extendStatics = Object.setPrototypeOf ||\n ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||\n function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };\n return function (d, b) {\n extendStatics(d, b);\n function __() { this.constructor = d; }\n d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());\n };\n})();\nvar player_list_view_component___decorate = (this && this.__decorate) || function (decorators, target, key, desc) {\n var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;\n if (typeof Reflect === \"object\" && typeof Reflect.decorate === \"function\") r = Reflect.decorate(decorators, target, key, desc);\n 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;\n return c > 3 && r && Object.defineProperty(target, key, r), r;\n};\nvar player_list_view_component___metadata = (this && this.__metadata) || function (k, v) {\n if (typeof Reflect === \"object\" && typeof Reflect.metadata === \"function\") return Reflect.metadata(k, v);\n};\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\nvar player_list_view_component_PlayerListViewComponent = (function (_super) {\n player_list_view_component___extends(PlayerListViewComponent, _super);\n function PlayerListViewComponent(view, locale, translation, cdr, router, list, sidebar, modal, user, playerService, embederService, pipe) {\n var _this = _super.call(this, locale, translation) || this;\n _this.view = view;\n _this.locale = locale;\n _this.translation = translation;\n _this.cdr = cdr;\n _this.router = router;\n _this.list = list;\n _this.sidebar = sidebar;\n _this.modal = modal;\n _this.user = user;\n _this.playerService = playerService;\n _this.embederService = embederService;\n _this.pipe = pipe;\n _this.isV2 = api_model[\"b\" /* isPlayerV2 */];\n _this.sortModel = {\n by: 'updated_at',\n type: 'asc',\n };\n _this.count = 0;\n _this.cellClass = {\n name: {\n 'col-lg-5': true, 'col-md-4': true, 'col-sm-4': true, 'col-xs-12': true, 'cell': true, 'cell-name': true\n },\n created: {\n 'col-lg-1': true, 'col-md-4': true, 'col-sm-4': true, 'col-xs-6': true, 'cell': true, 'cell-created': true\n },\n updated: {\n 'col-lg-1': true, 'col-md-4': true, 'col-sm-4': true, 'col-xs-6': true, 'cell': true, 'cell-updated': true\n },\n buttons: {\n 'col-lg-5': true, 'col-md-12': true, 'col-sm-12': true, 'col-xs-12': true, 'cell': true, 'cell-buttons': true\n }\n };\n _this.isAnyItemSelected = false;\n _this.selectedItemCount = 0;\n _this.selectedItems = [];\n return _this;\n }\n PlayerListViewComponent.prototype.ngOnInit = function () {\n var _this = this;\n this.resizeSub = this.view.resizeStream$.subscribe(function () { return _this.cdr.markForCheck(); });\n this.listSub = this.list.$\n .subscribe(function (players) {\n if (players != null) {\n _this.count = players.count;\n _this.model = players.results;\n _this.cdr.markForCheck();\n _this.sidebar.showPlayersMenu(players);\n }\n else if (true)\n throw new Error('EMPTY RESOLVER DATA');\n });\n };\n PlayerListViewComponent.prototype.ngAfterViewInit = function () {\n this.view.spinner(false);\n this.sidebar.update();\n };\n PlayerListViewComponent.prototype.ngOnDestroy = function () {\n this.resizeSub.unsubscribe();\n this.listSub.unsubscribe();\n if (this.addNewSub != null && !this.addNewSub.closed)\n this.addNewSub.unsubscribe();\n this.addNewSub = null;\n if (this.cloneSub != null && !this.cloneSub.closed)\n this.cloneSub.unsubscribe();\n this.cloneSub = null;\n if (this.deleteSub != null && !this.deleteSub.closed)\n this.deleteSub.unsubscribe();\n this.deleteSub = null;\n };\n PlayerListViewComponent.prototype.onItemClickSelect = function (item, e) {\n if (e && !e.defaultPrevented) {\n e.preventDefault();\n e.stopImmediatePropagation();\n e.stopPropagation();\n }\n item.selected = !item.selected;\n var isAnySelected = false;\n var selectedCount = 0;\n for (var _i = 0, _a = this.model; _i < _a.length; _i++) {\n var mod = _a[_i];\n if (mod.selected) {\n selectedCount++;\n isAnySelected = true;\n }\n }\n this.isAnyItemSelected = isAnySelected;\n this.selectedItemCount = selectedCount;\n };\n PlayerListViewComponent.prototype.formatSortIconObject = function (by) {\n var _a;\n if (this.sortModel.by != by)\n return { 'fa-sort': true };\n return _a = {}, _a['fa-sort-' + this.sortModel.type] = true, _a['active'] = true, _a;\n };\n PlayerListViewComponent.prototype.sort = function (by) {\n if (this.sortModel.type == 'asc')\n this.sortModel.type = 'desc';\n else\n this.sortModel.type = 'asc';\n this.sortModel.by = by;\n this.model = this.pipe.transform(this.model, this.sortModel);\n this.cdr.markForCheck();\n };\n PlayerListViewComponent.prototype.askClone = function () {\n var _this = this;\n this.updateSelectedItems();\n this.modal.prompt(this.translation.translate('PLAYER.LIST.MODAL.DUPLICATE.HEADER'), [{\n label: this.translation.translate('PLAYER.LIST.MODAL.DUPLICATE.YES'),\n fa: 'trash', classes: ['test-css-class'], close: true, click: function () { return _this.cloneSelected(); }\n },\n {\n label: this.translation.translate('PLAYER.LIST.MODAL.DUPLICATE.NO'),\n fa: 'ban', classes: ['test-css-class'], close: true\n }\n ]);\n };\n PlayerListViewComponent.prototype.cloneSelected = function () {\n var _this = this;\n if (this.user.accountId === null || this.selectedItems === null || this.selectedItems.length === 0)\n return;\n this.view.spinner(true);\n this.cloneSub = this.playerService.readPlayer(this.user.accountId, this.selectedItems[0].id)\n .pipe(Object(operators[\"map\"])(function (r) { return ({ name: r.name, conf_json: r.conf_json, api_version: r.api_version }); }), Object(operators[\"switchMap\"])(function (clonned) { return _this.playerService.createPlayer(_this.user.accountId, clonned); }), this.fetchPlayersPipe())\n .subscribe(function () { return _this.view.spinner(false); });\n };\n PlayerListViewComponent.prototype.askDelete = function () {\n var _this = this;\n this.updateSelectedItems();\n this.modal.prompt(this.translation.translate('PLAYER.LIST.MODAL.DELETE.HEADER'), [{\n label: this.translation.translate('PLAYER.LIST.MODAL.DELETE.YES'),\n fa: 'trash', classes: ['test-css-class'], close: true, click: function () { return _this.deleteSelected(); }\n },\n {\n label: this.translation.translate('PLAYER.LIST.MODAL.DELETE.NO'),\n fa: 'ban', classes: ['test-css-class'], close: true\n }\n ]);\n };\n PlayerListViewComponent.prototype.deleteSelected = function () {\n var _this = this;\n if (this.user.accountId === null || this.selectedItems === null || this.selectedItems.length === 0)\n return;\n this.view.spinner(true);\n this.deleteSub = concat[\"concat\"].apply(void 0, this.selectedItems.map(function (item) { return _this.playerService.deletePlayer(_this.user.accountId, item.id.toString()); })).pipe(this.fetchPlayersPipe())\n .subscribe(function () {\n _this.selectedItems = [];\n _this.selectedItemCount = 0;\n _this.isAnyItemSelected = false;\n _this.view.spinner(false);\n });\n };\n PlayerListViewComponent.prototype.askNew = function () {\n var _this = this;\n this.modal.input(this.translation.translate('PLAYER.LIST.MODAL.ADD.HEADER'), this.translation.translate('PLAYER.LIST.MODAL.ADD.INPUT'), [{\n label: this.translation.translate('PLAYER.LIST.MODAL.ADD.ADD'), fa: 'check', close: true,\n click: function (name) { return _this.addNew(name); }\n },\n { label: this.translation.translate('PLAYER.LIST.MODAL.ADD.CANCEL'), fa: 'ban', close: true }\n ], \"MyPlayer\");\n };\n PlayerListViewComponent.prototype.gotoConfigurator = function (playerId, e) {\n if (e && !e.defaultPrevented) {\n e.preventDefault();\n e.stopImmediatePropagation();\n e.stopPropagation();\n }\n this.router.navigate(['admin', 'player', playerId]);\n return;\n };\n PlayerListViewComponent.prototype.setUpEmbeder = function (item) {\n this.embederService.playerModel = item;\n };\n PlayerListViewComponent.prototype.formatDate = function (uts) {\n return date_util_DateUtil.unixToDateString(uts);\n };\n PlayerListViewComponent.prototype.updateSelectedItems = function () {\n this.selectedItems = [];\n for (var _i = 0, _a = this.model; _i < _a.length; _i++) {\n var mod = _a[_i];\n if (mod.selected)\n this.selectedItems.push(mod);\n }\n this.selectedItemCount = this.selectedItems.length;\n };\n PlayerListViewComponent.prototype.addNew = function (name) {\n var _this = this;\n if (this.user.accountId != null) {\n var request = { name: name, conf_json: '{}', api_version: '2' };\n this.addNewSub = this.playerService\n .createPlayer(this.user.accountId, request)\n .pipe(this.fetchPlayersPipe())\n .subscribe(function (p) { return _this.gotoConfigurator(p.id); });\n }\n };\n PlayerListViewComponent.prototype.fetchPlayersPipe = function () {\n var _this = this;\n return Object(operators[\"switchMap\"])(function (r) { return _this.list.fetch().pipe(Object(operators[\"map\"])(function (_) { return r; })); });\n };\n var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m;\n PlayerListViewComponent = player_list_view_component___decorate([\n Object(core_es5[\"Component\"])({\n selector: 'player-list-view',\n template: __webpack_require__(1484),\n styles: [__webpack_require__(1485)],\n viewProviders: [player_list_sort_pipe_SortPlayerListPipe],\n changeDetection: core_es5[\"ChangeDetectionStrategy\"].OnPush\n }),\n player_list_view_component___metadata(\"design:paramtypes\", [typeof (_a = typeof view_service[\"a\" /* ViewService */] !== \"undefined\" && view_service[\"a\" /* ViewService */]) === \"function\" && _a || Object, typeof (_b = typeof angular_l10n_es5[\"a\" /* LocaleService */] !== \"undefined\" && angular_l10n_es5[\"a\" /* LocaleService */]) === \"function\" && _b || Object, typeof (_c = typeof angular_l10n_es5[\"d\" /* TranslationService */] !== \"undefined\" && angular_l10n_es5[\"d\" /* TranslationService */]) === \"function\" && _c || Object, typeof (_d = typeof core_es5[\"ChangeDetectorRef\"] !== \"undefined\" && core_es5[\"ChangeDetectorRef\"]) === \"function\" && _d || Object, typeof (_e = typeof router_es5[\"g\" /* Router */] !== \"undefined\" && router_es5[\"g\" /* Router */]) === \"function\" && _e || Object, typeof (_f = typeof player_list_data_service_PlayerListDataService !== \"undefined\" && player_list_data_service_PlayerListDataService) === \"function\" && _f || Object, typeof (_g = typeof sidebar_service[\"a\" /* SidebarService */] !== \"undefined\" && sidebar_service[\"a\" /* SidebarService */]) === \"function\" && _g || Object, typeof (_h = typeof modal_service[\"a\" /* ModalService */] !== \"undefined\" && modal_service[\"a\" /* ModalService */]) === \"function\" && _h || Object, typeof (_j = typeof user_service[\"a\" /* UserService */] !== \"undefined\" && user_service[\"a\" /* UserService */]) === \"function\" && _j || Object, typeof (_k = typeof player_service_PlayerService !== \"undefined\" && player_service_PlayerService) === \"function\" && _k || Object, typeof (_l = typeof player_embeder_service_PlayerEmbederService !== \"undefined\" && player_embeder_service_PlayerEmbederService) === \"function\" && _l || Object, typeof (_m = typeof player_list_sort_pipe_SortPlayerListPipe !== \"undefined\" && player_list_sort_pipe_SortPlayerListPipe) === \"function\" && _m || Object])\n ], PlayerListViewComponent);\n return PlayerListViewComponent;\n}(angular_l10n_es5[\"b\" /* Localization */]));\n\n\n// CONCATENATED MODULE: ./src/module/player/modules/list/directive/download.player.js.v2.directive.ts\nvar download_player_js_v2_directive___decorate = (this && this.__decorate) || function (decorators, target, key, desc) {\n var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;\n if (typeof Reflect === \"object\" && typeof Reflect.decorate === \"function\") r = Reflect.decorate(decorators, target, key, desc);\n 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;\n return c > 3 && r && Object.defineProperty(target, key, r), r;\n};\nvar download_player_js_v2_directive___metadata = (this && this.__metadata) || function (k, v) {\n if (typeof Reflect === \"object\" && typeof Reflect.metadata === \"function\") return Reflect.metadata(k, v);\n};\n\n\n\n\nvar download_player_js_v2_directive_DownloadPlayerJsV2Directive = (function () {\n function DownloadPlayerJsV2Directive(http, sanitizer, cdr, elementRef) {\n this.http = http;\n this.sanitizer = sanitizer;\n this.cdr = cdr;\n this.elementRef = elementRef;\n this.mime = 'text/javascript';\n this.working = false;\n }\n DownloadPlayerJsV2Directive.prototype.ngOnDestroy = function () {\n if (!!this.fetchSub)\n this.fetchSub.unsubscribe();\n this.fetchSub = null;\n if (!!this.blobUrl)\n URL.revokeObjectURL(this.blobUrl);\n };\n DownloadPlayerJsV2Directive.prototype.click = function (e) {\n if (!this.href) {\n e.preventDefault();\n e.stopPropagation();\n e.stopImmediatePropagation();\n this.fetch();\n }\n };\n DownloadPlayerJsV2Directive.prototype.fetch = function () {\n var _this = this;\n if (!!this.fetchSub)\n this.fetchSub.unsubscribe();\n this.working = true;\n this.cdr.markForCheck();\n this.fetchSub = this.http.get(this.url, { responseType: http_es5[\"d\" /* ResponseContentType */].Blob })\n .pipe(Object(operators[\"map\"])(function (response) { return new Blob([response.blob()], { type: _this.mime }); }))\n .subscribe(function (blob) {\n _this.blobUrl = URL.createObjectURL(blob);\n _this.href = _this.sanitizer.bypassSecurityTrustUrl(_this.blobUrl);\n _this.cdr.markForCheck();\n }, function (error) {\n console.error(error);\n _this.working = false;\n _this.cdr.markForCheck();\n }, function () { return requestAnimationFrame(function () {\n _this.reclick(_this.elementRef.nativeElement);\n _this.working = false;\n _this.cdr.markForCheck();\n }); });\n };\n DownloadPlayerJsV2Directive.prototype.reclick = function (element) {\n try {\n element.dispatchEvent(new MouseEvent('click'));\n }\n catch (e1) {\n try {\n console.error(e1);\n var evt = document.createEvent('MouseEvents');\n evt.initMouseEvent('click', true, true, window, 0, 0, 0, 80, 20, false, false, false, false, 0, null);\n element.dispatchEvent(evt);\n }\n catch (e2) {\n console.error(e2);\n element.click();\n }\n }\n };\n var _a, _b, _c, _d, _e, _f;\n download_player_js_v2_directive___decorate([\n Object(core_es5[\"Input\"])('download-player-js'),\n download_player_js_v2_directive___metadata(\"design:type\", String)\n ], DownloadPlayerJsV2Directive.prototype, \"url\", void 0);\n download_player_js_v2_directive___decorate([\n Object(core_es5[\"HostBinding\"])('href'),\n download_player_js_v2_directive___metadata(\"design:type\", Object)\n ], DownloadPlayerJsV2Directive.prototype, \"href\", void 0);\n download_player_js_v2_directive___decorate([\n Object(core_es5[\"HostBinding\"])('type'),\n download_player_js_v2_directive___metadata(\"design:type\", String)\n ], DownloadPlayerJsV2Directive.prototype, \"mime\", void 0);\n download_player_js_v2_directive___decorate([\n Object(core_es5[\"HostListener\"])('click', ['$event']),\n download_player_js_v2_directive___metadata(\"design:type\", Function),\n download_player_js_v2_directive___metadata(\"design:paramtypes\", [typeof (_b = typeof PointerEvent !== \"undefined\" && PointerEvent) === \"function\" && _b || Object]),\n download_player_js_v2_directive___metadata(\"design:returntype\", void 0)\n ], DownloadPlayerJsV2Directive.prototype, \"click\", null);\n DownloadPlayerJsV2Directive = download_player_js_v2_directive___decorate([\n Object(core_es5[\"Directive\"])({\n selector: \"[download-player-js]\",\n exportAs: \"downloadPlayerJsV2\"\n }),\n download_player_js_v2_directive___metadata(\"design:paramtypes\", [typeof (_c = typeof http_es5[\"b\" /* Http */] !== \"undefined\" && http_es5[\"b\" /* Http */]) === \"function\" && _c || Object, typeof (_d = typeof platform_browser_es5[\"c\" /* DomSanitizer */] !== \"undefined\" && platform_browser_es5[\"c\" /* DomSanitizer */]) === \"function\" && _d || Object, typeof (_e = typeof core_es5[\"ChangeDetectorRef\"] !== \"undefined\" && core_es5[\"ChangeDetectorRef\"]) === \"function\" && _e || Object, typeof (_f = typeof core_es5[\"ElementRef\"] !== \"undefined\" && core_es5[\"ElementRef\"]) === \"function\" && _f || Object])\n ], DownloadPlayerJsV2Directive);\n return DownloadPlayerJsV2Directive;\n}());\n\n\n// CONCATENATED MODULE: ./src/module/player/modules/list/player.list.module.ts\nvar player_list_module___decorate = (this && this.__decorate) || function (decorators, target, key, desc) {\n var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;\n if (typeof Reflect === \"object\" && typeof Reflect.decorate === \"function\") r = Reflect.decorate(decorators, target, key, desc);\n 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;\n return c > 3 && r && Object.defineProperty(target, key, r), r;\n};\n\n\n\n\n\n\n\n\nvar PlayerListRoutes = [\n {\n path: '', component: player_list_view_component_PlayerListViewComponent,\n },\n { path: '**', redirectTo: '' }\n];\nvar player_list_module_COMP = [\n player_list_view_component_PlayerListViewComponent,\n];\nvar player_list_module_PlayerListModule = (function () {\n function PlayerListModule() {\n }\n PlayerListModule = player_list_module___decorate([\n Object(core_es5[\"NgModule\"])({\n imports: [\n http_es5[\"c\" /* HttpModule */],\n common_es5[\"CommonModule\"],\n router_es5[\"h\" /* RouterModule */].forChild(PlayerListRoutes),\n angular_l10n_es5[\"c\" /* LocalizationModule */],\n ],\n declarations: player_list_module_COMP.concat([\n player_list_sort_pipe_SortPlayerListPipe,\n download_player_js_v2_directive_DownloadPlayerJsV2Directive,\n ]),\n entryComponents: player_list_module_COMP,\n exports: player_list_module_COMP\n })\n ], PlayerListModule);\n return PlayerListModule;\n}());\n\n\n// CONCATENATED MODULE: ./src/module/player/modules/versions/component/player.versions.view.component.ts\nvar player_versions_view_component___extends = (this && this.__extends) || (function () {\n var extendStatics = Object.setPrototypeOf ||\n ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||\n function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };\n return function (d, b) {\n extendStatics(d, b);\n function __() { this.constructor = d; }\n d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());\n };\n})();\nvar player_versions_view_component___decorate = (this && this.__decorate) || function (decorators, target, key, desc) {\n var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;\n if (typeof Reflect === \"object\" && typeof Reflect.decorate === \"function\") r = Reflect.decorate(decorators, target, key, desc);\n 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;\n return c > 3 && r && Object.defineProperty(target, key, r), r;\n};\nvar player_versions_view_component___metadata = (this && this.__metadata) || function (k, v) {\n if (typeof Reflect === \"object\" && typeof Reflect.metadata === \"function\") return Reflect.metadata(k, v);\n};\n\n\n\n\n\n\n\n\n\nvar player_versions_view_component_PlayerVersionsView = (function (_super) {\n player_versions_view_component___extends(PlayerVersionsView, _super);\n function PlayerVersionsView(view, locale, translation, cdr, route, list, sidebar) {\n var _this = _super.call(this, locale, translation) || this;\n _this.view = view;\n _this.locale = locale;\n _this.translation = translation;\n _this.cdr = cdr;\n _this.route = route;\n _this.list = list;\n _this.sidebar = sidebar;\n _this.count = 0;\n return _this;\n }\n PlayerVersionsView.prototype.ngOnInit = function () {\n var _this = this;\n this.view.spinner(true);\n this.routeSub = Object(zip[\"zip\"])(this.route.data, this.route.params, this.list.$)\n .subscribe(function (r) {\n var data = r[0], params = r[1], players = r[2];\n _this.parse(data);\n if (player_model[\"c\" /* PlayerRouteParam */].id in params) {\n _this.EMBED_CODE_LINK = ['/', 'admin', 'player', params[player_model[\"c\" /* PlayerRouteParam */].id], player_model[\"a\" /* PlayerRoute */].embeder];\n }\n if (players) {\n _this.sidebar.showPlayersMenu(players, parseInt(params[player_model[\"c\" /* PlayerRouteParam */].id]));\n }\n });\n this.view.resizeStream$.subscribe(function () { return _this.cdr.markForCheck(); });\n };\n PlayerVersionsView.prototype.ngAfterViewInit = function () {\n this.view.spinner(false);\n };\n PlayerVersionsView.prototype.ngOnDestroy = function () {\n this.routeSub.unsubscribe();\n };\n PlayerVersionsView.prototype.formatDate = function (unixMs) {\n return date_util_DateUtil.unixToDateString(unixMs);\n };\n PlayerVersionsView.prototype.formatDaysAgo = function (unixMs) {\n var daysAgo = date_util_DateUtil.unixDiffInDays(unixMs, date_util_DateUtil.dateToUnix(new Date()));\n daysAgo = Math.abs(daysAgo);\n return (daysAgo == 0) ? 'today' : daysAgo + ' days ago';\n };\n PlayerVersionsView.prototype.formatTime = function (unixMs) {\n return date_util_DateUtil.unixToTimeString(unixMs);\n };\n PlayerVersionsView.prototype.formatAttr = function (build) {\n return build.active == true\n ? 'Active version.'\n : 'build @' + this.formatTime(build.created_at) + ' ' + this.formatDate(build.created_at);\n };\n PlayerVersionsView.prototype.parse = function (data) {\n if (data != null && data.playerVersions != null) {\n this.count = data.playerVersions.count;\n this.model = data.playerVersions.results.sort(function (a, b) {\n return a.created_at < b.created_at ? 1 : a.created_at > b.created_at ? -1 : 0;\n });\n if (this.model.length > 0)\n this.model[0].active = true;\n }\n else if (true)\n throw new Error('EMPTY RESOLVER DATA');\n this.view.spinner(false);\n };\n var _a, _b, _c, _d, _e, _f, _g;\n PlayerVersionsView = player_versions_view_component___decorate([\n Object(core_es5[\"Component\"])({\n selector: 'player-versions-view',\n template: __webpack_require__(1486),\n styles: [__webpack_require__(1487)],\n changeDetection: core_es5[\"ChangeDetectionStrategy\"].OnPush\n }),\n player_versions_view_component___metadata(\"design:paramtypes\", [typeof (_a = typeof view_service[\"a\" /* ViewService */] !== \"undefined\" && view_service[\"a\" /* ViewService */]) === \"function\" && _a || Object, typeof (_b = typeof angular_l10n_es5[\"a\" /* LocaleService */] !== \"undefined\" && angular_l10n_es5[\"a\" /* LocaleService */]) === \"function\" && _b || Object, typeof (_c = typeof angular_l10n_es5[\"d\" /* TranslationService */] !== \"undefined\" && angular_l10n_es5[\"d\" /* TranslationService */]) === \"function\" && _c || Object, typeof (_d = typeof core_es5[\"ChangeDetectorRef\"] !== \"undefined\" && core_es5[\"ChangeDetectorRef\"]) === \"function\" && _d || Object, typeof (_e = typeof router_es5[\"a\" /* ActivatedRoute */] !== \"undefined\" && router_es5[\"a\" /* ActivatedRoute */]) === \"function\" && _e || Object, typeof (_f = typeof player_list_data_service_PlayerListDataService !== \"undefined\" && player_list_data_service_PlayerListDataService) === \"function\" && _f || Object, typeof (_g = typeof sidebar_service[\"a\" /* SidebarService */] !== \"undefined\" && sidebar_service[\"a\" /* SidebarService */]) === \"function\" && _g || Object])\n ], PlayerVersionsView);\n return PlayerVersionsView;\n}(angular_l10n_es5[\"b\" /* Localization */]));\n\n\n// CONCATENATED MODULE: ./src/module/player/modules/versions/service/player.versions.resolver.ts\nvar player_versions_resolver___decorate = (this && this.__decorate) || function (decorators, target, key, desc) {\n var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;\n if (typeof Reflect === \"object\" && typeof Reflect.decorate === \"function\") r = Reflect.decorate(decorators, target, key, desc);\n 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;\n return c > 3 && r && Object.defineProperty(target, key, r), r;\n};\nvar player_versions_resolver___metadata = (this && this.__metadata) || function (k, v) {\n if (typeof Reflect === \"object\" && typeof Reflect.metadata === \"function\") return Reflect.metadata(k, v);\n};\n\n\n\nvar player_versions_resolver_PlayerVersionsResolver = (function () {\n function PlayerVersionsResolver(service, user) {\n this.service = service;\n this.user = user;\n }\n PlayerVersionsResolver.prototype.resolve = function (route, state) {\n if (this.user.accountId == null)\n return;\n return this.service.listBuilds(this.user.accountId, route.params['id']);\n };\n var _a, _b;\n PlayerVersionsResolver = player_versions_resolver___decorate([\n Object(core_es5[\"Injectable\"])(),\n player_versions_resolver___metadata(\"design:paramtypes\", [typeof (_a = typeof player_service_PlayerService !== \"undefined\" && player_service_PlayerService) === \"function\" && _a || Object, typeof (_b = typeof user_service[\"a\" /* UserService */] !== \"undefined\" && user_service[\"a\" /* UserService */]) === \"function\" && _b || Object])\n ], PlayerVersionsResolver);\n return PlayerVersionsResolver;\n}());\n\n\n// CONCATENATED MODULE: ./src/module/player/modules/versions/player.versions.module.ts\nvar player_versions_module___decorate = (this && this.__decorate) || function (decorators, target, key, desc) {\n var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;\n if (typeof Reflect === \"object\" && typeof Reflect.decorate === \"function\") r = Reflect.decorate(decorators, target, key, desc);\n 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;\n return c > 3 && r && Object.defineProperty(target, key, r), r;\n};\n\n\n\n\n\n\n\nvar PlayerVersionsRoutes = [\n {\n path: '',\n component: player_versions_view_component_PlayerVersionsView,\n resolve: { playerVersions: player_versions_resolver_PlayerVersionsResolver }\n },\n { path: '**', redirectTo: '' }\n];\nvar player_versions_module_LOCAL_PROVIDERS = [\n player_versions_resolver_PlayerVersionsResolver,\n];\nvar player_versions_module_COMP = [\n player_versions_view_component_PlayerVersionsView,\n];\nvar player_versions_module_PlayerVersionsModule = (function () {\n function PlayerVersionsModule() {\n }\n PlayerVersionsModule = player_versions_module___decorate([\n Object(core_es5[\"NgModule\"])({\n imports: [\n http_es5[\"c\" /* HttpModule */],\n common_es5[\"CommonModule\"],\n router_es5[\"h\" /* RouterModule */].forChild(PlayerVersionsRoutes),\n angular_l10n_es5[\"c\" /* LocalizationModule */],\n ],\n providers: player_versions_module_LOCAL_PROVIDERS.slice(),\n declarations: player_versions_module_COMP.slice(),\n entryComponents: player_versions_module_COMP,\n exports: player_versions_module_COMP\n })\n ], PlayerVersionsModule);\n return PlayerVersionsModule;\n}());\n\n\n// CONCATENATED MODULE: ./src/module/player/service/player.list.resolve.service.ts\nvar player_list_resolve_service___decorate = (this && this.__decorate) || function (decorators, target, key, desc) {\n var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;\n if (typeof Reflect === \"object\" && typeof Reflect.decorate === \"function\") r = Reflect.decorate(decorators, target, key, desc);\n 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;\n return c > 3 && r && Object.defineProperty(target, key, r), r;\n};\nvar player_list_resolve_service___metadata = (this && this.__metadata) || function (k, v) {\n if (typeof Reflect === \"object\" && typeof Reflect.metadata === \"function\") return Reflect.metadata(k, v);\n};\n\n\nvar player_list_resolve_service_PlayerListResolveService = (function () {\n function PlayerListResolveService(list) {\n this.list = list;\n }\n PlayerListResolveService.prototype.resolve = function (_route, _state) {\n return this.list.fetch();\n };\n var _a;\n PlayerListResolveService = player_list_resolve_service___decorate([\n Object(core_es5[\"Injectable\"])(),\n player_list_resolve_service___metadata(\"design:paramtypes\", [typeof (_a = typeof player_list_data_service_PlayerListDataService !== \"undefined\" && player_list_data_service_PlayerListDataService) === \"function\" && _a || Object])\n ], PlayerListResolveService);\n return PlayerListResolveService;\n}());\n\n\n// CONCATENATED MODULE: ./src/module/player/player.module.ts\nvar player_module___decorate = (this && this.__decorate) || function (decorators, target, key, desc) {\n var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;\n if (typeof Reflect === \"object\" && typeof Reflect.decorate === \"function\") r = Reflect.decorate(decorators, target, key, desc);\n 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;\n return c > 3 && r && Object.defineProperty(target, key, r), r;\n};\nvar player_module__a;\n\n\n\n\n\n\n\n\n\n\n\n\n\n\nvar PlayerRoutes = [\n {\n path: '',\n resolve: (player_module__a = {},\n player_module__a[player_model[\"b\" /* PlayerRouteData */].playersList] = player_list_resolve_service_PlayerListResolveService,\n player_module__a),\n children: [\n { path: player_model[\"a\" /* PlayerRoute */].list, loadChildren: function () { return player_list_module_PlayerListModule; } },\n {\n path: \":\" + player_model[\"c\" /* PlayerRouteParam */].id,\n children: [\n { path: player_model[\"a\" /* PlayerRoute */].builder, loadChildren: function () { return player_builder_module_PlayerBuilderModule; } },\n { path: player_model[\"a\" /* PlayerRoute */].configurator, loadChildren: function () { return player_configurator_module_PlayerConfiguratorModule; } },\n { path: player_model[\"a\" /* PlayerRoute */].embedcode, loadChildren: function () { return player_embed_code_module_PlayerEmbedCodeModule; } },\n { path: player_model[\"a\" /* PlayerRoute */].embeder, loadChildren: function () { return player_embeder_module_PlayerEmbederModule; } },\n { path: player_model[\"a\" /* PlayerRoute */].versions, loadChildren: function () { return player_versions_module_PlayerVersionsModule; } },\n { path: '', redirectTo: player_model[\"a\" /* PlayerRoute */].builder, pathMatch: 'full' },\n { path: '**', redirectTo: player_model[\"a\" /* PlayerRoute */].builder }\n ]\n },\n { path: '', redirectTo: player_model[\"a\" /* PlayerRoute */].list, pathMatch: 'full' },\n { path: '**', redirectTo: player_model[\"a\" /* PlayerRoute */].list }\n ]\n },\n { path: '**', redirectTo: '' }\n];\nvar player_module_LOCAL_PROVIDERS = [\n player_service_PlayerService,\n player_embeder_service_PlayerEmbederService,\n player_list_resolve_service_PlayerListResolveService,\n player_list_data_service_PlayerListDataService,\n];\nvar player_module_PlayerModule = (function () {\n function PlayerModule() {\n }\n PlayerModule = player_module___decorate([\n Object(core_es5[\"NgModule\"])({\n imports: [\n http_es5[\"c\" /* HttpModule */],\n router_es5[\"h\" /* RouterModule */].forChild(PlayerRoutes),\n ],\n providers: player_module_LOCAL_PROVIDERS.slice(),\n })\n ], PlayerModule);\n return PlayerModule;\n}());\n\n\n// CONCATENATED MODULE: ./src/module/products/service/account.products.resolver.service.ts\nvar account_products_resolver_service___decorate = (this && this.__decorate) || function (decorators, target, key, desc) {\n var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;\n if (typeof Reflect === \"object\" && typeof Reflect.decorate === \"function\") r = Reflect.decorate(decorators, target, key, desc);\n 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;\n return c > 3 && r && Object.defineProperty(target, key, r), r;\n};\nvar account_products_resolver_service___metadata = (this && this.__metadata) || function (k, v) {\n if (typeof Reflect === \"object\" && typeof Reflect.metadata === \"function\") return Reflect.metadata(k, v);\n};\n\n\n\nvar account_products_resolver_service_AccountProductsResolverService = (function () {\n function AccountProductsResolverService(products, user) {\n this.products = products;\n this.user = user;\n }\n AccountProductsResolverService.prototype.resolve = function (route, state) {\n return this.products.getProductsForAccount(this.user.accountId);\n };\n var _a, _b;\n AccountProductsResolverService = account_products_resolver_service___decorate([\n Object(core_es5[\"Injectable\"])(),\n account_products_resolver_service___metadata(\"design:paramtypes\", [typeof (_a = typeof product_service[\"a\" /* ProductService */] !== \"undefined\" && product_service[\"a\" /* ProductService */]) === \"function\" && _a || Object, typeof (_b = typeof user_service[\"a\" /* UserService */] !== \"undefined\" && user_service[\"a\" /* UserService */]) === \"function\" && _b || Object])\n ], AccountProductsResolverService);\n return AccountProductsResolverService;\n}());\n\n\n// CONCATENATED MODULE: ./src/module/products/service/products.resolver.service.ts\nvar products_resolver_service___decorate = (this && this.__decorate) || function (decorators, target, key, desc) {\n var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;\n if (typeof Reflect === \"object\" && typeof Reflect.decorate === \"function\") r = Reflect.decorate(decorators, target, key, desc);\n 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;\n return c > 3 && r && Object.defineProperty(target, key, r), r;\n};\nvar products_resolver_service___metadata = (this && this.__metadata) || function (k, v) {\n if (typeof Reflect === \"object\" && typeof Reflect.metadata === \"function\") return Reflect.metadata(k, v);\n};\n\n\nvar products_resolver_service_ProductsResolverService = (function () {\n function ProductsResolverService(products) {\n this.products = products;\n }\n ProductsResolverService.prototype.resolve = function (route, state) {\n return this.products.getProducts();\n };\n var _a;\n ProductsResolverService = products_resolver_service___decorate([\n Object(core_es5[\"Injectable\"])(),\n products_resolver_service___metadata(\"design:paramtypes\", [typeof (_a = typeof product_service[\"a\" /* ProductService */] !== \"undefined\" && product_service[\"a\" /* ProductService */]) === \"function\" && _a || Object])\n ], ProductsResolverService);\n return ProductsResolverService;\n}());\n\n\n// EXTERNAL MODULE: ./src/module/products/view/products.view.component.ts\nvar products_view_component = __webpack_require__(1488);\n\n// CONCATENATED MODULE: ./src/module/products/products.module.ts\nvar products_module___decorate = (this && this.__decorate) || function (decorators, target, key, desc) {\n var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;\n if (typeof Reflect === \"object\" && typeof Reflect.decorate === \"function\") r = Reflect.decorate(decorators, target, key, desc);\n 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;\n return c > 3 && r && Object.defineProperty(target, key, r), r;\n};\n\n\n\n\n\n\n\n\n\nvar products_module_routes = [\n {\n path: '',\n component: products_view_component[\"a\" /* ProductsView */],\n resolve: {\n products: products_resolver_service_ProductsResolverService,\n accountProducts: account_products_resolver_service_AccountProductsResolverService\n }\n }\n];\nvar products_module_ProductsModule = (function () {\n function ProductsModule() {\n }\n ProductsModule = products_module___decorate([\n Object(core_es5[\"NgModule\"])({\n imports: [\n shared_module_SharedModule,\n angular_l10n_es5[\"c\" /* LocalizationModule */],\n router_es5[\"h\" /* RouterModule */].forChild(products_module_routes)\n ],\n providers: [\n products_resolver_service_ProductsResolverService,\n account_products_resolver_service_AccountProductsResolverService,\n product_service[\"a\" /* ProductService */],\n subscription_service[\"a\" /* SubscriptionService */]\n ],\n declarations: [products_view_component[\"a\" /* ProductsView */]]\n })\n ], ProductsModule);\n return ProductsModule;\n}());\n\n\n// CONCATENATED MODULE: ./src/module/subscription/subscription.guard.ts\nvar subscription_guard___decorate = (this && this.__decorate) || function (decorators, target, key, desc) {\n var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;\n if (typeof Reflect === \"object\" && typeof Reflect.decorate === \"function\") r = Reflect.decorate(decorators, target, key, desc);\n 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;\n return c > 3 && r && Object.defineProperty(target, key, r), r;\n};\nvar subscription_guard___metadata = (this && this.__metadata) || function (k, v) {\n if (typeof Reflect === \"object\" && typeof Reflect.metadata === \"function\") return Reflect.metadata(k, v);\n};\n\n\n\n\n\n\n\nvar subscription_guard_SubscriptionGuard = (function () {\n function SubscriptionGuard(products, user, account, subscription, router) {\n this.products = products;\n this.user = user;\n this.account = account;\n this.subscription = subscription;\n this.router = router;\n }\n SubscriptionGuard.prototype.canActivate = function (route, state) {\n var _this = this;\n var subscriptionId = +route.params['id'];\n if (this.user.accountId == null)\n return false;\n return this.subscription.getSubscriptionOrders(this.user.accountId).map(function (res) {\n var found = false;\n if (res && res.count && res.count > 0) {\n res.results.some(function (sub) {\n if (sub.id === subscriptionId) {\n found = true;\n return true;\n }\n return false;\n });\n }\n return found;\n }, function (error) {\n _this.router.navigate(['admin', '']);\n return false;\n }).catch(function (error) {\n console.error('Subscription.Guard ERROR');\n _this.router.navigate(['admin', '']);\n return Observable[\"Observable\"].of(false);\n });\n };\n SubscriptionGuard.prototype.canDeactivate = function (component, route, state) {\n return new Promise(function (resolve, reject) {\n if (component.braintreeIntegration)\n component.braintreeIntegration.teardown(function () {\n component.braintreeIntegration = null;\n resolve(true);\n });\n else\n resolve(true);\n });\n };\n var _a, _b, _c, _d, _e;\n SubscriptionGuard = subscription_guard___decorate([\n Object(core_es5[\"Injectable\"])(),\n subscription_guard___metadata(\"design:paramtypes\", [typeof (_a = typeof product_service[\"a\" /* ProductService */] !== \"undefined\" && product_service[\"a\" /* ProductService */]) === \"function\" && _a || Object, typeof (_b = typeof user_service[\"a\" /* UserService */] !== \"undefined\" && user_service[\"a\" /* UserService */]) === \"function\" && _b || Object, typeof (_c = typeof account_service[\"a\" /* AccountService */] !== \"undefined\" && account_service[\"a\" /* AccountService */]) === \"function\" && _c || Object, typeof (_d = typeof subscription_service[\"a\" /* SubscriptionService */] !== \"undefined\" && subscription_service[\"a\" /* SubscriptionService */]) === \"function\" && _d || Object, typeof (_e = typeof router_es5[\"g\" /* Router */] !== \"undefined\" && router_es5[\"g\" /* Router */]) === \"function\" && _e || Object])\n ], SubscriptionGuard);\n return SubscriptionGuard;\n}());\n\n\n// EXTERNAL MODULE: ./src/service/buyCookie.service.ts\nvar buyCookie_service = __webpack_require__(188);\n\n// CONCATENATED MODULE: ./src/module/subscription/subscription.view.component.ts\nvar subscription_view_component___extends = (this && this.__extends) || (function () {\n var extendStatics = Object.setPrototypeOf ||\n ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||\n function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };\n return function (d, b) {\n extendStatics(d, b);\n function __() { this.constructor = d; }\n d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());\n };\n})();\nvar subscription_view_component___decorate = (this && this.__decorate) || function (decorators, target, key, desc) {\n var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;\n if (typeof Reflect === \"object\" && typeof Reflect.decorate === \"function\") r = Reflect.decorate(decorators, target, key, desc);\n 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;\n return c > 3 && r && Object.defineProperty(target, key, r), r;\n};\nvar subscription_view_component___metadata = (this && this.__metadata) || function (k, v) {\n if (typeof Reflect === \"object\" && typeof Reflect.metadata === \"function\") return Reflect.metadata(k, v);\n};\n\n\n\n\n\n\n\n\n\nvar subscription_view_component_SubscriptionView = (function (_super) {\n subscription_view_component___extends(SubscriptionView, _super);\n function SubscriptionView(cdr, account, user, locale, translation, route, subscriptionService, view, router, modal, ref, buyCookie) {\n var _this = _super.call(this, locale, translation) || this;\n _this.cdr = cdr;\n _this.account = account;\n _this.user = user;\n _this.locale = locale;\n _this.translation = translation;\n _this.route = route;\n _this.subscriptionService = subscriptionService;\n _this.view = view;\n _this.router = router;\n _this.modal = modal;\n _this.ref = ref;\n _this.buyCookie = buyCookie;\n _this.braintreeIsReady = false;\n _this.paymentError = false;\n _this.subscriptionError = null;\n _this.currentStep = 1;\n _this.today = Date.now();\n _this.subscriptionFinished = false;\n _this.termsAccepted = false;\n return _this;\n }\n SubscriptionView_1 = SubscriptionView;\n SubscriptionView.prototype.ngOnInit = function () {\n var _this = this;\n this.resolverSubscription = this.route.data.subscribe(function (data) {\n _this.isPaidPlan = false;\n if (data.account && data.account.length >= 4) {\n _this.subscriptionOrder = data.account[1];\n if (_this.subscriptionOrder.product_plan && _this.subscriptionOrder.product_plan.base_price.gross > 0) {\n _this.braintreeClientToken = data.account[3].bt_client_token;\n _this.isPaidPlan = true;\n if (!SubscriptionView_1.braintree) {\n SubscriptionView_1.braintree = __webpack_require__(1491);\n }\n _this.setupBrainTree();\n }\n else {\n _this.braintreeIsReady = true;\n }\n _this.cdr.markForCheck();\n }\n });\n this.paramsSubscription = this.route.params.subscribe(function (params) { _this.planId = +params['id']; });\n this.modalSubscription = this.modal.closeStream$.subscribe(function (closed) { return _this.cdr.markForCheck(); });\n };\n SubscriptionView.prototype.ngOnDestroy = function () {\n if (this.resolverSubscription)\n this.resolverSubscription.unsubscribe();\n if (this.paramsSubscription)\n this.paramsSubscription.unsubscribe();\n if (this.resolverSubscription)\n this.resolverSubscription.unsubscribe();\n };\n SubscriptionView.prototype.goToProductsView = function () {\n this.router.navigate(['admin', 'products']);\n };\n SubscriptionView.prototype.goToAccountView = function () {\n this.router.navigate(['admin', 'account', 'details']);\n };\n SubscriptionView.prototype.goToPlayerView = function () {\n this.router.navigate(['admin', 'player']);\n };\n SubscriptionView.prototype.goToStep = function (stepId) {\n if (stepId > 0 && stepId <= 2 && this.currentStep != stepId) {\n this.currentStep = stepId;\n }\n };\n SubscriptionView.prototype.showTermsAndConditions = function () {\n var _this = this;\n this.modal.terms(this.translation.translate('SUBSCRIPTION.TERMS_AND_CONDITIONS.TITLE'), this.translation.translate('SUBSCRIPTION.TERMS_AND_CONDITIONS.BODY'), [{\n label: this.translation.translate('SUBSCRIPTION.BUTTON.ACCEPT'),\n fa: 'check',\n classes: ['btn', 'btn-success'],\n close: true,\n click: function () {\n _this.termsAccepted = true;\n _this.cdr.markForCheck();\n }\n }, {\n label: this.translation.translate('SUBSCRIPTION.BUTTON.NOT_ACCEPT'),\n fa: 'times',\n classes: ['btn', 'btn-danger'],\n close: true, click: function () {\n _this.termsAccepted = false;\n _this.cdr.markForCheck();\n }\n }]);\n };\n SubscriptionView.prototype.onPaymentFormSubmit = function () {\n var _this = this;\n if (this.braintreeIntegration) {\n var threeDSecureParameters = {\n threeDSecure: {\n amount: this.subscriptionOrder.product_plan.base_price.gross,\n }\n };\n this.braintreeIntegration.requestPaymentMethod(threeDSecureParameters, function (err, payload) {\n if (err) {\n _this.view.spinner(false);\n _this.paymentError = true;\n _this.paymentErrorMessage = err.message;\n _this.cdr.markForCheck();\n _this.ref.tick();\n return;\n }\n _this.braintreeNonce = payload.nonce;\n _this.finishSubscription(payload.nonce);\n });\n if (this.braintreeIsReady) {\n this.view.spinner(true);\n this.paymentError = false;\n this.paymentErrorMessage = null;\n this.subscriptionError = null;\n this.cdr.detectChanges();\n this.cdr.markForCheck();\n }\n }\n else if (!this.isPaidPlan) {\n this.braintreeNonce = '';\n this.finishSubscription('');\n }\n };\n SubscriptionView.prototype.finishSubscription = function (nonce) {\n var _this = this;\n if (!this.termsAccepted) {\n this.view.spinner(false);\n this.cdr.markForCheck();\n this.ref.tick();\n return;\n }\n var body = {\n accept: true,\n bt_payment_method_nonce: nonce\n };\n if (this.user.accountId != null)\n this.subscriptionService.finishSubscriptionOrder(this.user.accountId, this.subscriptionOrder.id, body)\n .subscribe(function (response) {\n if (_this.braintreeIntegration != null) {\n _this.braintreeIntegration.teardown(function () { _this.braintreeIntegration = null; });\n }\n _this.showThanks();\n }, function (error) {\n _this.subscriptionError = error;\n _this.view.spinner(false);\n _this.cdr.markForCheck();\n _this.ref.tick();\n });\n };\n SubscriptionView.prototype.showThanks = function () {\n this.buyCookie.erase();\n this.user.refresh();\n this.view.spinner(false);\n this.subscriptionFinished = true;\n this.cdr.markForCheck();\n this.ref.tick();\n };\n SubscriptionView.prototype.setupBrainTree = function () {\n var _this = this;\n if (SubscriptionView_1.braintree) {\n SubscriptionView_1.braintree.create({\n authorization: this.braintreeClientToken,\n selector: '#payment-container',\n gatewayConfiguration: { paypalEnabled: true },\n paypal: { flow: 'vault' },\n paypalCredit: { flow: 'vault' },\n threeDSecure: true,\n }, function (err, dropinInstance) {\n if (err) {\n _this.view.spinner(false);\n _this.paymentError = true;\n _this.paymentErrorMessage = err.message;\n _this.cdr.markForCheck();\n _this.ref.tick();\n return;\n }\n _this.braintreeIntegration = dropinInstance;\n _this.braintreeIsReady = true;\n _this.cdr.markForCheck();\n _this.cdr.detectChanges();\n });\n }\n };\n var SubscriptionView_1, _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m;\n SubscriptionView = SubscriptionView_1 = subscription_view_component___decorate([\n Object(core_es5[\"Component\"])({\n selector: 'subscription-view',\n template: __webpack_require__(1492),\n styles: [\n ':host .plan-list {padding-left:0;padding-top:20px;}',\n ':host .plan-list li {list-style: none;font-size:16px;margin-top:16px;}'\n ],\n changeDetection: core_es5[\"ChangeDetectionStrategy\"].OnPush\n }),\n subscription_view_component___metadata(\"design:paramtypes\", [typeof (_a = typeof core_es5[\"ChangeDetectorRef\"] !== \"undefined\" && core_es5[\"ChangeDetectorRef\"]) === \"function\" && _a || Object, typeof (_b = typeof account_service[\"a\" /* AccountService */] !== \"undefined\" && account_service[\"a\" /* AccountService */]) === \"function\" && _b || Object, typeof (_c = typeof user_service[\"a\" /* UserService */] !== \"undefined\" && user_service[\"a\" /* UserService */]) === \"function\" && _c || Object, typeof (_d = typeof angular_l10n_es5[\"a\" /* LocaleService */] !== \"undefined\" && angular_l10n_es5[\"a\" /* LocaleService */]) === \"function\" && _d || Object, typeof (_e = typeof angular_l10n_es5[\"d\" /* TranslationService */] !== \"undefined\" && angular_l10n_es5[\"d\" /* TranslationService */]) === \"function\" && _e || Object, typeof (_f = typeof router_es5[\"a\" /* ActivatedRoute */] !== \"undefined\" && router_es5[\"a\" /* ActivatedRoute */]) === \"function\" && _f || Object, typeof (_g = typeof subscription_service[\"a\" /* SubscriptionService */] !== \"undefined\" && subscription_service[\"a\" /* SubscriptionService */]) === \"function\" && _g || Object, typeof (_h = typeof view_service[\"a\" /* ViewService */] !== \"undefined\" && view_service[\"a\" /* ViewService */]) === \"function\" && _h || Object, typeof (_j = typeof router_es5[\"g\" /* Router */] !== \"undefined\" && router_es5[\"g\" /* Router */]) === \"function\" && _j || Object, typeof (_k = typeof modal_service[\"a\" /* ModalService */] !== \"undefined\" && modal_service[\"a\" /* ModalService */]) === \"function\" && _k || Object, typeof (_l = typeof core_es5[\"ApplicationRef\"] !== \"undefined\" && core_es5[\"ApplicationRef\"]) === \"function\" && _l || Object, typeof (_m = typeof buyCookie_service[\"a\" /* BuyCookieService */] !== \"undefined\" && buyCookie_service[\"a\" /* BuyCookieService */]) === \"function\" && _m || Object])\n ], SubscriptionView);\n return SubscriptionView;\n}(angular_l10n_es5[\"b\" /* Localization */]));\n\n\n// CONCATENATED MODULE: ./src/module/subscription/subscription.resolver.ts\nvar subscription_resolver___decorate = (this && this.__decorate) || function (decorators, target, key, desc) {\n var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;\n if (typeof Reflect === \"object\" && typeof Reflect.decorate === \"function\") r = Reflect.decorate(decorators, target, key, desc);\n 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;\n return c > 3 && r && Object.defineProperty(target, key, r), r;\n};\nvar subscription_resolver___metadata = (this && this.__metadata) || function (k, v) {\n if (typeof Reflect === \"object\" && typeof Reflect.metadata === \"function\") return Reflect.metadata(k, v);\n};\n\n\n\n\n\n\n\nvar subscription_resolver_SubscriptionResolver = (function () {\n function SubscriptionResolver(subscription, payments, user, account, countries) {\n this.subscription = subscription;\n this.payments = payments;\n this.user = user;\n this.account = account;\n this.countries = countries;\n }\n SubscriptionResolver.prototype.resolve = function (route, state) {\n var subscriptionOrderId = route.params['id'];\n if (!subscriptionOrderId)\n return false;\n if (this.user.accountId == null)\n return false;\n return Observable[\"Observable\"].forkJoin(this.account.get(this.user.accountId), this.subscription.getSubscriptionOrder(this.user.accountId, subscriptionOrderId), this.countries.getCountries(), this.payments.getBraintreeClientToken(this.user.accountId));\n };\n var _a, _b, _c, _d, _e;\n SubscriptionResolver = subscription_resolver___decorate([\n Object(core_es5[\"Injectable\"])(),\n subscription_resolver___metadata(\"design:paramtypes\", [typeof (_a = typeof subscription_service[\"a\" /* SubscriptionService */] !== \"undefined\" && subscription_service[\"a\" /* SubscriptionService */]) === \"function\" && _a || Object, typeof (_b = typeof payments_service[\"a\" /* PaymentsService */] !== \"undefined\" && payments_service[\"a\" /* PaymentsService */]) === \"function\" && _b || Object, typeof (_c = typeof user_service[\"a\" /* UserService */] !== \"undefined\" && user_service[\"a\" /* UserService */]) === \"function\" && _c || Object, typeof (_d = typeof account_service[\"a\" /* AccountService */] !== \"undefined\" && account_service[\"a\" /* AccountService */]) === \"function\" && _d || Object, typeof (_e = typeof country_service_CountryService !== \"undefined\" && country_service_CountryService) === \"function\" && _e || Object])\n ], SubscriptionResolver);\n return SubscriptionResolver;\n}());\n\n\n// CONCATENATED MODULE: ./src/module/subscription/index.ts\n\n\n\n\n// CONCATENATED MODULE: ./src/module/subscription/subscription.module.ts\nvar subscription_module___decorate = (this && this.__decorate) || function (decorators, target, key, desc) {\n var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;\n if (typeof Reflect === \"object\" && typeof Reflect.decorate === \"function\") r = Reflect.decorate(decorators, target, key, desc);\n 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;\n return c > 3 && r && Object.defineProperty(target, key, r), r;\n};\n\n\n\n\n\n\n\n\n\n\n\nvar subscription_module_routes = [\n {\n path: ':id',\n component: subscription_view_component_SubscriptionView,\n canActivate: [subscription_guard_SubscriptionGuard],\n resolve: { account: subscription_resolver_SubscriptionResolver }\n }\n];\nvar subscription_module_SubscriptionModule = (function () {\n function SubscriptionModule() {\n }\n SubscriptionModule = subscription_module___decorate([\n Object(core_es5[\"NgModule\"])({\n imports: [\n shared_module_SharedModule,\n forms_es5[\"ReactiveFormsModule\"],\n angular_l10n_es5[\"c\" /* LocalizationModule */],\n router_es5[\"h\" /* RouterModule */].forChild(subscription_module_routes)\n ],\n declarations: [subscription_view_component_SubscriptionView],\n entryComponents: [subscription_view_component_SubscriptionView],\n providers: [\n subscription_resolver_SubscriptionResolver,\n subscription_service[\"a\" /* SubscriptionService */],\n subscription_guard_SubscriptionGuard,\n validation_service_ValidationService,\n product_service[\"a\" /* ProductService */],\n payments_service[\"a\" /* PaymentsService */],\n ],\n exports: [subscription_view_component_SubscriptionView]\n })\n ], SubscriptionModule);\n return SubscriptionModule;\n}());\n\n\n// EXTERNAL MODULE: ./src/module/header/header.service.ts\nvar header_service = __webpack_require__(186);\n\n// CONCATENATED MODULE: ./src/service/login.service.ts\nvar login_service___extends = (this && this.__extends) || (function () {\n var extendStatics = Object.setPrototypeOf ||\n ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||\n function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };\n return function (d, b) {\n extendStatics(d, b);\n function __() { this.constructor = d; }\n d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());\n };\n})();\nvar login_service___decorate = (this && this.__decorate) || function (decorators, target, key, desc) {\n var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;\n if (typeof Reflect === \"object\" && typeof Reflect.decorate === \"function\") r = Reflect.decorate(decorators, target, key, desc);\n 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;\n return c > 3 && r && Object.defineProperty(target, key, r), r;\n};\nvar login_service___metadata = (this && this.__metadata) || function (k, v) {\n if (typeof Reflect === \"object\" && typeof Reflect.metadata === \"function\") return Reflect.metadata(k, v);\n};\n\n\n\n\n\n\n\n\n\n\nvar login_service_LoginService = (function (_super) {\n login_service___extends(LoginService, _super);\n function LoginService(router, auth, http, exception, url, user, modal, translation) {\n var _this = _super.call(this, auth, http, exception, router, url) || this;\n _this.router = router;\n _this.auth = auth;\n _this.http = http;\n _this.exception = exception;\n _this.url = url;\n _this.user = user;\n _this.modal = modal;\n _this.translation = translation;\n return _this;\n }\n LoginService.prototype.login = function (success, fail) {\n var _this = this;\n if (this.auth.user != null && this.auth.password != null) {\n var req = { email: this.auth.user, password: this.auth.password };\n _super.prototype.create.call(this, this.urlPath(false), req)\n .subscribe(function (response) {\n _this.auth.token = response.access_token;\n }, function (error) {\n _this.auth.password = null;\n if (fail != null)\n fail(error.detail);\n }, function () {\n if (success != null)\n success();\n });\n }\n };\n LoginService.prototype.logout = function (success) {\n var _this = this;\n this.modal.prompt(this.translation.translate('MODAL.LOGOUT.ASK'), [{\n label: this.translation.translate('MODAL.LOGOUT.YES'), fa: 'sign-out', classes: ['test-css-class'],\n close: true, click: function () {\n _super.prototype.create.call(_this, _this.urlPath(true), { 'access_token': _this.auth.token })\n .subscribe(undefined, function () { return _this.logoutSuccess(success); }, function () { return _this.logoutSuccess(success); });\n }\n },\n { label: this.translation.translate('MODAL.LOGOUT.NO'), fa: 'ban', classes: ['test-css-class'], close: true }\n ]);\n };\n LoginService.prototype.logoutSuccess = function (success) {\n this.user.clear();\n this.auth.clear();\n if (success != null)\n success();\n };\n LoginService.prototype.urlPath = function (out) {\n return 'auth/log' + (out == true ? 'out' : 'in');\n };\n var _a, _b, _c, _d, _e, _f, _g, _h;\n LoginService = login_service___decorate([\n Object(core_es5[\"Injectable\"])(),\n login_service___metadata(\"design:paramtypes\", [typeof (_a = typeof router_es5[\"g\" /* Router */] !== \"undefined\" && router_es5[\"g\" /* Router */]) === \"function\" && _a || Object, typeof (_b = typeof auth_service[\"a\" /* AuthService */] !== \"undefined\" && auth_service[\"a\" /* AuthService */]) === \"function\" && _b || Object, typeof (_c = typeof http_es5[\"b\" /* Http */] !== \"undefined\" && http_es5[\"b\" /* Http */]) === \"function\" && _c || Object, typeof (_d = typeof exception_service[\"a\" /* ExceptionService */] !== \"undefined\" && exception_service[\"a\" /* ExceptionService */]) === \"function\" && _d || Object, typeof (_e = typeof url_service[\"a\" /* UrlService */] !== \"undefined\" && url_service[\"a\" /* UrlService */]) === \"function\" && _e || Object, typeof (_f = typeof user_service[\"a\" /* UserService */] !== \"undefined\" && user_service[\"a\" /* UserService */]) === \"function\" && _f || Object, typeof (_g = typeof modal_service[\"a\" /* ModalService */] !== \"undefined\" && modal_service[\"a\" /* ModalService */]) === \"function\" && _g || Object, typeof (_h = typeof angular_l10n_es5[\"d\" /* TranslationService */] !== \"undefined\" && angular_l10n_es5[\"d\" /* TranslationService */]) === \"function\" && _h || Object])\n ], LoginService);\n return LoginService;\n}(api_service[\"a\" /* BradmaxApi */]));\n\n\n// CONCATENATED MODULE: ./src/module/content/content.config.ts\n\nvar isMobile = (!!navigator.userAgent.match(/Android/i)\n || !!navigator.userAgent.match(/webOS/i)\n || !!navigator.userAgent.match(/iPhone/i)\n || !!navigator.userAgent.match(/iPad/i)\n || !!navigator.userAgent.match(/iPod/i)\n || !!navigator.userAgent.match(/BlackBerry/i)\n || !!navigator.userAgent.match(/Windows Phone/i));\nvar ContentConfig = new core_es5[\"InjectionToken\"]('CONTENT_CONFIG');\nvar ContentConfigTestData = {\n mobile: false,\n logo: {\n src: '',\n alt: '',\n title: ''\n }\n};\nvar ContentConfigData = {\n mobile: isMobile,\n logo: {\n src: 'https://bradmax.com/static/sales_v2/img/bradmax/2025/full.black.yellow.svg',\n alt: 'Bradmax Admin',\n title: 'Bradmax Admin'\n }\n};\n\n// EXTERNAL MODULE: ./src/module/content/content.model.ts\nvar content_model = __webpack_require__(1493);\nvar content_model_default = /*#__PURE__*/__webpack_require__.n(content_model);\n\n// CONCATENATED MODULE: ./src/module/content/content.component.ts\nvar content_component___decorate = (this && this.__decorate) || function (decorators, target, key, desc) {\n var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;\n if (typeof Reflect === \"object\" && typeof Reflect.decorate === \"function\") r = Reflect.decorate(decorators, target, key, desc);\n 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;\n return c > 3 && r && Object.defineProperty(target, key, r), r;\n};\nvar content_component___metadata = (this && this.__metadata) || function (k, v) {\n if (typeof Reflect === \"object\" && typeof Reflect.metadata === \"function\") return Reflect.metadata(k, v);\n};\nvar content_component___param = (this && this.__param) || function (paramIndex, decorator) {\n return function (target, key) { decorator(target, key, paramIndex); }\n};\n\n\n\n\n\n\n\n\n\n\n\n\n\nvar content_component_ContentComponent = (function () {\n function ContentComponent(config, view, sidebar, url, translation, header, cdr, router, login, user, modal) {\n var _this = this;\n this.config = config;\n this.view = view;\n this.sidebar = sidebar;\n this.url = url;\n this.translation = translation;\n this.header = header;\n this.cdr = cdr;\n this.router = router;\n this.login = login;\n this.user = user;\n this.modal = modal;\n this.view.spinner(true);\n this.active = false;\n this.isAppInIframe = this.view.checkIfAppInIframe();\n this.isBetaMode = this.view.checkIfBetaMode();\n this.router.events.subscribe(function () {\n if (_this.config.mobile) {\n _this.sidebar.close();\n }\n });\n }\n ContentComponent.prototype.ngOnInit = function () {\n var _this = this;\n this.setHeaderLabel();\n var analyticsMenu = new Array();\n analyticsMenu.push({\n name: this.translation.translate('MENU.MAIN.ANALYTICS.DASHBOARD'),\n route: ['admin', 'analytics', 'dashboard']\n });\n analyticsMenu.push({\n name: this.translation.translate('MENU.MAIN.ANALYTICS.AUDIENCE'),\n route: ['admin', 'analytics', 'audience']\n });\n analyticsMenu.push({\n name: this.translation.translate('MENU.MAIN.ANALYTICS.REALTIME'),\n route: ['admin', 'analytics', 'realtime'],\n isAvailableInDifferentPlan: !this.hasStatsModule('realtime')\n });\n analyticsMenu.push({\n name: this.translation.translate('MENU.MAIN.ANALYTICS.TOP_CONTENT'),\n route: ['admin', 'analytics', 'top-content'],\n isAvailableInDifferentPlan: !this.hasStatsModule('media')\n });\n analyticsMenu.push({\n name: this.translation.translate('MENU.MAIN.ANALYTICS.CONTENT'),\n route: ['admin', 'analytics', 'content'],\n isAvailableInDifferentPlan: !this.hasStatsModule('media')\n });\n analyticsMenu.push({\n name: this.translation.translate('MENU.MAIN.ANALYTICS.SELECTED_CONTENT'),\n isHiddenWhenNotActive: true,\n route: ['admin', 'analytics', 'content', ':materialId'],\n isAvailableInDifferentPlan: !this.hasStatsModule('media')\n });\n if (this.hasStatsModule('st')) {\n analyticsMenu.push({\n name: 'Content Reports',\n route: ['admin', 'analytics', 'st-report'],\n });\n if (this.isBetaMode)\n analyticsMenu.push({\n name: 'Sampled Traffic',\n route: analyticsSampledTrafficRoute,\n });\n }\n analyticsMenu.push({\n name: this.translation.translate('MENU.MAIN.ANALYTICS.GEO'),\n route: ['admin', 'analytics', 'geo'],\n isAvailableInDifferentPlan: !this.hasStatsModule('geo')\n });\n analyticsMenu.push({\n name: this.translation.translate('MENU.MAIN.ANALYTICS.GEO_COUNTRY'),\n isHiddenWhenNotActive: true,\n route: ['admin', 'analytics', 'geo', ':countryCode'],\n isAvailableInDifferentPlan: !this.hasStatsModule('geo')\n });\n analyticsMenu.push({\n name: this.translation.translate('MENU.MAIN.ANALYTICS.TECHNOLOGY'),\n route: ['admin', 'analytics', 'technology'],\n isAvailableInDifferentPlan: !this.hasStatsModule('tech')\n });\n if (this.isBetaMode) {\n analyticsMenu.push({\n name: 'Playback exp.',\n route: ['admin', 'analytics', 'playback-experience'],\n isBeta: true,\n });\n analyticsMenu.push({\n name: 'Selected playback',\n isHiddenWhenNotActive: true,\n route: ['admin', 'analytics', 'playback-experience', 'playback'],\n isBeta: true,\n });\n analyticsMenu.push({\n name: 'Errors & Failures',\n route: ['admin', 'analytics', 'errors'],\n isBeta: true,\n });\n analyticsMenu.push({\n name: 'RT Marketing',\n route: ['admin', 'analytics', 'real-time-marketing'],\n isBeta: true,\n });\n analyticsMenu.push({\n name: 'Content Insights',\n route: ['admin', 'analytics', 'content-insights'],\n isBeta: true,\n });\n analyticsMenu.push({\n name: this.translation.translate('MENU.MAIN.ANALYTICS.QOS'),\n route: ['admin', 'analytics', 'qos']\n });\n analyticsMenu.push({\n name: 'Flex Model',\n route: ['admin', 'analytics', 'flexmodel']\n });\n analyticsMenu.push({\n name: 'New model',\n isHiddenWhenNotActive: true,\n route: ['admin', 'analytics', 'flexmodel', 'setup']\n });\n }\n if (this.isBetaMode) {\n analyticsMenu.push({\n name: this.translation.translate('MENU.MAIN.ANALYTICS.ALBUMS'),\n route: ['admin', 'analytics', 'albums']\n });\n analyticsMenu.push({\n name: 'Selected album',\n isHiddenWhenNotActive: true,\n route: ['admin', 'analytics', 'albums', ':collectionId']\n });\n }\n if (this.isBetaMode) {\n analyticsMenu.push({\n name: this.translation.translate('MENU.MAIN.ANALYTICS.HEARTBEAT'),\n route: ['admin', 'analytics', 'heartbeat']\n });\n }\n analyticsMenu.push({\n name: this.translation.translate('MENU.MAIN.ANALYTICS.INFO'),\n route: ['admin', 'analytics', 'info']\n });\n var menu = [\n {\n name: this.translation.translate('MENU.MAIN.PRODUCTS'),\n icon: 'fa-shopping-basket',\n route: ['admin', 'products']\n }, {\n name: this.translation.translate('MENU.MAIN.ANALYTICS.NAME'),\n icon: 'fa-area-chart',\n openIcon: 'fa-area-chart',\n route: ['admin', 'analytics'],\n data: analyticsMenu\n }, {\n name: this.translation.translate('MENU.MAIN.PLAYER_CONFIG'),\n icon: 'fa-play-circle',\n route: ['admin', 'player'],\n data: new Array()\n }\n ];\n this.sidebar.setupDefault({\n renderAt: Date.now(),\n name: this.translation.translate('MENU.MAIN.NAME'),\n items: menu\n });\n if (!this.config.mobile) {\n this.sidebar.openDefault();\n }\n this.user.userDataChanged.subscribe(function () { return _this.setHeaderLabel(); });\n this.active = true;\n this.cdr.markForCheck();\n this.view.spinner(false);\n if (!this.user.hasGdprInfoShown) {\n this.user.hasGdprInfoShown = true;\n this.user.updateUser({\n email: this.user.email,\n first_name: this.user.firstName,\n last_name: this.user.lastName,\n has_gdpr_info_shown: true,\n has_agree_for_newsletter: this.user.hasAgreeForNewsletter\n });\n this.showGdprInfo();\n }\n };\n ContentComponent.prototype.showGdprInfo = function () {\n this.modal.gdprInfo(this.translation.translate('MODAL.GDPR_INFO'));\n };\n ContentComponent.prototype.setHeaderLabel = function () {\n var _this = this;\n this.header.menu([{\n label: this.user.firstName + ' ' + this.user.lastName,\n image: this.url.file('img/user/account.svg'),\n menu: [{\n label: this.translation.translate('MENU.USER.ACCOUNT'),\n click: function () { return _this.router.navigate(['admin', 'account']); }\n }, {\n label: this.translation.translate('MENU.USER.LOGOUT'),\n click: function () { return _this.login.logout(function () {\n _this.router.initialNavigation();\n _this.router.navigate(['login']);\n }); }\n }]\n }]);\n };\n ContentComponent.prototype.hasStatsModule = function (moduleName) {\n return (this.user.statsModules != null) && (this.user.statsModules.indexOf(moduleName) != -1);\n };\n var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l;\n ContentComponent = content_component___decorate([\n Object(core_es5[\"Component\"])({\n selector: 'content',\n template: __webpack_require__(1494),\n styles: [\n ':host{display: block;}'\n + ':host.with-header{padding-top: 54px;}'\n + ':host .content{margin-left: 0 !important;}'\n + ':host .content.with-sidebar{margin-left: 200px !important;}'\n ],\n host: {\n 'class': 'fade',\n '[class.out]': '!active',\n '[class.in]': 'active',\n '[class.with-header]': '!isAppInIframe'\n },\n viewProviders: [login_service_LoginService],\n changeDetection: core_es5[\"ChangeDetectionStrategy\"].OnPush\n }),\n content_component___param(0, Object(core_es5[\"Inject\"])(ContentConfig)),\n content_component___metadata(\"design:paramtypes\", [typeof (_a = typeof content_model[\"ContentConfigModel\"] !== \"undefined\" && content_model[\"ContentConfigModel\"]) === \"function\" && _a || Object, typeof (_b = typeof view_service[\"a\" /* ViewService */] !== \"undefined\" && view_service[\"a\" /* ViewService */]) === \"function\" && _b || Object, typeof (_c = typeof sidebar_service[\"a\" /* SidebarService */] !== \"undefined\" && sidebar_service[\"a\" /* SidebarService */]) === \"function\" && _c || Object, typeof (_d = typeof url_service[\"a\" /* UrlService */] !== \"undefined\" && url_service[\"a\" /* UrlService */]) === \"function\" && _d || Object, typeof (_e = typeof angular_l10n_es5[\"d\" /* TranslationService */] !== \"undefined\" && angular_l10n_es5[\"d\" /* TranslationService */]) === \"function\" && _e || Object, typeof (_f = typeof header_service[\"a\" /* HeaderService */] !== \"undefined\" && header_service[\"a\" /* HeaderService */]) === \"function\" && _f || Object, typeof (_g = typeof core_es5[\"ChangeDetectorRef\"] !== \"undefined\" && core_es5[\"ChangeDetectorRef\"]) === \"function\" && _g || Object, typeof (_h = typeof router_es5[\"g\" /* Router */] !== \"undefined\" && router_es5[\"g\" /* Router */]) === \"function\" && _h || Object, typeof (_j = typeof login_service_LoginService !== \"undefined\" && login_service_LoginService) === \"function\" && _j || Object, typeof (_k = typeof user_service[\"a\" /* UserService */] !== \"undefined\" && user_service[\"a\" /* UserService */]) === \"function\" && _k || Object, typeof (_l = typeof modal_service[\"a\" /* ModalService */] !== \"undefined\" && modal_service[\"a\" /* ModalService */]) === \"function\" && _l || Object])\n ], ContentComponent);\n return ContentComponent;\n}());\n\n\n// CONCATENATED MODULE: ./src/module/content/content.resolver.ts\nvar content_resolver___decorate = (this && this.__decorate) || function (decorators, target, key, desc) {\n var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;\n if (typeof Reflect === \"object\" && typeof Reflect.decorate === \"function\") r = Reflect.decorate(decorators, target, key, desc);\n 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;\n return c > 3 && r && Object.defineProperty(target, key, r), r;\n};\nvar content_resolver___metadata = (this && this.__metadata) || function (k, v) {\n if (typeof Reflect === \"object\" && typeof Reflect.metadata === \"function\") return Reflect.metadata(k, v);\n};\n\n\nvar content_resolver_ContentResolver = (function () {\n function ContentResolver(user) {\n this.user = user;\n }\n ContentResolver.prototype.resolve = function (route, state) {\n return this.user.get();\n };\n var _a;\n ContentResolver = content_resolver___decorate([\n Object(core_es5[\"Injectable\"])(),\n content_resolver___metadata(\"design:paramtypes\", [typeof (_a = typeof user_service[\"a\" /* UserService */] !== \"undefined\" && user_service[\"a\" /* UserService */]) === \"function\" && _a || Object])\n ], ContentResolver);\n return ContentResolver;\n}());\n\n\n// CONCATENATED MODULE: ./src/module/content/content.module.ts\nvar content_content_module___decorate = (this && this.__decorate) || function (decorators, target, key, desc) {\n var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;\n if (typeof Reflect === \"object\" && typeof Reflect.decorate === \"function\") r = Reflect.decorate(decorators, target, key, desc);\n 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;\n return c > 3 && r && Object.defineProperty(target, key, r), r;\n};\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\nvar content_content_module_routes = [\n {\n path: 'admin',\n component: content_component_ContentComponent,\n canActivate: [auth_guard_service_AuthGuard],\n resolve: { content: content_resolver_ContentResolver },\n children: [\n { path: 'account', loadChildren: function () { return account_module_AccountModule; } },\n { path: 'analytics', loadChildren: function () { return analytics_module_AnalyticsModule; } },\n { path: 'player', loadChildren: function () { return player_module_PlayerModule; } },\n { path: 'products', loadChildren: function () { return products_module_ProductsModule; } },\n { path: 'subscription', loadChildren: function () { return subscription_module_SubscriptionModule; } },\n { path: '', redirectTo: 'analytics', pathMatch: 'full' },\n { path: '**', redirectTo: 'analytics' }\n ]\n },\n { path: '', redirectTo: 'admin', pathMatch: 'full' },\n { path: '**', redirectTo: 'admin' }\n];\nvar content_module_ContentModule = (function () {\n function ContentModule() {\n }\n ContentModule = content_content_module___decorate([\n Object(core_es5[\"NgModule\"])({\n imports: [\n router_es5[\"h\" /* RouterModule */].forChild(content_content_module_routes),\n http_es5[\"c\" /* HttpModule */],\n common_es5[\"CommonModule\"],\n angular_l10n_es5[\"c\" /* LocalizationModule */],\n header_module[\"a\" /* HeaderModule */],\n sidebar_module[\"a\" /* SidebarModule */],\n modal_module_ModalModule,\n ],\n providers: [\n auth_guard_service_AuthGuard,\n content_resolver_ContentResolver,\n { provide: ContentConfig, useValue: ContentConfigData }\n ],\n declarations: VIEW_COMPONENTS.concat([content_component_ContentComponent]),\n entryComponents: VIEW_COMPONENTS.concat([content_component_ContentComponent]),\n exports: [router_es5[\"h\" /* RouterModule */]].concat(VIEW_COMPONENTS, [content_component_ContentComponent])\n })\n ], ContentModule);\n return ContentModule;\n}());\n\n\n// CONCATENATED MODULE: ./src/module/login/login.view.ts\nvar login_view___extends = (this && this.__extends) || (function () {\n var extendStatics = Object.setPrototypeOf ||\n ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||\n function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };\n return function (d, b) {\n extendStatics(d, b);\n function __() { this.constructor = d; }\n d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());\n };\n})();\nvar login_view___decorate = (this && this.__decorate) || function (decorators, target, key, desc) {\n var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;\n if (typeof Reflect === \"object\" && typeof Reflect.decorate === \"function\") r = Reflect.decorate(decorators, target, key, desc);\n 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;\n return c > 3 && r && Object.defineProperty(target, key, r), r;\n};\nvar login_view___metadata = (this && this.__metadata) || function (k, v) {\n if (typeof Reflect === \"object\" && typeof Reflect.metadata === \"function\") return Reflect.metadata(k, v);\n};\n\n\n\n\n\n\n\n\n\nvar login_view_LoginView = (function (_super) {\n login_view___extends(LoginView, _super);\n function LoginView(locale, translation, auth, service, view, cdr, router, renderer, url) {\n var _this = _super.call(this, locale, translation) || this;\n _this.locale = locale;\n _this.translation = translation;\n _this.auth = auth;\n _this.service = service;\n _this.view = view;\n _this.cdr = cdr;\n _this.router = router;\n _this.renderer = renderer;\n _this.url = url;\n _this.rememberMe = true;\n _this.error = '';\n _this.currentYear = new Date().getFullYear();\n _this.view.spinner(true);\n _this.active = false;\n _this.signInUrl = _this.url.getSignUpPage();\n _this.passwordResetUrl = _this.url.getPasswordResetPage();\n return _this;\n }\n LoginView.prototype.ngOnInit = function () {\n var _this = this;\n var accessTokenMatch = window.location.href.match(/[&\\?]accessToken=([a-zA-Z0-9]+)/);\n if (accessTokenMatch) {\n var redirectUrl = null;\n var redirectUrlMatch = window.location.href.match(/[&\\?]redirectUrl=([a-zA-Z0-9/_\\-%]+)/);\n if (redirectUrlMatch) {\n redirectUrl = decodeURIComponent(redirectUrlMatch[1]);\n }\n if (!this.initAfterBackRedirectionComplete) {\n this.initAfterBackRedirectionComplete = this.router.events.subscribe(function (e) {\n if (e instanceof router_es5[\"c\" /* NavigationEnd */]) {\n _this.initWithDebouncer();\n }\n });\n }\n this.autologinWithAccessTokenFromUrl(accessTokenMatch[1], redirectUrl);\n }\n else {\n this.initWithDebouncer();\n }\n };\n LoginView.prototype.ngOnDestroy = function () {\n if (this.initTimer != null)\n this.initTimer.unsubscribe();\n if (this.initAfterBackRedirectionComplete != null)\n this.initAfterBackRedirectionComplete.unsubscribe();\n };\n LoginView.prototype.login = function () {\n var _this = this;\n if (!('user' in this.auth) || this.auth.user == null || !validation_service_ValidationService.isValidEmail(this.auth.user)) {\n this.error = this.translation.translate('LOGIN.INVALID.USER');\n this.cdr.markForCheck();\n return;\n }\n else if (!('password' in this.auth) || this.auth.password == null) {\n this.error = this.translation.translate('LOGIN.INVALID.PASSWORD');\n this.cdr.markForCheck();\n return;\n }\n this.error = '';\n this.cdr.markForCheck();\n this.view.spinner(true);\n this.service.login(function () { return _this.loginSucceed(); }, function (msg) { return _this.loginFail(msg); });\n };\n LoginView.prototype.autologinWithAccessTokenFromUrl = function (accessToken, redirectUrl) {\n this.auth.token = accessToken;\n if (redirectUrl) {\n this.auth.redirectUrl = redirectUrl;\n }\n this.loginSucceed();\n };\n LoginView.prototype.rememberMeChange = function (value) {\n this.rememberMe = value;\n this.checkAutocomplete();\n this.cdr.markForCheck();\n };\n LoginView.prototype.init = function () {\n this.checkAutocomplete();\n this.rememberMeLabel = {\n on: this.translation.translate('LOGIN.LABEL.REMEMBER_ME.ON'),\n off: this.translation.translate('LOGIN.LABEL.REMEMBER_ME.OFF')\n };\n this.active = true;\n this.cdr.markForCheck();\n this.view.spinner(false);\n };\n LoginView.prototype.initWithDebouncer = function () {\n var _this = this;\n if (this.initTimer != null)\n this.initTimer.unsubscribe();\n this.initTimer = Observable[\"Observable\"].timer(250).subscribe(function () { return _this.init(); });\n };\n LoginView.prototype.checkAutocomplete = function () {\n var val = this.rememberMe == true ? 'on' : 'off';\n if (this.autocomplete != val)\n this.autocomplete = val;\n };\n LoginView.prototype.loginSucceed = function () {\n if (this.auth.logged) {\n if (!this.view.checkIfAppInIframe() && (this.rememberMe == true)) {\n this.form.nativeElement.submit();\n }\n var redirectTo = this.auth.redirectUrl ? this.auth.redirectUrl : this.auth.defaultUrl;\n if (redirectTo == this.auth.sanitizeUrl(this.router.url))\n redirectTo = this.auth.defaultUrl;\n this.router.navigate([redirectTo]);\n }\n this.auth.redirectUrl = null;\n };\n LoginView.prototype.loginFail = function (msg) {\n this.view.spinner(false);\n this.error = msg;\n this.cdr.markForCheck();\n this.view.spinner(false);\n };\n var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k;\n login_view___decorate([\n Object(core_es5[\"ViewChild\"])('form'),\n login_view___metadata(\"design:type\", typeof (_a = typeof core_es5[\"ElementRef\"] !== \"undefined\" && core_es5[\"ElementRef\"]) === \"function\" && _a || Object)\n ], LoginView.prototype, \"form\", void 0);\n login_view___decorate([\n Object(core_es5[\"HostListener\"])('window:keydown.enter', ['$event']),\n login_view___metadata(\"design:type\", Function),\n login_view___metadata(\"design:paramtypes\", []),\n login_view___metadata(\"design:returntype\", void 0)\n ], LoginView.prototype, \"login\", null);\n LoginView = login_view___decorate([\n Object(core_es5[\"Component\"])({\n selector: 'login',\n template: __webpack_require__(1495),\n changeDetection: core_es5[\"ChangeDetectionStrategy\"].OnPush\n }),\n login_view___metadata(\"design:paramtypes\", [typeof (_b = typeof angular_l10n_es5[\"a\" /* LocaleService */] !== \"undefined\" && angular_l10n_es5[\"a\" /* LocaleService */]) === \"function\" && _b || Object, typeof (_c = typeof angular_l10n_es5[\"d\" /* TranslationService */] !== \"undefined\" && angular_l10n_es5[\"d\" /* TranslationService */]) === \"function\" && _c || Object, typeof (_d = typeof auth_service[\"a\" /* AuthService */] !== \"undefined\" && auth_service[\"a\" /* AuthService */]) === \"function\" && _d || Object, typeof (_e = typeof login_service_LoginService !== \"undefined\" && login_service_LoginService) === \"function\" && _e || Object, typeof (_f = typeof view_service[\"a\" /* ViewService */] !== \"undefined\" && view_service[\"a\" /* ViewService */]) === \"function\" && _f || Object, typeof (_g = typeof core_es5[\"ChangeDetectorRef\"] !== \"undefined\" && core_es5[\"ChangeDetectorRef\"]) === \"function\" && _g || Object, typeof (_h = typeof router_es5[\"g\" /* Router */] !== \"undefined\" && router_es5[\"g\" /* Router */]) === \"function\" && _h || Object, typeof (_j = typeof core_es5[\"Renderer2\"] !== \"undefined\" && core_es5[\"Renderer2\"]) === \"function\" && _j || Object, typeof (_k = typeof url_service[\"a\" /* UrlService */] !== \"undefined\" && url_service[\"a\" /* UrlService */]) === \"function\" && _k || Object])\n ], LoginView);\n return LoginView;\n}(angular_l10n_es5[\"b\" /* Localization */]));\n\n\n// CONCATENATED MODULE: ./src/module/login/service/can.activete.login.guard.ts\nvar can_activete_login_guard___decorate = (this && this.__decorate) || function (decorators, target, key, desc) {\n var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;\n if (typeof Reflect === \"object\" && typeof Reflect.decorate === \"function\") r = Reflect.decorate(decorators, target, key, desc);\n 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;\n return c > 3 && r && Object.defineProperty(target, key, r), r;\n};\nvar can_activete_login_guard___metadata = (this && this.__metadata) || function (k, v) {\n if (typeof Reflect === \"object\" && typeof Reflect.metadata === \"function\") return Reflect.metadata(k, v);\n};\nvar can_activete_login_guard___param = (this && this.__param) || function (paramIndex, decorator) {\n return function (target, key) { decorator(target, key, paramIndex); }\n};\n\n\n\nvar can_activete_login_guard_CanActivateLogin = (function () {\n function CanActivateLogin(doc) {\n this.doc = doc;\n }\n CanActivateLogin.prototype.canActivate = function (_route, _state) {\n var _this = this;\n var query = this.doc.querySelectorAll(\"link#bradmax-kit-css\");\n if (query.length < 1) {\n return new Rx[\"Observable\"](function (s) {\n var link = _this.doc.createElement('link');\n link.id = 'bradmax-kit-css';\n link.rel = 'stylesheet';\n link.href = ( false\n ? 'cdn'\n : 'https://bradmax.com/static/sales_v2') + '/css/theme.bundle.css';\n link.onerror = function (e) { return s.error(e); };\n link.onload = function () { s.next(true); s.complete(); };\n _this.doc.head.appendChild(link);\n });\n }\n return true;\n };\n var _a;\n CanActivateLogin = can_activete_login_guard___decorate([\n Object(core_es5[\"Injectable\"])(),\n can_activete_login_guard___param(0, Object(core_es5[\"Inject\"])(common_es5[\"DOCUMENT\"])),\n can_activete_login_guard___metadata(\"design:paramtypes\", [typeof (_a = typeof Document !== \"undefined\" && Document) === \"function\" && _a || Object])\n ], CanActivateLogin);\n return CanActivateLogin;\n}());\n\n\n// CONCATENATED MODULE: ./src/module/login/service/can.deactivete.login.guard.ts\nvar can_deactivete_login_guard___decorate = (this && this.__decorate) || function (decorators, target, key, desc) {\n var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;\n if (typeof Reflect === \"object\" && typeof Reflect.decorate === \"function\") r = Reflect.decorate(decorators, target, key, desc);\n 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;\n return c > 3 && r && Object.defineProperty(target, key, r), r;\n};\nvar can_deactivete_login_guard___metadata = (this && this.__metadata) || function (k, v) {\n if (typeof Reflect === \"object\" && typeof Reflect.metadata === \"function\") return Reflect.metadata(k, v);\n};\nvar can_deactivete_login_guard___param = (this && this.__param) || function (paramIndex, decorator) {\n return function (target, key) { decorator(target, key, paramIndex); }\n};\n\n\nvar can_deactivete_login_guard_CanDeactivateLogin = (function () {\n function CanDeactivateLogin(doc) {\n this.doc = doc;\n }\n CanDeactivateLogin.prototype.canDeactivate = function (_component, _currentRoute, _currentState, _nextState) {\n var query = this.doc.querySelectorAll(\"link#bradmax-kit-css\");\n if (query.length > 0)\n for (var i = 0; i < query.length; i++) {\n var link = query.item(i);\n link.parentElement.removeChild(link);\n }\n return true;\n };\n var _a;\n CanDeactivateLogin = can_deactivete_login_guard___decorate([\n Object(core_es5[\"Injectable\"])(),\n can_deactivete_login_guard___param(0, Object(core_es5[\"Inject\"])(common_es5[\"DOCUMENT\"])),\n can_deactivete_login_guard___metadata(\"design:paramtypes\", [typeof (_a = typeof Document !== \"undefined\" && Document) === \"function\" && _a || Object])\n ], CanDeactivateLogin);\n return CanDeactivateLogin;\n}());\n\n\n// CONCATENATED MODULE: ./src/module/login/login.module.ts\nvar login_module___decorate = (this && this.__decorate) || function (decorators, target, key, desc) {\n var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;\n if (typeof Reflect === \"object\" && typeof Reflect.decorate === \"function\") r = Reflect.decorate(decorators, target, key, desc);\n 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;\n return c > 3 && r && Object.defineProperty(target, key, r), r;\n};\n\n\n\n\n\n\n\n\n\n\n\n\n\nvar login_module_routes = [{\n path: 'login', component: login_view_LoginView,\n canActivate: [can_activete_login_guard_CanActivateLogin],\n canDeactivate: [can_deactivete_login_guard_CanDeactivateLogin]\n }];\nvar login_module_LoginModule = (function () {\n function LoginModule() {\n }\n LoginModule = login_module___decorate([\n Object(core_es5[\"NgModule\"])({\n imports: [\n http_es5[\"c\" /* HttpModule */],\n forms_es5[\"FormsModule\"],\n common_es5[\"CommonModule\"],\n router_es5[\"h\" /* RouterModule */].forChild(login_module_routes),\n angular_l10n_es5[\"c\" /* LocalizationModule */],\n modal_module_ModalModule, form_module_FormComponentsModule\n ],\n providers: [\n login_service_LoginService, validation_service_ValidationService,\n can_activete_login_guard_CanActivateLogin,\n can_deactivete_login_guard_CanDeactivateLogin,\n ],\n declarations: [login_view_LoginView],\n entryComponents: [login_view_LoginView],\n exports: [router_es5[\"h\" /* RouterModule */], login_view_LoginView]\n })\n ], LoginModule);\n return LoginModule;\n}());\n\n\n// CONCATENATED MODULE: ./src/module/spinner/component/spinner.component.ts\nvar spinner_component___decorate = (this && this.__decorate) || function (decorators, target, key, desc) {\n var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;\n if (typeof Reflect === \"object\" && typeof Reflect.decorate === \"function\") r = Reflect.decorate(decorators, target, key, desc);\n 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;\n return c > 3 && r && Object.defineProperty(target, key, r), r;\n};\nvar spinner_component___metadata = (this && this.__metadata) || function (k, v) {\n if (typeof Reflect === \"object\" && typeof Reflect.metadata === \"function\") return Reflect.metadata(k, v);\n};\n\n\nvar spinner_component_SpinnerComponent = (function () {\n function SpinnerComponent(view, cdr) {\n this.view = view;\n this.cdr = cdr;\n this.active = true;\n }\n SpinnerComponent.prototype.ngOnInit = function () {\n var _this = this;\n this.bodySpinnerSub = this.view.bodySpinnerStream$\n .subscribe(function (spinnerData) {\n if (_this.active != spinnerData.show || _this.errorInfo != spinnerData.error) {\n _this.active = spinnerData.show;\n _this.errorInfo = spinnerData.error;\n _this.cdr.markForCheck();\n }\n });\n };\n SpinnerComponent.prototype.ngOnDestroy = function () {\n this.active = false;\n if (this.bodySpinnerSub)\n this.bodySpinnerSub.unsubscribe();\n };\n var _a, _b;\n spinner_component___decorate([\n Object(core_es5[\"HostBinding\"])(\"class.active\"),\n spinner_component___metadata(\"design:type\", Object)\n ], SpinnerComponent.prototype, \"active\", void 0);\n SpinnerComponent = spinner_component___decorate([\n Object(core_es5[\"Component\"])({\n selector: 'spinner',\n changeDetection: core_es5[\"ChangeDetectionStrategy\"].OnPush,\n template: __webpack_require__(1496),\n styles: [__webpack_require__(1497)],\n }),\n spinner_component___metadata(\"design:paramtypes\", [typeof (_a = typeof view_service[\"a\" /* ViewService */] !== \"undefined\" && view_service[\"a\" /* ViewService */]) === \"function\" && _a || Object, typeof (_b = typeof core_es5[\"ChangeDetectorRef\"] !== \"undefined\" && core_es5[\"ChangeDetectorRef\"]) === \"function\" && _b || Object])\n ], SpinnerComponent);\n return SpinnerComponent;\n}());\n\n\n// CONCATENATED MODULE: ./src/module/spinner/spinner.module.ts\nvar spinner_module___decorate = (this && this.__decorate) || function (decorators, target, key, desc) {\n var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;\n if (typeof Reflect === \"object\" && typeof Reflect.decorate === \"function\") r = Reflect.decorate(decorators, target, key, desc);\n 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;\n return c > 3 && r && Object.defineProperty(target, key, r), r;\n};\n\n\n\nvar spinner_module_SpinnerModule = (function () {\n function SpinnerModule() {\n }\n SpinnerModule = spinner_module___decorate([\n Object(core_es5[\"NgModule\"])({\n imports: [\n common_es5[\"CommonModule\"]\n ],\n providers: [],\n entryComponents: [\n spinner_component_SpinnerComponent,\n ],\n declarations: [\n spinner_component_SpinnerComponent,\n ],\n exports: [\n spinner_component_SpinnerComponent\n ]\n })\n ], SpinnerModule);\n return SpinnerModule;\n}());\n\n\n// EXTERNAL MODULE: ./src/service/cookie.service.ts\nvar cookie_service = __webpack_require__(178);\n\n// EXTERNAL MODULE: ./src/service/localstorage.service.ts\nvar localstorage_service = __webpack_require__(344);\n\n// EXTERNAL MODULE: ./src/app/index.ts\nvar app = __webpack_require__(1498);\n\n// EXTERNAL MODULE: ./src/app/app.config.ts\nvar app_config = __webpack_require__(189);\n\n// EXTERNAL MODULE: ./src/app/app.model.ts\nvar app_model = __webpack_require__(351);\nvar app_model_default = /*#__PURE__*/__webpack_require__.n(app_model);\n\n// CONCATENATED MODULE: ./src/app/app.localization.ts\nvar app_localization___decorate = (this && this.__decorate) || function (decorators, target, key, desc) {\n var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;\n if (typeof Reflect === \"object\" && typeof Reflect.decorate === \"function\") r = Reflect.decorate(decorators, target, key, desc);\n 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;\n return c > 3 && r && Object.defineProperty(target, key, r), r;\n};\nvar app_localization___metadata = (this && this.__metadata) || function (k, v) {\n if (typeof Reflect === \"object\" && typeof Reflect.metadata === \"function\") return Reflect.metadata(k, v);\n};\nvar app_localization___param = (this && this.__param) || function (paramIndex, decorator) {\n return function (target, key) { decorator(target, key, paramIndex); }\n};\n\n\n\n\n\n\nfunction initLocalization(localizationConfig) {\n return function () { return localizationConfig.load(); };\n}\nvar app_localization_LocalizationConfig = (function () {\n function LocalizationConfig(config, url, locale, translation) {\n this.config = config;\n this.url = url;\n this.locale = locale;\n this.translation = translation;\n this.langs = [\"en\", \"pl\"];\n this.jsonCtx = __webpack_require__(1501);\n }\n LocalizationConfig.prototype.load = function () {\n var _this = this;\n this.locale.addConfiguration()\n .addLanguages(this.config.languages)\n .setCookieExpiration(30)\n .defineDefaultLocale(this.config.default.language, this.config.default.country);\n this.locale.init();\n var availableTranslations = {};\n this.jsonCtx.keys().forEach(function (k) {\n availableTranslations[k] = k;\n });\n var tc = this.translation.addConfiguration();\n this.config.providers.forEach(function (providerName) { return _this.langs.forEach(function (lang) {\n var filename = './' + providerName.replace(/^i18n\\//, '') + lang + '.json';\n if (filename in availableTranslations) {\n var trans = _this.jsonCtx(filename);\n tc.addTranslation(lang, trans);\n }\n }); });\n var promise = new Promise(function (resolve) { return _this.translation.translationChanged.subscribe(function () {\n _this.locale.setDefaultLocale(_this.config.default.language, _this.config.default.country);\n moment_default.a.locale(_this.locale.getDefaultLocale());\n resolve(true);\n }); });\n this.translation.init();\n return promise;\n };\n var _a, _b, _c, _d;\n LocalizationConfig = app_localization___decorate([\n Object(core_es5[\"Injectable\"])(),\n app_localization___param(0, Object(core_es5[\"Inject\"])(app_config[\"a\" /* AppConfig */])),\n app_localization___metadata(\"design:paramtypes\", [typeof (_a = typeof app_model[\"AppConfigModel\"] !== \"undefined\" && app_model[\"AppConfigModel\"]) === \"function\" && _a || Object, typeof (_b = typeof url_service[\"a\" /* UrlService */] !== \"undefined\" && url_service[\"a\" /* UrlService */]) === \"function\" && _b || Object, typeof (_c = typeof angular_l10n_es5[\"a\" /* LocaleService */] !== \"undefined\" && angular_l10n_es5[\"a\" /* LocaleService */]) === \"function\" && _c || Object, typeof (_d = typeof angular_l10n_es5[\"d\" /* TranslationService */] !== \"undefined\" && angular_l10n_es5[\"d\" /* TranslationService */]) === \"function\" && _d || Object])\n ], LocalizationConfig);\n return LocalizationConfig;\n}());\n\n\n// CONCATENATED MODULE: ./src/app/app.module.ts\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"a\", function() { return app_module_AppModule; });\nvar app_module___decorate = (this && this.__decorate) || function (decorators, target, key, desc) {\n var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;\n if (typeof Reflect === \"object\" && typeof Reflect.decorate === \"function\") r = Reflect.decorate(decorators, target, key, desc);\n 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;\n return c > 3 && r && Object.defineProperty(target, key, r), r;\n};\nvar app_module___metadata = (this && this.__metadata) || function (k, v) {\n if (typeof Reflect === \"object\" && typeof Reflect.metadata === \"function\") return Reflect.metadata(k, v);\n};\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\nvar app_module_AppModule = (function () {\n function AppModule(appRef) {\n this.appRef = appRef;\n }\n AppModule.prototype.hmrOnInit = function (store) {\n if (!store || !store.state)\n return;\n if ('restoreInputValues' in store) {\n store.restoreInputValues();\n }\n this.appRef.tick();\n delete store.state;\n delete store.restoreInputValues;\n };\n AppModule.prototype.hmrOnDestroy = function (store) {\n console.clear();\n var cmpLocation = this.appRef.components.map(function (cmp) { return cmp.location.nativeElement; });\n store.disposeOldHosts = Object(dist[\"createNewHosts\"])(cmpLocation);\n store.restoreInputValues = Object(dist[\"createInputTransfer\"])();\n Object(dist[\"removeNgStyles\"])();\n };\n AppModule.prototype.hmrAfterDestroy = function (store) {\n store.disposeOldHosts();\n delete store.disposeOldHosts;\n };\n var _a;\n AppModule = app_module___decorate([\n Object(core_es5[\"NgModule\"])({\n imports: [\n router_es5[\"h\" /* RouterModule */].forRoot([], {\n enableTracing: false,\n initialNavigation: true\n }),\n http_es5[\"c\" /* HttpModule */],\n platform_browser_es5[\"a\" /* BrowserModule */],\n BrowserAnimationsModule,\n forms_es5[\"FormsModule\"],\n forms_es5[\"ReactiveFormsModule\"],\n angular_l10n_es5[\"c\" /* LocalizationModule */].forRoot(),\n modal_module_ModalModule,\n spinner_module_SpinnerModule,\n login_module_LoginModule,\n content_module_ContentModule,\n angular2_flash_messages[\"FlashMessagesModule\"]\n ],\n declarations: [\n app[\"AppComponent\"],\n ],\n providers: [\n cookie_service[\"a\" /* CookieService */],\n localstorage_service[\"a\" /* LocalStorageService */],\n buyCookie_service[\"a\" /* BuyCookieService */],\n {\n provide: core_es5[\"APP_INITIALIZER\"],\n useFactory: buyCookie_service[\"b\" /* initBuyCookieService */],\n deps: [buyCookie_service[\"a\" /* BuyCookieService */], cookie_service[\"a\" /* CookieService */]],\n multi: true\n },\n view_service[\"a\" /* ViewService */],\n {\n provide: core_es5[\"APP_INITIALIZER\"],\n useFactory: view_service[\"b\" /* initViewService */],\n deps: [view_service[\"a\" /* ViewService */]],\n multi: true\n },\n app_localization_LocalizationConfig,\n {\n provide: core_es5[\"APP_INITIALIZER\"],\n useFactory: initLocalization,\n deps: [app_localization_LocalizationConfig, url_service[\"a\" /* UrlService */]],\n multi: true\n },\n { provide: app_config[\"a\" /* AppConfig */], useValue: app_config[\"b\" /* AppConfigData */] },\n { provide: core_es5[\"ErrorHandler\"], useClass: exception_service[\"a\" /* ExceptionService */] },\n auth_service[\"a\" /* AuthService */],\n api_service[\"a\" /* BradmaxApi */],\n exception_service[\"a\" /* ExceptionService */],\n country_service_CountryService,\n account_service[\"a\" /* AccountService */],\n url_service[\"a\" /* UrlService */],\n braintree_service_BraintreeService,\n sidebar_service[\"a\" /* SidebarService */],\n user_service[\"a\" /* UserService */],\n export_service_ExportService,\n ],\n bootstrap: [app[\"AppComponent\"]]\n }),\n app_module___metadata(\"design:paramtypes\", [typeof (_a = typeof core_es5[\"ApplicationRef\"] !== \"undefined\" && core_es5[\"ApplicationRef\"]) === \"function\" && _a || Object])\n ], AppModule);\n return AppModule;\n}());\n\n\n\n/***/ }),\n\n/***/ 344:\n/***/ (function(module, __webpack_exports__, __webpack_require__) {\n\n\"use strict\";\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"a\", function() { return LocalStorageService; });\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__angular_core__ = __webpack_require__(0);\nvar __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {\n var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;\n if (typeof Reflect === \"object\" && typeof Reflect.decorate === \"function\") r = Reflect.decorate(decorators, target, key, desc);\n 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;\n return c > 3 && r && Object.defineProperty(target, key, r), r;\n};\n\nvar LocalStorageService = (function () {\n function LocalStorageService() {\n }\n LocalStorageService.prototype.write = function (name, value) {\n window.localStorage.setItem(name, value);\n };\n LocalStorageService.prototype.read = function (name) {\n return window.localStorage.getItem(name);\n };\n LocalStorageService.prototype.erase = function (name) {\n window.localStorage.removeItem(name);\n };\n LocalStorageService = __decorate([\n Object(__WEBPACK_IMPORTED_MODULE_0__angular_core__[\"Injectable\"])()\n ], LocalStorageService);\n return LocalStorageService;\n}());\n\n\n\n/***/ }),\n\n/***/ 345:\n/***/ (function(module, __webpack_exports__, __webpack_require__) {\n\n\"use strict\";\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"a\", function() { return TermsModalComponent; });\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__angular_core__ = __webpack_require__(0);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__angular_platform_browser__ = __webpack_require__(23);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__abstract_modal_component__ = __webpack_require__(71);\nvar __extends = (this && this.__extends) || (function () {\n var extendStatics = Object.setPrototypeOf ||\n ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||\n function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };\n return function (d, b) {\n extendStatics(d, b);\n function __() { this.constructor = d; }\n d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());\n };\n})();\nvar __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {\n var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;\n if (typeof Reflect === \"object\" && typeof Reflect.decorate === \"function\") r = Reflect.decorate(decorators, target, key, desc);\n 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;\n return c > 3 && r && Object.defineProperty(target, key, r), r;\n};\nvar __metadata = (this && this.__metadata) || function (k, v) {\n if (typeof Reflect === \"object\" && typeof Reflect.metadata === \"function\") return Reflect.metadata(k, v);\n};\n\n\n\nvar HTML = ''\n + '
{{title}} '\n + '
'\n + '
'\n + ''\n + ' {{btn.label}} '\n + ' '\n + '
'\n + '';\nvar STYLE = \"\\n:host{display: block;margin: auto;font-weight: 200;background: #fff;max-width: 800px;min-width: 200px; max-height:600px;overflow:auto;}\\n:host .title { padding: 16px 16px 16px 16px; text-align: center; }\\n:host .prompt-message { padding: 0px 16px 16px 16px; text-align: left; white-space: pre-wrap;}\\n:host .prompt-buttons { padding: 2px 16px 16px 16px; text-align: center; }\\n:host .prompt-buttons button {\\n display: inline-block;\\n text-align: center;\\n vertical-align: middle;\\n touch-action: manipulation;\\n cursor: pointer;\\n //background: #FFFFFF;\\n //border: 1px solid transparent;\\n white-space: nowrap;\\n padding: 4px 10px;\\n margin: 2px 6px;\\n font-size: inherit;\\n line-height: 1em;\\n border-radius: 30;\\n user-select: none;\\n}\";\nvar TermsModalComponent = (function (_super) {\n __extends(TermsModalComponent, _super);\n function TermsModalComponent(sanitizer) {\n var _this = _super.call(this) || this;\n _this.sanitizer = sanitizer;\n return _this;\n }\n TermsModalComponent.prototype.formatNgClass = function (btn) {\n var classes = {};\n if (btn.classes != null)\n for (var i = 0; i < btn.classes.length; i++)\n classes[btn.classes[i]] = true;\n return classes;\n };\n TermsModalComponent.prototype.click = function (btn) {\n if (btn.click != null)\n btn.click();\n if (btn.close && btn.close == true)\n this.close();\n };\n var _a;\n TermsModalComponent = __decorate([\n Object(__WEBPACK_IMPORTED_MODULE_0__angular_core__[\"Component\"])({\n selector: 'prompt-modal-component',\n template: HTML, styles: [STYLE],\n changeDetection: __WEBPACK_IMPORTED_MODULE_0__angular_core__[\"ChangeDetectionStrategy\"].OnPush\n }),\n __metadata(\"design:paramtypes\", [typeof (_a = typeof __WEBPACK_IMPORTED_MODULE_1__angular_platform_browser__[\"c\" /* DomSanitizer */] !== \"undefined\" && __WEBPACK_IMPORTED_MODULE_1__angular_platform_browser__[\"c\" /* DomSanitizer */]) === \"function\" && _a || Object])\n ], TermsModalComponent);\n return TermsModalComponent;\n}(__WEBPACK_IMPORTED_MODULE_2__abstract_modal_component__[\"a\" /* AbstractModalComponent */]));\n\n\n\n/***/ }),\n\n/***/ 346:\n/***/ (function(module, __webpack_exports__, __webpack_require__) {\n\n\"use strict\";\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"a\", function() { return HeaderModule; });\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__angular_common__ = __webpack_require__(5);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__angular_core__ = __webpack_require__(0);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__angular_router__ = __webpack_require__(2);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__sidebar_sidebar_module__ = __webpack_require__(185);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_4____ = __webpack_require__(1439);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_5__header_burger_component__ = __webpack_require__(348);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_6__header_menu_component__ = __webpack_require__(347);\nvar __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {\n var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;\n if (typeof Reflect === \"object\" && typeof Reflect.decorate === \"function\") r = Reflect.decorate(decorators, target, key, desc);\n 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;\n return c > 3 && r && Object.defineProperty(target, key, r), r;\n};\n\n\n\n\n\n\n\nvar HeaderModule = (function () {\n function HeaderModule() {\n }\n HeaderModule = __decorate([\n Object(__WEBPACK_IMPORTED_MODULE_1__angular_core__[\"NgModule\"])({\n imports: [__WEBPACK_IMPORTED_MODULE_2__angular_router__[\"h\" /* RouterModule */], __WEBPACK_IMPORTED_MODULE_0__angular_common__[\"CommonModule\"], __WEBPACK_IMPORTED_MODULE_3__sidebar_sidebar_module__[\"a\" /* SidebarModule */]],\n declarations: [__WEBPACK_IMPORTED_MODULE_4____[\"HeaderComponent\"], __WEBPACK_IMPORTED_MODULE_5__header_burger_component__[\"a\" /* BurgerComponent */], __WEBPACK_IMPORTED_MODULE_6__header_menu_component__[\"a\" /* HeaderMenuComponent */]],\n providers: [__WEBPACK_IMPORTED_MODULE_4____[\"HeaderService\"]],\n exports: [__WEBPACK_IMPORTED_MODULE_4____[\"HeaderComponent\"]]\n })\n ], HeaderModule);\n return HeaderModule;\n}());\n\n\n\n/***/ }),\n\n/***/ 347:\n/***/ (function(module, __webpack_exports__, __webpack_require__) {\n\n\"use strict\";\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"a\", function() { return HeaderMenuComponent; });\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__angular_core__ = __webpack_require__(0);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__angular_router__ = __webpack_require__(2);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__service_view_service__ = __webpack_require__(15);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__header_service__ = __webpack_require__(186);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_4__util_dom_util__ = __webpack_require__(55);\nvar __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {\n var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;\n if (typeof Reflect === \"object\" && typeof Reflect.decorate === \"function\") r = Reflect.decorate(decorators, target, key, desc);\n 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;\n return c > 3 && r && Object.defineProperty(target, key, r), r;\n};\nvar __metadata = (this && this.__metadata) || function (k, v) {\n if (typeof Reflect === \"object\" && typeof Reflect.metadata === \"function\") return Reflect.metadata(k, v);\n};\n\n\n\n\n\nvar HTML = '
'\n + ''\n + ''\n + '{{menu.label}} '\n + ''\n + ' '\n + ' ';\nvar STYLE = ''\n + ':host {display: block;float: right;height: 56px;line-height: 56px;}'\n + ':host > span {display: inline-block;position: relative;border: none;float: left;'\n + 'border-left: 1px solid #efefef;min-width: 80px;text-align: right;overflow: hidden;}'\n + ':host > span.active {box-shadow: 0px 0px 3px 0px #888;z-index: 1;}'\n + ':host > span a {display: inline-block;cursor: pointer;border: none;width: 100%;margin: 0;padding: 0 10px;'\n + 'text-decoration: none !important;color: inherit;}'\n + ':host > span > a:hover, :host > span.active > a {background: #fafafa;}'\n + ':host > span > a > img {width: 30px;height: 30px;margin-right: 5px;border-radius: 30px;}'\n + ':host > span > ul {background: #fafafa;padding: 0;margin: 0;border-radius: 0;}'\n + ':host > span > ul > li {list-style: none;line-height: 32px;text-align: center;}'\n + ':host > span > ul > li > a {text-align: center;}'\n + ':host > span > ul > li > a:hover {background: #fefefe;}';\nvar HeaderMenuComponent = (function () {\n function HeaderMenuComponent(view, element, cdr, router, service) {\n var _this = this;\n this.view = view;\n this.element = element;\n this.cdr = cdr;\n this.router = router;\n this.service = service;\n this.active = false;\n this.view.resizeStream$.subscribe(function () { return _this.cdr.markForCheck(); });\n this.router.events.subscribe(function () { return _this.closeAll(); });\n if (this.service.lastMenuData) {\n this.model = this.service.lastMenuData;\n }\n this.service.menuStream$.subscribe(function (data) {\n _this.model = data;\n _this.cdr.markForCheck();\n });\n }\n HeaderMenuComponent.prototype.toggle = function (m) {\n m.active = !m.active;\n if (m.active)\n this.active = true;\n };\n HeaderMenuComponent.prototype.click = function (i) {\n this.closeAll();\n if (i.click != null)\n i.click();\n };\n HeaderMenuComponent.prototype.onDocumentClick = function (e) {\n if (this.active == true && !__WEBPACK_IMPORTED_MODULE_4__util_dom_util__[\"a\" /* DOMUtil */].isDescendant(this.element.nativeElement, e.target))\n this.closeAll();\n };\n HeaderMenuComponent.prototype.closeAll = function () {\n if (this.active == true && this.model != null && this.model.length > 0) {\n this.active = false;\n this.model.forEach(function (m) { return m.active = false; });\n this.cdr.markForCheck();\n }\n };\n var _a, _b, _c, _d, _e;\n HeaderMenuComponent = __decorate([\n Object(__WEBPACK_IMPORTED_MODULE_0__angular_core__[\"Component\"])({\n selector: 'header-menu', template: HTML, styles: [STYLE],\n host: { '(document:click)': 'onDocumentClick($event)' },\n changeDetection: __WEBPACK_IMPORTED_MODULE_0__angular_core__[\"ChangeDetectionStrategy\"].OnPush\n }),\n __metadata(\"design:paramtypes\", [typeof (_a = typeof __WEBPACK_IMPORTED_MODULE_2__service_view_service__[\"a\" /* ViewService */] !== \"undefined\" && __WEBPACK_IMPORTED_MODULE_2__service_view_service__[\"a\" /* ViewService */]) === \"function\" && _a || Object, typeof (_b = typeof __WEBPACK_IMPORTED_MODULE_0__angular_core__[\"ElementRef\"] !== \"undefined\" && __WEBPACK_IMPORTED_MODULE_0__angular_core__[\"ElementRef\"]) === \"function\" && _b || Object, typeof (_c = typeof __WEBPACK_IMPORTED_MODULE_0__angular_core__[\"ChangeDetectorRef\"] !== \"undefined\" && __WEBPACK_IMPORTED_MODULE_0__angular_core__[\"ChangeDetectorRef\"]) === \"function\" && _c || Object, typeof (_d = typeof __WEBPACK_IMPORTED_MODULE_1__angular_router__[\"g\" /* Router */] !== \"undefined\" && __WEBPACK_IMPORTED_MODULE_1__angular_router__[\"g\" /* Router */]) === \"function\" && _d || Object, typeof (_e = typeof __WEBPACK_IMPORTED_MODULE_3__header_service__[\"a\" /* HeaderService */] !== \"undefined\" && __WEBPACK_IMPORTED_MODULE_3__header_service__[\"a\" /* HeaderService */]) === \"function\" && _e || Object])\n ], HeaderMenuComponent);\n return HeaderMenuComponent;\n}());\n\n\n\n/***/ }),\n\n/***/ 348:\n/***/ (function(module, __webpack_exports__, __webpack_require__) {\n\n\"use strict\";\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"a\", function() { return BurgerComponent; });\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__angular_core__ = __webpack_require__(0);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__angular_router__ = __webpack_require__(2);\nvar __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {\n var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;\n if (typeof Reflect === \"object\" && typeof Reflect.decorate === \"function\") r = Reflect.decorate(decorators, target, key, desc);\n 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;\n return c > 3 && r && Object.defineProperty(target, key, r), r;\n};\nvar __metadata = (this && this.__metadata) || function (k, v) {\n if (typeof Reflect === \"object\" && typeof Reflect.metadata === \"function\") return Reflect.metadata(k, v);\n};\n\n\nvar HTML = '
';\nvar STYLE = \"* {margin: 0;padding: 0;}\\n:host {display:block;width: 32px;height: 24px;position: relative;margin: 16px 10px; float: right;\\n transform: rotate(0deg);transition: .5s ease-in-out;cursor: pointer;}\\n:host span {display: block;position: absolute;height: 4px;width: 50%;opacity: 1;transition: .25s ease-in-out;\\n -webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);-o-transform: rotate(0deg);transform: rotate(0deg);\\n -webkit-transition: .25s ease-in-out;-moz-transition: .25s ease-in-out;-o-transition: .25s ease-in-out;}\\n:host span:nth-child(even) {left: 50%;border-radius: 0;}\\n:host span:nth-child(odd) {left: 0;border-radius: 0; }\\n:host span:nth-child(1),:host span:nth-child(2) {top: 0;}\\n:host span:nth-child(3),:host span:nth-child(4) {top: 10px;}\\n:host span:nth-child(5),:host span:nth-child(6) {top: 20px;}\\n:host.active span:nth-child(1),\\n:host.active span:nth-child(6) {-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);\\n\\t-o-transform: rotate(45deg);transform: rotate(45deg);}\\n:host.active span:nth-child(2),\\n:host.active span:nth-child(5) {\\n -webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);-o-transform: rotate(-45deg);\\n transform: rotate(-45deg);}\\n:host.active span:nth-child(1) {left: 4px; top: 4px; }\\n:host.active span:nth-child(2) {left: calc(50% - 1px);top: 4px; }\\n:host.active span:nth-child(3) {left: -50%;opacity: 0; }\\n:host.active span:nth-child(4) {left: 100%;opacity: 0; }\\n:host.active span:nth-child(5) {left: 4px;top: 15px; }\\n:host.active span:nth-child(6) {left: calc(50% - 1px);top: 15px; }\";\nvar BurgerComponent = (function () {\n function BurgerComponent(router, cdr) {\n var _this = this;\n this.router = router;\n this.cdr = cdr;\n this.active = false;\n this.change = new __WEBPACK_IMPORTED_MODULE_0__angular_core__[\"EventEmitter\"]();\n this.router.events.subscribe(function () {\n if (_this.active != false) {\n _this.active = false;\n _this.cdr.markForCheck();\n }\n });\n }\n BurgerComponent.prototype.onClick = function () {\n this.active = !this.active;\n this.change.emit(this.active);\n };\n var _a, _b;\n BurgerComponent = __decorate([\n Object(__WEBPACK_IMPORTED_MODULE_0__angular_core__[\"Component\"])({\n selector: 'burger', template: HTML, styles: [STYLE],\n host: { '(click)': 'onClick()', '[class.active]': 'active' },\n outputs: ['change'],\n changeDetection: __WEBPACK_IMPORTED_MODULE_0__angular_core__[\"ChangeDetectionStrategy\"].OnPush\n }),\n __metadata(\"design:paramtypes\", [typeof (_a = typeof __WEBPACK_IMPORTED_MODULE_1__angular_router__[\"g\" /* Router */] !== \"undefined\" && __WEBPACK_IMPORTED_MODULE_1__angular_router__[\"g\" /* Router */]) === \"function\" && _a || Object, typeof (_b = typeof __WEBPACK_IMPORTED_MODULE_0__angular_core__[\"ChangeDetectorRef\"] !== \"undefined\" && __WEBPACK_IMPORTED_MODULE_0__angular_core__[\"ChangeDetectorRef\"]) === \"function\" && _b || Object])\n ], BurgerComponent);\n return BurgerComponent;\n}());\n\n\n\n/***/ }),\n\n/***/ 349:\n/***/ (function(module, __webpack_exports__, __webpack_require__) {\n\n\"use strict\";\n/* WEBPACK VAR INJECTION */(function($) {/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"a\", function() { return ModalComponent; });\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__angular_core__ = __webpack_require__(0);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__abstract_modal_component__ = __webpack_require__(71);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__modal_model__ = __webpack_require__(181);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__modal_service__ = __webpack_require__(29);\nvar __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {\n var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;\n if (typeof Reflect === \"object\" && typeof Reflect.decorate === \"function\") r = Reflect.decorate(decorators, target, key, desc);\n 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;\n return c > 3 && r && Object.defineProperty(target, key, r), r;\n};\nvar __metadata = (this && this.__metadata) || function (k, v) {\n if (typeof Reflect === \"object\" && typeof Reflect.metadata === \"function\") return Reflect.metadata(k, v);\n};\n\n\n\n\nvar STYLES = [\n ':host{display: none;position: fixed;top: 0;bottom: 0;left: 0;right: 0;width: 100%;height: 100%;'\n + 'z-index: 9998;background: rgba(0, 0, 0, 0.5);}',\n ':host.active {display: table;}',\n ':host .content {position: relative;display: table-cell;vertical-align: middle;margin: auto;}',\n ':host .close {position: absolute;top: 5px;left: 5px;}'\n];\nvar ModalComponent = (function () {\n function ModalComponent(service, cdr, resolver) {\n var _this = this;\n this.service = service;\n this.cdr = cdr;\n this.resolver = resolver;\n this.closeOnBackdropClick = true;\n this.active = false;\n this.service.createStream$.subscribe(function (data) {\n _this.closeOnBackdropClick = data.closeOnBackdropClick == null ? true : data.closeOnBackdropClick;\n _this.active = true;\n _this.placeholder.clear();\n var modal = _this.placeholder.createComponent(_this.resolver.resolveComponentFactory(data.component));\n if ((data.type == __WEBPACK_IMPORTED_MODULE_2__modal_model__[\"a\" /* ModalType */].alert || __WEBPACK_IMPORTED_MODULE_2__modal_model__[\"a\" /* ModalType */].prompt)\n && modal.instance instanceof __WEBPACK_IMPORTED_MODULE_1__abstract_modal_component__[\"a\" /* AbstractModalComponent */]) {\n var inst = modal.instance;\n inst.title = data.title ? data.title : null;\n inst.html = data.html ? data.html : null;\n inst.inputLabel = data.inputLabel ? data.inputLabel : null;\n inst.inputDefaultValue = data.inputDefaultValue ? data.inputDefaultValue : null;\n inst.buttons = data.buttons ? data.buttons : [];\n inst.close = function () { return _this.close(); };\n }\n $('body').addClass('modal-open');\n _this.cdr.markForCheck();\n });\n this.service.closeStream$.subscribe(function () { return _this.close(); });\n }\n ModalComponent.prototype.click = function (e) {\n if (this.active == true && this.closeOnBackdropClick == true && e.className.indexOf('content') > -1)\n this.close();\n };\n ModalComponent.prototype.close = function () {\n $('body').removeClass('modal-open');\n if (this.active == true) {\n this.active = false;\n this.placeholder.clear();\n this.cdr.markForCheck();\n this.service.closedSource.next(null);\n }\n };\n var _a, _b, _c, _d;\n __decorate([\n Object(__WEBPACK_IMPORTED_MODULE_0__angular_core__[\"ViewChild\"])('placeholder', { read: __WEBPACK_IMPORTED_MODULE_0__angular_core__[\"ViewContainerRef\"] }),\n __metadata(\"design:type\", typeof (_a = typeof __WEBPACK_IMPORTED_MODULE_0__angular_core__[\"ViewContainerRef\"] !== \"undefined\" && __WEBPACK_IMPORTED_MODULE_0__angular_core__[\"ViewContainerRef\"]) === \"function\" && _a || Object)\n ], ModalComponent.prototype, \"placeholder\", void 0);\n ModalComponent = __decorate([\n Object(__WEBPACK_IMPORTED_MODULE_0__angular_core__[\"Component\"])({\n selector: 'modal',\n host: { '[class.active]': 'active', '(click)': 'click($event.target)' },\n template: ''\n + '
'\n + '
',\n styles: STYLES,\n changeDetection: __WEBPACK_IMPORTED_MODULE_0__angular_core__[\"ChangeDetectionStrategy\"].OnPush\n }),\n __metadata(\"design:paramtypes\", [typeof (_b = typeof __WEBPACK_IMPORTED_MODULE_3__modal_service__[\"a\" /* ModalService */] !== \"undefined\" && __WEBPACK_IMPORTED_MODULE_3__modal_service__[\"a\" /* ModalService */]) === \"function\" && _b || Object, typeof (_c = typeof __WEBPACK_IMPORTED_MODULE_0__angular_core__[\"ChangeDetectorRef\"] !== \"undefined\" && __WEBPACK_IMPORTED_MODULE_0__angular_core__[\"ChangeDetectorRef\"]) === \"function\" && _c || Object, typeof (_d = typeof __WEBPACK_IMPORTED_MODULE_0__angular_core__[\"ComponentFactoryResolver\"] !== \"undefined\" && __WEBPACK_IMPORTED_MODULE_0__angular_core__[\"ComponentFactoryResolver\"]) === \"function\" && _d || Object])\n ], ModalComponent);\n return ModalComponent;\n}());\n\n\n/* WEBPACK VAR INJECTION */}.call(__webpack_exports__, __webpack_require__(21)))\n\n/***/ }),\n\n/***/ 35:\n/***/ (function(module, __webpack_exports__, __webpack_require__) {\n\n\"use strict\";\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"a\", function() { return ExceptionService; });\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_rxjs_add_operator_map__ = __webpack_require__(174);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_rxjs_add_operator_map___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_0_rxjs_add_operator_map__);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__angular_core__ = __webpack_require__(0);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__angular_http__ = __webpack_require__(8);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__auth_service__ = __webpack_require__(28);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_4__view_service__ = __webpack_require__(15);\nvar __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {\n var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;\n if (typeof Reflect === \"object\" && typeof Reflect.decorate === \"function\") r = Reflect.decorate(decorators, target, key, desc);\n 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;\n return c > 3 && r && Object.defineProperty(target, key, r), r;\n};\nvar __metadata = (this && this.__metadata) || function (k, v) {\n if (typeof Reflect === \"object\" && typeof Reflect.metadata === \"function\") return Reflect.metadata(k, v);\n};\n\n\n\n\n\nvar ExceptionService = (function () {\n function ExceptionService(view, access, http) {\n this.view = view;\n this.access = access;\n this.http = http;\n this.isSendingReport = false;\n }\n ExceptionService.prototype.handleError = function (error) {\n console.groupCollapsed('================= ExceptionService.handleError =================');\n this.print(error);\n console.groupEnd();\n this.view.error(error.message);\n };\n ExceptionService.prototype.print = function (error, stackTrace) {\n if (stackTrace === void 0) { stackTrace = null; }\n console.error(error);\n console.log(error.stack);\n console.log(error.message);\n };\n var _a, _b, _c;\n ExceptionService = __decorate([\n Object(__WEBPACK_IMPORTED_MODULE_1__angular_core__[\"Injectable\"])(),\n __metadata(\"design:paramtypes\", [typeof (_a = typeof __WEBPACK_IMPORTED_MODULE_4__view_service__[\"a\" /* ViewService */] !== \"undefined\" && __WEBPACK_IMPORTED_MODULE_4__view_service__[\"a\" /* ViewService */]) === \"function\" && _a || Object, typeof (_b = typeof __WEBPACK_IMPORTED_MODULE_3__auth_service__[\"a\" /* AuthService */] !== \"undefined\" && __WEBPACK_IMPORTED_MODULE_3__auth_service__[\"a\" /* AuthService */]) === \"function\" && _b || Object, typeof (_c = typeof __WEBPACK_IMPORTED_MODULE_2__angular_http__[\"b\" /* Http */] !== \"undefined\" && __WEBPACK_IMPORTED_MODULE_2__angular_http__[\"b\" /* Http */]) === \"function\" && _c || Object])\n ], ExceptionService);\n return ExceptionService;\n}());\n\n\n\n/***/ }),\n\n/***/ 350:\n/***/ (function(module, exports, __webpack_require__) {\n\n\"use strict\";\n\nObject.defineProperty(exports, \"__esModule\", { value: true });\n// Imports\nvar core_1 = __webpack_require__(0);\nvar forms_1 = __webpack_require__(9);\nvar CodeMirror = __webpack_require__(81);\n/**\n * CodeMirror component\n * Usage :\n *
\n */\nvar CodemirrorComponent = (function () {\n /**\n * Constructor\n */\n function CodemirrorComponent() {\n this.change = new core_1.EventEmitter();\n this.focus = new core_1.EventEmitter();\n this.blur = new core_1.EventEmitter();\n this.cursorActivity = new core_1.EventEmitter();\n this.instance = null;\n this._value = '';\n }\n Object.defineProperty(CodemirrorComponent.prototype, \"value\", {\n get: function () { return this._value; },\n set: function (v) {\n if (v !== this._value) {\n this._value = v;\n this.onChange(v);\n }\n },\n enumerable: true,\n configurable: true\n });\n /**\n * On component destroy\n */\n CodemirrorComponent.prototype.ngOnDestroy = function () {\n };\n /**\n * On component view init\n */\n CodemirrorComponent.prototype.ngAfterViewInit = function () {\n this.config = this.config || {};\n this.codemirrorInit(this.config);\n };\n /**\n * Initialize codemirror\n */\n CodemirrorComponent.prototype.codemirrorInit = function (config) {\n var _this = this;\n this.instance = CodeMirror.fromTextArea(this.host.nativeElement, config);\n this.instance.setValue(this._value);\n this.instance.on('change', function () {\n _this.updateValue(_this.instance.getValue());\n });\n this.instance.on('focus', function (instance, event) {\n _this.focus.emit({ instance: instance, event: event });\n });\n this.instance.on('cursorActivity', function (instance) {\n _this.cursorActivity.emit({ instance: instance });\n });\n this.instance.on('blur', function (instance, event) {\n _this.blur.emit({ instance: instance, event: event });\n });\n };\n /**\n * Value update process\n */\n CodemirrorComponent.prototype.updateValue = function (value) {\n this.value = value;\n this.onTouched();\n this.change.emit(value);\n };\n /**\n * Implements ControlValueAccessor\n */\n CodemirrorComponent.prototype.writeValue = function (value) {\n this._value = value || '';\n if (this.instance) {\n this.instance.setValue(this._value);\n }\n };\n CodemirrorComponent.prototype.onChange = function (_) { };\n CodemirrorComponent.prototype.onTouched = function () { };\n CodemirrorComponent.prototype.registerOnChange = function (fn) { this.onChange = fn; };\n CodemirrorComponent.prototype.registerOnTouched = function (fn) { this.onTouched = fn; };\n return CodemirrorComponent;\n}());\nCodemirrorComponent.decorators = [\n { type: core_1.Component, args: [{\n selector: 'codemirror',\n providers: [\n {\n provide: forms_1.NG_VALUE_ACCESSOR,\n useExisting: core_1.forwardRef(function () { return CodemirrorComponent; }),\n multi: true\n }\n ],\n template: \"
\",\n },] },\n];\n/** @nocollapse */\nCodemirrorComponent.ctorParameters = function () { return []; };\nCodemirrorComponent.propDecorators = {\n 'config': [{ type: core_1.Input },],\n 'change': [{ type: core_1.Output },],\n 'focus': [{ type: core_1.Output },],\n 'blur': [{ type: core_1.Output },],\n 'cursorActivity': [{ type: core_1.Output },],\n 'host': [{ type: core_1.ViewChild, args: ['host',] },],\n 'instance': [{ type: core_1.Output },],\n 'value': [{ type: core_1.Input },],\n};\nexports.CodemirrorComponent = CodemirrorComponent;\n//# sourceMappingURL=codemirror.component.js.map\n\n/***/ }),\n\n/***/ 351:\n/***/ (function(module, exports) {\n\n\n\n/***/ }),\n\n/***/ 36:\n/***/ (function(module, __webpack_exports__, __webpack_require__) {\n\n\"use strict\";\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"a\", function() { return SidebarService; });\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__angular_core__ = __webpack_require__(0);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1_rxjs_Subject__ = __webpack_require__(11);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1_rxjs_Subject___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_1_rxjs_Subject__);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__model_api_model__ = __webpack_require__(133);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__module_player_model_player_model__ = __webpack_require__(72);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_4__view_service__ = __webpack_require__(15);\nvar __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {\n var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;\n if (typeof Reflect === \"object\" && typeof Reflect.decorate === \"function\") r = Reflect.decorate(decorators, target, key, desc);\n 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;\n return c > 3 && r && Object.defineProperty(target, key, r), r;\n};\nvar __metadata = (this && this.__metadata) || function (k, v) {\n if (typeof Reflect === \"object\" && typeof Reflect.metadata === \"function\") return Reflect.metadata(k, v);\n};\n\n\n\n\n\nvar SidebarService = (function () {\n function SidebarService(viewService) {\n this.viewService = viewService;\n this.openSubject = new __WEBPACK_IMPORTED_MODULE_1_rxjs_Subject__[\"Subject\"]();\n this.updateSubject = new __WEBPACK_IMPORTED_MODULE_1_rxjs_Subject__[\"Subject\"]();\n this.closeSubject = new __WEBPACK_IMPORTED_MODULE_1_rxjs_Subject__[\"Subject\"]();\n this.openStream$ = this.openSubject.asObservable();\n this.updateStream$ = this.openSubject.asObservable();\n this.closeStream$ = this.closeSubject.asObservable();\n }\n SidebarService.prototype.setupDefault = function (data) {\n this.cache = JSON.stringify(data);\n };\n SidebarService.prototype.openDefault = function () {\n if (this.cache != null)\n this.open(JSON.parse(this.cache));\n this.playersMenuData = null;\n };\n SidebarService.prototype.showPlayersMenu = function (playersList, playerId, route) {\n if (route === void 0) { route = __WEBPACK_IMPORTED_MODULE_3__module_player_model_player_model__[\"a\" /* PlayerRoute */].configurator; }\n if (!this.cache)\n return;\n var data = JSON.parse(this.cache);\n var playerListRoute = ['admin', 'player'];\n if (playersList && playersList.count > 0 && playersList.results.length > 0) {\n playersList.results\n .forEach(function (player, i) {\n var v2 = Object(__WEBPACK_IMPORTED_MODULE_2__model_api_model__[\"b\" /* isPlayerV2 */])(player);\n var v1plublished = !v2 && !!player.latest_webbuild && !!player.latest_webbuild.zip_url;\n var v2plublished = v2 && !!player.latest_webbuild && !!player.latest_webbuild.player_js_url;\n var item = {\n name: \"'\" + player.name + \"'\",\n route: playerListRoute.concat([\"\" + player.id]),\n data: player.id === playerId\n ? [{\n name: v2 ? __WEBPACK_IMPORTED_MODULE_3__module_player_model_player_model__[\"a\" /* PlayerRoute */][__WEBPACK_IMPORTED_MODULE_3__module_player_model_player_model__[\"a\" /* PlayerRoute */].builder] : route,\n route: playerListRoute.concat([\"\" + player.id, v2 ? __WEBPACK_IMPORTED_MODULE_3__module_player_model_player_model__[\"a\" /* PlayerRoute */].builder : route])\n }]\n .concat(v2\n ? v2plublished\n ? [\n { name: \"embedcode\", route: playerListRoute.concat([\"\" + player.id, __WEBPACK_IMPORTED_MODULE_3__module_player_model_player_model__[\"a\" /* PlayerRoute */].embedcode]) }\n ]\n : []\n : v1plublished\n ? [\n { name: \"embedcode\", route: playerListRoute.concat([\"\" + player.id, __WEBPACK_IMPORTED_MODULE_3__module_player_model_player_model__[\"a\" /* PlayerRoute */].embeder]) },\n { name: \"history\", route: playerListRoute.concat([\"\" + player.id, __WEBPACK_IMPORTED_MODULE_3__module_player_model_player_model__[\"a\" /* PlayerRoute */].versions]) },\n ]\n : [])\n : []\n };\n data.items[2].data.push(item);\n });\n }\n data.renderAt = Date.now();\n this.playersMenuData = data;\n this.open(this.playersMenuData);\n };\n SidebarService.prototype.update = function () {\n this.updateSubject.next();\n };\n SidebarService.prototype.open = function (data) {\n var isPlayerConfigurator = data && data.items && (data.items.length > 0) &&\n data.items[0] && data.items[0].route && (data.items[0].route.length > 1) &&\n (data.items[0].route[0] == 'admin') && (data.items[0].route[1] == 'player');\n if (isPlayerConfigurator || !this.viewService.checkIfAppInIframe()) {\n this.isOpen = true;\n this.openSubject.next(data);\n }\n else {\n this.isOpen = false;\n this.closeSubject.next();\n }\n };\n SidebarService.prototype.close = function () {\n this.isOpen = false;\n this.closeSubject.next();\n };\n var _a;\n SidebarService = __decorate([\n Object(__WEBPACK_IMPORTED_MODULE_0__angular_core__[\"Injectable\"])(),\n __metadata(\"design:paramtypes\", [typeof (_a = typeof __WEBPACK_IMPORTED_MODULE_4__view_service__[\"a\" /* ViewService */] !== \"undefined\" && __WEBPACK_IMPORTED_MODULE_4__view_service__[\"a\" /* ViewService */]) === \"function\" && _a || Object])\n ], SidebarService);\n return SidebarService;\n}());\n\n\n\n/***/ }),\n\n/***/ 41:\n/***/ (function(module, __webpack_exports__, __webpack_require__) {\n\n\"use strict\";\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"a\", function() { return BradmaxApi; });\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__angular_core__ = __webpack_require__(0);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__angular_router__ = __webpack_require__(2);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2_rxjs_Observable__ = __webpack_require__(1);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2_rxjs_Observable___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_2_rxjs_Observable__);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__angular_http__ = __webpack_require__(8);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_4__auth_service__ = __webpack_require__(28);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_5__exception_service__ = __webpack_require__(35);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_6__url_service__ = __webpack_require__(18);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_7_rxjs_add_operator_catch__ = __webpack_require__(258);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_7_rxjs_add_operator_catch___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_7_rxjs_add_operator_catch__);\nvar __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {\n var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;\n if (typeof Reflect === \"object\" && typeof Reflect.decorate === \"function\") r = Reflect.decorate(decorators, target, key, desc);\n 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;\n return c > 3 && r && Object.defineProperty(target, key, r), r;\n};\nvar __metadata = (this && this.__metadata) || function (k, v) {\n if (typeof Reflect === \"object\" && typeof Reflect.metadata === \"function\") return Reflect.metadata(k, v);\n};\n\n\n\n\n\n\n\n\nvar BradmaxApi = (function () {\n function BradmaxApi(auth, http, exception, router, urlService) {\n this.auth = auth;\n this.http = http;\n this.exception = exception;\n this.router = router;\n this.urlService = urlService;\n }\n BradmaxApi.prototype.create = function (url, body) {\n var _this = this;\n body = body == null ? null : JSON.stringify(body);\n return this.http\n .post(this.formatUrl(url), body, this.options(body))\n .map(function (res) { return _this.response(res); })\n .catch(function (e) { return _this.handleError(e); });\n };\n BradmaxApi.prototype.update = function (url, body) {\n var _this = this;\n body = body == null ? null : JSON.stringify(body);\n return this.http\n .put(this.formatUrl(url), body, this.options(body))\n .map(function (res) { return _this.response(res); })\n .catch(function (e) { return _this.handleError(e); });\n };\n BradmaxApi.prototype.read = function (url, data) {\n var _this = this;\n var params = [];\n if (data != null)\n for (var key in data)\n params.push(key + '=' + data[key]);\n var address = null;\n if (params.length == 0) {\n address = this.formatUrl(url);\n }\n else if (url.indexOf('?') != -1) {\n var parts = url.split('?');\n var urlWithoutQuery = parts[0];\n var paramsFromQuery = (parts[1] != '') ? parts[1].split('&') : [];\n var concatParams = paramsFromQuery.concat(params);\n address = this.formatUrl(urlWithoutQuery + (concatParams.length > 0 ? '?' + concatParams.join('&') : ''));\n }\n else {\n address = this.formatUrl(url + '?' + params.join('&'));\n }\n return this.http.get(address, this.options())\n .map(function (res) { return _this.response(res); })\n .catch(function (e) { return _this.handleError(e); });\n };\n BradmaxApi.prototype.delete = function (url) {\n var _this = this;\n return this.http\n .delete(this.formatUrl(url), this.options())\n .map(function (res) { return _this.response(res); })\n .catch(function (e) { return _this.handleError(e); });\n };\n BradmaxApi.prototype.formatUrl = function (url) {\n return this.urlService.api(url);\n };\n BradmaxApi.prototype.response = function (response) {\n var r;\n try {\n r = response.json();\n }\n catch (e) {\n try {\n r = response.text();\n }\n catch (e) {\n console.warn('response UNKNOWN FORMAT', response);\n r = response;\n }\n }\n return r;\n };\n BradmaxApi.prototype.options = function (body, contentType) {\n if (body === void 0) { body = ''; }\n if (contentType === void 0) { contentType = 'application/json'; }\n var o = { body: body, headers: new __WEBPACK_IMPORTED_MODULE_3__angular_http__[\"a\" /* Headers */]() };\n o.headers.append('Accept', contentType);\n o.headers.append('Content-Type', contentType);\n o.headers.append('AccessToken', this.auth && this.auth.token ? this.auth.token : '');\n return o;\n };\n BradmaxApi.prototype.handleError = function (error) {\n if (error.status == 403) {\n this.auth.redirectUrl = this.router.url;\n console.warn('navigate to login page and back to : ' + this.auth.redirectUrl);\n this.router.navigate(['login']);\n }\n var parsedError;\n try {\n parsedError = error.json();\n }\n catch (e) {\n parsedError = error;\n }\n return __WEBPACK_IMPORTED_MODULE_2_rxjs_Observable__[\"Observable\"].throw(parsedError);\n };\n var _a, _b, _c, _d, _e;\n BradmaxApi = __decorate([\n Object(__WEBPACK_IMPORTED_MODULE_0__angular_core__[\"Injectable\"])(),\n __metadata(\"design:paramtypes\", [typeof (_a = typeof __WEBPACK_IMPORTED_MODULE_4__auth_service__[\"a\" /* AuthService */] !== \"undefined\" && __WEBPACK_IMPORTED_MODULE_4__auth_service__[\"a\" /* AuthService */]) === \"function\" && _a || Object, typeof (_b = typeof __WEBPACK_IMPORTED_MODULE_3__angular_http__[\"b\" /* Http */] !== \"undefined\" && __WEBPACK_IMPORTED_MODULE_3__angular_http__[\"b\" /* Http */]) === \"function\" && _b || Object, typeof (_c = typeof __WEBPACK_IMPORTED_MODULE_5__exception_service__[\"a\" /* ExceptionService */] !== \"undefined\" && __WEBPACK_IMPORTED_MODULE_5__exception_service__[\"a\" /* ExceptionService */]) === \"function\" && _c || Object, typeof (_d = typeof __WEBPACK_IMPORTED_MODULE_1__angular_router__[\"g\" /* Router */] !== \"undefined\" && __WEBPACK_IMPORTED_MODULE_1__angular_router__[\"g\" /* Router */]) === \"function\" && _d || Object, typeof (_e = typeof __WEBPACK_IMPORTED_MODULE_6__url_service__[\"a\" /* UrlService */] !== \"undefined\" && __WEBPACK_IMPORTED_MODULE_6__url_service__[\"a\" /* UrlService */]) === \"function\" && _e || Object])\n ], BradmaxApi);\n return BradmaxApi;\n}());\n\n\n\n/***/ }),\n\n/***/ 45:\n/***/ (function(module, exports, __webpack_require__) {\n\n\"use strict\";\n\nfunction __export(m) {\n for (var p in m) if (!exports.hasOwnProperty(p)) exports[p] = m[p];\n}\nObject.defineProperty(exports, \"__esModule\", { value: true });\n__export(__webpack_require__(1342));\n//# sourceMappingURL=index.js.map\n\n/***/ }),\n\n/***/ 46:\n/***/ (function(module, __webpack_exports__, __webpack_require__) {\n\n\"use strict\";\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"a\", function() { return ProductService; });\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__angular_core__ = __webpack_require__(0);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__angular_http__ = __webpack_require__(8);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__angular_router__ = __webpack_require__(2);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__api_service__ = __webpack_require__(41);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_4__auth_service__ = __webpack_require__(28);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_5__exception_service__ = __webpack_require__(35);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_6__url_service__ = __webpack_require__(18);\nvar __extends = (this && this.__extends) || (function () {\n var extendStatics = Object.setPrototypeOf ||\n ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||\n function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };\n return function (d, b) {\n extendStatics(d, b);\n function __() { this.constructor = d; }\n d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());\n };\n})();\nvar __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {\n var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;\n if (typeof Reflect === \"object\" && typeof Reflect.decorate === \"function\") r = Reflect.decorate(decorators, target, key, desc);\n 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;\n return c > 3 && r && Object.defineProperty(target, key, r), r;\n};\nvar __metadata = (this && this.__metadata) || function (k, v) {\n if (typeof Reflect === \"object\" && typeof Reflect.metadata === \"function\") return Reflect.metadata(k, v);\n};\n\n\n\n\n\n\n\nvar ProductService = (function (_super) {\n __extends(ProductService, _super);\n function ProductService(auth, http, exception, router, url) {\n var _this = _super.call(this, auth, http, exception, router, url) || this;\n _this.auth = auth;\n _this.http = http;\n _this.exception = exception;\n _this.router = router;\n _this.url = url;\n return _this;\n }\n ProductService.prototype.getProducts = function () {\n return _super.prototype.read.call(this, 'products');\n };\n ProductService.prototype.getProductsForAccount = function (accountId, lastUsageStats) {\n if (lastUsageStats && lastUsageStats > 0) {\n return _super.prototype.read.call(this, 'accounts/' + accountId + '/products?last-usage-stats=' + lastUsageStats);\n }\n else {\n return _super.prototype.read.call(this, 'accounts/' + accountId + '/products');\n }\n };\n ProductService.prototype.updateProductPlanPaymentMethod = function (accountId, productPlanId, paymentMethodNonce) {\n var body = { client_plan_id: productPlanId, bt_pm_nonce: paymentMethodNonce };\n return _super.prototype.update.call(this, 'accounts/' + accountId + '/subscription', body);\n };\n var _a, _b, _c, _d, _e;\n ProductService = __decorate([\n Object(__WEBPACK_IMPORTED_MODULE_0__angular_core__[\"Injectable\"])(),\n __metadata(\"design:paramtypes\", [typeof (_a = typeof __WEBPACK_IMPORTED_MODULE_4__auth_service__[\"a\" /* AuthService */] !== \"undefined\" && __WEBPACK_IMPORTED_MODULE_4__auth_service__[\"a\" /* AuthService */]) === \"function\" && _a || Object, typeof (_b = typeof __WEBPACK_IMPORTED_MODULE_1__angular_http__[\"b\" /* Http */] !== \"undefined\" && __WEBPACK_IMPORTED_MODULE_1__angular_http__[\"b\" /* Http */]) === \"function\" && _b || Object, typeof (_c = typeof __WEBPACK_IMPORTED_MODULE_5__exception_service__[\"a\" /* ExceptionService */] !== \"undefined\" && __WEBPACK_IMPORTED_MODULE_5__exception_service__[\"a\" /* ExceptionService */]) === \"function\" && _c || Object, typeof (_d = typeof __WEBPACK_IMPORTED_MODULE_2__angular_router__[\"g\" /* Router */] !== \"undefined\" && __WEBPACK_IMPORTED_MODULE_2__angular_router__[\"g\" /* Router */]) === \"function\" && _d || Object, typeof (_e = typeof __WEBPACK_IMPORTED_MODULE_6__url_service__[\"a\" /* UrlService */] !== \"undefined\" && __WEBPACK_IMPORTED_MODULE_6__url_service__[\"a\" /* UrlService */]) === \"function\" && _e || Object])\n ], ProductService);\n return ProductService;\n}(__WEBPACK_IMPORTED_MODULE_3__api_service__[\"a\" /* BradmaxApi */]));\n\n\n\n/***/ }),\n\n/***/ 55:\n/***/ (function(module, __webpack_exports__, __webpack_require__) {\n\n\"use strict\";\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"a\", function() { return DOMUtil; });\nvar DOMUtil = (function () {\n function DOMUtil() {\n }\n DOMUtil.isDescendant = function (parent, child) {\n var node = child;\n while (node != null) {\n if (node === parent) {\n return true;\n }\n else {\n node = node.parentNode;\n }\n }\n return false;\n };\n DOMUtil.stopPropagation = function (event) {\n if (event != null) {\n if (!event.defaultPrevented)\n event.preventDefault();\n event.stopImmediatePropagation();\n event.stopPropagation();\n }\n };\n return DOMUtil;\n}());\n\n\n\n/***/ }),\n\n/***/ 6:\n/***/ (function(module, __webpack_exports__, __webpack_require__) {\n\n\"use strict\";\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"a\", function() { return UserService; });\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__angular_core__ = __webpack_require__(0);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__angular_http__ = __webpack_require__(8);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__angular_router__ = __webpack_require__(2);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3_rxjs_BehaviorSubject__ = __webpack_require__(124);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3_rxjs_BehaviorSubject___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_3_rxjs_BehaviorSubject__);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_4_rxjs_Subject__ = __webpack_require__(11);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_4_rxjs_Subject___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_4_rxjs_Subject__);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_5__api_service__ = __webpack_require__(41);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_6__auth_service__ = __webpack_require__(28);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_7__exception_service__ = __webpack_require__(35);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_8__url_service__ = __webpack_require__(18);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_9_moment__ = __webpack_require__(10);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_9_moment___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_9_moment__);\nvar __extends = (this && this.__extends) || (function () {\n var extendStatics = Object.setPrototypeOf ||\n ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||\n function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };\n return function (d, b) {\n extendStatics(d, b);\n function __() { this.constructor = d; }\n d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());\n };\n})();\nvar __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {\n var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;\n if (typeof Reflect === \"object\" && typeof Reflect.decorate === \"function\") r = Reflect.decorate(decorators, target, key, desc);\n 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;\n return c > 3 && r && Object.defineProperty(target, key, r), r;\n};\nvar __metadata = (this && this.__metadata) || function (k, v) {\n if (typeof Reflect === \"object\" && typeof Reflect.metadata === \"function\") return Reflect.metadata(k, v);\n};\n\n\n\n\n\n\n\n\n\n\nvar UserService = (function (_super) {\n __extends(UserService, _super);\n function UserService(router, auth, http, exception, url) {\n var _this = _super.call(this, auth, http, exception, router, url) || this;\n _this.router = router;\n _this.auth = auth;\n _this.http = http;\n _this.exception = exception;\n _this.url = url;\n _this.userDataChanged = new __WEBPACK_IMPORTED_MODULE_3_rxjs_BehaviorSubject__[\"BehaviorSubject\"](false);\n var endDate = __WEBPACK_IMPORTED_MODULE_9_moment___default()().startOf('day');\n var startDate = endDate.clone().subtract(30, 'days');\n _this.dateRangeSelection = {\n startDateTs: startDate.unix(),\n endDateTs: endDate.unix()\n };\n return _this;\n }\n UserService.prototype.get = function () {\n var _this = this;\n this.resolveSource = new __WEBPACK_IMPORTED_MODULE_4_rxjs_Subject__[\"Subject\"]();\n _super.prototype.read.call(this, 'user').subscribe(function (response) {\n _this.mapUserResponseToUser(response);\n _this.notifyUserDataChanged();\n _this.resolveSource.next(response);\n }, function (error) { return _this.resolveSource.error(error); }, function () { return _this.resolveSource.complete(); });\n return this.resolveSource.asObservable();\n };\n UserService.prototype.refresh = function () {\n var _this = this;\n _super.prototype.read.call(this, 'user').subscribe(function (response) { return _this.mapUserResponseToUser(response); }, function (error) { return _this.resolveSource.error(error); }, function () { return _this.notifyUserDataChanged(); });\n };\n UserService.prototype.updateUser = function (data) {\n var _this = this;\n this.resolveSource = new __WEBPACK_IMPORTED_MODULE_4_rxjs_Subject__[\"Subject\"]();\n _super.prototype.update.call(this, 'user', data).subscribe(function (response) {\n _this.mapUserResponseToUser(response);\n _this.notifyUserDataChanged();\n _this.resolveSource.next(response);\n }, function (error) { return _this.resolveSource.error(error); }, function () { return _this.resolveSource.complete(); });\n return this.resolveSource.asObservable();\n };\n UserService.prototype.clear = function () {\n this.email = null;\n this.firstName = null;\n this.lastName = null;\n this.accountId = null;\n this.accountCreatedAtTs = null;\n this.company = null;\n this.products = null;\n this.statsModules = null;\n this.statsModulesByKeys = null;\n this.notifyUserDataChanged();\n };\n UserService.prototype.hasAdsSupport = function () {\n if (this.products == null || this.products.length < 1)\n return false;\n return this.products[0].has_ads_support;\n };\n UserService.prototype.mapUserResponseToUser = function (userResponse) {\n this.accountId = userResponse.default_account.id;\n this.accountCreatedAtTs = userResponse.default_account.created_at;\n this.email = userResponse.email;\n this.firstName = userResponse.first_name;\n this.lastName = userResponse.last_name;\n this.company = userResponse.company_name_cache;\n this.products = userResponse.default_account.products;\n this.statsModules = userResponse.default_account.stats_modules;\n this.hasGdprInfoShown = userResponse.has_gdpr_info_shown;\n this.hasAgreeForNewsletter = userResponse.has_agree_for_newsletter;\n if (this.statsModules) {\n this.statsModulesByKeys = {};\n for (var _i = 0, _a = this.statsModules; _i < _a.length; _i++) {\n var k = _a[_i];\n this.statsModulesByKeys[k] = true;\n }\n }\n };\n UserService.prototype.notifyUserDataChanged = function () {\n this.userDataChanged.next(true);\n };\n UserService.prototype.getDateRangeSelection = function () {\n return { startDate: __WEBPACK_IMPORTED_MODULE_9_moment___default.a.unix(this.dateRangeSelection.startDateTs), endDate: __WEBPACK_IMPORTED_MODULE_9_moment___default.a.unix(this.dateRangeSelection.endDateTs) };\n };\n UserService.prototype.setDateRangeSelection = function (startDate, endDate) {\n this.dateRangeSelection.startDateTs = startDate.unix();\n this.dateRangeSelection.endDateTs = endDate.unix();\n };\n UserService.prototype.getUnixDateRangeSelection = function () {\n return { startDate: this.dateRangeSelection.startDateTs, endDate: this.dateRangeSelection.endDateTs };\n };\n UserService.prototype.setUnixDateRangeSelection = function (startDate, endDate) {\n this.dateRangeSelection.startDateTs = startDate;\n this.dateRangeSelection.endDateTs = endDate;\n };\n UserService.prototype.isEngagementRateEnabled = function () {\n if (!this.statsModulesByKeys) {\n return false;\n }\n return ('engagement' in this.statsModulesByKeys);\n };\n UserService.prototype.areTechStatsEnabled = function () {\n if (!this.statsModulesByKeys) {\n return false;\n }\n return ('tech' in this.statsModulesByKeys);\n };\n UserService.prototype.areMediaStatsEnabled = function () {\n if (!this.statsModulesByKeys) {\n return false;\n }\n return ('media' in this.statsModulesByKeys);\n };\n UserService.prototype.areAdsStatsEnabled = function () {\n if (!this.statsModulesByKeys) {\n return false;\n }\n return ('ads' in this.statsModulesByKeys);\n };\n UserService.prototype.areGeoStatsEnabled = function () {\n if (!this.statsModulesByKeys) {\n return false;\n }\n return ('geo' in this.statsModulesByKeys);\n };\n var _a, _b, _c, _d, _e;\n UserService = __decorate([\n Object(__WEBPACK_IMPORTED_MODULE_0__angular_core__[\"Injectable\"])(),\n __metadata(\"design:paramtypes\", [typeof (_a = typeof __WEBPACK_IMPORTED_MODULE_2__angular_router__[\"g\" /* Router */] !== \"undefined\" && __WEBPACK_IMPORTED_MODULE_2__angular_router__[\"g\" /* Router */]) === \"function\" && _a || Object, typeof (_b = typeof __WEBPACK_IMPORTED_MODULE_6__auth_service__[\"a\" /* AuthService */] !== \"undefined\" && __WEBPACK_IMPORTED_MODULE_6__auth_service__[\"a\" /* AuthService */]) === \"function\" && _b || Object, typeof (_c = typeof __WEBPACK_IMPORTED_MODULE_1__angular_http__[\"b\" /* Http */] !== \"undefined\" && __WEBPACK_IMPORTED_MODULE_1__angular_http__[\"b\" /* Http */]) === \"function\" && _c || Object, typeof (_d = typeof __WEBPACK_IMPORTED_MODULE_7__exception_service__[\"a\" /* ExceptionService */] !== \"undefined\" && __WEBPACK_IMPORTED_MODULE_7__exception_service__[\"a\" /* ExceptionService */]) === \"function\" && _d || Object, typeof (_e = typeof __WEBPACK_IMPORTED_MODULE_8__url_service__[\"a\" /* UrlService */] !== \"undefined\" && __WEBPACK_IMPORTED_MODULE_8__url_service__[\"a\" /* UrlService */]) === \"function\" && _e || Object])\n ], UserService);\n return UserService;\n}(__WEBPACK_IMPORTED_MODULE_5__api_service__[\"a\" /* BradmaxApi */]));\n\n\n\n/***/ }),\n\n/***/ 63:\n/***/ (function(module, __webpack_exports__, __webpack_require__) {\n\n\"use strict\";\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"a\", function() { return PaymentsService; });\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__angular_core__ = __webpack_require__(0);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__angular_http__ = __webpack_require__(8);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__angular_router__ = __webpack_require__(2);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__auth_service__ = __webpack_require__(28);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_4__exception_service__ = __webpack_require__(35);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_5__api_service__ = __webpack_require__(41);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_6__url_service__ = __webpack_require__(18);\nvar __extends = (this && this.__extends) || (function () {\n var extendStatics = Object.setPrototypeOf ||\n ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||\n function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };\n return function (d, b) {\n extendStatics(d, b);\n function __() { this.constructor = d; }\n d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());\n };\n})();\nvar __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {\n var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;\n if (typeof Reflect === \"object\" && typeof Reflect.decorate === \"function\") r = Reflect.decorate(decorators, target, key, desc);\n 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;\n return c > 3 && r && Object.defineProperty(target, key, r), r;\n};\nvar __metadata = (this && this.__metadata) || function (k, v) {\n if (typeof Reflect === \"object\" && typeof Reflect.metadata === \"function\") return Reflect.metadata(k, v);\n};\n\n\n\n\n\n\n\nvar PaymentsService = (function (_super) {\n __extends(PaymentsService, _super);\n function PaymentsService(auth, http, exception, router, url) {\n var _this = _super.call(this, auth, http, exception, router, url) || this;\n _this.auth = auth;\n _this.http = http;\n _this.exception = exception;\n _this.router = router;\n _this.url = url;\n return _this;\n }\n PaymentsService.prototype.getPaymentTransactions = function (accountId) {\n return _super.prototype.read.call(this, 'accounts/' + accountId + '/payment-transactions');\n };\n PaymentsService.prototype.getPaymentMethods = function (accountId) {\n return _super.prototype.read.call(this, 'accounts/' + accountId + '/payment-methods');\n };\n PaymentsService.prototype.updateInvoice = function (accountId, invoice) {\n return _super.prototype.update.call(this, 'accounts/' + accountId + '/invoices/' + invoice.id, invoice);\n };\n PaymentsService.prototype.updatePaymentMethod = function (accountId, body) {\n return _super.prototype.update.call(this, 'accounts/' + accountId + '/payment-methods', body);\n };\n PaymentsService.prototype.deletePaymentMethod = function (accountId, paymentToken) {\n return _super.prototype.delete.call(this, 'accounts/' + accountId + '/payment-methods/' + paymentToken);\n };\n PaymentsService.prototype.getBraintreeClientToken = function (accountId) {\n return _super.prototype.read.call(this, 'accounts/' + accountId + '/bt-client-token');\n };\n var _a, _b, _c, _d, _e;\n PaymentsService = __decorate([\n Object(__WEBPACK_IMPORTED_MODULE_0__angular_core__[\"Injectable\"])(),\n __metadata(\"design:paramtypes\", [typeof (_a = typeof __WEBPACK_IMPORTED_MODULE_3__auth_service__[\"a\" /* AuthService */] !== \"undefined\" && __WEBPACK_IMPORTED_MODULE_3__auth_service__[\"a\" /* AuthService */]) === \"function\" && _a || Object, typeof (_b = typeof __WEBPACK_IMPORTED_MODULE_1__angular_http__[\"b\" /* Http */] !== \"undefined\" && __WEBPACK_IMPORTED_MODULE_1__angular_http__[\"b\" /* Http */]) === \"function\" && _b || Object, typeof (_c = typeof __WEBPACK_IMPORTED_MODULE_4__exception_service__[\"a\" /* ExceptionService */] !== \"undefined\" && __WEBPACK_IMPORTED_MODULE_4__exception_service__[\"a\" /* ExceptionService */]) === \"function\" && _c || Object, typeof (_d = typeof __WEBPACK_IMPORTED_MODULE_2__angular_router__[\"g\" /* Router */] !== \"undefined\" && __WEBPACK_IMPORTED_MODULE_2__angular_router__[\"g\" /* Router */]) === \"function\" && _d || Object, typeof (_e = typeof __WEBPACK_IMPORTED_MODULE_6__url_service__[\"a\" /* UrlService */] !== \"undefined\" && __WEBPACK_IMPORTED_MODULE_6__url_service__[\"a\" /* UrlService */]) === \"function\" && _e || Object])\n ], PaymentsService);\n return PaymentsService;\n}(__WEBPACK_IMPORTED_MODULE_5__api_service__[\"a\" /* BradmaxApi */]));\n\n\n\n/***/ }),\n\n/***/ 64:\n/***/ (function(module, __webpack_exports__, __webpack_require__) {\n\n\"use strict\";\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"a\", function() { return SubscriptionService; });\n/* unused harmony export SubscriptionStatuses */\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__angular_core__ = __webpack_require__(0);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__angular_http__ = __webpack_require__(8);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__angular_router__ = __webpack_require__(2);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__auth_service__ = __webpack_require__(28);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_4__exception_service__ = __webpack_require__(35);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_5__api_service__ = __webpack_require__(41);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_6__url_service__ = __webpack_require__(18);\nvar __extends = (this && this.__extends) || (function () {\n var extendStatics = Object.setPrototypeOf ||\n ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||\n function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };\n return function (d, b) {\n extendStatics(d, b);\n function __() { this.constructor = d; }\n d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());\n };\n})();\nvar __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {\n var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;\n if (typeof Reflect === \"object\" && typeof Reflect.decorate === \"function\") r = Reflect.decorate(decorators, target, key, desc);\n 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;\n return c > 3 && r && Object.defineProperty(target, key, r), r;\n};\nvar __metadata = (this && this.__metadata) || function (k, v) {\n if (typeof Reflect === \"object\" && typeof Reflect.metadata === \"function\") return Reflect.metadata(k, v);\n};\n\n\n\n\n\n\n\nvar SubscriptionService = (function (_super) {\n __extends(SubscriptionService, _super);\n function SubscriptionService(auth, http, exception, router, url) {\n var _this = _super.call(this, auth, http, exception, router, url) || this;\n _this.auth = auth;\n _this.http = http;\n _this.exception = exception;\n _this.router = router;\n _this.url = url;\n return _this;\n }\n SubscriptionService.prototype.getSubscriptionOrders = function (accountId) {\n return _super.prototype.read.call(this, 'accounts/' + accountId + '/subscription-orders');\n };\n SubscriptionService.prototype.getSubscriptionOrder = function (accountId, subscriptionOrderId) {\n return _super.prototype.read.call(this, 'accounts/' + accountId + '/subscription-orders/' + subscriptionOrderId);\n };\n SubscriptionService.prototype.createSubscriptionOrder = function (accountId, planId) {\n var body = { product_plan: planId };\n return _super.prototype.create.call(this, 'accounts/' + accountId + '/subscription-orders', body);\n };\n SubscriptionService.prototype.finishSubscriptionOrder = function (accountId, subscriptionOrderId, body) {\n return _super.prototype.update.call(this, 'accounts/' + accountId + '/subscription-orders/' + subscriptionOrderId, body);\n };\n SubscriptionService.prototype.cancelSubscriptionOrder = function (accountId, subscriptionOrderId) {\n var body = { cancel: true };\n return _super.prototype.update.call(this, 'accounts/' + accountId + '/subscription-orders/' + subscriptionOrderId, body);\n };\n var _a, _b, _c, _d, _e;\n SubscriptionService = __decorate([\n Object(__WEBPACK_IMPORTED_MODULE_0__angular_core__[\"Injectable\"])(),\n __metadata(\"design:paramtypes\", [typeof (_a = typeof __WEBPACK_IMPORTED_MODULE_3__auth_service__[\"a\" /* AuthService */] !== \"undefined\" && __WEBPACK_IMPORTED_MODULE_3__auth_service__[\"a\" /* AuthService */]) === \"function\" && _a || Object, typeof (_b = typeof __WEBPACK_IMPORTED_MODULE_1__angular_http__[\"b\" /* Http */] !== \"undefined\" && __WEBPACK_IMPORTED_MODULE_1__angular_http__[\"b\" /* Http */]) === \"function\" && _b || Object, typeof (_c = typeof __WEBPACK_IMPORTED_MODULE_4__exception_service__[\"a\" /* ExceptionService */] !== \"undefined\" && __WEBPACK_IMPORTED_MODULE_4__exception_service__[\"a\" /* ExceptionService */]) === \"function\" && _c || Object, typeof (_d = typeof __WEBPACK_IMPORTED_MODULE_2__angular_router__[\"g\" /* Router */] !== \"undefined\" && __WEBPACK_IMPORTED_MODULE_2__angular_router__[\"g\" /* Router */]) === \"function\" && _d || Object, typeof (_e = typeof __WEBPACK_IMPORTED_MODULE_6__url_service__[\"a\" /* UrlService */] !== \"undefined\" && __WEBPACK_IMPORTED_MODULE_6__url_service__[\"a\" /* UrlService */]) === \"function\" && _e || Object])\n ], SubscriptionService);\n return SubscriptionService;\n}(__WEBPACK_IMPORTED_MODULE_5__api_service__[\"a\" /* BradmaxApi */]));\n\nvar SubscriptionStatuses;\n(function (SubscriptionStatuses) {\n SubscriptionStatuses[SubscriptionStatuses[\"Init\"] = 0] = \"Init\";\n SubscriptionStatuses[SubscriptionStatuses[\"Waiting for acceptance\"] = 10] = \"Waiting for acceptance\";\n SubscriptionStatuses[SubscriptionStatuses[\"Creating subscription\"] = 20] = \"Creating subscription\";\n SubscriptionStatuses[SubscriptionStatuses[\"Finalized\"] = 30] = \"Finalized\";\n SubscriptionStatuses[SubscriptionStatuses[\"Fail\"] = 40] = \"Fail\";\n SubscriptionStatuses[SubscriptionStatuses[\"Rejected by user\"] = 41] = \"Rejected by user\";\n SubscriptionStatuses[SubscriptionStatuses[\"Error from Braintree\"] = 42] = \"Error from Braintree\";\n SubscriptionStatuses[SubscriptionStatuses[\"Operation timeout\"] = 43] = \"Operation timeout\";\n})(SubscriptionStatuses || (SubscriptionStatuses = {}));\n\n\n/***/ }),\n\n/***/ 65:\n/***/ (function(module, __webpack_exports__, __webpack_require__) {\n\n\"use strict\";\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"a\", function() { return AccountService; });\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__angular_core__ = __webpack_require__(0);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__angular_http__ = __webpack_require__(8);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__angular_router__ = __webpack_require__(2);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3_rxjs_Subject__ = __webpack_require__(11);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3_rxjs_Subject___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_3_rxjs_Subject__);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_4__api_service__ = __webpack_require__(41);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_5__auth_service__ = __webpack_require__(28);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_6__exception_service__ = __webpack_require__(35);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_7__url_service__ = __webpack_require__(18);\nvar __extends = (this && this.__extends) || (function () {\n var extendStatics = Object.setPrototypeOf ||\n ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||\n function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };\n return function (d, b) {\n extendStatics(d, b);\n function __() { this.constructor = d; }\n d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());\n };\n})();\nvar __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {\n var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;\n if (typeof Reflect === \"object\" && typeof Reflect.decorate === \"function\") r = Reflect.decorate(decorators, target, key, desc);\n 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;\n return c > 3 && r && Object.defineProperty(target, key, r), r;\n};\nvar __metadata = (this && this.__metadata) || function (k, v) {\n if (typeof Reflect === \"object\" && typeof Reflect.metadata === \"function\") return Reflect.metadata(k, v);\n};\n\n\n\n\n\n\n\n\nvar AccountService = (function (_super) {\n __extends(AccountService, _super);\n function AccountService(auth, http, exception, router, url) {\n var _this = _super.call(this, auth, http, exception, router, url) || this;\n _this.auth = auth;\n _this.http = http;\n _this.exception = exception;\n _this.router = router;\n _this.url = url;\n return _this;\n }\n AccountService.prototype.get = function (accountId) {\n var _this = this;\n this.resolveSource = new __WEBPACK_IMPORTED_MODULE_3_rxjs_Subject__[\"Subject\"]();\n _super.prototype.read.call(this, 'accounts/' + accountId).subscribe(function (response) {\n _this.account = response;\n _this.resolveSource.next(response);\n }, function (error) { return _this.resolveSource.error(error); }, function () { return _this.resolveSource.complete(); });\n return this.resolveSource.asObservable();\n };\n AccountService.prototype.updateAccount = function (accountId, accountDetails) {\n var _this = this;\n this.resolveSource = new __WEBPACK_IMPORTED_MODULE_3_rxjs_Subject__[\"Subject\"]();\n _super.prototype.update.call(this, 'accounts/' + accountId + '/details', accountDetails)\n .subscribe(function (response) {\n if (_this.account != null)\n _this.account.details = response;\n _this.resolveSource.next(response);\n }, function (error) { return _this.resolveSource.error(error); }, function () { return _this.resolveSource.complete(); });\n return this.resolveSource.asObservable();\n };\n AccountService.prototype.clear = function () {\n this.account = null;\n };\n AccountService.prototype.isAccountDetailsValidForPayments = function () {\n if (this.account && this.account.details && this.account.details.company_name)\n return true;\n return false;\n };\n Object.defineProperty(AccountService.prototype, \"companyName\", {\n get: function () {\n if (this.account.details && this.account.details.company_name)\n return this.account.details.company_name;\n else if (this.account.owner && this.account.owner.company_name_cache)\n return this.account.owner.company_name_cache;\n return null;\n },\n enumerable: true,\n configurable: true\n });\n var _a, _b, _c, _d, _e;\n AccountService = __decorate([\n Object(__WEBPACK_IMPORTED_MODULE_0__angular_core__[\"Injectable\"])(),\n __metadata(\"design:paramtypes\", [typeof (_a = typeof __WEBPACK_IMPORTED_MODULE_5__auth_service__[\"a\" /* AuthService */] !== \"undefined\" && __WEBPACK_IMPORTED_MODULE_5__auth_service__[\"a\" /* AuthService */]) === \"function\" && _a || Object, typeof (_b = typeof __WEBPACK_IMPORTED_MODULE_1__angular_http__[\"b\" /* Http */] !== \"undefined\" && __WEBPACK_IMPORTED_MODULE_1__angular_http__[\"b\" /* Http */]) === \"function\" && _b || Object, typeof (_c = typeof __WEBPACK_IMPORTED_MODULE_6__exception_service__[\"a\" /* ExceptionService */] !== \"undefined\" && __WEBPACK_IMPORTED_MODULE_6__exception_service__[\"a\" /* ExceptionService */]) === \"function\" && _c || Object, typeof (_d = typeof __WEBPACK_IMPORTED_MODULE_2__angular_router__[\"g\" /* Router */] !== \"undefined\" && __WEBPACK_IMPORTED_MODULE_2__angular_router__[\"g\" /* Router */]) === \"function\" && _d || Object, typeof (_e = typeof __WEBPACK_IMPORTED_MODULE_7__url_service__[\"a\" /* UrlService */] !== \"undefined\" && __WEBPACK_IMPORTED_MODULE_7__url_service__[\"a\" /* UrlService */]) === \"function\" && _e || Object])\n ], AccountService);\n return AccountService;\n}(__WEBPACK_IMPORTED_MODULE_4__api_service__[\"a\" /* BradmaxApi */]));\n\n\n\n/***/ }),\n\n/***/ 71:\n/***/ (function(module, __webpack_exports__, __webpack_require__) {\n\n\"use strict\";\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"a\", function() { return AbstractModalComponent; });\nvar AbstractModalComponent = (function () {\n function AbstractModalComponent() {\n }\n return AbstractModalComponent;\n}());\n\n\n\n/***/ }),\n\n/***/ 72:\n/***/ (function(module, __webpack_exports__, __webpack_require__) {\n\n\"use strict\";\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"a\", function() { return PlayerRoute; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"c\", function() { return PlayerRouteParam; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"b\", function() { return PlayerRouteData; });\nvar PlayerRoute;\n(function (PlayerRoute) {\n PlayerRoute[\"list\"] = \"list\";\n PlayerRoute[\"builder\"] = \"builder\";\n PlayerRoute[\"embedcode\"] = \"embedcode\";\n PlayerRoute[\"configurator\"] = \"configurator\";\n PlayerRoute[\"embeder\"] = \"embed-code\";\n PlayerRoute[\"versions\"] = \"versions\";\n})(PlayerRoute || (PlayerRoute = {}));\nvar PlayerRouteParam;\n(function (PlayerRouteParam) {\n PlayerRouteParam[\"id\"] = \"id\";\n})(PlayerRouteParam || (PlayerRouteParam = {}));\nvar PlayerRouteData;\n(function (PlayerRouteData) {\n PlayerRouteData[\"playersList\"] = \"playersList\";\n})(PlayerRouteData || (PlayerRouteData = {}));\n\n\n/***/ }),\n\n/***/ 73:\n/***/ (function(module, exports) {\n\nmodule.exports = \":host {\\n -webkit-box-flex: 1;\\n -ms-flex: 1;\\n flex: 1;\\n display: -webkit-box;\\n display: -ms-flexbox;\\n display: flex;\\n -webkit-box-orient: horizontal;\\n -webkit-box-direction: normal;\\n -ms-flex-direction: row;\\n flex-direction: row;\\n -ms-flex-wrap: wrap;\\n flex-wrap: wrap;\\n -webkit-box-pack: start;\\n -ms-flex-pack: start;\\n justify-content: flex-start;\\n -webkit-box-align: start;\\n -ms-flex-align: start;\\n align-items: flex-start;\\n -ms-flex-line-pack: start;\\n align-content: flex-start;\\n padding-bottom: 48px; }\\n :host .form-alert, :host .form-group {\\n display: -webkit-box;\\n display: -ms-flexbox;\\n display: flex;\\n margin: 0.5rem; }\\n :host .form-alert, :host .form-group {\\n width: 300px;\\n min-width: 300px;\\n max-width: 300px;\\n min-height: 105px; }\\n :host .form-group.disabled /deep/.form-label {\\n pointer-events: none;\\n cursor: not-allowed;\\n opacity: 0.5; }\\n :host .form-group .form-alert {\\n margin: 0.5rem 0;\\n width: unset;\\n min-width: unset;\\n max-width: calc(300px - (0.5rem + 2px + (8px * 2))); }\\n :host .form-alert .alert {\\n -webkit-box-flex: 1;\\n -ms-flex: 1 0 100%;\\n flex: 1 0 100%;\\n border-radius: 6px;\\n border: 2px solid #f8f8f8;\\n margin: 0; }\\n :host .form-alert.inject-font-info {\\n font-size: 0.9em; }\\n :host .form-alert.inject-font-info .alert {\\n display: -webkit-box;\\n display: -ms-flexbox;\\n display: flex;\\n -webkit-box-orient: vertical;\\n -webkit-box-direction: normal;\\n -ms-flex-direction: column;\\n flex-direction: column;\\n width: 100%; }\\n :host .form-alert.inject-font-info .alert .code-example {\\n display: -webkit-box;\\n display: -ms-flexbox;\\n display: flex;\\n -webkit-box-orient: vertical;\\n -webkit-box-direction: normal;\\n -ms-flex-direction: column;\\n flex-direction: column;\\n border-radius: inherit; }\\n :host .form-alert.inject-font-info .alert .code-example-text {\\n resize: vertical;\\n line-break: anywhere;\\n background-color: white;\\n border-radius: inherit;\\n margin: 0.5em 0;\\n font-size: 0.8em; }\\n :host .form-alert.inject-font-info .alert .code-example-copy {\\n -webkit-box-flex: 0;\\n -ms-flex: 0;\\n flex: 0;\\n -ms-flex-item-align: end;\\n align-self: end;\\n color: inherit;\\n cursor: pointer; }\\n :host .form-group {\\n -webkit-box-flex: 1;\\n -ms-flex: 1 0 300px;\\n flex: 1 0 300px;\\n -webkit-box-orient: vertical;\\n -webkit-box-direction: normal;\\n -ms-flex-direction: column;\\n flex-direction: column;\\n -webkit-box-pack: space-evenly;\\n -ms-flex-pack: space-evenly;\\n justify-content: space-evenly;\\n border-radius: 6px;\\n padding: 8px;\\n border: 2px solid #f8f8f8; }\\n :host .form-group /deep/.form-label {\\n display: -webkit-box;\\n display: -ms-flexbox;\\n display: flex;\\n -webkit-box-orient: horizontal;\\n -webkit-box-direction: normal;\\n -ms-flex-direction: row;\\n flex-direction: row;\\n -ms-flex-wrap: nowrap;\\n flex-wrap: nowrap;\\n -webkit-box-align: baseline;\\n -ms-flex-align: baseline;\\n align-items: baseline;\\n -webkit-box-pack: justify;\\n -ms-flex-pack: justify;\\n justify-content: space-between;\\n width: 100%; }\\n :host .form-group /deep/.form-label.with-icon {\\n -webkit-box-align: center;\\n -ms-flex-align: center;\\n align-items: center; }\\n :host .form-group /deep/.form-label.with-icon > label {\\n display: -webkit-box;\\n display: -ms-flexbox;\\n display: flex;\\n -webkit-box-align: center;\\n -ms-flex-align: center;\\n align-items: center; }\\n :host .form-group /deep/.form-label-switch {\\n display: -webkit-box;\\n display: -ms-flexbox;\\n display: flex; }\\n :host .form-group /deep/.form-label-switch .switch-label {\\n font-size: x-small; }\\n :host .form-group /deep/.form-row {\\n display: -webkit-box;\\n display: -ms-flexbox;\\n display: flex;\\n -webkit-box-orient: horizontal;\\n -webkit-box-direction: normal;\\n -ms-flex-direction: row;\\n flex-direction: row;\\n max-width: inherit; }\\n :host .form-group /deep/.form-fields {\\n display: -webkit-box;\\n display: -ms-flexbox;\\n display: flex;\\n -webkit-box-orient: vertical;\\n -webkit-box-direction: normal;\\n -ms-flex-direction: column;\\n flex-direction: column;\\n max-width: inherit;\\n width: 100%; }\\n :host .form-group /deep/.form-fields rangeslider > p {\\n margin: 0; }\\n :host .form-group /deep/.form-fields .rangeslider-values {\\n display: -webkit-box;\\n display: -ms-flexbox;\\n display: flex;\\n -webkit-box-align: center;\\n -ms-flex-align: center;\\n align-items: center;\\n -webkit-box-pack: justify;\\n -ms-flex-pack: justify;\\n justify-content: space-between; }\\n :host .form-group.full-w {\\n -webkit-box-flex: 1;\\n -ms-flex: 1 0 calc(100% - ((0.5rem + 2px) * 2));\\n flex: 1 0 calc(100% - ((0.5rem + 2px) * 2));\\n min-width: calc(100% - ((0.5rem + 2px) * 2));\\n max-width: calc(100% - ((0.5rem + 2px) * 2)); }\\n :host .form-group.screenshots .form-fields {\\n -ms-flex-wrap: wrap;\\n flex-wrap: wrap;\\n -webkit-box-orient: horizontal !important;\\n -webkit-box-direction: normal !important;\\n -ms-flex-direction: row !important;\\n flex-direction: row !important; }\\n :host .form-group.screenshots .form-fields .screenshot {\\n -webkit-box-flex: 0;\\n -ms-flex: 0 1 150px;\\n flex: 0 1 150px;\\n position: relative;\\n color: white;\\n padding: 4px; }\\n :host .form-group.screenshots .form-fields .screenshot-img {\\n border-radius: 6px;\\n opacity: 0.75; }\\n :host .form-group.screenshots .form-fields .screenshot-info {\\n font-weight: 200;\\n position: absolute;\\n top: 4px;\\n right: 4px;\\n bottom: 4px;\\n left: 4px;\\n -webkit-box-flex: 1;\\n -ms-flex: 1;\\n flex: 1;\\n display: -webkit-box;\\n display: -ms-flexbox;\\n display: flex;\\n -webkit-box-orient: vertical;\\n -webkit-box-direction: normal;\\n -ms-flex-direction: column;\\n flex-direction: column;\\n -webkit-box-pack: justify;\\n -ms-flex-pack: justify;\\n justify-content: space-between; }\\n :host .form-group.screenshots .form-fields .screenshot-info span {\\n position: absolute;\\n font-size: 14px;\\n text-shadow: 1px 1px black;\\n top: 2px;\\n left: 6px; }\\n :host .form-group.screenshots .form-fields .screenshot-info span small {\\n display: -webkit-box;\\n display: -ms-flexbox;\\n display: flex;\\n -webkit-box-align: center;\\n -ms-flex-align: center;\\n align-items: center;\\n font-weight: 200;\\n font-size: 0.7em; }\\n :host .form-group.screenshots .form-fields .screenshot-info i {\\n position: absolute;\\n top: 6px;\\n right: 4px; }\\n :host .form-group.screenshots .form-fields .screenshot.active {\\n background-color: #FAD600; }\\n :host .form-group.screenshots .form-fields .screenshot.active i {\\n opacity: 1; }\\n :host .form-group.screenshots .form-fields .screenshot.active .screenshot-img {\\n opacity: 1; }\\n :host .form-group.screenshots .form-fields .screenshot[disabled] {\\n opacity: 0.64; }\\n :host .form-group .icon-sample {\\n display: -webkit-box;\\n display: -ms-flexbox;\\n display: flex;\\n -webkit-box-orient: horizontal;\\n -webkit-box-direction: normal;\\n -ms-flex-direction: row;\\n flex-direction: row;\\n -ms-flex-wrap: wrap;\\n flex-wrap: wrap;\\n -webkit-box-pack: start;\\n -ms-flex-pack: start;\\n justify-content: flex-start;\\n -webkit-box-align: start;\\n -ms-flex-align: start;\\n align-items: flex-start;\\n padding: 4px; }\\n :host .form-group .icon-sample-icon {\\n display: -webkit-box;\\n display: -ms-flexbox;\\n display: flex;\\n -webkit-box-orient: horizontal;\\n -webkit-box-direction: normal;\\n -ms-flex-direction: row;\\n flex-direction: row;\\n -ms-flex-wrap: nowrap;\\n flex-wrap: nowrap;\\n -webkit-box-align: center;\\n -ms-flex-align: center;\\n align-items: center;\\n -webkit-box-pack: center;\\n -ms-flex-pack: center;\\n justify-content: center;\\n min-height: 32px;\\n max-height: 32px;\\n line-height: 32px;\\n border: 1px solid rgba(0, 0, 0, 0.14);\\n border-radius: 6px;\\n padding: 3px;\\n margin: 1px; }\\n :host .form-group .icon-sample-icon {\\n position: relative;\\n min-width: 32px;\\n max-width: 32px;\\n opacity: 0.8;\\n overflow: hidden; }\\n :host .form-group .icon-sample-icon:hover {\\n opacity: 1; }\\n :host .form-group .icon-sample-icon svg {\\n pointer-events: none;\\n width: 100%;\\n height: 100%; }\\n\"\n\n/***/ }),\n\n/***/ 9:\n/***/ (function(module, __webpack_exports__, __webpack_require__) {\n\n\"use strict\";\nObject.defineProperty(__webpack_exports__, \"__esModule\", { value: true });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"AbstractControlDirective\", function() { return AbstractControlDirective; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"AbstractFormGroupDirective\", function() { return AbstractFormGroupDirective; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"CheckboxControlValueAccessor\", function() { return CheckboxControlValueAccessor; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"ControlContainer\", function() { return ControlContainer; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"NG_VALUE_ACCESSOR\", function() { return NG_VALUE_ACCESSOR; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"COMPOSITION_BUFFER_MODE\", function() { return COMPOSITION_BUFFER_MODE; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"DefaultValueAccessor\", function() { return DefaultValueAccessor; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"NgControl\", function() { return NgControl; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"NgControlStatus\", function() { return NgControlStatus; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"NgControlStatusGroup\", function() { return NgControlStatusGroup; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"NgForm\", function() { return NgForm; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"NgModel\", function() { return NgModel; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"NgModelGroup\", function() { return NgModelGroup; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"RadioControlValueAccessor\", function() { return RadioControlValueAccessor; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"FormControlDirective\", function() { return FormControlDirective; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"FormControlName\", function() { return FormControlName; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"FormGroupDirective\", function() { return FormGroupDirective; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"FormArrayName\", function() { return FormArrayName; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"FormGroupName\", function() { return FormGroupName; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"NgSelectOption\", function() { return NgSelectOption; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"SelectControlValueAccessor\", function() { return SelectControlValueAccessor; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"SelectMultipleControlValueAccessor\", function() { return SelectMultipleControlValueAccessor; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"CheckboxRequiredValidator\", function() { return CheckboxRequiredValidator; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"EmailValidator\", function() { return EmailValidator; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"MaxLengthValidator\", function() { return MaxLengthValidator; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"MinLengthValidator\", function() { return MinLengthValidator; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"PatternValidator\", function() { return PatternValidator; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"RequiredValidator\", function() { return RequiredValidator; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"FormBuilder\", function() { return FormBuilder; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"AbstractControl\", function() { return AbstractControl; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"FormArray\", function() { return FormArray; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"FormControl\", function() { return FormControl; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"FormGroup\", function() { return FormGroup; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"NG_ASYNC_VALIDATORS\", function() { return NG_ASYNC_VALIDATORS; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"NG_VALIDATORS\", function() { return NG_VALIDATORS; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"Validators\", function() { return Validators; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"VERSION\", function() { return VERSION; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"FormsModule\", function() { return FormsModule; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"ReactiveFormsModule\", function() { return ReactiveFormsModule; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"ɵba\", function() { return InternalFormsSharedModule; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"ɵz\", function() { return REACTIVE_DRIVEN_DIRECTIVES; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"ɵx\", function() { return SHARED_FORM_DIRECTIVES; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"ɵy\", function() { return TEMPLATE_DRIVEN_DIRECTIVES; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"ɵa\", function() { return CHECKBOX_VALUE_ACCESSOR; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"ɵb\", function() { return DEFAULT_VALUE_ACCESSOR; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"ɵc\", function() { return AbstractControlStatus; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"ɵd\", function() { return ngControlStatusHost; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"ɵe\", function() { return formDirectiveProvider; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"ɵf\", function() { return formControlBinding; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"ɵg\", function() { return modelGroupProvider; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"ɵbf\", function() { return NgNoValidate; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"ɵbb\", function() { return NUMBER_VALUE_ACCESSOR; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"ɵbc\", function() { return NumberValueAccessor; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"ɵh\", function() { return RADIO_VALUE_ACCESSOR; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"ɵi\", function() { return RadioControlRegistry; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"ɵbd\", function() { return RANGE_VALUE_ACCESSOR; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"ɵbe\", function() { return RangeValueAccessor; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"ɵj\", function() { return formControlBinding$1; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"ɵk\", function() { return controlNameBinding; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"ɵl\", function() { return formDirectiveProvider$1; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"ɵn\", function() { return formArrayNameProvider; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"ɵm\", function() { return formGroupNameProvider; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"ɵo\", function() { return SELECT_VALUE_ACCESSOR; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"ɵq\", function() { return NgSelectMultipleOption; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"ɵp\", function() { return SELECT_MULTIPLE_VALUE_ACCESSOR; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"ɵs\", function() { return CHECKBOX_REQUIRED_VALIDATOR; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"ɵt\", function() { return EMAIL_VALIDATOR; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"ɵv\", function() { return MAX_LENGTH_VALIDATOR; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"ɵu\", function() { return MIN_LENGTH_VALIDATOR; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"ɵw\", function() { return PATTERN_VALIDATOR; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"ɵr\", function() { return REQUIRED_VALIDATOR; });\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_tslib__ = __webpack_require__(52);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__angular_core__ = __webpack_require__(0);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2_rxjs_observable_forkJoin__ = __webpack_require__(89);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2_rxjs_observable_forkJoin___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_2_rxjs_observable_forkJoin__);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3_rxjs_observable_fromPromise__ = __webpack_require__(167);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3_rxjs_observable_fromPromise___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_3_rxjs_observable_fromPromise__);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_4_rxjs_operator_map__ = __webpack_require__(162);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_4_rxjs_operator_map___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_4_rxjs_operator_map__);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_5__angular_platform_browser__ = __webpack_require__(23);\n\n/**\n * @license Angular v4.4.7\n * (c) 2010-2017 Google, Inc. https://angular.io/\n * License: MIT\n */\n\n\n\n\n\n/**\n * @license\n * Copyright Google Inc. All Rights Reserved.\n *\n * Use of this source code is governed by an MIT-style license that can be\n * found in the LICENSE file at https://angular.io/license\n */\n/**\n * Base class for control directives.\n *\n * Only used internally in the forms module.\n *\n * \\@stable\n * @abstract\n */\nvar AbstractControlDirective = (function () {\n function AbstractControlDirective() {\n }\n /**\n * The {\\@link FormControl}, {\\@link FormGroup}, or {\\@link FormArray}\n * that backs this directive. Most properties fall through to that\n * instance.\n * @abstract\n * @return {?}\n */\n AbstractControlDirective.prototype.control = function () { };\n Object.defineProperty(AbstractControlDirective.prototype, \"value\", {\n /**\n * The value of the control.\n * @return {?}\n */\n get: function () { return this.control ? this.control.value : null; },\n enumerable: true,\n configurable: true\n });\n Object.defineProperty(AbstractControlDirective.prototype, \"valid\", {\n /**\n * A control is `valid` when its `status === VALID`.\n *\n * In order to have this status, the control must have passed all its\n * validation checks.\n * @return {?}\n */\n get: function () { return this.control ? this.control.valid : null; },\n enumerable: true,\n configurable: true\n });\n Object.defineProperty(AbstractControlDirective.prototype, \"invalid\", {\n /**\n * A control is `invalid` when its `status === INVALID`.\n *\n * In order to have this status, the control must have failed\n * at least one of its validation checks.\n * @return {?}\n */\n get: function () { return this.control ? this.control.invalid : null; },\n enumerable: true,\n configurable: true\n });\n Object.defineProperty(AbstractControlDirective.prototype, \"pending\", {\n /**\n * A control is `pending` when its `status === PENDING`.\n *\n * In order to have this status, the control must be in the\n * middle of conducting a validation check.\n * @return {?}\n */\n get: function () { return this.control ? this.control.pending : null; },\n enumerable: true,\n configurable: true\n });\n Object.defineProperty(AbstractControlDirective.prototype, \"disabled\", {\n /**\n * A control is `disabled` when its `status === DISABLED`.\n *\n * Disabled controls are exempt from validation checks and\n * are not included in the aggregate value of their ancestor\n * controls.\n * @return {?}\n */\n get: function () { return this.control ? this.control.disabled : null; },\n enumerable: true,\n configurable: true\n });\n Object.defineProperty(AbstractControlDirective.prototype, \"enabled\", {\n /**\n * A control is `enabled` as long as its `status !== DISABLED`.\n *\n * In other words, it has a status of `VALID`, `INVALID`, or\n * `PENDING`.\n * @return {?}\n */\n get: function () { return this.control ? this.control.enabled : null; },\n enumerable: true,\n configurable: true\n });\n Object.defineProperty(AbstractControlDirective.prototype, \"errors\", {\n /**\n * Returns any errors generated by failing validation. If there\n * are no errors, it will return null.\n * @return {?}\n */\n get: function () { return this.control ? this.control.errors : null; },\n enumerable: true,\n configurable: true\n });\n Object.defineProperty(AbstractControlDirective.prototype, \"pristine\", {\n /**\n * A control is `pristine` if the user has not yet changed\n * the value in the UI.\n *\n * Note that programmatic changes to a control's value will\n * *not* mark it dirty.\n * @return {?}\n */\n get: function () { return this.control ? this.control.pristine : null; },\n enumerable: true,\n configurable: true\n });\n Object.defineProperty(AbstractControlDirective.prototype, \"dirty\", {\n /**\n * A control is `dirty` if the user has changed the value\n * in the UI.\n *\n * Note that programmatic changes to a control's value will\n * *not* mark it dirty.\n * @return {?}\n */\n get: function () { return this.control ? this.control.dirty : null; },\n enumerable: true,\n configurable: true\n });\n Object.defineProperty(AbstractControlDirective.prototype, \"touched\", {\n /**\n * A control is marked `touched` once the user has triggered\n * a `blur` event on it.\n * @return {?}\n */\n get: function () { return this.control ? this.control.touched : null; },\n enumerable: true,\n configurable: true\n });\n Object.defineProperty(AbstractControlDirective.prototype, \"untouched\", {\n /**\n * A control is `untouched` if the user has not yet triggered\n * a `blur` event on it.\n * @return {?}\n */\n get: function () { return this.control ? this.control.untouched : null; },\n enumerable: true,\n configurable: true\n });\n Object.defineProperty(AbstractControlDirective.prototype, \"statusChanges\", {\n /**\n * Emits an event every time the validation status of the control\n * is re-calculated.\n * @return {?}\n */\n get: function () {\n return this.control ? this.control.statusChanges : null;\n },\n enumerable: true,\n configurable: true\n });\n Object.defineProperty(AbstractControlDirective.prototype, \"valueChanges\", {\n /**\n * Emits an event every time the value of the control changes, in\n * the UI or programmatically.\n * @return {?}\n */\n get: function () {\n return this.control ? this.control.valueChanges : null;\n },\n enumerable: true,\n configurable: true\n });\n Object.defineProperty(AbstractControlDirective.prototype, \"path\", {\n /**\n * Returns an array that represents the path from the top-level form\n * to this control. Each index is the string name of the control on\n * that level.\n * @return {?}\n */\n get: function () { return null; },\n enumerable: true,\n configurable: true\n });\n /**\n * Resets the form control. This means by default:\n *\n * * it is marked as `pristine`\n * * it is marked as `untouched`\n * * value is set to null\n *\n * For more information, see {\\@link AbstractControl}.\n * @param {?=} value\n * @return {?}\n */\n AbstractControlDirective.prototype.reset = function (value) {\n if (value === void 0) { value = undefined; }\n if (this.control)\n this.control.reset(value);\n };\n /**\n * Returns true if the control with the given path has the error specified. Otherwise\n * returns false.\n *\n * If no path is given, it checks for the error on the present control.\n * @param {?} errorCode\n * @param {?=} path\n * @return {?}\n */\n AbstractControlDirective.prototype.hasError = function (errorCode, path) {\n return this.control ? this.control.hasError(errorCode, path) : false;\n };\n /**\n * Returns error data if the control with the given path has the error specified. Otherwise\n * returns null or undefined.\n *\n * If no path is given, it checks for the error on the present control.\n * @param {?} errorCode\n * @param {?=} path\n * @return {?}\n */\n AbstractControlDirective.prototype.getError = function (errorCode, path) {\n return this.control ? this.control.getError(errorCode, path) : null;\n };\n return AbstractControlDirective;\n}());\n/**\n * @license\n * Copyright Google Inc. All Rights Reserved.\n *\n * Use of this source code is governed by an MIT-style license that can be\n * found in the LICENSE file at https://angular.io/license\n */\n/**\n * A directive that contains multiple {\\@link NgControl}s.\n *\n * Only used by the forms module.\n *\n * \\@stable\n * @abstract\n */\nvar ControlContainer = (function (_super) {\n __WEBPACK_IMPORTED_MODULE_0_tslib__[\"a\" /* __extends */](ControlContainer, _super);\n function ControlContainer() {\n return _super !== null && _super.apply(this, arguments) || this;\n }\n Object.defineProperty(ControlContainer.prototype, \"formDirective\", {\n /**\n * Get the form to which this container belongs.\n * @return {?}\n */\n get: function () { return null; },\n enumerable: true,\n configurable: true\n });\n Object.defineProperty(ControlContainer.prototype, \"path\", {\n /**\n * Get the path to this container.\n * @return {?}\n */\n get: function () { return null; },\n enumerable: true,\n configurable: true\n });\n return ControlContainer;\n}(AbstractControlDirective));\n/**\n * @license\n * Copyright Google Inc. All Rights Reserved.\n *\n * Use of this source code is governed by an MIT-style license that can be\n * found in the LICENSE file at https://angular.io/license\n */\n/**\n * @param {?} value\n * @return {?}\n */\nfunction isEmptyInputValue(value) {\n // we don't check for string here so it also works with arrays\n return value == null || value.length === 0;\n}\n/**\n * Providers for validators to be used for {\\@link FormControl}s in a form.\n *\n * Provide this using `multi: true` to add validators.\n *\n * \\@stable\n */\nvar NG_VALIDATORS = new __WEBPACK_IMPORTED_MODULE_1__angular_core__[\"InjectionToken\"]('NgValidators');\n/**\n * Providers for asynchronous validators to be used for {\\@link FormControl}s\n * in a form.\n *\n * Provide this using `multi: true` to add validators.\n *\n * See {\\@link NG_VALIDATORS} for more details.\n *\n * \\@stable\n */\nvar NG_ASYNC_VALIDATORS = new __WEBPACK_IMPORTED_MODULE_1__angular_core__[\"InjectionToken\"]('NgAsyncValidators');\nvar EMAIL_REGEXP = /^(?=.{1,254}$)(?=.{1,64}@)[-!#$%&'*+/0-9=?A-Z^_`a-z{|}~]+(\\.[-!#$%&'*+/0-9=?A-Z^_`a-z{|}~]+)*@[A-Za-z0-9]([A-Za-z0-9-]{0,61}[A-Za-z0-9])?(\\.[A-Za-z0-9]([A-Za-z0-9-]{0,61}[A-Za-z0-9])?)*$/;\n/**\n * Provides a set of validators used by form controls.\n *\n * A validator is a function that processes a {\\@link FormControl} or collection of\n * controls and returns a map of errors. A null map means that validation has passed.\n *\n * ### Example\n *\n * ```typescript\n * var loginControl = new FormControl(\"\", Validators.required)\n * ```\n *\n * \\@stable\n */\nvar Validators = (function () {\n function Validators() {\n }\n /**\n * Validator that requires controls to have a value greater than a number.\n * @param {?} min\n * @return {?}\n */\n Validators.min = function (min) {\n return function (control) {\n if (isEmptyInputValue(control.value) || isEmptyInputValue(min)) {\n return null; // don't validate empty values to allow optional controls\n }\n var /** @type {?} */ value = parseFloat(control.value);\n // Controls with NaN values after parsing should be treated as not having a\n // minimum, per the HTML forms spec: https://www.w3.org/TR/html5/forms.html#attr-input-min\n return !isNaN(value) && value < min ? { 'min': { 'min': min, 'actual': control.value } } : null;\n };\n };\n /**\n * Validator that requires controls to have a value less than a number.\n * @param {?} max\n * @return {?}\n */\n Validators.max = function (max) {\n return function (control) {\n if (isEmptyInputValue(control.value) || isEmptyInputValue(max)) {\n return null; // don't validate empty values to allow optional controls\n }\n var /** @type {?} */ value = parseFloat(control.value);\n // Controls with NaN values after parsing should be treated as not having a\n // maximum, per the HTML forms spec: https://www.w3.org/TR/html5/forms.html#attr-input-max\n return !isNaN(value) && value > max ? { 'max': { 'max': max, 'actual': control.value } } : null;\n };\n };\n /**\n * Validator that requires controls to have a non-empty value.\n * @param {?} control\n * @return {?}\n */\n Validators.required = function (control) {\n return isEmptyInputValue(control.value) ? { 'required': true } : null;\n };\n /**\n * Validator that requires control value to be true.\n * @param {?} control\n * @return {?}\n */\n Validators.requiredTrue = function (control) {\n return control.value === true ? null : { 'required': true };\n };\n /**\n * Validator that performs email validation.\n * @param {?} control\n * @return {?}\n */\n Validators.email = function (control) {\n return EMAIL_REGEXP.test(control.value) ? null : { 'email': true };\n };\n /**\n * Validator that requires controls to have a value of a minimum length.\n * @param {?} minLength\n * @return {?}\n */\n Validators.minLength = function (minLength) {\n return function (control) {\n if (isEmptyInputValue(control.value)) {\n return null; // don't validate empty values to allow optional controls\n }\n var /** @type {?} */ length = control.value ? control.value.length : 0;\n return length < minLength ?\n { 'minlength': { 'requiredLength': minLength, 'actualLength': length } } :\n null;\n };\n };\n /**\n * Validator that requires controls to have a value of a maximum length.\n * @param {?} maxLength\n * @return {?}\n */\n Validators.maxLength = function (maxLength) {\n return function (control) {\n var /** @type {?} */ length = control.value ? control.value.length : 0;\n return length > maxLength ?\n { 'maxlength': { 'requiredLength': maxLength, 'actualLength': length } } :\n null;\n };\n };\n /**\n * Validator that requires a control to match a regex to its value.\n * @param {?} pattern\n * @return {?}\n */\n Validators.pattern = function (pattern) {\n if (!pattern)\n return Validators.nullValidator;\n var /** @type {?} */ regex;\n var /** @type {?} */ regexStr;\n if (typeof pattern === 'string') {\n regexStr = \"^\" + pattern + \"$\";\n regex = new RegExp(regexStr);\n }\n else {\n regexStr = pattern.toString();\n regex = pattern;\n }\n return function (control) {\n if (isEmptyInputValue(control.value)) {\n return null; // don't validate empty values to allow optional controls\n }\n var /** @type {?} */ value = control.value;\n return regex.test(value) ? null :\n { 'pattern': { 'requiredPattern': regexStr, 'actualValue': value } };\n };\n };\n /**\n * No-op validator.\n * @param {?} c\n * @return {?}\n */\n Validators.nullValidator = function (c) { return null; };\n /**\n * @param {?} validators\n * @return {?}\n */\n Validators.compose = function (validators) {\n if (!validators)\n return null;\n var /** @type {?} */ presentValidators = (validators.filter(isPresent));\n if (presentValidators.length == 0)\n return null;\n return function (control) {\n return _mergeErrors(_executeValidators(control, presentValidators));\n };\n };\n /**\n * @param {?} validators\n * @return {?}\n */\n Validators.composeAsync = function (validators) {\n if (!validators)\n return null;\n var /** @type {?} */ presentValidators = (validators.filter(isPresent));\n if (presentValidators.length == 0)\n return null;\n return function (control) {\n var /** @type {?} */ observables = _executeAsyncValidators(control, presentValidators).map(toObservable);\n return __WEBPACK_IMPORTED_MODULE_4_rxjs_operator_map__[\"map\"].call(Object(__WEBPACK_IMPORTED_MODULE_2_rxjs_observable_forkJoin__[\"forkJoin\"])(observables), _mergeErrors);\n };\n };\n return Validators;\n}());\n/**\n * @param {?} o\n * @return {?}\n */\nfunction isPresent(o) {\n return o != null;\n}\n/**\n * @param {?} r\n * @return {?}\n */\nfunction toObservable(r) {\n var /** @type {?} */ obs = Object(__WEBPACK_IMPORTED_MODULE_1__angular_core__[\"ɵisPromise\"])(r) ? Object(__WEBPACK_IMPORTED_MODULE_3_rxjs_observable_fromPromise__[\"fromPromise\"])(r) : r;\n if (!(Object(__WEBPACK_IMPORTED_MODULE_1__angular_core__[\"ɵisObservable\"])(obs))) {\n throw new Error(\"Expected validator to return Promise or Observable.\");\n }\n return obs;\n}\n/**\n * @param {?} control\n * @param {?} validators\n * @return {?}\n */\nfunction _executeValidators(control, validators) {\n return validators.map(function (v) { return v(control); });\n}\n/**\n * @param {?} control\n * @param {?} validators\n * @return {?}\n */\nfunction _executeAsyncValidators(control, validators) {\n return validators.map(function (v) { return v(control); });\n}\n/**\n * @param {?} arrayOfErrors\n * @return {?}\n */\nfunction _mergeErrors(arrayOfErrors) {\n var /** @type {?} */ res = arrayOfErrors.reduce(function (res, errors) {\n return errors != null ? Object.assign({}, /** @type {?} */ ((res)), errors) : ((res));\n }, {});\n return Object.keys(res).length === 0 ? null : res;\n}\n/**\n * @license\n * Copyright Google Inc. All Rights Reserved.\n *\n * Use of this source code is governed by an MIT-style license that can be\n * found in the LICENSE file at https://angular.io/license\n */\n/**\n * Used to provide a {\\@link ControlValueAccessor} for form controls.\n *\n * See {\\@link DefaultValueAccessor} for how to implement one.\n * \\@stable\n */\nvar NG_VALUE_ACCESSOR = new __WEBPACK_IMPORTED_MODULE_1__angular_core__[\"InjectionToken\"]('NgValueAccessor');\n/**\n * @license\n * Copyright Google Inc. All Rights Reserved.\n *\n * Use of this source code is governed by an MIT-style license that can be\n * found in the LICENSE file at https://angular.io/license\n */\nvar CHECKBOX_VALUE_ACCESSOR = {\n provide: NG_VALUE_ACCESSOR,\n useExisting: Object(__WEBPACK_IMPORTED_MODULE_1__angular_core__[\"forwardRef\"])(function () { return CheckboxControlValueAccessor; }),\n multi: true,\n};\n/**\n * The accessor for writing a value and listening to changes on a checkbox input element.\n *\n * ### Example\n * ```\n *
\n * ```\n *\n * \\@stable\n */\nvar CheckboxControlValueAccessor = (function () {\n /**\n * @param {?} _renderer\n * @param {?} _elementRef\n */\n function CheckboxControlValueAccessor(_renderer, _elementRef) {\n this._renderer = _renderer;\n this._elementRef = _elementRef;\n this.onChange = function (_) { };\n this.onTouched = function () { };\n }\n /**\n * @param {?} value\n * @return {?}\n */\n CheckboxControlValueAccessor.prototype.writeValue = function (value) {\n this._renderer.setProperty(this._elementRef.nativeElement, 'checked', value);\n };\n /**\n * @param {?} fn\n * @return {?}\n */\n CheckboxControlValueAccessor.prototype.registerOnChange = function (fn) { this.onChange = fn; };\n /**\n * @param {?} fn\n * @return {?}\n */\n CheckboxControlValueAccessor.prototype.registerOnTouched = function (fn) { this.onTouched = fn; };\n /**\n * @param {?} isDisabled\n * @return {?}\n */\n CheckboxControlValueAccessor.prototype.setDisabledState = function (isDisabled) {\n this._renderer.setProperty(this._elementRef.nativeElement, 'disabled', isDisabled);\n };\n return CheckboxControlValueAccessor;\n}());\nCheckboxControlValueAccessor.decorators = [\n { type: __WEBPACK_IMPORTED_MODULE_1__angular_core__[\"Directive\"], args: [{\n selector: 'input[type=checkbox][formControlName],input[type=checkbox][formControl],input[type=checkbox][ngModel]',\n host: { '(change)': 'onChange($event.target.checked)', '(blur)': 'onTouched()' },\n providers: [CHECKBOX_VALUE_ACCESSOR]\n },] },\n];\n/**\n * @nocollapse\n */\nCheckboxControlValueAccessor.ctorParameters = function () { return [\n { type: __WEBPACK_IMPORTED_MODULE_1__angular_core__[\"Renderer2\"], },\n { type: __WEBPACK_IMPORTED_MODULE_1__angular_core__[\"ElementRef\"], },\n]; };\n/**\n * @license\n * Copyright Google Inc. All Rights Reserved.\n *\n * Use of this source code is governed by an MIT-style license that can be\n * found in the LICENSE file at https://angular.io/license\n */\nvar DEFAULT_VALUE_ACCESSOR = {\n provide: NG_VALUE_ACCESSOR,\n useExisting: Object(__WEBPACK_IMPORTED_MODULE_1__angular_core__[\"forwardRef\"])(function () { return DefaultValueAccessor; }),\n multi: true\n};\n/**\n * We must check whether the agent is Android because composition events\n * behave differently between iOS and Android.\n * @return {?}\n */\nfunction _isAndroid() {\n var /** @type {?} */ userAgent = Object(__WEBPACK_IMPORTED_MODULE_5__angular_platform_browser__[\"f\" /* ɵgetDOM */])() ? Object(__WEBPACK_IMPORTED_MODULE_5__angular_platform_browser__[\"f\" /* ɵgetDOM */])().getUserAgent() : '';\n return /android (\\d+)/.test(userAgent.toLowerCase());\n}\n/**\n * Turn this mode on if you want form directives to buffer IME input until compositionend\n * \\@experimental\n */\nvar COMPOSITION_BUFFER_MODE = new __WEBPACK_IMPORTED_MODULE_1__angular_core__[\"InjectionToken\"]('CompositionEventMode');\n/**\n * The default accessor for writing a value and listening to changes that is used by the\n * {\\@link NgModel}, {\\@link FormControlDirective}, and {\\@link FormControlName} directives.\n *\n * ### Example\n * ```\n *
\n * ```\n *\n * \\@stable\n */\nvar DefaultValueAccessor = (function () {\n /**\n * @param {?} _renderer\n * @param {?} _elementRef\n * @param {?} _compositionMode\n */\n function DefaultValueAccessor(_renderer, _elementRef, _compositionMode) {\n this._renderer = _renderer;\n this._elementRef = _elementRef;\n this._compositionMode = _compositionMode;\n this.onChange = function (_) { };\n this.onTouched = function () { };\n /**\n * Whether the user is creating a composition string (IME events).\n */\n this._composing = false;\n if (this._compositionMode == null) {\n this._compositionMode = !_isAndroid();\n }\n }\n /**\n * @param {?} value\n * @return {?}\n */\n DefaultValueAccessor.prototype.writeValue = function (value) {\n var /** @type {?} */ normalizedValue = value == null ? '' : value;\n this._renderer.setProperty(this._elementRef.nativeElement, 'value', normalizedValue);\n };\n /**\n * @param {?} fn\n * @return {?}\n */\n DefaultValueAccessor.prototype.registerOnChange = function (fn) { this.onChange = fn; };\n /**\n * @param {?} fn\n * @return {?}\n */\n DefaultValueAccessor.prototype.registerOnTouched = function (fn) { this.onTouched = fn; };\n /**\n * @param {?} isDisabled\n * @return {?}\n */\n DefaultValueAccessor.prototype.setDisabledState = function (isDisabled) {\n this._renderer.setProperty(this._elementRef.nativeElement, 'disabled', isDisabled);\n };\n /**\n * \\@internal\n * @param {?} value\n * @return {?}\n */\n DefaultValueAccessor.prototype._handleInput = function (value) {\n if (!this._compositionMode || (this._compositionMode && !this._composing)) {\n this.onChange(value);\n }\n };\n /**\n * \\@internal\n * @return {?}\n */\n DefaultValueAccessor.prototype._compositionStart = function () { this._composing = true; };\n /**\n * \\@internal\n * @param {?} value\n * @return {?}\n */\n DefaultValueAccessor.prototype._compositionEnd = function (value) {\n this._composing = false;\n this._compositionMode && this.onChange(value);\n };\n return DefaultValueAccessor;\n}());\nDefaultValueAccessor.decorators = [\n { type: __WEBPACK_IMPORTED_MODULE_1__angular_core__[\"Directive\"], args: [{\n selector: 'input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]',\n // TODO: vsavkin replace the above selector with the one below it once\n // https://github.com/angular/angular/issues/3011 is implemented\n // selector: '[ngModel],[formControl],[formControlName]',\n host: {\n '(input)': '_handleInput($event.target.value)',\n '(blur)': 'onTouched()',\n '(compositionstart)': '_compositionStart()',\n '(compositionend)': '_compositionEnd($event.target.value)'\n },\n providers: [DEFAULT_VALUE_ACCESSOR]\n },] },\n];\n/**\n * @nocollapse\n */\nDefaultValueAccessor.ctorParameters = function () { return [\n { type: __WEBPACK_IMPORTED_MODULE_1__angular_core__[\"Renderer2\"], },\n { type: __WEBPACK_IMPORTED_MODULE_1__angular_core__[\"ElementRef\"], },\n { type: undefined, decorators: [{ type: __WEBPACK_IMPORTED_MODULE_1__angular_core__[\"Optional\"] }, { type: __WEBPACK_IMPORTED_MODULE_1__angular_core__[\"Inject\"], args: [COMPOSITION_BUFFER_MODE,] },] },\n]; };\n/**\n * @license\n * Copyright Google Inc. All Rights Reserved.\n *\n * Use of this source code is governed by an MIT-style license that can be\n * found in the LICENSE file at https://angular.io/license\n */\n/**\n * @param {?} validator\n * @return {?}\n */\nfunction normalizeValidator(validator) {\n if (((validator)).validate) {\n return function (c) { return ((validator)).validate(c); };\n }\n else {\n return (validator);\n }\n}\n/**\n * @param {?} validator\n * @return {?}\n */\nfunction normalizeAsyncValidator(validator) {\n if (((validator)).validate) {\n return function (c) { return ((validator)).validate(c); };\n }\n else {\n return (validator);\n }\n}\n/**\n * @license\n * Copyright Google Inc. All Rights Reserved.\n *\n * Use of this source code is governed by an MIT-style license that can be\n * found in the LICENSE file at https://angular.io/license\n */\nvar NUMBER_VALUE_ACCESSOR = {\n provide: NG_VALUE_ACCESSOR,\n useExisting: Object(__WEBPACK_IMPORTED_MODULE_1__angular_core__[\"forwardRef\"])(function () { return NumberValueAccessor; }),\n multi: true\n};\n/**\n * The accessor for writing a number value and listening to changes that is used by the\n * {\\@link NgModel}, {\\@link FormControlDirective}, and {\\@link FormControlName} directives.\n *\n * ### Example\n * ```\n *
\n * ```\n */\nvar NumberValueAccessor = (function () {\n /**\n * @param {?} _renderer\n * @param {?} _elementRef\n */\n function NumberValueAccessor(_renderer, _elementRef) {\n this._renderer = _renderer;\n this._elementRef = _elementRef;\n this.onChange = function (_) { };\n this.onTouched = function () { };\n }\n /**\n * @param {?} value\n * @return {?}\n */\n NumberValueAccessor.prototype.writeValue = function (value) {\n // The value needs to be normalized for IE9, otherwise it is set to 'null' when null\n var /** @type {?} */ normalizedValue = value == null ? '' : value;\n this._renderer.setProperty(this._elementRef.nativeElement, 'value', normalizedValue);\n };\n /**\n * @param {?} fn\n * @return {?}\n */\n NumberValueAccessor.prototype.registerOnChange = function (fn) {\n this.onChange = function (value) { fn(value == '' ? null : parseFloat(value)); };\n };\n /**\n * @param {?} fn\n * @return {?}\n */\n NumberValueAccessor.prototype.registerOnTouched = function (fn) { this.onTouched = fn; };\n /**\n * @param {?} isDisabled\n * @return {?}\n */\n NumberValueAccessor.prototype.setDisabledState = function (isDisabled) {\n this._renderer.setProperty(this._elementRef.nativeElement, 'disabled', isDisabled);\n };\n return NumberValueAccessor;\n}());\nNumberValueAccessor.decorators = [\n { type: __WEBPACK_IMPORTED_MODULE_1__angular_core__[\"Directive\"], args: [{\n selector: 'input[type=number][formControlName],input[type=number][formControl],input[type=number][ngModel]',\n host: {\n '(change)': 'onChange($event.target.value)',\n '(input)': 'onChange($event.target.value)',\n '(blur)': 'onTouched()'\n },\n providers: [NUMBER_VALUE_ACCESSOR]\n },] },\n];\n/**\n * @nocollapse\n */\nNumberValueAccessor.ctorParameters = function () { return [\n { type: __WEBPACK_IMPORTED_MODULE_1__angular_core__[\"Renderer2\"], },\n { type: __WEBPACK_IMPORTED_MODULE_1__angular_core__[\"ElementRef\"], },\n]; };\n/**\n * @license\n * Copyright Google Inc. All Rights Reserved.\n *\n * Use of this source code is governed by an MIT-style license that can be\n * found in the LICENSE file at https://angular.io/license\n */\n/**\n * @return {?}\n */\nfunction unimplemented() {\n throw new Error('unimplemented');\n}\n/**\n * A base class that all control directive extend.\n * It binds a {\\@link FormControl} object to a DOM element.\n *\n * Used internally by Angular forms.\n *\n * \\@stable\n * @abstract\n */\nvar NgControl = (function (_super) {\n __WEBPACK_IMPORTED_MODULE_0_tslib__[\"a\" /* __extends */](NgControl, _super);\n function NgControl() {\n var _this = _super.apply(this, arguments) || this;\n /**\n * \\@internal\n */\n _this._parent = null;\n _this.name = null;\n _this.valueAccessor = null;\n /**\n * \\@internal\n */\n _this._rawValidators = [];\n /**\n * \\@internal\n */\n _this._rawAsyncValidators = [];\n return _this;\n }\n Object.defineProperty(NgControl.prototype, \"validator\", {\n /**\n * @return {?}\n */\n get: function () { return (unimplemented()); },\n enumerable: true,\n configurable: true\n });\n Object.defineProperty(NgControl.prototype, \"asyncValidator\", {\n /**\n * @return {?}\n */\n get: function () { return (unimplemented()); },\n enumerable: true,\n configurable: true\n });\n /**\n * @abstract\n * @param {?} newValue\n * @return {?}\n */\n NgControl.prototype.viewToModelUpdate = function (newValue) { };\n return NgControl;\n}(AbstractControlDirective));\n/**\n * @license\n * Copyright Google Inc. All Rights Reserved.\n *\n * Use of this source code is governed by an MIT-style license that can be\n * found in the LICENSE file at https://angular.io/license\n */\nvar RADIO_VALUE_ACCESSOR = {\n provide: NG_VALUE_ACCESSOR,\n useExisting: Object(__WEBPACK_IMPORTED_MODULE_1__angular_core__[\"forwardRef\"])(function () { return RadioControlValueAccessor; }),\n multi: true\n};\n/**\n * Internal class used by Angular to uncheck radio buttons with the matching name.\n */\nvar RadioControlRegistry = (function () {\n function RadioControlRegistry() {\n this._accessors = [];\n }\n /**\n * @param {?} control\n * @param {?} accessor\n * @return {?}\n */\n RadioControlRegistry.prototype.add = function (control, accessor) {\n this._accessors.push([control, accessor]);\n };\n /**\n * @param {?} accessor\n * @return {?}\n */\n RadioControlRegistry.prototype.remove = function (accessor) {\n for (var /** @type {?} */ i = this._accessors.length - 1; i >= 0; --i) {\n if (this._accessors[i][1] === accessor) {\n this._accessors.splice(i, 1);\n return;\n }\n }\n };\n /**\n * @param {?} accessor\n * @return {?}\n */\n RadioControlRegistry.prototype.select = function (accessor) {\n var _this = this;\n this._accessors.forEach(function (c) {\n if (_this._isSameGroup(c, accessor) && c[1] !== accessor) {\n c[1].fireUncheck(accessor.value);\n }\n });\n };\n /**\n * @param {?} controlPair\n * @param {?} accessor\n * @return {?}\n */\n RadioControlRegistry.prototype._isSameGroup = function (controlPair, accessor) {\n if (!controlPair[0].control)\n return false;\n return controlPair[0]._parent === accessor._control._parent &&\n controlPair[1].name === accessor.name;\n };\n return RadioControlRegistry;\n}());\nRadioControlRegistry.decorators = [\n { type: __WEBPACK_IMPORTED_MODULE_1__angular_core__[\"Injectable\"] },\n];\n/**\n * @nocollapse\n */\nRadioControlRegistry.ctorParameters = function () { return []; };\n/**\n * \\@whatItDoes Writes radio control values and listens to radio control changes.\n *\n * Used by {\\@link NgModel}, {\\@link FormControlDirective}, and {\\@link FormControlName}\n * to keep the view synced with the {\\@link FormControl} model.\n *\n * \\@howToUse\n *\n * If you have imported the {\\@link FormsModule} or the {\\@link ReactiveFormsModule}, this\n * value accessor will be active on any radio control that has a form directive. You do\n * **not** need to add a special selector to activate it.\n *\n * ### How to use radio buttons with form directives\n *\n * To use radio buttons in a template-driven form, you'll want to ensure that radio buttons\n * in the same group have the same `name` attribute. Radio buttons with different `name`\n * attributes do not affect each other.\n *\n * {\\@example forms/ts/radioButtons/radio_button_example.ts region='TemplateDriven'}\n *\n * When using radio buttons in a reactive form, radio buttons in the same group should have the\n * same `formControlName`. You can also add a `name` attribute, but it's optional.\n *\n * {\\@example forms/ts/reactiveRadioButtons/reactive_radio_button_example.ts region='Reactive'}\n *\n * * **npm package**: `\\@angular/forms`\n *\n * \\@stable\n */\nvar RadioControlValueAccessor = (function () {\n /**\n * @param {?} _renderer\n * @param {?} _elementRef\n * @param {?} _registry\n * @param {?} _injector\n */\n function RadioControlValueAccessor(_renderer, _elementRef, _registry, _injector) {\n this._renderer = _renderer;\n this._elementRef = _elementRef;\n this._registry = _registry;\n this._injector = _injector;\n this.onChange = function () { };\n this.onTouched = function () { };\n }\n /**\n * @return {?}\n */\n RadioControlValueAccessor.prototype.ngOnInit = function () {\n this._control = this._injector.get(NgControl);\n this._checkName();\n this._registry.add(this._control, this);\n };\n /**\n * @return {?}\n */\n RadioControlValueAccessor.prototype.ngOnDestroy = function () { this._registry.remove(this); };\n /**\n * @param {?} value\n * @return {?}\n */\n RadioControlValueAccessor.prototype.writeValue = function (value) {\n this._state = value === this.value;\n this._renderer.setProperty(this._elementRef.nativeElement, 'checked', this._state);\n };\n /**\n * @param {?} fn\n * @return {?}\n */\n RadioControlValueAccessor.prototype.registerOnChange = function (fn) {\n var _this = this;\n this._fn = fn;\n this.onChange = function () {\n fn(_this.value);\n _this._registry.select(_this);\n };\n };\n /**\n * @param {?} value\n * @return {?}\n */\n RadioControlValueAccessor.prototype.fireUncheck = function (value) { this.writeValue(value); };\n /**\n * @param {?} fn\n * @return {?}\n */\n RadioControlValueAccessor.prototype.registerOnTouched = function (fn) { this.onTouched = fn; };\n /**\n * @param {?} isDisabled\n * @return {?}\n */\n RadioControlValueAccessor.prototype.setDisabledState = function (isDisabled) {\n this._renderer.setProperty(this._elementRef.nativeElement, 'disabled', isDisabled);\n };\n /**\n * @return {?}\n */\n RadioControlValueAccessor.prototype._checkName = function () {\n if (this.name && this.formControlName && this.name !== this.formControlName) {\n this._throwNameError();\n }\n if (!this.name && this.formControlName)\n this.name = this.formControlName;\n };\n /**\n * @return {?}\n */\n RadioControlValueAccessor.prototype._throwNameError = function () {\n throw new Error(\"\\n If you define both a name and a formControlName attribute on your radio button, their values\\n must match. Ex:
\\n \");\n };\n return RadioControlValueAccessor;\n}());\nRadioControlValueAccessor.decorators = [\n { type: __WEBPACK_IMPORTED_MODULE_1__angular_core__[\"Directive\"], args: [{\n selector: 'input[type=radio][formControlName],input[type=radio][formControl],input[type=radio][ngModel]',\n host: { '(change)': 'onChange()', '(blur)': 'onTouched()' },\n providers: [RADIO_VALUE_ACCESSOR]\n },] },\n];\n/**\n * @nocollapse\n */\nRadioControlValueAccessor.ctorParameters = function () { return [\n { type: __WEBPACK_IMPORTED_MODULE_1__angular_core__[\"Renderer2\"], },\n { type: __WEBPACK_IMPORTED_MODULE_1__angular_core__[\"ElementRef\"], },\n { type: RadioControlRegistry, },\n { type: __WEBPACK_IMPORTED_MODULE_1__angular_core__[\"Injector\"], },\n]; };\nRadioControlValueAccessor.propDecorators = {\n 'name': [{ type: __WEBPACK_IMPORTED_MODULE_1__angular_core__[\"Input\"] },],\n 'formControlName': [{ type: __WEBPACK_IMPORTED_MODULE_1__angular_core__[\"Input\"] },],\n 'value': [{ type: __WEBPACK_IMPORTED_MODULE_1__angular_core__[\"Input\"] },],\n};\n/**\n * @license\n * Copyright Google Inc. All Rights Reserved.\n *\n * Use of this source code is governed by an MIT-style license that can be\n * found in the LICENSE file at https://angular.io/license\n */\nvar RANGE_VALUE_ACCESSOR = {\n provide: NG_VALUE_ACCESSOR,\n useExisting: Object(__WEBPACK_IMPORTED_MODULE_1__angular_core__[\"forwardRef\"])(function () { return RangeValueAccessor; }),\n multi: true\n};\n/**\n * The accessor for writing a range value and listening to changes that is used by the\n * {\\@link NgModel}, {\\@link FormControlDirective}, and {\\@link FormControlName} directives.\n *\n * ### Example\n * ```\n *
\n * ```\n */\nvar RangeValueAccessor = (function () {\n /**\n * @param {?} _renderer\n * @param {?} _elementRef\n */\n function RangeValueAccessor(_renderer, _elementRef) {\n this._renderer = _renderer;\n this._elementRef = _elementRef;\n this.onChange = function (_) { };\n this.onTouched = function () { };\n }\n /**\n * @param {?} value\n * @return {?}\n */\n RangeValueAccessor.prototype.writeValue = function (value) {\n this._renderer.setProperty(this._elementRef.nativeElement, 'value', parseFloat(value));\n };\n /**\n * @param {?} fn\n * @return {?}\n */\n RangeValueAccessor.prototype.registerOnChange = function (fn) {\n this.onChange = function (value) { fn(value == '' ? null : parseFloat(value)); };\n };\n /**\n * @param {?} fn\n * @return {?}\n */\n RangeValueAccessor.prototype.registerOnTouched = function (fn) { this.onTouched = fn; };\n /**\n * @param {?} isDisabled\n * @return {?}\n */\n RangeValueAccessor.prototype.setDisabledState = function (isDisabled) {\n this._renderer.setProperty(this._elementRef.nativeElement, 'disabled', isDisabled);\n };\n return RangeValueAccessor;\n}());\nRangeValueAccessor.decorators = [\n { type: __WEBPACK_IMPORTED_MODULE_1__angular_core__[\"Directive\"], args: [{\n selector: 'input[type=range][formControlName],input[type=range][formControl],input[type=range][ngModel]',\n host: {\n '(change)': 'onChange($event.target.value)',\n '(input)': 'onChange($event.target.value)',\n '(blur)': 'onTouched()'\n },\n providers: [RANGE_VALUE_ACCESSOR]\n },] },\n];\n/**\n * @nocollapse\n */\nRangeValueAccessor.ctorParameters = function () { return [\n { type: __WEBPACK_IMPORTED_MODULE_1__angular_core__[\"Renderer2\"], },\n { type: __WEBPACK_IMPORTED_MODULE_1__angular_core__[\"ElementRef\"], },\n]; };\n/**\n * @license\n * Copyright Google Inc. All Rights Reserved.\n *\n * Use of this source code is governed by an MIT-style license that can be\n * found in the LICENSE file at https://angular.io/license\n */\nvar SELECT_VALUE_ACCESSOR = {\n provide: NG_VALUE_ACCESSOR,\n useExisting: Object(__WEBPACK_IMPORTED_MODULE_1__angular_core__[\"forwardRef\"])(function () { return SelectControlValueAccessor; }),\n multi: true\n};\n/**\n * @param {?} id\n * @param {?} value\n * @return {?}\n */\nfunction _buildValueString(id, value) {\n if (id == null)\n return \"\" + value;\n if (value && typeof value === 'object')\n value = 'Object';\n return (id + \": \" + value).slice(0, 50);\n}\n/**\n * @param {?} valueString\n * @return {?}\n */\nfunction _extractId(valueString) {\n return valueString.split(':')[0];\n}\n/**\n * \\@whatItDoes Writes values and listens to changes on a select element.\n *\n * Used by {\\@link NgModel}, {\\@link FormControlDirective}, and {\\@link FormControlName}\n * to keep the view synced with the {\\@link FormControl} model.\n *\n * \\@howToUse\n *\n * If you have imported the {\\@link FormsModule} or the {\\@link ReactiveFormsModule}, this\n * value accessor will be active on any select control that has a form directive. You do\n * **not** need to add a special selector to activate it.\n *\n * ### How to use select controls with form directives\n *\n * To use a select in a template-driven form, simply add an `ngModel` and a `name`\n * attribute to the main `
` tag.\n *\n * If your option values are simple strings, you can bind to the normal `value` property\n * on the option. If your option values happen to be objects (and you'd like to save the\n * selection in your form as an object), use `ngValue` instead:\n *\n * {\\@example forms/ts/selectControl/select_control_example.ts region='Component'}\n *\n * In reactive forms, you'll also want to add your form directive (`formControlName` or\n * `formControl`) on the main `` tag. Like in the former example, you have the\n * choice of binding to the `value` or `ngValue` property on the select's options.\n *\n * {\\@example forms/ts/reactiveSelectControl/reactive_select_control_example.ts region='Component'}\n *\n * ### Caveat: Option selection\n *\n * Angular uses object identity to select option. It's possible for the identities of items\n * to change while the data does not. This can happen, for example, if the items are produced\n * from an RPC to the server, and that RPC is re-run. Even if the data hasn't changed, the\n * second response will produce objects with different identities.\n *\n * To customize the default option comparison algorithm, `` supports `compareWith` input.\n * `compareWith` takes a **function** which has two arguments: `option1` and `option2`.\n * If `compareWith` is given, Angular selects option by the return value of the function.\n *\n * #### Syntax\n *\n * ```\n * \n * \n * {{country.name}}\n * \n * \n *\n * compareFn(c1: Country, c2: Country): boolean {\n * return c1 && c2 ? c1.id === c2.id : c1 === c2;\n * }\n * ```\n *\n * Note: We listen to the 'change' event because 'input' events aren't fired\n * for selects in Firefox and IE:\n * https://bugzilla.mozilla.org/show_bug.cgi?id=1024350\n * https://developer.microsoft.com/en-us/microsoft-edge/platform/issues/4660045/\n *\n * * **npm package**: `\\@angular/forms`\n *\n * \\@stable\n */\nvar SelectControlValueAccessor = (function () {\n /**\n * @param {?} _renderer\n * @param {?} _elementRef\n */\n function SelectControlValueAccessor(_renderer, _elementRef) {\n this._renderer = _renderer;\n this._elementRef = _elementRef;\n /**\n * \\@internal\n */\n this._optionMap = new Map();\n /**\n * \\@internal\n */\n this._idCounter = 0;\n this.onChange = function (_) { };\n this.onTouched = function () { };\n this._compareWith = __WEBPACK_IMPORTED_MODULE_1__angular_core__[\"ɵlooseIdentical\"];\n }\n Object.defineProperty(SelectControlValueAccessor.prototype, \"compareWith\", {\n /**\n * @param {?} fn\n * @return {?}\n */\n set: function (fn) {\n if (typeof fn !== 'function') {\n throw new Error(\"compareWith must be a function, but received \" + JSON.stringify(fn));\n }\n this._compareWith = fn;\n },\n enumerable: true,\n configurable: true\n });\n /**\n * @param {?} value\n * @return {?}\n */\n SelectControlValueAccessor.prototype.writeValue = function (value) {\n this.value = value;\n var /** @type {?} */ id = this._getOptionId(value);\n if (id == null) {\n this._renderer.setProperty(this._elementRef.nativeElement, 'selectedIndex', -1);\n }\n var /** @type {?} */ valueString = _buildValueString(id, value);\n this._renderer.setProperty(this._elementRef.nativeElement, 'value', valueString);\n };\n /**\n * @param {?} fn\n * @return {?}\n */\n SelectControlValueAccessor.prototype.registerOnChange = function (fn) {\n var _this = this;\n this.onChange = function (valueString) {\n _this.value = _this._getOptionValue(valueString);\n fn(_this.value);\n };\n };\n /**\n * @param {?} fn\n * @return {?}\n */\n SelectControlValueAccessor.prototype.registerOnTouched = function (fn) { this.onTouched = fn; };\n /**\n * @param {?} isDisabled\n * @return {?}\n */\n SelectControlValueAccessor.prototype.setDisabledState = function (isDisabled) {\n this._renderer.setProperty(this._elementRef.nativeElement, 'disabled', isDisabled);\n };\n /**\n * \\@internal\n * @return {?}\n */\n SelectControlValueAccessor.prototype._registerOption = function () { return (this._idCounter++).toString(); };\n /**\n * \\@internal\n * @param {?} value\n * @return {?}\n */\n SelectControlValueAccessor.prototype._getOptionId = function (value) {\n for (var _i = 0, _a = Array.from(this._optionMap.keys()); _i < _a.length; _i++) {\n var id = _a[_i];\n if (this._compareWith(this._optionMap.get(id), value))\n return id;\n }\n return null;\n };\n /**\n * \\@internal\n * @param {?} valueString\n * @return {?}\n */\n SelectControlValueAccessor.prototype._getOptionValue = function (valueString) {\n var /** @type {?} */ id = _extractId(valueString);\n return this._optionMap.has(id) ? this._optionMap.get(id) : valueString;\n };\n return SelectControlValueAccessor;\n}());\nSelectControlValueAccessor.decorators = [\n { type: __WEBPACK_IMPORTED_MODULE_1__angular_core__[\"Directive\"], args: [{\n selector: 'select:not([multiple])[formControlName],select:not([multiple])[formControl],select:not([multiple])[ngModel]',\n host: { '(change)': 'onChange($event.target.value)', '(blur)': 'onTouched()' },\n providers: [SELECT_VALUE_ACCESSOR]\n },] },\n];\n/**\n * @nocollapse\n */\nSelectControlValueAccessor.ctorParameters = function () { return [\n { type: __WEBPACK_IMPORTED_MODULE_1__angular_core__[\"Renderer2\"], },\n { type: __WEBPACK_IMPORTED_MODULE_1__angular_core__[\"ElementRef\"], },\n]; };\nSelectControlValueAccessor.propDecorators = {\n 'compareWith': [{ type: __WEBPACK_IMPORTED_MODULE_1__angular_core__[\"Input\"] },],\n};\n/**\n * \\@whatItDoes Marks `` as dynamic, so Angular can be notified when options change.\n *\n * \\@howToUse\n *\n * See docs for {\\@link SelectControlValueAccessor} for usage examples.\n *\n * \\@stable\n */\nvar NgSelectOption = (function () {\n /**\n * @param {?} _element\n * @param {?} _renderer\n * @param {?} _select\n */\n function NgSelectOption(_element, _renderer, _select) {\n this._element = _element;\n this._renderer = _renderer;\n this._select = _select;\n if (this._select)\n this.id = this._select._registerOption();\n }\n Object.defineProperty(NgSelectOption.prototype, \"ngValue\", {\n /**\n * @param {?} value\n * @return {?}\n */\n set: function (value) {\n if (this._select == null)\n return;\n this._select._optionMap.set(this.id, value);\n this._setElementValue(_buildValueString(this.id, value));\n this._select.writeValue(this._select.value);\n },\n enumerable: true,\n configurable: true\n });\n Object.defineProperty(NgSelectOption.prototype, \"value\", {\n /**\n * @param {?} value\n * @return {?}\n */\n set: function (value) {\n this._setElementValue(value);\n if (this._select)\n this._select.writeValue(this._select.value);\n },\n enumerable: true,\n configurable: true\n });\n /**\n * \\@internal\n * @param {?} value\n * @return {?}\n */\n NgSelectOption.prototype._setElementValue = function (value) {\n this._renderer.setProperty(this._element.nativeElement, 'value', value);\n };\n /**\n * @return {?}\n */\n NgSelectOption.prototype.ngOnDestroy = function () {\n if (this._select) {\n this._select._optionMap.delete(this.id);\n this._select.writeValue(this._select.value);\n }\n };\n return NgSelectOption;\n}());\nNgSelectOption.decorators = [\n { type: __WEBPACK_IMPORTED_MODULE_1__angular_core__[\"Directive\"], args: [{ selector: 'option' },] },\n];\n/**\n * @nocollapse\n */\nNgSelectOption.ctorParameters = function () { return [\n { type: __WEBPACK_IMPORTED_MODULE_1__angular_core__[\"ElementRef\"], },\n { type: __WEBPACK_IMPORTED_MODULE_1__angular_core__[\"Renderer2\"], },\n { type: SelectControlValueAccessor, decorators: [{ type: __WEBPACK_IMPORTED_MODULE_1__angular_core__[\"Optional\"] }, { type: __WEBPACK_IMPORTED_MODULE_1__angular_core__[\"Host\"] },] },\n]; };\nNgSelectOption.propDecorators = {\n 'ngValue': [{ type: __WEBPACK_IMPORTED_MODULE_1__angular_core__[\"Input\"], args: ['ngValue',] },],\n 'value': [{ type: __WEBPACK_IMPORTED_MODULE_1__angular_core__[\"Input\"], args: ['value',] },],\n};\n/**\n * @license\n * Copyright Google Inc. All Rights Reserved.\n *\n * Use of this source code is governed by an MIT-style license that can be\n * found in the LICENSE file at https://angular.io/license\n */\nvar SELECT_MULTIPLE_VALUE_ACCESSOR = {\n provide: NG_VALUE_ACCESSOR,\n useExisting: Object(__WEBPACK_IMPORTED_MODULE_1__angular_core__[\"forwardRef\"])(function () { return SelectMultipleControlValueAccessor; }),\n multi: true\n};\n/**\n * @param {?} id\n * @param {?} value\n * @return {?}\n */\nfunction _buildValueString$1(id, value) {\n if (id == null)\n return \"\" + value;\n if (typeof value === 'string')\n value = \"'\" + value + \"'\";\n if (value && typeof value === 'object')\n value = 'Object';\n return (id + \": \" + value).slice(0, 50);\n}\n/**\n * @param {?} valueString\n * @return {?}\n */\nfunction _extractId$1(valueString) {\n return valueString.split(':')[0];\n}\n/**\n * The accessor for writing a value and listening to changes on a select element.\n *\n * ### Caveat: Options selection\n *\n * Angular uses object identity to select options. It's possible for the identities of items\n * to change while the data does not. This can happen, for example, if the items are produced\n * from an RPC to the server, and that RPC is re-run. Even if the data hasn't changed, the\n * second response will produce objects with different identities.\n *\n * To customize the default option comparison algorithm, `` supports `compareWith`\n * input. `compareWith` takes a **function** which has two arguments: `option1` and `option2`.\n * If `compareWith` is given, Angular selects options by the return value of the function.\n *\n * #### Syntax\n *\n * ```\n * \n * \n * {{country.name}}\n * \n * \n *\n * compareFn(c1: Country, c2: Country): boolean {\n * return c1 && c2 ? c1.id === c2.id : c1 === c2;\n * }\n * ```\n *\n * \\@stable\n */\nvar SelectMultipleControlValueAccessor = (function () {\n /**\n * @param {?} _renderer\n * @param {?} _elementRef\n */\n function SelectMultipleControlValueAccessor(_renderer, _elementRef) {\n this._renderer = _renderer;\n this._elementRef = _elementRef;\n /**\n * \\@internal\n */\n this._optionMap = new Map();\n /**\n * \\@internal\n */\n this._idCounter = 0;\n this.onChange = function (_) { };\n this.onTouched = function () { };\n this._compareWith = __WEBPACK_IMPORTED_MODULE_1__angular_core__[\"ɵlooseIdentical\"];\n }\n Object.defineProperty(SelectMultipleControlValueAccessor.prototype, \"compareWith\", {\n /**\n * @param {?} fn\n * @return {?}\n */\n set: function (fn) {\n if (typeof fn !== 'function') {\n throw new Error(\"compareWith must be a function, but received \" + JSON.stringify(fn));\n }\n this._compareWith = fn;\n },\n enumerable: true,\n configurable: true\n });\n /**\n * @param {?} value\n * @return {?}\n */\n SelectMultipleControlValueAccessor.prototype.writeValue = function (value) {\n var _this = this;\n this.value = value;\n var /** @type {?} */ optionSelectedStateSetter;\n if (Array.isArray(value)) {\n // convert values to ids\n var /** @type {?} */ ids_1 = value.map(function (v) { return _this._getOptionId(v); });\n optionSelectedStateSetter = function (opt, o) { opt._setSelected(ids_1.indexOf(o.toString()) > -1); };\n }\n else {\n optionSelectedStateSetter = function (opt, o) { opt._setSelected(false); };\n }\n this._optionMap.forEach(optionSelectedStateSetter);\n };\n /**\n * @param {?} fn\n * @return {?}\n */\n SelectMultipleControlValueAccessor.prototype.registerOnChange = function (fn) {\n var _this = this;\n this.onChange = function (_) {\n var /** @type {?} */ selected = [];\n if (_.hasOwnProperty('selectedOptions')) {\n var /** @type {?} */ options = _.selectedOptions;\n for (var /** @type {?} */ i = 0; i < options.length; i++) {\n var /** @type {?} */ opt = options.item(i);\n var /** @type {?} */ val = _this._getOptionValue(opt.value);\n selected.push(val);\n }\n }\n else {\n var /** @type {?} */ options = (_.options);\n for (var /** @type {?} */ i = 0; i < options.length; i++) {\n var /** @type {?} */ opt = options.item(i);\n if (opt.selected) {\n var /** @type {?} */ val = _this._getOptionValue(opt.value);\n selected.push(val);\n }\n }\n }\n _this.value = selected;\n fn(selected);\n };\n };\n /**\n * @param {?} fn\n * @return {?}\n */\n SelectMultipleControlValueAccessor.prototype.registerOnTouched = function (fn) { this.onTouched = fn; };\n /**\n * @param {?} isDisabled\n * @return {?}\n */\n SelectMultipleControlValueAccessor.prototype.setDisabledState = function (isDisabled) {\n this._renderer.setProperty(this._elementRef.nativeElement, 'disabled', isDisabled);\n };\n /**\n * \\@internal\n * @param {?} value\n * @return {?}\n */\n SelectMultipleControlValueAccessor.prototype._registerOption = function (value) {\n var /** @type {?} */ id = (this._idCounter++).toString();\n this._optionMap.set(id, value);\n return id;\n };\n /**\n * \\@internal\n * @param {?} value\n * @return {?}\n */\n SelectMultipleControlValueAccessor.prototype._getOptionId = function (value) {\n for (var _i = 0, _a = Array.from(this._optionMap.keys()); _i < _a.length; _i++) {\n var id = _a[_i];\n if (this._compareWith(/** @type {?} */ ((this._optionMap.get(id)))._value, value))\n return id;\n }\n return null;\n };\n /**\n * \\@internal\n * @param {?} valueString\n * @return {?}\n */\n SelectMultipleControlValueAccessor.prototype._getOptionValue = function (valueString) {\n var /** @type {?} */ id = _extractId$1(valueString);\n return this._optionMap.has(id) ? ((this._optionMap.get(id)))._value : valueString;\n };\n return SelectMultipleControlValueAccessor;\n}());\nSelectMultipleControlValueAccessor.decorators = [\n { type: __WEBPACK_IMPORTED_MODULE_1__angular_core__[\"Directive\"], args: [{\n selector: 'select[multiple][formControlName],select[multiple][formControl],select[multiple][ngModel]',\n host: { '(change)': 'onChange($event.target)', '(blur)': 'onTouched()' },\n providers: [SELECT_MULTIPLE_VALUE_ACCESSOR]\n },] },\n];\n/**\n * @nocollapse\n */\nSelectMultipleControlValueAccessor.ctorParameters = function () { return [\n { type: __WEBPACK_IMPORTED_MODULE_1__angular_core__[\"Renderer2\"], },\n { type: __WEBPACK_IMPORTED_MODULE_1__angular_core__[\"ElementRef\"], },\n]; };\nSelectMultipleControlValueAccessor.propDecorators = {\n 'compareWith': [{ type: __WEBPACK_IMPORTED_MODULE_1__angular_core__[\"Input\"] },],\n};\n/**\n * Marks `` as dynamic, so Angular can be notified when options change.\n *\n * ### Example\n *\n * ```\n * \n * \n * ```\n */\nvar NgSelectMultipleOption = (function () {\n /**\n * @param {?} _element\n * @param {?} _renderer\n * @param {?} _select\n */\n function NgSelectMultipleOption(_element, _renderer, _select) {\n this._element = _element;\n this._renderer = _renderer;\n this._select = _select;\n if (this._select) {\n this.id = this._select._registerOption(this);\n }\n }\n Object.defineProperty(NgSelectMultipleOption.prototype, \"ngValue\", {\n /**\n * @param {?} value\n * @return {?}\n */\n set: function (value) {\n if (this._select == null)\n return;\n this._value = value;\n this._setElementValue(_buildValueString$1(this.id, value));\n this._select.writeValue(this._select.value);\n },\n enumerable: true,\n configurable: true\n });\n Object.defineProperty(NgSelectMultipleOption.prototype, \"value\", {\n /**\n * @param {?} value\n * @return {?}\n */\n set: function (value) {\n if (this._select) {\n this._value = value;\n this._setElementValue(_buildValueString$1(this.id, value));\n this._select.writeValue(this._select.value);\n }\n else {\n this._setElementValue(value);\n }\n },\n enumerable: true,\n configurable: true\n });\n /**\n * \\@internal\n * @param {?} value\n * @return {?}\n */\n NgSelectMultipleOption.prototype._setElementValue = function (value) {\n this._renderer.setProperty(this._element.nativeElement, 'value', value);\n };\n /**\n * \\@internal\n * @param {?} selected\n * @return {?}\n */\n NgSelectMultipleOption.prototype._setSelected = function (selected) {\n this._renderer.setProperty(this._element.nativeElement, 'selected', selected);\n };\n /**\n * @return {?}\n */\n NgSelectMultipleOption.prototype.ngOnDestroy = function () {\n if (this._select) {\n this._select._optionMap.delete(this.id);\n this._select.writeValue(this._select.value);\n }\n };\n return NgSelectMultipleOption;\n}());\nNgSelectMultipleOption.decorators = [\n { type: __WEBPACK_IMPORTED_MODULE_1__angular_core__[\"Directive\"], args: [{ selector: 'option' },] },\n];\n/**\n * @nocollapse\n */\nNgSelectMultipleOption.ctorParameters = function () { return [\n { type: __WEBPACK_IMPORTED_MODULE_1__angular_core__[\"ElementRef\"], },\n { type: __WEBPACK_IMPORTED_MODULE_1__angular_core__[\"Renderer2\"], },\n { type: SelectMultipleControlValueAccessor, decorators: [{ type: __WEBPACK_IMPORTED_MODULE_1__angular_core__[\"Optional\"] }, { type: __WEBPACK_IMPORTED_MODULE_1__angular_core__[\"Host\"] },] },\n]; };\nNgSelectMultipleOption.propDecorators = {\n 'ngValue': [{ type: __WEBPACK_IMPORTED_MODULE_1__angular_core__[\"Input\"], args: ['ngValue',] },],\n 'value': [{ type: __WEBPACK_IMPORTED_MODULE_1__angular_core__[\"Input\"], args: ['value',] },],\n};\n/**\n * @license\n * Copyright Google Inc. All Rights Reserved.\n *\n * Use of this source code is governed by an MIT-style license that can be\n * found in the LICENSE file at https://angular.io/license\n */\n/**\n * @param {?} name\n * @param {?} parent\n * @return {?}\n */\nfunction controlPath(name, parent) {\n return ((parent.path)).concat([name]);\n}\n/**\n * @param {?} control\n * @param {?} dir\n * @return {?}\n */\nfunction setUpControl(control, dir) {\n if (!control)\n _throwError(dir, 'Cannot find control with');\n if (!dir.valueAccessor)\n _throwError(dir, 'No value accessor for form control with');\n control.validator = Validators.compose([/** @type {?} */ ((control.validator)), dir.validator]);\n control.asyncValidator = Validators.composeAsync([/** @type {?} */ ((control.asyncValidator)), dir.asyncValidator]); /** @type {?} */\n ((dir.valueAccessor)).writeValue(control.value); /** @type {?} */\n ((\n // view -> model\n dir.valueAccessor)).registerOnChange(function (newValue) {\n dir.viewToModelUpdate(newValue);\n control.markAsDirty();\n control.setValue(newValue, { emitModelToViewChange: false });\n }); /** @type {?} */\n ((\n // touched\n dir.valueAccessor)).registerOnTouched(function () { return control.markAsTouched(); });\n control.registerOnChange(function (newValue, emitModelEvent) {\n ((\n // control -> view\n dir.valueAccessor)).writeValue(newValue);\n // control -> ngModel\n if (emitModelEvent)\n dir.viewToModelUpdate(newValue);\n });\n if (((dir.valueAccessor)).setDisabledState) {\n control.registerOnDisabledChange(function (isDisabled) { /** @type {?} */ ((((dir.valueAccessor)).setDisabledState))(isDisabled); });\n }\n // re-run validation when validator binding changes, e.g. minlength=3 -> minlength=4\n dir._rawValidators.forEach(function (validator) {\n if (((validator)).registerOnValidatorChange)\n ((((validator)).registerOnValidatorChange))(function () { return control.updateValueAndValidity(); });\n });\n dir._rawAsyncValidators.forEach(function (validator) {\n if (((validator)).registerOnValidatorChange)\n ((((validator)).registerOnValidatorChange))(function () { return control.updateValueAndValidity(); });\n });\n}\n/**\n * @param {?} control\n * @param {?} dir\n * @return {?}\n */\nfunction cleanUpControl(control, dir) {\n ((dir.valueAccessor)).registerOnChange(function () { return _noControlError(dir); }); /** @type {?} */\n ((dir.valueAccessor)).registerOnTouched(function () { return _noControlError(dir); });\n dir._rawValidators.forEach(function (validator) {\n if (validator.registerOnValidatorChange) {\n validator.registerOnValidatorChange(null);\n }\n });\n dir._rawAsyncValidators.forEach(function (validator) {\n if (validator.registerOnValidatorChange) {\n validator.registerOnValidatorChange(null);\n }\n });\n if (control)\n control._clearChangeFns();\n}\n/**\n * @param {?} control\n * @param {?} dir\n * @return {?}\n */\nfunction setUpFormContainer(control, dir) {\n if (control == null)\n _throwError(dir, 'Cannot find control with');\n control.validator = Validators.compose([control.validator, dir.validator]);\n control.asyncValidator = Validators.composeAsync([control.asyncValidator, dir.asyncValidator]);\n}\n/**\n * @param {?} dir\n * @return {?}\n */\nfunction _noControlError(dir) {\n return _throwError(dir, 'There is no FormControl instance attached to form control element with');\n}\n/**\n * @param {?} dir\n * @param {?} message\n * @return {?}\n */\nfunction _throwError(dir, message) {\n var /** @type {?} */ messageEnd;\n if (((dir.path)).length > 1) {\n messageEnd = \"path: '\" + ((dir.path)).join(' -> ') + \"'\";\n }\n else if (((dir.path))[0]) {\n messageEnd = \"name: '\" + dir.path + \"'\";\n }\n else {\n messageEnd = 'unspecified name attribute';\n }\n throw new Error(message + \" \" + messageEnd);\n}\n/**\n * @param {?} validators\n * @return {?}\n */\nfunction composeValidators(validators) {\n return validators != null ? Validators.compose(validators.map(normalizeValidator)) : null;\n}\n/**\n * @param {?} validators\n * @return {?}\n */\nfunction composeAsyncValidators(validators) {\n return validators != null ? Validators.composeAsync(validators.map(normalizeAsyncValidator)) :\n null;\n}\n/**\n * @param {?} changes\n * @param {?} viewModel\n * @return {?}\n */\nfunction isPropertyUpdated(changes, viewModel) {\n if (!changes.hasOwnProperty('model'))\n return false;\n var /** @type {?} */ change = changes['model'];\n if (change.isFirstChange())\n return true;\n return !Object(__WEBPACK_IMPORTED_MODULE_1__angular_core__[\"ɵlooseIdentical\"])(viewModel, change.currentValue);\n}\nvar BUILTIN_ACCESSORS = [\n CheckboxControlValueAccessor,\n RangeValueAccessor,\n NumberValueAccessor,\n SelectControlValueAccessor,\n SelectMultipleControlValueAccessor,\n RadioControlValueAccessor,\n];\n/**\n * @param {?} valueAccessor\n * @return {?}\n */\nfunction isBuiltInAccessor(valueAccessor) {\n return BUILTIN_ACCESSORS.some(function (a) { return valueAccessor.constructor === a; });\n}\n/**\n * @param {?} dir\n * @param {?} valueAccessors\n * @return {?}\n */\nfunction selectValueAccessor(dir, valueAccessors) {\n if (!valueAccessors)\n return null;\n var /** @type {?} */ defaultAccessor = undefined;\n var /** @type {?} */ builtinAccessor = undefined;\n var /** @type {?} */ customAccessor = undefined;\n valueAccessors.forEach(function (v) {\n if (v.constructor === DefaultValueAccessor) {\n defaultAccessor = v;\n }\n else if (isBuiltInAccessor(v)) {\n if (builtinAccessor)\n _throwError(dir, 'More than one built-in value accessor matches form control with');\n builtinAccessor = v;\n }\n else {\n if (customAccessor)\n _throwError(dir, 'More than one custom value accessor matches form control with');\n customAccessor = v;\n }\n });\n if (customAccessor)\n return customAccessor;\n if (builtinAccessor)\n return builtinAccessor;\n if (defaultAccessor)\n return defaultAccessor;\n _throwError(dir, 'No valid value accessor for form control with');\n return null;\n}\n/**\n * @license\n * Copyright Google Inc. All Rights Reserved.\n *\n * Use of this source code is governed by an MIT-style license that can be\n * found in the LICENSE file at https://angular.io/license\n */\n/**\n * This is a base class for code shared between {\\@link NgModelGroup} and {\\@link FormGroupName}.\n *\n * \\@stable\n */\nvar AbstractFormGroupDirective = (function (_super) {\n __WEBPACK_IMPORTED_MODULE_0_tslib__[\"a\" /* __extends */](AbstractFormGroupDirective, _super);\n function AbstractFormGroupDirective() {\n return _super !== null && _super.apply(this, arguments) || this;\n }\n /**\n * @return {?}\n */\n AbstractFormGroupDirective.prototype.ngOnInit = function () {\n this._checkParentType(); /** @type {?} */\n ((this.formDirective)).addFormGroup(this);\n };\n /**\n * @return {?}\n */\n AbstractFormGroupDirective.prototype.ngOnDestroy = function () {\n if (this.formDirective) {\n this.formDirective.removeFormGroup(this);\n }\n };\n Object.defineProperty(AbstractFormGroupDirective.prototype, \"control\", {\n /**\n * Get the {\\@link FormGroup} backing this binding.\n * @return {?}\n */\n get: function () { return ((this.formDirective)).getFormGroup(this); },\n enumerable: true,\n configurable: true\n });\n Object.defineProperty(AbstractFormGroupDirective.prototype, \"path\", {\n /**\n * Get the path to this control group.\n * @return {?}\n */\n get: function () { return controlPath(this.name, this._parent); },\n enumerable: true,\n configurable: true\n });\n Object.defineProperty(AbstractFormGroupDirective.prototype, \"formDirective\", {\n /**\n * Get the {\\@link Form} to which this group belongs.\n * @return {?}\n */\n get: function () { return this._parent ? this._parent.formDirective : null; },\n enumerable: true,\n configurable: true\n });\n Object.defineProperty(AbstractFormGroupDirective.prototype, \"validator\", {\n /**\n * @return {?}\n */\n get: function () { return composeValidators(this._validators); },\n enumerable: true,\n configurable: true\n });\n Object.defineProperty(AbstractFormGroupDirective.prototype, \"asyncValidator\", {\n /**\n * @return {?}\n */\n get: function () {\n return composeAsyncValidators(this._asyncValidators);\n },\n enumerable: true,\n configurable: true\n });\n /**\n * \\@internal\n * @return {?}\n */\n AbstractFormGroupDirective.prototype._checkParentType = function () { };\n return AbstractFormGroupDirective;\n}(ControlContainer));\n/**\n * @license\n * Copyright Google Inc. All Rights Reserved.\n *\n * Use of this source code is governed by an MIT-style license that can be\n * found in the LICENSE file at https://angular.io/license\n */\nvar AbstractControlStatus = (function () {\n /**\n * @param {?} cd\n */\n function AbstractControlStatus(cd) {\n this._cd = cd;\n }\n Object.defineProperty(AbstractControlStatus.prototype, \"ngClassUntouched\", {\n /**\n * @return {?}\n */\n get: function () { return this._cd.control ? this._cd.control.untouched : false; },\n enumerable: true,\n configurable: true\n });\n Object.defineProperty(AbstractControlStatus.prototype, \"ngClassTouched\", {\n /**\n * @return {?}\n */\n get: function () { return this._cd.control ? this._cd.control.touched : false; },\n enumerable: true,\n configurable: true\n });\n Object.defineProperty(AbstractControlStatus.prototype, \"ngClassPristine\", {\n /**\n * @return {?}\n */\n get: function () { return this._cd.control ? this._cd.control.pristine : false; },\n enumerable: true,\n configurable: true\n });\n Object.defineProperty(AbstractControlStatus.prototype, \"ngClassDirty\", {\n /**\n * @return {?}\n */\n get: function () { return this._cd.control ? this._cd.control.dirty : false; },\n enumerable: true,\n configurable: true\n });\n Object.defineProperty(AbstractControlStatus.prototype, \"ngClassValid\", {\n /**\n * @return {?}\n */\n get: function () { return this._cd.control ? this._cd.control.valid : false; },\n enumerable: true,\n configurable: true\n });\n Object.defineProperty(AbstractControlStatus.prototype, \"ngClassInvalid\", {\n /**\n * @return {?}\n */\n get: function () { return this._cd.control ? this._cd.control.invalid : false; },\n enumerable: true,\n configurable: true\n });\n Object.defineProperty(AbstractControlStatus.prototype, \"ngClassPending\", {\n /**\n * @return {?}\n */\n get: function () { return this._cd.control ? this._cd.control.pending : false; },\n enumerable: true,\n configurable: true\n });\n return AbstractControlStatus;\n}());\nvar ngControlStatusHost = {\n '[class.ng-untouched]': 'ngClassUntouched',\n '[class.ng-touched]': 'ngClassTouched',\n '[class.ng-pristine]': 'ngClassPristine',\n '[class.ng-dirty]': 'ngClassDirty',\n '[class.ng-valid]': 'ngClassValid',\n '[class.ng-invalid]': 'ngClassInvalid',\n '[class.ng-pending]': 'ngClassPending',\n};\n/**\n * Directive automatically applied to Angular form controls that sets CSS classes\n * based on control status. The following classes are applied as the properties\n * become true:\n *\n * * ng-valid\n * * ng-invalid\n * * ng-pending\n * * ng-pristine\n * * ng-dirty\n * * ng-untouched\n * * ng-touched\n *\n * \\@stable\n */\nvar NgControlStatus = (function (_super) {\n __WEBPACK_IMPORTED_MODULE_0_tslib__[\"a\" /* __extends */](NgControlStatus, _super);\n /**\n * @param {?} cd\n */\n function NgControlStatus(cd) {\n return _super.call(this, cd) || this;\n }\n return NgControlStatus;\n}(AbstractControlStatus));\nNgControlStatus.decorators = [\n { type: __WEBPACK_IMPORTED_MODULE_1__angular_core__[\"Directive\"], args: [{ selector: '[formControlName],[ngModel],[formControl]', host: ngControlStatusHost },] },\n];\n/**\n * @nocollapse\n */\nNgControlStatus.ctorParameters = function () { return [\n { type: NgControl, decorators: [{ type: __WEBPACK_IMPORTED_MODULE_1__angular_core__[\"Self\"] },] },\n]; };\n/**\n * Directive automatically applied to Angular form groups that sets CSS classes\n * based on control status (valid/invalid/dirty/etc).\n *\n * \\@stable\n */\nvar NgControlStatusGroup = (function (_super) {\n __WEBPACK_IMPORTED_MODULE_0_tslib__[\"a\" /* __extends */](NgControlStatusGroup, _super);\n /**\n * @param {?} cd\n */\n function NgControlStatusGroup(cd) {\n return _super.call(this, cd) || this;\n }\n return NgControlStatusGroup;\n}(AbstractControlStatus));\nNgControlStatusGroup.decorators = [\n { type: __WEBPACK_IMPORTED_MODULE_1__angular_core__[\"Directive\"], args: [{\n selector: '[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]',\n host: ngControlStatusHost\n },] },\n];\n/**\n * @nocollapse\n */\nNgControlStatusGroup.ctorParameters = function () { return [\n { type: ControlContainer, decorators: [{ type: __WEBPACK_IMPORTED_MODULE_1__angular_core__[\"Self\"] },] },\n]; };\n/**\n * @license\n * Copyright Google Inc. All Rights Reserved.\n *\n * Use of this source code is governed by an MIT-style license that can be\n * found in the LICENSE file at https://angular.io/license\n */\n/**\n * Indicates that a FormControl is valid, i.e. that no errors exist in the input value.\n */\nvar VALID = 'VALID';\n/**\n * Indicates that a FormControl is invalid, i.e. that an error exists in the input value.\n */\nvar INVALID = 'INVALID';\n/**\n * Indicates that a FormControl is pending, i.e. that async validation is occurring and\n * errors are not yet available for the input value.\n */\nvar PENDING = 'PENDING';\n/**\n * Indicates that a FormControl is disabled, i.e. that the control is exempt from ancestor\n * calculations of validity or value.\n */\nvar DISABLED = 'DISABLED';\n/**\n * @param {?} control\n * @param {?} path\n * @param {?} delimiter\n * @return {?}\n */\nfunction _find(control, path, delimiter) {\n if (path == null)\n return null;\n if (!(path instanceof Array)) {\n path = ((path)).split(delimiter);\n }\n if (path instanceof Array && (path.length === 0))\n return null;\n return ((path)).reduce(function (v, name) {\n if (v instanceof FormGroup) {\n return v.controls[name] || null;\n }\n if (v instanceof FormArray) {\n return v.at(/** @type {?} */ (name)) || null;\n }\n return null;\n }, control);\n}\n/**\n * @param {?=} validator\n * @return {?}\n */\nfunction coerceToValidator(validator) {\n return Array.isArray(validator) ? composeValidators(validator) : validator || null;\n}\n/**\n * @param {?=} asyncValidator\n * @return {?}\n */\nfunction coerceToAsyncValidator(asyncValidator) {\n return Array.isArray(asyncValidator) ? composeAsyncValidators(asyncValidator) :\n asyncValidator || null;\n}\n/**\n * \\@whatItDoes This is the base class for {\\@link FormControl}, {\\@link FormGroup}, and\n * {\\@link FormArray}.\n *\n * It provides some of the shared behavior that all controls and groups of controls have, like\n * running validators, calculating status, and resetting state. It also defines the properties\n * that are shared between all sub-classes, like `value`, `valid`, and `dirty`. It shouldn't be\n * instantiated directly.\n *\n * \\@stable\n * @abstract\n */\nvar AbstractControl = (function () {\n /**\n * @param {?} validator\n * @param {?} asyncValidator\n */\n function AbstractControl(validator, asyncValidator) {\n this.validator = validator;\n this.asyncValidator = asyncValidator;\n /**\n * \\@internal\n */\n this._onCollectionChange = function () { };\n this._pristine = true;\n this._touched = false;\n /**\n * \\@internal\n */\n this._onDisabledChange = [];\n }\n Object.defineProperty(AbstractControl.prototype, \"value\", {\n /**\n * The value of the control.\n * @return {?}\n */\n get: function () { return this._value; },\n enumerable: true,\n configurable: true\n });\n Object.defineProperty(AbstractControl.prototype, \"parent\", {\n /**\n * The parent control.\n * @return {?}\n */\n get: function () { return this._parent; },\n enumerable: true,\n configurable: true\n });\n Object.defineProperty(AbstractControl.prototype, \"status\", {\n /**\n * The validation status of the control. There are four possible\n * validation statuses:\n *\n * * **VALID**: control has passed all validation checks\n * * **INVALID**: control has failed at least one validation check\n * * **PENDING**: control is in the midst of conducting a validation check\n * * **DISABLED**: control is exempt from validation checks\n *\n * These statuses are mutually exclusive, so a control cannot be\n * both valid AND invalid or invalid AND disabled.\n * @return {?}\n */\n get: function () { return this._status; },\n enumerable: true,\n configurable: true\n });\n Object.defineProperty(AbstractControl.prototype, \"valid\", {\n /**\n * A control is `valid` when its `status === VALID`.\n *\n * In order to have this status, the control must have passed all its\n * validation checks.\n * @return {?}\n */\n get: function () { return this._status === VALID; },\n enumerable: true,\n configurable: true\n });\n Object.defineProperty(AbstractControl.prototype, \"invalid\", {\n /**\n * A control is `invalid` when its `status === INVALID`.\n *\n * In order to have this status, the control must have failed\n * at least one of its validation checks.\n * @return {?}\n */\n get: function () { return this._status === INVALID; },\n enumerable: true,\n configurable: true\n });\n Object.defineProperty(AbstractControl.prototype, \"pending\", {\n /**\n * A control is `pending` when its `status === PENDING`.\n *\n * In order to have this status, the control must be in the\n * middle of conducting a validation check.\n * @return {?}\n */\n get: function () { return this._status == PENDING; },\n enumerable: true,\n configurable: true\n });\n Object.defineProperty(AbstractControl.prototype, \"disabled\", {\n /**\n * A control is `disabled` when its `status === DISABLED`.\n *\n * Disabled controls are exempt from validation checks and\n * are not included in the aggregate value of their ancestor\n * controls.\n * @return {?}\n */\n get: function () { return this._status === DISABLED; },\n enumerable: true,\n configurable: true\n });\n Object.defineProperty(AbstractControl.prototype, \"enabled\", {\n /**\n * A control is `enabled` as long as its `status !== DISABLED`.\n *\n * In other words, it has a status of `VALID`, `INVALID`, or\n * `PENDING`.\n * @return {?}\n */\n get: function () { return this._status !== DISABLED; },\n enumerable: true,\n configurable: true\n });\n Object.defineProperty(AbstractControl.prototype, \"errors\", {\n /**\n * Returns any errors generated by failing validation. If there\n * are no errors, it will return null.\n * @return {?}\n */\n get: function () { return this._errors; },\n enumerable: true,\n configurable: true\n });\n Object.defineProperty(AbstractControl.prototype, \"pristine\", {\n /**\n * A control is `pristine` if the user has not yet changed\n * the value in the UI.\n *\n * Note that programmatic changes to a control's value will\n * *not* mark it dirty.\n * @return {?}\n */\n get: function () { return this._pristine; },\n enumerable: true,\n configurable: true\n });\n Object.defineProperty(AbstractControl.prototype, \"dirty\", {\n /**\n * A control is `dirty` if the user has changed the value\n * in the UI.\n *\n * Note that programmatic changes to a control's value will\n * *not* mark it dirty.\n * @return {?}\n */\n get: function () { return !this.pristine; },\n enumerable: true,\n configurable: true\n });\n Object.defineProperty(AbstractControl.prototype, \"touched\", {\n /**\n * A control is marked `touched` once the user has triggered\n * a `blur` event on it.\n * @return {?}\n */\n get: function () { return this._touched; },\n enumerable: true,\n configurable: true\n });\n Object.defineProperty(AbstractControl.prototype, \"untouched\", {\n /**\n * A control is `untouched` if the user has not yet triggered\n * a `blur` event on it.\n * @return {?}\n */\n get: function () { return !this._touched; },\n enumerable: true,\n configurable: true\n });\n Object.defineProperty(AbstractControl.prototype, \"valueChanges\", {\n /**\n * Emits an event every time the value of the control changes, in\n * the UI or programmatically.\n * @return {?}\n */\n get: function () { return this._valueChanges; },\n enumerable: true,\n configurable: true\n });\n Object.defineProperty(AbstractControl.prototype, \"statusChanges\", {\n /**\n * Emits an event every time the validation status of the control\n * is re-calculated.\n * @return {?}\n */\n get: function () { return this._statusChanges; },\n enumerable: true,\n configurable: true\n });\n /**\n * Sets the synchronous validators that are active on this control. Calling\n * this will overwrite any existing sync validators.\n * @param {?} newValidator\n * @return {?}\n */\n AbstractControl.prototype.setValidators = function (newValidator) {\n this.validator = coerceToValidator(newValidator);\n };\n /**\n * Sets the async validators that are active on this control. Calling this\n * will overwrite any existing async validators.\n * @param {?} newValidator\n * @return {?}\n */\n AbstractControl.prototype.setAsyncValidators = function (newValidator) {\n this.asyncValidator = coerceToAsyncValidator(newValidator);\n };\n /**\n * Empties out the sync validator list.\n * @return {?}\n */\n AbstractControl.prototype.clearValidators = function () { this.validator = null; };\n /**\n * Empties out the async validator list.\n * @return {?}\n */\n AbstractControl.prototype.clearAsyncValidators = function () { this.asyncValidator = null; };\n /**\n * Marks the control as `touched`.\n *\n * This will also mark all direct ancestors as `touched` to maintain\n * the model.\n * @param {?=} opts\n * @return {?}\n */\n AbstractControl.prototype.markAsTouched = function (opts) {\n if (opts === void 0) { opts = {}; }\n this._touched = true;\n if (this._parent && !opts.onlySelf) {\n this._parent.markAsTouched(opts);\n }\n };\n /**\n * Marks the control as `untouched`.\n *\n * If the control has any children, it will also mark all children as `untouched`\n * to maintain the model, and re-calculate the `touched` status of all parent\n * controls.\n * @param {?=} opts\n * @return {?}\n */\n AbstractControl.prototype.markAsUntouched = function (opts) {\n if (opts === void 0) { opts = {}; }\n this._touched = false;\n this._forEachChild(function (control) { control.markAsUntouched({ onlySelf: true }); });\n if (this._parent && !opts.onlySelf) {\n this._parent._updateTouched(opts);\n }\n };\n /**\n * Marks the control as `dirty`.\n *\n * This will also mark all direct ancestors as `dirty` to maintain\n * the model.\n * @param {?=} opts\n * @return {?}\n */\n AbstractControl.prototype.markAsDirty = function (opts) {\n if (opts === void 0) { opts = {}; }\n this._pristine = false;\n if (this._parent && !opts.onlySelf) {\n this._parent.markAsDirty(opts);\n }\n };\n /**\n * Marks the control as `pristine`.\n *\n * If the control has any children, it will also mark all children as `pristine`\n * to maintain the model, and re-calculate the `pristine` status of all parent\n * controls.\n * @param {?=} opts\n * @return {?}\n */\n AbstractControl.prototype.markAsPristine = function (opts) {\n if (opts === void 0) { opts = {}; }\n this._pristine = true;\n this._forEachChild(function (control) { control.markAsPristine({ onlySelf: true }); });\n if (this._parent && !opts.onlySelf) {\n this._parent._updatePristine(opts);\n }\n };\n /**\n * Marks the control as `pending`.\n * @param {?=} opts\n * @return {?}\n */\n AbstractControl.prototype.markAsPending = function (opts) {\n if (opts === void 0) { opts = {}; }\n this._status = PENDING;\n if (this._parent && !opts.onlySelf) {\n this._parent.markAsPending(opts);\n }\n };\n /**\n * Disables the control. This means the control will be exempt from validation checks and\n * excluded from the aggregate value of any parent. Its status is `DISABLED`.\n *\n * If the control has children, all children will be disabled to maintain the model.\n * @param {?=} opts\n * @return {?}\n */\n AbstractControl.prototype.disable = function (opts) {\n if (opts === void 0) { opts = {}; }\n this._status = DISABLED;\n this._errors = null;\n this._forEachChild(function (control) { control.disable({ onlySelf: true }); });\n this._updateValue();\n if (opts.emitEvent !== false) {\n this._valueChanges.emit(this._value);\n this._statusChanges.emit(this._status);\n }\n this._updateAncestors(!!opts.onlySelf);\n this._onDisabledChange.forEach(function (changeFn) { return changeFn(true); });\n };\n /**\n * Enables the control. This means the control will be included in validation checks and\n * the aggregate value of its parent. Its status is re-calculated based on its value and\n * its validators.\n *\n * If the control has children, all children will be enabled.\n * @param {?=} opts\n * @return {?}\n */\n AbstractControl.prototype.enable = function (opts) {\n if (opts === void 0) { opts = {}; }\n this._status = VALID;\n this._forEachChild(function (control) { control.enable({ onlySelf: true }); });\n this.updateValueAndValidity({ onlySelf: true, emitEvent: opts.emitEvent });\n this._updateAncestors(!!opts.onlySelf);\n this._onDisabledChange.forEach(function (changeFn) { return changeFn(false); });\n };\n /**\n * @param {?} onlySelf\n * @return {?}\n */\n AbstractControl.prototype._updateAncestors = function (onlySelf) {\n if (this._parent && !onlySelf) {\n this._parent.updateValueAndValidity();\n this._parent._updatePristine();\n this._parent._updateTouched();\n }\n };\n /**\n * @param {?} parent\n * @return {?}\n */\n AbstractControl.prototype.setParent = function (parent) { this._parent = parent; };\n /**\n * Sets the value of the control. Abstract method (implemented in sub-classes).\n * @abstract\n * @param {?} value\n * @param {?=} options\n * @return {?}\n */\n AbstractControl.prototype.setValue = function (value, options) { };\n /**\n * Patches the value of the control. Abstract method (implemented in sub-classes).\n * @abstract\n * @param {?} value\n * @param {?=} options\n * @return {?}\n */\n AbstractControl.prototype.patchValue = function (value, options) { };\n /**\n * Resets the control. Abstract method (implemented in sub-classes).\n * @abstract\n * @param {?=} value\n * @param {?=} options\n * @return {?}\n */\n AbstractControl.prototype.reset = function (value, options) { };\n /**\n * Re-calculates the value and validation status of the control.\n *\n * By default, it will also update the value and validity of its ancestors.\n * @param {?=} opts\n * @return {?}\n */\n AbstractControl.prototype.updateValueAndValidity = function (opts) {\n if (opts === void 0) { opts = {}; }\n this._setInitialStatus();\n this._updateValue();\n if (this.enabled) {\n this._cancelExistingSubscription();\n this._errors = this._runValidator();\n this._status = this._calculateStatus();\n if (this._status === VALID || this._status === PENDING) {\n this._runAsyncValidator(opts.emitEvent);\n }\n }\n if (opts.emitEvent !== false) {\n this._valueChanges.emit(this._value);\n this._statusChanges.emit(this._status);\n }\n if (this._parent && !opts.onlySelf) {\n this._parent.updateValueAndValidity(opts);\n }\n };\n /**\n * \\@internal\n * @param {?=} opts\n * @return {?}\n */\n AbstractControl.prototype._updateTreeValidity = function (opts) {\n if (opts === void 0) { opts = { emitEvent: true }; }\n this._forEachChild(function (ctrl) { return ctrl._updateTreeValidity(opts); });\n this.updateValueAndValidity({ onlySelf: true, emitEvent: opts.emitEvent });\n };\n /**\n * @return {?}\n */\n AbstractControl.prototype._setInitialStatus = function () { this._status = this._allControlsDisabled() ? DISABLED : VALID; };\n /**\n * @return {?}\n */\n AbstractControl.prototype._runValidator = function () {\n return this.validator ? this.validator(this) : null;\n };\n /**\n * @param {?=} emitEvent\n * @return {?}\n */\n AbstractControl.prototype._runAsyncValidator = function (emitEvent) {\n var _this = this;\n if (this.asyncValidator) {\n this._status = PENDING;\n var /** @type {?} */ obs = toObservable(this.asyncValidator(this));\n this._asyncValidationSubscription =\n obs.subscribe(function (errors) { return _this.setErrors(errors, { emitEvent: emitEvent }); });\n }\n };\n /**\n * @return {?}\n */\n AbstractControl.prototype._cancelExistingSubscription = function () {\n if (this._asyncValidationSubscription) {\n this._asyncValidationSubscription.unsubscribe();\n }\n };\n /**\n * Sets errors on a form control.\n *\n * This is used when validations are run manually by the user, rather than automatically.\n *\n * Calling `setErrors` will also update the validity of the parent control.\n *\n * ### Example\n *\n * ```\n * const login = new FormControl(\"someLogin\");\n * login.setErrors({\n * \"notUnique\": true\n * });\n *\n * expect(login.valid).toEqual(false);\n * expect(login.errors).toEqual({\"notUnique\": true});\n *\n * login.setValue(\"someOtherLogin\");\n *\n * expect(login.valid).toEqual(true);\n * ```\n * @param {?} errors\n * @param {?=} opts\n * @return {?}\n */\n AbstractControl.prototype.setErrors = function (errors, opts) {\n if (opts === void 0) { opts = {}; }\n this._errors = errors;\n this._updateControlsErrors(opts.emitEvent !== false);\n };\n /**\n * Retrieves a child control given the control's name or path.\n *\n * Paths can be passed in as an array or a string delimited by a dot.\n *\n * To get a control nested within a `person` sub-group:\n *\n * * `this.form.get('person.name');`\n *\n * -OR-\n *\n * * `this.form.get(['person', 'name']);`\n * @param {?} path\n * @return {?}\n */\n AbstractControl.prototype.get = function (path) { return _find(this, path, '.'); };\n /**\n * Returns error data if the control with the given path has the error specified. Otherwise\n * returns null or undefined.\n *\n * If no path is given, it checks for the error on the present control.\n * @param {?} errorCode\n * @param {?=} path\n * @return {?}\n */\n AbstractControl.prototype.getError = function (errorCode, path) {\n var /** @type {?} */ control = path ? this.get(path) : this;\n return control && control._errors ? control._errors[errorCode] : null;\n };\n /**\n * Returns true if the control with the given path has the error specified. Otherwise\n * returns false.\n *\n * If no path is given, it checks for the error on the present control.\n * @param {?} errorCode\n * @param {?=} path\n * @return {?}\n */\n AbstractControl.prototype.hasError = function (errorCode, path) { return !!this.getError(errorCode, path); };\n Object.defineProperty(AbstractControl.prototype, \"root\", {\n /**\n * Retrieves the top-level ancestor of this control.\n * @return {?}\n */\n get: function () {\n var /** @type {?} */ x = this;\n while (x._parent) {\n x = x._parent;\n }\n return x;\n },\n enumerable: true,\n configurable: true\n });\n /**\n * \\@internal\n * @param {?} emitEvent\n * @return {?}\n */\n AbstractControl.prototype._updateControlsErrors = function (emitEvent) {\n this._status = this._calculateStatus();\n if (emitEvent) {\n this._statusChanges.emit(this._status);\n }\n if (this._parent) {\n this._parent._updateControlsErrors(emitEvent);\n }\n };\n /**\n * \\@internal\n * @return {?}\n */\n AbstractControl.prototype._initObservables = function () {\n this._valueChanges = new __WEBPACK_IMPORTED_MODULE_1__angular_core__[\"EventEmitter\"]();\n this._statusChanges = new __WEBPACK_IMPORTED_MODULE_1__angular_core__[\"EventEmitter\"]();\n };\n /**\n * @return {?}\n */\n AbstractControl.prototype._calculateStatus = function () {\n if (this._allControlsDisabled())\n return DISABLED;\n if (this._errors)\n return INVALID;\n if (this._anyControlsHaveStatus(PENDING))\n return PENDING;\n if (this._anyControlsHaveStatus(INVALID))\n return INVALID;\n return VALID;\n };\n /**\n * \\@internal\n * @abstract\n * @return {?}\n */\n AbstractControl.prototype._updateValue = function () { };\n /**\n * \\@internal\n * @abstract\n * @param {?} cb\n * @return {?}\n */\n AbstractControl.prototype._forEachChild = function (cb) { };\n /**\n * \\@internal\n * @abstract\n * @param {?} condition\n * @return {?}\n */\n AbstractControl.prototype._anyControls = function (condition) { };\n /**\n * \\@internal\n * @abstract\n * @return {?}\n */\n AbstractControl.prototype._allControlsDisabled = function () { };\n /**\n * \\@internal\n * @param {?} status\n * @return {?}\n */\n AbstractControl.prototype._anyControlsHaveStatus = function (status) {\n return this._anyControls(function (control) { return control.status === status; });\n };\n /**\n * \\@internal\n * @return {?}\n */\n AbstractControl.prototype._anyControlsDirty = function () {\n return this._anyControls(function (control) { return control.dirty; });\n };\n /**\n * \\@internal\n * @return {?}\n */\n AbstractControl.prototype._anyControlsTouched = function () {\n return this._anyControls(function (control) { return control.touched; });\n };\n /**\n * \\@internal\n * @param {?=} opts\n * @return {?}\n */\n AbstractControl.prototype._updatePristine = function (opts) {\n if (opts === void 0) { opts = {}; }\n this._pristine = !this._anyControlsDirty();\n if (this._parent && !opts.onlySelf) {\n this._parent._updatePristine(opts);\n }\n };\n /**\n * \\@internal\n * @param {?=} opts\n * @return {?}\n */\n AbstractControl.prototype._updateTouched = function (opts) {\n if (opts === void 0) { opts = {}; }\n this._touched = this._anyControlsTouched();\n if (this._parent && !opts.onlySelf) {\n this._parent._updateTouched(opts);\n }\n };\n /**\n * \\@internal\n * @param {?} formState\n * @return {?}\n */\n AbstractControl.prototype._isBoxedValue = function (formState) {\n return typeof formState === 'object' && formState !== null &&\n Object.keys(formState).length === 2 && 'value' in formState && 'disabled' in formState;\n };\n /**\n * \\@internal\n * @param {?} fn\n * @return {?}\n */\n AbstractControl.prototype._registerOnCollectionChange = function (fn) { this._onCollectionChange = fn; };\n return AbstractControl;\n}());\n/**\n * \\@whatItDoes Tracks the value and validation status of an individual form control.\n *\n * It is one of the three fundamental building blocks of Angular forms, along with\n * {\\@link FormGroup} and {\\@link FormArray}.\n *\n * \\@howToUse\n *\n * When instantiating a {\\@link FormControl}, you can pass in an initial value as the\n * first argument. Example:\n *\n * ```ts\n * const ctrl = new FormControl('some value');\n * console.log(ctrl.value); // 'some value'\n * ```\n *\n * You can also initialize the control with a form state object on instantiation,\n * which includes both the value and whether or not the control is disabled.\n * You can't use the value key without the disabled key; both are required\n * to use this way of initialization.\n *\n * ```ts\n * const ctrl = new FormControl({value: 'n/a', disabled: true});\n * console.log(ctrl.value); // 'n/a'\n * console.log(ctrl.status); // 'DISABLED'\n * ```\n *\n * To include a sync validator (or an array of sync validators) with the control,\n * pass it in as the second argument. Async validators are also supported, but\n * have to be passed in separately as the third arg.\n *\n * ```ts\n * const ctrl = new FormControl('', Validators.required);\n * console.log(ctrl.value); // ''\n * console.log(ctrl.status); // 'INVALID'\n * ```\n *\n * See its superclass, {\\@link AbstractControl}, for more properties and methods.\n *\n * * **npm package**: `\\@angular/forms`\n *\n * \\@stable\n */\nvar FormControl = (function (_super) {\n __WEBPACK_IMPORTED_MODULE_0_tslib__[\"a\" /* __extends */](FormControl, _super);\n /**\n * @param {?=} formState\n * @param {?=} validator\n * @param {?=} asyncValidator\n */\n function FormControl(formState, validator, asyncValidator) {\n if (formState === void 0) { formState = null; }\n var _this = _super.call(this, coerceToValidator(validator), coerceToAsyncValidator(asyncValidator)) || this;\n /**\n * \\@internal\n */\n _this._onChange = [];\n _this._applyFormState(formState);\n _this.updateValueAndValidity({ onlySelf: true, emitEvent: false });\n _this._initObservables();\n return _this;\n }\n /**\n * Set the value of the form control to `value`.\n *\n * If `onlySelf` is `true`, this change will only affect the validation of this `FormControl`\n * and not its parent component. This defaults to false.\n *\n * If `emitEvent` is `true`, this\n * change will cause a `valueChanges` event on the `FormControl` to be emitted. This defaults\n * to true (as it falls through to `updateValueAndValidity`).\n *\n * If `emitModelToViewChange` is `true`, the view will be notified about the new value\n * via an `onChange` event. This is the default behavior if `emitModelToViewChange` is not\n * specified.\n *\n * If `emitViewToModelChange` is `true`, an ngModelChange event will be fired to update the\n * model. This is the default behavior if `emitViewToModelChange` is not specified.\n * @param {?} value\n * @param {?=} options\n * @return {?}\n */\n FormControl.prototype.setValue = function (value, options) {\n var _this = this;\n if (options === void 0) { options = {}; }\n this._value = value;\n if (this._onChange.length && options.emitModelToViewChange !== false) {\n this._onChange.forEach(function (changeFn) { return changeFn(_this._value, options.emitViewToModelChange !== false); });\n }\n this.updateValueAndValidity(options);\n };\n /**\n * Patches the value of a control.\n *\n * This function is functionally the same as {\\@link FormControl#setValue} at this level.\n * It exists for symmetry with {\\@link FormGroup#patchValue} on `FormGroups` and `FormArrays`,\n * where it does behave differently.\n * @param {?} value\n * @param {?=} options\n * @return {?}\n */\n FormControl.prototype.patchValue = function (value, options) {\n if (options === void 0) { options = {}; }\n this.setValue(value, options);\n };\n /**\n * Resets the form control. This means by default:\n *\n * * it is marked as `pristine`\n * * it is marked as `untouched`\n * * value is set to null\n *\n * You can also reset to a specific form state by passing through a standalone\n * value or a form state object that contains both a value and a disabled state\n * (these are the only two properties that cannot be calculated).\n *\n * Ex:\n *\n * ```ts\n * this.control.reset('Nancy');\n *\n * console.log(this.control.value); // 'Nancy'\n * ```\n *\n * OR\n *\n * ```\n * this.control.reset({value: 'Nancy', disabled: true});\n *\n * console.log(this.control.value); // 'Nancy'\n * console.log(this.control.status); // 'DISABLED'\n * ```\n * @param {?=} formState\n * @param {?=} options\n * @return {?}\n */\n FormControl.prototype.reset = function (formState, options) {\n if (formState === void 0) { formState = null; }\n if (options === void 0) { options = {}; }\n this._applyFormState(formState);\n this.markAsPristine(options);\n this.markAsUntouched(options);\n this.setValue(this._value, options);\n };\n /**\n * \\@internal\n * @return {?}\n */\n FormControl.prototype._updateValue = function () { };\n /**\n * \\@internal\n * @param {?} condition\n * @return {?}\n */\n FormControl.prototype._anyControls = function (condition) { return false; };\n /**\n * \\@internal\n * @return {?}\n */\n FormControl.prototype._allControlsDisabled = function () { return this.disabled; };\n /**\n * Register a listener for change events.\n * @param {?} fn\n * @return {?}\n */\n FormControl.prototype.registerOnChange = function (fn) { this._onChange.push(fn); };\n /**\n * \\@internal\n * @return {?}\n */\n FormControl.prototype._clearChangeFns = function () {\n this._onChange = [];\n this._onDisabledChange = [];\n this._onCollectionChange = function () { };\n };\n /**\n * Register a listener for disabled events.\n * @param {?} fn\n * @return {?}\n */\n FormControl.prototype.registerOnDisabledChange = function (fn) {\n this._onDisabledChange.push(fn);\n };\n /**\n * \\@internal\n * @param {?} cb\n * @return {?}\n */\n FormControl.prototype._forEachChild = function (cb) { };\n /**\n * @param {?} formState\n * @return {?}\n */\n FormControl.prototype._applyFormState = function (formState) {\n if (this._isBoxedValue(formState)) {\n this._value = formState.value;\n formState.disabled ? this.disable({ onlySelf: true, emitEvent: false }) :\n this.enable({ onlySelf: true, emitEvent: false });\n }\n else {\n this._value = formState;\n }\n };\n return FormControl;\n}(AbstractControl));\n/**\n * \\@whatItDoes Tracks the value and validity state of a group of {\\@link FormControl}\n * instances.\n *\n * A `FormGroup` aggregates the values of each child {\\@link FormControl} into one object,\n * with each control name as the key. It calculates its status by reducing the statuses\n * of its children. For example, if one of the controls in a group is invalid, the entire\n * group becomes invalid.\n *\n * `FormGroup` is one of the three fundamental building blocks used to define forms in Angular,\n * along with {\\@link FormControl} and {\\@link FormArray}.\n *\n * \\@howToUse\n *\n * When instantiating a {\\@link FormGroup}, pass in a collection of child controls as the first\n * argument. The key for each child will be the name under which it is registered.\n *\n * ### Example\n *\n * ```\n * const form = new FormGroup({\n * first: new FormControl('Nancy', Validators.minLength(2)),\n * last: new FormControl('Drew'),\n * });\n *\n * console.log(form.value); // {first: 'Nancy', last; 'Drew'}\n * console.log(form.status); // 'VALID'\n * ```\n *\n * You can also include group-level validators as the second arg, or group-level async\n * validators as the third arg. These come in handy when you want to perform validation\n * that considers the value of more than one child control.\n *\n * ### Example\n *\n * ```\n * const form = new FormGroup({\n * password: new FormControl('', Validators.minLength(2)),\n * passwordConfirm: new FormControl('', Validators.minLength(2)),\n * }, passwordMatchValidator);\n *\n *\n * function passwordMatchValidator(g: FormGroup) {\n * return g.get('password').value === g.get('passwordConfirm').value\n * ? null : {'mismatch': true};\n * }\n * ```\n *\n * * **npm package**: `\\@angular/forms`\n *\n * \\@stable\n */\nvar FormGroup = (function (_super) {\n __WEBPACK_IMPORTED_MODULE_0_tslib__[\"a\" /* __extends */](FormGroup, _super);\n /**\n * @param {?} controls\n * @param {?=} validator\n * @param {?=} asyncValidator\n */\n function FormGroup(controls, validator, asyncValidator) {\n var _this = _super.call(this, validator || null, asyncValidator || null) || this;\n _this.controls = controls;\n _this._initObservables();\n _this._setUpControls();\n _this.updateValueAndValidity({ onlySelf: true, emitEvent: false });\n return _this;\n }\n /**\n * Registers a control with the group's list of controls.\n *\n * This method does not update value or validity of the control, so for\n * most cases you'll want to use {\\@link FormGroup#addControl} instead.\n * @param {?} name\n * @param {?} control\n * @return {?}\n */\n FormGroup.prototype.registerControl = function (name, control) {\n if (this.controls[name])\n return this.controls[name];\n this.controls[name] = control;\n control.setParent(this);\n control._registerOnCollectionChange(this._onCollectionChange);\n return control;\n };\n /**\n * Add a control to this group.\n * @param {?} name\n * @param {?} control\n * @return {?}\n */\n FormGroup.prototype.addControl = function (name, control) {\n this.registerControl(name, control);\n this.updateValueAndValidity();\n this._onCollectionChange();\n };\n /**\n * Remove a control from this group.\n * @param {?} name\n * @return {?}\n */\n FormGroup.prototype.removeControl = function (name) {\n if (this.controls[name])\n this.controls[name]._registerOnCollectionChange(function () { });\n delete (this.controls[name]);\n this.updateValueAndValidity();\n this._onCollectionChange();\n };\n /**\n * Replace an existing control.\n * @param {?} name\n * @param {?} control\n * @return {?}\n */\n FormGroup.prototype.setControl = function (name, control) {\n if (this.controls[name])\n this.controls[name]._registerOnCollectionChange(function () { });\n delete (this.controls[name]);\n if (control)\n this.registerControl(name, control);\n this.updateValueAndValidity();\n this._onCollectionChange();\n };\n /**\n * Check whether there is an enabled control with the given name in the group.\n *\n * It will return false for disabled controls. If you'd like to check for\n * existence in the group only, use {\\@link AbstractControl#get} instead.\n * @param {?} controlName\n * @return {?}\n */\n FormGroup.prototype.contains = function (controlName) {\n return this.controls.hasOwnProperty(controlName) && this.controls[controlName].enabled;\n };\n /**\n * Sets the value of the {\\@link FormGroup}. It accepts an object that matches\n * the structure of the group, with control names as keys.\n *\n * This method performs strict checks, so it will throw an error if you try\n * to set the value of a control that doesn't exist or if you exclude the\n * value of a control.\n *\n * ### Example\n *\n * ```\n * const form = new FormGroup({\n * first: new FormControl(),\n * last: new FormControl()\n * });\n * console.log(form.value); // {first: null, last: null}\n *\n * form.setValue({first: 'Nancy', last: 'Drew'});\n * console.log(form.value); // {first: 'Nancy', last: 'Drew'}\n *\n * ```\n * @param {?} value\n * @param {?=} options\n * @return {?}\n */\n FormGroup.prototype.setValue = function (value, options) {\n var _this = this;\n if (options === void 0) { options = {}; }\n this._checkAllValuesPresent(value);\n Object.keys(value).forEach(function (name) {\n _this._throwIfControlMissing(name);\n _this.controls[name].setValue(value[name], { onlySelf: true, emitEvent: options.emitEvent });\n });\n this.updateValueAndValidity(options);\n };\n /**\n * Patches the value of the {\\@link FormGroup}. It accepts an object with control\n * names as keys, and will do its best to match the values to the correct controls\n * in the group.\n *\n * It accepts both super-sets and sub-sets of the group without throwing an error.\n *\n * ### Example\n *\n * ```\n * const form = new FormGroup({\n * first: new FormControl(),\n * last: new FormControl()\n * });\n * console.log(form.value); // {first: null, last: null}\n *\n * form.patchValue({first: 'Nancy'});\n * console.log(form.value); // {first: 'Nancy', last: null}\n *\n * ```\n * @param {?} value\n * @param {?=} options\n * @return {?}\n */\n FormGroup.prototype.patchValue = function (value, options) {\n var _this = this;\n if (options === void 0) { options = {}; }\n Object.keys(value).forEach(function (name) {\n if (_this.controls[name]) {\n _this.controls[name].patchValue(value[name], { onlySelf: true, emitEvent: options.emitEvent });\n }\n });\n this.updateValueAndValidity(options);\n };\n /**\n * Resets the {\\@link FormGroup}. This means by default:\n *\n * * The group and all descendants are marked `pristine`\n * * The group and all descendants are marked `untouched`\n * * The value of all descendants will be null or null maps\n *\n * You can also reset to a specific form state by passing in a map of states\n * that matches the structure of your form, with control names as keys. The state\n * can be a standalone value or a form state object with both a value and a disabled\n * status.\n *\n * ### Example\n *\n * ```ts\n * this.form.reset({first: 'name', last: 'last name'});\n *\n * console.log(this.form.value); // {first: 'name', last: 'last name'}\n * ```\n *\n * - OR -\n *\n * ```\n * this.form.reset({\n * first: {value: 'name', disabled: true},\n * last: 'last'\n * });\n *\n * console.log(this.form.value); // {first: 'name', last: 'last name'}\n * console.log(this.form.get('first').status); // 'DISABLED'\n * ```\n * @param {?=} value\n * @param {?=} options\n * @return {?}\n */\n FormGroup.prototype.reset = function (value, options) {\n if (value === void 0) { value = {}; }\n if (options === void 0) { options = {}; }\n this._forEachChild(function (control, name) {\n control.reset(value[name], { onlySelf: true, emitEvent: options.emitEvent });\n });\n this.updateValueAndValidity(options);\n this._updatePristine(options);\n this._updateTouched(options);\n };\n /**\n * The aggregate value of the {\\@link FormGroup}, including any disabled controls.\n *\n * If you'd like to include all values regardless of disabled status, use this method.\n * Otherwise, the `value` property is the best way to get the value of the group.\n * @return {?}\n */\n FormGroup.prototype.getRawValue = function () {\n return this._reduceChildren({}, function (acc, control, name) {\n acc[name] = control instanceof FormControl ? control.value : ((control)).getRawValue();\n return acc;\n });\n };\n /**\n * \\@internal\n * @param {?} name\n * @return {?}\n */\n FormGroup.prototype._throwIfControlMissing = function (name) {\n if (!Object.keys(this.controls).length) {\n throw new Error(\"\\n There are no form controls registered with this group yet. If you're using ngModel,\\n you may want to check next tick (e.g. use setTimeout).\\n \");\n }\n if (!this.controls[name]) {\n throw new Error(\"Cannot find form control with name: \" + name + \".\");\n }\n };\n /**\n * \\@internal\n * @param {?} cb\n * @return {?}\n */\n FormGroup.prototype._forEachChild = function (cb) {\n var _this = this;\n Object.keys(this.controls).forEach(function (k) { return cb(_this.controls[k], k); });\n };\n /**\n * \\@internal\n * @return {?}\n */\n FormGroup.prototype._setUpControls = function () {\n var _this = this;\n this._forEachChild(function (control) {\n control.setParent(_this);\n control._registerOnCollectionChange(_this._onCollectionChange);\n });\n };\n /**\n * \\@internal\n * @return {?}\n */\n FormGroup.prototype._updateValue = function () { this._value = this._reduceValue(); };\n /**\n * \\@internal\n * @param {?} condition\n * @return {?}\n */\n FormGroup.prototype._anyControls = function (condition) {\n var _this = this;\n var /** @type {?} */ res = false;\n this._forEachChild(function (control, name) {\n res = res || (_this.contains(name) && condition(control));\n });\n return res;\n };\n /**\n * \\@internal\n * @return {?}\n */\n FormGroup.prototype._reduceValue = function () {\n var _this = this;\n return this._reduceChildren({}, function (acc, control, name) {\n if (control.enabled || _this.disabled) {\n acc[name] = control.value;\n }\n return acc;\n });\n };\n /**\n * \\@internal\n * @param {?} initValue\n * @param {?} fn\n * @return {?}\n */\n FormGroup.prototype._reduceChildren = function (initValue, fn) {\n var /** @type {?} */ res = initValue;\n this._forEachChild(function (control, name) { res = fn(res, control, name); });\n return res;\n };\n /**\n * \\@internal\n * @return {?}\n */\n FormGroup.prototype._allControlsDisabled = function () {\n for (var _i = 0, _a = Object.keys(this.controls); _i < _a.length; _i++) {\n var controlName = _a[_i];\n if (this.controls[controlName].enabled) {\n return false;\n }\n }\n return Object.keys(this.controls).length > 0 || this.disabled;\n };\n /**\n * \\@internal\n * @param {?} value\n * @return {?}\n */\n FormGroup.prototype._checkAllValuesPresent = function (value) {\n this._forEachChild(function (control, name) {\n if (value[name] === undefined) {\n throw new Error(\"Must supply a value for form control with name: '\" + name + \"'.\");\n }\n });\n };\n return FormGroup;\n}(AbstractControl));\n/**\n * \\@whatItDoes Tracks the value and validity state of an array of {\\@link FormControl},\n * {\\@link FormGroup} or {\\@link FormArray} instances.\n *\n * A `FormArray` aggregates the values of each child {\\@link FormControl} into an array.\n * It calculates its status by reducing the statuses of its children. For example, if one of\n * the controls in a `FormArray` is invalid, the entire array becomes invalid.\n *\n * `FormArray` is one of the three fundamental building blocks used to define forms in Angular,\n * along with {\\@link FormControl} and {\\@link FormGroup}.\n *\n * \\@howToUse\n *\n * When instantiating a {\\@link FormArray}, pass in an array of child controls as the first\n * argument.\n *\n * ### Example\n *\n * ```\n * const arr = new FormArray([\n * new FormControl('Nancy', Validators.minLength(2)),\n * new FormControl('Drew'),\n * ]);\n *\n * console.log(arr.value); // ['Nancy', 'Drew']\n * console.log(arr.status); // 'VALID'\n * ```\n *\n * You can also include array-level validators as the second arg, or array-level async\n * validators as the third arg. These come in handy when you want to perform validation\n * that considers the value of more than one child control.\n *\n * ### Adding or removing controls\n *\n * To change the controls in the array, use the `push`, `insert`, or `removeAt` methods\n * in `FormArray` itself. These methods ensure the controls are properly tracked in the\n * form's hierarchy. Do not modify the array of `AbstractControl`s used to instantiate\n * the `FormArray` directly, as that will result in strange and unexpected behavior such\n * as broken change detection.\n *\n * * **npm package**: `\\@angular/forms`\n *\n * \\@stable\n */\nvar FormArray = (function (_super) {\n __WEBPACK_IMPORTED_MODULE_0_tslib__[\"a\" /* __extends */](FormArray, _super);\n /**\n * @param {?} controls\n * @param {?=} validator\n * @param {?=} asyncValidator\n */\n function FormArray(controls, validator, asyncValidator) {\n var _this = _super.call(this, validator || null, asyncValidator || null) || this;\n _this.controls = controls;\n _this._initObservables();\n _this._setUpControls();\n _this.updateValueAndValidity({ onlySelf: true, emitEvent: false });\n return _this;\n }\n /**\n * Get the {\\@link AbstractControl} at the given `index` in the array.\n * @param {?} index\n * @return {?}\n */\n FormArray.prototype.at = function (index) { return this.controls[index]; };\n /**\n * Insert a new {\\@link AbstractControl} at the end of the array.\n * @param {?} control\n * @return {?}\n */\n FormArray.prototype.push = function (control) {\n this.controls.push(control);\n this._registerControl(control);\n this.updateValueAndValidity();\n this._onCollectionChange();\n };\n /**\n * Insert a new {\\@link AbstractControl} at the given `index` in the array.\n * @param {?} index\n * @param {?} control\n * @return {?}\n */\n FormArray.prototype.insert = function (index, control) {\n this.controls.splice(index, 0, control);\n this._registerControl(control);\n this.updateValueAndValidity();\n this._onCollectionChange();\n };\n /**\n * Remove the control at the given `index` in the array.\n * @param {?} index\n * @return {?}\n */\n FormArray.prototype.removeAt = function (index) {\n if (this.controls[index])\n this.controls[index]._registerOnCollectionChange(function () { });\n this.controls.splice(index, 1);\n this.updateValueAndValidity();\n this._onCollectionChange();\n };\n /**\n * Replace an existing control.\n * @param {?} index\n * @param {?} control\n * @return {?}\n */\n FormArray.prototype.setControl = function (index, control) {\n if (this.controls[index])\n this.controls[index]._registerOnCollectionChange(function () { });\n this.controls.splice(index, 1);\n if (control) {\n this.controls.splice(index, 0, control);\n this._registerControl(control);\n }\n this.updateValueAndValidity();\n this._onCollectionChange();\n };\n Object.defineProperty(FormArray.prototype, \"length\", {\n /**\n * Length of the control array.\n * @return {?}\n */\n get: function () { return this.controls.length; },\n enumerable: true,\n configurable: true\n });\n /**\n * Sets the value of the {\\@link FormArray}. It accepts an array that matches\n * the structure of the control.\n *\n * This method performs strict checks, so it will throw an error if you try\n * to set the value of a control that doesn't exist or if you exclude the\n * value of a control.\n *\n * ### Example\n *\n * ```\n * const arr = new FormArray([\n * new FormControl(),\n * new FormControl()\n * ]);\n * console.log(arr.value); // [null, null]\n *\n * arr.setValue(['Nancy', 'Drew']);\n * console.log(arr.value); // ['Nancy', 'Drew']\n * ```\n * @param {?} value\n * @param {?=} options\n * @return {?}\n */\n FormArray.prototype.setValue = function (value, options) {\n var _this = this;\n if (options === void 0) { options = {}; }\n this._checkAllValuesPresent(value);\n value.forEach(function (newValue, index) {\n _this._throwIfControlMissing(index);\n _this.at(index).setValue(newValue, { onlySelf: true, emitEvent: options.emitEvent });\n });\n this.updateValueAndValidity(options);\n };\n /**\n * Patches the value of the {\\@link FormArray}. It accepts an array that matches the\n * structure of the control, and will do its best to match the values to the correct\n * controls in the group.\n *\n * It accepts both super-sets and sub-sets of the array without throwing an error.\n *\n * ### Example\n *\n * ```\n * const arr = new FormArray([\n * new FormControl(),\n * new FormControl()\n * ]);\n * console.log(arr.value); // [null, null]\n *\n * arr.patchValue(['Nancy']);\n * console.log(arr.value); // ['Nancy', null]\n * ```\n * @param {?} value\n * @param {?=} options\n * @return {?}\n */\n FormArray.prototype.patchValue = function (value, options) {\n var _this = this;\n if (options === void 0) { options = {}; }\n value.forEach(function (newValue, index) {\n if (_this.at(index)) {\n _this.at(index).patchValue(newValue, { onlySelf: true, emitEvent: options.emitEvent });\n }\n });\n this.updateValueAndValidity(options);\n };\n /**\n * Resets the {\\@link FormArray}. This means by default:\n *\n * * The array and all descendants are marked `pristine`\n * * The array and all descendants are marked `untouched`\n * * The value of all descendants will be null or null maps\n *\n * You can also reset to a specific form state by passing in an array of states\n * that matches the structure of the control. The state can be a standalone value\n * or a form state object with both a value and a disabled status.\n *\n * ### Example\n *\n * ```ts\n * this.arr.reset(['name', 'last name']);\n *\n * console.log(this.arr.value); // ['name', 'last name']\n * ```\n *\n * - OR -\n *\n * ```\n * this.arr.reset([\n * {value: 'name', disabled: true},\n * 'last'\n * ]);\n *\n * console.log(this.arr.value); // ['name', 'last name']\n * console.log(this.arr.get(0).status); // 'DISABLED'\n * ```\n * @param {?=} value\n * @param {?=} options\n * @return {?}\n */\n FormArray.prototype.reset = function (value, options) {\n if (value === void 0) { value = []; }\n if (options === void 0) { options = {}; }\n this._forEachChild(function (control, index) {\n control.reset(value[index], { onlySelf: true, emitEvent: options.emitEvent });\n });\n this.updateValueAndValidity(options);\n this._updatePristine(options);\n this._updateTouched(options);\n };\n /**\n * The aggregate value of the array, including any disabled controls.\n *\n * If you'd like to include all values regardless of disabled status, use this method.\n * Otherwise, the `value` property is the best way to get the value of the array.\n * @return {?}\n */\n FormArray.prototype.getRawValue = function () {\n return this.controls.map(function (control) {\n return control instanceof FormControl ? control.value : ((control)).getRawValue();\n });\n };\n /**\n * \\@internal\n * @param {?} index\n * @return {?}\n */\n FormArray.prototype._throwIfControlMissing = function (index) {\n if (!this.controls.length) {\n throw new Error(\"\\n There are no form controls registered with this array yet. If you're using ngModel,\\n you may want to check next tick (e.g. use setTimeout).\\n \");\n }\n if (!this.at(index)) {\n throw new Error(\"Cannot find form control at index \" + index);\n }\n };\n /**\n * \\@internal\n * @param {?} cb\n * @return {?}\n */\n FormArray.prototype._forEachChild = function (cb) {\n this.controls.forEach(function (control, index) { cb(control, index); });\n };\n /**\n * \\@internal\n * @return {?}\n */\n FormArray.prototype._updateValue = function () {\n var _this = this;\n this._value = this.controls.filter(function (control) { return control.enabled || _this.disabled; })\n .map(function (control) { return control.value; });\n };\n /**\n * \\@internal\n * @param {?} condition\n * @return {?}\n */\n FormArray.prototype._anyControls = function (condition) {\n return this.controls.some(function (control) { return control.enabled && condition(control); });\n };\n /**\n * \\@internal\n * @return {?}\n */\n FormArray.prototype._setUpControls = function () {\n var _this = this;\n this._forEachChild(function (control) { return _this._registerControl(control); });\n };\n /**\n * \\@internal\n * @param {?} value\n * @return {?}\n */\n FormArray.prototype._checkAllValuesPresent = function (value) {\n this._forEachChild(function (control, i) {\n if (value[i] === undefined) {\n throw new Error(\"Must supply a value for form control at index: \" + i + \".\");\n }\n });\n };\n /**\n * \\@internal\n * @return {?}\n */\n FormArray.prototype._allControlsDisabled = function () {\n for (var _i = 0, _a = this.controls; _i < _a.length; _i++) {\n var control = _a[_i];\n if (control.enabled)\n return false;\n }\n return this.controls.length > 0 || this.disabled;\n };\n /**\n * @param {?} control\n * @return {?}\n */\n FormArray.prototype._registerControl = function (control) {\n control.setParent(this);\n control._registerOnCollectionChange(this._onCollectionChange);\n };\n return FormArray;\n}(AbstractControl));\n/**\n * @license\n * Copyright Google Inc. All Rights Reserved.\n *\n * Use of this source code is governed by an MIT-style license that can be\n * found in the LICENSE file at https://angular.io/license\n */\nvar formDirectiveProvider = {\n provide: ControlContainer,\n useExisting: Object(__WEBPACK_IMPORTED_MODULE_1__angular_core__[\"forwardRef\"])(function () { return NgForm; })\n};\nvar resolvedPromise = Promise.resolve(null);\n/**\n * \\@whatItDoes Creates a top-level {\\@link FormGroup} instance and binds it to a form\n * to track aggregate form value and validation status.\n *\n * \\@howToUse\n *\n * As soon as you import the `FormsModule`, this directive becomes active by default on\n * all `\",\n ngModelWithFormGroup: \"\\n \\n
\\n \"\n};\n/**\n * @license\n * Copyright Google Inc. All Rights Reserved.\n *\n * Use of this source code is governed by an MIT-style license that can be\n * found in the LICENSE file at https://angular.io/license\n */\nvar TemplateDrivenErrors = (function () {\n function TemplateDrivenErrors() {\n }\n /**\n * @return {?}\n */\n TemplateDrivenErrors.modelParentException = function () {\n throw new Error(\"\\n ngModel cannot be used to register form controls with a parent formGroup directive. Try using\\n formGroup's partner directive \\\"formControlName\\\" instead. Example:\\n\\n \" + FormErrorExamples.formControlName + \"\\n\\n Or, if you'd like to avoid registering this form control, indicate that it's standalone in ngModelOptions:\\n\\n Example:\\n\\n \" + FormErrorExamples.ngModelWithFormGroup);\n };\n /**\n * @return {?}\n */\n TemplateDrivenErrors.formGroupNameException = function () {\n throw new Error(\"\\n ngModel cannot be used to register form controls with a parent formGroupName or formArrayName directive.\\n\\n Option 1: Use formControlName instead of ngModel (reactive strategy):\\n\\n \" + FormErrorExamples.formGroupName + \"\\n\\n Option 2: Update ngModel's parent be ngModelGroup (template-driven strategy):\\n\\n \" + FormErrorExamples.ngModelGroup);\n };\n /**\n * @return {?}\n */\n TemplateDrivenErrors.missingNameException = function () {\n throw new Error(\"If ngModel is used within a form tag, either the name attribute must be set or the form\\n control must be defined as 'standalone' in ngModelOptions.\\n\\n Example 1: ;\n\t}\n};\n\nexport interface ProductPlan {\n\tid: number;\n\tname: string;\n\tdescription: string;\n\tbase_price: PriceDetail;\n\tusage_unit_price: PriceDetail;\n\tbase_views_size: number;\n\tusage_unit_size: number;\n\tis_contact_required: boolean;\n\tlevel: number;\n\tsla_info: string;\n\tnext_billing_at: number;\n\tbt_pm_token: string;\n\thas_statistics: boolean;\n\thas_ads_support: boolean;\n\thas_drm_support: boolean;\n\tstatistics_type: string;\n}\n\nexport type Product = {\n\tid: number;\n\tname: string;\n\tdescription: string;\n\tplans: [ProductPlan];\n};\n\nexport type ProductsListResponse = {\n\tcount: number;\n\tresults: Product[];\n};\n\nexport type PriceDetail = {\n\tgross: number;\n\tnet: number;\n\ttax: number | 'reverse-charge';\n\tcurrency: string;\n};\n\nexport type BtClientToken = {\n\tbt_client_token: string;\n};\n\nexport type SubscriptionOrdersResponse = {\n\tresults: [{\n\t\tid: number;\n\t\tcreated_at: number;\n\t\tupdated_at: number;\n\t\tstatus: number;\n\t\tstatus_label: string;\n\t\tnext_billing_at: number;\n\t\tselected_currency: string;\n\t\tbt_payment_method_token: string;\n\t\tbt_payment_method_nonce: string;\n\t\taccount: number\n\t\tproduct_plan: number;\n\t}],\n\tcount: number;\n};\n\nexport type SubscriptionOrderResponse = {\n\tid: number;\n\tcreated_at: number;\n\tupdated_at: number;\n\tstatus: number;\n\tstatus_label: string;\n\tnext_billing_at: number;\n\tselected_currency: string;\n\tbt_payment_method_token: string;\n\tbt_payment_method_nonce: string;\n\taccount: number\n\tproduct_plan: ProductPlan;\n};\n\nexport type SubscriptionOrderCreateRequest = {\n\tproduct_plan: number;\n};\n\nexport type SubOrderNonce = {\n\tbt_payment_method_nonce: string | null;\n\taccept: boolean;\n};\n\nexport type SubOrderPaymentMethod = {\n\tbt_payment_method_token: string;\n\taccept: boolean;\n};\n\n//Payment transactions Models\nexport type PaymentTransactionsList = {\n\tcount: number;\n\tresults: PaymentTransaction[];\n};\nexport type Invoice = {\n\tid: string;\n\tcompany_name: string;\n\taddress: string;\n\tcity: string;\n\tstate: string;\n\tpostal_code: string;\n\tcountry: string;\n\tphone_number: string;\n\ttax_no: string;\n\tdownload_url: string;\n};\n\nexport interface PaymentTransaction {\n\tid: number;\n\tcreated_at: number;\n\tupdated_at: number;\n\tamount: number;\n\tcurrency: string;\n\tstatus: string;\n\taccount_subscription: {\n\t\tproduct: {\n\t\t\tid: number;\n\t\t\tname: string;\n\t\t};\n\t\tid: number;\n\t\tproduct_plan: {\n\t\t\tlevel: number;\n\t\t\tid: number;\n\t\t\tname: string;\n\t\t};\n\t};\n\tinvoice: Invoice;\n}\n//Payment Methods Models\nexport type PaymentMethodsList = {\n\tcount: number;\n\tresults: PaymentMethod[];\n};\nexport interface PaymentMethod {\n\ttoken: string;\n\ttype: string;\n\timage_url: string;\n\tcreated_at: number;\n\tupdated_at: number;\n\tpay_pal_account: {\n\t\temail: string;\n\t};\n\tcredit_card: {\n\t\tcard_type: string;\n\t\tcardholder_name: string;\n\t\texpiration_year: number;\n\t\texpiration_month: number;\n\t\tmasked_number: string;\n\t};\n\tactive: boolean;\n\tvalid: boolean;\n\tdefault: boolean;\n}\n\nexport type PaymentMethodUpdateBody = {\n\ttoken: string;\n\tnonce: string;\n\tmake_default: boolean;\n};\n\nexport type ClientToken = {\n\tbt_client_token: string;\n};\n\nexport type ContactRequest = {\n\tmessage: string;\n\tproduct_plan_id: number;\n};\n\n/*User profile - additional details*/\nexport type AnalyticsAudienceHistoryResponseItem = {\n\tfrom: number; // Time range begin as timestamp.\n\tto: number; // Time range end as timestamp (not included in range).\n\tusers: string; // It can be a big number not fitting into in32.\n\tviews: string; // It can be a big number not fitting into in32.\n\twatching_time: string; // Time spend on watching video by all users. Time in seconds.\n};\n\nexport type AnalyticsAudienceHistoryResponse = Array;\n\n/* Analytics Technology data */\nexport type AccountTechStatsHistoryViewsRec = {\n\tfrom: number;\n\tto: number;\n\tviews: string;\n};\n\n// Browser family.\nexport type AccountTechStatsBrowserFamilySummaryRec = {\n\tbrowser_family_id: number;\n\tbrowser_family_name: string;\n\tviews: string;\n};\n\nexport type AccountTechStatsBrowserFamilyTopHistoryRec = {\n\tbrowser_family_id: number;\n\tbrowser_family_name: string;\n\thistory: Array;\n};\n\nexport type AccountTechStatsBrowserFamilyReport = {\n\tsummary: Array;\n\ttop_history: Array;\n};\n\n// OS family.\nexport type AccountTechStatsOsFamilySummaryRec = {\n\tos_family_id: number;\n\tos_family_name: string;\n\tviews: string;\n};\n\nexport type AccountTechStatsOsFamilyTopHistoryRec = {\n\tos_family_id: number;\n\tos_family_name: string;\n\thistory: Array;\n};\n\nexport type AccountTechStatsOsFamilyReport = {\n\tsummary: Array;\n\ttop_history: Array;\n};\n\n// Device type.\nexport type AccountTechStatsDeviceTypeSummaryRec = {\n\tdevice_type: number;\n\tdevice_type_name: string;\n\tviews: string;\n};\n\nexport type AccountTechStatsDeviceTypeTopHistoryRec = {\n\tdevice_type: number;\n\tdevice_type_name: string;\n\thistory: Array;\n};\n\nexport type AccountTechStatsDeviceTypeReport = {\n\tsummary: Array;\n\ttop_history: Array;\n};\n\n// Whole report\nexport type AccountTechStatsReport = {\n\taccount_history: Array;\n\tbrowser_family: AccountTechStatsBrowserFamilyReport;\n\tos_family: AccountTechStatsOsFamilyReport;\n\tdevice_type: AccountTechStatsDeviceTypeReport;\n};\n\n// Media metadata\nexport type MediaMetadata = {\n\tmaterial_id: string;\n\trelated_id: string;\n\ttitle: string;\n\tduration: number;\n\tcreated_at_ts: number;\n\ttags: Array;\n\tis_live_stream: boolean;\n};\n\nexport type MediaMetadataListResponse = {\n\ttotal_records: number;\n\tpage: number;\n\tpage_size: number;\n\trecords: Array;\n};\n\n// Top viewed media statistics.\nexport type TopViewedMediaMetadataListResponse = {\n\ttotal_records: number;\n\tpage: number;\n\tpage_size: number;\n\trecords: Array;\n};\n\nexport type TopViewedMediaRecord = {\n\tposition: number;\n\tviews: string;\n\tmedia: MediaMetadata;\n};\n\n// Viewers num record.\nexport type ViewersNumResponse = {\n\tviewers_num: number;\n};\n\n// Top streamed media statistics.\nexport type TopStreamedMediaMetadataListResponse = {\n\ttotal_records: number;\n\tpage: number;\n\tpage_size: number;\n\trecords: Array;\n};\n\nexport type TopStreamedMediaRecord = {\n\tposition: number;\n\tstreams: string;\n\tmedia: MediaMetadata;\n};\n\n/* Analytics Media stats history */\nexport type MediaStatsHistoryViewsRec = {\n\tfrom: number;\n\tto: number;\n\tviews: string;\n\t// Optional property, available only when additional stats are enabled for media module.\n\tusers: string;\n};\n\n/* Geo stats */\nexport type GeoCountryRec = {\n\tname: string;\n\tcountry_code: string;\n};\n\nexport type GeoCountryStatsRec = {\n\tcountry: GeoCountryRec;\n\tviews: string;\n};\n\nexport type GeoRegionRec = {\n\tid: number;\n\tsubdiv_code: string;\n\tname: string;\n};\n\nexport type GeoRegionStatsRec = {\n\tregion: GeoRegionRec;\n\tviews: string;\n};\n\nexport type GeoCityRec = {\n\tid: number;\n\tname: string;\n};\n\nexport type GeoCityStatsRec = {\n\tcity: GeoCityRec;\n\tviews: string;\n};\n\n\n\n// WEBPACK FOOTER //\n// ./node_modules/angular-router-loader/src!./node_modules/angular2-template-loader!./node_modules/string-replace-loader??ref--0-3!./src/model/api.model.ts","if (process.env.NODE_ENV == 'production')\n\tmodule.exports = require('./entry/prod.ts');\n\nif (process.env.NODE_ENV == 'development') \n module.exports = require('./entry/dev.ts');\n\n\n\n// WEBPACK FOOTER //\n// ./node_modules/angular-router-loader/src!./node_modules/angular2-template-loader!./node_modules/string-replace-loader??ref--0-3!./src/entry.ts","import { enableProdMode } from '@angular/core';\nimport { platformBrowserDynamic } from '@angular/platform-browser-dynamic';\nimport { bootloader } from '@angularclass/bootloader';\n\nimport { AppModule } from './../app/app.module';\n\nexport function main() {\n return platformBrowserDynamic().bootstrapModule(AppModule);\n}\n\nenableProdMode();\nbootloader(main);\n\n\n\n// WEBPACK FOOTER //\n// ./node_modules/angular-router-loader/src!./node_modules/angular2-template-loader!./node_modules/string-replace-loader??ref--0-3!./src/entry/prod.ts","/*\n * @AngularClass\n */\nexport function bootloader(main) {\n switch (document.readyState) {\n case 'loading':\n document.addEventListener('DOMContentLoaded', function () { return main(); });\n break;\n case 'interactive':\n case 'complete':\n default:\n main();\n }\n}\n//# sourceMappingURL=index.js.map\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./node_modules/@angularclass/bootloader/esm/index.js\n// module id = null\n// module chunks = ","\"use strict\";\nfunction __export(m) {\n for (var p in m) if (!exports.hasOwnProperty(p)) exports[p] = m[p];\n}\nObject.defineProperty(exports, \"__esModule\", { value: true });\n// Hot Module Replacement\n__export(require(\"./helpers\"));\n__export(require(\"./experimental\"));\n__export(require(\"./hmr\"));\n//# sourceMappingURL=index.js.map\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./node_modules/@angularclass/hmr/dist/index.js\n// module id = 1338\n// module chunks = 1","\"use strict\";\nObject.defineProperty(exports, \"__esModule\", { value: true });\n// Hot Module Replacement\nfunction identity(val) {\n return val;\n}\nfunction bootloader(main, before, after) {\n if (typeof main === 'object') {\n var _main = main.main;\n before = main.before;\n after = main.after;\n main = _main;\n }\n before = before || identity;\n after = after || identity;\n var readyState = document.readyState;\n function __domReadyHandler() {\n document.removeEventListener('DOMContentLoaded', __domReadyHandler);\n after(main(before(readyState)));\n }\n switch (readyState) {\n case 'loading':\n document.addEventListener('DOMContentLoaded', __domReadyHandler);\n break;\n case 'interactive':\n case 'complete':\n default:\n after(main(before(readyState)));\n }\n}\nexports.bootloader = bootloader;\n// create new host elements and remove the old elements\nfunction createNewHosts(cmps) {\n var components = Array.prototype.map.call(cmps, function (componentNode) {\n var newNode = document.createElement(componentNode.tagName);\n var parentNode = componentNode.parentNode;\n var currentDisplay = newNode.style.display;\n newNode.style.display = 'none';\n parentNode.insertBefore(newNode, componentNode);\n function removeOldHost() {\n newNode.style.display = currentDisplay;\n try {\n parentNode.removeChild(componentNode);\n }\n catch (e) { }\n }\n return removeOldHost;\n });\n return function removeOldHosts() {\n components.forEach(function (removeOldHost) { return removeOldHost(); });\n };\n}\nexports.createNewHosts = createNewHosts;\n// remove old styles\nfunction removeNgStyles() {\n var docHead = document.head;\n var _styles = docHead.querySelectorAll('style');\n var styles = Array.prototype.slice.call(_styles);\n styles\n .filter(function (style) { return style.innerText.indexOf('_ng') !== -1; })\n .map(function (el) { return docHead.removeChild(el); });\n}\nexports.removeNgStyles = removeNgStyles;\n// get input values\nfunction getInputValues() {\n var _inputs = document.querySelectorAll('input');\n var inputs = Array.prototype.slice.call(_inputs);\n return inputs.map(function (input) { return input.value; });\n}\nexports.getInputValues = getInputValues;\n// set input values\nfunction setInputValues(_inputs) {\n var inputs = document.querySelectorAll('input');\n if (_inputs && inputs.length === _inputs.length) {\n _inputs.forEach(function (value, i) {\n var el = inputs[i];\n el.value = value;\n el.dispatchEvent(new CustomEvent('input', { detail: el.value }));\n });\n // clear array\n _inputs.length = 0;\n }\n}\nexports.setInputValues = setInputValues;\n// get/set input values\nfunction createInputTransfer() {\n var _inputs = getInputValues();\n return function restoreInputValues() {\n return setInputValues(_inputs);\n };\n}\nexports.createInputTransfer = createInputTransfer;\n//# sourceMappingURL=helpers.js.map\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./node_modules/@angularclass/hmr/dist/helpers.js\n// module id = 1339\n// module chunks = 1","\"use strict\";\r\nObject.defineProperty(exports, \"__esModule\", { value: true });\r\nvar core_1 = require(\"@angular/core\");\r\nvar core_2 = require(\"@angular/core\");\r\nvar common_1 = require(\"@angular/common\");\r\nvar common_2 = require(\"@angular/common\");\r\nvar tween = require(\"@tweenjs/tween.js\");\r\nvar VirtualScrollerComponent = (function () {\r\n function VirtualScrollerComponent(element, renderer, zone, changeDetectorRef, platformId, scrollThrottlingTime, scrollDebounceTime, scrollAnimationTime, scrollbarWidth, scrollbarHeight, checkResizeInterval, resizeBypassRefreshThreshold, modifyOverflowStyleOfParentScroll, stripedTable) {\r\n this.element = element;\r\n this.renderer = renderer;\r\n this.zone = zone;\r\n this.changeDetectorRef = changeDetectorRef;\r\n this.window = window;\r\n this.executeRefreshOutsideAngularZone = false;\r\n this._enableUnequalChildrenSizes = false;\r\n this.useMarginInsteadOfTranslate = false;\r\n this.ssrViewportWidth = 1920;\r\n this.ssrViewportHeight = 1080;\r\n this._bufferAmount = 0;\r\n this.scrollAnimationTime = 750;\r\n this.resizeBypassRefreshThreshold = 5;\r\n this._checkResizeInterval = 1000;\r\n this._items = [];\r\n this.compareItems = function (item1, item2) { return item1 === item2; };\r\n this.update = new core_1.EventEmitter();\r\n this.vsUpdate = new core_1.EventEmitter();\r\n this.change = new core_1.EventEmitter();\r\n this.vsChange = new core_1.EventEmitter();\r\n this.start = new core_1.EventEmitter();\r\n this.vsStart = new core_1.EventEmitter();\r\n this.end = new core_1.EventEmitter();\r\n this.vsEnd = new core_1.EventEmitter();\r\n this.calculatedScrollbarWidth = 0;\r\n this.calculatedScrollbarHeight = 0;\r\n this.padding = 0;\r\n this.previousViewPort = {};\r\n this.cachedPageSize = 0;\r\n this.previousScrollNumberElements = 0;\r\n this.isAngularUniversalSSR = common_1.isPlatformServer(platformId);\r\n this.scrollThrottlingTime = typeof (scrollThrottlingTime) === 'number' ? scrollThrottlingTime : 0;\r\n this.scrollDebounceTime = typeof (scrollDebounceTime) === 'number' ? scrollDebounceTime : 0;\r\n if (typeof (scrollAnimationTime) === 'number') {\r\n this.scrollAnimationTime = scrollAnimationTime;\r\n }\r\n if (typeof (scrollbarWidth) === 'number') {\r\n this.scrollbarWidth = scrollbarWidth;\r\n }\r\n if (typeof (scrollbarHeight) === 'number') {\r\n this.scrollbarHeight = scrollbarHeight;\r\n }\r\n if (typeof (checkResizeInterval) === 'number') {\r\n this.checkResizeInterval = checkResizeInterval;\r\n }\r\n if (typeof (resizeBypassRefreshThreshold) === 'number') {\r\n this.resizeBypassRefreshThreshold = resizeBypassRefreshThreshold;\r\n }\r\n this.modifyOverflowStyleOfParentScroll = true;\r\n if (typeof (modifyOverflowStyleOfParentScroll) === 'boolean') {\r\n this.modifyOverflowStyleOfParentScroll = modifyOverflowStyleOfParentScroll;\r\n }\r\n this.stripedTable = false;\r\n if (typeof (stripedTable) === 'boolean') {\r\n this.stripedTable = stripedTable;\r\n }\r\n this.horizontal = false;\r\n this.resetWrapGroupDimensions();\r\n }\r\n Object.defineProperty(VirtualScrollerComponent.prototype, \"viewPortInfo\", {\r\n get: function () {\r\n var pageInfo = this.previousViewPort || {};\r\n return {\r\n startIndex: pageInfo.startIndex || 0,\r\n endIndex: pageInfo.endIndex || 0,\r\n scrollStartPosition: pageInfo.scrollStartPosition || 0,\r\n scrollEndPosition: pageInfo.scrollEndPosition || 0,\r\n maxScrollPosition: pageInfo.maxScrollPosition || 0,\r\n startIndexWithBuffer: pageInfo.startIndexWithBuffer || 0,\r\n endIndexWithBuffer: pageInfo.endIndexWithBuffer || 0\r\n };\r\n },\r\n enumerable: true,\r\n configurable: true\r\n });\r\n Object.defineProperty(VirtualScrollerComponent.prototype, \"enableUnequalChildrenSizes\", {\r\n get: function () {\r\n return this._enableUnequalChildrenSizes;\r\n },\r\n set: function (value) {\r\n if (this._enableUnequalChildrenSizes === value) {\r\n return;\r\n }\r\n this._enableUnequalChildrenSizes = value;\r\n this.minMeasuredChildWidth = undefined;\r\n this.minMeasuredChildHeight = undefined;\r\n },\r\n enumerable: true,\r\n configurable: true\r\n });\r\n Object.defineProperty(VirtualScrollerComponent.prototype, \"bufferAmount\", {\r\n get: function () {\r\n return Math.max(this._bufferAmount, this.enableUnequalChildrenSizes ? 5 : 0);\r\n },\r\n set: function (value) {\r\n this._bufferAmount = value;\r\n },\r\n enumerable: true,\r\n configurable: true\r\n });\r\n Object.defineProperty(VirtualScrollerComponent.prototype, \"scrollThrottlingTime\", {\r\n get: function () {\r\n return this._scrollThrottlingTime;\r\n },\r\n set: function (value) {\r\n this._scrollThrottlingTime = value;\r\n this.updateOnScrollFunction();\r\n },\r\n enumerable: true,\r\n configurable: true\r\n });\r\n Object.defineProperty(VirtualScrollerComponent.prototype, \"scrollDebounceTime\", {\r\n get: function () {\r\n return this._scrollDebounceTime;\r\n },\r\n set: function (value) {\r\n this._scrollDebounceTime = value;\r\n this.updateOnScrollFunction();\r\n },\r\n enumerable: true,\r\n configurable: true\r\n });\r\n VirtualScrollerComponent.prototype.updateOnScrollFunction = function () {\r\n var _this = this;\r\n if (this.scrollDebounceTime) {\r\n this.onScroll = this.debounce(function () {\r\n _this.refresh_internal(false);\r\n }, this.scrollDebounceTime);\r\n }\r\n else if (this.scrollThrottlingTime) {\r\n this.onScroll = this.throttleTrailing(function () {\r\n _this.refresh_internal(false);\r\n }, this.scrollThrottlingTime);\r\n }\r\n else {\r\n this.onScroll = function () {\r\n _this.refresh_internal(false);\r\n };\r\n }\r\n };\r\n Object.defineProperty(VirtualScrollerComponent.prototype, \"checkResizeInterval\", {\r\n get: function () {\r\n return this._checkResizeInterval;\r\n },\r\n set: function (value) {\r\n if (this._checkResizeInterval === value) {\r\n return;\r\n }\r\n this._checkResizeInterval = value;\r\n this.addScrollEventHandlers();\r\n },\r\n enumerable: true,\r\n configurable: true\r\n });\r\n Object.defineProperty(VirtualScrollerComponent.prototype, \"items\", {\r\n get: function () {\r\n return this._items;\r\n },\r\n set: function (value) {\r\n if (value === this._items) {\r\n return;\r\n }\r\n this._items = value || [];\r\n this.refresh_internal(true);\r\n },\r\n enumerable: true,\r\n configurable: true\r\n });\r\n Object.defineProperty(VirtualScrollerComponent.prototype, \"horizontal\", {\r\n get: function () {\r\n return this._horizontal;\r\n },\r\n set: function (value) {\r\n this._horizontal = value;\r\n this.updateDirection();\r\n },\r\n enumerable: true,\r\n configurable: true\r\n });\r\n VirtualScrollerComponent.prototype.revertParentOverscroll = function () {\r\n var scrollElement = this.getScrollElement();\r\n if (scrollElement && this.oldParentScrollOverflow) {\r\n scrollElement.style['overflow-y'] = this.oldParentScrollOverflow.y;\r\n scrollElement.style['overflow-x'] = this.oldParentScrollOverflow.x;\r\n }\r\n this.oldParentScrollOverflow = undefined;\r\n };\r\n Object.defineProperty(VirtualScrollerComponent.prototype, \"parentScroll\", {\r\n get: function () {\r\n return this._parentScroll;\r\n },\r\n set: function (value) {\r\n if (this._parentScroll === value) {\r\n return;\r\n }\r\n this.revertParentOverscroll();\r\n this._parentScroll = value;\r\n this.addScrollEventHandlers();\r\n var scrollElement = this.getScrollElement();\r\n if (this.modifyOverflowStyleOfParentScroll && scrollElement !== this.element.nativeElement) {\r\n this.oldParentScrollOverflow = { x: scrollElement.style['overflow-x'], y: scrollElement.style['overflow-y'] };\r\n scrollElement.style['overflow-y'] = this.horizontal ? 'visible' : 'auto';\r\n scrollElement.style['overflow-x'] = this.horizontal ? 'auto' : 'visible';\r\n }\r\n },\r\n enumerable: true,\r\n configurable: true\r\n });\r\n VirtualScrollerComponent.prototype.ngOnInit = function () {\r\n this.addScrollEventHandlers();\r\n };\r\n VirtualScrollerComponent.prototype.ngOnDestroy = function () {\r\n this.removeScrollEventHandlers();\r\n this.revertParentOverscroll();\r\n };\r\n VirtualScrollerComponent.prototype.ngOnChanges = function (changes) {\r\n var indexLengthChanged = this.cachedItemsLength !== this.items.length;\r\n this.cachedItemsLength = this.items.length;\r\n var firstRun = !changes.items || !changes.items.previousValue || changes.items.previousValue.length === 0;\r\n this.refresh_internal(indexLengthChanged || firstRun);\r\n };\r\n VirtualScrollerComponent.prototype.ngDoCheck = function () {\r\n if (this.cachedItemsLength !== this.items.length) {\r\n this.cachedItemsLength = this.items.length;\r\n this.refresh_internal(true);\r\n }\r\n };\r\n VirtualScrollerComponent.prototype.refresh = function () {\r\n this.refresh_internal(true);\r\n };\r\n VirtualScrollerComponent.prototype.invalidateAllCachedMeasurements = function () {\r\n this.wrapGroupDimensions = {\r\n maxChildSizePerWrapGroup: [],\r\n numberOfKnownWrapGroupChildSizes: 0,\r\n sumOfKnownWrapGroupChildWidths: 0,\r\n sumOfKnownWrapGroupChildHeights: 0\r\n };\r\n this.minMeasuredChildWidth = undefined;\r\n this.minMeasuredChildHeight = undefined;\r\n this.refresh_internal(false);\r\n };\r\n VirtualScrollerComponent.prototype.invalidateCachedMeasurementForItem = function (item) {\r\n if (this.enableUnequalChildrenSizes) {\r\n var index = this.items && this.items.indexOf(item);\r\n if (index >= 0) {\r\n this.invalidateCachedMeasurementAtIndex(index);\r\n }\r\n }\r\n else {\r\n this.minMeasuredChildWidth = undefined;\r\n this.minMeasuredChildHeight = undefined;\r\n }\r\n this.refresh_internal(false);\r\n };\r\n VirtualScrollerComponent.prototype.invalidateCachedMeasurementAtIndex = function (index) {\r\n if (this.enableUnequalChildrenSizes) {\r\n var cachedMeasurement = this.wrapGroupDimensions.maxChildSizePerWrapGroup[index];\r\n if (cachedMeasurement) {\r\n this.wrapGroupDimensions.maxChildSizePerWrapGroup[index] = undefined;\r\n --this.wrapGroupDimensions.numberOfKnownWrapGroupChildSizes;\r\n this.wrapGroupDimensions.sumOfKnownWrapGroupChildWidths -= cachedMeasurement.childWidth || 0;\r\n this.wrapGroupDimensions.sumOfKnownWrapGroupChildHeights -= cachedMeasurement.childHeight || 0;\r\n }\r\n }\r\n else {\r\n this.minMeasuredChildWidth = undefined;\r\n this.minMeasuredChildHeight = undefined;\r\n }\r\n this.refresh_internal(false);\r\n };\r\n VirtualScrollerComponent.prototype.scrollInto = function (item, alignToBeginning, additionalOffset, animationMilliseconds, animationCompletedCallback) {\r\n if (alignToBeginning === void 0) { alignToBeginning = true; }\r\n if (additionalOffset === void 0) { additionalOffset = 0; }\r\n if (animationMilliseconds === void 0) { animationMilliseconds = undefined; }\r\n if (animationCompletedCallback === void 0) { animationCompletedCallback = undefined; }\r\n var index = this.items.indexOf(item);\r\n if (index === -1) {\r\n return;\r\n }\r\n this.scrollToIndex(index, alignToBeginning, additionalOffset, animationMilliseconds, animationCompletedCallback);\r\n };\r\n VirtualScrollerComponent.prototype.scrollToIndex = function (index, alignToBeginning, additionalOffset, animationMilliseconds, animationCompletedCallback) {\r\n var _this = this;\r\n if (alignToBeginning === void 0) { alignToBeginning = true; }\r\n if (additionalOffset === void 0) { additionalOffset = 0; }\r\n if (animationMilliseconds === void 0) { animationMilliseconds = undefined; }\r\n if (animationCompletedCallback === void 0) { animationCompletedCallback = undefined; }\r\n var maxRetries = 5;\r\n var retryIfNeeded = function () {\r\n --maxRetries;\r\n if (maxRetries <= 0) {\r\n if (animationCompletedCallback) {\r\n animationCompletedCallback();\r\n }\r\n return;\r\n }\r\n var dimensions = _this.calculateDimensions();\r\n var desiredStartIndex = Math.min(Math.max(index, 0), dimensions.itemCount - 1);\r\n if (_this.previousViewPort.startIndex === desiredStartIndex) {\r\n if (animationCompletedCallback) {\r\n animationCompletedCallback();\r\n }\r\n return;\r\n }\r\n _this.scrollToIndex_internal(index, alignToBeginning, additionalOffset, 0, retryIfNeeded);\r\n };\r\n this.scrollToIndex_internal(index, alignToBeginning, additionalOffset, animationMilliseconds, retryIfNeeded);\r\n };\r\n VirtualScrollerComponent.prototype.scrollToIndex_internal = function (index, alignToBeginning, additionalOffset, animationMilliseconds, animationCompletedCallback) {\r\n if (alignToBeginning === void 0) { alignToBeginning = true; }\r\n if (additionalOffset === void 0) { additionalOffset = 0; }\r\n if (animationMilliseconds === void 0) { animationMilliseconds = undefined; }\r\n if (animationCompletedCallback === void 0) { animationCompletedCallback = undefined; }\r\n animationMilliseconds = animationMilliseconds === undefined ? this.scrollAnimationTime : animationMilliseconds;\r\n var dimensions = this.calculateDimensions();\r\n var scroll = this.calculatePadding(index, dimensions) + additionalOffset;\r\n if (!alignToBeginning) {\r\n scroll -= dimensions.wrapGroupsPerPage * dimensions[this._childScrollDim];\r\n }\r\n this.scrollToPosition(scroll, animationMilliseconds, animationCompletedCallback);\r\n };\r\n VirtualScrollerComponent.prototype.scrollToPosition = function (scrollPosition, animationMilliseconds, animationCompletedCallback) {\r\n var _this = this;\r\n if (animationMilliseconds === void 0) { animationMilliseconds = undefined; }\r\n if (animationCompletedCallback === void 0) { animationCompletedCallback = undefined; }\r\n scrollPosition += this.getElementsOffset();\r\n animationMilliseconds = animationMilliseconds === undefined ? this.scrollAnimationTime : animationMilliseconds;\r\n var scrollElement = this.getScrollElement();\r\n var animationRequest;\r\n if (this.currentTween) {\r\n this.currentTween.stop();\r\n this.currentTween = undefined;\r\n }\r\n if (!animationMilliseconds) {\r\n this.renderer.setProperty(scrollElement, this._scrollType, scrollPosition);\r\n this.refresh_internal(false, animationCompletedCallback);\r\n return;\r\n }\r\n var tweenConfigObj = { scrollPosition: scrollElement[this._scrollType] };\r\n var newTween = new tween.Tween(tweenConfigObj)\r\n .to({ scrollPosition: scrollPosition }, animationMilliseconds)\r\n .easing(tween.Easing.Quadratic.Out)\r\n .onUpdate(function (data) {\r\n if (isNaN(data.scrollPosition)) {\r\n return;\r\n }\r\n _this.renderer.setProperty(scrollElement, _this._scrollType, data.scrollPosition);\r\n _this.refresh_internal(false);\r\n })\r\n .onStop(function () {\r\n cancelAnimationFrame(animationRequest);\r\n })\r\n .start();\r\n var animate = function (time) {\r\n if (!newTween[\"isPlaying\"]()) {\r\n return;\r\n }\r\n newTween.update(time);\r\n if (tweenConfigObj.scrollPosition === scrollPosition) {\r\n _this.refresh_internal(false, animationCompletedCallback);\r\n return;\r\n }\r\n _this.zone.runOutsideAngular(function () {\r\n animationRequest = requestAnimationFrame(animate);\r\n });\r\n };\r\n animate();\r\n this.currentTween = newTween;\r\n };\r\n VirtualScrollerComponent.prototype.checkScrollElementResized = function () {\r\n var boundingRect = this.getScrollElement().getBoundingClientRect();\r\n var sizeChanged;\r\n if (!this.previousScrollBoundingRect) {\r\n sizeChanged = true;\r\n }\r\n else {\r\n var widthChange = Math.abs(boundingRect.width - this.previousScrollBoundingRect.width);\r\n var heightChange = Math.abs(boundingRect.height - this.previousScrollBoundingRect.height);\r\n sizeChanged = widthChange > this.resizeBypassRefreshThreshold || heightChange > this.resizeBypassRefreshThreshold;\r\n }\r\n if (sizeChanged) {\r\n this.previousScrollBoundingRect = boundingRect;\r\n if (boundingRect.width > 0 && boundingRect.height > 0) {\r\n this.refresh_internal(false);\r\n }\r\n }\r\n };\r\n VirtualScrollerComponent.prototype.updateDirection = function () {\r\n if (this.horizontal) {\r\n this._invisiblePaddingProperty = 'width';\r\n this._offsetType = 'offsetLeft';\r\n this._pageOffsetType = 'pageXOffset';\r\n this._childScrollDim = 'childWidth';\r\n this._marginDir = 'margin-left';\r\n this._translateDir = 'translateX';\r\n this._scrollType = 'scrollLeft';\r\n }\r\n else {\r\n this._invisiblePaddingProperty = 'height';\r\n this._offsetType = 'offsetTop';\r\n this._pageOffsetType = 'pageYOffset';\r\n this._childScrollDim = 'childHeight';\r\n this._marginDir = 'margin-top';\r\n this._translateDir = 'translateY';\r\n this._scrollType = 'scrollTop';\r\n }\r\n };\r\n VirtualScrollerComponent.prototype.debounce = function (func, wait) {\r\n var throttled = this.throttleTrailing(func, wait);\r\n var result = function () {\r\n throttled['cancel']();\r\n throttled.apply(this, arguments);\r\n };\r\n result['cancel'] = function () {\r\n throttled['cancel']();\r\n };\r\n return result;\r\n };\r\n VirtualScrollerComponent.prototype.throttleTrailing = function (func, wait) {\r\n var timeout = undefined;\r\n var result = function () {\r\n var _this = this;\r\n var _arguments = arguments;\r\n if (timeout) {\r\n return;\r\n }\r\n if (wait <= 0) {\r\n func.apply(_this, _arguments);\r\n }\r\n else {\r\n timeout = setTimeout(function () {\r\n timeout = undefined;\r\n func.apply(_this, _arguments);\r\n }, wait);\r\n }\r\n };\r\n result['cancel'] = function () {\r\n if (timeout) {\r\n clearTimeout(timeout);\r\n timeout = undefined;\r\n }\r\n };\r\n return result;\r\n };\r\n VirtualScrollerComponent.prototype.refresh_internal = function (itemsArrayModified, refreshCompletedCallback, maxRunTimes) {\r\n //note: maxRunTimes is to force it to keep recalculating if the previous iteration caused a re-render (different sliced items in viewport or scrollPosition changed).\r\n //The default of 2x max will probably be accurate enough without causing too large a performance bottleneck\r\n //The code would typically quit out on the 2nd iteration anyways. The main time it'd think more than 2 runs would be necessary would be for vastly different sized child items or if this is the 1st time the items array was initialized.\r\n //Without maxRunTimes, If the user is actively scrolling this code would become an infinite loop until they stopped scrolling. This would be okay, except each scroll event would start an additional infinte loop. We want to short-circuit it to prevent his.\r\n var _this = this;\r\n if (refreshCompletedCallback === void 0) { refreshCompletedCallback = undefined; }\r\n if (maxRunTimes === void 0) { maxRunTimes = 2; }\r\n this.zone.runOutsideAngular(function () {\r\n requestAnimationFrame(function () {\r\n if (itemsArrayModified) {\r\n _this.resetWrapGroupDimensions();\r\n }\r\n var viewport = _this.calculateViewport();\r\n var startChanged = itemsArrayModified || viewport.startIndex !== _this.previousViewPort.startIndex;\r\n var endChanged = itemsArrayModified || viewport.endIndex !== _this.previousViewPort.endIndex;\r\n var scrollLengthChanged = viewport.scrollLength !== _this.previousViewPort.scrollLength;\r\n var paddingChanged = viewport.padding !== _this.previousViewPort.padding;\r\n var scrollPositionChanged = viewport.scrollStartPosition !== _this.previousViewPort.scrollStartPosition || viewport.scrollEndPosition !== _this.previousViewPort.scrollEndPosition || viewport.maxScrollPosition !== _this.previousViewPort.maxScrollPosition;\r\n _this.previousViewPort = viewport;\r\n if (scrollLengthChanged) {\r\n _this.renderer.setStyle(_this.invisiblePaddingElementRef.nativeElement, _this._invisiblePaddingProperty, viewport.scrollLength + \"px\");\r\n }\r\n if (paddingChanged) {\r\n if (_this.useMarginInsteadOfTranslate) {\r\n _this.renderer.setStyle(_this.contentElementRef.nativeElement, _this._marginDir, viewport.padding + \"px\");\r\n }\r\n else {\r\n _this.renderer.setStyle(_this.contentElementRef.nativeElement, 'transform', _this._translateDir + \"(\" + viewport.padding + \"px)\");\r\n _this.renderer.setStyle(_this.contentElementRef.nativeElement, 'webkitTransform', _this._translateDir + \"(\" + viewport.padding + \"px)\");\r\n }\r\n }\r\n if (_this.headerElementRef) {\r\n var scrollPosition = _this.getScrollElement()[_this._scrollType];\r\n var containerOffset = _this.getElementsOffset();\r\n var offset = Math.max(scrollPosition - viewport.padding - containerOffset + _this.headerElementRef.nativeElement.clientHeight, 0);\r\n _this.renderer.setStyle(_this.headerElementRef.nativeElement, 'transform', _this._translateDir + \"(\" + offset + \"px)\");\r\n _this.renderer.setStyle(_this.headerElementRef.nativeElement, 'webkitTransform', _this._translateDir + \"(\" + offset + \"px)\");\r\n }\r\n var changeEventArg = (startChanged || endChanged) ? {\r\n start: viewport.startIndex,\r\n end: viewport.endIndex,\r\n startIndex: viewport.startIndex,\r\n endIndex: viewport.endIndex,\r\n scrollStartPosition: viewport.scrollStartPosition,\r\n scrollEndPosition: viewport.scrollEndPosition,\r\n startIndexWithBuffer: viewport.startIndexWithBuffer,\r\n endIndexWithBuffer: viewport.endIndexWithBuffer,\r\n maxScrollPosition: viewport.maxScrollPosition\r\n } : undefined;\r\n if (startChanged || endChanged || scrollPositionChanged) {\r\n var handleChanged = function () {\r\n // update the scroll list to trigger re-render of components in viewport\r\n _this.viewPortItems = viewport.startIndexWithBuffer >= 0 && viewport.endIndexWithBuffer >= 0 ? _this.items.slice(viewport.startIndexWithBuffer, viewport.endIndexWithBuffer + 1) : [];\r\n _this.update.emit(_this.viewPortItems);\r\n _this.vsUpdate.emit(_this.viewPortItems);\r\n if (startChanged) {\r\n _this.start.emit(changeEventArg);\r\n _this.vsStart.emit(changeEventArg);\r\n }\r\n if (endChanged) {\r\n _this.end.emit(changeEventArg);\r\n _this.vsEnd.emit(changeEventArg);\r\n }\r\n if (startChanged || endChanged) {\r\n _this.changeDetectorRef.markForCheck();\r\n _this.change.emit(changeEventArg);\r\n _this.vsChange.emit(changeEventArg);\r\n }\r\n if (maxRunTimes > 0) {\r\n _this.refresh_internal(false, refreshCompletedCallback, maxRunTimes - 1);\r\n return;\r\n }\r\n if (refreshCompletedCallback) {\r\n refreshCompletedCallback();\r\n }\r\n };\r\n if (_this.executeRefreshOutsideAngularZone) {\r\n handleChanged();\r\n }\r\n else {\r\n _this.zone.run(handleChanged);\r\n }\r\n }\r\n else {\r\n if (maxRunTimes > 0 && (scrollLengthChanged || paddingChanged)) {\r\n _this.refresh_internal(false, refreshCompletedCallback, maxRunTimes - 1);\r\n return;\r\n }\r\n if (refreshCompletedCallback) {\r\n refreshCompletedCallback();\r\n }\r\n }\r\n });\r\n });\r\n };\r\n VirtualScrollerComponent.prototype.getScrollElement = function () {\r\n return this.parentScroll instanceof Window ? document.scrollingElement || document.documentElement || document.body : this.parentScroll || this.element.nativeElement;\r\n };\r\n VirtualScrollerComponent.prototype.addScrollEventHandlers = function () {\r\n var _this = this;\r\n if (this.isAngularUniversalSSR) {\r\n return;\r\n }\r\n var scrollElement = this.getScrollElement();\r\n this.removeScrollEventHandlers();\r\n this.zone.runOutsideAngular(function () {\r\n if (_this.parentScroll instanceof Window) {\r\n _this.disposeScrollHandler = _this.renderer.listen('window', 'scroll', _this.onScroll);\r\n _this.disposeResizeHandler = _this.renderer.listen('window', 'resize', _this.onScroll);\r\n }\r\n else {\r\n _this.disposeScrollHandler = _this.renderer.listen(scrollElement, 'scroll', _this.onScroll);\r\n if (_this._checkResizeInterval > 0) {\r\n _this.checkScrollElementResizedTimer = setInterval(function () { _this.checkScrollElementResized(); }, _this._checkResizeInterval);\r\n }\r\n }\r\n });\r\n };\r\n VirtualScrollerComponent.prototype.removeScrollEventHandlers = function () {\r\n if (this.checkScrollElementResizedTimer) {\r\n clearInterval(this.checkScrollElementResizedTimer);\r\n }\r\n if (this.disposeScrollHandler) {\r\n this.disposeScrollHandler();\r\n this.disposeScrollHandler = undefined;\r\n }\r\n if (this.disposeResizeHandler) {\r\n this.disposeResizeHandler();\r\n this.disposeResizeHandler = undefined;\r\n }\r\n };\r\n VirtualScrollerComponent.prototype.getElementsOffset = function () {\r\n if (this.isAngularUniversalSSR) {\r\n return 0;\r\n }\r\n var offset = 0;\r\n if (this.containerElementRef && this.containerElementRef.nativeElement) {\r\n offset += this.containerElementRef.nativeElement[this._offsetType];\r\n }\r\n if (this.parentScroll) {\r\n var scrollElement = this.getScrollElement();\r\n var elementClientRect = this.element.nativeElement.getBoundingClientRect();\r\n var scrollClientRect = scrollElement.getBoundingClientRect();\r\n if (this.horizontal) {\r\n offset += elementClientRect.left - scrollClientRect.left;\r\n }\r\n else {\r\n offset += elementClientRect.top - scrollClientRect.top;\r\n }\r\n if (!(this.parentScroll instanceof Window)) {\r\n offset += scrollElement[this._scrollType];\r\n }\r\n }\r\n return offset;\r\n };\r\n VirtualScrollerComponent.prototype.countItemsPerWrapGroup = function () {\r\n if (this.isAngularUniversalSSR) {\r\n return Math.round(this.horizontal ? this.ssrViewportHeight / this.ssrChildHeight : this.ssrViewportWidth / this.ssrChildWidth);\r\n }\r\n var propertyName = this.horizontal ? 'offsetLeft' : 'offsetTop';\r\n var children = ((this.containerElementRef && this.containerElementRef.nativeElement) || this.contentElementRef.nativeElement).children;\r\n var childrenLength = children ? children.length : 0;\r\n if (childrenLength === 0) {\r\n return 1;\r\n }\r\n var firstOffset = children[0][propertyName];\r\n var result = 1;\r\n while (result < childrenLength && firstOffset === children[result][propertyName]) {\r\n ++result;\r\n }\r\n return result;\r\n };\r\n VirtualScrollerComponent.prototype.getScrollStartPosition = function () {\r\n var windowScrollValue = undefined;\r\n if (this.parentScroll instanceof Window) {\r\n windowScrollValue = window[this._pageOffsetType];\r\n }\r\n return windowScrollValue || this.getScrollElement()[this._scrollType] || 0;\r\n };\r\n VirtualScrollerComponent.prototype.resetWrapGroupDimensions = function () {\r\n var oldWrapGroupDimensions = this.wrapGroupDimensions;\r\n this.invalidateAllCachedMeasurements();\r\n if (!this.enableUnequalChildrenSizes || !oldWrapGroupDimensions || oldWrapGroupDimensions.numberOfKnownWrapGroupChildSizes === 0) {\r\n return;\r\n }\r\n var itemsPerWrapGroup = this.countItemsPerWrapGroup();\r\n for (var wrapGroupIndex = 0; wrapGroupIndex < oldWrapGroupDimensions.maxChildSizePerWrapGroup.length; ++wrapGroupIndex) {\r\n var oldWrapGroupDimension = oldWrapGroupDimensions.maxChildSizePerWrapGroup[wrapGroupIndex];\r\n if (!oldWrapGroupDimension || !oldWrapGroupDimension.items || !oldWrapGroupDimension.items.length) {\r\n continue;\r\n }\r\n if (oldWrapGroupDimension.items.length !== itemsPerWrapGroup) {\r\n return;\r\n }\r\n var itemsChanged = false;\r\n var arrayStartIndex = itemsPerWrapGroup * wrapGroupIndex;\r\n for (var i = 0; i < itemsPerWrapGroup; ++i) {\r\n if (!this.compareItems(oldWrapGroupDimension.items[i], this.items[arrayStartIndex + i])) {\r\n itemsChanged = true;\r\n break;\r\n }\r\n }\r\n if (!itemsChanged) {\r\n ++this.wrapGroupDimensions.numberOfKnownWrapGroupChildSizes;\r\n this.wrapGroupDimensions.sumOfKnownWrapGroupChildWidths += oldWrapGroupDimension.childWidth || 0;\r\n this.wrapGroupDimensions.sumOfKnownWrapGroupChildHeights += oldWrapGroupDimension.childHeight || 0;\r\n this.wrapGroupDimensions.maxChildSizePerWrapGroup[wrapGroupIndex] = oldWrapGroupDimension;\r\n }\r\n }\r\n };\r\n VirtualScrollerComponent.prototype.calculateDimensions = function () {\r\n var scrollElement = this.getScrollElement();\r\n var maxCalculatedScrollBarSize = 25; // Note: Formula to auto-calculate doesn't work for ParentScroll, so we default to this if not set by consuming application\r\n this.calculatedScrollbarHeight = Math.max(Math.min(scrollElement.offsetHeight - scrollElement.clientHeight, maxCalculatedScrollBarSize), this.calculatedScrollbarHeight);\r\n this.calculatedScrollbarWidth = Math.max(Math.min(scrollElement.offsetWidth - scrollElement.clientWidth, maxCalculatedScrollBarSize), this.calculatedScrollbarWidth);\r\n var viewportWidth = scrollElement.offsetWidth - (this.scrollbarWidth || this.calculatedScrollbarWidth || (this.horizontal ? 0 : maxCalculatedScrollBarSize));\r\n var viewportHeight = scrollElement.offsetHeight - (this.scrollbarHeight || this.calculatedScrollbarHeight || (this.horizontal ? maxCalculatedScrollBarSize : 0));\r\n var content = (this.containerElementRef && this.containerElementRef.nativeElement) || this.contentElementRef.nativeElement;\r\n var itemsPerWrapGroup = this.countItemsPerWrapGroup();\r\n var wrapGroupsPerPage;\r\n var defaultChildWidth;\r\n var defaultChildHeight;\r\n if (this.isAngularUniversalSSR) {\r\n viewportWidth = this.ssrViewportWidth;\r\n viewportHeight = this.ssrViewportHeight;\r\n defaultChildWidth = this.ssrChildWidth;\r\n defaultChildHeight = this.ssrChildHeight;\r\n var itemsPerRow = Math.max(Math.ceil(viewportWidth / defaultChildWidth), 1);\r\n var itemsPerCol = Math.max(Math.ceil(viewportHeight / defaultChildHeight), 1);\r\n wrapGroupsPerPage = this.horizontal ? itemsPerRow : itemsPerCol;\r\n }\r\n else if (!this.enableUnequalChildrenSizes) {\r\n if (content.children.length > 0) {\r\n if (!this.childWidth || !this.childHeight) {\r\n if (!this.minMeasuredChildWidth && viewportWidth > 0) {\r\n this.minMeasuredChildWidth = viewportWidth;\r\n }\r\n if (!this.minMeasuredChildHeight && viewportHeight > 0) {\r\n this.minMeasuredChildHeight = viewportHeight;\r\n }\r\n }\r\n var child = content.children[0];\r\n var clientRect = child.getBoundingClientRect();\r\n this.minMeasuredChildWidth = Math.min(this.minMeasuredChildWidth, clientRect.width);\r\n this.minMeasuredChildHeight = Math.min(this.minMeasuredChildHeight, clientRect.height);\r\n }\r\n defaultChildWidth = this.childWidth || this.minMeasuredChildWidth || viewportWidth;\r\n defaultChildHeight = this.childHeight || this.minMeasuredChildHeight || viewportHeight;\r\n var itemsPerRow = Math.max(Math.ceil(viewportWidth / defaultChildWidth), 1);\r\n var itemsPerCol = Math.max(Math.ceil(viewportHeight / defaultChildHeight), 1);\r\n wrapGroupsPerPage = this.horizontal ? itemsPerRow : itemsPerCol;\r\n }\r\n else {\r\n var scrollOffset = scrollElement[this._scrollType] - (this.previousViewPort ? this.previousViewPort.padding : 0);\r\n var arrayStartIndex = this.previousViewPort.startIndexWithBuffer || 0;\r\n var wrapGroupIndex = Math.ceil(arrayStartIndex / itemsPerWrapGroup);\r\n var maxWidthForWrapGroup = 0;\r\n var maxHeightForWrapGroup = 0;\r\n var sumOfVisibleMaxWidths = 0;\r\n var sumOfVisibleMaxHeights = 0;\r\n wrapGroupsPerPage = 0;\r\n for (var i = 0; i < content.children.length; ++i) {\r\n ++arrayStartIndex;\r\n var child = content.children[i];\r\n var clientRect = child.getBoundingClientRect();\r\n maxWidthForWrapGroup = Math.max(maxWidthForWrapGroup, clientRect.width);\r\n maxHeightForWrapGroup = Math.max(maxHeightForWrapGroup, clientRect.height);\r\n if (arrayStartIndex % itemsPerWrapGroup === 0) {\r\n var oldValue = this.wrapGroupDimensions.maxChildSizePerWrapGroup[wrapGroupIndex];\r\n if (oldValue) {\r\n --this.wrapGroupDimensions.numberOfKnownWrapGroupChildSizes;\r\n this.wrapGroupDimensions.sumOfKnownWrapGroupChildWidths -= oldValue.childWidth || 0;\r\n this.wrapGroupDimensions.sumOfKnownWrapGroupChildHeights -= oldValue.childHeight || 0;\r\n }\r\n ++this.wrapGroupDimensions.numberOfKnownWrapGroupChildSizes;\r\n var items = this.items.slice(arrayStartIndex - itemsPerWrapGroup, arrayStartIndex);\r\n this.wrapGroupDimensions.maxChildSizePerWrapGroup[wrapGroupIndex] = {\r\n childWidth: maxWidthForWrapGroup,\r\n childHeight: maxHeightForWrapGroup,\r\n items: items\r\n };\r\n this.wrapGroupDimensions.sumOfKnownWrapGroupChildWidths += maxWidthForWrapGroup;\r\n this.wrapGroupDimensions.sumOfKnownWrapGroupChildHeights += maxHeightForWrapGroup;\r\n if (this.horizontal) {\r\n var maxVisibleWidthForWrapGroup = Math.min(maxWidthForWrapGroup, Math.max(viewportWidth - sumOfVisibleMaxWidths, 0));\r\n if (scrollOffset > 0) {\r\n var scrollOffsetToRemove = Math.min(scrollOffset, maxVisibleWidthForWrapGroup);\r\n maxVisibleWidthForWrapGroup -= scrollOffsetToRemove;\r\n scrollOffset -= scrollOffsetToRemove;\r\n }\r\n sumOfVisibleMaxWidths += maxVisibleWidthForWrapGroup;\r\n if (maxVisibleWidthForWrapGroup > 0 && viewportWidth >= sumOfVisibleMaxWidths) {\r\n ++wrapGroupsPerPage;\r\n }\r\n }\r\n else {\r\n var maxVisibleHeightForWrapGroup = Math.min(maxHeightForWrapGroup, Math.max(viewportHeight - sumOfVisibleMaxHeights, 0));\r\n if (scrollOffset > 0) {\r\n var scrollOffsetToRemove = Math.min(scrollOffset, maxVisibleHeightForWrapGroup);\r\n maxVisibleHeightForWrapGroup -= scrollOffsetToRemove;\r\n scrollOffset -= scrollOffsetToRemove;\r\n }\r\n sumOfVisibleMaxHeights += maxVisibleHeightForWrapGroup;\r\n if (maxVisibleHeightForWrapGroup > 0 && viewportHeight >= sumOfVisibleMaxHeights) {\r\n ++wrapGroupsPerPage;\r\n }\r\n }\r\n ++wrapGroupIndex;\r\n maxWidthForWrapGroup = 0;\r\n maxHeightForWrapGroup = 0;\r\n }\r\n }\r\n var averageChildWidth = this.wrapGroupDimensions.sumOfKnownWrapGroupChildWidths / this.wrapGroupDimensions.numberOfKnownWrapGroupChildSizes;\r\n var averageChildHeight = this.wrapGroupDimensions.sumOfKnownWrapGroupChildHeights / this.wrapGroupDimensions.numberOfKnownWrapGroupChildSizes;\r\n defaultChildWidth = this.childWidth || averageChildWidth || viewportWidth;\r\n defaultChildHeight = this.childHeight || averageChildHeight || viewportHeight;\r\n if (this.horizontal) {\r\n if (viewportWidth > sumOfVisibleMaxWidths) {\r\n wrapGroupsPerPage += Math.ceil((viewportWidth - sumOfVisibleMaxWidths) / defaultChildWidth);\r\n }\r\n }\r\n else {\r\n if (viewportHeight > sumOfVisibleMaxHeights) {\r\n wrapGroupsPerPage += Math.ceil((viewportHeight - sumOfVisibleMaxHeights) / defaultChildHeight);\r\n }\r\n }\r\n }\r\n var itemCount = this.items.length;\r\n var itemsPerPage = itemsPerWrapGroup * wrapGroupsPerPage;\r\n var pageCount_fractional = itemCount / itemsPerPage;\r\n var numberOfWrapGroups = Math.ceil(itemCount / itemsPerWrapGroup);\r\n var scrollLength = 0;\r\n var defaultScrollLengthPerWrapGroup = this.horizontal ? defaultChildWidth : defaultChildHeight;\r\n if (this.enableUnequalChildrenSizes) {\r\n var numUnknownChildSizes = 0;\r\n for (var i = 0; i < numberOfWrapGroups; ++i) {\r\n var childSize = this.wrapGroupDimensions.maxChildSizePerWrapGroup[i] && this.wrapGroupDimensions.maxChildSizePerWrapGroup[i][this._childScrollDim];\r\n if (childSize) {\r\n scrollLength += childSize;\r\n }\r\n else {\r\n ++numUnknownChildSizes;\r\n }\r\n }\r\n scrollLength += Math.round(numUnknownChildSizes * defaultScrollLengthPerWrapGroup);\r\n }\r\n else {\r\n scrollLength = numberOfWrapGroups * defaultScrollLengthPerWrapGroup;\r\n }\r\n if (this.headerElementRef) {\r\n scrollLength += this.headerElementRef.nativeElement.clientHeight;\r\n }\r\n var viewportLength = this.horizontal ? viewportWidth : viewportHeight;\r\n var maxScrollPosition = Math.max(scrollLength - viewportLength, 0);\r\n return {\r\n itemCount: itemCount,\r\n itemsPerWrapGroup: itemsPerWrapGroup,\r\n wrapGroupsPerPage: wrapGroupsPerPage,\r\n itemsPerPage: itemsPerPage,\r\n pageCount_fractional: pageCount_fractional,\r\n childWidth: defaultChildWidth,\r\n childHeight: defaultChildHeight,\r\n scrollLength: scrollLength,\r\n viewportLength: viewportLength,\r\n maxScrollPosition: maxScrollPosition\r\n };\r\n };\r\n VirtualScrollerComponent.prototype.calculatePadding = function (arrayStartIndexWithBuffer, dimensions) {\r\n if (dimensions.itemCount === 0) {\r\n return 0;\r\n }\r\n var defaultScrollLengthPerWrapGroup = dimensions[this._childScrollDim];\r\n var startingWrapGroupIndex = Math.floor(arrayStartIndexWithBuffer / dimensions.itemsPerWrapGroup) || 0;\r\n if (!this.enableUnequalChildrenSizes) {\r\n return defaultScrollLengthPerWrapGroup * startingWrapGroupIndex;\r\n }\r\n var numUnknownChildSizes = 0;\r\n var result = 0;\r\n for (var i = 0; i < startingWrapGroupIndex; ++i) {\r\n var childSize = this.wrapGroupDimensions.maxChildSizePerWrapGroup[i] && this.wrapGroupDimensions.maxChildSizePerWrapGroup[i][this._childScrollDim];\r\n if (childSize) {\r\n result += childSize;\r\n }\r\n else {\r\n ++numUnknownChildSizes;\r\n }\r\n }\r\n result += Math.round(numUnknownChildSizes * defaultScrollLengthPerWrapGroup);\r\n return result;\r\n };\r\n VirtualScrollerComponent.prototype.calculatePageInfo = function (scrollPosition, dimensions) {\r\n var scrollPercentage = 0;\r\n if (this.enableUnequalChildrenSizes) {\r\n var numberOfWrapGroups = Math.ceil(dimensions.itemCount / dimensions.itemsPerWrapGroup);\r\n var totalScrolledLength = 0;\r\n var defaultScrollLengthPerWrapGroup = dimensions[this._childScrollDim];\r\n for (var i = 0; i < numberOfWrapGroups; ++i) {\r\n var childSize = this.wrapGroupDimensions.maxChildSizePerWrapGroup[i] && this.wrapGroupDimensions.maxChildSizePerWrapGroup[i][this._childScrollDim];\r\n if (childSize) {\r\n totalScrolledLength += childSize;\r\n }\r\n else {\r\n totalScrolledLength += defaultScrollLengthPerWrapGroup;\r\n }\r\n if (scrollPosition < totalScrolledLength) {\r\n scrollPercentage = i / numberOfWrapGroups;\r\n break;\r\n }\r\n }\r\n }\r\n else {\r\n scrollPercentage = scrollPosition / dimensions.scrollLength;\r\n }\r\n var startingArrayIndex_fractional = Math.min(Math.max(scrollPercentage * dimensions.pageCount_fractional, 0), dimensions.pageCount_fractional) * dimensions.itemsPerPage;\r\n var maxStart = dimensions.itemCount - dimensions.itemsPerPage - 1;\r\n var arrayStartIndex = Math.min(Math.floor(startingArrayIndex_fractional), maxStart);\r\n arrayStartIndex -= arrayStartIndex % dimensions.itemsPerWrapGroup; // round down to start of wrapGroup\r\n if (this.stripedTable) {\r\n var bufferBoundary = 2 * dimensions.itemsPerWrapGroup;\r\n if (arrayStartIndex % bufferBoundary !== 0) {\r\n arrayStartIndex = Math.max(arrayStartIndex - arrayStartIndex % bufferBoundary, 0);\r\n }\r\n }\r\n var arrayEndIndex = Math.ceil(startingArrayIndex_fractional) + dimensions.itemsPerPage - 1;\r\n var endIndexWithinWrapGroup = (arrayEndIndex + 1) % dimensions.itemsPerWrapGroup;\r\n if (endIndexWithinWrapGroup > 0) {\r\n arrayEndIndex += dimensions.itemsPerWrapGroup - endIndexWithinWrapGroup; // round up to end of wrapGroup\r\n }\r\n if (isNaN(arrayStartIndex)) {\r\n arrayStartIndex = 0;\r\n }\r\n if (isNaN(arrayEndIndex)) {\r\n arrayEndIndex = 0;\r\n }\r\n arrayStartIndex = Math.min(Math.max(arrayStartIndex, 0), dimensions.itemCount - 1);\r\n arrayEndIndex = Math.min(Math.max(arrayEndIndex, 0), dimensions.itemCount - 1);\r\n var bufferSize = this.bufferAmount * dimensions.itemsPerWrapGroup;\r\n var startIndexWithBuffer = Math.min(Math.max(arrayStartIndex - bufferSize, 0), dimensions.itemCount - 1);\r\n var endIndexWithBuffer = Math.min(Math.max(arrayEndIndex + bufferSize, 0), dimensions.itemCount - 1);\r\n return {\r\n startIndex: arrayStartIndex,\r\n endIndex: arrayEndIndex,\r\n startIndexWithBuffer: startIndexWithBuffer,\r\n endIndexWithBuffer: endIndexWithBuffer,\r\n scrollStartPosition: scrollPosition,\r\n scrollEndPosition: scrollPosition + dimensions.viewportLength,\r\n maxScrollPosition: dimensions.maxScrollPosition\r\n };\r\n };\r\n VirtualScrollerComponent.prototype.calculateViewport = function () {\r\n var dimensions = this.calculateDimensions();\r\n var offset = this.getElementsOffset();\r\n var scrollStartPosition = this.getScrollStartPosition();\r\n if (scrollStartPosition > (dimensions.scrollLength + offset) && !(this.parentScroll instanceof Window)) {\r\n scrollStartPosition = dimensions.scrollLength;\r\n }\r\n else {\r\n scrollStartPosition -= offset;\r\n }\r\n scrollStartPosition = Math.max(0, scrollStartPosition);\r\n var pageInfo = this.calculatePageInfo(scrollStartPosition, dimensions);\r\n var newPadding = this.calculatePadding(pageInfo.startIndexWithBuffer, dimensions);\r\n var newScrollLength = dimensions.scrollLength;\r\n return {\r\n startIndex: pageInfo.startIndex,\r\n endIndex: pageInfo.endIndex,\r\n startIndexWithBuffer: pageInfo.startIndexWithBuffer,\r\n endIndexWithBuffer: pageInfo.endIndexWithBuffer,\r\n padding: Math.round(newPadding),\r\n scrollLength: Math.round(newScrollLength),\r\n scrollStartPosition: pageInfo.scrollStartPosition,\r\n scrollEndPosition: pageInfo.scrollEndPosition,\r\n maxScrollPosition: pageInfo.maxScrollPosition\r\n };\r\n };\r\n VirtualScrollerComponent.decorators = [\r\n { type: core_1.Component, args: [{\r\n selector: 'virtual-scroller,[virtualScroller]',\r\n exportAs: 'virtualScroller',\r\n template: \"\\n
\\n \\n
\\n \",\r\n host: {\r\n '[class.horizontal]': \"horizontal\",\r\n '[class.vertical]': \"!horizontal\",\r\n '[class.selfScroll]': \"!parentScroll\"\r\n },\r\n styles: [\"\\n :host {\\n position: relative;\\n\\t display: block;\\n -webkit-overflow-scrolling: touch;\\n }\\n\\t\\n\\t:host.horizontal.selfScroll {\\n overflow-y: visible;\\n overflow-x: auto;\\n\\t}\\n\\t:host.vertical.selfScroll {\\n overflow-y: auto;\\n overflow-x: visible;\\n\\t}\\n\\t\\n .scrollable-content {\\n top: 0;\\n left: 0;\\n width: 100%;\\n height: 100%;\\n max-width: 100vw;\\n max-height: 100vh;\\n position: absolute;\\n }\\n\\n\\t.scrollable-content ::ng-deep > * {\\n\\t\\tbox-sizing: border-box;\\n\\t}\\n\\t\\n\\t:host.horizontal {\\n\\t\\twhite-space: nowrap;\\n\\t}\\n\\t\\n\\t:host.horizontal .scrollable-content {\\n\\t\\tdisplay: flex;\\n\\t}\\n\\t\\n\\t:host.horizontal .scrollable-content ::ng-deep > * {\\n\\t\\tflex-shrink: 0;\\n\\t\\tflex-grow: 0;\\n\\t\\twhite-space: initial;\\n\\t}\\n\\t\\n .total-padding {\\n width: 1px;\\n opacity: 0;\\n }\\n \\n :host.horizontal .total-padding {\\n height: 100%;\\n }\\n \"]\r\n },] },\r\n ];\r\n /** @nocollapse */\r\n VirtualScrollerComponent.ctorParameters = function () { return [\r\n { type: core_1.ElementRef, },\r\n { type: core_1.Renderer2, },\r\n { type: core_1.NgZone, },\r\n { type: core_1.ChangeDetectorRef, },\r\n { type: Object, decorators: [{ type: core_1.Inject, args: [core_2.PLATFORM_ID,] },] },\r\n { type: undefined, decorators: [{ type: core_1.Optional }, { type: core_1.Inject, args: ['virtualScroller.scrollThrottlingTime',] },] },\r\n { type: undefined, decorators: [{ type: core_1.Optional }, { type: core_1.Inject, args: ['virtualScroller.scrollDebounceTime',] },] },\r\n { type: undefined, decorators: [{ type: core_1.Optional }, { type: core_1.Inject, args: ['virtualScroller.scrollAnimationTime',] },] },\r\n { type: undefined, decorators: [{ type: core_1.Optional }, { type: core_1.Inject, args: ['virtualScroller.scrollbarWidth',] },] },\r\n { type: undefined, decorators: [{ type: core_1.Optional }, { type: core_1.Inject, args: ['virtualScroller.scrollbarHeight',] },] },\r\n { type: undefined, decorators: [{ type: core_1.Optional }, { type: core_1.Inject, args: ['virtualScroller.checkResizeInterval',] },] },\r\n { type: undefined, decorators: [{ type: core_1.Optional }, { type: core_1.Inject, args: ['virtualScroller.resizeBypassRefreshThreshold',] },] },\r\n { type: undefined, decorators: [{ type: core_1.Optional }, { type: core_1.Inject, args: ['virtualScroller.modifyOverflowStyleOfParentScroll',] },] },\r\n { type: undefined, decorators: [{ type: core_1.Optional }, { type: core_1.Inject, args: ['virtualScroller.stripedTable',] },] },\r\n ]; };\r\n VirtualScrollerComponent.propDecorators = {\r\n 'executeRefreshOutsideAngularZone': [{ type: core_1.Input },],\r\n 'enableUnequalChildrenSizes': [{ type: core_1.Input },],\r\n 'useMarginInsteadOfTranslate': [{ type: core_1.Input },],\r\n 'modifyOverflowStyleOfParentScroll': [{ type: core_1.Input },],\r\n 'stripedTable': [{ type: core_1.Input },],\r\n 'scrollbarWidth': [{ type: core_1.Input },],\r\n 'scrollbarHeight': [{ type: core_1.Input },],\r\n 'childWidth': [{ type: core_1.Input },],\r\n 'childHeight': [{ type: core_1.Input },],\r\n 'ssrChildWidth': [{ type: core_1.Input },],\r\n 'ssrChildHeight': [{ type: core_1.Input },],\r\n 'ssrViewportWidth': [{ type: core_1.Input },],\r\n 'ssrViewportHeight': [{ type: core_1.Input },],\r\n 'bufferAmount': [{ type: core_1.Input },],\r\n 'scrollAnimationTime': [{ type: core_1.Input },],\r\n 'resizeBypassRefreshThreshold': [{ type: core_1.Input },],\r\n 'scrollThrottlingTime': [{ type: core_1.Input },],\r\n 'scrollDebounceTime': [{ type: core_1.Input },],\r\n 'checkResizeInterval': [{ type: core_1.Input },],\r\n 'items': [{ type: core_1.Input },],\r\n 'compareItems': [{ type: core_1.Input },],\r\n 'horizontal': [{ type: core_1.Input },],\r\n 'parentScroll': [{ type: core_1.Input },],\r\n 'update': [{ type: core_1.Output },],\r\n 'vsUpdate': [{ type: core_1.Output },],\r\n 'change': [{ type: core_1.Output },],\r\n 'vsChange': [{ type: core_1.Output },],\r\n 'start': [{ type: core_1.Output },],\r\n 'vsStart': [{ type: core_1.Output },],\r\n 'end': [{ type: core_1.Output },],\r\n 'vsEnd': [{ type: core_1.Output },],\r\n 'contentElementRef': [{ type: core_1.ViewChild, args: ['content', { read: core_1.ElementRef },] },],\r\n 'invisiblePaddingElementRef': [{ type: core_1.ViewChild, args: ['invisiblePadding', { read: core_1.ElementRef },] },],\r\n 'headerElementRef': [{ type: core_1.ContentChild, args: ['header', { read: core_1.ElementRef },] },],\r\n 'containerElementRef': [{ type: core_1.ContentChild, args: ['container', { read: core_1.ElementRef },] },],\r\n };\r\n return VirtualScrollerComponent;\r\n}());\r\nexports.VirtualScrollerComponent = VirtualScrollerComponent;\r\nvar VirtualScrollerModule = (function () {\r\n function VirtualScrollerModule() {\r\n }\r\n VirtualScrollerModule.decorators = [\r\n { type: core_1.NgModule, args: [{\r\n exports: [VirtualScrollerComponent],\r\n declarations: [VirtualScrollerComponent],\r\n imports: [common_2.CommonModule]\r\n },] },\r\n ];\r\n /** @nocollapse */\r\n VirtualScrollerModule.ctorParameters = function () { return []; };\r\n return VirtualScrollerModule;\r\n}());\r\nexports.VirtualScrollerModule = VirtualScrollerModule;\r\n//# sourceMappingURL=virtual-scroller.js.map\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./node_modules/ngx-virtual-scroller/dist/virtual-scroller.js\n// module id = 134\n// module chunks = 1","\"use strict\";\n// Experimental API below\nObject.defineProperty(exports, \"__esModule\", { value: true });\n/**\n * get input values\n *\n * Extended by: Gabriel Schuster \n * Now gets values of inputs (including \"checked\" status radios, checkboxes), textareas and selects (including multiselects)\n * Tries to identify the elements as exact as possible, falls back to numeric index when identification fails\n * WIP refactor by: PatrickJS\n */\nfunction __getInputValues() {\n var _inputs = document.querySelectorAll('input, textarea, select');\n var inputs = Array.prototype.slice.call(_inputs);\n return inputs.map(function (input) {\n var inputTagName = input.tagName.toLowerCase();\n var inputType = input.type;\n var inputId = (input.id && typeof input.id === 'string') ? input.id : null;\n var inputName = (input.name && typeof input.name === 'string') ? input.name : null;\n var inputValue = (input.value && typeof input.value === 'string') ? input.value : null;\n var inputChildNodes = input.childNodes;\n var inputSelected = Boolean(input.selected);\n var elementStore = {\n 'tag': inputTagName,\n 'type': null,\n 'id': inputId,\n 'name': inputName,\n 'value': '',\n 'checked': false,\n 'options': []\n };\n if ('input' === inputTagName || 'textarea' === inputTagName) {\n elementStore['type'] = inputType;\n if ('input' !== inputTagName) {\n elementStore['value'] = inputValue;\n return elementStore;\n }\n switch (inputType) {\n case 'checkbox':\n case 'radio':\n elementStore['checked'] = inputSelected;\n elementStore['value'] = inputValue;\n return elementStore;\n case 'image':\n case 'button':\n case 'submit':\n case 'reset':\n default:\n // These types don't need any config and thus need no update, they only were stored because they match \"input\"\n return elementStore;\n }\n }\n else if ('select' === inputTagName) {\n var childNodes = Array.prototype.slice.call(inputChildNodes);\n var options = childNodes.map(function (option, i) {\n return { value: option['value'], selected: Boolean(option['selected']) };\n });\n elementStore['options'] = options;\n return elementStore;\n }\n return elementStore;\n });\n}\nexports.__getInputValues = __getInputValues;\n/**\n * set input values\n *\n * Extended by: Gabriel Schuster \n * WIP refactor by: PatrickJS\n */\nfunction __setInputValues($inputs) {\n var inputs = document.querySelectorAll('input, textarea');\n $inputs.forEach(function (store, i) {\n if ('input' === store.tag || 'textarea' === store.tag) {\n if ('input' === store.tag && ('checkbox' === store.type || 'radio' === store.type)) {\n var selector = 'input' + (null !== store.id ? '#' + store.id : '') + '[type=\"' + store.type + '\"]' + (null !== store.name ? '[name=\"' + store.name + '\"]' : '') +\n '[value=\"' + store.value + '\"]';\n var element = document.body.querySelector(selector);\n if (element && Boolean(store['checked'])) {\n element['checked'] = 'checked';\n element.dispatchEvent(new CustomEvent('input', { detail: element['checked'] }));\n }\n }\n else if ('input' === store.tagName.toLowerCase() &&\n ('image' === store.type || 'button' === store.type || 'submit' === store.type || 'reset' === store.type)) {\n // These types don't need any config and thus need no update, they only were stored because they match \"input\"\n }\n else {\n if (null === store.id && null === store.name) {\n if (store.value.length &&\n inputs[i] &&\n inputs[i].tagName.toLowerCase() === store.tag &&\n ('textarea' === store.tag || inputs[i].getAttribute('type') === store.type) &&\n ('string' !== typeof inputs[i].id || !inputs[i].id.length) &&\n ('string' !== typeof inputs[i].getAttribute('name') ||\n !inputs[i].getAttribute('name').length)) {\n inputs[i]['value'] = store.value;\n inputs[i].dispatchEvent(new CustomEvent('input', { detail: inputs[i]['value'] }));\n }\n }\n else {\n var selector = 'input' +\n (null !== store.id ? '#' + store.id : '') + ('input' === store.tag ? '[type=\"' + store.type + '\"]' : '') +\n (null !== store.name ? '[name=\"' + store.name + '\"]' : '');\n var element = document.body.querySelector(selector);\n if (element && store.value.length) {\n element['value'] = store.value;\n element.dispatchEvent(new CustomEvent('input', { detail: element['value'] }));\n }\n }\n }\n }\n else if ('select' === store.tag) {\n var select_1 = null;\n if (null === store.id && null === store.name) {\n if (inputs[i] && inputs[i].tagName.toLowerCase() === store.tag && ('string' !== typeof inputs[i].id || !inputs[i].id.length) &&\n ('string' !== typeof inputs[i].getAttribute('name') || !inputs[i].getAttribute('name').length)) {\n select_1 = inputs[i];\n }\n }\n else {\n var selector = 'select' + (null !== store.id ? '#' + store.id : '') + (null !== store.name ? '[name=\"' + store.name + '\"]' : '');\n var element = document.body.querySelector(selector);\n if (element) {\n select_1 = element;\n }\n }\n if (select_1) {\n store.options.forEach(function (storedOption, j) {\n var option = select_1.querySelector('option[value=\"' + storedOption.value + '\"]');\n if (!option &&\n select_1.childNodes[j] &&\n ('string' !== typeof select_1.childNodes[j]['value'] || !select_1.childNodes[j]['value'].length)) {\n option = select_1.childNodes[j];\n }\n if (option && !!storedOption.selected) {\n option['selected'] = 'selected';\n option.dispatchEvent(new CustomEvent('input', { detail: option['selected'] }));\n }\n });\n }\n }\n });\n}\nexports.__setInputValues = __setInputValues;\nfunction __createInputTransfer() {\n var $inputs = __getInputValues();\n return function restoreInputValues() {\n return __setInputValues($inputs);\n };\n}\nexports.__createInputTransfer = __createInputTransfer;\n//# sourceMappingURL=experimental.js.map\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./node_modules/@angularclass/hmr/dist/experimental.js\n// module id = 1340\n// module chunks = 1","\"use strict\";\nObject.defineProperty(exports, \"__esModule\", { value: true });\nexports.MODULE_CONFIG = {\n 'OnInit': 'hmrOnInit',\n 'OnStatus': 'hmrOnStatus',\n 'OnCheck': 'hmrOnCheck',\n 'OnDecline': 'hmrOnDecline',\n 'OnDestroy': 'hmrOnDestroy',\n 'AfterDestroy': 'hmrAfterDestroy'\n};\nfunction hmrModule(MODULE_REF, MODULE, CONFIG) {\n if (CONFIG === void 0) { CONFIG = exports.MODULE_CONFIG; }\n if (MODULE['hot']) {\n MODULE['hot']['accept']();\n if (MODULE_REF.instance[exports.MODULE_CONFIG['OnInit']]) {\n if (MODULE['hot']['data']) {\n MODULE_REF.instance[exports.MODULE_CONFIG['OnInit']](MODULE['hot']['data']);\n }\n }\n if (MODULE_REF.instance[exports.MODULE_CONFIG['OnStatus']]) {\n MODULE['hot']['apply'](function hmrOnStatus(status) {\n MODULE_REF.instance[exports.MODULE_CONFIG['OnStatus']](status);\n });\n }\n if (MODULE_REF.instance[exports.MODULE_CONFIG['OnCheck']]) {\n MODULE['hot']['check'](function hmrOnCheck(err, outdatedModules) {\n MODULE_REF.instance[exports.MODULE_CONFIG['OnCheck']](err, outdatedModules);\n });\n }\n if (MODULE_REF.instance[exports.MODULE_CONFIG['OnDecline']]) {\n MODULE['hot']['decline'](function hmrOnDecline(dependencies) {\n MODULE_REF.instance[exports.MODULE_CONFIG['OnDecline']](dependencies);\n });\n }\n MODULE['hot']['dispose'](function hmrOnDestroy(store) {\n if (MODULE_REF.instance[exports.MODULE_CONFIG['OnDestroy']]) {\n MODULE_REF.instance[exports.MODULE_CONFIG['OnDestroy']](store);\n }\n MODULE_REF.destroy();\n if (MODULE_REF.instance[exports.MODULE_CONFIG['AfterDestroy']]) {\n MODULE_REF.instance[exports.MODULE_CONFIG['AfterDestroy']](store);\n }\n });\n }\n return MODULE_REF;\n}\nexports.hmrModule = hmrModule;\n//# sourceMappingURL=hmr.js.map\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./node_modules/@angularclass/hmr/dist/hmr.js\n// module id = 1341\n// module chunks = 1","\"use strict\";\nObject.defineProperty(exports, \"__esModule\", { value: true });\nvar module_1 = require(\"./module\");\nexports.FlashMessagesModule = module_1.FlashMessagesModule;\nvar flash_messages_service_1 = require(\"./flash-messages.service\");\nexports.FlashMessagesService = flash_messages_service_1.FlashMessagesService;\n//# sourceMappingURL=index.js.map\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./node_modules/angular2-flash-messages/module/index.js\n// module id = 1342\n// module chunks = 1","\"use strict\";\nObject.defineProperty(exports, \"__esModule\", { value: true });\nvar core_1 = require(\"@angular/core\");\nvar common_1 = require(\"@angular/common\");\nvar flash_messages_component_1 = require(\"./flash-messages.component\");\nvar flash_messages_service_1 = require(\"./flash-messages.service\");\nvar FlashMessagesModule = (function () {\n function FlashMessagesModule() {\n }\n return FlashMessagesModule;\n}());\nFlashMessagesModule.decorators = [\n { type: core_1.NgModule, args: [{\n imports: [common_1.CommonModule],\n declarations: [flash_messages_component_1.FlashMessagesComponent],\n exports: [flash_messages_component_1.FlashMessagesComponent],\n providers: [flash_messages_service_1.FlashMessagesService]\n },] },\n];\n/** @nocollapse */\nFlashMessagesModule.ctorParameters = function () { return []; };\nexports.FlashMessagesModule = FlashMessagesModule;\n//# sourceMappingURL=module.js.map\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./node_modules/angular2-flash-messages/module/module.js\n// module id = 1343\n// module chunks = 1","\"use strict\";\nObject.defineProperty(exports, \"__esModule\", { value: true });\nvar core_1 = require(\"@angular/core\");\nvar flash_message_1 = require(\"./flash-message\");\nvar flash_messages_service_1 = require(\"./flash-messages.service\");\nvar FlashMessagesComponent = (function () {\n function FlashMessagesComponent(_flashMessagesService, _cdRef) {\n this._flashMessagesService = _flashMessagesService;\n this._cdRef = _cdRef;\n this._defaults = {\n text: 'default message',\n cssClass: ''\n };\n this.messages = [];\n this.classes = '';\n this._grayOut = false;\n this._flashMessagesService.show = this.show.bind(this);\n this._flashMessagesService.grayOut = this.grayOut.bind(this);\n }\n FlashMessagesComponent.prototype.ngOnInit = function () { };\n FlashMessagesComponent.prototype.show = function (text, options) {\n var _this = this;\n if (options === void 0) { options = {}; }\n var defaults = {\n timeout: 2500,\n cssClass: ''\n };\n for (var attrname in options) {\n defaults[attrname] = options[attrname];\n }\n var message = new flash_message_1.FlashMessage(text, defaults.cssClass);\n this.messages.push(message);\n this._cdRef.detectChanges();\n window.setTimeout(function () {\n _this._remove(message);\n _this._cdRef.detectChanges();\n }, defaults.timeout);\n };\n FlashMessagesComponent.prototype.grayOut = function (value) {\n if (value === void 0) { value = false; }\n this._grayOut = value;\n };\n FlashMessagesComponent.prototype._remove = function (message) {\n this.messages = this.messages.filter(function (msg) { return msg.id !== message.id; });\n };\n return FlashMessagesComponent;\n}());\nFlashMessagesComponent.decorators = [\n { type: core_1.Component, args: [{\n selector: 'flash-messages',\n template: \"\\n \\n \"\n },] },\n];\n/** @nocollapse */\nFlashMessagesComponent.ctorParameters = function () { return [\n { type: flash_messages_service_1.FlashMessagesService, },\n { type: core_1.ChangeDetectorRef, },\n]; };\nexports.FlashMessagesComponent = FlashMessagesComponent;\n//# sourceMappingURL=flash-messages.component.js.map\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./node_modules/angular2-flash-messages/module/flash-messages.component.js\n// module id = 1344\n// module chunks = 1","\"use strict\";\nObject.defineProperty(exports, \"__esModule\", { value: true });\nvar FlashMessage = (function () {\n function FlashMessage(text, cssClass) {\n this.id = (FlashMessage.nextId++);\n this.text = 'default text';\n this.cssClass = '';\n this.text = text;\n this.cssClass = cssClass;\n }\n return FlashMessage;\n}());\nFlashMessage.nextId = 0;\nexports.FlashMessage = FlashMessage;\n//# sourceMappingURL=flash-message.js.map\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./node_modules/angular2-flash-messages/module/flash-message.js\n// module id = 1345\n// module chunks = 1","module.exports = \"\"\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/module/account/account.view.html\n// module id = 1346\n// module chunks = 1","module.exports = \":host .account .account-tabs .nav-tabs a {\\n color: #a7a7a7; }\\n\\n:host .account .account-tabs .nav-tabs .active a {\\n color: #242a30; }\\n\"\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/module/account/account.view.scss\n// module id = 1347\n// module chunks = 1","import { AfterViewInit, ChangeDetectorRef, Component, OnInit } from '@angular/core';\nimport { ActivatedRoute } from '@angular/router';\nimport { LocaleService, Localization, TranslationService } from 'angular-l10n';\nimport { FlashMessagesService } from 'angular2-flash-messages';\n\nimport {\n AccountProduct,\n AccountProductsListResponse,\n PaymentMethod,\n PaymentMethodsList,\n SubscriptionOrderResponse,\n} from '../../../model/api.model';\nimport { PaymentsService } from '../../../service/payments.service';\nimport { SubscriptionService } from '../../../service/subscription.service';\nimport { TabService } from '../../../service/tab.service';\nimport { UserService } from '../../../service/user.service';\nimport { ViewService } from '../../../service/view.service';\nimport { ProductService } from '../../../service/product.service';\nimport { ModalService } from './../../modal/modal.service';\n\n@Component({\n selector: 'account-subscriptions',\n template: require('./account.subscriptions.view.html'),\n styles: [\n ':host .subscriptions .result-list .plan-info ul{padding-left:20px;}'\n ],\n})\nexport class AccountSubscriptionsView extends Localization implements OnInit, AfterViewInit {\n accountProducts: AccountProductsListResponse;\n accountPaymentMethods: PaymentMethodsList;\n showPaymentsModal = false;\n showSpinner = false;\n braintreeClientToken: string;\n private planOnEdit: AccountProduct;\n constructor(\n private route: ActivatedRoute,\n private tabService: TabService,\n private userService: UserService,\n private productService: ProductService,\n private paymentsService: PaymentsService,\n private subscriptionService: SubscriptionService,\n private modal: ModalService,\n private view: ViewService,\n private flashMessagesService: FlashMessagesService,\n public locale: LocaleService,\n public translation: TranslationService,\n public cdr: ChangeDetectorRef) {\n super(locale, translation);\n //get data from resolver\n this.route.data.subscribe(\n (data: any) => {\n if (data && data.account) {\n this.accountProducts = data.account[1];\n this.accountPaymentMethods = data.account[2];\n this.addAdditionalProperties();\n if (data.account[3] != null)\n this.braintreeClientToken = data.account[3].bt_client_token;\n }\n });\n }\n\n ngOnInit() {\n this.tabService.onNavigatedTo(0);\n }\n\n ngAfterViewInit() {\n let items: any = $('[data-toggle=\"tooltip\"]');\n items.tooltip();\n }\n\n onPaymentsModalClosed(): void {\n this.showPaymentsModal = false;\n }\n\n calcViewsUsagePerc(viewsMade: number, viewsSize: number): number {\n let result = 0;\n // Count share if it is possible.\n if (viewsSize > 0) {\n result = 100 * viewsMade / viewsSize;\n }\n // Result has upper boundary '100'. Limit to it if it is bigger.\n if (result > 100) {\n result = 100;\n }\n return result;\n }\n\n private addAdditionalProperties(): void {\n if (this.accountProducts)\n this.accountProducts.results.forEach((plan: AccountProduct) => {\n //set payment method\n this.accountPaymentMethods.results.some((pm: PaymentMethod) => {\n if (pm.token == plan.bt_pm_token) {\n plan.payment_method = pm;\n return true;\n }\n return false;\n });\n let total = plan.base_price.net;\n //calculate current total\n if (plan.current_views > 0) {\n if (plan.base_views_size > 0) {\n if (plan.current_views > plan.base_views_size \n && plan.usage_unit_price.net > 0 && plan.usage_unit_size > 0) {\n let usage_count = (plan.current_views - plan.base_views_size) / plan.usage_unit_size + 1;\n total += usage_count * plan.usage_unit_price.net;\n }\n }\n else\n if (plan.usage_unit_price.net > 0 && plan.usage_unit_size > 0) {\n let usage_count = plan.current_views / plan.usage_unit_size + 1;\n total += usage_count * plan.usage_unit_price.net;\n }\n }\n plan.current_total = total;\n });\n }\n}\n\n\n\n// WEBPACK FOOTER //\n// ./node_modules/angular-router-loader/src!./node_modules/angular2-template-loader!./node_modules/string-replace-loader??ref--0-3!./src/module/account/subscriptions/account.subscriptions.view.ts","module.exports = \"\\n\\n
\\n {{'ACCOUNT_SUBS.TITLE' | translate:lang}} \\n {{'ACCOUNT_SUBS.MESSAGE.EMPTY' | translate:lang}} \\n \\n \\n
\\n \\n \\n
\\n {{'ACCOUNT_SUBS.LABEL.ACTIVE' | translate:lang}} \\n {{'ACCOUNT_SUBS.LABEL.INACTIVE' | translate:lang}} {{plan.product_plan.name}}\\n {{plan.product.name}} \\n
\\n \\n Basic player for testing (Web) \\n \\n 1\\\">\\n Player for commercial use \\n (Web, iOS, Android) \\n \\n \\n Support (not guaranteed) \\n \\n \\n Support: {{plan.sla_info}} \\n \\n \\n {{ 'PLAN_CARROUSEL.EXTRA.STATS' | translate:lang }}: {{ plan?.statistics_type }} \\n (audience stats only) \\n (audience, geo, tech, realtime analytics, engagement rate) \\n \\n \\n {{ 'PLAN_CARROUSEL.EXTRA.ADS' | translate:lang }} \\n \\n \\n {{ 'PLAN_CARROUSEL.EXTRA.DRM' | translate:lang }} \\n \\n \\n
\\n
\\n\\n \\n
{{plan.product_plan.description}} \\n
\\n \\n {{'ACCOUNT_SUBS.LABEL.CREATED_AT' | translate:lang}}: {{plan.created_at * 1000 | date:'longDate'}} \\n \\n \\n {{'ACCOUNT_SUBS.LABEL.UPDATED_AT' | translate:lang}}: {{plan.updated_at * 1000 | date:'longDate'}} \\n \\n \\n {{'ACCOUNT_SUBS.LABEL.NEXT_BILLING' | translate:lang}}: {{plan.next_billing_at * 1000 | date:'longDate'}} \\n {{'ACCOUNT_SUBS.LABEL.NOT_AVAILABLE' | translate:lang}} \\n \\n
\\n
\\n
\\n \\n {{'ACCOUNT_SUBS.LABEL.BASE_PRICE' | translate:lang}} {{plan.base_price.gross | currency:plan.base_price.currency:true:'1.0-2'}} \\n \\n \\n {{'ACCOUNT_SUBS.LABEL.CURRENT_TOTAL' | translate:lang}} {{plan.base_price.gross | currency:plan.base_price.currency:true:'1.0-2'}} \\n \\n \\n {{'ACCOUNT_SUBS.LABEL.PM' | translate:lang}} {{plan.payment_method.credit_card.masked_number}} \\n {{plan.payment_method.pay_pal_account.email}} \\n
\\n
\\n \\n
\\n
\\n
\"\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/module/account/subscriptions/account.subscriptions.view.html\n// module id = 1349\n// module chunks = 1","import { Component, OnInit, AfterViewInit, ChangeDetectionStrategy, ChangeDetectorRef } from '@angular/core';\nimport { ActivatedRoute, Router } from '@angular/router';\nimport { Localization, LocaleService, TranslationService } from 'angular-l10n';\nimport { FlashMessagesService } from 'angular2-flash-messages';\nimport { UserService } from '../../../service/user.service';\nimport { TabService } from '../../../service/tab.service';\nimport { PaymentsService } from '../../../service/payments.service';\nimport { PaymentTransactionsList, PaymentTransaction, Invoice } from '../../../model/api.model';\nimport { ModalService } from './../../modal/modal.service';\n\n//\ninterface PaymentTransactionEdit extends PaymentTransaction {\n terms: boolean;\n}\n//\n@Component({\n selector: 'account-invoices',\n template: require('./account.invoices.view.html'),\n changeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class AccountInvoicesView extends Localization implements OnInit, AfterViewInit {\n transactionsList: PaymentTransactionsList;\n transactionOnEdit: PaymentTransactionEdit | null = null;\n transactionDetails: PaymentTransaction | null = null;\n //\n constructor(\n private userService: UserService,\n private route: ActivatedRoute,\n private tabService: TabService,\n private flashMessagesService: FlashMessagesService,\n private cdr: ChangeDetectorRef,\n private paymentsService: PaymentsService,\n private modal: ModalService,\n public locale: LocaleService,\n public translation: TranslationService,\n public payments: PaymentsService) {\n super(locale, translation);\n //get data from PaymentsResolver\n this.route.data.subscribe((data: any) => {\n if (data && data.account) {\n this.transactionsList = data.account;\n // Preselect first transaction.\n if (this.transactionsList.count > 0) {\n this.transactionDetails = this.transactionsList.results[0];\n }\n }\n });\n }\n //\n ngOnInit() {\n this.tabService.onNavigatedTo(2);\n var itemsSet: any = $('.panel-body.products [rel=\"tooltip\"]');\n itemsSet.tooltip();\n }\n //\n ngAfterViewInit() {\n //Start DataTables with first column (created date) on descending order\n $('#data-table').DataTable({ 'order': [[0, 'desc']] });\n }\n //\n public onSaveEdit(form: any): void {\n //Show spinner on container\n //Call endpoint\n if (form.valid && this.userService.accountId && this.transactionOnEdit)\n this.paymentsService.updateInvoice(this.userService.accountId, this.transactionOnEdit.invoice).subscribe(\n (data: Invoice) => {\n //find this transaction on transactions List and update it\n this.transactionsList.results.some((transaction: PaymentTransaction, index: number) => {\n if (transaction.invoice && (transaction.invoice.id == data.id)) {\n this.transactionsList.results[index].invoice = data;\n return true;\n }\n return false;\n });\n this.flashMessagesService.show(this.translation.translate('ACCOUNT_INVOICES.MESSAGE.EDIT_SUCCESS'),\n { cssClass: 'alert-success', timeout: 3000 });\n this.transactionOnEdit = null;\n this.cdr.markForCheck();\n },\n (error) => {\n this.flashMessagesService.show(this.translation.translate('ACCOUNT_INVOICES.MESSAGE.EDIT_ERROR'),\n { cssClass: 'alert-failure', timeout: 3000 });\n }\n );\n }\n //\n public editTransaction(transaction: PaymentTransaction): void {\n this.transactionOnEdit = JSON.parse(JSON.stringify(transaction));\n if (transaction && this.transactionOnEdit)\n this.transactionOnEdit.terms = false;\n }\n //\n public showTermsForEdit(): boolean {\n this.modal.prompt(this.translation.translate('ACCOUNT_INVOICES.MESSAGE.AGREEMENT.TEXT'), [{\n label: this.translation.translate('ACCOUNT_INVOICES.BUTTON.AGREE'), fa: 'check',\n close: true, click: () => {\n if (this.transactionOnEdit)\n this.transactionOnEdit.terms = true;\n this.cdr.markForCheck();\n }\n },\n {\n label: this.translation.translate('ACCOUNT_INVOICES.BUTTON.NOT_AGREE'),\n fa: 'ban', close: true, click: () => {\n if (this.transactionOnEdit)\n this.transactionOnEdit.terms = false;\n this.cdr.markForCheck();\n }\n }\n ]);\n return false;\n }\n //\n public showReceiptDetails(receipt: PaymentTransaction): void {\n if (this.transactionDetails != null && receipt.id != this.transactionDetails.id) {\n this.transactionDetails = receipt;\n this.transactionOnEdit = null;\n }\n this.cdr.markForCheck();\n }\n}\n\n\n\n\n// WEBPACK FOOTER //\n// ./node_modules/angular-router-loader/src!./node_modules/angular2-template-loader!./node_modules/string-replace-loader??ref--0-3!./src/module/account/invoices/account.invoices.view.ts","module.exports = \"\\n\\n
\\n {{'ACCOUNT_INVOICES.SUBTITLE' | translate:lang}} \\n {{'ACCOUNT_INVOICES.MESSAGE.EMPTY' | translate:lang}} \\n 0\\\">\\n \\n
\\n
\\n \\n \\n {{'ACCOUNT_INVOICES.LABEL.CREATED' | translate:lang}} \\n {{'ACCOUNT_INVOICES.LABEL.PLAN_NAME' | translate:lang}} \\n {{'ACCOUNT_INVOICES.LABEL.TOTAL' | translate:lang}} \\n {{'ACCOUNT_INVOICES.LABEL.STATUS' | translate:lang}} \\n \\n \\n \\n \\n {{receipt.created_at * 1000 | date:'yyyy-MM-dd'}} \\n \\n {{receipt.account_subscription.product_plan.name}} \\n {{'ACCOUNT_INVOICES.MESSAGE.NOT_AVAILABLE' | translate:lang}} \\n \\n \\n {{receipt.total_cost.gross | currency:receipt.total_cost.currency:true:'1.2-2'}} \\n {{'ACCOUNT_INVOICES.MESSAGE.NOT_AVAILABLE' | translate:lang}} \\n \\n {{receipt.status}} \\n \\n \\n \\n
\\n
\\n \\n \\n
\\n
{{'ACCOUNT_INVOICES.LABEL.SELECTED_INVOICE' | translate:lang}} \\n
\\n
{{'ACCOUNT_INVOICES.LABEL.INVOICE_NOT_READY' | translate:lang}}
\\n
\\n
\\n
\\n
\\n \\n
*{{'ACCOUNT_INVOICES.MESSAGE.MORE_DETAILS' | translate:lang}} \\n
\\n
\\n
\\n \\n
\\n
\"\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/module/account/invoices/account.invoices.view.html\n// module id = 1351\n// module chunks = 1","module.exports = \"\\n\\n\\t\\n\\t
\\n\\t\\t\\n\\t\\t\\t\\n\\t\\t\\t\\t{{ 'ACCOUNT_DETAILS.FORM.SUBTITLE_1' | translate:lang }} \\n\\t\\t\\t\\t
\\n\\t\\t \\n\\n\\t\\t\\n\\t\\t\\t
\\n\\n\\t\\t\\n\\n\\t\\t\\n\\t \\n\\n\\t\\n\\t
\\n\\t\\t\\n\\t\\t\\t\\n\\t\\t\\t\\t{{ 'ACCOUNT_DETAILS.FORM.SUBTITLE_2' | translate:lang }} \\n\\t\\t\\t\\t
\\n\\t\\t \\n\\n\\t\\t\\n\\t\\t\\t
\\n\\n\\t\\t\\n\\t \\n
\"\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/module/account/details/account.details.view.html\n// module id = 1352\n// module chunks = 1","module.exports = \"\\n\\n
\\n {{'ACC_PAY.TITLE' | translate:lang}} \\n {{'ACC_PAY.MESSAGE.EMPTY' | translate:lang}} \\n \\n
\\n \\n
\\n
\\n \\n
\\n \\n
\\n
\\n \\n
\\n
\\n
\\n
\\n
\\n
\\n \\n {{'ACC_PAY.LABEL.EMAIL' | translate:lang}} {{pmethod.pay_pal_account.email}} \\n \\n \\n {{'ACC_PAY.LABEL.NAME' | translate:lang}} {{pmethod.credit_card.cardholder_name}} \\n \\n \\n {{'ACC_PAY.LABEL.EXPIRES' | translate:lang}} {{pmethod.credit_card.expiration_month}}/{{pmethod.credit_card.expiration_year}} \\n \\n \\n {{'ACC_PAY.LABEL.CREATED' | translate:lang}} {{pmethod.created_at * 1000 | date:'medium'}} \\n \\n \\n {{'ACC_PAY.LABEL.UPDATED' | translate:lang}} {{pmethod.updated_at * 1000 | date:'medium'}} \\n \\n
\\n
\\n
\\n
\\n
\\n
\\n
\\n
\\n
\\n
\\n
\\n
\"\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/module/account/payments/account.payments.view.html\n// module id = 1353\n// module chunks = 1","import {\n\tAfterViewInit,\n\tComponent,\n\tElementRef,\n\tEventEmitter,\n\tInput,\n\tOnDestroy,\n\tOnInit,\n\tOutput,\n\tViewChild,\n} from '@angular/core';\nimport { LocaleService, Localization, TranslationService } from 'angular-l10n';\nimport { Locale as DateRangeLocale, Settings } from 'daterangepicker';\nimport moment from 'moment';\n\nexport type IconPlacement = 'left' | 'right' | 'none';\n\n@Component({\n\tselector: 'date-range-picker',\n\ttemplate: `\n\t\t\n\t\t\t
`,\n})\nexport class DateRangePickerComponent extends Localization implements OnInit, AfterViewInit, OnDestroy {\n\t@Input() enable: boolean = true;\n\t@Input() showIcon: IconPlacement = 'right';\n\t@Input() options: Settings;\n\t@Input() width = '200px';\n\t@Input() opens = 'left';\n\n\t@Output() selectionChanged = new EventEmitter<[moment.Moment, moment.Moment]>();\n\n\t@ViewChild('picker') picker: ElementRef;\n\n\trange: string;\n\tprivate pickerJQuery: any;\n\n\tconstructor(public locale: LocaleService, public translation: TranslationService) {\n\t\tsuper(locale, translation);\n\t}\n\n\tngOnInit() {\n\t\t//if the options Input value is not defined use the default options\n\t\tlet defaultOptions = this.getDefaultSettings();\n\n\t\tif (!this.options) {\n\t\t\tthis.options = defaultOptions;\n\t\t} else {\n\t\t\t// Merge provided options with default values.\n\t\t\t// Default option should be overwrite by provided one.\n\t\t\tlet options = this.options;\n\t\t\tthis.options = defaultOptions;\n\t\t\tfor(let k in options) {\n\t\t\t\tthis.options[k] = options[k]\n\t\t\t}\n\t\t}\n\n\t\tif (this.options.startDate && this.options.endDate)\n\t\t\tthis.range = this.options.startDate.toString() + ' - ' + this.options.endDate.toString();\n\n\t\t//Set localization\n\t\tif (!this.options.locale)\n\t\t\tthis.options.locale = this.getDateRangePickerLocale();\n\t}\n\n\tngAfterViewInit() {\n\t\tthis.pickerJQuery = $(this.picker.nativeElement);\n\t\tif (this.pickerJQuery != null)\n\t\t\tthis.pickerJQuery.daterangepicker(this.options, this.dateChangedCallback.bind(this));\n\t}\n\n\tngOnDestroy() {\n\t\tif (this.pickerJQuery != null)\n\t\t\tthis.pickerJQuery.data('daterangepicker').remove();\n\t}\n\n\tdateChangedCallback(start: moment.Moment, end: moment.Moment, label: any): void {\n\t\tthis.selectionChanged.emit([start, end]);\n\t}\n\n\tprivate getDefaultSettings(): any {\n\t\tlet last7days: string = this.translation.translate('DATERANGEPICKER.RANGE.LAST_7DAYS');\n\t\tlet last30days: string = this.translation.translate('DATERANGEPICKER.RANGE.LAST_30DAYS');\n\t\tlet lastmonth: string = this.translation.translate('DATERANGEPICKER.RANGE.LAST_MONTH');\n\t\tlet currentmonth: string = this.translation.translate('DATERANGEPICKER.RANGE.CURRENT_MONTH');\n\t\tlet currentweek: string = this.translation.translate('DATERANGEPICKER.RANGE.CURRENT_WEEK');\n\t\tlet lastweek: string = this.translation.translate('DATERANGEPICKER.RANGE.LAST_WEEK');\n\n\t\tlet m = moment();\n\t\tlet sod = m.clone().startOf('day');\n\t\tlet som = m.clone().startOf('month');\n\t\tlet sow = m.clone().startOf('week');\n\t\t// let date = new Date;\n\t\t// date = new Date(Date.now());\n\t\t// console.log('today',date.getDay());\n\t\treturn {\n\t\t\tshowDropdowns: true,\n\t\t\tranges: {\n\t\t\t\t[last7days]: [sod.clone().subtract(6, 'days'), m],\n\t\t\t\t[lastweek]: [\n\t\t\t\t\tsod.clone().subtract(1,'week').startOf('week'),\n\t\t\t\t\tm.clone().subtract(1,'week').endOf('week')\n\t\t\t\t],\n\t\t\t\t[currentweek]: [sow, sod],\n\t\t\t\t[last30days]: [sod.clone().subtract(29, 'days'), m],\n\t\t\t\t[lastmonth]: [\n\t\t\t\t\tsod.clone().subtract(1, 'month').startOf('month'),\n\t\t\t\t\tm.clone().subtract(1, 'month').endOf('month')\n\t\t\t\t],\n\t\t\t\t[currentmonth]: [som, sod],\n\t\t\t},\n\t\t\tstartDate: sod.clone().subtract(30, 'days').format('L'),\n\t\t\tendDate: sod.format('L'),\n\t\t\topens: 'left',\n\t\t\tbuttonClasses: ['btn btn-sm'],\n\t\t\tapplyClass: 'btn-success',\n\t\t\tcancelClass: 'btn-default',\n\t\t\tshowCustomRangeLabel: false,\n\t\t\tlinkedCalendars: false,\n\t\t\tautoApply: false,\n\t\t\talwaysShowCalendars: true,\n\t\t\tmaxDate: m\n\t\t};\n\t}\n\n\tprivate getDateRangePickerLocale(): DateRangeLocale {\n\t\t//moment.js already has locale for some languages so there is no need to create translations for dates strings\n\t\tlet locale = (this.locale.getCurrentLanguage() || 'en').toLowerCase();\n\t\tlet localeData = moment.localeData(locale);\n\t\treturn {\n\t\t\tcancelLabel: this.translation.translate('DATERANGEPICKER.LABEL.CANCEL'),\n\t\t\tapplyLabel: this.translation.translate('DATERANGEPICKER.LABEL.APPLY'),\n\t\t\tformat: localeData.longDateFormat('L'),\n\t\t\tseparator: '-',\n\t\t\tweekLabel: this.translation.translate('DATERANGEPICKER.LABEL.WEEK'),\n\t\t\tcustomRangeLabel: this.translation.translate('DATERANGEPICKER.LABEL.CUSTOM_RANGE'),\n\t\t\tfirstDay: localeData.firstDayOfWeek(), // firstDay: localeData.week.dow,\n\t\t\tdaysOfWeek: localeData.weekdaysMin(),\n\t\t\tmonthNames: localeData.monthsShort()\n\t\t};\n\t}\n}\n\n\n\n// WEBPACK FOOTER //\n// ./node_modules/angular-router-loader/src!./node_modules/angular2-template-loader!./node_modules/string-replace-loader??ref--0-3!./src/module/analytics/component/date-range-picker/daterangepicker.component.ts","module.exports = \"\\n\\n {{item}} \\n\\n \\n\"\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/module/form/check/check.buttons.component.html\n// module id = 1355\n// module chunks = 1","module.exports = \"@charset \\\"UTF-8\\\";\\n:host {\\n display: block;\\n position: relative; }\\n:host .btn {\\n margin: 2px;\\n border-radius: 0;\\n min-width: 120px;\\n opacity: 0.5;\\n text-align: left; }\\n:host .btn:before {\\n display: inline-block;\\n font: normal normal normal 14px/1 FontAwesome;\\n font-size: inherit;\\n text-rendering: auto;\\n -webkit-font-smoothing: antialiased;\\n -moz-osx-font-smoothing: grayscale;\\n content: '';\\n vertical-align: middle;\\n width: 20px;\\n margin: 0;\\n color: #335eea; }\\n:host .btn:active, :host .btn.active, :host .btn:hover, :host .btn.hover {\\n background: white;\\n -webkit-box-shadow: none;\\n box-shadow: none; }\\n:host .btn:hover, :host .btn.hover {\\n opacity: 0.7; }\\n:host .btn:active, :host .btn.active {\\n opacity: 1; }\\n:host .btn:active:before, :host .btn.active:before {\\n content: \\\"\\\"; }\\n:host .btn input {\\n visibility: hidden;\\n width: 0;\\n height: 0;\\n position: absolute; }\\n:host .btn i {\\n color: inherit; }\\n:host .btn span {\\n color: inherit;\\n font-weight: 200; }\\n\"\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/module/form/check/check.buttons.component.scss\n// module id = 1356\n// module chunks = 1","module.exports = \"\\n{{label}}: \\n\\n\\n\\n {{selectedItem?.label}} \\n\\n \\n \\n \\n\\n\\n
\\n
{{val}} \\n
\\n \\n \\n {{column}} \\n \\n \\n \\n \\n \\n {{item[column]}} \\n \\n \\n \\n \\n \\n
\\nadd new item \\n\"\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/module/form/list/data/data.list.component.html\n// module id = 1364\n// module chunks = 1","module.exports = \":host {\\n outline: 1px solid red; }\\n\"\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/module/form/list/data/data.list.component.scss\n// module id = 1365\n// module chunks = 1","module.exports = \"\\n\\n « \\n\\n ... \\n\\n {{page}} \\n\\n ... \\n\\n » \\n\\n \\n\\n service.model.size\\\" class=\\\"row\\\">\\n \\n \\n \\n
\\n\"\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/module/form/pagination/bar/pagination.bar.component.html\n// module id = 1368\n// module chunks = 1","module.exports = \":host {\\n width: 100%;\\n text-align: center; }\\n :host .pagination-info p {\\n margin: 0; }\\n\"\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/module/form/pagination/bar/pagination.bar.component.scss\n// module id = 1369\n// module chunks = 1","module.exports = \":host input[type='range'] {\\n padding: 0;\\n width: 100%;\\n height: 1em;\\n background: transparent;\\n font-size: 16px;\\n cursor: pointer;\\n margin-top: 5px; }\\n :host input[type='range'], :host input[type='range']::-webkit-slider-runnable-track, :host input[type='range']::-webkit-slider-thumb {\\n -webkit-appearance: none; }\\n :host input[type='range']::-webkit-slider-runnable-track {\\n margin: 0 0.75em;\\n border: none;\\n padding: 0 0.125em;\\n width: 100%;\\n height: 0.25em;\\n border-radius: 0.125em;\\n background: #EEE; }\\n :host input[type='range']::-moz-range-track {\\n border: none;\\n padding: 0 0.125em;\\n width: 100%;\\n height: 0.25em;\\n border-radius: 0.125em;\\n background: #EEE; }\\n :host input[type='range']::-ms-track {\\n margin: 0 0.75em;\\n border: none;\\n padding: 0 0.125em;\\n width: 100%;\\n height: 0.25em;\\n border-radius: 0.125em;\\n background: #EEE;\\n color: transparent; }\\n :host input[type='range']::-webkit-slider-thumb {\\n margin-top: -0.625em;\\n -webkit-box-sizing: border-box;\\n box-sizing: border-box;\\n border: solid 0.25em #FFF;\\n width: 1.5em;\\n height: 1.5em;\\n border-radius: 50%;\\n background: #EEE;\\n -webkit-transition: .3s;\\n transition: .3s; }\\n :host input[type='range']::-moz-range-thumb {\\n box-sizing: border-box;\\n border: solid 0.25em #FFF;\\n width: 1.5em;\\n height: 1.5em;\\n border-radius: 50%;\\n background: #EEE;\\n -webkit-transition: .3s;\\n transition: .3s;\\n cursor: ew-resize; }\\n :host input[type='range']::-ms-thumb {\\n box-sizing: border-box;\\n border: solid 0.25em #FFF;\\n width: 1.5em;\\n height: 1.5em;\\n border-radius: 50%;\\n background: #EEE;\\n -webkit-transition: .3s;\\n transition: .3s; }\\n :host input[type='range']::-ms-fill-lower, :host input[type='range']::-ms-fill-upper {\\n background: transparent; }\\n :host input[type='range']:focus {\\n outline: none; }\\n :host input[type='range']:focus::-webkit-slider-runnable-track {\\n background: #0f9d58; }\\n :host input[type='range']:focus::-moz-range-track {\\n background: #0f9d58; }\\n :host input[type='range']:focus::-ms-fill-lower {\\n background: #0f9d58; }\\n :host input[type='range']:focus::-webkit-slider-thumb {\\n border: solid 0 rgba(255, 255, 255, 0);\\n background: #0f9d58; }\\n :host input[type='range']:focus::-moz-range-thumb {\\n border: solid 0 rgba(255, 255, 255, 0);\\n background: #0f9d58; }\\n :host input[type='range']:focus::-ms-thumb {\\n border: solid 0 rgba(255, 255, 255, 0);\\n background: #0f9d58; }\\n :host input[type='range']:focus /deep/ #thumb:before {\\n -webkit-transform: translate(-50%, -4.5em) rotate(45deg) scale(1);\\n transform: translate(-50%, -4.5em) rotate(45deg) scale(1);\\n opacity: .99; }\\n :host input[type='range']:focus /deep/ #thumb:after {\\n -webkit-transform: translate(-50%, -3.375em) scale(1);\\n transform: translate(-50%, -3.375em) scale(1);\\n opacity: .99; }\\n :host input[type='range']:active::-webkit-slider-thumb {\\n border: solid 0 rgba(255, 255, 255, 0);\\n background: #0f9d58; }\\n :host input[type='range']:active::-moz-range-thumb {\\n border: solid 0 rgba(255, 255, 255, 0);\\n background: #0f9d58; }\\n :host input[type='range']:active::-ms-thumb {\\n border: solid 0 rgba(255, 255, 255, 0);\\n background: #0f9d58; }\\n :host.disabled {\\n opacity: 0.46;\\n pointer-events: none; }\\n\"\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/module/form/rangeslider/rangeslider.component.scss\n// module id = 1370\n// module chunks = 1","module.exports = \"\\n\\t\\n\\t \\n
\\n\"\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/module/form/singlechoice/singlechoice.input.component.html\n// module id = 1371\n// module chunks = 1","module.exports = \":host .singlechoiche-switch {\\n margin: 5px 0;\\n padding: 10px 15px;\\n font-size: 1.25em; }\\n :host .singlechoiche-switch /deep/.switch-label.left {\\n display: inline-block;\\n width: 80px;\\n text-align: right; }\\n\"\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/module/form/singlechoice/singlechoice.input.component.scss\n// module id = 1372\n// module chunks = 1","module.exports = \"{{fileMessage}}
\\n\\n\\n\\n
\\n\"\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/module/form/upload/file/upload.file.component.html\n// module id = 1373\n// module chunks = 1","module.exports = \":host {\\n display: block;\\n position: relative;\\n background: url(\\\"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAOUlEQVR42u3PMREAMAwDsfBHYhhh1oLwkEXDrz55krym3a0aAAAAAAAAgHNAO9AeAAAAAAAAADgHfOyWbLWYpELvAAAAAElFTkSuQmCC\\\") repeat;\\n text-align: center;\\n margin: 5px; }\\n :host input[type=\\\"file\\\"] {\\n visibility: hidden;\\n height: 0;\\n width: 0;\\n position: absolute; }\\n :host .upload-title {\\n position: relative;\\n color: #fcfcfc;\\n font-size: 2em;\\n padding: 1em;\\n line-height: 1em;\\n white-space: normal; }\\n :host .upload-title a {\\n cursor: pointer;\\n text-decoration: none; }\\n :host .upload-preview {\\n position: absolute;\\n padding: 0;\\n visibility: hidden;\\n width: 100%;\\n height: 0;\\n color: #FFF;\\n font-size: 1.5em;\\n line-height: 1.6em; }\\n :host .upload-preview.visible {\\n position: relative;\\n visibility: visible;\\n padding: 0.5em;\\n height: auto; }\\n :host .upload-buttons {\\n position: absolute;\\n left: 0;\\n right: 0;\\n bottom: 0;\\n height: 32px;\\n width: 100%;\\n visibility: hidden; }\\n :host .upload-buttons button {\\n float: left;\\n color: white;\\n width: 50%;\\n height: 32px;\\n background: none;\\n border: none;\\n font-weight: 200;\\n background: rgba(0, 0, 0, 0.1); }\\n :host .upload-buttons button:hover {\\n background: rgba(0, 0, 0, 0.25); }\\n :host.hover {\\n -webkit-box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.7);\\n box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.7); }\\n :host:hover .upload-buttons {\\n visibility: visible; }\\n\"\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/module/form/upload/file/upload.file.component.scss\n// module id = 1374\n// module chunks = 1","module.exports = \"\\n Sample down logo by {{100 - resampleSizeValue}} % \\n
\\n\\n
\\n\\n
\\n\\n
\\n\\n
\\n
\\n
\\n\\t
\\n\\t\\t
\\n\\t\\t\\t
{{ 'ANALYTICS_AUDIENCE.HEADER.1' | translate:lang }} \\n\\t\\t\\t
\\n\\t\\t\\t\\t
\\n\\t\\t\\t\\t\\t
\\n\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t \\n\\t\\t\\t\\t\\t
\\n\\t\\t\\t\\t\\t
\\n\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t \\n\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t \\n\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t \\n\\t\\t\\t\\t\\t
\\n\\t\\t\\t\\t
\\n\\t\\t\\t\\t
\\n\\t\\t\\t\\t \\n\\t\\t\\t
\\n\\t\\t
\\n\\t
\\n
\\n\\t
\\n\\t
\\n\\t
\\n\\t
\\n\\t
\\n\\t
\\n
\\n\\t
\\n\\t\\t
\\n\\t\\t\\t
\\n\\t\\t\\t\\t
{{ 'ANALYTICS_AUDIENCE.HEADER.2' | translate:lang }}( * - {{ 'ANALYTICS_AUDIENCE.SUBHEADER.6' | translate:lang }} ) \\n\\t\\t\\t\\n\\t\\t\\t
\\n\\t\\t\\t\\t
0)\\\">\\n\\t\\t\\t\\t\\t
\\n\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t \\n\\t\\t\\t\\t\\t
\\n\\t\\t\\t\\t
\\n\\t\\t\\t\\t
0)\\\">\\n\\t\\t\\t\\t\\t
\\n\\t\\t\\t\\t\\t\\t
\\n\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\t\\t{{ 'ANALYTICS_AUDIENCE.WORD.MONTH' | translate:lang }} \\n\\t\\t\\t\\t\\t\\t\\t\\t\\t{{ 'ANALYTICS_AUDIENCE.WORD.VIEWS' | translate:lang }} \\n\\t\\t\\t\\t\\t\\t\\t\\t\\t{{ 'ANALYTICS_AUDIENCE.WORD.USERS' | translate:lang }} \\n\\t\\t\\t\\t\\t\\t\\t\\t \\n\\t\\t\\t\\t\\t\\t\\t \\n\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\t\\t{{rec.date.format('YYYY MMM')}} * \\n\\t\\t\\t\\t\\t\\t\\t\\t\\t{{rec.views}} \\n\\t\\t\\t\\t\\t\\t\\t\\t\\t{{rec.users}} \\n\\t\\t\\t\\t\\t\\t\\t\\t \\n\\t\\t\\t\\t\\t\\t\\t \\n\\t\\t\\t\\t\\t\\t
\\n\\t\\t\\t\\t\\t
\\n\\t\\t\\t\\t\\t
\\n\\t\\t\\t\\t\\t\\t
\\n\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\t\\tMonth \\n\\t\\t\\t\\t\\t\\t\\t\\t\\tViews \\n\\t\\t\\t\\t\\t\\t\\t\\t\\tUsers \\n\\t\\t\\t\\t\\t\\t\\t\\t \\n\\t\\t\\t\\t\\t\\t\\t \\n\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\t\\t{{rec.date.format('YYYY MMM')}} \\n\\t\\t\\t\\t\\t\\t\\t\\t\\t{{rec.views}} \\n\\t\\t\\t\\t\\t\\t\\t\\t\\t{{rec.users}} \\n\\t\\t\\t\\t\\t\\t\\t\\t \\n\\t\\t\\t\\t\\t\\t\\t \\n\\t\\t\\t\\t\\t\\t
\\n\\t\\t\\t\\t\\t
\\n\\t\\t\\t\\t
\\n\\t\\t\\t\\t
\\n\\t\\t\\t\\t\\t
\\n\\t\\t\\t\\t\\t\\t
\\n\\t\\t\\t\\t
\\n\\t\\t\\t
\\n\\t\\t
\\n\\t
\\n
\\n\\t
\\n\\t\\t
\\n\\t\\t\\t
\\n\\t\\t\\t\\t
{{ 'ANALYTICS_ALBUMS.TOP_LIST.TOP_LIST_HEADER' | translate:lang }} \\n\\t\\t\\t\\n\\t\\t\\t
\\n\\t\\t\\t\\t
\\n\\t\\t\\t\\t\\t
\\n\\t\\t\\t\\t\\t\\t{{ 'ANALYTICS_ALBUMS.TOP_LIST.FILTERS' | translate:lang }} \\n\\t\\t\\t\\t\\t
\\n\\t\\t\\t\\t\\t
\\n\\t\\t\\t\\t\\t\\t{{ 'ANALYTICS_ALBUMS.TOP_LIST.FILTERS_TITLE' | translate:lang }} \\n\\t\\t\\t\\t\\t\\t
\\n\\t\\t\\t\\t\\t
\\n\\t\\t\\t\\t\\t\\t{{ 'ANALYTICS_ALBUMS.TOP_LIST.FILTERS_TAGS' | translate:lang }} \\n\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\t\\t \\n\\t\\t\\t\\t\\t
\\n\\t\\t\\t\\t
\\n\\t\\t\\t\\t
\\n\\t\\t\\t\\t\\t
0)\\\">\\n\\t\\t\\t\\t\\t\\t
\\n\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\t\\tId \\n\\t\\t\\t\\t\\t\\t\\t\\t\\t{{ 'ANALYTICS_ALBUMS.TOP_LIST.TOP_LIST_COLUMN.TITLE' | translate:lang }} \\n\\t\\t\\t\\t\\t\\t\\t\\t\\t{{ 'ANALYTICS_ALBUMS.TOP_LIST.TOP_LIST_COLUMN.ITEMS_IN_COLLECTION' | translate:lang }} \\n\\t\\t\\t\\t\\t\\t\\t\\t\\t{{ 'ANALYTICS_ALBUMS.TOP_LIST.TOP_LIST_COLUMN.SUMMARY' | translate:lang }} \\n\\t\\t\\t\\t\\t\\t\\t\\t\\t{{ 'ANALYTICS_ALBUMS.TOP_LIST.TOP_LIST_COLUMN.SUMMARY' | translate:lang }} \\n\\t\\t\\t\\t\\t\\t\\t\\t \\n\\t\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\\t{{ 'ANALYTICS_ALBUMS.TOP_LIST.TOP_LIST_COLUMN.VIEWS' | translate:lang }} \\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\\t{{ 'ANALYTICS_ALBUMS.TOP_LIST.TOP_LIST_COLUMN.COMPLETE_VIEWS' | translate:lang }} \\n\\t\\t\\t\\t\\t\\t\\t\\t\\t{{ 'ANALYTICS_ALBUMS.TOP_LIST.TOP_LIST_COLUMN.USERS' | translate:lang }} \\n\\t\\t\\t\\t\\t\\t\\t\\t \\n\\t\\t\\t\\t\\t\\t\\t \\n\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\t\\t{{mm.collection_id}} {{mm.title}} \\n\\t\\t\\t\\t\\t\\t\\t\\t\\t{{mm.itemsNum}} \\n\\t\\t\\t\\t\\t\\t\\t\\t\\t{{mm.mediaViews}} \\n\\t\\t\\t\\t\\t\\t\\t\\t\\t{{mm.collectionViews}} \\n\\t\\t\\t\\t\\t\\t\\t\\t\\t{{mm.collectionUsers}} \\n\\t\\t\\t\\t\\t\\t\\t\\t \\n\\t\\t\\t\\t\\t\\t\\t \\n\\t\\t\\t\\t\\t\\t
\\n\\t\\t\\t\\t\\t\\t
\\n\\t\\t\\t\\t\\t
\\n\\t\\t\\t\\t\\t
\\n\\t\\t\\t\\t\\t\\t
\\n\\t\\t\\t\\t\\t
\\n\\t\\t\\t\\t\\t\\t{{ 'ANALYTICS_ALBUMS.NO_DATA' | translate:lang }}\\n\\t\\t\\t\\t\\t
\\n\\t\\t\\t\\t
\\n\\t\\t\\t
\\n\\t\\t
\\n\\t
\\n\\t
\\n\\t\\t
\\n\\t\\t\\t
\\n\\t\\t\\t\\t
{{ 'ANALYTICS_ALBUMS.TOP_LIST.ALBUM_DETAIL_HEADER' | translate:lang }}[{{selectedCollectionMetadata.collection_id}}]\\n\\t\\t\\t\\t\\t\\t{{selectedCollectionMetadata.title}} \\n\\t\\t\\t\\n\\t\\t\\t
\\n\\t\\t\\t\\t
\\n\\t\\t\\t\\t\\t
\\n\\t\\t\\t\\t\\t\\t
Listenings \\n\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t \\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t
\\n\\t\\t\\t\\t
\\n\\t\\t\\t\\t\\t
\\n\\n\\t\\t\\t\\t
0)\\\">\\n\\t\\t\\t\\t\\t
\\n\\t\\t\\t\\t\\t\\t
{{ 'ANALYTICS_ALBUMS.TOP_LIST.ALBUM_ITEM_STATS_HEADER' | translate:lang }} \\n\\t\\t\\t\\t\\t\\t
\\n\\t\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\t\\t{{ 'ANALYTICS_ALBUMS.TOP_LIST.ITEM_STATS_COLUMN.POSITION' | translate:lang }} \\n\\t\\t\\t\\t\\t\\t\\t\\t\\t{{ 'ANALYTICS_ALBUMS.TOP_LIST.ITEM_STATS_COLUMN.ID' | translate:lang }} \\n\\t\\t\\t\\t\\t\\t\\t\\t\\t{{ 'ANALYTICS_ALBUMS.TOP_LIST.ITEM_STATS_COLUMN.TITLE' | translate:lang }} \\n\\t\\t\\t\\t\\t\\t\\t\\t\\t{{ 'ANALYTICS_ALBUMS.TOP_LIST.ITEM_STATS_COLUMN.DURATION' | translate:lang }} \\n\\t\\t\\t\\t\\t\\t\\t\\t\\t{{ 'ANALYTICS_ALBUMS.TOP_LIST.ITEM_STATS_COLUMN.STATS_GROUP' | translate:lang }} \\n\\t\\t\\t\\t\\t\\t\\t\\t\\t{{ 'ANALYTICS_ALBUMS.TOP_LIST.ITEM_STATS_COLUMN.STATS_GROUP' | translate:lang }} \\n\\t\\t\\t\\t\\t\\t\\t\\t \\n\\t\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\t\\t{{ 'ANALYTICS_ALBUMS.TOP_LIST.ITEM_STATS_COLUMN.VIEWS' | translate:lang }} \\n\\t\\t\\t\\t\\t\\t\\t\\t\\t{{ 'ANALYTICS_ALBUMS.TOP_LIST.ITEM_STATS_COLUMN.USERS' | translate:lang }} \\n\\t\\t\\t\\t\\t\\t\\t\\t\\t{{ 'ANALYTICS_ALBUMS.TOP_LIST.ITEM_STATS_COLUMN.WATCHING_TIME' | translate:lang }} \\n\\t\\t\\t\\t\\t\\t\\t\\t\\t{{ 'ANALYTICS_ALBUMS.TOP_LIST.ITEM_STATS_COLUMN.AVG_WATCHING_TIME' | translate:lang }}Time per list. \\n\\t\\t\\t\\t\\t\\t\\t\\t \\n\\t\\t\\t\\t\\t\\t\\t\\t \\n\\t\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\\t{{mm.pos}} \\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\\t{{mm.material_id}} {{mm.title}} \\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\\t{{dateUtil.formatDuration(mm.duration)}} \\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\\t{{mm.views}} \\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\\t{{mm.users}} \\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\\t{{dateUtil.formatDuration(mm.time)}} \\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\\t{{dateUtil.formatDuration(mm.avgtime)}} \\n\\t\\t\\t\\t\\t\\t\\t\\t\\t \\n\\t\\t\\t\\t\\t\\t\\t\\t \\n\\t\\t\\t\\t\\t\\t\\t
\\n\\t\\t\\t\\t\\t\\t\\t
\\n\\t\\t\\t\\t\\t
\\n\\t\\t\\t\\t
\\n\\t\\t\\t\\t
\\n\\t\\t\\t\\t\\t
\\n\\t\\t\\t\\t
\\n\\t\\t\\t\\t\\t{{ 'ANALYTICS_ALBUMS.NO_DATA' | translate:lang }}\\n\\t\\t\\t\\t
\\n\\n\\t\\t\\t\\t
\\n\\t\\t\\t\\t\\t
\\n\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t{{ 'ANALYTICS_ALBUMS.TOP_LIST.ALBUM_DETAILS_BUTTON' | translate:lang }}\\n\\t\\t\\t\\t\\t\\t \\n\\t\\t\\t\\t\\t
\\n\\t\\t\\t\\t
\\n\\t\\t\\t
\\n\\t\\t
\\n\\t
\\n
\\n\\t
\\n\\t\\t
\\n\\t\\t\\t
{{ 'ANALYTICS_ALBUMS.DETAILS_VIEW.CHART_TITLE' | translate:lang }}: {{collectionMetadata.title}} [{{collectionMetadata.collection_id}}] \\n\\t\\t\\t
\\n\\t\\t\\t\\t
\\n\\t\\t\\t\\t\\t
\\n\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t \\n\\t\\t\\t\\t\\t
\\n\\t\\t\\t\\t\\t
\\n\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t \\n\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t \\n\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t \\n\\t\\t\\t\\t\\t
\\n\\t\\t\\t\\t
\\n\\t\\t\\t\\t
\\n\\t\\t\\t\\t\\n\\t\\t\\t \\n\\t\\t\\t
\\n\\t\\t\\t\\t
\\n\\t\\t
\\n\\t
\\n
\\n\\t
\\n\\t\\t
\\n\\t\\t\\t
0), 'col-md-4': !totalCollectionUsersInRange }\\\">\\n\\t\\t\\t\\t
\\n\\t\\t\\t
\\n\\t\\t\\t
0), 'col-md-4': !totalCollectionUsersInRange }\\\">\\n\\t\\t\\t\\t
\\n\\t\\t\\t
\\n\\t\\t\\t
0\\\">\\n\\t\\t\\t\\t
\\n\\t\\t\\t
\\n\\t\\t\\t
0), 'col-md-4': !totalCollectionUsersInRange }\\\">\\n\\t\\t\\t\\t
\\n\\t\\t\\t
\\n\\t\\t
\\n\\t
\\n\\t
\\n\\t\\t
\\n\\t\\t\\t
{{ 'ANALYTICS_ALBUMS.DETAILS_VIEW.META_HEADER' | translate:lang }} \\n\\t\\t\\t
\\n\\t\\t\\t\\t
\\n\\t\\t\\t\\t\\t
\\n\\t\\t\\t\\t\\t\\t
\\n\\t\\t\\t\\t\\t\\t\\tID: {{collectionMetadata.collection_id}} \\n\\t\\t\\t\\t\\t\\t\\t{{ 'ANALYTICS_CONTENT.WORD.TITLE' | translate:lang }}: {{collectionMetadata.title}} \\n\\t\\t\\t\\t\\t\\t\\t{{ 'ANALYTICS_CONTENT.WORD.DURATION' | translate:lang }}: {{collectionMetadata.duration | number:'1.0-3'}} [s] ({{dateUtil.formatDuration(collectionMetadata.duration)}}) \\n\\t\\t\\t\\t\\t\\t\\t{{ 'ANALYTICS_CONTENT_DETAILS.WORD.TAGS' | translate:lang }}: \\n\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\t{{tag}}{{isLast ? '' : ', '}} \\n\\t\\t\\t\\t\\t\\t\\t \\n\\t\\t\\t\\t\\t\\t \\n\\t\\t\\t\\t\\t
\\n\\t\\t\\t\\t\\t
\\n\\t\\t\\t\\t\\t\\t
\\n\\t\\t\\t\\t\\t\\t\\t{{ 'ANALYTICS_ALBUMS.DETAILS_VIEW.META_REL_ID' | translate:lang }}: {{collectionMetadata.related_id}} \\n\\t\\t\\t\\t\\t\\t\\t{{ 'ANALYTICS_ALBUMS.DETAILS_VIEW.META_ADDED_AT' | translate:lang }}: {{dateUtil.unixToDateString(collectionMetadata.created_at_ts)}} {{dateUtil.unixToTimeString(collectionMetadata.created_at_ts)}} \\n\\t\\t\\t\\t\\t\\t \\n\\t\\t\\t\\t\\t
\\n\\t\\t\\t\\t
\\n\\t\\t\\t
\\n\\t\\t
\\n\\t
\\n
\\n\\t
\\n\\t\\t
\\n\\t\\t\\t
{{ 'ANALYTICS_ALBUMS.DETAILS_VIEW.ITEM_STATS_HEADER' | translate:lang }} \\n\\t\\t\\t
\\n\\t\\t\\t\\t
\\n\\t\\t\\t\\t\\t
\\n\\t\\t\\t\\t\\t\\t
\\n\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\t\\t{{ 'ANALYTICS_ALBUMS.DETAILS_VIEW.ITEM_STATS_COL.POSITION' | translate:lang }} \\n\\t\\t\\t\\t\\t\\t\\t\\t\\t{{ 'ANALYTICS_ALBUMS.DETAILS_VIEW.ITEM_STATS_COL.ID' | translate:lang }} \\n\\t\\t\\t\\t\\t\\t\\t\\t\\t{{ 'ANALYTICS_ALBUMS.DETAILS_VIEW.ITEM_STATS_COL.TITLE' | translate:lang }} \\n\\t\\t\\t\\t\\t\\t\\t\\t\\t{{ 'ANALYTICS_ALBUMS.DETAILS_VIEW.ITEM_STATS_COL.DURATION' | translate:lang }} \\n\\t\\t\\t\\t\\t\\t\\t\\t\\t{{ 'ANALYTICS_ALBUMS.DETAILS_VIEW.ITEM_STATS_COL.STATS_GROUP' | translate:lang }} \\n\\t\\t\\t\\t\\t\\t\\t\\t\\t{{ 'ANALYTICS_ALBUMS.DETAILS_VIEW.ITEM_STATS_COL.STATS_GROUP' | translate:lang }} \\n\\t\\t\\t\\t\\t\\t\\t\\t \\n\\t\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\t\\t{{ 'ANALYTICS_ALBUMS.DETAILS_VIEW.ITEM_STATS_COL.ITEM_VIEWS' | translate:lang }} \\n\\t\\t\\t\\t\\t\\t\\t\\t\\t{{ 'ANALYTICS_ALBUMS.DETAILS_VIEW.ITEM_STATS_COL.USERS' | translate:lang }} \\n\\t\\t\\t\\t\\t\\t\\t\\t\\t{{ 'ANALYTICS_ALBUMS.DETAILS_VIEW.ITEM_STATS_COL.WATCHING_TIME' | translate:lang }} \\n\\t\\t\\t\\t\\t\\t\\t\\t\\t{{ 'ANALYTICS_ALBUMS.DETAILS_VIEW.ITEM_STATS_COL.AVG_WATCHING_TIME' | translate:lang }} \\n\\t\\t\\t\\t\\t\\t\\t\\t \\n\\t\\t\\t\\t\\t\\t\\t \\n\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\t\\t{{mm.pos}} \\n\\t\\t\\t\\t\\t\\t\\t\\t\\t{{mm.material_id}} \\n\\t\\t\\t\\t\\t\\t\\t\\t\\t{{mm.title}} \\n\\t\\t\\t\\t\\t\\t\\t\\t\\t{{dateUtil.formatDuration(mm.duration)}} \\n\\t\\t\\t\\t\\t\\t\\t\\t\\t{{mm.views}} \\n\\t\\t\\t\\t\\t\\t\\t\\t\\t{{mm.users}} \\n\\t\\t\\t\\t\\t\\t\\t\\t\\t{{dateUtil.formatDuration(mm.time)}} \\n\\t\\t\\t\\t\\t\\t\\t\\t\\t{{dateUtil.formatDuration(mm.avgtime)}} \\n\\t\\t\\t\\t\\t\\t\\t\\t \\n\\t\\t\\t\\t\\t\\t\\t \\n\\t\\t\\t\\t\\t\\t
\\n\\t\\t\\t\\t\\t\\t
\\n\\t\\t\\t\\t\\t
\\n\\t\\t\\t\\t
\\n\\t\\t\\t
\\n\\t\\t
\\n\\t
\\n\\t
\\n\\t\\t
\\n\\t\\t\\t
\\n\\t\\t\\t\\t
{{ 'ANALYTICS_CONTENT.HEADER.2' | translate:lang }}[{{selectedMediaStats.material_id}}]\\n\\t\\t\\t\\t\\t\\t{{selectedMediaStats.title}} \\n\\t\\t\\t\\n\\t\\t\\t
\\n\\t\\t\\t\\t
\\n\\t\\t\\t\\t\\t
\\n\\t\\t\\t\\t\\t\\t
{{ 'ANALYTICS_CONTENT.HEADER.3' | translate:lang }} \\n\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t \\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t
\\n\\t\\t\\t\\t
\\n\\t\\t\\t\\t\\t
\\n\\n\\t\\t\\t\\t
\\n\\t\\t\\t\\t\\t
\\n\\t\\t\\t\\t\\t\\t
{{ 'ANALYTICS_CONTENT.HEADER.4' | translate:lang }} \\n\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t
\\n\\t\\t\\t\\t
\\n\\t\\t\\t\\t\\t
\\n\\t\\t\\t\\t\\t\\t
{{ 'ANALYTICS_CONTENT.HEADER.4' | translate:lang }} \\n\\t\\t\\t\\t\\t\\t
{{ 'ANALYTICS_CONTENT.NO_DATA' | translate:lang }}
\\n\\t\\t\\t\\t\\t
\\n\\t\\t\\t\\t
\\n\\t\\t\\t\\t
\\n\\t\\t\\t\\t\\t
\\n\\n\\t\\t\\t\\t
\\n\\t\\t\\t\\t\\t
\\n\\t\\t\\t\\t\\t\\t{{\\n\\t\\t\\t\\t\\t\\t\\t'ANALYTICS_CONTENT.SUBHEADER.3' | translate:lang }} \\n\\t\\t\\t\\t\\t
\\n\\t\\t\\t\\t
\\n\\t\\t\\t
\\n\\t\\t
\\n\\t
\\n
\\n\\t
\\n\\t\\t
\\n\\t\\t\\t
\\n\\t\\t\\t\\t
{{ 'ANALYTICS_CONTENT.HEADER.1' | translate:lang }} \\n\\t\\t\\t\\n\\t\\t\\t
\\n\\t\\t\\t\\t
\\n\\t\\t\\t\\t\\t
\\n\\t\\t\\t\\t\\t\\t{{\\n\\t\\t\\t\\t\\t\\t\\t'ANALYTICS_CONTENT.WORD.SEARCH' | translate:lang }} \\n\\t\\t\\t\\t\\t\\t
\\n\\t\\t\\t\\t
\\n\\t\\t\\t\\t
\\n\\t\\t\\t\\t\\t
0)\\\">\\n\\t\\t\\t\\t\\t\\t
\\n\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\\tId\\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\\t \\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\\t{{ 'ANALYTICS_CONTENT.WORD.TITLE' | translate:lang }}\\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\\t \\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\\t{{ 'ANALYTICS_CONTENT.WORD.DURATION' | translate:lang }}\\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\\t \\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\\t{{ 'ANALYTICS_CONTENT.SUBHEADER.4' | translate:lang }}\\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\\t \\n\\t\\t\\t\\t\\t\\t\\t\\t \\n\\t\\t\\t\\t\\t\\t\\t \\n\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\t\\t{{mm.material_id}} {{mm.title}} \\n\\t\\t\\t\\t\\t\\t\\t\\t\\t{{dateUtil.formatDuration(mm.duration)}} \\n\\t\\t\\t\\t\\t\\t\\t\\t\\t{{dateUtil.unixToDateString(mm.created_at_ts)}} \\n\\t\\t\\t\\t\\t\\t\\t\\t \\n\\t\\t\\t\\t\\t\\t\\t \\n\\t\\t\\t\\t\\t\\t
\\n\\t\\t\\t\\t\\t\\t
\\n\\t\\t\\t\\t\\t
\\n\\t\\t\\t\\t\\t
\\n\\t\\t\\t\\t\\t\\t
\\n\\t\\t\\t\\t\\t
\\n\\t\\t\\t\\t\\t\\t{{ 'ANALYTICS_CONTENT.NO_DATA' | translate:lang }}\\n\\t\\t\\t\\t\\t
\\n\\t\\t\\t\\t
\\n\\t\\t\\t
\\n\\t\\t
\\n\\t
\\n\\t
\\n\\t\\t
\\n\\t\\t\\t
\\n\\t\\t\\t\\t
{{ 'ANALYTICS_CONTENT.HEADER.2' | translate:lang }}[{{selectedMediaMetadata.material_id}}]\\n\\t\\t\\t\\t\\t\\t{{selectedMediaMetadata.title}} \\n\\t\\t\\t\\n\\t\\t\\t
\\n\\t\\t\\t\\t
\\n\\t\\t\\t\\t\\t
\\n\\t\\t\\t\\t\\t\\t
{{ 'ANALYTICS_CONTENT.HEADER.3' | translate:lang }} \\n\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t \\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t
\\n\\t\\t\\t\\t
\\n\\t\\t\\t\\t\\t
\\n\\n\\t\\t\\t\\t
\\n\\t\\t\\t\\t\\t
\\n\\t\\t\\t\\t\\t\\t
{{ 'ANALYTICS_CONTENT.HEADER.4' | translate:lang }} \\n\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t
\\n\\t\\t\\t\\t
\\n\\t\\t\\t\\t\\t
\\n\\t\\t\\t\\t\\t\\t
{{ 'ANALYTICS_CONTENT.HEADER.4' | translate:lang }} \\n\\t\\t\\t\\t\\t\\t
{{ 'ANALYTICS_CONTENT.NO_DATA' | translate:lang }}
\\n\\t\\t\\t\\t\\t
\\n\\t\\t\\t\\t
\\n\\t\\t\\t\\t
\\n\\t\\t\\t\\t\\t
\\n\\n\\t\\t\\t\\t
\\n\\t\\t\\t\\t\\t
\\n\\t\\t\\t\\t\\t\\t{{\\n\\t\\t\\t\\t\\t\\t\\t'ANALYTICS_CONTENT.SUBHEADER.3' | translate:lang }} \\n\\t\\t\\t\\t\\t
\\n\\t\\t\\t\\t
\\n\\t\\t\\t
\\n\\t\\t
\\n\\t
\\n
\\n
\\n
\\n
{{ 'ANALYTICS_CONTENT_DETAILS.HEADER.STATS_HISTORY' | translate:lang }}: {{mediaMetadata.title}} [{{mediaMetadata.material_id}}] \\n
\\n
\\n
\\n \\n \\n
\\n
\\n \\n \\n \\n \\n \\n \\n
\\n
\\n
\\n \\n \\n
\\n
\\n
\\n
\\n
0) && (totalViewsInRange > 0)\\\">\\n
0\\\" class=\\\"col-md-3\\\">\\n
\\n
\\n
0), 'col-md-4': !(totalUsersInRange > 0) }\\\">\\n
\\n
\\n
0), 'col-md-4': !(totalUsersInRange > 0) }\\\">\\n
\\n
\\n
0), 'col-md-4': !(totalUsersInRange > 0) }\\\">\\n
\\n
\\n
\\n
\\n
\\n
{{ 'ANALYTICS_CONTENT_DETAILS.HEADER.METADATA' | translate:lang }} \\n
\\n
\\n
\\n
\\n ID: {{mediaMetadata.material_id}} \\n {{ 'ANALYTICS_CONTENT.WORD.TITLE' | translate:lang }}: {{mediaMetadata.title}} \\n {{ 'ANALYTICS_CONTENT.WORD.DURATION' | translate:lang }}: {{mediaMetadata.duration | number:'1.0-3'}} [s] ({{dateUtil.formatDuration(mediaMetadata.duration)}}) \\n \\n
\\n
\\n
\\n {{ 'ANALYTICS_CONTENT_DETAILS.WORD.RELATED_ID' | translate:lang }}: {{mediaMetadata.related_id}} \\n {{ 'ANALYTICS_CONTENT_DETAILS.WORD.CREATED_AT' | translate:lang }}: {{dateUtil.unixToDateString(mediaMetadata.created_at_ts)}} {{dateUtil.unixToTimeString(mediaMetadata.created_at_ts)}} \\n \\n
\\n
\\n
\\n
\\n
\\n {{ 'ANALYTICS_CONTENT_DETAILS.WORD.TAGS' | translate:lang }}: \\n \\n {{tag}}{{isLast ? '' : ', '}} \\n \\n \\n \\n Tags group \\n Value \\n Frequency [%] \\n \\n \\n \\n \\n {{tagGroup.prefix}} \\n {{tagGroup.sufix}} \\n {{tagGroup.frequency | number:'1.0-2'}} % \\n \\n \\n
\\n \\n \\n
\\n
\\n
\\n
\\n
0) && (totalViewsInRange > 0)\\\">\\n
\\n
\\n
\\n
\\n
\\n
{{ 'ANALYTICS_CONTENT_DETAILS.HEADER.ENGAGEMENT_RATE' | translate:lang }} \\n
\\n
\\n
\\n
\\n {{ 'ANALYTICS_CONTENT_DETAILS.WORD.ENG_RATE_LIVE_STREAM_CLOCK_TYPE_WALL' | translate:lang }} \\n {{ 'ANALYTICS_CONTENT_DETAILS.WORD.ENG_RATE_LIVE_STREAM_CLOCK_TYPE_CONTENT' | translate:lang }} \\n
\\n
\\n
\\n
\\n
\\n
\\n
{{ 'ANALYTICS_CONTENT.NO_DATA' | translate:lang }}
\\n
\\n
\\n
\\n
\\n
\\n
\\n
\\n
\\n
\\n \\n \\n
\\n
\\n
\\n
\\n
\\n
TV metrics - Average Minute Rating (AMR) \\n \\n
\\n
\\n
\\n
\\n
\\n
{{ 'ANALYTICS_CONTENT.NO_DATA' | translate:lang }}
\\n
\\n
\\n
\\n
\\n
\\n
\\n
\\n
\\n
\\n
\\n
TV metrics - Average Reach \\n \\n
\\n
\\n
\\n
\\n
\\n
{{ 'ANALYTICS_CONTENT.NO_DATA' | translate:lang }}
\\n
\\n
\\n
\\n
\\n
\\n
\\n
\\n
\\n
\\n
\\n
TV metrics - Cumulative Reach \\n \\n
\\n
\\n
\\n
\\n
\\n
{{ 'ANALYTICS_CONTENT.NO_DATA' | translate:lang }}
\\n
\\n
\\n
\\n
\\n
\\n
\\n
\\n
\\n
\\n \\n \\n
\\n
\\n
\\n
\\n
\\n
\\n Welcome to Bradmax!\\n \\n \\n
\\n
\\n
\\n Let's get your first video player up and running.\\n
\\n Quick intro:\\n
\\n Create a new player, \\n Configure it as you wish and save it, \\n Embed player on your page with \\\"embedcode\\\". \\n \\n After that you will see how your users are watching video in panel below.\\n
\\n
\\n
\\n
\\n
\\n
\\n
\\n
\\n
\\n
\\n
\\n
\\n
\\n
\\n {{ 'ANALYTICS_DASHBOARD.HEADER.CHART_LAST_48H' | translate:lang }}\\n {{ 'ANALYTICS_DASHBOARD.HEADER.CHART_LAST_48H_SUB' | translate:lang }} \\n \\n \\n\\n
\\n
\\n
\\n
\\n
\\n
\\n
\\n {{ 'ANALYTICS_DASHBOARD.HEADER.CHART_LAST_30D' | translate:lang }}\\n {{ 'ANALYTICS_DASHBOARD.HEADER.CHART_LAST_30D_SUB' | translate:lang }} \\n \\n \\n
\\n
\\n
\\n
\\n
\\n
\\n
\\n
\\n {{ 'ANALYTICS_DASHBOARD.HEADER.TOP_MEDIA_30D' | translate:lang }}\\n {{ 'ANALYTICS_DASHBOARD.SUMMARY.LAST_30D' | translate:lang }} \\n \\n \\n
\\n
\\n
0\\\" >\\n \\n \\n {{ 'ANALYTICS_DASHBOARD.TOP_MEDIA_TABLE.POSITION' | translate:lang }} \\n {{ 'ANALYTICS_DASHBOARD.TOP_MEDIA_TABLE.ID' | translate:lang }} \\n {{ 'ANALYTICS_DASHBOARD.TOP_MEDIA_TABLE.TITLE' | translate:lang }} \\n {{ 'ANALYTICS_DASHBOARD.TOP_MEDIA_TABLE.VIEWS' | translate:lang }} \\n \\n \\n \\n \\n {{rec.position}} \\n {{rec.media.material_id}} {{rec.media.title}} \\n {{rec.views | number}} \\n \\n \\n
\\n
{{ 'ANALYTICS_CONTENT.NO_DATA' | translate:lang }}
\\n
\\n
\\n
\\n
\\n
\\n
\\n
\\n
\\n
\\n
\\n {{ 'ANALYTICS_DASHBOARD.HEADER.TOP_MEDIA_24H' | translate:lang }}\\n {{ 'ANALYTICS_DASHBOARD.HEADER.TOP_MEDIA_24H_SUB' | translate:lang }} \\n \\n \\n
\\n
\\n
0\\\">\\n \\n \\n {{ 'ANALYTICS_DASHBOARD.TOP_MEDIA_TABLE.POSITION' | translate:lang }} \\n {{ 'ANALYTICS_DASHBOARD.TOP_MEDIA_TABLE.ID' | translate:lang }} \\n {{ 'ANALYTICS_DASHBOARD.TOP_MEDIA_TABLE.TITLE' | translate:lang }} \\n {{ 'ANALYTICS_DASHBOARD.TOP_MEDIA_TABLE.VIEWS' | translate:lang }} \\n \\n \\n \\n \\n {{rec.position}} \\n {{rec.media.material_id}} {{rec.media.title}} \\n {{rec.views | number}} \\n \\n \\n
\\n
{{ 'ANALYTICS_CONTENT.NO_DATA' | translate:lang }}
\\n
\\n
\\n
\\n
\\n
\\n
\\n
\\n
\\n
\\n
\\n
\\n {{ 'ANALYTICS_DASHBOARD.HEADER.HEATMAP' | translate:lang }}\\n {{ 'ANALYTICS_DASHBOARD.HEADER.HEATMAP_SUB' | translate:lang }} \\n \\n \\n\\n
\\n
\\n\\n
\\n
\\n\\n
\\n
\\n
{{ 'ANALYTICS_AUDIENCE.WORD.VIEWS' | translate:lang }} \\n \\n \\n
\\n
{{ 'ANALYTICS_AUDIENCE.WORD.USERS' | translate:lang }} \\n \\n
\\n
\\n
\\n
\\n
\\n
\\n
\\n
\\n
\\n
{{ 'ANALYTICS_TOPCONTENT.HEADER.1' | translate:lang }} \\n \\n
\\n
\\n
\\n
{{ 'ANALYTICS_TOPCONTENT.WORD.DATE_RANGE_SELECTION' | translate:lang }} \\n
\\n {{ 'ANALYTICS_TOPCONTENT.WORD.HOUR' | translate:lang }} \\n {{ 'ANALYTICS_TOPCONTENT.WORD.24H' | translate:lang }} \\n {{ 'ANALYTICS_TOPCONTENT.WORD.7D' | translate:lang }} \\n {{ 'ANALYTICS_TOPCONTENT.WORD.30D' | translate:lang }} \\n {{ 'ANALYTICS_TOPCONTENT.WORD.365D' | translate:lang }} \\n {{ 'ANALYTICS_TOPCONTENT.WORD.ALL_TIME' | translate:lang }} \\n
\\n
\\n
\\n
\\n
0)\\\">\\n
\\n \\n \\n \\n {{ 'ANALYTICS_TOPCONTENT.WORD.POSITION' | translate:lang }}\\n \\n \\n Id\\n \\n \\n {{ 'ANALYTICS_TOPCONTENT.WORD.TITLE' | translate:lang }}\\n \\n \\n {{ 'ANALYTICS_TOPCONTENT.WORD.VIEWS' | translate:lang }}\\n \\n \\n {{ 'ANALYTICS_TOPCONTENT.WORD.USERS' | translate:lang }}\\n \\n \\n \\n \\n \\n {{mm.position}} \\n {{mm.media.material_id}} {{mm.media.title}} \\n {{mm.views}} \\n {{mm.users}} \\n \\n \\n
\\n
\\n
\\n
\\n
\\n
\\n {{ 'ANALYTICS_TOPCONTENT.NO_DATA' | translate:lang }}\\n
\\n
\\n
\\n
\\n
\\n
\\n
\\n
\\n
{{ 'ANALYTICS_TOPCONTENT.HEADER.2' | translate:lang }}[{{selectedMediaMetadata.material_id}}] {{selectedMediaMetadata.title}} \\n \\n
\\n
\\n
\\n
{{ 'ANALYTICS_TOPCONTENT.HEADER.3' | translate:lang }} \\n \\n \\n \\n
\\n
\\n
\\n\\n
\\n
\\n
{{ 'ANALYTICS_CONTENT.HEADER.4' | translate:lang }} \\n \\n
\\n
\\n
\\n
{{ 'ANALYTICS_CONTENT.HEADER.4' | translate:lang }} \\n
{{ 'ANALYTICS_CONTENT.NO_DATA' | translate:lang }}
\\n
\\n
\\n
\\n
\\n\\n
\\n
\\n {{ 'ANALYTICS_TOPCONTENT.SUBHEADER.3' | translate:lang }} \\n
\\n
\\n
\\n
\\n
\\n
\\n\\t
\\n\\t\\t
\\n\\t\\t\\t
\\n\\t\\t\\t\\t
{{ 'ANALYTICS_GEO.HEADER.MAP' | translate:lang }} \\n\\t\\t\\t\\n\\t\\t\\t
\\n\\t\\t\\t\\t
\\n\\t\\t\\t\\t\\t
\\n\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t \\n\\t\\t\\t\\t\\t
\\n\\t\\t\\t\\t
\\n\\t\\t\\t\\t
\\n\\t\\t\\t\\t\\t
\\n\\t\\t\\t\\t
\\n\\t\\t\\t\\t\\t\\t
\\n\\t\\t\\t
\\n\\t\\t
\\n\\t
\\n
\\n\\t
\\n\\t\\t
\\n\\t\\t\\t
\\n\\t\\t\\t\\t
{{ 'ANALYTICS_GEO.HEADER.DETAILS' | translate:lang }} \\n\\t\\t\\t\\n\\t\\t\\t
\\n\\t\\t\\t\\t
\\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t# \\n\\t\\t\\t\\t\\t\\t\\t{{ 'ANALYTICS_GEO.WORD.COUNTRY' | translate:lang }} \\n\\t\\t\\t\\t\\t\\t\\t{{ 'ANALYTICS_GEO.WORD.VIEWS' | translate:lang }} \\n\\t\\t\\t\\t\\t\\t\\t{{ 'ANALYTICS_GEO.WORD.VIEWS' | translate:lang }} % \\n\\t\\t\\t\\t\\t\\t \\n\\t\\t\\t\\t\\t \\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t{{rec.pos}} \\n\\t\\t\\t\\t\\t\\t\\t{{rec.views}} \\n\\t\\t\\t\\t\\t\\t\\t{{rec.views_share | number:'1.1-2':lang}} % \\n\\t\\t\\t\\t\\t\\t \\n\\t\\t\\t\\t\\t \\n\\t\\t\\t\\t
\\n\\t\\t\\t\\t
\\n\\t\\t\\t
\\n\\t\\t\\t
\\n\\t\\t\\t\\t
\\n\\t\\t\\t\\t\\t\\t
\\n\\t\\t\\t
\\n\\t\\t
\\n\\t
\\n
\\n\\t
\\n\\t\\t
\\n\\t\\t\\t
\\n\\t\\t\\t\\t
{{ 'ANALYTICS_GEO.HEADER.MAP' | translate:lang }} \\n\\t\\t\\t\\n\\t\\t\\t
\\n\\t\\t\\t\\t
\\n\\t\\t\\t\\t\\t
\\n\\t\\t\\t\\t\\t\\t
\\n\\t\\t\\t\\t\\t\\t\\t{{ 'ANALYTICS_GEO_COUNTRY.TYPE.REGIONS' | translate:lang }} \\n\\t\\t\\t\\t\\t\\t\\t{{ 'ANALYTICS_GEO_COUNTRY.TYPE.CITIES' | translate:lang }} \\n\\t\\t\\t\\t\\t\\t
\\n\\t\\t\\t\\t\\t
\\n\\t\\t\\t\\t\\t
\\n\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t \\n\\t\\t\\t\\t\\t
\\n\\t\\t\\t\\t
\\n\\t\\t\\t\\t
\\n\\t\\t\\t\\t\\t
\\n\\t\\t\\t\\t
\\n\\t\\t\\t\\t\\t\\t
\\n\\t\\t\\t
\\n\\t\\t
\\n\\t
\\n
\\n\\t
\\n\\t\\t
\\n\\t\\t\\t
\\n\\t\\t\\t\\t
\\n\\t\\t\\t\\t\\t{{ 'ANALYTICS_GEO.HEADER.DETAILS' | translate:lang }} -\\n\\t\\t\\t\\t\\t{{ 'ANALYTICS_GEO_COUNTRY.TYPE.REGIONS' | translate:lang }} \\n\\t\\t\\t\\t\\t{{ 'ANALYTICS_GEO_COUNTRY.TYPE.CITIES' | translate:lang }} \\n\\t\\t\\t\\t \\n\\t\\t\\t\\n\\t\\t\\t
\\n\\t\\t\\t\\t
\\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t# \\n\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\t{{ 'ANALYTICS_GEO_COUNTRY.WORD.REGION' | translate:lang }} \\n\\t\\t\\t\\t\\t\\t\\t\\t{{ 'ANALYTICS_GEO_COUNTRY.WORD.CITY' | translate:lang }} \\n\\t\\t\\t\\t\\t\\t\\t \\n\\t\\t\\t\\t\\t\\t\\t{{ 'ANALYTICS_GEO.WORD.VIEWS' | translate:lang }} \\n\\t\\t\\t\\t\\t\\t\\t{{ 'ANALYTICS_GEO.WORD.VIEWS' | translate:lang }} % \\n\\t\\t\\t\\t\\t\\t \\n\\t\\t\\t\\t\\t \\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t{{rec.pos}} \\n\\t\\t\\t\\t\\t\\t\\t{{rec.name}} \\n\\t\\t\\t\\t\\t\\t\\t{{rec.views}} \\n\\t\\t\\t\\t\\t\\t\\t{{rec.views_share | number:'1.1-2':lang}} % \\n\\t\\t\\t\\t\\t\\t \\n\\t\\t\\t\\t\\t \\n\\t\\t\\t\\t
\\n\\t\\t\\t\\t
\\n\\t\\t\\t
\\n\\t\\t\\t
\\n\\t\\t\\t\\t
\\n\\t\\t\\t\\t\\t\\t
\\n\\t\\t\\t
\\n\\t\\t
\\n\\t
\\n
\\n\\t
\\n\\t\\t
\\n\\t\\t\\t
\\n\\t\\t\\t\\t
{{ 'ANALYTICS_TECHNOLOGY.DEVICES' | translate:lang }} \\n\\t\\t\\t\\n\\t\\t\\t
\\n\\t\\t\\t\\t
\\n\\t\\t\\t\\t\\t
\\n\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t \\n\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t \\n\\t\\t\\t\\t\\t
\\n\\t\\t\\t\\t
\\n\\t\\t\\t\\t
\\n\\t\\t\\t\\t\\t
\\n\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t \\n\\t\\t\\t\\t\\t
\\n\\t\\t\\t\\t
\\n\\t\\t\\t\\t
\\n\\t\\t\\t\\t\\t\\t
\\n\\t\\t\\t\\t
0\\\">\\n\\t\\t\\t\\t\\t
\\n\\t\\t\\t\\t\\t\\t
\\n\\t\\t\\t\\t\\t
\\n\\t\\t\\t\\t
\\n\\t\\t\\t\\t
\\n\\t\\t\\t\\t\\t
\\n\\t\\t\\t\\t\\t\\t{{ 'ANALYTICS_TECHNOLOGY.MESSAGE.NO_DATA' | translate:lang }} \\n\\t\\t\\t\\t\\t
\\n\\t\\t\\t\\t
\\n\\t\\t\\t
\\n\\t\\t
\\n\\t
\\n
\\n\\n\\t
\\n\\t\\t
\\n\\t\\t\\t
\\n\\t\\t\\t\\t
{{ 'ANALYTICS_TECHNOLOGY.BROWSERS' | translate:lang }} \\n\\t\\t\\t\\n\\t\\t\\t
\\n\\t\\t\\t\\t
\\n\\t\\t\\t\\t\\t
\\n\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t \\n\\t\\t\\t\\t\\t
\\n\\t\\t\\t\\t
\\n\\t\\t\\t\\t
\\n\\t\\t\\t\\t\\t
\\n\\t\\t\\t\\t
0\\\">\\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t{{ 'ANALYTICS_TECHNOLOGY.TABLE.BROWSER' | translate:lang }} \\n\\t\\t\\t\\t\\t\\t\\t{{ 'ANALYTICS_TECHNOLOGY.TABLE.VIEWS' | translate:lang }} \\n\\t\\t\\t\\t\\t\\t\\t{{ 'ANALYTICS_TECHNOLOGY.TABLE.VIEWS' | translate:lang }} % \\n\\t\\t\\t\\t\\t\\t \\n\\t\\t\\t\\t\\t \\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t{{rec.name}} \\n\\t\\t\\t\\t\\t\\t\\t{{rec.views}} \\n\\t\\t\\t\\t\\t\\t\\t= 0.01\\\">{{rec.views_share | number:'1.1-2':lang}} % \\n\\t\\t\\t\\t\\t\\t\\t< 0.01 % \\n\\t\\t\\t\\t\\t\\t \\n\\t\\t\\t\\t\\t \\n\\t\\t\\t\\t
\\n\\t\\t\\t\\t
\\n\\t\\t\\t\\t\\t{{ 'ANALYTICS_TECHNOLOGY.MESSAGE.NO_DATA' | translate:lang }} \\n\\t\\t\\t\\t
\\n\\t\\t\\t
\\n\\t\\t
\\n\\t
\\n\\n\\t
\\n\\t\\t
\\n\\t\\t\\t
\\n\\t\\t\\t\\t
{{ 'ANALYTICS_TECHNOLOGY.OS' | translate:lang }} \\n\\t\\t\\t\\n\\t\\t\\t
\\n\\t\\t\\t\\t
\\n\\t\\t\\t\\t\\t
\\n\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t \\n\\t\\t\\t\\t\\t
\\n\\t\\t\\t\\t
\\n\\t\\t\\t\\t
\\n\\t\\t\\t\\t\\t
\\n\\t\\t\\t\\t
0\\\">\\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t{{ 'ANALYTICS_TECHNOLOGY.TABLE.OS' | translate:lang }} \\n\\t\\t\\t\\t\\t\\t\\t{{ 'ANALYTICS_TECHNOLOGY.TABLE.VIEWS' | translate:lang }} \\n\\t\\t\\t\\t\\t\\t\\t{{ 'ANALYTICS_TECHNOLOGY.TABLE.VIEWS' | translate:lang }} % \\n\\t\\t\\t\\t\\t\\t \\n\\t\\t\\t\\t\\t \\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t{{rec.name}} \\n\\t\\t\\t\\t\\t\\t\\t{{rec.views}} \\n\\t\\t\\t\\t\\t\\t\\t= 0.01\\\">{{rec.views_share | number:'1.1-2':lang}} % \\n\\t\\t\\t\\t\\t\\t\\t< 0.01 % \\n\\t\\t\\t\\t\\t\\t \\n\\t\\t\\t\\t\\t \\n\\t\\t\\t\\t
\\n\\t\\t\\t\\t
\\n\\t\\t\\t\\t\\t{{ 'ANALYTICS_TECHNOLOGY.MESSAGE.NO_DATA' | translate:lang }} \\n\\t\\t\\t\\t
\\n\\t\\t\\t
\\n\\t\\t
\\n\\t
\\n
\\n
\\n
\\n
\\n
{{ 'ANALYTICS_REALTIME.AUDIENCE' | translate:lang }} \\n \\n
\\n
\\n
Right now
\\n
{{audienceWatchingUsersNum}}
\\n
watching users
\\n
\\n
\\n
{{ 'ANALYTICS_REALTIME.WORD.WATCHING_USERS_PER_MIN' | translate:lang }}
\\n
\\n \\n
\\n
{{ 'ANALYTICS_REALTIME.WORD.WATCHING_USERS_PER_SEC' | translate:lang }}
\\n
\\n \\n
\\n
\\n
\\n
\\n
\\n
\\n
\\n
{{ 'ANALYTICS_REALTIME.TOP_CONTENT' | translate:lang }} \\n \\n
\\n
0)\\\">\\n
\\n \\n \\n \\n {{ 'ANALYTICS_REALTIME.WORD.POSITION' | translate:lang }}\\n \\n \\n Id\\n \\n \\n {{ 'ANALYTICS_REALTIME.WORD.TITLE' | translate:lang }}\\n \\n \\n {{ 'ANALYTICS_REALTIME.WORD.STREAMS' | translate:lang }}({{ 'ANALYTICS_REALTIME.WORD.STREAMS_APROX_NOTE' | translate:lang }}) \\n \\n \\n \\n \\n \\n {{mm.position}} \\n {{mm.media.material_id}} {{mm.media.title}} \\n {{mm.streams}} \\n \\n \\n
\\n
\\n
\\n
\\n
\\n
\\n {{ 'ANALYTICS_TOPCONTENT.NO_DATA' | translate:lang }}\\n
\\n
\\n
\\n
\\n\\n
\\n
\\n
\\n
Selected content \\n \\n
\\n
\\n
\\n
\\n ID: {{selectedMediaMetadata.material_id}} \\n {{ 'ANALYTICS_CONTENT_DETAILS.WORD.RELATED_ID' | translate:lang }}: {{selectedMediaMetadata.related_id}} \\n {{ 'ANALYTICS_CONTENT.WORD.TITLE' | translate:lang }}: {{selectedMediaMetadata.title}} \\n {{ 'ANALYTICS_CONTENT.WORD.DURATION' | translate:lang }}: {{selectedMediaMetadata.duration | number:'1.0-3'}} [s] ({{dateUtil.formatDuration(selectedMediaMetadata.duration)}}) \\n \\n
\\n
\\n
\\n
\\n
{{ 'ANALYTICS_REALTIME.WORD.WATCHING_USERS_PER_MIN' | translate:lang }}
\\n
\\n \\n
\\n
{{ 'ANALYTICS_REALTIME.WORD.WATCHING_USERS_PER_SEC' | translate:lang }}
\\n
\\n \\n
\\n
\\n
\\n
\\n
\\n\\t
\\n\\t\\t
\\n\\t\\t\\t
{{ 'QOS.TITLE' | translate:lang }} \\n\\t\\t\\t
\\n
\\n
\\n \\n \\n
\\n
\\n \\n \\n\\n \\n \\n
\\n
\\n\\n
\\n \\n \\n \\n
\\n\\n
\\n
\\n \\n
{{chart.topic}} \\n \\n \\n \\n \\n \\n
\\n
\\n
\\n
\\n
\\n
\\n
\\n
Users playbacks \\n \\n
\\n
\\n
\\n Filter \\n Matching samples: {{searchOptions.total}}
\\n
\\n
\\n
0)\\\">\\n
\\n \\n \\n Playback \\n Media \\n Environment \\n \\n \\n \\n Playback ID\\n \\n \\n User ID\\n \\n \\n Start time\\n \\n \\n Duration\\n \\n \\n Coverage [%]\\n \\n \\n Type\\n \\n \\n Media ID\\n \\n \\n Title\\n \\n \\n Duration\\n \\n \\n Type\\n \\n \\n Browser\\n \\n \\n OS\\n \\n \\n ISP\\n \\n \\n CDN\\n \\n \\n \\n \\n \\n \\n {{mm.playback_id}} \\n {{mm.user_id}} {{dateUtil.unixToDateString(mm.start_time)}} \\n {{dateUtil.formatDuration(mm.duration)}} \\n {{mm.playback_coverage}} \\n {{mm.media_type}} \\n {{mm.media_id}} \\n {{mm.media_title}} \\n {{dateUtil.formatDuration(mm.media_duration)}} \\n {{mm.device_type}} \\n {{mm.device_browser}} \\n {{mm.device_os}} \\n {{mm.isp}} \\n {{mm.cdn}} \\n \\n \\n \\n \\n Average: {{dateUtil.formatDuration(columnsAverage.duration)}} \\n {{columnsAverage.playback_coverage}} \\n {{dateUtil.formatDuration(columnsAverage.media_duration)}} \\n \\n \\n
\\n
\\n
\\n
\\n
\\n
\\n {{ 'ANALYTICS_CONTENT.NO_DATA' | translate:lang }}\\n
\\n
\\n
\\n
\\n
\\n
\\n
\\n
\\n\\n
\\n
\\n
\\n
Content & Playback metadata \\n
\\n
\\n
\\n
\\n Media ID: 6725239 \\n Type: VOD \\n Title: Yellowstone S01/E04 \\n Duration: 2,464 [s] (41m 4s) \\n Related content ID: Added into system: 11/17/2021 1:55:32 PM \\n Tags: \\n \\n cowboy hat, equestrian, ranch, ranch owner, cattle ranch, father son relationship, father daughter relationship, financier, parent child relationship, land owner, widower, native american tribe\\n \\n Playback ID: a9801178-2364-4e83-03ac-1b731c670503 \\n Playback coverage: 85% 2,112 [s] (35m 12s) \\n Playback start date: 2022-02-02 17:34:11 \\n \\n
\\n
\\n
\\n
\\n
\\n
\\n\\n
\\n
\\n
\\n
Bitrate histogram \\n
\\n
\\n
\\n
\\n
\\n
\\n
\\n
Playback history [a9801178-2364-4e83-03ac-1b731c670503] \\n
\\n
\\n \\n
\\n
\\n {{item.vt}} \\n {{item.wt}} \\n {{item.d}} \\n {{item.avgkbps}} \\n
\\n
\\n
\\n
\\n
\\n
\\n
\\n
\\n
\\n
\\n
Filters \\n \\n
\\n
\\n
\\n \\n \\n
\\n
\\n
\\n Add filter \\n
\\n
\\n
\\n
\\n
\\n
\\n
\\n
\\n
\\n
History \\n \\n
\\n
\\n
\\n
\\n
\\n
\\n
Grouped by \\n \\n
\\n
\\n
\\n
\\n
\\n
\\n
\\n
Errors list \\n \\n
\\n
\\n
0)\\\">\\n
\\n \\n \\n \\n User ID\\n \\n \\n Time\\n \\n \\n Media Type\\n \\n \\n Media\\n \\n \\n Device\\n \\n \\n Browser\\n \\n \\n OS\\n \\n \\n ISP\\n \\n \\n CDN\\n \\n \\n \\n \\n \\n {{mm.user_id}} {{dateUtil.unixToDateString(mm.time)}} \\n {{mm.media_type}} \\n {{mm.media_id_title}} \\n {{mm.device_type}} \\n {{mm.device_browser}} \\n {{mm.device_os}} \\n {{mm.isp}} \\n {{mm.cdn}} \\n \\n \\n
\\n
\\n
\\n
\\n
\\n
\\n
\\n
\\n
\\n
\\n
\\n
Error details \\n \\n
\\n
\\n
\\n
\\n Error ID: {{selectedError.error_id}} \\n User ID: {{selectedError.user_id}} \\n Media: {{selectedError.media_id_title}} \\n Media type: {{selectedError.media_type}} \\n Duration: {{dateUtil.formatDuration(selectedError.media_duration)}} \\n Occurrence date: {{dateUtil.unixToDateString(selectedError.time)}} {{dateUtil.unixToTimeString(selectedError.time)}} \\n Device: {{selectedError.device_type}} \\n Browser: {{selectedError.device_browser}} \\n OS: {{selectedError.device_os}} \\n ISP: {{selectedError.isp}} \\n CDN: {{selectedError.cdn}} \\n Error type: Temporary network problem \\n Error message: Details [VideoDashJs]: http://bradmax.com/static/video/tos/440272.mpd is not available (net::ERR_INTERNET_DISCONNECTED) \\n Stack trace \\n \\n \\n \\n
\\n
\\n
\\n
\\n
\\n
\\n
\\n
\\n
\\n
\\n
Find best matching contents by subject, keywords \\n \\n
\\n
\\n
\\n
\\n
\\n
\\n
\\n Search for content \\n
\\n
\\n
\\n
\\n
\\n
\\n
\\n
\\n
\\n
\\n
Possible contents for RTM matching to subject \\n \\n
\\n
\\n
0)\\\">\\n
\\n \\n \\n \\n Media\\n \\n \\n Time\\n \\n \\n Media Type\\n \\n \\n Media Tags\\n \\n \\n \\n \\n \\n {{mm.title}} \\n {{mm.year}} \\n {{dateUtil.formatDuration(mm.duration)}} \\n {{mm.tags}} \\n \\n
\\n
\\n
\\n
\\n
\\n
\\n
\\n
\\n
\\n
\\n
\\n
Campaigns with monitored contents \\n \\n
\\n
\\n
0)\\\">\\n
\\n \\n \\n Name \\n Started at \\n Linked contents \\n Stats \\n History \\n \\n \\n \\n \\n {{c.name}} \\n {{dateUtil.unixToDateString(c.time)}} \\n \\n {{mm_title}}
\\n \\n \\n Total views: {{c.totalViews}} \\n \\n \\n \\n \\n
\\n
\\n
\\n
\\n
\\n Add campaign + \\n
\\n
\\n
\\n
\\n
\\n
\\n
\\n
\\n
\\n
Views by media type \\n \\n
\\n
\\n
\\n
\\n
\\n
\\n
VOD/Series views by genres \\n \\n
\\n
\\n
\\n
\\n
\\n
\\n
TV/Catchups views by genres \\n \\n
\\n
\\n
\\n
\\n
\\n
\\n
\\n
Search for new content and estimate audience \\n \\n
\\n
\\n
\\n
\\n
\\n Search in IMDB \\n
\\n
\\n
\\n
\\n
Media info \\n \\n
\\n
\\n
\\n
\\n Type: VOD \\n Title: Dune (2021) \\n Duration: 9,300 [s] (2h 35m) \\n Genres: Action, Adventure, Drama, Sci-Fi \\n Tags: \\n \\n prescience, future, empire, sandworm, doctor, mother son relationship, spy, premonition, desert, sand, chosen one, based on novel, adaptation, duke, nobility, desert planet, science fantasy, destiny, giant creature, giant worm, title same as book, mind control\\n \\n \\n
\\n
\\n
\\n
\\n
\\n
\\n
\\n
Estimated audience \\n \\n
\\n
\\n
\\n
\\n
Similar VOD already in system \\n
\\n \\n \\n Media ID \\n Title \\n Added at \\n Duration \\n Views \\n Users \\n \\n \\n \\n \\n {{mm.id}} {{mm.title}} \\n {{mm.addedIntoSystem}} \\n {{dateUtil.formatDuration(mm.duration)}} \\n {{mm.views}} \\n {{mm.users}} \\n \\n \\n
\\n
\\n
\\n
\\n
\\n
\\n
\\n
\\n
\\n
\\n
\\n
Analytics - Flex Model - Filters \\n
\\n
\\n
\\n
\\n
\\n
\\n\\n
\\n \\n\\n
\\n\\n
\\n \\n\\n
\\n \\n
\\n\\n
\\n
\\n
\\n
\\n
\\n\\n
\\n
\\n
\\n
\\n\\n
\\n
\\n\\n
\\n
\\n
Geolocation \\n \\n
\\n
\\n\\n
\\n
\\n
Demography \\n \\n
\\n
\\n
\\n
\\n
\\n
\\n
\\n
\\n
\\n
\\n
\\n
\\n \\n \\n
\\n
\\n \\n \\n
\\n
\\n
\\n \\n
\\n
\\n
\\n Add chart \\n
\\n
\\n
\\n
\\n
\\n
\\n
\\n
\\n
\\n
\\n
\\n
\\n \\n \\n
\\n
\\n \\n \\n
\\n
\\n
\\n
\\n
Stream start time [sec](CDN vs ISP) \\n \\n
\\n
\\n \\n \\n CDN \\\\ ISP \\n {{colName}} \\n \\n \\n \\n \\n {{rowName}} \\n {{val | number:'1.3-3'}} \\n \\n \\n
\\n\\n
\\n
\\n
\\n
\\n
\\n Add table \\n
\\n
\\n
\\n
\\n
\\n
\\n
\\n
\\n
\\n
\\n
\\n
\\n \\n \\n
\\n
\\n \\n \\n
\\n
\\n
\\n
\\n \\n
\\n
\\n
\\n
\\n Add chart \\n
\\n
\\n
\\n
\\n
\\n
\\n
\\n
\\n
\\n
\\n
\\n
\\n \\n \\n
\\n
\\n \\n \\n
\\n
\\n
\\n
\\n
Stream start time [sec] \\n \\n
\\n\\n
\\n\\n
\\n
\\n
\\n Add chart \\n
\\n
\\n
\\n
\\n
\\n
\\n
\\n
\\n
\\n
Analytics - Flex Model - Model \\n \\n
\\n
\\n
\\n
\\n
Data points \\n\\n
\\n
Add event \\n
\\n
\\n
Dimmensions \\n
\\n\\n
Metrics \\n
\\n \\n Data points count\\n \\n \\n \\n Count / Unique count\\n \\n \\n \\n Aggregable (sum, min, max, avg, etc.)\\n \\n \\n \\n
\\n
\\n
\\n
\\n
\\n
\\n\\n
\\n
\\n
\\n
\\n
\\n
Right now
\\n
{{audienceWatchingUsersNum}}
\\n
watching users
\\n
\\n \\n
\\n
{{ 'ANALYTICS_REALTIME.WORD.WATCHING_USERS_PER_MIN' | translate:lang }}
\\n
\\n \\n \\n
\\n
{{ 'ANALYTICS_REALTIME.WORD.WATCHING_USERS_PER_SEC' | translate:lang }}
\\n
\\n \\n \\n
\\n
\\n\\n
\\n\\n
\\n\\n
\\n
\\n\\n
\\n
\\n
\\n
\\n
\\n
{{ 'ANALYTICS_REALTIME.WORD.ID' | translate:lang }} \\n \\n
\\n
{{ 'ANALYTICS_REALTIME.WORD.NAME' | translate:lang }} \\n \\n
\\n
{{ 'ANALYTICS_REALTIME.WORD.STREAMS' | translate:lang }} \\n \\n
\\n
{{ 'ANALYTICS_REALTIME.WORD.LAST_HOUR' | translate:lang }} \\n \\n
\\n
{{ 'ANALYTICS_REALTIME.WORD.LAST_MINUTE' | translate:lang }} \\n \\n
\\n
\\n
\\n
\\n
\\n
\\n
\\n {{row.media.material_id}}\\n
\\n
\\n {{row.media.title}}\\n
\\n
\\n {{row.streams}}\\n
\\n
\\n \\n
\\n
\\n \\n
\\n
\\n
\\n
\\n
\\n\\n
\\n\\n
\\n\\n
\\n\\t
\\n\\t\\t
\\n\\t\\t\\t
\\n\\t\\t\\t\\t
{{ 'ANALYTICS_INFO.CLIENT_TOKEN.TITLE' | translate:lang }} \\n\\t\\t\\t\\n\\t\\t\\t
\\n\\t\\t\\t\\t
\\n
\\n
clientToken: \\\"{{clientToken}}\\\"
\\n
\\n
\\n
\\n\\t\\t\\t
\\n\\t\\t
\\n\\t
\\n
\\n\\n\\t\\n\\n \\n\"\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/module/virtual/dropdown/component/popup/virtual.dropdown.popup.component.html\n// module id = 1412\n// module chunks = 1","module.exports = \":host {\\n position: absolute;\\n z-index: 99999;\\n display: block;\\n min-width: inherit;\\n max-width: inherit;\\n background: white;\\n border: 1px solid lightgray;\\n border-radius: 0 0 3px 3px;\\n color: inherit; }\\n :host virtual-scroller {\\n list-style-type: none;\\n padding: 0;\\n width: 100%;\\n min-width: 150px;\\n max-height: 200px;\\n overflow-x: hidden;\\n overflow-y: auto;\\n color: inherit;\\n margin-bottom: 0; }\\n :host virtual-scroller::-webkit-scrollbar {\\n width: 8px;\\n height: 8px;\\n background: none; }\\n :host virtual-scroller::-webkit-scrollbar-track {\\n -webkit-box-shadow: none;\\n box-shadow: none;\\n background: #EEEEEE; }\\n :host virtual-scroller::-webkit-scrollbar-thumb:window-inactive {\\n background: #DDDDDD; }\\n :host virtual-scroller::-webkit-scrollbar-thumb {\\n background: #CCCCCC; }\\n :host virtual-scroller .virtual-dropdown-popup-item-con {\\n cursor: pointer;\\n color: inherit; }\\n :host virtual-scroller .virtual-dropdown-popup-item-con ::ng-deep .virtual-dropdown-popup-item {\\n color: inherit;\\n padding: 5px 10px;\\n display: inline-block;\\n width: 100%;\\n text-decoration: none;\\n border-radius: 0;\\n -webkit-box-shadow: none;\\n box-shadow: none;\\n background-color: transparent; }\\n :host virtual-scroller .virtual-dropdown-popup-item-con ::ng-deep .virtual-dropdown-popup-item i {\\n margin-left: 5px; }\\n :host virtual-scroller .virtual-dropdown-popup-item-con ::ng-deep .virtual-dropdown-popup-item span {\\n margin: auto;\\n text-decoration: none;\\n color: inherit; }\\n :host virtual-scroller .virtual-dropdown-popup-item-con:hover ::ng-deep .virtual-dropdown-popup-item {\\n background-color: #EFEFEF; }\\n :host virtual-scroller .virtual-dropdown-popup-item-con.pre-selected ::ng-deep .virtual-dropdown-popup-item {\\n background-color: #EFEFEF; }\\n :host virtual-scroller .virtual-dropdown-popup-item-con.pre-selected ::ng-deep .virtual-dropdown-popup-item::before {\\n pointer-events: none;\\n content: '>';\\n position: absolute;\\n left: 3px;\\n opacity: 0.5; }\\n :host virtual-scroller .virtual-dropdown-popup-item-con.selected ::ng-deep .virtual-dropdown-popup-item {\\n background: #335eea;\\n color: #ffffff;\\n pointer-events: none;\\n cursor: not-allowed; }\\n :host virtual-scroller .virtual-dropdown-popup-item-con.separator-below {\\n border-bottom: solid 1px #d3d3d3; }\\n :host virtual-scroller .virtual-dropdown-popup-item-con.disabled {\\n opacity: 0.64;\\n pointer-events: none;\\n cursor: not-allowed; }\\n\"\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/module/virtual/dropdown/component/popup/virtual.dropdown.popup.component.scss\n// module id = 1413\n// module chunks = 1","module.exports = \"\\n\\n\\t\\t \\n\\n\\n\\n\\t\\n\\t\\n\\t \\n\"\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/module/virtual/dropdown/component/virtual.dropdown.component.html\n// module id = 1414\n// module chunks = 1","module.exports = \":host {\\n position: relative;\\n display: inline-block;\\n vertical-align: middle;\\n text-align: center; }\\n :host .virtual-dropdown-trigger {\\n position: relative;\\n width: 100%;\\n min-width: 150px;\\n margin-left: 0 !important;\\n margin-right: 0 !important;\\n text-transform: none;\\n background: none;\\n border-color: lightgray !important;\\n -webkit-box-shadow: none;\\n box-shadow: none;\\n overflow: hidden;\\n text-overflow: ellipsis; }\\n :host .virtual-dropdown-dir-ico {\\n position: absolute;\\n top: 50%;\\n margin-left: 8px;\\n margin-top: -3px;\\n color: lightgray; }\\n :host .virtual-dropdown-popup .virtual-dropdown-input {\\n width: 100%;\\n min-width: 150px;\\n border-radius: 0;\\n border: 1px solid lightgray;\\n margin: -1px;\\n color: inherit; }\\n :host.small .virtual-dropdown-trigger {\\n min-width: 75px; }\\n :host.small .virtual-dropdown-trigger span {\\n position: relative;\\n left: -5px; }\\n :host.small .virtual-dropdown-dir-ico {\\n margin-left: 2px; }\\n :host.disabled {\\n opacity: 0.64; }\\n :host.active .virtual-dropdown-trigger {\\n -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.25);\\n box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.25); }\\n :host.active .virtual-dropdown-dir-ico {\\n margin-top: -0.7em; }\\n :host.active.up .virtual-dropdown-trigger {\\n border-top-color: transparent !important;\\n border-top-left-radius: 0;\\n border-top-right-radius: 0; }\\n :host.active.down .virtual-dropdown-trigger {\\n border-bottom-color: transparent !important;\\n border-bottom-left-radius: 0;\\n border-bottom-right-radius: 0; }\\n\"\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/module/virtual/dropdown/component/virtual.dropdown.component.scss\n// module id = 1415\n// module chunks = 1","module.exports = \"\\n\\n\\n\\n\\n\\t\\n\\t
\\n\\t\\t
\\n\\t\\t\\t
{{ 'ANALYTICS_ST_RAPORT.HEADER.1'|translate:lang }} \\n\\t\\t\\n\\t\\t
\\n\\t\\t\\t
\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t
\\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t
\\n\\t\\t\\t\\t\\t\\t
{{ 'ANALYTICS_ST_RAPORT.WORD.REPORT_TYPE'|translate:lang }} \\n\\t\\t\\t\\t\\t\\t
\\n\\t\\t\\t\\t\\t\\t
\\n\\t\\t\\t\\t\\t\\t\\t
\\n\\t\\t\\t\\t\\t
\\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t
\\n\\t\\t\\t\\t\\t\\t
{{ 'ANALYTICS_ST_RAPORT.WORD.DATE_RANGE_SELECTION'|translate:lang }} \\n\\t\\t\\t\\t\\t\\t
\\n\\t\\t\\t\\t\\t\\t \\n\\t\\t\\t\\t\\t\\t
\\n\\t\\t\\t\\t\\t\\t\\t
\\n\\t\\t\\t\\t\\t
\\n\\t\\t\\t\\t
\\n\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t
\\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t
\\n\\t\\t\\t\\t\\t\\t
{{ 'ANALYTICS_ST_RAPORT.WORD.COUNTRY_SELECTION'|translate:lang }} \\n\\t\\t\\t\\t\\t\\t
\\n\\t\\t\\t\\t\\t\\t \\n\\t\\t\\t\\t\\t\\t
\\n\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\t× \\n\\t\\t\\t\\t\\t\\t\\t \\n\\t\\t\\t\\t\\t\\t
\\n\\t\\t\\t\\t\\t
\\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t
\\n\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t
{{ 'ANALYTICS_ST_RAPORT.WORD.REGION_SELECTION'|translate:lang }} \\n\\t\\t\\t\\t\\t\\t\\t
\\n\\t\\t\\t\\t\\t\\t\\t \\n\\t\\t\\t\\t\\t\\t\\t
\\n\\t\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\t\\t× \\n\\t\\t\\t\\t\\t\\t\\t\\t \\n\\t\\t\\t\\t\\t\\t\\t
\\n\\t\\t\\t\\t\\t\\t
\\n\\t\\t\\t\\t\\t\\t\\t
{{ 'ANALYTICS_ST_RAPORT.WORD.CITY_SELECTION'|translate:lang }} \\n\\t\\t\\t\\t\\t\\t\\t
\\n\\t\\t\\t\\t\\t\\t\\t \\n\\t\\t\\t\\t\\t\\t\\t
\\n\\t\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\t\\t× \\n\\t\\t\\t\\t\\t\\t\\t\\t \\n\\t\\t\\t\\t\\t\\t\\t
\\n\\t\\t\\t\\t\\t\\t
\\n\\n\\t\\t\\t\\t
\\n\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t
\\n\\t\\t\\t\\t\\t
\\n\\t\\t\\t\\t\\t\\t \\n\\t\\t\\t\\t\\t
\\n\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t
{{ name|camelCaseToSpace|lowercase|capitalizeFirst }} \\n\\t\\t\\t\\t\\t\\t\\t
50\\\"\\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\\t\\t\\t\\t\\t\\t\\t[searchValue]=\\\"data.search.text\\\"\\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\\t\\t\\t\\t\\t\\t\\t(searchValueChange)=\\\"prefixedSearch(data, $event)\\\"\\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\\t\\t\\t\\t\\t\\t\\t(scrolledToEnd)=\\\"prefixedScrollEnd(data, $event)\\\"\\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\\t\\t\\t\\t\\t\\t\\t(selected)=\\\"prefixedTagSelect(data, $event)\\\">\\n\\t\\t\\t\\t\\t\\t\\t \\n\\t\\t\\t\\t\\t\\t\\t
\\n\\t\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\t\\t× \\n\\t\\t\\t\\t\\t\\t\\t\\t \\n\\t\\t\\t\\t\\t\\t\\t
\\n\\t\\t\\t\\t\\t\\t
\\n\\t\\t\\t\\t
\\n\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t
\\n\\t\\t\\t\\t\\t
\\n\\t\\t\\t\\t\\t\\t
{{ 'ANALYTICS_ST_RAPORT.WORD.TAG_SELECTION'|translate:lang }} \\n\\t\\t\\t\\t\\t\\t
\\n\\t\\t\\t\\t\\t\\t\\t \\n\\t\\t\\t\\t\\t\\t
\\n\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\t \\n\\t\\t\\t\\t\\t\\t
\\n\\t\\t\\t\\t\\t
\\n\\t\\t\\t\\t
\\n\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t
\\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t
\\n\\t\\t\\t\\t\\t
\\n\\t\\t\\t
\\n\\t\\t
\\n\\t
\\n\\n\\t\\n\\t
\\n\\t\\t
\\n\\t\\t\\t\\n\\t\\t\\t
\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t
\\n\\t\\t\\t\\t\\t\\t
{{ raportItem.title }}
\\n\\t\\t\\t\\t\\t\\t
{{ (!!raportItem.value?raportItem.value:0) | number:'1.0-2' }}
\\n\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t
\\n\\t\\t\\t \\n\\n\\t\\t\\t
\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t
{{'ANALYTICS_ST_RAPORT.INFO.HEADER'|translate:lang }} {{'ANALYTICS_ST_RAPORT.INFO.NOTE'|translate:lang }}\\n\\t\\t\\t\\t\\n\\t\\t\\t \\n\\t\\t
\\n\\t
\\n\\n
\\n\\n\\t\\n\\t
\\n\\t\\t
\\n\\t\\t\\t
\\n\\t\\t\\t\\t{{'ANALYTICS_ST_RAPORT.SUBTITLES.VIEWS_AND_USERS_HISTORY'|translate:lang }} \\n\\t\\t\\t\\t{{'ANALYTICS_ST_RAPORT.SUBTITLES.TAGS'|translate:lang }} \\n\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t \\n\\t\\t\\t
\\n\\n\\t\\t
\\n\\n\\t\\t
\\n\\t\\t\\t
\\n\\t\\t\\t \\n\\n\\n\\n\\t\\t\\t
\\n\\n\\t\\t\\t\\t{{ 'ANALYTICS_ST_RAPORT.WORD.NO_DATA_FOR_TAGS_LIST'|translate:lang }}
\\n\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\t# \\n\\t\\t\\t\\t\\t\\t\\t\\t{{ 'ANALYTICS_ST_RAPORT.WORD.TAG'|translate:lang }} \\n\\t\\t\\t\\t\\t\\t\\t\\t{{ 'ANALYTICS_ST_RAPORT.WORD.VIEWS'|translate:lang }} \\n\\t\\t\\t\\t\\t\\t\\t \\n\\t\\t\\t\\t\\t\\t \\n\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\t= (PAGER.page-1) * PAGER.page_size && i < PAGER.page * PAGER.page_size\\\">\\n\\t\\t\\t\\t\\t\\t\\t\\t\\t{{rec.position}} \\n\\t\\t\\t\\t\\t\\t\\t\\t\\t{{rec.tag}} \\n\\t\\t\\t\\t\\t\\t\\t\\t\\t{{rec.views}} \\n\\t\\t\\t\\t\\t\\t\\t\\t \\n\\t\\t\\t\\t\\t\\t\\t \\n\\t\\t\\t\\t\\t\\t \\n\\t\\t\\t\\t\\t
\\n\\t\\t\\t\\t\\t \\n\\t\\t\\t \\n\\n\\n\\t\\t
\\n\\n\\t
\\n\\n\\t\\n\\t
\\n\\t\\t\\n\\t\\t\\t
\\n\\t\\t\\t\\t
\\n\\t\\t\\t\\t\\t{{'ANALYTICS_ST_RAPORT.SUBTITLES.MAP_VIEWS'|translate:lang }}\\n\\t\\t\\t\\t\\t \\n\\t\\t\\t\\n\\t\\t\\t
\\n\\t\\t\\t\\t
\\n\\t\\t\\t\\t\\t
\\n\\t\\t\\t
\\n\\t\\t
\\n\\t\\t\\t
\\n\\t\\t\\t\\t
{{'ANALYTICS_ST_RAPORT.SUBTITLES.DETAILS_GEOLOCATION'|translate:lang }} \\n\\t\\t\\t\\n\\t\\t\\t
\\n\\t\\t\\t\\t
\\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t# \\n\\t\\t\\t\\t\\t\\t\\t{{ ('ANALYTICS_GEO.WORD.' + (!!selectedCountryCode ? 'REGION' : 'COUNTRY'))|translate:lang }} \\n\\t\\t\\t\\t\\t\\t\\t{{ 'ANALYTICS_GEO.WORD.VIEWS'|translate:lang }} \\n\\t\\t\\t\\t\\t\\t\\t{{ 'ANALYTICS_GEO.WORD.USERS'|translate:lang }} \\n\\t\\t\\t\\t\\t\\t \\n\\t\\t\\t\\t\\t \\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t= (PAGER.page - 1) * PAGER.page_size && i < PAGER.page * PAGER.page_size\\\" [ngClass]=\\\"{'clickable': (selectedCountryCode===null)}\\\" (click)=\\\"onCountryTableRowClick(rec)\\\">\\n\\t\\t\\t\\t\\t\\t\\t\\t{{ i+1 }} \\n\\t\\t\\t\\t\\t\\t\\t\\t{{ rec.views }} \\n\\t\\t\\t\\t\\t\\t\\t\\t{{ rec.users }} \\n\\t\\t\\t\\t\\t\\t\\t \\n\\t\\t\\t\\t\\t\\t \\n\\t\\t\\t\\t\\t \\n\\t\\t\\t\\t
\\n\\t\\t\\t\\t
\\n\\t\\t\\t
\\n\\t\\t
\\n\\n
\\n \\n \\n
\\n\\n
\\n
\\n
\\n
{{'ANALYTICS_ST_RAPORT.HEADER.1' | translate:lang }} \\n \\n
\\n
\\n
\\n\\n
\\n
\\n
\\n
{{'ANALYTICS_ST_RAPORT.HEADER.3' | translate:lang }} \\n \\n
\\n
\\n
\\n
\\n
\\n
{{ raportItem.title }}
\\n
{{ raportItem.value | number:'1.0-2' }}
\\n
{{ raportItem.desc }}
\\n
\\n
\\n
\\n
\\n \\n
{{'ANALYTICS_ST_RAPORT.INFO.HEADER' | translate:lang }} \\n {{'ANALYTICS_ST_RAPORT.INFO.NOTE' | translate:lang }}\\n \\n \\n
\\n
\\n
\\n
\\n \\n
\\n
\\n
\\n
{{'ANALYTICS_ST_RAPORT.SUBTITLES.VIEWS_AND_USERS_HISTORY' | translate:lang }} \\n \\n
\\n \\n \\n
\\n
\\n
\\n\\n \\n
\\n
\\n
\\n
{{'ANALYTICS_ST_RAPORT.SUBTITLES.MAP_VIEWS' | translate:lang }} \\n \\n
\\n
\\n
\\n
\\n
\\n
\\n
{{'ANALYTICS_ST_RAPORT.SUBTITLES.DETAILS_GEOLOCATION' | translate:lang }} \\n \\n
\\n\\n
\\n \\n \\n # \\n {{ 'ANALYTICS_GEO.WORD.COUNTRY' | translate:lang }} \\n {{ 'ANALYTICS_GEO.WORD.REGION' | translate:lang }} \\n {{ 'ANALYTICS_GEO.WORD.VIEWS' | translate:lang }} \\n {{ 'ANALYTICS_GEO.WORD.USERS' | translate:lang }} \\n \\n \\n \\n \\n = (pagingOptions.page-1)*pagingOptions.page_size && i < pagingOptions.page*pagingOptions.page_size \\\" >{{i+1}} \\n = (pagingOptions.page-1)*pagingOptions.page_size && i < pagingOptions.page*pagingOptions.page_size \\\" > \\n = (pagingOptions.page-1)*pagingOptions.page_size && i < pagingOptions.page*pagingOptions.page_size \\\" >{{rec.views}} \\n = (pagingOptions.page-1)*pagingOptions.page_size && i < pagingOptions.page*pagingOptions.page_size \\\" >{{rec.users}} \\n \\n \\n
\\n
\\n
\\n
\\n
\\n\\n \\n
\\n
\\n
\\n
{{'ANALYTICS_ST_RAPORT.SUBTITLES.VIEWS_PER_GENDER' | translate:lang }} \\n \\n
\\n
0)\\\"\\n [chartData]=\\\"chartDemSex.data\\\"\\n [chartLabels]=\\\"chartDemSex.labels\\\"\\n [chartType]=\\\"'doughnut'\\\"\\n >\\n \\n
\\n {{ 'ANALYTICS_ST_RAPORT.WORD.NO_DATA' | translate:lang }}\\n
\\n
\\n
\\n
\\n
\\n
\\n
\\n
{{'ANALYTICS_ST_RAPORT.SUBTITLES.VIEWS_AND_USERS_HISTORY' | translate:lang }} \\n \\n
\\n \\n \\n
\\n
\\n
\\n\\n \\n
\\n
\\n
\\n
{{'ANALYTICS_ST_RAPORT.SUBTITLES.VIEWS_PER_AGE_SEGMENT' | translate:lang }} \\n \\n
\\n
0)\\\"\\n [chartData]=\\\"chartDemAge.data\\\"\\n [chartLabels]=\\\"chartDemAge.labels\\\"\\n [chartType]=\\\"'horizontalBar'\\\"\\n >\\n \\n
\\n {{ 'ANALYTICS_ST_RAPORT.WORD.NO_DATA' | translate:lang }}\\n
\\n
\\n
\\n
\\n
\\n
\\n
\\n
{{'ANALYTICS_ST_RAPORT.SUBTITLES.VIEWS_AND_USERS_HISTORY' | translate:lang }} \\n \\n
\\n \\n \\n
\\n
\\n
\\n\\n \\n
\\n\\n
\\n
\\n
{{'ANALYTICS_ST_RAPORT.SUBTITLES.TAGS' | translate:lang }} \\n \\n
\\n
\\n \\n\\n \\n {{ 'ANALYTICS_ST_RAPORT.WORD.NO_DATA_FOR_TAGS_LIST' | translate:lang }}\\n
\\n\\n 0)\\\" class=\\\"table table-striped table-bordered analytics-geo-table m-t-30\\\">\\n \\n \\n # \\n {{ 'ANALYTICS_ST_RAPORT.WORD.TAG' | translate:lang }} \\n {{ 'ANALYTICS_ST_RAPORT.WORD.VIEWS' | translate:lang }} \\n \\n \\n \\n \\n = (pagingOptions.page-1)*pagingOptions.page_size && i < pagingOptions.page*pagingOptions.page_size \\\" >{{rec.position}} \\n = (pagingOptions.page-1)*pagingOptions.page_size && i < pagingOptions.page*pagingOptions.page_size \\\" >{{rec.tag}} \\n = (pagingOptions.page-1)*pagingOptions.page_size && i < pagingOptions.page*pagingOptions.page_size \\\" >{{rec.views}} \\n \\n \\n
\\n 0)\\\" [page]=\\\"pagingOptions.page\\\" [pageSize]=\\\"pagingOptions.page_size\\\" [totalItems]=\\\"pagingOptions.total_items\\\" (pageChanged)=\\\"onPageChanged($event)\\\" [pagesVisibleNum]=\\\"5\\\"> \\n \\n
\\n\\n
\"\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/module/analytics/st/raport/stRaport.view.component.html\n// module id = 1420\n// module chunks = 1","module.exports = \"
\\n\\t
\\n\\t\\n\\t\\t\\n\\t\\t\\t\\n\\t\\t\\t\\t \\n\\t\\t\\t{{ item|json }} \\n\\t\\t\\t \\n\\t
\\n\\t
\\n \\n\"\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/module/virtual/list/component/virtual.list.component.html\n// module id = 1421\n// module chunks = 1","module.exports = \":host {\\n position: relative; }\\n :host::before, :host::after {\\n content: '';\\n position: absolute;\\n left: 0;\\n right: 20px;\\n pointer-events: none;\\n height: 12px;\\n z-index: 2; }\\n :host::before {\\n top: 0;\\n background: transparent; }\\n :host::after {\\n bottom: 0; }\\n :host virtual-scroller {\\n height: inherit;\\n max-height: inherit; }\\n :host virtual-scroller .list-top {\\n height: 2px; }\\n :host virtual-scroller .list-bottom {\\n height: 12px; }\\n\"\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/module/virtual/list/component/virtual.list.component.scss\n// module id = 1422\n// module chunks = 1","module.exports = \"\\n\\n\\n\\n\\n\\n\\n
\\n\\t{{ 'ANALYTICS_SAMPLED_TRAFFIC.CRITERIA.DATE_RANGE.LABEL'|translate:lang }} \\n\\t\\n\\t \\n
\\n\\n\\n
\\n\\t\\n\\t
\\n\\t\\t
{{ 'ANALYTICS_SAMPLED_TRAFFIC.CRITERIA.COUNTRY.LABEL'|translate:lang }} \\n\\t\\t
\\n\\t\\t\\t \\n\\t\\t\\n\\t\\t
\\n\\t\\t\\t\\n\\t\\t \\n\\t\\t
\\n\\t\\t\\t\\n\\t\\t\\t\\t× \\n\\t\\t\\t \\n\\t\\t
\\n\\t
\\n\\n\\t\\n\\t
\\n\\t\\t
{{ 'ANALYTICS_SAMPLED_TRAFFIC.CRITERIA.REGION.LABEL'|translate:lang }} \\n\\t\\t
\\n\\t\\t \\n\\t\\t
\\n\\t\\t\\t\\n\\t\\t\\t\\t× \\n\\t\\t\\t \\n\\t\\t
\\n\\t
\\n\\n
\\n\\n\\n
\\n\\t
\\n\\t\\t
{{ 'ANALYTICS_SAMPLED_TRAFFIC.CRITERIA.FILTERS.LABEL'|translate:lang }} \\n\\t\\t
\\n\\t\\t\\t
\\n\\t\\t\\t\\t \\n\\t\\t\\t
\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t 50\\\"\\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\\t\\t\\t\\t\\t[searchValue]=\\\"data.search.text\\\"\\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\\t\\t\\t\\t\\t(searchValueChange)=\\\"handlePrefixedTagSearch(data, $event)\\\"\\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\\t\\t\\t\\t\\t(scrolledToEnd)=\\\"handlePrefixedTagScrollEnd(data, $event)\\\"\\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\\t\\t\\t\\t\\t(selected)=\\\"handlePrefixedTagSelect(data, $event)\\\">\\n\\t\\t\\t\\t\\t \\n\\t\\t\\t\\t
\\n\\t\\t\\t \\n\\t\\t
\\n\\t
\\n
\\n\\n\\n
\\n\\t
\\n\\t\\t
{{ 'ANALYTICS_SAMPLED_TRAFFIC.CRITERIA.TAGS.LABEL'|translate:lang }} \\n\\t\\t
\\n\\t\\t\\t\\n\\t\\t\\t \\n\\t\\t \\n\\t\\t
\\n\\t\\t\\t\\n\\t\\t\\t\\t \\n\\t\\t
\\n\\t
\\n
\\n\\n\\n\\n
\\n\\t\\n \\n\"\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/module/analytics/sampled-traffic/component/criteria/sampled-traffic.criteria.component.html\n// module id = 1423\n// module chunks = 1","module.exports = \":host {\\n display: -webkit-box;\\n display: -ms-flexbox;\\n display: flex;\\n -webkit-box-orient: vertical;\\n -webkit-box-direction: normal;\\n -ms-flex-direction: column;\\n flex-direction: column;\\n -ms-flex-wrap: nowrap;\\n flex-wrap: nowrap; }\\n :host .ctrl-block {\\n -webkit-box-flex: 1;\\n -ms-flex: 1;\\n flex: 1;\\n display: -webkit-box !important;\\n display: -ms-flexbox !important;\\n display: flex !important;\\n -ms-flex-wrap: wrap;\\n flex-wrap: wrap; }\\n :host .ctrl-con {\\n display: -webkit-box;\\n display: -ms-flexbox;\\n display: flex;\\n -webkit-box-align: baseline;\\n -ms-flex-align: baseline;\\n align-items: baseline;\\n max-width: 450px;\\n padding: 4px; }\\n :host .ctrl-con.daterange {\\n -webkit-box-align: center;\\n -ms-flex-align: center;\\n align-items: center; }\\n :host .ctrl-con.country .country-list-item {\\n display: -webkit-box;\\n display: -ms-flexbox;\\n display: flex;\\n -ms-flex-wrap: nowrap;\\n flex-wrap: nowrap;\\n -webkit-box-orient: horizontal;\\n -webkit-box-direction: normal;\\n -ms-flex-direction: row;\\n flex-direction: row;\\n -webkit-box-pack: start;\\n -ms-flex-pack: start;\\n justify-content: flex-start;\\n -webkit-box-align: center;\\n -ms-flex-align: center;\\n align-items: center;\\n width: 100%;\\n height: 100%;\\n overflow: hidden; }\\n :host .ctrl-con.country .country-list-item-icon {\\n -webkit-box-flex: 0;\\n -ms-flex: 0 0 24px;\\n flex: 0 0 24px; }\\n :host .ctrl-con.country .country-list-item-label {\\n -webkit-box-flex: 1;\\n -ms-flex: 1;\\n flex: 1;\\n text-align: center;\\n white-space: nowrap; }\\n :host .ctrl-con.tags {\\n min-width: unset;\\n max-width: unset; }\\n :host .ctrl-con.prefixed-tags {\\n max-width: unset; }\\n :host .ctrl-con label {\\n min-width: 100px;\\n max-width: 100px;\\n font-size: 0.75em;\\n text-align: end;\\n padding-left: 4px;\\n padding-right: 6px;\\n margin: 0; }\\n :host .ctrl-con label::after {\\n content: \\\":\\\"; }\\n :host .ctrl-con ::ng-deep date-range-picker {\\n -webkit-box-flex: 1;\\n -ms-flex: 1;\\n flex: 1;\\n margin: 0; }\\n :host .ctrl-con ::ng-deep date-range-picker .form-control {\\n text-align: center; }\\n :host .ctrl-con ::ng-deep virtual-dropdown {\\n -webkit-box-flex: 1;\\n -ms-flex: 1;\\n flex: 1;\\n margin: 0;\\n min-width: 160px;\\n max-width: 160px; }\\n :host .ctrl-con ::ng-deep virtual-dropdown-trigger {\\n border-color: lightgray !important; }\\n :host .ctrl-con ::ng-deep tag-input {\\n font-size: 0.75em; }\\n :host .ctrl-con ::ng-deep tag-input .ng2-tag-input.ngx-chips-bradmax-theme tag-input-form form input.ng2-tag-input__text-input {\\n height: 30px; }\\n :host .ctrl-con ::ng-deep tag-input .ng2-tag-input.ngx-chips-bradmax-theme tag {\\n border-color: #335eea !important;\\n background: #335eea !important;\\n color: #fff !important;\\n border-radius: 3px;\\n height: 30px;\\n line-height: 26px; }\\n :host .ctrl-con ::ng-deep tag-input .ng2-tag-input.ngx-chips-bradmax-theme tag delete-icon {\\n color: rgba(255, 255, 255, 0.64) !important; }\\n :host .ctrl-con ::ng-deep tag-input .ng2-tag-input.ngx-chips-bradmax-theme tag delete-icon svg {\\n height: 26px; }\\n :host .ctrl-con ::ng-deep tag-input .ng2-tag-input.ngx-chips-bradmax-theme tag delete-icon svg path {\\n fill: currentColor !important; }\\n :host .ctrl-con ::ng-deep tag-input .ng2-tag-input.ngx-chips-bradmax-theme tag delete-icon:hover {\\n -webkit-transform: none !important;\\n transform: none !important;\\n color: #fff !important; }\\n :host .ctrl-con .ctrl-addon {\\n position: relative;\\n display: -webkit-box;\\n display: -ms-flexbox;\\n display: flex;\\n -webkit-box-align: center;\\n -ms-flex-align: center;\\n align-items: center;\\n -webkit-box-pack: center;\\n -ms-flex-pack: center;\\n justify-content: center;\\n min-width: 24px;\\n max-width: 24px;\\n min-height: 24px;\\n max-height: 24px;\\n margin: auto; }\\n :host .ctrl-con .ctrl-addon .btn {\\n background: transparent; }\\n :host .ctrl-con .ctrl-addon .spinner-con .spinner-small {\\n width: 16px;\\n height: 16px;\\n margin: -8px 0 0 -8px; }\\n :host .ctrl-con.disabled {\\n cursor: not-allowed; }\\n :host .ctrl-con.disabled label {\\n opacity: 0.64; }\\n :host .ctrl-con.disabled * {\\n pointer-events: none; }\\n :host .ctrl-con.active ::ng-deep virtual-dropdown .virtual-dropdown-trigger {\\n border-color: #335eea !important;\\n background: #335eea !important;\\n color: #fff !important; }\\n\"\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/module/analytics/sampled-traffic/component/criteria/sampled-traffic.criteria.component.scss\n// module id = 1424\n// module chunks = 1","module.exports = \"\\n
\\n\\t\\n\\t\\n\\t\\n\\t\\n\\t \\n
\\n\\n
\\n\\t\\n\\t\\n\\t\\n\\t
0; else NODATA;\\\"\\n\\t\\t\\t\\t\\t\\t\\t\\t[itemHeight]=\\\"itemHeight\\\"\\n\\t\\t\\t\\t\\t\\t\\t\\t[listHeight]=\\\"chartData.options.height\\\"\\n\\t\\t\\t\\t\\t\\t\\t\\t[compareItems]=\\\"compareListItems\\\"\\n\\t\\t\\t\\t\\t\\t\\t\\t[trackItem]=\\\"trackListItem\\\"\\n\\t\\t\\t\\t\\t\\t\\t\\t[itemTemplate]=\\\"itemTemplate\\\"\\n\\t\\t\\t\\t\\t\\t\\t\\t[items]=\\\"listItems\\\">\\n\\t \\n\\t\\n\\t
\\n\\t\\t\\n\\t\\t\\t\\n\\t\\t\\t
\\n\\t\\t\\t\\t{{ item.index | number:'2.0' }}. \\n\\t\\t\\t\\t \\n\\t\\t\\t
\\n\\t\\t\\t\\n\\t\\t\\t
\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t
\\n\\t\\t\\t\\t\\t
\\n\\t\\t\\t\\t\\t
\\n\\t\\t\\t\\t
\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t
{{ item.label }} \\n\\t\\t\\t
\\n\\t\\t\\t\\n\\t\\t\\t
\\n\\t\\t\\t\\t{{ item.views | number:'1.0' }} \\n\\t\\t\\t\\t 0.01;else BELOW_0_01;\\\">{{ item.viewsShare | number:'1.0-2' }} %
\\n\\t\\t\\t\\n\\t\\t\\t
\\n\\t\\t\\t\\t{{ item.users | number:'1.0' }} \\n\\t\\t\\t\\t 0.01;else BELOW_0_01;\\\">{{ item.usersShare | number:'1.0-2' }} %
\\n\\t\\t
\\n\\t\\n\\t
> 0.01\\n\\t\\n\\t
\\n\\t\\t\\n\\t\\t\\t{{ 'ANALYTICS_SAMPLED_TRAFFIC.GEOLOCATION.NODATA'|translate:lang }} \\n\\t\\t
\\n\\t \\n\\t\\n
\\n\"\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/module/analytics/sampled-traffic/component/geo/sampled-traffic.geo.component.html\n// module id = 1425\n// module chunks = 1","module.exports = \":host {\\n display: -webkit-box;\\n display: -ms-flexbox;\\n display: flex;\\n -webkit-box-orient: horizontal;\\n -webkit-box-direction: normal;\\n -ms-flex-direction: row;\\n flex-direction: row;\\n -ms-flex-wrap: wrap;\\n flex-wrap: wrap; }\\n :host .list-con {\\n -webkit-box-flex: 1;\\n -ms-flex: 1;\\n flex: 1; }\\n :host .list-con ::ng-deep .list-row {\\n position: relative;\\n display: -webkit-box;\\n display: -ms-flexbox;\\n display: flex;\\n -webkit-box-orient: horizontal;\\n -webkit-box-direction: normal;\\n -ms-flex-direction: row;\\n flex-direction: row;\\n -ms-flex-wrap: nowrap;\\n flex-wrap: nowrap;\\n margin-right: 20px;\\n font-size: 0.8em;\\n border-bottom: 1px solid #2d353c; }\\n :host .list-con ::ng-deep .list-row .cell {\\n display: -webkit-box;\\n display: -ms-flexbox;\\n display: flex;\\n -webkit-box-orient: horizontal;\\n -webkit-box-direction: normal;\\n -ms-flex-direction: row;\\n flex-direction: row;\\n -ms-flex-wrap: nowrap;\\n flex-wrap: nowrap;\\n -webkit-box-align: center;\\n -ms-flex-align: center;\\n align-items: center;\\n -webkit-box-pack: start;\\n -ms-flex-pack: start;\\n justify-content: flex-start;\\n padding: 0 4px; }\\n :host .list-con ::ng-deep .list-row .cell.cell-no {\\n -webkit-box-orient: horizontal;\\n -webkit-box-direction: normal;\\n -ms-flex-direction: row;\\n flex-direction: row;\\n -ms-flex-wrap: nowrap;\\n flex-wrap: nowrap;\\n -webkit-box-pack: justify;\\n -ms-flex-pack: justify;\\n justify-content: space-between;\\n text-align: right;\\n min-width: 36px;\\n max-width: 36px;\\n font-size: 0.8em; }\\n :host .list-con ::ng-deep .list-row .cell.cell-label {\\n position: relative;\\n -webkit-box-flex: 1;\\n -ms-flex: 1;\\n flex: 1;\\n white-space: nowrap;\\n text-overflow: ellipsis;\\n overflow: hidden; }\\n :host .list-con ::ng-deep .list-row .cell.cell-label > span {\\n position: relative;\\n z-index: 1; }\\n :host .list-con ::ng-deep .list-row .cell.cell-label .bar-con {\\n z-index: 0;\\n position: absolute;\\n left: 0;\\n right: 0;\\n bottom: 0;\\n display: -webkit-box;\\n display: -ms-flexbox;\\n display: flex;\\n -webkit-box-orient: vertical;\\n -webkit-box-direction: normal;\\n -ms-flex-direction: column;\\n flex-direction: column;\\n -ms-flex-wrap: nowrap;\\n flex-wrap: nowrap;\\n -webkit-box-pack: end;\\n -ms-flex-pack: end;\\n justify-content: flex-end;\\n pointer-events: none; }\\n :host .list-con ::ng-deep .list-row .cell.cell-label .bar-con .bar {\\n height: 4px; }\\n :host .list-con ::ng-deep .list-row .cell.cell-label .bar-con .bar.bar-views {\\n background-color: #a2a2a2;\\n margin-bottom: 1px; }\\n :host .list-con ::ng-deep .list-row .cell.cell-label .bar-con .bar.bar-users {\\n background-color: #2d353c; }\\n :host .list-con ::ng-deep .list-row .cell.cell-users, :host .list-con ::ng-deep .list-row .cell.cell-views {\\n position: relative;\\n display: -webkit-box;\\n display: -ms-flexbox;\\n display: flex;\\n -webkit-box-orient: horizontal;\\n -webkit-box-direction: normal;\\n -ms-flex-direction: row;\\n flex-direction: row;\\n -ms-flex-wrap: wrap;\\n flex-wrap: wrap;\\n -webkit-box-pack: end;\\n -ms-flex-pack: end;\\n justify-content: flex-end;\\n text-align: right;\\n min-width: 64px;\\n max-width: 64px; }\\n :host .list-con ::ng-deep .list-row .cell.cell-users > *, :host .list-con ::ng-deep .list-row .cell.cell-views > * {\\n min-width: inherit;\\n max-width: inherit;\\n font-weight: 200;\\n line-height: normal; }\\n :host .list-con ::ng-deep .list-row .cell.cell-users > span, :host .list-con ::ng-deep .list-row .cell.cell-views > span {\\n font-size: 0.92em; }\\n :host .list-con ::ng-deep .list-row .cell.cell-users > small, :host .list-con ::ng-deep .list-row .cell.cell-views > small {\\n font-size: 0.82em; }\\n :host .list-con ::ng-deep .list-row.no-data {\\n -webkit-box-align: center;\\n -ms-flex-align: center;\\n align-items: center;\\n -webkit-box-pack: center;\\n -ms-flex-pack: center;\\n justify-content: center; }\\n :host .list-con ::ng-deep virtual-list {\\n position: relative; }\\n :host .list-con ::ng-deep virtual-list .list-row {\\n pointer-events: all; }\\n :host .list-con ::ng-deep virtual-list .list-row:last-of-type {\\n border-bottom: 1px solid transparent; }\\n :host .list-con ::ng-deep virtual-list .list-row:hover {\\n border-bottom-color: #888888; }\\n :host .list-con ::ng-deep virtual-list .list-row:hover .cell.cell-label .bar-con .bar.bar-views {\\n background-color: #F4D514; }\\n :host .list-con ::ng-deep virtual-list .list-row:hover .cell.cell-label .bar-con .bar.bar-users {\\n background-color: #888888; }\\n :host .list-con ::ng-deep virtual-list .list-row:hover .cell.cell-views {\\n color: #F4D514; }\\n :host .chart-con .header .flag-icon {\\n border: 1px solid #2d353c; }\\n :host .chart-con ::ng-deep google-chart svg {\\n /* FIX:start */\\n /* FIX:end */ }\\n :host .chart-con ::ng-deep google-chart svg defs#defs pattern rect {\\n fill: none !important; }\\n :host .chart-con ::ng-deep google-chart svg defs#defs pattern line {\\n stroke: none !important;\\n stroke-width: 0 !important; }\\n :host .chart-con ::ng-deep google-chart svg text {\\n stroke: none !important; }\\n :host.selectable ::ng-deep virtual-list .list-row {\\n cursor: pointer; }\\n\"\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/module/analytics/sampled-traffic/component/geo/sampled-traffic.geo.component.scss\n// module id = 1426\n// module chunks = 1","module.exports = \"\\n\\n\\n
\\n \\n\"\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/module/analytics/sampled-traffic/component/history/sampled-traffic.history.component.html\n// module id = 1427\n// module chunks = 1","module.exports = \":host {\\n display: -webkit-box;\\n display: -ms-flexbox;\\n display: flex;\\n -webkit-box-orient: vertical;\\n -webkit-box-direction: normal;\\n -ms-flex-direction: column;\\n flex-direction: column;\\n -ms-flex-wrap: nowrap;\\n flex-wrap: nowrap; }\\n :host .header .title-con {\\n display: -webkit-box;\\n display: -ms-flexbox;\\n display: flex; }\\n :host chart {\\n margin-top: 16px; }\\n\"\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/module/analytics/sampled-traffic/component/history/sampled-traffic.history.component.scss\n// module id = 1428\n// module chunks = 1","module.exports = \"
\\n\\t\\n\\t\\t
\\n\\t\\t
\\n\\t\\t\\t{{ (item.value || 0) | number:'1.0-2' }} \\n\\t\\t \\n\\t\\t
{{ ('ANALYTICS_SAMPLED_TRAFFIC.SUMMARY.' + item.i10n)|translate:lang }} \\n\\t
\\n\"\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/module/analytics/sampled-traffic/component/summary/sampled-traffic.summary.component.html\n// module id = 1429\n// module chunks = 1","module.exports = \":host {\\n display: -webkit-box;\\n display: -ms-flexbox;\\n display: flex;\\n -ms-flex-wrap: nowrap;\\n flex-wrap: nowrap;\\n -webkit-box-pack: space-evenly;\\n -ms-flex-pack: space-evenly;\\n justify-content: space-evenly;\\n -webkit-box-align: center;\\n -ms-flex-align: center;\\n align-items: center;\\n min-width: 100%;\\n min-height: 100%; }\\n :host .summary-con {\\n position: relative;\\n display: -webkit-box;\\n display: -ms-flexbox;\\n display: flex;\\n -webkit-box-orient: vertical;\\n -webkit-box-direction: normal;\\n -ms-flex-direction: column;\\n flex-direction: column;\\n -ms-flex-wrap: nowrap;\\n flex-wrap: nowrap;\\n -webkit-box-align: end;\\n -ms-flex-align: end;\\n align-items: flex-end;\\n -webkit-box-pack: end;\\n -ms-flex-pack: end;\\n justify-content: flex-end;\\n margin: 8px;\\n text-overflow: ellipsis;\\n white-space: nowrap; }\\n :host .summary-con .summary-number {\\n -webkit-box-flex: 1;\\n -ms-flex: 1;\\n flex: 1;\\n z-index: 1; }\\n :host .summary-con .summary-title {\\n font-weight: 400;\\n line-height: 1em;\\n z-index: 1; }\\n :host .summary-con .summary-icon {\\n pointer-events: none;\\n position: absolute;\\n bottom: 0;\\n left: 0;\\n font-size: 5em;\\n z-index: 0;\\n text-align: right; }\\n :host .summary-con .summary-icon .fa::before {\\n color: #ebcb00 !important; }\\n\"\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/module/analytics/sampled-traffic/component/summary/sampled-traffic.summary.component.scss\n// module id = 1430\n// module chunks = 1","module.exports = \"\\n\\n\\n
\\n\\t\\n\\t\\n\\t\\n\\t
0; else NODATA;\\\"\\n\\t\\t\\t\\t\\t\\t\\t\\t[itemHeight]=\\\"itemHeight\\\"\\n\\t\\t\\t\\t\\t\\t\\t\\t[listHeight]=\\\"listHeight\\\"\\n\\t\\t\\t\\t\\t\\t\\t\\t[compareItems]=\\\"compareListItems\\\"\\n\\t\\t\\t\\t\\t\\t\\t\\t[trackItem]=\\\"trackListItem\\\"\\n\\t\\t\\t\\t\\t\\t\\t\\t[itemTemplate]=\\\"itemTemplate\\\"\\n\\t\\t\\t\\t\\t\\t\\t\\t[items]=\\\"data.records\\\"\\n\\t\\t\\t\\t\\t\\t\\t\\t(scrollerEnd)=\\\"handleListVieportEnd($event)\\\">\\n\\t\\t\\n\\t\\t\\n\\t\\t\\t
\\n\\t\\t\\t\\t
\\n\\t\\t\\t
{{ 'ANALYTICS_SAMPLED_TRAFFIC.TAGS.LOADING'|translate:lang }} \\n\\t\\t
\\n\\t\\n\\t
\\n\\t\\t\\n\\t\\t\\t\\n\\t\\t\\t
\\n\\t\\t\\t\\t{{ item.position | number:'2.0' }}. \\n\\t\\t\\t\\t\\n\\t\\t\\t
\\n\\t\\t\\t\\n\\t\\t\\t
\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t
\\n\\t\\t\\t\\t\\t
\\n\\t\\t\\t\\t
\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t
\\n\\t\\t\\t\\t\\t
{{ item.prefix|tagPrefix }}
\\n\\t\\t\\t\\t\\t
{{ item.value }}
\\n\\t\\t\\t\\t
\\n\\t\\t\\t
\\n\\t\\t\\t\\n\\t\\t\\t
\\n\\t\\t\\t\\t{{ item.views | number:'1.0' }} \\n\\t\\t\\t\\t 0.01;else BELOW_0_01;\\\">{{ item.viewsShare | number:'1.0-2' }} %
\\n\\t\\t
\\n\\t\\n\\t
> 0.01\\n\\t\\n\\t
\\n\\t\\t\\n\\t\\t\\t{{ 'ANALYTICS_SAMPLED_TRAFFIC.TAGS.NODATA'|translate:lang }} \\n\\t\\t
\\n\\t \\n\\t\\n
\\n\"\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/module/analytics/sampled-traffic/component/tags/sampled-traffic.tags.component.html\n// module id = 1431\n// module chunks = 1","module.exports = \":host {\\n position: relative;\\n display: -webkit-box;\\n display: -ms-flexbox;\\n display: flex;\\n -webkit-box-orient: vertical;\\n -webkit-box-direction: normal;\\n -ms-flex-direction: column;\\n flex-direction: column;\\n -ms-flex-wrap: nowrap;\\n flex-wrap: nowrap; }\\n :host .list-con {\\n position: relative;\\n -webkit-box-flex: 1;\\n -ms-flex: 1;\\n flex: 1;\\n display: -webkit-box;\\n display: -ms-flexbox;\\n display: flex;\\n -webkit-box-orient: vertical;\\n -webkit-box-direction: normal;\\n -ms-flex-direction: column;\\n flex-direction: column;\\n -ms-flex-wrap: nowrap;\\n flex-wrap: nowrap;\\n height: inherit;\\n max-height: inherit; }\\n :host .list-con .list-header .list-row .cell-tag .tag-con .tag-value {\\n font-weight: lighter;\\n font-size: 0.9em;\\n font-style: italic; }\\n :host .list-con ::ng-deep .list-row {\\n position: relative;\\n display: -webkit-box;\\n display: -ms-flexbox;\\n display: flex;\\n -webkit-box-orient: horizontal;\\n -webkit-box-direction: normal;\\n -ms-flex-direction: row;\\n flex-direction: row;\\n -ms-flex-wrap: nowrap;\\n flex-wrap: nowrap;\\n margin-right: 20px;\\n font-size: 0.8em;\\n border-bottom: 1px solid #867400; }\\n :host .list-con ::ng-deep .list-row .cell {\\n display: -webkit-box;\\n display: -ms-flexbox;\\n display: flex;\\n -webkit-box-orient: horizontal;\\n -webkit-box-direction: normal;\\n -ms-flex-direction: row;\\n flex-direction: row;\\n -ms-flex-wrap: nowrap;\\n flex-wrap: nowrap;\\n -webkit-box-align: center;\\n -ms-flex-align: center;\\n align-items: center;\\n -webkit-box-pack: start;\\n -ms-flex-pack: start;\\n justify-content: flex-start;\\n padding: 0 4px; }\\n :host .list-con ::ng-deep .list-row .cell.cell-no {\\n -webkit-box-pack: justify;\\n -ms-flex-pack: justify;\\n justify-content: space-between;\\n text-align: right;\\n min-width: 32px;\\n max-width: 32px;\\n font-size: 0.8em; }\\n :host .list-con ::ng-deep .list-row .cell.cell-tag {\\n -webkit-box-flex: 1;\\n -ms-flex: 1;\\n flex: 1;\\n position: relative;\\n white-space: nowrap;\\n text-overflow: ellipsis;\\n overflow: hidden; }\\n :host .list-con ::ng-deep .list-row .cell.cell-tag .bar-con {\\n z-index: 0;\\n position: absolute;\\n left: 0;\\n right: 0;\\n bottom: 0;\\n height: 4px;\\n display: -webkit-box;\\n display: -ms-flexbox;\\n display: flex;\\n -webkit-box-orient: vertical;\\n -webkit-box-direction: normal;\\n -ms-flex-direction: column;\\n flex-direction: column;\\n -ms-flex-wrap: nowrap;\\n flex-wrap: nowrap;\\n -webkit-box-pack: end;\\n -ms-flex-pack: end;\\n justify-content: flex-end;\\n pointer-events: none; }\\n :host .list-con ::ng-deep .list-row .cell.cell-tag .bar-con .bar {\\n height: 4px; }\\n :host .list-con ::ng-deep .list-row .cell.cell-tag .bar-con .bar.bar-views {\\n background-color: #867400; }\\n :host .list-con ::ng-deep .list-row .cell.cell-tag .tag-con {\\n display: -webkit-box;\\n display: -ms-flexbox;\\n display: flex;\\n -webkit-box-orient: horizontal;\\n -webkit-box-direction: normal;\\n -ms-flex-direction: row;\\n flex-direction: row; }\\n :host .list-con ::ng-deep .list-row .cell.cell-tag .tag-con .tag-prefix, :host .list-con ::ng-deep .list-row .cell.cell-tag .tag-con .tag-value {\\n position: relative;\\n z-index: 1;\\n font-weight: normal;\\n font-size: 1em; }\\n :host .list-con ::ng-deep .list-row .cell.cell-tag .tag-con .tag-prefix {\\n min-width: 120px;\\n max-width: 120px;\\n font-style: normal; }\\n :host .list-con ::ng-deep .list-row .cell.cell-tag .tag-con .tag-value {\\n -webkit-box-flex: 1;\\n -ms-flex: 1;\\n flex: 1;\\n font-style: normal; }\\n :host .list-con ::ng-deep .list-row .cell.cell-tag .tag-con.prefixed .tag-value {\\n font-weight: lighter;\\n font-size: 0.9em;\\n font-style: italic; }\\n :host .list-con ::ng-deep .list-row .cell.cell-views {\\n position: relative;\\n -ms-flex-wrap: wrap;\\n flex-wrap: wrap;\\n text-align: right;\\n min-width: 64px;\\n max-width: 64px;\\n -webkit-box-pack: end;\\n -ms-flex-pack: end;\\n justify-content: flex-end; }\\n :host .list-con ::ng-deep .list-row .cell.cell-views > * {\\n min-width: inherit;\\n max-width: inherit;\\n line-height: normal; }\\n :host .list-con ::ng-deep .list-row .cell.cell-views > span {\\n font-size: 0.92em; }\\n :host .list-con ::ng-deep .list-row .cell.cell-views > small {\\n font-size: 0.82em;\\n font-weight: 200; }\\n :host .list-con ::ng-deep .list-row.no-data {\\n -webkit-box-align: center;\\n -ms-flex-align: center;\\n align-items: center;\\n -webkit-box-pack: center;\\n -ms-flex-pack: center;\\n justify-content: center; }\\n :host .list-con ::ng-deep .list-loader {\\n display: -webkit-box;\\n display: -ms-flexbox;\\n display: flex;\\n -webkit-box-pack: center;\\n -ms-flex-pack: center;\\n justify-content: center;\\n -webkit-box-align: center;\\n -ms-flex-align: center;\\n align-items: center; }\\n :host .list-con ::ng-deep .list-loader .spinner-con {\\n position: relative;\\n width: 32px; }\\n :host .list-con ::ng-deep .list-loader .spinner-con .spinner-small {\\n border-top: 1px solid currentColor !important;\\n max-height: 18px;\\n min-height: 18px;\\n max-width: 18px;\\n min-width: 18px;\\n margin: -9px 0 0 -9px; }\\n :host .list-con ::ng-deep virtual-list {\\n -webkit-box-flex: 1;\\n -ms-flex: 1;\\n flex: 1;\\n display: -webkit-box;\\n display: -ms-flexbox;\\n display: flex;\\n -webkit-box-orient: vertical;\\n -webkit-box-direction: normal;\\n -ms-flex-direction: column;\\n flex-direction: column;\\n -ms-flex-wrap: nowrap;\\n flex-wrap: nowrap;\\n height: 100%; }\\n :host .list-con ::ng-deep virtual-list .list-row:last-of-type {\\n border-bottom: 1px solid transparent; }\\n :host .list-con ::ng-deep virtual-list .list-row:hover {\\n border-bottom-color: #2c2600; }\\n :host .list-con ::ng-deep virtual-list .list-row:hover .cell.cell-tag .bar-con .bar.bar-views {\\n background-color: #2c2600; }\\n :host .list-con ::ng-deep virtual-list .list-row:hover .cell.cell-views {\\n color: #2c2600; }\\n\"\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/module/analytics/sampled-traffic/component/tags/sampled-traffic.tags.component.scss\n// module id = 1432\n// module chunks = 1","module.exports = \"\\n\\n
\\n\\t\\n\\t
\\n\\t\\t
\\n\\t\\t\\t\\n\\t\\t\\t \\n\\t\\t\\t\\n\\t\\t\\t\\t \\n\\t\\t
\\n\\t
\\n\\t\\n\\t
\\n\\t\\t
\\n\\t\\t\\t\\n\\t\\t\\t\\t \\n\\t\\t\\t\\n\\t\\t\\t\\t \\n\\t\\t
\\n\\t
\\n\\t\\n\\t
\\n\\t\\t
\\n\\t\\t\\t\\n\\t\\t\\t \\n\\t\\t\\t\\n\\t\\t\\t\\t \\n\\t\\t
\\n\\t
\\n\\t\\n
\\n\\n\\n
\\n\\t
\\n\\t\\t\\n\\t\\t \\n\\t\\t\\n\\t\\t\\t \\n\\t
\\n
\\n\\n\\n
\\n\\t
\\n\\t\\t\\n\\t\\t \\n\\t\\t\\n\\t\\t\\t \\n\\t
\\n
\\n\\n\\n\\n\\n\\n
\\n\\t\\n \\n\"\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/module/analytics/sampled-traffic/component/view/sampled-traffic.view.component.html\n// module id = 1433\n// module chunks = 1","module.exports = \":host .panel-grid {\\n position: relative;\\n display: -webkit-box;\\n display: -ms-flexbox;\\n display: flex;\\n -ms-flex-wrap: wrap;\\n flex-wrap: wrap;\\n -webkit-box-orient: horizontal;\\n -webkit-box-direction: normal;\\n -ms-flex-direction: row;\\n flex-direction: row;\\n margin-left: -10px;\\n margin-right: -10px; }\\n :host .panel-grid .panel {\\n margin-left: 10px;\\n margin-right: 10px; }\\n :host .panel {\\n position: relative;\\n width: 100%;\\n max-width: 100%;\\n z-index: 0; }\\n :host .panel.bg-yellow ::ng-deep virtual-list {\\n scrollbar-width: thin; }\\n :host .panel.bg-yellow ::ng-deep virtual-list.top-gradient::before {\\n background: -webkit-gradient(linear, left bottom, left top, from(rgba(244, 213, 20, 0)), to(#F4D514));\\n background: linear-gradient(0deg, rgba(244, 213, 20, 0) 0%, #F4D514 100%); }\\n :host .panel.bg-yellow ::ng-deep virtual-list::after {\\n background: -webkit-gradient(linear, left top, left bottom, from(rgba(244, 213, 20, 0)), to(#F4D514));\\n background: linear-gradient(180deg, rgba(244, 213, 20, 0) 0%, #F4D514 100%); }\\n :host .panel.bg-blue ::ng-deep virtual-list {\\n scrollbar-width: thin; }\\n :host .panel.bg-blue ::ng-deep virtual-list.top-gradient::before {\\n background: -webkit-gradient(linear, left bottom, left top, from(rgba(51, 94, 234, 0)), to(#335eea));\\n background: linear-gradient(0deg, rgba(51, 94, 234, 0) 0%, #335eea 100%); }\\n :host .panel.bg-blue ::ng-deep virtual-list::after {\\n background: -webkit-gradient(linear, left top, left bottom, from(rgba(51, 94, 234, 0)), to(#335eea));\\n background: linear-gradient(180deg, rgba(51, 94, 234, 0) 0%, #335eea 100%); }\\n :host .panel.bg-black ::ng-deep virtual-list {\\n scrollbar-width: thin;\\n scrollbar-color: #444444 #222222; }\\n :host .panel.bg-black ::ng-deep virtual-list.top-gradient::before {\\n background: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0)), to(#000000));\\n background: linear-gradient(0deg, rgba(0, 0, 0, 0) 0%, #000000 100%); }\\n :host .panel.bg-black ::ng-deep virtual-list::after {\\n background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(#000000));\\n background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000000 100%); }\\n :host .panel .panel-body .spinner-con .spinner-small {\\n border-top-color: currentColor !important; }\\n :host .panel ::ng-deep .header {\\n display: -webkit-box;\\n display: -ms-flexbox;\\n display: flex;\\n -webkit-box-orient: horizontal;\\n -webkit-box-direction: normal;\\n -ms-flex-direction: row;\\n flex-direction: row;\\n -webkit-box-pack: justify;\\n -ms-flex-pack: justify;\\n justify-content: space-between;\\n -webkit-box-align: center;\\n -ms-flex-align: center;\\n align-items: center;\\n -ms-flex-wrap: nowrap;\\n flex-wrap: nowrap;\\n padding-right: 8px; }\\n :host .panel ::ng-deep .header .title {\\n display: -webkit-box;\\n display: -ms-flexbox;\\n display: flex;\\n -webkit-box-orient: vertical;\\n -webkit-box-direction: normal;\\n -ms-flex-direction: column;\\n flex-direction: column; }\\n :host .panel ::ng-deep .header .title small {\\n font-size: 0.6em;\\n font-weight: 200; }\\n :host .panel ::ng-deep .header > .btn {\\n padding-top: 2px;\\n padding-bottom: 2px; }\\n :host .panel.criteria {\\n z-index: 100;\\n -webkit-box-flex: 1;\\n -ms-flex: 1 1 800px;\\n flex: 1 1 800px;\\n min-width: 200px;\\n min-height: 100px;\\n border: 1px solid #FEFEFE; }\\n :host .panel.summary, :host .panel.tags {\\n min-height: 150px; }\\n :host .panel.summary .panel-body, :host .panel.tags .panel-body {\\n position: relative;\\n -webkit-box-flex: 1;\\n -ms-flex: 1;\\n flex: 1; }\\n :host .panel.summary {\\n position: relative;\\n -webkit-box-flex: 1;\\n -ms-flex: 1 1 150px;\\n flex: 1 1 150px;\\n display: -webkit-box;\\n display: -ms-flexbox;\\n display: flex;\\n overflow: hidden; }\\n :host .panel.summary .panel-body {\\n display: -webkit-box;\\n display: -ms-flexbox;\\n display: flex;\\n -webkit-box-orient: horizontal;\\n -webkit-box-direction: normal;\\n -ms-flex-direction: row;\\n flex-direction: row;\\n -ms-flex-wrap: wrap;\\n flex-wrap: wrap;\\n -webkit-box-align: end;\\n -ms-flex-align: end;\\n align-items: flex-end;\\n -webkit-box-pack: end;\\n -ms-flex-pack: end;\\n justify-content: flex-end;\\n margin: -8px; }\\n :host .panel.tags {\\n -webkit-box-flex: 1;\\n -ms-flex: 1 1 500px;\\n flex: 1 1 500px;\\n display: -webkit-box;\\n display: -ms-flexbox;\\n display: flex; }\\n :host .panel.tags .panel-body sampled-traffic-tags {\\n -webkit-box-flex: 1;\\n -ms-flex: 1;\\n flex: 1; }\\n :host .panel.history {\\n -webkit-box-flex: 1;\\n -ms-flex: 1 1 100%;\\n flex: 1 1 100%;\\n min-height: 378px; }\\n :host .panel.geolocation {\\n -webkit-box-flex: 1;\\n -ms-flex: 1 1 100%;\\n flex: 1 1 100%;\\n min-height: 347px; }\\n :host.is-loading .panel-con .panel .panel-body {\\n position: unset; }\\n\"\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/module/analytics/sampled-traffic/component/view/sampled-traffic.view.component.scss\n// module id = 1434\n// module chunks = 1","module.exports = \"
\\n\\t{{ model.name }} \\n \\n
\\n\\t\\n\\t\\t \\n \\n
\\n\\t\\n\\t\\t \\n \\n
\\n\\t{{ model.name }} \\n\\t\\n \\n\\n
\\n\\t{{ model.name }} \\n\\t\\n \\n\\n\"\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/module/sidebar/item/sidebar.item.component.html\n// module id = 1435\n// module chunks = 1","module.exports = \"@charset \\\"UTF-8\\\";\\n:host a {\\n overflow: hidden;\\n text-overflow: ellipsis;\\n font-size: 14px !important; }\\n:host a.active, :host a:active, :host a:focus {\\n color: inherit;\\n background: transparent !important; }\\n:host a.active > span:not(.menu-item-beta), :host a:active > span:not(.menu-item-beta), :host a:focus > span:not(.menu-item-beta) {\\n text-decoration: underline;\\n -webkit-text-decoration-color: #335eea;\\n text-decoration-color: #335eea;\\n text-underline-offset: 4px;\\n text-decoration-thickness: 1px; }\\n:host a:visited {\\n color: inherit;\\n background: transparent !important; }\\n:host:not(.nohovericon).active > a:after, :host:not(.nohovericon) > a.active:after, :host:not(.nohovericon) > a:hover:after {\\n display: inline-block;\\n font: normal normal normal 14px/1 FontAwesome;\\n font-size: inherit;\\n text-rendering: auto;\\n -webkit-font-smoothing: antialiased;\\n -moz-osx-font-smoothing: grayscale;\\n position: absolute;\\n font-size: 1em;\\n top: 50%;\\n margin-top: -0.5em;\\n color: #335eea;\\n right: 1em;\\n content: \\\"\\\"; }\\n:host:not(.nohovericon).active > a > span:not(.menu-item-beta), :host:not(.nohovericon) > a.active > span:not(.menu-item-beta), :host:not(.nohovericon) > a:hover > span:not(.menu-item-beta) {\\n text-decoration: underline;\\n -webkit-text-decoration-color: #335eea;\\n text-decoration-color: #335eea;\\n text-underline-offset: 4px;\\n text-decoration-thickness: 1px; }\\n:host.nohovericon a::after {\\n display: none !important; }\\n:host:not(.disabled) > a {\\n cursor: pointer; }\\n:host.checked > a:before {\\n content: \\\"\\\" !important; }\\n:host.active.checked > a:before {\\n content: \\\"\\\" !important; }\\n:host.has-sub > a:hover:after {\\n display: inline-block;\\n font: normal normal normal 14px/1 FontAwesome;\\n font-size: inherit;\\n text-rendering: auto;\\n -webkit-font-smoothing: antialiased;\\n -moz-osx-font-smoothing: grayscale;\\n position: absolute;\\n font-size: 1em;\\n top: 50%;\\n margin-top: -0.5em;\\n color: #335eea;\\n right: 1em;\\n content: \\\"\\\"; }\\n:host.has-sub.collapse-open > .sub-menu {\\n display: block !important; }\\n:host.has-sub.collapse-open > a:after {\\n display: inline-block;\\n font: normal normal normal 14px/1 FontAwesome;\\n font-size: inherit;\\n text-rendering: auto;\\n -webkit-font-smoothing: antialiased;\\n -moz-osx-font-smoothing: grayscale;\\n position: absolute;\\n font-size: 1em;\\n top: 50%;\\n margin-top: -0.5em;\\n color: #335eea;\\n right: 1em;\\n content: \\\"\\\"; }\\n:host.has-sub > ul.sub-menu {\\n background: transparent !important; }\\n:host.has-sub > ul.sub-menu:before {\\n width: 2px;\\n background: transparent;\\n opacity: 0.5;\\n left: 29px; }\\n:host.has-sub > ul.sub-menu li:not(.disabled) a {\\n cursor: pointer; }\\n:host.has-sub > ul.sub-menu li > a {\\n color: #335eea !important; }\\n:host.has-sub > ul.sub-menu li > a:before {\\n content: ''; }\\n:host.has-sub > ul.sub-menu li > a:hover {\\n color: #335eea !important; }\\n:host.has-sub > ul.sub-menu li > a:hover:after {\\n display: inline-block;\\n font: normal normal normal 14px/1 FontAwesome;\\n font-size: inherit;\\n text-rendering: auto;\\n -webkit-font-smoothing: antialiased;\\n -moz-osx-font-smoothing: grayscale;\\n position: absolute;\\n font-size: 1em;\\n top: 50%;\\n margin-top: -0.5em;\\n color: #335eea;\\n right: 1em;\\n content: \\\"\\\"; }\\n:host.has-sub > ul.sub-menu li > a:hover:before {\\n color: #335eea !important; }\\n:host.has-sub > ul.sub-menu li > a .menu-item-beta {\\n font-size: 10px;\\n position: relative;\\n top: -5px;\\n letter-spacing: 2px; }\\n:host.has-sub > ul.sub-menu li .available-in-different-plan {\\n color: #aaa !important; }\\n:host.has-sub > ul.sub-menu li .available-in-different-plan span {\\n text-decoration: none !important;\\n color: #aaa !important; }\\n:host.has-sub > ul.sub-menu li .available-in-different-plan:after {\\n content: none !important; }\\n:host.has-sub > ul.sub-menu li.active > a {\\n color: !important; }\\n:host.has-sub > ul.sub-menu li.active > a:after {\\n display: inline-block;\\n font: normal normal normal 14px/1 FontAwesome;\\n font-size: inherit;\\n text-rendering: auto;\\n -webkit-font-smoothing: antialiased;\\n -moz-osx-font-smoothing: grayscale;\\n position: absolute;\\n font-size: 1em;\\n top: 50%;\\n margin-top: -0.5em;\\n color: #335eea;\\n right: 1em;\\n content: \\\"\\\"; }\\n:host.has-sub > ul.sub-menu li.active > a:before {\\n content: ''; }\\n:host.has-sub > ul.sub-menu li.active .hidden-when-not-active {\\n padding-left: 30px; }\\n\"\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/module/sidebar/item/sidebar.item.component.scss\n// module id = 1436\n// module chunks = 1","module.exports = \"
\\n
\"\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/module/sidebar/sidebar.component.html\n// module id = 1437\n// module chunks = 1","module.exports = \":host {\\n display: -webkit-box;\\n display: -ms-flexbox;\\n display: flex;\\n -webkit-box-orient: vertical;\\n -webkit-box-direction: normal;\\n -ms-flex-direction: column;\\n flex-direction: column;\\n max-height: 100%;\\n -webkit-box-pack: justify;\\n -ms-flex-pack: justify;\\n justify-content: space-between;\\n -webkit-box-align: stretch;\\n -ms-flex-align: stretch;\\n align-items: stretch;\\n -ms-flex-line-pack: start;\\n align-content: flex-start;\\n -ms-flex-wrap: nowrap;\\n flex-wrap: nowrap;\\n width: 200px;\\n padding-top: 0;\\n position: fixed;\\n top: 0;\\n bottom: 0;\\n left: -200px;\\n background: transparent !important; }\\n :host.active {\\n left: 0;\\n overflow-y: auto; }\\n :host > ul.nav {\\n overflow-y: auto;\\n direction: rtl;\\n text-align: end;\\n padding-right: 0; }\\n :host > ul.nav::-webkit-scrollbar {\\n width: 8px;\\n height: 8px;\\n background: none; }\\n :host > ul.nav::-webkit-scrollbar-track {\\n -webkit-box-shadow: none;\\n box-shadow: none;\\n background: #EEEEEE; }\\n :host > ul.nav::-webkit-scrollbar-thumb:window-inactive {\\n background: #DDDDDD; }\\n :host > ul.nav::-webkit-scrollbar-thumb {\\n background: #CCCCCC; }\\n :host > ul.nav * {\\n direction: ltr; }\\n :host > ul.nav li:not(:last-of-type) {\\n border-bottom: 1px solid transparent !important; }\\n :host > ul.nav li /deep/ > a {\\n color: #335eea !important;\\n font-weight: 600;\\n line-height: 2em !important; }\\n :host > ul.nav li /deep/ > a:before {\\n font-size: 2em; }\\n :host > ul.nav li /deep/ > a > i {\\n float: none; }\\n :host > ul.nav li /deep/ > a:hover {\\n background: transparent !important;\\n color: #335eea; }\\n :host > ul.nav li /deep/ > a .menu-item-beta {\\n font-size: 10px;\\n position: relative;\\n top: -8px;\\n letter-spacing: 2px; }\\n :host > ul.nav li.active /deep/ > a {\\n background: transparent !important;\\n color: #335eea !important; }\\n :host ul.nav.foot {\\n overflow: hidden;\\n bottom: 0;\\n width: 100%;\\n padding-top: 1em;\\n padding-bottom: 1em;\\n border-top: 2px solid white; }\\n :host ul.nav.foot li > /deep/ a {\\n padding: 0 20px !important; }\\n :host.with-header {\\n top: 54px;\\n height: calc(100% - 54px); }\\n\"\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/module/sidebar/sidebar.component.scss\n// module id = 1438\n// module chunks = 1","export * from './header.component';\nexport * from './header.menu.component';\nexport * from './header.burger.component';\nexport * from './header.model';\nexport * from './header.module';\nexport * from './header.service';\n\n\n\n// WEBPACK FOOTER //\n// ./node_modules/angular-router-loader/src!./node_modules/angular2-template-loader!./node_modules/string-replace-loader??ref--0-3!./src/module/header/index.ts","/**\n * Created by mthk on 25/05/16.\n */\nimport {Component, ChangeDetectionStrategy, ChangeDetectorRef} from '@angular/core';\nimport {ViewService} from '../../service/view.service';\nimport {SidebarService} from '../../service/sidebar.service';\n\n@Component({\n\tselector: 'header',\n\thost: { 'class': 'header navbar' },\n\ttemplate: `
`,\n\tstyles: [\n\t\t':host{position:fixed;top:0;left:0;right:0;height:56px;padding-left:10px;background:#FFF;min-width:350px;font-size: 12px;}'\n\t],\n\tinputs: ['mobile'],\n\tchangeDetection: ChangeDetectionStrategy.OnPush\n})\n\nexport class HeaderComponent {\n\t\n\tmobile: boolean;\n\t\n\tconstructor(public view: ViewService,\n\t\t\t\tprivate sidebar: SidebarService,\n\t\t\t\tprivate cdr: ChangeDetectorRef) {\n\t\tthis.view.resizeStream$.subscribe(() => this.cdr.markForCheck());\n\t}\n\t\n\tonBurgerClick(active: boolean) {\n\t\tif (active == true)\n\t\t\tthis.sidebar.openDefault();\n\t\telse\n\t\t\tthis.sidebar.close();\n\t}\n}\n\n\n\n// WEBPACK FOOTER //\n// ./node_modules/angular-router-loader/src!./node_modules/angular2-template-loader!./node_modules/string-replace-loader??ref--0-3!./src/module/header/header.component.ts","module.exports = \"
\\n\"\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/module/password-change/password-change.view.html\n// module id = 1442\n// module chunks = 1","module.exports = \"
\\n\\t\\n\\t\\t\\n\\t\\t\\t\\n\\t\\t\\t\\t \\n\\t\\t\\t\\n\\t\\t\\t\\t \\n\\t\\t \\n\\t \\n
\"\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/module/colorpicker/component/colorpicker.component.html\n// module id = 1443\n// module chunks = 1","module.exports = \":host {\\n display: block;\\n position: relative;\\n margin: 0px;\\n width: 100%; }\\n :host table {\\n width: 100%; }\\n :host table tbody tr td {\\n position: relative; }\\n :host table tbody tr td:first-child {\\n width: 33%; }\\n :host table tbody tr td:last-child {\\n width: 66%; }\\n\"\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/module/colorpicker/component/colorpicker.component.scss\n// module id = 1444\n// module chunks = 1","module.exports = \"
\\n
\\n
\\n
\\n
\\n
\\n
\\n\\treset \\n
\\n\"\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/module/colorpicker/component/dialog/colorpicker.dialog.component.html\n// module id = 1445\n// module chunks = 1","module.exports = \":host {\\n position: absolute;\\n top: 0;\\n left: 40px;\\n width: 232px;\\n height: 290px;\\n border: 1px solid lightgray;\\n z-index: 99999;\\n background-color: white;\\n -webkit-user-select: none;\\n -moz-user-select: none;\\n -ms-user-select: none;\\n user-select: none;\\n -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.25);\\n box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.25); }\\n :host, :host * {\\n -webkit-box-sizing: border-box;\\n box-sizing: border-box;\\n margin: 0;\\n font-size: 11px; }\\n :host .saturation-lightness {\\n position: absolute;\\n top: 0;\\n left: 0;\\n width: 230px;\\n height: 130px;\\n background-image: url(\\\"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAOYAAACCCAYAAABSD7T3AAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH4AIWDwksPWR6lgAAIABJREFUeNrtnVuT47gRrAHN+P//Or/61Y5wONZ7mZ1u3XAeLMjJZGZVgdKsfc5xR3S0RIIUW+CHzCpc2McYo7XGv3ex7UiZd57rjyzzv+v+33X/R/+3r/f7vR386Y+TvKNcf/wdhTLPcv9qU2wZd74uth0t1821jkIZLPcsI/6nWa4XvutquU0Z85mnx80S/ZzgpnLnOtHNt7/ofx1TKXcSNzN/7qbMQ3ju7rNQmMYYd/4s2j9aa+P+gGaMcZrb1M/tdrvf7/d2v99P9/t93O/3cbvdxu12G9frdVwul3E+n8c///nP+2+//Xb66aefxl//+tfx5z//2YK5Al2rgvf4UsbpdGrB52bAvArXpuzjmiqAVSGz5eDmGYXzhbAZmCrnmzddpUU+8Y1dAOYeXCtDUwVwV7YCGH6uAmyMcZ9l5vkUaBPGMUZ7/J5w/792/fvv9Xq93263dr/fTxPECeME8nK5jM/Pz/HTTz/dv337dvrll1/GP/7xj/G3v/1t/OUvfwkVswongjdOp9PzH3U3D3zmWGnZVXn4jCqs7wC2BKP4/8tAzkZsoWx6XrqeHZymvp4ABCBJhTQwKfDT8gzrZCIqi5AhiACjBfEB2rP8/X63MM7f6/V6v9/v7Xa7bYC83W7jcrlsVHIq5ffv30+//fbb+OWXX8ZPP/00/v73v4+ff/75JSvbeu+bL2WMMaFbAlpBNM85QX+ct6qoSqkPAwuQlBVKqGNFSUOAA3Bmu7gC5hNOd15nSwvAOUW7C4giUCV8Sgn5L9hNFIqTsp0GxI0ysioyjAjkY/tGJVEpz+fz+OWXX+7fv38//f777+Pbt2/j119/HT///PP49ddfx8fHRwrmTjV779EXu2px2xhjwtdJZQcAWQIPLPISsMJaSwiD8gzIKrwSyATE5j5nAbR5c1dBUwBlsEWW0h6LqiYsqFPAQxCyRZ3wOSARxmlXMX5k64pQfvv27f75+dk+Pj5OHx8f4/v37+Pbt2/jt99+G9++fRsfHx/jcrmUFLO31gYDWblxRIs/TqfT7ousxJsAxXA2Gc7TA9XdgfdoHbFsj76X2+1WArgI1ageGwA3qupqoHsmcbI6Fu93quggFa9d7LeDtgKfAFHBJ+NEByIkcJ5KervdTmhhGcgJJSZ5vn//fj+fz+18Pp8+Pz/H5+fnmGD+/vvv4/v37+Pj42N8fn6O2+1Ws7JjjP6wraMI5E4RZ8x2vV5TSwkquotV7/d7Tz6HFWsD/qNcdw0CQ3q/321c686TwDVIdbuy73zNldhSHb8I2klZznm+InBS4U6n0302aBFsLhHDAKJVJVglfI9jhvu53W53sLANYNxAiDA6MCeUHx8f9+v12i6XS7tcLqcZW57P5yeY8/fz83Ocz+fnsSmYUyknWEG85WBst9stzSLyMdfr9Qi08iY15UZ0LlDGLhR3o5zK2j7OPUTD0E+nU3tk7Xb/16NFbhloAMuY1zjLUOO3BKeIDe+Z8s3/J4gFo4TM5jPmuRg28foUKKVSwo16TgA5npywcWLHgYl/Pz8/73/605/ab7/91m63W7tcLie0sZj4mao5gTyfz88E0f1+j8EcYzwTPEG2cqjyfHNF0M8fuqEiaOVnRzZZQNh5fwQyHg/HDGfJo89Q1zb/quu5XC6773I2XKfTqd/v9+d3wuqWva/YTdUdEV3fhIv/Viyps6YE3x3r43K5bJQS66zaxVGFsvd+//j4aF+/fm3fv39vt9utff36tf3+++/tdrudvn37ZuNLBaaCMgUzC+rZRiFowxUuJI8YMqcCp9Opq5vagaYU6lGJA1XQqejchw6Cj0Gw5nYBrGw01A2O206n04BGouNNyTfp/FwElhUey6nXrIKw7QQWddxuN2ldL5fL839gSPF8ahu/JvBO48CPSuqMf8Vp9/P53L58+dLu93s7n8/tfr8/39/v9/b5+TkhPJ3P56mQ436/j+/fv+/iSgbzer0+AZx/5+88bv6OMda6S5z6kd21fYC9dxv7cIJJ2d9AOS30fPMzyHiTM8B4DF6XUlYHp4KQW3W+1t77MNB1vGHxWq7Xa7vf78+y5/N5A+H1et29xuP5dbYtyaRu4AksbPq6936fjRzXRxBbPr/b+b18+fKljTHaBBBfn8/n0/1+H1++fBnn8zm0sB8fH5u4cr5GuBhMVk0EEn9RsctgVhM+ixlJtMA23R8B6yysAstBOgFXIKKCMIgToMqNEu2fYMH7ztc732dQKkCj1ytAZtY0Kx8pIr8GGJ+AT3V+2Hirhl++fBmXy2Wz73w+b17P8p+fn8/tUwGVleVkTyUb68DkfayWY4zxNRihU4EpLJPZVrK+u7J4/mgfKqeLW9X2REWlItL1diynbDDb3+jXgYjQqn0rrxWc+NkILP7F7xIbMvx7vV53x40xnlbWJF12ZSag/N0pW6t+ZzmOMzHjajKwDfond78zYTdfq18up97zr2q8v3IioBprRtBl0EZ9og5WBRGOdOHjIjXF7UotFbgOWnXzIJyzYvjG5IYgsmMOxHkz8OsMSrVNWeq5T8DaOcbEv1Od5rbs9aO7YvMet63EkF++fMExq+MRl4/L5bLZN/+ez+fnZ6KazuMqXSQVO5spJXflHAIzes/xJseckRJiDMog9d6VfRrqXMr6KpVV27jRwJacGovOAM1zMdQMnwK1AubK63kdCChvI1C7g0z9nf/D+Xze2Vj8H7Gx4P9duQlsYCrqyN8XqG3Hm/10Oj3jw/n+crlstuM+jPmmxT2dTuPz83Pzt2pn1XsEHX/bnPaVqVmh0xwOt0o6XLLAHePUU203wHfcrspCwmV3TryB5s0Mseeg97x/BwzCjBlbB+pRAPla0BVQuT6V6QHdBlj3d0KG147b+DqxQeUymDO43W4dQar+TIjwmAd0z8/h65vf0/yLv3Pb5XLpru/ydDo9s7ET0I+Pj6dKK9VUEIeKWQWPAOrJ8LKd4vE+t91Y3e7UFlWatg2VwJnb+HPmtvm/sfK59/OaWF3x/eP1UPHvA5DDYDpYXfb0drv1V2DkBkxtw/tEWVVlXWdC9pFYs5/jfh9dS/16vW7s6lTG+TfqsxSJHxkXXq/Xdr1eu4LsfD6P3vsT3N77DkL+zPm5jSdKL4zR3AxQd6rHkLkYlSowsrq7znzu6wSwdsMJOXmA5fBcjxtgMGBYHlr5zokhtsMCTgXLQOW4XC6dEyEMprL8mAQzXRgduix2yZzorxkYsDn3hB1VeMLGsXsVtgl2pW8S3svk0vw7R4hNaHvv4cACl5HFzwIH0Kc6zu4XjDPR/jpAVxWzO1Xk2DDb3vTcxeGU1iWZHkmIDWziWKvirCJ4Dravs6IJ/GG6cTqWdXDy+fArQDVVkLqkVjAoZIITdmmIqXwqa95N3+MGYoZQdRVNO53Y1xRkhO16vY7eu507Ca9lJnbGpxOemQhSw/AQsmmp5zU9BiU8G6wvX76M6/U6Pj4+do0Bz4CpgiknTUeDqwlKBmg3u4OVjrZ1A+rAcgaejWq6eJCvCYFDONSwOgHX4EQRw8lxbzDOdEK6gZ3Hk1b+8g2o1JFtKXyv/fEdTXuWjWXdAZiBp6ADeDrCFiim7B6ZFneeI7Gvm/PMkUDX67W7xI8b0D7/v8dA9qfN5oaCf74WZjH0mf1cmfY1Y0JUFmVrTWu8uzkNcLtEj7u5FXBTkfC6GOA5q8YMxO8KVvF6sAVGdcrUbsKODcQKkLMOMdmlxum642YrPm26AlhZW1YB1R+rrGswE8TaYAWeUMxdf+WjwSvZ2Ef3ytOyfn5+PpVPAaqOn43MtNBqvmjjxbjM4lZjZY4gqNMI5ktaW/sYKNwS+9lFQzGihmMCKPa7+Z0V6Eb0GRmobtpX8JljWu5FMLN5ja6hG9kwQgZqf5+1NH5UxzkFReCdWhJ8XdlGUkxO7HRlYRm4mVO43W7ter12TPJEw/rmEN3L5SKHIWZg9mz+pUoKOYq5bJTJdX2gme1UcxMZQFaEQIlHct32M+Y1BzGkGuzfiyAN9z+ugplZ1symCrDCYYkGxDTpI9RzBy0rHyeDUC1nWaeUaD9n4xkNyYMBDZtzZ3B++fJlY21XFDOcARJlabOyiS3uCpLI9jrZjCDkaVvcCCjwognKShWdzXZWlZMvVTgD8LpqlCLrqgbcB+qYwrgKYpT0ccCqbKyCValkEabn/FynogCrPKfqf51xJ7sGB2ZXcZmxoSOztjx300DZi7a0/2AIR0UlBag9SuDw6KcAzlaB7vHZvWpjK90dyrq6bKyDUZQbR0B05biLQkHIcSUmgIK+SwuqgHCnoio2RQU1yj+BnBy9pphVKLGyC7ZzFK1pxWK+E8IhVCWLN/uLtnUU4ayoYLoaANz8FdtaSvY4pV0BEW2ls61czqllBKpTyKgMAhrZ1cdc1RROtPmvWNkdcKZ7ZKxaWjiPLJMpp7OZKxA+rqG/oJLjxf0pnJlqLoDZo3gyU0mKGys2taKecj/d1C+rJSplBqlTyAqgR+D8KjKlmRL2gtUcAdCtsL+ijCNT1oqqqkH2OHEbG5sDFnUg5Aa+yLou2VU1ptj1S2ZQqv1ORZN9IWzRfgaRBxKoBE8UWyqlJFtrIc0AxNjSjed99CTY/XDfSzCz5M0IZoVEsWnPFNTsl8ooVC1TzbGgqFZNDSgVwKK+1sGDMKqxZCWGVMDysiEr1jVSQJUYwj5iHOlThdHt44SQg9CN+nl8D90NMIgAdgr46JqRiR9I8vRdFvbr17m/yxUMKjNLMiVUADwu2CWGhhi+F55TWM9M9cogzms1dnM4uOF/LAEYWdcqnM7yFmyq3IfwmOROd7Y1iFWtOjoY8To41mTV5IysgFFuRzsbWFGbNIIJCDv1dOo4lZG7jWBwRFtVTKuWyeCByJKOan8oZ3ep9XddNl0tDuaywLz9cXPYeDAA0SpkBO9sbVcTOVWldPv4uyzEkzxHtjvonHoSkFEWNoo1d8DhcQputd2ppNon4BzoAiJ1hBFQg0dVtdbGHHDQWushmNEQukLM2QO1G2Y8bgTXqFhcBJj7EjPgcPts8US8qPpPB/dXznOh5Z438tzH5ec6QgrOKrRRfKmysBmUDB+PhYabMlVPER+GCSITTzr7am2tArH3bgcEzPJm+cr5jJ4NnHNFDVrFXcI5Le9k5Jnw+bedbV+FfRzZIHaOOaOsLY0/7UGs58DjrGwKMIMFIGzOEW1/jGsdAtCN6hEAI4hBe9YXeRROBSVPAVPAqvIM5bx5hVKWAMP6zBRy3iescridVdFBinBxXDnG2GRY2XbCvp1lhvGtO9Bxu5h908XQu42lnSArMFdizMim8uwRCxPGnnOS8lwpnbOiDqTAjsrRN/PcoAScCbaACqVM40ylnjjTBs+bwWlAG23/UKbdkiwKWIQPGzWaczpoSlxPEj822cNWkpS7FyzsDrqpfgpG3jahw2vgbaSQAxuLWZYt7JzyNe8JoZpNAcvDFOdw0wqYT9AK1rZz/DdbSlLPp0ryIxgQJlK9AZlEq7IOXpohg9PIhrCng88JsOxiV4ZWAYfg4sikx/8ky2Z9l862uqwrfscIH8+ugTmVGyiddeVYUgEMn4GZzg14EwIsh9sx2cKKiWXReuOE5gzGOQgdlRKVVdlevqb279Xq0Qnsts2VDaBO0coezsruWtHApu6sKG4IBhN0aGU2kLrMKGRTN3HmbCDwKV14zvkMEDG4QfZVspVlaNU2mhc5TEZ3N1h/zqTheuLpW05ZWTGVjb3dbnNmxKZBnN8JqidaVLKAOyARNLS+MB54Z2+VaqoMLKroVBlngefnTPAcoHNWCSvlfA8CI0HEmBNBnBlXyMrzU7A7WVm94PPqQ2gmqKx+WDGsnvilmcSOBJqOK1nYyAIzuAyesq3UdSK3KfWcYKD95HmfYOU3qser2CtYEUA+FpfqdNvgPBZUBhDrGONRVlQsh8rLcaUCykHG0OOUwTlLBrsh5soEMGezi1E4HRVt1icp5wZEFXdibCkG8Y8vX75sbO4E0iom9z+hjSiOfy3DhpXItpVhE+UGQdvoWjtChmrGHf4YAzKgBNnGtuJxFCeGdhUAfQLLK8kBYAP6gvFJZajMG3Xkycy8KuC0q4Eyymwtwdxdv2M0mIBtK0LKnf640j00Auq4gUkdWGlhs22qJc6dZCsL19oxnlTJG4SYVRIGpD8TPFBuM6OElbS1pldid4mGAyN6ZIupbC5bXJN9fdpbThSxLUaI8IG1XIYBxW3Tjs6KQosKcxfxcQmdnwRGM10GnFcCy2XYunLMyAkdgk4mePiczsLygthcBut6goOqS7YVFXADLjaosB6s6ofcZWAZSIRYqSUkizYwttYab3vUOQ9w2HRxIIg8WwRVeE68xi4UtL3zRphxplzwuZrcqYCq1I3jPI5dnJIygEohMbPqVJSzrwzxBJTs5zN+ReUSgxikPQVF3JVBeNQxbHENrEMNvEdFZVV9lH9+ORGEsNZQpyTNc4C3AG7XF4ngzq+DrO2zbuaaOXgdaFcdkEotoSFBVX2qJ0C8OWZeG4KGlpghA0XfTOPCqV2qqwQ26QWfF2PMLhI2w1lVAa2aPsYd0za25MQRwgcZN6uQDCi+ZxiD4XEM2kZxOT41FnZnaRlcpZouzlRqqdbQVWopQoSB58RV50lBNrHi/AwXS5LrwDVlpY3Fc3ByiYGc52Trist6kOXdwInAQtJpp5QchyaquYOV7Su+fxVMaV3dc0RE2S6mUY0gLt2pMcYqrKIQ9w2l1gpQUMtQYcmmbt5DTNxdhnUCjQqtbK9SUSzvrC0mmhhE1e2FS2+oxypy/ZASutkmtjx3vcBC24PX65nbqkBCRhfjS9kIYPnee8cMagVOhI/3T1fAmdtAWZsCswTJCkQVNa0qWKSKPOpHAUhD9DrbVcyoYkwqhvh17vYAayXLQyKGYdxlUDFp494rBXRjYgO17DDYetNIUj/ezp6S0lnlpEwsWmJMkOwsKXeZKEAjIHn0EQJISaRBcO6UMINz7p/bEjjnw4ft+xmDvksxX4G2rIris7qaeKwAFMP2Oi7n4criuZwtpSUwpfLxSnORSrIqusc5ZFaXysqRWjiZ2DyAWEIL35tVSoQElFACjOeGGSE7AHEQgdo/LSvCOgGBvkxsmDbvlS3Fp5vhaB2TAGqRKrKKMrhLVpaGzEVjZ0OQxDhaCTA+QyRR1d15aQzrJntL3RibsipjG6jlgL4yqbS0sNYg1e84vhbBVrElK64CUcWYXDfKxhpIuxiVJZUxsbMy/uRBKTNRQ4kQ3LdRYLS0rJjRPlTPqY6gdJsEDc+aQXAn+HgsNUCbRuF0Oj0zwnA7bWDkbhO5Ens00qeQhS1laBMl5M/cAaxsLF8rKyql+Tf7ELLEGu/ixiimdCvo0TjfpjKwaggen4eh5v7LokLKbLuyvHhcZG8dhGrEDx7Hg93ZppJF7qBqO3iVveXEDQNInzeoe8Yq6ePaZBZ2JviM3W2UAGotekRCAGq4EkF1X3DOnR11yRsBL1tRa0PVcZiNFXZ2c34FskvomInQQ6lzpJoZbJxk43NwKJFBquJSsrByHydxKOnTxQASBmS3j+JMnsHSla3Ec6K9VWoJVn9zfjwOM7hqYAAqJQwE2a3nA48J2QGegRkpZNivSY+ys3EkKd4oJIwsvIHl3cWgLt5k4NH6OmtLWdpurOkwEMupYc7eMtDRhOcI2ui5JhVIzXzLyto/GAPuZoyo8wkoduVgJglCt7OhGbgID4Mq4si+63zUS1FuFFXFlqyaj2emHlLMcBqYu0FMuR28BbB7lOxRMSiCQXFhCKuwkhZ+pYDiGSgbsKKV8MiSRsuHSIWM9rklRiIlZZuqXjsQK8ooYJMgq3JKWVkhHbhsVxFUzthOWPkYijcbx54IKsSdT+uLr3crGKyoYgFiGR9iBk4kfloUX+JIlQRQqabmpgnhqtpQpb6RVQ1WH5DnrS4hEoGZqaerQ2dhFbz8XePxShmDbo70eISjoorO2vK8SJXI4SUmEU4zWKDzUDtWTYw7xXlbSTEj4FRg7zKnKoGRALv0Gs9Tgc1BpCywGZRQAtqVz2xrBcAMzEpfZwFSa2G5W0QBFjSMapWAEFa3HcGN7CxDzECyIkJ97qwrqWNTWVo876PPsjPkj2wvgroM5lLZKMETKVql/CvnWVFiFa/SzJUQwkoZsr67Y6vlSRV3/2tmNTOY3vnaxYwMuoPKqdzR1w7IqHymlPxaAThfU7Ko2ZXYj4AYJHL+kNdKwRQYESTRa5fsUZ/rVC1TMTyWVyYoqNtuzaHsMyv2tvoarxdfqwYgU1axFo/cnql1FGsqK+uAROV8BX4GU8WcZTATi2q7Qcyi0O0V+GhWBMNRUkn8H1SsWVE5By3Gi0ECqUeJoBfAtDa4amkdXG37AGP5Ggeb84p7UazpoKRzdFzeQ8HkoHGxprKy/Hpm5t12p47J6xTYDEz7uINEXSuxYXvFskYAc+ySxH9sf5ftKzU6IbwVBcUGg5e5FMCEXSErZR0wGayV19woM9guPjTqJdVTqR4uE4nJnLldWVkECCZLd2VLF+xtamex7IpiriSDUpvrpn9lrwGMCHyppMH+ps6LILsuFGUj1XEOXiqbqSHPUKnClpWV68kqtURVNDY4TNaocykoYeTU5ngGEQa/S1DnnE4AeXMcKjHPAmFVjCBENaeyLVNHfr3px8xUstJ94hIpfH4HKE/eDaArK6lSyVVFbdt1gxTIVk3pppVlFXi4pEhVBTObquohU85MLXn1iahvUkHJjSCMc01tLFveVVBx0DodM6jftCu7DOtIzYxrc0qp1JGP2ayYFz2Gb6HvMrO8cnGtV6Gjm3uImSfD2GpWK6uowbZGMxFKQCo1pOMtcMXFpRst+hXGoAomF3sSTBGgTglbBKWwsQ3tZqaYSp0Z1CimRDWFcCJUPYJ00BI5FkKYNoifuQxmN88SWVXWLMaUqqqgC0BmQJR6sk3u9NCf6jYLXxAfqsYEgVLAhRY2AtgtflZNFmFyhxdrLkAdWlk4D88M2ixHyepIdhMHrG/iR1ZGtq0MGpbDbRPYOXeSY1M6Ny4ZstvGSktK+XbFPATj2D371saPEsAMXhXrsZ0km/XStkhhMyBfsa6uXFZe2VCe+YMr1+GKgwrQyNYq1VRrB+EizAow6NsdNKcyVEkYeM73ys6q4kAHp6BiFklTkIrVC5oYV7uzwOGCz4UJ0Stq2lWMJy4wtb+RetL6tZFicnJmBw5UjCvXXMZVJX2MQkbf+XN5EWd78Vz8/JEsMZTBiKNzsm1inLRUQ74H4NidaqI68j5sAFgxcRveC7ieLJXfQYxjZZ2CsiWFewZXJmBIlZ1tdtrX4hSuateKso/RZOtOKW2nmq1oTzeK6dRWAWu2NRVb4hq0SXm1GvtugHrbr5IXqmSktg5CuDE2MSlPwsY5kNE2Wp3AqiZbWVLAxiBF+2iBZbuNj6MB6rsMLC7FyasaYDyo7KkoPyEtw3pEMXfPvxAJi2jAQQgjrz0rLIZSWZlIoNhwd5xK4AR9mYNjWAaLrnuImJeBVN9zBORObVvbr+mTTfFSEJLSRnHo7hEJoIi8MFqjxmvgmF5URZz4zLFgZZ8Ctu2X7ggVccKm9gVxIsOHqxXgNMKnFWZYnf1dBnOhayXq17QwFlWW09eNKyVJFmXqaONGA5aCegMbJ3UUkGY1ic3nKWgjq8qfVYGQG1gRt6rs62a6HiqqUOqdesK5NmX4nGofJoiE1d0dF9lVVkvT1/kEEaaCoYOwFpcVcoLM+7669PxC9rWqktH0sWUYld0VCpuBZ/stVRcGgy9WX2+U1Qthi9SzAqSxzZsy+OiFzBYnySGV6Gku44rD8BCOZBV3BvD5+AKRHNwMEsB6EzHnJpkTAeiUlEGkcECeB6GDZTp5YEJTlvdrknxYjTllMkfNtXwDjM7uVjK5JXUUn43rrqpK2jytaxHW0M5G8DC8rtHMYs7KSgduVQMGTYFqFvVS6rkD3sDJ46afdYFwoq11AOKCBLhvwoUgc8IGANycR6knZrdJPdsuxnyjfd3FovTlRMdEdtOl5CMV5EHsXQBis7TOwvIDZaGj2Vnpbh7cpK63VwYEMLwqbjzyl699sawFFkF1yqjUU31HfC6sW1ZFVFuXVXVgz9keEaw0ys1lWfm+azQAQSWA+hKYVfsZjPncAcUB9oIayy/UZXRNckDGji77GsWbvBo6tPrWPqOyVkBUq+INeqpzNdYs/u0ifh5qmpqIW+33JVSUcwY70KL4U9lYdU6ljtSls7lmfi9g3YzeQfVkaGFaV3ODCnaD2N8wsEDFklE3RzM3ZghdYkWHsszq70FIecnKkVkt8ezMzRq9bkGuKojRLBVSod3Y1yPqKgYW7JRQTPVyy5xIYLjOgxgT52RKJUY1dOrIiRd4futQx/A5AcSmEjz0vFWrkLzvbWAu9HOWbGgxFk1VNTpnBKk6TgwisI/HcxYXP1uAWO72ULFlBTq+aSu2VTUs6hrxM2CF+hEor1VIA9ZmFUaab1lSSgZsVs4sxzHlVLoJHr9H4DhONTkI1XC0/wiY2NoWAG5RlnHFnq6oLccpQddMuJ/O17JVA5OHLi0BqCztq7Y1++ucCd98qLI8MIHBV/cKjxQTme3hFBS3MyCqnDsuym2o80HjvFFTtrURmNaGJsmVahImjTsUXKtQZTAVs7Mvv8/+fzUrZAXcLJ6M4koe6XP0b6SmWWNDzyUpQ8bl+LtWx4tuqZ36cRYV3yuVxPNwvIiqiQCSmu7srgTzR6nkyhpCarXwFy1vGd5iP2cY06lFr5Njhhg1Y6+NB28ftbK83s8rf7kLJbKwDFPbLg25a0AdZJEiqr5phixKMDlRUtcssq1hriLqGoH+zeNgVm9OemjsETV8JdF0NHnkIFxWY1OB4Yrp7rtWJ7NgAAAPXklEQVQ3oNs5nplyVf8u2FoLu1JrHveaZWQjqAkshtFa2gzsSG3Zpkbvg3HafF9slPPlldjFlK80Gysm8Mr4MPhneNWENPGjAIpmilTPATdTRTXlCBYHYAQuPwA36xIpWtGN4q3Y2MhiGsUpuSSnlEJRD8PorC7CFYVw+F51qThgabxsTxWzCGY0ZSsb3lfqAy0OPNjNy8xiQQKsHYFQ2HBZVvVbBuq3m1oWKajqaonsM6uZUr6CjXWNZ0l5E3h3jURma6kP3MJIiy1Lm+kahQq41N2iZja5sjtlLYNZHZrH6qUGm4vMbDp6Rw2CFmvuyFkrBcCyMtFqBaECmsHoK9BZ2LA/lJcRqSaDqnaWbrZdGaz3DLgIvBln4woGztbyJGqslwxkhhHrTjTYFXCtOoKS8uLdofVdAbOylGU6nlYpXWZts4nXBq6WxJitMNokHUJnbnJplQm+aGpY2a5GMV2QD1hRubBPFKdumf5OHkLHz0F9luE5kjBjRa0nFE5CUGqHw32MmjZ6xkgINVnSnZ1VZStK2qKlRaLlQgK7uTq7JFXJwM+3SOEKyhZNI+tJ0I5qMYy9k2qJD7dVWdqKXa0CKNR0Ccjg+B2IYu2fcBZJZkMFgM11r0X92wilghFGgzVnexlqB7xL9mS29SiYUVY2nXOZjNBRsyDsQPRWW5hrZ4XcdC4HVWRbjgJr4sFofK5SzjQ7rhI1UebdPdEbj6sqIvTZQZ5va08rABsAW0UxeWytAk7A2KJ9ZpxzCioB24XFtYAeXYxr6anSqhLgppEqWbGwLunTgrV+IjWlL29ljaAl4EQMGsErp4apeZiquwRXLXAqOCeru32mmydc6oWTSWpFAGdzeTB8RTHVMEtlM90CbbQCYhPjq3egYr1FGdYIQjiuDGZ5zZ/AzobKGOyLxti6c4Rwtv2anyWlLICnlLhxJRXt6A5ebDBWFNONbxWZ2d02mnu4S9YECpeppV1zSWRBWxHYzVIv1CXSouwqqX3jBBBDZdYQbpTQW4ZQlS8r5kH4suSRmg2++3JN10x1PaAmEkmtYlEdeGpJEM6kOuCqCR22oSujj5IV2HdT0zj5prLKTjXFAPjdQlyq7xIBxAQP5yMczG4VxAKw0n6ilZ2QBce2pLulkuxxqnoIzFfgqyqjil9S1VNwBrFmeyeops8yOjZUybZdfS8CuaTIJumzs5tODaNtLpFDQ/PcJGweLhmeL1nB0KqiUDScsiUVD89Di3HtrKtSULw3RLiygZD+7sF8JTObgYsrGvDNUFRGl1iy0Ll1YkUc2aJYMog920I8qW6YDCg1Mqk0JHJFKXkbgbRreI+qpYNOZHrVcDUba7pjsphSJNtK6upgRNAVoOS0mugBeN4bIZgHhuPZ/s1ENaX6KsVr+YNrh1Nb7ipR0PE5zbNRegCbrHRUw6Yf07dLBJl1f8KB9as2V1nNqAsl62LBBhehwalerkHmB1JFIEZKSEusdl5JQj1nJlHXSCF342gJ9CYGrXelknJIXqVP8sD+qtplCR3XH2qfKq0ygMp+KnVkKxNlZ8m2YkIlVMiCnXUwl7qznBKSvQz3m3Pt6oQbXO5b5FixCh/fHxUQW/AEcK6zCNqKQnL9sywqmKuwvqSYzT/aPVNNpVyhvRW21aqciCsjdWvBwILUvh5VyCzbWoC1pJjJ680CWsl+udKB6T5RwG1mlohnlpbg47iz5U9ha0FGtmRLFYBtO99y97Ap0z+ZDTAog6kSLZsMHg/IFkkgp6CpvU2U0cYVSdnmkjwBdOmXbxTWNWzuIbipMioVxEckZEoahSOiy2M3K0jcC1LhVDwaqG0ZvkcWqCnrG4GIxykrqlbWdw6LQyBaZR8HmLRIhQWsHswD42ZXVLNkf9l+FlW0HVQ2lwFsC/Z1FdzlQR0KaPfo+Fdfu+/dwVRICu1CGR7AEIiAhc+AZUF0kOBaPxmUqg4i64vQnU4nFDYJ9Nz+1fVXveH9qmr+kPILx8oKcRV/BFbxbE0JMT0kSD4w6L/lNY8ocsqagVdU3A3MjxhxcGuqzsPH4irpaow1q6OyrVjvp9Npc59E91LldboYVzJWdimWfAW2SNEKcDaX2FmBLLA/uKxlmhh613Is1URQApbKfttwxL02q6Onx5pQxSbPojAg+v5hAnN6LHVRDXIsvKtRjiS0qJUyZTAXVbAK82ElFJWaQdVoqUC1Unt7BVaTQudM6SuqexjQJN4+0icaxv/utbKv83ETbT8H8gjcOKxOJmbUa6OOVXht3dFY6rHv9XoNzFLceEA1o8+pKm0LAHPHZ2rYKjFq0hfZFixsqHJgD3eD5n+U0kb1mFjXkn2lvMSSOsNE/CdIAKF0Sytq6urOHUN5gwg4GZosgbmggM5ucra2qrS2Ig1cbiBBcxYzgzUDNLCvL8GbZXNp6ORy3LmS+Kk83zRIAK6A1ioKa2I9NapIuiUFdfC9766PFZUtqUr6KbWk+zZU1a/ZrIXEztrjTOfz7hwKziCeXIaraHtbZIMz+2pGgazCmw4qWAFvEdhodYp0Xq0pV7G1YWYWbO4qhGq42+Z8BYtrLWvluNPpZAeaFFS1vubPgbgxsqcpnAaszBovKaFoDQ8BGtjfUOl4NAG2nmQV04feJgumvX2fsrQEWZghL0JnVdYkn3DOZIeRN86RqPWCmsvGVqEMRnwxQAxwS8EMYo3IzmY2+BCcLp4MKiuyuhImamlbZFcNoNl7tp+RHd18ZjQIRKyXdFRhN98/hyKqwXWNo7O1wiaXoHN108REZZWEq6grnIfjzeg8jdRf1XEL4kkXa5bBjKxoKaljBjeHlVxQ4GaycpW4lDOAKtnTxHAtOfzOtZwHAM7sqVXkV6yu6kap1nHkXKqWF/4XHqjenNKqBjpR3l1ch3Ejg1+EsgdQhsdG0B4FM9sWAVWpuAyiwTPleZxt9VyZVS2qXfReWqTAilpr9ApoWTjxymit7NwV4JTriZyOA9B0k7HFfULourmKYHVnRQvqGL5HMHdqFcR2qWpmcK6eTwx2dipWrviDilr+fKWq3OWRWdHKwA4eu8wjchbeRzFilqjjZN3ufCpfkJ0/scVpnYk6L0PI77lxdWCZ87WiWm7B/AGquQSnujGKsB8CJmiJq8q1pKIVWyqOiTK66r18BN8r74/AE71fdC3yPS2MxdOpnE1tlVxD9JmVOoggN+r4PjAXVFPa3Eg5jVJGFVUGNolH20GVrUB7BOySWq6WqYQdWR92pcFMYMwckbSgCKCqD67DiiWu1g8MQC9ByfcFqW1L+jL714qNCuznoSxt0da2gtWN1G8F0BK0NN0nuimelUF9dIdAfjO44UT3CjQLoUeLHJFTO3gmpRuIIOvwBQCbqNeo3qtZ9iF6xVK13GRlo4zqimq+CGdTiR1uRY8oqgE02hZBa79kZXPMquxRHKla2saZWN4mRqZUj0vLCKhkjKnqOQHNuSZVJoKvAqS1wpEquvWDC1B2ypwrCPsRMEPVTODMLJMDv6qeKXwi2JYV5Sq4qKyvgGsHCLiuj2jR59V8gMqSJ2FJZRXEHVRHj3sFPrct6OpqlW1GpatQdt0GvwfM6n63InsGVFhJGaBqgqqIV6IsXllZgySPq4R3bnt3wi5cv+cN2yqQLW1T95KYVsWWtKk4cB9W53WQQflQYR6Wl4HaJZjvVE0D5yvq+RKgZCs5qdBEP5sD94cAvQLlSgNaSMAtHx88BuNQ41zdFsX30zKbcs0MLD/ihkpQzl0wiTqKLTfbKmCmyYICnK0IbaieC4CG9iSyLQ7cIMGQwau6TKoq60Apl3WN40LZpca1CKKK9VQyyIEn8w0F8F6CL2h8o3ixGwC7s7EWzCOqmcApYxYD4jsAzVS0sl2t98pA7vrKophCVSonbYpgH6mvSn24pTBV4sdtV3BtMq5k82y+IADvUJ0uAlkCVTxIaPm+UNu/qkV4F1TzHXCGrXIAqItBKypqK99VtAOVs64O4ObX7pHLVCpYHcRmwvLR7TvYAKBBN58LGVzDuFz+hQbWgncQyCZAk+VbsPSouf93261iZgmfCpwRbAvqmSqriU2PwhjaoOyYqtIegVXViTsmyta6bGySpY3gyRrpIyAeaWDDxtpsXwKyalMDKNP7YBXMqEskUsi2uC8FNAPxAKTVfT1o6VzM0E0jF+1rWcUuHvdyg7vgoFplX8HpvHpMCOMRUPHzZkInsqlFKNX/EIO52E0SxSzOwob2VmRLW5D1XIU0rbgM1AzWgyC7fe8G7xUAK/taEBat7luqtyP7EmsaJQOj5F+mrnZfCuYCfBUAWwShyd6pMY/vAHG1UqOYpbI/gy5T0CMKm+UO3gFuC85dgfDVeguPDfITrIBLsLrcgdh3CFgFZjaKJ4Iv3F8ANEqvuxR1tVKOgLoCa1jxboBAkj6v7j/icFbA7f4rfRnQDLRViG13i0vqBQrYVqBbADZT0ZpiHoSzvQpopKIFS3sE1HfBWlHXd0H7LnArqvougMtljHBgZnh3Eoz/BKjLML4Z2Aq0+hEJr9jaVUBbvNzCIUiroC7AWmmFw4o5AK3MtB5VypZMSFgs05JyGVwlwBqsEGAAa2ZU1CjUexXGsE4rKriilBvFzOKKo3AuAroE6QFQU3u8YpNXwS5k+1TZt5UrwouN4KiUEw+k3ZWDp1RXHNRqXb21Ts39945yZSg3VnZFNQ9CF3XeZyr5DgBXKiwCMa2MxeTDYXgP1Fsf9QNKZc0k81RJk3r6EQ3rCmBVyLL75EjZ1pIVDHoFtiOAHoB0BdTVylqBsKKKS+AeBXJVLY+CXASuGvO/Auq7GuEjDfGKg1oKa1z/dmmi9I9SUGNhl0AtfulHAawoYrnSkmNXAVuGEhrEVXvUF+A5Ct2PqNOjDetyna4CmeUolmeXLN4Aq7C5Sj10Q7yjgl+t6CNxSRHmI5X+CpwreYB3Qfdqna4q21KdBuc4GoZsn49ZOOiVinwHqK9WzjvgeweEh2AU5+vtxZ9Cd9Wqkh49V18E5oj6vVyn0RStAyGIO5edXRKd5B0VGVXq2yr3xYp+5Ut+C4QJ4P1N339pQMjRejj4vb/Dcr6rQc3O/0rjmtZpeYCBiCHfCemRbNhbK/pNUPc3wfKy5f2D7OlL3/uPhve/oU4T0F8f+VNM2vyoiv0jK+KHQfdHq+0bncz4oz73/+Y6LbKw1o/5B7eOf1Rl/0du9B9tn/9bvrf/j+v0h6ttn2tp/r/4819y4/zv5391uvzzfwDifz6phT1MPgAAAABJRU5ErkJggg==\\\"); }\\n :host .hue {\\n position: absolute;\\n top: 147px;\\n left: 70px;\\n width: 150px;\\n height: 16px;\\n background-image: url(\\\"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAJYAAAAQCAYAAAD06IYnAAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH4AIWDwkUFWbCCAAAAFxJREFUaN7t0kEKg0AQAME2x83/n2qu5qCgD1iDhCoYdpnbQC9bbY1qVO/jvc6k3ad91s7/7F1/csgPrujuQ17BDYSFsBAWwgJhISyEBcJCWAgLhIWwEBYIi2f7Ar/1TCgFH2X9AAAAAElFTkSuQmCC\\\"); }\\n :host .alpha {\\n position: absolute;\\n top: 172px;\\n left: 70px;\\n width: 150px;\\n height: 16px;\\n background-image: url(\\\"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAJYAAAAQCAYAAAD06IYnAAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH4AIWDwYQlZMa3gAAAWVJREFUaN7tmEGO6jAQRCsOArHgBpyAJYGjcGocxAm4A2IHpmoWE0eBH+ezmFlNvU06shJ3W6VEelWMUQAIIF9f6qZpimsA1LYtS2uF51/u27YVAFZVRUkEoGHdPV/sIcbIEIIkUdI/9Xa7neyv61+SWFUVAVCSct00TWn2fv6u3+Ecfd3tXzy/0+nEUu+SPjo/kqzrmiQpScN6v98XewfA8/lMkiLJ2WxGSUopcT6fM6U0NX9/frfbjev1WtfrlZfLhYfDQQHG/AIOlnGwjINlHCxjHCzjYJm/TJWdCwquJXseFFzGwDNNeiKMOJTO8xQdDQaeB29+K9efeLaBo9J7vdvtJj1RjFFjfiv7qv95tjx/7leSQgh93e1ffMeIp6O+YQjho/N791t1XVOSSI7N//K+4/GoxWLBx+PB5/Op5XLJ+/3OlJJWqxU3m83ovv5iGf8KjYNlHCxjHCzjYBkHy5gf5gusvQU7U37jTAAAAABJRU5ErkJggg==\\\"); }\\n :host colorpicker-sample {\\n position: absolute;\\n top: 147px;\\n left: 15px;\\n width: 40px;\\n height: 40px; }\\n :host colorpicker-text {\\n position: absolute;\\n top: 205px;\\n left: 0;\\n width: 230px;\\n height: 50px;\\n padding: 5px 15px;\\n border-top: 1px solid lightgray; }\\n :host .buttons {\\n position: absolute;\\n top: 255px;\\n left: 0px;\\n width: 230px;\\n height: 32px;\\n border-top: 1px solid lightgray; }\\n :host .buttons button, :host .buttons button:active, :host .buttons button:focus, :host .buttons button:hover {\\n outline: none !important;\\n border: none !important;\\n -webkit-box-shadow: none !important;\\n box-shadow: none !important;\\n background: none !important;\\n color: inherit !important;\\n width: inherit !important;\\n height: inherit !important; }\\n :host .buttons button:hover {\\n background: #EFEFEF !important; }\\n :host input {\\n text-align: center;\\n font-size: 13px;\\n height: 26px;\\n -moz-appearance: textfield; }\\n :host input:invalid {\\n -webkit-box-shadow: none;\\n box-shadow: none; }\\n :host input:-moz-submit-invalid {\\n box-shadow: none; }\\n :host input:-moz-ui-invalid {\\n box-shadow: none; }\\n :host input::-webkit-inner-spin-button, :host input::-webkit-outer-spin-button {\\n -webkit-appearance: none;\\n margin: 0; }\\n :host i {\\n cursor: default;\\n position: relative; }\\n :host .cursor-sv {\\n cursor: default;\\n position: relative;\\n border-radius: 50%;\\n width: 15px;\\n height: 15px;\\n border: #ddd solid 1px; }\\n :host .cursor {\\n cursor: default;\\n position: relative;\\n border-radius: 50%;\\n width: 16px;\\n height: 16px;\\n border: #222 solid 2px; }\\n :host .arrow {\\n height: 0;\\n width: 0;\\n border-style: solid;\\n position: absolute;\\n z-index: 999999; }\\n :host .arrow.arrow-center {\\n display: none; }\\n :host .arrow.arrow-right {\\n border-width: 5px 10px;\\n border-color: transparent lightgrey transparent transparent;\\n top: 10px;\\n left: -20px; }\\n :host .arrow.arrow-left {\\n border-width: 5px 10px;\\n border-color: transparent transparent transparent lightgrey;\\n top: 10px;\\n left: 231px; }\\n :host .arrow.arrow-bottom {\\n border-width: 10px 5px;\\n border-color: transparent transparent lightgrey transparent;\\n top: -20px;\\n left: 10px; }\\n :host .arrow.arrow-top {\\n border-width: 10px 5px;\\n border-color: lightgrey transparent transparent transparent;\\n left: 10px; }\\n\"\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/module/colorpicker/component/dialog/colorpicker.dialog.component.scss\n// module id = 1446\n// module chunks = 1","module.exports = \"
\\n
\\n\"\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/module/colorpicker/component/sample/colorpicker.sample.component.html\n// module id = 1447\n// module chunks = 1","module.exports = \":host {\\n position: absolute;\\n display: block;\\n width: 40px;\\n height: 40px;\\n top: 50%;\\n left: 50%;\\n margin-top: -20px;\\n margin-left: -20px;\\n background-color: inherit;\\n border: 1px solid lightgray;\\n border-radius: 50%;\\n overflow: hidden; }\\n :host .selected-color, :host .selected-color-background {\\n position: absolute;\\n width: 100%;\\n height: 100%;\\n border-radius: 50%;\\n background-color: inherit; }\\n :host .selected-color-background {\\n background-image: url(\\\"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAAAh0lEQVRYR+2W0QlAMQgD60zdfwOdqa8TmI/wQMr5K0I5bZLIzLOa2nt37VVVbd+dDx5obgCC3KBLwJ2ff4PnVidkf+ucIhw80HQaCLo3DMH3CRK3iFsmAWVl6hPNDwt8EvNE5q+YuEXcMgkonVM6SdyCoEvAnZ8v1Hjx817MilmxSUB5rdLJDycZgUAZUch/AAAAAElFTkSuQmCC\\\"); }\\n\"\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/module/colorpicker/component/sample/colorpicker.sample.component.scss\n// module id = 1448\n// module chunks = 1","module.exports = \"
\\n\\t
\\n\\t
\\n\\t
\\n\\t
\\n\\t
H
\\n\\t
S
\\n\\t
L
\\n\\t
A
\\n
\\n\\n
\\n\\t
\\n\\t
\\n\\t
\\n\\t
\\n\\t
R
\\n\\t
G
\\n\\t
B
\\n\\t
A
\\n
\\n\\n
\\n\\n
\\n\"\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/module/colorpicker/component/text/colorpicker.text.component.html\n// module id = 1449\n// module chunks = 1","module.exports = \":host {\\n display: inline-block;\\n position: relative;\\n width: 200px;\\n height: auto;\\n white-space: nowrap;\\n overflow: hidden; }\\n :host input {\\n text-align: center;\\n font-size: 13px;\\n height: 26px;\\n -moz-appearance: textfield; }\\n :host input:invalid {\\n -webkit-box-shadow: none;\\n box-shadow: none; }\\n :host input:-moz-submit-invalid {\\n box-shadow: none; }\\n :host input:-moz-ui-invalid {\\n box-shadow: none; }\\n :host input::-webkit-inner-spin-button, :host input::-webkit-outer-spin-button {\\n -webkit-appearance: none;\\n margin: 0; }\\n :host i {\\n cursor: default;\\n position: relative; }\\n :host .type-policy {\\n float: left;\\n background: url(\\\"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAgCAYAAAAffCjxAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAACewAAAnsB01CO3AAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAAIASURBVEiJ7ZY9axRRFIafsxMStrLQJpAgpBFhi+C9w1YSo00I6RZ/g9vZpBf/QOr4GyRgkSKNSrAadsZqQGwCkuAWyRZJsySwvhZ7N/vhzrgbLH3Ld8597jlzz50zJokyxXH8DqDVar0qi6v8BbItqSGpEcfxdlmsFWXkvX8AfAVWg3UKPEnT9GKujMzsAFgZsVaCN1VTQd77XUnrgE1kv+6935268WRpzrnHZvYRWC7YvC3pRZZl3wozqtVqiyH9IgjAspkd1Gq1xUJQtVrdB9ZKIAOthdg/Qc65LUk7wNIMoCVJO865rYFhkqjX6/d7vV4GPJwBMqofURS5JEk6FYBer/eeYb/Mo9WwFnPOvQbeAvfuAAK4BN4sAJtAG/gJIElmNuiJyba3EGNmZiPeZuEVmVell/Y/6N+CzDn3AXhEOOo7Hv/3BeAz8IzQkMPnJbuPx1wC+yYJ7/0nYIP5S/0FHKdp+rwCEEXRS/rf5Hl1Gtb2M0iSpCOpCZzPATmX1EySpHMLAsiy7MjMDoHrGSDXZnaYZdnRwBh7J91utwmczAA6CbG3GgPleX4jqUH/a1CktqRGnuc3hSCAMB32gKspkCtgb3KCQMmkjeP4WNJThrNNZval1WptTIsv7JtQ4tmIdRa8qSoEpWl6YWZNoAN0zKxZNPehpLSBZv2t+Q0CJ9lLnARQLAAAAABJRU5ErkJggg==\\\") no-repeat center;\\n background-size: 8px 16px;\\n margin-top: 7px;\\n width: 16px;\\n height: 24px; }\\n :host .hsla-text, :host .rgba-text, :host .hex-text {\\n float: left; }\\n :host .hsla-text input, :host .rgba-text input, :host .hex-text input {\\n float: left;\\n border: lightgray solid 1px;\\n padding: 5px 1px;\\n text-align: center;\\n -webkit-box-shadow: none;\\n box-shadow: none;\\n outline: none; }\\n :host .hsla-text div, :host .rgba-text div, :host .hex-text div {\\n float: left;\\n text-align: center;\\n font-size: 11px;\\n font-weight: 200; }\\n :host .hsla-text input, :host .rgba-text input {\\n width: 40px;\\n margin: 0 0 0 7px; }\\n :host .hsla-text input:first-of-type, :host .rgba-text input:first-of-type {\\n margin-left: 0; }\\n :host .hsla-text div, :host .rgba-text div {\\n width: 40px;\\n margin-left: 7px; }\\n :host .hsla-text div:first-of-type, :host .rgba-text div:first-of-type {\\n margin-left: 0; }\\n :host .hsla-text div:nth-child(5), :host .rgba-text div:nth-child(5) {\\n clear: left; }\\n :host .hex-text input {\\n width: 181px; }\\n :host .hex-text div {\\n clear: left;\\n width: 181px; }\\n\"\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/module/colorpicker/component/text/colorpicker.text.component.scss\n// module id = 1450\n// module chunks = 1","module.exports = \"
\\n\"\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/module/player/modules/builder/component/player/player.builder.player.component.html\n// module id = 1451\n// module chunks = 1","module.exports = \":host {\\n -webkit-box-flex: 1;\\n -ms-flex: 1;\\n flex: 1;\\n display: -webkit-box;\\n display: -ms-flexbox;\\n display: flex;\\n -webkit-box-orient: horizontal;\\n -webkit-box-direction: normal;\\n -ms-flex-direction: row;\\n flex-direction: row;\\n -ms-flex-wrap: wrap;\\n flex-wrap: wrap;\\n -webkit-box-pack: justify;\\n -ms-flex-pack: justify;\\n justify-content: space-between;\\n -webkit-box-align: stretch;\\n -ms-flex-align: stretch;\\n align-items: stretch;\\n height: 100%; }\\n :host .player-holder {\\n position: relative;\\n -webkit-box-flex: 1;\\n -ms-flex: 1;\\n flex: 1;\\n display: -webkit-box;\\n display: -ms-flexbox;\\n display: flex;\\n -webkit-box-orient: horizontal;\\n -webkit-box-direction: normal;\\n -ms-flex-direction: row;\\n flex-direction: row;\\n -ms-flex-wrap: nowrap;\\n flex-wrap: nowrap;\\n -webkit-box-pack: center;\\n -ms-flex-pack: center;\\n justify-content: center;\\n -webkit-box-align: stretch;\\n -ms-flex-align: stretch;\\n align-items: stretch; }\\n :host .player-holder .player-con {\\n -webkit-box-flex: 1;\\n -ms-flex: 1;\\n flex: 1;\\n display: -webkit-box;\\n display: -ms-flexbox;\\n display: flex;\\n background-color: black; }\\n\"\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/module/player/modules/builder/component/player/player.builder.player.component.scss\n// module id = 1452\n// module chunks = 1","module.exports = \"\\n
\\n\\t
\\n\\t\\tpreview of '{{data.buildName}} ' playercreated at: {{formatDate(data.createdAt)}} {{formatTime(data.createdAt)}}
\\n\\t
\\n\\t\\tset preview aspect ratio: \\n\\t\\t\\t{{ option.label }} \\n\\t\\t\\tnone \\n\\t\\t \\n\\t
\\n
\\n\\n\\n
\\n\\n\\n
\\n\\n\\n
\\n\\t\\n\\t
\\n\\t\\t
\\n\\t\\t\\toptions: \\n\\t\\t
\\n\\t\\t
\\n\\t\\t\\t\\n\\t\\t\\t\\t{{tab.text}} \\n\\t\\t\\t \\n\\t\\t \\n\\t
\\n\\t\\n\\t
\\n\\t\\t
\\n\\t\\t\\t \\n\\t\\t\\tupdated at: {{formatDate(data.updatedAt)}} {{formatTime(data.updatedAt)}} \\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\tpublished at: {{formatDate(data.publishedAt)}} {{formatTime(data.publishedAt)}} \\n\\t\\t\\t\\t \\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t not published \\n\\t\\t\\t \\n\\t\\t
\\n\\t\\t
\\n\\t\\t\\t\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\treset \\n\\t\\t\\t\\t \\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\tsave \\n\\t\\t\\t\\t \\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\n\\t\\t\\t \\n\\t\\t \\n\\t
\\n
\\n\\n\\n
\\n\\t
\\n\"\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/module/player/modules/builder/component/view/player.builder.view.component.html\n// module id = 1453\n// module chunks = 1","module.exports = \"@use \\\"sass:math\\\" as math;\\n:host {\\n display: -webkit-box;\\n display: -ms-flexbox;\\n display: flex;\\n -webkit-box-orient: vertical;\\n -webkit-box-direction: normal;\\n -ms-flex-direction: column;\\n flex-direction: column;\\n height: 100vh;\\n margin: -16px -24px;\\n overflow-x: visible;\\n overflow-y: auto; }\\n:host::-webkit-scrollbar {\\n width: 8px;\\n height: 8px;\\n background: none; }\\n:host::-webkit-scrollbar-track {\\n -webkit-box-shadow: none;\\n box-shadow: none;\\n background: #EEEEEE; }\\n:host::-webkit-scrollbar-thumb:window-inactive {\\n background: #DDDDDD; }\\n:host::-webkit-scrollbar-thumb {\\n background: #CCCCCC; }\\n:host.with-header {\\n height: calc(100vh - 56px);\\n margin: -16px -24px; }\\n:host .date-data {\\n font-size: 1.2rem; }\\n:host .date-data small {\\n color: #808080; }\\n:host .player-preview {\\n min-height: 200px;\\n height: 46%; }\\n@supports (aspect-ratio: 1) {\\n :host .player-preview.ratio21x9 {\\n aspect-ratio: 21/9;\\n width: auto;\\n height: auto;\\n max-width: 100%;\\n max-height: 100%; }\\n :host .player-preview.ratio16x9 {\\n aspect-ratio: 16/9;\\n width: auto;\\n height: auto;\\n max-width: 100%;\\n max-height: 100%; }\\n :host .player-preview.ratio4x3 {\\n aspect-ratio: 4/3;\\n width: auto;\\n height: auto;\\n max-width: 100%;\\n max-height: 100%; }\\n :host .player-preview.ratio3x2 {\\n aspect-ratio: 3/2;\\n width: auto;\\n height: auto;\\n max-width: 100%;\\n max-height: 100%; }\\n :host .player-preview.ratio2x1 {\\n aspect-ratio: 2/1;\\n width: auto;\\n height: auto;\\n max-width: 100%;\\n max-height: 100%; }\\n :host .player-preview.ratio1x1 {\\n aspect-ratio: 1;\\n width: auto;\\n height: auto;\\n max-width: 100%;\\n max-height: 100%; } }\\n:host .player-preview {\\n display: -webkit-box;\\n display: -ms-flexbox;\\n display: flex;\\n -webkit-box-orient: vertical;\\n -webkit-box-direction: normal;\\n -ms-flex-direction: column;\\n flex-direction: column;\\n padding: 0.5rem 1rem; }\\n:host .size-bar, :host .build-bar {\\n display: -webkit-box;\\n display: -ms-flexbox;\\n display: flex;\\n border-top: 2px solid transparent;\\n border-bottom: 2px solid #f8f8f8; }\\n:host .size-bar {\\n cursor: ns-resize;\\n -webkit-box-align: center;\\n -ms-flex-align: center;\\n align-items: center;\\n -webkit-box-pack: center;\\n -ms-flex-pack: center;\\n justify-content: center;\\n min-height: 1.2rem;\\n height: 1.2rem;\\n max-height: 1.2rem;\\n border-top-color: #f8f8f8; }\\n:host .size-bar * {\\n pointer-events: none; }\\n:host .size-bar:after {\\n content: 'drag to resize player';\\n font-weight: 100;\\n line-height: 1rem;\\n font-size: 1rem;\\n opacity: 0.45; }\\n:host .size-bar:hover {\\n min-height: 2rem;\\n height: 2rem;\\n max-height: 2rem;\\n margin: -0.4rem 0;\\n background-color: whitesmoke; }\\n:host .size-bar:hover:after {\\n opacity: 1; }\\n:host .build-bar {\\n padding: 0 1rem;\\n -webkit-box-align: end;\\n -ms-flex-align: end;\\n align-items: flex-end; }\\n:host .build-bar-label {\\n display: -webkit-box;\\n display: -ms-flexbox;\\n display: flex;\\n -ms-flex-wrap: nowrap;\\n flex-wrap: nowrap;\\n font-size: 1.5rem;\\n padding: 1rem 0; }\\n:host .build-bar-label label {\\n margin: 0;\\n white-space: nowrap; }\\n:host .build-bar-con {\\n display: -webkit-box;\\n display: -ms-flexbox;\\n display: flex;\\n -webkit-box-orient: vertical;\\n -webkit-box-direction: normal;\\n -ms-flex-direction: column;\\n flex-direction: column;\\n -ms-flex-wrap: nowrap;\\n flex-wrap: nowrap;\\n -webkit-box-align: start;\\n -ms-flex-align: start;\\n align-items: flex-start;\\n -ms-flex-line-pack: start;\\n align-content: flex-start;\\n margin: 0 0.5em; }\\n:host .build-bar-con:first-child {\\n margin-left: 0; }\\n:host .build-bar-con:last-child {\\n margin-right: 0; }\\n:host .build-bar-con.submit {\\n -webkit-box-align: end;\\n -ms-flex-align: end;\\n align-items: flex-end; }\\n:host .build-bar.preview {\\n -webkit-box-pack: justify;\\n -ms-flex-pack: justify;\\n justify-content: space-between; }\\n:host .build-bar.preview .build-bar-label {\\n -webkit-box-orient: vertical;\\n -webkit-box-direction: normal;\\n -ms-flex-direction: column;\\n flex-direction: column; }\\n:host .build-bar.preview .build-bar-label.aspect-ratio {\\n display: none; }\\n@supports (aspect-ratio: 1) {\\n :host .build-bar.preview .build-bar-label.aspect-ratio {\\n display: -webkit-box;\\n display: -ms-flexbox;\\n display: flex;\\n -webkit-box-orient: horizontal;\\n -webkit-box-direction: normal;\\n -ms-flex-direction: row;\\n flex-direction: row;\\n -webkit-box-align: center;\\n -ms-flex-align: center;\\n align-items: center;\\n -webkit-box-pack: center;\\n -ms-flex-pack: center;\\n justify-content: center;\\n -ms-flex-wrap: nowrap;\\n flex-wrap: nowrap; }\\n :host .build-bar.preview .build-bar-label.aspect-ratio label {\\n font-weight: 200; } }\\n:host .build-bar.preview .nav-pills {\\n margin: 0; }\\n:host .build-bar.form {\\n -webkit-box-pack: justify;\\n -ms-flex-pack: justify;\\n justify-content: space-between;\\n -webkit-box-align: start;\\n -ms-flex-align: start;\\n align-items: flex-start; }\\n:host .build-bar.form .build-bar-label {\\n width: 100%;\\n display: -webkit-box;\\n display: -ms-flexbox;\\n display: flex;\\n -webkit-box-orient: horizontal;\\n -webkit-box-direction: normal;\\n -ms-flex-direction: row;\\n flex-direction: row;\\n -webkit-box-align: end;\\n -ms-flex-align: end;\\n align-items: flex-end;\\n -webkit-box-pack: justify;\\n -ms-flex-pack: justify;\\n justify-content: space-between; }\\n:host .build-bar.form .build-bar-label .date-data {\\n margin-left: 1rem; }\\n:host .build-bar .nav-pills {\\n margin-bottom: 0.5rem; }\\n:host .build-bar .nav-pills li {\\n margin: 2px; }\\n:host .build-bar .nav-pills li .btn[disabled] {\\n opacity: 0.44; }\\n:host .forms-outlet {\\n -webkit-box-flex: 1;\\n -ms-flex: 1;\\n flex: 1;\\n display: -webkit-box;\\n display: -ms-flexbox;\\n display: flex;\\n -webkit-box-orient: vertical;\\n -webkit-box-direction: normal;\\n -ms-flex-direction: column;\\n flex-direction: column;\\n max-width: 100%;\\n min-height: 200px;\\n padding: 0.5rem 0; }\\n\"\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/module/player/modules/builder/component/view/player.builder.view.component.scss\n// module id = 1454\n// module chunks = 1","module.exports = \"\\n
\\n\"\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/module/player/modules/builder/modules/@common/docs/component/player.builder.docs.component.html\n// module id = 1455\n// module chunks = 1","module.exports = \":host {\\n display: inline-block;\\n white-space: normal;\\n color: #868686;\\n font-weight: 400;\\n font-size: 0.9em; }\\n :host a {\\n color: inherit;\\n text-decoration: none;\\n opacity: 0.64; }\\n :host a:hover {\\n opacity: 1; }\\n\"\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/module/player/modules/builder/modules/@common/docs/component/player.builder.docs.component.scss\n// module id = 1456\n// module chunks = 1","module.exports = \"\\n
\\n\\n\\n
\\n\\n\\n
\\n\\n\\n
\\n\\n\\n
\\n\\n\\n
\\n\\n\\n
\\n\"\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/module/player/modules/builder/modules/branding/component/player.builder.branding.component.html\n// module id = 1457\n// module chunks = 1","module.exports = \":host /deep/ upload-image .upload-image-con::before {\\n -webkit-filter: opacity(0.14);\\n filter: opacity(0.14); }\\n\\n:host /deep/ upload-image .upload-image-con .upload-title {\\n font-size: 28px !important;\\n line-height: 40px !important; }\\n\\n:host /deep/ upload-image .upload-image-con .upload-title span {\\n color: #2c2c2c !important; }\\n\"\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/module/player/modules/builder/modules/branding/component/player.builder.branding.component.scss\n// module id = 1458\n// module chunks = 1","module.exports = \"
\\n\"\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/module/player/modules/builder/modules/end-splash/component/player.builder.end-splash.component.html\n// module id = 1459\n// module chunks = 1","module.exports = \"\\n\\n\\n
\\n\\n\\n
\\n\\n\\n
\\n\\n\\n
\\n\\n\\n
\\n\\n\\n
\\n\\n\\n
\\n\\n\\n
\\n\\n\\n
\\n\"\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/module/player/modules/builder/modules/features/component/player.builder.features.component.html\n// module id = 1460\n// module chunks = 1","module.exports = \"\\n
\\n\\tBuild name : \\n\\t
\\n\\n\\n
\\n\\n\\n
\\n\\n\\n
\\n\\n\\n
\\n\\n\\n\\n
\\n\\n\\n
\\n\\n\\n
\\n\"\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/module/player/modules/builder/modules/general/component/player.builder.general.component.html\n// module id = 1461\n// module chunks = 1","module.exports = \"
\\n\\t{{label}}
\\n
\\n\\t\\n\\t\\t{{formatText(option)}} \\n\\t \\n\\t
\\n\"\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/module/player/modules/builder/modules/@common/icon/component/select/player.builder.icon.select.component.html\n// module id = 1462\n// module chunks = 1","module.exports = \"\\n
\\n\\n\\n
\\n\\t\\n\\t\\n\\t\\t
\\n\\t\\n\\t\\n \\n\\n\\n
\\n\\t\\n\\t\\t
\\n\\t\\n\\t\\t\\n\\t\\t\\tIcon {{data.skinIconFont.family[0]}} {{form.name|lowercase}}:
\\n\\t\\t\\n\\t\\t\\t\\n\\t\\t\\t \\n\\t\\t
\\n\\t \\n \\n\"\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/module/player/modules/builder/modules/icons/component/player.builder.icons.component.html\n// module id = 1463\n// module chunks = 1","module.exports = \"\\n\\n\\n
\\n\\n\\n
\\n\\n\\n
\\n\\n\\n
\\n\\n\\n
\\n\\n\\n\"\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/module/player/modules/builder/modules/playback/component/player.builder.playback.component.html\n// module id = 1464\n// module chunks = 1","module.exports = \"\\n
\\n\\n\\n
\\n\\n\\n
\\n\\n\\n
\\n\"\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/module/player/modules/builder/modules/theme/component/player.builder.theme.component.html\n// module id = 1465\n// module chunks = 1","\"use strict\";\nObject.defineProperty(exports, \"__esModule\", { value: true });\nvar core_1 = require(\"@angular/core\");\nvar common_1 = require(\"@angular/common\");\nvar codemirror_component_1 = require(\"./codemirror.component\");\n/**\n * CodemirrorModule\n */\nvar CodemirrorModule = (function () {\n function CodemirrorModule() {\n }\n return CodemirrorModule;\n}());\nCodemirrorModule.decorators = [\n { type: core_1.NgModule, args: [{\n imports: [\n common_1.CommonModule\n ],\n declarations: [\n codemirror_component_1.CodemirrorComponent,\n ],\n exports: [\n codemirror_component_1.CodemirrorComponent,\n ]\n },] },\n];\n/** @nocollapse */\nCodemirrorModule.ctorParameters = function () { return []; };\nexports.CodemirrorModule = CodemirrorModule;\n//# sourceMappingURL=codemirror.module.js.map\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./node_modules/ng2-codemirror/lib/codemirror.module.js\n// module id = 1466\n// module chunks = 1","module.exports = \"\\n
\\n\\tEmbed code generator for player named: \\\"{{playerData.name}}\\\" \\n\\t\\n\\t\\t
embed method: \\n\\t\\t
\\n\\t\\t\\tiframe \\n\\t\\t
\\n\\t\\t
\\n\\t\\t\\tscript \\n\\t\\t
\\n\\t
\\n\\n
\\n\\t\\n\\t
\\n\\t\\t{{method}} player preview: \\n\\t\\t\\n\\t\\t\\n\\t\\t\\tpreview scale: \\n\\t\\t\\t \\n\\t\\t\\t {{previewScale * 100}}% \\n\\t\\t \\n\\t
\\n\\t\\n\\t
\\n\\t\\t\\n\\t\\t\\n\\t
\\n
\\n\\n
\\n\\t
\\n\\n
\\n\\t{{method}} generator settings: \\n\\t\\n\\t{{method}} embed code to clipboard
\\n\\n
\\n\"\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/module/player/modules/embedcode/component/player.embed.code.component.html\n// module id = 1467\n// module chunks = 1","module.exports = \":host {\\n display: -webkit-box;\\n display: -ms-flexbox;\\n display: flex;\\n -webkit-box-orient: vertical;\\n -webkit-box-direction: normal;\\n -ms-flex-direction: column;\\n flex-direction: column;\\n min-width: 400px;\\n max-width: 1024px; }\\n :host .view-label, :host .copy, :host .code, :host .preview, :host .preview-label, :host .preview-frames {\\n display: -webkit-box;\\n display: -ms-flexbox;\\n display: flex;\\n margin: 0 0 0.5em 0; }\\n :host .view-label {\\n -webkit-box-orient: horizontal;\\n -webkit-box-direction: normal;\\n -ms-flex-direction: row;\\n flex-direction: row;\\n -webkit-box-align: start;\\n -ms-flex-align: start;\\n align-items: flex-start;\\n -webkit-box-pack: justify;\\n -ms-flex-pack: justify;\\n justify-content: space-between; }\\n :host .view-label .embed-method {\\n display: -webkit-box;\\n display: -ms-flexbox;\\n display: flex;\\n -webkit-box-align: center;\\n -ms-flex-align: center;\\n align-items: center;\\n -webkit-box-pack: end;\\n -ms-flex-pack: end;\\n justify-content: flex-end;\\n -ms-flex-wrap: wrap;\\n flex-wrap: wrap;\\n -webkit-box-orient: horizontal;\\n -webkit-box-direction: normal;\\n -ms-flex-direction: row;\\n flex-direction: row;\\n font-size: 0.9em; }\\n :host .view-label .embed-method .embed-method-label {\\n margin: 0 0.25em 0 0; }\\n :host .view-label .embed-method .embed-btn {\\n display: -webkit-box;\\n display: -ms-flexbox;\\n display: flex;\\n -webkit-box-align: center;\\n -ms-flex-align: center;\\n align-items: center;\\n -webkit-box-pack: start;\\n -ms-flex-pack: start;\\n justify-content: flex-start; }\\n :host .view-label .embed-method .embed-btn * {\\n cursor: pointer; }\\n :host .view-label .embed-method .embed-btn label {\\n height: 26px;\\n line-height: 26px;\\n margin: 0 0.25em 0 0; }\\n :host .view-label .embed-method .embed-btn input[type=radio] {\\n margin: 0 0.25em 0 0;\\n height: 26px; }\\n :host .preview {\\n -webkit-box-orient: vertical;\\n -webkit-box-direction: normal;\\n -ms-flex-direction: column;\\n flex-direction: column;\\n border: 1px solid #e8e8e8;\\n padding: 0.5em;\\n border-radius: 3px;\\n background-color: rgba(255, 255, 255, 0.69); }\\n :host .preview-label {\\n -webkit-box-flex: 1;\\n -ms-flex: 1;\\n flex: 1;\\n -webkit-box-orient: horizontal;\\n -webkit-box-direction: normal;\\n -ms-flex-direction: row;\\n flex-direction: row;\\n -webkit-box-align: center;\\n -ms-flex-align: center;\\n align-items: center;\\n -webkit-box-pack: justify;\\n -ms-flex-pack: justify;\\n justify-content: space-between; }\\n :host .preview-scale {\\n display: -webkit-box;\\n display: -ms-flexbox;\\n display: flex;\\n -webkit-box-orient: horizontal;\\n -webkit-box-direction: normal;\\n -ms-flex-direction: row;\\n flex-direction: row;\\n -webkit-box-align: center;\\n -ms-flex-align: center;\\n align-items: center;\\n -webkit-box-pack: center;\\n -ms-flex-pack: center;\\n justify-content: center;\\n white-space: nowrap; }\\n :host .preview-scale small {\\n pointer-events: none; }\\n :host .preview-frames {\\n position: relative;\\n z-index: 0;\\n -webkit-box-flex: 1;\\n -ms-flex: 1;\\n flex: 1;\\n -webkit-box-orient: horizontal;\\n -webkit-box-direction: normal;\\n -ms-flex-direction: row;\\n flex-direction: row;\\n -webkit-box-align: center;\\n -ms-flex-align: center;\\n align-items: center;\\n -webkit-box-pack: center;\\n -ms-flex-pack: center;\\n justify-content: center; }\\n :host .preview-frames iframe {\\n background-color: black; }\\n :host .code {\\n -webkit-box-flex: 1;\\n -ms-flex: 1;\\n flex: 1;\\n -webkit-box-orient: vertical;\\n -webkit-box-direction: normal;\\n -ms-flex-direction: column;\\n flex-direction: column;\\n font-size: 0.9em; }\\n :host .code /deep/.CodeMirror {\\n height: inherit;\\n border-radius: 3px;\\n font-size: 0.9em; }\\n :host .code /deep/.CodeMirror .cm-string {\\n line-break: anywhere; }\\n :host .copy {\\n -webkit-box-orient: horizontal;\\n -webkit-box-direction: normal;\\n -ms-flex-direction: row;\\n flex-direction: row;\\n -webkit-box-align: center;\\n -ms-flex-align: center;\\n align-items: center;\\n -webkit-box-pack: justify;\\n -ms-flex-pack: justify;\\n justify-content: space-between; }\\n :host .copy-from {\\n width: 0 !important;\\n height: 0 !important;\\n resize: none !important;\\n border: none !important;\\n outline: none !important;\\n background: transparent !important;\\n color: transparent !important; }\\n :host .form-con {\\n display: -webkit-box;\\n display: -ms-flexbox;\\n display: flex;\\n -webkit-box-orient: horizontal;\\n -webkit-box-direction: normal;\\n -ms-flex-direction: row;\\n flex-direction: row;\\n -ms-flex-wrap: wrap;\\n flex-wrap: wrap;\\n -webkit-box-align: stretch;\\n -ms-flex-align: stretch;\\n align-items: stretch;\\n -webkit-box-pack: start;\\n -ms-flex-pack: start;\\n justify-content: flex-start; }\\n :host .form-con .form-row {\\n display: -webkit-box;\\n display: -ms-flexbox;\\n display: flex;\\n -webkit-box-orient: horizontal;\\n -webkit-box-direction: normal;\\n -ms-flex-direction: row;\\n flex-direction: row;\\n -webkit-box-align: end;\\n -ms-flex-align: end;\\n align-items: flex-end;\\n -webkit-box-pack: start;\\n -ms-flex-pack: start;\\n justify-content: flex-start; }\\n :host .form-label label small {\\n font-weight: 200;\\n font-size: x-small; }\\n :host .form .form-group, :host .form .form-row {\\n width: 100%; }\\n :host .form .form-group .form-fields, :host .form .form-row .form-fields {\\n width: 100%; }\\n :host .form .media-src .form-label {\\n display: -webkit-box;\\n display: -ms-flexbox;\\n display: flex;\\n -webkit-box-align: center;\\n -ms-flex-align: center;\\n align-items: center;\\n -webkit-box-pack: justify;\\n -ms-flex-pack: justify;\\n justify-content: space-between; }\\n :host .form .duration {\\n margin-right: 0.5em;\\n max-width: 150px; }\\n\"\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/module/player/modules/embedcode/component/player.embed.code.component.scss\n// module id = 1468\n// module chunks = 1","module.exports = \"\\n\\n
\\n\\t
\\n\\t
\\n\\n\\t\\t
\\n\\t\\t\\t
{{ 'PLAYER.EMBEDER.PANEL_TITLE.FORM' | translate:lang }}
\\n\\t\\t
\\n\\n\\t\\t
\\n\\t\\t\\t\\n\\t\\t\\t
\\n\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t
\\n\\t\\t\\t\\t\\t{{ 'PLAYER.EMBEDER.INPUT.TYPE.LABEL' | translate:lang }} :
\\n\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t
\\n\\t\\t\\t\\t\\t{{ 'PLAYER.EMBEDER.INPUT.' + name.toUpperCase() + '.LABEL' | translate:lang }}: \\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t \\n\\t\\t\\t\\t
\\n\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t
\\n\\t\\t\\t\\t
\\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t{{ 'PLAYER.EMBEDER.INPUT.' + name.toUpperCase() + '.LABEL' | translate:lang }}: \\n\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t \\n\\t\\t\\t\\t\\t
\\n\\t\\t\\t\\t \\n\\t\\t\\t
\\n\\t\\t\\t\\n\\t\\t\\t
\\n\\t\\t
\\n\\n\\t
\\n
\\n\\n
\\n\\t\\n\\t
\\n\\t\\t
\\n\\t\\t\\t
{{ 'PLAYER.EMBEDER.PANEL_TITLE.PREVIEW' | translate:lang }} {{formatTypeLabel()}}
\\n\\t\\t
\\n\\t\\t
\\n\\t\\t\\t
\\n\\t\\t\\t
preview in new window \\n\\t\\t
\\n\\t
\\n
\"\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/module/player/modules/embeder/component/player.embeder.view.component.html\n// module id = 1469\n// module chunks = 1","module.exports = \".player-info-summary span {\\n font-size: 14px;\\n line-height: 30px; }\\n\\n.player-info-summary .download-zip {\\n float: right;\\n margin-left: 15px; }\\n\\n.player-info-summary .back-button {\\n float: right;\\n margin-left: 15px; }\\n\\n.form-panel .input-cell {\\n padding: 10px 15px; }\\n\\n.form-panel .input-cell dropdown {\\n width: 190px; }\\n\\n.form-panel .input-cell dropdown /deep/.btn {\\n font-weight: 400; }\\n\\n.form-panel .optional-parameters-btn-con {\\n padding: 10px 15px; }\\n\\n.form-panel .optional-parameters-btn-con .optional-parameters-btn {\\n cursor: pointer;\\n text-decoration: none; }\\n\\n.form-panel .copy-btn {\\n float: right;\\n cursor: pointer;\\n text-decoration: none;\\n margin-top: 5px; }\\n\\n@media screen and (max-width: 1200px) {\\n .form-panel .col-lg-6 {\\n clear: both; } }\\n\\n.preview-panel .panel-body {\\n text-align: center; }\\n\"\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/module/player/modules/embeder/component/player.embeder.view.component.scss\n// module id = 1470\n// module chunks = 1","module.exports = {\"target\":\"html5\",\"dataReportErrors\":true,\"dataProvider\":[{\"title\":\"Tears of steel\",\"duration\":45,\"source\":[{\"url\":\"https://bradmax.com/static/video/tears_of_steel.mp4\",\"contentType\":\"movie\",\"width\":1280,\"height\":534,\"bitrate\":191999}],\"splashImages\":[{\"url\":\"https://bradmax.com/static/images/startsplash.jpg\",\"width\":956,\"height\":397}],\"mediaDetails\":{\"tags\":[\"bradmax.com\",\"landing page\",\"Tears of steal\",\"mp4\",\"Open Movie\",\"Blender Foundation\"],\"genres\":[{\"name\":\"sci-fi\"},{\"name\":\"adventure\"}],\"descriptionLong\":\"This is the fourth Open Movie by Blender Foundation, re-rendered and re-graded in 4k resolution. (This is the HD scaled down version). Visit http://www.tearsofsteel.org for more information or downloads. All data for the film is available under Creative Commons Attribution. \\\"Tears of Steel\\\" was realized with crowd-funding by users of the open source 3D creation tool Blender. Target was to improve and test a complete open and free pipeline for visual effects in film - and to make a compelling sci-fi film in Amsterdam, the Netherlands.\",\"descriptionShort\":\"\\\"Tears of Steel\\\" was realized with crowd-funding by users of the open source 3D creation tool Blender.\",\"year\":2013,\"mediaCast\":[\"Derek de Lint\",\"Sergio Hasselbaink\",\"Rogier Schippers\",\"Vanja Rukavina\",\"Denise Rebergen\",\"Jody Bhe\",\"Chris Haley\"],\"directors\":[\"Ian Hubert\"]}},{\"title\":\"Big Buck Bunny\",\"duration\":573.6,\"source\":[{\"url\":\"https://bradmax.com/static/video/tears_of_steel.mp4\"}],\"splashImages\":[{\"url\":\"https://bradmax.com/static/images/splash_big.buck.bunny.jpg\",\"width\":620,\"height\":348}]},{\"title\":\"Cosmos Laundromat\",\"duration\":726.6,\"source\":[{\"url\":\"https://bradmax.com/static/video/tears_of_steel.mp4\"}],\"splashImages\":[{\"url\":\"https://bradmax.com/static/images/splash_cosmos.laundromat.jpg\",\"width\":1200,\"height\":800}]},{\"title\":\"Elephants Dream\",\"duration\":632.4,\"source\":[{\"url\":\"https://bradmax.com/static/video/tears_of_steel.mp4\"}],\"splashImages\":[{\"url\":\"https://bradmax.com/static/images/splash_elephant.dream.jpg\",\"width\":1920,\"height\":1080}]},{\"title\":\"Sintel\",\"duration\":868.8,\"source\":[{\"url\":\"https://bradmax.com/static/video/tears_of_steel.mp4\"}],\"splashImages\":[{\"url\":\"https://bradmax.com/static/images/splash_sintel.png\",\"width\":1920,\"height\":817}]},{\"title\":\"Sita Sings the Blues\",\"duration\":4879.2,\"source\":[{\"url\":\"https://bradmax.com/static/video/tears_of_steel.mp4\"}],\"splashImages\":[{\"url\":\"https://bradmax.com/static/images/splash_sita.sings.the.blues.jpg\",\"width\":960,\"height\":540}]},{\"title\":\"Caminandes 1: Llama Drama\",\"duration\":91,\"source\":[{\"url\":\"https://bradmax.com/static/video/tears_of_steel.mp4\"}],\"splashImages\":[{\"url\":\"https://bradmax.com/static/images/splash_caminandes.1.jpg\",\"width\":1920,\"height\":1080}]},{\"title\":\"Caminandes 2: Gran Dillama\",\"duration\":136.2,\"source\":[{\"url\":\"https://bradmax.com/static/video/tears_of_steel.mp4\"}],\"splashImages\":[{\"url\":\"https://bradmax.com/static/images/splash_caminandes.2.jpg\",\"width\":1920,\"height\":1080}]},{\"title\":\"Caminandes 3: Llamigos\",\"duration\":138.6,\"source\":[{\"url\":\"https://bradmax.com/static/video/tears_of_steel.mp4\"}],\"splashImages\":[{\"url\":\"https://bradmax.com/static/images/splash_caminandes.3.jpg\",\"width\":1920,\"height\":1080}]},{\"title\":\"Tears of steel\",\"duration\":734.097415,\"source\":[{\"url\":\"https://bradmax.com/static/video/tears_of_steel.mp4\"}],\"splashImages\":[{\"url\":\"https://bradmax.com/static/images/splash_tears.of.steel.jpg\",\"width\":1615,\"height\":675}]}]}\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/module/player/modules/legacy/configurator/component/preview/video/player.configurator.preview.video.provider.json\n// module id = 1471\n// module chunks = 1","module.exports = \"
\\n\\t\\n\\t\\t
\\n\\t\\t\\t
\\n\\t\\t\\t\\t
\\n\\t\\t\\t\\t\\t{{ group.name | capitalizeFirst }} setup: \\n\\t\\t\\t\\t\\t( expand section ) \\n\\t\\t\\t\\t\\t( fold section ) \\n\\t\\t\\t\\t \\n\\t\\t\\t\\t
\\n\\t\\t\\t\\t\\tBasic setup \\n\\t\\t\\t\\t\\tAdvanced setup \\n\\t\\t\\t\\t
\\n\\t\\t\\t
\\n\\t\\t\\t
\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t \\n\\t\\t\\t \\n\\t\\t
\\n\\t
\\n\"\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/module/player/modules/legacy/configurator/component/form/groups/player.configurator.form.groups.html\n// module id = 1472\n// module chunks = 1","module.exports = \":host {\\n /** enable/disable switch */\\n /** disabled form */ }\\n :host switch {\\n display: block;\\n margin: 25px 15px;\\n font-size: 1.2em; }\\n :host .disabled {\\n pointer-events: none;\\n cursor: default;\\n opacity: 0.25; }\\n :host .list-group {\\n margin: 0;\\n padding: 0; }\\n :host .list-group .list-group-item {\\n border-radius: 0;\\n border-bottom: none;\\n border-right: none;\\n border-left: none;\\n margin: 0;\\n padding: 10px;\\n background: none; }\\n :host .list-group .list-group-item:first-of-type {\\n border-top: none; }\\n :host .list-group .list-group-item:last-of-type {\\n border-bottom: none; }\\n :host .list-group .list-group-item .list-group-item-heading {\\n margin: 0; }\\n :host .list-group .list-group-item .list-group-item-heading > * {\\n display: inline-block; }\\n :host .list-group .list-group-item .list-group-item-heading > .btn-group {\\n margin-top: 10px; }\\n :host .list-group .list-group-item .list-group-item-heading > .btn-group .btn.active {\\n cursor: auto;\\n pointer-events: none; }\\n :host .list-group .list-group-item .list-group-item-heading > h4 {\\n position: relative;\\n color: inherit;\\n cursor: pointer;\\n opacity: 0.85;\\n text-decoration: none; }\\n :host .list-group .list-group-item .list-group-item-heading > h4 i {\\n opacity: 0.5;\\n font-size: 0.9em;\\n margin: 0 5px; }\\n :host .list-group .list-group-item .list-group-item-heading > h4 small {\\n position: absolute;\\n left: 2em;\\n top: 2em;\\n opacity: 0;\\n visibility: hidden; }\\n :host .list-group .list-group-item .list-group-item-heading > h4:hover {\\n opacity: 1; }\\n :host .list-group .list-group-item .list-group-item-heading > h4:hover i {\\n opacity: 1; }\\n :host .list-group .list-group-item .list-group-item-heading > h4:hover small {\\n opacity: 1;\\n visibility: visible; }\\n\"\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/module/player/modules/legacy/configurator/component/form/groups/player.configurator.form.groups.scss\n// module id = 1473\n// module chunks = 1","module.exports = \"\\n{{'PLAYER.CONFIG.DOCS.TEXT'|translate:lang}}
{{'PLAYER.CONFIG.DOCS.LINK'|translate:lang}} \\n\"\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/module/player/modules/legacy/configurator/component/form/inputs/docsLink/docsLink.component.html\n// module id = 1474\n// module chunks = 1","module.exports = \":host {\\n display: inline-block;\\n white-space: normal;\\n padding-top: 10px;\\n color: #868686;\\n font-weight: 400;\\n font-size: 0.9em; }\\n\"\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/module/player/modules/legacy/configurator/component/form/inputs/docsLink/docsLink.component.scss\n// module id = 1475\n// module chunks = 1","module.exports = \"
\\n\\t\\n\\t
\\n\\t\\n\\t
\\n\\t\\n\\t
\\n\\t\\n\\t
\\n\\t\\n\\t
\\n\\t\\n\\t
\\n\\t\\n\\t\\n\\t\\n\\t
\\n\\t\\n\\t\\n\\t\\n\\t\\n
\\n\"\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/module/player/modules/legacy/configurator/component/form/inputs/player.configurator.form.inputs.html\n// module id = 1476\n// module chunks = 1","module.exports = \":host {\\n display: inline-block;\\n vertical-align: top; }\\n :host.form-group-inputs-full {\\n width: 100%; }\\n :host.form-group-inputs-small {\\n width: 50%;\\n min-width: 265px; }\\n :host.color {\\n float: left; }\\n :host.hidden {\\n display: block; }\\n :host .form-group {\\n position: relative;\\n margin: 10px 0 0 0;\\n padding: 10px 15px;\\n border: 1px solid #efefef;\\n white-space: nowrap; }\\n :host .form-group .form-label {\\n color: #212121;\\n white-space: normal;\\n font-weight: 400; }\\n :host .form-group .form-reset-btn {\\n cursor: pointer;\\n float: right;\\n opacity: 0.9;\\n margin-bottom: 5px; }\\n :host .form-group .form-reset-btn:hover {\\n opacity: 1; }\\n :host .form-group .form-comp {\\n min-width: 250px;\\n overflow: hidden;\\n white-space: normal; }\\n :host .form-group .form-comp.todo {\\n background: lightgoldenrodyellow; }\\n :host .form-group .form-comp.overflow-visible {\\n overflow: visible; }\\n :host .form-group .form-comp /deep/ image-grid .skin-gorilla span {\\n left: 4%;\\n bottom: 22%; }\\n :host .form-group .form-comp /deep/ image-grid .skin-mole span {\\n left: 5%;\\n bottom: 15%; }\\n :host .form-group .form-comp /deep/ image-grid .skin-snake span {\\n left: 3%;\\n bottom: 15%; }\\n :host .form-group .form-comp /deep/ image-grid .skin-zebra span {\\n left: 6%;\\n bottom: 21%; }\\n :host .form-group .form-comp .btn-reset {\\n position: absolute;\\n top: 6px;\\n right: 0; }\\n :host.reset .form-group {\\n border: none; }\\n\"\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/module/player/modules/legacy/configurator/component/form/inputs/player.configurator.form.inputs.scss\n// module id = 1477\n// module chunks = 1","module.exports = \"
\\n\\t
\\n\"\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/module/player/modules/legacy/configurator/component/form/player.configurator.form.html\n// module id = 1478\n// module chunks = 1","module.exports = \":host {\\n display: block;\\n margin: 0; }\\n :host .outlet {\\n display: block;\\n position: relative;\\n padding-bottom: 50px; }\\n\"\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/module/player/modules/legacy/configurator/component/form/player.configurator.form.scss\n// module id = 1479\n// module chunks = 1","module.exports = \"
\\n
\\n
\\n \\n save changes \\n
\\n
\\n configuration name: \\n
\\n
\\n\\n\\n\"\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/module/player/modules/legacy/configurator/component/preview/player.configurator.preview.html\n// module id = 1480\n// module chunks = 1","module.exports = \":host {\\n display: block;\\n padding: 20px 10px;\\n overflow: hidden;\\n margin: auto;\\n /** HEAD */\\n /** BODY */\\n /** FOOT */ }\\n :host .player-panel-head {\\n position: absolute;\\n top: 0;\\n left: 0;\\n right: 0;\\n height: 100px;\\n overflow: hidden;\\n padding: 20px;\\n background: #eeeeee; }\\n :host .player-panel-head .configuration-name {\\n width: 50%;\\n margin: 0; }\\n :host .player-panel-head .configuration-name label {\\n color: inherit;\\n width: 100%;\\n margin-top: 0.5em;\\n font-weight: 200; }\\n :host .player-panel-head .configuration-name input {\\n margin: 0 0 10px;\\n color: inherit; }\\n :host .player-panel-head .configuration-buttons {\\n float: right;\\n width: 50%;\\n text-align: right; }\\n :host .player-panel-head .configuration-buttons button {\\n padding: 10px 20px;\\n font-size: 1.4rem;\\n margin: 10px 0;\\n color: white; }\\n :host .player-panel-body {\\n position: absolute;\\n top: 0;\\n left: 0;\\n right: 0;\\n bottom: 0;\\n padding: 10px;\\n overflow: hidden;\\n background: #eeeeee; }\\n :host .player-panel-foot {\\n position: absolute;\\n bottom: 0;\\n left: 0;\\n right: 0;\\n padding: 20px;\\n background: #eeeeee; }\\n :host .player-panel-foot .player-state {\\n margin-top: 5px;\\n position: relative;\\n margin-right: 64px; }\\n :host .player-panel-foot .player-state span {\\n padding: 15px 0;\\n float: left;\\n text-align: center;\\n cursor: pointer;\\n background: #FFF;\\n border: 1px solid #FFF;\\n opacity: 0.5; }\\n :host .player-panel-foot .player-state span:hover {\\n opacity: 0.75; }\\n :host .player-panel-foot .player-state span.active {\\n opacity: 1; }\\n :host .player-panel-foot .player-state span:nth-child(1) {\\n width: 25%;\\n border-right-color: #888; }\\n :host .player-panel-foot .player-state span:nth-child(2) {\\n width: 50%;\\n border-right-color: #888;\\n border-left-color: #888; }\\n :host .player-panel-foot .player-state span:nth-child(3) {\\n width: 25%;\\n border-left-color: #888; }\\n :host .player-panel-foot .player-state span i {\\n color: #333;\\n font-weight: bold; }\\n :host .player-panel-foot .player-state span small {\\n color: #666; }\\n\"\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/module/player/modules/legacy/configurator/component/preview/player.configurator.preview.scss\n// module id = 1481\n// module chunks = 1","module.exports = \"
\\n
\\n\"\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/module/player/modules/legacy/configurator/component/view/player.configurator.view.html\n// module id = 1482\n// module chunks = 1","module.exports = \":host .preview {\\n position: fixed;\\n top: 0px;\\n left: 500px;\\n right: 0;\\n bottom: 0;\\n min-width: 500px; }\\n\\n:host .form {\\n position: absolute;\\n top: 0px;\\n left: 200px;\\n bottom: 0;\\n width: 300px;\\n overflow-x: hidden;\\n overflow-y: auto;\\n background: #fefefe; }\\n\\n:host .form::-webkit-scrollbar {\\n width: 8px;\\n height: 8px;\\n background: none; }\\n\\n:host .form::-webkit-scrollbar-track {\\n -webkit-box-shadow: none;\\n box-shadow: none;\\n background: #EEEEEE; }\\n\\n:host .form::-webkit-scrollbar-thumb:window-inactive {\\n background: #DDDDDD; }\\n\\n:host .form::-webkit-scrollbar-thumb {\\n background: #CCCCCC; }\\n\\n:host .preview.with-header, :host .form.with-header {\\n top: 56px; }\\n\\n@media (min-width: 1201px) {\\n :host .preview {\\n left: 600px; }\\n :host .form {\\n width: 400px; } }\\n\\n@media (min-width: 1401px) {\\n :host .preview {\\n left: 700px; }\\n :host .form {\\n width: 500px; } }\\n\\n@media (min-width: 1601px) {\\n :host .preview {\\n left: 800px; }\\n :host .form {\\n width: 600px; } }\\n\"\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/module/player/modules/legacy/configurator/component/view/player.configurator.view.scss\n// module id = 1483\n// module chunks = 1","module.exports = \"\\n
\\n\\t\\n\\t\\t \\n\\t\\n\\t\\t \\n\\t\\n\\t\\t \\n
\\n
\\n\\t
\\n\\t\\t
{{ 'PLAYER.LIST.SELECTED_COUNT' | translate : lang }}: {{ selectedItemCount }}
\\n\\t\\t\\n\\t
\\n\\t
\\n
\\n\"\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/module/player/modules/list/component/player.list.view.component.html\n// module id = 1484\n// module chunks = 1","module.exports = \"@-webkit-keyframes fa-spinner-rotate-animation {\\n 0% {\\n -webkit-transform: rotate(0deg);\\n transform: rotate(0deg); }\\n 100% {\\n -webkit-transform: rotate(360deg);\\n transform: rotate(360deg); } }\\n\\n@keyframes fa-spinner-rotate-animation {\\n 0% {\\n -webkit-transform: rotate(0deg);\\n transform: rotate(0deg); }\\n 100% {\\n -webkit-transform: rotate(360deg);\\n transform: rotate(360deg); } }\\n\\n:host .fa-spinner.rotation {\\n -webkit-animation: fa-spinner-rotate-animation 0.7s infinite steps(8);\\n animation: fa-spinner-rotate-animation 0.7s infinite steps(8);\\n -webkit-transform: translateZ(0);\\n transform: translateZ(0);\\n -webkit-transform-origin: 50% 50%;\\n transform-origin: 50% 50%; }\\n\\n:host .list-container {\\n padding: 10px;\\n border-radius: 5px; }\\n\\n:host .config-btns {\\n margin-bottom: 15px; }\\n\\n:host .config-btns .btn {\\n margin: 2px; }\\n\\n:host .config-info {\\n width: 100%;\\n height: 20px; }\\n\\n:host .config-list {\\n display: inline-block;\\n font-size: 0;\\n padding: 0;\\n width: 100%;\\n height: auto; }\\n\\n:host .config-list .config-list-header, :host .config-list .config-item {\\n display: inline-block;\\n width: inherit;\\n margin: 0;\\n padding: 0;\\n color: inherit;\\n text-decoration: none;\\n -webkit-box-shadow: none;\\n box-shadow: none; }\\n\\n:host .config-list .config-list-header::after, :host .config-list .config-list-header::before, :host .config-list .config-item::after, :host .config-list .config-item::before {\\n display: none;\\n content: ''; }\\n\\n:host .config-list .config-list-header .cell, :host .config-list .config-item .cell {\\n display: inline-block;\\n white-space: nowrap; }\\n\\n:host .config-list .config-list-header .cell.cell-name, :host .config-list .config-item .cell.cell-name {\\n text-align: left;\\n padding-left: 32px;\\n overflow: hidden; }\\n\\n:host .config-list .config-list-header .cell.cell-created, :host .config-list .config-item .cell.cell-created {\\n text-align: center;\\n font-size: 0.9em; }\\n\\n:host .config-list .config-list-header .cell.cell-updated, :host .config-list .config-item .cell.cell-updated {\\n text-align: center;\\n font-size: 0.9em; }\\n\\n:host .config-list .config-list-header .cell.cell-buttons, :host .config-list .config-item .cell.cell-buttons {\\n text-align: right; }\\n\\n@media (max-width: 640px) {\\n :host .config-list .config-list-header .cell.cell-buttons span, :host .config-list .config-item .cell.cell-buttons span {\\n display: none; } }\\n\\n:host .config-list .config-list-header .cell.small-line, :host .config-list .config-item .cell.small-line {\\n line-height: 15px; }\\n\\n:host .config-list .config-list-header {\\n font-size: 12px; }\\n\\n:host .config-list .config-list-header .cell {\\n vertical-align: bottom; }\\n\\n:host .config-list .config-list-header .cell-updated, :host .config-list .config-list-header .cell-created {\\n cursor: pointer;\\n color: inherit;\\n text-decoration: none; }\\n\\n:host .config-list .config-list-header .cell-updated i, :host .config-list .config-list-header .cell-created i {\\n opacity: 0.25; }\\n\\n:host .config-list .config-list-header .cell-updated i.active, :host .config-list .config-list-header .cell-created i.active {\\n opacity: 1; }\\n\\n:host .config-list .config-item {\\n position: relative;\\n padding: 0 0;\\n font-size: 14px;\\n border-top: 2px solid white; }\\n\\n:host .config-list .config-item .cell {\\n vertical-align: middle;\\n height: 38px;\\n line-height: 38px;\\n padding-right: 0; }\\n\\n:host .config-list .config-item .cell.cell-name {\\n position: relative;\\n color: #335eea; }\\n\\n:host .config-list .config-item .cell.cell-name i.fa {\\n cursor: pointer;\\n position: absolute;\\n left: 10px;\\n top: 12px;\\n opacity: 0.24; }\\n\\n:host .config-list .config-item .cell.cell-buttons {\\n display: -webkit-box;\\n display: -ms-flexbox;\\n display: flex;\\n -webkit-box-orient: horizontal;\\n -webkit-box-direction: normal;\\n -ms-flex-direction: row;\\n flex-direction: row;\\n -ms-flex-line-pack: center;\\n align-content: center;\\n -webkit-box-align: center;\\n -ms-flex-align: center;\\n align-items: center;\\n -webkit-box-pack: end;\\n -ms-flex-pack: end;\\n justify-content: flex-end; }\\n\\n:host .config-list .config-item .cell.cell-buttons .btn {\\n margin-left: 0.25em;\\n margin-right: 0.25em; }\\n\\n:host .config-list .config-item .cell.cell-buttons .btn:first-child {\\n margin-left: 0; }\\n\\n:host .config-list .config-item .cell.cell-buttons .btn:last-child {\\n margin-right: 0; }\\n\\n:host .config-list .config-item .clickable {\\n cursor: pointer;\\n background: transparent;\\n display: block; }\\n\\n:host .config-list .config-item:last-of-type {\\n border-bottom: 2px solid white; }\\n\\n:host .config-list .config-item:hover, :host .config-list .config-item:focus, :host .config-list .config-item:active {\\n color: inherit;\\n text-decoration: none;\\n -webkit-box-shadow: none;\\n box-shadow: none; }\\n\\n:host .config-list .config-item:hover {\\n background: #EEE; }\\n\\n:host .config-list .config-item.selected {\\n background: #DDD; }\\n\\n:host .config-list .config-item.selected .cell-name i.fa {\\n opacity: 1; }\\n\"\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/module/player/modules/list/component/player.list.view.component.scss\n// module id = 1485\n// module chunks = 1","module.exports = \"\\n
\\n
\\n\\t
{{'PLAYER.VERSIONS.MESSAGE.EMPTY' | translate:lang}} \\n\\t
\\n
\\n\"\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/module/player/modules/versions/component/player.versions.view.component.html\n// module id = 1486\n// module chunks = 1","module.exports = \":host .versions-container {\\n padding: 10px;\\n background: #fff;\\n border-radius: 5px; }\\n\\n:host .timeline:before {\\n content: '';\\n position: absolute;\\n top: 54px;\\n bottom: 44px;\\n width: 5px;\\n left: 20%;\\n margin-left: -2.5px;\\n background: #c8c8c8; }\\n\\n:host .timeline li .timeline-time {\\n padding-top: 1.7rem; }\\n\\n:host .timeline li .timeline-time .date {\\n line-height: 1.55rem;\\n font-size: 1.5rem;\\n color: #212121; }\\n\\n:host .timeline li .timeline-time .time {\\n line-height: 1.15rem;\\n font-size: 1.1rem;\\n color: #212121; }\\n\\n:host .timeline li .timeline-icon a {\\n background-color: #c8c8c8;\\n border-color: #c8c8c8; }\\n\\n:host .timeline li .timeline-body {\\n border: 1px solid transparent;\\n border-color: #c8c8c8;\\n color: #212121; }\\n\\n:host .timeline li .timeline-body:before {\\n border-right-color: #c8c8c8; }\\n\\n:host .timeline li .timeline-body .timeline-footer {\\n background: #c8c8c8; }\\n\\n:host .timeline li .timeline-body .timeline-footer, :host .timeline li .timeline-body .timeline-footer a {\\n color: #212121; }\\n\\n:host .timeline li.active:before {\\n content: '';\\n position: absolute;\\n top: 54px;\\n bottom: 44px;\\n width: 5px;\\n left: 20%;\\n margin-left: -2.5px;\\n background: #c8c8c8; }\\n\\n:host .timeline li.active:before {\\n background: #c8c8c8;\\n background: -webkit-gradient(linear, left bottom, left top, from(#c8c8c8), color-stop(75%, #335eea));\\n background: linear-gradient(to top, #c8c8c8 0%, #335eea 75%); }\\n\\n:host .timeline li.active .timeline-time .date {\\n color: #335eea; }\\n\\n:host .timeline li.active .timeline-time .time {\\n color: #335eea; }\\n\\n:host .timeline li.active .timeline-icon a {\\n background-color: #335eea;\\n border-color: #335eea; }\\n\\n:host .timeline li.active .timeline-body {\\n border-color: #335eea; }\\n\\n:host .timeline li.active .timeline-body:before {\\n border-right-color: #335eea; }\\n\\n:host .timeline li.active .timeline-body .timeline-footer {\\n background: #335eea; }\\n\\n:host .timeline li.active .timeline-body .timeline-footer, :host .timeline li.active .timeline-body .timeline-footer a {\\n color: #fcfcfc; }\\n\"\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/module/player/modules/versions/component/player.versions.view.component.scss\n// module id = 1487\n// module chunks = 1","import { AfterViewInit, ChangeDetectionStrategy, Component, OnInit } from '@angular/core';\nimport { Router } from '@angular/router';\nimport { ActivatedRoute } from '@angular/router';\nimport { LocaleService, Localization, TranslationService } from 'angular-l10n';\nimport { FlashMessagesService } from 'angular2-flash-messages';\n\nimport { AccountResponse, Product, ProductPlan } from '../../../model/api.model';\nimport { AccountService } from '../../../service/account.service';\nimport { BuyCookieService } from '../../../service/buyCookie.service';\nimport { SubscriptionService } from '../../../service/subscription.service';\nimport { UserService } from '../../../service/user.service';\nimport { ViewService } from '../../../service/view.service';\nimport { ModalService } from './../../modal/modal.service';\n\n@Component({\n\tselector: 'products-view',\n\ttemplate: require('./products.view.component.html'),\n\tstyles: [require('./products.view.component.scss')],\n\tchangeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class ProductsView extends Localization implements OnInit, AfterViewInit {\n\tproducts: Product[];\n\taccountProductsIds: Object;\n\n\tconstructor(\n\t\tpublic locale: LocaleService,\n\t\tpublic translation: TranslationService,\n\t\tprivate route: ActivatedRoute,\n\t\tprivate router: Router,\n\t\tprivate user: UserService,\n\t\tprivate accountService: AccountService,\n\t\tprivate view: ViewService,\n\t\tprivate flashMessagesService: FlashMessagesService,\n\t\tprivate subscriptionService: SubscriptionService,\n\t\tprivate modal: ModalService,\n\t\tprivate buyCookie: BuyCookieService) {\n\t\tsuper(locale, translation);\n\t}\n\n\tngOnInit() {\n\t\tthis.route.data.subscribe(d => {\n\t\t\tthis.products = d.products.results;\n\t\t\tthis.accountProductsIds = {};\n\t\t\tfor (let ap of d.accountProducts.results)\n\t\t\t\tthis.accountProductsIds[ap.product_plan.id] = true;\n\n\t\t\t// Preselect product plan if product plan id stored in cookie.\n\t\t\tlet buyCookiePlan = this.buyCookie.read();\n\t\t\tif (buyCookiePlan != null) {\n\t\t\t\t// Find product id by plan id.\n\t\t\t\tlet buyCookieProdId = null;\n\t\t\t\tfor (let p of this.products) {\n\t\t\t\t\tfor(let pp of p.plans) {\n\t\t\t\t\t\tif(pp.id == buyCookiePlan) {\n\t\t\t\t\t\t\tbuyCookieProdId = p.id;\n\t\t\t\t\t\t\tbreak;\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t\tthis.onPlanSelect(buyCookieProdId, buyCookiePlan);\n\t\t\t}\n\t\t});\n\t}\n\n\tngAfterViewInit() {\n\t\tvar itemsSet: any = $('.panel-body.products [rel=\"tooltip\"]');\n\t\titemsSet.tooltip();\n\t}\n\n\tisPlanSelectedForAccount(planId: number): boolean {\n\t\treturn (planId in this.accountProductsIds);\n\t}\n\n\tonPlanSelect(productId: number, planId: number): void {\n\t\tfor (let prod of this.products) {\n\t\t\tif (prod.id == productId) {\n\t\t\t\tfor (let plan of prod.plans) {\n\t\t\t\t\tif (plan.id === planId) {\n\t\t\t\t\t\tthis.checkPlan(plan);\n\t\t\t\t\t\tbreak;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t\tbreak;\n\t\t\t}\n\t\t}\n\t}\n\n\tonPlanContact(planId: number): void {\n\t\t// @HARD FIX: replacing embed contact form with from web page. \n\t\twindow.open('https://www.bradmax.com/site/en/#contact', '_blank');\n\t}\n\n\tprivate checkPlan(plan: ProductPlan) {\n\t\tif (plan.is_contact_required) {\n\t\t\tthis.onPlanContact(plan.id);\n\t\t\treturn;\n\t\t}\n\t\tthis.accountService.get(this.user.accountId).subscribe(\n\t\t\tr => this.checkAccount(r, plan),\n\t\t\te => this.handleError());\n\t}\n\n\tprivate checkAccount(a: AccountResponse, plan: ProductPlan) {\n\t\tif (a.details && a.details.company_name && this.user.accountId) {\n\t\t\tthis.subscriptionService.getSubscriptionOrders(this.user.accountId).subscribe(d => {\n\t\t\t\tlet subscriptionOrderId: number = null;\n\t\t\t\tif (d.count > 0) {\n\t\t\t\t\tfor (let item of d.results) {\n\t\t\t\t\t\tif (item.product_plan === plan.id) {\n\t\t\t\t\t\t\tsubscriptionOrderId = item.id;\n\t\t\t\t\t\t\tbreak;\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t\t//If an SubscriptionOrder for this account+plan already exists, ask the user if he wants to resume\n\t\t\t\tif (subscriptionOrderId !== null)\n\t\t\t\t\tthis.askToReuse(plan, subscriptionOrderId);\n\t\t\t\telse\n\t\t\t\t\tthis.createSubscriptionOrderAction(plan.id);\n\t\t\t}, e => this.handleError());\n\t\t} else\n\t\t\tthis.accountDetailsInvalidAction(plan.id);\n\t}\n\n\tprivate createSubscriptionOrderAction(planId: number) {\n\t\tif (this.user.accountId)\n\t\t\tthis.subscriptionService.createSubscriptionOrder(this.user.accountId, planId).subscribe(\n\t\t\t\td => this.router.navigate(['admin', 'subscription', d.id]),\n\t\t\t\te => this.handleError());\n\t}\n\n\tprivate accountDetailsInvalidAction(planId: number): void {\n\t\tthis.view.spinner(false);\n\t\tthis.modal.prompt(this.translation.translate('PRODUCTS.MESSAGE.ACCOUNT_INVALID'), [\n\t\t\t{\n\t\t\t\tlabel: this.translation.translate('PRODUCTS.BUTTON.YES'), fa: 'check',\n\t\t\t\tclose: true, click: () => this.router.navigate(['admin', 'account', 'details', { plan: planId }])\n\t\t\t}, {\n\t\t\t\tlabel: this.translation.translate('PRODUCTS.BUTTON.CANCEL'), fa: 'times', close: true\n\t\t\t}\n\t\t]);\n\t}\n\n\tprivate askToReuse(plan: ProductPlan, subscriptionOrderId: number) {\n\t\tthis.view.spinner(false);\n\t\tthis.modal.prompt(this.translation.translate('PRODUCTS.MESSAGE.SUBSCRIPTION_REUSE', { name: plan.name }), [\n\t\t\t{\n\t\t\t\tlabel: this.translation.translate('PRODUCTS.BUTTON.CONTINUE'), fa: 'check',\n\t\t\t\tclose: true, click: () => this.router.navigate(['admin', 'subscription', subscriptionOrderId])\n\t\t\t}, {\n\t\t\t\tlabel: this.translation.translate('PRODUCTS.BUTTON.CREATE_NEW'), fa: 'plus',\n\t\t\t\tclose: true, click: () => {\n\t\t\t\t\tif (this.user.accountId)\n\t\t\t\t\t\tthis.subscriptionService.cancelSubscriptionOrder(this.user.accountId, subscriptionOrderId)\n\t\t\t\t\t\t\t.subscribe(\n\t\t\t\t\t\t\tr => { this.buyCookie.erase(); this.createSubscriptionOrderAction(plan.id); },\n\t\t\t\t\t\t\te => this.handleError());\n\t\t\t\t}\n\t\t\t}, {\n\t\t\t\tlabel: this.translation.translate('PRODUCTS.BUTTON.CANCEL'), fa: 'times',\n\t\t\t\tclose: true, click: () => this.buyCookie.erase()\n\t\t\t}\n\t\t]);\n\t}\n\n\tprivate handleError() {\n\t\tthis.view.spinner(false);\n\t\tthis.flashMessagesService.show(this.translation.translate('PRODUCTS.MESSAGE.DEFAULT_ERROR'),\n\t\t\t{ cssClass: 'alert-warning' });\n\t}\n}\n\n\n\n// WEBPACK FOOTER //\n// ./node_modules/angular-router-loader/src!./node_modules/angular2-template-loader!./node_modules/string-replace-loader??ref--0-3!./src/module/products/view/products.view.component.ts","module.exports = \"\\n
\\n\\t
\\n\\t\\t\\n\\t\\t
\\n\\t\\t\\t
\\n\\t\\t\\t\\t
{{ plan.name }} \\n\\t\\t\\t\\t
\\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\tCustom Price \\n\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\t{{plan.base_price.gross | currency:plan.base_price.currency:true:'1.0-2'}} \\n\\t\\t\\t\\t\\t\\t\\t\\t/ month \\n\\t\\t\\t\\t\\t\\t \\n\\t\\t\\t\\t\\t \\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\tBasic player for testing \\n\\t\\t\\t\\t\\t\\t\\t(Web) - for commercial use, no support \\n\\t\\t\\t\\t\\t\\t
\\n\\t\\t\\t\\t\\t\\t 1\\\">\\n\\t\\t\\t\\t\\t\\t\\tPlayer for commercial use \\n\\t\\t\\t\\t\\t\\t\\t(Web, iOS, Android) \\n\\t\\t\\t\\t\\t\\t
\\n\\t\\t\\t\\t\\t \\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\tSupport (not guaranteed) \\n\\t\\t\\t\\t\\t\\t
\\n\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\tSupport: {{plan.sla_info}} \\n\\t\\t\\t\\t\\t\\t
\\n\\t\\t\\t\\t\\t \\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\tStatistics \\n\\t\\t\\t\\t\\t\\t
\\n\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\tBasic statistics \\n\\t\\t\\t\\t\\t\\t\\t(audience stats only) \\n\\t\\t\\t\\t\\t\\t
\\n\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\tExtended statistics \\n\\t\\t\\t\\t\\t\\t\\t(audience, geo, tech, realtime analytics, engagement rate) \\n\\t\\t\\t\\t\\t\\t
\\n\\t\\t\\t\\t\\t \\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\tAds support \\n\\t\\t\\t\\t\\t\\t
\\n\\t\\t\\t\\t\\t \\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\tDRM support \\n\\t\\t\\t\\t\\t\\t
\\n\\t\\t\\t\\t\\t \\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\tViews limit < 500 000 / month \\n\\t\\t\\t\\t\\t\\t\\tViews limit < 5 000 / month \\n\\t\\t\\t\\t\\t\\t\\tViews over 500 000 / month \\n\\t\\t\\t\\t\\t\\t
\\n\\t\\t\\t\\t\\t \\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t 0)\\\">{{plan.usage_unit_price.gross | currency:plan.usage_unit_price.currency:true:'1.0-2'}} extra / {{plan.usage_unit_size}} {{ 'PLAN_CARROUSEL.VIEWS' | translate:lang }} \\n\\t\\t\\t\\t\\t\\t\\tCustom features and limits
\\n\\t\\t\\t\\t\\t \\n\\t\\t\\t\\t \\n\\t\\t\\t\\t\\n\\t\\t\\t
\\n\\t\\t
\\n\\t
\\n
\"\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/module/products/view/products.view.component.html\n// module id = 1489\n// module chunks = 1","module.exports = \":host .products {\\n margin: 0 auto;\\n max-width: 1600px; }\\n :host .products .plan {\\n padding: 0;\\n min-height: 625px; }\\n :host .products .plan .panel {\\n border: solid 1px #f0f3f5;\\n margin: 20px !important;\\n padding: 0 !important; }\\n :host .products .plan .panel, :host .products .plan .panel * {\\n -webkit-transition: all .3s ease;\\n transition: all .3s ease; }\\n :host .products .plan .panel .panel-heading {\\n margin: 0;\\n padding: 20px 10px;\\n height: 106px;\\n line-height: 106px;\\n background: #335eea;\\n color: #fcfcfc;\\n text-align: center;\\n -webkit-box-sizing: content-box;\\n box-sizing: content-box; }\\n :host .products .plan .panel .panel-heading span {\\n display: inline-block;\\n vertical-align: middle;\\n line-height: normal; }\\n :host .products .plan .panel .list-group {\\n padding: 0; }\\n :host .products .plan .panel .list-group .list-group-item {\\n color: #777777;\\n border-bottom: 1px solid rgba(250, 250, 250, 0.5);\\n padding: 7px 15px;\\n margin-bottom: -7px; }\\n :host .products .plan .panel .list-group .list-group-item:last-child {\\n border-bottom-right-radius: 0px;\\n border-bottom-left-radius: 0px; }\\n :host .products .plan .panel .list-group .list-group-item:first-child {\\n border-top-right-radius: 0px;\\n border-top-left-radius: 0px; }\\n :host .products .plan .panel .list-group .list-group-item.doubled {\\n padding: 25px 15px;\\n font-size: 18px;\\n white-space: nowrap; }\\n :host .products .plan .panel .list-group .list-group-item p {\\n position: relative;\\n display: inline-block;\\n width: 90%;\\n margin: 0 10%;\\n line-height: 2rem;\\n white-space: nowrap;\\n overflow: hidden;\\n text-overflow: ellipsis; }\\n @media (max-width: 600px) {\\n :host .products .plan .panel .list-group .list-group-item p {\\n width: 90%;\\n margin: 0 5%; } }\\n @media (min-width: 1200px) and (max-width: 1500px) {\\n :host .products .plan .panel .list-group .list-group-item p {\\n width: 90%;\\n margin: 0 5%; } }\\n :host .products .plan .panel .list-group .list-group-item p .fa {\\n position: relative;\\n top: 1px; }\\n :host .products .plan .panel .list-group .list-group-item p .fa.fa-check-circle, :host .products .plan .panel .list-group .list-group-item p .fa.fa-times {\\n font-size: 1.5em; }\\n :host .products .plan .panel .list-group .list-group-item p .fa.fa-check-circle {\\n color: green; }\\n :host .products .plan .panel .list-group .list-group-item p .fa.fa-times {\\n color: red; }\\n :host .products .plan .panel .list-group .list-group-item p .fa.fa-info-circle {\\n margin-left: 5px; }\\n :host .products .plan .panel .list-group .list-group-item p span {\\n margin-left: 18px;\\n display: block; }\\n :host .products .plan .panel .list-group .list-group-item p span:nth-of-type(1) {\\n margin-left: 0;\\n display: inline; }\\n :host .products .plan .panel .list-group .list-group-item p:after {\\n content: \\\"\\\";\\n width: 20px;\\n height: 100%;\\n position: absolute;\\n top: 0;\\n right: 0;\\n background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), color-stop(56%, white), to(white));\\n background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, white 56%, white 100%); }\\n :host .products .plan .panel .panel-footer {\\n padding: 10px 0 0 0; }\\n :host .products .plan .panel .panel-footer .btn-block {\\n border-top-left-radius: 0;\\n border-top-right-radius: 0;\\n color: #335eea;\\n padding: 20px 32px; }\\n :host .products .plan .panel.selected {\\n border: solid 1px #335eea; }\\n :host .products .plan .panel.selected, :host .products .plan .panel:hover {\\n -webkit-box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.4);\\n box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.4);\\n margin: 10px !important;\\n padding: 10px !important; }\\n :host .products .plan .panel.selected .panel-heading, :host .products .plan .panel:hover .panel-heading {\\n margin: -10px -10px 0 -10px; }\\n :host .products .plan .panel.selected .list-group, :host .products .plan .panel:hover .list-group {\\n padding: 10px 0 0 0;\\n margin: 0 -10px 0 -10px; }\\n :host .products .plan .panel.selected .panel-footer, :host .products .plan .panel:hover .panel-footer {\\n padding: 20px 0 0 0;\\n margin: 0 -10px -10px -10px; }\\n :host .products .plan .panel.selected .panel-footer:hover .btn-block:not([disabled]), :host .products .plan .panel:hover .panel-footer:hover .btn-block:not([disabled]) {\\n background: #335eea;\\n color: #fcfcfc;\\n padding: 20px 32px; }\\n\"\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/module/products/view/products.view.component.scss\n// module id = 1490\n// module chunks = 1","(function(f){if(typeof exports===\"object\"&&typeof module!==\"undefined\"){module.exports=f()}else if(typeof define===\"function\"&&define.amd){define([],f)}else{var g;if(typeof window!==\"undefined\"){g=window}else if(typeof global!==\"undefined\"){g=global}else if(typeof self!==\"undefined\"){g=self}else{g=this}(g.braintree || (g.braintree = {})).dropin = f()}})(function(){var define,module,exports;return (function(){function r(e,n,t){function o(i,f){if(!n[i]){if(!e[i]){var c=\"function\"==typeof require&&require;if(!f&&c)return c(i,!0);if(u)return u(i,!0);var a=new Error(\"Cannot find module '\"+i+\"'\");throw a.code=\"MODULE_NOT_FOUND\",a}var p=n[i]={exports:{}};e[i][0].call(p.exports,function(r){var n=e[i][1][r];return o(n||r)},p,p.exports,r,e,n,t)}return n[i].exports}for(var u=\"function\"==typeof require&&require,i=0;i
-1;\n}\nfunction isFacebook(ua) {\n return ua.indexOf(\"FBAN\") > -1;\n}\nmodule.exports = function isIosSafari(ua) {\n ua = ua || window.navigator.userAgent;\n return (isIos(ua) &&\n isWebkit(ua) &&\n !isIosChrome(ua) &&\n !isIosFirefox(ua) &&\n !isFacebook(ua));\n};\n\n},{\"./is-ios\":21,\"./is-ios-firefox\":16}],19:[function(require,module,exports){\n\"use strict\";\nvar isIos = require(\"./is-ios\");\nvar isIosGoogleSearchApp = require(\"./is-ios-google-search-app\");\nmodule.exports = function isIosWebview(ua) {\n ua = ua || window.navigator.userAgent;\n if (isIos(ua)) {\n // The Google Search iOS app is technically a webview and doesn't support popups.\n if (isIosGoogleSearchApp(ua)) {\n return true;\n }\n // Historically, a webview could be identified by the presence of AppleWebKit and _no_ presence of Safari after.\n return /.+AppleWebKit(?!.*Safari)/i.test(ua);\n }\n return false;\n};\n\n},{\"./is-ios\":21,\"./is-ios-google-search-app\":17}],20:[function(require,module,exports){\n\"use strict\";\nvar isIosWebview = require(\"./is-ios-webview\");\nmodule.exports = function isIosWKWebview(ua, statusBarVisible) {\n statusBarVisible =\n typeof statusBarVisible !== \"undefined\"\n ? statusBarVisible\n : window.statusbar.visible;\n return isIosWebview(ua) && statusBarVisible;\n};\n\n},{\"./is-ios-webview\":19}],21:[function(require,module,exports){\n\"use strict\";\nmodule.exports = function isIos(ua) {\n ua = ua || window.navigator.userAgent;\n return /iPhone|iPod|iPad/i.test(ua);\n};\n\n},{}],22:[function(require,module,exports){\n\"use strict\";\nmodule.exports = function isOpera(ua) {\n ua = ua || window.navigator.userAgent;\n return (ua.indexOf(\"OPR/\") !== -1 ||\n ua.indexOf(\"Opera/\") !== -1 ||\n ua.indexOf(\"OPT/\") !== -1);\n};\n\n},{}],23:[function(require,module,exports){\n\"use strict\";\nmodule.exports = function isSamsungBrowser(ua) {\n ua = ua || window.navigator.userAgent;\n return /SamsungBrowser/i.test(ua);\n};\n\n},{}],24:[function(require,module,exports){\n\"use strict\";\nmodule.exports = function isSilk(ua) {\n ua = ua || window.navigator.userAgent;\n return ua.indexOf(\"Silk/\") !== -1;\n};\n\n},{}],25:[function(require,module,exports){\n\"use strict\";\nvar MINIMUM_SUPPORTED_CHROME_IOS_VERSION = 48;\nvar isAndroid = require(\"./is-android\");\nvar isIosFirefox = require(\"./is-ios-firefox\");\nvar isIosWebview = require(\"./is-ios-webview\");\nvar isChrome = require(\"./is-chrome\");\nvar isSamsungBrowser = require(\"./is-samsung\");\nvar isDuckDuckGo = require(\"./is-duckduckgo\");\nfunction isUnsupportedIosChrome(ua) {\n ua = ua || window.navigator.userAgent;\n var match = ua.match(/CriOS\\/(\\d+)\\./);\n if (!match) {\n return false;\n }\n var version = parseInt(match[1], 10);\n return version < MINIMUM_SUPPORTED_CHROME_IOS_VERSION;\n}\nfunction isOperaMini(ua) {\n ua = ua || window.navigator.userAgent;\n return ua.indexOf(\"Opera Mini\") > -1;\n}\nfunction isAndroidWebview(ua) {\n var androidWebviewRegExp = /Version\\/[\\d.]+/i;\n ua = ua || window.navigator.userAgent;\n if (isAndroid(ua)) {\n return (androidWebviewRegExp.test(ua) && !isOperaMini(ua) && !isDuckDuckGo(ua));\n }\n return false;\n}\nfunction isOldSamsungBrowserOrSamsungWebview(ua) {\n return !isChrome(ua) && !isSamsungBrowser(ua) && /samsung/i.test(ua);\n}\nmodule.exports = function supportsPopups(ua) {\n ua = ua || window.navigator.userAgent;\n return !(isIosWebview(ua) ||\n isIosFirefox(ua) ||\n isAndroidWebview(ua) ||\n isOperaMini(ua) ||\n isUnsupportedIosChrome(ua) ||\n isOldSamsungBrowserOrSamsungWebview(ua));\n};\n\n},{\"./is-android\":6,\"./is-chrome\":8,\"./is-duckduckgo\":9,\"./is-ios-firefox\":16,\"./is-ios-webview\":19,\"./is-samsung\":23}],26:[function(require,module,exports){\nmodule.exports = require(\"./dist/is-android\");\n\n},{\"./dist/is-android\":6}],27:[function(require,module,exports){\nmodule.exports = require(\"./dist/is-chrome-os\");\n\n},{\"./dist/is-chrome-os\":7}],28:[function(require,module,exports){\nmodule.exports = require(\"./dist/is-chrome\");\n\n},{\"./dist/is-chrome\":8}],29:[function(require,module,exports){\nmodule.exports = require(\"./dist/is-edge\");\n\n},{\"./dist/is-edge\":10}],30:[function(require,module,exports){\nmodule.exports = require(\"./dist/is-firefox\");\n\n},{\"./dist/is-firefox\":11}],31:[function(require,module,exports){\nmodule.exports = require(\"./dist/is-ie\");\n\n},{\"./dist/is-ie\":12}],32:[function(require,module,exports){\nmodule.exports = require(\"./dist/is-ie10\");\n\n},{\"./dist/is-ie10\":13}],33:[function(require,module,exports){\nmodule.exports = require(\"./dist/is-ie9\");\n\n},{\"./dist/is-ie9\":15}],34:[function(require,module,exports){\nmodule.exports = require(\"./dist/is-ios-safari\");\n\n},{\"./dist/is-ios-safari\":18}],35:[function(require,module,exports){\nmodule.exports = require(\"./dist/is-ios-webview\");\n\n},{\"./dist/is-ios-webview\":19}],36:[function(require,module,exports){\nmodule.exports = require(\"./dist/is-ios-wkwebview\");\n\n},{\"./dist/is-ios-wkwebview\":20}],37:[function(require,module,exports){\nmodule.exports = require(\"./dist/is-ios\");\n\n},{\"./dist/is-ios\":21}],38:[function(require,module,exports){\nmodule.exports = require(\"./dist/is-samsung\");\n\n},{\"./dist/is-samsung\":23}],39:[function(require,module,exports){\nmodule.exports = require(\"./dist/supports-popups\");\n\n},{\"./dist/supports-popups\":25}],40:[function(require,module,exports){\n\"use strict\";\nObject.defineProperty(exports, \"__esModule\", { value: true });\nexports.toggle = exports.remove = exports.add = void 0;\nfunction _classesOf(element) {\n return element.className.trim().split(/\\s+/);\n}\nfunction add(element) {\n var toAdd = [];\n for (var _i = 1; _i < arguments.length; _i++) {\n toAdd[_i - 1] = arguments[_i];\n }\n element.className = _classesOf(element)\n .filter(function (classname) { return toAdd.indexOf(classname) === -1; })\n .concat(toAdd)\n .join(\" \");\n}\nexports.add = add;\nfunction remove(element) {\n var toRemove = [];\n for (var _i = 1; _i < arguments.length; _i++) {\n toRemove[_i - 1] = arguments[_i];\n }\n element.className = _classesOf(element)\n .filter(function (classname) { return toRemove.indexOf(classname) === -1; })\n .join(\" \");\n}\nexports.remove = remove;\nfunction toggle(element, classname, adding) {\n if (adding) {\n add(element, classname);\n }\n else {\n remove(element, classname);\n }\n}\nexports.toggle = toggle;\n\n},{}],41:[function(require,module,exports){\n\"use strict\";\nvar EventEmitter = /** @class */ (function () {\n function EventEmitter() {\n this._events = {};\n }\n EventEmitter.prototype.on = function (event, callback) {\n if (this._events[event]) {\n this._events[event].push(callback);\n }\n else {\n this._events[event] = [callback];\n }\n };\n EventEmitter.prototype.off = function (event, callback) {\n var eventCallbacks = this._events[event];\n if (!eventCallbacks) {\n return;\n }\n var indexOfCallback = eventCallbacks.indexOf(callback);\n eventCallbacks.splice(indexOfCallback, 1);\n };\n EventEmitter.prototype._emit = function (event) {\n var args = [];\n for (var _i = 1; _i < arguments.length; _i++) {\n args[_i - 1] = arguments[_i];\n }\n var eventCallbacks = this._events[event];\n if (!eventCallbacks) {\n return;\n }\n eventCallbacks.forEach(function (callback) {\n callback.apply(void 0, args);\n });\n };\n EventEmitter.prototype.hasListener = function (event) {\n var eventCallbacks = this._events[event];\n if (!eventCallbacks) {\n return false;\n }\n return eventCallbacks.length > 0;\n };\n EventEmitter.createChild = function (ChildObject) {\n ChildObject.prototype = Object.create(EventEmitter.prototype, {\n constructor: ChildObject,\n });\n };\n return EventEmitter;\n}());\nmodule.exports = EventEmitter;\n\n},{}],42:[function(require,module,exports){\n\"use strict\";\nvar GlobalPromise = (typeof Promise !== \"undefined\"\n ? Promise // eslint-disable-line no-undef\n : null);\nvar ExtendedPromise = /** @class */ (function () {\n function ExtendedPromise(options) {\n var _this = this;\n if (typeof options === \"function\") {\n this._promise = new ExtendedPromise.Promise(options);\n return;\n }\n this._promise = new ExtendedPromise.Promise(function (resolve, reject) {\n _this._resolveFunction = resolve;\n _this._rejectFunction = reject;\n });\n options = options || {};\n this._onResolve = options.onResolve || ExtendedPromise.defaultOnResolve;\n this._onReject = options.onReject || ExtendedPromise.defaultOnReject;\n if (ExtendedPromise.shouldCatchExceptions(options)) {\n this._promise.catch(function () {\n // prevents unhandled promise rejection warning\n // in the console for extended promises that\n // that catch the error in an asynchronous manner\n });\n }\n this._resetState();\n }\n ExtendedPromise.defaultOnResolve = function (result) {\n return ExtendedPromise.Promise.resolve(result);\n };\n ExtendedPromise.defaultOnReject = function (err) {\n return ExtendedPromise.Promise.reject(err);\n };\n ExtendedPromise.setPromise = function (PromiseClass) {\n ExtendedPromise.Promise = PromiseClass;\n };\n ExtendedPromise.shouldCatchExceptions = function (options) {\n if (options.hasOwnProperty(\"suppressUnhandledPromiseMessage\")) {\n return Boolean(options.suppressUnhandledPromiseMessage);\n }\n return Boolean(ExtendedPromise.suppressUnhandledPromiseMessage);\n };\n // start Promise methods documented in:\n // https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Promise#Methods\n ExtendedPromise.all = function (args) {\n return ExtendedPromise.Promise.all(args);\n };\n ExtendedPromise.allSettled = function (args) {\n return ExtendedPromise.Promise.allSettled(args);\n };\n ExtendedPromise.race = function (args) {\n return ExtendedPromise.Promise.race(args);\n };\n ExtendedPromise.reject = function (arg) {\n return ExtendedPromise.Promise.reject(arg);\n };\n ExtendedPromise.resolve = function (arg) {\n return ExtendedPromise.Promise.resolve(arg);\n };\n ExtendedPromise.prototype.then = function () {\n var _a;\n var args = [];\n for (var _i = 0; _i < arguments.length; _i++) {\n args[_i] = arguments[_i];\n }\n return (_a = this._promise).then.apply(_a, args);\n };\n ExtendedPromise.prototype.catch = function () {\n var _a;\n var args = [];\n for (var _i = 0; _i < arguments.length; _i++) {\n args[_i] = arguments[_i];\n }\n return (_a = this._promise).catch.apply(_a, args);\n };\n ExtendedPromise.prototype.resolve = function (arg) {\n var _this = this;\n if (this.isFulfilled) {\n return this;\n }\n this._setResolved();\n ExtendedPromise.Promise.resolve()\n .then(function () {\n return _this._onResolve(arg);\n })\n .then(function (argForResolveFunction) {\n _this._resolveFunction(argForResolveFunction);\n })\n .catch(function (err) {\n _this._resetState();\n _this.reject(err);\n });\n return this;\n };\n ExtendedPromise.prototype.reject = function (arg) {\n var _this = this;\n if (this.isFulfilled) {\n return this;\n }\n this._setRejected();\n ExtendedPromise.Promise.resolve()\n .then(function () {\n return _this._onReject(arg);\n })\n .then(function (result) {\n _this._setResolved();\n _this._resolveFunction(result);\n })\n .catch(function (err) {\n return _this._rejectFunction(err);\n });\n return this;\n };\n ExtendedPromise.prototype._resetState = function () {\n this.isFulfilled = false;\n this.isResolved = false;\n this.isRejected = false;\n };\n ExtendedPromise.prototype._setResolved = function () {\n this.isFulfilled = true;\n this.isResolved = true;\n this.isRejected = false;\n };\n ExtendedPromise.prototype._setRejected = function () {\n this.isFulfilled = true;\n this.isResolved = false;\n this.isRejected = true;\n };\n ExtendedPromise.Promise = GlobalPromise;\n return ExtendedPromise;\n}());\nmodule.exports = ExtendedPromise;\n\n},{}],43:[function(require,module,exports){\n\"use strict\";\nvar set_attributes_1 = require(\"./lib/set-attributes\");\nvar default_attributes_1 = require(\"./lib/default-attributes\");\nvar assign_1 = require(\"./lib/assign\");\nmodule.exports = function createFrame(options) {\n if (options === void 0) { options = {}; }\n var iframe = document.createElement(\"iframe\");\n var config = assign_1.assign({}, default_attributes_1.defaultAttributes, options);\n if (config.style && typeof config.style !== \"string\") {\n assign_1.assign(iframe.style, config.style);\n delete config.style;\n }\n set_attributes_1.setAttributes(iframe, config);\n if (!iframe.getAttribute(\"id\")) {\n iframe.id = iframe.name;\n }\n return iframe;\n};\n\n},{\"./lib/assign\":44,\"./lib/default-attributes\":45,\"./lib/set-attributes\":46}],44:[function(require,module,exports){\n\"use strict\";\nObject.defineProperty(exports, \"__esModule\", { value: true });\nexports.assign = void 0;\nfunction assign(\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\ntarget) {\n var objs = [];\n for (var _i = 1; _i < arguments.length; _i++) {\n objs[_i - 1] = arguments[_i];\n }\n objs.forEach(function (obj) {\n if (typeof obj !== \"object\") {\n return;\n }\n Object.keys(obj).forEach(function (key) {\n target[key] = obj[key];\n });\n });\n return target;\n}\nexports.assign = assign;\n\n},{}],45:[function(require,module,exports){\n\"use strict\";\nObject.defineProperty(exports, \"__esModule\", { value: true });\nexports.defaultAttributes = void 0;\nexports.defaultAttributes = {\n src: \"about:blank\",\n frameBorder: 0,\n allowtransparency: true,\n scrolling: \"no\",\n};\n\n},{}],46:[function(require,module,exports){\n\"use strict\";\nObject.defineProperty(exports, \"__esModule\", { value: true });\nexports.setAttributes = void 0;\nfunction setAttributes(element, \n// eslint-disable-next-line @typescript-eslint/no-explicit-any\nattributes) {\n for (var key in attributes) {\n if (attributes.hasOwnProperty(key)) {\n var value = attributes[key];\n if (value == null) {\n element.removeAttribute(key);\n }\n else {\n element.setAttribute(key, value);\n }\n }\n }\n}\nexports.setAttributes = setAttributes;\n\n},{}],47:[function(require,module,exports){\n'use strict';\n\nfunction uuid() {\n return 'xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx'.replace(/[xy]/g, function (c) {\n var r = Math.random() * 16 | 0;\n var v = c === 'x' ? r : r & 0x3 | 0x8;\n\n return v.toString(16);\n });\n}\n\nmodule.exports = uuid;\n\n},{}],48:[function(require,module,exports){\n\"use strict\";\nObject.defineProperty(exports, \"__esModule\", { value: true });\nfunction deferred(fn) {\n return function () {\n var args = [];\n for (var _i = 0; _i < arguments.length; _i++) {\n args[_i] = arguments[_i];\n }\n setTimeout(function () {\n try {\n fn.apply(void 0, args);\n }\n catch (err) {\n /* eslint-disable no-console */\n console.log(\"Error in callback function\");\n console.log(err);\n /* eslint-enable no-console */\n }\n }, 1);\n };\n}\nexports.deferred = deferred;\n\n},{}],49:[function(require,module,exports){\n\"use strict\";\nObject.defineProperty(exports, \"__esModule\", { value: true });\nfunction once(fn) {\n var called = false;\n return function () {\n var args = [];\n for (var _i = 0; _i < arguments.length; _i++) {\n args[_i] = arguments[_i];\n }\n if (!called) {\n called = true;\n fn.apply(void 0, args);\n }\n };\n}\nexports.once = once;\n\n},{}],50:[function(require,module,exports){\n\"use strict\";\nObject.defineProperty(exports, \"__esModule\", { value: true });\n/* eslint-disable consistent-return */\nfunction promiseOrCallback(promise, callback) {\n if (!callback) {\n return promise;\n }\n promise.then(function (data) { return callback(null, data); }).catch(function (err) { return callback(err); });\n}\nexports.promiseOrCallback = promiseOrCallback;\n\n},{}],51:[function(require,module,exports){\n\"use strict\";\nvar deferred_1 = require(\"./lib/deferred\");\nvar once_1 = require(\"./lib/once\");\nvar promise_or_callback_1 = require(\"./lib/promise-or-callback\");\nfunction wrapPromise(fn) {\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n return function () {\n var args = [];\n for (var _i = 0; _i < arguments.length; _i++) {\n args[_i] = arguments[_i];\n }\n var callback;\n var lastArg = args[args.length - 1];\n if (typeof lastArg === \"function\") {\n callback = args.pop();\n callback = once_1.once(deferred_1.deferred(callback));\n }\n // I know, I know, this looks bad. But it's a quirk of the library that\n // we need to allow passing the this context to the original function\n // eslint-disable-next-line @typescript-eslint/ban-ts-ignore\n // @ts-ignore: this has an implicit any\n return promise_or_callback_1.promiseOrCallback(fn.apply(this, args), callback); // eslint-disable-line no-invalid-this\n };\n}\nwrapPromise.wrapPrototype = function (target, options) {\n if (options === void 0) { options = {}; }\n var ignoreMethods = options.ignoreMethods || [];\n var includePrivateMethods = options.transformPrivateMethods === true;\n var methods = Object.getOwnPropertyNames(target.prototype).filter(function (method) {\n var isNotPrivateMethod;\n var isNonConstructorFunction = method !== \"constructor\" &&\n typeof target.prototype[method] === \"function\";\n var isNotAnIgnoredMethod = ignoreMethods.indexOf(method) === -1;\n if (includePrivateMethods) {\n isNotPrivateMethod = true;\n }\n else {\n isNotPrivateMethod = method.charAt(0) !== \"_\";\n }\n return (isNonConstructorFunction && isNotPrivateMethod && isNotAnIgnoredMethod);\n });\n methods.forEach(function (method) {\n var original = target.prototype[method];\n target.prototype[method] = wrapPromise(original);\n });\n return target;\n};\nmodule.exports = wrapPromise;\n\n},{\"./lib/deferred\":48,\"./lib/once\":49,\"./lib/promise-or-callback\":50}],52:[function(require,module,exports){\n\"use strict\";\n\nvar BraintreeError = require(\"../lib/braintree-error\");\nvar analytics = require(\"../lib/analytics\");\nvar errors = require(\"./errors\");\nvar Promise = require(\"../lib/promise\");\nvar methods = require(\"../lib/methods\");\nvar convertMethodsToError = require(\"../lib/convert-methods-to-error\");\nvar wrapPromise = require(\"@braintree/wrap-promise\");\n\n/**\n * @typedef {object} ApplePay~tokenizePayload\n * @property {string} nonce The payment method nonce.\n * @property {object} details Additional details.\n * @property {string} details.cardType Type of card, ex: Visa, MasterCard.\n * @property {string} details.cardHolderName The name of the card holder.\n * @property {string} details.dpanLastTwo Last two digits of card number.\n * @property {string} description A human-readable description.\n * @property {string} type The payment method type, always `ApplePayCard`.\n * @property {object} binData Information about the card based on the bin.\n * @property {string} binData.commercial Possible values: 'Yes', 'No', 'Unknown'.\n * @property {string} binData.countryOfIssuance The country of issuance.\n * @property {string} binData.debit Possible values: 'Yes', 'No', 'Unknown'.\n * @property {string} binData.durbinRegulated Possible values: 'Yes', 'No', 'Unknown'.\n * @property {string} binData.healthcare Possible values: 'Yes', 'No', 'Unknown'.\n * @property {string} binData.issuingBank The issuing bank.\n * @property {string} binData.payroll Possible values: 'Yes', 'No', 'Unknown'.\n * @property {string} binData.prepaid Possible values: 'Yes', 'No', 'Unknown'.\n * @property {string} binData.productId The product id.\n */\n\n/**\n * An Apple Pay Payment Authorization Event object.\n * @typedef {object} ApplePayPaymentAuthorizedEvent\n * @external ApplePayPaymentAuthorizedEvent\n * @see {@link https://developer.apple.com/reference/applepayjs/applepaypaymentauthorizedevent ApplePayPaymentAuthorizedEvent}\n */\n\n/**\n * An Apple Pay Payment Request object.\n * @typedef {object} ApplePayPaymentRequest\n * @external ApplePayPaymentRequest\n * @see {@link https://developer.apple.com/reference/applepayjs/1916082-applepay_js_data_types/paymentrequest PaymentRequest}\n */\n\n/**\n * @class\n * @param {object} options Options\n * @description You cannot use this constructor directly. Use {@link module:braintree-web/apple-pay.create|braintree.applePay.create} instead. \n * @classdesc This class represents an Apple Pay component. Instances of this class have methods for validating the merchant server and tokenizing payments.\n */\nfunction ApplePay(options) {\n this._instantiatedWithClient = Boolean(!options.useDeferredClient);\n this._client = options.client;\n this._createPromise = options.createPromise;\n\n if (this._client) {\n this._setMerchantIdentifier();\n }\n}\n\nApplePay.prototype._waitForClient = function () {\n if (this._client) {\n return Promise.resolve();\n }\n\n return this._createPromise.then(\n function (client) {\n this._client = client;\n\n this._setMerchantIdentifier();\n }.bind(this)\n );\n};\n\nApplePay.prototype._setMerchantIdentifier = function () {\n var applePayConfig =\n this._client.getConfiguration().gatewayConfiguration.applePayWeb;\n\n if (!applePayConfig) {\n return;\n }\n /**\n * @name ApplePay#merchantIdentifier\n * @description A special merchant ID which represents the merchant association with Braintree. Required when using `ApplePaySession.canMakePaymentsWithActiveCard`.\n * @example\n * var promise = ApplePaySession.canMakePaymentsWithActiveCard(applePayInstance.merchantIdentifier);\n * promise.then(function (canMakePaymentsWithActiveCard) {\n * if (canMakePaymentsWithActiveCard) {\n * // Set up Apple Pay buttons\n * }\n * });\n */\n Object.defineProperty(this, \"merchantIdentifier\", {\n value: applePayConfig.merchantIdentifier,\n configurable: false,\n writable: false,\n });\n};\n\n/**\n * Merges a payment request with Braintree defaults to return an {external:ApplePayPaymentRequest}.\n *\n * The following properties are assigned to `paymentRequest` if not already defined. Their default values come from the Braintree gateway.\n * - `countryCode`\n * - `currencyCode`\n * - `merchantCapabilities`\n * - `supportedNetworks`\n * @public\n * @param {external:ApplePayPaymentRequest} paymentRequest The payment request details to apply on top of those from Braintree.\n * @returns {external:ApplePayPaymentRequest|Promise} The decorated `paymentRequest` object. If `useDeferredClient` is used along with an `authorization`, this method will return a promise that resolves with the `paymentRequest` object.\n * @example\n * var applePay = require('braintree-web/apple-pay');\n *\n * applePay.create({client: clientInstance}, function (applePayErr, applePayInstance) {\n * if (applePayErr) {\n * // Handle error here\n * return;\n * }\n *\n * var paymentRequest = applePayInstance.createPaymentRequest({\n * total: {\n * label: 'My Company',\n * amount: '19.99'\n * }\n * });\n *\n * var session = new ApplePaySession(3, paymentRequest);\n *\n * // ...\n * @example With deferred client \n * var applePay = require('braintree-web/apple-pay');\n *\n * applePay.create({\n * authorization: 'client-token-or-tokenization-key',\n * useDeferredClient: true\n * }, function (applePayErr, applePayInstance) {\n * if (applePayErr) {\n * // Handle error here\n * return;\n * }\n *\n * applePayInstance.createPaymentRequest({\n * total: {\n * label: 'My Company',\n * amount: '19.99'\n * }\n * }).then(function (paymentRequest) {\n * var session = new ApplePaySession(3, paymentRequest);\n *\n * // ...\n * });\n */\nApplePay.prototype.createPaymentRequest = function (paymentRequest) {\n if (this._instantiatedWithClient) {\n return this._createPaymentRequestSynchronously(paymentRequest);\n }\n\n return this._waitForClient().then(\n function () {\n return this._createPaymentRequestSynchronously(paymentRequest);\n }.bind(this)\n );\n};\n\nApplePay.prototype._createPaymentRequestSynchronously = function (\n paymentRequest\n) {\n var applePay =\n this._client.getConfiguration().gatewayConfiguration.applePayWeb;\n var defaults = {\n countryCode: applePay.countryCode,\n currencyCode: applePay.currencyCode,\n merchantCapabilities: applePay.merchantCapabilities || [\"supports3DS\"],\n supportedNetworks: applePay.supportedNetworks.map(function (network) {\n return network === \"mastercard\" ? \"masterCard\" : network;\n }),\n };\n\n return Object.assign({}, defaults, paymentRequest);\n};\n\n/**\n * Validates your merchant website, as required by `ApplePaySession` before payment can be authorized.\n * @public\n * @param {object} options Options\n * @param {string} options.validationURL The validationURL from an `ApplePayValidateMerchantEvent`.\n * @param {string} options.displayName The canonical name for your store. Use a non-localized name. This parameter should be a UTF-8 string that is a maximum of 128 characters. The system may display this name to the user.\n * @param {callback} [callback] The second argument, data, is the Apple Pay merchant session object. If no callback is provided, `performValidation` returns a promise.\n * Pass the merchant session to your Apple Pay session's `completeMerchantValidation` method.\n * @returns {(Promise|void)} Returns a promise if no callback is provided.\n * @example\n * var applePay = require('braintree-web/apple-pay');\n *\n * applePay.create({client: clientInstance}, function (applePayErr, applePayInstance) {\n * if (applePayErr) {\n * // Handle error here\n * return;\n * }\n *\n * var paymentRequest = applePayInstance.createPaymentRequest({\n * total: {\n * label: 'My Company',\n * amount: '19.99'\n * }\n * });\n * var session = new ApplePaySession(3, paymentRequest);\n *\n * session.onvalidatemerchant = function (event) {\n * applePayInstance.performValidation({\n * validationURL: event.validationURL,\n * displayName: 'My Great Store'\n * }, function (validationErr, validationData) {\n * if (validationErr) {\n * console.error(validationErr);\n * session.abort();\n * return;\n * }\n *\n * session.completeMerchantValidation(validationData);\n * });\n * };\n * });\n */\nApplePay.prototype.performValidation = function (options) {\n var self = this;\n\n if (!options || !options.validationURL) {\n return Promise.reject(\n new BraintreeError(errors.APPLE_PAY_VALIDATION_URL_REQUIRED)\n );\n }\n\n return this._waitForClient()\n .then(function () {\n var applePayWebSession = {\n validationUrl: options.validationURL,\n domainName: options.domainName || window.location.hostname,\n merchantIdentifier:\n options.merchantIdentifier || self.merchantIdentifier,\n };\n\n if (options.displayName != null) {\n applePayWebSession.displayName = options.displayName;\n }\n\n return self._client.request({\n method: \"post\",\n endpoint: \"apple_pay_web/sessions\",\n data: {\n _meta: { source: \"apple-pay\" },\n applePayWebSession: applePayWebSession,\n },\n });\n })\n .then(function (response) {\n analytics.sendEvent(self._client, \"applepay.performValidation.succeeded\");\n\n return Promise.resolve(response);\n })\n .catch(function (err) {\n analytics.sendEvent(self._client, \"applepay.performValidation.failed\");\n\n if (err.code === \"CLIENT_REQUEST_ERROR\") {\n return Promise.reject(\n new BraintreeError({\n type: errors.APPLE_PAY_MERCHANT_VALIDATION_FAILED.type,\n code: errors.APPLE_PAY_MERCHANT_VALIDATION_FAILED.code,\n message: errors.APPLE_PAY_MERCHANT_VALIDATION_FAILED.message,\n details: {\n originalError: err.details.originalError,\n },\n })\n );\n }\n\n return Promise.reject(\n new BraintreeError({\n type: errors.APPLE_PAY_MERCHANT_VALIDATION_NETWORK.type,\n code: errors.APPLE_PAY_MERCHANT_VALIDATION_NETWORK.code,\n message: errors.APPLE_PAY_MERCHANT_VALIDATION_NETWORK.message,\n details: {\n originalError: err,\n },\n })\n );\n });\n};\n\n/**\n * Tokenizes an Apple Pay payment. This will likely be called in your `ApplePaySession`'s `onpaymentauthorized` callback.\n * @public\n * @param {object} options Options\n * @param {object} options.token The `payment.token` property of an {@link external:ApplePayPaymentAuthorizedEvent}.\n * @param {callback} [callback] The second argument, data, is a {@link ApplePay~tokenizePayload|tokenizePayload}. If no callback is provided, `tokenize` returns a promise that resolves with a {@link ApplePay~tokenizePayload|tokenizePayload}.\n * @returns {(Promise|void)} Returns a promise if no callback is provided.\n * @example\n * var applePay = require('braintree-web/apple-pay');\n *\n * applePay.create({client: clientInstance}, function (applePayErr, applePayInstance) {\n * if (applePayErr) {\n * // Handle error here\n * return;\n * }\n *\n * var paymentRequest = applePayInstance.createPaymentRequest({\n * total: {\n * label: 'My Company',\n * amount: '19.99'\n * }\n * });\n * var session = new ApplePaySession(3, paymentRequest);\n *\n * session.onpaymentauthorized = function (event) {\n * applePayInstance.tokenize({\n * token: event.payment.token\n * }, function (tokenizeErr, tokenizedPayload) {\n * if (tokenizeErr) {\n * session.completePayment(ApplePaySession.STATUS_FAILURE);\n * return;\n * }\n * // Send the tokenizedPayload to your server here!\n *\n * // Once the transaction is complete, call completePayment\n * // to close the Apple Pay sheet\n * session.completePayment(ApplePaySession.STATUS_SUCCESS);\n * });\n * };\n *\n * // ...\n * });\n */\nApplePay.prototype.tokenize = function (options) {\n var self = this;\n\n if (!options.token) {\n return Promise.reject(\n new BraintreeError(errors.APPLE_PAY_PAYMENT_TOKEN_REQUIRED)\n );\n }\n\n return this._waitForClient()\n .then(function () {\n return self._client.request({\n method: \"post\",\n endpoint: \"payment_methods/apple_payment_tokens\",\n data: {\n _meta: {\n source: \"apple-pay\",\n },\n applePaymentToken: Object.assign({}, options.token, {\n // The gateway requires this key to be base64-encoded.\n paymentData: btoa(JSON.stringify(options.token.paymentData)),\n }),\n },\n });\n })\n .then(function (response) {\n analytics.sendEvent(self._client, \"applepay.tokenize.succeeded\");\n\n return Promise.resolve(response.applePayCards[0]);\n })\n .catch(function (err) {\n analytics.sendEvent(self._client, \"applepay.tokenize.failed\");\n\n return Promise.reject(\n new BraintreeError({\n type: errors.APPLE_PAY_TOKENIZATION.type,\n code: errors.APPLE_PAY_TOKENIZATION.code,\n message: errors.APPLE_PAY_TOKENIZATION.message,\n details: {\n originalError: err,\n },\n })\n );\n });\n};\n\n/**\n * Cleanly tear down anything set up by {@link module:braintree-web/apple-pay.create|create}.\n * @public\n * @param {callback} [callback] Called once teardown is complete. No data is returned if teardown completes successfully.\n * @example\n * applePayInstance.teardown();\n * @example With callback \n * applePayInstance.teardown(function () {\n * // teardown is complete\n * });\n * @returns {(Promise|void)} Returns a promise if no callback is provided.\n */\nApplePay.prototype.teardown = function () {\n convertMethodsToError(this, methods(ApplePay.prototype));\n\n return Promise.resolve();\n};\n\nmodule.exports = wrapPromise.wrapPrototype(ApplePay);\n\n},{\"../lib/analytics\":94,\"../lib/braintree-error\":99,\"../lib/convert-methods-to-error\":101,\"../lib/methods\":129,\"../lib/promise\":131,\"./errors\":53,\"@braintree/wrap-promise\":51}],53:[function(require,module,exports){\n\"use strict\";\n\n/**\n * @name BraintreeError.Apple Pay - Creation Error Codes\n * @description Errors that occur when [creating the Apple Pay component](./module-braintree-web_apple-pay.html#.create).\n * @property {MERCHANT} APPLE_PAY_NOT_ENABLED Occurs when the authorization used is not authorized to process Apple Pay.\n */\n\n/**\n * @name BraintreeError.Apple Pay - performValidation Error Codes\n * @description Errors that occur when [validating](./ApplePay.html#performValidation).\n * @property {MERCHANT} APPLE_PAY_VALIDATION_URL_REQUIRED Occurs when the `validationURL` option is not passed in.\n * @property {MERCHANT} APPLE_PAY_MERCHANT_VALIDATION_FAILED Occurs when the website domain has not been registered in the Braintree control panel.\n * @property {NETWORK} APPLE_PAY_MERCHANT_VALIDATION_NETWORK Occurs when an unknown network error occurs.\n */\n\n/**\n * @name BraintreeError.Apple Pay - tokenize Error Codes\n * @description Errors that occur when [tokenizing](./ApplePay.html#tokenize).\n * @property {MERCHANT} APPLE_PAY_PAYMENT_TOKEN_REQUIRED Occurs when the `token` option is not passed in.\n * @property {NETWORK} APPLE_PAY_TOKENIZATION Occurs when an unknown network error occurs.\n */\n\nvar BraintreeError = require(\"../lib/braintree-error\");\n\nmodule.exports = {\n APPLE_PAY_NOT_ENABLED: {\n type: BraintreeError.types.MERCHANT,\n code: \"APPLE_PAY_NOT_ENABLED\",\n message: \"Apple Pay is not enabled for this merchant.\",\n },\n APPLE_PAY_VALIDATION_URL_REQUIRED: {\n type: BraintreeError.types.MERCHANT,\n code: \"APPLE_PAY_VALIDATION_URL_REQUIRED\",\n message: \"performValidation must be called with a validationURL.\",\n },\n APPLE_PAY_MERCHANT_VALIDATION_NETWORK: {\n type: BraintreeError.types.NETWORK,\n code: \"APPLE_PAY_MERCHANT_VALIDATION_NETWORK\",\n message: \"A network error occurred when validating the Apple Pay merchant.\",\n },\n APPLE_PAY_MERCHANT_VALIDATION_FAILED: {\n type: BraintreeError.types.MERCHANT,\n code: \"APPLE_PAY_MERCHANT_VALIDATION_FAILED\",\n message:\n \"Make sure you have registered your domain name in the Braintree Control Panel.\",\n },\n APPLE_PAY_PAYMENT_TOKEN_REQUIRED: {\n type: BraintreeError.types.MERCHANT,\n code: \"APPLE_PAY_PAYMENT_TOKEN_REQUIRED\",\n message: \"tokenize must be called with a payment token.\",\n },\n APPLE_PAY_TOKENIZATION: {\n type: BraintreeError.types.NETWORK,\n code: \"APPLE_PAY_TOKENIZATION\",\n message: \"A network error occurred when processing the Apple Pay payment.\",\n },\n};\n\n},{\"../lib/braintree-error\":99}],54:[function(require,module,exports){\n\"use strict\";\n\n/**\n * @module braintree-web/apple-pay\n * @description Accept Apple Pay on the Web. *This component is currently in beta and is subject to change.*\n */\n\nvar ApplePay = require(\"./apple-pay\");\nvar analytics = require(\"../lib/analytics\");\nvar BraintreeError = require(\"../lib/braintree-error\");\nvar basicComponentVerification = require(\"../lib/basic-component-verification\");\nvar createAssetsUrl = require(\"../lib/create-assets-url\");\nvar createDeferredClient = require(\"../lib/create-deferred-client\");\nvar Promise = require(\"../lib/promise\");\nvar errors = require(\"./errors\");\nvar VERSION = \"3.88.3\";\nvar wrapPromise = require(\"@braintree/wrap-promise\");\n\n/**\n * @static\n * @function create\n * @param {object} options Creation options:\n * @param {Client} [options.client] A {@link Client} instance.\n * @param {string} [options.authorization] A tokenizationKey or clientToken. Can be used in place of `options.client`.\n * @param {boolean} [options.useDeferredClient] Used in conjunction with `authorization`, allows the Apple Pay instance to be available right away by fetching the client configuration in the background. When this option is used, {@link ApplePay#createPaymentRequest} will return a promise that resolves with the configuration instead of returning synchronously.\n * @param {callback} [callback] The second argument, `data`, is the {@link ApplePay} instance. If no callback is provided, `create` returns a promise that resolves with the {@link ApplePay} instance.\n * @returns {(Promise|void)} Returns a promise if no callback is provided.\n */\nfunction create(options) {\n var name = \"Apple Pay\";\n\n return basicComponentVerification\n .verify({\n name: name,\n client: options.client,\n authorization: options.authorization,\n })\n .then(function () {\n var applePayInstance;\n var createPromise = createDeferredClient\n .create({\n authorization: options.authorization,\n client: options.client,\n debug: options.debug,\n assetsUrl: createAssetsUrl.create(options.authorization),\n name: name,\n })\n .then(function (client) {\n if (!client.getConfiguration().gatewayConfiguration.applePayWeb) {\n return Promise.reject(\n new BraintreeError(errors.APPLE_PAY_NOT_ENABLED)\n );\n }\n\n analytics.sendEvent(client, \"applepay.initialized\");\n\n return client;\n });\n\n options.createPromise = createPromise;\n applePayInstance = new ApplePay(options);\n\n if (!options.useDeferredClient) {\n return createPromise.then(function (client) {\n applePayInstance._client = client;\n\n return applePayInstance;\n });\n }\n\n return applePayInstance;\n });\n}\n\nmodule.exports = {\n create: wrapPromise(create),\n /**\n * @description The current version of the SDK, i.e. `1.33.7`.\n * @type {string}\n */\n VERSION: VERSION,\n};\n\n},{\"../lib/analytics\":94,\"../lib/basic-component-verification\":97,\"../lib/braintree-error\":99,\"../lib/create-assets-url\":103,\"../lib/create-deferred-client\":105,\"../lib/promise\":131,\"./apple-pay\":52,\"./errors\":53,\"@braintree/wrap-promise\":51}],55:[function(require,module,exports){\n\"use strict\";\n\nvar isIe = require(\"@braintree/browser-detection/is-ie\");\nvar isIe9 = require(\"@braintree/browser-detection/is-ie9\");\n\nmodule.exports = {\n isIe: isIe,\n isIe9: isIe9,\n};\n\n},{\"@braintree/browser-detection/is-ie\":31,\"@braintree/browser-detection/is-ie9\":33}],56:[function(require,module,exports){\n\"use strict\";\n\nvar BRAINTREE_VERSION = require(\"./constants\").BRAINTREE_VERSION;\n\nvar GraphQL = require(\"./request/graphql\");\nvar request = require(\"./request\");\nvar isVerifiedDomain = require(\"../lib/is-verified-domain\");\nvar BraintreeError = require(\"../lib/braintree-error\");\nvar convertToBraintreeError = require(\"../lib/convert-to-braintree-error\");\nvar getGatewayConfiguration = require(\"./get-configuration\").getConfiguration;\nvar createAuthorizationData = require(\"../lib/create-authorization-data\");\nvar addMetadata = require(\"../lib/add-metadata\");\nvar Promise = require(\"../lib/promise\");\nvar wrapPromise = require(\"@braintree/wrap-promise\");\nvar once = require(\"../lib/once\");\nvar deferred = require(\"../lib/deferred\");\nvar assign = require(\"../lib/assign\").assign;\nvar analytics = require(\"../lib/analytics\");\nvar errors = require(\"./errors\");\nvar VERSION = require(\"../lib/constants\").VERSION;\nvar GRAPHQL_URLS = require(\"../lib/constants\").GRAPHQL_URLS;\nvar methods = require(\"../lib/methods\");\nvar convertMethodsToError = require(\"../lib/convert-methods-to-error\");\nvar assets = require(\"../lib/assets\");\nvar FRAUDNET_FNCLS = require(\"../lib/constants\").FRAUDNET_FNCLS;\nvar FRAUDNET_SOURCE = require(\"../lib/constants\").FRAUDNET_SOURCE;\nvar FRAUDNET_URL = require(\"../lib/constants\").FRAUDNET_URL;\n\nvar cachedClients = {};\n\n/**\n * This object is returned by {@link Client#getConfiguration|getConfiguration}. This information is used extensively by other Braintree modules to properly configure themselves.\n * @typedef {object} Client~configuration\n * @property {object} client The braintree-web/client parameters.\n * @property {string} client.authorization A tokenizationKey or clientToken.\n * @property {object} gatewayConfiguration Gateway-supplied configuration.\n * @property {object} analyticsMetadata Analytics-specific data.\n * @property {string} analyticsMetadata.sessionId Uniquely identifies a browsing session.\n * @property {string} analyticsMetadata.sdkVersion The braintree.js version.\n * @property {string} analyticsMetadata.merchantAppId Identifies the merchant's web app.\n */\n\n/**\n * @class\n * @param {Client~configuration} configuration Options\n * @description Do not use this constructor directly. Use {@link module:braintree-web/client.create|braintree.client.create} instead. \n * @classdesc This class is required by many other Braintree components. It serves as the base API layer that communicates with our servers. It is also capable of being used to formulate direct calls to our servers, such as direct credit card tokenization. See {@link Client#request}.\n */\nfunction Client(configuration) {\n var configurationJSON, gatewayConfiguration;\n\n configuration = configuration || {};\n\n configurationJSON = JSON.stringify(configuration);\n gatewayConfiguration = configuration.gatewayConfiguration;\n\n if (!gatewayConfiguration) {\n throw new BraintreeError(errors.CLIENT_MISSING_GATEWAY_CONFIGURATION);\n }\n\n [\"assetsUrl\", \"clientApiUrl\", \"configUrl\"].forEach(function (property) {\n if (\n property in gatewayConfiguration &&\n !isVerifiedDomain(gatewayConfiguration[property])\n ) {\n throw new BraintreeError({\n type: errors.CLIENT_GATEWAY_CONFIGURATION_INVALID_DOMAIN.type,\n code: errors.CLIENT_GATEWAY_CONFIGURATION_INVALID_DOMAIN.code,\n message: property + \" property is on an invalid domain.\",\n });\n }\n });\n\n /**\n * Returns a copy of the configuration values.\n * @public\n * @returns {Client~configuration} configuration\n */\n this.getConfiguration = function () {\n return JSON.parse(configurationJSON);\n };\n\n this._request = request;\n this._configuration = this.getConfiguration();\n\n this._clientApiBaseUrl = gatewayConfiguration.clientApiUrl + \"/v1/\";\n\n if (gatewayConfiguration.graphQL) {\n if (!isVerifiedDomain(gatewayConfiguration.graphQL.url)) {\n throw new BraintreeError({\n type: errors.CLIENT_GATEWAY_CONFIGURATION_INVALID_DOMAIN.type,\n code: errors.CLIENT_GATEWAY_CONFIGURATION_INVALID_DOMAIN.code,\n message: \"graphQL.url property is on an invalid domain.\",\n });\n }\n\n this._graphQL = new GraphQL({\n graphQL: gatewayConfiguration.graphQL,\n });\n }\n}\n\nClient.initialize = function (options) {\n var clientInstance, authData;\n var promise = cachedClients[options.authorization];\n\n if (promise) {\n analytics.sendEvent(promise, \"custom.client.load.cached\");\n\n return promise;\n }\n\n try {\n authData = createAuthorizationData(options.authorization);\n } catch (err) {\n return Promise.reject(\n new BraintreeError(errors.CLIENT_INVALID_AUTHORIZATION)\n );\n }\n\n promise = getGatewayConfiguration(authData).then(function (configuration) {\n if (options.debug) {\n configuration.isDebug = true;\n }\n\n configuration.authorization = options.authorization;\n\n clientInstance = new Client(configuration);\n\n return clientInstance;\n });\n\n cachedClients[options.authorization] = promise;\n\n analytics.sendEvent(promise, \"custom.client.load.initialized\");\n\n return promise\n .then(function (client) {\n analytics.sendEvent(clientInstance, \"custom.client.load.succeeded\");\n\n return client;\n })\n .catch(function (err) {\n delete cachedClients[options.authorization];\n\n return Promise.reject(err);\n });\n};\n\n// Primarily used for testing the client initalization call\nClient.clearCache = function () {\n cachedClients = {};\n};\n\nClient.prototype._findOrCreateFraudnetJSON = function (clientMetadataId) {\n var el = document.querySelector('script[fncls=\"' + FRAUDNET_FNCLS + '\"]');\n var config, additionalData, authorizationFingerprint, parameters;\n\n if (!el) {\n el = document.body.appendChild(document.createElement(\"script\"));\n el.type = \"application/json\";\n el.setAttribute(\"fncls\", FRAUDNET_FNCLS);\n }\n\n config = this.getConfiguration();\n additionalData = {\n rda_tenant: \"bt_card\", // eslint-disable-line camelcase\n mid: config.gatewayConfiguration.merchantId,\n };\n authorizationFingerprint = config.authorizationFingerprint;\n\n if (authorizationFingerprint) {\n authorizationFingerprint.split(\"&\").forEach(function (pieces) {\n var component = pieces.split(\"=\");\n\n if (component[0] === \"customer_id\" && component.length > 1) {\n additionalData.cid = component[1];\n }\n });\n }\n\n parameters = {\n f: clientMetadataId.substr(0, 32),\n fp: additionalData,\n bu: false,\n s: FRAUDNET_SOURCE,\n };\n el.text = JSON.stringify(parameters);\n};\n\n/**\n * Used by other modules to formulate all network requests to the Braintree gateway. It is also capable of being used directly from your own form to tokenize credit card information. However, be sure to satisfy PCI compliance if you use direct card tokenization.\n * @public\n * @param {object} options Request options:\n * @param {string} options.method HTTP method, e.g. \"get\" or \"post\".\n * @param {string} options.endpoint Endpoint path, e.g. \"payment_methods\".\n * @param {object} options.data Data to send with the request.\n * @param {number} [options.timeout=60000] Set a timeout (in milliseconds) for the request.\n * @param {callback} [callback] The second argument, data, is the returned server data.\n * @example\n * Direct Credit Card Tokenization \n * var createClient = require('braintree-web/client').create;\n *\n * createClient({\n * authorization: CLIENT_AUTHORIZATION\n * }, function (createErr, clientInstance) {\n * var form = document.getElementById('my-form-id');\n * var data = {\n * creditCard: {\n * number: form['cc-number'].value,\n * cvv: form['cc-cvv'].value,\n * expirationDate: form['cc-expiration-date'].value,\n * billingAddress: {\n * postalCode: form['cc-postal-code'].value\n * },\n * options: {\n * validate: false\n * }\n * }\n * };\n *\n * // Warning: For a merchant to be eligible for the easiest level of PCI compliance (SAQ A),\n * // payment fields cannot be hosted on your checkout page.\n * // For an alternative to the following, use Hosted Fields.\n * clientInstance.request({\n * endpoint: 'payment_methods/credit_cards',\n * method: 'post',\n * data: data\n * }, function (requestErr, response) {\n * // More detailed example of handling API errors: https://codepen.io/braintree/pen/MbwjdM\n * if (requestErr) { throw new Error(requestErr); }\n *\n * console.log('Got nonce:', response.creditCards[0].nonce);\n * });\n * });\n * @example\n * Tokenizing Fields for AVS Checks \n * var createClient = require('braintree-web/client').create;\n *\n * createClient({\n * authorization: CLIENT_AUTHORIZATION\n * }, function (createErr, clientInstance) {\n * var form = document.getElementById('my-form-id');\n * var data = {\n * creditCard: {\n * number: form['cc-number'].value,\n * cvv: form['cc-cvv'].value,\n * expirationDate: form['cc-date'].value,\n * // The billing address can be checked with AVS rules.\n * // See: https://articles.braintreepayments.com/support/guides/fraud-tools/basic/avs-cvv-rules\n * billingAddress: {\n * postalCode: form['cc-postal-code'].value,\n * streetAddress: form['cc-street-address'].value,\n * countryName: form['cc-country-name'].value,\n * countryCodeAlpha2: form['cc-country-alpha2'].value,\n * countryCodeAlpha3: form['cc-country-alpha3'].value,\n * countryCodeNumeric: form['cc-country-numeric'].value\n * },\n * options: {\n * validate: false\n * }\n * }\n * };\n *\n * // Warning: For a merchant to be eligible for the easiest level of PCI compliance (SAQ A),\n * // payment fields cannot be hosted on your checkout page.\n * // For an alternative to the following, use Hosted Fields.\n * clientInstance.request({\n * endpoint: 'payment_methods/credit_cards',\n * method: 'post',\n * data: data\n * }, function (requestErr, response) {\n * // More detailed example of handling API errors: https://codepen.io/braintree/pen/MbwjdM\n * if (requestErr) { throw new Error(requestErr); }\n *\n * console.log('Got nonce:', response.creditCards[0].nonce);\n * });\n * });\n * @returns {(Promise|void)} Returns a promise if no callback is provided.\n */\nClient.prototype.request = function (options, callback) {\n var self = this; // eslint-disable-line no-invalid-this\n var requestPromise = new Promise(function (resolve, reject) {\n var optionName, api, baseUrl, requestOptions;\n var shouldCollectData = Boolean(\n options.endpoint === \"payment_methods/credit_cards\" &&\n self.getConfiguration().gatewayConfiguration.creditCards\n .collectDeviceData\n );\n\n if (options.api !== \"graphQLApi\") {\n if (!options.method) {\n optionName = \"options.method\";\n } else if (!options.endpoint) {\n optionName = \"options.endpoint\";\n }\n }\n\n if (optionName) {\n throw new BraintreeError({\n type: errors.CLIENT_OPTION_REQUIRED.type,\n code: errors.CLIENT_OPTION_REQUIRED.code,\n message: optionName + \" is required when making a request.\",\n });\n }\n\n if (\"api\" in options) {\n api = options.api;\n } else {\n api = \"clientApi\";\n }\n\n requestOptions = {\n method: options.method,\n graphQL: self._graphQL,\n timeout: options.timeout,\n metadata: self._configuration.analyticsMetadata,\n };\n\n if (api === \"clientApi\") {\n baseUrl = self._clientApiBaseUrl;\n\n requestOptions.data = addMetadata(self._configuration, options.data);\n } else if (api === \"graphQLApi\") {\n baseUrl =\n GRAPHQL_URLS[self._configuration.gatewayConfiguration.environment];\n options.endpoint = \"\";\n requestOptions.method = \"post\";\n requestOptions.data = assign(\n {\n clientSdkMetadata: {\n platform: self._configuration.analyticsMetadata.platform,\n source: self._configuration.analyticsMetadata.source,\n integration: self._configuration.analyticsMetadata.integration,\n sessionId: self._configuration.analyticsMetadata.sessionId,\n version: VERSION,\n },\n },\n options.data\n );\n\n requestOptions.headers = getAuthorizationHeadersForGraphQL(\n self._configuration\n );\n } else {\n throw new BraintreeError({\n type: errors.CLIENT_OPTION_INVALID.type,\n code: errors.CLIENT_OPTION_INVALID.code,\n message: \"options.api is invalid.\",\n });\n }\n\n requestOptions.url = baseUrl + options.endpoint;\n requestOptions.sendAnalyticsEvent = function (kind) {\n analytics.sendEvent(self, kind);\n };\n\n self._request(requestOptions, function (err, data, status) {\n var resolvedData, requestError;\n\n requestError = formatRequestError(status, err);\n\n if (requestError) {\n reject(requestError);\n\n return;\n }\n\n if (api === \"graphQLApi\" && data.errors) {\n reject(\n convertToBraintreeError(data.errors, {\n type: errors.CLIENT_GRAPHQL_REQUEST_ERROR.type,\n code: errors.CLIENT_GRAPHQL_REQUEST_ERROR.code,\n message: errors.CLIENT_GRAPHQL_REQUEST_ERROR.message,\n })\n );\n\n return;\n }\n\n resolvedData = assign({ _httpStatus: status }, data);\n\n if (\n shouldCollectData &&\n resolvedData.creditCards &&\n resolvedData.creditCards.length > 0\n ) {\n self._findOrCreateFraudnetJSON(resolvedData.creditCards[0].nonce);\n\n assets.loadScript({\n src: FRAUDNET_URL,\n forceScriptReload: true,\n });\n }\n resolve(resolvedData);\n });\n });\n\n if (typeof callback === \"function\") {\n callback = once(deferred(callback));\n\n requestPromise\n .then(function (response) {\n callback(null, response, response._httpStatus);\n })\n .catch(function (err) {\n var status = err && err.details && err.details.httpStatus;\n\n callback(err, null, status);\n });\n\n return;\n }\n\n return requestPromise; // eslint-disable-line consistent-return\n};\n\n// eslint-disable-next-line consistent-return\nfunction formatRequestError(status, err) {\n var requestError;\n\n if (status === -1) {\n requestError = new BraintreeError(errors.CLIENT_REQUEST_TIMEOUT);\n } else if (status === 401) {\n requestError = new BraintreeError(errors.CLIENT_AUTHORIZATION_INVALID);\n } else if (status === 403) {\n requestError = new BraintreeError(errors.CLIENT_AUTHORIZATION_INSUFFICIENT);\n } else if (status === 429) {\n requestError = new BraintreeError(errors.CLIENT_RATE_LIMITED);\n } else if (status >= 500) {\n requestError = new BraintreeError(errors.CLIENT_GATEWAY_NETWORK);\n } else if (status < 200 || status >= 400) {\n requestError = convertToBraintreeError(err, {\n type: errors.CLIENT_REQUEST_ERROR.type,\n code: errors.CLIENT_REQUEST_ERROR.code,\n message: errors.CLIENT_REQUEST_ERROR.message,\n });\n }\n\n if (requestError) {\n requestError.details = requestError.details || {};\n requestError.details.httpStatus = status;\n\n return requestError;\n }\n}\n\nClient.prototype.toJSON = function () {\n return this.getConfiguration();\n};\n\n/**\n * Returns the Client version.\n * @public\n * @returns {String} The created client's version.\n * @example\n * var createClient = require('braintree-web/client').create;\n *\n * createClient({\n * authorization: CLIENT_AUTHORIZATION\n * }, function (createErr, clientInstance) {\n * console.log(clientInstance.getVersion()); // Ex: 1.0.0\n * });\n * @returns {void}\n */\nClient.prototype.getVersion = function () {\n return VERSION;\n};\n\n/**\n * Cleanly tear down anything set up by {@link module:braintree-web/client.create|create}.\n * @public\n * @param {callback} [callback] Called once teardown is complete. No data is returned if teardown completes successfully.\n * @example\n * clientInstance.teardown();\n * @example With callback \n * clientInstance.teardown(function () {\n * // teardown is complete\n * });\n * @returns {(Promise|void)} Returns a promise if no callback is provided.\n */\nClient.prototype.teardown = wrapPromise(function () {\n var self = this; // eslint-disable-line no-invalid-this\n\n delete cachedClients[self.getConfiguration().authorization];\n convertMethodsToError(self, methods(Client.prototype));\n\n return Promise.resolve();\n});\n\nfunction getAuthorizationHeadersForGraphQL(configuration) {\n var token =\n configuration.authorizationFingerprint || configuration.authorization;\n\n return {\n Authorization: \"Bearer \" + token,\n \"Braintree-Version\": BRAINTREE_VERSION,\n };\n}\n\nmodule.exports = Client;\n\n},{\"../lib/add-metadata\":93,\"../lib/analytics\":94,\"../lib/assets\":95,\"../lib/assign\":96,\"../lib/braintree-error\":99,\"../lib/constants\":100,\"../lib/convert-methods-to-error\":101,\"../lib/convert-to-braintree-error\":102,\"../lib/create-authorization-data\":104,\"../lib/deferred\":106,\"../lib/is-verified-domain\":127,\"../lib/methods\":129,\"../lib/once\":130,\"../lib/promise\":131,\"./constants\":57,\"./errors\":58,\"./get-configuration\":59,\"./request\":71,\"./request/graphql\":69,\"@braintree/wrap-promise\":51}],57:[function(require,module,exports){\n\"use strict\";\n\nmodule.exports = {\n BRAINTREE_VERSION: \"2018-05-10\",\n};\n\n},{}],58:[function(require,module,exports){\n\"use strict\";\n\n/**\n * @name BraintreeError.Client - Internal Error Codes\n * @ignore\n * @description These codes should never be experienced by the merchant directly.\n * @property {MERCHANT} CLIENT_GATEWAY_CONFIGURATION_INVALID_DOMAIN An error to prevent client creation for domains that are not allowed in the JS.\n * @property {INTERNAL} CLIENT_MISSING_GATEWAY_CONFIGURATION Occurs when the client is created without a gateway configuration. Should never happen.\n */\n\n/**\n * @name BraintreeError.Client - Create Error Codes\n * @description Errors that may occur when [creating the client](./module-braintree-web_client.html#.create)\n * @property {MERCHANT} CLIENT_INVALID_AUTHORIZATION Occurs when client token cannot be parsed.\n */\n\n/**\n * @name BraintreeError.Client - Request Error Codes\n * @description Errors that may occur when [using the request method](./Client.html#request)\n * @property {MERCHANT} CLIENT_OPTION_REQUIRED An option required in the request method was not provided. Usually `options.method` or `options.endpoint`\n * @property {MERCHANT} CLIENT_OPTION_INVALID The request option provided is invalid.\n * @property {MERCHANT} CLIENT_GATEWAY_NETWORK The Braintree gateway could not be contacted.\n * @property {NETWORK} CLIENT_REQUEST_TIMEOUT The request took too long to complete and timed out.\n * @property {NETWORK} CLIENT_REQUEST_ERROR The response from a request had status 400 or greater.\n * @property {NETWORK} CLIENT_GRAPHQL_REQUEST_ERROR The response from a request to GraphQL contained an error.\n * @property {MERCHANT} CLIENT_RATE_LIMITED The response from a request had a status of 429, indicating rate limiting.\n * @property {MERCHANT} CLIENT_AUTHORIZATION_INSUFFICIENT The user associated with the client token or tokenization key does not have permissions to make the request.\n * @property {MERCHANT} CLIENT_AUTHORIZATION_INVALID The provided authorization could not be found. Either the client token has expired and a new client token must be generated or the tokenization key used is set to be inactive or has been deleted.\n */\n\nvar BraintreeError = require(\"../lib/braintree-error\");\n\nmodule.exports = {\n CLIENT_GATEWAY_CONFIGURATION_INVALID_DOMAIN: {\n type: BraintreeError.types.MERCHANT,\n code: \"CLIENT_GATEWAY_CONFIGURATION_INVALID_DOMAIN\",\n },\n CLIENT_OPTION_REQUIRED: {\n type: BraintreeError.types.MERCHANT,\n code: \"CLIENT_OPTION_REQUIRED\",\n },\n CLIENT_OPTION_INVALID: {\n type: BraintreeError.types.MERCHANT,\n code: \"CLIENT_OPTION_INVALID\",\n },\n CLIENT_MISSING_GATEWAY_CONFIGURATION: {\n type: BraintreeError.types.INTERNAL,\n code: \"CLIENT_MISSING_GATEWAY_CONFIGURATION\",\n message: \"Missing gatewayConfiguration.\",\n },\n CLIENT_INVALID_AUTHORIZATION: {\n type: BraintreeError.types.MERCHANT,\n code: \"CLIENT_INVALID_AUTHORIZATION\",\n message:\n \"Authorization is invalid. Make sure your client token or tokenization key is valid.\",\n },\n CLIENT_GATEWAY_NETWORK: {\n type: BraintreeError.types.NETWORK,\n code: \"CLIENT_GATEWAY_NETWORK\",\n message: \"Cannot contact the gateway at this time.\",\n },\n CLIENT_REQUEST_TIMEOUT: {\n type: BraintreeError.types.NETWORK,\n code: \"CLIENT_REQUEST_TIMEOUT\",\n message: \"Request timed out waiting for a reply.\",\n },\n CLIENT_REQUEST_ERROR: {\n type: BraintreeError.types.NETWORK,\n code: \"CLIENT_REQUEST_ERROR\",\n message: \"There was a problem with your request.\",\n },\n CLIENT_GRAPHQL_REQUEST_ERROR: {\n type: BraintreeError.types.NETWORK,\n code: \"CLIENT_GRAPHQL_REQUEST_ERROR\",\n message: \"There was a problem with your request.\",\n },\n CLIENT_RATE_LIMITED: {\n type: BraintreeError.types.MERCHANT,\n code: \"CLIENT_RATE_LIMITED\",\n message: \"You are being rate-limited; please try again in a few minutes.\",\n },\n CLIENT_AUTHORIZATION_INSUFFICIENT: {\n type: BraintreeError.types.MERCHANT,\n code: \"CLIENT_AUTHORIZATION_INSUFFICIENT\",\n message: \"The authorization used has insufficient privileges.\",\n },\n CLIENT_AUTHORIZATION_INVALID: {\n type: BraintreeError.types.MERCHANT,\n code: \"CLIENT_AUTHORIZATION_INVALID\",\n message:\n \"Either the client token has expired and a new one should be generated or the tokenization key has been deactivated or deleted.\",\n },\n};\n\n},{\"../lib/braintree-error\":99}],59:[function(require,module,exports){\n\"use strict\";\n\nvar BraintreeError = require(\"../lib/braintree-error\");\nvar Promise = require(\"../lib/promise\");\nvar wrapPromise = require(\"@braintree/wrap-promise\");\nvar request = require(\"./request\");\nvar uuid = require(\"@braintree/uuid\");\nvar constants = require(\"../lib/constants\");\nvar errors = require(\"./errors\");\nvar GraphQL = require(\"./request/graphql\");\nvar GRAPHQL_URLS = require(\"../lib/constants\").GRAPHQL_URLS;\nvar isDateStringBeforeOrOn = require(\"../lib/is-date-string-before-or-on\");\n\nvar BRAINTREE_VERSION = require(\"./constants\").BRAINTREE_VERSION;\n\nfunction getConfiguration(authData) {\n return new Promise(function (resolve, reject) {\n var configuration, attrs, configUrl, reqOptions;\n var sessionId = uuid();\n var analyticsMetadata = {\n merchantAppId: window.location.host,\n platform: constants.PLATFORM,\n sdkVersion: constants.VERSION,\n source: constants.SOURCE,\n integration: constants.INTEGRATION,\n integrationType: constants.INTEGRATION,\n sessionId: sessionId,\n };\n\n attrs = authData.attrs;\n configUrl = authData.configUrl;\n\n attrs._meta = analyticsMetadata;\n attrs.braintreeLibraryVersion = constants.BRAINTREE_LIBRARY_VERSION;\n attrs.configVersion = \"3\";\n\n reqOptions = {\n url: configUrl,\n method: \"GET\",\n data: attrs,\n };\n\n if (attrs.authorizationFingerprint && authData.graphQL) {\n if (isDateStringBeforeOrOn(authData.graphQL.date, BRAINTREE_VERSION)) {\n reqOptions.graphQL = new GraphQL({\n graphQL: {\n url: authData.graphQL.url,\n features: [\"configuration\"],\n },\n });\n }\n\n reqOptions.metadata = analyticsMetadata;\n } else if (attrs.tokenizationKey) {\n reqOptions.graphQL = new GraphQL({\n graphQL: {\n url: GRAPHQL_URLS[authData.environment],\n features: [\"configuration\"],\n },\n });\n\n reqOptions.metadata = analyticsMetadata;\n }\n\n // NEXT_MAJOR_VERSION\n // there are various issues with the config endpoint where the values returned\n // do not match the values from the merchant account id passed into a client token\n // we need to update the configuration request endpoint to be able to pass the\n // correct values. The following ones are incorrect\n // * applePayWeb - definitely supportedNetworks, which compiles all the card\n // networks from all the merchant accounts instead of providing just the\n // ones from the specified one. The same is probably true for ios apple pay\n // Also the merchantidentifier\n // NEXT_MAJOR_VERSION Allow passing in merchant account id when creating the component\n // to fetch the config for that merchant account id (particularly helpful when using\n // a tokenization key for authorization)\n request(reqOptions, function (err, response, status) {\n var errorTemplate;\n\n if (err) {\n if (status === 403) {\n errorTemplate = errors.CLIENT_AUTHORIZATION_INSUFFICIENT;\n } else if (status === 401) {\n errorTemplate = errors.CLIENT_AUTHORIZATION_INVALID;\n } else {\n errorTemplate = errors.CLIENT_GATEWAY_NETWORK;\n }\n\n reject(\n new BraintreeError({\n type: errorTemplate.type,\n code: errorTemplate.code,\n message: errorTemplate.message,\n details: {\n originalError: err,\n },\n })\n );\n\n return;\n }\n\n configuration = {\n authorizationType: attrs.tokenizationKey\n ? \"TOKENIZATION_KEY\"\n : \"CLIENT_TOKEN\",\n authorizationFingerprint: attrs.authorizationFingerprint,\n analyticsMetadata: analyticsMetadata,\n gatewayConfiguration: response,\n };\n\n resolve(configuration);\n });\n });\n}\n\nmodule.exports = {\n getConfiguration: wrapPromise(getConfiguration),\n};\n\n},{\"../lib/braintree-error\":99,\"../lib/constants\":100,\"../lib/is-date-string-before-or-on\":125,\"../lib/promise\":131,\"./constants\":57,\"./errors\":58,\"./request\":71,\"./request/graphql\":69,\"@braintree/uuid\":47,\"@braintree/wrap-promise\":51}],60:[function(require,module,exports){\n\"use strict\";\n\nvar BraintreeError = require(\"../lib/braintree-error\");\nvar Client = require(\"./client\");\nvar VERSION = \"3.88.3\";\nvar Promise = require(\"../lib/promise\");\nvar wrapPromise = require(\"@braintree/wrap-promise\");\nvar sharedErrors = require(\"../lib/errors\");\n\n/** @module braintree-web/client */\n\n/**\n * @function create\n * @description This function is the entry point for the braintree.client module. It is used for creating {@link Client} instances that service communication to Braintree servers.\n * @param {object} options Object containing all {@link Client} options:\n * @param {string} options.authorization A tokenizationKey or clientToken.\n * @param {callback} [callback] The second argument, data, is the {@link Client} instance.\n * @returns {(Promise|void)} Returns a promise if no callback is provided.\n * @example\n * var createClient = require('braintree-web/client').create;\n *\n * createClient({\n * authorization: CLIENT_AUTHORIZATION\n * }, function (createErr, clientInstance) {\n * if (createErr) {\n * if (createErr.code === 'CLIENT_AUTHORIZATION_INVALID') {\n * // either the client token has expired, and a new one should be generated\n * // or the tokenization key was deactivated or deleted\n * } else {\n * console.log('something went wrong creating the client instance', createErr);\n * }\n * return;\n * }\n *\n * // set up other components\n * });\n * @static\n */\nfunction create(options) {\n if (!options.authorization) {\n return Promise.reject(\n new BraintreeError({\n type: sharedErrors.INSTANTIATION_OPTION_REQUIRED.type,\n code: sharedErrors.INSTANTIATION_OPTION_REQUIRED.code,\n message:\n \"options.authorization is required when instantiating a client.\",\n })\n );\n }\n\n return Client.initialize(options);\n}\n\nmodule.exports = {\n create: wrapPromise(create),\n /**\n * @description The current version of the SDK, i.e. `1.33.7`.\n * @type {string}\n */\n VERSION: VERSION,\n};\n\n},{\"../lib/braintree-error\":99,\"../lib/errors\":109,\"../lib/promise\":131,\"./client\":56,\"@braintree/wrap-promise\":51}],61:[function(require,module,exports){\n\"use strict\";\n\nvar querystring = require(\"../../lib/querystring\");\nvar assign = require(\"../../lib/assign\").assign;\nvar prepBody = require(\"./prep-body\");\nvar parseBody = require(\"./parse-body\");\nvar xhr = require(\"./xhr\");\nvar isXHRAvailable = xhr.isAvailable;\nvar GraphQLRequest = require(\"./graphql/request\");\nvar DefaultRequest = require(\"./default-request\");\n\nvar MAX_TCP_RETRYCOUNT = 1;\nvar TCP_PRECONNECT_BUG_STATUS_CODE = 408;\n\nfunction requestShouldRetry(status) {\n return !status || status === TCP_PRECONNECT_BUG_STATUS_CODE;\n}\n\nfunction graphQLRequestShouldRetryWithClientApi(body) {\n var errorClass =\n !body.data &&\n body.errors &&\n body.errors[0] &&\n body.errors[0].extensions &&\n body.errors[0].extensions.errorClass;\n\n return errorClass === \"UNKNOWN\" || errorClass === \"INTERNAL\";\n}\n\nfunction _requestWithRetry(options, tcpRetryCount, cb) {\n var status, resBody, ajaxRequest, body, method, headers, parsedBody;\n var url = options.url;\n var graphQL = options.graphQL;\n var timeout = options.timeout;\n var req = xhr.getRequestObject();\n var callback = cb;\n var isGraphQLRequest = Boolean(\n graphQL && graphQL.isGraphQLRequest(url, options.data)\n );\n\n options.headers = assign(\n { \"Content-Type\": \"application/json\" },\n options.headers\n );\n\n if (isGraphQLRequest) {\n ajaxRequest = new GraphQLRequest(options);\n } else {\n ajaxRequest = new DefaultRequest(options);\n }\n\n url = ajaxRequest.getUrl();\n body = ajaxRequest.getBody();\n method = ajaxRequest.getMethod();\n headers = ajaxRequest.getHeaders();\n\n if (method === \"GET\") {\n url = querystring.queryify(url, body);\n body = null;\n }\n\n if (isXHRAvailable) {\n req.onreadystatechange = function () {\n if (req.readyState !== 4) {\n return;\n }\n\n if (req.status === 0 && isGraphQLRequest) {\n // If a merchant experiences a connection\n // issue to the GraphQL endpoint (possibly\n // due to a Content Security Policy), retry\n // the request against the old client API.\n delete options.graphQL;\n _requestWithRetry(options, tcpRetryCount, cb);\n\n return;\n }\n\n parsedBody = parseBody(req.responseText);\n resBody = ajaxRequest.adaptResponseBody(parsedBody);\n status = ajaxRequest.determineStatus(req.status, parsedBody);\n\n if (status >= 400 || status < 200) {\n if (\n isGraphQLRequest &&\n graphQLRequestShouldRetryWithClientApi(parsedBody)\n ) {\n delete options.graphQL;\n _requestWithRetry(options, tcpRetryCount, cb);\n\n return;\n }\n\n if (tcpRetryCount < MAX_TCP_RETRYCOUNT && requestShouldRetry(status)) {\n tcpRetryCount++;\n _requestWithRetry(options, tcpRetryCount, cb);\n\n return;\n }\n callback(resBody || \"error\", null, status || 500);\n } else {\n callback(null, resBody, status);\n }\n };\n } else {\n if (options.headers) {\n url = querystring.queryify(url, headers);\n }\n\n req.onload = function () {\n callback(null, parseBody(req.responseText), req.status);\n };\n\n req.onerror = function () {\n // XDomainRequest does not report a body or status for errors, so\n // hardcode to 'error' and 500, respectively\n callback(\"error\", null, 500);\n };\n\n // This must remain for IE9 to work\n req.onprogress = function () {};\n\n req.ontimeout = function () {\n callback(\"timeout\", null, -1);\n };\n }\n\n try {\n req.open(method, url, true);\n } catch (requestOpenError) {\n // If a merchant has a Content Security Policy and they have\n // not allowed our endpoints, some browsers may\n // synchronously throw an error. If it is not a GraphQL\n // request, we throw the error. If it is a GraphQL request\n // we remove the GraphQL option and try the request against\n // the old client API.\n if (!isGraphQLRequest) {\n throw requestOpenError;\n }\n\n delete options.graphQL;\n\n _requestWithRetry(options, tcpRetryCount, cb);\n\n return;\n }\n\n req.timeout = timeout;\n\n if (isXHRAvailable) {\n Object.keys(headers).forEach(function (headerKey) {\n req.setRequestHeader(headerKey, headers[headerKey]);\n });\n }\n\n try {\n req.send(prepBody(method, body));\n } catch (e) {\n /* ignored */\n }\n}\n\nfunction request(options, cb) {\n _requestWithRetry(options, 0, cb);\n}\n\nmodule.exports = {\n request: request,\n};\n\n},{\"../../lib/assign\":96,\"../../lib/querystring\":132,\"./default-request\":62,\"./graphql/request\":70,\"./parse-body\":74,\"./prep-body\":75,\"./xhr\":76}],62:[function(require,module,exports){\n\"use strict\";\n\nfunction DefaultRequest(options) {\n this._url = options.url;\n this._data = options.data;\n this._method = options.method;\n this._headers = options.headers;\n}\n\nDefaultRequest.prototype.getUrl = function () {\n return this._url;\n};\n\nDefaultRequest.prototype.getBody = function () {\n return this._data;\n};\n\nDefaultRequest.prototype.getMethod = function () {\n return this._method;\n};\n\nDefaultRequest.prototype.getHeaders = function () {\n return this._headers;\n};\n\nDefaultRequest.prototype.adaptResponseBody = function (parsedBody) {\n return parsedBody;\n};\n\nDefaultRequest.prototype.determineStatus = function (status) {\n return status;\n};\n\nmodule.exports = DefaultRequest;\n\n},{}],63:[function(require,module,exports){\n\"use strict\";\n\nmodule.exports = function getUserAgent() {\n return window.navigator.userAgent;\n};\n\n},{}],64:[function(require,module,exports){\n\"use strict\";\n\nvar errorResponseAdapter = require(\"./error\");\nvar assign = require(\"../../../../lib/assign\").assign;\n\n/* eslint-disable camelcase */\nvar cardTypeTransforms = {\n creditCard: {\n AMERICAN_EXPRESS: \"American Express\",\n DISCOVER: \"Discover\",\n INTERNATIONAL_MAESTRO: \"Maestro\",\n JCB: \"JCB\",\n MASTERCARD: \"MasterCard\",\n SOLO: \"Solo\",\n UK_MAESTRO: \"UK Maestro\",\n UNION_PAY: \"UnionPay\",\n VISA: \"Visa\",\n ELO: \"Elo\",\n HIPER: \"Hiper\",\n HIPERCARD: \"Hipercard\",\n },\n applePayWeb: {\n VISA: \"visa\",\n MASTERCARD: \"mastercard\",\n DISCOVER: \"discover\",\n AMERICAN_EXPRESS: \"amex\",\n INTERNATIONAL_MAESTRO: \"maestro\",\n ELO: \"elo\",\n },\n visaCheckout: {\n VISA: \"Visa\",\n MASTERCARD: \"MasterCard\",\n DISCOVER: \"Discover\",\n AMERICAN_EXPRESS: \"American Express\",\n },\n googlePay: {\n VISA: \"visa\",\n MASTERCARD: \"mastercard\",\n DISCOVER: \"discover\",\n AMERICAN_EXPRESS: \"amex\",\n INTERNATIONAL_MAESTRO: \"maestro\",\n ELO: \"elo\",\n },\n masterpass: {\n VISA: \"visa\",\n MASTERCARD: \"master\",\n DISCOVER: \"discover\",\n AMERICAN_EXPRESS: \"amex\",\n DINERS: \"diners\",\n INTERNATIONAL_MAESTRO: \"maestro\",\n JCB: \"jcb\",\n },\n};\n/* eslint-enable camelcase */\n\nfunction configurationResponseAdapter(responseBody, ctx) {\n var adaptedResponse;\n\n if (responseBody.data && !responseBody.errors) {\n adaptedResponse = adaptConfigurationResponseBody(responseBody, ctx);\n } else {\n adaptedResponse = errorResponseAdapter(responseBody);\n }\n\n return adaptedResponse;\n}\n\nfunction adaptConfigurationResponseBody(body, ctx) {\n var configuration = body.data.clientConfiguration;\n var response;\n\n response = {\n environment: configuration.environment.toLowerCase(),\n clientApiUrl: configuration.clientApiUrl,\n assetsUrl: configuration.assetsUrl,\n analytics: {\n url: configuration.analyticsUrl,\n },\n merchantId: configuration.merchantId,\n venmo: \"off\",\n };\n\n if (configuration.supportedFeatures) {\n response.graphQL = {\n url: ctx._graphQL._config.url,\n features: configuration.supportedFeatures.map(function (feature) {\n return feature.toLowerCase();\n }),\n };\n }\n\n if (configuration.braintreeApi) {\n response.braintreeApi = configuration.braintreeApi;\n }\n\n if (configuration.applePayWeb) {\n response.applePayWeb = configuration.applePayWeb;\n response.applePayWeb.supportedNetworks = mapCardTypes(\n configuration.applePayWeb.supportedCardBrands,\n cardTypeTransforms.applePayWeb\n );\n\n delete response.applePayWeb.supportedCardBrands;\n }\n\n if (configuration.ideal) {\n response.ideal = configuration.ideal;\n }\n\n if (configuration.kount) {\n response.kount = {\n kountMerchantId: configuration.kount.merchantId,\n };\n }\n\n if (configuration.creditCard) {\n response.challenges = configuration.creditCard.challenges.map(function (\n challenge\n ) {\n return challenge.toLowerCase();\n });\n\n response.creditCards = {\n supportedCardTypes: mapCardTypes(\n configuration.creditCard.supportedCardBrands,\n cardTypeTransforms.creditCard\n ),\n };\n response.threeDSecureEnabled = configuration.creditCard.threeDSecureEnabled;\n response.threeDSecure = configuration.creditCard.threeDSecure;\n } else {\n response.challenges = [];\n response.creditCards = {\n supportedCardTypes: [],\n };\n response.threeDSecureEnabled = false;\n }\n\n if (configuration.googlePay) {\n response.androidPay = {\n displayName: configuration.googlePay.displayName,\n enabled: true,\n environment: configuration.googlePay.environment.toLowerCase(),\n googleAuthorizationFingerprint:\n configuration.googlePay.googleAuthorization,\n paypalClientId: configuration.googlePay.paypalClientId,\n supportedNetworks: mapCardTypes(\n configuration.googlePay.supportedCardBrands,\n cardTypeTransforms.googlePay\n ),\n };\n }\n\n if (configuration.venmo) {\n response.payWithVenmo = {\n merchantId: configuration.venmo.merchantId,\n accessToken: configuration.venmo.accessToken,\n environment: configuration.venmo.environment.toLowerCase(),\n };\n }\n\n if (configuration.paypal) {\n response.paypalEnabled = true;\n response.paypal = assign({}, configuration.paypal);\n response.paypal.currencyIsoCode = response.paypal.currencyCode;\n response.paypal.environment = response.paypal.environment.toLowerCase();\n\n delete response.paypal.currencyCode;\n } else {\n response.paypalEnabled = false;\n }\n\n if (configuration.unionPay) {\n response.unionPay = {\n enabled: true,\n merchantAccountId: configuration.unionPay.merchantAccountId,\n };\n }\n\n if (configuration.visaCheckout) {\n response.visaCheckout = {\n apikey: configuration.visaCheckout.apiKey,\n encryptionKey: configuration.visaCheckout.encryptionKey,\n externalClientId: configuration.visaCheckout.externalClientId,\n supportedCardTypes: mapCardTypes(\n configuration.visaCheckout.supportedCardBrands,\n cardTypeTransforms.visaCheckout\n ),\n };\n }\n\n if (configuration.masterpass) {\n response.masterpass = {\n merchantCheckoutId: configuration.masterpass.merchantCheckoutId,\n supportedNetworks: mapCardTypes(\n configuration.masterpass.supportedCardBrands,\n cardTypeTransforms.masterpass\n ),\n };\n }\n\n if (configuration.usBankAccount) {\n response.usBankAccount = {\n routeId: configuration.usBankAccount.routeId,\n plaid: {\n publicKey: configuration.usBankAccount.plaidPublicKey,\n },\n };\n }\n\n return response;\n}\n\nfunction mapCardTypes(cardTypes, cardTypeTransformMap) {\n return cardTypes.reduce(function (acc, type) {\n if (cardTypeTransformMap.hasOwnProperty(type)) {\n return acc.concat(cardTypeTransformMap[type]);\n }\n\n return acc;\n }, []);\n}\n\nmodule.exports = configurationResponseAdapter;\n\n},{\"../../../../lib/assign\":96,\"./error\":66}],65:[function(require,module,exports){\n\"use strict\";\n\nvar errorResponseAdapter = require(\"./error\");\n\nvar CARD_BRAND_MAP = {\n /* eslint-disable camelcase */\n AMERICAN_EXPRESS: \"American Express\",\n DINERS: \"Discover\",\n DISCOVER: \"Discover\",\n ELO: \"Elo\",\n HIPER: \"Hiper\",\n HIPERCARD: \"Hipercard\",\n INTERNATIONAL_MAESTRO: \"Maestro\",\n JCB: \"JCB\",\n MASTERCARD: \"MasterCard\",\n UK_MAESTRO: \"Maestro\",\n UNION_PAY: \"UnionPay\",\n VISA: \"Visa\",\n /* eslint-enable camelcase */\n};\n\nvar BIN_DATA_MAP = {\n YES: \"Yes\",\n NO: \"No\",\n UNKNOWN: \"Unknown\",\n};\n\nvar AUTHENTICATION_INSIGHT_MAP = {\n PSDTWO: \"psd2\",\n};\n\nfunction creditCardTokenizationResponseAdapter(responseBody) {\n var adaptedResponse;\n\n if (responseBody.data && !responseBody.errors) {\n adaptedResponse = adaptTokenizeCreditCardResponseBody(responseBody);\n } else {\n adaptedResponse = errorResponseAdapter(responseBody);\n }\n\n return adaptedResponse;\n}\n\nfunction adaptTokenizeCreditCardResponseBody(body) {\n var data = body.data.tokenizeCreditCard;\n var creditCard = data.creditCard;\n var lastTwo = creditCard.last4 ? creditCard.last4.substr(2, 4) : \"\";\n var binData = creditCard.binData;\n var response, regulationEnvironment;\n\n if (binData) {\n [\n \"commercial\",\n \"debit\",\n \"durbinRegulated\",\n \"healthcare\",\n \"payroll\",\n \"prepaid\",\n ].forEach(function (key) {\n if (binData[key]) {\n binData[key] = BIN_DATA_MAP[binData[key]];\n } else {\n binData[key] = \"Unknown\";\n }\n });\n\n [\"issuingBank\", \"countryOfIssuance\", \"productId\"].forEach(function (key) {\n if (!binData[key]) {\n binData[key] = \"Unknown\";\n }\n });\n }\n\n response = {\n creditCards: [\n {\n binData: binData,\n consumed: false,\n description: lastTwo ? \"ending in \" + lastTwo : \"\",\n nonce: data.token,\n details: {\n cardholderName: creditCard.cardholderName,\n expirationMonth: creditCard.expirationMonth,\n expirationYear: creditCard.expirationYear,\n bin: creditCard.bin || \"\",\n cardType: CARD_BRAND_MAP[creditCard.brandCode] || \"Unknown\",\n lastFour: creditCard.last4 || \"\",\n lastTwo: lastTwo,\n },\n type: \"CreditCard\",\n threeDSecureInfo: null,\n },\n ],\n };\n\n if (data.authenticationInsight) {\n regulationEnvironment =\n data.authenticationInsight.customerAuthenticationRegulationEnvironment;\n response.creditCards[0].authenticationInsight = {\n regulationEnvironment:\n AUTHENTICATION_INSIGHT_MAP[regulationEnvironment] ||\n regulationEnvironment.toLowerCase(),\n };\n }\n\n return response;\n}\n\nmodule.exports = creditCardTokenizationResponseAdapter;\n\n},{\"./error\":66}],66:[function(require,module,exports){\n\"use strict\";\n\nfunction errorResponseAdapter(responseBody) {\n var response;\n var errorClass =\n responseBody.errors &&\n responseBody.errors[0] &&\n responseBody.errors[0].extensions &&\n responseBody.errors[0].extensions.errorClass;\n\n if (errorClass === \"VALIDATION\") {\n response = userErrorResponseAdapter(responseBody);\n } else if (errorClass) {\n response = errorWithClassResponseAdapter(responseBody);\n } else {\n response = {\n error: { message: \"There was a problem serving your request\" },\n fieldErrors: [],\n };\n }\n\n return response;\n}\n\nfunction errorWithClassResponseAdapter(responseBody) {\n return {\n error: { message: responseBody.errors[0].message },\n fieldErrors: [],\n };\n}\n\nfunction userErrorResponseAdapter(responseBody) {\n var fieldErrors = buildFieldErrors(responseBody.errors);\n\n if (fieldErrors.length === 0) {\n return { error: { message: responseBody.errors[0].message } };\n }\n\n return {\n error: { message: getLegacyMessage(fieldErrors) },\n fieldErrors: fieldErrors,\n };\n}\n\nfunction buildFieldErrors(errors) {\n var fieldErrors = [];\n\n errors.forEach(function (error) {\n if (!(error.extensions && error.extensions.inputPath)) {\n return;\n }\n addFieldError(error.extensions.inputPath.slice(1), error, fieldErrors);\n });\n\n return fieldErrors;\n}\n\nfunction addFieldError(inputPath, errorDetail, fieldErrors) {\n var fieldError;\n var legacyCode = errorDetail.extensions.legacyCode;\n var inputField = inputPath[0];\n\n if (inputPath.length === 1) {\n fieldErrors.push({\n code: legacyCode,\n field: inputField,\n message: errorDetail.message,\n });\n\n return;\n }\n\n fieldErrors.forEach(function (candidate) {\n if (candidate.field === inputField) {\n fieldError = candidate;\n }\n });\n\n if (!fieldError) {\n fieldError = { field: inputField, fieldErrors: [] };\n fieldErrors.push(fieldError);\n }\n\n addFieldError(inputPath.slice(1), errorDetail, fieldError.fieldErrors);\n}\n\nfunction getLegacyMessage(errors) {\n var legacyMessages = {\n creditCard: \"Credit card is invalid\",\n };\n\n var field = errors[0].field;\n\n return legacyMessages[field];\n}\n\nmodule.exports = errorResponseAdapter;\n\n},{}],67:[function(require,module,exports){\n\"use strict\";\n\nvar CONFIGURATION_QUERY =\n \"query ClientConfiguration { \" +\n \" clientConfiguration { \" +\n \" analyticsUrl \" +\n \" environment \" +\n \" merchantId \" +\n \" assetsUrl \" +\n \" clientApiUrl \" +\n \" creditCard { \" +\n \" supportedCardBrands \" +\n \" challenges \" +\n \" threeDSecureEnabled \" +\n \" threeDSecure { \" +\n \" cardinalAuthenticationJWT \" +\n \" } \" +\n \" } \" +\n \" applePayWeb { \" +\n \" countryCode \" +\n \" currencyCode \" +\n \" merchantIdentifier \" +\n \" supportedCardBrands \" +\n \" } \" +\n \" googlePay { \" +\n \" displayName \" +\n \" supportedCardBrands \" +\n \" environment \" +\n \" googleAuthorization \" +\n \" paypalClientId \" +\n \" } \" +\n \" ideal { \" +\n \" routeId \" +\n \" assetsUrl \" +\n \" } \" +\n \" kount { \" +\n \" merchantId \" +\n \" } \" +\n \" masterpass { \" +\n \" merchantCheckoutId \" +\n \" supportedCardBrands \" +\n \" } \" +\n \" paypal { \" +\n \" displayName \" +\n \" clientId \" +\n \" privacyUrl \" +\n \" userAgreementUrl \" +\n \" assetsUrl \" +\n \" environment \" +\n \" environmentNoNetwork \" +\n \" unvettedMerchant \" +\n \" braintreeClientId \" +\n \" billingAgreementsEnabled \" +\n \" merchantAccountId \" +\n \" currencyCode \" +\n \" payeeEmail \" +\n \" } \" +\n \" unionPay { \" +\n \" merchantAccountId \" +\n \" } \" +\n \" usBankAccount { \" +\n \" routeId \" +\n \" plaidPublicKey \" +\n \" } \" +\n \" venmo { \" +\n \" merchantId \" +\n \" accessToken \" +\n \" environment \" +\n \" } \" +\n \" visaCheckout { \" +\n \" apiKey \" +\n \" externalClientId \" +\n \" supportedCardBrands \" +\n \" } \" +\n \" braintreeApi { \" +\n \" accessToken \" +\n \" url \" +\n \" } \" +\n \" supportedFeatures \" +\n \" } \" +\n \"}\";\n\nfunction configuration() {\n return {\n query: CONFIGURATION_QUERY,\n operationName: \"ClientConfiguration\",\n };\n}\n\nmodule.exports = configuration;\n\n},{}],68:[function(require,module,exports){\n\"use strict\";\n\nvar assign = require(\"../../../../lib/assign\").assign;\n\nfunction createMutation(config) {\n var hasAuthenticationInsight = config.hasAuthenticationInsight;\n var mutation = \"mutation TokenizeCreditCard($input: TokenizeCreditCardInput!\";\n\n if (hasAuthenticationInsight) {\n mutation += \", $authenticationInsightInput: AuthenticationInsightInput!\";\n }\n\n mutation +=\n \") { \" +\n \" tokenizeCreditCard(input: $input) { \" +\n \" token \" +\n \" creditCard { \" +\n \" bin \" +\n \" brandCode \" +\n \" last4 \" +\n \" cardholderName \" +\n \" expirationMonth\" +\n \" expirationYear\" +\n \" binData { \" +\n \" prepaid \" +\n \" healthcare \" +\n \" debit \" +\n \" durbinRegulated \" +\n \" commercial \" +\n \" payroll \" +\n \" issuingBank \" +\n \" countryOfIssuance \" +\n \" productId \" +\n \" } \" +\n \" } \";\n\n if (hasAuthenticationInsight) {\n mutation +=\n \" authenticationInsight(input: $authenticationInsightInput) {\" +\n \" customerAuthenticationRegulationEnvironment\" +\n \" }\";\n }\n\n mutation += \" } }\";\n\n return mutation;\n}\n\nfunction createCreditCardTokenizationBody(body, options) {\n var cc = body.creditCard;\n var billingAddress = cc && cc.billingAddress;\n var expDate = cc && cc.expirationDate;\n var expirationMonth =\n cc && (cc.expirationMonth || (expDate && expDate.split(\"/\")[0].trim()));\n var expirationYear =\n cc && (cc.expirationYear || (expDate && expDate.split(\"/\")[1].trim()));\n var variables = {\n input: {\n creditCard: {\n number: cc && cc.number,\n expirationMonth: expirationMonth,\n expirationYear: expirationYear,\n cvv: cc && cc.cvv,\n cardholderName: cc && cc.cardholderName,\n },\n options: {},\n },\n };\n\n if (options.hasAuthenticationInsight) {\n variables.authenticationInsightInput = {\n merchantAccountId: body.merchantAccountId,\n };\n }\n\n if (billingAddress) {\n variables.input.creditCard.billingAddress = billingAddress;\n }\n\n variables.input = addValidationRule(body, variables.input);\n\n return variables;\n}\n\nfunction addValidationRule(body, input) {\n var validate;\n\n if (\n body.creditCard &&\n body.creditCard.options &&\n typeof body.creditCard.options.validate === \"boolean\"\n ) {\n validate = body.creditCard.options.validate;\n } else if (\n (body.authorizationFingerprint && body.tokenizationKey) ||\n body.authorizationFingerprint\n ) {\n validate = true;\n } else if (body.tokenizationKey) {\n validate = false;\n }\n\n if (typeof validate === \"boolean\") {\n input.options = assign(\n {\n validate: validate,\n },\n input.options\n );\n }\n\n return input;\n}\n\nfunction creditCardTokenization(body) {\n var options = {\n hasAuthenticationInsight: Boolean(\n body.authenticationInsight && body.merchantAccountId\n ),\n };\n\n return {\n query: createMutation(options),\n variables: createCreditCardTokenizationBody(body, options),\n operationName: \"TokenizeCreditCard\",\n };\n}\n\nmodule.exports = creditCardTokenization;\n\n},{\"../../../../lib/assign\":96}],69:[function(require,module,exports){\n\"use strict\";\n\nvar browserDetection = require(\"../../browser-detection\");\n\nvar features = {\n tokenize_credit_cards: \"payment_methods/credit_cards\", // eslint-disable-line camelcase\n configuration: \"configuration\",\n};\n\nvar disallowedInputPaths = [\"creditCard.options.unionPayEnrollment\"];\n\nfunction GraphQL(config) {\n this._config = config.graphQL;\n}\n\nGraphQL.prototype.getGraphQLEndpoint = function () {\n return this._config.url;\n};\n\nGraphQL.prototype.isGraphQLRequest = function (url, body) {\n var featureEnabled;\n var path = this.getClientApiPath(url);\n\n if (!this._isGraphQLEnabled() || !path || browserDetection.isIe9()) {\n return false;\n }\n\n featureEnabled = this._config.features.some(function (feature) {\n return features[feature] === path;\n });\n\n if (containsDisallowedlistedKeys(body)) {\n return false;\n }\n\n return featureEnabled;\n};\n\nGraphQL.prototype.getClientApiPath = function (url) {\n var path;\n var clientApiPrefix = \"/client_api/v1/\";\n var pathParts = url.split(clientApiPrefix);\n\n if (pathParts.length > 1) {\n path = pathParts[1].split(\"?\")[0];\n }\n\n return path;\n};\n\nGraphQL.prototype._isGraphQLEnabled = function () {\n return Boolean(this._config);\n};\n\nfunction containsDisallowedlistedKeys(body) {\n return disallowedInputPaths.some(function (keys) {\n var value = keys.split(\".\").reduce(function (accumulator, key) {\n return accumulator && accumulator[key];\n }, body);\n\n return value !== undefined; // eslint-disable-line no-undefined\n });\n}\n\nmodule.exports = GraphQL;\n\n},{\"../../browser-detection\":55}],70:[function(require,module,exports){\n\"use strict\";\n\nvar BRAINTREE_VERSION = require(\"../../constants\").BRAINTREE_VERSION;\n\nvar assign = require(\"../../../lib/assign\").assign;\nvar snakeCaseToCamelCase = require(\"../../../lib/snake-case-to-camel-case\");\n\nvar creditCardTokenizationBodyGenerator = require(\"./generators/credit-card-tokenization\");\nvar creditCardTokenizationResponseAdapter = require(\"./adapters/credit-card-tokenization\");\n\nvar configurationBodyGenerator = require(\"./generators/configuration\");\nvar configurationResponseAdapter = require(\"./adapters/configuration\");\n\nvar generators = {\n \"payment_methods/credit_cards\": creditCardTokenizationBodyGenerator,\n configuration: configurationBodyGenerator,\n};\nvar adapters = {\n \"payment_methods/credit_cards\": creditCardTokenizationResponseAdapter,\n configuration: configurationResponseAdapter,\n};\n\nfunction GraphQLRequest(options) {\n var clientApiPath = options.graphQL.getClientApiPath(options.url);\n\n this._graphQL = options.graphQL;\n this._data = options.data;\n this._method = options.method;\n this._headers = options.headers;\n this._clientSdkMetadata = {\n source: options.metadata.source,\n integration: options.metadata.integration,\n sessionId: options.metadata.sessionId,\n };\n this._sendAnalyticsEvent = options.sendAnalyticsEvent || Function.prototype;\n\n this._generator = generators[clientApiPath];\n this._adapter = adapters[clientApiPath];\n\n this._sendAnalyticsEvent(\"graphql.init\");\n}\n\nGraphQLRequest.prototype.getUrl = function () {\n return this._graphQL.getGraphQLEndpoint();\n};\n\nGraphQLRequest.prototype.getBody = function () {\n var formattedBody = formatBodyKeys(this._data);\n var generatedBody = this._generator(formattedBody);\n var body = assign(\n { clientSdkMetadata: this._clientSdkMetadata },\n generatedBody\n );\n\n return JSON.stringify(body);\n};\n\nGraphQLRequest.prototype.getMethod = function () {\n return \"POST\";\n};\n\nGraphQLRequest.prototype.getHeaders = function () {\n var authorization, headers;\n\n if (this._data.authorizationFingerprint) {\n this._sendAnalyticsEvent(\"graphql.authorization-fingerprint\");\n authorization = this._data.authorizationFingerprint;\n } else {\n this._sendAnalyticsEvent(\"graphql.tokenization-key\");\n authorization = this._data.tokenizationKey;\n }\n\n headers = {\n Authorization: \"Bearer \" + authorization,\n \"Braintree-Version\": BRAINTREE_VERSION,\n };\n\n return assign({}, this._headers, headers);\n};\n\nGraphQLRequest.prototype.adaptResponseBody = function (parsedBody) {\n return this._adapter(parsedBody, this);\n};\n\nGraphQLRequest.prototype.determineStatus = function (\n httpStatus,\n parsedResponse\n) {\n var status, errorClass;\n\n if (httpStatus === 200) {\n errorClass =\n parsedResponse.errors &&\n parsedResponse.errors[0] &&\n parsedResponse.errors[0].extensions &&\n parsedResponse.errors[0].extensions.errorClass;\n\n if (parsedResponse.data && !parsedResponse.errors) {\n status = 200;\n } else if (errorClass === \"VALIDATION\") {\n status = 422;\n } else if (errorClass === \"AUTHORIZATION\") {\n status = 403;\n } else if (errorClass === \"AUTHENTICATION\") {\n status = 401;\n } else if (isGraphQLError(errorClass, parsedResponse)) {\n status = 403;\n } else {\n status = 500;\n }\n } else if (!httpStatus) {\n status = 500;\n } else {\n status = httpStatus;\n }\n\n this._sendAnalyticsEvent(\"graphql.status.\" + httpStatus);\n this._sendAnalyticsEvent(\"graphql.determinedStatus.\" + status);\n\n return status;\n};\n\nfunction isGraphQLError(errorClass, parsedResponse) {\n return !errorClass && parsedResponse.errors[0].message;\n}\n\nfunction formatBodyKeys(originalBody) {\n var body = {};\n\n Object.keys(originalBody).forEach(function (key) {\n var camelCaseKey = snakeCaseToCamelCase(key);\n\n if (typeof originalBody[key] === \"object\") {\n body[camelCaseKey] = formatBodyKeys(originalBody[key]);\n } else if (typeof originalBody[key] === \"number\") {\n body[camelCaseKey] = String(originalBody[key]);\n } else {\n body[camelCaseKey] = originalBody[key];\n }\n });\n\n return body;\n}\n\nmodule.exports = GraphQLRequest;\n\n},{\"../../../lib/assign\":96,\"../../../lib/snake-case-to-camel-case\":134,\"../../constants\":57,\"./adapters/configuration\":64,\"./adapters/credit-card-tokenization\":65,\"./generators/configuration\":67,\"./generators/credit-card-tokenization\":68}],71:[function(require,module,exports){\n\"use strict\";\n\nvar ajaxIsAvaliable;\nvar once = require(\"../../lib/once\");\nvar JSONPDriver = require(\"./jsonp-driver\");\nvar AJAXDriver = require(\"./ajax-driver\");\nvar getUserAgent = require(\"./get-user-agent\");\nvar isHTTP = require(\"./is-http\");\n\nfunction isAjaxAvailable() {\n if (ajaxIsAvaliable == null) {\n ajaxIsAvaliable = !(isHTTP() && /MSIE\\s(8|9)/.test(getUserAgent()));\n }\n\n return ajaxIsAvaliable;\n}\n\nmodule.exports = function (options, cb) {\n cb = once(cb || Function.prototype);\n options.method = (options.method || \"GET\").toUpperCase();\n options.timeout = options.timeout == null ? 60000 : options.timeout;\n options.data = options.data || {};\n\n if (isAjaxAvailable()) {\n AJAXDriver.request(options, cb);\n } else {\n JSONPDriver.request(options, cb);\n }\n};\n\n},{\"../../lib/once\":130,\"./ajax-driver\":61,\"./get-user-agent\":63,\"./is-http\":72,\"./jsonp-driver\":73}],72:[function(require,module,exports){\n\"use strict\";\n\nmodule.exports = function () {\n return window.location.protocol === \"http:\";\n};\n\n},{}],73:[function(require,module,exports){\n\"use strict\";\n\nvar head;\nvar uuid = require(\"@braintree/uuid\");\nvar querystring = require(\"../../lib/querystring\");\nvar timeouts = {};\n\nfunction _removeScript(script) {\n if (script && script.parentNode) {\n script.parentNode.removeChild(script);\n }\n}\n\nfunction _createScriptTag(url, callbackName) {\n var script = document.createElement(\"script\");\n var done = false;\n\n script.src = url;\n script.async = true;\n script.onerror = function () {\n window[callbackName]({ message: \"error\", status: 500 });\n };\n\n script.onload = script.onreadystatechange = function () {\n if (done) {\n return;\n }\n\n if (\n !this.readyState ||\n this.readyState === \"loaded\" ||\n this.readyState === \"complete\"\n ) {\n done = true;\n script.onload = script.onreadystatechange = null;\n }\n };\n\n return script;\n}\n\nfunction _cleanupGlobal(callbackName) {\n try {\n delete window[callbackName];\n } catch (_) {\n window[callbackName] = null;\n }\n}\n\nfunction _setupTimeout(timeout, callbackName) {\n timeouts[callbackName] = setTimeout(function () {\n timeouts[callbackName] = null;\n\n window[callbackName]({\n error: \"timeout\",\n status: -1,\n });\n\n window[callbackName] = function () {\n _cleanupGlobal(callbackName);\n };\n }, timeout);\n}\n\nfunction _setupGlobalCallback(script, callback, callbackName) {\n window[callbackName] = function (response) {\n var status = response.status || 500;\n var err = null;\n var data = null;\n\n delete response.status;\n\n if (status >= 400 || status < 200) {\n err = response;\n } else {\n data = response;\n }\n\n _cleanupGlobal(callbackName);\n _removeScript(script);\n\n clearTimeout(timeouts[callbackName]);\n callback(err, data, status);\n };\n}\n\nfunction request(options, callback) {\n var script;\n var callbackName = \"callback_json_\" + uuid().replace(/-/g, \"\");\n var url = options.url;\n var attrs = options.data;\n var method = options.method;\n var timeout = options.timeout;\n\n url = querystring.queryify(url, attrs);\n url = querystring.queryify(url, {\n _method: method,\n callback: callbackName,\n });\n\n script = _createScriptTag(url, callbackName);\n _setupGlobalCallback(script, callback, callbackName);\n _setupTimeout(timeout, callbackName);\n\n if (!head) {\n head = document.getElementsByTagName(\"head\")[0];\n }\n\n head.appendChild(script);\n}\n\nmodule.exports = {\n request: request,\n};\n\n},{\"../../lib/querystring\":132,\"@braintree/uuid\":47}],74:[function(require,module,exports){\n\"use strict\";\n\nmodule.exports = function (body) {\n try {\n body = JSON.parse(body);\n } catch (e) {\n /* ignored */\n }\n\n return body;\n};\n\n},{}],75:[function(require,module,exports){\n\"use strict\";\n\nmodule.exports = function (method, body) {\n if (typeof method !== \"string\") {\n throw new Error(\"Method must be a string\");\n }\n\n if (method.toLowerCase() !== \"get\" && body != null) {\n body = typeof body === \"string\" ? body : JSON.stringify(body);\n }\n\n return body;\n};\n\n},{}],76:[function(require,module,exports){\n\"use strict\";\n\nvar isXHRAvailable =\n typeof window !== \"undefined\" &&\n window.XMLHttpRequest &&\n \"withCredentials\" in new window.XMLHttpRequest();\n\nfunction getRequestObject() {\n return isXHRAvailable\n ? new window.XMLHttpRequest()\n : new window.XDomainRequest();\n}\n\nmodule.exports = {\n isAvailable: isXHRAvailable,\n getRequestObject: getRequestObject,\n};\n\n},{}],77:[function(require,module,exports){\n\"use strict\";\n\n/**\n * @name BraintreeError.Google Payment - Creation Error Codes\n * @description Errors that occur when [creating the Google Payment component](./module-braintree-web_google-payment.html#.create).\n * @property {MERCHANT} GOOGLE_PAYMENT_NOT_ENABLED Occurs when Google Pay is not enabled on the Braintree control panel.\n * @property {MERCHANT} GOOGLE_PAYMENT_UNSUPPORTED_VERSION Occurs when a Google Pay version is used that is not supported by the Braintree SDK.\n */\n\n/**\n * @name BraintreeError.Google Payment - parseResponse Error Codes\n * @description Errors that occur when [parsing the response from Google](./GooglePayment.html#parseResponse).\n * @property {UNKNOWN} GOOGLE_PAYMENT_GATEWAY_ERROR Occurs when Google Pay could not be tokenized.\n */\n\nvar BraintreeError = require(\"../lib/braintree-error\");\n\nmodule.exports = {\n GOOGLE_PAYMENT_NOT_ENABLED: {\n type: BraintreeError.types.MERCHANT,\n code: \"GOOGLE_PAYMENT_NOT_ENABLED\",\n message: \"Google Pay is not enabled for this merchant.\",\n },\n GOOGLE_PAYMENT_GATEWAY_ERROR: {\n code: \"GOOGLE_PAYMENT_GATEWAY_ERROR\",\n message:\n \"There was an error when tokenizing the Google Pay payment method.\",\n type: BraintreeError.types.UNKNOWN,\n },\n GOOGLE_PAYMENT_UNSUPPORTED_VERSION: {\n code: \"GOOGLE_PAYMENT_UNSUPPORTED_VERSION\",\n type: BraintreeError.types.MERCHANT,\n },\n};\n\n},{\"../lib/braintree-error\":99}],78:[function(require,module,exports){\n\"use strict\";\n\nvar analytics = require(\"../lib/analytics\");\nvar assign = require(\"../lib/assign\").assign;\nvar convertMethodsToError = require(\"../lib/convert-methods-to-error\");\nvar find = require(\"../lib/find\");\nvar generateGooglePayConfiguration = require(\"../lib/generate-google-pay-configuration\");\nvar BraintreeError = require(\"../lib/braintree-error\");\nvar errors = require(\"./errors\");\nvar methods = require(\"../lib/methods\");\nvar Promise = require(\"../lib/promise\");\nvar wrapPromise = require(\"@braintree/wrap-promise\");\n\nvar CREATE_PAYMENT_DATA_REQUEST_METHODS = {\n 1: \"_createV1PaymentDataRequest\",\n 2: \"_createV2PaymentDataRequest\",\n};\n\n/**\n * @typedef {object} GooglePayment~tokenizePayload\n * @property {string} nonce The payment method nonce.\n * @property {object} details Additional account details.\n * @property {string} details.cardType Type of card, ex: Visa, MasterCard.\n * @property {string} details.lastFour Last four digits of card number.\n * @property {string} details.lastTwo Last two digits of card number.\n * @property {boolean} details.isNetworkTokenized True if the card is network tokenized.\n * @property {string} details.bin First six digits of card number.\n * @property {string} description A human-readable description.\n * @property {string} type The payment method type, `CreditCard` or `AndroidPayCard`.\n * @property {object} binData Information about the card based on the bin.\n * @property {string} binData.commercial Possible values: 'Yes', 'No', 'Unknown'.\n * @property {string} binData.countryOfIssuance The country of issuance.\n * @property {string} binData.debit Possible values: 'Yes', 'No', 'Unknown'.\n * @property {string} binData.durbinRegulated Possible values: 'Yes', 'No', 'Unknown'.\n * @property {string} binData.healthcare Possible values: 'Yes', 'No', 'Unknown'.\n * @property {string} binData.issuingBank The issuing bank.\n * @property {string} binData.payroll Possible values: 'Yes', 'No', 'Unknown'.\n * @property {string} binData.prepaid Possible values: 'Yes', 'No', 'Unknown'.\n * @property {string} binData.productId The product id.\n */\n\n/**\n * @class GooglePayment\n * @param {object} options Google Payment {@link module:braintree-web/google-payment.create create} options.\n * @description Do not use this constructor directly. Use {@link module:braintree-web/google-payment.create|braintree-web.google-payment.create} instead. \n * @classdesc This class represents a Google Payment component produced by {@link module:braintree-web/google-payment.create|braintree-web/google-payment.create}. Instances of this class have methods for initializing the Google Pay flow.\n */\nfunction GooglePayment(options) {\n this._createPromise = options.createPromise;\n this._client = options.client;\n this._useDeferredClient = options.useDeferredClient;\n // NEXT_MAJOR_VERSION this should be updated to 2 (or whatever the current latest version is)\n this._googlePayVersion = options.googlePayVersion || 1;\n this._googleMerchantId = options.googleMerchantId;\n\n if (this._isUnsupportedGooglePayAPIVersion()) {\n throw new BraintreeError({\n code: errors.GOOGLE_PAYMENT_UNSUPPORTED_VERSION.code,\n message:\n \"The Braintree SDK does not support Google Pay version \" +\n this._googlePayVersion +\n \". Please upgrade the version of your Braintree SDK and contact support if this error persists.\",\n type: errors.GOOGLE_PAYMENT_UNSUPPORTED_VERSION.type,\n });\n }\n}\n\nGooglePayment.prototype._waitForClient = function () {\n if (this._client) {\n return Promise.resolve();\n }\n\n return this._createPromise.then(\n function (client) {\n this._client = client;\n }.bind(this)\n );\n};\n\nGooglePayment.prototype._isUnsupportedGooglePayAPIVersion = function () {\n // if we don't have createPaymentDatqRequest method for the specific\n // API version, then the version is not supported\n return !(this._googlePayVersion in CREATE_PAYMENT_DATA_REQUEST_METHODS);\n};\n\nGooglePayment.prototype._getDefaultConfig = function () {\n if (!this._defaultConfig) {\n this._defaultConfig = generateGooglePayConfiguration(\n this._client.getConfiguration(),\n this._googlePayVersion,\n this._googleMerchantId\n );\n }\n\n return this._defaultConfig;\n};\n\nGooglePayment.prototype._createV1PaymentDataRequest = function (\n paymentDataRequest\n) {\n var defaultConfig = this._getDefaultConfig();\n var overrideCardNetworks =\n paymentDataRequest.cardRequirements &&\n paymentDataRequest.cardRequirements.allowedCardNetworks;\n var defaultConfigCardNetworks =\n defaultConfig.cardRequirements.allowedCardNetworks;\n var allowedCardNetworks = overrideCardNetworks || defaultConfigCardNetworks;\n\n paymentDataRequest = assign({}, defaultConfig, paymentDataRequest);\n\n // this way we can preserve allowedCardNetworks from default integration\n // if merchant did not pass any in `cardRequirements`\n paymentDataRequest.cardRequirements.allowedCardNetworks = allowedCardNetworks;\n\n return paymentDataRequest;\n};\n\nGooglePayment.prototype._createV2PaymentDataRequest = function (\n paymentDataRequest\n) {\n var defaultConfig = this._getDefaultConfig();\n\n if (paymentDataRequest.allowedPaymentMethods) {\n paymentDataRequest.allowedPaymentMethods.forEach(function (paymentMethod) {\n var defaultPaymentMethod = find(\n defaultConfig.allowedPaymentMethods,\n \"type\",\n paymentMethod.type\n );\n\n if (defaultPaymentMethod) {\n applyDefaultsToPaymentMethodConfiguration(\n paymentMethod,\n defaultPaymentMethod\n );\n }\n });\n }\n\n paymentDataRequest = assign({}, defaultConfig, paymentDataRequest);\n\n return paymentDataRequest;\n};\n\n/**\n * Create a configuration object for use in the `loadPaymentData` method.\n *\n * **Note**: Version 1 of the Google Pay Api is deprecated and will become unsupported in a future version. Until then, version 1 will continue to be used by default, and version 1 schema parameters and overrides will remain functional on existing integrations. However, new integrations and all following examples will be presented in the GooglePay version 2 schema. See [Google Pay's upgrade guide](https://developers.google.com/pay/api/web/guides/resources/update-to-latest-version) to see how to update your integration.\n *\n * If `options.googlePayVersion === 2` was set during the initial {@link module:braintree-web/google-payment.create|create} call, overrides must match the Google Pay v2 schema to be valid.\n *\n * @public\n * @param {object} overrides The supplied parameters for creating the PaymentDataRequest object. Required parameters are:\n * @param {object} overrides.transactionInfo Object according to the [Google Pay Transaction Info](https://developers.google.com/pay/api/web/reference/object#TransactionInfo) spec.\n * Optionally, any of the parameters in the [PaymentDataRequest](https://developers.google.com/pay/api/web/reference/object#PaymentDataRequest) parameters can be overridden, but note that it is recommended only to override top level parameters to avoid squashing deeply nested configuration objects. An example can be found below showing how to safely edit these deeply nested objects.\n * @example\n * var paymentDataRequest = googlePaymentInstance.createPaymentDataRequest({\n * merchantInfo: {\n * merchantId: 'my-merchant-id-from-google'\n * },\n * transactionInfo: {\n * currencyCode: 'USD',\n * totalPriceStatus: 'FINAL',\n * totalPrice: '100.00'\n * }\n * });\n *\n * // Update card payment methods to require billing address\n * var cardPaymentMethod = paymentDataRequest.allowedPaymentMethods;\n * cardPaymentMethod.parameters.billingAddressRequired = true;\n * cardPaymentMethod.parameters.billingAddressParameters = {\n * format: 'FULL',\n * phoneNumberRequired: true\n * };\n *\n * var paymentsClient = new google.payments.api.PaymentsClient({\n * environment: 'TEST' // or 'PRODUCTION'\n * })\n *\n * paymentsClient.loadPaymentData(paymentDataRequest).then(function (response) {\n * // handle response with googlePaymentInstance.parseResponse\n * // (see below)\n * });\n * @example With deferred client \n * googlePaymentInstance.createPaymentDataRequest({\n * merchantInfo: {\n * merchantId: 'my-merchant-id-from-google'\n * },\n * transactionInfo: {\n * currencyCode: 'USD',\n * totalPriceStatus: 'FINAL',\n * totalPrice: '100.00'\n * }\n * }).then(function (paymentDataRequest) {\n * // Update card payment methods to require billing address\n * var cardPaymentMethod = paymentDataRequest.allowedPaymentMethods;\n * cardPaymentMethod.parameters.billingAddressRequired = true;\n * cardPaymentMethod.parameters.billingAddressParameters = {\n * format: 'FULL',\n * phoneNumberRequired: true\n * };\n *\n * var paymentsClient = new google.payments.api.PaymentsClient({\n * environment: 'TEST' // or 'PRODUCTION'\n * })\n *\n * return paymentsClient.loadPaymentData(paymentDataRequest);\n * }).then(function (response) {\n * // handle response with googlePaymentInstance.parseResponse\n * // (see below)\n * });\n * @returns {object|Promise} Returns a configuration object for Google PaymentDataRequest. If instantiated with `useDeferredClient` and an `authorization` it will return a promise that resolves with the configuration.\n */\nGooglePayment.prototype.createPaymentDataRequest = function (overrides) {\n if (!this._useDeferredClient) {\n return this._createPaymentDataRequestSyncronously(overrides);\n }\n\n return this._waitForClient().then(\n function () {\n return this._createPaymentDataRequestSyncronously(overrides);\n }.bind(this)\n );\n};\n\nGooglePayment.prototype._createPaymentDataRequestSyncronously = function (\n overrides\n) {\n var paymentDataRequest = assign({}, overrides);\n var version = this._googlePayVersion;\n var createPaymentDataRequestMethod =\n CREATE_PAYMENT_DATA_REQUEST_METHODS[version];\n\n analytics.sendEvent(\n this._createPromise,\n \"google-payment.v\" + version + \".createPaymentDataRequest\"\n );\n\n return this[createPaymentDataRequestMethod](paymentDataRequest);\n};\n\n/**\n * Parse the response from the tokenization.\n * @public\n * @param {object} response The response back from the Google Pay tokenization.\n * @param {callback} [callback] The second argument, data, is a {@link GooglePay~tokenizePayload|tokenizePayload}. If no callback is provided, `parseResponse` returns a promise that resolves with a {@link GooglePayment~tokenizePayload|tokenizePayload}.\n * @example with callback\n * var paymentsClient = new google.payments.api.PaymentsClient({\n * environment: 'TEST' // or 'PRODUCTION'\n * })\n *\n * paymentsClient.loadPaymentData(paymentDataRequestFromCreatePaymentDataRequest).then(function (response) {\n * googlePaymentInstance.parseResponse(response, function (err, data) {\n * if (err) {\n * // handle errors\n * }\n * // send parsedResponse.nonce to your server\n * });\n * });\n * @example with promise\n * var paymentsClient = new google.payments.api.PaymentsClient({\n * environment: 'TEST' // or 'PRODUCTION'\n * })\n *\n * paymentsClient.loadPaymentData(paymentDataRequestFromCreatePaymentDataRequest).then(function (response) {\n * return googlePaymentInstance.parseResponse(response);\n * }).then(function (parsedResponse) {\n * // send parsedResponse.nonce to your server\n * }).catch(function (err) {\n * // handle errors\n * });\n * @returns {(Promise|void)} Returns a promise that resolves the parsed response if no callback is provided.\n */\nGooglePayment.prototype.parseResponse = function (response) {\n var self = this;\n\n return Promise.resolve()\n .then(function () {\n var payload;\n var rawResponse =\n response.apiVersion === 2\n ? response.paymentMethodData.tokenizationData.token\n : response.paymentMethodToken.token;\n var parsedResponse = JSON.parse(rawResponse);\n var error = parsedResponse.error;\n\n if (error) {\n return Promise.reject(error);\n }\n\n analytics.sendEvent(\n self._createPromise,\n \"google-payment.parseResponse.succeeded\"\n );\n\n if (parsedResponse.paypalAccounts) {\n payload = parsedResponse.paypalAccounts[0];\n analytics.sendEvent(\n self._createPromise,\n \"google-payment.parseResponse.succeeded.paypal\"\n );\n\n return Promise.resolve({\n nonce: payload.nonce,\n type: payload.type,\n description: payload.description,\n });\n }\n payload = parsedResponse.androidPayCards[0];\n analytics.sendEvent(\n self._createPromise,\n \"google-payment.parseResponse.succeeded.google-payment\"\n );\n\n return Promise.resolve({\n nonce: payload.nonce,\n type: payload.type,\n description: payload.description,\n details: {\n cardType: payload.details.cardType,\n lastFour: payload.details.lastFour,\n lastTwo: payload.details.lastTwo,\n isNetworkTokenized: payload.details.isNetworkTokenized,\n bin: payload.details.bin,\n },\n binData: payload.binData,\n });\n })\n .catch(function (error) {\n analytics.sendEvent(\n self._createPromise,\n \"google-payment.parseResponse.failed\"\n );\n\n return Promise.reject(\n new BraintreeError({\n code: errors.GOOGLE_PAYMENT_GATEWAY_ERROR.code,\n message: errors.GOOGLE_PAYMENT_GATEWAY_ERROR.message,\n type: errors.GOOGLE_PAYMENT_GATEWAY_ERROR.type,\n details: {\n originalError: error,\n },\n })\n );\n });\n};\n\n/**\n * Cleanly tear down anything set up by {@link module:braintree-web/google-payment.create|create}.\n * @public\n * @param {callback} [callback] Called once teardown is complete. No data is returned if teardown completes successfully.\n * @example\n * googlePaymentInstance.teardown();\n * @example With callback \n * googlePaymentInstance.teardown(function () {\n * // teardown is complete\n * });\n * @returns {(Promise|void)} Returns a promise if no callback is provided.\n */\nGooglePayment.prototype.teardown = function () {\n convertMethodsToError(this, methods(GooglePayment.prototype));\n\n return Promise.resolve();\n};\n\nfunction applyDefaultsToPaymentMethodConfiguration(\n merchantSubmittedPaymentMethod,\n defaultPaymentMethod\n) {\n Object.keys(defaultPaymentMethod).forEach(function (parameter) {\n if (typeof defaultPaymentMethod[parameter] === \"object\") {\n merchantSubmittedPaymentMethod[parameter] = assign(\n {},\n defaultPaymentMethod[parameter],\n merchantSubmittedPaymentMethod[parameter]\n );\n } else {\n merchantSubmittedPaymentMethod[parameter] =\n merchantSubmittedPaymentMethod[parameter] ||\n defaultPaymentMethod[parameter];\n }\n });\n}\n\nmodule.exports = wrapPromise.wrapPrototype(GooglePayment);\n\n},{\"../lib/analytics\":94,\"../lib/assign\":96,\"../lib/braintree-error\":99,\"../lib/convert-methods-to-error\":101,\"../lib/find\":111,\"../lib/generate-google-pay-configuration\":123,\"../lib/methods\":129,\"../lib/promise\":131,\"./errors\":77,\"@braintree/wrap-promise\":51}],79:[function(require,module,exports){\n\"use strict\";\n/**\n * @module braintree-web/google-payment\n * @description A component to integrate with Google Pay. The majority of the integration uses [Google's pay.js JavaScript file](https://pay.google.com/gp/p/js/pay.js). The Braintree component generates the configuration object necessary for Google Pay to initiate the Payment Request and parse the returned data to retrieve the payment method nonce which is used to process the transaction on the server.\n */\n\nvar GooglePayment = require(\"./google-payment\");\nvar BraintreeError = require(\"../lib/braintree-error\");\nvar Promise = require(\"../lib/promise\");\nvar createAssetsUrl = require(\"../lib/create-assets-url\");\nvar createDeferredClient = require(\"../lib/create-deferred-client\");\nvar basicComponentVerification = require(\"../lib/basic-component-verification\");\nvar wrapPromise = require(\"@braintree/wrap-promise\");\nvar VERSION = \"3.88.3\";\nvar errors = require(\"./errors\");\n\n/**\n * @static\n * @function create\n * @param {object} options Creation options:\n * @param {Client} [options.client] A {@link Client} instance.\n * @param {string} [options.authorization] A tokenizationKey or clientToken. Can be used in place of `options.client`.\n * @param {boolean} [options.useDeferredClient] Used in conjunction with `authorization`, allows the Google Payment instance to be available right away by fetching the client configuration in the background. When this option is used, {@link GooglePayment#createPaymentDataRequest} will return a promise that resolves with the configuration instead of returning synchronously.\n * @param {number} [options.googlePayVersion] The version of the Google Pay API to use. Value of 2 is required to accept parameters documented [by Google](https://developers.google.com/pay/api/web/reference/object). Omit this parameter to use the deprecated Google Pay Version 1.\n * @param {string} [options.googleMerchantId] A Google merchant identifier issued after your website is approved by Google. Required when PaymentsClient is initialized with an environment property of PRODUCTION, but may be omitted in TEST environment.\n * @param {callback} [callback] The second argument, `data`, is the {@link GooglePayment} instance. If no callback is provided, `create` returns a promise that resolves with the {@link GooglePayment} instance.\n * @example Simple Example \n * // include https://pay.google.com/gp/p/js/pay.js in a script tag\n * // on your page to load the `google.payments.api.PaymentsClient` global object.\n *\n * var paymentButton = document.querySelector('#google-pay-button');\n * var paymentsClient = new google.payments.api.PaymentsClient({\n * environment: 'TEST' // or 'PRODUCTION'\n * });\n *\n * braintree.client.create({\n * authorization: 'tokenization-key-or-client-token'\n * }).then(function (clientInstance) {\n * return braintree.googlePayment.create({\n * client: clientInstance,\n * googlePayVersion: 2,\n * googleMerchantId: 'your-merchant-id-from-google'\n * });\n * }).then(function (googlePaymentInstance) {\n * paymentButton.addEventListener('click', function (event) {\n * var paymentDataRequest;\n *\n * event.preventDefault();\n *\n * paymentDataRequest = googlePaymentInstance.createPaymentDataRequest({\n * transactionInfo: {\n * currencyCode: 'USD',\n * totalPriceStatus: 'FINAL',\n * totalPrice: '100.00'\n * }\n * });\n *\n * paymentsClient.loadPaymentData(paymentDataRequest).then(function (paymentData) {\n * return googlePaymentInstance.parseResponse(paymentData);\n * }).then(function (result) {\n * // send result.nonce to your server\n * }).catch(function (err) {\n * // handle err\n * });\n * });\n * });\n * @example Check Browser and Customer Compatibility \n * var paymentsClient = new google.payments.api.PaymentsClient({\n * environment: 'TEST' // or 'PRODUCTION'\n * });\n *\n * function setupGooglePayButton(googlePaymentInstance) {\n * var button = document.createElement('button');\n *\n * button.id = 'google-pay';\n * button.appendChild(document.createTextNode('Google Pay'));\n * button.addEventListener('click', function (event) {\n * var paymentRequestData;\n *\n * event.preventDefault();\n *\n * paymentDataRequest = googlePaymentInstance.createPaymentDataRequest({\n * transactionInfo: {\n * currencyCode: 'USD',\n * totalPriceStatus: 'FINAL',\n * totalPrice: '100.00' // your amount\n * }\n * });\n *\n * paymentsClient.loadPaymentData(paymentDataRequest).then(function (paymentData) {\n * return googlePaymentInstance.parseResponse(paymentData);\n * }).then(function (result) {\n * // send result.nonce to your server\n * }).catch(function (err) {\n * // handle errors\n * });\n * });\n *\n * document.getElementById('container').appendChild(button);\n * }\n *\n * braintree.client.create({\n * authorization: 'tokenization-key-or-client-token'\n * }).then(function (clientInstance) {\n * return braintree.googlePayment.create({\n * client: clientInstance,\n * googlePayVersion: 2,\n * googleMerchantId: 'your-merchant-id-from-google'\n * });\n * }).then(function (googlePaymentInstance) {\n *\n * return paymentsClient.isReadyToPay({\n * // see https://developers.google.com/pay/api/web/reference/object#IsReadyToPayRequest for all options\n * apiVersion: 2,\n * apiVersionMinor: 0,\n * allowedPaymentMethods: googlePaymentInstance.createPaymentDataRequest().allowedPaymentMethods,\n * existingPaymentMethodRequired: true\n * });\n * }).then(function (response) {\n * if (response.result) {\n * setupGooglePayButton(googlePaymentInstance);\n * }\n * }).catch(function (err) {\n * // handle setup errors\n * });\n *\n * @returns {(Promise|void)} Returns a promise if no callback is provided.\n */\nfunction create(options) {\n var name = \"Google Pay\";\n\n return basicComponentVerification\n .verify({\n name: name,\n client: options.client,\n authorization: options.authorization,\n })\n .then(function () {\n var createPromise, instance;\n\n createPromise = createDeferredClient\n .create({\n authorization: options.authorization,\n client: options.client,\n debug: options.debug,\n assetsUrl: createAssetsUrl.create(options.authorization),\n name: name,\n })\n .then(function (client) {\n var configuration = client.getConfiguration();\n\n options.client = client;\n if (!configuration.gatewayConfiguration.androidPay) {\n return Promise.reject(\n new BraintreeError(errors.GOOGLE_PAYMENT_NOT_ENABLED)\n );\n }\n\n return client;\n });\n\n options.createPromise = createPromise;\n instance = new GooglePayment(options);\n\n if (!options.useDeferredClient) {\n return createPromise.then(function (client) {\n instance._client = client;\n\n return instance;\n });\n }\n\n return instance;\n });\n}\n\nmodule.exports = {\n create: wrapPromise(create),\n /**\n * @description The current version of the SDK, i.e. `1.33.7`.\n * @type {string}\n */\n VERSION: VERSION,\n};\n\n},{\"../lib/basic-component-verification\":97,\"../lib/braintree-error\":99,\"../lib/create-assets-url\":103,\"../lib/create-deferred-client\":105,\"../lib/promise\":131,\"./errors\":77,\"./google-payment\":78,\"@braintree/wrap-promise\":51}],80:[function(require,module,exports){\n\"use strict\";\n\nvar BraintreeError = require(\"../../lib/braintree-error\");\nvar errors = require(\"../shared/errors\");\nvar allowedAttributes = require(\"../shared/constants\").allowedAttributes;\n\nfunction attributeValidationError(attribute, value) {\n var err;\n\n if (!allowedAttributes.hasOwnProperty(attribute)) {\n err = new BraintreeError({\n type: errors.HOSTED_FIELDS_ATTRIBUTE_NOT_SUPPORTED.type,\n code: errors.HOSTED_FIELDS_ATTRIBUTE_NOT_SUPPORTED.code,\n message:\n 'The \"' + attribute + '\" attribute is not supported in Hosted Fields.',\n });\n } else if (value != null && !_isValid(attribute, value)) {\n err = new BraintreeError({\n type: errors.HOSTED_FIELDS_ATTRIBUTE_VALUE_NOT_ALLOWED.type,\n code: errors.HOSTED_FIELDS_ATTRIBUTE_VALUE_NOT_ALLOWED.code,\n message:\n 'Value \"' +\n value +\n '\" is not allowed for \"' +\n attribute +\n '\" attribute.',\n });\n }\n\n return err;\n}\n\nfunction _isValid(attribute, value) {\n if (allowedAttributes[attribute] === \"string\") {\n return typeof value === \"string\" || typeof value === \"number\";\n } else if (allowedAttributes[attribute] === \"boolean\") {\n return String(value) === \"true\" || String(value) === \"false\";\n }\n\n return false;\n}\n\nmodule.exports = attributeValidationError;\n\n},{\"../../lib/braintree-error\":99,\"../shared/constants\":88,\"../shared/errors\":89}],81:[function(require,module,exports){\n\"use strict\";\n\nvar constants = require(\"../shared/constants\");\nvar useMin = require(\"../../lib/use-min\");\n\nmodule.exports = function composeUrl(assetsUrl, componentId, isDebug) {\n return (\n assetsUrl +\n \"/web/\" +\n constants.VERSION +\n \"/html/hosted-fields-frame\" +\n useMin(isDebug) +\n \".html#\" +\n componentId\n );\n};\n\n},{\"../../lib/use-min\":135,\"../shared/constants\":88}],82:[function(require,module,exports){\n\"use strict\";\n\nvar directions = require(\"../shared/constants\").navigationDirections;\nvar browserDetection = require(\"../shared/browser-detection\");\nvar focusIntercept = require(\"../shared/focus-intercept\");\nvar findParentTags = require(\"../shared/find-parent-tags\");\nvar userFocusableTagNames = [\"INPUT\", \"SELECT\", \"TEXTAREA\"];\n// Devices with software keyboards do not or cannot focus on input types\n// that do not require keyboard-based interaction.\nvar unfocusedInputTypes = [\n \"hidden\",\n \"button\",\n \"reset\",\n \"submit\",\n \"checkbox\",\n \"radio\",\n \"file\",\n];\n\nfunction _isUserFocusableElement(element) {\n if (!browserDetection.hasSoftwareKeyboard()) {\n // on desktop browsers, the only input type that isn't focusable\n // is the hidden input\n return element.type !== \"hidden\";\n }\n\n return (\n userFocusableTagNames.indexOf(element.tagName) > -1 &&\n unfocusedInputTypes.indexOf(element.type) < 0\n );\n}\n\nfunction _createNavigationHelper(direction, numberOfElementsInForm) {\n switch (direction) {\n case directions.BACK:\n return {\n checkIndexBounds: function (index) {\n return index < 0;\n },\n indexChange: -1,\n };\n case directions.FORWARD:\n return {\n checkIndexBounds: function (index) {\n return index > numberOfElementsInForm - 1;\n },\n indexChange: 1,\n };\n default:\n }\n\n return {};\n}\n\nfunction _findFirstFocusableElement(elementsInForm) {\n var elementsIndex, element;\n\n for (\n elementsIndex = 0;\n elementsIndex < elementsInForm.length;\n elementsIndex++\n ) {\n element = elementsInForm[elementsIndex];\n\n if (_isUserFocusableElement(element)) {\n return element;\n }\n }\n\n return null;\n}\n\nmodule.exports = {\n removeExtraFocusElements: function (checkoutForm, onRemoveFocusIntercepts) {\n var elements = Array.prototype.slice.call(checkoutForm.elements);\n var firstFocusableInput = _findFirstFocusableElement(elements);\n var lastFocusableInput = _findFirstFocusableElement(elements.reverse());\n\n // these should never be identical, because there will at least be the\n // before and the after input\n [firstFocusableInput, lastFocusableInput].forEach(function (input) {\n if (!input) {\n return;\n }\n\n if (focusIntercept.matchFocusElement(input.getAttribute(\"id\"))) {\n onRemoveFocusIntercepts(input.getAttribute(\"id\"));\n }\n });\n },\n\n createFocusChangeHandler: function (hostedFieldsId, callbacks) {\n return function (data) {\n var currentIndex, targetElement, checkoutForm, navHelper;\n var sourceElement = document.getElementById(\n \"bt-\" + data.field + \"-\" + data.direction + \"-\" + hostedFieldsId\n );\n\n if (!sourceElement) {\n return;\n }\n\n checkoutForm = findParentTags(sourceElement, \"form\")[0];\n\n if (document.forms.length < 1 || !checkoutForm) {\n callbacks.onRemoveFocusIntercepts();\n\n return;\n }\n\n checkoutForm = [].slice.call(checkoutForm.elements);\n currentIndex = checkoutForm.indexOf(sourceElement);\n navHelper = _createNavigationHelper(data.direction, checkoutForm.length);\n\n do {\n currentIndex += navHelper.indexChange;\n if (navHelper.checkIndexBounds(currentIndex)) {\n return;\n }\n targetElement = checkoutForm[currentIndex];\n } while (!_isUserFocusableElement(targetElement));\n\n if (focusIntercept.matchFocusElement(targetElement.getAttribute(\"id\"))) {\n callbacks.onTriggerInputFocus(\n targetElement.getAttribute(\"data-braintree-type\")\n );\n } else {\n targetElement.focus();\n }\n };\n },\n};\n\n},{\"../shared/browser-detection\":87,\"../shared/constants\":88,\"../shared/find-parent-tags\":90,\"../shared/focus-intercept\":91}],83:[function(require,module,exports){\n\"use strict\";\n\nvar allowedStyles = require(\"../shared/constants\").allowedStyles;\n\nmodule.exports = function getStylesFromClass(cssClass) {\n var element = document.createElement(\"input\");\n var styles = {};\n var computedStyles;\n\n if (cssClass[0] === \".\") {\n cssClass = cssClass.substring(1);\n }\n\n element.className = cssClass;\n element.style.display = \"none !important\";\n element.style.position = \"fixed !important\";\n element.style.left = \"-99999px !important\";\n element.style.top = \"-99999px !important\";\n document.body.appendChild(element);\n\n computedStyles = window.getComputedStyle(element);\n\n allowedStyles.forEach(function (style) {\n var value = computedStyles[style];\n\n if (value) {\n styles[style] = value;\n }\n });\n\n document.body.removeChild(element);\n\n return styles;\n};\n\n},{\"../shared/constants\":88}],84:[function(require,module,exports){\n\"use strict\";\n\nvar assign = require(\"../../lib/assign\").assign;\nvar createAssetsUrl = require(\"../../lib/create-assets-url\");\nvar isVerifiedDomain = require(\"../../lib/is-verified-domain\");\nvar Destructor = require(\"../../lib/destructor\");\nvar classList = require(\"@braintree/class-list\");\nvar iFramer = require(\"@braintree/iframer\");\nvar Bus = require(\"framebus\");\nvar createDeferredClient = require(\"../../lib/create-deferred-client\");\nvar BraintreeError = require(\"../../lib/braintree-error\");\nvar composeUrl = require(\"./compose-url\");\nvar getStylesFromClass = require(\"./get-styles-from-class\");\nvar constants = require(\"../shared/constants\");\nvar errors = require(\"../shared/errors\");\nvar INTEGRATION_TIMEOUT_MS =\n require(\"../../lib/constants\").INTEGRATION_TIMEOUT_MS;\nvar uuid = require(\"@braintree/uuid\");\nvar findParentTags = require(\"../shared/find-parent-tags\");\nvar browserDetection = require(\"../shared/browser-detection\");\nvar events = constants.events;\nvar EventEmitter = require(\"@braintree/event-emitter\");\nvar injectFrame = require(\"./inject-frame\");\nvar analytics = require(\"../../lib/analytics\");\nvar allowedFields = constants.allowedFields;\nvar methods = require(\"../../lib/methods\");\nvar shadow = require(\"../../lib/shadow\");\nvar findRootNode = require(\"../../lib/find-root-node\");\nvar convertMethodsToError = require(\"../../lib/convert-methods-to-error\");\nvar sharedErrors = require(\"../../lib/errors\");\nvar getCardTypes = require(\"../shared/get-card-types\");\nvar attributeValidationError = require(\"./attribute-validation-error\");\nvar Promise = require(\"../../lib/promise\");\nvar wrapPromise = require(\"@braintree/wrap-promise\");\nvar focusChange = require(\"./focus-change\");\nvar destroyFocusIntercept = require(\"../shared/focus-intercept\").destroy;\n\nvar SAFARI_FOCUS_TIMEOUT = 5;\n\n/**\n * @typedef {object} HostedFields~tokenizePayload\n * @property {string} nonce The payment method nonce.\n * @property {object} authenticationInsight Info about the [regulatory environment](https://developer.paypal.com/braintree/docs/guides/3d-secure/advanced-options/javascript/v3#authentication-insight) of the tokenized card. Only available if `authenticationInsight.merchantAccountId` is passed in the `tokenize` method options.\n * @property {string} authenticationInsight.regulationEnvironment The [regulation environment](https://developer.paypal.com/braintree/docs/guides/3d-secure/advanced-options/javascript/v3#authentication-insight) for the tokenized card.\n * @property {object} details Additional account details.\n * @property {string} details.bin The BIN number of the card.\n * @property {string} details.cardType Type of card, ex: Visa, MasterCard.\n * @property {string} details.expirationMonth The expiration month of the card.\n * @property {string} details.expirationYear The expiration year of the card.\n * @property {string} details.cardholderName The cardholder name tokenized with the card.\n * @property {string} details.lastFour Last four digits of card number.\n * @property {string} details.lastTwo Last two digits of card number.\n * @property {string} description A human-readable description.\n * @property {string} type The payment method type, always `CreditCard`.\n * @property {object} binData Information about the card based on the bin.\n * @property {string} binData.commercial Possible values: 'Yes', 'No', 'Unknown'.\n * @property {string} binData.countryOfIssuance The country of issuance.\n * @property {string} binData.debit Possible values: 'Yes', 'No', 'Unknown'.\n * @property {string} binData.durbinRegulated Possible values: 'Yes', 'No', 'Unknown'.\n * @property {string} binData.healthcare Possible values: 'Yes', 'No', 'Unknown'.\n * @property {string} binData.issuingBank The issuing bank.\n * @property {string} binData.payroll Possible values: 'Yes', 'No', 'Unknown'.\n * @property {string} binData.prepaid Possible values: 'Yes', 'No', 'Unknown'.\n * @property {string} binData.productId The product id.\n */\n\n/**\n * @typedef {object} HostedFields~stateObject\n * @description The event payload sent from {@link HostedFields#on|on} or {@link HostedFields#getState|getState}.\n * @property {HostedFields~hostedFieldsCard[]} cards\n * This will return an array of potential {@link HostedFields~hostedFieldsCard|cards}. If the card type has been determined, the array will contain only one card.\n * Internally, Hosted Fields uses credit-card-type ,\n * an open-source card detection library.\n * @property {string} emittedBy\n * The name of the field associated with an event. This will not be included if returned by {@link HostedFields#getState|getState}. It will be one of the following strings:\"41\".\n * While that value is not valid for submission, it is still possible for\n * it to become a fully qualified entry. However, if the user enters \"4x\"\n * it is clear that the card number can never become valid and isPotentiallyValid will\n * return false.\n * @property {boolean} isValid Whether or not the value of the associated input is fully qualified for submission.\n */\n\n/**\n * @typedef {object} HostedFields~hostedFieldsCard\n * @description Information about the card type, sent in {@link HostedFields~stateObject|stateObjects}.\n * @property {string} type The code-friendly representation of the card type. It will be one of the following strings:\n * - `american-express`\n * - `diners-club`\n * - `discover`\n * - `jcb`\n * - `maestro`\n * - `master-card`\n * - `unionpay`\n * - `visa`\n * @property {string} niceType The pretty-printed card type. It will be one of the following strings:\n * - `American Express`\n * - `Diners Club`\n * - `Discover`\n * - `JCB`\n * - `Maestro`\n * - `MasterCard`\n * - `UnionPay`\n * - `Visa`\n * @property {object} code\n * This object contains data relevant to the security code requirements of the card brand.\n * For example, on a Visa card there will be a CVV of 3 digits, whereas an\n * American Express card requires a 4-digit CID.\n * @property {string} code.name \"CVV\" \"CID\" \"CVC\"\n * @property {number} code.size The expected length of the security code. Typically, this is 3 or 4.\n */\n\n/**\n * @name HostedFields#on\n * @function\n * @param {string} event The name of the event to which you are subscribing.\n * @param {function} handler A callback to handle the event.\n * @description Subscribes a handler function to a named event.\n *\n * **Events that emit a {@link HostedFields~stateObject|stateObject}.**\n * * {@link HostedFields#event:blur|blur}\n * * {@link HostedFields#event:focus|focus}\n * * {@link HostedFields#event:empty|empty}\n * * {@link HostedFields#event:notEmpty|notEmpty}\n * * {@link HostedFields#event:cardTypeChange|cardTypeChange}\n * * {@link HostedFields#event:validityChange|validityChange}\n * * {@link HostedFields#event:inputSubmitRequest|inputSubmitRequest}\n *\n * **Other Events**\n * * {@link HostedFields#event:binAvailable|binAvailable} - emits a {@link HostedFields~binPayload|bin payload}. Note: If you are using a [Referrer-Policy](https://developer.mozilla.org/en-US/docs/Web/HTTP/Headers/Referrer-Policy) header that prevents the origin from being sent, this event will not fire.\n * @example\n * Listening to a Hosted Field event, in this case 'focus' \n * hostedFields.create({ ... }, function (createErr, hostedFieldsInstance) {\n * hostedFieldsInstance.on('focus', function (event) {\n * console.log(event.emittedBy, 'has been focused');\n * });\n * });\n * @returns {void}\n */\n\n/**\n * @name HostedFields#off\n * @function\n * @param {string} event The name of the event to which you are unsubscribing.\n * @param {function} handler The callback for the event you are unsubscribing from.\n * @description Unsubscribes the handler function to a named event.\n * @example\n * Subscribing and then unsubscribing from a Hosted Field event, in this case 'focus' \n * hostedFields.create({ ... }, function (createErr, hostedFieldsInstance) {\n * var callback = function (event) {\n * console.log(event.emittedBy, 'has been focused');\n * };\n * hostedFieldsInstance.on('focus', callback);\n *\n * // later on\n * hostedFieldsInstance.off('focus', callback);\n * });\n * @returns {void}\n */\n\n/**\n * This event is emitted when the user requests submission of an input field, such as by pressing the Enter or Return key on their keyboard, or mobile equivalent.\n * @event HostedFields#inputSubmitRequest\n * @type {HostedFields~stateObject}\n * @example\n * Clicking a submit button upon hitting Enter (or equivalent) within a Hosted Field \n * var hostedFields = require('braintree-web/hosted-fields');\n * var submitButton = document.querySelector('input[type=\"submit\"]');\n *\n * hostedFields.create({ ... }, function (createErr, hostedFieldsInstance) {\n * hostedFieldsInstance.on('inputSubmitRequest', function () {\n * // User requested submission, e.g. by pressing Enter or equivalent\n * submitButton.click();\n * });\n * });\n */\n\n/**\n * This event is emitted when a field transitions from having data to being empty.\n * @event HostedFields#empty\n * @type {HostedFields~stateObject}\n * @example\n * Listening to an empty event \n * hostedFields.create({ ... }, function (createErr, hostedFieldsInstance) {\n * hostedFieldsInstance.on('empty', function (event) {\n * console.log(event.emittedBy, 'is now empty');\n * });\n * });\n */\n\n/**\n * This event is emitted when a field transitions from being empty to having data.\n * @event HostedFields#notEmpty\n * @type {HostedFields~stateObject}\n * @example\n * Listening to an notEmpty event \n * hostedFields.create({ ... }, function (createErr, hostedFieldsInstance) {\n * hostedFieldsInstance.on('notEmpty', function (event) {\n * console.log(event.emittedBy, 'is now not empty');\n * });\n * });\n */\n\n/**\n * This event is emitted when a field loses focus.\n * @event HostedFields#blur\n * @type {HostedFields~stateObject}\n * @example\n * Listening to a blur event \n * hostedFields.create({ ... }, function (createErr, hostedFieldsInstance) {\n * hostedFieldsInstance.on('blur', function (event) {\n * console.log(event.emittedBy, 'lost focus');\n * });\n * });\n */\n\n/**\n * This event is emitted when a field gains focus.\n * @event HostedFields#focus\n * @type {HostedFields~stateObject}\n * @example\n * Listening to a focus event \n * hostedFields.create({ ... }, function (createErr, hostedFieldsInstance) {\n * hostedFieldsInstance.on('focus', function (event) {\n * console.log(event.emittedBy, 'gained focus');\n * });\n * });\n */\n\n/**\n * This event is emitted when activity within the number field has changed such that the possible card type has changed.\n * @event HostedFields#cardTypeChange\n * @type {HostedFields~stateObject}\n * @example\n * Listening to a cardTypeChange event \n * hostedFields.create({ ... }, function (createErr, hostedFieldsInstance) {\n * hostedFieldsInstance.on('cardTypeChange', function (event) {\n * if (event.cards.length === 1) {\n * console.log(event.cards[0].type);\n * } else {\n * console.log('Type of card not yet known');\n * }\n * });\n * });\n */\n\n/**\n * This event is emitted when the validity of a field has changed. Validity is represented in the {@link HostedFields~stateObject|stateObject} as two booleans: `isValid` and `isPotentiallyValid`.\n * @event HostedFields#validityChange\n * @type {HostedFields~stateObject}\n * @example\n * Listening to a validityChange event \n * hostedFields.create({ ... }, function (createErr, hostedFieldsInstance) {\n * hostedFieldsInstance.on('validityChange', function (event) {\n * var field = event.fields[event.emittedBy];\n *\n * if (field.isValid) {\n * console.log(event.emittedBy, 'is fully valid');\n * } else if (field.isPotentiallyValid) {\n * console.log(event.emittedBy, 'is potentially valid');\n * } else {\n * console.log(event.emittedBy, 'is not valid');\n * }\n * });\n * });\n */\n\n/**\n * This event is emitted when the first 6 digits of the card number have been entered by the customer.\n * @event HostedFields#binAvailable\n * @type {string}\n * @example\n * Listening to a `binAvailable` event \n * hostedFields.create({ ... }, function (createErr, hostedFieldsInstance) {\n * hostedFieldsInstance.on('binAvailable', function (event) {\n * event.bin // send bin to 3rd party bin service\n * });\n * });\n */\n\nfunction createInputEventHandler(fields) {\n return function (eventData) {\n var field;\n var merchantPayload = eventData.merchantPayload;\n var emittedBy = merchantPayload.emittedBy;\n var container = fields[emittedBy].containerElement;\n\n Object.keys(merchantPayload.fields).forEach(function (key) {\n merchantPayload.fields[key].container = fields[key].containerElement;\n });\n\n field = merchantPayload.fields[emittedBy];\n\n classList.toggle(\n container,\n constants.externalClasses.FOCUSED,\n field.isFocused\n );\n classList.toggle(container, constants.externalClasses.VALID, field.isValid);\n classList.toggle(\n container,\n constants.externalClasses.INVALID,\n !field.isPotentiallyValid\n );\n\n // eslint-disable-next-line no-invalid-this\n this._state = {\n cards: merchantPayload.cards,\n fields: merchantPayload.fields,\n };\n\n this._emit(eventData.type, merchantPayload); // eslint-disable-line no-invalid-this\n };\n}\n\nfunction isVisibleEnough(node) {\n var boundingBox = node.getBoundingClientRect();\n var verticalMidpoint = Math.floor(boundingBox.height / 2);\n var horizontalMidpoint = Math.floor(boundingBox.width / 2);\n\n return (\n boundingBox.top <\n (window.innerHeight - verticalMidpoint ||\n document.documentElement.clientHeight - verticalMidpoint) &&\n boundingBox.right > horizontalMidpoint &&\n boundingBox.bottom > verticalMidpoint &&\n boundingBox.left <\n (window.innerWidth - horizontalMidpoint ||\n document.documentElement.clientWidth - horizontalMidpoint)\n );\n}\n\n/**\n * @class HostedFields\n * @param {object} options The Hosted Fields {@link module:braintree-web/hosted-fields.create create} options.\n * @description Do not use this constructor directly. Use {@link module:braintree-web/hosted-fields.create|braintree-web.hosted-fields.create} instead. \n * @classdesc This class represents a Hosted Fields component produced by {@link module:braintree-web/hosted-fields.create|braintree-web/hosted-fields.create}. Instances of this class have methods for interacting with the input fields within Hosted Fields' iframes.\n */\nfunction HostedFields(options) {\n var failureTimeout, clientConfig, assetsUrl, isDebug, hostedFieldsUrl;\n var self = this;\n var fields = {};\n var frameReadyPromiseResolveFunctions = {};\n var frameReadyPromises = [];\n var componentId = uuid();\n\n this._merchantConfigurationOptions = assign({}, options);\n\n if (options.client) {\n clientConfig = options.client.getConfiguration();\n assetsUrl = clientConfig.gatewayConfiguration.assetsUrl;\n isDebug = clientConfig.isDebug;\n } else {\n assetsUrl = createAssetsUrl.create(options.authorization);\n isDebug = Boolean(options.isDebug);\n }\n\n this._clientPromise = createDeferredClient.create({\n client: options.client,\n authorization: options.authorization,\n debug: isDebug,\n assetsUrl: assetsUrl,\n name: \"Hosted Fields\",\n });\n\n hostedFieldsUrl = composeUrl(assetsUrl, componentId, isDebug);\n\n if (!options.fields || Object.keys(options.fields).length === 0) {\n throw new BraintreeError({\n type: sharedErrors.INSTANTIATION_OPTION_REQUIRED.type,\n code: sharedErrors.INSTANTIATION_OPTION_REQUIRED.code,\n message: \"options.fields is required when instantiating Hosted Fields.\",\n });\n }\n\n EventEmitter.call(this);\n\n this._injectedNodes = [];\n this._destructor = new Destructor();\n this._fields = fields;\n this._state = {\n fields: {},\n cards: getCardTypes(\"\"),\n };\n\n this._bus = new Bus({\n channel: componentId,\n verifyDomain: isVerifiedDomain,\n targetFrames: [],\n });\n\n this._destructor.registerFunctionForTeardown(function () {\n self._bus.teardown();\n });\n\n // NEXT_MAJOR_VERSION analytics events should have present tense verbs\n if (!options.client) {\n analytics.sendEvent(\n this._clientPromise,\n \"custom.hosted-fields.initialized.deferred-client\"\n );\n } else {\n analytics.sendEvent(\n this._clientPromise,\n \"custom.hosted-fields.initialized\"\n );\n }\n\n Object.keys(options.fields).forEach(\n function (key) {\n var field, externalContainer, internalContainer, frame, frameReadyPromise;\n\n if (!constants.allowedFields.hasOwnProperty(key)) {\n throw new BraintreeError({\n type: errors.HOSTED_FIELDS_INVALID_FIELD_KEY.type,\n code: errors.HOSTED_FIELDS_INVALID_FIELD_KEY.code,\n message: '\"' + key + '\" is not a valid field.',\n });\n }\n\n field = options.fields[key];\n // NEXT_MAJOR_VERSION remove selector as an option\n // and simply make the API take a container\n externalContainer = field.container || field.selector;\n\n if (typeof externalContainer === \"string\") {\n externalContainer = document.querySelector(externalContainer);\n }\n\n if (!externalContainer || externalContainer.nodeType !== 1) {\n throw new BraintreeError({\n type: errors.HOSTED_FIELDS_INVALID_FIELD_SELECTOR.type,\n code: errors.HOSTED_FIELDS_INVALID_FIELD_SELECTOR.code,\n message: errors.HOSTED_FIELDS_INVALID_FIELD_SELECTOR.message,\n details: {\n fieldSelector: field.selector,\n fieldContainer: field.container,\n fieldKey: key,\n },\n });\n } else if (\n externalContainer.querySelector('iframe[name^=\"braintree-\"]')\n ) {\n throw new BraintreeError({\n type: errors.HOSTED_FIELDS_FIELD_DUPLICATE_IFRAME.type,\n code: errors.HOSTED_FIELDS_FIELD_DUPLICATE_IFRAME.code,\n message: errors.HOSTED_FIELDS_FIELD_DUPLICATE_IFRAME.message,\n details: {\n fieldSelector: field.selector,\n fieldContainer: field.container,\n fieldKey: key,\n },\n });\n }\n\n internalContainer = externalContainer;\n\n if (shadow.isShadowElement(internalContainer)) {\n internalContainer = shadow.transformToSlot(\n internalContainer,\n \"height: 100%\"\n );\n }\n\n if (field.maxlength && typeof field.maxlength !== \"number\") {\n throw new BraintreeError({\n type: errors.HOSTED_FIELDS_FIELD_PROPERTY_INVALID.type,\n code: errors.HOSTED_FIELDS_FIELD_PROPERTY_INVALID.code,\n message: \"The value for maxlength must be a number.\",\n details: {\n fieldKey: key,\n },\n });\n }\n\n if (field.minlength && typeof field.minlength !== \"number\") {\n throw new BraintreeError({\n type: errors.HOSTED_FIELDS_FIELD_PROPERTY_INVALID.type,\n code: errors.HOSTED_FIELDS_FIELD_PROPERTY_INVALID.code,\n message: \"The value for minlength must be a number.\",\n details: {\n fieldKey: key,\n },\n });\n }\n\n frame = iFramer({\n type: key,\n name: \"braintree-hosted-field-\" + key,\n style: constants.defaultIFrameStyle,\n title:\n field.iframeTitle ||\n \"Secure Credit Card Frame - \" + constants.allowedFields[key].label,\n });\n this._bus.addTargetFrame(frame);\n\n this._injectedNodes.push.apply(\n this._injectedNodes,\n injectFrame(componentId, frame, internalContainer, function () {\n self.focus(key);\n })\n );\n\n this._setupLabelFocus(key, externalContainer);\n fields[key] = {\n frameElement: frame,\n containerElement: externalContainer,\n };\n frameReadyPromise = new Promise(function (resolve) {\n frameReadyPromiseResolveFunctions[key] = resolve;\n });\n frameReadyPromises.push(frameReadyPromise);\n\n this._state.fields[key] = {\n isEmpty: true,\n isValid: false,\n isPotentiallyValid: true,\n isFocused: false,\n container: externalContainer,\n };\n\n setTimeout(function () {\n // Edge has an intermittent issue where\n // the iframes load, but the JavaScript\n // can't message out to the parent page.\n // We can fix this by setting the src\n // to about:blank first followed by\n // the actual source. Both instances\n // of setting the src need to be in a\n // setTimeout to work.\n if (browserDetection.isIE() || browserDetection.isEdge()) {\n frame.src = \"about:blank\";\n setTimeout(function () {\n frame.src = hostedFieldsUrl;\n }, 0);\n } else {\n frame.src = hostedFieldsUrl;\n }\n }, 0);\n }.bind(this)\n );\n\n if (this._merchantConfigurationOptions.styles) {\n Object.keys(this._merchantConfigurationOptions.styles).forEach(function (\n selector\n ) {\n var className = self._merchantConfigurationOptions.styles[selector];\n\n if (typeof className === \"string\") {\n self._merchantConfigurationOptions.styles[selector] =\n getStylesFromClass(className);\n }\n });\n }\n\n this._bus.on(events.REMOVE_FOCUS_INTERCEPTS, function (data) {\n destroyFocusIntercept(data && data.id);\n });\n\n this._bus.on(\n events.TRIGGER_FOCUS_CHANGE,\n focusChange.createFocusChangeHandler(componentId, {\n onRemoveFocusIntercepts: function (element) {\n self._bus.emit(events.REMOVE_FOCUS_INTERCEPTS, {\n id: element,\n });\n },\n onTriggerInputFocus: function (targetType) {\n self.focus(targetType);\n },\n })\n );\n\n this._bus.on(events.READY_FOR_CLIENT, function (reply) {\n self._clientPromise.then(function (client) {\n reply(client);\n });\n });\n\n this._bus.on(events.CARD_FORM_ENTRY_HAS_BEGUN, function () {\n analytics.sendEvent(self._clientPromise, \"hosted-fields.input.started\");\n });\n\n this._bus.on(events.BIN_AVAILABLE, function (bin) {\n self._emit(\"binAvailable\", {\n bin: bin,\n });\n });\n\n failureTimeout = setTimeout(function () {\n analytics.sendEvent(\n self._clientPromise,\n \"custom.hosted-fields.load.timed-out\"\n );\n self._emit(\"timeout\");\n }, INTEGRATION_TIMEOUT_MS);\n\n Promise.all(frameReadyPromises).then(function (results) {\n var reply = results[0];\n\n clearTimeout(failureTimeout);\n reply(\n formatMerchantConfigurationForIframes(self._merchantConfigurationOptions)\n );\n\n self._cleanUpFocusIntercepts();\n\n self._emit(\"ready\");\n });\n\n this._bus.on(events.FRAME_READY, function (data, reply) {\n frameReadyPromiseResolveFunctions[data.field](reply);\n });\n\n this._bus.on(events.INPUT_EVENT, createInputEventHandler(fields).bind(this));\n\n this._destructor.registerFunctionForTeardown(function () {\n var j, node, parent;\n\n for (j = 0; j < self._injectedNodes.length; j++) {\n node = self._injectedNodes[j];\n parent = node.parentNode;\n\n parent.removeChild(node);\n\n classList.remove(\n parent,\n constants.externalClasses.FOCUSED,\n constants.externalClasses.INVALID,\n constants.externalClasses.VALID\n );\n }\n });\n\n this._destructor.registerFunctionForTeardown(function () {\n destroyFocusIntercept();\n });\n\n this._destructor.registerFunctionForTeardown(function () {\n var methodNames = methods(HostedFields.prototype).concat(\n methods(EventEmitter.prototype)\n );\n\n convertMethodsToError(self, methodNames);\n });\n}\n\nEventEmitter.createChild(HostedFields);\n\nHostedFields.prototype._setupLabelFocus = function (type, container) {\n var labels, i;\n var self = this;\n var rootNode = findRootNode(container);\n\n if (container.id == null) {\n return;\n }\n\n function triggerFocus() {\n self.focus(type);\n }\n\n // find any labels in the normal DOM\n labels = Array.prototype.slice.call(\n document.querySelectorAll('label[for=\"' + container.id + '\"]')\n );\n if (rootNode !== document) {\n // find any labels within the shadow dom\n labels = labels.concat(\n Array.prototype.slice.call(\n rootNode.querySelectorAll('label[for=\"' + container.id + '\"]')\n )\n );\n }\n // find any labels surrounding the container that don't also have the `for` attribute\n labels = labels.concat(findParentTags(container, \"label\"));\n // filter out any accidental duplicates\n labels = labels.filter(function (label, index, arr) {\n return arr.indexOf(label) === index;\n });\n\n for (i = 0; i < labels.length; i++) {\n labels[i].addEventListener(\"click\", triggerFocus, false);\n }\n\n this._destructor.registerFunctionForTeardown(function () {\n for (i = 0; i < labels.length; i++) {\n labels[i].removeEventListener(\"click\", triggerFocus, false);\n }\n });\n};\n\nHostedFields.prototype._getAnyFieldContainer = function () {\n var self = this;\n\n return Object.keys(this._fields).reduce(function (found, field) {\n return found || self._fields[field].containerElement;\n }, null);\n};\n\nHostedFields.prototype._cleanUpFocusIntercepts = function () {\n var iframeContainer, checkoutForm;\n\n if (document.forms.length < 1) {\n this._bus.emit(events.REMOVE_FOCUS_INTERCEPTS);\n } else {\n iframeContainer = this._getAnyFieldContainer();\n checkoutForm = findParentTags(iframeContainer, \"form\")[0];\n\n if (checkoutForm) {\n focusChange.removeExtraFocusElements(\n checkoutForm,\n function (id) {\n this._bus.emit(events.REMOVE_FOCUS_INTERCEPTS, {\n id: id,\n });\n }.bind(this)\n );\n } else {\n this._bus.emit(events.REMOVE_FOCUS_INTERCEPTS);\n }\n }\n};\n\nHostedFields.prototype._attachInvalidFieldContainersToError = function (err) {\n if (\n !(\n err.details &&\n err.details.invalidFieldKeys &&\n err.details.invalidFieldKeys.length > 0\n )\n ) {\n return;\n }\n err.details.invalidFields = {};\n err.details.invalidFieldKeys.forEach(\n function (field) {\n err.details.invalidFields[field] = this._fields[field].containerElement;\n }.bind(this)\n );\n};\n\n/**\n * Get card verification challenges, such as requirements for cvv and postal code.\n * @public\n * @param {callback} [callback] Called on completion, containing an error if one occurred. If no callback is provided, `getChallenges` returns a promise.\n * @example\n * hostedFieldsInstance.getChallenges().then(function (challenges) {\n * challenges // ['cvv', 'postal_code']\n * });\n * @returns {(Promise|void)} Returns a promise if no callback is provided.\n */\nHostedFields.prototype.getChallenges = function () {\n return this._clientPromise.then(function (client) {\n return client.getConfiguration().gatewayConfiguration.challenges;\n });\n};\n\n/**\n * Get supported card types configured in the Braintree Control Panel\n * @public\n * @param {callback} [callback] Called on completion, containing an error if one occurred. If no callback is provided, `getSupportedCardTypes` returns a promise.\n * @example\n * hostedFieldsInstance.getSupportedCardTypes().then(function (cardTypes) {\n * cardTypes // ['Visa', 'American Express', 'Mastercard']\n * });\n * @returns {(Promise|void)} Returns a promise if no callback is provided.\n */\nHostedFields.prototype.getSupportedCardTypes = function () {\n return this._clientPromise.then(function (client) {\n var cards = client\n .getConfiguration()\n .gatewayConfiguration.creditCards.supportedCardTypes.map(function (\n cardType\n ) {\n if (cardType === \"MasterCard\") {\n // Mastercard changed their branding. We can't update our\n // config without creating a breaking change, so we just\n // hard code the change here\n return \"Mastercard\";\n }\n\n return cardType;\n });\n\n return cards;\n });\n};\n\n/**\n * Cleanly remove anything set up by {@link module:braintree-web/hosted-fields.create|create}.\n * @public\n * @param {callback} [callback] Called on completion, containing an error if one occurred. No data is returned if teardown completes successfully. If no callback is provided, `teardown` returns a promise.\n * @example\n * hostedFieldsInstance.teardown(function (teardownErr) {\n * if (teardownErr) {\n * console.error('Could not tear down Hosted Fields!');\n * } else {\n * console.info('Hosted Fields has been torn down!');\n * }\n * });\n * @returns {(Promise|void)} Returns a promise if no callback is provided.\n */\nHostedFields.prototype.teardown = function () {\n var self = this;\n\n return new Promise(function (resolve, reject) {\n self._destructor.teardown(function (err) {\n analytics.sendEvent(\n self._clientPromise,\n \"custom.hosted-fields.teardown-completed\"\n );\n\n if (err) {\n reject(err);\n } else {\n resolve();\n }\n });\n });\n};\n\n/**\n * Tokenizes fields and returns a nonce payload.\n * @public\n * @param {object} [options] All tokenization options for the Hosted Fields component.\n * @param {boolean} [options.vault=false] When true, will vault the tokenized card. Cards will only be vaulted when using a client created with a client token that includes a customer ID. Note: merchants using Advanced Fraud Tools should not use this option, as device data will not be included.\n * @param {object} [options.authenticationInsight] Options for checking authentication insight - the [regulatory environment](https://developer.paypal.com/braintree/docs/guides/3d-secure/advanced-options/javascript/v3#authentication-insight) of the tokenized card.\n * @param {string} options.authenticationInsight.merchantAccountId The Braintree merchant account id to use to look up the authentication insight information.\n * @param {array} [options.fieldsToTokenize] By default, all fields will be tokenized. You may specify which fields specifically you wish to tokenize with this property. Valid options are `'number'`, `'cvv'`, `'expirationDate'`, `'expirationMonth'`, `'expirationYear'`, `'postalCode'`, `'cardholderName'`.\n * @param {string} [options.cardholderName] When supplied, the cardholder name to be tokenized with the contents of the fields.\n * @param {string} [options.billingAddress.postalCode] When supplied, this postal code will be tokenized along with the contents of the fields. If a postal code is provided as part of the Hosted Fields configuration, the value of the field will be tokenized and this value will be ignored.\n * @param {string} [options.billingAddress.firstName] When supplied, this customer first name will be tokenized along with the contents of the fields.\n * @param {string} [options.billingAddress.lastName] When supplied, this customer last name will be tokenized along with the contents of the fields.\n * @param {string} [options.billingAddress.company] When supplied, this company name will be tokenized along with the contents of the fields.\n * @param {string} [options.billingAddress.streetAddress] When supplied, this street address will be tokenized along with the contents of the fields.\n * @param {string} [options.billingAddress.extendedAddress] When supplied, this extended address will be tokenized along with the contents of the fields.\n * @param {string} [options.billingAddress.locality] When supplied, this locality (the city) will be tokenized along with the contents of the fields.\n * @param {string} [options.billingAddress.region] When supplied, this region (the state) will be tokenized along with the contents of the fields.\n * @param {string} [options.billingAddress.countryCodeNumeric] When supplied, this numeric country code will be tokenized along with the contents of the fields.\n * @param {string} [options.billingAddress.countryCodeAlpha2] When supplied, this alpha 2 representation of a country will be tokenized along with the contents of the fields.\n * @param {string} [options.billingAddress.countryCodeAlpha3] When supplied, this alpha 3 representation of a country will be tokenized along with the contents of the fields.\n * @param {string} [options.billingAddress.countryName] When supplied, this country name will be tokenized along with the contents of the fields.\n *\n * @param {callback} [callback] May be used as the only parameter of the function if no options are passed in. The second argument, data, is a {@link HostedFields~tokenizePayload|tokenizePayload}. If no callback is provided, `tokenize` returns a function that resolves with a {@link HostedFields~tokenizePayload|tokenizePayload}.\n * @example Tokenize a card \n * hostedFieldsInstance.tokenize(function (tokenizeErr, payload) {\n * if (tokenizeErr) {\n * switch (tokenizeErr.code) {\n * case 'HOSTED_FIELDS_FIELDS_EMPTY':\n * // occurs when none of the fields are filled in\n * console.error('All fields are empty! Please fill out the form.');\n * break;\n * case 'HOSTED_FIELDS_FIELDS_INVALID':\n * // occurs when certain fields do not pass client side validation\n * console.error('Some fields are invalid:', tokenizeErr.details.invalidFieldKeys);\n *\n * // you can also programmatically access the field containers for the invalid fields\n * tokenizeErr.details.invalidFields.forEach(function (fieldContainer) {\n * fieldContainer.className = 'invalid';\n * });\n * break;\n * case 'HOSTED_FIELDS_TOKENIZATION_FAIL_ON_DUPLICATE':\n * // occurs when:\n * // * the client token used for client authorization was generated\n * // with a customer ID and the fail on duplicate payment method\n * // option is set to true\n * // * the card being tokenized has previously been vaulted (with any customer)\n * // See: https://developer.paypal.com/braintree/docs/reference/request/client-token/generate#options.fail_on_duplicate_payment_method\n * console.error('This payment method already exists in your vault.');\n * break;\n * case 'HOSTED_FIELDS_TOKENIZATION_CVV_VERIFICATION_FAILED':\n * // occurs when:\n * // * the client token used for client authorization was generated\n * // with a customer ID and the verify card option is set to true\n * // and you have credit card verification turned on in the Braintree\n * // control panel\n * // * the cvv does not pass verification (https://developer.paypal.com/braintree/docs/reference/general/testing#avs-and-cvv/cid-responses)\n * // See: https://developer.paypal.com/braintree/docs/reference/request/client-token/generate#options.verify_card\n * console.error('CVV did not pass verification');\n * break;\n * case 'HOSTED_FIELDS_FAILED_TOKENIZATION':\n * // occurs for any other tokenization error on the server\n * console.error('Tokenization failed server side. Is the card valid?');\n * break;\n * case 'HOSTED_FIELDS_TOKENIZATION_NETWORK_ERROR':\n * // occurs when the Braintree gateway cannot be contacted\n * console.error('Network error occurred when tokenizing.');\n * break;\n * default:\n * console.error('Something bad happened!', tokenizeErr);\n * }\n * } else {\n * console.log('Got nonce:', payload.nonce);\n * }\n * });\n * @example Tokenize and vault a card \n * hostedFieldsInstance.tokenize({\n * vault: true\n * }, function (tokenizeErr, payload) {\n * if (tokenizeErr) {\n * console.error(tokenizeErr);\n * } else {\n * console.log('Got nonce:', payload.nonce);\n * }\n * });\n * @example Tokenize a card with non-Hosted Fields cardholder name \n * hostedFieldsInstance.tokenize({\n * cardholderName: 'First Last'\n * }, function (tokenizeErr, payload) {\n * if (tokenizeErr) {\n * console.error(tokenizeErr);\n * } else {\n * console.log('Got nonce:', payload.nonce);\n * }\n * });\n * @example Tokenize a card with non-Hosted Fields postal code option \n * hostedFieldsInstance.tokenize({\n * billingAddress: {\n * postalCode: '11111'\n * }\n * }, function (tokenizeErr, payload) {\n * if (tokenizeErr) {\n * console.error(tokenizeErr);\n * } else {\n * console.log('Got nonce:', payload.nonce);\n * }\n * });\n * @example Tokenize a card with additional billing address options \n * hostedFieldsInstance.tokenize({\n * billingAddress: {\n * firstName: 'First',\n * lastName: 'Last',\n * company: 'Company',\n * streetAddress: '123 Street',\n * extendedAddress: 'Unit 1',\n * // passing just one of the country options is sufficient to\n * // associate the card details with a particular country\n * // valid country names and codes can be found here:\n * // https://developer.paypal.com/braintree/docs/reference/general/countries/ruby#list-of-countries\n * countryName: 'United States',\n * countryCodeAlpha2: 'US',\n * countryCodeAlpha3: 'USA',\n * countryCodeNumeric: '840'\n * }\n * }, function (tokenizeErr, payload) {\n * if (tokenizeErr) {\n * console.error(tokenizeErr);\n * } else {\n * console.log('Got nonce:', payload.nonce);\n * }\n * });\n * @example Allow tokenization with empty cardholder name field \n * var state = hostedFieldsInstance.getState();\n * var fields = Object.keys(state.fields);\n *\n * // normally, if you tried to tokenize an empty cardholder name field\n * // you would get an error, to allow making this field optional,\n * // tokenize all the fields except for the cardholder name field\n * // when the cardholder name field is empty. Otherwise, tokenize\n * // all the fields\n * if (state.fields.cardholderName.isEmpty) {\n * fields = fields.filter(function (field) {\n * return field !== 'cardholderName';\n * });\n * }\n *\n * hostedFieldsInstance.tokenize({\n * fieldsToTokenize: fields\n * }, function (tokenizeErr, payload) {\n * if (tokenizeErr) {\n * console.error(tokenizeErr);\n * } else {\n * console.log('Got nonce:', payload.nonce);\n * }\n * });\n * @returns {(Promise|void)} Returns a promise if no callback is provided.\n */\nHostedFields.prototype.tokenize = function (options) {\n var self = this;\n\n if (!options) {\n options = {};\n }\n\n return new Promise(function (resolve, reject) {\n self._bus.emit(events.TOKENIZATION_REQUEST, options, function (response) {\n var err = response[0];\n var payload = response[1];\n\n if (err) {\n self._attachInvalidFieldContainersToError(err);\n reject(new BraintreeError(err));\n } else {\n resolve(payload);\n }\n });\n });\n};\n\n/**\n * Add a class to a {@link module:braintree-web/hosted-fields~field field}. Useful for updating field styles when events occur elsewhere in your checkout.\n * @public\n * @param {string} field The field you wish to add a class to. Must be a valid {@link module:braintree-web/hosted-fields~fieldOptions fieldOption}.\n * @param {string} classname The class to be added.\n * @param {callback} [callback] Callback executed on completion, containing an error if one occurred. No data is returned if the class is added successfully.\n *\n * @example\n * hostedFieldsInstance.addClass('number', 'custom-class', function (addClassErr) {\n * if (addClassErr) {\n * console.error(addClassErr);\n * }\n * });\n * @returns {(Promise|void)} Returns a promise if no callback is provided.\n */\nHostedFields.prototype.addClass = function (field, classname) {\n var err;\n\n if (!allowedFields.hasOwnProperty(field)) {\n err = new BraintreeError({\n type: errors.HOSTED_FIELDS_FIELD_INVALID.type,\n code: errors.HOSTED_FIELDS_FIELD_INVALID.code,\n message:\n '\"' +\n field +\n '\" is not a valid field. You must use a valid field option when adding a class.',\n });\n } else if (!this._fields.hasOwnProperty(field)) {\n err = new BraintreeError({\n type: errors.HOSTED_FIELDS_FIELD_NOT_PRESENT.type,\n code: errors.HOSTED_FIELDS_FIELD_NOT_PRESENT.code,\n message:\n 'Cannot add class to \"' +\n field +\n '\" field because it is not part of the current Hosted Fields options.',\n });\n } else {\n this._bus.emit(events.ADD_CLASS, {\n field: field,\n classname: classname,\n });\n }\n\n if (err) {\n return Promise.reject(err);\n }\n\n return Promise.resolve();\n};\n\n/**\n * Removes a class to a {@link module:braintree-web/hosted-fields~field field}. Useful for updating field styles when events occur elsewhere in your checkout.\n * @public\n * @param {string} field The field you wish to remove a class from. Must be a valid {@link module:braintree-web/hosted-fields~fieldOptions fieldOption}.\n * @param {string} classname The class to be removed.\n * @param {callback} [callback] Callback executed on completion, containing an error if one occurred. No data is returned if the class is removed successfully.\n *\n * @example\n * hostedFieldsInstance.addClass('number', 'custom-class', function (addClassErr) {\n * if (addClassErr) {\n * console.error(addClassErr);\n * return;\n * }\n *\n * // some time later...\n * hostedFieldsInstance.removeClass('number', 'custom-class');\n * });\n * @returns {(Promise|void)} Returns a promise if no callback is provided.\n */\nHostedFields.prototype.removeClass = function (field, classname) {\n var err;\n\n if (!allowedFields.hasOwnProperty(field)) {\n err = new BraintreeError({\n type: errors.HOSTED_FIELDS_FIELD_INVALID.type,\n code: errors.HOSTED_FIELDS_FIELD_INVALID.code,\n message:\n '\"' +\n field +\n '\" is not a valid field. You must use a valid field option when removing a class.',\n });\n } else if (!this._fields.hasOwnProperty(field)) {\n err = new BraintreeError({\n type: errors.HOSTED_FIELDS_FIELD_NOT_PRESENT.type,\n code: errors.HOSTED_FIELDS_FIELD_NOT_PRESENT.code,\n message:\n 'Cannot remove class from \"' +\n field +\n '\" field because it is not part of the current Hosted Fields options.',\n });\n } else {\n this._bus.emit(events.REMOVE_CLASS, {\n field: field,\n classname: classname,\n });\n }\n\n if (err) {\n return Promise.reject(err);\n }\n\n return Promise.resolve();\n};\n\n/**\n * Sets an attribute of a {@link module:braintree-web/hosted-fields~field field}.\n * Supported attributes are `aria-invalid`, `aria-required`, `disabled`, and `placeholder`.\n *\n * @public\n * @param {object} options The options for the attribute you wish to set.\n * @param {string} options.field The field to which you wish to add an attribute. Must be a valid {@link module:braintree-web/hosted-fields~fieldOptions fieldOption}.\n * @param {string} options.attribute The name of the attribute you wish to add to the field.\n * @param {string} options.value The value for the attribute.\n * @param {callback} [callback] Callback executed on completion, containing an error if one occurred. No data is returned if the attribute is set successfully.\n *\n * @example Set the placeholder attribute of a field \n * hostedFieldsInstance.setAttribute({\n * field: 'number',\n * attribute: 'placeholder',\n * value: '1111 1111 1111 1111'\n * }, function (attributeErr) {\n * if (attributeErr) {\n * console.error(attributeErr);\n * }\n * });\n *\n * @example Set the aria-required attribute of a field \n * hostedFieldsInstance.setAttribute({\n * field: 'number',\n * attribute: 'aria-required',\n * value: true\n * }, function (attributeErr) {\n * if (attributeErr) {\n * console.error(attributeErr);\n * }\n * });\n *\n * @returns {(Promise|void)} Returns a promise if no callback is provided.\n */\nHostedFields.prototype.setAttribute = function (options) {\n var attributeErr, err;\n\n if (!allowedFields.hasOwnProperty(options.field)) {\n err = new BraintreeError({\n type: errors.HOSTED_FIELDS_FIELD_INVALID.type,\n code: errors.HOSTED_FIELDS_FIELD_INVALID.code,\n message:\n '\"' +\n options.field +\n '\" is not a valid field. You must use a valid field option when setting an attribute.',\n });\n } else if (!this._fields.hasOwnProperty(options.field)) {\n err = new BraintreeError({\n type: errors.HOSTED_FIELDS_FIELD_NOT_PRESENT.type,\n code: errors.HOSTED_FIELDS_FIELD_NOT_PRESENT.code,\n message:\n 'Cannot set attribute for \"' +\n options.field +\n '\" field because it is not part of the current Hosted Fields options.',\n });\n } else {\n attributeErr = attributeValidationError(options.attribute, options.value);\n\n if (attributeErr) {\n err = attributeErr;\n } else {\n this._bus.emit(events.SET_ATTRIBUTE, {\n field: options.field,\n attribute: options.attribute,\n value: options.value,\n });\n }\n }\n\n if (err) {\n return Promise.reject(err);\n }\n\n return Promise.resolve();\n};\n\n/**\n * Sets the month options for the expiration month field when presented as a select element.\n *\n * @public\n * @param {array} options An array of 12 entries corresponding to the 12 months.\n * @param {callback} [callback] Callback executed on completion, containing an error if one occurred. No data is returned if the options are updated successfully. Errors if expirationMonth is not configured on the Hosted Fields instance or if the expirationMonth field is not configured to be a select input.\n *\n * @example Update the month options to spanish \n * hostedFieldsInstance.setMonthOptions([\n * '01 - enero',\n * '02 - febrero',\n * '03 - marzo',\n * '04 - abril',\n * '05 - mayo',\n * '06 - junio',\n * '07 - julio',\n * '08 - agosto',\n * '09 - septiembre',\n * '10 - octubre',\n * '11 - noviembre',\n * '12 - diciembre'\n * ]);\n *\n * @returns {(Promise|void)} Returns a promise if no callback is provided.\n */\nHostedFields.prototype.setMonthOptions = function (options) {\n var self = this;\n var merchantOptions = this._merchantConfigurationOptions.fields;\n var errorMessage;\n\n if (!merchantOptions.expirationMonth) {\n errorMessage = \"Expiration month field must exist to use setMonthOptions.\";\n } else if (!merchantOptions.expirationMonth.select) {\n errorMessage = \"Expiration month field must be a select element.\";\n }\n\n if (errorMessage) {\n return Promise.reject(\n new BraintreeError({\n type: errors.HOSTED_FIELDS_FIELD_PROPERTY_INVALID.type,\n code: errors.HOSTED_FIELDS_FIELD_PROPERTY_INVALID.code,\n message: errorMessage,\n })\n );\n }\n\n return new Promise(function (resolve) {\n self._bus.emit(events.SET_MONTH_OPTIONS, options, resolve);\n });\n};\n\n/**\n * Sets a visually hidden message (for screen readers) on a {@link module:braintree-web/hosted-fields~field field}.\n *\n * @public\n * @param {object} options The options for the attribute you wish to set.\n * @param {string} options.field The field to which you wish to add an attribute. Must be a valid {@link module:braintree-web/hosted-fields~field field}.\n * @param {string} options.message The message to set.\n *\n * @example Set an error message on a field \n * hostedFieldsInstance.setMessage({\n * field: 'number',\n * message: 'Invalid card number'\n * });\n *\n * @example Remove the message on a field \n * hostedFieldsInstance.setMessage({\n * field: 'number',\n * message: ''\n * });\n *\n * @returns {void}\n */\nHostedFields.prototype.setMessage = function (options) {\n this._bus.emit(events.SET_MESSAGE, {\n field: options.field,\n message: options.message,\n });\n};\n\n/**\n * Removes a supported attribute from a {@link module:braintree-web/hosted-fields~field field}.\n *\n * @public\n * @param {object} options The options for the attribute you wish to remove.\n * @param {string} options.field The field from which you wish to remove an attribute. Must be a valid {@link module:braintree-web/hosted-fields~fieldOptions fieldOption}.\n * @param {string} options.attribute The name of the attribute you wish to remove from the field.\n * @param {callback} [callback] Callback executed on completion, containing an error if one occurred. No data is returned if the attribute is removed successfully.\n *\n * @example Remove the placeholder attribute of a field \n * hostedFieldsInstance.removeAttribute({\n * field: 'number',\n * attribute: 'placeholder'\n * }, function (attributeErr) {\n * if (attributeErr) {\n * console.error(attributeErr);\n * }\n * });\n *\n * @returns {(Promise|void)} Returns a promise if no callback is provided.\n */\nHostedFields.prototype.removeAttribute = function (options) {\n var attributeErr, err;\n\n if (!allowedFields.hasOwnProperty(options.field)) {\n err = new BraintreeError({\n type: errors.HOSTED_FIELDS_FIELD_INVALID.type,\n code: errors.HOSTED_FIELDS_FIELD_INVALID.code,\n message:\n '\"' +\n options.field +\n '\" is not a valid field. You must use a valid field option when removing an attribute.',\n });\n } else if (!this._fields.hasOwnProperty(options.field)) {\n err = new BraintreeError({\n type: errors.HOSTED_FIELDS_FIELD_NOT_PRESENT.type,\n code: errors.HOSTED_FIELDS_FIELD_NOT_PRESENT.code,\n message:\n 'Cannot remove attribute for \"' +\n options.field +\n '\" field because it is not part of the current Hosted Fields options.',\n });\n } else {\n attributeErr = attributeValidationError(options.attribute);\n\n if (attributeErr) {\n err = attributeErr;\n } else {\n this._bus.emit(events.REMOVE_ATTRIBUTE, {\n field: options.field,\n attribute: options.attribute,\n });\n }\n }\n\n if (err) {\n return Promise.reject(err);\n }\n\n return Promise.resolve();\n};\n\n/**\n * @deprecated since version 3.8.0. Use {@link HostedFields#setAttribute|setAttribute} instead.\n *\n * @public\n * @param {string} field The field whose placeholder you wish to change. Must be a valid {@link module:braintree-web/hosted-fields~fieldOptions fieldOption}.\n * @param {string} placeholder Will be used as the `placeholder` attribute of the input.\n * @param {callback} [callback] Callback executed on completion, containing an error if one occurred. No data is returned if the placeholder updated successfully.\n *\n * @returns {(Promise|void)} Returns a promise if no callback is provided.\n */\nHostedFields.prototype.setPlaceholder = function (field, placeholder) {\n return this.setAttribute({\n field: field,\n attribute: \"placeholder\",\n value: placeholder,\n });\n};\n\n/**\n * Clear the value of a {@link module:braintree-web/hosted-fields~field field}.\n * @public\n * @param {string} field The field you wish to clear. Must be a valid {@link module:braintree-web/hosted-fields~fieldOptions fieldOption}.\n * @param {callback} [callback] Callback executed on completion, containing an error if one occurred. No data is returned if the field cleared successfully.\n * @returns {(Promise|void)} Returns a promise if no callback is provided.\n * @example\n * hostedFieldsInstance.clear('number', function (clearErr) {\n * if (clearErr) {\n * console.error(clearErr);\n * }\n * });\n *\n * @example Clear several fields \n * hostedFieldsInstance.clear('number');\n * hostedFieldsInstance.clear('cvv');\n * hostedFieldsInstance.clear('expirationDate');\n */\nHostedFields.prototype.clear = function (field) {\n var err;\n\n if (!allowedFields.hasOwnProperty(field)) {\n err = new BraintreeError({\n type: errors.HOSTED_FIELDS_FIELD_INVALID.type,\n code: errors.HOSTED_FIELDS_FIELD_INVALID.code,\n message:\n '\"' +\n field +\n '\" is not a valid field. You must use a valid field option when clearing a field.',\n });\n } else if (!this._fields.hasOwnProperty(field)) {\n err = new BraintreeError({\n type: errors.HOSTED_FIELDS_FIELD_NOT_PRESENT.type,\n code: errors.HOSTED_FIELDS_FIELD_NOT_PRESENT.code,\n message:\n 'Cannot clear \"' +\n field +\n '\" field because it is not part of the current Hosted Fields options.',\n });\n } else {\n this._bus.emit(events.CLEAR_FIELD, {\n field: field,\n });\n }\n\n if (err) {\n return Promise.reject(err);\n }\n\n return Promise.resolve();\n};\n\n/**\n * Programmatically focus a {@link module:braintree-web/hosted-fields~field field}.\n * @public\n * @param {string} field The field you want to focus. Must be a valid {@link module:braintree-web/hosted-fields~fieldOptions fieldOption}.\n * @param {callback} [callback] Callback executed on completion, containing an error if one occurred. No data is returned if the field focused successfully.\n * @returns {void}\n * @example\n * hostedFieldsInstance.focus('number', function (focusErr) {\n * if (focusErr) {\n * console.error(focusErr);\n * }\n * });\n * @example Using an event listener \n * myElement.addEventListener('click', function (e) {\n * // In Firefox, the focus method can be suppressed\n * // if the element has a tabindex property or the element\n * // is an anchor link with an href property.\n * e.preventDefault();\n * hostedFieldsInstance.focus('number');\n * });\n */\nHostedFields.prototype.focus = function (field) {\n var err;\n var fieldConfig = this._fields[field];\n\n if (!allowedFields.hasOwnProperty(field)) {\n err = new BraintreeError({\n type: errors.HOSTED_FIELDS_FIELD_INVALID.type,\n code: errors.HOSTED_FIELDS_FIELD_INVALID.code,\n message:\n '\"' +\n field +\n '\" is not a valid field. You must use a valid field option when focusing a field.',\n });\n } else if (!this._fields.hasOwnProperty(field)) {\n err = new BraintreeError({\n type: errors.HOSTED_FIELDS_FIELD_NOT_PRESENT.type,\n code: errors.HOSTED_FIELDS_FIELD_NOT_PRESENT.code,\n message:\n 'Cannot focus \"' +\n field +\n '\" field because it is not part of the current Hosted Fields options.',\n });\n } else {\n fieldConfig.frameElement.focus();\n\n this._bus.emit(events.TRIGGER_INPUT_FOCUS, {\n field: field,\n });\n\n if (browserDetection.isIos()) {\n // Inputs outside of the viewport don't always scroll into view on\n // focus in iOS Safari. 5ms timeout gives the browser a chance to\n // do the right thing and prevents stuttering.\n setTimeout(function () {\n if (!isVisibleEnough(fieldConfig.containerElement)) {\n fieldConfig.containerElement.scrollIntoView();\n }\n }, SAFARI_FOCUS_TIMEOUT);\n }\n }\n\n if (err) {\n return Promise.reject(err);\n }\n\n return Promise.resolve();\n};\n\n/**\n * Returns an {@link HostedFields~stateObject|object} that includes the state of all fields and possible card types.\n * @public\n * @returns {object} {@link HostedFields~stateObject|stateObject}\n * @example Check if all fields are valid \n * var state = hostedFieldsInstance.getState();\n *\n * var formValid = Object.keys(state.fields).every(function (key) {\n * return state.fields[key].isValid;\n * });\n */\nHostedFields.prototype.getState = function () {\n return this._state;\n};\n\n// React adds decorations to DOM nodes that cause\n// circular dependencies, so we remove them from the\n// config before sending it to the iframes. However,\n// we don't want to mutate the original object that\n// was passed in, so we create fresh objects via assign\nfunction formatMerchantConfigurationForIframes(config) {\n var formattedConfig = assign({}, config);\n\n formattedConfig.fields = assign({}, formattedConfig.fields);\n Object.keys(formattedConfig.fields).forEach(function (field) {\n formattedConfig.fields[field] = assign({}, formattedConfig.fields[field]);\n delete formattedConfig.fields[field].container;\n });\n\n return formattedConfig;\n}\n\nmodule.exports = wrapPromise.wrapPrototype(HostedFields);\n\n},{\"../../lib/analytics\":94,\"../../lib/assign\":96,\"../../lib/braintree-error\":99,\"../../lib/constants\":100,\"../../lib/convert-methods-to-error\":101,\"../../lib/create-assets-url\":103,\"../../lib/create-deferred-client\":105,\"../../lib/destructor\":107,\"../../lib/errors\":109,\"../../lib/find-root-node\":110,\"../../lib/is-verified-domain\":127,\"../../lib/methods\":129,\"../../lib/promise\":131,\"../../lib/shadow\":133,\"../shared/browser-detection\":87,\"../shared/constants\":88,\"../shared/errors\":89,\"../shared/find-parent-tags\":90,\"../shared/focus-intercept\":91,\"../shared/get-card-types\":92,\"./attribute-validation-error\":80,\"./compose-url\":81,\"./focus-change\":82,\"./get-styles-from-class\":83,\"./inject-frame\":85,\"@braintree/class-list\":40,\"@braintree/event-emitter\":41,\"@braintree/iframer\":43,\"@braintree/uuid\":47,\"@braintree/wrap-promise\":51,\"framebus\":176}],85:[function(require,module,exports){\n\"use strict\";\n\nvar focusIntercept = require(\"../shared/focus-intercept\");\nvar directions = require(\"../shared/constants\").navigationDirections;\n\nmodule.exports = function injectFrame(id, frame, container, focusHandler) {\n var frameType = frame.getAttribute(\"type\");\n var clearboth = document.createElement(\"div\");\n var fragment = document.createDocumentFragment();\n var focusInterceptBefore = focusIntercept.generate(\n id,\n frameType,\n directions.BACK,\n focusHandler\n );\n var focusInterceptAfter = focusIntercept.generate(\n id,\n frameType,\n directions.FORWARD,\n focusHandler\n );\n\n clearboth.style.clear = \"both\";\n\n fragment.appendChild(focusInterceptBefore);\n fragment.appendChild(frame);\n fragment.appendChild(focusInterceptAfter);\n fragment.appendChild(clearboth);\n\n container.appendChild(fragment);\n\n return [frame, clearboth];\n};\n\n},{\"../shared/constants\":88,\"../shared/focus-intercept\":91}],86:[function(require,module,exports){\n\"use strict\";\n/** @module braintree-web/hosted-fields */\n\nvar HostedFields = require(\"./external/hosted-fields\");\nvar basicComponentVerification = require(\"../lib/basic-component-verification\");\nvar errors = require(\"./shared/errors\");\nvar supportsInputFormatting = require(\"restricted-input/supports-input-formatting\");\nvar wrapPromise = require(\"@braintree/wrap-promise\");\nvar BraintreeError = require(\"../lib/braintree-error\");\nvar Promise = require(\"../lib/promise\");\nvar VERSION = \"3.88.3\";\n\n/**\n * Fields used in {@link module:braintree-web/hosted-fields~fieldOptions fields options}\n * @typedef {object} field\n * @property {string} selector Deprecated: Now an alias for `options.container`.\n * @property {(string|HTMLElement)} container A DOM node or CSS selector to find the container where the hosted field will be inserted.\n * @property {string} [placeholder] Will be used as the `placeholder` attribute of the input. If `placeholder` is not natively supported by the browser, it will be polyfilled.\n * @property {string} [type] Will be used as the `type` attribute of the input. To mask `cvv` input, for instance, `type: \"password\"` can be used.\n * @property {string} [iframeTitle] The title used for the iframe containing the credit card input. By default, this will be `Secure Credit Card Frame - `.\n * @property {string} [internalLabel] Each Hosted Field iframe has a hidden label that is used by screen readers to identify the input. The `internalLabel` property can be used to customize the field for localization purposes. The default values are:\n * * number: Credit Card Number\n * * cvv: CVV\n * * expirationDate: Expiration Date\n * * expirationMonth: Expiration Month\n * * expirationYear: Expiration Year\n * * postalCode: Postal Code\n * * cardholderName: Cardholder Name\n * @property {boolean} [formatInput=true] Enable or disable automatic formatting on this field.\n * @property {(object|boolean)} [maskInput=false] Enable or disable input masking when input is not focused. If set to `true` instead of an object, the defaults for the `maskInput` parameters will be used.\n * @property {string} [maskInput.character=•] The character to use when masking the input. The default character ('•') uses a unicode symbol, so the webpage must support UTF-8 characters when using the default.\n * @property {Boolean} [maskInput.showLastFour=false] Only applicable for the credit card field. Whether or not to show the last 4 digits of the card when masking.\n * @property {(object|boolean)} [select] If truthy, this field becomes a `` dropdown list. This can only be used for `expirationMonth` and `expirationYear` fields. If you do not use a `placeholder` property for the field, the current month/year will be the default selected value.\n * @property {string[]} [select.options] An array of 12 strings, one per month. This can only be used for the `expirationMonth` field. For example, the array can look like `['01 - January', '02 - February', ...]`.\n * @property {number} [maxCardLength] This option applies only to the number field. Allows a limit to the length of the card number, even if the card brand may support numbers of a greater length. If the value passed is greater than the max length for a card brand, the smaller number of the 2 values will be used. For example, is `maxCardLength` is set to 16, but an American Express card is entered (which has a max card length of 15), a max card length of 15 will be used.\n * @property {number} [maxlength] This option applies only to the CVV and postal code fields. Will be used as the `maxlength` attribute of the input. The primary use cases for the `maxlength` option are: limiting the length of the CVV input for CVV-only verifications when the card type is known and setting the length of the postal code input when cards are coming from a known region. The default `maxlength` for the postal code input is `10`.\n * @property {number} [minlength=3] This option applies only to the cvv and postal code fields. Will be used as the `minlength` attribute of the input.\n * For postal code fields, the default value is 3, representing the Icelandic postal code length. This option's primary use case is to increase the `minlength`, e.g. for US customers, the postal code `minlength` can be set to 5.\n * For cvv fields, the default value is 3. The `minlength` attribute only applies to integrations capturing a cvv without a number field.\n * @property {string} [prefill] A value to prefill the field with. For example, when creating an update card form, you can prefill the expiration date fields with the old expiration date data.\n * @property {boolean} [rejectUnsupportedCards=false] Deprecated since version 3.46.0, use `supportedCardBrands` instead. Only allow card types that your merchant account is able to process. Unsupported card types will invalidate the card form. e.g. if you only process Visa cards, a customer entering a American Express card would get an invalid card field. This can only be used for the `number` field.\n * @property {object} [supportedCardBrands] Override card brands that are supported by the card form. Pass `'card-brand-id': true` to override the default in the merchant configuration and enable a card brand. Pass `'card-brand-id': false` to disable a card brand. Unsupported card types will invalidate the card form. e.g. if you only process Visa cards, a customer entering an American Express card would get an invalid card field. This can only be used for the `number` field. (Note: only allow card types that your merchant account is actually able to process.)\n *\n * Valid card brand ids are:\n * * visa\n * * mastercard\n * * american-express\n * * diners-club\n * * discover\n * * jcb\n * * union-pay\n * * maestro\n * * elo\n * * mir\n * * hiper\n * * hipercard\n */\n\n/**\n * An object that has {@link module:braintree-web/hosted-fields~field field objects} for each field. Used in {@link module:braintree-web/hosted-fields~create create}.\n * @typedef {object} fieldOptions\n * @property {field} [number] A field for card number.\n * @property {field} [expirationDate] A field for expiration date in `MM/YYYY` or `MM/YY` format. This should not be used with the `expirationMonth` and `expirationYear` properties.\n * @property {field} [expirationMonth] A field for expiration month in `MM` format. This should be used with the `expirationYear` property.\n * @property {field} [expirationYear] A field for expiration year in `YYYY` or `YY` format. This should be used with the `expirationMonth` property.\n * @property {field} [cvv] A field for 3 or 4 digit card verification code (like CVV or CID). If you wish to create a CVV-only payment method nonce to verify a card already stored in your Vault, omit all other fields to only collect CVV.\n * @property {field} [postalCode] A field for postal or region code.\n * @property {field} [cardholderName] A field for the cardholder name on the customer's credit card.\n */\n\n/**\n * An object that represents CSS that will be applied in each hosted field. This object looks similar to CSS. Typically, these styles involve fonts (such as `font-family` or `color`).\n *\n * You may also pass the name of a class on your site that contains the styles you would like to apply. The style properties will be automatically pulled off the class and applied to the Hosted Fields inputs. Note: this is recommended for `input` elements only. If using a `select` for the expiration date, unexpected styling may occur.\n *\n * These are the CSS properties that Hosted Fields supports. Any other CSS should be specified on your page and outside of any Braintree configuration. Trying to set unsupported properties will fail and put a warning in the console.\n *\n * Supported CSS properties are:\n * `appearance`\n * `box-shadow`\n * `color`\n * `direction`\n * `font-family`\n * `font-size-adjust`\n * `font-size`\n * `font-stretch`\n * `font-style`\n * `font-variant-alternates`\n * `font-variant-caps`\n * `font-variant-east-asian`\n * `font-variant-ligatures`\n * `font-variant-numeric`\n * `font-variant`\n * `font-weight`\n * `font`\n * `letter-spacing`\n * `line-height`\n * `opacity`\n * `outline`\n * `margin`\n * `margin-top`\n * `margin-right`\n * `margin-bottom`\n * `margin-left`\n * `padding`\n * `padding-top`\n * `padding-right`\n * `padding-bottom`\n * `padding-left`\n * `text-align`\n * `text-shadow`\n * `transition`\n * `-moz-appearance`\n * `-moz-box-shadow`\n * `-moz-osx-font-smoothing`\n * `-moz-tap-highlight-color`\n * `-moz-transition`\n * `-webkit-appearance`\n * `-webkit-box-shadow`\n * `-webkit-font-smoothing`\n * `-webkit-tap-highlight-color`\n * `-webkit-transition`\n * @typedef {object} styleOptions\n */\n\n/**\n * @static\n * @function create\n * @param {object} options Creation options:\n * @param {Client} [options.client] A {@link Client} instance.\n * @param {string} [options.authorization] A tokenizationKey or clientToken. Can be used in place of `options.client`.\n * @param {fieldOptions} options.fields A {@link module:braintree-web/hosted-fields~fieldOptions set of options for each field}.\n * @param {styleOptions} [options.styles] {@link module:braintree-web/hosted-fields~styleOptions Styles} applied to each field.\n * @param {boolean} [options.preventAutofill=false] When true, browsers will not try to prompt the customer to autofill their credit card information.\n * @param {callback} [callback] The second argument, `data`, is the {@link HostedFields} instance. If no callback is provided, `create` returns a promise that resolves with the {@link HostedFields} instance.\n * @returns {void}\n * @example\n * braintree.hostedFields.create({\n * client: clientInstance,\n * styles: {\n * 'input': {\n * 'font-size': '16pt',\n * 'color': '#3A3A3A'\n * },\n * '.number': {\n * 'font-family': 'monospace'\n * },\n * '.valid': {\n * 'color': 'green'\n * }\n * },\n * fields: {\n * number: {\n * container: '#card-number'\n * },\n * cvv: {\n * container: '#cvv',\n * placeholder: '•••'\n * },\n * expirationDate: {\n * container: '#expiration-date'\n * }\n * }\n * }, callback);\n * @example With cardholder name \n * braintree.hostedFields.create({\n * client: clientInstance,\n * fields: {\n * number: {\n * container: '#card-number'\n * },\n * cardholderName: {\n * container: '#cardholder-name'\n * },\n * cvv: {\n * container: '#cvv',\n * },\n * expirationDate: {\n * container: '#expiration-date'\n * }\n * }\n * }, callback);\n * @example Applying styles with a class name \n * // in document head\n * \n * // in a script tag\n * braintree.hostedFields.create({\n * client: clientInstance,\n * styles: {\n * 'input': 'braintree-input-class',\n * '.invalid': 'braintree-invalid-class',\n * '.valid': {\n * // you can also use the object syntax alongside\n * // the class name syntax\n * color: green;\n * }\n * },\n * fields: {\n * number: {\n * container: '#card-number'\n * },\n * // etc...\n * }\n * }, callback);\n * @example Right to Left Language Support \n * braintree.hostedFields.create({\n * client: clientInstance,\n * styles: {\n * 'input': {\n * // other styles\n * direction: 'rtl'\n * },\n * },\n * fields: {\n * number: {\n * container: '#card-number',\n * // Credit card formatting is not currently supported\n * // with RTL languages, so we need to turn it off for the number input\n * formatInput: false\n * },\n * cvv: {\n * container: '#cvv',\n * placeholder: '•••'\n * },\n * expirationDate: {\n * container: '#expiration-date',\n * type: 'month'\n * }\n * }\n * }, callback);\n * @example Setting up Hosted Fields to tokenize CVV only \n * braintree.hostedFields.create({\n * client: clientInstance,\n * fields: {\n * // Only add the `cvv` option.\n * cvv: {\n * container: '#cvv',\n * placeholder: '•••'\n * }\n * }\n * }, callback);\n * @example Creating an expiration date update form with prefilled data \n * var storedCreditCardInformation = {\n * // get this info from your server\n * // with a payment method lookup\n * month: '09',\n * year: '2017'\n * };\n *\n * braintree.hostedFields.create({\n * client: clientInstance,\n * fields: {\n * expirationMonth: {\n * container: '#expiration-month',\n * prefill: storedCreditCardInformation.month\n * },\n * expirationYear: {\n * container: '#expiration-year',\n * prefill: storedCreditCardInformation.year\n * }\n * }\n * }, callback);\n * @example Validate the card form for supported card types \n * braintree.hostedFields.create({\n * client: clientInstance,\n * fields: {\n * number: {\n * container: '#card-number',\n * supportedCardBrands: {\n * visa: false, // prevents Visas from showing up as valid even when the Braintree control panel is configured to allow them\n * 'diners-club': true // allow Diners Club cards to be valid (processed as Discover cards on the Braintree backend)\n * }\n * },\n * cvv: {\n * container: '#cvv',\n * placeholder: '•••'\n * },\n * expirationDate: {\n * container: '#expiration-date',\n * type: 'month'\n * }\n * },\n * }, callback);\n */\nfunction create(options) {\n return basicComponentVerification\n .verify({\n name: \"Hosted Fields\",\n authorization: options.authorization,\n client: options.client,\n })\n .then(function () {\n var integration = new HostedFields(options);\n\n return new Promise(function (resolve, reject) {\n integration.on(\"ready\", function () {\n resolve(integration);\n });\n integration.on(\"timeout\", function () {\n reject(new BraintreeError(errors.HOSTED_FIELDS_TIMEOUT));\n });\n });\n });\n}\n\nmodule.exports = {\n /**\n * @static\n * @function supportsInputFormatting\n * @description Returns false if input formatting will be automatically disabled due to browser incompatibility. Otherwise, returns true. For a list of unsupported browsers, [go here](https://github.com/braintree/restricted-input/blob/main/README.md#browsers-where-formatting-is-turned-off-automatically).\n * @returns {Boolean} Returns false if input formatting will be automatically disabled due to browser incompatibility. Otherwise, returns true.\n * @example\n * Conditionally choosing split expiration date inputs if formatting is unavailable \n * var canFormat = braintree.hostedFields.supportsInputFormatting();\n * var fields = {\n * number: {\n * container: '#card-number'\n * },\n * cvv: {\n * container: '#cvv'\n * }\n * };\n *\n * if (canFormat) {\n * fields.expirationDate = {\n * selection: '#expiration-date'\n * };\n * functionToCreateAndInsertExpirationDateDivToForm();\n * } else {\n * fields.expirationMonth = {\n * selection: '#expiration-month'\n * };\n * fields.expirationYear = {\n * selection: '#expiration-year'\n * };\n * functionToCreateAndInsertExpirationMonthAndYearDivsToForm();\n * }\n *\n * braintree.hostedFields.create({\n * client: clientInstance,\n * styles: {\n * // Styles\n * },\n * fields: fields\n * }, callback);\n */\n supportsInputFormatting: supportsInputFormatting,\n create: wrapPromise(create),\n /**\n * @description The current version of the SDK, i.e. `1.33.7`.\n * @type {string}\n */\n VERSION: VERSION,\n};\n\n},{\"../lib/basic-component-verification\":97,\"../lib/braintree-error\":99,\"../lib/promise\":131,\"./external/hosted-fields\":84,\"./shared/errors\":89,\"@braintree/wrap-promise\":51,\"restricted-input/supports-input-formatting\":194}],87:[function(require,module,exports){\n\"use strict\";\n\nvar isAndroid = require(\"@braintree/browser-detection/is-android\");\nvar isChromeOS = require(\"@braintree/browser-detection/is-chrome-os\");\nvar isIos = require(\"@braintree/browser-detection/is-ios\");\nvar isChrome = require(\"@braintree/browser-detection/is-chrome\");\n\nfunction hasSoftwareKeyboard() {\n return isAndroid() || isChromeOS() || isIos();\n}\n\nfunction isChromeIos() {\n return isChrome() && isIos();\n}\n\nmodule.exports = {\n isIE: require(\"@braintree/browser-detection/is-ie\"),\n isEdge: require(\"@braintree/browser-detection/is-edge\"),\n isIe9: require(\"@braintree/browser-detection/is-ie9\"),\n isIe10: require(\"@braintree/browser-detection/is-ie10\"),\n isAndroid: isAndroid,\n isChromeOS: isChromeOS,\n isChromeIos: isChromeIos,\n isFirefox: require(\"@braintree/browser-detection/is-firefox\"),\n isIos: isIos,\n isIosWebview: require(\"@braintree/browser-detection/is-ios-webview\"),\n hasSoftwareKeyboard: hasSoftwareKeyboard,\n};\n\n},{\"@braintree/browser-detection/is-android\":26,\"@braintree/browser-detection/is-chrome\":28,\"@braintree/browser-detection/is-chrome-os\":27,\"@braintree/browser-detection/is-edge\":29,\"@braintree/browser-detection/is-firefox\":30,\"@braintree/browser-detection/is-ie\":31,\"@braintree/browser-detection/is-ie10\":32,\"@braintree/browser-detection/is-ie9\":33,\"@braintree/browser-detection/is-ios\":37,\"@braintree/browser-detection/is-ios-webview\":35}],88:[function(require,module,exports){\n\"use strict\";\n\nvar enumerate = require(\"../../lib/enumerate\");\nvar errors = require(\"./errors\");\nvar VERSION = \"3.88.3\";\n\nvar constants = {\n VERSION: VERSION,\n maxExpirationYearAge: 19,\n externalEvents: {\n FOCUS: \"focus\",\n BLUR: \"blur\",\n EMPTY: \"empty\",\n NOT_EMPTY: \"notEmpty\",\n VALIDITY_CHANGE: \"validityChange\",\n CARD_TYPE_CHANGE: \"cardTypeChange\",\n },\n defaultMaxLengths: {\n number: 19,\n postalCode: 8,\n expirationDate: 7,\n expirationMonth: 2,\n expirationYear: 4,\n cvv: 3,\n },\n externalClasses: {\n FOCUSED: \"braintree-hosted-fields-focused\",\n INVALID: \"braintree-hosted-fields-invalid\",\n VALID: \"braintree-hosted-fields-valid\",\n },\n navigationDirections: {\n BACK: \"before\",\n FORWARD: \"after\",\n },\n defaultIFrameStyle: {\n border: \"none\",\n width: \"100%\",\n height: \"100%\",\n float: \"left\",\n },\n tokenizationErrorCodes: {\n 81724: errors.HOSTED_FIELDS_TOKENIZATION_FAIL_ON_DUPLICATE,\n // NEXT_MAJOR_VERSION this error triggers for both AVS and CVV errors\n // but the code name implies that it would only trigger for CVV verification\n // failures\n 81736: errors.HOSTED_FIELDS_TOKENIZATION_CVV_VERIFICATION_FAILED,\n },\n allowedStyles: [\n \"-moz-appearance\",\n \"-moz-box-shadow\",\n \"-moz-osx-font-smoothing\",\n \"-moz-tap-highlight-color\",\n \"-moz-transition\",\n \"-webkit-appearance\",\n \"-webkit-box-shadow\",\n \"-webkit-font-smoothing\",\n \"-webkit-tap-highlight-color\",\n \"-webkit-transition\",\n \"appearance\",\n \"box-shadow\",\n \"color\",\n \"direction\",\n \"font\",\n \"font-family\",\n \"font-size\",\n \"font-size-adjust\",\n \"font-stretch\",\n \"font-style\",\n \"font-variant\",\n \"font-variant-alternates\",\n \"font-variant-caps\",\n \"font-variant-east-asian\",\n \"font-variant-ligatures\",\n \"font-variant-numeric\",\n \"font-weight\",\n \"letter-spacing\",\n \"line-height\",\n \"margin\",\n \"margin-top\",\n \"margin-right\",\n \"margin-bottom\",\n \"margin-left\",\n \"opacity\",\n \"outline\",\n \"padding\",\n \"padding-top\",\n \"padding-right\",\n \"padding-bottom\",\n \"padding-left\",\n \"text-align\",\n \"text-shadow\",\n \"transition\",\n ],\n allowedFields: {\n cardholderName: {\n name: \"cardholder-name\",\n label: \"Cardholder Name\",\n },\n number: {\n name: \"credit-card-number\",\n label: \"Credit Card Number\",\n },\n cvv: {\n name: \"cvv\",\n label: \"CVV\",\n },\n expirationDate: {\n name: \"expiration\",\n label: \"Expiration Date\",\n },\n expirationMonth: {\n name: \"expiration-month\",\n label: \"Expiration Month\",\n },\n expirationYear: {\n name: \"expiration-year\",\n label: \"Expiration Year\",\n },\n postalCode: {\n name: \"postal-code\",\n label: \"Postal Code\",\n },\n },\n allowedAttributes: {\n \"aria-invalid\": \"boolean\",\n \"aria-required\": \"boolean\",\n disabled: \"boolean\",\n placeholder: \"string\",\n },\n autocompleteMappings: {\n \"cardholder-name\": \"cc-name\",\n \"credit-card-number\": \"cc-number\",\n expiration: \"cc-exp\",\n \"expiration-month\": \"cc-exp-month\",\n \"expiration-year\": \"cc-exp-year\",\n cvv: \"cc-csc\",\n \"postal-code\": \"billing postal-code\",\n },\n};\n\nconstants.events = enumerate(\n [\n \"ADD_CLASS\",\n \"AUTOFILL_DATA_AVAILABLE\",\n \"BIN_AVAILABLE\",\n \"CARD_FORM_ENTRY_HAS_BEGUN\",\n \"CLEAR_FIELD\",\n \"CONFIGURATION\",\n \"FRAME_READY\",\n \"INPUT_EVENT\",\n \"READY_FOR_CLIENT\",\n \"REMOVE_ATTRIBUTE\",\n \"REMOVE_CLASS\",\n \"REMOVE_FOCUS_INTERCEPTS\",\n \"SET_ATTRIBUTE\",\n \"SET_MESSAGE\",\n \"SET_MONTH_OPTIONS\",\n \"TOKENIZATION_REQUEST\",\n \"TRIGGER_FOCUS_CHANGE\",\n \"TRIGGER_INPUT_FOCUS\",\n \"VALIDATE_STRICT\",\n ],\n \"hosted-fields:\"\n);\n\nmodule.exports = constants;\n\n},{\"../../lib/enumerate\":108,\"./errors\":89}],89:[function(require,module,exports){\n\"use strict\";\n\n/**\n * @name BraintreeError.Hosted Fields - Creation Error Codes\n * @description Errors that occur when [creating the Hosted Fields component](./module-braintree-web_hosted-fields.html#.create).\n * @property {UNKNOWN} HOSTED_FIELDS_TIMEOUT Occurs when Hosted Fields does not finish setting up within 60 seconds.\n * @property {MERCHANT} HOSTED_FIELDS_INVALID_FIELD_KEY Occurs when Hosted Fields is instantiated with an invalid Field option.\n * @property {MERCHANT} HOSTED_FIELDS_INVALID_FIELD_SELECTOR Occurs when Hosted Fields given a field selector that is not valid.\n * @property {MERCHANT} HOSTED_FIELDS_FIELD_DUPLICATE_IFRAME Occurs when Hosted Fields given a field selector that already contains an iframe.\n * @property {MERCHANT} HOSTED_FIELDS_FIELD_PROPERTY_INVALID Occurs when a field configuration option is not valid.\n */\n\n/**\n * @name BraintreeError.Hosted Fields - Field Manipulation Error Codes\n * @description Errors that occur when modifying fields through [`addClass`](./HostedFields.html#addClass), [`removeClass`](./HostedFields.html#removeClass), [`setAttribute`](./HostedFields.html#setAttribute), [`removeAttribute`](./HostedFields.html#removeAttribute), [`clear`](./HostedFields.html#clear), [`focus`](./HostedFields.html#focus), and [`setMonthOptions`](./HostedFields.html#setMonthOptions).\n * @property {MERCHANT} HOSTED_FIELDS_FIELD_INVALID Occurs when attempting to modify a field that is not a valid Hosted Fields option.\n * @property {MERCHANT} HOSTED_FIELDS_FIELD_NOT_PRESENT Occurs when attempting to modify a field that is not configured with Hosted Fields.\n * @property {MERCHANT} HOSTED_FIELDS_FIELD_PROPERTY_INVALID Occurs when a field configuration option is not valid.\n */\n\n/**\n * @name BraintreeError.Hosted Fields - Set Attribute Error Codes\n * @description Errors that occur when using the [`setAttribute` method](./HostedFields.html#setAttribute)\n * @property {MERCHANT} HOSTED_FIELDS_ATTRIBUTE_NOT_SUPPORTED Occurs when trying to set an attribute that is not supported to be set.\n * @property {MERCHANT} HOSTED_FIELDS_ATTRIBUTE_VALUE_NOT_ALLOWED Occurs when the type of value for an attribute is not allowed to be set.\n */\n\n/**\n * @name BraintreeError.Hosted Fields - Tokenize Error Codes\n * @description Errors that occur when [tokenizing the card details with Hosted Fields](./HostedFields.html#tokenize).\n * @property {NETWORK} HOSTED_FIELDS_TOKENIZATION_NETWORK_ERROR Occurs when the Braintree gateway cannot be contacted.\n * @property {CUSTOMER} HOSTED_FIELDS_TOKENIZATION_FAIL_ON_DUPLICATE Occurs when attempting to vault a card, but the client token being used is configured to fail if the card already exists in the vault.\n * @property {CUSTOMER} HOSTED_FIELDS_TOKENIZATION_CVV_VERIFICATION_FAILED Occurs when cvv verification is turned on in the Braintree control panel.\n * @property {CUSTOMER} HOSTED_FIELDS_FAILED_TOKENIZATION Occurs when the credit card details were sent to Braintree, but failed to tokenize.\n * @property {CUSTOMER} HOSTED_FIELDS_FIELDS_EMPTY Occurs when all the Hosted Fields inputs are empty.\n * @property {CUSTOMER} HOSTED_FIELDS_FIELDS_INVALID Occurs when one ore more fields are invalid.\n */\n\nvar BraintreeError = require(\"../../lib/braintree-error\");\n\nmodule.exports = {\n HOSTED_FIELDS_TIMEOUT: {\n type: BraintreeError.types.UNKNOWN,\n code: \"HOSTED_FIELDS_TIMEOUT\",\n message: \"Hosted Fields timed out when attempting to set up.\",\n },\n HOSTED_FIELDS_INVALID_FIELD_KEY: {\n type: BraintreeError.types.MERCHANT,\n code: \"HOSTED_FIELDS_INVALID_FIELD_KEY\",\n },\n HOSTED_FIELDS_INVALID_FIELD_SELECTOR: {\n type: BraintreeError.types.MERCHANT,\n code: \"HOSTED_FIELDS_INVALID_FIELD_SELECTOR\",\n message: \"Selector does not reference a valid DOM node.\",\n },\n HOSTED_FIELDS_FIELD_DUPLICATE_IFRAME: {\n type: BraintreeError.types.MERCHANT,\n code: \"HOSTED_FIELDS_FIELD_DUPLICATE_IFRAME\",\n message: \"Element already contains a Braintree iframe.\",\n },\n HOSTED_FIELDS_FIELD_INVALID: {\n type: BraintreeError.types.MERCHANT,\n code: \"HOSTED_FIELDS_FIELD_INVALID\",\n },\n HOSTED_FIELDS_FIELD_NOT_PRESENT: {\n type: BraintreeError.types.MERCHANT,\n code: \"HOSTED_FIELDS_FIELD_NOT_PRESENT\",\n },\n HOSTED_FIELDS_TOKENIZATION_NETWORK_ERROR: {\n type: BraintreeError.types.NETWORK,\n code: \"HOSTED_FIELDS_TOKENIZATION_NETWORK_ERROR\",\n message: \"A tokenization network error occurred.\",\n },\n HOSTED_FIELDS_TOKENIZATION_FAIL_ON_DUPLICATE: {\n type: BraintreeError.types.CUSTOMER,\n code: \"HOSTED_FIELDS_TOKENIZATION_FAIL_ON_DUPLICATE\",\n message: \"This credit card already exists in the merchant's vault.\",\n },\n HOSTED_FIELDS_TOKENIZATION_CVV_VERIFICATION_FAILED: {\n type: BraintreeError.types.CUSTOMER,\n code: \"HOSTED_FIELDS_TOKENIZATION_CVV_VERIFICATION_FAILED\",\n message: \"CVV verification failed during tokenization.\",\n },\n HOSTED_FIELDS_FAILED_TOKENIZATION: {\n type: BraintreeError.types.CUSTOMER,\n code: \"HOSTED_FIELDS_FAILED_TOKENIZATION\",\n message: \"The supplied card data failed tokenization.\",\n },\n HOSTED_FIELDS_FIELDS_EMPTY: {\n type: BraintreeError.types.CUSTOMER,\n code: \"HOSTED_FIELDS_FIELDS_EMPTY\",\n message: \"All fields are empty. Cannot tokenize empty card fields.\",\n },\n HOSTED_FIELDS_FIELDS_INVALID: {\n type: BraintreeError.types.CUSTOMER,\n code: \"HOSTED_FIELDS_FIELDS_INVALID\",\n message:\n \"Some payment input fields are invalid. Cannot tokenize invalid card fields.\",\n },\n HOSTED_FIELDS_ATTRIBUTE_NOT_SUPPORTED: {\n type: BraintreeError.types.MERCHANT,\n code: \"HOSTED_FIELDS_ATTRIBUTE_NOT_SUPPORTED\",\n },\n HOSTED_FIELDS_ATTRIBUTE_VALUE_NOT_ALLOWED: {\n type: BraintreeError.types.MERCHANT,\n code: \"HOSTED_FIELDS_ATTRIBUTE_VALUE_NOT_ALLOWED\",\n },\n HOSTED_FIELDS_FIELD_PROPERTY_INVALID: {\n type: BraintreeError.types.MERCHANT,\n code: \"HOSTED_FIELDS_FIELD_PROPERTY_INVALID\",\n },\n};\n\n},{\"../../lib/braintree-error\":99}],90:[function(require,module,exports){\n\"use strict\";\n\nfunction findParentTags(element, tag) {\n var parent = element.parentNode;\n var parents = [];\n\n while (parent != null) {\n if (parent.tagName != null && parent.tagName.toLowerCase() === tag) {\n parents.push(parent);\n }\n\n parent = parent.parentNode;\n }\n\n return parents;\n}\n\nmodule.exports = findParentTags;\n\n},{}],91:[function(require,module,exports){\n\"use strict\";\n\nvar browserDetection = require(\"./browser-detection\");\nvar classList = require(\"@braintree/class-list\");\nvar constants = require(\"./constants\");\nvar allowedFields = Object.keys(constants.allowedFields);\nvar directions = constants.navigationDirections;\n\nvar focusIntercept = {\n generate: function (hostedFieldsId, type, direction, handler) {\n var input = document.createElement(\"input\");\n var focusInterceptStyles = {\n border: \"none !important\",\n display: \"block !important\",\n height: \"1px !important\",\n left: \"-1px !important\",\n opacity: \"0 !important\",\n position: \"absolute !important\",\n top: \"-1px !important\",\n width: \"1px !important\",\n };\n var shouldCreateFocusIntercept =\n browserDetection.hasSoftwareKeyboard() ||\n browserDetection.isFirefox() ||\n browserDetection.isIE();\n\n if (!shouldCreateFocusIntercept) {\n return document.createDocumentFragment();\n }\n\n input.setAttribute(\"aria-hidden\", \"true\");\n input.setAttribute(\"autocomplete\", \"off\");\n input.setAttribute(\"data-braintree-direction\", direction);\n input.setAttribute(\"data-braintree-type\", type);\n input.setAttribute(\n \"id\",\n \"bt-\" + type + \"-\" + direction + \"-\" + hostedFieldsId\n );\n input.setAttribute(\n \"style\",\n JSON.stringify(focusInterceptStyles)\n .replace(/[{}\"]/g, \"\")\n .replace(/,/g, \";\")\n );\n\n classList.add(input, \"focus-intercept\");\n\n input.addEventListener(\"focus\", function (event) {\n handler(event);\n\n /*\n Certain browsers without software keyboards (Firefox, Internet\n Explorer) need the focus intercept inputs that get inserted\n around the actual input to blur themselves, otherwise the\n browser gets confused about what should have focus. Can't\n apply this to browsers with software keyboards however,\n because it blurs everything, and focus on the actual input is\n also lost.\n */\n if (!browserDetection.hasSoftwareKeyboard()) {\n input.blur();\n }\n });\n\n return input;\n },\n destroy: function (idString) {\n var focusInputs;\n\n if (!idString) {\n focusInputs = document.querySelectorAll(\"[data-braintree-direction]\");\n focusInputs = [].slice.call(focusInputs);\n } else {\n focusInputs = [document.getElementById(idString)];\n }\n\n focusInputs.forEach(function (node) {\n if (\n node &&\n node.nodeType === 1 &&\n focusIntercept.matchFocusElement(node.getAttribute(\"id\"))\n ) {\n node.parentNode.removeChild(node);\n }\n });\n },\n matchFocusElement: function (idString) {\n var idComponents, hasBTPrefix, isAllowedType, isValidDirection;\n\n if (!idString) {\n return false;\n }\n\n idComponents = idString.split(\"-\");\n\n if (idComponents.length < 4) {\n return false;\n }\n\n hasBTPrefix = idComponents[0] === \"bt\";\n isAllowedType = allowedFields.indexOf(idComponents[1]) > -1;\n isValidDirection =\n idComponents[2] === directions.BACK ||\n idComponents[2] === directions.FORWARD;\n\n return Boolean(hasBTPrefix && isAllowedType && isValidDirection);\n },\n};\n\nmodule.exports = focusIntercept;\n\n},{\"./browser-detection\":87,\"./constants\":88,\"@braintree/class-list\":40}],92:[function(require,module,exports){\n\"use strict\";\n\nvar creditCardType = require(\"credit-card-type\");\n\nmodule.exports = function (number) {\n var results = creditCardType(number);\n\n results.forEach(function (card) {\n // NEXT_MAJOR_VERSION credit-card-type fixed the mastercard enum\n // but we still pass master-card in the braintree API\n // in a major version bump, we can remove this and\n // this will be mastercard instead of master-card\n if (card.type === \"mastercard\") {\n card.type = \"master-card\";\n }\n });\n\n return results;\n};\n\n},{\"credit-card-type\":168}],93:[function(require,module,exports){\n\"use strict\";\n\nvar createAuthorizationData = require(\"./create-authorization-data\");\nvar jsonClone = require(\"./json-clone\");\nvar constants = require(\"./constants\");\n\nfunction addMetadata(configuration, data) {\n var key;\n var attrs = data ? jsonClone(data) : {};\n var authAttrs = createAuthorizationData(configuration.authorization).attrs;\n var _meta = jsonClone(configuration.analyticsMetadata);\n\n attrs.braintreeLibraryVersion = constants.BRAINTREE_LIBRARY_VERSION;\n\n for (key in attrs._meta) {\n if (attrs._meta.hasOwnProperty(key)) {\n _meta[key] = attrs._meta[key];\n }\n }\n\n attrs._meta = _meta;\n\n if (authAttrs.tokenizationKey) {\n attrs.tokenizationKey = authAttrs.tokenizationKey;\n } else {\n attrs.authorizationFingerprint = authAttrs.authorizationFingerprint;\n }\n\n return attrs;\n}\n\nmodule.exports = addMetadata;\n\n},{\"./constants\":100,\"./create-authorization-data\":104,\"./json-clone\":128}],94:[function(require,module,exports){\n\"use strict\";\n\nvar Promise = require(\"./promise\");\nvar constants = require(\"./constants\");\nvar addMetadata = require(\"./add-metadata\");\n\nfunction sendAnalyticsEvent(clientInstanceOrPromise, kind, callback) {\n var timestamp = Date.now(); // milliseconds\n\n return Promise.resolve(clientInstanceOrPromise)\n .then(function (client) {\n var timestampInPromise = Date.now();\n var configuration = client.getConfiguration();\n var request = client._request;\n var url = configuration.gatewayConfiguration.analytics.url;\n var data = {\n analytics: [\n {\n kind: constants.ANALYTICS_PREFIX + kind,\n isAsync:\n Math.floor(timestampInPromise / 1000) !==\n Math.floor(timestamp / 1000),\n timestamp: timestamp,\n },\n ],\n };\n\n request(\n {\n url: url,\n method: \"post\",\n data: addMetadata(configuration, data),\n timeout: constants.ANALYTICS_REQUEST_TIMEOUT_MS,\n },\n callback\n );\n })\n .catch(function (err) {\n // for all non-test cases, we don't provide a callback,\n // so this error will always be swallowed. In this case,\n // that's fine, it should only error when the deferred\n // client fails to set up, in which case we don't want\n // that error to report over and over again via these\n // deferred analytics events\n if (callback) {\n callback(err);\n }\n });\n}\n\nmodule.exports = {\n sendEvent: sendAnalyticsEvent,\n};\n\n},{\"./add-metadata\":93,\"./constants\":100,\"./promise\":131}],95:[function(require,module,exports){\n\"use strict\";\n\nvar loadScript = require(\"@braintree/asset-loader/load-script\");\n\nmodule.exports = {\n loadScript: loadScript,\n};\n\n},{\"@braintree/asset-loader/load-script\":5}],96:[function(require,module,exports){\n\"use strict\";\n\nvar assignNormalized =\n typeof Object.assign === \"function\" ? Object.assign : assignPolyfill;\n\nfunction assignPolyfill(destination) {\n var i, source, key;\n\n for (i = 1; i < arguments.length; i++) {\n source = arguments[i];\n for (key in source) {\n if (source.hasOwnProperty(key)) {\n destination[key] = source[key];\n }\n }\n }\n\n return destination;\n}\n\nmodule.exports = {\n assign: assignNormalized,\n _assign: assignPolyfill,\n};\n\n},{}],97:[function(require,module,exports){\n\"use strict\";\n\nvar BraintreeError = require(\"./braintree-error\");\nvar Promise = require(\"./promise\");\nvar sharedErrors = require(\"./errors\");\nvar VERSION = \"3.88.3\";\n\nfunction basicComponentVerification(options) {\n var client, authorization, name;\n\n if (!options) {\n return Promise.reject(\n new BraintreeError({\n type: sharedErrors.INVALID_USE_OF_INTERNAL_FUNCTION.type,\n code: sharedErrors.INVALID_USE_OF_INTERNAL_FUNCTION.code,\n message:\n \"Options must be passed to basicComponentVerification function.\",\n })\n );\n }\n\n name = options.name;\n client = options.client;\n authorization = options.authorization;\n\n if (!client && !authorization) {\n return Promise.reject(\n new BraintreeError({\n type: sharedErrors.INSTANTIATION_OPTION_REQUIRED.type,\n code: sharedErrors.INSTANTIATION_OPTION_REQUIRED.code,\n // NEXT_MAJOR_VERSION in major version, we expose passing in authorization for all components\n // instead of passing in a client instance. Leave this a silent feature for now.\n message: \"options.client is required when instantiating \" + name + \".\",\n })\n );\n }\n\n if (!authorization && client.getVersion() !== VERSION) {\n return Promise.reject(\n new BraintreeError({\n type: sharedErrors.INCOMPATIBLE_VERSIONS.type,\n code: sharedErrors.INCOMPATIBLE_VERSIONS.code,\n message:\n \"Client (version \" +\n client.getVersion() +\n \") and \" +\n name +\n \" (version \" +\n VERSION +\n \") components must be from the same SDK version.\",\n })\n );\n }\n\n return Promise.resolve();\n}\n\nmodule.exports = {\n verify: basicComponentVerification,\n};\n\n},{\"./braintree-error\":99,\"./errors\":109,\"./promise\":131}],98:[function(require,module,exports){\n\"use strict\";\n\nvar once = require(\"./once\");\n\nfunction call(fn, callback) {\n var isSync = fn.length === 0;\n\n if (isSync) {\n fn();\n callback(null);\n } else {\n fn(callback);\n }\n}\n\nmodule.exports = function (functions, cb) {\n var i;\n var length = functions.length;\n var remaining = length;\n var callback = once(cb);\n\n if (length === 0) {\n callback(null);\n\n return;\n }\n\n function finish(err) {\n if (err) {\n callback(err);\n\n return;\n }\n\n remaining -= 1;\n if (remaining === 0) {\n callback(null);\n }\n }\n\n for (i = 0; i < length; i++) {\n call(functions[i], finish);\n }\n};\n\n},{\"./once\":130}],99:[function(require,module,exports){\n\"use strict\";\n\nvar enumerate = require(\"./enumerate\");\n\n/**\n * @class\n * @global\n * @param {object} options Construction options\n * @classdesc This class is used to report error conditions, frequently as the first parameter to callbacks throughout the Braintree SDK.\n * @description You cannot use this constructor directly. Interact with instances of this class through {@link callback callbacks}. \n */\nfunction BraintreeError(options) {\n if (!BraintreeError.types.hasOwnProperty(options.type)) {\n throw new Error(options.type + \" is not a valid type.\");\n }\n\n if (!options.code) {\n throw new Error(\"Error code required.\");\n }\n\n if (!options.message) {\n throw new Error(\"Error message required.\");\n }\n\n this.name = \"BraintreeError\";\n\n /**\n * @type {string}\n * @description A code that corresponds to specific errors.\n */\n this.code = options.code;\n\n /**\n * @type {string}\n * @description A short description of the error.\n */\n this.message = options.message;\n\n /**\n * @type {BraintreeError.types}\n * @description The type of error.\n */\n this.type = options.type;\n\n /**\n * @type {object=}\n * @description Additional information about the error, such as an underlying network error response.\n */\n this.details = options.details;\n}\n\nBraintreeError.prototype = Object.create(Error.prototype);\nBraintreeError.prototype.constructor = BraintreeError;\n\n/**\n * Enum for {@link BraintreeError} types.\n * @name BraintreeError.types\n * @enum\n * @readonly\n * @memberof BraintreeError\n * @property {string} CUSTOMER An error caused by the customer.\n * @property {string} MERCHANT An error that is actionable by the merchant.\n * @property {string} NETWORK An error due to a network problem.\n * @property {string} INTERNAL An error caused by Braintree code.\n * @property {string} UNKNOWN An error where the origin is unknown.\n */\nBraintreeError.types = enumerate([\n \"CUSTOMER\",\n \"MERCHANT\",\n \"NETWORK\",\n \"INTERNAL\",\n \"UNKNOWN\",\n]);\n\nBraintreeError.findRootError = function (err) {\n if (\n err instanceof BraintreeError &&\n err.details &&\n err.details.originalError\n ) {\n return BraintreeError.findRootError(err.details.originalError);\n }\n\n return err;\n};\n\nmodule.exports = BraintreeError;\n\n},{\"./enumerate\":108}],100:[function(require,module,exports){\n\"use strict\";\n\nvar VERSION = \"3.88.3\";\nvar PLATFORM = \"web\";\n\nvar CLIENT_API_URLS = {\n production: \"https://api.braintreegateway.com:443\",\n sandbox: \"https://api.sandbox.braintreegateway.com:443\",\n};\n\nvar ASSETS_URLS = {\n production: \"https://assets.braintreegateway.com\",\n sandbox: \"https://assets.braintreegateway.com\",\n};\n\nvar GRAPHQL_URLS = {\n production: \"https://payments.braintree-api.com/graphql\",\n sandbox: \"https://payments.sandbox.braintree-api.com/graphql\",\n};\n\nmodule.exports = {\n ANALYTICS_PREFIX: PLATFORM + \".\",\n ANALYTICS_REQUEST_TIMEOUT_MS: 2000,\n ASSETS_URLS: ASSETS_URLS,\n CLIENT_API_URLS: CLIENT_API_URLS,\n FRAUDNET_SOURCE: \"BRAINTREE_SIGNIN\",\n FRAUDNET_FNCLS: \"fnparams-dede7cc5-15fd-4c75-a9f4-36c430ee3a99\",\n FRAUDNET_URL: \"https://c.paypal.com/da/r/fb.js\",\n BUS_CONFIGURATION_REQUEST_EVENT: \"BUS_CONFIGURATION_REQUEST\",\n GRAPHQL_URLS: GRAPHQL_URLS,\n INTEGRATION_TIMEOUT_MS: 60000,\n VERSION: VERSION,\n INTEGRATION: \"custom\",\n SOURCE: \"client\",\n PLATFORM: PLATFORM,\n BRAINTREE_LIBRARY_VERSION: \"braintree/\" + PLATFORM + \"/\" + VERSION,\n};\n\n},{}],101:[function(require,module,exports){\n\"use strict\";\n\nvar BraintreeError = require(\"./braintree-error\");\nvar sharedErrors = require(\"./errors\");\n\nmodule.exports = function (instance, methodNames) {\n methodNames.forEach(function (methodName) {\n instance[methodName] = function () {\n throw new BraintreeError({\n type: sharedErrors.METHOD_CALLED_AFTER_TEARDOWN.type,\n code: sharedErrors.METHOD_CALLED_AFTER_TEARDOWN.code,\n message: methodName + \" cannot be called after teardown.\",\n });\n };\n });\n};\n\n},{\"./braintree-error\":99,\"./errors\":109}],102:[function(require,module,exports){\n\"use strict\";\n\nvar BraintreeError = require(\"./braintree-error\");\n\nfunction convertToBraintreeError(originalErr, btErrorObject) {\n if (originalErr instanceof BraintreeError) {\n return originalErr;\n }\n\n return new BraintreeError({\n type: btErrorObject.type,\n code: btErrorObject.code,\n message: btErrorObject.message,\n details: {\n originalError: originalErr,\n },\n });\n}\n\nmodule.exports = convertToBraintreeError;\n\n},{\"./braintree-error\":99}],103:[function(require,module,exports){\n\"use strict\";\n\nvar ASSETS_URLS = require(\"./constants\").ASSETS_URLS;\n\nfunction createAssetsUrl(authorization) {\n return ASSETS_URLS.production;\n}\n/* eslint-enable */\n\nmodule.exports = {\n create: createAssetsUrl,\n};\n\n},{\"./constants\":100}],104:[function(require,module,exports){\n\"use strict\";\n\nvar atob = require(\"../lib/vendor/polyfill\").atob;\nvar CLIENT_API_URLS = require(\"../lib/constants\").CLIENT_API_URLS;\n\nfunction _isTokenizationKey(str) {\n return /^[a-zA-Z0-9]+_[a-zA-Z0-9]+_[a-zA-Z0-9_]+$/.test(str);\n}\n\nfunction _parseTokenizationKey(tokenizationKey) {\n var tokens = tokenizationKey.split(\"_\");\n var environment = tokens[0];\n var merchantId = tokens.slice(2).join(\"_\");\n\n return {\n merchantId: merchantId,\n environment: environment,\n };\n}\n\nfunction createAuthorizationData(authorization) {\n var parsedClientToken, parsedTokenizationKey;\n var data = {\n attrs: {},\n configUrl: \"\",\n };\n\n if (_isTokenizationKey(authorization)) {\n parsedTokenizationKey = _parseTokenizationKey(authorization);\n data.environment = parsedTokenizationKey.environment;\n data.attrs.tokenizationKey = authorization;\n data.configUrl =\n CLIENT_API_URLS[parsedTokenizationKey.environment] +\n \"/merchants/\" +\n parsedTokenizationKey.merchantId +\n \"/client_api/v1/configuration\";\n } else {\n parsedClientToken = JSON.parse(atob(authorization));\n data.environment = parsedClientToken.environment;\n data.attrs.authorizationFingerprint =\n parsedClientToken.authorizationFingerprint;\n data.configUrl = parsedClientToken.configUrl;\n data.graphQL = parsedClientToken.graphQL;\n }\n\n return data;\n}\n\nmodule.exports = createAuthorizationData;\n\n},{\"../lib/constants\":100,\"../lib/vendor/polyfill\":136}],105:[function(require,module,exports){\n\"use strict\";\n\nvar BraintreeError = require(\"./braintree-error\");\nvar Promise = require(\"./promise\");\nvar assets = require(\"./assets\");\nvar sharedErrors = require(\"./errors\");\n\nvar VERSION = \"3.88.3\";\n\nfunction createDeferredClient(options) {\n var promise = Promise.resolve();\n\n if (options.client) {\n return Promise.resolve(options.client);\n }\n\n if (!(window.braintree && window.braintree.client)) {\n promise = assets\n .loadScript({\n src: options.assetsUrl + \"/web/\" + VERSION + \"/js/client.min.js\",\n })\n .catch(function (err) {\n return Promise.reject(\n new BraintreeError({\n type: sharedErrors.CLIENT_SCRIPT_FAILED_TO_LOAD.type,\n code: sharedErrors.CLIENT_SCRIPT_FAILED_TO_LOAD.code,\n message: sharedErrors.CLIENT_SCRIPT_FAILED_TO_LOAD.message,\n details: {\n originalError: err,\n },\n })\n );\n });\n }\n\n return promise.then(function () {\n if (window.braintree.client.VERSION !== VERSION) {\n return Promise.reject(\n new BraintreeError({\n type: sharedErrors.INCOMPATIBLE_VERSIONS.type,\n code: sharedErrors.INCOMPATIBLE_VERSIONS.code,\n message:\n \"Client (version \" +\n window.braintree.client.VERSION +\n \") and \" +\n options.name +\n \" (version \" +\n VERSION +\n \") components must be from the same SDK version.\",\n })\n );\n }\n\n return window.braintree.client.create({\n authorization: options.authorization,\n debug: options.debug,\n });\n });\n}\n\nmodule.exports = {\n create: createDeferredClient,\n};\n\n},{\"./assets\":95,\"./braintree-error\":99,\"./errors\":109,\"./promise\":131}],106:[function(require,module,exports){\n\"use strict\";\n\nmodule.exports = function (fn) {\n return function () {\n // IE9 doesn't support passing arguments to setTimeout so we have to emulate it.\n var args = arguments;\n\n setTimeout(function () {\n fn.apply(null, args);\n }, 1);\n };\n};\n\n},{}],107:[function(require,module,exports){\n\"use strict\";\n\nvar batchExecuteFunctions = require(\"./batch-execute-functions\");\n\nfunction Destructor() {\n this._teardownRegistry = [];\n\n this._isTearingDown = false;\n}\n\nDestructor.prototype.registerFunctionForTeardown = function (fn) {\n if (typeof fn === \"function\") {\n this._teardownRegistry.push(fn);\n }\n};\n\nDestructor.prototype.teardown = function (callback) {\n if (this._isTearingDown) {\n callback(new Error(\"Destructor is already tearing down\"));\n\n return;\n }\n\n this._isTearingDown = true;\n\n batchExecuteFunctions(\n this._teardownRegistry,\n function (err) {\n this._teardownRegistry = [];\n this._isTearingDown = false;\n\n if (typeof callback === \"function\") {\n callback(err);\n }\n }.bind(this)\n );\n};\n\nmodule.exports = Destructor;\n\n},{\"./batch-execute-functions\":98}],108:[function(require,module,exports){\n\"use strict\";\n\nfunction enumerate(values, prefix) {\n prefix = prefix == null ? \"\" : prefix;\n\n return values.reduce(function (enumeration, value) {\n enumeration[value] = prefix + value;\n\n return enumeration;\n }, {});\n}\n\nmodule.exports = enumerate;\n\n},{}],109:[function(require,module,exports){\n\"use strict\";\n\n/**\n * @name BraintreeError.Shared Internal Error Codes\n * @ignore\n * @description These codes should never be experienced by the merchant directly.\n * @property {INTERNAL} INVALID_USE_OF_INTERNAL_FUNCTION Occurs when the client is created without a gateway configuration. Should never happen.\n */\n\n/**\n * @name BraintreeError.Shared Errors - Component Creation Error Codes\n * @description Errors that occur when creating components.\n * @property {MERCHANT} INSTANTIATION_OPTION_REQUIRED Occurs when a component is created that is missing a required option.\n * @property {MERCHANT} INCOMPATIBLE_VERSIONS Occurs when a component is created with a client with a different version than the component.\n * @property {NETWORK} CLIENT_SCRIPT_FAILED_TO_LOAD Occurs when a component attempts to load the Braintree client script, but the request fails.\n */\n\n/**\n * @name BraintreeError.Shared Errors - Component Instance Error Codes\n * @description Errors that occur when using instances of components.\n * @property {MERCHANT} METHOD_CALLED_AFTER_TEARDOWN Occurs when a method is called on a component instance after it has been torn down.\n */\n\nvar BraintreeError = require(\"./braintree-error\");\n\nmodule.exports = {\n INVALID_USE_OF_INTERNAL_FUNCTION: {\n type: BraintreeError.types.INTERNAL,\n code: \"INVALID_USE_OF_INTERNAL_FUNCTION\",\n },\n INSTANTIATION_OPTION_REQUIRED: {\n type: BraintreeError.types.MERCHANT,\n code: \"INSTANTIATION_OPTION_REQUIRED\",\n },\n INCOMPATIBLE_VERSIONS: {\n type: BraintreeError.types.MERCHANT,\n code: \"INCOMPATIBLE_VERSIONS\",\n },\n CLIENT_SCRIPT_FAILED_TO_LOAD: {\n type: BraintreeError.types.NETWORK,\n code: \"CLIENT_SCRIPT_FAILED_TO_LOAD\",\n message: \"Braintree client script could not be loaded.\",\n },\n METHOD_CALLED_AFTER_TEARDOWN: {\n type: BraintreeError.types.MERCHANT,\n code: \"METHOD_CALLED_AFTER_TEARDOWN\",\n },\n};\n\n},{\"./braintree-error\":99}],110:[function(require,module,exports){\n\"use strict\";\n\nmodule.exports = function findRootNode(element) {\n while (element.parentNode) {\n element = element.parentNode;\n }\n\n return element;\n};\n\n},{}],111:[function(require,module,exports){\n\"use strict\";\n\nmodule.exports = function (array, key, value) {\n var i;\n\n for (i = 0; i < array.length; i++) {\n if (array[i].hasOwnProperty(key) && array[i][key] === value) {\n return array[i];\n }\n }\n\n return null;\n};\n\n},{}],112:[function(require,module,exports){\n\"use strict\";\n\nvar Popup = require(\"./strategies/popup\");\nvar PopupBridge = require(\"./strategies/popup-bridge\");\nvar Modal = require(\"./strategies/modal\");\nvar Bus = require(\"framebus\");\nvar events = require(\"../shared/events\");\nvar errors = require(\"../shared/errors\");\nvar constants = require(\"../shared/constants\");\nvar uuid = require(\"@braintree/uuid\");\nvar iFramer = require(\"@braintree/iframer\");\nvar BraintreeError = require(\"../../braintree-error\");\nvar browserDetection = require(\"../shared/browser-detection\");\nvar isHTTPS = require(\"../../is-https\");\nvar assign = require(\"./../../assign\").assign;\nvar BUS_CONFIGURATION_REQUEST_EVENT =\n require(\"../../constants\").BUS_CONFIGURATION_REQUEST_EVENT;\n\nvar REQUIRED_CONFIG_KEYS = [\"name\", \"dispatchFrameUrl\", \"openFrameUrl\"];\n\nfunction noop() {}\n\nfunction _validateFrameConfiguration(options) {\n if (!options) {\n throw new Error(\"Valid configuration is required\");\n }\n\n REQUIRED_CONFIG_KEYS.forEach(function (key) {\n if (!options.hasOwnProperty(key)) {\n throw new Error(\"A valid frame \" + key + \" must be provided\");\n }\n });\n\n if (!/^[\\w_]+$/.test(options.name)) {\n throw new Error(\"A valid frame name must be provided\");\n }\n}\n\nfunction FrameService(options) {\n _validateFrameConfiguration(options);\n\n this._serviceId = uuid().replace(/-/g, \"\");\n\n this._options = {\n name: options.name + \"_\" + this._serviceId,\n dispatchFrameUrl: options.dispatchFrameUrl,\n openFrameUrl: options.openFrameUrl,\n height: options.height,\n width: options.width,\n top: options.top,\n left: options.left,\n };\n this.state = options.state || {};\n\n this._bus = new Bus({ channel: this._serviceId });\n this._setBusEvents();\n}\n\nFrameService.prototype.initialize = function (callback) {\n var dispatchFrameReadyHandler = function () {\n callback();\n this._bus.off(events.DISPATCH_FRAME_READY, dispatchFrameReadyHandler);\n }.bind(this);\n\n this._bus.on(events.DISPATCH_FRAME_READY, dispatchFrameReadyHandler);\n this._writeDispatchFrame();\n};\n\nFrameService.prototype._writeDispatchFrame = function () {\n var frameName = constants.DISPATCH_FRAME_NAME + \"_\" + this._serviceId;\n var frameSrc = this._options.dispatchFrameUrl;\n\n this._dispatchFrame = iFramer({\n \"aria-hidden\": true,\n name: frameName,\n title: frameName,\n src: frameSrc,\n class: constants.DISPATCH_FRAME_CLASS,\n height: 0,\n width: 0,\n style: {\n position: \"absolute\",\n left: \"-9999px\",\n },\n });\n\n document.body.appendChild(this._dispatchFrame);\n};\n\nFrameService.prototype._setBusEvents = function () {\n this._bus.on(\n events.DISPATCH_FRAME_REPORT,\n function (res, reply) {\n if (this._onCompleteCallback) {\n this._onCompleteCallback.call(null, res.err, res.payload);\n }\n this._frame.close();\n\n this._onCompleteCallback = null;\n\n if (reply) {\n reply();\n }\n }.bind(this)\n );\n\n this._bus.on(\n BUS_CONFIGURATION_REQUEST_EVENT,\n function (reply) {\n reply(this.state);\n }.bind(this)\n );\n};\n\nFrameService.prototype.open = function (options, callback) {\n var error;\n\n options = options || {};\n this._frame = this._getFrameForEnvironment(options);\n\n this._frame.initialize(callback);\n\n if (this._frame instanceof PopupBridge) {\n return;\n }\n\n assign(this.state, options.state);\n\n this._onCompleteCallback = callback;\n this._frame.open();\n\n if (this.isFrameClosed()) {\n this._cleanupFrame();\n if (callback) {\n if (browserDetection.isIE() && !isHTTPS.isHTTPS()) {\n error = new BraintreeError(\n errors.FRAME_SERVICE_FRAME_OPEN_FAILED_IE_BUG\n );\n } else {\n error = new BraintreeError(errors.FRAME_SERVICE_FRAME_OPEN_FAILED);\n }\n callback(error);\n }\n\n return;\n }\n this._pollForPopupClose();\n};\n\nFrameService.prototype.redirect = function (url) {\n if (this._frame && !this.isFrameClosed()) {\n this._frame.redirect(url);\n }\n};\n\nFrameService.prototype.close = function () {\n if (!this.isFrameClosed()) {\n this._frame.close();\n }\n};\n\nFrameService.prototype.focus = function () {\n if (!this.isFrameClosed()) {\n this._frame.focus();\n }\n};\n\nFrameService.prototype.createHandler = function (options) {\n options = options || {};\n\n return {\n close: function () {\n if (options.beforeClose) {\n options.beforeClose();\n }\n\n this.close();\n }.bind(this),\n focus: function () {\n if (options.beforeFocus) {\n options.beforeFocus();\n }\n\n this.focus();\n }.bind(this),\n };\n};\n\nFrameService.prototype.createNoopHandler = function () {\n return {\n close: noop,\n focus: noop,\n };\n};\n\nFrameService.prototype.teardown = function () {\n this.close();\n this._dispatchFrame.parentNode.removeChild(this._dispatchFrame);\n this._dispatchFrame = null;\n this._cleanupFrame();\n};\n\nFrameService.prototype.isFrameClosed = function () {\n return this._frame == null || this._frame.isClosed();\n};\n\nFrameService.prototype._cleanupFrame = function () {\n this._frame = null;\n clearInterval(this._popupInterval);\n this._popupInterval = null;\n};\n\nFrameService.prototype._pollForPopupClose = function () {\n this._popupInterval = setInterval(\n function () {\n if (this.isFrameClosed()) {\n this._cleanupFrame();\n if (this._onCompleteCallback) {\n this._onCompleteCallback(\n new BraintreeError(errors.FRAME_SERVICE_FRAME_CLOSED)\n );\n }\n }\n }.bind(this),\n constants.POPUP_POLL_INTERVAL\n );\n\n return this._popupInterval;\n};\n\nFrameService.prototype._getFrameForEnvironment = function (options) {\n var usePopup = browserDetection.supportsPopups();\n var popupBridgeExists = Boolean(window.popupBridge);\n\n var initOptions = assign({}, this._options, options);\n\n if (popupBridgeExists) {\n return new PopupBridge(initOptions);\n } else if (usePopup) {\n return new Popup(initOptions);\n }\n\n return new Modal(initOptions);\n};\n\nmodule.exports = FrameService;\n\n},{\"../../braintree-error\":99,\"../../constants\":100,\"../../is-https\":126,\"../shared/browser-detection\":119,\"../shared/constants\":120,\"../shared/errors\":121,\"../shared/events\":122,\"./../../assign\":96,\"./strategies/modal\":114,\"./strategies/popup\":117,\"./strategies/popup-bridge\":115,\"@braintree/iframer\":43,\"@braintree/uuid\":47,\"framebus\":176}],113:[function(require,module,exports){\n\"use strict\";\n\nvar FrameService = require(\"./frame-service\");\n\nmodule.exports = {\n create: function createFrameService(options, callback) {\n var frameService = new FrameService(options);\n\n frameService.initialize(function () {\n callback(frameService);\n });\n },\n};\n\n},{\"./frame-service\":112}],114:[function(require,module,exports){\n\"use strict\";\n\nvar iFramer = require(\"@braintree/iframer\");\nvar assign = require(\"../../../assign\").assign;\nvar browserDetection = require(\"../../shared/browser-detection\");\n\nvar ELEMENT_STYLES = {\n position: \"fixed\",\n top: 0,\n left: 0,\n bottom: 0,\n padding: 0,\n margin: 0,\n border: 0,\n outline: \"none\",\n zIndex: 20001,\n background: \"#FFFFFF\",\n};\n\nfunction noop() {}\n\nfunction Modal(options) {\n this._closed = null;\n this._frame = null;\n this._options = options || {};\n this._container = this._options.container || document.body;\n}\n\nModal.prototype.initialize = noop;\n\nModal.prototype.open = function () {\n var iframerConfig = {\n src: this._options.openFrameUrl,\n name: this._options.name,\n scrolling: \"yes\",\n height: \"100%\",\n width: \"100%\",\n style: assign({}, ELEMENT_STYLES),\n title: \"Lightbox Frame\",\n };\n\n if (browserDetection.isIos()) {\n // WKWebView has buggy behavior when scrolling a fixed position modal. The workaround is to lock scrolling in\n // the background. When modal is closed, we restore scrolling and return to the previous scroll position.\n if (browserDetection.isIosWKWebview()) {\n this._lockScrolling();\n // Allows WKWebView to scroll all the way down to bottom\n iframerConfig.style = {};\n }\n\n this._el = document.createElement(\"div\");\n\n assign(this._el.style, ELEMENT_STYLES, {\n height: \"100%\",\n width: \"100%\",\n overflow: \"auto\",\n \"-webkit-overflow-scrolling\": \"touch\",\n });\n\n this._frame = iFramer(iframerConfig);\n this._el.appendChild(this._frame);\n } else {\n this._el = this._frame = iFramer(iframerConfig);\n }\n this._closed = false;\n\n this._container.appendChild(this._el);\n};\n\nModal.prototype.focus = noop;\n\nModal.prototype.close = function () {\n this._container.removeChild(this._el);\n this._frame = null;\n this._closed = true;\n if (browserDetection.isIosWKWebview()) {\n this._unlockScrolling();\n }\n};\n\nModal.prototype.isClosed = function () {\n return Boolean(this._closed);\n};\n\nModal.prototype.redirect = function (redirectUrl) {\n this._frame.src = redirectUrl;\n};\n\nModal.prototype._unlockScrolling = function () {\n document.body.style.overflow = this._savedBodyProperties.overflowStyle;\n document.body.style.position = this._savedBodyProperties.positionStyle;\n window.scrollTo(\n this._savedBodyProperties.left,\n this._savedBodyProperties.top\n );\n delete this._savedBodyProperties;\n};\n\nModal.prototype._lockScrolling = function () {\n var doc = document.documentElement;\n\n // From https://stackoverflow.com/questions/9538868/prevent-body-from-scrolling-when-a-modal-is-opened#comment65626743_24727206\n this._savedBodyProperties = {\n left: (window.pageXOffset || doc.scrollLeft) - (doc.clientLeft || 0),\n top: (window.pageYOffset || doc.scrollTop) - (doc.clientTop || 0),\n overflowStyle: document.body.style.overflow,\n positionStyle: document.body.style.position,\n };\n document.body.style.overflow = \"hidden\";\n document.body.style.position = \"fixed\";\n window.scrollTo(0, 0);\n};\n\nmodule.exports = Modal;\n\n},{\"../../../assign\":96,\"../../shared/browser-detection\":119,\"@braintree/iframer\":43}],115:[function(require,module,exports){\n\"use strict\";\n\nvar BraintreeError = require(\"../../../braintree-error\");\nvar errors = require(\"../../shared/errors\");\n\nfunction noop() {}\n\nfunction PopupBridge(options) {\n this._closed = null;\n this._options = options;\n}\n\nPopupBridge.prototype.initialize = function (callback) {\n var self = this;\n\n window.popupBridge.onComplete = function (err, payload) {\n var popupDismissed = !payload && !err;\n\n self._closed = true;\n\n if (err || popupDismissed) {\n // User clicked \"Done\" button of browser view\n callback(new BraintreeError(errors.FRAME_SERVICE_FRAME_CLOSED));\n\n return;\n }\n // User completed popup flow (includes success and cancel cases)\n callback(null, payload);\n };\n};\n\nPopupBridge.prototype.open = function (options) {\n var url;\n\n options = options || {};\n url = options.openFrameUrl || this._options.openFrameUrl;\n\n this._closed = false;\n window.popupBridge.open(url);\n};\n\nPopupBridge.prototype.focus = noop;\n\nPopupBridge.prototype.close = noop;\n\nPopupBridge.prototype.isClosed = function () {\n return Boolean(this._closed);\n};\n\nPopupBridge.prototype.redirect = function (redirectUrl) {\n this.open({ openFrameUrl: redirectUrl });\n};\n\nmodule.exports = PopupBridge;\n\n},{\"../../../braintree-error\":99,\"../../shared/errors\":121}],116:[function(require,module,exports){\n\"use strict\";\n\nvar constants = require(\"../../../shared/constants\");\nvar position = require(\"./position\");\n\nfunction calculatePosition(type, userDefinedPosition, size) {\n if (typeof userDefinedPosition !== \"undefined\") {\n return userDefinedPosition;\n }\n\n return position[type](size);\n}\n\nmodule.exports = function composePopupOptions(options) {\n var height = options.height || constants.DEFAULT_POPUP_HEIGHT;\n var width = options.width || constants.DEFAULT_POPUP_WIDTH;\n var top = calculatePosition(\"top\", options.top, height);\n var left = calculatePosition(\"left\", options.left, width);\n\n return [\n constants.POPUP_BASE_OPTIONS,\n \"height=\" + height,\n \"width=\" + width,\n \"top=\" + top,\n \"left=\" + left,\n ].join(\",\");\n};\n\n},{\"../../../shared/constants\":120,\"./position\":118}],117:[function(require,module,exports){\n\"use strict\";\n\nvar composeOptions = require(\"./compose-options\");\n\nfunction noop() {}\n\nfunction Popup(options) {\n this._frame = null;\n this._options = options || {};\n\n this.open();\n}\n\nPopup.prototype.initialize = noop;\n\nPopup.prototype.open = function () {\n this._frame = window.open(\n this._options.openFrameUrl,\n this._options.name,\n composeOptions(this._options)\n );\n};\n\nPopup.prototype.focus = function () {\n this._frame.focus();\n};\n\nPopup.prototype.close = function () {\n if (this._frame.closed) {\n return;\n }\n this._frame.close();\n};\n\nPopup.prototype.isClosed = function () {\n return !this._frame || Boolean(this._frame.closed);\n};\n\nPopup.prototype.redirect = function (redirectUrl) {\n this._frame.location.href = redirectUrl;\n};\n\nmodule.exports = Popup;\n\n},{\"./compose-options\":116}],118:[function(require,module,exports){\n\"use strict\";\n\nfunction top(height) {\n var windowHeight =\n window.outerHeight || document.documentElement.clientHeight;\n var windowTop = window.screenY == null ? window.screenTop : window.screenY;\n\n return center(windowHeight, height, windowTop);\n}\n\nfunction left(width) {\n var windowWidth = window.outerWidth || document.documentElement.clientWidth;\n var windowLeft = window.screenX == null ? window.screenLeft : window.screenX;\n\n return center(windowWidth, width, windowLeft);\n}\n\nfunction center(windowMetric, popupMetric, offset) {\n return (windowMetric - popupMetric) / 2 + offset;\n}\n\nmodule.exports = {\n top: top,\n left: left,\n center: center,\n};\n\n},{}],119:[function(require,module,exports){\n\"use strict\";\n\nmodule.exports = {\n isIos: require(\"@braintree/browser-detection/is-ios\"),\n isIosWKWebview: require(\"@braintree/browser-detection/is-ios-wkwebview\"),\n isIE: require(\"@braintree/browser-detection/is-ie\"),\n supportsPopups: require(\"@braintree/browser-detection/supports-popups\"),\n};\n\n},{\"@braintree/browser-detection/is-ie\":31,\"@braintree/browser-detection/is-ios\":37,\"@braintree/browser-detection/is-ios-wkwebview\":36,\"@braintree/browser-detection/supports-popups\":39}],120:[function(require,module,exports){\n\"use strict\";\n\nmodule.exports = {\n DISPATCH_FRAME_NAME: \"dispatch\",\n DISPATCH_FRAME_CLASS: \"braintree-dispatch-frame\",\n POPUP_BASE_OPTIONS: \"resizable,scrollbars\",\n DEFAULT_POPUP_WIDTH: 450,\n DEFAULT_POPUP_HEIGHT: 535,\n POPUP_POLL_INTERVAL: 100,\n POPUP_CLOSE_TIMEOUT: 100,\n};\n\n},{}],121:[function(require,module,exports){\n\"use strict\";\n\n/**\n * @name BraintreeError.Popup Related Error Codes\n * @ignore\n * @description Errors that occur when using a component that opens a popup window.\n * @property {INTERNAL} FRAME_SERVICE_FRAME_CLOSED - Occurs when the frame is closed before tokenization can occur.\n * @property {INTERNAL} FRAME_SERVICE_FRAME_OPEN_FAILED - Occurs when the popup could not be opened.\n * @property {INTERNAL} FRAME_SERVICE_FRAME_OPEN_FAILED_IE_BUG - Occurs when the frame could not be opened because of a specific bug in Internet Explorer - https://developer.microsoft.com/en-us/microsoft-edge/platform/issues/11324352/.\n */\n\nvar BraintreeError = require(\"../../braintree-error\");\n\nmodule.exports = {\n FRAME_SERVICE_FRAME_CLOSED: {\n type: BraintreeError.types.INTERNAL,\n code: \"FRAME_SERVICE_FRAME_CLOSED\",\n message: \"Frame closed before tokenization could occur.\",\n },\n FRAME_SERVICE_FRAME_OPEN_FAILED: {\n type: BraintreeError.types.INTERNAL,\n code: \"FRAME_SERVICE_FRAME_OPEN_FAILED\",\n message: \"Frame failed to open.\",\n },\n FRAME_SERVICE_FRAME_OPEN_FAILED_IE_BUG: {\n type: BraintreeError.types.INTERNAL,\n code: \"FRAME_SERVICE_FRAME_OPEN_FAILED_IE_BUG\",\n message:\n \"Could not open frame. This may be due to a bug in IE browsers when attempting to open an HTTPS page from a HTTP page. https://developer.microsoft.com/en-us/microsoft-edge/platform/issues/11324352/\",\n },\n};\n\n},{\"../../braintree-error\":99}],122:[function(require,module,exports){\n\"use strict\";\n\nvar enumerate = require(\"../../enumerate\");\n\nmodule.exports = enumerate(\n [\"DISPATCH_FRAME_READY\", \"DISPATCH_FRAME_REPORT\"],\n \"frameService:\"\n);\n\n},{\"../../enumerate\":108}],123:[function(require,module,exports){\n\"use strict\";\n\nvar VERSION = \"3.88.3\";\nvar assign = require(\"./assign\").assign;\n\nfunction generateTokenizationParameters(configuration, overrides) {\n var metadata = configuration.analyticsMetadata;\n var basicTokenizationParameters = {\n gateway: \"braintree\",\n \"braintree:merchantId\": configuration.gatewayConfiguration.merchantId,\n \"braintree:apiVersion\": \"v1\",\n \"braintree:sdkVersion\": VERSION,\n \"braintree:metadata\": JSON.stringify({\n source: metadata.source,\n integration: metadata.integration,\n sessionId: metadata.sessionId,\n version: VERSION,\n platform: metadata.platform,\n }),\n };\n\n return assign({}, basicTokenizationParameters, overrides);\n}\n\nmodule.exports = function (configuration, googlePayVersion, googleMerchantId) {\n var data, paypalPaymentMethod;\n var androidPayConfiguration = configuration.gatewayConfiguration.androidPay;\n var environment =\n configuration.gatewayConfiguration.environment === \"production\"\n ? \"PRODUCTION\"\n : \"TEST\";\n\n if (googlePayVersion === 2) {\n data = {\n apiVersion: 2,\n apiVersionMinor: 0,\n environment: environment,\n allowedPaymentMethods: [\n {\n type: \"CARD\",\n parameters: {\n allowedAuthMethods: [\"PAN_ONLY\", \"CRYPTOGRAM_3DS\"],\n allowedCardNetworks: androidPayConfiguration.supportedNetworks.map(\n function (card) {\n return card.toUpperCase();\n }\n ),\n },\n tokenizationSpecification: {\n type: \"PAYMENT_GATEWAY\",\n parameters: generateTokenizationParameters(configuration, {\n \"braintree:authorizationFingerprint\":\n androidPayConfiguration.googleAuthorizationFingerprint,\n }),\n },\n },\n ],\n };\n\n if (googleMerchantId) {\n data.merchantInfo = {\n merchantId: googleMerchantId,\n };\n }\n\n if (androidPayConfiguration.paypalClientId) {\n paypalPaymentMethod = {\n type: \"PAYPAL\",\n parameters: {\n /* eslint-disable camelcase */\n purchase_context: {\n purchase_units: [\n {\n payee: {\n client_id: androidPayConfiguration.paypalClientId,\n },\n recurring_payment: true,\n },\n ],\n },\n /* eslint-enable camelcase */\n },\n tokenizationSpecification: {\n type: \"PAYMENT_GATEWAY\",\n parameters: generateTokenizationParameters(configuration, {\n \"braintree:paypalClientId\": androidPayConfiguration.paypalClientId,\n }),\n },\n };\n\n data.allowedPaymentMethods.push(paypalPaymentMethod);\n }\n } else {\n data = {\n environment: environment,\n allowedPaymentMethods: [\"CARD\", \"TOKENIZED_CARD\"],\n paymentMethodTokenizationParameters: {\n tokenizationType: \"PAYMENT_GATEWAY\",\n parameters: generateTokenizationParameters(configuration, {\n \"braintree:authorizationFingerprint\":\n androidPayConfiguration.googleAuthorizationFingerprint,\n }),\n },\n cardRequirements: {\n allowedCardNetworks: androidPayConfiguration.supportedNetworks.map(\n function (card) {\n return card.toUpperCase();\n }\n ),\n },\n };\n\n if (configuration.authorizationType === \"TOKENIZATION_KEY\") {\n data.paymentMethodTokenizationParameters.parameters[\n \"braintree:clientKey\"\n ] = configuration.authorization;\n }\n\n if (googleMerchantId) {\n data.merchantId = googleMerchantId;\n }\n\n if (googlePayVersion) {\n data.apiVersion = googlePayVersion;\n }\n }\n\n return data;\n};\n\n},{\"./assign\":96}],124:[function(require,module,exports){\n\"use strict\";\n\nmodule.exports = function inIframe(win) {\n win = win || window;\n\n try {\n return win.self !== win.top;\n } catch (e) {\n return true;\n }\n};\n\n},{}],125:[function(require,module,exports){\n\"use strict\";\n\nfunction convertDateStringToDate(dateString) {\n var splitDate = dateString.split(\"-\");\n\n return new Date(splitDate[0], splitDate[1], splitDate[2]);\n}\n\nfunction isDateStringBeforeOrOn(firstDate, secondDate) {\n return (\n convertDateStringToDate(firstDate) <= convertDateStringToDate(secondDate)\n );\n}\n\nmodule.exports = isDateStringBeforeOrOn;\n\n},{}],126:[function(require,module,exports){\n\"use strict\";\n\nfunction isHTTPS(protocol) {\n protocol = protocol || window.location.protocol;\n\n return protocol === \"https:\";\n}\n\nmodule.exports = {\n isHTTPS: isHTTPS,\n};\n\n},{}],127:[function(require,module,exports){\n\"use strict\";\n\nvar parser;\nvar legalHosts = {\n \"paypal.com\": 1,\n \"braintreepayments.com\": 1,\n \"braintreegateway.com\": 1,\n \"braintree-api.com\": 1,\n};\n\nfunction stripSubdomains(domain) {\n return domain.split(\".\").slice(-2).join(\".\");\n}\n\nfunction isVerifiedDomain(url) {\n var mainDomain;\n\n url = url.toLowerCase();\n\n if (!/^https:/.test(url)) {\n return false;\n }\n\n parser = parser || document.createElement(\"a\");\n parser.href = url;\n mainDomain = stripSubdomains(parser.hostname);\n\n return legalHosts.hasOwnProperty(mainDomain);\n}\n\nmodule.exports = isVerifiedDomain;\n\n},{}],128:[function(require,module,exports){\n\"use strict\";\n\nmodule.exports = function (value) {\n return JSON.parse(JSON.stringify(value));\n};\n\n},{}],129:[function(require,module,exports){\n\"use strict\";\n\nmodule.exports = function (obj) {\n return Object.keys(obj).filter(function (key) {\n return typeof obj[key] === \"function\";\n });\n};\n\n},{}],130:[function(require,module,exports){\n\"use strict\";\n\nfunction once(fn) {\n var called = false;\n\n return function () {\n if (!called) {\n called = true;\n fn.apply(null, arguments);\n }\n };\n}\n\nmodule.exports = once;\n\n},{}],131:[function(require,module,exports){\n\"use strict\";\n\nvar PromisePolyfill = require(\"promise-polyfill\");\nvar ExtendedPromise = require(\"@braintree/extended-promise\");\n\n// eslint-disable-next-line no-undef\nvar PromiseGlobal = typeof Promise !== \"undefined\" ? Promise : PromisePolyfill;\n\nExtendedPromise.suppressUnhandledPromiseMessage = true;\nExtendedPromise.setPromise(PromiseGlobal);\n\nmodule.exports = PromiseGlobal;\n\n},{\"@braintree/extended-promise\":42,\"promise-polyfill\":191}],132:[function(require,module,exports){\n\"use strict\";\n\nfunction _notEmpty(obj) {\n var key;\n\n for (key in obj) {\n if (obj.hasOwnProperty(key)) {\n return true;\n }\n }\n\n return false;\n}\n\n/* eslint-disable no-mixed-operators */\nfunction _isArray(value) {\n return (\n (value &&\n typeof value === \"object\" &&\n typeof value.length === \"number\" &&\n Object.prototype.toString.call(value) === \"[object Array]\") ||\n false\n );\n}\n/* eslint-enable no-mixed-operators */\n\nfunction hasQueryParams(url) {\n url = url || window.location.href;\n\n return /\\?/.test(url);\n}\n\nfunction parse(url) {\n var query, params;\n\n url = url || window.location.href;\n\n if (!hasQueryParams(url)) {\n return {};\n }\n\n query = url.split(\"?\")[1] || \"\";\n query = query.replace(/#.*$/, \"\").split(\"&\");\n\n params = query.reduce(function (toReturn, keyValue) {\n var parts = keyValue.split(\"=\");\n var key = decodeURIComponent(parts[0]);\n var value = decodeURIComponent(parts[1]);\n\n toReturn[key] = value;\n\n return toReturn;\n }, {});\n\n return params;\n}\n\nfunction stringify(params, namespace) {\n var k, v, p;\n var query = [];\n\n for (p in params) {\n if (!params.hasOwnProperty(p)) {\n continue;\n }\n\n v = params[p];\n\n if (namespace) {\n if (_isArray(params)) {\n k = namespace + \"[]\";\n } else {\n k = namespace + \"[\" + p + \"]\";\n }\n } else {\n k = p;\n }\n if (typeof v === \"object\") {\n query.push(stringify(v, k));\n } else {\n query.push(encodeURIComponent(k) + \"=\" + encodeURIComponent(v));\n }\n }\n\n return query.join(\"&\");\n}\n\nfunction queryify(url, params) {\n url = url || \"\";\n\n if (params != null && typeof params === \"object\" && _notEmpty(params)) {\n url += url.indexOf(\"?\") === -1 ? \"?\" : \"\";\n url += url.indexOf(\"=\") !== -1 ? \"&\" : \"\";\n url += stringify(params);\n }\n\n return url;\n}\n\nmodule.exports = {\n parse: parse,\n stringify: stringify,\n queryify: queryify,\n hasQueryParams: hasQueryParams,\n};\n\n},{}],133:[function(require,module,exports){\n\"use strict\";\n\nvar uuid = require(\"@braintree/uuid\");\nvar findRootNode = require(\"./find-root-node\");\n\n// based on https://github.com/krakenjs/belter/blob/cdddc4f8ddb172d29db9e7e1ad1eeeacfb93e215/src/dom.js#L981-L1031\n// thanks @bluepnume\n\nfunction isShadowElement(element) {\n element = findRootNode(element);\n\n return element.toString() === \"[object ShadowRoot]\";\n}\n\nfunction getShadowHost(element) {\n element = findRootNode(element);\n\n if (!isShadowElement(element)) {\n return null;\n }\n\n return element.host;\n}\n\nfunction transformToSlot(element, styles) {\n var styleNode = findRootNode(element).querySelector(\"style\");\n var shadowHost = getShadowHost(element);\n var slotName = \"shadow-slot-\" + uuid();\n var slot = document.createElement(\"slot\");\n var slotProvider = document.createElement(\"div\");\n\n slot.setAttribute(\"name\", slotName);\n element.appendChild(slot);\n\n slotProvider.setAttribute(\"slot\", slotName);\n shadowHost.appendChild(slotProvider);\n\n if (styles) {\n if (!styleNode) {\n styleNode = document.createElement(\"style\");\n element.appendChild(styleNode);\n }\n\n styleNode.sheet.insertRule(\n '::slotted([slot=\"' + slotName + '\"]) { ' + styles + \" }\"\n );\n }\n\n if (isShadowElement(shadowHost)) {\n return transformToSlot(slotProvider, styles);\n }\n\n return slotProvider;\n}\n\nmodule.exports = {\n isShadowElement: isShadowElement,\n getShadowHost: getShadowHost,\n transformToSlot: transformToSlot,\n};\n\n},{\"./find-root-node\":110,\"@braintree/uuid\":47}],134:[function(require,module,exports){\n\"use strict\";\n\nmodule.exports = function (snakeString) {\n if (snakeString.indexOf(\"_\") === -1) {\n return snakeString;\n }\n\n return snakeString.toLowerCase().replace(/(\\_\\w)/g, function (match) {\n return match[1].toUpperCase();\n });\n};\n\n},{}],135:[function(require,module,exports){\n\"use strict\";\n\nfunction useMin(isDebug) {\n return isDebug ? \"\" : \".min\";\n}\n\nmodule.exports = useMin;\n\n},{}],136:[function(require,module,exports){\n\"use strict\";\n\n// NEXT_MAJOR_VERSION old versions of IE don't have atob, in the\n// next major version, we're dropping support for those versions\n// so we can eliminate the need to have this atob polyfill\nvar atobNormalized = typeof atob === \"function\" ? atob : atobPolyfill;\n\nfunction atobPolyfill(base64String) {\n var a, b, c, b1, b2, b3, b4, i;\n var base64Matcher = new RegExp(\n \"^(?:[A-Za-z0-9+/]{4})*(?:[A-Za-z0-9+/]{2}==|[A-Za-z0-9+/]{3}=|[A-Za-z0-9+/]{4})([=]{1,2})?$\"\n );\n var characters =\n \"ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/=\";\n var result = \"\";\n\n if (!base64Matcher.test(base64String)) {\n throw new Error(\"Non base64 encoded input passed to window.atob polyfill\");\n }\n\n i = 0;\n do {\n b1 = characters.indexOf(base64String.charAt(i++));\n b2 = characters.indexOf(base64String.charAt(i++));\n b3 = characters.indexOf(base64String.charAt(i++));\n b4 = characters.indexOf(base64String.charAt(i++));\n\n a = ((b1 & 0x3f) << 2) | ((b2 >> 4) & 0x3);\n b = ((b2 & 0xf) << 4) | ((b3 >> 2) & 0xf);\n c = ((b3 & 0x3) << 6) | (b4 & 0x3f);\n\n result +=\n String.fromCharCode(a) +\n (b ? String.fromCharCode(b) : \"\") +\n (c ? String.fromCharCode(c) : \"\");\n } while (i < base64String.length);\n\n return result;\n}\n\nmodule.exports = {\n atob: function (base64String) {\n return atobNormalized.call(window, base64String);\n },\n _atob: atobPolyfill,\n};\n\n},{}],137:[function(require,module,exports){\n\"use strict\";\n\n/**\n * @name BraintreeError.PayPal Checkout - Creation Error Codes\n * @description Errors that occur when [creating the PayPal Checkout component](./module-braintree-web_paypal-checkout.html#.create).\n * @property {MERCHANT} PAYPAL_NOT_ENABLED Occurs when PayPal is not enabled on the Braintree control panel.\n * @property {MERCHANT} PAYPAL_SANDBOX_ACCOUNT_NOT_LINKED Occurs only when testing in Sandbox, when a PayPal sandbox account is not linked to the merchant account in the Braintree control panel.\n */\n\n/**\n * @name BraintreeError.PayPal Checkout - createPayment Error Codes\n * @description Errors that occur when using the [`createPayment` method](./PayPalCheckout.html#createPayment).\n * @property {MERCHANT} PAYPAL_FLOW_OPTION_REQUIRED Occurs when a required option is missing.\n * @property {MERCHANT} PAYPAL_INVALID_PAYMENT_OPTION Occurs when an option contains an invalid value.\n * @property {NETWORK} PAYPAL_FLOW_FAILED Occurs when something goes wrong when initializing the flow.\n */\n\n/**\n * @name BraintreeError.PayPal Checkout - startVaultInitiatedCheckout Error Codes\n * @description Errors that occur when using the [`startVaultInitiatedCheckout` method](./PayPalCheckout.html#startVaultInitiatedCheckout).\n * @property {MERCHANT} PAYPAL_START_VAULT_INITIATED_CHECKOUT_PARAM_REQUIRED Occurs when a required param is missing when calling the method.\n * @property {MERCHANT} PAYPAL_START_VAULT_INITIATED_CHECKOUT_POPUP_OPEN_FAILED Occurs when PayPal window could not be opened. This often occurs because the call to start the vault initiated flow was not triggered from a click event.\n * @property {CUSTOMER} PAYPAL_START_VAULT_INITIATED_CHECKOUT_CANCELED Occurs when a customer closes the PayPal flow before completion.\n * @property {MERCHANT} PAYPAL_START_VAULT_INITIATED_CHECKOUT_IN_PROGRESS Occurs when the flow is initialized while an authorization is already in progress.\n * @property {NETWORK} PAYPAL_START_VAULT_INITIATED_CHECKOUT_SETUP_FAILED Occurs when something went wrong setting up the flow.\n */\n\n/**\n * @name BraintreeError.PayPal Checkout - tokenizePayment Error Codes\n * @description Errors that occur when using the [`tokenizePayment` method](./PayPalCheckout.html#tokenizePayment).\n * @property {NETWORK} PAYPAL_ACCOUNT_TOKENIZATION_FAILED Occurs when PayPal account could not be tokenized.\n */\n\nvar BraintreeError = require(\"../lib/braintree-error\");\n\nmodule.exports = {\n PAYPAL_NOT_ENABLED: {\n type: BraintreeError.types.MERCHANT,\n code: \"PAYPAL_NOT_ENABLED\",\n message: \"PayPal is not enabled for this merchant.\",\n },\n PAYPAL_SANDBOX_ACCOUNT_NOT_LINKED: {\n type: BraintreeError.types.MERCHANT,\n code: \"PAYPAL_SANDBOX_ACCOUNT_NOT_LINKED\",\n message:\n \"A linked PayPal Sandbox account is required to use PayPal Checkout in Sandbox. See https://developer.paypal.com/braintree/docs/guides/paypal/testing-go-live#linked-paypal-testing for details on linking your PayPal sandbox with Braintree.\",\n },\n PAYPAL_ACCOUNT_TOKENIZATION_FAILED: {\n type: BraintreeError.types.NETWORK,\n code: \"PAYPAL_ACCOUNT_TOKENIZATION_FAILED\",\n message: \"Could not tokenize user's PayPal account.\",\n },\n PAYPAL_FLOW_FAILED: {\n type: BraintreeError.types.NETWORK,\n code: \"PAYPAL_FLOW_FAILED\",\n message: \"Could not initialize PayPal flow.\",\n },\n PAYPAL_FLOW_OPTION_REQUIRED: {\n type: BraintreeError.types.MERCHANT,\n code: \"PAYPAL_FLOW_OPTION_REQUIRED\",\n message: \"PayPal flow property is invalid or missing.\",\n },\n PAYPAL_START_VAULT_INITIATED_CHECKOUT_PARAM_REQUIRED: {\n type: BraintreeError.types.MERCHANT,\n code: \"PAYPAL_START_VAULT_INITIATED_CHECKOUT_PARAM_REQUIRED\",\n },\n PAYPAL_START_VAULT_INITIATED_CHECKOUT_SETUP_FAILED: {\n type: BraintreeError.types.NETWORK,\n code: \"PAYPAL_START_VAULT_INITIATED_CHECKOUT_SETUP_FAILED\",\n message: \"Something went wrong when setting up the checkout workflow.\",\n },\n PAYPAL_START_VAULT_INITIATED_CHECKOUT_POPUP_OPEN_FAILED: {\n type: BraintreeError.types.MERCHANT,\n code: \"PAYPAL_START_VAULT_INITIATED_CHECKOUT_POPUP_OPEN_FAILED\",\n message:\n \"PayPal popup failed to open, make sure to initiate the vault checkout in response to a user action.\",\n },\n PAYPAL_START_VAULT_INITIATED_CHECKOUT_CANCELED: {\n type: BraintreeError.types.CUSTOMER,\n code: \"PAYPAL_START_VAULT_INITIATED_CHECKOUT_CANCELED\",\n message: \"Customer closed PayPal popup before authorizing.\",\n },\n PAYPAL_START_VAULT_INITIATED_CHECKOUT_IN_PROGRESS: {\n type: BraintreeError.types.MERCHANT,\n code: \"PAYPAL_START_VAULT_INITIATED_CHECKOUT_IN_PROGRESS\",\n message: \"Vault initiated checkout already in progress.\",\n },\n PAYPAL_INVALID_PAYMENT_OPTION: {\n type: BraintreeError.types.MERCHANT,\n code: \"PAYPAL_INVALID_PAYMENT_OPTION\",\n message: \"PayPal payment options are invalid.\",\n },\n};\n\n},{\"../lib/braintree-error\":99}],138:[function(require,module,exports){\n\"use strict\";\n/**\n * @module braintree-web/paypal-checkout\n * @description A component to integrate with the [PayPal JS SDK](https://github.com/paypal/paypal-checkout-components).\n */\n\nvar basicComponentVerification = require(\"../lib/basic-component-verification\");\nvar wrapPromise = require(\"@braintree/wrap-promise\");\nvar PayPalCheckout = require(\"./paypal-checkout\");\nvar VERSION = \"3.88.3\";\n\n/**\n * @static\n * @function create\n * @description There are two ways to integrate the PayPal Checkout component. See the [PayPal Checkout constructor documentation](PayPalCheckout.html#PayPalCheckout) for more information and examples.\n *\n * @param {object} options Creation options:\n * @param {Client} [options.client] A {@link Client} instance.\n * @param {string} [options.authorization] A tokenizationKey or clientToken. Can be used in place of `options.client`.\n * @param {string} [options.merchantAccountId] A non-default merchant account ID to use for tokenization.\n * @param {boolean} [options.autoSetDataUserIdToken=false] Whether or not to render the PayPal SDK button with a customer's vaulted PayPal account. Must be used in conjunction with a Client Token generated with a customer id.\n * @param {callback} [callback] The second argument, `data`, is the {@link PayPalCheckout} instance.\n * @example\n * braintree.client.create({\n * authorization: 'authorization'\n * }).then(function (clientInstance) {\n * return braintree.paypalCheckout.create({\n * client: clientInstance\n * });\n * }).then(function (paypalCheckoutInstance) {\n * // set up the PayPal JS SDK\n * }).catch(function (err) {\n * console.error('Error!', err);\n * });\n * @returns {(Promise|void)} Returns a promise if no callback is provided.\n */\nfunction create(options) {\n var name = \"PayPal Checkout\";\n\n return basicComponentVerification\n .verify({\n name: name,\n client: options.client,\n authorization: options.authorization,\n })\n .then(function () {\n var instance = new PayPalCheckout(options);\n\n return instance._initialize(options);\n });\n}\n\n/**\n * @static\n * @function isSupported\n * @description Returns true if PayPal Checkout [supports this browser](index.html#browser-support-webviews).\n * @deprecated Previously, this method checked for Popup support in the browser. The PayPal JS SDK now falls back to a modal if popups are not supported.\n * @returns {Boolean} Returns true if PayPal Checkout supports this browser.\n */\nfunction isSupported() {\n return true;\n}\n\nmodule.exports = {\n create: wrapPromise(create),\n isSupported: isSupported,\n /**\n * @description The current version of the SDK, i.e. `1.33.7`.\n * @type {string}\n */\n VERSION: VERSION,\n};\n\n},{\"../lib/basic-component-verification\":97,\"./paypal-checkout\":139,\"@braintree/wrap-promise\":51}],139:[function(require,module,exports){\n\"use strict\";\n\nvar analytics = require(\"../lib/analytics\");\nvar assign = require(\"../lib/assign\").assign;\nvar createDeferredClient = require(\"../lib/create-deferred-client\");\nvar createAssetsUrl = require(\"../lib/create-assets-url\");\nvar Promise = require(\"../lib/promise\");\nvar ExtendedPromise = require(\"@braintree/extended-promise\");\nvar wrapPromise = require(\"@braintree/wrap-promise\");\nvar BraintreeError = require(\"../lib/braintree-error\");\nvar convertToBraintreeError = require(\"../lib/convert-to-braintree-error\");\nvar errors = require(\"./errors\");\nvar constants = require(\"../paypal/shared/constants\");\nvar frameService = require(\"../lib/frame-service/external\");\nvar createAuthorizationData = require(\"../lib/create-authorization-data\");\nvar methods = require(\"../lib/methods\");\nvar useMin = require(\"../lib/use-min\");\nvar convertMethodsToError = require(\"../lib/convert-methods-to-error\");\nvar querystring = require(\"../lib/querystring\");\nvar VERSION = \"3.88.3\";\nvar INTEGRATION_TIMEOUT_MS = require(\"../lib/constants\").INTEGRATION_TIMEOUT_MS;\n\nvar REQUIRED_PARAMS_FOR_START_VAULT_INITIATED_CHECKOUT = [\n \"amount\",\n \"currency\",\n \"vaultInitiatedCheckoutPaymentMethodToken\",\n];\n\nvar PAYPAL_SDK_PRELOAD_URL =\n \"https://www.{ENV}paypal.com/smart/buttons/preload\";\n\n/**\n * PayPal Checkout tokenized payload. Returned in {@link PayPalCheckout#tokenizePayment}'s callback as the second argument, `data`.\n * @typedef {object} PayPalCheckout~tokenizePayload\n * @property {string} nonce The payment method nonce.\n * @property {string} type The payment method type, always `PayPalAccount`.\n * @property {object} details Additional PayPal account details.\n * @property {string} details.email User's email address.\n * @property {string} details.payerId User's payer ID, the unique identifier for each PayPal account.\n * @property {string} details.firstName User's given name.\n * @property {string} details.lastName User's surname.\n * @property {?string} details.countryCode User's 2 character country code.\n * @property {?string} details.phone User's phone number (e.g. 555-867-5309).\n * @property {?object} details.shippingAddress User's shipping address details, only available if shipping address is enabled.\n * @property {string} details.shippingAddress.recipientName Recipient of postage.\n * @property {string} details.shippingAddress.line1 Street number and name.\n * @property {string} details.shippingAddress.line2 Extended address.\n * @property {string} details.shippingAddress.city City or locality.\n * @property {string} details.shippingAddress.state State or region.\n * @property {string} details.shippingAddress.postalCode Postal code.\n * @property {string} details.shippingAddress.countryCode 2 character country code (e.g. US).\n * @property {?object} details.billingAddress User's billing address details.\n * Not available to all merchants; [contact support](https://developer.paypal.com/braintree/help) for details on eligibility and enabling this feature.\n * Alternatively, see `shippingAddress` above as an available client option.\n * @property {string} details.billingAddress.line1 Street number and name.\n * @property {string} details.billingAddress.line2 Extended address.\n * @property {string} details.billingAddress.city City or locality.\n * @property {string} details.billingAddress.state State or region.\n * @property {string} details.billingAddress.postalCode Postal code.\n * @property {string} details.billingAddress.countryCode 2 character country code (e.g. US).\n * @property {?object} creditFinancingOffered This property will only be present when the customer pays with PayPal Credit.\n * @property {object} creditFinancingOffered.totalCost This is the estimated total payment amount including interest and fees the user will pay during the lifetime of the loan.\n * @property {string} creditFinancingOffered.totalCost.value An amount defined by [ISO 4217](https://www.iso.org/iso/home/standards/currency_codes.htm) for the given currency.\n * @property {string} creditFinancingOffered.totalCost.currency 3 letter currency code as defined by [ISO 4217](https://www.iso.org/iso/home/standards/currency_codes.htm).\n * @property {number} creditFinancingOffered.term Length of financing terms in months.\n * @property {object} creditFinancingOffered.monthlyPayment This is the estimated amount per month that the customer will need to pay including fees and interest.\n * @property {string} creditFinancingOffered.monthlyPayment.value An amount defined by [ISO 4217](https://www.iso.org/iso/home/standards/currency_codes.htm) for the given currency.\n * @property {string} creditFinancingOffered.monthlyPayment.currency 3 letter currency code as defined by [ISO 4217](https://www.iso.org/iso/home/standards/currency_codes.htm).\n * @property {object} creditFinancingOffered.totalInterest Estimated interest or fees amount the payer will have to pay during the lifetime of the loan.\n * @property {string} creditFinancingOffered.totalInterest.value An amount defined by [ISO 4217](https://www.iso.org/iso/home/standards/currency_codes.htm) for the given currency.\n * @property {string} creditFinancingOffered.totalInterest.currency 3 letter currency code as defined by [ISO 4217](https://www.iso.org/iso/home/standards/currency_codes.htm).\n * @property {boolean} creditFinancingOffered.payerAcceptance Status of whether the customer ultimately was approved for and chose to make the payment using the approved installment credit.\n * @property {boolean} creditFinancingOffered.cartAmountImmutable Indicates whether the cart amount is editable after payer's acceptance on PayPal side.\n */\n\n/**\n * @class\n * @param {object} options see {@link module:braintree-web/paypal-checkout.create|paypal-checkout.create}\n * @classdesc This class represents a PayPal Checkout component that coordinates with the {@link https://developer.paypal.com/docs/checkout/integrate/#2-add-the-paypal-script-to-your-web-page|PayPal SDK}. Instances of this class can generate payment data and tokenize authorized payments.\n *\n * All UI (such as preventing actions on the parent page while authentication is in progress) is managed by the {@link https://developer.paypal.com/docs/checkout/integrate/#2-add-the-paypal-script-to-your-web-page|PayPal SDK}. You must provide your PayPal `client-id` as a query parameter. You can [retrieve this value from the PayPal Dashboard](https://developer.paypal.com/docs/checkout/integrate/#1-get-paypal-rest-api-credentials).\n * @description Do not use this constructor directly. Use {@link module:braintree-web/paypal-checkout.create|braintree-web.paypal-checkout.create} instead. \n *\n * #### Integrate Checkout Flow with PayPal SDK\n *\n * You must have [PayPal's script, configured with various query parameters](https://developer.paypal.com/docs/checkout/integrate/#2-add-the-paypal-script-to-your-web-page), loaded on your page:\n *\n * ```html\n * \n *
\n * ```\n *\n * When passing values in the `createPayment` method, make sure they match the [corresponding parameters in the query parameters for the PayPal SDK script](https://developer.paypal.com/docs/checkout/reference/customize-sdk/).\n *\n * ```javascript\n * braintree.client.create({\n * authorization: 'authorization'\n * }).then(function (clientInstance) {\n * return braintree.paypalCheckout.create({\n * client: clientInstance\n * });\n * }).then(function (paypalCheckoutInstance) {\n * return paypal.Buttons({\n * createOrder: function () {\n * return paypalCheckoutInstance.createPayment({\n * flow: 'checkout',\n * currency: 'USD',\n * amount: '10.00',\n * intent: 'capture' // this value must either be `capture` or match the intent passed into the PayPal SDK intent query parameter\n * // your other createPayment options here\n * });\n * },\n *\n * onApprove: function (data, actions) {\n * // some logic here before tokenization happens below\n * return paypalCheckoutInstance.tokenizePayment(data).then(function (payload) {\n * // Submit payload.nonce to your server\n * });\n * },\n *\n * onCancel: function () {\n * // handle case where user cancels\n * },\n *\n * onError: function (err) {\n * // handle case where error occurs\n * }\n * }).render('#paypal-button');\n * }).catch(function (err) {\n * console.error('Error!', err);\n * });\n * ```\n *\n * #### Integrate Vault Flow with PayPal SDK\n *\n * You must have [PayPal's script, configured with various query parameters](https://developer.paypal.com/docs/checkout/integrate/#2-add-the-paypal-script-to-your-web-page), loaded on your page:\n *\n * ```html\n * \n *
\n * ```\n *\n * When passing values in the `createPayment` method, make sure they match the [corresponding parameters in the query parameters for the PayPal SDK script](https://developer.paypal.com/docs/checkout/reference/customize-sdk/).\n *\n * ```javascript\n * braintree.client.create({\n * authorization: 'authorization'\n * }).then(function (clientInstance) {\n * return braintree.paypalCheckout.create({\n * client: clientInstance\n * });\n * }).then(function (paypalCheckoutInstance) {\n * return paypal.Buttons({\n * createBillingAgreement: function () {\n * return paypalCheckoutInstance.createPayment({\n * flow: 'vault'\n * // your other createPayment options here\n * });\n * },\n *\n * onApprove: function (data, actions) {\n * // some logic here before tokenization happens below\n * return paypalCheckoutInstance.tokenizePayment(data).then(function (payload) {\n * // Submit payload.nonce to your server\n * });\n * },\n *\n * onCancel: function () {\n * // handle case where user cancels\n * },\n *\n * onError: function (err) {\n * // handle case where error occurs\n * }\n * }).render('#paypal-button');\n * }).catch(function (err) {\n * console.error('Error!', err);\n * });\n * ```\n *\n * #### Integrate with Checkout.js (deprecated PayPal SDK)\n *\n * If you are creating a new PayPal integration, please follow the previous integration guide to use the current version of the PayPal SDK. Use this integration guide only as a reference if you are already integrated with Checkout.js.\n *\n * You must have PayPal's Checkout.js script loaded on your page.\n *\n * ```html\n * \n * ```\n *\n * ```javascript\n * braintree.client.create({\n * authorization: 'authorization'\n * }).then(function (clientInstance) {\n * return braintree.paypalCheckout.create({\n * client: clientInstance\n * });\n * }).then(function (paypalCheckoutInstance) {\n * return paypal.Button.render({\n * env: 'production', // or 'sandbox'\n *\n * payment: function () {\n * return paypalCheckoutInstance.createPayment({\n * // your createPayment options here\n * });\n * },\n *\n * onAuthorize: function (data, actions) {\n * // some logic here before tokenization happens below\n * return paypalCheckoutInstance.tokenizePayment(data).then(function (payload) {\n * // Submit payload.nonce to your server\n * });\n * }\n * }, '#paypal-button');\n * }).catch(function (err) {\n * console.error('Error!', err);\n * });\n * ```\n */\nfunction PayPalCheckout(options) {\n this._merchantAccountId = options.merchantAccountId;\n // TODO remove this requirement for it to be opt in.\n // This feature is not yet GA, so we're intentionally making\n // it opt in and not publicly documenting it yet. Once it's\n // GA, we can remove the requirement to opt in to it\n this._autoSetDataUserIdToken = Boolean(options.autoSetDataUserIdToken);\n}\n\nPayPalCheckout.prototype._initialize = function (options) {\n var config;\n\n if (options.client) {\n config = options.client.getConfiguration();\n this._authorizationInformation = {\n fingerprint: config.authorizationFingerprint,\n environment: config.gatewayConfiguration.environment,\n };\n } else {\n config = createAuthorizationData(options.authorization);\n this._authorizationInformation = {\n fingerprint: config.attrs.authorizationFingerprint,\n environment: config.environment,\n };\n }\n\n this._clientPromise = createDeferredClient\n .create({\n authorization: options.authorization,\n client: options.client,\n debug: options.debug,\n assetsUrl: createAssetsUrl.create(options.authorization),\n name: \"PayPal Checkout\",\n })\n .then(\n function (client) {\n this._configuration = client.getConfiguration();\n\n // we skip these checks if a merchant account id is\n // passed in, because the default merchant account\n // may not have paypal enabled\n if (!this._merchantAccountId) {\n if (!this._configuration.gatewayConfiguration.paypalEnabled) {\n this._setupError = new BraintreeError(errors.PAYPAL_NOT_ENABLED);\n } else if (\n this._configuration.gatewayConfiguration.paypal\n .environmentNoNetwork === true\n ) {\n this._setupError = new BraintreeError(\n errors.PAYPAL_SANDBOX_ACCOUNT_NOT_LINKED\n );\n }\n }\n\n if (this._setupError) {\n return Promise.reject(this._setupError);\n }\n\n analytics.sendEvent(client, \"paypal-checkout.initialized\");\n this._frameServicePromise = this._setupFrameService(client);\n\n return client;\n }.bind(this)\n );\n\n // if client was passed in, let config checks happen before\n // resolving the instance. Otherwise, just resolve the instance\n if (options.client) {\n return this._clientPromise.then(\n function () {\n return this;\n }.bind(this)\n );\n }\n\n return Promise.resolve(this);\n};\n\nPayPalCheckout.prototype._setupFrameService = function (client) {\n var frameServicePromise = new ExtendedPromise();\n var config = client.getConfiguration();\n var timeoutRef = setTimeout(function () {\n analytics.sendEvent(client, \"paypal-checkout.frame-service.timed-out\");\n frameServicePromise.reject(\n new BraintreeError(\n errors.PAYPAL_START_VAULT_INITIATED_CHECKOUT_SETUP_FAILED\n )\n );\n }, INTEGRATION_TIMEOUT_MS);\n\n this._assetsUrl =\n config.gatewayConfiguration.paypal.assetsUrl + \"/web/\" + VERSION;\n this._isDebug = config.isDebug;\n // Note: this is using the static landing frame that the deprecated PayPal component builds and uses\n this._loadingFrameUrl =\n this._assetsUrl +\n \"/html/paypal-landing-frame\" +\n useMin(this._isDebug) +\n \".html\";\n\n frameService.create(\n {\n name: \"braintreepaypallanding\",\n dispatchFrameUrl:\n this._assetsUrl +\n \"/html/dispatch-frame\" +\n useMin(this._isDebug) +\n \".html\",\n openFrameUrl: this._loadingFrameUrl,\n },\n function (service) {\n this._frameService = service;\n clearTimeout(timeoutRef);\n\n frameServicePromise.resolve();\n }.bind(this)\n );\n\n return frameServicePromise;\n};\n\n/**\n * @typedef {object} PayPalCheckout~lineItem\n * @property {string} quantity Number of units of the item purchased. This value must be a whole number and can't be negative or zero.\n * @property {string} unitAmount Per-unit price of the item. Can include up to 2 decimal places. This value can't be negative or zero.\n * @property {string} name Item name. Maximum 127 characters.\n * @property {string} kind Indicates whether the line item is a debit (sale) or credit (refund) to the customer. Accepted values: `debit` and `credit`.\n * @property {?string} unitTaxAmount Per-unit tax price of the item. Can include up to 2 decimal places. This value can't be negative or zero.\n * @property {?string} description Item description. Maximum 127 characters.\n * @property {?string} productCode Product or UPC code for the item. Maximum 127 characters.\n * @property {?string} url The URL to product information.\n */\n\n/**\n * @typedef {object} PayPalCheckout~shippingOption\n * @property {string} id A unique ID that identifies a payer-selected shipping option.\n * @property {string} label A description that the payer sees, which helps them choose an appropriate shipping option. For example, `Free Shipping`, `USPS Priority Shipping`, `Expédition prioritaire USPS`, or `USPS yōuxiān fā huò`. Localize this description to the payer's locale.\n * @property {boolean} selected If `selected = true` is specified as part of the API request it represents the shipping option that the payee/merchant expects to be pre-selected for the payer when they first view the shipping options within the PayPal checkout experience. As part of the response if a shipping option has `selected = true` it represents the shipping option that the payer selected during the course of checkout with PayPal. Only 1 `shippingOption` can be set to `selected = true`.\n * @property {string} type The method by which the payer wants to get their items. The possible values are:\n * * `SHIPPING` - The payer intends to receive the items at a specified address.\n * * `PICKUP` - The payer intends to pick up the items at a specified address. For example, a store address.\n * @property {object} amount The shipping cost for the selected option.\n * @property {string} amount.currency The three-character ISO-4217 currency code. PayPal does not support all currencies.\n * @property {string} amount.value The amount the shipping option will cost. Includes the specified number of digits after decimal separator for the ISO-4217 currency code.\n */\n\n/**\n * Creates a PayPal payment ID or billing token using the given options. This is meant to be passed to the PayPal JS SDK.\n * When a {@link callback} is defined, the function returns undefined and invokes the callback with the id to be used with the PayPal JS SDK. Otherwise, it returns a Promise that resolves with the id.\n * @public\n * @param {object} options All options for the PayPalCheckout component.\n * @param {string} options.flow Set to 'checkout' for one-time payment flow, or 'vault' for Vault flow. If 'vault' is used with a client token generated with a customer ID, the PayPal account will be added to that customer as a saved payment method.\n * @param {string} [options.intent=authorize]\n * * `authorize` - Submits the transaction for authorization but not settlement.\n * * `order` - Validates the transaction without an authorization (i.e. without holding funds). Useful for authorizing and capturing funds up to 90 days after the order has been placed. Only available for Checkout flow.\n * * `capture` - Payment will be immediately submitted for settlement upon creating a transaction. `sale` can be used as an alias for this value.\n * @param {boolean} [options.offerCredit=false] Offers PayPal Credit as the default funding instrument for the transaction. If the customer isn't pre-approved for PayPal Credit, they will be prompted to apply for it.\n * @param {(string|number)} [options.amount] The amount of the transaction. Required when using the Checkout flow.\n * @param {string} [options.currency] The currency code of the amount, such as 'USD'. Required when using the Checkout flow.\n * @param {string} [options.displayName] The merchant name displayed inside of the PayPal lightbox; defaults to the company name on your Braintree account\n * @param {boolean} [options.requestBillingAgreement] If `true` and `flow = checkout`, the customer will be prompted to consent to a billing agreement during the checkout flow. This value is ignored when `flow = vault`.\n * @param {object} [options.billingAgreementDetails] When `requestBillingAgreement = true`, allows for details to be set for the billing agreement portion of the flow.\n * @param {string} [options.billingAgreementDetails.description] Description of the billing agreement to display to the customer.\n * @param {string} [options.vaultInitiatedCheckoutPaymentMethodToken] Use the payment method nonce representing a PayPal account with a Billing Agreement ID to create the payment and redirect the customer to select a new financial instrument. This option is only applicable to the `checkout` flow.\n * @param {shippingOption[]} [options.shippingOptions] List of shipping options offered by the payee or merchant to the payer to ship or pick up their items. **Note:** `shippingOptions` may not be passed with `intent=\"order\"`.\n * @param {boolean} [options.enableShippingAddress=false] Returns a shipping address object in {@link PayPal#tokenize}.\n * @param {object} [options.shippingAddressOverride] Allows you to pass a shipping address you have already collected into the PayPal payment flow.\n * @param {string} options.shippingAddressOverride.line1 Street address.\n * @param {string} [options.shippingAddressOverride.line2] Street address (extended).\n * @param {string} options.shippingAddressOverride.city City.\n * @param {string} options.shippingAddressOverride.state State.\n * @param {string} options.shippingAddressOverride.postalCode Postal code.\n * @param {string} options.shippingAddressOverride.countryCode Country.\n * @param {string} [options.shippingAddressOverride.phone] Phone number.\n * @param {string} [options.shippingAddressOverride.recipientName] Recipient's name.\n * @param {boolean} [options.shippingAddressEditable=true] Set to false to disable user editing of the shipping address.\n * @param {string} [options.billingAgreementDescription] Use this option to set the description of the preapproved payment agreement visible to customers in their PayPal profile during Vault flows. Max 255 characters.\n * @param {string} [options.landingPageType] Use this option to specify the PayPal page to display when a user lands on the PayPal site to complete the payment.\n * * `login` - A PayPal account login page is used.\n * * `billing` - A non-PayPal account landing page is used.\n * @param {lineItem[]} [options.lineItems] The {@link PayPalCheckout~lineItem|line items} for this transaction. It can include up to 249 line items.\n * @param {callback} [callback] The second argument is a PayPal `paymentId` or `billingToken` string, depending on whether `options.flow` is `checkout` or `vault`. This is also what is resolved by the promise if no callback is provided.\n * @example\n * // this paypal object is created by the PayPal JS SDK\n * // see https://github.com/paypal/paypal-checkout-components\n * paypal.Buttons({\n * createOrder: function () {\n * // when createPayment resolves, it is automatically passed to the PayPal JS SDK\n * return paypalCheckoutInstance.createPayment({\n * flow: 'checkout',\n * amount: '10.00',\n * currency: 'USD',\n * intent: 'capture' // this value must either be `capture` or match the intent passed into the PayPal SDK intent query parameter\n * });\n * },\n * // Add other options, e.g. onApproved, onCancel, onError\n * }).render('#paypal-button');\n *\n * @example\n * // shippingOptions are passed to createPayment. You can review the result from onAuthorize to determine which shipping option id was selected.\n * ```javascript\n * braintree.client.create({\n * authorization: 'authorization'\n * }).then(function (clientInstance) {\n * return braintree.paypalCheckout.create({\n * client: clientInstance\n * });\n * }).then(function (paypalCheckoutInstance) {\n * return paypal.Button.render({\n * env: 'production'\n *\n * payment: function () {\n * return paypalCheckoutInstance.createPayment({\n * flow: 'checkout',\n * amount: '10.00',\n * currency: 'USD',\n * shippingOptions: [\n * {\n * id: 'UUID-9',\n * type: 'PICKUP',\n * label: 'Store Location Five',\n * selected: true,\n * amount: {\n * value: '1.00',\n * currency: 'USD'\n * }\n * },\n * {\n * id: 'shipping-speed-fast',\n * type: 'SHIPPING',\n * label: 'Fast Shipping',\n * selected: false,\n * amount: {\n * value: '1.00',\n * currency: 'USD'\n * }\n * },\n * {\n * id: 'shipping-speed-slow',\n * type: 'SHIPPING',\n * label: 'Slow Shipping',\n * selected: false,\n * amount: {\n * value: '1.00',\n * currency: 'USD'\n * }\n * }\n * ]\n * });\n * },\n *\n * onAuthorize: function (data, actions) {\n * return paypalCheckoutInstance.tokenizePayment(data).then(function (payload) {\n * // Submit payload.nonce to your server\n * });\n * }\n * }, '#paypal-button');\n * }).catch(function (err) {\n * console.error('Error!', err);\n * });\n * ```\n *\n * @returns {(Promise|void)} Returns a promise if no callback is provided.\n */\nPayPalCheckout.prototype.createPayment = function (options) {\n if (!options || !constants.FLOW_ENDPOINTS.hasOwnProperty(options.flow)) {\n return Promise.reject(\n new BraintreeError(errors.PAYPAL_FLOW_OPTION_REQUIRED)\n );\n }\n\n analytics.sendEvent(this._clientPromise, \"paypal-checkout.createPayment\");\n\n return this._createPaymentResource(options).then(function (response) {\n var flowToken;\n\n if (options.flow === \"checkout\") {\n flowToken = response.paymentResource.redirectUrl.match(/EC-\\w+/)[0];\n } else {\n flowToken = response.agreementSetup.tokenId;\n }\n\n return flowToken;\n });\n};\n\nPayPalCheckout.prototype._createPaymentResource = function (options, config) {\n var self = this;\n var endpoint = \"paypal_hermes/\" + constants.FLOW_ENDPOINTS[options.flow];\n\n delete this.intentFromCreatePayment;\n\n config = config || {};\n\n if (options.offerCredit === true) {\n analytics.sendEvent(this._clientPromise, \"paypal-checkout.credit.offered\");\n }\n\n return this._clientPromise\n .then(function (client) {\n return client\n .request({\n endpoint: endpoint,\n method: \"post\",\n data: self._formatPaymentResourceData(options, config),\n })\n .then(function (data) {\n self.intentFromCreatePayment = options.intent;\n\n return data;\n });\n })\n .catch(function (err) {\n var status;\n\n if (self._setupError) {\n return Promise.reject(self._setupError);\n }\n\n status = err.details && err.details.httpStatus;\n\n if (status === 422) {\n return Promise.reject(\n new BraintreeError({\n type: errors.PAYPAL_INVALID_PAYMENT_OPTION.type,\n code: errors.PAYPAL_INVALID_PAYMENT_OPTION.code,\n message: errors.PAYPAL_INVALID_PAYMENT_OPTION.message,\n details: {\n originalError: err,\n },\n })\n );\n }\n\n return Promise.reject(\n convertToBraintreeError(err, {\n type: errors.PAYPAL_FLOW_FAILED.type,\n code: errors.PAYPAL_FLOW_FAILED.code,\n message: errors.PAYPAL_FLOW_FAILED.message,\n })\n );\n });\n};\n\n/**\n * Initializes the PayPal checkout flow with a payment method nonce that represents a vaulted PayPal account.\n * When a {@link callback} is defined, the function returns undefined and invokes the callback with the id to be used with the PayPal JS SDK. Otherwise, it returns a Promise that resolves with the id.\n * @public\n * @ignore\n * @param {object} options These options are identical to the {@link PayPalCheckout#createPayment|options for creating a payment resource}, except for the following:\n * * `flow` cannot be set (will always be `'checkout'`)\n * * `amount`, `currency`, and `vaultInitiatedCheckoutPaymentMethodToken` are required instead of optional\n * * Additional configuration is available (listed below)\n * @param {boolean} [options.optOutOfModalBackdrop=false] By default, the webpage will darken and become unusable while the PayPal window is open. For full control of the UI, pass `true` for this option.\n * @param {callback} [callback] The second argument, payload, is a {@link PayPalCheckout~tokenizePayload|tokenizePayload}. If no callback is provided, the promise resolves with a {@link PayPalCheckout~tokenizePayload|tokenizePayload}.\n * @example\n * paypalCheckoutInstance.startVaultInitiatedCheckout({\n * vaultInitiatedCheckoutPaymentMethodToken: 'nonce-that-represents-a-vaulted-paypal-account',\n * amount: '10.00',\n * currency: 'USD'\n * }).then(function (payload) {\n * // send payload.nonce to your server\n * }).catch(function (err) {\n * if (err.code === 'PAYPAL_POPUP_CLOSED') {\n * // indicates that customer canceled by\n * // manually closing the PayPal popup\n * }\n *\n * // handle other errors\n * });\n *\n * @returns {(Promise|void)} Returns a promise if no callback is provided.\n */\nPayPalCheckout.prototype.startVaultInitiatedCheckout = function (options) {\n var missingRequiredParam;\n var self = this;\n\n if (this._vaultInitiatedCheckoutInProgress) {\n analytics.sendEvent(\n this._clientPromise,\n \"paypal-checkout.startVaultInitiatedCheckout.error.already-in-progress\"\n );\n\n return Promise.reject(\n new BraintreeError(\n errors.PAYPAL_START_VAULT_INITIATED_CHECKOUT_IN_PROGRESS\n )\n );\n }\n\n REQUIRED_PARAMS_FOR_START_VAULT_INITIATED_CHECKOUT.forEach(function (param) {\n if (!options.hasOwnProperty(param)) {\n missingRequiredParam = param;\n }\n });\n\n if (missingRequiredParam) {\n return Promise.reject(\n new BraintreeError({\n type: errors.PAYPAL_START_VAULT_INITIATED_CHECKOUT_PARAM_REQUIRED.type,\n code: errors.PAYPAL_START_VAULT_INITIATED_CHECKOUT_PARAM_REQUIRED.code,\n message: \"Required param \" + missingRequiredParam + \" is missing.\",\n })\n );\n }\n\n this._vaultInitiatedCheckoutInProgress = true;\n this._addModalBackdrop(options);\n\n options = assign({}, options, {\n flow: \"checkout\",\n });\n\n analytics.sendEvent(\n this._clientPromise,\n \"paypal-checkout.startVaultInitiatedCheckout.started\"\n );\n\n return this._waitForVaultInitiatedCheckoutDependencies()\n .then(function () {\n var frameCommunicationPromise = new ExtendedPromise();\n var startVaultInitiatedCheckoutPromise = self\n ._createPaymentResource(options, {\n returnUrl: self._constructVaultCheckutUrl(\"redirect-frame\"),\n cancelUrl: self._constructVaultCheckutUrl(\"cancel-frame\"),\n })\n .then(function (response) {\n var redirectUrl = response.paymentResource.redirectUrl;\n\n self._frameService.redirect(redirectUrl);\n\n return frameCommunicationPromise;\n });\n\n self._frameService.open(\n {},\n self._createFrameServiceCallback(frameCommunicationPromise)\n );\n\n return startVaultInitiatedCheckoutPromise;\n })\n .catch(function (err) {\n self._vaultInitiatedCheckoutInProgress = false;\n self._removeModalBackdrop();\n\n if (err.code === \"FRAME_SERVICE_FRAME_CLOSED\") {\n analytics.sendEvent(\n self._clientPromise,\n \"paypal-checkout.startVaultInitiatedCheckout.canceled.by-customer\"\n );\n\n return Promise.reject(\n new BraintreeError(\n errors.PAYPAL_START_VAULT_INITIATED_CHECKOUT_CANCELED\n )\n );\n }\n\n if (self._frameService) {\n self._frameService.close();\n }\n\n if (\n err.code &&\n err.code.indexOf(\"FRAME_SERVICE_FRAME_OPEN_FAILED\") > -1\n ) {\n analytics.sendEvent(\n self._clientPromise,\n \"paypal-checkout.startVaultInitiatedCheckout.failed.popup-not-opened\"\n );\n\n return Promise.reject(\n new BraintreeError({\n code: errors.PAYPAL_START_VAULT_INITIATED_CHECKOUT_POPUP_OPEN_FAILED\n .code,\n type: errors.PAYPAL_START_VAULT_INITIATED_CHECKOUT_POPUP_OPEN_FAILED\n .type,\n message:\n errors.PAYPAL_START_VAULT_INITIATED_CHECKOUT_POPUP_OPEN_FAILED\n .message,\n details: {\n originalError: err,\n },\n })\n );\n }\n\n return Promise.reject(err);\n })\n .then(function (response) {\n self._frameService.close();\n self._vaultInitiatedCheckoutInProgress = false;\n self._removeModalBackdrop();\n analytics.sendEvent(\n self._clientPromise,\n \"paypal-checkout.startVaultInitiatedCheckout.succeeded\"\n );\n\n return Promise.resolve(response);\n });\n};\n\nPayPalCheckout.prototype._addModalBackdrop = function (options) {\n if (options.optOutOfModalBackdrop) {\n return;\n }\n\n if (!this._modalBackdrop) {\n this._modalBackdrop = document.createElement(\"div\");\n this._modalBackdrop.setAttribute(\n \"data-braintree-paypal-vault-initiated-checkout-modal\",\n true\n );\n this._modalBackdrop.style.position = \"fixed\";\n this._modalBackdrop.style.top = 0;\n this._modalBackdrop.style.bottom = 0;\n this._modalBackdrop.style.left = 0;\n this._modalBackdrop.style.right = 0;\n this._modalBackdrop.style.zIndex = 9999;\n this._modalBackdrop.style.background = \"black\";\n this._modalBackdrop.style.opacity = \"0.7\";\n this._modalBackdrop.addEventListener(\n \"click\",\n function () {\n this.focusVaultInitiatedCheckoutWindow();\n }.bind(this)\n );\n }\n\n document.body.appendChild(this._modalBackdrop);\n};\n\nPayPalCheckout.prototype._removeModalBackdrop = function () {\n if (!(this._modalBackdrop && this._modalBackdrop.parentNode)) {\n return;\n }\n\n this._modalBackdrop.parentNode.removeChild(this._modalBackdrop);\n};\n\n/**\n * Closes the PayPal window if it is opened via `startVaultInitiatedCheckout`.\n * @public\n * @ignore\n * @param {callback} [callback] Gets called when window is closed.\n * @example\n * paypalCheckoutInstance.closeVaultInitiatedCheckoutWindow();\n * @returns {(Promise|void)} Returns a promise if no callback is provided.\n */\nPayPalCheckout.prototype.closeVaultInitiatedCheckoutWindow = function () {\n if (this._vaultInitiatedCheckoutInProgress) {\n analytics.sendEvent(\n this._clientPromise,\n \"paypal-checkout.startVaultInitiatedCheckout.canceled.by-merchant\"\n );\n }\n\n return this._waitForVaultInitiatedCheckoutDependencies().then(\n function () {\n this._frameService.close();\n }.bind(this)\n );\n};\n\n/**\n * Focuses the PayPal window if it is opened via `startVaultInitiatedCheckout`.\n * @public\n * @ignore\n * @param {callback} [callback] Gets called when window is focused.\n * @example\n * paypalCheckoutInstance.focusVaultInitiatedCheckoutWindow();\n * @returns {(Promise|void)} Returns a promise if no callback is provided.\n */\nPayPalCheckout.prototype.focusVaultInitiatedCheckoutWindow = function () {\n return this._waitForVaultInitiatedCheckoutDependencies().then(\n function () {\n this._frameService.focus();\n }.bind(this)\n );\n};\n\nPayPalCheckout.prototype._createFrameServiceCallback = function (\n frameCommunicationPromise\n) {\n var self = this;\n\n // TODO when a merchant integrates an iOS or Android integration\n // with a webview using the web SDK, we will have to add popupbridge\n // support\n return function (err, payload) {\n if (err) {\n frameCommunicationPromise.reject(err);\n } else if (payload) {\n self._frameService.redirect(self._loadingFrameUrl);\n self\n .tokenizePayment({\n paymentToken: payload.token,\n payerID: payload.PayerID,\n paymentID: payload.paymentId,\n })\n .then(function (res) {\n frameCommunicationPromise.resolve(res);\n })\n .catch(function (tokenizationError) {\n frameCommunicationPromise.reject(tokenizationError);\n });\n }\n };\n};\n\nPayPalCheckout.prototype._waitForVaultInitiatedCheckoutDependencies =\n function () {\n var self = this;\n\n return this._clientPromise.then(function () {\n return self._frameServicePromise;\n });\n };\n\nPayPalCheckout.prototype._constructVaultCheckutUrl = function (frameName) {\n var serviceId = this._frameService._serviceId;\n\n return (\n this._assetsUrl +\n \"/html/\" +\n frameName +\n useMin(this._isDebug) +\n \".html?channel=\" +\n serviceId\n );\n};\n\n/**\n * Tokenizes the authorize data from the PayPal JS SDK when completing a buyer approval flow.\n * When a {@link callback} is defined, invokes the callback with {@link PayPalCheckout~tokenizePayload|tokenizePayload} and returns undefined. Otherwise, returns a Promise that resolves with a {@link PayPalCheckout~tokenizePayload|tokenizePayload}.\n * @public\n * @param {object} tokenizeOptions Tokens and IDs required to tokenize the payment.\n * @param {string} tokenizeOptions.payerId Payer ID returned by PayPal `onApproved` callback.\n * @param {string} [tokenizeOptions.paymentId] Payment ID returned by PayPal `onApproved` callback.\n * @param {string} [tokenizeOptions.billingToken] Billing Token returned by PayPal `onApproved` callback.\n * @param {boolean} [tokenizeOptions.vault=true] Whether or not to vault the resulting PayPal account (if using a client token generated with a customer id and the vault flow).\n * @param {callback} [callback] The second argument, payload, is a {@link PayPalCheckout~tokenizePayload|tokenizePayload}. If no callback is provided, the promise resolves with a {@link PayPalCheckout~tokenizePayload|tokenizePayload}.\n * @example Opt out of auto-vaulting behavior \n * // create the paypalCheckoutInstance with a client token generated with a customer id\n * paypal.Buttons({\n * createBillingAgreement: function () {\n * return paypalCheckoutInstance.createPayment({\n * flow: 'vault'\n * // your other createPayment options here\n * });\n * },\n * onApproved: function (data) {\n * data.vault = false;\n *\n * return paypalCheckoutInstance.tokenizePayment(data);\n * },\n * // Add other options, e.g. onCancel, onError\n * }).render('#paypal-button');\n *\n * @returns {(Promise|void)} Returns a promise if no callback is provided.\n */\nPayPalCheckout.prototype.tokenizePayment = function (tokenizeOptions) {\n var self = this;\n var shouldVault = true;\n var payload;\n var options = {\n flow:\n tokenizeOptions.billingToken && !tokenizeOptions.paymentID\n ? \"vault\"\n : \"checkout\",\n intent: tokenizeOptions.intent || this.intentFromCreatePayment,\n };\n var params = {\n // The paymentToken provided by the PayPal JS SDK is the EC Token\n ecToken: tokenizeOptions.paymentToken,\n billingToken: tokenizeOptions.billingToken,\n payerId: tokenizeOptions.payerID,\n paymentId: tokenizeOptions.paymentID,\n shippingOptionsId: tokenizeOptions.shippingOptionsId,\n };\n\n if (tokenizeOptions.hasOwnProperty(\"vault\")) {\n shouldVault = tokenizeOptions.vault;\n }\n\n options.vault = shouldVault;\n\n analytics.sendEvent(\n this._clientPromise,\n \"paypal-checkout.tokenization.started\"\n );\n\n return this._clientPromise\n .then(function (client) {\n return client.request({\n endpoint: \"payment_methods/paypal_accounts\",\n method: \"post\",\n data: self._formatTokenizeData(options, params),\n });\n })\n .then(function (response) {\n payload = self._formatTokenizePayload(response);\n\n analytics.sendEvent(\n self._clientPromise,\n \"paypal-checkout.tokenization.success\"\n );\n if (payload.creditFinancingOffered) {\n analytics.sendEvent(\n self._clientPromise,\n \"paypal-checkout.credit.accepted\"\n );\n }\n\n return payload;\n })\n .catch(function (err) {\n if (self._setupError) {\n return Promise.reject(self._setupError);\n }\n\n analytics.sendEvent(\n self._clientPromise,\n \"paypal-checkout.tokenization.failed\"\n );\n\n return Promise.reject(\n convertToBraintreeError(err, {\n type: errors.PAYPAL_ACCOUNT_TOKENIZATION_FAILED.type,\n code: errors.PAYPAL_ACCOUNT_TOKENIZATION_FAILED.code,\n message: errors.PAYPAL_ACCOUNT_TOKENIZATION_FAILED.message,\n })\n );\n });\n};\n\n/**\n * Resolves with the PayPal client id to be used when loading the PayPal SDK.\n * @public\n * @param {callback} [callback] The second argument, id, is a the PayPal client id. If no callback is provided, the promise resolves with the PayPal client id.\n * @returns {(Promise|void)} Returns a promise if no callback is provided.\n * @example\n * paypalCheckoutInstance.getClientId().then(function (id) {\n * var script = document.createElement('script');\n *\n * script.src = 'https://www.paypal.com/sdk/js?client-id=' + id;\n * script.onload = function () {\n * // setup the PayPal SDK\n * };\n *\n * document.body.appendChild(script);\n * });\n */\nPayPalCheckout.prototype.getClientId = function () {\n return this._clientPromise.then(function (client) {\n return client.getConfiguration().gatewayConfiguration.paypal.clientId;\n });\n};\n\n/**\n * Resolves when the PayPal SDK has been successfully loaded onto the page.\n * @public\n * @param {object} [options] A configuration object to modify the query params and data-attributes on the PayPal SDK. A subset of the parameters are listed below. For a full list of query params, see the [PayPal docs](https://developer.paypal.com/docs/checkout/reference/customize-sdk/?mark=query#query-parameters).\n * @param {string} [options.client-id] By default, this will be the client id associated with the authorization used to create the Braintree component. When used in conjunction with passing `authorization` when creating the PayPal Checkout component, you can speed up the loading of the PayPal SDK.\n * @param {string} [options.intent=\"authorize\"] By default, the PayPal SDK defaults to an intent of `capture`. Since the default intent when calling {@link PayPalCheckout#createPayment|`createPayment`} is `authorize`, the PayPal SDK will be loaded with `intent=authorize`. If you wish to use a different intent when calling {@link PayPalCheckout#createPayment|`createPayment`}, make sure it matches here. If `sale` is used, it will be converted to `capture` for the PayPal SDK. If the `vault: true` param is used, `tokenize` will be passed as the default intent.\n * @param {string} [options.locale=en_US] Use this option to change the language, links, and terminology used in the PayPal flow. This locale will be used unless the buyer has set a preferred locale for their account. If an unsupported locale is supplied, a fallback locale (determined by buyer preference or browser data) will be used and no error will be thrown.\n *\n * Supported locales are:\n * `da_DK`,\n * `de_DE`,\n * `en_AU`,\n * `en_GB`,\n * `en_US`,\n * `es_ES`,\n * `fr_CA`,\n * `fr_FR`,\n * `id_ID`,\n * `it_IT`,\n * `ja_JP`,\n * `ko_KR`,\n * `nl_NL`,\n * `no_NO`,\n * `pl_PL`,\n * `pt_BR`,\n * `pt_PT`,\n * `ru_RU`,\n * `sv_SE`,\n * `th_TH`,\n * `zh_CN`,\n * `zh_HK`,\n * and `zh_TW`.\n *\n * @param {string} [options.currency=\"USD\"] If a currency is passed in {@link PayPalCheckout#createPayment|`createPayment`}, it must match the currency passed here.\n * @param {boolean} [options.vault] Must be `true` when using `flow: vault` in {@link PayPalCheckout#createPayment|`createPayment`}.\n * @param {string} [options.components=buttons] By default, the Braintree SDK will only load the PayPal smart buttons component. If you would like to load just the [messages component](https://developer.paypal.com/docs/business/checkout/add-capabilities/credit-messaging/), pass `messages`. If you would like to load both, pass `buttons,messages`\n * @param {object} [options.dataAttributes] The data attributes to apply to the script. Any data attribute can be passed. A subset of the parameters are listed below. For a full list of data attributes, see the [PayPal docs](https://developer.paypal.com/docs/checkout/reference/customize-sdk/#script-parameters).\n * @param {string} [options.dataAttributes.client-token] The client token to use in the script. (usually not needed)\n * @param {string} [options.dataAttributes.csp-nonce] See the [PayPal docs about content security nonces](https://developer.paypal.com/docs/checkout/reference/customize-sdk/#csp-nonce).\n * @param {callback} [callback] Called when the PayPal SDK has been loaded onto the page. The second argument is the PayPal Checkout instance. If no callback is provided, the promise resolves with the PayPal Checkout instance when the PayPal SDK has been loaded onto the page.\n * @returns {(Promise|void)} Returns a promise if no callback is provided.\n * @example Without options \n * paypalCheckoutInstance.loadPayPalSDK().then(function () {\n * // window.paypal.Buttons is now available to use\n * });\n * @example With options \n * paypalCheckoutInstance.loadPayPalSDK({\n * 'client-id': 'PayPal Client Id', // Can speed up rendering time to hardcode this value\n *\n * intent: 'capture', // Make sure this value matches the value in createPayment\n * currency: 'USD', // Make sure this value matches the value in createPayment\n * }).then(function () {\n * // window.paypal.Buttons is now available to use\n * });\n * @example With Vaulting \n * paypalCheckoutInstance.loadPayPalSDK({\n * vault: true\n * }).then(function () {\n * // window.paypal.Buttons is now available to use\n * });\n */\nPayPalCheckout.prototype.loadPayPalSDK = function (options) {\n var idPromise, src;\n var loadPromise = new ExtendedPromise();\n var dataAttributes = (options && options.dataAttributes) || {};\n var userIdToken =\n dataAttributes[\"user-id-token\"] || dataAttributes[\"data-user-id-token\"];\n\n if (!userIdToken) {\n userIdToken =\n this._authorizationInformation.fingerprint &&\n this._authorizationInformation.fingerprint.split(\"?\")[0];\n }\n\n this._paypalScript = document.createElement(\"script\");\n\n // NEXT_MAJOR_VERSION\n // this options object should have 2 properties:\n // * queryParams\n // * dataAttributes\n // should make organizing this better than squashing\n // all the query params at the top level and extracting\n // the data attributes\n options = assign(\n {},\n {\n components: \"buttons\",\n },\n options\n );\n delete options.dataAttributes;\n\n // NEXT_MAJOR_VERSION if merchant passes an explicit intent,\n // currency, amount, etc, save those for use in createPayment\n // if no explicit param of that type is passed in when calling\n // createPayment to reduce the number of items that need to be\n // duplicated here and in createPayment\n if (options.vault) {\n options.intent = options.intent || \"tokenize\";\n } else {\n options.intent = options.intent || \"authorize\";\n options.currency = options.currency || \"USD\";\n }\n\n src = \"https://www.paypal.com/sdk/js?\";\n this._paypalScript.onload = function () {\n loadPromise.resolve();\n };\n\n Object.keys(dataAttributes).forEach(\n function (attribute) {\n this._paypalScript.setAttribute(\n \"data-\" + attribute.replace(/^data\\-/, \"\"),\n dataAttributes[attribute]\n );\n }.bind(this)\n );\n\n if (options[\"client-id\"]) {\n idPromise = Promise.resolve(options[\"client-id\"]);\n } else {\n idPromise = this.getClientId();\n }\n\n idPromise.then(\n function (id) {\n options[\"client-id\"] = id;\n\n if (this._autoSetDataUserIdToken && userIdToken) {\n this._paypalScript.setAttribute(\"data-user-id-token\", userIdToken);\n\n // preloading improves the rendering time of the PayPal button\n this._attachPreloadPixel({\n id: id,\n userIdToken: userIdToken,\n amount: dataAttributes.amount,\n currency: options.currency,\n merchantId: options[\"merchant-id\"],\n });\n }\n\n this._paypalScript.src = querystring.queryify(src, options);\n document.head.insertBefore(\n this._paypalScript,\n document.head.firstElementChild\n );\n }.bind(this)\n );\n\n return loadPromise.then(\n function () {\n return this;\n }.bind(this)\n );\n};\n\nPayPalCheckout.prototype._attachPreloadPixel = function (options) {\n var request;\n var id = options.id;\n var userIdToken = options.userIdToken;\n var env = this._authorizationInformation.environment;\n var subdomain = env === \"production\" ? \"\" : \"sandbox.\";\n var url = PAYPAL_SDK_PRELOAD_URL.replace(\"{ENV}\", subdomain);\n var preloadOptions = {\n \"client-id\": id,\n \"user-id-token\": userIdToken,\n };\n\n if (options.amount) {\n preloadOptions.amount = options.amount;\n }\n if (options.currency) {\n preloadOptions.currency = options.currency;\n }\n if (options.merchantId) {\n preloadOptions[\"merchant-id\"] = options.merchantId;\n }\n\n request = new XMLHttpRequest();\n request.open(\"GET\", querystring.queryify(url, preloadOptions));\n request.send();\n};\n\nPayPalCheckout.prototype._formatPaymentResourceData = function (\n options,\n config\n) {\n var key;\n var gatewayConfiguration = this._configuration.gatewayConfiguration;\n // NEXT_MAJOR_VERSION default value for intent in PayPal SDK is capture\n // but our integrations default value is authorize. Default this to capture\n // in the next major version.\n var intent = options.intent;\n var paymentResource = {\n // returnUrl and cancelUrl are required in hermes create_payment_resource route\n // but are not used by the PayPal sdk, except to redirect to an error page\n returnUrl: config.returnUrl || \"https://www.paypal.com/checkoutnow/error\",\n cancelUrl: config.cancelUrl || \"https://www.paypal.com/checkoutnow/error\",\n offerPaypalCredit: options.offerCredit === true,\n merchantAccountId: this._merchantAccountId,\n experienceProfile: {\n brandName: options.displayName || gatewayConfiguration.paypal.displayName,\n localeCode: options.locale,\n noShipping: (!options.enableShippingAddress).toString(),\n addressOverride: options.shippingAddressEditable === false,\n landingPageType: options.landingPageType,\n },\n shippingOptions: options.shippingOptions,\n };\n\n if (options.flow === \"checkout\") {\n paymentResource.amount = options.amount;\n paymentResource.currencyIsoCode = options.currency;\n paymentResource.requestBillingAgreement = options.requestBillingAgreement;\n\n if (intent) {\n // 'sale' has been changed to 'capture' in PayPal's backend, but\n // we use an old version with 'sale'. We provide capture as an alias\n // to match the PayPal SDK\n if (intent === \"capture\") {\n intent = \"sale\";\n }\n paymentResource.intent = intent;\n }\n\n if (options.hasOwnProperty(\"lineItems\")) {\n paymentResource.lineItems = options.lineItems;\n }\n\n if (options.hasOwnProperty(\"vaultInitiatedCheckoutPaymentMethodToken\")) {\n paymentResource.vaultInitiatedCheckoutPaymentMethodToken =\n options.vaultInitiatedCheckoutPaymentMethodToken;\n }\n\n if (options.hasOwnProperty(\"shippingOptions\")) {\n paymentResource.shippingOptions = options.shippingOptions;\n }\n\n for (key in options.shippingAddressOverride) {\n if (options.shippingAddressOverride.hasOwnProperty(key)) {\n paymentResource[key] = options.shippingAddressOverride[key];\n }\n }\n\n if (options.hasOwnProperty(\"billingAgreementDetails\")) {\n paymentResource.billingAgreementDetails = options.billingAgreementDetails;\n }\n } else {\n paymentResource.shippingAddress = options.shippingAddressOverride;\n\n if (options.billingAgreementDescription) {\n paymentResource.description = options.billingAgreementDescription;\n }\n }\n\n // this needs to be set outside of the block where add it to the\n // payment request so that a follow up tokenization call can use it,\n // but if a second create payment resource call is made without\n // the correlation id, we want to reset it to undefined so that the\n // tokenization call does not use a stale correlation id\n this._riskCorrelationId = options.riskCorrelationId;\n if (options.riskCorrelationId) {\n paymentResource.correlationId = this._riskCorrelationId;\n }\n\n return paymentResource;\n};\n\nPayPalCheckout.prototype._formatTokenizeData = function (options, params) {\n var clientConfiguration = this._configuration;\n var gatewayConfiguration = clientConfiguration.gatewayConfiguration;\n var isTokenizationKey =\n clientConfiguration.authorizationType === \"TOKENIZATION_KEY\";\n var isVaultFlow = options.flow === \"vault\";\n var correlationId =\n this._riskCorrelationId || params.billingToken || params.ecToken;\n var data = {\n paypalAccount: {\n correlationId: correlationId,\n options: {\n validate: isVaultFlow && !isTokenizationKey && options.vault,\n },\n },\n };\n\n if (isVaultFlow) {\n data.paypalAccount.billingAgreementToken = params.billingToken;\n } else {\n data.paypalAccount.paymentToken = params.paymentId;\n data.paypalAccount.payerId = params.payerId;\n data.paypalAccount.unilateral =\n gatewayConfiguration.paypal.unvettedMerchant;\n\n if (options.intent) {\n data.paypalAccount.intent = options.intent;\n }\n }\n\n if (this._merchantAccountId) {\n data.merchantAccountId = this._merchantAccountId;\n }\n\n return data;\n};\n\nPayPalCheckout.prototype._formatTokenizePayload = function (response) {\n var payload;\n var account = {};\n\n if (response.paypalAccounts) {\n account = response.paypalAccounts[0];\n }\n\n payload = {\n nonce: account.nonce,\n details: {},\n type: account.type,\n };\n\n if (account.details && account.details.payerInfo) {\n payload.details = account.details.payerInfo;\n }\n\n if (account.details && account.details.creditFinancingOffered) {\n payload.creditFinancingOffered = account.details.creditFinancingOffered;\n }\n\n if (account.details && account.details.shippingOptionId) {\n payload.shippingOptionId = account.details.shippingOptionId;\n }\n\n if (account.details && account.details.cobrandedCardLabel) {\n payload.cobrandedCardLabel = account.details.cobrandedCardLabel;\n }\n\n return payload;\n};\n\n/**\n * Cleanly tear down anything set up by {@link module:braintree-web/paypal-checkout.create|create}.\n * @public\n * @param {callback} [callback] Called once teardown is complete. No data is returned if teardown completes successfully.\n * @example\n * paypalCheckoutInstance.teardown();\n * @example With callback \n * paypalCheckoutInstance.teardown(function () {\n * // teardown is complete\n * });\n * @returns {(Promise|void)} Returns a promise if no callback is provided.\n */\nPayPalCheckout.prototype.teardown = function () {\n var self = this;\n\n convertMethodsToError(this, methods(PayPalCheckout.prototype));\n\n if (this._paypalScript && this._paypalScript.parentNode) {\n this._paypalScript.parentNode.removeChild(this._paypalScript);\n }\n\n return this._frameServicePromise\n .catch(function () {\n // no need to error in teardown for an error setting up the frame service\n })\n .then(function () {\n if (!self._frameService) {\n return Promise.resolve();\n }\n\n return self._frameService.teardown();\n });\n};\n\nmodule.exports = wrapPromise.wrapPrototype(PayPalCheckout);\n\n},{\"../lib/analytics\":94,\"../lib/assign\":96,\"../lib/braintree-error\":99,\"../lib/constants\":100,\"../lib/convert-methods-to-error\":101,\"../lib/convert-to-braintree-error\":102,\"../lib/create-assets-url\":103,\"../lib/create-authorization-data\":104,\"../lib/create-deferred-client\":105,\"../lib/frame-service/external\":113,\"../lib/methods\":129,\"../lib/promise\":131,\"../lib/querystring\":132,\"../lib/use-min\":135,\"../paypal/shared/constants\":140,\"./errors\":137,\"@braintree/extended-promise\":42,\"@braintree/wrap-promise\":51}],140:[function(require,module,exports){\n\"use strict\";\n\nmodule.exports = {\n LANDING_FRAME_NAME: \"braintreepaypallanding\",\n FLOW_ENDPOINTS: {\n checkout: \"create_payment_resource\",\n vault: \"setup_billing_agreement\",\n },\n};\n\n},{}],141:[function(require,module,exports){\n\"use strict\";\n\nvar assign = require(\"../../../lib/assign\").assign;\nvar analytics = require(\"../../../lib/analytics\");\nvar BraintreeError = require(\"../../../lib/braintree-error\");\nvar Promise = require(\"../../../lib/promise\");\nvar isVerifiedDomain = require(\"../../../lib/is-verified-domain\");\nvar ExtendedPromise = require(\"@braintree/extended-promise\");\nvar EventEmitter = require(\"@braintree/event-emitter\");\nvar errors = require(\"../../shared/errors\");\nvar iFramer = require(\"@braintree/iframer\");\nvar Bus = require(\"framebus\");\nvar constants = require(\"../../shared/constants\");\nvar uuid = require(\"@braintree/uuid\");\nvar events = require(\"../../shared/events\");\nvar useMin = require(\"../../../lib/use-min\");\nvar BUS_CONFIGURATION_REQUEST_EVENT =\n require(\"../../../lib/constants\").BUS_CONFIGURATION_REQUEST_EVENT;\n\nvar VERSION = \"3.88.3\";\nvar IFRAME_HEIGHT = 400;\nvar IFRAME_WIDTH = 400;\n\nfunction BaseFramework(options) {\n EventEmitter.call(this);\n\n this._client = options.client;\n this._createPromise = options.createPromise;\n this._createOptions = options;\n\n if (this._client) {\n this._isDebug = this._client.getConfiguration().isDebug;\n this._assetsUrl =\n this._client.getConfiguration().gatewayConfiguration.assetsUrl;\n } else {\n this._isDebug = Boolean(options.isDebug);\n this._assetsUrl = options.assetsUrl;\n }\n this._assetsUrl = this._assetsUrl + \"/web/\" + VERSION;\n}\n\nEventEmitter.createChild(BaseFramework);\n\nBaseFramework.prototype._waitForClient = function () {\n if (this._client) {\n return Promise.resolve();\n }\n\n return this._createPromise.then(\n function (client) {\n this._client = client;\n }.bind(this)\n );\n};\n\nBaseFramework.prototype.setUpEventListeners = function () {\n throw new BraintreeError(errors.THREEDS_FRAMEWORK_METHOD_NOT_IMPLEMENTED);\n};\n\nBaseFramework.prototype.verifyCard = function (options, privateOptions) {\n var formattedOptions, error;\n var self = this;\n\n privateOptions = privateOptions || {};\n\n error = this._checkForVerifyCardError(options, privateOptions);\n\n if (error) {\n return Promise.reject(error);\n }\n\n this._verifyCardInProgress = true;\n\n formattedOptions = this._formatVerifyCardOptions(options);\n\n return this._formatLookupData(formattedOptions)\n .then(function (data) {\n analytics.sendEvent(\n self._createPromise,\n \"three-d-secure.verification-flow.started\"\n );\n\n return self._performLookup(formattedOptions.nonce, data);\n })\n .then(function (response) {\n analytics.sendEvent(\n self._createPromise,\n \"three-d-secure.verification-flow.3ds-version.\" +\n response.lookup.threeDSecureVersion\n );\n\n return self._onLookupComplete(response, formattedOptions);\n })\n .then(function (response) {\n return self.initializeChallengeWithLookupResponse(\n response,\n formattedOptions\n );\n })\n .then(function (payload) {\n self._resetVerificationState();\n\n analytics.sendEvent(\n self._createPromise,\n \"three-d-secure.verification-flow.completed\"\n );\n\n return payload;\n })\n .catch(function (err) {\n self._resetVerificationState();\n\n analytics.sendEvent(\n self._createPromise,\n \"three-d-secure.verification-flow.failed\"\n );\n\n return Promise.reject(err);\n });\n};\n\nBaseFramework.prototype._checkForFrameworkSpecificVerifyCardErrors =\n function () {\n throw new BraintreeError(errors.THREEDS_FRAMEWORK_METHOD_NOT_IMPLEMENTED);\n };\n\nBaseFramework.prototype._presentChallenge = function () {\n throw new BraintreeError(errors.THREEDS_FRAMEWORK_METHOD_NOT_IMPLEMENTED);\n};\n\nBaseFramework.prototype.prepareLookup = function () {\n throw new BraintreeError(errors.THREEDS_FRAMEWORK_METHOD_NOT_IMPLEMENTED);\n};\n\nBaseFramework.prototype._resetVerificationState = function () {\n this._verifyCardInProgress = false;\n this._verifyCardPromisePlus = null;\n};\n\nBaseFramework.prototype._performLookup = function (nonce, data) {\n var self = this;\n var url = \"payment_methods/\" + nonce + \"/three_d_secure/lookup\";\n\n return this._waitForClient().then(function () {\n return self._client\n .request({\n endpoint: url,\n method: \"post\",\n data: data,\n })\n .catch(function (err) {\n var status = err && err.details && err.details.httpStatus;\n var analyticsMessage = \"three-d-secure.verification-flow.lookup-failed\";\n var lookupError;\n\n if (status === 404) {\n lookupError = errors.THREEDS_LOOKUP_TOKENIZED_CARD_NOT_FOUND_ERROR;\n analyticsMessage += \".404\";\n } else if (status === 422) {\n lookupError = errors.THREEDS_LOOKUP_VALIDATION_ERROR;\n analyticsMessage += \".422\";\n } else {\n lookupError = errors.THREEDS_LOOKUP_ERROR;\n }\n\n analytics.sendEvent(self._createPromise, analyticsMessage);\n\n return Promise.reject(\n new BraintreeError({\n type: lookupError.type,\n code: lookupError.code,\n message: lookupError.message,\n details: {\n originalError: err,\n },\n })\n );\n });\n });\n};\n\nBaseFramework.prototype._checkForVerifyCardError = function (\n options,\n privateOptions\n) {\n var errorOption;\n\n if (this._verifyCardInProgress === true) {\n return new BraintreeError(errors.THREEDS_AUTHENTICATION_IN_PROGRESS);\n } else if (!options.nonce) {\n errorOption = \"a nonce\";\n } else if (!options.amount) {\n errorOption = \"an amount\";\n }\n\n if (!errorOption) {\n errorOption = this._checkForFrameworkSpecificVerifyCardErrors(\n options,\n privateOptions\n );\n }\n\n if (errorOption) {\n return new BraintreeError({\n type: errors.THREEDS_MISSING_VERIFY_CARD_OPTION.type,\n code: errors.THREEDS_MISSING_VERIFY_CARD_OPTION.code,\n message: \"verifyCard options must include \" + errorOption + \".\",\n });\n }\n\n return null;\n};\n\nBaseFramework.prototype.initializeChallengeWithLookupResponse = function (\n lookupResponse,\n options\n) {\n var self = this;\n\n options = options || {};\n\n this._lookupPaymentMethod = lookupResponse.paymentMethod;\n\n // sets this in the case that initializeChallengeWithLookupResponse is\n // called as a standalone method from a server side lookup. In a normal\n // verifyCard flow, this promise will already exist\n self._verifyCardPromisePlus =\n self._verifyCardPromisePlus || new ExtendedPromise();\n self._handleLookupResponse(lookupResponse, options);\n\n return self._verifyCardPromisePlus.then(function (payload) {\n analytics.sendEvent(\n self._createPromise,\n \"three-d-secure.verification-flow.liability-shifted.\" +\n String(payload.liabilityShifted)\n );\n analytics.sendEvent(\n self._createPromise,\n \"three-d-secure.verification-flow.liability-shift-possible.\" +\n String(payload.liabilityShiftPossible)\n );\n\n return payload;\n });\n};\n\nBaseFramework.prototype._handleLookupResponse = function (\n lookupResponse,\n options\n) {\n var challengeShouldBePresented = Boolean(\n lookupResponse.lookup && lookupResponse.lookup.acsUrl\n );\n var details;\n\n analytics.sendEvent(\n this._createPromise,\n \"three-d-secure.verification-flow.challenge-presented.\" +\n String(challengeShouldBePresented)\n );\n\n if (challengeShouldBePresented) {\n this._presentChallenge(lookupResponse, options);\n } else {\n details = this._formatAuthResponse(\n lookupResponse.paymentMethod,\n lookupResponse.threeDSecureInfo\n );\n details.verificationDetails = lookupResponse.threeDSecureInfo;\n\n this._verifyCardPromisePlus.resolve(details);\n }\n};\n\nBaseFramework.prototype._onLookupComplete = function (response) {\n this._lookupPaymentMethod = response.paymentMethod;\n this._verifyCardPromisePlus = new ExtendedPromise();\n\n return Promise.resolve(response);\n};\n\nBaseFramework.prototype._formatAuthResponse = function (\n paymentMethod,\n threeDSecureInfo\n) {\n return {\n nonce: paymentMethod.nonce,\n type: paymentMethod.type,\n binData: paymentMethod.binData,\n details: paymentMethod.details,\n description:\n paymentMethod.description &&\n paymentMethod.description.replace(/\\+/g, \" \"),\n liabilityShifted: threeDSecureInfo && threeDSecureInfo.liabilityShifted,\n liabilityShiftPossible:\n threeDSecureInfo && threeDSecureInfo.liabilityShiftPossible,\n threeDSecureInfo: paymentMethod.threeDSecureInfo,\n };\n};\n\nBaseFramework.prototype._formatVerifyCardOptions = function (options) {\n return assign({}, options);\n};\n\nBaseFramework.prototype._formatLookupData = function (options) {\n var data = {\n amount: options.amount,\n };\n\n return Promise.resolve(data);\n};\n\nBaseFramework.prototype._handleV1AuthResponse = function (data) {\n var authResponse = JSON.parse(data.auth_response);\n\n if (authResponse.success) {\n this._verifyCardPromisePlus.resolve(\n this._formatAuthResponse(\n authResponse.paymentMethod,\n authResponse.threeDSecureInfo\n )\n );\n } else if (\n authResponse.threeDSecureInfo &&\n authResponse.threeDSecureInfo.liabilityShiftPossible\n ) {\n this._verifyCardPromisePlus.resolve(\n this._formatAuthResponse(\n this._lookupPaymentMethod,\n authResponse.threeDSecureInfo\n )\n );\n } else {\n this._verifyCardPromisePlus.reject(\n new BraintreeError({\n type: BraintreeError.types.UNKNOWN,\n code: \"UNKNOWN_AUTH_RESPONSE\",\n message: authResponse.error.message,\n })\n );\n }\n};\n\nBaseFramework.prototype.cancelVerifyCard = function () {\n var response, threeDSecureInfo;\n\n this._verifyCardInProgress = false;\n\n if (!this._lookupPaymentMethod) {\n return Promise.reject(\n new BraintreeError(errors.THREEDS_NO_VERIFICATION_PAYLOAD)\n );\n }\n\n threeDSecureInfo = this._lookupPaymentMethod.threeDSecureInfo;\n\n response = assign({}, this._lookupPaymentMethod, {\n liabilityShiftPossible:\n threeDSecureInfo && threeDSecureInfo.liabilityShiftPossible,\n liabilityShifted: threeDSecureInfo && threeDSecureInfo.liabilityShifted,\n verificationDetails:\n threeDSecureInfo && threeDSecureInfo.verificationDetails,\n });\n\n return Promise.resolve(response);\n};\n\nBaseFramework.prototype._setupV1Bus = function (options) {\n var clientConfiguration = this._client.getConfiguration();\n var parentURL = window.location.href.split(\"#\")[0];\n var lookupResponse = options.lookupResponse;\n var channel = uuid();\n var bus = new Bus({\n channel: channel,\n verifyDomain: isVerifiedDomain,\n });\n var authenticationCompleteBaseUrl =\n this._assetsUrl +\n \"/html/three-d-secure-authentication-complete-frame.html?channel=\" +\n encodeURIComponent(channel) +\n \"&\";\n\n bus.on(BUS_CONFIGURATION_REQUEST_EVENT, function (reply) {\n reply({\n clientConfiguration: clientConfiguration,\n nonce: options.nonce,\n acsUrl: lookupResponse.acsUrl,\n pareq: lookupResponse.pareq,\n termUrl:\n lookupResponse.termUrl +\n \"&three_d_secure_version=\" +\n VERSION +\n \"&authentication_complete_base_url=\" +\n encodeURIComponent(authenticationCompleteBaseUrl),\n md: lookupResponse.md,\n parentUrl: parentURL,\n });\n });\n\n bus.on(events.AUTHENTICATION_COMPLETE, options.handleAuthResponse);\n\n return bus;\n};\n\nBaseFramework.prototype._setupV1Iframe = function (options) {\n var url =\n this._assetsUrl +\n \"/html/three-d-secure-bank-frame\" +\n useMin(this._isDebug) +\n \".html?showLoader=\" +\n options.showLoader;\n var bankIframe = iFramer({\n src: url,\n height: IFRAME_HEIGHT,\n width: IFRAME_WIDTH,\n name: constants.LANDING_FRAME_NAME + \"_\" + this._v1Bus.channel,\n title: \"3D Secure Authorization Frame\",\n });\n\n return bankIframe;\n};\n\nBaseFramework.prototype._setupV1Elements = function (options) {\n this._v1Bus = this._setupV1Bus(options);\n this._v1Iframe = this._setupV1Iframe(options);\n};\n\nBaseFramework.prototype._teardownV1Elements = function () {\n if (this._v1Bus) {\n this._v1Bus.teardown();\n this._v1Bus = null;\n }\n\n if (this._v1Iframe && this._v1Iframe.parentNode) {\n this._v1Iframe.parentNode.removeChild(this._v1Iframe);\n this._v1Iframe = null;\n }\n\n if (this._onV1Keyup) {\n document.removeEventListener(\"keyup\", this._onV1Keyup);\n this._onV1Keyup = null;\n }\n};\n\nBaseFramework.prototype.teardown = function () {\n analytics.sendEvent(this._createPromise, \"three-d-secure.teardown-completed\");\n\n this._teardownV1Elements();\n\n return Promise.resolve();\n};\n\nmodule.exports = BaseFramework;\n\n},{\"../../../lib/analytics\":94,\"../../../lib/assign\":96,\"../../../lib/braintree-error\":99,\"../../../lib/constants\":100,\"../../../lib/is-verified-domain\":127,\"../../../lib/promise\":131,\"../../../lib/use-min\":135,\"../../shared/constants\":150,\"../../shared/errors\":151,\"../../shared/events\":152,\"@braintree/event-emitter\":41,\"@braintree/extended-promise\":42,\"@braintree/iframer\":43,\"@braintree/uuid\":47,\"framebus\":176}],142:[function(require,module,exports){\n\"use strict\";\n// NEXT_MAJOR_VERSION drop support for Bootstrap framework,\n// recomend using inline frame version and putting it in\n// the merchant's own bootstrap modal\n\nvar SongbirdFramework = require(\"./songbird\");\n\nfunction Bootstrap3ModalFramework(options) {\n SongbirdFramework.call(this, options);\n}\n\nBootstrap3ModalFramework.prototype = Object.create(\n SongbirdFramework.prototype,\n {\n constructor: SongbirdFramework,\n }\n);\n\nBootstrap3ModalFramework.prototype._createV1IframeModalElement = function (\n iframe\n) {\n var modal = document.createElement(\"div\");\n\n modal.innerHTML =\n '' +\n '
' +\n '
' +\n '
' +\n '× ' +\n \"
\" +\n \"
\" +\n \"
\" +\n '
' +\n \"
' +\n \"
\" +\n \"× \" +\n \"
\" +\n // iframe container\n '
' +\n \"
';\n\n if (!addCloseButton) {\n modal.querySelector(\n \"[data-braintree-v1-fallback-close-button]\"\n ).style.display = \"none\";\n }\n modal\n .querySelector(\"[data-braintree-v1-fallback-iframe-container]\")\n .appendChild(iframe);\n\n return modal;\n};\n\nmodule.exports = CardinalModalFramework;\n\n},{\"./songbird\":147}],144:[function(require,module,exports){\n\"use strict\";\n\nvar LegacyFramework = require(\"./legacy\");\nvar CardinalModalFramework = require(\"./cardinal-modal\");\nvar Bootstrap3ModalFramework = require(\"./bootstrap3-modal\");\nvar InlineIframeFramework = require(\"./inline-iframe\");\n\nmodule.exports = {\n legacy: LegacyFramework,\n \"cardinal-modal\": CardinalModalFramework,\n \"bootstrap3-modal\": Bootstrap3ModalFramework,\n \"inline-iframe\": InlineIframeFramework,\n};\n\n},{\"./bootstrap3-modal\":142,\"./cardinal-modal\":143,\"./inline-iframe\":145,\"./legacy\":146}],145:[function(require,module,exports){\n\"use strict\";\n\nvar SongbirdFramework = require(\"./songbird\");\nvar BraintreeError = require(\"../../../lib/braintree-error\");\nvar errors = require(\"../../shared/errors\");\nvar enumerate = require(\"../../../lib/enumerate\");\n\nfunction InlineIframeFramework(options) {\n SongbirdFramework.call(this, options);\n}\n\nInlineIframeFramework.prototype = Object.create(SongbirdFramework.prototype, {\n constructor: SongbirdFramework,\n});\n\nInlineIframeFramework.events = enumerate(\n [\"AUTHENTICATION_IFRAME_AVAILABLE\"],\n \"inline-iframe-framework:\"\n);\n\nInlineIframeFramework.prototype.setUpEventListeners = function (reply) {\n SongbirdFramework.prototype.setUpEventListeners.call(this, reply);\n\n this.on(\n InlineIframeFramework.events.AUTHENTICATION_IFRAME_AVAILABLE,\n function (payload, next) {\n reply(\"authentication-iframe-available\", payload, next);\n }\n );\n};\n\nInlineIframeFramework.prototype._createCardinalConfigurationOptions = function (\n setupOptions\n) {\n var options =\n SongbirdFramework.prototype._createCardinalConfigurationOptions.call(\n this,\n setupOptions\n );\n\n options.payment.framework = \"inline\";\n\n return options;\n};\n\nInlineIframeFramework.prototype._addV1IframeToPage = function () {\n this._emit(\n InlineIframeFramework.events.AUTHENTICATION_IFRAME_AVAILABLE,\n {\n element: this._v1Modal,\n },\n function () {\n // NOOP\n }\n );\n};\n\nInlineIframeFramework.prototype._setupFrameworkSpecificListeners = function () {\n this.setCardinalListener(\"ui.inline.setup\", this._onInlineSetup.bind(this));\n};\n\nInlineIframeFramework.prototype._onInlineSetup = function (\n htmlTemplate,\n details,\n resolve,\n reject\n) {\n var container, hasError;\n\n if (!htmlTemplate || !details) {\n hasError = true;\n } else if (details.paymentType !== \"CCA\") {\n hasError = true;\n } else if (\n !(details.data.mode === \"suppress\" || details.data.mode === \"static\")\n ) {\n hasError = true;\n }\n\n if (hasError) {\n reject(new BraintreeError(errors.THREEDS_INLINE_IFRAME_DETAILS_INCORRECT));\n\n return;\n }\n\n container = document.createElement(\"div\");\n container.innerHTML = htmlTemplate;\n\n if (details.data.mode === \"suppress\") {\n container.style.display = \"none\";\n document.body.appendChild(container);\n resolve();\n } else if (details.data.mode === \"static\") {\n this._emit(\n InlineIframeFramework.events.AUTHENTICATION_IFRAME_AVAILABLE,\n {\n element: container,\n },\n function () {\n resolve();\n }\n );\n }\n};\n\nmodule.exports = InlineIframeFramework;\n\n},{\"../../../lib/braintree-error\":99,\"../../../lib/enumerate\":108,\"../../shared/errors\":151,\"./songbird\":147}],146:[function(require,module,exports){\n\"use strict\";\n\nvar BaseFramework = require(\"./base\");\nvar deferred = require(\"../../../lib/deferred\");\n\nfunction LegacyFramework(options) {\n BaseFramework.call(this, options);\n}\n\nLegacyFramework.prototype = Object.create(BaseFramework.prototype, {\n constructor: LegacyFramework,\n});\n\nLegacyFramework.prototype.setUpEventListeners = function () {\n // noop\n};\n\nLegacyFramework.prototype.transformV1CustomerBillingAddress = function (\n customer\n) {\n customer.billingAddress.line1 = customer.billingAddress.streetAddress;\n customer.billingAddress.line2 = customer.billingAddress.extendedAddress;\n customer.billingAddress.city = customer.billingAddress.locality;\n customer.billingAddress.state = customer.billingAddress.region;\n customer.billingAddress.countryCode =\n customer.billingAddress.countryCodeAlpha2;\n delete customer.billingAddress.streetAddress;\n delete customer.billingAddress.extendedAddress;\n delete customer.billingAddress.locality;\n delete customer.billingAddress.region;\n delete customer.billingAddress.countryCodeAlpha2;\n\n return customer;\n};\n\nLegacyFramework.prototype._createIframe = function (options) {\n var self = this;\n\n this._setupV1Elements({\n nonce: options.nonce,\n lookupResponse: options.lookupResponse,\n showLoader: options.showLoader,\n handleAuthResponse: function (data) {\n self._handleAuthResponse(data, options);\n },\n });\n\n return this._v1Iframe;\n};\n\nLegacyFramework.prototype._handleAuthResponse = function (data, options) {\n this._v1Bus.teardown();\n\n options.removeFrame();\n\n // This also has to be in a setTimeout so it executes after the `removeFrame`.\n deferred(\n function () {\n this._handleV1AuthResponse(data);\n }.bind(this)\n )();\n};\n\nLegacyFramework.prototype._checkForFrameworkSpecificVerifyCardErrors =\n function (options) {\n var errorOption;\n\n if (typeof options.addFrame !== \"function\") {\n errorOption = \"an addFrame function\";\n } else if (typeof options.removeFrame !== \"function\") {\n errorOption = \"a removeFrame function\";\n }\n\n return errorOption;\n };\n\nLegacyFramework.prototype._formatVerifyCardOptions = function (options) {\n var modifiedOptions = BaseFramework.prototype._formatVerifyCardOptions.call(\n this,\n options\n );\n\n modifiedOptions.addFrame = deferred(options.addFrame);\n modifiedOptions.removeFrame = deferred(options.removeFrame);\n modifiedOptions.showLoader = options.showLoader !== false;\n\n return modifiedOptions;\n};\n\nLegacyFramework.prototype._formatLookupData = function (options) {\n var self = this;\n\n return BaseFramework.prototype._formatLookupData\n .call(this, options)\n .then(function (data) {\n if (options.customer && options.customer.billingAddress) {\n data.customer = self.transformV1CustomerBillingAddress(\n options.customer\n );\n }\n\n return data;\n });\n};\n\nLegacyFramework.prototype._presentChallenge = function (\n lookupResponse,\n options\n) {\n options.addFrame(\n null,\n this._createIframe({\n showLoader: options.showLoader,\n lookupResponse: lookupResponse.lookup,\n nonce: lookupResponse.paymentMethod.nonce,\n removeFrame: options.removeFrame,\n })\n );\n};\n\nmodule.exports = LegacyFramework;\n\n},{\"../../../lib/deferred\":106,\"./base\":141}],147:[function(require,module,exports){\n\"use strict\";\n\nvar BaseFramework = require(\"./base\");\nvar assign = require(\"../../../lib/assign\").assign;\nvar deferred = require(\"../../../lib/deferred\");\nvar BraintreeError = require(\"../../../lib/braintree-error\");\nvar convertToBraintreeError = require(\"../../../lib/convert-to-braintree-error\");\nvar analytics = require(\"../../../lib/analytics\");\nvar assets = require(\"../../../lib/assets\");\nvar errors = require(\"../../shared/errors\");\nvar enumerate = require(\"../../../lib/enumerate\");\nvar constants = require(\"../../shared/constants\");\nvar Promise = require(\"../../../lib/promise\");\nvar ExtendedPromise = require(\"@braintree/extended-promise\");\n\nvar INTEGRATION_TIMEOUT_MS =\n require(\"../../../lib/constants\").INTEGRATION_TIMEOUT_MS;\nvar PLATFORM = require(\"../../../lib/constants\").PLATFORM;\nvar VERSION = \"3.88.3\";\nvar CUSTOMER_CANCELED_SONGBIRD_MODAL = \"01\";\nvar SONGBIRD_UI_EVENTS = [\n \"ui.close\",\n \"ui.render\",\n\n // TODO these events are not documented in the\n // client reference because so far we have\n // not been able to trigger them in our testing\n \"ui.renderHidden\",\n \"ui.loading.close\",\n \"ui.loading.render\",\n];\n\nfunction SongbirdFramework(options) {\n BaseFramework.call(this, options);\n\n this._useV1Fallback = false;\n this._clientMetadata = {\n requestedThreeDSecureVersion: \"2\",\n sdkVersion: PLATFORM + \"/\" + VERSION,\n };\n this._getDfReferenceIdPromisePlus = new ExtendedPromise();\n this.setupSongbird(options);\n this._cardinalEvents = [];\n}\n\nSongbirdFramework.prototype = Object.create(BaseFramework.prototype, {\n constructor: SongbirdFramework,\n});\n\nSongbirdFramework.events = enumerate(\n [\n \"LOOKUP_COMPLETE\",\n \"CUSTOMER_CANCELED\",\n \"UI.CLOSE\",\n \"UI.RENDER\",\n \"UI.RENDERHIDDEN\",\n \"UI.LOADING.CLOSE\",\n \"UI.LOADING.RENDER\",\n ],\n \"songbird-framework:\"\n);\n\nSongbirdFramework.prototype.setUpEventListeners = function (reply) {\n this.on(SongbirdFramework.events.LOOKUP_COMPLETE, function (data, next) {\n reply(\"lookup-complete\", data, next);\n });\n this.on(SongbirdFramework.events.CUSTOMER_CANCELED, function () {\n reply(\"customer-canceled\");\n });\n this.on(SongbirdFramework.events[\"UI.CLOSE\"], function () {\n reply(\"authentication-modal-close\");\n });\n this.on(SongbirdFramework.events[\"UI.RENDER\"], function () {\n reply(\"authentication-modal-render\");\n });\n this.on(SongbirdFramework.events[\"UI.RENDERHIDDEN\"], function () {\n reply(\"authentication-modal-render-hidden\");\n });\n this.on(SongbirdFramework.events[\"UI.LOADING.CLOSE\"], function () {\n reply(\"authentication-modal-loader-close\");\n });\n this.on(SongbirdFramework.events[\"UI.LOADING.RENDER\"], function () {\n reply(\"authentication-modal-loader-render\");\n });\n};\n\nSongbirdFramework.prototype.prepareLookup = function (options) {\n var data = assign({}, options);\n var self = this;\n\n return this.getDfReferenceId()\n .then(function (id) {\n data.dfReferenceId = id;\n })\n .then(function () {\n return self._triggerCardinalBinProcess(options.bin);\n })\n .catch(function () {\n // catch and ignore errors from looking up\n // df reference and Cardinal bin process\n })\n .then(function () {\n return self._waitForClient();\n })\n .then(function () {\n data.clientMetadata = self._clientMetadata;\n data.authorizationFingerprint =\n self._client.getConfiguration().authorizationFingerprint;\n data.braintreeLibraryVersion = \"braintree/web/\" + VERSION;\n\n return data;\n });\n};\n\nSongbirdFramework.prototype.initializeChallengeWithLookupResponse = function (\n lookupResponse,\n options\n) {\n return this.setupSongbird().then(\n function () {\n return BaseFramework.prototype.initializeChallengeWithLookupResponse.call(\n this,\n lookupResponse,\n options\n );\n }.bind(this)\n );\n};\n\nSongbirdFramework.prototype.initiateV1Fallback = function (errorType) {\n this._useV1Fallback = true;\n this._removeSongbirdListeners();\n analytics.sendEvent(\n this._createPromise,\n \"three-d-secure.v1-fallback.\" + errorType\n );\n\n if (this._songbirdPromise) {\n this._songbirdPromise.resolve();\n }\n};\n\nSongbirdFramework.prototype._triggerCardinalBinProcess = function (bin) {\n var self = this;\n var issuerStartTime = Date.now();\n\n if (!bin) {\n // skip bin lookup because bin wasn't passed in\n return Promise.resolve();\n }\n\n return window.Cardinal.trigger(\"bin.process\", bin).then(function (\n binResults\n ) {\n self._clientMetadata.issuerDeviceDataCollectionTimeElapsed =\n Date.now() - issuerStartTime;\n self._clientMetadata.issuerDeviceDataCollectionResult =\n binResults && binResults.Status;\n });\n};\n\nSongbirdFramework.prototype.transformBillingAddress = function (\n additionalInformation,\n billingAddress\n) {\n if (billingAddress) {\n // map from public API to the API that the Gateway expects\n extractAddressData(billingAddress, additionalInformation, \"billing\");\n additionalInformation.billingPhoneNumber = billingAddress.phoneNumber;\n additionalInformation.billingGivenName = billingAddress.givenName;\n additionalInformation.billingSurname = billingAddress.surname;\n }\n\n return additionalInformation;\n};\n\nSongbirdFramework.prototype.transformShippingAddress = function (\n additionalInformation\n) {\n var shippingAddress = additionalInformation.shippingAddress;\n\n if (shippingAddress) {\n // map from public API to the API that the Gateway expects\n extractAddressData(shippingAddress, additionalInformation, \"shipping\");\n\n delete additionalInformation.shippingAddress;\n }\n\n return additionalInformation;\n};\n\nSongbirdFramework.prototype._createV1IframeModalElement = function (iframe) {\n var modal = document.createElement(\"div\");\n\n modal.innerHTML =\n '
';\n modal\n .querySelector('[data-braintree-v1-fallback-iframe-container=\"true\"]')\n .appendChild(iframe);\n\n return modal;\n};\n\nSongbirdFramework.prototype._createV1IframeModal = function (iframe) {\n var modal = this._createV1IframeModalElement(iframe);\n var btn = modal.querySelector(\"[data-braintree-v1-fallback-close-button]\");\n var backdrop = modal.querySelector(\"[data-braintree-v1-fallback-backdrop]\");\n var self = this;\n\n function closeHandler() {\n modal.parentNode.removeChild(modal);\n self.cancelVerifyCard(errors.THREEDS_CARDINAL_SDK_CANCELED);\n document.removeEventListener(\"keyup\", self._onV1Keyup);\n self._onV1Keyup = null;\n }\n\n this._onV1Keyup = function (e) {\n if (e.key !== \"Escape\") {\n return;\n }\n\n if (!modal.parentNode) {\n // modal not on page\n return;\n }\n\n closeHandler();\n };\n\n if (btn) {\n btn.addEventListener(\"click\", closeHandler);\n }\n\n if (backdrop) {\n backdrop.addEventListener(\"click\", closeHandler);\n }\n\n document.addEventListener(\"keyup\", this._onV1Keyup);\n\n return modal;\n};\n\nSongbirdFramework.prototype._addV1IframeToPage = function () {\n document.body.appendChild(this._v1Modal);\n};\n\nSongbirdFramework.prototype._handleAuthResponseFromV1Fallback = function (\n data\n) {\n this._teardownV1Elements();\n this._v1Modal.parentNode.removeChild(this._v1Modal);\n this._handleV1AuthResponse(data);\n};\n\nSongbirdFramework.prototype._presentChallengeWithV1Fallback = function (\n lookupResponse\n) {\n var self = this;\n\n this._setupV1Elements({\n lookupResponse: lookupResponse,\n showLoader: true,\n handleAuthResponse: function (data) {\n self._handleAuthResponseFromV1Fallback(data);\n },\n });\n this._v1Modal = this._createV1IframeModal(this._v1Iframe);\n this._addV1IframeToPage();\n};\n\nSongbirdFramework.prototype.setupSongbird = function (setupOptions) {\n var self = this;\n var startTime = Date.now();\n\n if (this._songbirdPromise) {\n return this._songbirdPromise;\n }\n\n setupOptions = setupOptions || {};\n\n this._songbirdPromise = new ExtendedPromise();\n this._v2SetupFailureReason = \"reason-unknown\";\n\n self\n ._loadCardinalScript(setupOptions)\n .then(function () {\n if (!window.Cardinal) {\n self._v2SetupFailureReason = \"cardinal-global-unavailable\";\n\n return Promise.reject(\n new BraintreeError(errors.THREEDS_CARDINAL_SDK_SETUP_FAILED)\n );\n }\n\n return self._configureCardinalSdk({\n setupOptions: setupOptions,\n setupStartTime: startTime,\n });\n })\n .catch(function (err) {\n var error = convertToBraintreeError(err, {\n type: errors.THREEDS_CARDINAL_SDK_SETUP_FAILED.type,\n code: errors.THREEDS_CARDINAL_SDK_SETUP_FAILED.code,\n message: errors.THREEDS_CARDINAL_SDK_SETUP_FAILED.message,\n });\n\n self._getDfReferenceIdPromisePlus.reject(error);\n\n window.clearTimeout(self._songbirdSetupTimeoutReference);\n analytics.sendEvent(\n self._client,\n \"three-d-secure.cardinal-sdk.init.setup-failed\"\n );\n self.initiateV1Fallback(\n \"cardinal-sdk-setup-failed.\" + self._v2SetupFailureReason\n );\n });\n\n return this._songbirdPromise;\n};\n\nSongbirdFramework.prototype._configureCardinalSdk = function (config) {\n var self = this;\n\n return this._waitForClient()\n .then(function () {\n var threeDSConfig =\n self._client.getConfiguration().gatewayConfiguration.threeDSecure;\n\n return threeDSConfig;\n })\n .then(function (threeDSConfig) {\n var jwt = threeDSConfig.cardinalAuthenticationJWT;\n var setupOptions = config.setupOptions;\n var setupStartTime = config.setupStartTime;\n var cardinalConfiguration =\n self._createCardinalConfigurationOptions(setupOptions);\n\n SONGBIRD_UI_EVENTS.forEach(function (eventName) {\n self.setCardinalListener(eventName, function () {\n self._emit(SongbirdFramework.events[eventName.toUpperCase()]);\n });\n });\n self.setCardinalListener(\n \"payments.setupComplete\",\n self._createPaymentsSetupCompleteCallback()\n );\n\n self._setupFrameworkSpecificListeners();\n\n window.Cardinal.configure(cardinalConfiguration);\n\n window.Cardinal.setup(\"init\", {\n jwt: jwt,\n });\n\n self._clientMetadata.cardinalDeviceDataCollectionTimeElapsed =\n Date.now() - setupStartTime;\n\n self.setCardinalListener(\n \"payments.validated\",\n self._createPaymentsValidatedCallback()\n );\n })\n .catch(function (err) {\n self._v2SetupFailureReason = \"cardinal-configuration-threw-error\";\n\n return Promise.reject(err);\n });\n};\n\nSongbirdFramework.prototype.setCardinalListener = function (eventName, cb) {\n this._cardinalEvents.push(eventName);\n window.Cardinal.on(eventName, cb);\n};\n\nSongbirdFramework.prototype._setupFrameworkSpecificListeners = function () {\n // noop\n};\n\nSongbirdFramework.prototype._createCardinalConfigurationOptions = function (\n setupOptions\n) {\n var cardinalConfiguration = setupOptions.cardinalSDKConfig || {};\n var paymentSettings = cardinalConfiguration.payment || {};\n\n if (!cardinalConfiguration.logging && setupOptions.loggingEnabled) {\n cardinalConfiguration.logging = {\n level: \"verbose\",\n };\n }\n\n cardinalConfiguration.payment = {};\n\n if (paymentSettings.hasOwnProperty(\"displayLoading\")) {\n cardinalConfiguration.payment.displayLoading =\n paymentSettings.displayLoading;\n }\n if (paymentSettings.hasOwnProperty(\"displayExitButton\")) {\n cardinalConfiguration.payment.displayExitButton =\n paymentSettings.displayExitButton;\n }\n\n return cardinalConfiguration;\n};\n\nSongbirdFramework.prototype._loadCardinalScript = function (setupOptions) {\n var self = this;\n var scriptSource = constants.CARDINAL_SCRIPT_SOURCE.sandbox;\n\n return this._waitForClient()\n .then(function () {\n var isProduction =\n self._client.getConfiguration().gatewayConfiguration.environment ===\n \"production\";\n\n self._songbirdSetupTimeoutReference = window.setTimeout(function () {\n analytics.sendEvent(\n self._client,\n \"three-d-secure.cardinal-sdk.init.setup-timeout\"\n );\n self.initiateV1Fallback(\"cardinal-sdk-setup-timeout\");\n }, setupOptions.timeout || INTEGRATION_TIMEOUT_MS);\n\n if (isProduction) {\n scriptSource = constants.CARDINAL_SCRIPT_SOURCE.production;\n }\n\n return assets.loadScript({ src: scriptSource });\n })\n .catch(function (err) {\n self._v2SetupFailureReason = \"songbird-js-failed-to-load\";\n\n return Promise.reject(\n convertToBraintreeError(\n err,\n errors.THREEDS_CARDINAL_SDK_SCRIPT_LOAD_FAILED\n )\n );\n });\n};\n\nSongbirdFramework.prototype._createPaymentsSetupCompleteCallback = function () {\n var self = this;\n\n return function (data) {\n self._getDfReferenceIdPromisePlus.resolve(data.sessionId);\n\n window.clearTimeout(self._songbirdSetupTimeoutReference);\n analytics.sendEvent(\n self._createPromise,\n \"three-d-secure.cardinal-sdk.init.setup-completed\"\n );\n\n self._songbirdPromise.resolve();\n };\n};\n\nSongbirdFramework.prototype.getDfReferenceId = function () {\n return this._getDfReferenceIdPromisePlus;\n};\n\nSongbirdFramework.prototype._performJWTValidation = function (\n rawCardinalSDKVerificationData,\n jwt\n) {\n var self = this;\n var nonce = this._lookupPaymentMethod.nonce;\n var url =\n \"payment_methods/\" + nonce + \"/three_d_secure/authenticate_from_jwt\";\n var cancelCode =\n rawCardinalSDKVerificationData &&\n rawCardinalSDKVerificationData.Payment &&\n rawCardinalSDKVerificationData.Payment.ExtendedData &&\n rawCardinalSDKVerificationData.Payment.ExtendedData.ChallengeCancel;\n\n if (cancelCode) {\n // see ChallengeCancel docs here for different values:\n // https://cardinaldocs.atlassian.net/wiki/spaces/CC/pages/98315/Response+Objects\n analytics.sendEvent(\n this._createPromise,\n \"three-d-secure.verification-flow.cardinal-sdk.cancel-code.\" + cancelCode\n );\n\n if (cancelCode === CUSTOMER_CANCELED_SONGBIRD_MODAL) {\n this._emit(SongbirdFramework.events.CUSTOMER_CANCELED);\n }\n }\n\n analytics.sendEvent(\n this._createPromise,\n \"three-d-secure.verification-flow.upgrade-payment-method.started\"\n );\n\n return this._waitForClient()\n .then(function () {\n return self._client.request({\n method: \"post\",\n endpoint: url,\n data: {\n jwt: jwt,\n paymentMethodNonce: nonce,\n },\n });\n })\n .then(function (response) {\n var paymentMethod = response.paymentMethod || self._lookupPaymentMethod;\n var formattedResponse = self._formatAuthResponse(\n paymentMethod,\n response.threeDSecureInfo\n );\n\n formattedResponse.rawCardinalSDKVerificationData =\n rawCardinalSDKVerificationData;\n analytics.sendEvent(\n self._client,\n \"three-d-secure.verification-flow.upgrade-payment-method.succeeded\"\n );\n\n return Promise.resolve(formattedResponse);\n })\n .catch(function (err) {\n var error = new BraintreeError({\n type: errors.THREEDS_JWT_AUTHENTICATION_FAILED.type,\n code: errors.THREEDS_JWT_AUTHENTICATION_FAILED.code,\n message: errors.THREEDS_JWT_AUTHENTICATION_FAILED.message,\n details: {\n originalError: err,\n },\n });\n\n analytics.sendEvent(\n self._client,\n \"three-d-secure.verification-flow.upgrade-payment-method.errored\"\n );\n\n return Promise.reject(error);\n });\n};\n\nSongbirdFramework.prototype._createPaymentsValidatedCallback = function () {\n var self = this;\n\n /**\n * @param {object} data Response Data\n * @see {@link https://cardinaldocs.atlassian.net/wiki/spaces/CC/pages/98315/Response+Objects#ResponseObjects-ObjectDefinition}\n * @param {string} data.ActionCode The resulting state of the transaction.\n * @param {boolean} data.Validated Represents whether transaction was successfully or not.\n * @param {object} data.Payment Represents additional information about the verification.\n * @param {number} data.ErrorNumber A non-zero value represents the error encountered while attempting the process the message request.\n * @param {string} data.ErrorDescription Application error description for the associated error number.\n * @param {string} validatedJwt Response JWT\n * @returns {void}\n * */\n return function (data, validatedJwt) {\n var formattedError;\n\n if (self._useV1Fallback) {\n // TODO since we've removed the listeners for the payments validated callback when initiating the v1 fallback,\n // we should never get to this point. Leave this analtyics event in for now and review if that is indeed the\n // case before removing this block.\n analytics.sendEvent(\n self._createPromise,\n \"three-d-secure.verification-flow.cardinal-sdk.payments-validated-callback-called-in-v1-fallback-flow\"\n );\n\n return;\n }\n\n analytics.sendEvent(\n self._createPromise,\n \"three-d-secure.verification-flow.cardinal-sdk.action-code.\" +\n data.ActionCode.toLowerCase()\n );\n\n if (!self._verifyCardPromisePlus) {\n self.initiateV1Fallback(\n \"cardinal-sdk-setup-error.number-\" + data.ErrorNumber\n );\n\n return;\n }\n\n switch (data.ActionCode) {\n // Handle these scenarios based on liability shift information in the response.\n case \"SUCCESS\":\n case \"NOACTION\":\n case \"FAILURE\":\n self\n ._performJWTValidation(data, validatedJwt)\n .then(function (result) {\n self._verifyCardPromisePlus.resolve(result);\n })\n .catch(function (err) {\n self._verifyCardPromisePlus.reject(err);\n });\n break;\n\n case \"ERROR\":\n analytics.sendEvent(\n self._createPromise,\n \"three-d-secure.verification-flow.cardinal-sdk-error.\" +\n data.ErrorNumber\n );\n\n switch (data.ErrorNumber) {\n case 10001: // Cardinal Docs: Timeout when sending an /Init message\n case 10002: // Cardinal Docs: Timeout when sending an /Start message\n formattedError = new BraintreeError(\n errors.THREEDS_CARDINAL_SDK_SETUP_TIMEDOUT\n );\n break;\n case 10003: // Cardinal Docs: Timeout when sending an /Validate message. Although this code exists we do not yet have a flow where a validate message is sent to Midas. This error should not yet be triggered\n case 10007: // Cardinal Docs: Timeout when sending an /Confirm message\n case 10009: // Cardinal Docs: Timeout when sending an /Continue message\n formattedError = new BraintreeError(\n errors.THREEDS_CARDINAL_SDK_RESPONSE_TIMEDOUT\n );\n break;\n case 10005: // Cardinal Docs: Songbird was started without a request jwt.\n case 10006: // Cardinal Docs: This is a general configuration error. The description is populated by the specific configuration error that caused the error.\n formattedError = new BraintreeError(\n errors.THREEDS_CARDINAL_SDK_BAD_CONFIG\n );\n break;\n case 10008: // Cardinal Docs: Songbird was initialized without a merchant JWT.\n case 10010: // Cardinal Docs: The response JWT was\n formattedError = new BraintreeError(\n errors.THREEDS_CARDINAL_SDK_BAD_JWT\n );\n break;\n case 10011:\n // This may never get called, according to the Cardinal docs:\n // The user has canceled the transaction. This is generally found in alternative\n // payments that supply a cancel button on the payment brand side.\n analytics.sendEvent(\n self._createPromise,\n \"three-d-secure.verification-flow.canceled\"\n );\n formattedError = new BraintreeError(\n errors.THREEDS_CARDINAL_SDK_CANCELED\n );\n break;\n default:\n formattedError = new BraintreeError(\n errors.THREEDS_CARDINAL_SDK_ERROR\n );\n }\n\n formattedError.details = {\n originalError: {\n code: data.ErrorNumber,\n description: data.ErrorDescription,\n },\n };\n\n self._verifyCardPromisePlus.reject(formattedError);\n break;\n\n default:\n }\n };\n};\n\nSongbirdFramework.prototype._checkForVerifyCardError = function (\n options,\n privateOptions\n) {\n return BaseFramework.prototype._checkForVerifyCardError.call(\n this,\n options,\n privateOptions\n );\n};\n\nSongbirdFramework.prototype._checkForFrameworkSpecificVerifyCardErrors =\n function (options, privateOptions) {\n var errorOption;\n\n if (\n typeof options.onLookupComplete !== \"function\" &&\n !privateOptions.ignoreOnLookupCompleteRequirement\n ) {\n errorOption = \"an onLookupComplete function\";\n }\n\n return errorOption;\n };\n\nSongbirdFramework.prototype._formatVerifyCardOptions = function (options) {\n var modifiedOptions = BaseFramework.prototype._formatVerifyCardOptions.call(\n this,\n options\n );\n var additionalInformation = modifiedOptions.additionalInformation || {};\n\n additionalInformation = this.transformBillingAddress(\n additionalInformation,\n options.billingAddress\n );\n additionalInformation = this.transformShippingAddress(additionalInformation);\n\n if (options.onLookupComplete) {\n modifiedOptions.onLookupComplete = deferred(options.onLookupComplete);\n }\n if (options.email) {\n additionalInformation.email = options.email;\n }\n if (options.mobilePhoneNumber) {\n additionalInformation.mobilePhoneNumber = options.mobilePhoneNumber;\n }\n\n modifiedOptions.additionalInformation = additionalInformation;\n\n return modifiedOptions;\n};\n\nSongbirdFramework.prototype._onLookupComplete = function (\n lookupResponse,\n options\n) {\n var self = this;\n\n return BaseFramework.prototype._onLookupComplete\n .call(this, lookupResponse)\n .then(function (response) {\n return new Promise(function (resolve, reject) {\n // NEXT_MAJOR_VERSION format this response object to look like the mobile sdk response\n // which is basically the lookup param at the top level with some additional accessors\n response.requiresUserAuthentication = Boolean(\n response.lookup && response.lookup.acsUrl\n );\n\n function next() {\n resolve(response);\n }\n\n self._verifyCardPromisePlus.catch(reject);\n\n // If both event and callback are mistakenly used together,\n // prefer the callback when it is passed into the verifyCard options\n if (options.onLookupComplete) {\n options.onLookupComplete(response, next);\n } else {\n self._emit(SongbirdFramework.events.LOOKUP_COMPLETE, response, next);\n }\n });\n });\n};\n\nSongbirdFramework.prototype._presentChallenge = function (lookupResponse) {\n // transactionId is required for the Songbird flow, so if it\n // does not exist, we fallback to the 3ds v1 flow\n if (this._useV1Fallback || !lookupResponse.lookup.transactionId) {\n this._presentChallengeWithV1Fallback(lookupResponse.lookup);\n\n return;\n }\n\n // set up listener for ref id to call out to bt before calling verify callback\n window.Cardinal.continue(\n \"cca\",\n {\n AcsUrl: lookupResponse.lookup.acsUrl,\n Payload: lookupResponse.lookup.pareq,\n },\n {\n OrderDetails: { TransactionId: lookupResponse.lookup.transactionId },\n }\n );\n};\n\nSongbirdFramework.prototype._formatLookupData = function (options) {\n var self = this;\n\n return BaseFramework.prototype._formatLookupData\n .call(this, options)\n .then(function (data) {\n data.additionalInfo = options.additionalInformation;\n\n if (options.accountType) {\n data.accountType = options.accountType;\n }\n if (options.challengeRequested) {\n data.challengeRequested = options.challengeRequested;\n }\n if (options.dataOnlyRequested) {\n data.dataOnlyRequested = options.dataOnlyRequested;\n }\n if (options.exemptionRequested) {\n data.exemptionRequested = options.exemptionRequested;\n }\n if (options.bin) {\n data.bin = options.bin;\n }\n // NEXT_MAJOR_VERSION remove cardAdd in favor of cardAddChallengeRequested\n if (options.cardAdd != null) {\n data.cardAdd = options.cardAdd;\n }\n if (options.cardAddChallengeRequested != null) {\n data.cardAdd = options.cardAddChallengeRequested;\n }\n\n return self.prepareLookup(data);\n });\n};\n\nSongbirdFramework.prototype.cancelVerifyCard = function (verifyCardError) {\n var self = this;\n\n return BaseFramework.prototype.cancelVerifyCard\n .call(this)\n .then(function (response) {\n if (self._verifyCardPromisePlus) {\n verifyCardError =\n verifyCardError ||\n new BraintreeError(errors.THREEDS_VERIFY_CARD_CANCELED_BY_MERCHANT);\n\n self._verifyCardPromisePlus.reject(verifyCardError);\n }\n\n return response;\n });\n};\n\nSongbirdFramework.prototype._removeSongbirdListeners = function () {\n this._cardinalEvents.forEach(function (eventName) {\n window.Cardinal.off(eventName);\n });\n\n this._cardinalEvents = [];\n};\n\nSongbirdFramework.prototype.teardown = function () {\n if (window.Cardinal) {\n this._removeSongbirdListeners();\n }\n\n // we intentionally do not remove the Cardinal SDK\n // from the page when tearing down. Subsequent\n // component creations will be faster because\n // the asset is already on the page\n\n return BaseFramework.prototype.teardown.call(this);\n};\n\nfunction extractAddressData(source, target, prefix) {\n target[prefix + \"Line1\"] = source.streetAddress;\n target[prefix + \"Line2\"] = source.extendedAddress;\n target[prefix + \"Line3\"] = source.line3;\n target[prefix + \"City\"] = source.locality;\n target[prefix + \"State\"] = source.region;\n target[prefix + \"PostalCode\"] = source.postalCode;\n target[prefix + \"CountryCode\"] = source.countryCodeAlpha2;\n}\n\nmodule.exports = SongbirdFramework;\n\n},{\"../../../lib/analytics\":94,\"../../../lib/assets\":95,\"../../../lib/assign\":96,\"../../../lib/braintree-error\":99,\"../../../lib/constants\":100,\"../../../lib/convert-to-braintree-error\":102,\"../../../lib/deferred\":106,\"../../../lib/enumerate\":108,\"../../../lib/promise\":131,\"../../shared/constants\":150,\"../../shared/errors\":151,\"./base\":141,\"@braintree/extended-promise\":42}],148:[function(require,module,exports){\n\"use strict\";\n\nvar wrapPromise = require(\"@braintree/wrap-promise\");\nvar methods = require(\"../../lib/methods\");\nvar convertMethodsToError = require(\"../../lib/convert-methods-to-error\");\nvar EventEmitter = require(\"@braintree/event-emitter\");\nvar FRAMEWORKS = require(\"./frameworks\");\n\n/**\n * @deprecated\n * @callback ThreeDSecure~addFrameCallback\n * @param {?BraintreeError} [err] `null` or `undefined` if there was no error.\n * @param {HTMLIFrameElement} iframe An iframe element containing the bank's authentication page that you must put on your page.\n * @description **Deprecated** The callback used for options.addFrame in 3DS 1.0's {@link ThreeDSecure#verifyCard|verifyCard}.\n * @returns {void}\n */\n\n/**\n * @deprecated\n * @callback ThreeDSecure~removeFrameCallback\n * @description **Deprecated** The callback used for options.removeFrame in 3DS 1.0's {@link ThreeDSecure#verifyCard|verifyCard}.\n * @returns {void}\n */\n\n/**\n * @deprecated\n * @typedef {object} ThreeDSecure~verifyCardCustomerObject\n * @property {string} [customer.mobilePhoneNumber] The mobile phone number used for verification. Only numbers; remove dashes, parenthesis and other characters.\n * @property {string} [customer.email] The email used for verification.\n * @property {string} [customer.shippingMethod] The 2-digit string indicating the shipping method chosen for the transaction.\n * @property {string} [customer.billingAddress.firstName] The first name associated with the address.\n * @property {string} [customer.billingAddress.lastName] The last name associated with the address.\n * @property {string} [customer.billingAddress.streetAddress] Line 1 of the Address (eg. number, street, etc).\n * @property {string} [customer.billingAddress.extendedAddress] Line 2 of the Address (eg. suite, apt #, etc.).\n * @property {string} [customer.billingAddress.locality] The locality (city) name associated with the address.\n * @property {string} [customer.billingAddress.region] The 2 letter code for US states or an ISO-3166-2 country subdivision code of up to three letters.\n * @property {string} [customer.billingAddress.postalCode] The zip code or equivalent for countries that have them.\n * @property {string} [customer.billingAddress.countryCodeAlpha2] The 2 character country code.\n * @property {string} [customer.billingAddress.phoneNumber] The phone number associated with the address. Only numbers; remove dashes, parenthesis and other characters.\n * @description **Deprecated** Optional customer information to be passed to 3DS 1.0 for verification.\n */\n\n/**\n * @typedef {object} ThreeDSecure~verifyPayload\n * @property {string} nonce The new payment method nonce produced by the 3D Secure lookup. The original nonce passed into {@link ThreeDSecure#verifyCard|verifyCard} was consumed. This new nonce should be used to transact on your server.\n * @property {string} type The payment method type.\n * @property {object} details Additional account details.\n * @property {string} details.cardType Type of card, ex: Visa, MasterCard.\n * @property {string} details.lastFour Last four digits of card number.\n * @property {string} details.lastTwo Last two digits of card number.\n * @property {string} description A human-readable description.\n * @property {object} binData Information about the card based on the bin.\n * @property {string} binData.commercial Possible values: 'Yes', 'No', 'Unknown'.\n * @property {string} binData.countryOfIssuance The country of issuance.\n * @property {string} binData.debit Possible values: 'Yes', 'No', 'Unknown'.\n * @property {string} binData.durbinRegulated Possible values: 'Yes', 'No', 'Unknown'.\n * @property {string} binData.healthcare Possible values: 'Yes', 'No', 'Unknown'.\n * @property {string} binData.issuingBank The issuing bank.\n * @property {string} binData.payroll Possible values: 'Yes', 'No', 'Unknown'.\n * @property {string} binData.prepaid Possible values: 'Yes', 'No', 'Unknown'.\n * @property {string} binData.productId The product id.\n * @property {boolean} liabilityShiftPossible *Deprecated:* Use `threeDSecureInfo.liabilityShiftPossible` instead.\n * @property {boolean} liabilityShifted *Deprecated:* Use `threeDSecureInfo.liabilityShifted` instead.\n * @property {object} threeDSecureInfo 3DS information about the card. Note: This information should be verified on the server by using the [payment method nonce find method](https://developer.paypal.com/braintree/docs/reference/request/payment-method-nonce/find). The values provided here are merely for convenience. Only values looked up on the server should determine the logic about how to process a transaction.\n * @property {string} threeDSecureInfo.acsTransactionId The transaction identifier from the issuing bank.\n * @property {string} threeDSecureInfo.cavv Cardholder authentication verification value or CAVV. The main encrypted message issuers and card networks use to verify authentication has occurred. Mastercard uses an AVV message and American Express uses an AEVV message, each of which should also be passed in the cavv parameter.\n * @property {boolean} threeDSecureInfo.dataOnlyRequested Indicates whether to use the data only flow. In this flow, frictionless 3DS is ensured for Mastercard cardholders as the card scheme provides a risk score for the issuer to determine whether to approve. If data only is not supported by the processor, a validation error will be raised. Non-Mastercard cardholders will fallback to a normal 3DS flow.\n * @property {string} threeDSecureInfo.dsTransactionId Transaction identifier resulting from 3D Secure 2 authentication.\n * @property {string} threeDSecureInfo.eciFlag The value of the electronic commerce indicator (ECI) flag, which indicates the outcome of the 3DS authentication. This will be a two-digit value.\n * @property {boolean} threeDSecureInfo.enrolled Indicates the status of 3D Secure authentication eligibility with the card issuer.\n * @property {boolean} threeDSecureInfo.liabilityShifted Indicates whether the liability for fraud has been shifted away from the merchant.\n * @property {boolean} threeDSecureInfo.liabilityShiftPossible Indicates whether liability shift is still possible on a retry.\n * @property {string} threeDSecureInfo.paresStatus Transaction status result identifier.\n * @property {string} threeDSecureInfo.status Indicates the outcome of the 3D Secure event.\n * @property {string} threeDSecureInfo.threeDSecureAuthenticationId ID of the 3D Secure authentication performed for this transaction. Do not provide this field as a transaction sale parameter if you are using the returned payment method nonce from the payload.\n * @property {string} threeDSecureInfo.threeDSecureServerTransactionId Transaction identifier provided by the issuing bank who recieved the 3D Secure event.\n * @property {string} threeDSecureInfo.threeDSecureVersion The version of 3D Secure authentication used for the transaction.\n * @property {string} threeDSecureInfo.xid Transaction identifier resulting from 3D Secure authentication. Uniquely identifies the transaction and sometimes required in the authorization message. This is a base64-encoded value. This field will no longer be used in 3D Secure 2 authentications for Visa and Mastercard, however it will be supported by American Express.\n * @property {string} threeDSecureInfo.lookup.transStatus Error code returned from the 3D Secure MPI provider.\n * @property {string} threeDSecureInfo.lookup.transStatusReason Description correlating to the transStatus error code.\n * @property {string} threeDSecureInfo.authentication.transStatus Error code returned from the 3D Secure MPI provider.\n * @property {string} threeDSecureInfo.authentication.transStatusReason Description correlating to the transStatus error code.\n * @property {object} rawCardinalSDKVerificationData The response back from the Cardinal SDK after verification has completed. See [Cardinal's Documentation](https://cardinaldocs.atlassian.net/wiki/spaces/CC/pages/98315/Response+Objects) for more information. If the customer was not required to do a 3D Secure challenge, this object will not be available.\n */\n\n/**\n * @typedef {string} ThreeDSecure~prepareLookupPayload The client data to pass on when doing a server side lookup call.\n */\n\n/**\n * @typedef {object} ThreeDSecure~verificationData\n * @property {boolean} requiresUserAuthentication When `true`, the user will be presented with a 3D Secure challenge when calling `next` in the {@link ThreeDSecure#event:lookup-complete|`lookup-complete` event}.\n * @property {object} threeDSecureInfo Contains liability shift details.\n * @property {boolean} threeDSecureInfo.liabilityShiftPossible Indicates whether the card was eligible for 3D Secure.\n * @property {boolean} threeDSecureInfo.liabilityShifted Indicates whether the liability for fraud has been shifted away from the merchant.\n * @property {object} paymentMethod A {@link ThreeDSecure~verifyPayload|verifyPayload} object.\n * @property {object} lookup Details about the 3D Secure lookup.\n * @property {string} lookup.threeDSecureVersion The version of 3D Secure that will be used for the 3D Secure challenge.\n */\n\n/**\n * @typedef {object} ThreeDSecure~billingAddress\n * @property {string} [givenName] The first name associated with the billing address. (maximum length 50)\n * @property {string} [surname] The last name associated with the billing address. (maximum length 50)\n * @property {string} [phoneNumber] The phone number associated with the billing address. Only numbers; remove dashes, parenthesis and other characters.\n * @property {string} [streetAddress] Line 1 of the billing address (eg. number, street, etc). (maximum length 50)\n * @property {string} [extendedAddress] Line 2 of the billing address (eg. suite, apt #, etc.). (maximum length 50)\n * @property {string} [line3] Line 3 of the billing address if needed (eg. suite, apt #, etc). (maximum length 50)\n * @property {string} [locality] The locality (city) name associated with the billing address.\n * @property {string} [region] This field expects an ISO3166-2 subdivision code. The subdivision code is what follows the hyphen separator in the full ISO 3166-2 code. For example, the state of Ohio in the United States we expect \"OH\" as opposed to the full ISO 3166-2 code \"US-OH\".\n * @property {string} [postalCode] The zip code or equivalent for countries that have them.\n * @property {string} [countryCodeAlpha2] The 2 character country code.\n */\n\n/**\n * @typedef {object} ThreeDSecure~additionalInformation\n * @property {string} [workPhoneNumber] The work phone number used for verification. Only numbers; remove dashes, parenthesis and other characters. (maximum length 25)\n * @property {string} [shippingGivenName] The first name associated with the shipping address. (maximum length 50)\n * @property {string} [shippingSurname] The last name associated with the shipping address. (maximum length 50)\n * @property {object} [shippingAddress]\n * @property {string} [shippingAddress.streetAddress] Line 1 of the shipping address (eg. number, street, etc). (maximum length 50)\n * @property {string} [shippingAddress.extendedAddress] Line 2 of the shipping address (eg. suite, apt #, etc.). (maximum length 50)\n * @property {string} [shippingAddress.line3] Line 3 of the shipping address if needed (eg. suite, apt #, etc). (maximum length 50)\n * @property {string} [shippingAddress.locality] The locality (city) name associated with the shipping address. (maximum length 50)\n * @property {string} [shippingAddress.region] This field expects an ISO3166-2 subdivision code. The subdivision code is what follows the hyphen separator in the full ISO 3166-2 code. For example, the state of Ohio in the United States we expect \"OH\" as opposed to the full ISO 3166-2 code \"US-OH\".\n * @property {string} [shippingAddress.postalCode] The zip code or equivalent for countries that have them. (maximum length 10)\n * @property {string} [shippingAddress.countryCodeAlpha2] The 2 character country code. (maximum length 2)\n * @property {string} [shippingPhone] The phone number associated with the shipping address. Only numbers; remove dashes, parenthesis and other characters. (maximum length 20)\n * @property {string} [shippingMethod] The 2-digit string indicating the name of the shipping method chosen for the transaction. (maximum length 50) Possible values:\n * - `01` Same Day\n * - `02` Overnight / Expedited\n * - `03` Priority (2-3 Days)\n * - `04` Ground\n * - `05` Electronic Delivery\n * - `06` Ship to Store\n * @property {string} [shippingMethodIndicator] The 2-digit string indicating the shipping method chosen for the transaction Possible values.\n * - `01` Ship to cardholder billing address\n * - `02` Ship to another verified address on file with merchant\n * - `03` Ship to address that is different from billing address\n * - `04` Ship to store (store address should be populated on request)\n * - `05` Digital goods\n * - `06` Travel and event tickets, not shipped\n * - `07` Other\n * @property {string} [productCode] The 3-letter string representing the merchant product code. Possible values:\n * - `AIR` Airline\n * - `GEN` General Retail\n * - `DIG` Digital Goods\n * - `SVC` Services\n * - `RES` Restaurant\n * - `TRA` Travel\n * - `DSP` Cash Dispensing\n * - `REN` Car Rental\n * - `GAS` Fuel\n * - `LUX` Luxury Retail\n * - `ACC` Accommodation Retail\n * - `TBD` Other\n * @property {string} [deliveryTimeframe] The 2-digit number indicating the delivery time frame. Possible values:\n * - `01` Electronic delivery\n * - `02` Same day shipping\n * - `03` Overnight shipping\n * - `04` Two or more day shipping\n * @property {string} [deliveryEmail] For electronic delivery, email address to which the merchandise was delivered. (maximum length 254)\n * @property {string} [reorderindicator] The 2-digit number indicating whether the cardholder is reordering previously purchased merchandise. possible values:\n * - `01` First time ordered\n * - `02` Reordered\n * @property {string} [preorderIndicator] The 2-digit number indicating whether cardholder is placing an order with a future availability or release date. possible values:\n * - `01` Merchandise available\n * - `02` Future availability\n * @property {string} [preorderDate] The 8-digit number (format: YYYYMMDD) indicating expected date that a pre-ordered purchase will be available.\n * @property {string} [giftCardAmount] The purchase amount total for prepaid gift cards in major units. (maximum length 15)\n * @property {string} [giftCardCurrencyCode] ISO 4217 currency code for the gift card purchased. (maximum length 3)\n * @property {string} [giftCardCount] Total count of individual prepaid gift cards purchased. (maximum length 2)\n * @property {string} [accountAgeIndicator] The 2-digit value representing the length of time cardholder has had account. Possible values:\n * - `01` No Account\n * - `02` Created during transaction\n * - `03` Less than 30 days\n * - `04` 30-60 days\n * - `05` More than 60 days\n * @property {string} [accountCreateDate] The 8-digit number (format: YYYYMMDD) indicating the date the cardholder opened the account.\n * @property {string} [accountChangeIndicator] The 2-digit value representing the length of time since the last change to the cardholder account. This includes shipping address, new payment account or new user added. Possible values:\n * - `01` Changed during transaction\n * - `02` Less than 30 days\n * - `03` 30-60 days\n * - `04` More than 60 days\n * @property {string} [accountChangeDate] The 8-digit number (format: YYYYMMDD) indicating the date the cardholder's account was last changed. This includes changes to the billing or shipping address, new payment accounts or new users added.\n * @property {string} [accountPwdChangeIndicator] The 2-digit value representing the length of time since the cardholder changed or reset the password on the account. Possible values:\n * - `01` No change\n * - `02` Changed during transaction\n * - `03` Less than 30 days\n * - `04` 30-60 days\n * - `05` More than 60 days\n * @property {string} [accountPwdChangeDate] The 8-digit number (format: YYYYMMDD) indicating the date the cardholder last changed or reset password on account.\n * @property {string} [shippingAddressUsageIndicator] The 2-digit value indicating when the shipping address used for transaction was first used. Possible values:\n * - `01` This transaction\n * - `02` Less than 30 days\n * - `03` 30-60 days\n * - `04` More than 60 days\n * @property {string} [shippingAddressUsageDate] The 8-digit number (format: YYYYMMDD) indicating the date when the shipping address used for this transaction was first used.\n * @property {string} [transactionCountDay] Number of transactions (successful or abandoned) for this cardholder account within the last 24 hours. (maximum length 3)\n * @property {string} [transactionCountYear] Number of transactions (successful or abandoned) for this cardholder account within the last year. (maximum length 3)\n * @property {string} [addCardAttempts] Number of add card attempts in the last 24 hours. (maximum length 3)\n * @property {string} [accountPurchases] Number of purchases with this cardholder account during the previous six months.\n * @property {string} [fraudActivity] The 2-digit value indicating whether the merchant experienced suspicious activity (including previous fraud) on the account. Possible values:\n * - `01` No suspicious activity\n * - `02` Suspicious activity observed\n * @property {string} [shippingNameIndicator] The 2-digit value indicating if the cardholder name on the account is identical to the shipping name used for the transaction. Possible values:\n * - `01` Account and shipping name identical\n * - `02` Account and shipping name differ\n * @property {string} [paymentAccountIndicator] The 2-digit value indicating the length of time that the payment account was enrolled in the merchant account. Possible values:\n * - `01` No account (guest checkout)\n * - `02` During the transaction\n * - `03` Less than 30 days\n * - `04` 30-60 days\n * - `05` More than 60 days\n * @property {string} [paymentAccountAge] The 8-digit number (format: YYYYMMDD) indicating the date the payment account was added to the cardholder account.\n * @property {string} [acsWindowSize] The 2-digit number to set the challenge window size to display to the end cardholder. The ACS will reply with content that is formatted appropriately to this window size to allow for the best user experience. The sizes are width x height in pixels of the window displayed in the cardholder browser window. Possible values:\n * - `01` 250x400\n * - `02` 390x400\n * - `03` 500x600\n * - `04` 600x400\n * - `05` Full page\n * @property {string} [sdkMaxTimeout] The 2-digit number of minutes (minimum 05) to set the maximum amount of time for all 3DS 2.0 messages to be communicated between all components.\n * @property {string} [addressMatch] The 1-character value (Y/N) indicating whether cardholder billing and shipping addresses match.\n * @property {string} [accountId] Additional cardholder account information. (maximum length 64)\n * @property {string} [ipAddress] The IP address of the consumer. IPv4 and IPv6 are supported.\n * @property {string} [orderDescription] Brief description of items purchased. (maximum length 256)\n * @property {string} [taxAmount] Unformatted tax amount without any decimalization (ie. $123.67 = 12367). (maximum length 20)\n * @property {string} [userAgent] The exact content of the HTTP user agent header. (maximum length 500)\n * @property {string} [authenticationIndicator] The 2-digit number indicating the type of authentication request. Possible values:\n * - `01` Payment\n * - `02` Recurring transaction\n * - `03` Installment\n * - `04` Add card\n * - `05` Maintain card\n * - `06` Cardholder verification as part of EMV token ID&V\n * @property {string} [installment] An integer value greater than 1 indicating the maximum number of permitted authorizations for installment payments. (maximum length 3)\n * @property {string} [purchaseDate] The 14-digit number (format: YYYYMMDDHHMMSS) indicating the date in UTC of original purchase.\n * @property {string} [recurringEnd] The 8-digit number (format: YYYYMMDD) indicating the date after which no further recurring authorizations should be performed.\n * @property {string} [recurringFrequency] Integer value indicating the minimum number of days between recurring authorizations. A frequency of monthly is indicated by the value 28. Multiple of 28 days will be used to indicate months (ex. 6 months = 168). (maximum length 3)\n */\n\n/**\n * @name ThreeDSecure#on\n * @function\n * @param {string} event The name of the event to which you are subscribing.\n * @param {function} handler A callback to handle the event.\n * @description Subscribes a handler function to a named event. The following events are available:\n * * {@link ThreeDSecure#event:lookup-complete|lookup-complete}\n * * {@link ThreeDSecure#event:customer-canceled|customer-canceled}\n * * {@link ThreeDSecure#event:authentication-iframe-available|authentication-iframe-available}\n * * {@link ThreeDSecure#event:authentication-modal-render|authentication-modal-render}\n * * {@link ThreeDSecure#event:authentication-modal-close|authentication-modal-close}\n * @example\n * Listening to a 3D Secure event \n * braintree.threeDSecure.create({ ... }, function (createErr, threeDSecureInstance) {\n * threeDSecureInstance.on('lookup-complete', function (data, next) {\n * console.log('data from the lookup', data);\n * next();\n * });\n * threeDSecureInstance.on('customer-canceled', function () {\n * console.log('log that the customer canceled');\n * });\n * });\n * @returns {void}\n */\n\n/**\n * @name ThreeDSecure#off\n * @function\n * @param {string} event The name of the event to which you are unsubscribing.\n * @param {function} handler The callback for the event you are unsubscribing from.\n * @description Unsubscribes the handler function to a named event.\n * @example\n * Subscribing and then unsubscribing from a 3D Secure eld event \n * braintree.threeDSecure.create({ ... }, function (createErr, threeDSecureInstance) {\n * var lookupCallback = function (data, next) {\n * console.log(data);\n * next();\n * };\n * var cancelCallback = function () {\n * // log the cancelation\n * // or update UI\n * };\n *\n * threeDSecureInstance.on('lookup-complete', lookupCallback);\n * threeDSecureInstance.on('customer-canceled', cancelCallback);\n *\n * // later on\n * threeDSecureInstance.off('lookup-complete', lookupCallback);\n * threeDSecureInstance.off('customer-canceled', cancelCallback);\n * });\n * @returns {void}\n */\n\n/**\n * This event is emitted when the `2-inline-iframe` version is specified when creating the 3D Secure instance and the authentication iframe becomes available.\n * @event ThreeDSecure#authentication-iframe-available\n * @example\n * Listening for the authentication iframe to be available \n * threeDSecureInstance.on('authentication-iframe-available', function (event, next) {\n * document.body.appendChild(event.element); // add iframe element to page\n *\n * next(); // let the SDK know the iframe is ready\n * });\n * });\n */\n\n/**\n * This event is emitted when using the 3D Secure 2.0 flow and the initial lookup request completes. If this is not used, a `onLookupComplete` callback must be passed into the `verifyCard` method.\n * @event ThreeDSecure#lookup-complete\n * @example\n * Listening for when the lookup request is complete \n * braintree.threeDSecure.create({\n * client: clientInstance,\n * version: '2'\n * }, function (createErr, threeDSecureInstance) {\n * threeDSecureInstance.on('lookup-complete', function (data, next) {\n * // inspect the data\n *\n * // call next when ready to proceed with the challenge\n * next();\n * });\n * });\n */\n\n/**\n * This event is emitted when using the 3D Secure 2.0 flow and the customer cancels the 3D Secure challenge.\n * @event ThreeDSecure#customer-canceled\n * @example\n * Listening for when the customer cancels the 3D Secure challenge \n * braintree.threeDSecure.create({\n * client: clientInstance,\n * version: '2'\n * }, function (createErr, threeDSecureInstance) {\n * threeDSecureInstance.on('customer-canceled', function () {\n * // the customer canceled the 3D Secure challenge\n * });\n * });\n */\n\n/**\n * This event is emitted when using the 3D Secure 2.0 flow and the authentication modal closes, either because the authentication was completed or because the customer canceled the process.\n * @event ThreeDSecure#authentication-modal-close\n * @example\n * braintree.threeDSecure.create({\n * client: clientInstance,\n * version: '2'\n * }, function (createErr, threeDSecureInstance) {\n * threeDSecureInstance.on('authentication-modal-close', function () {\n * // the modal was closed\n * });\n * });\n */\n\n/**\n * This event is emitted when using the 3D Secure 2.0 flow and the authentication modal is rendered.\n * @event ThreeDSecure#authentication-modal-render\n * @example\n * braintree.threeDSecure.create({\n * client: clientInstance,\n * version: '2'\n * }, function (createErr, threeDSecureInstance) {\n * threeDSecureInstance.on('authentication-modal-render', function () {\n * // the modal was rendered, presenting the authentication form to the customer\n * });\n * });\n */\n\n/**\n * @class\n * @param {object} options 3D Secure {@link module:braintree-web/three-d-secure.create create} options\n * @description Do not use this constructor directly. Use {@link module:braintree-web/three-d-secure.create|braintree.threeDSecure.create} instead. \n * @classdesc This class represents a ThreeDSecure component produced by {@link module:braintree-web/three-d-secure.create|braintree.threeDSecure.create}. Instances of this class have a method for launching a 3D Secure authentication flow.\n *\n * If you use the Braintree SDK from within an iframe, you must not use the `sandbox` attribute on your iframe or the 3D Secure modal will not function correctly.\n *\n * **Note**: 3D Secure 2.0 is documented below and will become the default integration method in a future version of Braintree-web. Until then, version 1.0 will continue to be supported. To view 3D Secure 1.0 documentation, look at Braintree-web documentation from version [3.40.0](https://braintree.github.io/braintree-web/3.40.0/ThreeDSecure.html) and earlier, or upgrade your integration by referring to the [3D Secure 2.0 adoption guide](https://developer.paypal.com/braintree/docs/guides/3d-secure/migration/javascript/v3).\n */\nfunction ThreeDSecure(options) {\n var self = this;\n var Framework = FRAMEWORKS[options.framework];\n\n EventEmitter.call(this);\n\n this._framework = new Framework(options);\n this._framework.setUpEventListeners(function () {\n self._emit.apply(self, arguments);\n });\n}\n\nEventEmitter.createChild(ThreeDSecure);\n\n/**\n * Launch the 3D Secure login flow, returning a nonce payload.\n *\n * @public\n * @param {object} options Options for card verification.\n * @param {string} options.nonce The nonce representing the card from a tokenization payload. For example, this can be a {@link HostedFields~tokenizePayload|tokenizePayload} returned by Hosted Fields under `payload.nonce`.\n * @param {string} options.bin The numeric Bank Identification Number (bin) of the card from a tokenization payload. For example, this can be a {@link HostedFields~tokenizePayload|tokenizePayload} returned by Hosted Fields under `payload.details.bin`.\n * @param {string} options.amount The amount of the transaction in the current merchant account's currency. This must be expressed in numbers with an optional decimal (using `.`) and precision up to the hundredths place. For example, if you're processing a transaction for 1.234,56 € then `amount` should be `1234.56`.\n * @param {string} [options.accountType] The account type for the card (if known). Accepted values: `credit` or `debit`.\n * @param {boolean} [options.cardAddChallengeRequested] If set to `true`, a card-add challenge will be requested from the issuer. If set to `false`, a card-add challenge will not be requested. If the param is missing, a card-add challenge will only be requested for $0 amount. An authentication created using this flag should only be used for vaulting operations (creation of customers' credit cards or payment methods) and not for creating transactions.\n * @param {boolean} [options.cardAdd] *Deprecated:* Use `cardAddChallengeRequested` instead.\n * @param {boolean} [options.challengeRequested] If set to true, an authentication challenge will be forced if possible.\n * @param {boolean} [options.exemptionRequested] If set to true, an exemption to the authentication challenge will be requested.\n * @param {function} [options.onLookupComplete] *Deprecated:* Use {@link ThreeDSecure#event:lookup-complete|`threeDSecureInstance.on('lookup-complete')`} instead. Function to execute when lookup completes. The first argument, `data`, is a {@link ThreeDSecure~verificationData|verificationData} object, and the second argument, `next`, is a callback. `next` must be called to continue.\n * @param {string} [options.email] The email used for verification. (maximum length 255)\n * @param {string} [options.mobilePhoneNumber] The mobile phone number used for verification. Only numbers; remove dashes, parenthesis and other characters. (maximum length 25)\n * @param {object} [options.billingAddress] An {@link ThreeDSecure~billingAddress|billingAddress} object for verification.\n * @param {object} [options.additionalInformation] An {@link ThreeDSecure~additionalInformation|additionalInformation} object for verification.\n * @param {object} [options.customer] **Deprecated** Customer information for use in 3DS 1.0 verifications. Can contain any subset of a {@link ThreeDSecure~verifyCardCustomerObject|verifyCardCustomerObject}. Only to be used for 3DS 1.0 integrations.\n * @param {callback} options.addFrame **Deprecated** This {@link ThreeDSecure~addFrameCallback|addFrameCallback} will be called when the bank frame needs to be added to your page. Only to be used for 3DS 1.0 integrations.\n * @param {callback} options.removeFrame **Deprecated** For use in 3DS 1.0 Flows. This {@link ThreeDSecure~removeFrameCallback|removeFrameCallback} will be called when the bank frame needs to be removed from your page. Only to be used in 3DS 1.0 integrations.\n * @param {callback} [callback] The second argument, data, is a {@link ThreeDSecure~verifyPayload|verifyPayload}. If no callback is provided, it will return a promise that resolves {@link ThreeDSecure~verifyPayload|verifyPayload}.\n\n * @returns {(Promise|void)} Returns a promise if no callback is provided.\n * @example\n * Verifying a payment method nonce with 3DS 2.0 \n * var my3DSContainer;\n *\n * // set up listener after initialization\n * threeDSecure.on(('lookup-complete', function (data, next) {\n * // use `data` here, then call `next()`\n * next();\n * });\n *\n * // call verifyCard after tokenizing a card\n * threeDSecure.verifyCard({\n * amount: '123.45',\n * nonce: hostedFieldsTokenizationPayload.nonce,\n * bin: hostedFieldsTokenizationPayload.details.bin,\n * email: 'test@example.com'\n * billingAddress: {\n * givenName: 'Jill',\n * surname: 'Doe',\n * phoneNumber: '8101234567',\n * streetAddress: '555 Smith St.',\n * extendedAddress: '#5',\n * locality: 'Oakland',\n * region: 'CA',\n * postalCode: '12345',\n * countryCodeAlpha2: 'US'\n * },\n * additionalInformation: {\n * workPhoneNumber: '5555555555',\n * shippingGivenName: 'Jill',\n * shippingSurname: 'Doe',\n * shippingAddress: {\n * streetAddress: '555 Smith st',\n * extendedAddress: '#5',\n * locality: 'Oakland',\n * region: 'CA',\n * postalCode: '12345',\n * countryCodeAlpha2: 'US'\n * }\n * shippingPhone: '8101234567'\n * }\n * }, function (err, payload) {\n * if (err) {\n * console.error(err);\n * return;\n * }\n *\n * if (payload.liabilityShifted) {\n * // Liability has shifted\n * submitNonceToServer(payload.nonce);\n * } else if (payload.liabilityShiftPossible) {\n * // Liability may still be shifted\n * // Decide if you want to submit the nonce\n * } else {\n * // Liability has not shifted and will not shift\n * // Decide if you want to submit the nonce\n * }\n * });\n * Verifying a payment method nonce with 3DS 2.0 with onLookupComplete callback \n * var my3DSContainer;\n *\n * threeDSecure.verifyCard({\n * amount: '123.45',\n * nonce: hostedFieldsTokenizationPayload.nonce,\n * bin: hostedFieldsTokenizationPayload.details.bin,\n * email: 'test@example.com'\n * billingAddress: {\n * givenName: 'Jill',\n * surname: 'Doe',\n * phoneNumber: '8101234567',\n * streetAddress: '555 Smith St.',\n * extendedAddress: '#5',\n * locality: 'Oakland',\n * region: 'CA',\n * postalCode: '12345',\n * countryCodeAlpha2: 'US'\n * },\n * additionalInformation: {\n * workPhoneNumber: '5555555555',\n * shippingGivenName: 'Jill',\n * shippingSurname: 'Doe',\n * shippingAddress: {\n * streetAddress: '555 Smith st',\n * extendedAddress: '#5',\n * locality: 'Oakland',\n * region: 'CA',\n * postalCode: '12345',\n * countryCodeAlpha2: 'US'\n * }\n * shippingPhone: '8101234567'\n * },\n * onLookupComplete: function (data, next) {\n * // use `data` here, then call `next()`\n * next();\n * }\n * }, function (err, payload) {\n * if (err) {\n * console.error(err);\n * return;\n * }\n *\n * if (payload.liabilityShifted) {\n * // Liability has shifted\n * submitNonceToServer(payload.nonce);\n * } else if (payload.liabilityShiftPossible) {\n * // Liability may still be shifted\n * // Decide if you want to submit the nonce\n * } else {\n * // Liability has not shifted and will not shift\n * // Decide if you want to submit the nonce\n * }\n * });\n * @example\n * Handling 3DS lookup errors \n * var my3DSContainer;\n *\n * // set up listener after initialization\n * threeDSecure.on(('lookup-complete', function (data, next) {\n * // use `data` here, then call `next()`\n * next();\n * });\n *\n * // call verifyCard after tokenizing a card\n * threeDSecure.verifyCard({\n * amount: '123.45',\n * nonce: hostedFieldsTokenizationPayload.nonce,\n * bin: hostedFieldsTokenizationPayload.details.bin,\n * email: 'test@example.com',\n * billingAddress: billingAddressFromCustomer,\n * additionalInformation: additionalInfoFromCustomer\n * }, function (err, payload) {\n * if (err) {\n * if (err.code.indexOf('THREEDS_LOOKUP') === 0) {\n * // an error occurred during the initial lookup request\n *\n * if (err.code === 'THREEDS_LOOKUP_TOKENIZED_CARD_NOT_FOUND_ERROR') {\n * // either the passed payment method nonce does not exist\n * // or it was already consumed before the lookup call was made\n * } else if (err.code.indexOf('THREEDS_LOOKUP_VALIDATION') === 0) {\n * // a validation error occurred\n * // likely some non-ascii characters were included in the billing\n * // address given name or surname fields, or the cardholdername field\n *\n * // Instruct your user to check their data and try again\n * } else {\n * // an unknown lookup error occurred\n * }\n * } else {\n * // some other kind of error\n * }\n * return;\n * }\n *\n * // handle success\n * });\n * @example\n * Deprecated: Verifying an existing nonce with 3DS 1.0 \n * var my3DSContainer;\n *\n * threeDSecure.verifyCard({\n * nonce: existingNonce,\n * amount: 123.45,\n * addFrame: function (err, iframe) {\n * // Set up your UI and add the iframe.\n * my3DSContainer = document.createElement('div');\n * my3DSContainer.appendChild(iframe);\n * document.body.appendChild(my3DSContainer);\n * },\n * removeFrame: function () {\n * // Remove UI that you added in addFrame.\n * document.body.removeChild(my3DSContainer);\n * }\n * }, function (err, payload) {\n * if (err) {\n * console.error(err);\n * return;\n * }\n *\n * if (payload.liabilityShifted) {\n * // Liability has shifted\n * submitNonceToServer(payload.nonce);\n * } else if (payload.liabilityShiftPossible) {\n * // Liability may still be shifted\n * // Decide if you want to submit the nonce\n * } else {\n * // Liability has not shifted and will not shift\n * // Decide if you want to submit the nonce\n * }\n * });\n */\nThreeDSecure.prototype.verifyCard = function (options) {\n var privateOptions;\n\n if (this.hasListener(\"lookup-complete\")) {\n privateOptions = {\n ignoreOnLookupCompleteRequirement: true,\n };\n }\n\n return this._framework.verifyCard(options, privateOptions);\n};\n\n/* eslint-disable-next-line valid-jsdoc */\n/**\n * Launch the iframe challenge using a 3D Secure lookup response from a server side lookup.\n *\n * @public\n * @param {(object|string)} lookupResponse The lookup response from the server side call to lookup the 3D Secure information. The raw string or a parsed object can be passed.\n * @returns {Promise} Returns a promise.\n * @example\n * var my3DSContainer;\n *\n * threeDSecure.initializeChallengeWithLookupResponse(lookupResponseFromServer).then(function (payload) {\n * if (payload.liabilityShifted) {\n * // Liability has shifted\n * submitNonceToServer(payload.nonce);\n * } else if (payload.liabilityShiftPossible) {\n * // Liability may still be shifted\n * // Decide if you want to submit the nonce\n * } else {\n * // Liability has not shifted and will not shift\n * // Decide if you want to submit the nonce\n * }\n * });\n */\nThreeDSecure.prototype.initializeChallengeWithLookupResponse = function (\n lookupResponse\n) {\n if (typeof lookupResponse === \"string\") {\n lookupResponse = JSON.parse(lookupResponse);\n }\n\n return this._framework.initializeChallengeWithLookupResponse(lookupResponse);\n};\n\n/**\n * Gather the data needed for a 3D Secure lookup call.\n *\n * @public\n * @param {object} options Options for 3D Secure lookup.\n * @param {string} options.nonce The nonce representing the card from a tokenization payload. For example, this can be a {@link HostedFields~tokenizePayload|tokenizePayload} returned by Hosted Fields under `payload.nonce`.\n * @param {string} [options.bin] The numeric Bank Identification Number (bin) of the card from a tokenization payload. For example, this can be a {@link HostedFields~tokenizePayload|tokenizePayload} returned by Hosted Fields under `payload.details.bin`. Though not required to start the verification, it is required to receive a 3DS 2.0 lookup response.\n * @param {callback} [callback] The second argument, data, is a {@link ThreeDSecure~prepareLookupPayload|prepareLookupPayload}. If no callback is provided, it will return a promise that resolves {@link ThreeDSecure~prepareLookupPayload|prepareLookupPayload}.\n\n * @returns {(Promise|void)} Returns a promise if no callback is provided.\n * @example\n * Preparing data for a 3D Secure lookup \n * threeDSecure.prepareLookup({\n * nonce: hostedFieldsTokenizationPayload.nonce,\n * bin: hostedFieldsTokenizationPayload.details.bin\n * }, function (err, payload) {\n * if (err) {\n * console.error(err);\n * return;\n * }\n *\n * // send payload to server to do server side lookup\n * });\n */\nThreeDSecure.prototype.prepareLookup = function (options) {\n return this._framework.prepareLookup(options).then(function (data) {\n return JSON.stringify(data);\n });\n};\n\n/**\n * Cancel the 3DS flow and return the verification payload if available. If using 3D Secure version 2, this will not close the UI of the authentication modal. It is recommended that this method only be used in the {@link ThreeDSecure#event:lookup-complete|`lookup-complete`} event or the `onLookupComplete` callback.\n * @public\n * @param {callback} [callback] The second argument is a {@link ThreeDSecure~verifyPayload|verifyPayload}. If there is no verifyPayload (the initial lookup did not complete), an error will be returned. If no callback is passed, `cancelVerifyCard` will return a promise.\n * @returns {(Promise|void)} Returns a promise if no callback is provided.\n * @example Cancel the verification in `lookup-complete` event \n * // set up listener after instantiation\n * threeDSecure.on('lookup-complete', function (data, next) {\n * // determine if you want to call next to start the challenge,\n * // if not, call cancelVerifyCard\n * threeDSecure.cancelVerifyCard(function (err, verifyPayload) {\n * if (err) {\n * // Handle error\n * console.log(err.message); // No verification payload available\n * return;\n * }\n *\n * verifyPayload.nonce; // The nonce returned from the 3ds lookup call\n * verifyPayload.liabilityShifted; // boolean\n * verifyPayload.liabilityShiftPossible; // boolean\n * });\n * });\n *\n * // after tokenizing a credit card\n * threeDSecure.verifyCard({\n * amount: '100.00',\n * nonce: nonceFromTokenizationPayload,\n * bin: binFromTokenizationPayload\n * // other fields such as billing address\n * }, function (verifyError, payload) {\n * if (verifyError) {\n * if (verifyError.code === 'THREEDS_VERIFY_CARD_CANCELED_BY_MERCHANT ') {\n * // flow was canceled by merchant, 3ds info can be found in the payload\n * // for cancelVerifyCard\n * }\n * }\n * });\n * @example Cancel the verification in onLookupComplete callback \n * threeDSecure.verifyCard({\n * amount: '100.00',\n * nonce: nonceFromTokenizationPayload,\n * bin: binFromTokenizationPayload,\n * // other fields such as billing address\n * onLookupComplete: function (data, next) {\n * // determine if you want to call next to start the challenge,\n * // if not, call cancelVerifyCard\n * threeDSecure.cancelVerifyCard(function (err, verifyPayload) {\n * if (err) {\n * // Handle error\n * console.log(err.message); // No verification payload available\n * return;\n * }\n *\n * verifyPayload.nonce; // The nonce returned from the 3ds lookup call\n * verifyPayload.liabilityShifted; // boolean\n * verifyPayload.liabilityShiftPossible; // boolean\n * });\n * }\n * }, function (verifyError, payload) {\n * if (verifyError) {\n * if (verifyError.code === 'THREEDS_VERIFY_CARD_CANCELED_BY_MERCHANT ') {\n * // flow was canceled by merchant, 3ds info can be found in the payload\n * // for cancelVerifyCard\n * }\n * }\n * });\n * @example Cancel the verification in 3D Secure version 1 \n * // unlike with v2, this will not cause `verifyCard` to error, it will simply\n * // never call the callback\n * threeDSecure.cancelVerifyCard(function (err, verifyPayload) {\n * if (err) {\n * // Handle error\n * console.log(err.message); // No verification payload available\n * return;\n * }\n *\n * verifyPayload.nonce; // The nonce returned from the 3ds lookup call\n * verifyPayload.liabilityShifted; // boolean\n * verifyPayload.liabilityShiftPossible; // boolean\n * });\n */\nThreeDSecure.prototype.cancelVerifyCard = function () {\n return this._framework.cancelVerifyCard();\n};\n\n/**\n * Cleanly remove anything set up by {@link module:braintree-web/three-d-secure.create|create}, with the exception that the Cardinal SDK, on window.Cardinal, will remain.\n * @public\n * @param {callback} [callback] Called on completion. If no callback is passed, `teardown` will return a promise.\n * @example\n * threeDSecure.teardown();\n * @example With callback \n * threeDSecure.teardown(function () {\n * // teardown is complete\n * });\n * @returns {(Promise|void)} Returns a promise if no callback is provided.\n */\nThreeDSecure.prototype.teardown = function () {\n var methodNames = methods(ThreeDSecure.prototype).concat(\n methods(EventEmitter.prototype)\n );\n\n convertMethodsToError(this, methodNames);\n\n return this._framework.teardown();\n};\n\nmodule.exports = wrapPromise.wrapPrototype(ThreeDSecure);\n\n},{\"../../lib/convert-methods-to-error\":101,\"../../lib/methods\":129,\"./frameworks\":144,\"@braintree/event-emitter\":41,\"@braintree/wrap-promise\":51}],149:[function(require,module,exports){\n\"use strict\";\n/** @module braintree-web/three-d-secure */\n\nvar ThreeDSecure = require(\"./external/three-d-secure\");\nvar isHTTPS = require(\"../lib/is-https\").isHTTPS;\nvar basicComponentVerification = require(\"../lib/basic-component-verification\");\nvar createDeferredClient = require(\"../lib/create-deferred-client\");\nvar createAssetsUrl = require(\"../lib/create-assets-url\");\nvar BraintreeError = require(\"../lib/braintree-error\");\nvar analytics = require(\"../lib/analytics\");\nvar errors = require(\"./shared/errors\");\nvar VERSION = \"3.88.3\";\nvar Promise = require(\"../lib/promise\");\nvar wrapPromise = require(\"@braintree/wrap-promise\");\n\n/**\n * @static\n * @function create\n * @param {object} options Creation options:\n * @param {object} [options.cardinalSDKConfig] A config for the underlying Cardinal SDK.\n * @param {object} [options.cardinalSDKConfig.logging] The logging configuration for the Cardinal SDK. See [Cardinal's documentation for the logging object](https://cardinaldocs.atlassian.net/wiki/spaces/CC/pages/1409568/Configurations#Configurations-Logging) for more information.\n * @param {number} [options.cardinalSDKConfig.timeout] The time in milliseconds to wait before a request to Cardinal's API times out. See [Cardinal's documentation for root level configuration](https://cardinaldocs.atlassian.net/wiki/spaces/CC/pages/1409568/Configurations#Configurations-RootLevelConfiguration) for more information.\n * @param {number} [options.cardinalSDKConfig.maxRequestRetries] How many times a request should be re-attempted to Cardinal's API before giving up as a failure. See [Cardinal's documentation for root level configuration](https://cardinaldocs.atlassian.net/wiki/spaces/CC/pages/1409568/Configurations#Configurations-RootLevelConfiguration) for more information.\n * @param {object} [options.cardinalSDKConfig.payment] An object to describe how you want the user interactions to behave. Only a subset of the [Cardinal SDK payment configuration object](https://cardinaldocs.atlassian.net/wiki/spaces/CC/pages/1409568/Configurations#Configurations-Payment) are supported: `displayLoading` and `displayExitButton`.\n * @param {Client} [options.client] A {@link Client} instance.\n * @param {string} [options.authorization] A tokenizationKey or clientToken. Can be used in place of `options.client`.\n * @param {(number|string)} [options.version=1] The version of 3D Secure to use. Possible options:\n * * 1 - The legacy 3D Secure v1.0 integration.\n * * 2 - A 3D Secure v2.0 integration that uses a modal to host the 3D Secure iframe.\n * * 2-bootstrap3-modal - A 3D Secure v2.0 integration that uses a modal styled with Bootstrap 3 styles to host the 3D Secure iframe. Requires having the Bootstrap 3 script files and stylesheets on your page.\n * * 2-inline-iframe - A 3D Secure v2.0 integration that provides the authentication iframe directly to the merchant.\n * @param {callback} [callback] The second argument, `data`, is the {@link ThreeDSecure} instance. If no callback is provided, it returns a promise that resolves the {@link ThreeDSecure} instance.\n * @returns {(Promise|void)} Returns a promise if no callback is provided.\n@example\n * Creating a v2 3D Secure component using 2 version (Cardinal modal) \n * braintree.threeDSecure.create({\n * client: clientInstance,\n * version: '2'\n * }, function (createError, threeDSecure) {\n * // set up lookup-complete listener\n * threeDSecure.on('lookup-complete', function (data, next) {\n * // check lookup data\n *\n * next();\n * });\n *\n * // using Hosted Fields, use `tokenize` to get back a credit card nonce\n *\n * threeDSecure.verifyCard({\n * nonce: nonceFromTokenizationPayload,,\n * bin: binFromTokenizationPayload,\n * amount: '100.00'\n * }, function (verifyError, payload) {\n * // inspect payload\n * // send payload.nonce to your server\n * });\n * });\n * @example\n * Creating a v2 3D Secure component using 2-bootstrap3-modal version \n * // must have the boostrap js, css and jquery files on your page\n * braintree.threeDSecure.create({\n * client: clientInstance,\n * version: '2-bootstrap3-modal'\n * }, function (createError, threeDSecure) {\n * // set up lookup-complete listener\n * threeDSecure.on('lookup-complete', function (data, next) {\n * // check lookup data\n *\n * next();\n * });\n *\n * // using Hosted Fields, use `tokenize` to get back a credit card nonce\n *\n * // challenge will be presented in a bootstrap 3 modal\n * threeDSecure.verifyCard({\n * nonce: nonceFromTokenizationPayload,\n * bin: binFromTokenizationPayload,\n * amount: '100.00'\n * }, function (verifyError, payload) {\n * // inspect payload\n * // send payload.nonce to your server\n * });\n * });\n * @example\n * Creating a v2 3D Secure component using 2-inline-iframe version \n * braintree.threeDSecure.create({\n * client: clientInstance,\n * version: '2-inline-iframe'\n * }, function (createError, threeDSecure) {\n * // set up lookup-complete listener\n * threeDSecure.on('lookup-complete', function (data, next) {\n * // check lookup data\n *\n * next();\n * });\n * // set up iframe listener\n * threeDSecure.on('authentication-iframe-available', function (event, next) {\n * var element = event.element; // an html element that contains the iframe\n *\n * document.body.appendChild(element); // put it on your page\n *\n * next(); // let the sdk know the element has been added to the page\n * });\n *\n * // using Hosted Fields, use `tokenize` to get back a credit card nonce\n *\n * threeDSecure.verifyCard({\n * nonce: nonceFromTokenizationPayload,,\n * bin: binFromTokenizationPayload,\n * amount: '100.00'\n * }, function (verifyError, payload) {\n * // inspect payload\n * // send payload.nonce to your server\n * });\n * });\n */\nfunction create(options) {\n var name = \"3D Secure\";\n\n return basicComponentVerification\n .verify({\n name: name,\n client: options.client,\n authorization: options.authorization,\n })\n .then(function () {\n var assetsUrl = createAssetsUrl.create(options.authorization);\n var framework = getFramework(options);\n var createPromise = createDeferredClient\n .create({\n authorization: options.authorization,\n client: options.client,\n debug: options.debug,\n assetsUrl: assetsUrl,\n name: name,\n })\n .then(function (client) {\n var error, isProduction;\n var config = client.getConfiguration();\n var gwConfig = config.gatewayConfiguration;\n\n options.client = client;\n\n if (!gwConfig.threeDSecureEnabled) {\n error = errors.THREEDS_NOT_ENABLED;\n }\n\n if (config.authorizationType === \"TOKENIZATION_KEY\") {\n error = errors.THREEDS_CAN_NOT_USE_TOKENIZATION_KEY;\n }\n\n isProduction = gwConfig.environment === \"production\";\n\n if (isProduction && !isHTTPS()) {\n error = errors.THREEDS_HTTPS_REQUIRED;\n }\n\n if (\n framework !== \"legacy\" &&\n !(\n gwConfig.threeDSecure &&\n gwConfig.threeDSecure.cardinalAuthenticationJWT\n )\n ) {\n analytics.sendEvent(\n options.client,\n \"three-d-secure.initialization.failed.missing-cardinalAuthenticationJWT\"\n );\n error = errors.THREEDS_NOT_ENABLED_FOR_V2;\n }\n\n if (error) {\n return Promise.reject(new BraintreeError(error));\n }\n\n analytics.sendEvent(options.client, \"three-d-secure.initialized\");\n\n return client;\n });\n var instance = new ThreeDSecure({\n client: options.client,\n assetsUrl: assetsUrl,\n createPromise: createPromise,\n loggingEnabled: options.loggingEnabled,\n cardinalSDKConfig: options.cardinalSDKConfig,\n framework: framework,\n });\n\n if (options.client) {\n return createPromise.then(function () {\n return instance;\n });\n }\n\n return instance;\n });\n}\n\nfunction getFramework(options) {\n var version = String(options.version || \"\");\n\n if (!version || version === \"1\") {\n return \"legacy\";\n }\n\n switch (version) {\n case \"2\":\n case \"2-cardinal-modal\":\n return \"cardinal-modal\";\n case \"2-bootstrap3-modal\":\n return \"bootstrap3-modal\";\n case \"2-inline-iframe\":\n return \"inline-iframe\";\n default:\n throw new BraintreeError({\n code: errors.THREEDS_UNRECOGNIZED_VERSION.code,\n type: errors.THREEDS_UNRECOGNIZED_VERSION.type,\n message:\n \"Version `\" +\n options.version +\n \"` is not a recognized version. You may need to update the version of your Braintree SDK to support this version.\",\n });\n }\n}\n\nmodule.exports = {\n create: wrapPromise(create),\n /**\n * @description The current version of the SDK, i.e. `1.33.7`.\n * @type {string}\n */\n VERSION: VERSION,\n};\n\n},{\"../lib/analytics\":94,\"../lib/basic-component-verification\":97,\"../lib/braintree-error\":99,\"../lib/create-assets-url\":103,\"../lib/create-deferred-client\":105,\"../lib/is-https\":126,\"../lib/promise\":131,\"./external/three-d-secure\":148,\"./shared/errors\":151,\"@braintree/wrap-promise\":51}],150:[function(require,module,exports){\n\"use strict\";\n\nmodule.exports = {\n LANDING_FRAME_NAME: \"braintreethreedsecurelanding\",\n CARDINAL_SCRIPT_SOURCE: {\n production: \"https://songbird.cardinalcommerce.com/edge/v1/songbird.js\",\n sandbox: \"https://songbirdstag.cardinalcommerce.com/edge/v1/songbird.js\",\n },\n};\n\n},{}],151:[function(require,module,exports){\n\"use strict\";\n\n/**\n * @name BraintreeError.3D Secure - Creation Error Codes\n * @description Errors that occur when [creating the 3D Secure component](./module-braintree-web_three-d-secure.html#.create).\n * @property {MERCHANT} THREEDS_NOT_ENABLED Occurs when 3D Secure is not enabled in the Braintree control panel.\n * @property {MERCHANT} THREEDS_CAN_NOT_USE_TOKENIZATION_KEY Occurs when 3D Secure component is created without a Client Token.\n * @property {MERCHANT} THREEDS_HTTPS_REQUIRED Occurs when 3D Secure component is created in production over HTTPS.\n * @property {MERCHANT} THREEDS_NOT_ENABLED_FOR_V2 Occurs when 3D Secure component is created with version 2 parameter, but merchant is not enabled to use version 2.\n * @property {MERCHANT} THREEDS_UNRECOGNIZED_VERSION Occurs when unrecognized version enum is passed into the create call.\n * @property {UNKNOWN} THREEDS_CARDINAL_SDK_SETUP_FAILED Occurs when Cardinal's Songbird.js library fails to setup for an unknown reason.\n * @property {NETWORK} THREEDS_CARDINAL_SDK_SCRIPT_LOAD_FAILED Occurs when using version 2 and Cardinal's Songbird.js script could not be loaded.\n * @property {UNKNOWN} THREEDS_CARDINAL_SDK_SETUP_TIMEDOUT Occurs when Cardinal's Songbird.js library takes longer than 60 seconds to set up.\n * @property {UNKNOWN} THREEDS_CARDINAL_SDK_RESPONSE_TIMEDOUT Occurs when Cardinal sends a response indicating a timeout on /Validate, /Confirm, or /Continue.\n * @property {MERCHANT} THREEDS_CARDINAL_SDK_BAD_CONFIG Occurs when there is no JWT in the request. Also when there's some other malformed aspect of config.\n * @property {MERCHANT} THREEDS_CARDINAL_SDK_BAD_JWT Occurs when a malformed config causes a either a missing response JWT or a malformed Cardinal response.\n * @property {UNKNOWN} THREEDS_CARDINAL_SDK_ERROR Occurs when a \"general error\" or a Cardinal hosted fields error happens. Description contains more details.\n * @property {CUSTOMER} THREEDS_CARDINAL_SDK_CANCELED Occurs when customer cancels the transaction mid-flow, usually with alt-pays that have their own cancel buttons.\n */\n\n/**\n * @name BraintreeError.3D Secure - verifyCard Error Codes\n * @description Errors that occur when using the [`verifyCard` method](./ThreeDSecure.html#verifyCard).\n * @property {MERCHANT} THREEDS_AUTHENTICATION_IN_PROGRESS Occurs when another verification is already in progress.\n * @property {MERCHANT} THREEDS_MISSING_VERIFY_CARD_OPTION Occurs when a required option is missing.\n * @property {UNKNOWN} THREEDS_JWT_AUTHENTICATION_FAILED Occurs when something went wrong authenticating the JWT from the Cardinal SDK.\n * @property {MERCHANT} THREEDS_LOOKUP_TOKENIZED_CARD_NOT_FOUND_ERROR Occurs when the supplied payment method nonce does not exist or the payment method nonce has already been consumed.\n * @property {CUSTOMER} THREEDS_LOOKUP_VALIDATION_ERROR Occurs when a validation error occurs during the 3D Secure lookup.\n * @property {UNKNOWN} THREEDS_LOOKUP_ERROR An unknown error occurred while attempting the 3D Secure lookup.\n * @property {MERCHANT} THREEDS_VERIFY_CARD_CANCELED_BY_MERCHANT Occurs when the 3D Secure flow is canceled by the merchant using `cancelVerifyCard` (3D Secure v2 flows only).\n * @property {UNKNOWN} THREEDS_INLINE_IFRAME_DETAILS_INCORRECT An unknown error occurred while attempting to use the inline iframe framework.\n */\n\n/**\n * @name BraintreeError.3D Secure - cancelVerifyCard Error Codes\n * @description Errors that occur when using the [`cancelVerifyCard` method](./ThreeDSecure.html#cancelVerifyCard).\n * @property {MERCHANT} THREEDS_NO_VERIFICATION_PAYLOAD Occurs when the 3D Secure flow is canceled, but there is no 3D Secure information available.\n */\n\n/**\n * @name BraintreeError.3D Secure - Internal Error Codes\n * @ignore\n * @description Errors that occur internally\n * @property {INTERNAL} THREEDS_TERM_URL_REQUIRES_BRAINTREE_DOMAIN Occurs when iframe is initialized on a non-verified domain.\n * @property {INTERNAL} THREEDS_FRAMEWORK_METHOD_NOT_IMPLEMENTED Occurs when a 3D Secure framework method is not implemented.\n */\n\nvar BraintreeError = require(\"../../lib/braintree-error\");\n\nmodule.exports = {\n THREEDS_NOT_ENABLED: {\n type: BraintreeError.types.MERCHANT,\n code: \"THREEDS_NOT_ENABLED\",\n message: \"3D Secure is not enabled for this merchant.\",\n },\n THREEDS_CAN_NOT_USE_TOKENIZATION_KEY: {\n type: BraintreeError.types.MERCHANT,\n code: \"THREEDS_CAN_NOT_USE_TOKENIZATION_KEY\",\n message: \"3D Secure can not use a tokenization key for authorization.\",\n },\n THREEDS_HTTPS_REQUIRED: {\n type: BraintreeError.types.MERCHANT,\n code: \"THREEDS_HTTPS_REQUIRED\",\n message: \"3D Secure requires HTTPS.\",\n },\n THREEDS_NOT_ENABLED_FOR_V2: {\n type: BraintreeError.types.MERCHANT,\n code: \"THREEDS_NOT_ENABLED_FOR_V2\",\n message:\n \"3D Secure version 2 is not enabled for this merchant. Contact Braintree Support for assistance at https://help.braintreepayments.com/\",\n },\n THREEDS_UNRECOGNIZED_VERSION: {\n type: BraintreeError.types.MERCHANT,\n code: \"THREEDS_UNRECOGNIZED_VERSION\",\n },\n THREEDS_CARDINAL_SDK_SETUP_FAILED: {\n type: BraintreeError.types.UNKNOWN,\n code: \"THREEDS_CARDINAL_SDK_SETUP_FAILED\",\n message: \"Something went wrong setting up Cardinal's Songbird.js library.\",\n },\n THREEDS_CARDINAL_SDK_SCRIPT_LOAD_FAILED: {\n type: BraintreeError.types.NETWORK,\n code: \"THREEDS_CARDINAL_SDK_SCRIPT_LOAD_FAILED\",\n message: \"Cardinal's Songbird.js library could not be loaded.\",\n },\n THREEDS_CARDINAL_SDK_SETUP_TIMEDOUT: {\n type: BraintreeError.types.UNKNOWN,\n code: \"THREEDS_CARDINAL_SDK_SETUP_TIMEDOUT\",\n message: \"Cardinal's Songbird.js took too long to setup.\",\n },\n THREEDS_CARDINAL_SDK_RESPONSE_TIMEDOUT: {\n type: BraintreeError.types.UNKNOWN,\n code: \"THREEDS_CARDINAL_SDK_RESPONSE_TIMEDOUT\",\n message: \"Cardinal's API took too long to respond.\",\n },\n THREEDS_CARDINAL_SDK_BAD_CONFIG: {\n type: BraintreeError.types.MERCHANT,\n code: \"THREEDS_CARDINAL_SDK_BAD_CONFIG\",\n message:\n \"JWT or other required field missing. Please check your setup configuration.\",\n },\n THREEDS_CARDINAL_SDK_BAD_JWT: {\n type: BraintreeError.types.MERCHANT,\n code: \"THREEDS_CARDINAL_SDK_BAD_JWT\",\n message:\n \"Cardinal JWT missing or malformed. Please check your setup configuration.\",\n },\n THREEDS_CARDINAL_SDK_ERROR: {\n type: BraintreeError.types.UNKNOWN,\n code: \"THREEDS_CARDINAL_SDK_ERROR\",\n message:\n \"A general error has occurred with Cardinal. See description for more information.\",\n },\n THREEDS_CARDINAL_SDK_CANCELED: {\n type: BraintreeError.types.CUSTOMER,\n code: \"THREEDS_CARDINAL_SDK_CANCELED\",\n message: \"Canceled by user.\",\n },\n THREEDS_VERIFY_CARD_CANCELED_BY_MERCHANT: {\n type: BraintreeError.types.MERCHANT,\n code: \"THREEDS_VERIFY_CARD_CANCELED_BY_MERCHANT\",\n message: \"3D Secure verfication canceled by merchant.\",\n },\n THREEDS_AUTHENTICATION_IN_PROGRESS: {\n type: BraintreeError.types.MERCHANT,\n code: \"THREEDS_AUTHENTICATION_IN_PROGRESS\",\n message:\n \"Cannot call verifyCard while existing authentication is in progress.\",\n },\n THREEDS_MISSING_VERIFY_CARD_OPTION: {\n type: BraintreeError.types.MERCHANT,\n code: \"THREEDS_MISSING_VERIFY_CARD_OPTION\",\n },\n THREEDS_JWT_AUTHENTICATION_FAILED: {\n type: BraintreeError.types.UNKNOWN,\n code: \"THREEDS_JWT_AUTHENTICATION_FAILED\",\n message: \"Something went wrong authenticating the JWT from Cardinal\",\n },\n THREEDS_LOOKUP_TOKENIZED_CARD_NOT_FOUND_ERROR: {\n type: BraintreeError.types.MERCHANT,\n code: \"THREEDS_LOOKUP_TOKENIZED_CARD_NOT_FOUND_ERROR\",\n message:\n \"Either the payment method nonce passed to `verifyCard` does not exist, or it was already consumed\",\n },\n THREEDS_LOOKUP_VALIDATION_ERROR: {\n type: BraintreeError.types.CUSTOMER,\n code: \"THREEDS_LOOKUP_VALIDATION_ERROR\",\n message:\n \"The data passed in `verifyCard` did not pass validation checks. See details for more info\",\n },\n THREEDS_LOOKUP_ERROR: {\n type: BraintreeError.types.UNKNOWN,\n code: \"THREEDS_LOOKUP_ERROR\",\n message: \"Something went wrong during the 3D Secure lookup\",\n },\n THREEDS_INLINE_IFRAME_DETAILS_INCORRECT: {\n type: BraintreeError.types.UNKNOWN,\n code: \"THREEDS_INLINE_IFRAME_DETAILS_INCORRECT\",\n message:\n \"Something went wrong when attempting to add the authentication iframe to the page.\",\n },\n THREEDS_NO_VERIFICATION_PAYLOAD: {\n type: BraintreeError.types.MERCHANT,\n code: \"THREEDS_NO_VERIFICATION_PAYLOAD\",\n message: \"No verification payload available.\",\n },\n THREEDS_TERM_URL_REQUIRES_BRAINTREE_DOMAIN: {\n type: BraintreeError.types.INTERNAL,\n code: \"THREEDS_TERM_URL_REQUIRES_BRAINTREE_DOMAIN\",\n message: \"Term Url must be on a Braintree domain.\",\n },\n THREEDS_FRAMEWORK_METHOD_NOT_IMPLEMENTED: {\n type: BraintreeError.types.INTERNAL,\n code: \"THREEDS_FRAMEWORK_METHOD_NOT_IMPLEMENTED\",\n message: \"Method not implemented for this framework.\",\n },\n};\n\n},{\"../../lib/braintree-error\":99}],152:[function(require,module,exports){\n\"use strict\";\n\nvar enumerate = require(\"../../lib/enumerate\");\n\nmodule.exports = enumerate([\"AUTHENTICATION_COMPLETE\"], \"threedsecure:\");\n\n},{\"../../lib/enumerate\":108}],153:[function(require,module,exports){\n\"use strict\";\n\n/**\n * @name BraintreeError.Vault Manager - deletePaymentMethod Error Codes\n * @description Errors that occur when using the [`deletePaymentMethod` method](./VaultManager.html#deletePaymentMethod).\n * @property {MERCHANT} VAULT_MANAGER_DELETE_PAYMENT_METHOD_NONCE_REQUIRES_CLIENT_TOKEN Occurs when vault manager is initialized with a tokenization key instead of a Client Token.\n * @property {MERCHANT} VAULT_MANAGER_PAYMENT_METHOD_NONCE_NOT_FOUND Occurs when the specified payment method can not be found.\n * @property {UNKNOWN} VAULT_MANAGER_DELETE_PAYMENT_METHOD_UNKNOWN_ERROR Occurs when there is an error attempting to delete the payment method.\n */\n\nvar BraintreeError = require(\"../lib/braintree-error\");\n\nmodule.exports = {\n VAULT_MANAGER_DELETE_PAYMENT_METHOD_NONCE_REQUIRES_CLIENT_TOKEN: {\n type: BraintreeError.types.MERCHANT,\n code: \"VAULT_MANAGER_DELETE_PAYMENT_METHOD_NONCE_REQUIRES_CLIENT_TOKEN\",\n message:\n \"A client token with a customer id must be used to delete a payment method nonce.\",\n },\n VAULT_MANAGER_PAYMENT_METHOD_NONCE_NOT_FOUND: {\n type: BraintreeError.types.MERCHANT,\n code: \"VAULT_MANAGER_PAYMENT_METHOD_NONCE_NOT_FOUND\",\n },\n VAULT_MANAGER_DELETE_PAYMENT_METHOD_UNKNOWN_ERROR: {\n type: BraintreeError.types.UNKNOWN,\n code: \"VAULT_MANAGER_DELETE_PAYMENT_METHOD_UNKNOWN_ERROR\",\n },\n};\n\n},{\"../lib/braintree-error\":99}],154:[function(require,module,exports){\n\"use strict\";\n/**\n * @module braintree-web/vault-manager\n * @description Manages customer's payment methods.\n */\n\nvar basicComponentVerification = require(\"../lib/basic-component-verification\");\nvar createDeferredClient = require(\"../lib/create-deferred-client\");\nvar createAssetsUrl = require(\"../lib/create-assets-url\");\nvar VaultManager = require(\"./vault-manager\");\nvar VERSION = \"3.88.3\";\nvar wrapPromise = require(\"@braintree/wrap-promise\");\n\n/**\n * @static\n * @function create\n * @param {object} options Creation options:\n * @param {Client} [options.client] A {@link Client} instance.\n * @param {string} [options.authorization] A tokenizationKey or clientToken. Can be used in place of `options.client`.\n * @param {callback} callback The second argument, `data`, is the {@link VaultManager} instance.\n * @returns {void}\n */\nfunction create(options) {\n var name = \"Vault Manager\";\n\n return basicComponentVerification\n .verify({\n name: name,\n client: options.client,\n authorization: options.authorization,\n })\n .then(function () {\n return new VaultManager({\n createPromise: createDeferredClient.create({\n authorization: options.authorization,\n client: options.client,\n debug: options.debug,\n assetsUrl: createAssetsUrl.create(options.authorization),\n name: name,\n }),\n });\n });\n}\n\nmodule.exports = {\n create: wrapPromise(create),\n /**\n * @description The current version of the SDK, i.e. `1.33.7`.\n * @type {string}\n */\n VERSION: VERSION,\n};\n\n},{\"../lib/basic-component-verification\":97,\"../lib/create-assets-url\":103,\"../lib/create-deferred-client\":105,\"./vault-manager\":155,\"@braintree/wrap-promise\":51}],155:[function(require,module,exports){\n\"use strict\";\n\nvar analytics = require(\"../lib/analytics\");\nvar BraintreeError = require(\"../lib/braintree-error\");\nvar errors = require(\"./errors\");\nvar convertMethodsToError = require(\"../lib/convert-methods-to-error\");\nvar methods = require(\"../lib/methods\");\nvar Promise = require(\"../lib/promise\");\nvar wrapPromise = require(\"@braintree/wrap-promise\");\n\nvar DELETE_PAYMENT_METHOD_MUTATION =\n \"mutation DeletePaymentMethodFromSingleUseToken($input: DeletePaymentMethodFromSingleUseTokenInput!) {\" +\n \" deletePaymentMethodFromSingleUseToken(input: $input) {\" +\n \" clientMutationId\" +\n \" }\" +\n \"}\";\n\n/**\n * @typedef {array} VaultManager~fetchPaymentMethodsPayload The customer's payment methods.\n * @property {object} paymentMethod The payment method object.\n * @property {string} paymentMethod.nonce A nonce that can be sent to your server to transact on the payment method.\n * @property {boolean} paymentMethod.default Whether or not this is the default payment method for the customer.\n * @property {object} paymentMethod.details Any additional details about the payment method. Varies depending on the type of payment method.\n * @property {string} paymentMethod.type A constant indicating the type of payment method.\n * @property {?string} paymentMethod.description Additional description about the payment method.\n * @property {?object} paymentMethod.binData Bin data about the payment method.\n *\n */\n\n/**\n * @class\n * @param {object} options Options\n * @description You cannot use this constructor directly. Use {@link module:braintree-web/vault-manager.create|braintree.vault-manager.create} instead. \n * @classdesc This class allows you to manage a customer's payment methods on the client.\n */\nfunction VaultManager(options) {\n this._createPromise = options.createPromise;\n}\n\n/**\n * Fetches payment methods owned by the customer whose id was used to generate the client token used to create the {@link module:braintree-web/client|client}.\n * @public\n * @param {object} [options] Options for fetching payment methods.\n * @param {boolean} [options.defaultFirst = false] If `true`, the payment methods will be returned with the default payment method for the customer first. Otherwise, order is not guaranteed.\n * @param {callback} [callback] The second argument is a {@link VaultManager~fetchPaymentMethodsPayload|fetchPaymentMethodsPayload}. This is also what is resolved by the promise if no callback is provided.\n * @returns {(Promise|void)} Returns a promise if no callback is provided.\n * @example\n * vaultManagerInstance.fetchPaymentMethods(function (err, paymentMethods) {\n * paymentMethods.forEach(function (paymentMethod) {\n * // add payment method to UI\n * // paymentMethod.nonce <- transactable nonce associated with payment method\n * // paymentMethod.details <- object with additional information about payment method\n * // paymentMethod.type <- a constant signifying the type\n * });\n * });\n */\nVaultManager.prototype.fetchPaymentMethods = function (options) {\n var defaultFirst;\n\n options = options || {};\n\n defaultFirst = options.defaultFirst === true ? 1 : 0;\n\n return this._createPromise\n .then(function (client) {\n return client.request({\n endpoint: \"payment_methods\",\n method: \"get\",\n data: {\n defaultFirst: defaultFirst,\n },\n });\n })\n .then(\n function (paymentMethodsPayload) {\n analytics.sendEvent(\n this._createPromise,\n \"vault-manager.fetch-payment-methods.succeeded\"\n );\n\n return paymentMethodsPayload.paymentMethods.map(\n formatPaymentMethodPayload\n );\n }.bind(this)\n );\n};\n\n// TODO hide from jsdoc for now until the GraphQL API is on for all merchants by default\n/**\n * Deletes a payment method owned by the customer whose id was used to generate the client token used to create the {@link module:braintree-web/client|client}.\n * @public\n * @ignore\n * @param {string} paymentMethodNonce The payment method nonce that references a vaulted payment method.\n * @param {callback} [callback] No data is returned if the operation is successful.\n * @returns {(Promise|void)} Returns a promise if no callback is provided.\n * @example\n * vaultManagerInstance.deletePaymentMethod('nonce-to-delete', function (err) {\n * // handle err if it exists\n * });\n */\nVaultManager.prototype.deletePaymentMethod = function (paymentMethodNonce) {\n return this._createPromise.then(function (client) {\n var usesClientToken =\n client.getConfiguration().authorizationType === \"CLIENT_TOKEN\";\n\n if (!usesClientToken) {\n return Promise.reject(\n new BraintreeError(\n errors.VAULT_MANAGER_DELETE_PAYMENT_METHOD_NONCE_REQUIRES_CLIENT_TOKEN\n )\n );\n }\n\n return client\n .request({\n api: \"graphQLApi\",\n data: {\n query: DELETE_PAYMENT_METHOD_MUTATION,\n variables: {\n input: {\n singleUseTokenId: paymentMethodNonce,\n },\n },\n operationName: \"DeletePaymentMethodFromSingleUseToken\",\n },\n })\n .then(function () {\n analytics.sendEvent(\n client,\n \"vault-manager.delete-payment-method.succeeded\"\n );\n\n // noop to prevent sending back the raw graphql data\n })\n .catch(function (error) {\n var originalError = error.details.originalError;\n var formattedError;\n\n analytics.sendEvent(\n client,\n \"vault-manager.delete-payment-method.failed\"\n );\n\n if (\n originalError[0] &&\n originalError[0].extensions.errorClass === \"NOT_FOUND\"\n ) {\n formattedError = new BraintreeError({\n type: errors.VAULT_MANAGER_PAYMENT_METHOD_NONCE_NOT_FOUND.type,\n code: errors.VAULT_MANAGER_PAYMENT_METHOD_NONCE_NOT_FOUND.code,\n message:\n \"A payment method for payment method nonce `\" +\n paymentMethodNonce +\n \"` could not be found.\",\n details: {\n originalError: originalError,\n },\n });\n }\n\n if (!formattedError) {\n formattedError = new BraintreeError({\n type: errors.VAULT_MANAGER_DELETE_PAYMENT_METHOD_UNKNOWN_ERROR.type,\n code: errors.VAULT_MANAGER_DELETE_PAYMENT_METHOD_UNKNOWN_ERROR.code,\n message:\n \"An unknown error occured when attempting to delete the payment method assocaited with the payment method nonce `\" +\n paymentMethodNonce +\n \"`.\",\n details: {\n originalError: originalError,\n },\n });\n }\n\n return Promise.reject(formattedError);\n });\n });\n};\n\nfunction formatPaymentMethodPayload(paymentMethod) {\n var formattedPaymentMethod = {\n nonce: paymentMethod.nonce,\n default: paymentMethod.default,\n details: paymentMethod.details,\n hasSubscription: paymentMethod.hasSubscription,\n type: paymentMethod.type,\n };\n\n if (paymentMethod.description) {\n formattedPaymentMethod.description = paymentMethod.description;\n }\n\n if (paymentMethod.binData) {\n formattedPaymentMethod.binData = paymentMethod.binData;\n }\n\n return formattedPaymentMethod;\n}\n\n/**\n * Cleanly tear down anything set up by {@link module:braintree-web/vault-manager.create|create}.\n * @public\n * @param {callback} [callback] Called once teardown is complete. No data is returned if teardown completes successfully.\n * @example\n * vaultManagerInstance.teardown();\n * @example With callback \n * vaultManagerInstance.teardown(function () {\n * // teardown is complete\n * });\n * @returns {(Promise|void)} Returns a promise if no callback is provided.\n */\nVaultManager.prototype.teardown = function () {\n convertMethodsToError(this, methods(VaultManager.prototype));\n\n return Promise.resolve();\n};\n\nmodule.exports = wrapPromise.wrapPrototype(VaultManager);\n\n},{\"../lib/analytics\":94,\"../lib/braintree-error\":99,\"../lib/convert-methods-to-error\":101,\"../lib/methods\":129,\"../lib/promise\":131,\"./errors\":153,\"@braintree/wrap-promise\":51}],156:[function(require,module,exports){\n\"use strict\";\nvar __importDefault =\n (this && this.__importDefault) ||\n function (mod) {\n return mod && mod.__esModule ? mod : { default: mod };\n };\nvar venmo_desktop_1 = __importDefault(require(\"./venmo-desktop\"));\nmodule.exports = function createVenmoDesktop(options) {\n var instance = new venmo_desktop_1.default(options);\n return instance.initialize();\n};\n\n},{\"./venmo-desktop\":158}],157:[function(require,module,exports){\n\"use strict\";\nObject.defineProperty(exports, \"__esModule\", { value: true });\nexports.VENMO_PAYMENT_CONTEXT_STATUS_QUERY =\n exports.LEGACY_VENMO_PAYMENT_CONTEXT_STATUS_QUERY =\n exports.UPDATE_PAYMENT_CONTEXT_QUERY =\n exports.LEGACY_UPDATE_PAYMENT_CONTEXT_QUERY =\n exports.CREATE_PAYMENT_CONTEXT_QUERY =\n exports.LEGACY_CREATE_PAYMENT_CONTEXT_QUERY =\n void 0;\nexports.LEGACY_CREATE_PAYMENT_CONTEXT_QUERY =\n \"mutation CreateVenmoQRCodePaymentContext($input: CreateVenmoQRCodePaymentContextInput!) {\\n createVenmoQRCodePaymentContext(input: $input) {\\n clientMutationId\\n venmoQRCodePaymentContext {\\n id\\n merchantId\\n createdAt\\n expiresAt\\n }\\n }\\n}\";\nexports.CREATE_PAYMENT_CONTEXT_QUERY =\n \"mutation CreateVenmoPaymentContext($input: CreateVenmoPaymentContextInput!) {\\n createVenmoPaymentContext(input: $input) {\\n clientMutationId\\n venmoPaymentContext {\\n id\\n merchantId\\n createdAt\\n expiresAt\\n }\\n }\\n}\";\nexports.LEGACY_UPDATE_PAYMENT_CONTEXT_QUERY =\n \"mutation UpdateVenmoQRCodePaymentContext($input: UpdateVenmoQRCodePaymentContextInput!) {\\n updateVenmoQRCodePaymentContext(input: $input) {\\n clientMutationId\\n }\\n}\";\nexports.UPDATE_PAYMENT_CONTEXT_QUERY =\n \"mutation UpdateVenmoPaymentContextStatus($input: UpdateVenmoPaymentContextStatusInput!) {\\n updateVenmoPaymentContextStatus(input: $input) {\\n clientMutationId\\n }\\n}\";\nexports.LEGACY_VENMO_PAYMENT_CONTEXT_STATUS_QUERY =\n \"query PaymentContext($id: ID!) {\\n node(id: $id) {\\n ... on VenmoQRCodePaymentContext {\\n status\\n paymentMethodId\\n userName\\n }\\n }\\n}\";\nexports.VENMO_PAYMENT_CONTEXT_STATUS_QUERY =\n \"query PaymentContext($id: ID!) {\\n node(id: $id) {\\n ... on VenmoPaymentContext {\\n status\\n paymentMethodId\\n userName\\n payerInfo {\\n firstName\\n lastName\\n phoneNumber\\n email\\n externalId\\n userName\\n }\\n }\\n }\\n}\";\n\n},{}],158:[function(require,module,exports){\n\"use strict\";\nvar __assign =\n (this && this.__assign) ||\n function () {\n __assign =\n Object.assign ||\n function (t) {\n for (var s, i = 1, n = arguments.length; i < n; i++) {\n s = arguments[i];\n for (var p in s)\n if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];\n }\n return t;\n };\n return __assign.apply(this, arguments);\n };\nvar __importDefault =\n (this && this.__importDefault) ||\n function (mod) {\n return mod && mod.__esModule ? mod : { default: mod };\n };\nObject.defineProperty(exports, \"__esModule\", { value: true });\nvar framebus_1 = __importDefault(require(\"framebus\"));\nvar iframer_1 = __importDefault(require(\"@braintree/iframer\"));\nvar uuid_1 = __importDefault(require(\"@braintree/uuid\"));\nvar events_1 = require(\"../shared/events\");\nvar queries_1 = require(\"./queries\");\nvar VENMO_DESKTOP_POLLING_INTERVAL = 1000; // 1 second\nvar VISUAL_DELAY_BEFORE_SIGNALLING_COMPLETION = 2000; // 2 seconds\nvar VenmoDesktop = /** @class */ (function () {\n function VenmoDesktop(options) {\n this.isHidden = true;\n this.env = options.environment;\n this.id = uuid_1.default();\n this.profileId = options.profileId;\n this.displayName = options.displayName;\n this.paymentMethodUsage = options.paymentMethodUsage;\n this.shouldUseLegacyQRCodeMutation = !this.paymentMethodUsage;\n var frameUrl = options.url + \"#\" + this.env + \"_\" + this.id;\n this.bus = new framebus_1.default({\n channel: this.id,\n verifyDomain: options.verifyDomain,\n });\n this.apiRequest = options.apiRequest;\n this.sendEvent = options.sendEvent;\n this.Promise = options.Promise;\n this.alertBox = document.createElement(\"div\");\n this.alertBox.setAttribute(\"data-venmo-desktop-id\", this.id);\n this.alertBox.setAttribute(\"role\", \"alert\");\n this.alertBox.style.position = \"fixed\";\n this.alertBox.style.display = \"none\";\n this.alertBox.style.height = \"1px\";\n this.alertBox.style.width = \"1px\";\n this.alertBox.style.overflow = \"hidden\";\n this.alertBox.style.zIndex = \"0\";\n this.iframe = iframer_1.default({\n src: frameUrl,\n name: \"venmo-desktop-iframe\",\n style: {\n display: \"none\",\n position: \"fixed\",\n top: \"0\",\n bottom: \"0\",\n right: \"0\",\n left: \"0\",\n height: \"100%\",\n width: \"100%\",\n zIndex: \"9999999\",\n },\n title: \"Venmo Desktop\",\n });\n }\n VenmoDesktop.prototype.initialize = function () {\n var _this = this;\n return new this.Promise(function (resolve) {\n _this.bus.on(events_1.VENMO_DESKTOP_IFRAME_READY, function () {\n resolve(_this);\n });\n _this.bus.on(events_1.VENMO_DESKTOP_REQUEST_NEW_QR_CODE, function () {\n _this.sendEvent(\"venmo.tokenize.desktop.restarted-from-error-view\");\n _this.startPolling();\n });\n document.body.appendChild(_this.iframe);\n document.body.appendChild(_this.alertBox);\n });\n };\n VenmoDesktop.prototype.launchDesktopFlow = function () {\n var _this = this;\n this.isHidden = false;\n var promise = new this.Promise(function (resolve, reject) {\n _this.launchDesktopPromiseRejectFunction = reject;\n var removeListeners = function () {\n /* eslint-disable @typescript-eslint/no-use-before-define */\n _this.bus.off(\n events_1.VENMO_DESKTOP_CUSTOMER_CANCELED,\n customerCancelledHandler\n );\n _this.bus.off(\n events_1.VENMO_DESKTOP_AUTHORIZATION_COMPLETED,\n completedHandler\n );\n _this.bus.off(\n events_1.VENMO_DESKTOP_UNKNOWN_ERROR,\n unknownErrorHandler\n );\n /* eslint-enable @typescript-eslint/no-use-before-define */\n };\n var unknownErrorHandler = function (err) {\n removeListeners();\n _this.sendEvent(\"venmo.tokenize.desktop.unknown-error\");\n reject({\n allowUIToHandleError: false,\n reason: \"UNKNOWN_ERROR\",\n err: err,\n });\n };\n var customerCancelledHandler = function () {\n removeListeners();\n _this.updateVenmoDesktopPaymentContext(\"CANCELED\");\n _this.sendEvent(\n \"venmo.tokenize.desktop.status-change.canceled-from-modal\"\n );\n reject({\n allowUIToHandleError: false,\n reason: \"CUSTOMER_CANCELED\",\n });\n };\n var completedHandler = function (payload) {\n removeListeners();\n resolve(payload);\n };\n _this.bus.on(\n events_1.VENMO_DESKTOP_CUSTOMER_CANCELED,\n customerCancelledHandler\n );\n _this.bus.on(\n events_1.VENMO_DESKTOP_AUTHORIZATION_COMPLETED,\n completedHandler\n );\n _this.bus.on(events_1.VENMO_DESKTOP_UNKNOWN_ERROR, unknownErrorHandler);\n });\n this.iframe.style.display = \"block\";\n this.setAlert(\"Generating a QR code, get your Venmo app ready\");\n this.iframe.focus();\n this.startPolling();\n return promise\n .then(function (result) {\n delete _this.venmoContextId;\n delete _this.launchDesktopPromiseRejectFunction;\n return result;\n })\n .catch(function (err) {\n delete _this.venmoContextId;\n delete _this.launchDesktopPromiseRejectFunction;\n return _this.Promise.reject(err);\n });\n };\n VenmoDesktop.prototype.triggerCompleted = function (result) {\n var _this = this;\n if (this.isHidden) {\n return;\n }\n setTimeout(function () {\n _this.bus.emit(events_1.VENMO_DESKTOP_AUTHORIZATION_COMPLETED, result);\n }, VISUAL_DELAY_BEFORE_SIGNALLING_COMPLETION);\n };\n VenmoDesktop.prototype.triggerRejected = function (err) {\n if (this.launchDesktopPromiseRejectFunction) {\n this.launchDesktopPromiseRejectFunction(err);\n }\n };\n VenmoDesktop.prototype.hideDesktopFlow = function () {\n this.setAlert(\"\");\n this.iframe.style.display = \"none\";\n this.bus.emit(events_1.VENMO_DESKTOP_CLOSED_FROM_PARENT);\n this.isHidden = true;\n };\n VenmoDesktop.prototype.displayError = function (message) {\n if (this.isHidden) {\n return;\n }\n this.bus.emit(events_1.VENMO_DESKTOP_DISPLAY_ERROR, {\n message: message,\n });\n this.setAlert(message);\n };\n VenmoDesktop.prototype.displayQRCode = function (id, merchantId) {\n if (this.isHidden) {\n return;\n }\n this.bus.emit(events_1.VENMO_DESKTOP_DISPLAY_QR_CODE, {\n id: id,\n merchantId: merchantId,\n });\n this.setAlert(\"To scan the QR code, open your Venmo app\");\n };\n VenmoDesktop.prototype.authorize = function () {\n if (this.isHidden) {\n return;\n }\n this.bus.emit(events_1.VENMO_DESKTOP_AUTHORIZE);\n this.setAlert(\"Venmo account authorized\");\n };\n VenmoDesktop.prototype.authorizing = function () {\n if (this.isHidden) {\n return;\n }\n this.bus.emit(events_1.VENMO_DESKTOP_AUTHORIZING);\n this.setAlert(\"Authorize on your Venmo app\");\n };\n VenmoDesktop.prototype.startPolling = function () {\n var _this = this;\n return this.createVenmoDesktopPaymentContext()\n .then(function (result) {\n var expiresIn =\n new Date(result.expiresAt).getTime() -\n new Date(result.createdAt).getTime();\n var expiredTime = Date.now() + expiresIn;\n _this.displayQRCode(result.id, result.merchantId);\n return _this.pollForStatusChange(result.status, expiredTime);\n })\n .then(function (result) {\n if (!result) {\n return;\n }\n // since we are manually adding a prepended @ sign\n // we want to make sure that the username does not\n // start giving us the @ sign up front in the future\n var username = result.userName || \"\";\n username = \"@\" + username.replace(\"@\", \"\");\n _this.triggerCompleted({\n paymentMethodNonce: result.paymentMethodId,\n username: username,\n payerInfo: result.payerInfo,\n id: _this.venmoContextId || \"\",\n });\n })\n .catch(function (err) {\n if (err.allowUIToHandleError) {\n // noop here and let the UI handle the customer error\n return;\n }\n _this.sendEvent(\"venmo.tokenize.desktop.unhandled-error\");\n _this.triggerRejected(err);\n });\n };\n VenmoDesktop.prototype.pollForStatusChange = function (status, expiredTime) {\n var _this = this;\n if (!this.venmoContextId) {\n return this.Promise.resolve();\n }\n if (Date.now() > expiredTime) {\n return this.updateVenmoDesktopPaymentContext(\"EXPIRED\").then(function () {\n _this.displayError(\"Something went wrong\");\n _this.sendEvent(\"venmo.tokenize.desktop.status-change.sdk-timeout\");\n return _this.Promise.reject({\n allowUIToHandleError: true,\n reason: \"TIMEOUT\",\n });\n });\n }\n return this.lookupVenmoDesktopPaymentContext().then(function (response) {\n if (!_this.venmoContextId || !response) {\n return _this.Promise.resolve();\n }\n var newStatus = response.status;\n if (newStatus !== status) {\n status = newStatus;\n _this.sendEvent(\n \"venmo.tokenize.desktop.status-change.\" + status.toLowerCase()\n );\n switch (status) {\n case \"CREATED\":\n // noop, no need to do anything here\n // should never be able to get to this point\n // but we'll keep it in to enumerate the statuses\n break;\n case \"EXPIRED\":\n case \"FAILED\":\n case \"CANCELED\":\n var message =\n status === \"CANCELED\"\n ? \"The authorization was canceled\"\n : \"Something went wrong\";\n _this.displayError(message);\n // these are all terminal states, so we end it here\n return _this.Promise.reject({\n allowUIToHandleError: true,\n reason: status,\n });\n case \"SCANNED\":\n _this.authorizing();\n break;\n case \"APPROVED\":\n _this.authorize();\n return _this.Promise.resolve(response);\n default:\n // any other statuses are irrelevant to the polling\n // and can just be ignored\n }\n }\n return new _this.Promise(function (resolve, reject) {\n setTimeout(function () {\n _this\n .pollForStatusChange(status, expiredTime)\n .then(resolve)\n .catch(reject);\n }, VENMO_DESKTOP_POLLING_INTERVAL);\n });\n });\n };\n VenmoDesktop.prototype.teardown = function () {\n this.bus.teardown();\n if (this.iframe.parentNode) {\n this.iframe.parentNode.removeChild(this.iframe);\n }\n if (this.alertBox.parentNode) {\n this.alertBox.parentNode.removeChild(this.alertBox);\n }\n };\n VenmoDesktop.prototype.setAlert = function (message) {\n this.alertBox.style.display = message ? \"block\" : \"none\";\n this.alertBox.textContent = message;\n };\n VenmoDesktop.prototype.createPaymentContextFromGraphqlLegacyQRCodeMutation =\n function (intent) {\n return this.apiRequest(queries_1.LEGACY_CREATE_PAYMENT_CONTEXT_QUERY, {\n input: {\n environment: this.env,\n intent: intent,\n },\n }).then(function (response) {\n return response\n .createVenmoQRCodePaymentContext.venmoQRCodePaymentContext;\n });\n };\n VenmoDesktop.prototype.createPaymentContextFromGraphQL = function (intent) {\n var input = {\n intent: intent,\n paymentMethodUsage: this.paymentMethodUsage,\n customerClient: \"DESKTOP\",\n };\n if (this.profileId) {\n input.merchantProfileId = this.profileId;\n }\n if (this.displayName) {\n input.displayName = this.displayName;\n }\n return this.apiRequest(queries_1.CREATE_PAYMENT_CONTEXT_QUERY, {\n input: input,\n }).then(function (response) {\n return response.createVenmoPaymentContext.venmoPaymentContext;\n });\n };\n VenmoDesktop.prototype.createVenmoDesktopPaymentContext = function () {\n var _this = this;\n var contextPromise = this.shouldUseLegacyQRCodeMutation\n ? this.createPaymentContextFromGraphqlLegacyQRCodeMutation(\"PAY_FROM_APP\")\n : this.createPaymentContextFromGraphQL(\"PAY_FROM_APP\");\n return contextPromise.then(function (context) {\n _this.venmoContextId = context.id;\n var merchantId = _this.profileId || context.merchantId;\n return {\n id: context.id,\n status: context.status,\n merchantId: merchantId,\n createdAt: context.createdAt,\n expiresAt: context.expiresAt,\n };\n });\n };\n VenmoDesktop.prototype.updateVenmoDesktopPaymentContext = function (\n status,\n additionalOptions\n ) {\n if (additionalOptions === void 0) {\n additionalOptions = {};\n }\n if (!this.venmoContextId) {\n return this.Promise.resolve();\n }\n var data = {\n input: __assign(\n { id: this.venmoContextId, status: status },\n additionalOptions\n ),\n };\n var query = this.shouldUseLegacyQRCodeMutation\n ? queries_1.LEGACY_UPDATE_PAYMENT_CONTEXT_QUERY\n : queries_1.UPDATE_PAYMENT_CONTEXT_QUERY;\n return this.apiRequest(query, data).then(function () {\n // noop so we can resolve without any data to match the type\n });\n };\n VenmoDesktop.prototype.lookupVenmoDesktopPaymentContext = function () {\n if (!this.venmoContextId) {\n return this.Promise.resolve();\n }\n var query = this.shouldUseLegacyQRCodeMutation\n ? queries_1.LEGACY_VENMO_PAYMENT_CONTEXT_STATUS_QUERY\n : queries_1.VENMO_PAYMENT_CONTEXT_STATUS_QUERY;\n return this.apiRequest(query, {\n id: this.venmoContextId,\n }).then(function (response) {\n return response.node;\n });\n };\n return VenmoDesktop;\n})();\nexports.default = VenmoDesktop;\n\n},{\"../shared/events\":163,\"./queries\":157,\"@braintree/iframer\":43,\"@braintree/uuid\":47,\"framebus\":176}],159:[function(require,module,exports){\n\"use strict\";\n/** @module braintree-web/venmo */\n\nvar analytics = require(\"../lib/analytics\");\nvar basicComponentVerification = require(\"../lib/basic-component-verification\");\nvar createDeferredClient = require(\"../lib/create-deferred-client\");\nvar createAssetsUrl = require(\"../lib/create-assets-url\");\nvar errors = require(\"./shared/errors\");\nvar wrapPromise = require(\"@braintree/wrap-promise\");\nvar BraintreeError = require(\"../lib/braintree-error\");\nvar Venmo = require(\"./venmo\");\nvar Promise = require(\"../lib/promise\");\nvar supportsVenmo = require(\"./shared/supports-venmo\");\nvar VERSION = \"3.88.3\";\n\n/**\n * @static\n * @function create\n * @param {object} options Creation options:\n * @param {Client} [options.client] A {@link Client} instance.\n * @param {string} [options.authorization] A tokenizationKey or clientToken. Can be used in place of `options.client`.\n * @param {boolean} [options.allowNewBrowserTab=true] This should be set to false if your payment flow requires returning to the same tab, e.g. single page applications. Doing so causes {@link Venmo#isBrowserSupported|isBrowserSupported} to return true only for mobile web browsers that support returning from the Venmo app to the same tab.\n * @param {boolean} [options.allowWebviews=true] This should be set to false if your payment flow does not occur from within a webview that you control. Doing so causes {@link Venmo#isBrowserSupported|isBrowserSupported} to return true only for mobile web browsers that are not webviews.\n * @param {boolean} [options.ignoreHistoryChanges=false] When the Venmo app returns to the website, it will modify the hash of the url to include data about the tokenization. By default, the SDK will put the state of the hash back to where it was before the change was made. Pass `true` to handle the hash change instead of the SDK.\n * @param {string} [options.profileId] The Venmo profile ID to be used during payment authorization. Customers will see the business name and logo associated with this Venmo profile, and it will show up in the Venmo app as a \"Connected Merchant\". Venmo profile IDs can be found in the Braintree Control Panel. Omitting this value will use the default Venmo profile.\n * @param {string} [options.deepLinkReturnUrl] An override for the URL that the Venmo iOS app opens to return from an app switch.\n * @param {boolean} [options.requireManualReturn=false] When `true`, the customer will have to manually switch back to the browser/webview that is presenting Venmo to complete the payment.\n * @param {boolean} [options.useRedirectForIOS=false] Normally, the Venmo flow is launched using `window.open` and the Venmo app intercepts that call and opens the Venmo app instead. If the customer does not have the Venmo app installed, it opens the Venmo website in a new window and instructs the customer to install the app.\n \n * In iOS webviews and Safari View Controllers (a webview-like environment which is indistinguishable from Safari for JavaScript environments), this call to `window.open` will always fail to app switch to Venmo, resulting instead in a white screen. Because of this, an alternate approach is required to launch the Venmo flow.\n *\n * When `useRedirectForIOS` is `true` and the Venmo flow is started in an iOS environment, the Venmo flow will be started by setting `window.location.href` to the Venmo website (which will still be intercepted by the Venmo app and should be the same behavior as if `window.open` was called). However, if the customer does not have the Venmo app installed, the merchant page will instead be replaced with the Venmo website and the customer will need to use the browser's back button to return to the merchant's website. Ensure that your customer's checkout information will not be lost if they are navigated away from the website and return using the browser back button.\n *\n * Due to a bug in iOS's implementation of `window.open` in iOS webviews and Safari View Controllers, if `useRedirectForIOS` is not set to `true` and the flow is launched from an iOS webview or Safari View Controller, the customer will be presented with a blank screen, halting the flow and leaving the customer unable to return to the merchant's website. Setting `useRedirectForIOS` to `true` will allow the flow to continue, but the Venmo app will be unable to return back to the webview/Safari View Controller. It will instead open the merchant's site in a new window in the customer's browser, which means the merchant site must be able to process the Venmo payment. If the SDK is configured with `allowNewBrowserTab = false`, it is unlikely that the website is set up to process the Venmo payment from a new window.\n *\n * If processing the payment from a new window is not possible, use this flag in conjunction with `requireManualReturn` so that the customer may start the flow from a webview/Safari View Controller or their Safari browser and manually return to the place that originated the flow once the Venmo app has authorized the payment and instructed them to do so.\n * @param {string} [options.paymentMethodUsage] The intended usage for the Venmo payment method nonce. Possible options are:\n * * single_use - intended as a one time transaction\n * * multi_use - intended to be vaulted and used for multiple transactions\n * @param {string} [options.displayName] The business name that will be displayed in the Venmo app payment approval screen. Only applicable when used with `paymentMethodUsage` and used by merchants onboarded as PayFast channel partners.\n * @param {boolean} [options.allowDesktop] Used to support desktop users. When enabled, the default mode is to render a scannable QR-code customers scan with their phone's to approve via the mobile app.\n * @param {boolean} [options.allowDesktopWebLogin=false] When `true`, the customer will authorize payment via a window popup that allows them to sign in to their Venmo account. This is used explicitly for customers operating from desktop browsers wanting to avoid the QR Code flow.\n * @param {boolean} [options.mobileWebFallBack] Use this option when you want to use a web-login experience, such as if on mobile and the Venmo app isn't installed.\n * @param {boolean} [options.allowAndroidRecreation=true] This flag is for when your integration uses the [Android PopupBridge](https://github.com/braintree/popup-bridge-android). Setting this flag to false will avoid a page refresh when returning to your page after payment authorization. If not specified, it defaults to true and the Android activity will be recreated, resulting in a page refresh.\n *\n * Note: This flow currently requires a full page redirect, which means to utilize this flow your page will need to be able to handle the checkout session across different pages.\n * @param {callback} [callback] The second argument, `data`, is the {@link Venmo} instance. If no callback is provided, `create` returns a promise that resolves with the {@link Venmo} instance.\n * @example\n * braintree.venmo.create({\n * client: clientInstance\n * }).then(function (venmoInstance) {\n * // venmoInstance is ready to be used.\n * }).catch(function (createErr) {\n * console.error('Error creating Venmo instance', createErr);\n * });\n * @example Allow desktop flow to be used \n * braintree.venmo.create({\n * client: clientInstance,\n * allowDesktop: true\n * }).then(function (venmoInstance) {\n * // venmoInstance is ready to be used.\n * }).catch(function (createErr) {\n * console.error('Error creating Venmo instance', createErr);\n * });\n * @returns {(Promise|void)} Returns the Venmo instance.\n */\nfunction create(options) {\n var name = \"Venmo\";\n\n return basicComponentVerification\n .verify({\n name: name,\n client: options.client,\n authorization: options.authorization,\n })\n .then(function () {\n var createPromise, instance;\n\n if (options.profileId && typeof options.profileId !== \"string\") {\n return Promise.reject(\n new BraintreeError(errors.VENMO_INVALID_PROFILE_ID)\n );\n }\n\n if (\n options.deepLinkReturnUrl &&\n typeof options.deepLinkReturnUrl !== \"string\"\n ) {\n return Promise.reject(\n new BraintreeError(errors.VENMO_INVALID_DEEP_LINK_RETURN_URL)\n );\n }\n\n createPromise = createDeferredClient\n .create({\n authorization: options.authorization,\n client: options.client,\n debug: options.debug,\n assetsUrl: createAssetsUrl.create(options.authorization),\n name: name,\n })\n .then(function (client) {\n var configuration = client.getConfiguration();\n\n options.client = client;\n\n if (!configuration.gatewayConfiguration.payWithVenmo) {\n return Promise.reject(new BraintreeError(errors.VENMO_NOT_ENABLED));\n }\n\n return client;\n });\n\n options.createPromise = createPromise;\n instance = new Venmo(options);\n\n analytics.sendEvent(createPromise, \"venmo.initialized\");\n\n return createPromise.then(function () {\n return instance;\n });\n });\n}\n\n/**\n * @static\n * @function isBrowserSupported\n * @param {object} [options] browser support options:\n * @param {boolean} [options.allowNewBrowserTab=true] This should be set to false if your payment flow requires returning to the same tab, e.g. single page applications.\n * @param {boolean} [options.allowWebviews=true] This should be set to false if your payment flow does not occur from within a webview that you control.\n * @example\n * if (braintree.venmo.isBrowserSupported()) {\n * // set up Venmo\n * }\n * @example Explicitly require browser support returning to the same tab \n * if (braintree.venmo.isBrowserSupported({\n * allowNewBrowserTab: false\n * })) {\n * // set up Venmo\n * }\n * @example Explicitly set webviews as disallowed browsers \n * if (braintree.venmo.isBrowserSupported({\n * allowWebviews: false\n * })) {\n * // set up Venmo\n * }\n * @returns {boolean} Whether or not the browser supports Venmo.\n */\nfunction isBrowserSupported(options) {\n return supportsVenmo.isBrowserSupported(options);\n}\n\nmodule.exports = {\n create: wrapPromise(create),\n isBrowserSupported: isBrowserSupported,\n /**\n * @description The current version of the SDK, i.e. `1.33.7`.\n * @type {string}\n */\n VERSION: VERSION,\n};\n\n},{\"../lib/analytics\":94,\"../lib/basic-component-verification\":97,\"../lib/braintree-error\":99,\"../lib/create-assets-url\":103,\"../lib/create-deferred-client\":105,\"../lib/promise\":131,\"./shared/errors\":162,\"./shared/supports-venmo\":165,\"./venmo\":167,\"@braintree/wrap-promise\":51}],160:[function(require,module,exports){\n\"use strict\";\n\nvar isAndroid = require(\"@braintree/browser-detection/is-android\");\nvar isChrome = require(\"@braintree/browser-detection/is-chrome\");\nvar isIos = require(\"@braintree/browser-detection/is-ios\");\nvar isIosSafari = require(\"@braintree/browser-detection/is-ios-safari\");\nvar isIosWebview = require(\"@braintree/browser-detection/is-ios-webview\");\nvar isSamsung = require(\"@braintree/browser-detection/is-samsung\");\n\nfunction isAndroidWebview() {\n return (\n isAndroid() && window.navigator.userAgent.toLowerCase().indexOf(\"wv\") > -1\n );\n}\n\nfunction doesNotSupportWindowOpenInIos() {\n if (!isIos()) {\n return false;\n }\n\n return isIosWebview() || !isIosSafari();\n}\n\nfunction isFacebookOwnedBrowserOnAndroid() {\n var ua = window.navigator.userAgent.toLowerCase();\n\n // Huawei's Facebook useragent does not include Android\n if (ua.indexOf(\"huawei\") > -1 && ua.indexOf(\"fban\") > -1) {\n return true;\n }\n\n if (!isAndroid()) {\n return false;\n }\n\n return ua.indexOf(\"fb_iab\") > -1 || ua.indexOf(\"instagram\") > -1;\n}\n\n// iOS chrome used to work with Venmo, but now it does not\n// we are unsure if something changed in the iOS Chrome app\n// itself, or if something about iOS webviews has changed\n// until we find out more info, we've created a helper to\n// easilly turn off iOS Chrome as a supported browser in\n// the isBrowserSupported helper function\nfunction isIosChrome() {\n return isIos() && isChrome();\n}\n\nmodule.exports = {\n isAndroid: isAndroid,\n isAndroidWebview: isAndroidWebview,\n isChrome: isChrome,\n isIos: isIos,\n isIosChrome: isIosChrome,\n isSamsung: isSamsung,\n isIosSafari: isIosSafari,\n isIosWebview: isIosWebview,\n isFacebookOwnedBrowserOnAndroid: isFacebookOwnedBrowserOnAndroid,\n doesNotSupportWindowOpenInIos: doesNotSupportWindowOpenInIos,\n};\n\n},{\"@braintree/browser-detection/is-android\":26,\"@braintree/browser-detection/is-chrome\":28,\"@braintree/browser-detection/is-ios\":37,\"@braintree/browser-detection/is-ios-safari\":34,\"@braintree/browser-detection/is-ios-webview\":35,\"@braintree/browser-detection/is-samsung\":38}],161:[function(require,module,exports){\n\"use strict\";\n\n/**\n * Venmo shared constants\n * @typedef {object} Venmo~venmoConstants\n * @ignore\n * @property {string} VENMO_APP_OR_MOBILE_AUTH_URL A deep-linked url that will open the Venmo app if installed, or navigate to a Venmo web-login experience if the Venmo app is not present.\n * @property {string} VENMO_MOBILE_APP_AUTH_ONLY_URL A deep-linked url that leads to a Venmo dead-end page if the Venmo app is not installed (page asks customer to download the app).\n * @property {string} VENMO_WEB_LOGIN_URL A non-deeplinked url that leads to a Venmo login page. For use when explicitly wanting to avoid using the Venmo mobile app via a deep-linked url.\n */\nmodule.exports = {\n DOCUMENT_VISIBILITY_CHANGE_EVENT_DELAY: 500,\n DEFAULT_PROCESS_RESULTS_DELAY: 1000,\n VENMO_APP_OR_MOBILE_AUTH_URL: \"https://account.venmo.com/go/checkout\",\n VENMO_MOBILE_APP_AUTH_ONLY_URL: \"https://venmo.com/braintree/checkout\",\n VENMO_WEB_LOGIN_URL: \"https://account.venmo.com/go/web\",\n};\n\n},{}],162:[function(require,module,exports){\n\"use strict\";\n\n/**\n * @name BraintreeError.Venmo - Creation Error Codes\n * @description Errors that occur when [creating the Venmo component](./module-braintree-web_venmo.html#.create).\n * @property {MERCHANT} VENMO_NOT_ENABLED Occurs when Venmo is not enabled on the Braintree control panel.\n * @property {MERCHANT} VENMO_INVALID_PROFILE_ID Occurs when Venmo is initialized with a profile id, but it is invalid.\n * @property {UNKNOWN} VENMO_MOBILE_POLLING_SETUP_FAILED __Deprecated__ No longer returned. Use `VENMO_MOBILE_PAYMENT_CONTEXT_SETUP_FAILED` instead.\n * @property {UNKNOWN} VENMO_MOBILE_PAYMENT_CONTEXT_SETUP_FAILED Occurs when the request to set up a Venmo Payment Context object fails.\n */\n\n/**\n * @name BraintreeError.Venmo - tokenize Error Codes\n * @description Errors that occur when using the [`tokenize` method](./Venmo.html#tokenize).\n * @property {CUSTOMER} VENMO_APP_CANCELED Occurs when customer cancels flow from the Venmo app.\n * @property {UNKNOWN} VENMO_APP_FAILED Occurs when tokenization fails.\n * @property {CUSTOMER} VENMO_CANCELED Occurs when customer cancels the flow or Venmo app is not available.\n * @property {CUSTOMER} VENMO_CUSTOMER_CANCELED Occurs when customer cancels the flow.\n * @property {CUSTOMER} VENMO_DESKTOP_CANCELED Occurs when customer cancels the Venmo Desktop flow by closing the modal.\n * @property {UNKNOWN} VENMO_DESKTOP_UNKNOWN_ERROR Occurs when an unknown error causes the Venmo Desktop flow to fail.\n * @property {UNKNOWN} VENMO_MOBILE_POLLING_TOKENIZATION_NETWORK_ERROR Occurs when an unknown network error causes the mobile polling process to fail.\n * @property {CUSTOMER} VENMO_MOBILE_POLLING_TOKENIZATION_EXPIRED Occurs when the polling has expired and the payment cannot be completed.\n * @property {CUSTOMER} VENMO_MOBILE_POLLING_TOKENIZATION_CANCELED Occurs when the polling operation is canceled by the customer.\n * @property {CUSTOMER} VENMO_MOBILE_POLLING_TOKENIZATION_TIMEOUT Occurs when customer takes too long to complete payment.\n * @property {UNKNOWN} VENMO_MOBILE_POLLING_TOKENIZATION_FAILED Occurs if there is an unknown error during the mobile polling process.\n * @property {NETWORK} VENMO_NETWORK_ERROR Occurs when a network error causes a request to fail.\n * @property {MERCHANT} VENMO_TOKENIZATION_CANCELED_BY_MERCHANT Occurs when `cancelTokenization` is called while tokenization is in progress.\n * @property {UNKNOWN} VENMO_TOKENIZATION_FAILED Occurs when there is an unknown error during the web login experience.\n * @property {MERCHANT} VENMO_TOKENIZATION_REQUEST_ACTIVE Occurs when `tokenize` is called when the flow is already in progress.\n * @property {MERCHANT} VENMO_TOKENIZATION_REQUEST_NOT_ACTIVE Occurs when `cancelTokenization` is called when the flow is not in progress.\n */\n\nvar BraintreeError = require(\"../../lib/braintree-error\");\n\nmodule.exports = {\n VENMO_NOT_ENABLED: {\n type: BraintreeError.types.MERCHANT,\n code: \"VENMO_NOT_ENABLED\",\n message: \"Venmo is not enabled for this merchant.\",\n },\n VENMO_TOKENIZATION_REQUEST_ACTIVE: {\n type: BraintreeError.types.MERCHANT,\n code: \"VENMO_TOKENIZATION_REQUEST_ACTIVE\",\n message: \"Another tokenization request is active.\",\n },\n VENMO_TOKENIZATION_REQUEST_NOT_ACTIVE: {\n type: BraintreeError.types.MERCHANT,\n code: \"VENMO_TOKENIZATION_REQUEST_NOT_ACTIVE\",\n message: \"No tokenization in progress.\",\n },\n VENMO_APP_FAILED: {\n type: BraintreeError.types.UNKNOWN,\n code: \"VENMO_APP_FAILED\",\n message: \"Venmo app encountered a problem.\",\n },\n VENMO_APP_CANCELED: {\n type: BraintreeError.types.CUSTOMER,\n code: \"VENMO_APP_CANCELED\",\n message: \"Venmo app authorization was canceled.\",\n },\n VENMO_CANCELED: {\n type: BraintreeError.types.CUSTOMER,\n code: \"VENMO_CANCELED\",\n message:\n \"User canceled Venmo authorization, or Venmo app is not available.\",\n },\n VENMO_CUSTOMER_CANCELED: {\n type: BraintreeError.types.CUSTOMER,\n code: \"VENMO_CUSTOMER_CANCELED\",\n message: \"User canceled Venmo authorization.\",\n },\n VENMO_NETWORK_ERROR: {\n type: BraintreeError.types.NETWORK,\n code: \"VENMO_NETWORK_ERROR\",\n message: \"Something went wrong making the request\",\n },\n VENMO_DESKTOP_CANCELED: {\n type: BraintreeError.types.CUSTOMER,\n code: \"VENMO_DESKTOP_CANCELED\",\n message:\n \"User canceled Venmo authorization by closing the Venmo Desktop modal.\",\n },\n VENMO_TOKENIZATION_CANCELED_BY_MERCHANT: {\n type: BraintreeError.types.MERCHANT,\n code: \"VENMO_TOKENIZATION_CANCELED_BY_MERCHANT\",\n message: \"The Venmo tokenization was canceled by the merchant.\",\n },\n VENMO_DESKTOP_UNKNOWN_ERROR: {\n type: BraintreeError.types.UNKNOWN,\n code: \"VENMO_DESKTOP_UNKNOWN_ERROR\",\n message: \"Something went wrong with the Venmo Desktop flow.\",\n },\n VENMO_MOBILE_PAYMENT_CONTEXT_SETUP_FAILED: {\n type: BraintreeError.types.NETWORK,\n code: \"VENMO_MOBILE_PAYMENT_CONTEXT_SETUP_FAILED\",\n message: \"Something went wrong creating the Venmo Payment Context.\",\n },\n VENMO_MOBILE_POLLING_TOKENIZATION_NETWORK_ERROR: {\n type: BraintreeError.types.UNKNOWN,\n code: \"VENMO_MOBILE_POLLING_TOKENIZATION_NETWORK_ERROR\",\n message: \"Something went wrong during mobile polling.\",\n },\n VENMO_MOBILE_POLLING_TOKENIZATION_EXPIRED: {\n type: BraintreeError.types.CUSTOMER,\n code: \"VENMO_MOBILE_POLLING_TOKENIZATION_EXPIRED\",\n message: \"The Venmo authorization request is expired.\",\n },\n VENMO_MOBILE_POLLING_TOKENIZATION_CANCELED: {\n type: BraintreeError.types.CUSTOMER,\n code: \"VENMO_MOBILE_POLLING_TOKENIZATION_CANCELED\",\n message: \"The Venmo authorization was canceled\",\n },\n VENMO_MOBILE_POLLING_TOKENIZATION_TIMEOUT: {\n type: BraintreeError.types.CUSTOMER,\n code: \"VENMO_MOBILE_POLLING_TOKENIZATION_TIMEOUT\",\n message: \"Customer took too long to authorize Venmo payment.\",\n },\n VENMO_MOBILE_POLLING_TOKENIZATION_FAILED: {\n type: BraintreeError.types.UNKNOWN,\n code: \"VENMO_MOBILE_POLLING_TOKENIZATION_FAILED\",\n message: \"The Venmo authorization failed.\",\n },\n VENMO_INVALID_PROFILE_ID: {\n type: BraintreeError.types.MERCHANT,\n code: \"VENMO_INVALID_PROFILE_ID\",\n message: \"Venmo profile ID is invalid.\",\n },\n VENMO_INVALID_DEEP_LINK_RETURN_URL: {\n type: BraintreeError.types.MERCHANT,\n code: \"VENMO_INVALID_DEEP_LINK_RETURN_URL\",\n message: \"Venmo deep link return URL is invalid.\",\n },\n VENMO_TOKENIZATION_FAILED: {\n type: BraintreeError.types.UNKNOWN,\n code: \"VENMO_TOKENIZATION_FAILED\",\n message: \"Venmo encountered a problem\",\n },\n};\n\n},{\"../../lib/braintree-error\":99}],163:[function(require,module,exports){\n\"use strict\";\nObject.defineProperty(exports, \"__esModule\", { value: true });\nexports.VENMO_DESKTOP_UNKNOWN_ERROR =\n exports.VENMO_DESKTOP_REQUEST_NEW_QR_CODE =\n exports.VENMO_DESKTOP_CLOSED_FROM_PARENT =\n exports.VENMO_DESKTOP_IFRAME_READY =\n exports.VENMO_DESKTOP_DISPLAY_QR_CODE =\n exports.VENMO_DESKTOP_DISPLAY_ERROR =\n exports.VENMO_DESKTOP_CUSTOMER_CANCELED =\n exports.VENMO_DESKTOP_AUTHORIZATION_COMPLETED =\n exports.VENMO_DESKTOP_AUTHORIZING =\n exports.VENMO_DESKTOP_AUTHORIZE =\n exports.VENMO_DESKTOP_AUTHORIZATION_TIMED_OUT =\n void 0;\nexports.VENMO_DESKTOP_AUTHORIZATION_TIMED_OUT =\n \"VENMO_DESKTOP_AUTHORIZATION_TIMED_OUT\";\nexports.VENMO_DESKTOP_AUTHORIZE = \"VENMO_DESKTOP_AUTHORIZE\";\nexports.VENMO_DESKTOP_AUTHORIZING = \"VENMO_DESKTOP_AUTHORIZING\";\nexports.VENMO_DESKTOP_AUTHORIZATION_COMPLETED =\n \"VENMO_DESKTOP_AUTHORIZATION_COMPLETED\";\nexports.VENMO_DESKTOP_CUSTOMER_CANCELED = \"VENMO_DESKTOP_CUSTOMER_CANCELED\";\nexports.VENMO_DESKTOP_DISPLAY_ERROR = \"VENMO_DESKTOP_DISPLAY_ERROR\";\nexports.VENMO_DESKTOP_DISPLAY_QR_CODE = \"VENMO_DESKTOP_DISPLAY_QR_CODE\";\nexports.VENMO_DESKTOP_IFRAME_READY = \"VENMO_DESKTOP_IFRAME_READY\";\nexports.VENMO_DESKTOP_CLOSED_FROM_PARENT = \"VENMO_DESKTOP_CLOSED_FROM_PARENT\";\nexports.VENMO_DESKTOP_REQUEST_NEW_QR_CODE = \"VENMO_DESKTOP_REQUEST_NEW_QR_CODE\";\nexports.VENMO_DESKTOP_UNKNOWN_ERROR = \"VENMO_DESKTOP_UNKNOWN_ERROR\";\n\n},{}],164:[function(require,module,exports){\n\"use strict\";\nvar venmoConstants = require(\"./constants\");\n\nfunction getVenmoUrl(options) {\n if (options.useAllowDesktopWebLogin)\n return venmoConstants.VENMO_WEB_LOGIN_URL;\n\n if (options.mobileWebFallBack)\n return venmoConstants.VENMO_APP_OR_MOBILE_AUTH_URL;\n\n return venmoConstants.VENMO_MOBILE_APP_AUTH_ONLY_URL;\n}\n\nmodule.exports = getVenmoUrl;\n\n},{\"./constants\":161}],165:[function(require,module,exports){\n\"use strict\";\n\nvar browserDetection = require(\"./browser-detection\");\n\nfunction isBrowserSupported(options) {\n var merchantAllowsReturningToNewBrowserTab,\n merchantAllowsWebviews,\n merchantAllowsDesktopBrowsers;\n var isAndroid = browserDetection.isAndroid();\n var isMobileDevice = isAndroid || browserDetection.isIos();\n var isAndroidChrome = isAndroid && browserDetection.isChrome();\n var isMobileDeviceThatSupportsReturnToSameTab =\n browserDetection.isIosSafari() || isAndroidChrome;\n var isKnownUnsupportedMobileBrowser =\n browserDetection.isIosChrome() ||\n browserDetection.isFacebookOwnedBrowserOnAndroid() ||\n browserDetection.isSamsung();\n\n options = options || {};\n // NEXT_MAJOR_VERSION allowDesktop will default to true, but can be opted out\n merchantAllowsDesktopBrowsers = options.allowDesktop === true;\n merchantAllowsReturningToNewBrowserTab = options.hasOwnProperty(\n \"allowNewBrowserTab\"\n )\n ? options.allowNewBrowserTab\n : true;\n // NEXT_MAJOR_VERSION webviews are not supported, except for the case where\n // the merchant themselves is presenting venmo in a webview using the deep\n // link url to get back to their app. For the next major version, we should\n // just not have this option and instead require the merchant to determine\n // if the venmo button should be displayed when presenting it in the\n // merchant's app via a webview.\n merchantAllowsWebviews = options.hasOwnProperty(\"allowWebviews\")\n ? options.allowWebviews\n : true;\n\n if (isKnownUnsupportedMobileBrowser) {\n return false;\n }\n\n if (\n !merchantAllowsWebviews &&\n (browserDetection.isAndroidWebview() || browserDetection.isIosWebview())\n ) {\n return false;\n }\n\n if (!isMobileDevice) {\n return merchantAllowsDesktopBrowsers;\n }\n\n if (!merchantAllowsReturningToNewBrowserTab) {\n return isMobileDeviceThatSupportsReturnToSameTab;\n }\n\n return isMobileDevice;\n}\n\nmodule.exports = {\n isBrowserSupported: isBrowserSupported,\n};\n\n},{\"./browser-detection\":160}],166:[function(require,module,exports){\n\"use strict\";\n\nvar frameService = require(\"../../lib/frame-service/external\");\nvar useMin = require(\"../../lib/use-min\");\nvar Promise = require(\"../../lib/promise\");\n\nvar VERSION = \"3.88.3\";\nvar VENMO_LOGO_SVG =\n '\\n \\n \\n \\n \\n \\n ';\nvar CONTINUE_OR_CANCEL_INSTRUCTIONS =\n \"Tap cancel payment to cancel and return to the business. Continue payment will relaunch the payment window.\";\n\nvar POPUP_WIDTH = 400;\nvar POPUP_HEIGHT = 570;\nvar ELEMENT_IDS = {\n backdrop: \"venmo-desktop-web-backdrop\",\n backdropHidden: \"venmo-desktop-web-backdrop.hidden\",\n backdropContainer: \"venmo-backdrop-container\",\n cancelButton: \"venmo-popup-cancel-button\",\n continueButton: \"venmo-popup-continue-button\",\n message: \"venmo-message\",\n instructions: \"venmo-instructions\",\n venmoLogo: \"venmo-full-logo\",\n};\n\nfunction openPopup(options) {\n var popupName = \"venmoDesktopWebLogin\";\n var checkForStatusChange = options.checkForStatusChange;\n var cancelTokenization = options.cancelTokenization;\n var venmoUrl = options.venmoUrl;\n var assetsUrl = options.assetsUrl;\n var debug = options.debug || false;\n var popupLocation = centeredPopupDimensions();\n var assetsBaseUrl = assetsUrl + \"/web/\" + VERSION + \"/html\";\n\n return new Promise(function (resolve, reject) {\n frameService.create(\n {\n name: popupName,\n dispatchFrameUrl:\n assetsBaseUrl + \"/dispatch-frame\" + useMin(debug) + \".html\",\n openFrameUrl:\n assetsBaseUrl + \"/venmo-landing-frame\" + useMin(debug) + \".html\",\n top: popupLocation.top,\n left: popupLocation.left,\n height: POPUP_HEIGHT,\n width: POPUP_WIDTH,\n },\n function (frameServiceInstance) {\n document\n .getElementById(ELEMENT_IDS.continueButton)\n .addEventListener(\"click\", function () {\n frameServiceInstance.focus();\n });\n document\n .getElementById(ELEMENT_IDS.cancelButton)\n .addEventListener(\"click\", function () {\n frameServiceInstance.close();\n cancelTokenization();\n closeBackdrop();\n });\n frameServiceInstance.open({}, function (err) {\n var retryStartingCount = 1;\n\n if (err) {\n reject(err);\n } else {\n checkForStatusChange(retryStartingCount)\n .then(resolve)\n .catch(reject);\n }\n frameServiceInstance.close();\n closeBackdrop();\n });\n frameServiceInstance.redirect(venmoUrl);\n }\n );\n });\n}\n\nfunction centeredPopupDimensions() {\n var popupTop =\n Math.round((window.outerHeight - POPUP_HEIGHT) / 2) + window.screenTop;\n var popupLeft =\n Math.round((window.outerWidth - POPUP_WIDTH) / 2) + window.screenLeft;\n\n return {\n top: popupTop,\n left: popupLeft,\n };\n}\n\nfunction closeBackdrop() {\n document.getElementById(\"venmo-desktop-web-backdrop\").classList.add(\"hidden\");\n}\n\nfunction getElementStyles() {\n var backdropStyles = [\n \"#\" + ELEMENT_IDS.backdropHidden + \" {\",\n \"display: none;\",\n \"}\",\n \"#\" + ELEMENT_IDS.backdrop + \" {\",\n \"cursor: pointer;\",\n \"position: absolute;\",\n \"top: 0;\",\n \"left: 0;\",\n \"bottom: 0;\",\n \"width: 100%;\",\n \"background: rgba(0, 0, 0, 0.4);\",\n \"}\",\n ];\n var backdropContainerStyles = [\n \"#\" + ELEMENT_IDS.backdropContainer + \" {\",\n \"display: flex;\",\n \"align-content: center;\",\n \"justify-content: center;\",\n \"align-items: center;\",\n \"width: 100%;\",\n \"height: 100%;\",\n \"flex-direction: column;\",\n \"}\",\n ];\n\n var cancelButtonStyles = [\n \"#\" + ELEMENT_IDS.cancelButton + \" {\",\n \"height: 24px;\",\n \"width: 380px;\",\n \"font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;\",\n \"font-style: normal;\",\n \"font-weight: 700;\",\n \"font-size: 18px;\",\n \"line-height: 24px;\",\n \"text-align: center;\",\n \"background-color: transparent;\",\n \"border: none;\",\n \"color: #FFFFFF;\",\n \"margin-top: 28px;\",\n \"}\",\n ];\n\n var continueButtonStyles = [\n \"#\" + ELEMENT_IDS.continueButton + \" {\",\n \"width: 400px;\",\n \"height: 50px;\",\n \"background: #0074DE;\",\n \"border-radius: 24px;\",\n \"border: none;\",\n \"font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;\",\n \"font-style: normal;\",\n \"font-weight: 700;\",\n \"font-size: 18px;\",\n \"color: #FFFFFF;\",\n \"margin-top: 44px;\",\n \"}\",\n ];\n\n var messageStyles = [\n \"#\" + ELEMENT_IDS.message + \" {\",\n \"font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;\",\n \"font-style: normal;\",\n \"font-weight: 500;\",\n \"font-size: 24px;\",\n \"line-height: 32px;\",\n \"text-align: center;\",\n \"color: #FFFFFF;\",\n \"margin-top: 32px;\",\n \"}\",\n ];\n\n var instructionStyles = [\n \"#\" + ELEMENT_IDS.instructions + \" {\",\n \"font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;\",\n \"font-style: normal;\",\n \"font-weight: 400;\",\n \"font-size: 16px;\",\n \"line-height: 20px;\",\n \"text-align: center;\",\n \"color: #FFFFFF;\",\n \"margin-top: 16px;\",\n \"width: 400px;\",\n \"}\",\n ];\n\n var allStyles = backdropStyles.concat(\n backdropContainerStyles,\n cancelButtonStyles,\n continueButtonStyles,\n messageStyles,\n instructionStyles\n );\n\n return allStyles.join(\"\\n\");\n}\n\nfunction buildAndStyleElements() {\n var alreadyRenderedBackdrop = document.getElementById(ELEMENT_IDS.backdrop);\n var backdropStylesElement,\n backdropDiv,\n backDropContentContainer,\n venmoLogoDiv,\n venmoMessageDiv,\n instructionsDiv,\n continueButton,\n cancelButton;\n\n if (alreadyRenderedBackdrop) {\n alreadyRenderedBackdrop.classList.remove(\"hidden\");\n\n return;\n }\n backdropStylesElement = document.createElement(\"style\");\n backdropDiv = document.createElement(\"div\");\n backDropContentContainer = document.createElement(\"div\");\n venmoLogoDiv = document.createElement(\"div\");\n venmoMessageDiv = document.createElement(\"div\");\n instructionsDiv = document.createElement(\"div\");\n continueButton = document.createElement(\"button\");\n cancelButton = document.createElement(\"button\");\n\n backdropStylesElement.id = \"venmo-desktop-web__injected-styles\";\n backdropStylesElement.innerHTML = getElementStyles();\n\n backdropDiv.id = ELEMENT_IDS.backdrop;\n\n backDropContentContainer.id = ELEMENT_IDS.backdropContainer;\n\n venmoLogoDiv.id = ELEMENT_IDS.venmoLogo;\n venmoLogoDiv.innerHTML = VENMO_LOGO_SVG;\n\n venmoMessageDiv.id = ELEMENT_IDS.message;\n venmoMessageDiv.innerText = \"What would you like to do?\";\n\n instructionsDiv.id = ELEMENT_IDS.instructions;\n instructionsDiv.innerText = CONTINUE_OR_CANCEL_INSTRUCTIONS;\n\n continueButton.id = ELEMENT_IDS.continueButton;\n continueButton.innerText = \"Continue payment\";\n\n cancelButton.id = ELEMENT_IDS.cancelButton;\n cancelButton.innerText = \"Cancel payment\";\n\n document.head.appendChild(backdropStylesElement);\n backDropContentContainer.appendChild(venmoLogoDiv);\n backDropContentContainer.appendChild(venmoMessageDiv);\n backDropContentContainer.appendChild(instructionsDiv);\n backDropContentContainer.appendChild(continueButton);\n backDropContentContainer.appendChild(cancelButton);\n backdropDiv.appendChild(backDropContentContainer);\n document.body.appendChild(backdropDiv);\n}\n\n/**\n * Applies a backdrop over the page, and opens a popup to the supplied url. Uses supplied status and cancel functions to handle the flow.\n * @function runWebLogin\n * @ignore\n * @param {object} [options] Options for running the web login flow.\n * @param {string} [options.venmoUrl] Venmo url that is to be used for logging in.\n * @param {string} [options.assetsUrl] Url that points to the hosted Braintree assets.\n * @param {Venmo~checkPaymentContextStatusAndProcessResult} [options.checkForStatusChange] {@link Venmo~checkPaymentContextStatusAndProcessResult} to be invoked in order to check for a payment context status update.\n * @param {Venmo~cancelTokenization} [options.cancelTokenization] {@link Venmo~cancelTokenization} to be invoked when the appropriate payment context status is retrieved.\n * @returns {Promise} Returns a promise\n */\nfunction runWebLogin(options) {\n buildAndStyleElements();\n\n return openPopup(options);\n}\n\nmodule.exports = {\n runWebLogin: runWebLogin,\n openPopup: openPopup,\n POPUP_WIDTH: POPUP_WIDTH,\n POPUP_HEIGHT: POPUP_HEIGHT,\n};\n\n},{\"../../lib/frame-service/external\":113,\"../../lib/promise\":131,\"../../lib/use-min\":135}],167:[function(require,module,exports){\n\"use strict\";\n\nvar analytics = require(\"../lib/analytics\");\nvar isBrowserSupported = require(\"./shared/supports-venmo\");\nvar browserDetection = require(\"./shared/browser-detection\");\nvar constants = require(\"./shared/constants\");\nvar errors = require(\"./shared/errors\");\nvar querystring = require(\"../lib/querystring\");\nvar isVerifiedDomain = require(\"../lib/is-verified-domain\");\nvar methods = require(\"../lib/methods\");\nvar convertMethodsToError = require(\"../lib/convert-methods-to-error\");\nvar wrapPromise = require(\"@braintree/wrap-promise\");\nvar BraintreeError = require(\"../lib/braintree-error\");\nvar inIframe = require(\"../lib/in-iframe\");\nvar Promise = require(\"../lib/promise\");\nvar ExtendedPromise = require(\"@braintree/extended-promise\");\nvar getVenmoUrl = require(\"./shared/get-venmo-url\");\nvar runWebLogin = require(\"./shared/web-login-backdrop\").runWebLogin;\nvar snakeCaseToCamelCase = require(\"../lib/snake-case-to-camel-case\");\n\n// NEXT_MAJOR_VERSION the source code for this is actually in a\n// typescript repo called venmo-desktop, once the SDK is migrated\n// to typescript, we can move the TS files out of that separate\n// repo and into the web SDK properly\nvar createVenmoDesktop = require(\"./external/\");\nvar graphqlQueries = require(\"./external/queries\");\n\nvar VERSION = \"3.88.3\";\nvar DEFAULT_MOBILE_POLLING_INTERVAL = 250; // 1/4 second\nvar DEFAULT_MOBILE_EXPIRING_THRESHOLD = 300000; // 5 minutes\n\n/**\n * Venmo tokenize payload.\n * @typedef {object} Venmo~tokenizePayload\n * @property {string} nonce The payment method nonce.\n * @property {string} type The payment method type, always `VenmoAccount`.\n * @property {object} details Additional Venmo account details.\n * @property {string} details.username The username of the Venmo account.\n * @property {string} details.paymentContextId The context ID of the Venmo payment. Only available when used with {@link https://braintree.github.io/braintree-web/current/module-braintree-web_venmo.html#.create|`paymentMethodUsage`}.\n */\n\n/**\n * @class\n * @param {object} options The Venmo {@link module:braintree-web/venmo.create create} options.\n * @description Do not use this constructor directly. Use {@link module:braintree-web/venmo.create|braintree-web.venmo.create} instead. \n * @classdesc This class represents a Venmo component produced by {@link module:braintree-web/venmo.create|braintree-web/venmo.create}. Instances of this class have methods for tokenizing Venmo payments.\n */\nfunction Venmo(options) {\n var self = this;\n\n this._allowDesktopWebLogin = options.allowDesktopWebLogin || false;\n this._mobileWebFallBack = options.mobileWebFallBack || false;\n this._createPromise = options.createPromise;\n this._allowNewBrowserTab = options.allowNewBrowserTab !== false;\n this._allowWebviews = options.allowWebviews !== false;\n this._allowDesktop = options.allowDesktop === true;\n this._useRedirectForIOS = options.useRedirectForIOS === true;\n this._profileId = options.profileId;\n this._displayName = options.displayName;\n this._deepLinkReturnUrl = options.deepLinkReturnUrl;\n this._ignoreHistoryChanges = options.ignoreHistoryChanges;\n this._paymentMethodUsage = (options.paymentMethodUsage || \"\").toUpperCase();\n this._shouldUseLegacyFlow = !this._paymentMethodUsage;\n this._requireManualReturn = options.requireManualReturn === true;\n this._useDesktopQRFlow =\n this._allowDesktop && this._isDesktop() && !this._allowDesktopWebLogin;\n this._useAllowDesktopWebLogin =\n this._allowDesktopWebLogin && this._isDesktop();\n this._cannotHaveReturnUrls = inIframe() || this._requireManualReturn;\n this._allowAndroidRecreation = options.allowAndroidRecreation !== false;\n this._maxRetryCount = 3;\n\n this._shouldCreateVenmoPaymentContext =\n this._cannotHaveReturnUrls || !this._shouldUseLegacyFlow;\n\n analytics.sendEvent(\n this._createPromise,\n \"venmo.desktop-flow.configured.\" + String(Boolean(this._allowDesktop))\n );\n\n // if the url has a tokenization result, that indicates\n // that it cannot be the desktop flow or the manual return\n // flow. If it's the hash change with paymentMethodUsage\n // flow, we want to skip creating a new payment context, since\n // there is already a pending payment context waiting to be\n // processed. For the hash change flow without paymentMethodUsage,\n // no further actions are needed.\n if (this.hasTokenizationResult()) {\n analytics.sendEvent(\n this._createPromise,\n \"venmo.appswitch.return-in-new-tab\"\n );\n } else if (this._useDesktopQRFlow) {\n this._createPromise = this._createPromise.then(function (client) {\n var config = client.getConfiguration().gatewayConfiguration;\n\n return createVenmoDesktop({\n url:\n config.assetsUrl +\n \"/web/\" +\n VERSION +\n \"/html/venmo-desktop-frame.html\",\n environment:\n config.environment === \"production\" ? \"PRODUCTION\" : \"SANDBOX\",\n profileId: self._profileId || config.payWithVenmo.merchantId,\n paymentMethodUsage: self._paymentMethodUsage,\n displayName: self._displayName,\n Promise: Promise,\n apiRequest: function (query, data) {\n return client\n .request({\n api: \"graphQLApi\",\n data: {\n query: query,\n variables: data,\n },\n })\n .then(function (response) {\n return response.data;\n });\n },\n sendEvent: function (eventName) {\n analytics.sendEvent(self._createPromise, eventName);\n },\n verifyDomain: isVerifiedDomain,\n })\n .then(function (venmoDesktopInstance) {\n self._venmoDesktopInstance = venmoDesktopInstance;\n analytics.sendEvent(\n self._createPromise,\n \"venmo.desktop-flow.presented\"\n );\n\n return client;\n })\n .catch(function () {\n analytics.sendEvent(\n self._createPromise,\n \"venmo.desktop-flow.setup-failed\"\n );\n self._useDesktopQRFlow = false;\n\n return client;\n });\n });\n } else if (this._shouldCreateVenmoPaymentContext) {\n // these variables are only relevant for the manual return flow\n // and they are only set to make testing easier (so they can\n // be overwritten with smaller values in the tests)\n this._mobilePollingInterval = DEFAULT_MOBILE_POLLING_INTERVAL;\n this._mobilePollingExpiresThreshold = DEFAULT_MOBILE_EXPIRING_THRESHOLD;\n\n this._createPromise = this._createPromise.then(function (client) {\n var analyticsCategory = self._cannotHaveReturnUrls\n ? \"manual-return\"\n : \"mobile-payment-context\";\n var config = client.getConfiguration().gatewayConfiguration;\n\n self._mobilePollingContextEnvironment = config.environment.toUpperCase();\n\n return self\n ._createVenmoPaymentContext(client)\n .then(function () {\n analytics.sendEvent(\n self._createPromise,\n \"venmo.\" + analyticsCategory + \".presented\"\n );\n\n return client;\n })\n .catch(function (err) {\n analytics.sendEvent(\n self._createPromise,\n \"venmo.\" + analyticsCategory + \".setup-failed\"\n );\n\n return Promise.reject(\n new BraintreeError({\n type: errors.VENMO_MOBILE_PAYMENT_CONTEXT_SETUP_FAILED.type,\n code: errors.VENMO_MOBILE_PAYMENT_CONTEXT_SETUP_FAILED.code,\n message: errors.VENMO_MOBILE_PAYMENT_CONTEXT_SETUP_FAILED.message,\n details: {\n originalError: err,\n },\n })\n );\n });\n });\n }\n}\n\nVenmo.prototype._createVenmoPaymentContext = function (\n client,\n cancelIfTokenizationInProgress\n) {\n var self = this;\n var promise;\n\n if (!this._shouldCreateVenmoPaymentContext) {\n return Promise.resolve();\n }\n\n if (this._shouldUseLegacyFlow) {\n promise = client\n .request({\n api: \"graphQLApi\",\n data: {\n query: graphqlQueries.LEGACY_CREATE_PAYMENT_CONTEXT_QUERY,\n variables: {\n input: {\n environment: this._mobilePollingContextEnvironment,\n intent: \"PAY_FROM_APP\",\n },\n },\n },\n })\n .then(function (response) {\n return response\n .data.createVenmoQRCodePaymentContext.venmoQRCodePaymentContext;\n });\n } else {\n promise = client\n .request({\n api: \"graphQLApi\",\n data: {\n query: graphqlQueries.CREATE_PAYMENT_CONTEXT_QUERY,\n variables: {\n input: {\n paymentMethodUsage: this._paymentMethodUsage,\n intent: \"CONTINUE\",\n customerClient: \"MOBILE_WEB\",\n displayName: this._displayName,\n },\n },\n },\n })\n .then(function (response) {\n return response.data.createVenmoPaymentContext.venmoPaymentContext;\n });\n }\n\n return promise.then(function (context) {\n var expiredTime = new Date(context.expiresAt) - new Date(context.createdAt);\n var refreshIn = expiredTime * 0.6666;\n\n // prevents multiple setTimeouts from firing from separate calls\n // to create a payment context by canceling the previous one\n // if there is a pending call\n clearTimeout(self._refreshPaymentContextTimeout);\n self._refreshPaymentContextTimeout = setTimeout(function () {\n if (self._tokenizationInProgress) {\n return;\n }\n self._createVenmoPaymentContext(client, true);\n }, refreshIn);\n\n if (cancelIfTokenizationInProgress && self._tokenizationInProgress) {\n return;\n }\n\n self._venmoPaymentContextStatus = context.status;\n self._venmoPaymentContextId = context.id;\n });\n};\n\nVenmo.prototype.appSwitch = function (url) {\n if (this._deepLinkReturnUrl) {\n if (isIosWebviewInDeepLinkReturnUrlFlow()) {\n analytics.sendEvent(\n this._createPromise,\n \"venmo.appswitch.start.ios-webview\"\n );\n // Deep link URLs do not launch iOS apps from a webview when using window.open or PopupBridge.open.\n window.location.href = url;\n } else if (\n window.popupBridge &&\n typeof window.popupBridge.open === \"function\"\n ) {\n analytics.sendEvent(\n this._createPromise,\n \"venmo.appswitch.start.popup-bridge\"\n );\n window.popupBridge.open(url);\n } else {\n analytics.sendEvent(this._createPromise, \"venmo.appswitch.start.webview\");\n window.open(url);\n }\n } else {\n analytics.sendEvent(this._createPromise, \"venmo.appswitch.start.browser\");\n\n if (\n browserDetection.doesNotSupportWindowOpenInIos() ||\n this._shouldUseRedirectStrategy()\n ) {\n window.location.href = url;\n } else {\n window.open(url);\n }\n }\n};\n\nVenmo.prototype.getUrl = function () {\n return this._createPromise.then(\n function (client) {\n var configuration = client.getConfiguration();\n var params = {};\n var currentUrl =\n this._deepLinkReturnUrl ||\n window.location.href.replace(window.location.hash, \"\");\n var venmoConfiguration = configuration.gatewayConfiguration.payWithVenmo;\n var analyticsMetadata = configuration.analyticsMetadata;\n var accessToken = venmoConfiguration.accessToken;\n var braintreeData = {\n _meta: {\n version: analyticsMetadata.sdkVersion,\n integration: analyticsMetadata.integration,\n platform: analyticsMetadata.platform,\n sessionId: analyticsMetadata.sessionId,\n },\n };\n\n this._isDebug = configuration.isDebug;\n this._assetsUrl = configuration.gatewayConfiguration.assetsUrl;\n\n currentUrl = currentUrl.replace(/#*$/, \"\");\n\n /* eslint-disable camelcase */\n if (this._venmoPaymentContextId) {\n if (this._shouldUseLegacyFlow) {\n // NEXT_MAJOR_VERSION stop adding the context id to the access token.\n // the context id is placed here for backwards compatiblity\n // with versions of the venmo app that did not support\n // pulling the resource id off of the query params\n accessToken += \"|pcid:\" + this._venmoPaymentContextId;\n } else {\n params.resource_id = this._venmoPaymentContextId;\n }\n }\n\n if (this._shouldIncludeReturnUrls()) {\n if (this._useAllowDesktopWebLogin) {\n currentUrl =\n this._assetsUrl + \"/web/\" + VERSION + \"/html/redirect-frame.html\";\n }\n\n params[\"x-success\"] = currentUrl + \"#venmoSuccess=1\";\n params[\"x-cancel\"] = currentUrl + \"#venmoCancel=1\";\n params[\"x-error\"] = currentUrl + \"#venmoError=1\";\n } else {\n params[\"x-success\"] = \"NOOP\";\n params[\"x-cancel\"] = \"NOOP\";\n params[\"x-error\"] = \"NOOP\";\n }\n\n if (!this._allowAndroidRecreation) {\n params.allowAndroidRecreation = 0;\n } else {\n params.allowAndroidRecreation = 1;\n }\n\n params.ua = window.navigator.userAgent;\n params.braintree_merchant_id =\n this._profileId || venmoConfiguration.merchantId;\n params.braintree_access_token = accessToken;\n params.braintree_environment = venmoConfiguration.environment;\n params.braintree_sdk_data = btoa(JSON.stringify(braintreeData));\n\n return (\n getVenmoUrl({\n useAllowDesktopWebLogin: this._useAllowDesktopWebLogin,\n mobileWebFallBack: this._mobileWebFallBack,\n }) +\n \"?\" +\n querystring.stringify(params)\n );\n }.bind(this)\n );\n};\n\n/**\n * Returns a boolean indicating whether the current browser supports Venmo as a payment method.\n *\n * If `options.allowNewBrowserTab` is false when calling {@link module:braintree-web/venmo.create|venmo.create}, this method will return true only for browsers known to support returning from the Venmo app to the same browser tab. Currently, this is limited to iOS Safari and Android Chrome.\n * If `options.allowWebviews` is false when calling {@link module:braintree-web/venmo.create|venmo.create}, this method will return true only for mobile browsers that are not webviews.\n * @public\n * @returns {boolean} True if the current browser is supported, false if not.\n */\nVenmo.prototype.isBrowserSupported = function () {\n return isBrowserSupported.isBrowserSupported({\n allowNewBrowserTab: this._allowNewBrowserTab,\n allowWebviews: this._allowWebviews,\n allowDesktop: this._allowDesktop,\n });\n};\n\n/**\n * Returns a boolean indicating whether a Venmo tokenization result is ready to be processed immediately.\n *\n * This method should be called after initialization to see if the result of Venmo authorization is available. If it returns true, call {@link Venmo#tokenize|tokenize} immediately to process the results.\n *\n * @public\n * @returns {boolean} True if the results of Venmo payment authorization are available and ready to process.\n */\nVenmo.prototype.hasTokenizationResult = function () {\n return this._hasTokenizationResult();\n};\n\n// a private version that lets us pass in a custom hash\n// when listening on a hashchange event\nVenmo.prototype._hasTokenizationResult = function (hash) {\n var params = getFragmentParameters(hash);\n\n return (\n typeof (params.venmoSuccess || params.venmoError || params.venmoCancel) !==\n \"undefined\"\n );\n};\n\nVenmo.prototype._shouldIncludeReturnUrls = function () {\n // when a deep link return url is passed, we should always\n // respect it and include the return urls so the venmo app\n // can app switch back to it\n if (this._deepLinkReturnUrl) {\n return true;\n }\n\n // when the sdk is initialized within an iframe, it's\n // impossible to return back to the correct place automatically\n // without also setting a deepLinkReturnUrl. When the return\n // urls are omitted, the Venmo app prompts the user to return\n // manually.\n return !this._cannotHaveReturnUrls;\n};\n\nVenmo.prototype._isDesktop = function () {\n return !(browserDetection.isIos() || browserDetection.isAndroid());\n};\n\n/**\n * Launches the Venmo flow and returns a nonce payload.\n *\n * If {@link Venmo#hasTokenizationResult|hasTokenizationResult} returns true, calling tokenize will immediately process and return the results without initiating the Venmo payment authorization flow.\n *\n * Only one Venmo flow can be active at a time. One way to achieve this is to disable your Venmo button while the flow is open.\n * @public\n * @param {object} [options] Options for tokenization.\n * @param {number} [options.processResultsDelay=500] The amount of time in milliseconds to delay processing the results. In most cases, this value should be left as the default.\n * @param {callback} [callback] The second argument, data, is a {@link Venmo~tokenizePayload|tokenizePayload}. If no callback is provided, the method will return a Promise that resolves with a {@link Venmo~tokenizePayload|tokenizePayload}.\n * @returns {(Promise|void)} Returns a promise if no callback is provided.\n * @example\n * button.addEventListener('click', function () {\n * // Disable the button so that we don't attempt to open multiple popups.\n * button.setAttribute('disabled', 'disabled');\n *\n * // Because tokenize opens a new window, this must be called\n * // as a result of a user action, such as a button click.\n * venmoInstance.tokenize().then(function (payload) {\n * // Submit payload.nonce to your server\n * // Use payload.username to get the Venmo username and display any UI\n * }).catch(function (tokenizeError) {\n * // Handle flow errors or premature flow closure\n * switch (tokenizeErr.code) {\n * case 'VENMO_APP_CANCELED':\n * console.log('User canceled Venmo flow.');\n * break;\n * case 'VENMO_CANCELED':\n * console.log('User canceled Venmo, or Venmo app is not available.');\n * break;\n * default:\n * console.error('Error!', tokenizeErr);\n * }\n * }).then(function () {\n * button.removeAttribute('disabled');\n * });\n * });\n */\nVenmo.prototype.tokenize = function (options) {\n var self = this;\n var tokenizationPromise;\n\n options = options || {};\n\n if (this._tokenizationInProgress === true) {\n return Promise.reject(\n new BraintreeError(errors.VENMO_TOKENIZATION_REQUEST_ACTIVE)\n );\n }\n\n this._tokenizationInProgress = true;\n if (this._useDesktopQRFlow) {\n // for the desktop flow, we create a venmo payment\n // context and then present a qr code modal to the\n // customer and they will open up their venmo app\n // and scan it and approve the purchase on their\n // mobile device. The sdk will start polling\n // in order to determine when the status of the\n // payment context has updated and then pass the\n // resulting nonce back to the merchant.\n tokenizationPromise = this._tokenizeForDesktopQRFlow(options);\n } else if (this._useAllowDesktopWebLogin) {\n /**\n * For Desktop Web Login, we open a browser popup to allow for authorization. Once authorized, the redirect urls are used by Venmo, and we query the API for a payment context status update.\n *\n * - Payment context is created on initialization\n * - Popup is opened to Venmo login url.\n * - The payment is authorized or canceled, and the popup is closed\n * - Once the popup is closed, we query the API for a payment context status update\n *\n * This is an alternate, opt-in flow to be used the Desktop QR Flow is not desired for Pay with Venmo desktop experiences.\n */\n tokenizationPromise = this._tokenizeWebLoginWithRedirect();\n } else if (this._cannotHaveReturnUrls) {\n // in the manual return strategy, we create the payment\n // context on initialization, then continually poll once\n // the app switch begins until we get a response indiciating\n // the payment context was approved by the customer on the\n // Venmo app. The payment context response also includes a\n // nonce. There are 2 cases where we use the manual return\n // strategy:\n // 1. the sdk is instantiated in an iframe, because\n // the venmo app is unable to redirect automatically\n // when that is the case so we rely on the customer\n // to do a manual redirect and continunally poll for\n // updates on the payment context to get the nonce\n // 2. same deal for when `requireManualReturn` is configured\n tokenizationPromise = this._tokenizeForMobileWithManualReturn();\n } else {\n // the default mobile flow is to app switch to the\n // venmo app, and then have the venmo app switch\n // back to the page with the venmo nonce details\n // encoded into the hash portion of the url. If\n // `paymentMethodUsage` is provided when instantiating\n // the sdk, we also create a payment context and pass\n // the resource id to the Venmo app during the app switch.\n // Once we get a succesful return, we ping the payment\n // context query to get any additional data needed\n // to send back to the merchant.\n tokenizationPromise =\n this._tokenizeForMobileWithHashChangeListeners(options);\n }\n\n return tokenizationPromise\n .then(function (payload) {\n return self._createPromise\n .then(function (client) {\n return self._createVenmoPaymentContext(client);\n })\n .then(function () {\n self._tokenizationInProgress = false;\n\n return formatTokenizePayload(payload);\n });\n })\n .catch(function (err) {\n return self._createPromise\n .then(function (client) {\n return self._createVenmoPaymentContext(client);\n })\n .then(function () {\n self._tokenizationInProgress = false;\n\n return Promise.reject(err);\n });\n });\n};\n\n/**\n * Cancels the venmo tokenization process\n *\n * @public\n * @function Venmo~cancelTokenization\n * @returns {(Promise|void)} Returns a promise if no callback is provided.\n * @example\n * venmoTokenizeButton.addEventListener('click', function () {\n * venmoInstance.tokenize().then(function (payload) {\n * // handle payload\n * }).catch(function (err) {\n * if (err.code === 'VENMO_TOKENIZATION_CANCELED_BY_MERCHANT') {\n * // tokenization was canceled by calling cancelTokenization\n * }\n * });\n * });\n *\n * venmoCancelButton.addEventListener('click', function () {\n * // Hide the button when the venmo flow is not in progress\n * venmoCancelButton.style.display = \"none\";\n *\n * venmoInstance.cancelTokenization().then(function () {\n * // done canceling the flow\n * }).catch(function (err) {\n * // should only get here if there is no tokenization in progress\n * });\n * });\n */\nVenmo.prototype.cancelTokenization = function () {\n if (!this._tokenizationInProgress) {\n return Promise.reject(\n new BraintreeError(errors.VENMO_TOKENIZATION_REQUEST_NOT_ACTIVE)\n );\n }\n\n this._removeVisibilityEventListener();\n\n // important to reject the tokenization promise first\n // so the tokenize method rejects with this error\n // rather than a customer canceled error in the mobile\n // polling and desktop flows\n if (this._tokenizePromise) {\n this._tokenizePromise.reject(\n new BraintreeError(errors.VENMO_TOKENIZATION_CANCELED_BY_MERCHANT)\n );\n }\n\n return Promise.all([\n this._cancelMobilePaymentContext(),\n this._cancelVenmoDesktopContext(),\n ]);\n};\n\nVenmo.prototype._tokenizeWebLoginWithRedirect = function () {\n var self = this;\n\n analytics.sendEvent(self._createPromise, \"venmo.tokenize.web-login.start\");\n this._tokenizePromise = new ExtendedPromise();\n\n return this.getUrl().then(function (url) {\n runWebLogin({\n checkForStatusChange:\n self._checkPaymentContextStatusAndProcessResult.bind(self),\n cancelTokenization: self.cancelTokenization.bind(self),\n venmoUrl: url,\n assetsUrl: self._assetsUrl,\n debug: self._isDebug,\n })\n .then(function (payload) {\n analytics.sendEvent(\n self._createPromise,\n \"venmo.tokenize.web-login.success\"\n );\n\n return self._tokenizePromise.resolve({\n paymentMethodNonce: payload.paymentMethodId,\n username: payload.userName,\n payerInfo: payload.payerInfo,\n id: self._venmoPaymentContextId,\n });\n })\n .catch(function (err) {\n analytics.sendEvent(\n self._createPromise,\n \"venmo.tokenize.web-login.failure\"\n );\n\n return self._tokenizePromise.reject(err);\n });\n\n return self._tokenizePromise;\n });\n};\n\nVenmo.prototype._queryPaymentContextStatus = function (id) {\n var self = this;\n\n return this._createPromise\n .then(function (client) {\n var query = self._shouldUseLegacyFlow\n ? graphqlQueries.LEGACY_VENMO_PAYMENT_CONTEXT_STATUS_QUERY\n : graphqlQueries.VENMO_PAYMENT_CONTEXT_STATUS_QUERY;\n\n return client.request({\n api: \"graphQLApi\",\n data: {\n query: query,\n variables: {\n id: id,\n },\n },\n });\n })\n .then(function (response) {\n return response.data.node;\n });\n};\n\n/**\n * Queries the GraphQL API to get the payment context and process the status. Retries until there is an update to the payment context status.\n * @name Venmo~checkPaymentContextStatusAndProcessResult\n * @ignore\n * @param {number} retryCount The counter for tracking number of retries made against the API.\n * @returns {Promise} Returns a promise\n */\nVenmo.prototype._checkPaymentContextStatusAndProcessResult = function (\n retryCount\n) {\n var self = this;\n\n return self\n ._queryPaymentContextStatus(self._venmoPaymentContextId)\n .catch(function (networkError) {\n return Promise.reject(\n new BraintreeError({\n type: errors.VENMO_NETWORK_ERROR.type,\n code: errors.VENMO_NETWORK_ERROR.code,\n message: errors.VENMO_NETWORK_ERROR.message,\n details: networkError,\n })\n );\n })\n .then(function (node) {\n var resultStatus = node.status;\n\n if (resultStatus !== self._venmoPaymentContextStatus) {\n self._venmoPaymentContextStatus = resultStatus;\n\n analytics.sendEvent(\n self._createPromise,\n \"venmo.tokenize.web-login.status-change\"\n );\n\n switch (resultStatus) {\n case \"APPROVED\":\n return Promise.resolve(node);\n case \"CANCELED\":\n return Promise.reject(\n new BraintreeError(errors.VENMO_CUSTOMER_CANCELED)\n );\n case \"FAILED\":\n return Promise.reject(\n new BraintreeError(errors.VENMO_TOKENIZATION_FAILED)\n );\n default:\n }\n }\n\n return new Promise(function (resolve, reject) {\n if (retryCount < self._maxRetryCount) {\n retryCount++;\n\n return self\n ._checkPaymentContextStatusAndProcessResult(retryCount)\n .then(resolve)\n .catch(reject);\n }\n\n return reject(new BraintreeError(errors.VENMO_TOKENIZATION_FAILED));\n });\n });\n};\n\nVenmo.prototype._pollForStatusChange = function () {\n var self = this;\n\n if (Date.now() > self._mobilePollingContextExpiresIn) {\n return Promise.reject(\n new BraintreeError(errors.VENMO_MOBILE_POLLING_TOKENIZATION_TIMEOUT)\n );\n }\n\n return this._queryPaymentContextStatus(this._venmoPaymentContextId)\n .catch(function (networkError) {\n return Promise.reject(\n new BraintreeError({\n type: errors.VENMO_MOBILE_POLLING_TOKENIZATION_NETWORK_ERROR.type,\n code: errors.VENMO_MOBILE_POLLING_TOKENIZATION_NETWORK_ERROR.code,\n message:\n errors.VENMO_MOBILE_POLLING_TOKENIZATION_NETWORK_ERROR.message,\n details: {\n originalError: networkError,\n },\n })\n );\n })\n .then(function (node) {\n var newStatus = node.status;\n\n if (newStatus !== self._venmoPaymentContextStatus) {\n self._venmoPaymentContextStatus = newStatus;\n\n analytics.sendEvent(\n self._createPromise,\n \"venmo.tokenize.manual-return.status-change.\" +\n newStatus.toLowerCase()\n );\n\n switch (newStatus) {\n case \"EXPIRED\":\n case \"FAILED\":\n case \"CANCELED\":\n return Promise.reject(\n new BraintreeError(\n errors[\"VENMO_MOBILE_POLLING_TOKENIZATION_\" + newStatus]\n )\n );\n case \"APPROVED\":\n return Promise.resolve(node);\n case \"CREATED\":\n case \"SCANNED\":\n default:\n // any other statuses are irrelevant to the polling\n // and can just be ignored\n }\n }\n\n return new Promise(function (resolve, reject) {\n setTimeout(function () {\n self._pollForStatusChange().then(resolve).catch(reject);\n }, self._mobilePollingInterval);\n });\n });\n};\n\nVenmo.prototype._tokenizeForMobileWithManualReturn = function () {\n var self = this;\n\n analytics.sendEvent(\n this._createPromise,\n \"venmo.tokenize.manual-return.start\"\n );\n\n this._mobilePollingContextExpiresIn =\n Date.now() + this._mobilePollingExpiresThreshold;\n this._tokenizePromise = new ExtendedPromise();\n\n this._pollForStatusChange()\n .then(function (payload) {\n analytics.sendEvent(\n self._createPromise,\n \"venmo.tokenize.manual-return.success\"\n );\n\n self._tokenizePromise.resolve({\n paymentMethodNonce: payload.paymentMethodId,\n username: payload.userName,\n payerInfo: payload.payerInfo,\n id: self._venmoPaymentContextId,\n });\n })\n .catch(function (err) {\n analytics.sendEvent(\n self._createPromise,\n \"venmo.tokenize.manual-return.failure\"\n );\n\n self._tokenizePromise.reject(err);\n });\n\n return this.getUrl().then(function (url) {\n self.appSwitch(url);\n\n return self._tokenizePromise;\n });\n};\n\nVenmo.prototype._shouldUseRedirectStrategy = function () {\n if (!browserDetection.isIos()) {\n return false;\n }\n\n if (this._mobileWebFallBack === true) {\n return true;\n }\n\n return this._useRedirectForIOS;\n};\n\nVenmo.prototype._tokenizeForMobileWithHashChangeListeners = function (options) {\n var self = this;\n var resultProcessingInProgress, visibilityChangeListenerTimeout;\n\n if (this.hasTokenizationResult()) {\n return this.processHashChangeFlowResults();\n }\n\n analytics.sendEvent(this._createPromise, \"venmo.tokenize.mobile.start\");\n this._tokenizePromise = new ExtendedPromise();\n\n this._previousHash = window.location.hash;\n\n function completeFlow(hash) {\n var error;\n\n self\n .processHashChangeFlowResults(hash)\n .catch(function (err) {\n error = err;\n })\n .then(function (res) {\n if (\n !self._ignoreHistoryChanges &&\n window.location.hash !== self._previousHash\n ) {\n window.location.hash = self._previousHash;\n }\n self._removeVisibilityEventListener();\n\n if (error) {\n self._tokenizePromise.reject(error);\n } else {\n self._tokenizePromise.resolve(res);\n }\n delete self._tokenizePromise;\n });\n }\n\n // The Venmo SDK app switches back with the results of the\n // tokenization encoded in the hash\n this._onHashChangeListener = function (e) {\n var hash = e.newURL.split(\"#\")[1];\n\n if (!self._hasTokenizationResult(hash)) {\n return;\n }\n\n resultProcessingInProgress = true;\n clearTimeout(visibilityChangeListenerTimeout);\n completeFlow(hash);\n };\n\n window.addEventListener(\"hashchange\", this._onHashChangeListener, false);\n\n // Subscribe to document visibility change events to detect when app switch\n // has returned. Acts as a fallback for the hashchange listener and catches\n // the cancel case via manual app switch back\n this._visibilityChangeListener = function () {\n var delay =\n options.processResultsDelay || constants.DEFAULT_PROCESS_RESULTS_DELAY;\n\n if (!window.document.hidden) {\n if (!resultProcessingInProgress) {\n visibilityChangeListenerTimeout = setTimeout(completeFlow, delay);\n }\n }\n };\n\n return this.getUrl().then(function (url) {\n self.appSwitch(url);\n\n // Add a brief delay to ignore visibility change events that occur right before app switch\n setTimeout(function () {\n window.document.addEventListener(\n documentVisibilityChangeEventName(),\n self._visibilityChangeListener\n );\n }, constants.DOCUMENT_VISIBILITY_CHANGE_EVENT_DELAY);\n\n return self._tokenizePromise;\n });\n};\n\nVenmo.prototype._tokenizeForDesktopQRFlow = function () {\n var self = this;\n\n analytics.sendEvent(this._createPromise, \"venmo.tokenize.desktop.start\");\n\n this._tokenizePromise = new ExtendedPromise();\n\n this._createPromise\n .then(function () {\n return self._venmoDesktopInstance.launchDesktopFlow();\n })\n .then(function (payload) {\n self._venmoDesktopInstance.hideDesktopFlow();\n\n analytics.sendEvent(\n self._createPromise,\n \"venmo.tokenize.desktop.success\"\n );\n\n self._tokenizePromise.resolve(payload);\n })\n .catch(function (err) {\n analytics.sendEvent(\n self._createPromise,\n \"venmo.tokenize.desktop.failure\"\n );\n\n if (self._venmoDesktopInstance) {\n self._venmoDesktopInstance.hideDesktopFlow();\n }\n\n if (err && err.reason === \"CUSTOMER_CANCELED\") {\n self._tokenizePromise.reject(\n new BraintreeError(errors.VENMO_DESKTOP_CANCELED)\n );\n\n return;\n }\n\n self._tokenizePromise.reject(\n new BraintreeError({\n type: errors.VENMO_DESKTOP_UNKNOWN_ERROR.type,\n code: errors.VENMO_DESKTOP_UNKNOWN_ERROR.code,\n message: errors.VENMO_DESKTOP_UNKNOWN_ERROR.message,\n details: {\n originalError: err,\n },\n })\n );\n });\n\n return this._tokenizePromise;\n};\n\nVenmo.prototype._cancelMobilePaymentContext = function () {\n var self = this;\n\n return this._createPromise.then(function (client) {\n var query;\n\n if (self._venmoPaymentContextId) {\n query = self._shouldUseLegacyFlow\n ? graphqlQueries.LEGACY_UPDATE_PAYMENT_CONTEXT_QUERY\n : graphqlQueries.UPDATE_PAYMENT_CONTEXT_QUERY;\n\n return client.request({\n api: \"graphQLApi\",\n data: {\n query: query,\n variables: {\n input: {\n id: self._venmoPaymentContextId,\n status: \"CANCELED\",\n },\n },\n },\n });\n }\n\n return Promise.resolve();\n });\n};\n\nVenmo.prototype._cancelVenmoDesktopContext = function () {\n var self = this;\n\n return this._createPromise.then(function () {\n if (self._venmoDesktopInstance) {\n self._venmoDesktopInstance.updateVenmoDesktopPaymentContext(\"CANCELED\");\n }\n\n return Promise.resolve();\n });\n};\n\n/**\n * Cleanly tear down anything set up by {@link module:braintree-web/venmo.create|create}.\n * @public\n * @param {callback} [callback] Called once teardown is complete. No data is returned if teardown completes successfully.\n * @example\n * venmoInstance.teardown();\n * @example With callback \n * venmoInstance.teardown(function () {\n * // teardown is complete\n * });\n * @returns {(Promise|void)} Returns a promise if no callback is provided.\n */\nVenmo.prototype.teardown = function () {\n var self = this;\n\n this._removeVisibilityEventListener();\n\n return this._createPromise.then(\n function () {\n if (self._venmoDesktopInstance) {\n self._venmoDesktopInstance.teardown();\n }\n\n clearTimeout(self._refreshPaymentContextTimeout);\n self._cancelMobilePaymentContext();\n\n convertMethodsToError(this, methods(Venmo.prototype));\n }.bind(this)\n );\n};\n\nVenmo.prototype._removeVisibilityEventListener = function () {\n window.removeEventListener(\"hashchange\", this._onHashChangeListener);\n window.document.removeEventListener(\n documentVisibilityChangeEventName(),\n this._visibilityChangeListener\n );\n\n delete this._visibilityChangeListener;\n delete this._onHashChangeListener;\n};\n\n/**\n * The hash parameter in this function is optional. If no hash parameter is passed, the `getFragmentParameters` function will default to the hash present in the website's URL instead.\n *\n * There are two scenarios where this method is called:\n *\n * 1. When called within a browser that is capable of returning to the same tab that started the Venmo flow, we set up a listener to detect hash changes in the url. Part of the return to the merchant's website from the Venmo app includes encoding the details of the purchase in the hash of the url. The callback is invoked and the hash is pulled off from the event payload. The reason we pull the hash off of the event payload instead of pulling it directly from the URL is because sometimes a single page app will use the hash parameter for it's routing system, and it's possible to hit a race condition where the routing code has already removed the Venmo specific attributes from the hash before we are able to pull it off the url. Grabbing the hash from the event handler instead ensures we get the Venmo details, no matter what the url is converted to.\n * 2. The other scenario is for browsers that cannot return to the same tab, and instead the Venmo app must open a new tab. Since there is no hash listener to pull the hash from, we pull the hash details directly from the url using the `getFragmentParameters` method.\n *\n * @ignore\n * @param {string} [hash] Optionally provided browser url hash.\n * @returns {Promise} Returns a promise\n */\nVenmo.prototype.processHashChangeFlowResults = function (hash) {\n var self = this;\n var params = getFragmentParameters(hash);\n\n // NEXT_MAJOR_VERSION only rely on payment context status call and stop relying on the\n // content of the hash\n\n return new Promise(function (resolve, reject) {\n if (!self._shouldUseLegacyFlow) {\n self\n ._pollForStatusChange()\n .then(function (payload) {\n analytics.sendEvent(\n self._createPromise,\n \"venmo.appswitch.handle.payment-context-status-query.success\"\n );\n\n return resolve({\n paymentMethodNonce: payload.paymentMethodId,\n username: payload.userName,\n payerInfo: payload.payerInfo,\n id: self._venmoPaymentContextId,\n });\n })\n .catch(function (err) {\n if (\n err.type === errors.VENMO_MOBILE_POLLING_TOKENIZATION_CANCELED.type\n ) {\n // We want to reject in this case because if it the process was canceled, we don't want to take the happy path\n reject(err);\n }\n\n analytics.sendEvent(\n self._createPromise,\n \"venmo.process-results.payment-context-status-query-failed\"\n );\n // If the polling request fails, but not because of cancelization, we will rely on the params provided from the hash\n resolve(params);\n });\n } else if (params.venmoSuccess) {\n analytics.sendEvent(\n self._createPromise,\n \"venmo.appswitch.handle.success\"\n );\n\n resolve(params);\n } else if (params.venmoError) {\n analytics.sendEvent(self._createPromise, \"venmo.appswitch.handle.error\");\n reject(\n new BraintreeError({\n type: errors.VENMO_APP_FAILED.type,\n code: errors.VENMO_APP_FAILED.code,\n message: errors.VENMO_APP_FAILED.message,\n details: {\n originalError: {\n message: decodeURIComponent(params.errorMessage),\n code: params.errorCode,\n },\n },\n })\n );\n } else if (params.venmoCancel) {\n analytics.sendEvent(self._createPromise, \"venmo.appswitch.handle.cancel\");\n reject(new BraintreeError(errors.VENMO_APP_CANCELED));\n } else {\n // User has either manually switched back to browser, or app is not available for app switch\n analytics.sendEvent(\n self._createPromise,\n \"venmo.appswitch.cancel-or-unavailable\"\n );\n reject(new BraintreeError(errors.VENMO_CANCELED));\n }\n\n self._clearFragmentParameters();\n });\n};\n\nVenmo.prototype._clearFragmentParameters = function () {\n if (this._ignoreHistoryChanges) {\n return;\n }\n\n if (\n typeof window.history.replaceState === \"function\" &&\n window.location.hash\n ) {\n history.pushState(\n {},\n \"\",\n window.location.href.slice(0, window.location.href.indexOf(\"#\"))\n );\n }\n};\n\nfunction getFragmentParameters(hash) {\n var keyValuesArray = (hash || window.location.hash.substring(1)).split(\"&\");\n\n var parsedParams = keyValuesArray.reduce(function (toReturn, keyValue) {\n var parts = keyValue.split(\"=\");\n // some Single Page Apps may pre-pend a / to the first value\n // in the hash, assuming it's a route in their app\n // instead of information from Venmo, this removes all\n // non-alphanumeric characters from the keys in the params\n var decodedKey = decodeURIComponent(parts[0]).replace(/\\W/g, \"\");\n var key = snakeCaseToCamelCase(decodedKey);\n var value = decodeURIComponent(parts[1]);\n\n toReturn[key] = value;\n\n return toReturn;\n }, {});\n\n if (parsedParams.resourceId) {\n parsedParams.id = parsedParams.resourceId;\n }\n\n return parsedParams;\n}\n\nfunction formatUserName(username) {\n username = username || \"\";\n\n // NEXT_MAJOR_VERSION the web sdks have a prepended @ sign\n // but the ios and android ones do not. This should be standardized\n return \"@\" + username.replace(\"@\", \"\");\n}\n\nfunction formatTokenizePayload(payload) {\n var formattedPayload = {\n nonce: payload.paymentMethodNonce,\n type: \"VenmoAccount\",\n details: {\n username: formatUserName(payload.username),\n paymentContextId: payload.id,\n },\n };\n\n if (payload.payerInfo) {\n formattedPayload.details.payerInfo = payload.payerInfo;\n formattedPayload.details.payerInfo.userName = formatUserName(\n payload.payerInfo.userName\n );\n }\n\n return formattedPayload;\n}\n\n// From https://developer.mozilla.org/en-US/docs/Web/API/Page_Visibility_API\nfunction documentVisibilityChangeEventName() {\n var visibilityChange;\n\n if (typeof window.document.hidden !== \"undefined\") {\n // Opera 12.10 and Firefox 18 and later support\n visibilityChange = \"visibilitychange\";\n } else if (typeof window.document.msHidden !== \"undefined\") {\n visibilityChange = \"msvisibilitychange\";\n } else if (typeof window.document.webkitHidden !== \"undefined\") {\n visibilityChange = \"webkitvisibilitychange\";\n }\n\n return visibilityChange;\n}\n\nfunction isIosWebviewInDeepLinkReturnUrlFlow() {\n // we know it's a webview because this flow only gets\n // used when checking the deep link flow\n // test the platform here to get around custom useragents\n return (\n window.navigator.platform &&\n /iPhone|iPad|iPod/.test(window.navigator.platform)\n );\n}\n\nmodule.exports = wrapPromise.wrapPrototype(Venmo);\n\n},{\"../lib/analytics\":94,\"../lib/braintree-error\":99,\"../lib/convert-methods-to-error\":101,\"../lib/in-iframe\":124,\"../lib/is-verified-domain\":127,\"../lib/methods\":129,\"../lib/promise\":131,\"../lib/querystring\":132,\"../lib/snake-case-to-camel-case\":134,\"./external/\":156,\"./external/queries\":157,\"./shared/browser-detection\":160,\"./shared/constants\":161,\"./shared/errors\":162,\"./shared/get-venmo-url\":164,\"./shared/supports-venmo\":165,\"./shared/web-login-backdrop\":166,\"@braintree/extended-promise\":42,\"@braintree/wrap-promise\":51}],168:[function(require,module,exports){\n\"use strict\";\nvar __assign = (this && this.__assign) || function () {\n __assign = Object.assign || function(t) {\n for (var s, i = 1, n = arguments.length; i < n; i++) {\n s = arguments[i];\n for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))\n t[p] = s[p];\n }\n return t;\n };\n return __assign.apply(this, arguments);\n};\nvar cardTypes = require(\"./lib/card-types\");\nvar add_matching_cards_to_results_1 = require(\"./lib/add-matching-cards-to-results\");\nvar is_valid_input_type_1 = require(\"./lib/is-valid-input-type\");\nvar find_best_match_1 = require(\"./lib/find-best-match\");\nvar clone_1 = require(\"./lib/clone\");\nvar customCards = {};\nvar cardNames = {\n VISA: \"visa\",\n MASTERCARD: \"mastercard\",\n AMERICAN_EXPRESS: \"american-express\",\n DINERS_CLUB: \"diners-club\",\n DISCOVER: \"discover\",\n JCB: \"jcb\",\n UNIONPAY: \"unionpay\",\n MAESTRO: \"maestro\",\n ELO: \"elo\",\n MIR: \"mir\",\n HIPER: \"hiper\",\n HIPERCARD: \"hipercard\",\n};\nvar ORIGINAL_TEST_ORDER = [\n cardNames.VISA,\n cardNames.MASTERCARD,\n cardNames.AMERICAN_EXPRESS,\n cardNames.DINERS_CLUB,\n cardNames.DISCOVER,\n cardNames.JCB,\n cardNames.UNIONPAY,\n cardNames.MAESTRO,\n cardNames.ELO,\n cardNames.MIR,\n cardNames.HIPER,\n cardNames.HIPERCARD,\n];\nvar testOrder = clone_1.clone(ORIGINAL_TEST_ORDER);\nfunction findType(cardType) {\n return customCards[cardType] || cardTypes[cardType];\n}\nfunction getAllCardTypes() {\n return testOrder.map(function (cardType) { return clone_1.clone(findType(cardType)); });\n}\nfunction getCardPosition(name, ignoreErrorForNotExisting) {\n if (ignoreErrorForNotExisting === void 0) { ignoreErrorForNotExisting = false; }\n var position = testOrder.indexOf(name);\n if (!ignoreErrorForNotExisting && position === -1) {\n throw new Error('\"' + name + '\" is not a supported card type.');\n }\n return position;\n}\nfunction creditCardType(cardNumber) {\n var results = [];\n if (!is_valid_input_type_1.isValidInputType(cardNumber)) {\n return results;\n }\n if (cardNumber.length === 0) {\n return getAllCardTypes();\n }\n testOrder.forEach(function (cardType) {\n var cardConfiguration = findType(cardType);\n add_matching_cards_to_results_1.addMatchingCardsToResults(cardNumber, cardConfiguration, results);\n });\n var bestMatch = find_best_match_1.findBestMatch(results);\n if (bestMatch) {\n return [bestMatch];\n }\n return results;\n}\ncreditCardType.getTypeInfo = function (cardType) {\n return clone_1.clone(findType(cardType));\n};\ncreditCardType.removeCard = function (name) {\n var position = getCardPosition(name);\n testOrder.splice(position, 1);\n};\ncreditCardType.addCard = function (config) {\n var existingCardPosition = getCardPosition(config.type, true);\n customCards[config.type] = config;\n if (existingCardPosition === -1) {\n testOrder.push(config.type);\n }\n};\ncreditCardType.updateCard = function (cardType, updates) {\n var originalObject = customCards[cardType] || cardTypes[cardType];\n if (!originalObject) {\n throw new Error(\"\\\"\" + cardType + \"\\\" is not a recognized type. Use `addCard` instead.'\");\n }\n if (updates.type && originalObject.type !== updates.type) {\n throw new Error(\"Cannot overwrite type parameter.\");\n }\n var clonedCard = clone_1.clone(originalObject);\n clonedCard = __assign(__assign({}, clonedCard), updates);\n customCards[clonedCard.type] = clonedCard;\n};\ncreditCardType.changeOrder = function (name, position) {\n var currentPosition = getCardPosition(name);\n testOrder.splice(currentPosition, 1);\n testOrder.splice(position, 0, name);\n};\ncreditCardType.resetModifications = function () {\n testOrder = clone_1.clone(ORIGINAL_TEST_ORDER);\n customCards = {};\n};\ncreditCardType.types = cardNames;\nmodule.exports = creditCardType;\n\n},{\"./lib/add-matching-cards-to-results\":169,\"./lib/card-types\":170,\"./lib/clone\":171,\"./lib/find-best-match\":172,\"./lib/is-valid-input-type\":173}],169:[function(require,module,exports){\n\"use strict\";\nObject.defineProperty(exports, \"__esModule\", { value: true });\nexports.addMatchingCardsToResults = void 0;\nvar clone_1 = require(\"./clone\");\nvar matches_1 = require(\"./matches\");\nfunction addMatchingCardsToResults(cardNumber, cardConfiguration, results) {\n var i, patternLength;\n for (i = 0; i < cardConfiguration.patterns.length; i++) {\n var pattern = cardConfiguration.patterns[i];\n if (!matches_1.matches(cardNumber, pattern)) {\n continue;\n }\n var clonedCardConfiguration = clone_1.clone(cardConfiguration);\n if (Array.isArray(pattern)) {\n patternLength = String(pattern[0]).length;\n }\n else {\n patternLength = String(pattern).length;\n }\n if (cardNumber.length >= patternLength) {\n clonedCardConfiguration.matchStrength = patternLength;\n }\n results.push(clonedCardConfiguration);\n break;\n }\n}\nexports.addMatchingCardsToResults = addMatchingCardsToResults;\n\n},{\"./clone\":171,\"./matches\":174}],170:[function(require,module,exports){\n\"use strict\";\nvar cardTypes = {\n visa: {\n niceType: \"Visa\",\n type: \"visa\",\n patterns: [4],\n gaps: [4, 8, 12],\n lengths: [16, 18, 19],\n code: {\n name: \"CVV\",\n size: 3,\n },\n },\n mastercard: {\n niceType: \"Mastercard\",\n type: \"mastercard\",\n patterns: [[51, 55], [2221, 2229], [223, 229], [23, 26], [270, 271], 2720],\n gaps: [4, 8, 12],\n lengths: [16],\n code: {\n name: \"CVC\",\n size: 3,\n },\n },\n \"american-express\": {\n niceType: \"American Express\",\n type: \"american-express\",\n patterns: [34, 37],\n gaps: [4, 10],\n lengths: [15],\n code: {\n name: \"CID\",\n size: 4,\n },\n },\n \"diners-club\": {\n niceType: \"Diners Club\",\n type: \"diners-club\",\n patterns: [[300, 305], 36, 38, 39],\n gaps: [4, 10],\n lengths: [14, 16, 19],\n code: {\n name: \"CVV\",\n size: 3,\n },\n },\n discover: {\n niceType: \"Discover\",\n type: \"discover\",\n patterns: [6011, [644, 649], 65],\n gaps: [4, 8, 12],\n lengths: [16, 19],\n code: {\n name: \"CID\",\n size: 3,\n },\n },\n jcb: {\n niceType: \"JCB\",\n type: \"jcb\",\n patterns: [2131, 1800, [3528, 3589]],\n gaps: [4, 8, 12],\n lengths: [16, 17, 18, 19],\n code: {\n name: \"CVV\",\n size: 3,\n },\n },\n unionpay: {\n niceType: \"UnionPay\",\n type: \"unionpay\",\n patterns: [\n 620,\n [624, 626],\n [62100, 62182],\n [62184, 62187],\n [62185, 62197],\n [62200, 62205],\n [622010, 622999],\n 622018,\n [622019, 622999],\n [62207, 62209],\n [622126, 622925],\n [623, 626],\n 6270,\n 6272,\n 6276,\n [627700, 627779],\n [627781, 627799],\n [6282, 6289],\n 6291,\n 6292,\n 810,\n [8110, 8131],\n [8132, 8151],\n [8152, 8163],\n [8164, 8171],\n ],\n gaps: [4, 8, 12],\n lengths: [14, 15, 16, 17, 18, 19],\n code: {\n name: \"CVN\",\n size: 3,\n },\n },\n maestro: {\n niceType: \"Maestro\",\n type: \"maestro\",\n patterns: [\n 493698,\n [500000, 504174],\n [504176, 506698],\n [506779, 508999],\n [56, 59],\n 63,\n 67,\n 6,\n ],\n gaps: [4, 8, 12],\n lengths: [12, 13, 14, 15, 16, 17, 18, 19],\n code: {\n name: \"CVC\",\n size: 3,\n },\n },\n elo: {\n niceType: \"Elo\",\n type: \"elo\",\n patterns: [\n 401178,\n 401179,\n 438935,\n 457631,\n 457632,\n 431274,\n 451416,\n 457393,\n 504175,\n [506699, 506778],\n [509000, 509999],\n 627780,\n 636297,\n 636368,\n [650031, 650033],\n [650035, 650051],\n [650405, 650439],\n [650485, 650538],\n [650541, 650598],\n [650700, 650718],\n [650720, 650727],\n [650901, 650978],\n [651652, 651679],\n [655000, 655019],\n [655021, 655058],\n ],\n gaps: [4, 8, 12],\n lengths: [16],\n code: {\n name: \"CVE\",\n size: 3,\n },\n },\n mir: {\n niceType: \"Mir\",\n type: \"mir\",\n patterns: [[2200, 2204]],\n gaps: [4, 8, 12],\n lengths: [16, 17, 18, 19],\n code: {\n name: \"CVP2\",\n size: 3,\n },\n },\n hiper: {\n niceType: \"Hiper\",\n type: \"hiper\",\n patterns: [637095, 63737423, 63743358, 637568, 637599, 637609, 637612],\n gaps: [4, 8, 12],\n lengths: [16],\n code: {\n name: \"CVC\",\n size: 3,\n },\n },\n hipercard: {\n niceType: \"Hipercard\",\n type: \"hipercard\",\n patterns: [606282],\n gaps: [4, 8, 12],\n lengths: [16],\n code: {\n name: \"CVC\",\n size: 3,\n },\n },\n};\nmodule.exports = cardTypes;\n\n},{}],171:[function(require,module,exports){\n\"use strict\";\nObject.defineProperty(exports, \"__esModule\", { value: true });\nexports.clone = void 0;\nfunction clone(originalObject) {\n if (!originalObject) {\n return null;\n }\n return JSON.parse(JSON.stringify(originalObject));\n}\nexports.clone = clone;\n\n},{}],172:[function(require,module,exports){\n\"use strict\";\nObject.defineProperty(exports, \"__esModule\", { value: true });\nexports.findBestMatch = void 0;\nfunction hasEnoughResultsToDetermineBestMatch(results) {\n var numberOfResultsWithMaxStrengthProperty = results.filter(function (result) { return result.matchStrength; }).length;\n /*\n * if all possible results have a maxStrength property that means the card\n * number is sufficiently long enough to determine conclusively what the card\n * type is\n * */\n return (numberOfResultsWithMaxStrengthProperty > 0 &&\n numberOfResultsWithMaxStrengthProperty === results.length);\n}\nfunction findBestMatch(results) {\n if (!hasEnoughResultsToDetermineBestMatch(results)) {\n return null;\n }\n return results.reduce(function (bestMatch, result) {\n if (!bestMatch) {\n return result;\n }\n /*\n * If the current best match pattern is less specific than this result, set\n * the result as the new best match\n * */\n if (Number(bestMatch.matchStrength) < Number(result.matchStrength)) {\n return result;\n }\n return bestMatch;\n });\n}\nexports.findBestMatch = findBestMatch;\n\n},{}],173:[function(require,module,exports){\n\"use strict\";\nObject.defineProperty(exports, \"__esModule\", { value: true });\nexports.isValidInputType = void 0;\nfunction isValidInputType(cardNumber) {\n return typeof cardNumber === \"string\" || cardNumber instanceof String;\n}\nexports.isValidInputType = isValidInputType;\n\n},{}],174:[function(require,module,exports){\n\"use strict\";\n/*\n * Adapted from https://github.com/polvo-labs/card-type/blob/aaab11f80fa1939bccc8f24905a06ae3cd864356/src/cardType.js#L37-L42\n * */\nObject.defineProperty(exports, \"__esModule\", { value: true });\nexports.matches = void 0;\nfunction matchesRange(cardNumber, min, max) {\n var maxLengthToCheck = String(min).length;\n var substr = cardNumber.substr(0, maxLengthToCheck);\n var integerRepresentationOfCardNumber = parseInt(substr, 10);\n min = parseInt(String(min).substr(0, substr.length), 10);\n max = parseInt(String(max).substr(0, substr.length), 10);\n return (integerRepresentationOfCardNumber >= min &&\n integerRepresentationOfCardNumber <= max);\n}\nfunction matchesPattern(cardNumber, pattern) {\n pattern = String(pattern);\n return (pattern.substring(0, cardNumber.length) ===\n cardNumber.substring(0, pattern.length));\n}\nfunction matches(cardNumber, pattern) {\n if (Array.isArray(pattern)) {\n return matchesRange(cardNumber, pattern[0], pattern[1]);\n }\n return matchesPattern(cardNumber, pattern);\n}\nexports.matches = matches;\n\n},{}],175:[function(require,module,exports){\n\"use strict\";\nObject.defineProperty(exports, \"__esModule\", { value: true });\nexports.Framebus = void 0;\nvar is_not_string_1 = require(\"./lib/is-not-string\");\nvar subscription_args_invalid_1 = require(\"./lib/subscription-args-invalid\");\nvar broadcast_1 = require(\"./lib/broadcast\");\nvar package_payload_1 = require(\"./lib/package-payload\");\nvar send_message_1 = require(\"./lib/send-message\");\nvar constants_1 = require(\"./lib/constants\");\nvar DefaultPromise = (typeof window !== \"undefined\" &&\n window.Promise);\nvar Framebus = /** @class */ (function () {\n function Framebus(options) {\n if (options === void 0) { options = {}; }\n this.origin = options.origin || \"*\";\n this.channel = options.channel || \"\";\n this.verifyDomain = options.verifyDomain;\n // if a targetFrames configuration is not passed in,\n // the default behavior is to broadcast the payload\n // to the top level window or to the frame itself.\n // By default, the broadcast function will loop through\n // all the known siblings and children of the window.\n // If a targetFrames array is passed, it will instead\n // only broadcast to those specified targetFrames\n this.targetFrames = options.targetFrames || [];\n this.limitBroadcastToFramesArray = Boolean(options.targetFrames);\n this.isDestroyed = false;\n this.listeners = [];\n this.hasAdditionalChecksForOnListeners = Boolean(this.verifyDomain || this.limitBroadcastToFramesArray);\n }\n Framebus.setPromise = function (PromiseGlobal) {\n Framebus.Promise = PromiseGlobal;\n };\n Framebus.target = function (options) {\n return new Framebus(options);\n };\n Framebus.prototype.addTargetFrame = function (frame) {\n if (!this.limitBroadcastToFramesArray) {\n return;\n }\n this.targetFrames.push(frame);\n };\n Framebus.prototype.include = function (childWindow) {\n if (childWindow == null) {\n return false;\n }\n if (childWindow.Window == null) {\n return false;\n }\n if (childWindow.constructor !== childWindow.Window) {\n return false;\n }\n constants_1.childWindows.push(childWindow);\n return true;\n };\n Framebus.prototype.target = function (options) {\n return Framebus.target(options);\n };\n Framebus.prototype.emit = function (eventName, data, reply) {\n if (this.isDestroyed) {\n return false;\n }\n var origin = this.origin;\n eventName = this.namespaceEvent(eventName);\n if ((0, is_not_string_1.isntString)(eventName)) {\n return false;\n }\n if ((0, is_not_string_1.isntString)(origin)) {\n return false;\n }\n if (typeof data === \"function\") {\n reply = data;\n data = undefined; // eslint-disable-line no-undefined\n }\n var payload = (0, package_payload_1.packagePayload)(eventName, origin, data, reply);\n if (!payload) {\n return false;\n }\n if (this.limitBroadcastToFramesArray) {\n this.targetFramesAsWindows().forEach(function (frame) {\n (0, send_message_1.sendMessage)(frame, payload, origin);\n });\n }\n else {\n (0, broadcast_1.broadcast)(payload, {\n origin: origin,\n frame: window.top || window.self,\n });\n }\n return true;\n };\n Framebus.prototype.emitAsPromise = function (eventName, data) {\n var _this = this;\n return new Framebus.Promise(function (resolve, reject) {\n var didAttachListener = _this.emit(eventName, data, function (payload) {\n resolve(payload);\n });\n if (!didAttachListener) {\n reject(new Error(\"Listener not added for \\\"\".concat(eventName, \"\\\"\")));\n }\n });\n };\n Framebus.prototype.on = function (eventName, originalHandler) {\n if (this.isDestroyed) {\n return false;\n }\n // eslint-disable-next-line @typescript-eslint/no-this-alias\n var self = this;\n var origin = this.origin;\n var handler = originalHandler;\n eventName = this.namespaceEvent(eventName);\n if ((0, subscription_args_invalid_1.subscriptionArgsInvalid)(eventName, handler, origin)) {\n return false;\n }\n if (this.hasAdditionalChecksForOnListeners) {\n /* eslint-disable no-invalid-this, @typescript-eslint/ban-ts-comment */\n handler = function () {\n var args = [];\n for (var _i = 0; _i < arguments.length; _i++) {\n args[_i] = arguments[_i];\n }\n // @ts-ignore\n if (!self.passesVerifyDomainCheck(this && this.origin)) {\n return;\n }\n // @ts-ignore\n if (!self.hasMatchingTargetFrame(this && this.source)) {\n return;\n }\n originalHandler.apply(void 0, args);\n };\n /* eslint-enable no-invalid-this, @typescript-eslint/ban-ts-comment */\n }\n this.listeners.push({\n eventName: eventName,\n handler: handler,\n originalHandler: originalHandler,\n });\n constants_1.subscribers[origin] = constants_1.subscribers[origin] || {};\n constants_1.subscribers[origin][eventName] = constants_1.subscribers[origin][eventName] || [];\n constants_1.subscribers[origin][eventName].push(handler);\n return true;\n };\n Framebus.prototype.off = function (eventName, originalHandler) {\n var handler = originalHandler;\n if (this.isDestroyed) {\n return false;\n }\n if (this.verifyDomain) {\n for (var i = 0; i < this.listeners.length; i++) {\n var listener = this.listeners[i];\n if (listener.originalHandler === originalHandler) {\n handler = listener.handler;\n }\n }\n }\n eventName = this.namespaceEvent(eventName);\n var origin = this.origin;\n if ((0, subscription_args_invalid_1.subscriptionArgsInvalid)(eventName, handler, origin)) {\n return false;\n }\n var subscriberList = constants_1.subscribers[origin] && constants_1.subscribers[origin][eventName];\n if (!subscriberList) {\n return false;\n }\n for (var i = 0; i < subscriberList.length; i++) {\n if (subscriberList[i] === handler) {\n subscriberList.splice(i, 1);\n return true;\n }\n }\n return false;\n };\n Framebus.prototype.teardown = function () {\n if (this.isDestroyed) {\n return;\n }\n this.isDestroyed = true;\n for (var i = 0; i < this.listeners.length; i++) {\n var listener = this.listeners[i];\n this.off(listener.eventName, listener.handler);\n }\n this.listeners.length = 0;\n };\n Framebus.prototype.passesVerifyDomainCheck = function (origin) {\n if (!this.verifyDomain) {\n // always pass this check if no verifyDomain option was set\n return true;\n }\n return this.checkOrigin(origin);\n };\n Framebus.prototype.targetFramesAsWindows = function () {\n if (!this.limitBroadcastToFramesArray) {\n return [];\n }\n return this.targetFrames\n .map(function (frame) {\n // we can't pull off the contentWindow\n // when the iframe is originally added\n // to the array, because if it is not\n // in the DOM at that time, it will have\n // a contentWindow of `null`\n if (frame instanceof HTMLIFrameElement) {\n return frame.contentWindow;\n }\n return frame;\n })\n .filter(function (win) {\n // just in case an iframe element\n // was removed from the DOM\n // and the contentWindow property\n // is null\n return win;\n });\n };\n Framebus.prototype.hasMatchingTargetFrame = function (source) {\n if (!this.limitBroadcastToFramesArray) {\n // always pass this check if we aren't limiting to the target frames\n return true;\n }\n var matchingFrame = this.targetFramesAsWindows().find(function (frame) {\n return frame === source;\n });\n return Boolean(matchingFrame);\n };\n Framebus.prototype.checkOrigin = function (postMessageOrigin) {\n var merchantHost;\n var a = document.createElement(\"a\");\n a.href = location.href;\n if (a.protocol === \"https:\") {\n merchantHost = a.host.replace(/:443$/, \"\");\n }\n else if (a.protocol === \"http:\") {\n merchantHost = a.host.replace(/:80$/, \"\");\n }\n else {\n merchantHost = a.host;\n }\n var merchantOrigin = a.protocol + \"//\" + merchantHost;\n if (merchantOrigin === postMessageOrigin) {\n return true;\n }\n if (this.verifyDomain) {\n return this.verifyDomain(postMessageOrigin);\n }\n return true;\n };\n Framebus.prototype.namespaceEvent = function (eventName) {\n if (!this.channel) {\n return eventName;\n }\n return \"\".concat(this.channel, \":\").concat(eventName);\n };\n Framebus.Promise = DefaultPromise;\n return Framebus;\n}());\nexports.Framebus = Framebus;\n\n},{\"./lib/broadcast\":179,\"./lib/constants\":180,\"./lib/is-not-string\":183,\"./lib/package-payload\":185,\"./lib/send-message\":186,\"./lib/subscription-args-invalid\":188}],176:[function(require,module,exports){\n\"use strict\";\nvar attach_1 = require(\"./lib/attach\");\nvar framebus_1 = require(\"./framebus\");\n(0, attach_1.attach)();\nmodule.exports = framebus_1.Framebus;\n\n},{\"./framebus\":175,\"./lib/attach\":177}],177:[function(require,module,exports){\n\"use strict\";\nObject.defineProperty(exports, \"__esModule\", { value: true });\nexports.detach = exports.attach = void 0;\nvar message_1 = require(\"./message\");\nvar isAttached = false;\nfunction attach() {\n if (isAttached || typeof window === \"undefined\") {\n return;\n }\n isAttached = true;\n window.addEventListener(\"message\", message_1.onmessage, false);\n}\nexports.attach = attach;\n// removeIf(production)\nfunction detach() {\n isAttached = false;\n window.removeEventListener(\"message\", message_1.onmessage, false);\n}\nexports.detach = detach;\n// endRemoveIf(production)\n\n},{\"./message\":184}],178:[function(require,module,exports){\n\"use strict\";\nObject.defineProperty(exports, \"__esModule\", { value: true });\nexports.broadcastToChildWindows = void 0;\nvar broadcast_1 = require(\"./broadcast\");\nvar constants_1 = require(\"./constants\");\nfunction broadcastToChildWindows(payload, origin, source) {\n for (var i = constants_1.childWindows.length - 1; i >= 0; i--) {\n var childWindow = constants_1.childWindows[i];\n if (childWindow.closed) {\n constants_1.childWindows.splice(i, 1);\n }\n else if (source !== childWindow) {\n (0, broadcast_1.broadcast)(payload, {\n origin: origin,\n frame: childWindow.top,\n });\n }\n }\n}\nexports.broadcastToChildWindows = broadcastToChildWindows;\n\n},{\"./broadcast\":179,\"./constants\":180}],179:[function(require,module,exports){\n\"use strict\";\nObject.defineProperty(exports, \"__esModule\", { value: true });\nexports.broadcast = void 0;\nvar has_opener_1 = require(\"./has-opener\");\nfunction broadcast(payload, options) {\n var i = 0;\n var frameToBroadcastTo;\n var origin = options.origin, frame = options.frame;\n try {\n frame.postMessage(payload, origin);\n if ((0, has_opener_1.hasOpener)(frame) && frame.opener.top !== window.top) {\n broadcast(payload, {\n origin: origin,\n frame: frame.opener.top,\n });\n }\n // previously, our max value was frame.frames.length\n // but frames.length inherits from window.length\n // which can be overwritten if a developer does\n // `var length = value;` outside of a function\n // scope, it'll prevent us from looping through\n // all the frames. With this, we loop through\n // until there are no longer any frames\n // eslint-disable-next-line no-cond-assign\n while ((frameToBroadcastTo = frame.frames[i])) {\n broadcast(payload, {\n origin: origin,\n frame: frameToBroadcastTo,\n });\n i++;\n }\n }\n catch (_) {\n /* ignored */\n }\n}\nexports.broadcast = broadcast;\n\n},{\"./has-opener\":182}],180:[function(require,module,exports){\n\"use strict\";\nObject.defineProperty(exports, \"__esModule\", { value: true });\nexports.subscribers = exports.childWindows = exports.prefix = void 0;\nexports.prefix = \"/*framebus*/\";\nexports.childWindows = [];\nexports.subscribers = {};\n\n},{}],181:[function(require,module,exports){\n\"use strict\";\nObject.defineProperty(exports, \"__esModule\", { value: true });\nexports.dispatch = void 0;\nvar constants_1 = require(\"./constants\");\nfunction dispatch(origin, event, data, reply, e) {\n if (!constants_1.subscribers[origin]) {\n return;\n }\n if (!constants_1.subscribers[origin][event]) {\n return;\n }\n var args = [];\n if (data) {\n args.push(data);\n }\n if (reply) {\n args.push(reply);\n }\n for (var i = 0; i < constants_1.subscribers[origin][event].length; i++) {\n constants_1.subscribers[origin][event][i].apply(e, args);\n }\n}\nexports.dispatch = dispatch;\n\n},{\"./constants\":180}],182:[function(require,module,exports){\n\"use strict\";\nObject.defineProperty(exports, \"__esModule\", { value: true });\nexports.hasOpener = void 0;\nfunction hasOpener(frame) {\n if (frame.top !== frame) {\n return false;\n }\n if (frame.opener == null) {\n return false;\n }\n if (frame.opener === frame) {\n return false;\n }\n if (frame.opener.closed === true) {\n return false;\n }\n return true;\n}\nexports.hasOpener = hasOpener;\n\n},{}],183:[function(require,module,exports){\n\"use strict\";\nObject.defineProperty(exports, \"__esModule\", { value: true });\nexports.isntString = void 0;\nfunction isntString(str) {\n return typeof str !== \"string\";\n}\nexports.isntString = isntString;\n\n},{}],184:[function(require,module,exports){\n\"use strict\";\nObject.defineProperty(exports, \"__esModule\", { value: true });\nexports.onmessage = void 0;\nvar is_not_string_1 = require(\"./is-not-string\");\nvar unpack_payload_1 = require(\"./unpack-payload\");\nvar dispatch_1 = require(\"./dispatch\");\nvar broadcast_to_child_windows_1 = require(\"./broadcast-to-child-windows\");\nfunction onmessage(e) {\n if ((0, is_not_string_1.isntString)(e.data)) {\n return;\n }\n var payload = (0, unpack_payload_1.unpackPayload)(e);\n if (!payload) {\n return;\n }\n var data = payload.eventData;\n var reply = payload.reply;\n (0, dispatch_1.dispatch)(\"*\", payload.event, data, reply, e);\n (0, dispatch_1.dispatch)(e.origin, payload.event, data, reply, e);\n (0, broadcast_to_child_windows_1.broadcastToChildWindows)(e.data, payload.origin, e.source);\n}\nexports.onmessage = onmessage;\n\n},{\"./broadcast-to-child-windows\":178,\"./dispatch\":181,\"./is-not-string\":183,\"./unpack-payload\":189}],185:[function(require,module,exports){\n\"use strict\";\nObject.defineProperty(exports, \"__esModule\", { value: true });\nexports.packagePayload = void 0;\nvar subscribe_replier_1 = require(\"./subscribe-replier\");\nvar constants_1 = require(\"./constants\");\nfunction packagePayload(event, origin, data, reply) {\n var packaged;\n var payload = {\n event: event,\n origin: origin,\n };\n if (typeof reply === \"function\") {\n payload.reply = (0, subscribe_replier_1.subscribeReplier)(reply, origin);\n }\n payload.eventData = data;\n try {\n packaged = constants_1.prefix + JSON.stringify(payload);\n }\n catch (e) {\n throw new Error(\"Could not stringify event: \".concat(e.message));\n }\n return packaged;\n}\nexports.packagePayload = packagePayload;\n\n},{\"./constants\":180,\"./subscribe-replier\":187}],186:[function(require,module,exports){\n\"use strict\";\nObject.defineProperty(exports, \"__esModule\", { value: true });\nexports.sendMessage = void 0;\n/**\n * A basic function for wrapping the sending of postMessages to frames.\n */\nfunction sendMessage(frame, payload, origin) {\n try {\n frame.postMessage(payload, origin);\n }\n catch (error) {\n /* ignored */\n }\n}\nexports.sendMessage = sendMessage;\n\n},{}],187:[function(require,module,exports){\n\"use strict\";\nvar __importDefault = (this && this.__importDefault) || function (mod) {\n return (mod && mod.__esModule) ? mod : { \"default\": mod };\n};\nObject.defineProperty(exports, \"__esModule\", { value: true });\nexports.subscribeReplier = void 0;\nvar framebus_1 = require(\"../framebus\");\nvar uuid_1 = __importDefault(require(\"@braintree/uuid\"));\nfunction subscribeReplier(fn, origin) {\n var uuid = (0, uuid_1.default)();\n function replier(data, replyOriginHandler) {\n fn(data, replyOriginHandler);\n framebus_1.Framebus.target({\n origin: origin,\n }).off(uuid, replier);\n }\n framebus_1.Framebus.target({\n origin: origin,\n }).on(uuid, replier);\n return uuid;\n}\nexports.subscribeReplier = subscribeReplier;\n\n},{\"../framebus\":175,\"@braintree/uuid\":47}],188:[function(require,module,exports){\n\"use strict\";\nObject.defineProperty(exports, \"__esModule\", { value: true });\nexports.subscriptionArgsInvalid = void 0;\nvar is_not_string_1 = require(\"./is-not-string\");\nfunction subscriptionArgsInvalid(event, fn, origin) {\n if ((0, is_not_string_1.isntString)(event)) {\n return true;\n }\n if (typeof fn !== \"function\") {\n return true;\n }\n return (0, is_not_string_1.isntString)(origin);\n}\nexports.subscriptionArgsInvalid = subscriptionArgsInvalid;\n\n},{\"./is-not-string\":183}],189:[function(require,module,exports){\n\"use strict\";\nObject.defineProperty(exports, \"__esModule\", { value: true });\nexports.unpackPayload = void 0;\nvar constants_1 = require(\"./constants\");\nvar package_payload_1 = require(\"./package-payload\");\nfunction unpackPayload(e) {\n var payload;\n if (e.data.slice(0, constants_1.prefix.length) !== constants_1.prefix) {\n return false;\n }\n try {\n payload = JSON.parse(e.data.slice(constants_1.prefix.length));\n }\n catch (err) {\n return false;\n }\n if (payload.reply) {\n var replyOrigin_1 = e.origin;\n var replySource_1 = e.source;\n var replyEvent_1 = payload.reply;\n payload.reply = function reply(replyData) {\n if (!replySource_1) {\n return;\n }\n var replyPayload = (0, package_payload_1.packagePayload)(replyEvent_1, replyOrigin_1, replyData);\n if (!replyPayload) {\n return;\n }\n replySource_1.postMessage(replyPayload, replyOrigin_1);\n };\n }\n return payload;\n}\nexports.unpackPayload = unpackPayload;\n\n},{\"./constants\":180,\"./package-payload\":185}],190:[function(require,module,exports){\n// shim for using process in browser\nvar process = module.exports = {};\n\n// cached from whatever global is present so that test runners that stub it\n// don't break things. But we need to wrap it in a try catch in case it is\n// wrapped in strict mode code which doesn't define any globals. It's inside a\n// function because try/catches deoptimize in certain engines.\n\nvar cachedSetTimeout;\nvar cachedClearTimeout;\n\nfunction defaultSetTimout() {\n throw new Error('setTimeout has not been defined');\n}\nfunction defaultClearTimeout () {\n throw new Error('clearTimeout has not been defined');\n}\n(function () {\n try {\n if (typeof setTimeout === 'function') {\n cachedSetTimeout = setTimeout;\n } else {\n cachedSetTimeout = defaultSetTimout;\n }\n } catch (e) {\n cachedSetTimeout = defaultSetTimout;\n }\n try {\n if (typeof clearTimeout === 'function') {\n cachedClearTimeout = clearTimeout;\n } else {\n cachedClearTimeout = defaultClearTimeout;\n }\n } catch (e) {\n cachedClearTimeout = defaultClearTimeout;\n }\n} ())\nfunction runTimeout(fun) {\n if (cachedSetTimeout === setTimeout) {\n //normal enviroments in sane situations\n return setTimeout(fun, 0);\n }\n // if setTimeout wasn't available but was latter defined\n if ((cachedSetTimeout === defaultSetTimout || !cachedSetTimeout) && setTimeout) {\n cachedSetTimeout = setTimeout;\n return setTimeout(fun, 0);\n }\n try {\n // when when somebody has screwed with setTimeout but no I.E. maddness\n return cachedSetTimeout(fun, 0);\n } catch(e){\n try {\n // When we are in I.E. but the script has been evaled so I.E. doesn't trust the global object when called normally\n return cachedSetTimeout.call(null, fun, 0);\n } catch(e){\n // same as above but when it's a version of I.E. that must have the global object for 'this', hopfully our context correct otherwise it will throw a global error\n return cachedSetTimeout.call(this, fun, 0);\n }\n }\n\n\n}\nfunction runClearTimeout(marker) {\n if (cachedClearTimeout === clearTimeout) {\n //normal enviroments in sane situations\n return clearTimeout(marker);\n }\n // if clearTimeout wasn't available but was latter defined\n if ((cachedClearTimeout === defaultClearTimeout || !cachedClearTimeout) && clearTimeout) {\n cachedClearTimeout = clearTimeout;\n return clearTimeout(marker);\n }\n try {\n // when when somebody has screwed with setTimeout but no I.E. maddness\n return cachedClearTimeout(marker);\n } catch (e){\n try {\n // When we are in I.E. but the script has been evaled so I.E. doesn't trust the global object when called normally\n return cachedClearTimeout.call(null, marker);\n } catch (e){\n // same as above but when it's a version of I.E. that must have the global object for 'this', hopfully our context correct otherwise it will throw a global error.\n // Some versions of I.E. have different rules for clearTimeout vs setTimeout\n return cachedClearTimeout.call(this, marker);\n }\n }\n\n\n\n}\nvar queue = [];\nvar draining = false;\nvar currentQueue;\nvar queueIndex = -1;\n\nfunction cleanUpNextTick() {\n if (!draining || !currentQueue) {\n return;\n }\n draining = false;\n if (currentQueue.length) {\n queue = currentQueue.concat(queue);\n } else {\n queueIndex = -1;\n }\n if (queue.length) {\n drainQueue();\n }\n}\n\nfunction drainQueue() {\n if (draining) {\n return;\n }\n var timeout = runTimeout(cleanUpNextTick);\n draining = true;\n\n var len = queue.length;\n while(len) {\n currentQueue = queue;\n queue = [];\n while (++queueIndex < len) {\n if (currentQueue) {\n currentQueue[queueIndex].run();\n }\n }\n queueIndex = -1;\n len = queue.length;\n }\n currentQueue = null;\n draining = false;\n runClearTimeout(timeout);\n}\n\nprocess.nextTick = function (fun) {\n var args = new Array(arguments.length - 1);\n if (arguments.length > 1) {\n for (var i = 1; i < arguments.length; i++) {\n args[i - 1] = arguments[i];\n }\n }\n queue.push(new Item(fun, args));\n if (queue.length === 1 && !draining) {\n runTimeout(drainQueue);\n }\n};\n\n// v8 likes predictible objects\nfunction Item(fun, array) {\n this.fun = fun;\n this.array = array;\n}\nItem.prototype.run = function () {\n this.fun.apply(null, this.array);\n};\nprocess.title = 'browser';\nprocess.browser = true;\nprocess.env = {};\nprocess.argv = [];\nprocess.version = ''; // empty string to avoid regexp issues\nprocess.versions = {};\n\nfunction noop() {}\n\nprocess.on = noop;\nprocess.addListener = noop;\nprocess.once = noop;\nprocess.off = noop;\nprocess.removeListener = noop;\nprocess.removeAllListeners = noop;\nprocess.emit = noop;\nprocess.prependListener = noop;\nprocess.prependOnceListener = noop;\n\nprocess.listeners = function (name) { return [] }\n\nprocess.binding = function (name) {\n throw new Error('process.binding is not supported');\n};\n\nprocess.cwd = function () { return '/' };\nprocess.chdir = function (dir) {\n throw new Error('process.chdir is not supported');\n};\nprocess.umask = function() { return 0; };\n\n},{}],191:[function(require,module,exports){\n(function (setImmediate){(function (){\n'use strict';\n\n/**\n * @this {Promise}\n */\nfunction finallyConstructor(callback) {\n var constructor = this.constructor;\n return this.then(\n function(value) {\n // @ts-ignore\n return constructor.resolve(callback()).then(function() {\n return value;\n });\n },\n function(reason) {\n // @ts-ignore\n return constructor.resolve(callback()).then(function() {\n // @ts-ignore\n return constructor.reject(reason);\n });\n }\n );\n}\n\nfunction allSettled(arr) {\n var P = this;\n return new P(function(resolve, reject) {\n if (!(arr && typeof arr.length !== 'undefined')) {\n return reject(\n new TypeError(\n typeof arr +\n ' ' +\n arr +\n ' is not iterable(cannot read property Symbol(Symbol.iterator))'\n )\n );\n }\n var args = Array.prototype.slice.call(arr);\n if (args.length === 0) return resolve([]);\n var remaining = args.length;\n\n function res(i, val) {\n if (val && (typeof val === 'object' || typeof val === 'function')) {\n var then = val.then;\n if (typeof then === 'function') {\n then.call(\n val,\n function(val) {\n res(i, val);\n },\n function(e) {\n args[i] = { status: 'rejected', reason: e };\n if (--remaining === 0) {\n resolve(args);\n }\n }\n );\n return;\n }\n }\n args[i] = { status: 'fulfilled', value: val };\n if (--remaining === 0) {\n resolve(args);\n }\n }\n\n for (var i = 0; i < args.length; i++) {\n res(i, args[i]);\n }\n });\n}\n\n// Store setTimeout reference so promise-polyfill will be unaffected by\n// other code modifying setTimeout (like sinon.useFakeTimers())\nvar setTimeoutFunc = setTimeout;\n\nfunction isArray(x) {\n return Boolean(x && typeof x.length !== 'undefined');\n}\n\nfunction noop() {}\n\n// Polyfill for Function.prototype.bind\nfunction bind(fn, thisArg) {\n return function() {\n fn.apply(thisArg, arguments);\n };\n}\n\n/**\n * @constructor\n * @param {Function} fn\n */\nfunction Promise(fn) {\n if (!(this instanceof Promise))\n throw new TypeError('Promises must be constructed via new');\n if (typeof fn !== 'function') throw new TypeError('not a function');\n /** @type {!number} */\n this._state = 0;\n /** @type {!boolean} */\n this._handled = false;\n /** @type {Promise|undefined} */\n this._value = undefined;\n /** @type {!Array} */\n this._deferreds = [];\n\n doResolve(fn, this);\n}\n\nfunction handle(self, deferred) {\n while (self._state === 3) {\n self = self._value;\n }\n if (self._state === 0) {\n self._deferreds.push(deferred);\n return;\n }\n self._handled = true;\n Promise._immediateFn(function() {\n var cb = self._state === 1 ? deferred.onFulfilled : deferred.onRejected;\n if (cb === null) {\n (self._state === 1 ? resolve : reject)(deferred.promise, self._value);\n return;\n }\n var ret;\n try {\n ret = cb(self._value);\n } catch (e) {\n reject(deferred.promise, e);\n return;\n }\n resolve(deferred.promise, ret);\n });\n}\n\nfunction resolve(self, newValue) {\n try {\n // Promise Resolution Procedure: https://github.com/promises-aplus/promises-spec#the-promise-resolution-procedure\n if (newValue === self)\n throw new TypeError('A promise cannot be resolved with itself.');\n if (\n newValue &&\n (typeof newValue === 'object' || typeof newValue === 'function')\n ) {\n var then = newValue.then;\n if (newValue instanceof Promise) {\n self._state = 3;\n self._value = newValue;\n finale(self);\n return;\n } else if (typeof then === 'function') {\n doResolve(bind(then, newValue), self);\n return;\n }\n }\n self._state = 1;\n self._value = newValue;\n finale(self);\n } catch (e) {\n reject(self, e);\n }\n}\n\nfunction reject(self, newValue) {\n self._state = 2;\n self._value = newValue;\n finale(self);\n}\n\nfunction finale(self) {\n if (self._state === 2 && self._deferreds.length === 0) {\n Promise._immediateFn(function() {\n if (!self._handled) {\n Promise._unhandledRejectionFn(self._value);\n }\n });\n }\n\n for (var i = 0, len = self._deferreds.length; i < len; i++) {\n handle(self, self._deferreds[i]);\n }\n self._deferreds = null;\n}\n\n/**\n * @constructor\n */\nfunction Handler(onFulfilled, onRejected, promise) {\n this.onFulfilled = typeof onFulfilled === 'function' ? onFulfilled : null;\n this.onRejected = typeof onRejected === 'function' ? onRejected : null;\n this.promise = promise;\n}\n\n/**\n * Take a potentially misbehaving resolver function and make sure\n * onFulfilled and onRejected are only called once.\n *\n * Makes no guarantees about asynchrony.\n */\nfunction doResolve(fn, self) {\n var done = false;\n try {\n fn(\n function(value) {\n if (done) return;\n done = true;\n resolve(self, value);\n },\n function(reason) {\n if (done) return;\n done = true;\n reject(self, reason);\n }\n );\n } catch (ex) {\n if (done) return;\n done = true;\n reject(self, ex);\n }\n}\n\nPromise.prototype['catch'] = function(onRejected) {\n return this.then(null, onRejected);\n};\n\nPromise.prototype.then = function(onFulfilled, onRejected) {\n // @ts-ignore\n var prom = new this.constructor(noop);\n\n handle(this, new Handler(onFulfilled, onRejected, prom));\n return prom;\n};\n\nPromise.prototype['finally'] = finallyConstructor;\n\nPromise.all = function(arr) {\n return new Promise(function(resolve, reject) {\n if (!isArray(arr)) {\n return reject(new TypeError('Promise.all accepts an array'));\n }\n\n var args = Array.prototype.slice.call(arr);\n if (args.length === 0) return resolve([]);\n var remaining = args.length;\n\n function res(i, val) {\n try {\n if (val && (typeof val === 'object' || typeof val === 'function')) {\n var then = val.then;\n if (typeof then === 'function') {\n then.call(\n val,\n function(val) {\n res(i, val);\n },\n reject\n );\n return;\n }\n }\n args[i] = val;\n if (--remaining === 0) {\n resolve(args);\n }\n } catch (ex) {\n reject(ex);\n }\n }\n\n for (var i = 0; i < args.length; i++) {\n res(i, args[i]);\n }\n });\n};\n\nPromise.allSettled = allSettled;\n\nPromise.resolve = function(value) {\n if (value && typeof value === 'object' && value.constructor === Promise) {\n return value;\n }\n\n return new Promise(function(resolve) {\n resolve(value);\n });\n};\n\nPromise.reject = function(value) {\n return new Promise(function(resolve, reject) {\n reject(value);\n });\n};\n\nPromise.race = function(arr) {\n return new Promise(function(resolve, reject) {\n if (!isArray(arr)) {\n return reject(new TypeError('Promise.race accepts an array'));\n }\n\n for (var i = 0, len = arr.length; i < len; i++) {\n Promise.resolve(arr[i]).then(resolve, reject);\n }\n });\n};\n\n// Use polyfill for setImmediate for performance gains\nPromise._immediateFn =\n // @ts-ignore\n (typeof setImmediate === 'function' &&\n function(fn) {\n // @ts-ignore\n setImmediate(fn);\n }) ||\n function(fn) {\n setTimeoutFunc(fn, 0);\n };\n\nPromise._unhandledRejectionFn = function _unhandledRejectionFn(err) {\n if (typeof console !== 'undefined' && console) {\n console.warn('Possible Unhandled Promise Rejection:', err); // eslint-disable-line no-console\n }\n};\n\nmodule.exports = Promise;\n\n}).call(this)}).call(this,require(\"timers\").setImmediate)\n},{\"timers\":195}],192:[function(require,module,exports){\n\"use strict\";\nObject.defineProperty(exports, \"__esModule\", { value: true });\nexports.isIos = exports.isIE9 = exports.isSamsungBrowser = exports.isAndroidChrome = exports.isKitKatWebview = void 0;\n// server side rendering check\nvar UA = (typeof window !== \"undefined\" &&\n window.navigator &&\n window.navigator.userAgent);\n// TODO remove this when browser detection is converted to typescript\n/* eslint-disable @typescript-eslint/ban-ts-comment */\n// @ts-ignore\nvar isAndroid = require(\"@braintree/browser-detection/is-android\");\n// @ts-ignore\nvar isChromeOs = require(\"@braintree/browser-detection/is-chrome-os\");\n// @ts-ignore\nvar isChrome = require(\"@braintree/browser-detection/is-chrome\");\n// @ts-ignore\nvar isIos = require(\"@braintree/browser-detection/is-ios\");\nexports.isIos = isIos;\n// @ts-ignore\nvar isIE9 = require(\"@braintree/browser-detection/is-ie9\");\nexports.isIE9 = isIE9;\n/* eslint-enable @typescript-eslint/ban-ts-comment */\n// Old Android Webviews used specific versions of Chrome with 0.0.0 as their version suffix\n// https://developer.chrome.com/multidevice/user-agent#webview_user_agent\nvar KITKAT_WEBVIEW_REGEX = /Version\\/\\d\\.\\d* Chrome\\/\\d*\\.0\\.0\\.0/;\nfunction isOldSamsungBrowserOrSamsungWebview(ua) {\n return !isChrome(ua) && ua.indexOf(\"Samsung\") > -1;\n}\nfunction isKitKatWebview(ua) {\n if (ua === void 0) { ua = UA; }\n return isAndroid(ua) && KITKAT_WEBVIEW_REGEX.test(ua);\n}\nexports.isKitKatWebview = isKitKatWebview;\nfunction isAndroidChrome(ua) {\n if (ua === void 0) { ua = UA; }\n return (isAndroid(ua) || isChromeOs(ua)) && isChrome(ua);\n}\nexports.isAndroidChrome = isAndroidChrome;\nfunction isSamsungBrowser(ua) {\n if (ua === void 0) { ua = UA; }\n return /SamsungBrowser/.test(ua) || isOldSamsungBrowserOrSamsungWebview(ua);\n}\nexports.isSamsungBrowser = isSamsungBrowser;\n\n},{\"@braintree/browser-detection/is-android\":26,\"@braintree/browser-detection/is-chrome\":28,\"@braintree/browser-detection/is-chrome-os\":27,\"@braintree/browser-detection/is-ie9\":33,\"@braintree/browser-detection/is-ios\":37}],193:[function(require,module,exports){\n\"use strict\";\nvar device_1 = require(\"./lib/device\");\nmodule.exports = function supportsInputFormatting() {\n // Digits get dropped in samsung browser\n return !(0, device_1.isSamsungBrowser)();\n};\n\n},{\"./lib/device\":192}],194:[function(require,module,exports){\nmodule.exports = require(\"./dist/supports-input-formatting\");\n\n},{\"./dist/supports-input-formatting\":193}],195:[function(require,module,exports){\n(function (setImmediate,clearImmediate){(function (){\nvar nextTick = require('process/browser.js').nextTick;\nvar apply = Function.prototype.apply;\nvar slice = Array.prototype.slice;\nvar immediateIds = {};\nvar nextImmediateId = 0;\n\n// DOM APIs, for completeness\n\nexports.setTimeout = function() {\n return new Timeout(apply.call(setTimeout, window, arguments), clearTimeout);\n};\nexports.setInterval = function() {\n return new Timeout(apply.call(setInterval, window, arguments), clearInterval);\n};\nexports.clearTimeout =\nexports.clearInterval = function(timeout) { timeout.close(); };\n\nfunction Timeout(id, clearFn) {\n this._id = id;\n this._clearFn = clearFn;\n}\nTimeout.prototype.unref = Timeout.prototype.ref = function() {};\nTimeout.prototype.close = function() {\n this._clearFn.call(window, this._id);\n};\n\n// Does not start the time, just sets up the members needed.\nexports.enroll = function(item, msecs) {\n clearTimeout(item._idleTimeoutId);\n item._idleTimeout = msecs;\n};\n\nexports.unenroll = function(item) {\n clearTimeout(item._idleTimeoutId);\n item._idleTimeout = -1;\n};\n\nexports._unrefActive = exports.active = function(item) {\n clearTimeout(item._idleTimeoutId);\n\n var msecs = item._idleTimeout;\n if (msecs >= 0) {\n item._idleTimeoutId = setTimeout(function onTimeout() {\n if (item._onTimeout)\n item._onTimeout();\n }, msecs);\n }\n};\n\n// That's not how node.js implements it but the exposed api is the same.\nexports.setImmediate = typeof setImmediate === \"function\" ? setImmediate : function(fn) {\n var id = nextImmediateId++;\n var args = arguments.length < 2 ? false : slice.call(arguments, 1);\n\n immediateIds[id] = true;\n\n nextTick(function onNextTick() {\n if (immediateIds[id]) {\n // fn.call() is faster so we optimize for the common use-case\n // @see http://jsperf.com/call-apply-segu\n if (args) {\n fn.apply(null, args);\n } else {\n fn.call(null);\n }\n // Prevent ids from leaking\n exports.clearImmediate(id);\n }\n });\n\n return id;\n};\n\nexports.clearImmediate = typeof clearImmediate === \"function\" ? clearImmediate : function(id) {\n delete immediateIds[id];\n};\n}).call(this)}).call(this,require(\"timers\").setImmediate,require(\"timers\").clearImmediate)\n},{\"process/browser.js\":190,\"timers\":195}],196:[function(require,module,exports){\n'use strict';\n\nmodule.exports = {\n paymentOptionIDs: {\n card: 'card',\n paypal: 'paypal',\n paypalCredit: 'paypalCredit',\n applePay: 'applePay',\n venmo: 'venmo',\n googlePay: 'googlePay'\n },\n paymentMethodTypes: {\n card: 'CreditCard',\n paypal: 'PayPalAccount',\n paypalCredit: 'PayPalAccount',\n applePay: 'ApplePayCard',\n venmo: 'VenmoAccount',\n googlePay: 'AndroidPayCard'\n },\n analyticsKinds: {\n CreditCard: 'card',\n PayPalAccount: 'paypal',\n ApplePayCard: 'applepay',\n VenmoAccount: 'venmo',\n AndroidPayCard: 'googlepay'\n },\n paymentMethodCardTypes: {\n Visa: 'visa',\n MasterCard: 'master-card',\n 'American Express': 'american-express',\n 'Diners Club': 'diners-club',\n Discover: 'discover',\n JCB: 'jcb',\n UnionPay: 'unionpay',\n Maestro: 'maestro',\n Elo: 'elo',\n Hiper: 'hiper',\n Hipercard: 'hipercard'\n },\n configurationCardTypes: {\n visa: 'Visa',\n 'master-card': 'MasterCard',\n 'american-express': 'American Express',\n 'diners-club': 'Discover',\n discover: 'Discover',\n jcb: 'JCB',\n unionpay: 'UnionPay',\n maestro: 'Maestro',\n elo: 'Elo',\n hiper: 'Hiper',\n hipercard: 'Hipercard'\n },\n dependencySetupStates: {\n DONE: 'done',\n FAILED: 'failed',\n INITIALIZING: 'initializing',\n NOT_ENABLED: 'not-enabled'\n },\n errors: {\n NO_PAYMENT_METHOD_ERROR: 'No payment method is available.',\n DEVELOPER_MISCONFIGURATION_MESSAGE: 'Developer Error: Something went wrong. Check the console for details.'\n },\n ANALYTICS_REQUEST_TIMEOUT_MS: 2000,\n ANALYTICS_PREFIX: 'web.dropin.',\n CHANGE_ACTIVE_PAYMENT_METHOD_TIMEOUT: 200,\n CHECKOUT_JS_SOURCE: 'https://www.paypalobjects.com/api/checkout.min.js',\n GOOGLE_PAYMENT_SOURCE: 'https://pay.google.com/gp/p/js/pay.js',\n INTEGRATION: 'dropin2',\n PAYPAL_CHECKOUT_SCRIPT_ID: 'braintree-dropin-paypal-checkout-script',\n GOOGLE_PAYMENT_SCRIPT_ID: 'braintree-dropin-google-payment-script',\n DATA_COLLECTOR_SCRIPT_ID: 'braintree-dropin-data-collector-script',\n STYLESHEET_ID: 'braintree-dropin-stylesheet'\n};\n\n},{}],197:[function(require,module,exports){\n'use strict';\n\nvar analytics = require('./lib/analytics');\nvar DropinError = require('./lib/dropin-error');\nvar EventEmitter = require('@braintree/event-emitter');\nvar constants = require('./constants');\nvar paymentMethodTypes = constants.paymentMethodTypes;\nvar paymentOptionIDs = constants.paymentOptionIDs;\nvar dependencySetupStates = constants.dependencySetupStates;\nvar isGuestCheckout = require('./lib/is-guest-checkout');\nvar Promise = require('./lib/promise');\nvar paymentSheetViews = require('./views/payment-sheet-views');\nvar vaultManager = require('braintree-web/vault-manager');\nvar paymentOptionsViewID = require('./views/payment-options-view').ID;\n\nvar VAULTED_PAYMENT_METHOD_TYPES_THAT_SHOULD_BE_HIDDEN = [\n paymentMethodTypes.applePay,\n paymentMethodTypes.googlePay,\n paymentMethodTypes.venmo\n];\nvar DEFAULT_PAYMENT_OPTION_PRIORITY = [\n paymentOptionIDs.card,\n paymentOptionIDs.paypal,\n paymentOptionIDs.paypalCredit,\n paymentOptionIDs.venmo,\n paymentOptionIDs.applePay,\n paymentOptionIDs.googlePay\n];\nvar NON_PAYMENT_OPTION_DEPENDENCIES = ['threeDSecure', 'dataCollector'];\nvar ASYNC_DEPENDENCIES = DEFAULT_PAYMENT_OPTION_PRIORITY.concat(NON_PAYMENT_OPTION_DEPENDENCIES);\nvar DEPENDENCY_READY_CHECK_INTERVAL = 200;\n\nfunction DropinModel(options) {\n this.rootNode = options.container;\n this.componentID = options.componentID;\n this.merchantConfiguration = options.merchantConfiguration;\n this.isGuestCheckout = isGuestCheckout(options.client);\n this.dependencyStates = ASYNC_DEPENDENCIES.reduce(function (total, dependencyKey) {\n if (this._shouldIncludeDependency(dependencyKey)) {\n total[dependencyKey] = dependencySetupStates.INITIALIZING;\n }\n\n return total;\n }.bind(this), {});\n\n this.failedDependencies = {};\n this._options = options;\n this._setupComplete = false;\n\n while (this.rootNode.parentNode) {\n this.rootNode = this.rootNode.parentNode;\n }\n this.isInShadowDom = this.rootNode.toString() === '[object ShadowRoot]';\n\n EventEmitter.call(this);\n}\n\nEventEmitter.createChild(DropinModel);\n\nDropinModel.prototype.initialize = function () {\n var dep;\n var self = this;\n var dependencyReadyInterval = setInterval(function () {\n for (dep in self.dependencyStates) {\n if (self.dependencyStates[dep] === dependencySetupStates.INITIALIZING) {\n return;\n }\n }\n\n clearInterval(dependencyReadyInterval);\n\n self._emit('asyncDependenciesReady');\n }, DEPENDENCY_READY_CHECK_INTERVAL);\n\n return vaultManager.create({\n client: self._options.client\n }).then(function (vaultManagerInstance) {\n self._vaultManager = vaultManagerInstance;\n\n return self._getSupportedPaymentOptions(self._options);\n }).then(function (paymentOptions) {\n self.supportedPaymentOptions = paymentOptions;\n\n return self.getVaultedPaymentMethods();\n }).then(function (paymentMethods) {\n self._paymentMethods = paymentMethods;\n self._paymentMethodIsRequestable = self._paymentMethods.length > 0;\n });\n};\n\nDropinModel.prototype.confirmDropinReady = function () {\n this._setupComplete = true;\n};\n\nDropinModel.prototype.isPaymentMethodRequestable = function () {\n return Boolean(this._paymentMethodIsRequestable);\n};\n\nDropinModel.prototype.addPaymentMethod = function (paymentMethod) {\n this._paymentMethods.push(paymentMethod);\n this._emit('addPaymentMethod', paymentMethod);\n this.changeActivePaymentMethod(paymentMethod);\n};\n\nDropinModel.prototype.removePaymentMethod = function (paymentMethod) {\n var paymentMethodLocation = this._paymentMethods.indexOf(paymentMethod);\n\n if (paymentMethodLocation === -1) {\n return;\n }\n\n this._paymentMethods.splice(paymentMethodLocation, 1);\n this._emit('removePaymentMethod', paymentMethod);\n};\n\nDropinModel.prototype.refreshPaymentMethods = function () {\n var self = this;\n\n return self.getVaultedPaymentMethods().then(function (paymentMethods) {\n self._paymentMethods = paymentMethods;\n\n self._emit('refreshPaymentMethods');\n });\n};\n\nDropinModel.prototype.changeActivePaymentMethod = function (paymentMethod) {\n this._activePaymentMethod = paymentMethod;\n this._emit('changeActivePaymentMethod', paymentMethod);\n};\n\nDropinModel.prototype.changeActiveView = function (paymentViewID) {\n var previousViewId = this._activePaymentViewId;\n\n this._activePaymentViewId = paymentViewID;\n this._emit('changeActiveView', {\n previousViewId: previousViewId,\n newViewId: paymentViewID\n });\n};\n\nDropinModel.prototype.removeActivePaymentMethod = function () {\n this._activePaymentMethod = null;\n this._emit('removeActivePaymentMethod');\n this.setPaymentMethodRequestable({\n isRequestable: false\n });\n};\n\nDropinModel.prototype.selectPaymentOption = function (paymentViewID) {\n this._emit('paymentOptionSelected', {\n paymentOption: paymentViewID\n });\n};\n\nDropinModel.prototype.enableEditMode = function () {\n analytics.sendEvent(this._options.client, 'manager.appeared');\n this._isInEditMode = true;\n this._emit('enableEditMode');\n};\n\nDropinModel.prototype.disableEditMode = function () {\n this._isInEditMode = false;\n this._emit('disableEditMode');\n};\n\nDropinModel.prototype.isInEditMode = function () {\n return Boolean(this._isInEditMode);\n};\n\nDropinModel.prototype.confirmPaymentMethodDeletion = function (paymentMethod) {\n this._paymentMethodWaitingToBeDeleted = paymentMethod;\n this._emit('confirmPaymentMethodDeletion', paymentMethod);\n};\n\nDropinModel.prototype._shouldIncludeDependency = function (key) {\n if (key === 'card') {\n // card is turned on by default unless the merchant explicitly\n // passes a value of `false` or omits it from a custom\n // `paymentOptionPriority` array\n if (this.merchantConfiguration.card === false) {\n return false;\n }\n } else if (!this.merchantConfiguration[key]) {\n // if the merchant does not have the non-card dependency\n // configured, do not include the dependency\n return false;\n }\n\n if (NON_PAYMENT_OPTION_DEPENDENCIES.indexOf(key) > -1) {\n // if the dependency is not a payment option (3DS, data collector)\n // include it since the merchant configured Drop-in for it\n\n return true;\n }\n\n if (this.merchantConfiguration.paymentOptionPriority) {\n // if the merchant passed a custom `paymentOptionPriority` array,\n // only include the dependency if it was configured _and_\n // included in the array\n return this.merchantConfiguration.paymentOptionPriority.indexOf(key) > -1;\n }\n\n // otherwise, include it if it is a valid payment option\n return DEFAULT_PAYMENT_OPTION_PRIORITY.indexOf(key) > -1;\n};\n\nDropinModel.prototype._shouldEmitRequestableEvent = function (options) {\n var requestableStateHasNotChanged = this.isPaymentMethodRequestable() === options.isRequestable;\n var nonce = options.selectedPaymentMethod && options.selectedPaymentMethod.nonce;\n var nonceHasNotChanged = nonce === this._paymentMethodRequestableNonce;\n\n if (!this._setupComplete) {\n // don't emit event until after Drop-in is fully set up\n // fixes issues with lazy loading of imports where event\n // should not be emitted\n // https://github.com/braintree/braintree-web-drop-in/issues/511\n return false;\n }\n\n if (requestableStateHasNotChanged && (!options.isRequestable || nonceHasNotChanged)) {\n return false;\n }\n\n return true;\n};\n\nDropinModel.prototype.setPaymentMethodRequestable = function (options) {\n var shouldEmitEvent = this._shouldEmitRequestableEvent(options);\n var paymentMethodRequestableResponse = {\n paymentMethodIsSelected: Boolean(options.selectedPaymentMethod),\n type: options.type\n };\n\n this._paymentMethodIsRequestable = options.isRequestable;\n\n if (options.isRequestable) {\n this._paymentMethodRequestableNonce = options.selectedPaymentMethod && options.selectedPaymentMethod.nonce;\n } else {\n delete this._paymentMethodRequestableNonce;\n }\n\n if (!shouldEmitEvent) {\n return;\n }\n\n if (options.isRequestable) {\n this._emit('paymentMethodRequestable', paymentMethodRequestableResponse);\n } else {\n this._emit('noPaymentMethodRequestable');\n }\n};\n\nDropinModel.prototype.getPaymentMethods = function () {\n // we want to return a copy of the Array\n // so we can loop through it in dropin.updateConfiguration\n // while calling model.removePaymentMethod\n // which updates the original array\n return this._paymentMethods.slice();\n};\n\nDropinModel.prototype.getActivePaymentMethod = function () {\n return this._activePaymentMethod;\n};\n\nDropinModel.prototype.hasPaymentMethods = function () {\n return this.getPaymentMethods().length > 0;\n};\n\nDropinModel.prototype.getInitialViewId = function () {\n if (this.supportedPaymentOptions.length > 1) {\n return paymentOptionsViewID;\n }\n\n return this.supportedPaymentOptions[0];\n};\n\nDropinModel.prototype.getActivePaymentViewId = function () {\n return this._activePaymentViewId;\n};\n\nDropinModel.prototype.reportAppSwitchPayload = function (payload) {\n this.appSwitchPayload = payload;\n};\n\nDropinModel.prototype.reportAppSwitchError = function (sheetId, error) {\n this.appSwitchError = {\n id: sheetId,\n error: error\n };\n};\n\nDropinModel.prototype.hasAtLeastOneAvailablePaymentOption = function () {\n var self = this;\n var i;\n\n for (i = 0; i < this.supportedPaymentOptions.length; i++) {\n if (self.dependencyStates[this.supportedPaymentOptions[i]] === dependencySetupStates.DONE) {\n return true;\n }\n }\n\n return false;\n};\n\nDropinModel.prototype.asyncDependencyReady = function (key) {\n this.dependencyStates[key] = dependencySetupStates.DONE;\n};\n\nDropinModel.prototype.asyncDependencyFailed = function (options) {\n if (this.failedDependencies.hasOwnProperty(options.view)) {\n return;\n }\n this.failedDependencies[options.view] = options.error;\n this.dependencyStates[options.view] = dependencySetupStates.FAILED;\n};\n\nDropinModel.prototype.cancelInitialization = function (error) {\n this._emit('cancelInitialization', error);\n};\n\nDropinModel.prototype.reportError = function (error) {\n this._emit('errorOccurred', error);\n};\n\nDropinModel.prototype.clearError = function () {\n this._emit('errorCleared');\n};\n\nDropinModel.prototype.preventUserAction = function () {\n this._emit('preventUserAction');\n};\n\nDropinModel.prototype.allowUserAction = function () {\n this._emit('allowUserAction');\n};\n\nDropinModel.prototype.deleteVaultedPaymentMethod = function () {\n var self = this;\n var promise = Promise.resolve();\n var error;\n\n this._emit('startVaultedPaymentMethodDeletion');\n\n if (!self.isGuestCheckout) {\n promise = this._vaultManager.deletePaymentMethod(this._paymentMethodWaitingToBeDeleted.nonce).catch(function (err) {\n error = err;\n });\n }\n\n return promise.then(function () {\n delete self._paymentMethodWaitingToBeDeleted;\n\n return self.refreshPaymentMethods();\n }).then(function () {\n self.disableEditMode();\n self._emit('finishVaultedPaymentMethodDeletion', error);\n });\n};\n\nDropinModel.prototype.cancelDeleteVaultedPaymentMethod = function () {\n this._emit('cancelVaultedPaymentMethodDeletion');\n\n delete this._paymentMethodWaitingToBeDeleted;\n};\n\nDropinModel.prototype.getVaultedPaymentMethods = function () {\n var self = this;\n\n if (self.isGuestCheckout) {\n return Promise.resolve([]);\n }\n\n return self._vaultManager.fetchPaymentMethods({\n defaultFirst: this.merchantConfiguration.showDefaultPaymentMethodFirst !== false\n }).then(function (paymentMethods) {\n return self._getSupportedPaymentMethods(paymentMethods).map(function (paymentMethod) {\n paymentMethod.vaulted = true;\n\n return paymentMethod;\n });\n }).catch(function () {\n return Promise.resolve([]);\n });\n};\n\nDropinModel.prototype._getSupportedPaymentMethods = function (paymentMethods) {\n var supportedPaymentMethods = this.supportedPaymentOptions.reduce(function (array, key) {\n var paymentMethodType = paymentMethodTypes[key];\n\n if (canShowVaultedPaymentMethodType(paymentMethodType)) {\n array.push(paymentMethodType);\n }\n\n return array;\n }, []);\n\n return paymentMethods.filter(function (paymentMethod) {\n return supportedPaymentMethods.indexOf(paymentMethod.type) > -1;\n });\n};\n\nDropinModel.prototype._getSupportedPaymentOptions = function (options) {\n var self = this;\n var paymentOptionPriority = options.merchantConfiguration.paymentOptionPriority || DEFAULT_PAYMENT_OPTION_PRIORITY;\n var promises;\n\n if (!(paymentOptionPriority instanceof Array)) {\n throw new DropinError('paymentOptionPriority must be an array.');\n }\n\n // Remove duplicates\n paymentOptionPriority = paymentOptionPriority.filter(function (item, pos) { return paymentOptionPriority.indexOf(item) === pos; });\n\n promises = paymentOptionPriority.map(function (paymentOption) {\n return getPaymentOption(paymentOption, options).then(function (result) {\n if (!result.success) {\n self.dependencyStates[result.id] = dependencySetupStates.NOT_ENABLED;\n }\n\n return result;\n });\n });\n\n return Promise.all(promises).then(function (result) {\n result = result.filter(function (item) {\n return item.success;\n });\n\n if (result.length === 0) {\n return Promise.reject(new DropinError('No valid payment options available.'));\n }\n\n return result.map(function (item) { return item.id; });\n });\n};\n\nfunction getPaymentOption(paymentOption, options) {\n return isPaymentOptionEnabled(paymentOption, options).then(function (success) {\n return {\n success: success,\n id: paymentOptionIDs[paymentOption]\n };\n });\n}\n\nfunction isPaymentOptionEnabled(paymentOption, options) {\n var SheetView = paymentSheetViews[paymentOptionIDs[paymentOption]];\n\n if (!SheetView) {\n return Promise.reject(new DropinError('paymentOptionPriority: Invalid payment option specified.'));\n }\n\n return SheetView.isEnabled({\n client: options.client,\n merchantConfiguration: options.merchantConfiguration\n }).catch(function (error) {\n console.error(SheetView.ID + ' view errored when checking if it was supported.'); // eslint-disable-line no-console\n console.error(error); // eslint-disable-line no-console\n\n return Promise.resolve(false);\n });\n}\n\nfunction canShowVaultedPaymentMethodType(paymentMethodType) {\n return paymentMethodType && VAULTED_PAYMENT_METHOD_TYPES_THAT_SHOULD_BE_HIDDEN.indexOf(paymentMethodType) === -1;\n}\n\nmodule.exports = DropinModel;\n\n},{\"./constants\":196,\"./lib/analytics\":201,\"./lib/dropin-error\":206,\"./lib/is-guest-checkout\":208,\"./lib/promise\":213,\"./views/payment-options-view\":259,\"./views/payment-sheet-views\":264,\"@braintree/event-emitter\":41,\"braintree-web/vault-manager\":154}],198:[function(require,module,exports){\n'use strict';\n\nvar assign = require('./lib/assign').assign;\nvar analytics = require('./lib/analytics');\nvar classList = require('@braintree/class-list');\nvar constants = require('./constants');\nvar DropinError = require('./lib/dropin-error');\nvar DropinModel = require('./dropin-model');\nvar EventEmitter = require('@braintree/event-emitter');\nvar assets = require('@braintree/asset-loader');\n\nvar MainView = require('./views/main-view');\nvar paymentMethodsViewID = require('./views/payment-methods-view').ID;\nvar paymentOptionIDs = constants.paymentOptionIDs;\nvar translations = require('./translations').translations;\nvar isUtf8 = require('./lib/is-utf-8');\nvar uuid = require('@braintree/uuid');\nvar Promise = require('./lib/promise');\nvar sanitizeHtml = require('./lib/sanitize-html');\nvar DataCollector = require('./lib/data-collector');\nvar ThreeDSecure = require('./lib/three-d-secure');\nvar wrapPrototype = require('@braintree/wrap-promise').wrapPrototype;\n\nvar mainHTML = \"\\n
\\n
{{edit}}
\\n
{{chooseAWayToPay}}
\\n
\\n\\n
\\n
\\n\\n
\\n\\n
\\n\\n
\\n\\n
\\n
\\n
\\n
\\n
\\n
\\n \\n
\\n \\n \\n
\\n
\\n
\\n \\n
\\n
\\n
\\n\\n
\\n\\n
\\n
\\n
\\n\\n
\\n
\\n \\n \\n
\\n
\\n
\\n
\\n
\\n\\n
\\n
{{otherWaysToPay}}
\\n
\\n\\n
\\n {{chooseAnotherWayToPay}} \\n
\\n
\\n\";\nvar svgHTML = \"\\n \\n \\n Visa \\n \\n\\n \\n MasterCard \\n \\n\\n \\n Union Pay \\n \\n\\n \\n American Express \\n \\n\\n \\n JCB \\n \\n\\n \\n Discover \\n \\n\\n \\n Diners Club \\n \\n\\n \\n Maestro \\n \\n\\n \\n Elo \\n \\n\\n \\n Hiper \\n \\n\\n \\n Hipercard \\n \\n\\n \\n PayPal Logo \\n \\n\\n \\n PayPal Credit Logo \\n \\n\\n \\n Generic Card \\n \\n\\n \\n CVV Back \\n \\n \\n\\n \\n CVV Front \\n \\n\\n \\n Check \\n \\n\\n \\n X \\n \\n\\n \\n Lock Loader \\n \\n\\n \\n \\n\\n \\n Apple Pay Logo \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n Google Pay Mark \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n\\n \\n Venmo \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n\\n \\n \\n \\n \\n\";\n\nvar PASS_THROUGH_EVENTS = [\n 'changeActiveView',\n 'paymentMethodRequestable',\n 'noPaymentMethodRequestable',\n 'paymentOptionSelected',\n\n // Card View Events\n 'card:binAvailable',\n 'card:blur',\n 'card:cardTypeChange',\n 'card:empty',\n 'card:focus',\n 'card:inputSubmitRequest',\n 'card:notEmpty',\n 'card:validityChange',\n\n // 3DS Events\n '3ds:customer-canceled',\n '3ds:authentication-modal-render',\n '3ds:authentication-modal-close'\n];\nvar UPDATABLE_CONFIGURATION_OPTIONS = [\n paymentOptionIDs.paypal,\n paymentOptionIDs.paypalCredit,\n paymentOptionIDs.applePay,\n paymentOptionIDs.googlePay,\n 'threeDSecure'\n];\nvar UPDATABLE_CONFIGURATION_OPTIONS_THAT_REQUIRE_UNVAULTED_PAYMENT_METHODS_TO_BE_REMOVED = [\n paymentOptionIDs.paypal,\n paymentOptionIDs.paypalCredit,\n paymentOptionIDs.applePay,\n paymentOptionIDs.googlePay\n];\nvar HAS_RAW_PAYMENT_DATA = {};\nvar VERSION = '1.33.7';\n\nHAS_RAW_PAYMENT_DATA[constants.paymentMethodTypes.googlePay] = true;\nHAS_RAW_PAYMENT_DATA[constants.paymentMethodTypes.applePay] = true;\n\n/**\n * @typedef {object} Dropin~cardPaymentMethodPayload\n * @property {string} nonce The payment method nonce, used by your server to charge the card.\n * @property {object} details Additional account details. See a full list of details in the [Hosted Fields client reference](http://braintree.github.io/braintree-web/3.88.3/HostedFields.html#~tokenizePayload).\n * @property {string} description A human-readable description.\n * @property {string} type The payment method type, always `CreditCard` when the method requested is a card.\n * @property {object} binData Information about the card based on the bin. Documented {@link Dropin~binData|here}.\n * @property {?boolean} vaulted If present and true, indicates that the payment method refers to a vaulted payment method.\n * @property {?string} deviceData If data collector is configured, the device data property to be used when making a transaction.\n * @property {?boolean} liabilityShifted If 3D Secure is configured, whether or not liability did shift.\n * @property {?boolean} liabilityShiftPossible If 3D Secure is configured, whether or not liability shift is possible.\n * @property {?object} threeDSecureInfo If 3D Secure is configured, the `threeDSecureInfo` documented in the [Three D Secure client reference](http://braintree.github.io/braintree-web/3.88.3/ThreeDSecure.html#~verifyPayload)\n */\n\n/**\n * @typedef {object} Dropin~paypalPaymentMethodPayload\n * @property {string} nonce The payment method nonce, used by your server to charge the PayPal account.\n * @property {?boolean} vaulted If present and true, indicates that the payment method refers to a vaulted payment method.\n * @property {object} details Additional PayPal account details. See a full list of details in the [PayPal client reference](http://braintree.github.io/braintree-web/3.88.3/PayPalCheckout.html#~tokenizePayload).\n * @property {string} type The payment method type, always `PayPalAccount` when the method requested is a PayPal account.\n * @property {?string} deviceData If data collector is configured, the device data property to be used when making a transaction.\n */\n\n/**\n * @typedef {object} Dropin~applePayPaymentMethodPayload\n * @property {string} nonce The payment method nonce, used by your server to charge the Apple Pay provided card.\n * @property {?boolean} vaulted If present and true, indicates that the payment method refers to a vaulted payment method.\n * @property {string} details.cardType Type of card, ex: Visa, Mastercard.\n * @property {string} details.cardHolderName The name of the card holder.\n * @property {string} details.dpanLastTwo Last two digits of card number.\n * @property {external:ApplePayPayment} details.rawPaymentData The raw response back from the Apple Pay flow, which includes billing/shipping address, phone and email if passed in as required parameters.\n * @property {string} description A human-readable description.\n * @property {string} type The payment method type, always `ApplePayCard` when the method requested is an Apple Pay provided card.\n * @property {object} binData Information about the card based on the bin. Documented {@link Dropin~binData|here}.\n * @property {?string} deviceData If data collector is configured, the device data property to be used when making a transaction.\n */\n\n/**\n * @typedef {object} ApplePayPayment An [Apple Pay Payment object](https://developer.apple.com/documentation/apple_pay_on_the_web/applepaypayment).\n * @external ApplePayPayment\n * @see {@link https://developer.apple.com/documentation/apple_pay_on_the_web/applepaypayment ApplePayPayment}\n */\n\n/**\n * @typedef {object} Dropin~venmoPaymentMethodPayload\n * @property {string} nonce The payment method nonce, used by your server to charge the Venmo account.\n * @property {?boolean} vaulted If present and true, indicates that the payment method refers to a vaulted payment method.\n * @property {string} details.username The Venmo username.\n * @property {string} type The payment method type, always `VenmoAccount` when the method requested is a Venmo account.\n * @property {?string} deviceData If data collector is configured, the device data property to be used when making a transaction.\n */\n\n/**\n * @typedef {object} Dropin~googlePayPaymentMethodPayload\n * @property {string} nonce The payment method nonce, used by your server to charge the Google Pay card.\n * @property {?boolean} vaulted If present and true, indicates that the payment method refers to a vaulted payment method.\n * @property {string} details.cardType Type of card, ex: Visa, Mastercard.\n * @property {string} details.lastFour The last 4 digits of the card.\n * @property {string} details.lastTwo The last 2 digits of the card.\n * @property {boolean} details.isNetworkTokenized True if the card is network tokenized. A network tokenized card is a generated virtual card with a device-specific account number (DPAN) that is used in place of the underlying source card.\n * @property {string} details.bin First six digits of card number.\n * @property {external:GooglePayPaymentData} details.rawPaymentData The raw response back from the Google Pay flow, which includes shipping address, phone and email if passed in as required parameters.\n * @property {string} type The payment method type, always `AndroidPayCard` when the method requested is a Google Pay Card.\n * @property {object} binData Information about the card based on the bin. Documented {@link Dropin~binData|here}.\n * @property {?string} deviceData If data collector is configured, the device data property to be used when making a transaction.\n */\n\n/**\n * @typedef {object} GooglePayPaymentData A [Google Pay Payment Data object](https://developers.google.com/pay/api/web/object-reference#PaymentData).\n * @external GooglePayPaymentData\n * @see {@link https://developers.google.com/pay/api/web/object-reference#PaymentData PaymentData}\n */\n\n/**\n * @typedef {object} Dropin~binData Information about the card based on the bin.\n * @property {string} commercial Possible values: 'Yes', 'No', 'Unknown'.\n * @property {string} countryOfIssuance The country of issuance.\n * @property {string} debit Possible values: 'Yes', 'No', 'Unknown'.\n * @property {string} durbinRegulated Possible values: 'Yes', 'No', 'Unknown'.\n * @property {string} healthcare Possible values: 'Yes', 'No', 'Unknown'.\n * @property {string} issuingBank The issuing bank.\n * @property {string} payroll Possible values: 'Yes', 'No', 'Unknown'.\n * @property {string} prepaid Possible values: 'Yes', 'No', 'Unknown'.\n * @property {string} productId The product id.\n */\n\n/**\n * @name Dropin#on\n * @function\n * @param {string} event The name of the event to which you are subscribing.\n * @param {function} handler A callback to handle the event.\n * @description Subscribes a handler function to a named event. `event` should be one of the following:\n *\n * * [`changeActiveView`](#event:changeActiveView)\n * * [`paymentMethodRequestable`](#event:paymentMethodRequestable)\n * * [`noPaymentMethodRequestable`](#event:noPaymentMethodRequestable)\n * * [`paymentOptionSelected`](#event:paymentOptionSelected)\n *\n * _Card View Specific Events_\n * * [`card:binAvailable`](#event:card:binAvailable)\n * * [`card:blur`](#event:card:blur)\n * * [`card:cardTypeChange`](#event:card:cardTypeChange)\n * * [`card:empty`](#event:card:empty)\n * * [`card:focus`](#event:card:focus)\n * * [`card:inputSubmitRequest`](#event:card:inputSubmitRequest)\n * * [`card:notEmpty`](#event:card:notEmpty)\n * * [`card:validityChange`](#event:card:validityChange)\n *\n * _3DS Specific Events_\n * * [`3ds:customer-canceled`](#event:3ds:customer-canceled)\n * * [`3ds:authentication-modal-render`](#event:3ds:authentication-modal-render)\n * * [`3ds:authentication-modal-close`](#event:3ds:authentication-modal-close)\n * @returns {void}\n * @example\n * Dynamically enable or disable your submit button based on whether or not the payment method is requestable \n * var submitButton = document.querySelector('#submit-button');\n *\n * braintree.dropin.create({\n * authorization: 'CLIENT_AUTHORIZATION',\n * container: '#dropin-container'\n * }, function (err, dropinInstance) {\n * submitButton.addEventListener('click', function () {\n * dropinInstance.requestPaymentMethod(function (err, payload) {\n * // Send payload.nonce to your server.\n * });\n * });\n *\n * if (dropinInstance.isPaymentMethodRequestable()) {\n * // This will be true if you generated the client token\n * // with a customer ID and there is a saved payment method\n * // available to tokenize with that customer.\n * submitButton.removeAttribute('disabled');\n * }\n *\n * dropinInstance.on('paymentMethodRequestable', function (event) {\n * console.log(event.type); // The type of Payment Method, e.g 'CreditCard', 'PayPalAccount'.\n * console.log(event.paymentMethodIsSelected); // true if a customer has selected a payment method when paymentMethodRequestable fires\n *\n * submitButton.removeAttribute('disabled');\n * });\n *\n * dropinInstance.on('noPaymentMethodRequestable', function () {\n * submitButton.setAttribute('disabled', true);\n * });\n * });\n *\n * @example\n * Automatically submit nonce to server as soon as it becomes available \n * var submitButton = document.querySelector('#submit-button');\n *\n * braintree.dropin.create({\n * authorization: 'CLIENT_AUTHORIZATION',\n * container: '#dropin-container'\n * }, function (err, dropinInstance) {\n * function sendNonceToServer() {\n * dropinInstance.requestPaymentMethod(function (err, payload) {\n * if (err) {\n * // handle errors\n * }\n *\n * // send payload.nonce to your server\n * });\n * }\n *\n * // allows us to still request the payment method manually, such as\n * // when filling out a credit card form\n * submitButton.addEventListener('click', sendNonceToServer);\n *\n * dropinInstance.on('paymentMethodRequestable', function (event) {\n * // if the nonce is already available (via PayPal authentication\n * // or by using a stored payment method), we can request the\n * // nonce right away. Otherwise, we wait for the customer to\n * // request the nonce by pressing the submit button once they\n * // are finished entering their credit card details. This is\n * // particularly important if your credit card form includes a\n * // postal code input. The `paymentMethodRequestable` event\n * // could fire before the customer has finished entering their\n * // postal code. (International postal codes can be as few as 3\n * // characters in length)\n * if (event.paymentMethodIsSelected) {\n * sendNonceToServer();\n * }\n * });\n * });\n * @example\n * Listen for when the customer navigates to different views in Drop-in \n * braintree.dropin.create({\n * authorization: 'CLIENT_AUTHORIZATION',\n * container: '#dropin-container'\n * }, function (err, dropinInstance) {\n * dropinInstance.on('changeActiveView', function (event) {\n * // fires when the view changes, such as going from the\n * // credit card view to the saved payment methods view\n * event.oldActivePaymentViewId; // card\n * event.newActivePaymentViewId; // methods\n * });\n * });\n * @example\n * Listen on various events from the card view \n * braintree.dropin.create({\n * authorization: 'CLIENT_AUTHORIZATION',\n * container: '#dropin-container'\n * }, function (err, dropinInstance) {\n * dropinInstance.on('card:focus', function (event) {\n * // a card field was focussed\n * });\n * dropinInstance.on('card:blur', function (event) {\n * // a card field was blurred\n * });\n * dropinInstance.on('card:validityChange', function (event) {\n * // the card form went from invalid to valid or valid to invalid\n * });\n * });\n */\n\n/**\n * @name Dropin#off\n * @function\n * @param {string} event The name of the event to which you are unsubscribing.\n * @param {function} handler A callback to unsubscribe from the event.\n * @description Unsubscribes a handler function to a named event.\n * @returns {void}\n * @example\n * Subscribe and then unsubscribe from event \n * var callback = function (event) {\n * // do something\n * };\n * dropinInstance.on('paymentMethodRequestable', callback);\n *\n * // later on\n * dropinInstance.off('paymentMethodRequestable', callback);\n */\n\n/**\n * This event is emitted when the payment method available in Drop-in changes. This includes when the state of Drop-in transitions from having no payment method available to having a payment method available and when the kind of payment method available changes. This event is not fired if there is no payment method available on initialization. To check if there is a payment method requestable on initialization, use {@link Dropin#isPaymentMethodRequestable|`isPaymentMethodRequestable`}.\n * @event Dropin#paymentMethodRequestable\n * @type {Dropin~paymentMethodRequestablePayload}\n */\n\n/**\n * @typedef {object} Dropin~paymentMethodRequestablePayload\n * @description The event payload sent from {@link Dropin#on|`on`} with the {@link Dropin#event:paymentMethodRequestable|`paymentMethodRequestable`} event.\n * @property {string} type The type of payment method that is requestable. Either `CreditCard` or `PayPalAccount`.\n * @property {boolean} paymentMethodIsSelected A property to determine if a payment method is currently selected when the payment method becomes requestable.\n *\n * This will be `true` any time a payment method is visibly selected in the Drop-in UI, such as when PayPal authentication completes or a stored payment method is selected.\n *\n * This will be `false` when {@link Dropin#requestPaymentMethod|`requestPaymentMethod`} can be called, but a payment method is not currently selected. For instance, when a card form has been filled in with valid values, but has not been submitted to be converted into a payment method nonce.\n */\n\n/**\n * This event is emitted when there is no payment method available in Drop-in. This event is not fired if there is no payment method available on initialization. To check if there is a payment method requestable on initialization, use {@link Dropin#isPaymentMethodRequestable|`isPaymentMethodRequestable`}. No payload is available in the callback for this event.\n * @event Dropin#noPaymentMethodRequestable\n */\n\n/**\n * This event is emitted when the customer selects a new payment option type (e.g. PayPal, PayPal Credit, credit card). This event is not emitted when the user changes between existing saved payment methods. Only relevant when accepting multiple payment options.\n * @event Dropin#paymentOptionSelected\n * @type {Dropin~paymentOptionSelectedPayload}\n */\n\n/**\n * This event is emitted when the Drop-in view changes what is presented as the active view.\n * @event Dropin#changeActiveView\n * @type {Dropin~changeActiveView}\n */\n\n/**\n * @typedef {object} Dropin~changeActiveView\n * @description The event payload sent from {@link Dropin#on|`on`} with the {@link Dropin#event:changeActiveView|`changeActiveView`} event.\n * @property {string} previousViewId The id for the previously active view. Possible values are:\n * * `card` - The credit card form view\n * * `paypal` - The PayPal view\n * * `payapCredit` - The PayPal Credit view\n * * `venmo` - The Venmo View\n * * `googlePay` - The Google Pay view\n * * `applePay` - The Apple Pay view\n * * `methods` - The view presenting the available payment methods (already vaulted or tokenized payment methods)\n * * `options` - The view presenting the available payment options (where the customer chooses what payment method option to use). Note, if both the methods view and the options view are presented at the same time, `methods` will be shown as the view id.\n * * `delete-confirmation` - The view where the customer confirms they would like to delete their saved payment method.\n * @property {string} newViewId The id for the new active view. The possible values are the same as `previousViewId`.\n */\n\n/**\n * The underlying [hosted fields `binAvailable` event](http://braintree.github.io/braintree-web/3.88.3/HostedFields.html#event:binAvailable).\n * @event Dropin#card:binAvailable\n * @type {Dropin~card:binAvailable}\n */\n\n/**\n * The underlying [hosted fields `blur` event](http://braintree.github.io/braintree-web/3.88.3/HostedFields.html#event:blur).\n * @event Dropin#card:blur\n * @type {Dropin~card:blur}\n */\n\n/**\n * The underlying [hosted fields `cardTypeChange` event](http://braintree.github.io/braintree-web/3.88.3/HostedFields.html#event:cardTypeChange).\n * @event Dropin#card:cardTypeChange\n * @type {Dropin~card:cardTypeChange}\n */\n\n/**\n * The underlying [hosted fields `empty` event](http://braintree.github.io/braintree-web/3.88.3/HostedFields.html#event:empty).\n * @event Dropin#card:empty\n * @type {Dropin~card:empty}\n */\n\n/**\n * The underlying [hosted fields `focus` event](http://braintree.github.io/braintree-web/3.88.3/HostedFields.html#event:focus).\n * @event Dropin#card:focus\n * @type {Dropin~card:focus}\n */\n\n/**\n * The underlying [hosted fields `inputSubmitRequest` event](http://braintree.github.io/braintree-web/3.88.3/HostedFields.html#event:inputSubmitRequest).\n * @event Dropin#card:inputSubmitRequest\n * @type {Dropin~card:inputSubmitRequest}\n */\n\n/**\n * The underlying [hosted fields `notEmpty` event](http://braintree.github.io/braintree-web/3.88.3/HostedFields.html#event:notEmpty).\n * @event Dropin#card:notEmpty\n * @type {Dropin~card:notEmpty}\n */\n\n/**\n * The underlying [hosted fields `validityChange` event](http://braintree.github.io/braintree-web/3.88.3/HostedFields.html#event:validityChange).\n * @event Dropin#card:validityChange\n * @type {Dropin~card:validityChange}\n */\n\n/**\n * The underlying [3D Secure `customer-canceled` event](http://braintree.github.io/braintree-web/3.88.3/ThreeDSecure.html#event:customer-canceled).\n * @event Dropin#3ds:customer-canceled\n * @type {Dropin~3ds:customer-canceled}\n */\n\n/**\n * The underlying [3D Secure `authentication-modal-render` event](http://braintree.github.io/braintree-web/3.88.3/ThreeDSecure.html#event:authentication-modal-render).\n * @event Dropin#3ds:authentication-modal-render\n * @type {Dropin~3ds:authentication-modal-render}\n */\n\n/**\n * The underlying [3D Secure `authentication-modal-close` event](http://braintree.github.io/braintree-web/3.88.3/ThreeDSecure.html#event:authentication-modal-close).\n * @event Dropin#3ds:authentication-modal-close\n * @type {Dropin~3ds:authentication-modal-close}\n */\n\n/**\n * @typedef {object} Dropin~paymentOptionSelectedPayload\n * @description The event payload sent from {@link Dropin#on|`on`} with the {@link Dropin#event:paymentOptionSelected|`paymentOptionSelected`} event.\n * @property {string} paymentOption The payment option view selected. Either `card`, `paypal`, or `paypalCredit`.\n */\n\n/**\n * @class\n * @param {object} options For create options, see {@link module:braintree-web-drop-in|dropin.create}.\n * @description Do not use this constructor directly. Use {@link module:braintree-web-drop-in|dropin.create} instead. \n * @classdesc This class represents a Drop-in component, that will create a pre-made UI for accepting cards and PayPal on your page. Instances of this class have methods for requesting a payment method and subscribing to events. For more information, see the [Drop-in guide](https://developer.paypal.com/braintree/docs/guides/drop-in/overview/javascript/v3) in the Braintree Developer Docs. To be used in conjunction with the [Braintree Server SDKs](https://developer.paypal.com/braintree/docs/start/hello-server).\n */\nfunction Dropin(options) {\n this._client = options.client;\n this._componentID = uuid();\n this._dropinWrapper = document.createElement('div');\n this._dropinWrapper.id = 'braintree--dropin__' + this._componentID;\n this._dropinWrapper.setAttribute('data-braintree-id', 'wrapper');\n this._dropinWrapper.style.display = 'none';\n this._dropinWrapper.className = 'braintree-loading';\n this._merchantConfiguration = options.merchantConfiguration;\n\n EventEmitter.call(this);\n}\n\nEventEmitter.createChild(Dropin);\n\nDropin.prototype._initialize = function (callback) {\n var localizedStrings, localizedHTML;\n var self = this;\n var container = self._merchantConfiguration.container || self._merchantConfiguration.selector;\n\n if (!container) {\n analytics.sendEvent(self._client, 'configuration-error');\n callback(new DropinError('options.container is required.'));\n\n return;\n } else if (self._merchantConfiguration.container && self._merchantConfiguration.selector) {\n analytics.sendEvent(self._client, 'configuration-error');\n callback(new DropinError('Must only have one options.selector or options.container.'));\n\n return;\n }\n\n if (typeof container === 'string') {\n container = document.querySelector(container);\n }\n\n if (!container || container.nodeType !== 1) {\n analytics.sendEvent(self._client, 'configuration-error');\n callback(new DropinError('options.selector or options.container must reference a valid DOM node.'));\n\n return;\n }\n\n if (container.innerHTML.trim()) {\n analytics.sendEvent(self._client, 'configuration-error');\n callback(new DropinError('options.selector or options.container must reference an empty DOM node.'));\n\n return;\n }\n\n // Backfill with `en`\n self._strings = assign({}, translations.en);\n if (self._merchantConfiguration.locale) {\n localizedStrings = translations[self._merchantConfiguration.locale] || translations[self._merchantConfiguration.locale.split('_')[0]];\n // Fill `strings` with `localizedStrings` that may exist\n self._strings = assign(self._strings, localizedStrings);\n }\n\n if (!isUtf8()) {\n // non-utf-8 encodings often don't support the bullet character\n self._strings.endingIn = self._strings.endingIn.replace(/•/g, '*');\n }\n\n if (self._merchantConfiguration.translations) {\n Object.keys(self._merchantConfiguration.translations).forEach(function (key) {\n self._strings[key] = sanitizeHtml(self._merchantConfiguration.translations[key]);\n });\n }\n\n localizedHTML = Object.keys(self._strings).reduce(function (result, stringKey) {\n var stringValue = self._strings[stringKey];\n\n return result.replace(RegExp('{{' + stringKey + '}}', 'g'), stringValue);\n }, mainHTML);\n\n self._dropinWrapper.innerHTML = svgHTML + localizedHTML;\n container.appendChild(self._dropinWrapper);\n\n self._model = new DropinModel({\n client: self._client,\n container: container,\n componentID: self._componentID,\n merchantConfiguration: self._merchantConfiguration\n });\n\n self._injectStylesheet();\n\n self._model.initialize().then(function () {\n self._model.on('cancelInitialization', function (err) {\n self._dropinWrapper.innerHTML = '';\n analytics.sendEvent(self._client, 'load-error');\n callback(err);\n });\n\n self._model.on('asyncDependenciesReady', function () {\n if (self._model.hasAtLeastOneAvailablePaymentOption()) {\n analytics.sendEvent(self._client, 'appeared');\n self._disableErroredPaymentMethods();\n\n self._handleAppSwitch();\n\n self._model.confirmDropinReady();\n\n callback(null, self);\n } else {\n self._model.cancelInitialization(new DropinError('All payment options failed to load.'));\n }\n });\n\n PASS_THROUGH_EVENTS.forEach(function (eventName) {\n self._model.on(eventName, function (event) {\n self._emit(eventName, event);\n });\n });\n\n return self._setUpDependenciesAndViews();\n }).catch(function (err) {\n self.teardown().then(function () {\n callback(err);\n });\n });\n};\n\n/**\n * Modify your configuration initially set in {@link module:braintree-web-drop-in|`dropin.create`}.\n *\n * If `updateConfiguration` is called after a user completes the PayPal authorization flow, any PayPal accounts not stored in the Vault record will be removed.\n * @public\n * @param {string} property The top-level property to update. Either `paypal`, `paypalCredit`, `applePay`, or `googlePay`.\n * @param {string} key The key of the property to update, such as `amount` or `currency`.\n * @param {any} value The value of the property to update. Must be the type of the property specified in {@link module:braintree-web-drop-in|`dropin.create`}.\n * @returns {void}\n * @example\n * dropinInstance.updateConfiguration('paypal', 'amount', '10.00');\n */\nDropin.prototype.updateConfiguration = function (property, key, value) {\n var view;\n\n if (UPDATABLE_CONFIGURATION_OPTIONS.indexOf(property) === -1) {\n return;\n }\n\n if (property === 'threeDSecure') {\n if (this._threeDSecure) {\n this._threeDSecure.updateConfiguration(key, value);\n }\n\n return;\n }\n\n view = this._mainView.getView(property);\n\n if (!view) {\n return;\n }\n\n view.updateConfiguration(key, value);\n\n if (UPDATABLE_CONFIGURATION_OPTIONS_THAT_REQUIRE_UNVAULTED_PAYMENT_METHODS_TO_BE_REMOVED.indexOf(property) === -1) {\n return;\n }\n\n this._removeUnvaultedPaymentMethods(function (paymentMethod) {\n return paymentMethod.type === constants.paymentMethodTypes[property];\n });\n this._navigateToInitialView();\n};\n\n/**\n * Get a list of the available payment methods presented to the user. This is useful for knowing if a paricular payment option was presented to a customer that is browser dependant such as Apple Pay, Google Pay and Venmo. Returns an array of strings. Possible values:\n * * `applePay`\n * * `card`\n * * `googlePay`\n * * `paypalCredit`\n * * `paypal`\n * * `venmo`\n *\n * @public\n * @returns {string[]} An array of possible payment options.\n * @example\n * var paymentOptions = dropinInstance.getAvailablePaymentOptions(); // ['card', 'venmo', 'paypal']\n *\n * if (paymentOptions.includes('venmo')) {\n * // special logic for when venmo is displayed\n * }\n */\nDropin.prototype.getAvailablePaymentOptions = function () {\n return this._model.supportedPaymentOptions;\n};\n\n/**\n * Removes the currently selected payment method and returns the customer to the payment options view. Does not remove vaulted payment methods.\n * @public\n * @returns {void}\n * @example\n * dropinInstance.requestPaymentMethod(function (requestPaymentMethodError, payload) {\n * if (requestPaymentMethodError) {\n * // handle errors\n * return;\n * }\n *\n * functionToSendNonceToServer(payload.nonce, function (transactionError, response) {\n * if (transactionError) {\n * // transaction sale with selected payment method failed\n * // clear the selected payment method and add a message\n * // to the checkout page about the failure\n * dropinInstance.clearSelectedPaymentMethod();\n * divForErrorMessages.textContent = 'my error message about entering a different payment method.';\n * } else {\n * // redirect to success page\n * }\n * });\n * });\n */\nDropin.prototype.clearSelectedPaymentMethod = function () {\n this._removeUnvaultedPaymentMethods();\n this._model.removeActivePaymentMethod();\n\n if (this._model.getPaymentMethods().length === 0) {\n this._navigateToInitialView();\n\n return;\n }\n\n this._mainView.showLoadingIndicator();\n\n this._model.refreshPaymentMethods().then(function () {\n this._navigateToInitialView();\n this._mainView.hideLoadingIndicator();\n }.bind(this));\n};\n\nDropin.prototype._setUpDataCollector = function () {\n var self = this;\n var config = assign({}, self._merchantConfiguration.dataCollector, {client: self._client});\n\n this._dataCollector = new DataCollector(config);\n\n this._dataCollector.initialize().then(function () {\n self._model.asyncDependencyReady('dataCollector');\n }).catch(function (err) {\n self._model.cancelInitialization(new DropinError({\n message: 'Data Collector failed to set up.',\n braintreeWebError: err\n }));\n });\n};\n\nDropin.prototype._setUpThreeDSecure = function () {\n var self = this;\n\n this._threeDSecure = new ThreeDSecure(this._client, this._model);\n\n this._threeDSecure.initialize().then(function () {\n self._model.asyncDependencyReady('threeDSecure');\n }).catch(function (err) {\n self._model.cancelInitialization(new DropinError({\n message: '3D Secure failed to set up.',\n braintreeWebError: err\n }));\n });\n};\n\nDropin.prototype._setUpDependenciesAndViews = function () {\n if (this._merchantConfiguration.dataCollector) {\n this._setUpDataCollector();\n }\n\n if (this._merchantConfiguration.threeDSecure) {\n this._setUpThreeDSecure();\n }\n\n this._mainView = new MainView({\n client: this._client,\n element: this._dropinWrapper,\n model: this._model,\n strings: this._strings\n });\n};\n\nDropin.prototype._removeUnvaultedPaymentMethods = function (filter) {\n filter = filter || function () { return true; };\n\n this._model.getPaymentMethods().forEach(function (paymentMethod) {\n if (filter(paymentMethod) && !paymentMethod.vaulted) {\n this._model.removePaymentMethod(paymentMethod);\n }\n }.bind(this));\n};\n\nDropin.prototype._navigateToInitialView = function () {\n var isOnMethodsView = this._mainView.primaryView.ID === paymentMethodsViewID;\n\n if (!isOnMethodsView) {\n return;\n }\n\n if (this._model.hasPaymentMethods()) {\n return;\n }\n\n this._mainView.setPrimaryView(this._model.getInitialViewId());\n};\n\nDropin.prototype._supportsPaymentOption = function (paymentOption) {\n return this._model.supportedPaymentOptions.indexOf(paymentOption) !== -1;\n};\n\nDropin.prototype._disableErroredPaymentMethods = function () {\n var paymentMethodOptionsElements;\n var failedDependencies = Object.keys(this._model.failedDependencies);\n\n if (failedDependencies.length === 0) {\n return;\n }\n\n paymentMethodOptionsElements = this._mainView.getOptionsElements();\n\n failedDependencies.forEach(function (paymentMethodId) {\n var element = paymentMethodOptionsElements[paymentMethodId];\n var div = element.div;\n var clickHandler = element.clickHandler;\n var error = this._model.failedDependencies[paymentMethodId];\n var errorMessageDiv = div.querySelector('.braintree-option__disabled-message');\n\n classList.add(div, 'braintree-disabled');\n div.removeEventListener('click', clickHandler);\n errorMessageDiv.innerHTML = constants.errors.DEVELOPER_MISCONFIGURATION_MESSAGE;\n console.error(error); // eslint-disable-line no-console\n }.bind(this));\n};\n\nDropin.prototype._sendVaultedPaymentMethodAppearAnalyticsEvents = function () {\n var i, type;\n var typesThatSentAnEvent = {};\n var paymentMethods = this._model._paymentMethods;\n\n for (i = 0; i < paymentMethods.length; i++) {\n type = paymentMethods[i].type;\n\n if (type in typesThatSentAnEvent) {\n // prevents us from sending the analytic multiple times\n // for the same payment method type\n continue;\n }\n\n typesThatSentAnEvent[type] = true;\n\n analytics.sendEvent(this._client, 'vaulted-' + constants.analyticsKinds[type] + '.appear');\n }\n};\n\nDropin.prototype._handleAppSwitch = function () {\n if (this._model.appSwitchError) {\n this._mainView.setPrimaryView(this._model.appSwitchError.id);\n this._model.reportError(this._model.appSwitchError.error);\n } else if (this._model.appSwitchPayload) {\n this._model.addPaymentMethod(this._model.appSwitchPayload);\n } else {\n this._sendVaultedPaymentMethodAppearAnalyticsEvents();\n }\n};\n\n/**\n * Requests a payment method object which includes the payment method nonce used by by the [Braintree Server SDKs](https://developer.paypal.com/braintree/docs/start/hello-server).\n *\n * If a payment method is not available, an error will appear in the UI. When a callback is used, an error will be passed to it. If no callback is used, the returned Promise will be rejected with an error.\n * @public\n * @param {object} [options] All options for requesting a payment method.\n * @param {object} [options.threeDSecure] Any of the options in the [Braintree 3D Secure client reference](https://braintree.github.io/braintree-web/3.88.3/ThreeDSecure.html#verifyCard) except for `nonce`, `bin`, and `onLookupComplete`. If `amount` is provided, it will override the value of `amount` in the [3D Secure create options](module-braintree-web-drop-in.html#~threeDSecureOptions). The more options provided, the more likely the customer will not need to answer a 3DS challenge. When 3DS is enabled, both credit cards and non-network tokenized Google Pay cards will perform verfication. The recommended fields for achieving a 3DS v2 verification are:\n * * `email`\n * * `mobilePhoneNumber`\n * * `billingAddress`\n *\n * For an example of verifying 3D Secure within Drop-in, [check out this codepen](https://codepen.io/braintree/pen/KjWqGx).\n * @param {callback} [callback] May be used as the only parameter in requestPaymentMethod if no `options` are provided. The first argument will be an error if no payment method is available and will otherwise be null. The second argument will be an object containing a payment method nonce; either a {@link Dropin~cardPaymentMethodPayload|cardPaymentMethodPayload}, a {@link Dropin~paypalPaymentMethodPayload|paypalPaymentMethodPayload}, a {@link Dropin~venmoPaymentMethodPayload|venmoPaymentMethodPayload}, a {@link Dropin~googlePayPaymentMethodPayload|googlePayPaymentMethodPayload} or an {@link Dropin~applePayPaymentMethodPayload|applePayPaymentMethodPayload}. If no callback is provided, `requestPaymentMethod` will return a promise.\n * @returns {(void|Promise)} Returns a promise if no callback is provided.\n * @example Requesting a payment method \n * var form = document.querySelector('#my-form');\n * var hiddenNonceInput = document.querySelector('#my-nonce-input');\n *\n * form.addEventListener('submit', function (event) {\n * event.preventDefault();\n *\n * dropinInstance.requestPaymentMethod(function (err, payload) {\n * if (err) {\n * // handle error\n * return;\n * }\n * hiddenNonceInput.value = payload.nonce;\n * form.submit();\n * });\n * });\n * @example Requesting a payment method with data collector \n * var form = document.querySelector('#my-form');\n * var hiddenNonceInput = document.querySelector('#my-nonce-input');\n * var hiddenDeviceDataInput = document.querySelector('#my-device-data-input');\n *\n * form.addEventListener('submit', function (event) {\n * event.preventDefault();\n *\n * dropinInstance.requestPaymentMethod(function (err, payload) {\n * if (err) {\n * // handle error\n * return;\n * }\n * hiddenNonceInput.value = payload.nonce;\n * hiddenDeviceDataInput.value = payload.deviceData;\n * form.submit();\n * });\n * });\n *\n * @example Requesting a payment method with 3D Secure \n * var form = document.querySelector('#my-form');\n * var hiddenNonceInput = document.querySelector('#my-nonce-input');\n *\n * form.addEventListener('submit', function (event) {\n * event.preventDefault();\n *\n * dropinInstance.requestPaymentMethod(function (err, payload) {\n * if (err) {\n * // Handle error\n * return;\n * }\n *\n * if (payload.liabilityShifted || (payload.type !== 'CreditCard' && payload.type !== 'AndroidPayCard')) {\n * hiddenNonceInput.value = payload.nonce;\n * form.submit();\n * } else {\n * // Decide if you will force the user to enter a different payment method\n * // if liability was not shifted\n * dropinInstance.clearSelectedPaymentMethod();\n * }\n * });\n * });\n */\nDropin.prototype.requestPaymentMethod = function (options) {\n // NEXT_MAJOR_VERSION\n // what should happen when this method is called while a payment\n // method is already being requested? Should it error? Should\n // they both resolve with the payload from the original request?\n // this is only important because when doing 3ds, multiple\n // requests in quick succession can get you into a state\n // where it errors because the 3ds verification is called twice\n var self = this;\n\n options = options || {};\n\n return this._mainView.requestPaymentMethod().then(function (payload) {\n if (self._shouldPerformThreeDSecureVerification(payload)) {\n self._mainView.showLoadingIndicator();\n\n return self._threeDSecure.verify(payload, options.threeDSecure).then(function (newPayload) {\n payload.nonce = newPayload.nonce;\n payload.liabilityShifted = newPayload.liabilityShifted;\n payload.liabilityShiftPossible = newPayload.liabilityShiftPossible;\n payload.threeDSecureInfo = newPayload.threeDSecureInfo;\n\n self._mainView.hideLoadingIndicator();\n\n return payload;\n }).catch(function (err) {\n self.clearSelectedPaymentMethod();\n\n return self._model.refreshPaymentMethods().then(function () {\n self._mainView.hideLoadingIndicator();\n\n return Promise.reject(new DropinError({\n message: 'Something went wrong during 3D Secure authentication. Please try again.',\n braintreeWebError: err\n }));\n });\n });\n }\n\n return payload;\n }).then(function (payload) {\n if (self._dataCollector) {\n payload.deviceData = self._dataCollector.getDeviceData();\n }\n\n return payload;\n }).then(function (payload) {\n return formatPaymentMethodPayload(payload);\n });\n};\n\nDropin.prototype._shouldPerformThreeDSecureVerification = function (payload) {\n if (!this._threeDSecure) {\n return false;\n }\n\n if (payload.liabilityShifted != null) {\n return false;\n }\n\n if (payload.type === constants.paymentMethodTypes.card) {\n return true;\n }\n\n if (payload.type === constants.paymentMethodTypes.googlePay && payload.details.isNetworkTokenized === false) {\n return true;\n }\n\n return false;\n};\n\nDropin.prototype._removeStylesheet = function () {\n var stylesheet = document.getElementById(constants.STYLESHEET_ID);\n\n if (stylesheet) {\n stylesheet.parentNode.removeChild(stylesheet);\n }\n};\n\nDropin.prototype._injectStylesheet = function () {\n var assetsUrl;\n var loadStylesheetOptions = {\n id: constants.STYLESHEET_ID\n };\n\n if (document.getElementById(constants.STYLESHEET_ID)) { return; }\n\n assetsUrl = this._client.getConfiguration().gatewayConfiguration.assetsUrl;\n loadStylesheetOptions.href = assetsUrl + '/web/dropin/' + VERSION + '/css/dropin.css';\n\n if (this._model.isInShadowDom) {\n // if Drop-in is in the shadow DOM, put the\n // style sheet in the shadow DOM node instead of\n // in the head of the document\n loadStylesheetOptions.container = this._model.rootNode;\n }\n\n assets.loadStylesheet(loadStylesheetOptions);\n};\n\n/**\n * Cleanly remove anything set up by {@link module:braintree-web-drop-in|dropin.create}. This may be be useful in a single-page app.\n * @public\n * @param {callback} [callback] Called on completion, containing an error if one occurred. No data is returned if teardown completes successfully. If no callback is provided, `teardown` will return a promise.\n * @returns {(void|Promise)} Returns a promise if no callback is provided.\n */\nDropin.prototype.teardown = function () {\n var teardownError;\n var promise = Promise.resolve();\n var self = this;\n\n this._removeStylesheet();\n\n if (this._mainView) {\n promise.then(function () {\n return self._mainView.teardown().catch(function (err) {\n teardownError = err;\n });\n });\n }\n\n if (this._dataCollector) {\n promise.then(function () {\n return this._dataCollector.teardown().catch(function (error) {\n teardownError = new DropinError({\n message: 'Drop-in errored tearing down Data Collector.',\n braintreeWebError: error\n });\n });\n }.bind(this));\n }\n\n if (this._threeDSecure) {\n promise.then(function () {\n return this._threeDSecure.teardown().catch(function (error) {\n teardownError = new DropinError({\n message: 'Drop-in errored tearing down 3D Secure.',\n braintreeWebError: error\n });\n });\n }.bind(this));\n }\n\n return promise.then(function () {\n return self._removeDropinWrapper();\n }).then(function () {\n if (teardownError) {\n return Promise.reject(teardownError);\n }\n\n return Promise.resolve();\n });\n};\n\n/**\n * Returns a boolean indicating if a payment method is available through {@link Dropin#requestPaymentMethod|requestPaymentMethod}. Particularly useful for detecting if using a client token with a customer ID to show vaulted payment methods.\n * @public\n * @returns {Boolean} True if a payment method is available, otherwise false.\n */\nDropin.prototype.isPaymentMethodRequestable = function () {\n return this._model.isPaymentMethodRequestable();\n};\n\nDropin.prototype._removeDropinWrapper = function () {\n this._dropinWrapper.parentNode.removeChild(this._dropinWrapper);\n\n return Promise.resolve();\n};\n\nfunction formatPaymentMethodPayload(paymentMethod) {\n var formattedPaymentMethod = {\n nonce: paymentMethod.nonce,\n details: paymentMethod.details,\n type: paymentMethod.type\n };\n\n if (paymentMethod.vaulted != null) {\n formattedPaymentMethod.vaulted = paymentMethod.vaulted;\n }\n\n if (paymentMethod.type === constants.paymentMethodTypes.card) {\n formattedPaymentMethod.description = paymentMethod.description;\n }\n\n if (paymentMethod.type in HAS_RAW_PAYMENT_DATA) {\n formattedPaymentMethod.details.rawPaymentData = paymentMethod.rawPaymentData;\n }\n\n if (typeof paymentMethod.liabilityShiftPossible === 'boolean') {\n formattedPaymentMethod.liabilityShifted = paymentMethod.liabilityShifted;\n formattedPaymentMethod.liabilityShiftPossible = paymentMethod.liabilityShiftPossible;\n }\n\n if (paymentMethod.threeDSecureInfo) {\n formattedPaymentMethod.threeDSecureInfo = paymentMethod.threeDSecureInfo;\n }\n\n if (paymentMethod.deviceData) {\n formattedPaymentMethod.deviceData = paymentMethod.deviceData;\n }\n\n if (paymentMethod.binData) {\n formattedPaymentMethod.binData = paymentMethod.binData;\n }\n\n return formattedPaymentMethod;\n}\n\nmodule.exports = wrapPrototype(Dropin);\n\n},{\"./constants\":196,\"./dropin-model\":197,\"./lib/analytics\":201,\"./lib/assign\":202,\"./lib/data-collector\":205,\"./lib/dropin-error\":206,\"./lib/is-utf-8\":210,\"./lib/promise\":213,\"./lib/sanitize-html\":214,\"./lib/three-d-secure\":216,\"./translations\":237,\"./views/main-view\":256,\"./views/payment-methods-view\":258,\"@braintree/asset-loader\":1,\"@braintree/class-list\":40,\"@braintree/event-emitter\":41,\"@braintree/uuid\":47,\"@braintree/wrap-promise\":51}],199:[function(require,module,exports){\n'use strict';\n/**\n * @module braintree-web-drop-in\n * @description There are two ways to integrate Drop-in into your page: a script tag integration and a JavaScript integration using [`dropin.create`](#.create).\n *\n * The script tag integration is the fastest way to integrate. All you need to do is add the Drop-in script inside your form element where you want Drop-in to appear and include a `data-braintree-dropin-authorization` property with your [tokenization key](https://developer.paypal.com/braintree/docs/guides/authorization/tokenization-key/javascript/v3) or [client token](https://developer.paypal.com/braintree/docs/guides/authorization/client-token).\n *\n * When your form is submitted, Drop-in will intercept the form submission and attempt to tokenize the payment method. If the tokenization is successful, it will insert the payment method nonce into a hidden input with the name `payment_method_nonce` and then submit your form. If the tokenization is unsuccessful, a relevant error will be shown in the UI.\n *\n * If you have data collector enabled, the device data will be injected into a hidden input with the name `device_data` before form submission.\n *\n * Specify creation options as data attributes in your script tag, as shown in the examples below. The following configuration properties may be set:\n *\n * * `data-locale`\n * * `data-card.cardholder-name.required`\n * * `data-payment-option-priority`\n * * `data-data-collector.kount`\n * * `data-data-collector.paypal`\n * * `data-paypal.amount`\n * * `data-paypal.currency`\n * * `data-paypal.flow`\n * * `data-paypal-credit.amount`\n * * `data-paypal-credit.currency`\n * * `data-paypal-credit.flow`\n *\n * For more control and customization, use [`dropin.create` instead](#.create).\n *\n * See our [demo app](../../script-tag-integration.html) for an example of using our script tag integration.\n *\n * @example\n * A full example accepting only cards \n * \n * \n * \n * Checkout \n * \n * \n * \n * \n * \n *\n * @example\n * A full example accepting cards, PayPal, and PayPal credit \n * \n * \n * \n * Checkout \n * \n * \n * \n * \n * \n *\n * @example\n * Specifying a locale and payment option priority \n * \n *\n * @example\n * Including an optional cardholder name field in card form \n * \n *\n * @example\n * Including a required cardholder name field in card form \n * \n */\n\nvar Dropin = require('./dropin');\nvar client = require('braintree-web/client');\nvar createFromScriptTag = require('./lib/create-from-script-tag');\nvar constants = require('./constants');\nvar analytics = require('./lib/analytics');\nvar DropinError = require('./lib/dropin-error');\nvar Promise = require('./lib/promise');\nvar wrapPromise = require('@braintree/wrap-promise');\n\nvar VERSION = '1.33.7';\n\n/**\n * @typedef {object} cardCreateOptions The configuration options for cards. Internally, Drop-in uses [Hosted Fields](http://braintree.github.io/braintree-web/3.88.3/module-braintree-web_hosted-fields.html) to render the card form. The `overrides.fields` and `overrides.styles` allow the Hosted Fields to be customized.\n *\n * @param {(boolean|object)} [cardholderName] Will enable a cardholder name field above the card number field. If set to an object, you can specify whether or not the field is required. If set to a `true`, it will default the field to being present, but not required.\n * @param {boolean} [cardholderName.required=false] When true, the cardholder name field will be required to request the payment method nonce.\n * @param {object} [overrides.fields] The Hosted Fields [`fields` options](http://braintree.github.io/braintree-web/3.88.3/module-braintree-web_hosted-fields.html#~fieldOptions). Only `number`, `cvv`, `expirationDate` and `postalCode` can be configured. Each is a [Hosted Fields `field` object](http://braintree.github.io/braintree-web/3.88.3/module-braintree-web_hosted-fields.html#~field). `selector` cannot be modified.\n * @param {object} [overrides.styles] The Hosted Fields [`styles` options](http://braintree.github.io/braintree-web/3.88.3/module-braintree-web_hosted-fields.html#~styleOptions). These can be used to add custom styles to the Hosted Fields iframes. To style the rest of Drop-in, [review the documentation for customizing Drop-in](https://developer.paypal.com/braintree/docs/guides/drop-in/customization/javascript/v3#customize-your-ui).\n * @param {boolean} [clearFieldsAfterTokenization=true] When false, the card form will not clear the card data when the customer returns to the card view after a successful tokenization.\n * @param {object} [vault] Configuration for vaulting credit cards. Only applies when using a [client token with a customer id](https://developer.paypal.com/braintree/docs/reference/request/client-token/generate#customer_id).\n * @param {boolean} [vault.allowVaultCardOverride=false] When true, the card form will include an option to let the customer decide not to vault the credit card they enter.\n * @param {boolean} [vault.vaultCard=true] Whether or not to vault the card upon tokenization. When set to `false` with `allowVaultCardOverride` set to `false`, then cards will not be vaulted.\n */\n\n/**\n * @typedef {object} dataCollectorOptions The configuration options for Data Collector. Requires [advanced fraud protection](https://developer.paypal.com/braintree/docs/guides/premium-fraud-management-tools/client-side/javascript/v3) to be enabled in the Braintree gateway. If using Kount, contact our [support team](https://developer.paypal.com/braintree/help) to configure your Kount ID. The device data will be included on the {@link Dropin#requestPaymentMethod|requestPaymentMethod payload}.\n *\n * @param {boolean} [kount] If true, Kount fraud data collection is enabled.\n */\n\n/**\n * @typedef {object} threeDSecureOptions Configuration options to pass when creating the 3D Secure module used in Drop-in. `amount` for 3D Secure verification can be passed here, but it's recomended that it and all other 3D Secure verification options be passed to the {@link Dropin#requestPaymentMethod|requestPaymentMethod options} instead. Any `cardinalSDKConfig` options must be passed here when creating Drop-in.\n *\n * @param {options} cardinalSDKConfig A configuration object to adjust the configuration for the underlying Cardinal SDK (Braintree's 3D Secure provider). See [`cardinalSDKConfig` options](http://braintree.github.io/braintree-web/3.88.3/module-braintree-web_three-d-secure.html#.create) for all options.\n * @param {string} amount __Deprecated__ The amount to verify with 3D Secure. Set amount in the {@link Dropin#requestPaymentMethod|requestPaymentMethod options} instead.\n */\n\n/** @typedef {object} paypalCreateOptions The configuration options for PayPal and PayPalCredit. For a full list of options see the [PayPal Checkout client reference options](http://braintree.github.io/braintree-web/3.88.3/PayPalCheckout.html#createPayment).\n *\n * @param {string} flow Either `checkout` for a one-time [Checkout with PayPal](https://developer.paypal.com/braintree/docs/guides/paypal/checkout-with-paypal/javascript/v3) flow or `vault` for a [Vault flow](https://developer.paypal.com/braintree/docs/guides/paypal/vault/javascript/v3). Required when using PayPal or PayPal Credit.\n * @param {(string|number)} [amount] The amount of the transaction. Required when using the Checkout flow.\n * @param {string} [currency] The currency code of the amount, such as `USD`. Required when using the Checkout flow.\n * @param {object} [buttonStyle] The style object to apply to the PayPal button. Button customization includes color, shape, size, and label. The options [found here](https://developer.paypal.com/docs/integration/direct/express-checkout/integration-jsv4/customize-button/#button-styles) are available.\n * @param {boolean} [commit] The user action to show on the PayPal review page. If true, a `Pay Now` button will be shown. If false, a `Continue` button will be shown.\n * @param {object} [vault] Configuration for vaulting PayPal accounts. Only applies when using a [client token with a customer id](https://developer.paypal.com/braintree/docs/reference/request/client-token/generate#customer_id).\n * @param {boolean} [vault.vaultPayPal=true] Whether or not to vault the PayPal account upon tokenization.\n */\n\n/** @typedef {object} applePayCreateOptions The configuration options for Apple Pay.\n *\n * @param {string} [buttonStyle=black] Configures the Apple Pay button style. Valid values are `black`, `white`, `white-outline`.\n * @param {string} displayName The canonical name for your store. Use a non-localized name. This parameter should be a utf-8 string that is a maximum of 128 characters. The system may display this name to the user.\n * @param {number} [applePaySessionVersion=2] The [version of the `ApplePaySession`](https://developer.apple.com/documentation/apple_pay_on_the_web/apple_pay_on_the_web_version_history) to use. It's recommended to use the lowest version that contains all the features you need for your checkout to maximize compatibility.\n * @param {external:ApplePayPaymentRequest} paymentRequest The payment request details to apply on top of those from Braintree.\n */\n\n/** @typedef {object} googlePayCreateOptions The configuration options for Google Pay. Additional options from the few listed here are available, many have default values applied based on the settings found in the Braintree Gateway. For more information, see [Google's Documentation](https://developers.google.com/pay/api/web/object-reference#request-objects).\n *\n * @param {string} merchantId The ID provided by Google for processing transactions in production. Not necessary for testing in sandbox.\n * @param {string} [googlePayVersion=1] The version of the Google Pay API to use. Defaults to 1, but 2 can be passed in.\n * @param {external:GooglePayTransactionInfo} transactionInfo The transaction details necessary for processing the payment.\n * @param {external:GooglePayButtonOptions} [button] The button options for configuring the look of the Google Pay button. The `onClick` property cannot be overwritten.\n */\n\n/**\n * @typedef {object} ApplePayPaymentRequest An [Apple Pay Payment Request object](https://developer.apple.com/reference/applepayjs/1916082-applepay_js_data_types/paymentrequest).\n * @external ApplePayPaymentRequest\n * @see {@link https://developer.apple.com/reference/applepayjs/1916082-applepay_js_data_types/paymentrequest PaymentRequest}\n */\n\n/**\n * @typedef {object} GooglePayTransactionInfo A [Google Pay TransactionInfo object](https://developers.google.com/pay/api/web/object-reference#TransactionInfo).\n * @external GooglePayTransactionInfo\n * @see {@link https://developers.google.com/pay/api/web/object-reference#TransactionInfo TransactionInfo}\n */\n\n/**\n * @typedef {object} GooglePayButtonOptions A [Google Pay ButtonOptions object](https://developers.google.com/pay/api/web/reference/object#ButtonOptions).\n * @external GooglePayButtonOptions\n * @see {@link https://developers.google.com/pay/api/web/reference/object#ButtonOptions ButtonOptions}\n */\n\n/** @typedef {(object|boolean)} venmoCreateOptions The configuration options for Venmo. If `true` is passed instead of a configuration object, the default settings listed will be used.\n *\n * @param {boolean} [allowNewBrowserTab=true] If false, it restricts supported browsers to those that can app switch to the Venmo app without opening a new tab.\n */\n\n/**\n * @static\n * @function create\n * @description This function is the entry point for `braintree.dropin`. It is used for creating {@link Dropin} instances.\n * @param {object} options Object containing all {@link Dropin} options:\n * @param {string} options.authorization A [tokenization key](https://developer.paypal.com/braintree/docs/guides/authorization/tokenization-key/javascript/v3) or a [client token](https://developer.paypal.com/braintree/docs/guides/authorization/client-token). If authorization is a client token created with a [customer ID](https://developer.paypal.com/braintree/docs/guides/drop-in/customization/javascript/v3#display-a-saved-payment-method), Drop-in will render saved payment methods and automatically store any newly-added payment methods in their Vault record.\n * @param {(string|HTMLElement)} options.container A reference to an empty element, such as a ``, where Drop-in will be included on your page or the selector for the empty element. e.g. `#dropin-container`.\n * @param {string} options.selector Deprecated: Now an alias for `options.container`.\n * @param {string} [options.locale=`en_US`] Use this option to change the language, links, and terminology used throughout Drop-in. Supported locales include:\n * `ar_EG`,\n * `cs_CZ`,\n * `da_DK`,\n * `de_DE`,\n * `el_GR`,\n * `en_AU`,\n * `en_GB`,\n * `en_IN`,\n * `en_US`,\n * `es_ES`,\n * `es_XC`,\n * `fi_FI`,\n * `fr_CA`,\n * `fr_FR`,\n * `fr_XC`,\n * `he_IL`,\n * `hu_HU`,\n * `id_ID`,\n * `it_IT`,\n * `ja_JP`,\n * `ko_KR`,\n * `nl_NL`,\n * `no_NO`,\n * `pl_PL`,\n * `pt_BR`,\n * `pt_PT`,\n * `ru_RU`,\n * `sk_SK`,\n * `sv_SE`,\n * `th_TH`,\n * `zh_CN`,\n * `zh_HK`,\n * `zh_TW`,\n * `zh_XC`.\n *\n * @param {object} [options.translations] To use your own translations, pass an object with the strings you wish to replace. This object must use the same structure as the object used internally for supported translations, which can be found [here](https://github.com/braintree/braintree-web-drop-in/blob/main/src/translations/en_US.js). Any strings that are not included will be those from the provided `locale` or `en_US` if no `locale` is provided. See below for an example of creating Drop-in with custom translations.\n * @param {array} [options.paymentOptionPriority] Use this option to indicate the order in which enabled payment options should appear when multiple payment options are enabled. By default, payment options will appear in this order: `['card', 'paypal', 'paypalCredit', 'venmo', 'applePay', 'googlePay']`. Payment options omitted from this array will not be offered to the customer.\n *\n * @param {(boolean|object)} [options.card] The configuration options for cards. See [`cardCreateOptions`](#~cardCreateOptions) for all `card` options. If this option is omitted, cards will still appear as a payment option. To remove cards, pass `false` for the value.\n * @param {object} [options.paypal] The configuration options for PayPal. To include a PayPal option in your Drop-in integration, include the `paypal` parameter and [enable PayPal in the Braintree Control Panel](https://developer.paypal.com/braintree/docs/guides/paypal/testing-go-live#go-live). To test in Sandbox, you will need to [link a PayPal sandbox test account to your Braintree sandbox account](https://developer.paypal.com/braintree/docs/guides/paypal/testing-go-live#linked-paypal-testing).\n *\n * Some of the PayPal configuration options are listed [here](#~paypalCreateOptions), but for a full list see the [PayPal Checkout client reference options](http://braintree.github.io/braintree-web/3.88.3/PayPalCheckout.html#createPayment).\n *\n * PayPal is not [supported in Internet Explorer versions lower than 11](https://developer.paypal.com/docs/archive/checkout/reference/faq/#link-whichbrowsersdoespaypalcheckoutsupport).\n *\n * @param {object} [options.paypalCredit] The configuration options for PayPal Credit. To include a PayPal Credit option in your Drop-in integration, include the `paypalCredit` parameter and [enable PayPal in the Braintree Control Panel](https://developer.paypal.com/braintree/docs/guides/paypal/testing-go-live#go-live).\n *\n * Some of the PayPal Credit configuration options are listed [here](#~paypalCreateOptions), but for a full list see the [PayPal Checkout client reference options](http://braintree.github.io/braintree-web/3.88.3/PayPalCheckout.html#createPayment). For more information on PayPal Credit, see the [Braintree Developer Docs](https://developer.paypal.com/braintree/docs/guides/paypal/paypal-credit/javascript/v3).\n *\n * PayPal Credit is not [supported in Internet Explorer versions lower than 11](https://developer.paypal.com/docs/archive/checkout/reference/faq/#link-whichbrowsersdoespaypalcheckoutsupport).\n *\n * @param {(object|boolean)} [options.venmo] The configuration options for Pay with Venmo. To include a Venmo option in your Drop-in integration, include the `venmo` parameter and [follow the documentation for setting up Venmo in the Braintree control panel](https://articles.braintreepayments.com/guides/payment-methods/venmo#setup). If a user's browser does not support Venmo, the Venmo option will not be rendered.\n *\n * See [`venmoCreateOptions`](#~venmoCreateOptions) for `venmo` options.\n *\n * @param {object} [options.applePay] The configuration options for Apple Pay. To include an Apple Pay option in your Drop-in integration, include the `applePay` parameter and [enable Apple Pay in the Braintree Control Panel](https://developer.paypal.com/braintree/docs/guides/apple-pay/configuration/javascript/v3). If a user's browser does not support Apple Pay, the Apple Pay option will not be rendered. See [Apple's documentation](https://support.apple.com/en-us/HT201469) for browser and device support.\n *\n * See [`applePayCreateOptions`](#~applePayCreateOptions) for `applePay` options.\n *\n * @param {object} [options.googlePay] The configuration options for Google Pay. To include a Google Pay option in your Drop-in integration, include the `googlePay` parameter and [enable Google Pay in the Braintree Control Panel](https://developer.paypal.com/braintree/docs/guides/google-pay/configuration/javascript/v3). If a user's browser does not support Google Pay, the Google Pay option will not be rendered. See [Google's documentation](https://developers.google.com/pay/api/web/test-and-deploy) for browser and device support.\n *\n * See [`googlePayCreateOptions`](#~googlePayCreateOptions) for `googlePay` options.\n *\n * @param {object|boolean} [options.dataCollector] If `true` is passed, Drop-in will be configured to collect data for use with Advanced Fraud Protection. If collecting data via Kount, pass a [`dataCollectorOptions` object](#~dataCollectorOptions) with `kount: true` instead. If Data Collector is configured and fails to load, Drop-in creation will fail.\n *\n * @param {(boolean|object)} [options.threeDSecure] When `true` is passed, the 3D Secure module will be created with a default configuration. See [`threeDSecureOptions`](#~threeDSecureOptions) for additional create options. If 3D Secure is configured and fails to load, Drop-in creation will fail.\n *\n * @param {boolean} [options.vaultManager=false] Whether or not to allow a customer to delete saved payment methods when used with a [client token with a customer id](https://developer.paypal.com/braintree/docs/reference/request/client-token/generate#customer_id). *Note:* Deleting a payment method from Drop-in will permanently delete the payment method, so this option is not recommended for merchants using Braintree's recurring billing system. This feature is not supported in Internet Explorer 9.\n *\n * @param {boolean} [options.preselectVaultedPaymentMethod=true] Whether or not to initialize Drop-in with a vaulted payment method pre-selected. Only applicable when using a [client token with a customer id](https://developer.paypal.com/braintree/docs/reference/request/client-token/generate#customer_id) and a customer with saved payment methods.\n *\n * @param {boolean} [options.showDefaultPaymentMethodFirst=true] When `true` or left out, the customer's default payment method will be displayed first in the list of vaulted payment methods. When `false`, the order of the displayed payment methods is not guaranteed. Only applicable when using a [client token with a customer id](https://developer.paypal.com/braintree/docs/reference/request/client-token/generate#customer_id) and a customer with saved payment methods.\n *\n * @param {function} [callback] The second argument, `data`, is the {@link Dropin} instance. Returns a promise if no callback is provided.\n * @returns {(void|Promise)} Returns a promise if no callback is provided.\n * @example\n *
A full example of accepting credit cards with callback API \n * \n * \n * \n *
\n *
Checkout \n * \n * \n *
\n *
Purchase \n *\n * \n *\n * \n * \n * \n * @example\n *
A full example of accepting credit cards with promise API \n * \n * \n * \n *
\n *
Checkout \n * \n * \n *
\n *
Purchase \n *\n * \n *\n * \n * \n * \n * @example\n *
Setting up a Drop-in instance to accept credit cards, PayPal, PayPal Credit, Venmo, and Apple Pay \n * braintree.dropin.create({\n * authorization: 'CLIENT_AUTHORIZATION',\n * container: '#dropin-container',\n * applePay: {\n * displayName: 'Merchant Name',\n * paymentRequest: {\n * total: {\n * label: 'Localized Name',\n * amount: '10.00'\n * }\n * }\n * },\n * paypal: {\n * flow: 'checkout',\n * amount: '10.00',\n * currency: 'USD'\n * },\n * paypalCredit: {\n * flow: 'checkout',\n * amount: '10.00',\n * currency: 'USD'\n * },\n * venmo: true\n * }, function (err, dropinInstance) {\n * // Set up a handler to request a payment method and\n * // submit the payment method nonce to your server\n * });\n * @example\n *
Setting up a Drop-in instance to accept Venmo with restricted browser support \n * braintree.dropin.create({\n * authorization: 'CLIENT_AUTHORIZATION',\n * container: '#dropin-container',\n * venmo: {\n * allowNewBrowserTab: false\n * }\n * }, function (err, dropinInstance) {\n * // Set up a handler to request a payment method and\n * // submit the payment method nonce to your server\n * });\n *\n * @example\n *
Submitting the payment method nonce to the server using a form \n * \n * \n * \n *
\n *
Checkout \n * \n * \n *
\n *\n * \n *\n * \n * \n * \n *\n * @example\n *
Use your own translations \n * braintree.dropin.create({\n * authorization: 'CLIENT_AUTHORIZATION',\n * container: '#dropin-container',\n * translations: {\n * payingWith: 'You are paying with {{paymentSource}}',\n * chooseAnotherWayToPay: 'My custom chooseAnotherWayToPay string',\n * // Any other custom translation strings\n * }\n * }, callback);\n *\n * @example\n *
Customizing Drop-in with card form overrides \n * braintree.dropin.create({\n * authorization: 'CLIENT_AUTHORIZATION',\n * container: '#dropin-container',\n * card: {\n * overrides: {\n * fields: {\n * number: {\n * placeholder: '1111 1111 1111 1111' // Update the number field placeholder\n * },\n * postalCode: {\n * minlength: 5 // Set the minimum length of the postal code field\n * },\n * cvv: null // Remove the CVV field from your form\n * },\n * styles: {\n * input: {\n * 'font-size': '18px' // Change the font size for all inputs\n * },\n * ':focus': {\n * color: 'red' // Change the focus color to red for all inputs\n * }\n * }\n * }\n * }\n * }, callback);\n *\n * @example\n *
Mask Card Inputs \n * braintree.dropin.create({\n * authorization: 'CLIENT_AUTHORIZATION',\n * container: '#dropin-container',\n * card: {\n * overrides: {\n * fields: {\n * number: {\n * maskInput: {\n * showLastFour: true\n * }\n * },\n * cvv: {\n * maskInput: true\n * }\n * }\n * }\n * }\n * }, callback);\n *\n * @example\n *
Including a cardholder name field \n * braintree.dropin.create({\n * authorization: 'CLIENT_AUTHORIZATION',\n * container: '#dropin-container',\n * card: {\n * cardholderName: true\n * }\n * }, callback);\n *\n * @example\n *
Including a required cardholder name field \n * braintree.dropin.create({\n * authorization: 'CLIENT_AUTHORIZATION',\n * container: '#dropin-container',\n * card: {\n * cardholderName: {\n * required: true\n * }\n * }\n * }, callback);\n *\n * @example\n *
Enabling 3D Secure \n * braintree.dropin.create({\n * authorization: 'CLIENT_AUTHORIZATION',\n * container: '#dropin-container',\n * threeDSecure: true\n * }, function (err, dropinInstance) {\n * // setup payment button\n * btn.addEventListener('click', function (e) {\n * e.preventDefault();\n *\n * dropinInstance.requestPaymentMethod(|\n * threeDSecure: {\n * amount: '100.00',\n * billingAddress: {\n * givenName: 'Jill', // ASCII-printable characters required, else will throw a validation error\n * surname: 'Doe', // ASCII-printable characters required, else will throw a validation error\n * phoneNumber: '8101234567',\n * streetAddress: '555 Smith St.',\n * extendedAddress: '#5',\n * locality: 'Oakland',\n * region: 'CA',\n * postalCode: '12345',\n * countryCodeAlpha2: 'US'\n * },\n * // additional 3ds params\n * }\n * }, function (err, payload) {\n * // inspect payload.liablityShifted\n * // send payload.nonce to server\n * });\n * });\n * });\n *\n * @example\n *
Enabled Vault Manager \n * braintree.dropin.create({\n * authorization: 'CLIENT_AUTHORIZATION',\n * container: '#dropin-container',\n * vaultManager: true\n * }, callback);\n */\n\nfunction create(options) {\n if (!options.authorization) {\n return Promise.reject(new DropinError('options.authorization is required.'));\n }\n\n return client.create({\n authorization: options.authorization\n }).catch(function (err) {\n return Promise.reject(new DropinError({\n message: 'There was an error creating Drop-in.',\n braintreeWebError: err\n }));\n }).then(function (clientInstance) {\n clientInstance = setAnalyticsIntegration(clientInstance);\n\n if (clientInstance.getConfiguration().authorizationType === 'TOKENIZATION_KEY') {\n analytics.sendEvent(clientInstance, 'started.tokenization-key');\n } else {\n analytics.sendEvent(clientInstance, 'started.client-token');\n }\n\n return new Promise(function (resolve, reject) {\n new Dropin({\n merchantConfiguration: options,\n client: clientInstance\n })._initialize(function (err, instance) {\n if (err) {\n reject(err);\n\n return;\n }\n\n resolve(instance);\n });\n });\n });\n}\n\nfunction setAnalyticsIntegration(clientInstance) {\n var configuration = clientInstance.getConfiguration();\n\n configuration.analyticsMetadata.integration = constants.INTEGRATION;\n configuration.analyticsMetadata.integrationType = constants.INTEGRATION;\n configuration.analyticsMetadata.dropinVersion = VERSION;\n\n clientInstance.getConfiguration = function () {\n return configuration;\n };\n\n return clientInstance;\n}\n\n// we check for document's existence to support server side rendering\ncreateFromScriptTag(create, typeof document !== 'undefined' && document.querySelector('script[data-braintree-dropin-authorization]'));\n\nmodule.exports = {\n create: wrapPromise(create),\n /**\n * @description The current version of Drop-in, i.e. `1.33.7`.\n * @type {string}\n */\n VERSION: VERSION\n};\n\n},{\"./constants\":196,\"./dropin\":198,\"./lib/analytics\":201,\"./lib/create-from-script-tag\":204,\"./lib/dropin-error\":206,\"./lib/promise\":213,\"@braintree/wrap-promise\":51,\"braintree-web/client\":60}],200:[function(require,module,exports){\n'use strict';\n\nfunction addSelectionEventHandler(element, func) {\n element.addEventListener('click', func);\n element.addEventListener('keyup', function (event) {\n if (event.keyCode === 13) {\n func();\n }\n });\n}\n\nmodule.exports = addSelectionEventHandler;\n\n},{}],201:[function(require,module,exports){\n'use strict';\n\nvar atob = require('./polyfill').atob;\nvar constants = require('../constants');\nvar braintreeClientVersion = require('braintree-web/client').VERSION;\n\nfunction _millisToSeconds(millis) {\n return Math.floor(millis / 1000);\n}\n\nfunction sendAnalyticsEvent(client, kind, callback) {\n var configuration = client.getConfiguration();\n var analyticsRequest = client._request;\n var timestamp = _millisToSeconds(Date.now());\n var url = configuration.gatewayConfiguration.analytics.url;\n var data = {\n analytics: [{\n kind: constants.ANALYTICS_PREFIX + kind,\n timestamp: timestamp\n }],\n _meta: configuration.analyticsMetadata,\n braintreeLibraryVersion: braintreeClientVersion\n };\n\n if (configuration.authorizationType === 'TOKENIZATION_KEY') {\n data.tokenizationKey = configuration.authorization;\n } else {\n data.authorizationFingerprint = JSON.parse(atob(configuration.authorization)).authorizationFingerprint;\n }\n\n analyticsRequest({\n url: url,\n method: 'post',\n data: data,\n timeout: constants.ANALYTICS_REQUEST_TIMEOUT_MS\n }, callback);\n}\n\nmodule.exports = {\n sendEvent: sendAnalyticsEvent\n};\n\n},{\"../constants\":196,\"./polyfill\":212,\"braintree-web/client\":60}],202:[function(require,module,exports){\n'use strict';\n\nvar assignNormalized = typeof Object.assign === 'function' ? Object.assign : assignPolyfill;\n\nfunction assignPolyfill(destination) {\n var i, source, key;\n\n for (i = 1; i < arguments.length; i++) {\n source = arguments[i];\n for (key in source) {\n if (source.hasOwnProperty(key)) {\n destination[key] = source[key];\n }\n }\n }\n\n return destination;\n}\n\nmodule.exports = {\n assign: assignNormalized,\n _assign: assignPolyfill\n};\n\n},{}],203:[function(require,module,exports){\n'use strict';\n\nvar isIe9 = require('@braintree/browser-detection/is-ie9');\nvar isIe10 = require('@braintree/browser-detection/is-ie10');\n\nmodule.exports = {\n isIe9: isIe9,\n isIe10: isIe10\n};\n\n},{\"@braintree/browser-detection/is-ie10\":32,\"@braintree/browser-detection/is-ie9\":33}],204:[function(require,module,exports){\n'use strict';\n\nvar analytics = require('./analytics');\nvar find = require('./find-parent-form');\nvar uuid = require('@braintree/uuid');\nvar DropinError = require('./dropin-error');\nvar kebabCaseToCamelCase = require('./kebab-case-to-camel-case');\nvar WHITELISTED_DATA_ATTRIBUTES = [\n 'locale',\n 'payment-option-priority',\n\n 'data-collector.kount',\n 'data-collector.paypal',\n\n // camelcase version was accidentally used initially.\n // we add the kebab case version to match the docs, but\n // we retain the camelcase version for backwards compatibility\n 'card.cardholderName',\n 'card.cardholderName.required',\n 'card.cardholder-name',\n 'card.cardholder-name.required',\n\n 'paypal.amount',\n 'paypal.currency',\n 'paypal.flow',\n 'paypal.landing-page-type',\n\n 'paypal-credit.amount',\n 'paypal-credit.currency',\n 'paypal-credit.flow',\n 'paypal-credit.landing-page-type'\n];\n\nfunction injectHiddenInput(name, value, form) {\n var input = form.querySelector('[name=\"' + name + '\"]');\n\n if (!input) {\n input = document.createElement('input');\n input.type = 'hidden';\n input.name = name;\n form.appendChild(input);\n }\n\n input.value = value;\n}\n\nfunction addCompositeKeyValuePairToObject(obj, key, value) {\n var decomposedKeys = key.split('.');\n var topLevelKey = kebabCaseToCamelCase(decomposedKeys[0]);\n\n if (decomposedKeys.length === 1) {\n obj[topLevelKey] = deserialize(value);\n } else {\n obj[topLevelKey] = obj[topLevelKey] || {};\n addCompositeKeyValuePairToObject(obj[topLevelKey], decomposedKeys.slice(1).join('.'), value);\n }\n}\n\nfunction deserialize(value) {\n try {\n return JSON.parse(value);\n } catch (e) {\n return value;\n }\n}\n\nfunction createFromScriptTag(createFunction, scriptTag) {\n var authorization, container, createOptions, form;\n\n if (!scriptTag) {\n return;\n }\n\n authorization = scriptTag.getAttribute('data-braintree-dropin-authorization');\n\n if (!authorization) {\n throw new DropinError('Authorization not found in data-braintree-dropin-authorization attribute');\n }\n\n container = document.createElement('div');\n container.id = 'braintree-dropin-' + uuid();\n\n form = find.findParentForm(scriptTag);\n\n if (!form) {\n throw new DropinError('No form found for script tag integration.');\n }\n\n form.addEventListener('submit', function (event) {\n event.preventDefault();\n });\n\n scriptTag.parentNode.insertBefore(container, scriptTag);\n\n createOptions = {\n authorization: authorization,\n container: container\n };\n\n WHITELISTED_DATA_ATTRIBUTES.forEach(function (compositeKey) {\n var value = scriptTag.getAttribute('data-' + compositeKey);\n\n if (value == null) {\n return;\n }\n\n addCompositeKeyValuePairToObject(createOptions, compositeKey, value);\n });\n\n createFunction(createOptions).then(function (instance) {\n analytics.sendEvent(instance._client, 'integration-type.script-tag');\n form.addEventListener('submit', function () {\n instance.requestPaymentMethod(function (requestPaymentError, payload) {\n if (requestPaymentError) {\n return;\n }\n\n injectHiddenInput('payment_method_nonce', payload.nonce, form);\n\n if (payload.deviceData) {\n injectHiddenInput('device_data', payload.deviceData, form);\n }\n\n form.submit();\n });\n });\n });\n}\n\nmodule.exports = createFromScriptTag;\n\n},{\"./analytics\":201,\"./dropin-error\":206,\"./find-parent-form\":207,\"./kebab-case-to-camel-case\":211,\"@braintree/uuid\":47}],205:[function(require,module,exports){\n(function (global){(function (){\n'use strict';\n\nvar constants = require('../constants');\nvar analytics = require('./analytics');\nvar assets = require('@braintree/asset-loader');\nvar Promise = require('./promise');\n\nfunction DataCollector(config) {\n this._config = config;\n}\n\nDataCollector.prototype.initialize = function () {\n var self = this;\n\n return Promise.resolve().then(function () {\n var braintreeWebVersion;\n\n if (global.braintree && global.braintree.dataCollector) {\n return Promise.resolve();\n }\n\n braintreeWebVersion = self._config.client.getVersion();\n\n return assets.loadScript({\n src: 'https://js.braintreegateway.com/web/' + braintreeWebVersion + '/js/data-collector.min.js',\n id: constants.DATA_COLLECTOR_SCRIPT_ID\n });\n }).then(function () {\n return global.braintree.dataCollector.create(self._config);\n }).then(function (instance) {\n self._instance = instance;\n }).catch(function (err) {\n analytics.sendEvent(self._config.client, 'data-collector.setup-failed');\n // log the Data Collector setup error\n // but do not prevent Drop-in from loading\n self.log(err);\n });\n};\n\nDataCollector.prototype.log = function (message) {\n console.log(message); // eslint-disable-line no-console\n};\n\nDataCollector.prototype.getDeviceData = function () {\n if (!this._instance) {\n return '';\n }\n\n return this._instance.deviceData;\n};\n\nDataCollector.prototype.teardown = function () {\n if (!this._instance) {\n return Promise.resolve();\n }\n\n return this._instance.teardown();\n};\n\nmodule.exports = DataCollector;\n\n}).call(this)}).call(this,typeof global !== \"undefined\" ? global : typeof self !== \"undefined\" ? self : typeof window !== \"undefined\" ? window : {})\n},{\"../constants\":196,\"./analytics\":201,\"./promise\":213,\"@braintree/asset-loader\":1}],206:[function(require,module,exports){\n'use strict';\n\nfunction isBraintreeWebError(err) {\n return err.name === 'BraintreeError';\n}\n\nfunction DropinError(err) {\n this.name = 'DropinError';\n\n if (typeof err === 'string') {\n this.message = err;\n } else {\n this.message = err.message;\n }\n\n if (isBraintreeWebError(err)) {\n this._braintreeWebError = err;\n } else {\n this._braintreeWebError = err.braintreeWebError;\n }\n}\n\nDropinError.prototype = Object.create(Error.prototype);\nDropinError.prototype.constructor = DropinError;\n\nmodule.exports = DropinError;\n\n},{}],207:[function(require,module,exports){\n'use strict';\n\nfunction findParentForm(element) {\n var parentNode = element.parentNode;\n\n if (!parentNode || parentNode.nodeName === 'FORM') {\n return parentNode;\n }\n\n return findParentForm(parentNode);\n}\n\nmodule.exports = {\n findParentForm: findParentForm\n};\n\n},{}],208:[function(require,module,exports){\n'use strict';\n\nvar atob = require('./polyfill').atob;\n\nmodule.exports = function (client) {\n var authorizationFingerprint;\n var configuration = client.getConfiguration();\n\n if (configuration.authorizationType !== 'TOKENIZATION_KEY') {\n authorizationFingerprint = JSON.parse(atob(configuration.authorization)).authorizationFingerprint;\n\n return !authorizationFingerprint || authorizationFingerprint.indexOf('customer_id=') === -1;\n }\n\n return true;\n};\n\n},{\"./polyfill\":212}],209:[function(require,module,exports){\n(function (global){(function (){\n'use strict';\n\nfunction isHTTPS() {\n return global.location.protocol === 'https:';\n}\n\nmodule.exports = {\n isHTTPS: isHTTPS\n};\n\n}).call(this)}).call(this,typeof global !== \"undefined\" ? global : typeof self !== \"undefined\" ? self : typeof window !== \"undefined\" ? window : {})\n},{}],210:[function(require,module,exports){\n(function (global){(function (){\n'use strict';\n\nmodule.exports = function (win) {\n win = win || global;\n\n return Boolean(win.document.characterSet && win.document.characterSet.toLowerCase() === 'utf-8');\n};\n\n}).call(this)}).call(this,typeof global !== \"undefined\" ? global : typeof self !== \"undefined\" ? self : typeof window !== \"undefined\" ? window : {})\n},{}],211:[function(require,module,exports){\n'use strict';\n\nfunction kebabCaseToCamelCase(kebab) {\n var parts = kebab.split('-');\n var first = parts.shift();\n var capitalizedParts = parts.map(function (part) {\n return part.charAt(0).toUpperCase() + part.substring(1);\n });\n\n return [first].concat(capitalizedParts).join('');\n}\n\nmodule.exports = kebabCaseToCamelCase;\n\n},{}],212:[function(require,module,exports){\n(function (global){(function (){\n'use strict';\n/* eslint-disable no-mixed-operators */\n\nvar atobNormalized = typeof global.atob === 'function' ? global.atob : atob;\n\nfunction atob(base64String) {\n var a, b, c, b1, b2, b3, b4, i;\n var base64Matcher = new RegExp('^(?:[A-Za-z0-9+/]{4})*(?:[A-Za-z0-9+/]{2}==|[A-Za-z0-9+/]{3}=|[A-Za-z0-9+/]{4})([=]{1,2})?$');\n var characters = 'ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/=';\n var result = '';\n\n if (!base64Matcher.test(base64String)) {\n throw new Error('Non base64 encoded input passed to window.atob polyfill');\n }\n\n i = 0;\n do {\n b1 = characters.indexOf(base64String.charAt(i++));\n b2 = characters.indexOf(base64String.charAt(i++));\n b3 = characters.indexOf(base64String.charAt(i++));\n b4 = characters.indexOf(base64String.charAt(i++));\n\n a = (b1 & 0x3F) << 2 | b2 >> 4 & 0x3;\n b = (b2 & 0xF) << 4 | b3 >> 2 & 0xF;\n c = (b3 & 0x3) << 6 | b4 & 0x3F;\n\n result += String.fromCharCode(a) + (b ? String.fromCharCode(b) : '') + (c ? String.fromCharCode(c) : '');\n } while (i < base64String.length);\n\n return result;\n}\n\nmodule.exports = {\n atob: function (base64String) {\n return atobNormalized.call(global, base64String);\n },\n _atob: atob\n};\n\n}).call(this)}).call(this,typeof global !== \"undefined\" ? global : typeof self !== \"undefined\" ? self : typeof window !== \"undefined\" ? window : {})\n},{}],213:[function(require,module,exports){\n(function (global){(function (){\n'use strict';\n\nvar Promise = global.Promise || require('promise-polyfill');\n\nmodule.exports = Promise;\n\n}).call(this)}).call(this,typeof global !== \"undefined\" ? global : typeof self !== \"undefined\" ? self : typeof window !== \"undefined\" ? window : {})\n},{\"promise-polyfill\":191}],214:[function(require,module,exports){\n'use strict';\n\nmodule.exports = function (string) {\n if (typeof string !== 'string') {\n return '';\n }\n\n return string\n .replace(//g, '>');\n};\n\n},{}],215:[function(require,module,exports){\n'use strict';\n\nmodule.exports = function () {\n var el = document.createElement('div');\n var prop = 'flex-basis: 1px';\n var prefixes = [\n '-webkit-',\n '-moz-',\n '-ms-',\n '-o-',\n ''\n ];\n\n prefixes.forEach(function (prefix) {\n el.style.cssText += prefix + prop;\n });\n\n return Boolean(el.style.length);\n};\n\n},{}],216:[function(require,module,exports){\n'use strict';\n\nvar assign = require('./assign').assign;\nvar threeDSecure = require('braintree-web/three-d-secure');\n\nvar DEFAULT_ACS_WINDOW_SIZE = '03';\nvar PASSTHROUGH_EVENTS = [\n 'customer-canceled',\n 'authentication-modal-render',\n 'authentication-modal-close'\n];\n\nfunction ThreeDSecure(client, model) {\n this._client = client;\n this._model = model;\n this._config = assign({}, model.merchantConfiguration.threeDSecure);\n}\n\nThreeDSecure.prototype.initialize = function () {\n var self = this;\n var options = {\n client: this._client,\n version: 2\n };\n\n if (this._config.cardinalSDKConfig) {\n options.cardinalSDKConfig = this._config.cardinalSDKConfig;\n }\n\n return threeDSecure.create(options).then(function (instance) {\n self._instance = instance;\n\n PASSTHROUGH_EVENTS.forEach(function (eventName) {\n self._instance.on(eventName, function (event) {\n self._model._emit('3ds:' + eventName, event);\n });\n });\n });\n};\n\nThreeDSecure.prototype.verify = function (payload, merchantProvidedData) {\n var verifyOptions = assign({\n amount: this._config.amount\n }, merchantProvidedData, {\n nonce: payload.nonce,\n bin: payload.details.bin,\n // TODO in the future, we will allow\n // merchants to pass in a custom\n // onLookupComplete hook\n onLookupComplete: function (data, next) {\n next();\n }\n });\n\n verifyOptions.additionalInformation = verifyOptions.additionalInformation || {};\n verifyOptions.additionalInformation.acsWindowSize = verifyOptions.additionalInformation.acsWindowSize || DEFAULT_ACS_WINDOW_SIZE;\n\n return this._instance.verifyCard(verifyOptions);\n};\n\nThreeDSecure.prototype.updateConfiguration = function (key, value) {\n this._config[key] = value;\n};\n\nThreeDSecure.prototype.teardown = function () {\n return this._instance.teardown();\n};\n\nmodule.exports = ThreeDSecure;\n\n},{\"./assign\":202,\"braintree-web/three-d-secure\":149}],217:[function(require,module,exports){\n'use strict';\n\nvar browserDetection = require('./browser-detection');\n\nfunction isHidden(element) {\n if (!element) { // no parentNode, so nothing containing the element is hidden\n return false;\n }\n\n if (element.style.display === 'none') {\n return true;\n }\n\n return isHidden(element.parentNode);\n}\n\nfunction onTransitionEnd(element, propertyName, callback) {\n if (browserDetection.isIe9() || isHidden(element)) {\n callback();\n\n return;\n }\n\n function transitionEventListener(event) {\n if (event.propertyName === propertyName) {\n element.removeEventListener('transitionend', transitionEventListener);\n callback();\n }\n }\n\n element.addEventListener('transitionend', transitionEventListener);\n}\n\nmodule.exports = {\n onTransitionEnd: onTransitionEnd\n};\n\n},{\"./browser-detection\":203}],218:[function(require,module,exports){\n'use strict';\n\nvar Promise = require('./promise');\n\nfunction delay(time) {\n time = time || 0;\n\n return new Promise(function (resolve) {\n window.setTimeout(resolve, time);\n });\n}\n\nmodule.exports = {\n delay: delay\n};\n\n},{\"./promise\":213}],219:[function(require,module,exports){\n'use strict';\n\nmodule.exports = {\n \"payingWith\" : \"الدفع بواسطة {{paymentSource}}\",\n \"chooseAnotherWayToPay\" : \"اختر طريقة دفع أخرى\",\n \"chooseAWayToPay\" : \"اختر طريقة الدفع\",\n \"otherWaysToPay\" : \"طرق أخرى للدفع\",\n \"edit\" : \"تحرير\",\n \"doneEditing\" : \"تم\",\n \"editPaymentMethods\" : \"تحرير طرق الدفع\",\n \"CreditCardDeleteConfirmationMessage\" : \"هل تريد حذف بطاقة {{secondaryIdentifier}} التي تنتهي بالأرقام {{identifier}}؟\",\n \"PayPalAccountDeleteConfirmationMessage\" : \"هل تريد حذف {{identifier}}الحساب PayPal؟\",\n \"VenmoAccountDeleteConfirmationMessage\" : \"هل تريد فعلاً حذف حساب Venmo الذي يحمل اسم المستخدم {{identifier}}؟\",\n \"genericDeleteConfirmationMessage\" : \"هل تريد بالفعل حذف طريقة الدفع؟\",\n \"deleteCancelButton\" : \"إلغاء\",\n \"deleteConfirmationButton\" : \"حذف\",\n \"fieldEmptyForCvv\" : \"يرجى إدخال رمز حماية البطاقة.\",\n \"fieldEmptyForExpirationDate\" : \"يرجى إدخال تاريخ انتهاء الصلاحية.\",\n \"fieldEmptyForCardholderName\" : \"يرجى إدخال اسم صاحب البطاقة.\",\n \"fieldTooLongForCardholderName\" : \"يجب أن يقل اسم صاحب البطاقة عن 256 حرفاً.\",\n \"fieldEmptyForNumber\" : \"يرجى إدخال رقم.\",\n \"fieldEmptyForPostalCode\" : \"يرجى إدخال الرمز البريدي.\",\n \"fieldInvalidForCardholderName\" : \"اسم حامل البطاقة غير صحيح.\",\n \"fieldInvalidForCvv\" : \"رمز الحماية غير صحيح.\",\n \"fieldInvalidForExpirationDate\" : \"تاريخ انتهاء الصلاحية غير صحيح.\",\n \"fieldInvalidForNumber\" : \"رقم البطاقة غير صحيح.\",\n \"fieldInvalidForPostalCode\" : \"الرمز البريدي غير صحيح.\",\n \"genericError\" : \"حدث خطأ ما من جانبنا.\",\n \"hostedFieldsTokenizationFailOnDuplicateError\" : \"هذه البطاقة الائتمانية محفوظة كطريقة دفع حالياً.\",\n \"hostedFieldsFailedTokenizationError\" : \"يرجى مراجعة معلوماتك وإعادة المحاولة.\",\n \"hostedFieldsFieldsInvalidError\" : \"يرجى مراجعة معلوماتك وإعادة المحاولة.\",\n \"hostedFieldsTokenizationNetworkErrorError\" : \"خطأ في الشبكة. يرجى المحاولة مجدداً.\",\n \"hostedFieldsTokenizationCvvVerificationFailedError\" : \"فشلت مصادقة بطاقة الائتمان. يرجى مراجعة معلوماتك وإعادة المحاولة.\",\n \"paypalButtonMustBeUsed\" : \"استخدم زر PayPal لاستئناف الدفع.\",\n \"paypalAccountTokenizationFailedError\" : \"وقع خطأ أثناء إضافة حساب PayPal. يرجى إعادة المحاولة.\",\n \"paypalFlowFailedError\" : \"وقع خطأ أثناء الاتصال بـ PayPal. يرجى إعادة المحاولة.\",\n \"paypalTokenizationRequestActiveError\" : \"تفويض الدفع عبر PayPal قيد التنفيذ.\",\n \"venmoCanceledError\" : \"وقع خطأ. تأكد أن أحدث إصدار من تطبيق Venmo مثبت في جهازك وأن متصفحك يدعم التبديل إلى Venmo.\",\n \"vaultManagerPaymentMethodDeletionError\" : \"فشل حذف طريقة الدفع. أعد المحاولة.\",\n \"venmoAppFailedError\" : \"تطبيق Venmo غير موجود في جهازك.\",\n \"unsupportedCardTypeError\" : \"نوع البطاقة غير مدعوم. يرجى تجربة بطاقة أخرى.\",\n \"applePayTokenizationError\" : \"وقع خطأ في الشبكة أثناء معالجة الدفع عبر Apple Pay. يرجى إعادة المحاولة.\",\n \"applePayActiveCardError\" : \"إضافة بطاقة مدعومة إلى محفظة Apple Pay.\",\n \"cardholderNameLabel\" : \"اسم صاحب البطاقة\",\n \"cardNumberLabel\" : \"رقم البطاقة\",\n \"cvvLabel\" : \"رمز CVV\",\n \"cvvThreeDigitLabelSubheading\" : \"(3 أرقام)\",\n \"cvvFourDigitLabelSubheading\" : \"(4 أرقام)\",\n \"cardholderNamePlaceholder\" : \"اسم صاحب البطاقة\",\n \"expirationDateLabel\" : \"تاريخ انتهاء الصلاحية\",\n \"expirationDateLabelSubheading\" : \"(MM/YY)\",\n \"expirationDatePlaceholder\" : \"الشهر/ السنة\",\n \"postalCodeLabel\" : \"الرمز البريدي\",\n \"saveCardLabel\" : \"حفظ البطاقة\",\n \"payWithCard\" : \"الدفع ببطاقة سحب أو ائتمان\",\n \"endingIn\" : \"تنتهي بتاريخ {{lastFourCardDigits}}\",\n \"Apple Pay\" : \"Apple Pay\",\n \"Venmo\" : \"Venmo\",\n \"Card\" : \"البطاقة\",\n \"PayPal\" : \"PayPal\",\n \"PayPal Credit\" : \"PayPal Credit\",\n \"Google Pay\" : \"Google Pay\",\n \"American Express\" : \"American Express\",\n \"Discover\" : \"Discover\",\n \"Diners Club\" : \"Diners Club\",\n \"Elo\" : \"Elo\",\n \"Hiper\" : \"Hiper\",\n \"Hipercard\" : \"Hipercard\",\n \"MasterCard\" : \"Mastercard\",\n \"Visa\" : \"Visa\",\n \"JCB\" : \"JCB\",\n \"Maestro\" : \"Maestro\",\n \"UnionPay\" : \"UnionPay\"\n}\n;\n\n},{}],220:[function(require,module,exports){\n'use strict';\n\nmodule.exports = {\n \"payingWith\" : \"Forma úhrady: {{paymentSource}}\",\n \"chooseAnotherWayToPay\" : \"Vybrat jiný způsob platby\",\n \"chooseAWayToPay\" : \"Vybrat způsob platby\",\n \"otherWaysToPay\" : \"Jiné způsoby platby\",\n \"edit\" : \"Upravit\",\n \"doneEditing\" : \"Hotovo\",\n \"editPaymentMethods\" : \"Upravit způsoby platby\",\n \"CreditCardDeleteConfirmationMessage\" : \"Chcete kartu {{secondaryIdentifier}} s koncovým číslem {{identifier}}odstranit?\",\n \"PayPalAccountDeleteConfirmationMessage\" : \"Chcete {{identifier}}účtu PayPal odstranit?\",\n \"VenmoAccountDeleteConfirmationMessage\" : \"Opravdu chcete účet Venmo s uživatelským jménem {{identifier}} odstranit?\",\n \"genericDeleteConfirmationMessage\" : \"Opravdu chcete tento způsob platby odstranit?\",\n \"deleteCancelButton\" : \"Zrušit\",\n \"deleteConfirmationButton\" : \"Odstranit\",\n \"fieldEmptyForCvv\" : \"Vyplňte kód CVV.\",\n \"fieldEmptyForExpirationDate\" : \"Vyplňte datum vypršení platnosti.\",\n \"fieldEmptyForCardholderName\" : \"Vyplňte jméno držitele karty.\",\n \"fieldTooLongForCardholderName\" : \"Jméno držitele karty musí obsahovat méně než 256 znaků.\",\n \"fieldEmptyForNumber\" : \"Vyplňte číslo.\",\n \"fieldEmptyForPostalCode\" : \"Vyplňte poštovní směrovací číslo.\",\n \"fieldInvalidForCardholderName\" : \"Toto jméno držitele karty není platné.\",\n \"fieldInvalidForCvv\" : \"Tento bezpečnostní kód není platný.\",\n \"fieldInvalidForExpirationDate\" : \"Toto datum vypršení platnosti není platné.\",\n \"fieldInvalidForNumber\" : \"Toto číslo karty není platné.\",\n \"fieldInvalidForPostalCode\" : \"Toto poštovní směrovací číslo není platné.\",\n \"genericError\" : \"Došlo k chybě na naší straně.\",\n \"hostedFieldsTokenizationFailOnDuplicateError\" : \"Tato kreditní karta je již jako způsob platby uložena.\",\n \"hostedFieldsFailedTokenizationError\" : \"Zkontrolujte zadané informace a zkuste to znovu.\",\n \"hostedFieldsFieldsInvalidError\" : \"Zkontrolujte zadané informace a zkuste to znovu.\",\n \"hostedFieldsTokenizationNetworkErrorError\" : \"Došlo k chybě sítě. Zkuste to znovu.\",\n \"hostedFieldsTokenizationCvvVerificationFailedError\" : \"Ověření kreditní karty se nezdařilo. Zkontrolujte zadané informace a zkuste to znovu.\",\n \"paypalButtonMustBeUsed\" : \"Chcete-li přejít k platbě, použijte tlačítko PayPal.\",\n \"paypalAccountTokenizationFailedError\" : \"Při přidávání účtu PayPal došlo k chybě. Zkuste to znovu.\",\n \"paypalFlowFailedError\" : \"Při připojování ke službě PayPal došlo k chybě. Zkuste to znovu.\",\n \"paypalTokenizationRequestActiveError\" : \"Autorizace platby přes PayPal již probíhá.\",\n \"venmoCanceledError\" : \"Došlo k chybě. Zkontrolujte, zda máte v zařízení nainstalovanou nejnovější verzi aplikace Venmo a zda prohlížeč přechod na aplikaci Venmo podporuje.\",\n \"vaultManagerPaymentMethodDeletionError\" : \"Způsob platby se nepodařilo odstranit. Zkuste to znovu.\",\n \"venmoAppFailedError\" : \"Aplikaci Venmo se ve vašem zařízení nepodařilo najít.\",\n \"unsupportedCardTypeError\" : \"Tento typ karty není podporován. Vyzkoušejte jinou kartu.\",\n \"applePayTokenizationError\" : \"Při zpracování platby přes Apple Pay došlo k chybě sítě. Zkuste to znovu.\",\n \"applePayActiveCardError\" : \"Přidejte si podporovanou kartu do peněženky Apple Pay.\",\n \"cardholderNameLabel\" : \"Jméno držitele karty\",\n \"cardNumberLabel\" : \"Číslo karty\",\n \"cvvLabel\" : \"Kód CVV\",\n \"cvvThreeDigitLabelSubheading\" : \"(3 číslice)\",\n \"cvvFourDigitLabelSubheading\" : \"(4 číslice)\",\n \"cardholderNamePlaceholder\" : \"Jméno držitele karty\",\n \"expirationDateLabel\" : \"Datum vypršení platnosti\",\n \"expirationDateLabelSubheading\" : \"(MM/RR)\",\n \"expirationDatePlaceholder\" : \"MM/RR\",\n \"postalCodeLabel\" : \"Poštovní směrovací číslo\",\n \"saveCardLabel\" : \"Uložit kartu\",\n \"payWithCard\" : \"Zaplatit kartou\",\n \"endingIn\" : \"Koncové číslo {{lastFourCardDigits}}\",\n \"Apple Pay\" : \"Apple Pay\",\n \"Venmo\" : \"Venmo\",\n \"Card\" : \"Karta\",\n \"PayPal\" : \"PayPal\",\n \"PayPal Credit\" : \"PayPal Credit\",\n \"Google Pay\" : \"Google Pay\",\n \"American Express\" : \"American Express\",\n \"Discover\" : \"Discover\",\n \"Diners Club\" : \"Diners Club\",\n \"Elo\" : \"Elo\",\n \"Hiper\" : \"Hiper\",\n \"Hipercard\" : \"Hipercard\",\n \"MasterCard\" : \"Mastercard\",\n \"Visa\" : \"Visa\",\n \"JCB\" : \"JCB\",\n \"Maestro\" : \"Maestro\",\n \"UnionPay\" : \"UnionPay\"\n}\n;\n\n},{}],221:[function(require,module,exports){\n'use strict';\n\nmodule.exports = {\n \"payingWith\" : \"Betaling med {{paymentSource}}\",\n \"chooseAnotherWayToPay\" : \"Vælg en anden betalingsmetode\",\n \"chooseAWayToPay\" : \"Vælg, hvordan du vil betale\",\n \"otherWaysToPay\" : \"Andre måder at betale på\",\n \"edit\" : \"Rediger\",\n \"doneEditing\" : \"Udført\",\n \"editPaymentMethods\" : \"Rediger betalingsmetode\",\n \"CreditCardDeleteConfirmationMessage\" : \"Vil du slette dit {{secondaryIdentifier}}-kort, der slutter på {{identifier}}?\",\n \"PayPalAccountDeleteConfirmationMessage\" : \"Vil du slette PayPal-kontoen for {{identifier}}?\",\n \"VenmoAccountDeleteConfirmationMessage\" : \"Er du sikker på, at du vil slette Venmo-konto med brugernavnet {{identifier}}?\",\n \"genericDeleteConfirmationMessage\" : \"Er du sikker på, at du vil slette denne betalingsmetode?\",\n \"deleteCancelButton\" : \"Annuller\",\n \"deleteConfirmationButton\" : \"Slet\",\n \"fieldEmptyForCvv\" : \"Du skal indtaste kontrolcifrene.\",\n \"fieldEmptyForExpirationDate\" : \"Du skal indtaste en udløbsdato.\",\n \"fieldEmptyForCardholderName\" : \"Du skal indtaste kortholderens navn.\",\n \"fieldTooLongForCardholderName\" : \"Kortholders navn skal være mindre end 256 tegn.\",\n \"fieldEmptyForNumber\" : \"Du skal indtaste et nummer.\",\n \"fieldEmptyForPostalCode\" : \"Du skal indtaste et postnummer.\",\n \"fieldInvalidForCardholderName\" : \"Kortindehaverens navn er ugyldigt.\",\n \"fieldInvalidForCvv\" : \"Denne sikkerhedskode er ugyldig.\",\n \"fieldInvalidForExpirationDate\" : \"Denne udløbsdato er ugyldig.\",\n \"fieldInvalidForNumber\" : \"Dette kortnummer er ikke gyldigt.\",\n \"fieldInvalidForPostalCode\" : \"Dette postnummer er ikke gyldigt.\",\n \"genericError\" : \"Der opstod en fejl.\",\n \"hostedFieldsTokenizationFailOnDuplicateError\" : \"Dette betalingskort findes allerede som en gemt betalingsmetode.\",\n \"hostedFieldsFailedTokenizationError\" : \"Tjek oplysningerne, og prøv igen.\",\n \"hostedFieldsFieldsInvalidError\" : \"Tjek oplysningerne, og prøv igen.\",\n \"hostedFieldsTokenizationNetworkErrorError\" : \"Netværksfejl. Prøv igen.\",\n \"hostedFieldsTokenizationCvvVerificationFailedError\" : \"Bekræftelse af betalingskort mislykkedes. Tjek oplysningerne, og prøv igen.\",\n \"paypalButtonMustBeUsed\" : \"Brug PayPal-knappen til at fortsætte med din betaling.\",\n \"paypalAccountTokenizationFailedError\" : \"Der opstod en fejl under tilføjelsen af PayPal-kontoen. Prøv igen.\",\n \"paypalFlowFailedError\" : \"Det lykkedes ikke at oprette forbindelse til PayPal. Prøv igen.\",\n \"paypalTokenizationRequestActiveError\" : \"PayPals betalingsautorisation er allerede i gang.\",\n \"venmoCanceledError\" : \"Der opstod et problem. Sørg for, at den nyeste version af Venmo-appen er installeret på din enhed, og at din browser understøtter skift til Venmo.\",\n \"vaultManagerPaymentMethodDeletionError\" : \"Betalingsmetoden kunne ikke slettes. Prøv igen.\",\n \"venmoAppFailedError\" : \"Venmo-appen blev ikke fundet på din enhed.\",\n \"unsupportedCardTypeError\" : \"Korttypen understøttes ikke. Prøv et andet kort.\",\n \"applePayTokenizationError\" : \"Der opstod en netværksfejl under behandling af Apple Pay-betalingen. Prøv igen.\",\n \"applePayActiveCardError\" : \"Føj et understøttet kort til din Apple Pay-e-pung.\",\n \"cardholderNameLabel\" : \"Kortindehaverens navn\",\n \"cardNumberLabel\" : \"Kortnummer\",\n \"cvvLabel\" : \"Kontrolcifre\",\n \"cvvThreeDigitLabelSubheading\" : \"(3 cifre)\",\n \"cvvFourDigitLabelSubheading\" : \"(4 cifre)\",\n \"cardholderNamePlaceholder\" : \"Kortindehaverens navn\",\n \"expirationDateLabel\" : \"Udløbsdato\",\n \"expirationDateLabelSubheading\" : \"(MM/ÅÅ)\",\n \"expirationDatePlaceholder\" : \"MM/ÅÅ\",\n \"postalCodeLabel\" : \"Postnummer\",\n \"saveCardLabel\" : \"Gem kort\",\n \"payWithCard\" : \"Betal med betalingskort\",\n \"endingIn\" : \"Slutter på {{lastFourCardDigits}}\",\n \"Apple Pay\" : \"Apple Pay\",\n \"Venmo\" : \"Venmo\",\n \"Card\" : \"Kort\",\n \"PayPal\" : \"PayPal\",\n \"PayPal Credit\" : \"PayPal Credit\",\n \"Google Pay\" : \"Google Pay\",\n \"American Express\" : \"American Express\",\n \"Discover\" : \"Discover\",\n \"Diners Club\" : \"Diners Club\",\n \"Elo\" : \"Elo\",\n \"Hiper\" : \"Hiper\",\n \"Hipercard\" : \"Hipercard\",\n \"MasterCard\" : \"Mastercard\",\n \"Visa\" : \"Visa\",\n \"JCB\" : \"JCB\",\n \"Maestro\" : \"Maestro\",\n \"UnionPay\" : \"UnionPay\"\n}\n;\n\n},{}],222:[function(require,module,exports){\n'use strict';\n\nmodule.exports = {\n \"payingWith\" : \"Zahlen mit {{paymentSource}}\",\n \"chooseAnotherWayToPay\" : \"Wählen Sie eine andere Zahlungsquelle\",\n \"chooseAWayToPay\" : \"Wählen Sie eine Zahlungsquelle\",\n \"otherWaysToPay\" : \"Sonstige Zahlungsquellen\",\n \"edit\" : \"Ändern\",\n \"doneEditing\" : \"Fertig\",\n \"editPaymentMethods\" : \"Zahlungsquellen bearbeiten\",\n \"CreditCardDeleteConfirmationMessage\" : \"{{secondaryIdentifier}}-Karte mit den Endziffern {{identifier}} löschen?\",\n \"PayPalAccountDeleteConfirmationMessage\" : \"PayPal-Konto {{identifier}} löschen?\",\n \"VenmoAccountDeleteConfirmationMessage\" : \"Wollen Sie das Venmo-Konto mit dem Benutzernamen {{identifier}} wirklich löschen?\",\n \"genericDeleteConfirmationMessage\" : \"Möchten Sie diese Zahlungsquelle wirklich löschen?\",\n \"deleteCancelButton\" : \"Abbrechen\",\n \"deleteConfirmationButton\" : \"Löschen\",\n \"fieldEmptyForCvv\" : \"Geben Sie die Kartenprüfnummer (CVV) ein.\",\n \"fieldEmptyForExpirationDate\" : \"Geben Sie das Ablaufdatum ein.\",\n \"fieldEmptyForCardholderName\" : \"Geben Sie den Namen des Karteninhabers ein.\",\n \"fieldTooLongForCardholderName\" : \"Der Name des Karteninhabers darf nicht länger als 256 Zeichen sein.\",\n \"fieldEmptyForNumber\" : \"Geben Sie eine Nummer ein.\",\n \"fieldEmptyForPostalCode\" : \"Geben Sie eine Postleitzahl ein.\",\n \"fieldInvalidForCardholderName\" : \"Der Name des Karteninhabers ist nicht gültig.\",\n \"fieldInvalidForCvv\" : \"Diese Kartenprüfnummer ist ungültig.\",\n \"fieldInvalidForExpirationDate\" : \"Dieses Ablaufdatum ist ungültig.\",\n \"fieldInvalidForNumber\" : \"Diese Kartennummer ist ungültig.\",\n \"fieldInvalidForPostalCode\" : \"Diese Postleitzahl ist ungültig.\",\n \"genericError\" : \"Bei uns ist ein Fehler aufgetreten.\",\n \"hostedFieldsTokenizationFailOnDuplicateError\" : \"Diese Kreditkarte ist bereits als gespeicherte Zahlungsquelle vorhanden.\",\n \"hostedFieldsFailedTokenizationError\" : \"Bitte prüfen Sie die Informationen und versuchen Sie es erneut.\",\n \"hostedFieldsFieldsInvalidError\" : \"Bitte prüfen Sie die Informationen und versuchen Sie es erneut.\",\n \"hostedFieldsTokenizationNetworkErrorError\" : \"Netzwerkfehler. Versuchen Sie es bitte erneut.\",\n \"hostedFieldsTokenizationCvvVerificationFailedError\" : \"Die Kreditkartenverifizierung ist fehlgeschlagen. Bitte prüfen Sie die Informationen und versuchen Sie es erneut.\",\n \"paypalButtonMustBeUsed\" : \"Verwenden Sie den PayPal-Button, um mit der Zahlung fortzufahren.\",\n \"paypalAccountTokenizationFailedError\" : \"Beim Hinzufügen des PayPal-Kontos ist ein Fehler aufgetreten. Versuchen Sie es bitte erneut.\",\n \"paypalFlowFailedError\" : \"Bei der Verbindung mit PayPal ist ein Fehler aufgetreten. Versuchen Sie es bitte erneut.\",\n \"paypalTokenizationRequestActiveError\" : \"Die PayPal-Zahlungsautorisierung wird bereits vorgenommen.\",\n \"venmoCanceledError\" : \"Etwas ist schief gelaufen. Vergewissern Sie sich, dass Sie die neueste Version der Venmo-App auf Ihrem Gerät installiert haben und Ihr Browser den Wechsel zu Venmo unterstützt.\",\n \"vaultManagerPaymentMethodDeletionError\" : \"Die Zahlungsquelle konnte nicht gelöscht werden. Versuchen Sie es erneut.\",\n \"venmoAppFailedError\" : \"Die Venmo-App wurde nicht auf Ihrem Gerät gefunden.\",\n \"unsupportedCardTypeError\" : \"Dieser Kartentyp wird nicht unterstützt. Versuchen Sie es mit einer anderen Karte.\",\n \"applePayTokenizationError\" : \"Bei der Verarbeitung der Apple Pay-Zahlung ist ein Netzwerkfehler aufgetreten. Versuchen Sie es bitte erneut.\",\n \"applePayActiveCardError\" : \"Fügen Sie Ihrem Apple Pay-Wallet eine unterstützte Karte hinzu.\",\n \"cardholderNameLabel\" : \"Name des Karteninhabers\",\n \"cardNumberLabel\" : \"Kartennummer\",\n \"cvvLabel\" : \"Kartenprüfnummer\",\n \"cvvThreeDigitLabelSubheading\" : \"(3-stellig)\",\n \"cvvFourDigitLabelSubheading\" : \"(4-stellig)\",\n \"cardholderNamePlaceholder\" : \"Name des Karteninhabers\",\n \"expirationDateLabel\" : \"Gültig bis\",\n \"expirationDateLabelSubheading\" : \"(MM/JJ)\",\n \"expirationDatePlaceholder\" : \"MM/JJ\",\n \"postalCodeLabel\" : \"Postleitzahl\",\n \"saveCardLabel\" : \"Karte speichern\",\n \"payWithCard\" : \"Mit Karte zahlen\",\n \"endingIn\" : \"Mit den Endziffern {{lastFourCardDigits}}\",\n \"Apple Pay\" : \"Apple Pay\",\n \"Venmo\" : \"Venmo\",\n \"Card\" : \"Karte\",\n \"PayPal\" : \"PayPal\",\n \"PayPal Credit\" : \"PayPal Credit\",\n \"Google Pay\" : \"Google Pay\",\n \"American Express\" : \"American Express\",\n \"Discover\" : \"Discover\",\n \"Diners Club\" : \"Diners Club\",\n \"Elo\" : \"Elo\",\n \"Hiper\" : \"Hiper\",\n \"Hipercard\" : \"Hipercard\",\n \"MasterCard\" : \"Mastercard\",\n \"Visa\" : \"Visa\",\n \"JCB\" : \"JCB\",\n \"Maestro\" : \"Maestro\",\n \"UnionPay\" : \"UnionPay\"\n}\n;\n\n},{}],223:[function(require,module,exports){\n'use strict';\n\nmodule.exports = {\n \"payingWith\" : \"Πληρωμή με {{paymentSource}}\",\n \"chooseAnotherWayToPay\" : \"Επιλογή ενός άλλου τρόπου πληρωμής\",\n \"chooseAWayToPay\" : \"Επιλογή τρόπου πληρωμής\",\n \"otherWaysToPay\" : \"Άλλοι τρόποι πληρωμής\",\n \"edit\" : \"Επεξεργασία\",\n \"doneEditing\" : \"Τέλος\",\n \"editPaymentMethods\" : \"Επεξεργασία μεθόδων πληρωμής\",\n \"CreditCardDeleteConfirmationMessage\" : \"Διαγραφή της κάρτας {{secondaryIdentifier}} που λήγει σε {{identifier}};\",\n \"PayPalAccountDeleteConfirmationMessage\" : \"Διαγραφή {{identifier}}λογαριασμού PayPal;\",\n \"VenmoAccountDeleteConfirmationMessage\" : \"Θέλετε σίγουρα να διαγράψετε τον λογαριασμό Venmo με το όνομα χρήστη {{identifier}};\",\n \"genericDeleteConfirmationMessage\" : \"Θέλετε σίγουρα να διαγράψετε αυτήν τη μέθοδο πληρωμής;\",\n \"deleteCancelButton\" : \"Ακύρωση\",\n \"deleteConfirmationButton\" : \"Διαγραφή\",\n \"fieldEmptyForCvv\" : \"Συμπληρώστε έναν κωδικό ασφαλείας (CVV).\",\n \"fieldEmptyForExpirationDate\" : \"Συμπληρώστε ημερομηνία λήξης.\",\n \"fieldEmptyForCardholderName\" : \"Συμπληρώστε το όνομα ενός κατόχου κάρτας.\",\n \"fieldTooLongForCardholderName\" : \"Το όνομα του κατόχου της κάρτας πρέπει να περιέχει λιγότερους από 256 χαρακτήρες.\",\n \"fieldEmptyForNumber\" : \"Συμπληρώστε έναν αριθμό.\",\n \"fieldEmptyForPostalCode\" : \"Συμπληρώστε έναν ταχυδρομικό κώδικα.\",\n \"fieldInvalidForCardholderName\" : \"Αυτό το όνομα κατόχου κάρτας δεν είναι έγκυρο.\",\n \"fieldInvalidForCvv\" : \"Αυτός ο κωδικός ασφαλείας δεν είναι έγκυρος.\",\n \"fieldInvalidForExpirationDate\" : \"Αυτή η ημερομηνία λήξης δεν είναι έγκυρη.\",\n \"fieldInvalidForNumber\" : \"Αυτός ο αριθμός κάρτας δεν είναι έγκυρος.\",\n \"fieldInvalidForPostalCode\" : \"Αυτός ο ταχυδρομικός κώδικας δεν είναι έγκυρος.\",\n \"genericError\" : \"Προέκυψε πρόβλημα στο σύστημά μας.\",\n \"hostedFieldsTokenizationFailOnDuplicateError\" : \"Αυτή η πιστωτική κάρτα υπάρχει ήδη ως αποθηκευμένη μέθοδος πληρωμής.\",\n \"hostedFieldsFailedTokenizationError\" : \"Ελέγξτε τα στοιχεία σας και δοκιμάστε ξανά.\",\n \"hostedFieldsFieldsInvalidError\" : \"Ελέγξτε τα στοιχεία σας και δοκιμάστε ξανά.\",\n \"hostedFieldsTokenizationNetworkErrorError\" : \"Σφάλμα δικτύου. Δοκιμάστε ξανά.\",\n \"hostedFieldsTokenizationCvvVerificationFailedError\" : \"Η επαλήθευση της πιστωτικής κάρτας απέτυχε. Ελέγξτε τα στοιχεία σας και δοκιμάστε ξανά.\",\n \"paypalButtonMustBeUsed\" : \"Χρησιμοποιήστε το κουμπί PayPal για να συνεχίσετε με την πληρωμή.\",\n \"paypalAccountTokenizationFailedError\" : \"Προέκυψε κάποιο πρόβλημα με την προσθήκη του λογαριασμού PayPal. Δοκιμάστε ξανά.\",\n \"paypalFlowFailedError\" : \"Προέκυψε κάποιο πρόβλημα με τη σύνδεση στην PayPal. Δοκιμάστε ξανά.\",\n \"paypalTokenizationRequestActiveError\" : \"Η εξουσιοδότηση πληρωμής μέσω PayPal βρίσκεται ήδη σε εξέλιξη.\",\n \"venmoCanceledError\" : \"Προέκυψε πρόβλημα. Βεβαιωθείτε ότι έχετε την πιο πρόσφατη έκδοση της εφαρμογής Venmo εγκατεστημένη στη συσκευή σας και ότι το πρόγραμμα περιήγησής σας υποστηρίζει τη μετάβαση στη Venmo.\",\n \"vaultManagerPaymentMethodDeletionError\" : \"Η διαγραφή της μεθόδου πληρωμής είναι αδύνατη, δοκιμάστε ξανά.\",\n \"venmoAppFailedError\" : \"Η εφαρμογή Venmo δεν βρέθηκε στη συσκευή σας.\",\n \"unsupportedCardTypeError\" : \"Αυτός ο τύπος κάρτας δεν υποστηρίζεται. Δοκιμάστε μια άλλη κάρτα.\",\n \"applePayTokenizationError\" : \"Προέκυψε σφάλμα δικτύου κατά την επεξεργασία της πληρωμής μέσω Apple Pay. Δοκιμάστε ξανά.\",\n \"applePayActiveCardError\" : \"Προσθέστε μια υποστηριζόμενη κάρτα στο ψηφιακό πορτοφόλι Apple Pay.\",\n \"cardholderNameLabel\" : \"Όνομα κατόχου κάρτας\",\n \"cardNumberLabel\" : \"Αριθμός κάρτας\",\n \"cvvLabel\" : \"Κωδικός ασφαλείας (CVV)\",\n \"cvvThreeDigitLabelSubheading\" : \"(3 ψηφία)\",\n \"cvvFourDigitLabelSubheading\" : \"(4 ψηφία)\",\n \"cardholderNamePlaceholder\" : \"Όνομα κατόχου κάρτας\",\n \"expirationDateLabel\" : \"Ημερομηνία λήξης\",\n \"expirationDateLabelSubheading\" : \"(ΜΜ/ΕΕ)\",\n \"expirationDatePlaceholder\" : \"ΜΜ/ΕΕ\",\n \"postalCodeLabel\" : \"Ταχυδρομικός κώδικας\",\n \"saveCardLabel\" : \"Αποθήκευση κάρτας\",\n \"payWithCard\" : \"Πληρωμή με κάρτα\",\n \"endingIn\" : \"Που λήγει σε {{lastFourCardDigits}}\",\n \"Apple Pay\" : \"Apple Pay\",\n \"Venmo\" : \"Venmo\",\n \"Card\" : \"Κάρτα\",\n \"PayPal\" : \"PayPal\",\n \"PayPal Credit\" : \"PayPal Credit\",\n \"Google Pay\" : \"Google Pay\",\n \"American Express\" : \"American Express\",\n \"Discover\" : \"Discover\",\n \"Diners Club\" : \"Diners Club\",\n \"Elo\" : \"Elo\",\n \"Hiper\" : \"Hiper\",\n \"Hipercard\" : \"Hipercard\",\n \"MasterCard\" : \"Mastercard\",\n \"Visa\" : \"Visa\",\n \"JCB\" : \"JCB\",\n \"Maestro\" : \"Maestro\",\n \"UnionPay\" : \"UnionPay\"\n}\n;\n\n},{}],224:[function(require,module,exports){\n'use strict';\n\nmodule.exports = {\n \"payingWith\" : \"Paying with {{paymentSource}}\",\n \"chooseAnotherWayToPay\" : \"Choose another way to pay\",\n \"chooseAWayToPay\" : \"Choose a way to pay\",\n \"otherWaysToPay\" : \"Other ways to pay\",\n \"edit\" : \"Edit\",\n \"doneEditing\" : \"Done\",\n \"editPaymentMethods\" : \"Edit payment methods\",\n \"CreditCardDeleteConfirmationMessage\" : \"Delete {{secondaryIdentifier}} card ending in {{identifier}}?\",\n \"PayPalAccountDeleteConfirmationMessage\" : \"Delete PayPal account {{identifier}}?\",\n \"VenmoAccountDeleteConfirmationMessage\" : \"Are you sure you want to delete Venmo account with username {{identifier}}?\",\n \"genericDeleteConfirmationMessage\" : \"Are you sure you want to delete this payment method?\",\n \"deleteCancelButton\" : \"Cancel\",\n \"deleteConfirmationButton\" : \"Delete\",\n \"fieldEmptyForCvv\" : \"Please enter a CVV.\",\n \"fieldEmptyForExpirationDate\" : \"Please enter an expiry date.\",\n \"fieldEmptyForCardholderName\" : \"Please enter a cardholder name.\",\n \"fieldTooLongForCardholderName\" : \"Cardholder name must be less than 256 characters.\",\n \"fieldEmptyForNumber\" : \"Please enter a number.\",\n \"fieldEmptyForPostalCode\" : \"Please enter a postcode.\",\n \"fieldInvalidForCardholderName\" : \"This cardholder name isn't valid.\",\n \"fieldInvalidForCvv\" : \"This CVV isn't valid.\",\n \"fieldInvalidForExpirationDate\" : \"This expiry date isn't valid.\",\n \"fieldInvalidForNumber\" : \"This card number isn't valid.\",\n \"fieldInvalidForPostalCode\" : \"This postcode isn't valid.\",\n \"genericError\" : \"We're sorry, something seems to have gone wrong.\",\n \"hostedFieldsTokenizationFailOnDuplicateError\" : \"This card already exists as a saved payment method.\",\n \"hostedFieldsFailedTokenizationError\" : \"Please check your entries and try again.\",\n \"hostedFieldsFieldsInvalidError\" : \"Please check your entries and try again.\",\n \"hostedFieldsTokenizationNetworkErrorError\" : \"Network error. Please try again.\",\n \"hostedFieldsTokenizationCvvVerificationFailedError\" : \"Card verification failed. Please check your entries and try again.\",\n \"paypalButtonMustBeUsed\" : \"Use the PayPal button to continue with your payment.\",\n \"paypalAccountTokenizationFailedError\" : \"Something went wrong adding the PayPal account. Please try again.\",\n \"paypalFlowFailedError\" : \"Something went wrong connecting to PayPal. Please try again.\",\n \"paypalTokenizationRequestActiveError\" : \"PayPal payment authorisation is already in progress.\",\n \"venmoCanceledError\" : \"We're sorry, something seems to have gone wrong. Please make sure you have the most recent version of the Venmo app installed on your device and that your browser supports switching to Venmo.\",\n \"vaultManagerPaymentMethodDeletionError\" : \"Unable to delete payment method. Please try again.\",\n \"venmoAppFailedError\" : \"The Venmo app couldn't be found on your device.\",\n \"unsupportedCardTypeError\" : \"This card type isn't supported. Please try another card.\",\n \"applePayTokenizationError\" : \"A network error occurred while processing the Apple Pay payment. Please try again.\",\n \"applePayActiveCardError\" : \"Add a supported card to your Apple Pay wallet.\",\n \"cardholderNameLabel\" : \"Cardholder name\",\n \"cardNumberLabel\" : \"Card number\",\n \"cvvLabel\" : \"CVV\",\n \"cvvThreeDigitLabelSubheading\" : \"(3 digits)\",\n \"cvvFourDigitLabelSubheading\" : \"(4 digits)\",\n \"cardholderNamePlaceholder\" : \"Cardholder name\",\n \"expirationDateLabel\" : \"Expiry date\",\n \"expirationDateLabelSubheading\" : \"(MM/YY)\",\n \"expirationDatePlaceholder\" : \"MM/YY\",\n \"postalCodeLabel\" : \"Postcode\",\n \"saveCardLabel\" : \"Save card\",\n \"payWithCard\" : \"Pay with card\",\n \"endingIn\" : \"Ending in {{lastFourCardDigits}}\",\n \"Apple Pay\" : \"Apple Pay\",\n \"Venmo\" : \"Venmo\",\n \"Card\" : \"Card\",\n \"PayPal\" : \"PayPal\",\n \"PayPal Credit\" : \"PayPal Credit\",\n \"Google Pay\" : \"Google Pay\",\n \"American Express\" : \"American Express\",\n \"Discover\" : \"Discover\",\n \"Diners Club\" : \"Diners Club\",\n \"Elo\" : \"Elo\",\n \"Hiper\" : \"Hiper\",\n \"Hipercard\" : \"Hipercard\",\n \"MasterCard\" : \"Mastercard\",\n \"Visa\" : \"Visa\",\n \"JCB\" : \"JCB\",\n \"Maestro\" : \"Maestro\",\n \"UnionPay\" : \"UnionPay\"\n}\n;\n\n},{}],225:[function(require,module,exports){\n'use strict';\n\nmodule.exports = {\n \"payingWith\" : \"Paying with {{paymentSource}}\",\n \"chooseAnotherWayToPay\" : \"Choose another way to pay\",\n \"chooseAWayToPay\" : \"Choose a way to pay\",\n \"otherWaysToPay\" : \"Other ways to pay\",\n \"edit\" : \"Edit\",\n \"doneEditing\" : \"Done\",\n \"editPaymentMethods\" : \"Edit funding sources\",\n \"CreditCardDeleteConfirmationMessage\" : \"Delete {{secondaryIdentifier}} card ending in {{identifier}}?\",\n \"PayPalAccountDeleteConfirmationMessage\" : \"Delete PayPal account {{identifier}}?\",\n \"VenmoAccountDeleteConfirmationMessage\" : \"Are you sure you want to delete Venmo account with username {{identifier}}?\",\n \"genericDeleteConfirmationMessage\" : \"Are you sure you want to delete this funding source?\",\n \"deleteCancelButton\" : \"Cancel\",\n \"deleteConfirmationButton\" : \"Delete\",\n \"fieldEmptyForCvv\" : \"Please enter a security code.\",\n \"fieldEmptyForExpirationDate\" : \"Please enter an expiry date.\",\n \"fieldEmptyForCardholderName\" : \"Please enter a cardholder name.\",\n \"fieldTooLongForCardholderName\" : \"Cardholder name must be less than 256 characters.\",\n \"fieldEmptyForNumber\" : \"Please enter a number.\",\n \"fieldEmptyForPostalCode\" : \"Please enter a postcode.\",\n \"fieldInvalidForCardholderName\" : \"This cardholder name isn't valid.\",\n \"fieldInvalidForCvv\" : \"This security code isn't valid.\",\n \"fieldInvalidForExpirationDate\" : \"This expiry date isn't valid.\",\n \"fieldInvalidForNumber\" : \"This card number isn't valid.\",\n \"fieldInvalidForPostalCode\" : \"This postcode isn't valid.\",\n \"genericError\" : \"Something went wrong on our end.\",\n \"hostedFieldsTokenizationFailOnDuplicateError\" : \"This credit card already exists as a saved funding source.\",\n \"hostedFieldsFailedTokenizationError\" : \"Please check your information and try again.\",\n \"hostedFieldsFieldsInvalidError\" : \"Please check your information and try again.\",\n \"hostedFieldsTokenizationNetworkErrorError\" : \"Network error. Please try again.\",\n \"hostedFieldsTokenizationCvvVerificationFailedError\" : \"Credit card verification failed. Please check your information and try again.\",\n \"paypalButtonMustBeUsed\" : \"Use the PayPal button to continue with your payment.\",\n \"paypalAccountTokenizationFailedError\" : \"Something went wrong adding the PayPal account. Please try again.\",\n \"paypalFlowFailedError\" : \"Something went wrong connecting to PayPal. Please try again.\",\n \"paypalTokenizationRequestActiveError\" : \"PayPal payment authorisation is already in progress.\",\n \"venmoCanceledError\" : \"Something went wrong. Ensure you have the most recent version of the Venmo app installed on your device and your browser supports switching to Venmo.\",\n \"vaultManagerPaymentMethodDeletionError\" : \"We were unable to delete the funding source. Please try again.\",\n \"venmoAppFailedError\" : \"The Venmo app couldn't be found on your device.\",\n \"unsupportedCardTypeError\" : \"This card type isn't supported. Please try another card.\",\n \"applePayTokenizationError\" : \"A network error occurred while processing the Apple Pay payment. Please try again.\",\n \"applePayActiveCardError\" : \"Add a supported card to your Apple Pay wallet.\",\n \"cardholderNameLabel\" : \"Cardholder name\",\n \"cardNumberLabel\" : \"Card number\",\n \"cvvLabel\" : \"Security code\",\n \"cvvThreeDigitLabelSubheading\" : \"(3 digits)\",\n \"cvvFourDigitLabelSubheading\" : \"(4 digits)\",\n \"cardholderNamePlaceholder\" : \"Cardholder name\",\n \"expirationDateLabel\" : \"Expiry date\",\n \"expirationDateLabelSubheading\" : \"(MM/YY)\",\n \"expirationDatePlaceholder\" : \"MM/YY\",\n \"postalCodeLabel\" : \"Postcode\",\n \"saveCardLabel\" : \"Save card\",\n \"payWithCard\" : \"Pay with card\",\n \"endingIn\" : \"Ending in {{lastFourCardDigits}}\",\n \"Apple Pay\" : \"Apple Pay\",\n \"Venmo\" : \"Venmo\",\n \"Card\" : \"Card\",\n \"PayPal\" : \"PayPal\",\n \"PayPal Credit\" : \"PayPal Credit\",\n \"Google Pay\" : \"Google Pay\",\n \"American Express\" : \"American Express\",\n \"Discover\" : \"Discover\",\n \"Diners Club\" : \"Diners Club\",\n \"Elo\" : \"Elo\",\n \"Hiper\" : \"Hiper\",\n \"Hipercard\" : \"Hipercard\",\n \"MasterCard\" : \"Mastercard\",\n \"Visa\" : \"Visa\",\n \"JCB\" : \"JCB\",\n \"Maestro\" : \"Maestro\",\n \"UnionPay\" : \"UnionPay\"\n}\n;\n\n},{}],226:[function(require,module,exports){\n'use strict';\n\nmodule.exports = {\n \"payingWith\" : \"Paying with {{paymentSource}}\",\n \"chooseAnotherWayToPay\" : \"Choose another way to pay\",\n \"chooseAWayToPay\" : \"Choose a way to pay\",\n \"otherWaysToPay\" : \"Other ways to pay\",\n \"edit\" : \"Edit\",\n \"doneEditing\" : \"Done\",\n \"editPaymentMethods\" : \"Edit payment methods\",\n \"CreditCardDeleteConfirmationMessage\" : \"Delete {{secondaryIdentifier}} card ending in {{identifier}}?\",\n \"PayPalAccountDeleteConfirmationMessage\" : \"Delete PayPal account {{identifier}}?\",\n \"VenmoAccountDeleteConfirmationMessage\" : \"Are you sure you want to delete Venmo account with username {{identifier}}?\",\n \"genericDeleteConfirmationMessage\" : \"Are you sure you want to delete this payment method?\",\n \"deleteCancelButton\" : \"Cancel\",\n \"deleteConfirmationButton\" : \"Delete\",\n \"fieldEmptyForCvv\" : \"Please enter a CVV.\",\n \"fieldEmptyForExpirationDate\" : \"Please enter an expiry date.\",\n \"fieldEmptyForCardholderName\" : \"Please enter a cardholder name.\",\n \"fieldTooLongForCardholderName\" : \"Cardholder name must be less than 256 characters.\",\n \"fieldEmptyForNumber\" : \"Please enter a number.\",\n \"fieldEmptyForPostalCode\" : \"Please enter a PIN code.\",\n \"fieldInvalidForCardholderName\" : \"This cardholder name isn't valid.\",\n \"fieldInvalidForCvv\" : \"This CVV isn't valid.\",\n \"fieldInvalidForExpirationDate\" : \"This expiry date isn't valid.\",\n \"fieldInvalidForNumber\" : \"This card number isn't valid.\",\n \"fieldInvalidForPostalCode\" : \"This PIN code isn't valid.\",\n \"genericError\" : \"We're sorry, something seems to have gone wrong.\",\n \"hostedFieldsTokenizationFailOnDuplicateError\" : \"This card already exists as a saved payment method.\",\n \"hostedFieldsFailedTokenizationError\" : \"Please check your information and try again.\",\n \"hostedFieldsFieldsInvalidError\" : \"Please check your information and try again.\",\n \"hostedFieldsTokenizationNetworkErrorError\" : \"Network error. Please try again.\",\n \"hostedFieldsTokenizationCvvVerificationFailedError\" : \"Card verification failed. Please check your information and try again.\",\n \"paypalButtonMustBeUsed\" : \"Use the PayPal button to continue with your payment.\",\n \"paypalAccountTokenizationFailedError\" : \"Something went wrong adding the PayPal account. Please try again.\",\n \"paypalFlowFailedError\" : \"Something went wrong connecting to PayPal. Please try again.\",\n \"paypalTokenizationRequestActiveError\" : \"PayPal payment authorisation is already in progress.\",\n \"venmoCanceledError\" : \"We're sorry, something seems to have gone wrong. Ensure you have the most recent version of the Venmo app installed on your device and your browser supports switching to Venmo.\",\n \"vaultManagerPaymentMethodDeletionError\" : \"Unable to delete payment method. Please try again.\",\n \"venmoAppFailedError\" : \"The Venmo app couldn't be found on your device.\",\n \"unsupportedCardTypeError\" : \"This card type isn't supported. Please try another card.\",\n \"applePayTokenizationError\" : \"A network error occurred while processing the Apple Pay payment. Please try again.\",\n \"applePayActiveCardError\" : \"Add a supported card to your Apple Pay digital wallet.\",\n \"cardholderNameLabel\" : \"Cardholder name\",\n \"cardNumberLabel\" : \"Card number\",\n \"cvvLabel\" : \"CVV\",\n \"cvvThreeDigitLabelSubheading\" : \"(3 digits)\",\n \"cvvFourDigitLabelSubheading\" : \"(4 digits)\",\n \"cardholderNamePlaceholder\" : \"Cardholder name\",\n \"expirationDateLabel\" : \"Expiry date\",\n \"expirationDateLabelSubheading\" : \"(MM/YY)\",\n \"expirationDatePlaceholder\" : \"MM/YY\",\n \"postalCodeLabel\" : \"PIN code\",\n \"saveCardLabel\" : \"Save card\",\n \"payWithCard\" : \"Pay with card\",\n \"endingIn\" : \"Ending in {{lastFourCardDigits}}\",\n \"Apple Pay\" : \"Apple Pay\",\n \"Venmo\" : \"Venmo\",\n \"Card\" : \"Card\",\n \"PayPal\" : \"PayPal\",\n \"PayPal Credit\" : \"PayPal Credit\",\n \"Google Pay\" : \"Google Pay\",\n \"American Express\" : \"American Express\",\n \"Discover\" : \"Discover\",\n \"Diners Club\" : \"Diners Club\",\n \"Elo\" : \"Elo\",\n \"Hiper\" : \"Hiper\",\n \"Hipercard\" : \"Hipercard\",\n \"MasterCard\" : \"Mastercard\",\n \"Visa\" : \"Visa\",\n \"JCB\" : \"JCB\",\n \"Maestro\" : \"Maestro\",\n \"UnionPay\" : \"UnionPay\"\n}\n;\n\n},{}],227:[function(require,module,exports){\n'use strict';\n\nmodule.exports = {\n payingWith: 'Paying with {{paymentSource}}',\n chooseAnotherWayToPay: 'Choose another way to pay',\n chooseAWayToPay: 'Choose a way to pay',\n otherWaysToPay: 'Other ways to pay',\n edit: 'Edit',\n doneEditing: 'Done',\n editPaymentMethods: 'Edit payment methods',\n CreditCardDeleteConfirmationMessage: 'Delete {{secondaryIdentifier}} card ending in {{identifier}}?',\n PayPalAccountDeleteConfirmationMessage: 'Delete PayPal account {{identifier}}?',\n VenmoAccountDeleteConfirmationMessage: 'Are you sure you want to delete Venmo account with username {{identifier}}?',\n genericDeleteConfirmationMessage: 'Are you sure you want to delete this payment method?',\n deleteCancelButton: 'Cancel',\n deleteConfirmationButton: 'Delete',\n // Errors\n fieldEmptyForCvv: 'Please fill out a CVV.',\n fieldEmptyForExpirationDate: 'Please fill out an expiration date.',\n fieldEmptyForCardholderName: 'Please fill out a cardholder name.',\n fieldEmptyForNumber: 'Please fill out a card number.',\n fieldEmptyForPostalCode: 'Please fill out a postal code.',\n fieldInvalidForCardholderName: 'This cardholder name is not valid.',\n fieldInvalidForCvv: 'This security code is not valid.',\n fieldInvalidForExpirationDate: 'This expiration date is not valid.',\n fieldInvalidForNumber: 'This card number is not valid.',\n fieldInvalidForPostalCode: 'This postal code is not valid.',\n fieldTooLongForCardholderName: 'Cardholder name must be less than 256 characters.',\n genericError: 'Something went wrong on our end.',\n hostedFieldsTokenizationFailOnDuplicateError: 'This credit card already exists as a saved payment method.',\n hostedFieldsFailedTokenizationError: 'Please check your information and try again.',\n hostedFieldsTokenizationCvvVerificationFailedError: 'Credit card verification failed. Please check your information and try again.',\n hostedFieldsTokenizationNetworkErrorError: 'Network error. Please try again.',\n hostedFieldsFieldsInvalidError: 'Please check your information and try again.',\n paypalButtonMustBeUsed: 'Use the PayPal button to continue with your payment.',\n paypalAccountTokenizationFailedError: 'Something went wrong adding the PayPal account. Please try again.',\n paypalFlowFailedError: 'Something went wrong connecting to PayPal. Please try again.',\n paypalTokenizationRequestActiveError: 'PayPal payment authorization is already in progress.',\n applePayTokenizationError: 'A network error occurred while processing the Apple Pay payment. Please try again.',\n applePayActiveCardError: 'Add a supported card to your Apple Pay wallet.',\n vaultManagerPaymentMethodDeletionError: 'Unable to delete payment method, try again.',\n venmoCanceledError: 'Something went wrong. Ensure you have the most recent version of the Venmo app installed on your device and your browser supports switching to Venmo.',\n venmoAppFailedError: 'The Venmo app could not be found on your device.',\n unsupportedCardTypeError: 'This card type is not supported. Please try another card.',\n // Card form\n cardholderNameLabel: 'Cardholder Name',\n cardNumberLabel: 'Card Number',\n cvvLabel: 'CVV',\n cvvThreeDigitLabelSubheading: '(3 digits)',\n cvvFourDigitLabelSubheading: '(4 digits)',\n expirationDateLabel: 'Expiration Date',\n expirationDateLabelSubheading: '(MM/YY)',\n cardholderNamePlaceholder: 'Cardholder Name',\n expirationDatePlaceholder: 'MM/YY',\n postalCodeLabel: 'Postal Code',\n saveCardLabel: 'Save card',\n payWithCard: 'Pay with card',\n // Payment Method descriptions\n endingIn: 'Ending in {{lastFourCardDigits}}',\n Card: 'Card',\n PayPal: 'PayPal',\n 'PayPal Credit': 'PayPal Credit',\n 'Apple Pay': 'Apple Pay',\n 'Google Pay': 'Google Pay',\n 'Venmo': 'Venmo',\n 'American Express': 'American Express',\n Discover: 'Discover',\n 'Diners Club': 'Diners Club',\n Elo: 'Elo',\n Hiper: 'Hiper',\n Hipercard: 'Hipercard',\n MasterCard: 'Mastercard',\n Visa: 'Visa',\n JCB: 'JCB',\n Maestro: 'Maestro',\n UnionPay: 'UnionPay'\n};\n\n},{}],228:[function(require,module,exports){\n'use strict';\n\nmodule.exports = {\n \"payingWith\" : \"Pagar con {{paymentSource}}\",\n \"chooseAnotherWayToPay\" : \"Seleccionar otra forma de pago\",\n \"chooseAWayToPay\" : \"Seleccionar forma de pago\",\n \"otherWaysToPay\" : \"Otras formas de pago\",\n \"edit\" : \"Editar\",\n \"doneEditing\" : \"Hecho\",\n \"editPaymentMethods\" : \"Editar formas de pago\",\n \"CreditCardDeleteConfirmationMessage\" : \"¿Eliminar la tarjeta {{secondaryIdentifier}} terminada en {{identifier}}?\",\n \"PayPalAccountDeleteConfirmationMessage\" : \"¿Eliminar la cuenta PayPal {{identifier}}?\",\n \"VenmoAccountDeleteConfirmationMessage\" : \"¿Seguro que deseas eliminar la cuenta de Venmo con el nombre de usuario {{identifier}}?\",\n \"genericDeleteConfirmationMessage\" : \"¿Seguro que deseas eliminar esta forma de pago?\",\n \"deleteCancelButton\" : \"Cancelar\",\n \"deleteConfirmationButton\" : \"Eliminar\",\n \"fieldEmptyForCvv\" : \"Introduce el CVV.\",\n \"fieldEmptyForExpirationDate\" : \"Introduce una fecha de vencimiento.\",\n \"fieldEmptyForCardholderName\" : \"Introduce el nombre del titular de la tarjeta.\",\n \"fieldTooLongForCardholderName\" : \"El nombre del titular de la tarjeta debe tener menos de 256 caracteres.\",\n \"fieldEmptyForNumber\" : \"Introduce un número.\",\n \"fieldEmptyForPostalCode\" : \"Introduce un código postal.\",\n \"fieldInvalidForCardholderName\" : \"El nombre del titular de la tarjeta no es válido.\",\n \"fieldInvalidForCvv\" : \"El código de seguridad no es válido.\",\n \"fieldInvalidForExpirationDate\" : \"La fecha de vencimiento no es válida.\",\n \"fieldInvalidForNumber\" : \"El número de tarjeta no es válido.\",\n \"fieldInvalidForPostalCode\" : \"El código postal no es válido.\",\n \"genericError\" : \"Ha habido un problema.\",\n \"hostedFieldsTokenizationFailOnDuplicateError\" : \"Esta tarjeta de crédito ya existe como forma de pago guardada.\",\n \"hostedFieldsFailedTokenizationError\" : \"Comprueba la información e inténtalo de nuevo.\",\n \"hostedFieldsFieldsInvalidError\" : \"Comprueba la información e inténtalo de nuevo.\",\n \"hostedFieldsTokenizationNetworkErrorError\" : \"Error de red. Inténtalo de nuevo.\",\n \"hostedFieldsTokenizationCvvVerificationFailedError\" : \"Error al verificar la tarjeta de crédito. Comprueba la información e inténtalo de nuevo.\",\n \"paypalButtonMustBeUsed\" : \"Utiliza el botón de PayPal para continuar con el pago.\",\n \"paypalAccountTokenizationFailedError\" : \"Se ha producido un error al añadir la cuenta PayPal. Inténtalo de nuevo.\",\n \"paypalFlowFailedError\" : \"Se ha producido un error al conectar con PayPal. Inténtalo de nuevo.\",\n \"paypalTokenizationRequestActiveError\" : \"La autorización del pago de PayPal ya está en curso.\",\n \"venmoCanceledError\" : \"Ha habido un error. Asegúrate de tener la versión más reciente de la aplicación de Venmo instalada en el dispositivo y de que el navegador admita el cambio a Venmo.\",\n \"vaultManagerPaymentMethodDeletionError\" : \"No se puede eliminar la forma de pago. Inténtalo de nuevo.\",\n \"venmoAppFailedError\" : \"No se ha podido encontrar la aplicación de Venmo en tu dispositivo.\",\n \"unsupportedCardTypeError\" : \"No se admite este tipo de tarjeta. Prueba con otra tarjeta.\",\n \"applePayTokenizationError\" : \"Se ha producido un error de red al procesar el pago de Apple Pay. Inténtalo de nuevo.\",\n \"applePayActiveCardError\" : \"Añade una tarjeta compatible a tu cartera de Apple Pay.\",\n \"cardholderNameLabel\" : \"Nombre del titular de la tarjeta\",\n \"cardNumberLabel\" : \"Número de tarjeta\",\n \"cvvLabel\" : \"CVV\",\n \"cvvThreeDigitLabelSubheading\" : \"(3 dígitos)\",\n \"cvvFourDigitLabelSubheading\" : \"(4 dígitos)\",\n \"cardholderNamePlaceholder\" : \"Nombre del titular de la tarjeta\",\n \"expirationDateLabel\" : \"Fecha de vencimiento\",\n \"expirationDateLabelSubheading\" : \"(MM/AA)\",\n \"expirationDatePlaceholder\" : \"MM/AA\",\n \"postalCodeLabel\" : \"Código postal\",\n \"saveCardLabel\" : \"Guardar tarjeta\",\n \"payWithCard\" : \"Pagar con tarjeta\",\n \"endingIn\" : \"Terminada en {{lastFourCardDigits}}\",\n \"Apple Pay\" : \"Apple Pay\",\n \"Venmo\" : \"Venmo\",\n \"Card\" : \"Tarjeta\",\n \"PayPal\" : \"PayPal\",\n \"PayPal Credit\" : \"PayPal Credit\",\n \"Google Pay\" : \"Google Pay\",\n \"American Express\" : \"American Express\",\n \"Discover\" : \"Discover\",\n \"Diners Club\" : \"Diners Club\",\n \"Elo\" : \"Elo\",\n \"Hiper\" : \"Hiper\",\n \"Hipercard\" : \"Hipercard\",\n \"MasterCard\" : \"Mastercard\",\n \"Visa\" : \"Visa\",\n \"JCB\" : \"JCB\",\n \"Maestro\" : \"Maestro\",\n \"UnionPay\" : \"UnionPay\"\n}\n;\n\n},{}],229:[function(require,module,exports){\n'use strict';\n\nmodule.exports = {\n \"payingWith\" : \"Pagar con {{paymentSource}}\",\n \"chooseAnotherWayToPay\" : \"Elija otra forma de pago\",\n \"chooseAWayToPay\" : \"Seleccione una forma de pago\",\n \"otherWaysToPay\" : \"Otras formas de pago\",\n \"edit\" : \"Editar\",\n \"doneEditing\" : \"Listo\",\n \"editPaymentMethods\" : \"Editar métodos de pago\",\n \"CreditCardDeleteConfirmationMessage\" : \"¿Eliminar tarjeta {{secondaryIdentifier}} con terminación {{identifier}}?\",\n \"PayPalAccountDeleteConfirmationMessage\" : \"¿Desea eliminar la cuenta de PayPal {{identifier}}?\",\n \"VenmoAccountDeleteConfirmationMessage\" : \"¿Seguro que desea eliminar la cuenta de Venmo con el nombre de usuario {{identifier}}?\",\n \"genericDeleteConfirmationMessage\" : \"¿Seguro que desea eliminar esta forma de pago?\",\n \"deleteCancelButton\" : \"Cancelar\",\n \"deleteConfirmationButton\" : \"Eliminar\",\n \"fieldEmptyForCvv\" : \"Ingrese un CVV.\",\n \"fieldEmptyForExpirationDate\" : \"Ingrese una fecha de vencimiento.\",\n \"fieldEmptyForCardholderName\" : \"Ingrese un nombre de titular de tarjeta.\",\n \"fieldTooLongForCardholderName\" : \"El nombre del titular de la tarjeta debe tener menos de 256 caracteres.\",\n \"fieldEmptyForNumber\" : \"Ingrese un número.\",\n \"fieldEmptyForPostalCode\" : \"Ingrese un código postal.\",\n \"fieldInvalidForCardholderName\" : \"El nombre del titular de la tarjeta no es válido.\",\n \"fieldInvalidForCvv\" : \"Este código de seguridad no es válido.\",\n \"fieldInvalidForExpirationDate\" : \"Esta fecha de vencimiento no es válida.\",\n \"fieldInvalidForNumber\" : \"Este número de tarjeta no es válido.\",\n \"fieldInvalidForPostalCode\" : \"Este código postal no es válido.\",\n \"genericError\" : \"Se ha producido un error.\",\n \"hostedFieldsTokenizationFailOnDuplicateError\" : \"Esta tarjeta de crédito ya existe como forma de pago guardada.\",\n \"hostedFieldsFailedTokenizationError\" : \"Revise la información e inténtelo de nuevo.\",\n \"hostedFieldsFieldsInvalidError\" : \"Revise la información e inténtelo de nuevo.\",\n \"hostedFieldsTokenizationNetworkErrorError\" : \"Error de red. Inténtelo de nuevo.\",\n \"hostedFieldsTokenizationCvvVerificationFailedError\" : \"La verificación de la tarjeta de crédito falló. Revise la información e inténtelo de nuevo.\",\n \"paypalButtonMustBeUsed\" : \"Utilice el botón de PayPal para continuar con su pago.\",\n \"paypalAccountTokenizationFailedError\" : \"Se ha producido un error al agregar la cuenta de PayPal. Inténtelo de nuevo.\",\n \"paypalFlowFailedError\" : \"Se ha producido un error al conectar con PayPal. Inténtelo de nuevo.\",\n \"paypalTokenizationRequestActiveError\" : \"La autorización de pago de PayPal ya está en curso.\",\n \"venmoCanceledError\" : \"Se ha producido un error. Asegúrese de que tiene la versión más reciente de la aplicación de Venmo instalada en su dispositivo y que su navegador admita el sitio web Venmo.\",\n \"vaultManagerPaymentMethodDeletionError\" : \"No se pudo eliminar la forma de pago, inténtelo de nuevo.\",\n \"venmoAppFailedError\" : \"No se pudo encontrar la aplicación de Venmo en su dispositivo.\",\n \"unsupportedCardTypeError\" : \"Este tipo de tarjeta no es compatible. Inténtelo con otra tarjeta.\",\n \"applePayTokenizationError\" : \"Se ha producido un error de red al procesar el pago de Apple Pay. Inténtelo de nuevo.\",\n \"applePayActiveCardError\" : \"Agregue una tarjeta compatible a su cartera de Apple Pay.\",\n \"cardholderNameLabel\" : \"Nombre del titular de la tarjeta\",\n \"cardNumberLabel\" : \"Número de tarjeta\",\n \"cvvLabel\" : \"CVV\",\n \"cvvThreeDigitLabelSubheading\" : \"(3 dígitos)\",\n \"cvvFourDigitLabelSubheading\" : \"(4 dígitos)\",\n \"cardholderNamePlaceholder\" : \"Nombre del titular de la tarjeta\",\n \"expirationDateLabel\" : \"Fecha de vencimiento\",\n \"expirationDateLabelSubheading\" : \"(MM/AA)\",\n \"expirationDatePlaceholder\" : \"MM/AA\",\n \"postalCodeLabel\" : \"Código postal\",\n \"saveCardLabel\" : \"Guardar tarjeta\",\n \"payWithCard\" : \"Pagar con tarjeta\",\n \"endingIn\" : \"Con terminación {{lastFourCardDigits}}\",\n \"Apple Pay\" : \"Apple Pay\",\n \"Venmo\" : \"Venmo\",\n \"Card\" : \"Tarjeta\",\n \"PayPal\" : \"Paypal\",\n \"PayPal Credit\" : \"PayPal Credit\",\n \"Google Pay\" : \"Google Pay\",\n \"American Express\" : \"American Express\",\n \"Discover\" : \"Discover\",\n \"Diners Club\" : \"Diners Club\",\n \"Elo\" : \"Elo\",\n \"Hiper\" : \"Hiper\",\n \"Hipercard\" : \"Hipercard\",\n \"MasterCard\" : \"Mastercard\",\n \"Visa\" : \"Visa\",\n \"JCB\" : \"JCB\",\n \"Maestro\" : \"Maestro\",\n \"UnionPay\" : \"UnionPay\"\n}\n;\n\n},{}],230:[function(require,module,exports){\n'use strict';\n\nmodule.exports = {\n \"payingWith\" : \"Maksuväline: {{paymentSource}}\",\n \"chooseAnotherWayToPay\" : \"Valitse toinen maksutapa\",\n \"chooseAWayToPay\" : \"Valitse maksutapa\",\n \"otherWaysToPay\" : \"Muita maksutapoja\",\n \"edit\" : \"Muokkaa\",\n \"doneEditing\" : \"Valmis\",\n \"editPaymentMethods\" : \"Muokkaa maksutapoja\",\n \"CreditCardDeleteConfirmationMessage\" : \"Haluatko poistaa {{secondaryIdentifier}}} -kortin, joka päättyy {{identifier}}}?\",\n \"PayPalAccountDeleteConfirmationMessage\" : \"Haluatko poistaa PayPal-tilin {{identifier}}}?\",\n \"VenmoAccountDeleteConfirmationMessage\" : \"Haluatko varmasti poistaa Venmo-tilin, jonka käyttäjätunnus on {{identifier}}}?\",\n \"genericDeleteConfirmationMessage\" : \"Haluatko varmasti poistaa tämän maksutavan?\",\n \"deleteCancelButton\" : \"Peruuta\",\n \"deleteConfirmationButton\" : \"Poista\",\n \"fieldEmptyForCvv\" : \"Anna turvakoodi.\",\n \"fieldEmptyForExpirationDate\" : \"Anna voimassaolon päättymispäivämäärä.\",\n \"fieldEmptyForCardholderName\" : \"Anna kortinhaltijan nimi.\",\n \"fieldTooLongForCardholderName\" : \"Kortinhaltijan nimen on oltava alle 256 merkkiä.\",\n \"fieldEmptyForNumber\" : \"Anna numero.\",\n \"fieldEmptyForPostalCode\" : \"Anna postinumero.\",\n \"fieldInvalidForCardholderName\" : \"Kortinhaltijan nimi ei ole kelvollinen.\",\n \"fieldInvalidForCvv\" : \"Turvakoodi ei ole kelvollinen.\",\n \"fieldInvalidForExpirationDate\" : \"Päättymispäivämäärä ei ole kelvollinen.\",\n \"fieldInvalidForNumber\" : \"Kortin numero ei ole kelvollinen.\",\n \"fieldInvalidForPostalCode\" : \"Postinumero ei ole kelvollinen.\",\n \"genericError\" : \"Jokin meni pieleen tässä päässä.\",\n \"hostedFieldsTokenizationFailOnDuplicateError\" : \"Tämä luottokortti on jo tallennettu maksutavaksi.\",\n \"hostedFieldsFailedTokenizationError\" : \"Tarkista tiedot ja yritä uudelleen.\",\n \"hostedFieldsFieldsInvalidError\" : \"Tarkista tiedot ja yritä uudelleen.\",\n \"hostedFieldsTokenizationNetworkErrorError\" : \"Verkkovirhe. Yritä uudelleen.\",\n \"hostedFieldsTokenizationCvvVerificationFailedError\" : \"Luottokortin varmennus epäonnistui. Tarkista tiedot ja yritä uudelleen.\",\n \"paypalButtonMustBeUsed\" : \"Jatka maksua PayPal-painikkeen avulla.\",\n \"paypalAccountTokenizationFailedError\" : \"Jotain meni pieleen PayPal-tiliä lisätessä. Yritä uudelleen.\",\n \"paypalFlowFailedError\" : \"Jotain meni pieleen muodostettaessa yhteyttä PayPaliin. Yritä uudelleen.\",\n \"paypalTokenizationRequestActiveError\" : \"PayPal-maksun valtuutus on jo meneillään.\",\n \"venmoCanceledError\" : \"Jokin meni pieleen. Varmista, että laitteeseesi on asennettu Venmo-sovelluksen viimeisin versio, ja että selain tukee vaihtamista Venmoon.\",\n \"vaultManagerPaymentMethodDeletionError\" : \"Maksutavan poistaminen ei onnistu, yritä uudelleen.\",\n \"venmoAppFailedError\" : \"Venmo-sovellusta ei löytynyt laitteesta.\",\n \"unsupportedCardTypeError\" : \"Tätä korttityyppiä ei tueta. Kokeile toista korttia.\",\n \"applePayTokenizationError\" : \"Tapahtui verkkovirhe Apple Pay -maksun käsittelyssä. Yritä uudelleen.\",\n \"applePayActiveCardError\" : \"Lisää tuettu kortti Apple Pay -lompakkoon.\",\n \"cardholderNameLabel\" : \"Kortinhaltijan nimi\",\n \"cardNumberLabel\" : \"Kortin numero\",\n \"cvvLabel\" : \"Kortin turvakoodi\",\n \"cvvThreeDigitLabelSubheading\" : \"(kolme numeroa)\",\n \"cvvFourDigitLabelSubheading\" : \"(neljä numeroa)\",\n \"cardholderNamePlaceholder\" : \"Kortinhaltijan nimi\",\n \"expirationDateLabel\" : \"Päättymispäivämäärä\",\n \"expirationDateLabelSubheading\" : \"(KK/VV)\",\n \"expirationDatePlaceholder\" : \"KK/VV\",\n \"postalCodeLabel\" : \"Postinumero\",\n \"saveCardLabel\" : \"Tallenna kortti\",\n \"payWithCard\" : \"Maksa kortilla\",\n \"endingIn\" : \"Päättyy {{lastFourCardDigits}}}\",\n \"Apple Pay\" : \"Apple Pay\",\n \"Venmo\" : \"Venmo\",\n \"Card\" : \"Kortti\",\n \"PayPal\" : \"PayPal\",\n \"PayPal Credit\" : \"PayPal Credit\",\n \"Google Pay\" : \"Google Pay\",\n \"American Express\" : \"American Express\",\n \"Discover\" : \"Discover\",\n \"Diners Club\" : \"Diners Club\",\n \"Elo\" : \"Elo\",\n \"Hiper\" : \"Hiper\",\n \"Hipercard\" : \"Hipercard\",\n \"MasterCard\" : \"Mastercard\",\n \"Visa\" : \"Visa\",\n \"JCB\" : \"JCB\",\n \"Maestro\" : \"Maestro\",\n \"UnionPay\" : \"UnionPay\"\n}\n;\n\n},{}],231:[function(require,module,exports){\n'use strict';\n\nmodule.exports = {\n \"payingWith\" : \"Payer avec {{paymentSource}}\",\n \"chooseAnotherWayToPay\" : \"Choisir un autre mode de paiement\",\n \"chooseAWayToPay\" : \"Choisir un mode de paiement\",\n \"otherWaysToPay\" : \"Autres modes de paiement\",\n \"edit\" : \"Modifier\",\n \"doneEditing\" : \"Terminé\",\n \"editPaymentMethods\" : \"Modifier les modes de paiement\",\n \"CreditCardDeleteConfirmationMessage\" : \"Supprimer la carte {{secondaryIdentifier}} se terminant par {{identifier}} ?\",\n \"PayPalAccountDeleteConfirmationMessage\" : \"Supprimer le compte PayPal {{identifier}} ?\",\n \"VenmoAccountDeleteConfirmationMessage\" : \"Souhaitez-vous vraiment supprimer le compte Venmo dont le nom d'utilisateur est {{identifier}} ?\",\n \"genericDeleteConfirmationMessage\" : \"Voulez-vous vraiment supprimer ce mode paiement ?\",\n \"deleteCancelButton\" : \"Annuler\",\n \"deleteConfirmationButton\" : \"Supprimer\",\n \"fieldEmptyForCvv\" : \"Saisissez un CVV.\",\n \"fieldEmptyForExpirationDate\" : \"Saisissez une date d'expiration.\",\n \"fieldEmptyForCardholderName\" : \"Saisissez le nom du titulaire de la carte.\",\n \"fieldTooLongForCardholderName\" : \"Le nom du titulaire de la carte doit contenir moins de 256 caractères.\",\n \"fieldEmptyForNumber\" : \"Saisissez un numéro.\",\n \"fieldEmptyForPostalCode\" : \"Saisissez un code postal.\",\n \"fieldInvalidForCardholderName\" : \"Le nom de ce titulaire de la carte n'est pas valide.\",\n \"fieldInvalidForCvv\" : \"Ce cryptogramme visuel n'est pas valide.\",\n \"fieldInvalidForExpirationDate\" : \"Cette date d'expiration n'est pas valide.\",\n \"fieldInvalidForNumber\" : \"Ce numéro de carte n'est pas valide.\",\n \"fieldInvalidForPostalCode\" : \"Ce code postal n'est pas valide.\",\n \"genericError\" : \"Une erreur s'est produite de notre côté.\",\n \"hostedFieldsTokenizationFailOnDuplicateError\" : \"Cette carte de crédit est déjà enregistrée en tant que mode de paiement.\",\n \"hostedFieldsFailedTokenizationError\" : \"Veuillez vérifier vos informations, puis réessayer.\",\n \"hostedFieldsFieldsInvalidError\" : \"Veuillez vérifier vos informations, puis réessayer.\",\n \"hostedFieldsTokenizationNetworkErrorError\" : \"Erreur de réseau. Réessayez.\",\n \"hostedFieldsTokenizationCvvVerificationFailedError\" : \"Échec de vérification de la carte de crédit. Veuillez vérifier vos informations, puis réessayer.\",\n \"paypalButtonMustBeUsed\" : \"Utilisez le bouton PayPal pour poursuivre votre paiement.\",\n \"paypalAccountTokenizationFailedError\" : \"Une erreur s'est produite lors de l'ajout du compte PayPal. Veuillez réessayer.\",\n \"paypalFlowFailedError\" : \"Une erreur s'est produite lors de la connexion à PayPal. Veuillez réessayer.\",\n \"paypalTokenizationRequestActiveError\" : \"L'autorisation de paiement PayPal est déjà en cours.\",\n \"venmoCanceledError\" : \"Une erreur s'est produite. Assurez-vous que la version la plus récente de l'application Venmo est installée sur votre appareil et que votre navigateur prend en charge la redirection vers Venmo.\",\n \"vaultManagerPaymentMethodDeletionError\" : \"Impossible de supprimer le mode de paiement. Réessayez.\",\n \"venmoAppFailedError\" : \"L'application Venmo n'est pas présente sur votre appareil.\",\n \"unsupportedCardTypeError\" : \"Ce type de carte n'est pas pris en charge. Veuillez essayer une autre carte.\",\n \"applePayTokenizationError\" : \"Une erreur de réseau s'est produite lors du traitement du paiement Apple Pay. Veuillez réessayer.\",\n \"applePayActiveCardError\" : \"Ajoutez une carte prise en charge à votre portefeuille Apple Pay.\",\n \"cardholderNameLabel\" : \"Nom du titulaire de la carte\",\n \"cardNumberLabel\" : \"Numéro de carte\",\n \"cvvLabel\" : \"Cryptogramme visuel\",\n \"cvvThreeDigitLabelSubheading\" : \"(3 chiffres)\",\n \"cvvFourDigitLabelSubheading\" : \"(4 chiffres)\",\n \"cardholderNamePlaceholder\" : \"Nom du titulaire de la carte\",\n \"expirationDateLabel\" : \"Date d'expiration\",\n \"expirationDateLabelSubheading\" : \"(MM/AA)\",\n \"expirationDatePlaceholder\" : \"MM/AA\",\n \"postalCodeLabel\" : \"Code postal\",\n \"saveCardLabel\" : \"Enregistrer la carte\",\n \"payWithCard\" : \"Payer par carte\",\n \"endingIn\" : \"Se terminant par {{lastFourCardDigits}}\",\n \"Apple Pay\" : \"Apple Pay\",\n \"Venmo\" : \"Venmo\",\n \"Card\" : \"Carte\",\n \"PayPal\" : \"PayPal\",\n \"PayPal Credit\" : \"PayPal Credit\",\n \"Google Pay\" : \"Google Pay\",\n \"American Express\" : \"American Express\",\n \"Discover\" : \"Discover\",\n \"Diners Club\" : \"Diners Club\",\n \"Elo\" : \"Elo\",\n \"Hiper\" : \"Hiper\",\n \"Hipercard\" : \"Hipercard\",\n \"MasterCard\" : \"Mastercard\",\n \"Visa\" : \"Visa\",\n \"JCB\" : \"JCB\",\n \"Maestro\" : \"Maestro\",\n \"UnionPay\" : \"UnionPay\"\n}\n;\n\n},{}],232:[function(require,module,exports){\n'use strict';\n\nmodule.exports = {\n \"payingWith\" : \"Payer avec : {{paymentSource}}\",\n \"chooseAnotherWayToPay\" : \"Choisir un autre mode de paiement\",\n \"chooseAWayToPay\" : \"Choisir un mode de paiement\",\n \"otherWaysToPay\" : \"Autres modes de paiement\",\n \"edit\" : \"Modifier\",\n \"doneEditing\" : \"Terminé\",\n \"editPaymentMethods\" : \"Modifier les modes de paiement\",\n \"CreditCardDeleteConfirmationMessage\" : \"Supprimer la carte {{secondaryIdentifier}} se terminant par {{identifier}} ?\",\n \"PayPalAccountDeleteConfirmationMessage\" : \"Supprimer le compte PayPal {{identifier}} ?\",\n \"VenmoAccountDeleteConfirmationMessage\" : \"Souhaitez-vous vraiment supprimer le compte Venmo associé au nom d'utilisateur {{identifier}} ?\",\n \"genericDeleteConfirmationMessage\" : \"Souhaitez-vous vraiment supprimer ce mode de paiement ?\",\n \"deleteCancelButton\" : \"Annuler\",\n \"deleteConfirmationButton\" : \"Supprimer\",\n \"fieldEmptyForCvv\" : \"Renseignez un cryptogramme visuel.\",\n \"fieldEmptyForExpirationDate\" : \"Renseignez une date d'expiration.\",\n \"fieldEmptyForCardholderName\" : \"Renseignez le nom du titulaire de la carte.\",\n \"fieldTooLongForCardholderName\" : \"Le nom du titulaire de la carte doit comporter moins de 256 caractères.\",\n \"fieldEmptyForNumber\" : \"Renseignez un numéro.\",\n \"fieldEmptyForPostalCode\" : \"Renseignez un code postal.\",\n \"fieldInvalidForCardholderName\" : \"Le nom de ce titulaire de la carte est incorrect.\",\n \"fieldInvalidForCvv\" : \"Ce cryptogramme visuel est incorrect.\",\n \"fieldInvalidForExpirationDate\" : \"Cette date d'expiration est incorrecte.\",\n \"fieldInvalidForNumber\" : \"Ce numéro de carte est incorrect.\",\n \"fieldInvalidForPostalCode\" : \"Ce code postal est incorrect.\",\n \"genericError\" : \"Une erreur est survenue.\",\n \"hostedFieldsTokenizationFailOnDuplicateError\" : \"Cette carte bancaire existe déjà en tant que mode de paiement enregistré.\",\n \"hostedFieldsFailedTokenizationError\" : \"Vérifiez vos informations et réessayez.\",\n \"hostedFieldsFieldsInvalidError\" : \"Vérifiez vos informations et réessayez.\",\n \"hostedFieldsTokenizationNetworkErrorError\" : \"Erreur réseau. Réessayez.\",\n \"hostedFieldsTokenizationCvvVerificationFailedError\" : \"Échec de la vérification de carte bancaire. Vérifiez vos informations et réessayez.\",\n \"paypalButtonMustBeUsed\" : \"Utilisez le bouton PayPal pour poursuivre le paiement.\",\n \"paypalAccountTokenizationFailedError\" : \"Une erreur est survenue lors de l'ajout du compte PayPal. Réessayez.\",\n \"paypalFlowFailedError\" : \"Une erreur est survenue lors de la connexion à PayPal. Réessayez.\",\n \"paypalTokenizationRequestActiveError\" : \"L'autorisation de paiement PayPal est déjà en cours.\",\n \"venmoCanceledError\" : \"Une erreur est survenue. Vérifiez que la dernière version de l'application Venmo est installée sur votre appareil et que votre navigateur prend en charge la redirection vers Venmo.\",\n \"vaultManagerPaymentMethodDeletionError\" : \"Impossible de supprimer le mode de paiement, réessayez.\",\n \"venmoAppFailedError\" : \"Nous n'avons pas trouvé l'application Venmo sur votre appareil.\",\n \"unsupportedCardTypeError\" : \"Ce type de carte n'est pas pris en charge. Essayez une autre carte.\",\n \"applePayTokenizationError\" : \"Une erreur réseau est survenue lors du traitement du paiement Apple Pay. Réessayez.\",\n \"applePayActiveCardError\" : \"Enregistrez une carte prise en charge sur votre portefeuille Apple Pay.\",\n \"cardholderNameLabel\" : \"Nom du titulaire de la carte\",\n \"cardNumberLabel\" : \"Numéro de carte\",\n \"cvvLabel\" : \"Crypto.\",\n \"cvvThreeDigitLabelSubheading\" : \"(3 chiffres)\",\n \"cvvFourDigitLabelSubheading\" : \"(4 chiffres)\",\n \"cardholderNamePlaceholder\" : \"Nom du titulaire de la carte\",\n \"expirationDateLabel\" : \"Date d'expiration\",\n \"expirationDateLabelSubheading\" : \"(MM/AA)\",\n \"expirationDatePlaceholder\" : \"MM/AA\",\n \"postalCodeLabel\" : \"Code postal\",\n \"saveCardLabel\" : \"Enregistrer la carte\",\n \"payWithCard\" : \"Payer par carte\",\n \"endingIn\" : \"Se terminant par {{lastFourCardDigits}}\",\n \"Apple Pay\" : \"Apple Pay\",\n \"Venmo\" : \"Venmo\",\n \"Card\" : \"Carte\",\n \"PayPal\" : \"PayPal\",\n \"PayPal Credit\" : \"PayPal Credit\",\n \"Google Pay\" : \"Google Pay\",\n \"American Express\" : \"American Express\",\n \"Discover\" : \"Discover\",\n \"Diners Club\" : \"Diners Club\",\n \"Elo\" : \"Elo\",\n \"Hiper\" : \"Hiper\",\n \"Hipercard\" : \"Hipercard\",\n \"MasterCard\" : \"Mastercard\",\n \"Visa\" : \"Visa\",\n \"JCB\" : \"JCB\",\n \"Maestro\" : \"Maestro\",\n \"UnionPay\" : \"UnionPay\"\n}\n;\n\n},{}],233:[function(require,module,exports){\n'use strict';\n\nmodule.exports = {\n \"payingWith\" : \"Payer avec {{paymentSource}}\",\n \"chooseAnotherWayToPay\" : \"Choisir un autre mode de paiement\",\n \"chooseAWayToPay\" : \"Choisir un mode de paiement\",\n \"otherWaysToPay\" : \"Autres modes de paiement\",\n \"edit\" : \"Modifier\",\n \"doneEditing\" : \"Terminé\",\n \"editPaymentMethods\" : \"Modifier les modes de paiement\",\n \"CreditCardDeleteConfirmationMessage\" : \"Supprimer la carte {{secondaryIdentifier}}} se terminant par {{identifier}}} ?\",\n \"PayPalAccountDeleteConfirmationMessage\" : \"Supprimer le compte PayPal {{identifier}}} ?\",\n \"VenmoAccountDeleteConfirmationMessage\" : \"Souhaitez-vous vraiment supprimer le compte Venmo associé au nom d'utilisateur {{identifier}}} ?\",\n \"genericDeleteConfirmationMessage\" : \"Souhaitez-vous vraiment supprimer ce mode de paiement ?\",\n \"deleteCancelButton\" : \"Annuler\",\n \"deleteConfirmationButton\" : \"Supprimer\",\n \"fieldEmptyForCvv\" : \"Renseignez un cryptogramme visuel.\",\n \"fieldEmptyForExpirationDate\" : \"Renseignez une date d'expiration.\",\n \"fieldEmptyForCardholderName\" : \"Renseignez le nom du titulaire de la carte.\",\n \"fieldTooLongForCardholderName\" : \"Le nom du titulaire de la carte doit comporter moins de 256 caractères.\",\n \"fieldEmptyForNumber\" : \"Renseignez un numéro.\",\n \"fieldEmptyForPostalCode\" : \"Renseignez un code postal.\",\n \"fieldInvalidForCardholderName\" : \"Le nom de ce titulaire de la carte est incorrect.\",\n \"fieldInvalidForCvv\" : \"Ce cryptogramme visuel est incorrect.\",\n \"fieldInvalidForExpirationDate\" : \"Cette date d'expiration est incorrecte.\",\n \"fieldInvalidForNumber\" : \"Ce numéro de carte est incorrect.\",\n \"fieldInvalidForPostalCode\" : \"Ce code postal est incorrect.\",\n \"genericError\" : \"Une erreur est survenue.\",\n \"hostedFieldsTokenizationFailOnDuplicateError\" : \"Cette carte bancaire existe déjà en tant que mode de paiement enregistré.\",\n \"hostedFieldsFailedTokenizationError\" : \"Vérifiez vos informations et réessayez.\",\n \"hostedFieldsFieldsInvalidError\" : \"Vérifiez vos informations et réessayez.\",\n \"hostedFieldsTokenizationNetworkErrorError\" : \"Erreur réseau. Réessayez.\",\n \"hostedFieldsTokenizationCvvVerificationFailedError\" : \"Échec de la vérification de carte bancaire. Vérifiez vos informations et réessayez.\",\n \"paypalButtonMustBeUsed\" : \"Utilisez le bouton PayPal pour poursuivre le paiement.\",\n \"paypalAccountTokenizationFailedError\" : \"Une erreur est survenue lors de l'ajout du compte PayPal. Réessayez.\",\n \"paypalFlowFailedError\" : \"Une erreur est survenue lors de la connexion à PayPal. Réessayez.\",\n \"paypalTokenizationRequestActiveError\" : \"L'autorisation de paiement PayPal est déjà en cours.\",\n \"venmoCanceledError\" : \"Une erreur est survenue. Vérifiez que la dernière version de l'application Venmo est installée sur votre appareil et que votre navigateur prend en charge la redirection vers Venmo.\",\n \"vaultManagerPaymentMethodDeletionError\" : \"Impossible de supprimer le mode de paiement, réessayez.\",\n \"venmoAppFailedError\" : \"Nous n'avons pas trouvé l'application Venmo sur votre appareil.\",\n \"unsupportedCardTypeError\" : \"Ce type de carte n'est pas pris en charge. Essayez une autre carte.\",\n \"applePayTokenizationError\" : \"Une erreur réseau est survenue lors du traitement du paiement Apple Pay. Réessayez.\",\n \"applePayActiveCardError\" : \"Enregistrez une carte prise en charge sur votre portefeuille Apple Pay.\",\n \"cardholderNameLabel\" : \"Nom du titulaire de la carte\",\n \"cardNumberLabel\" : \"Numéro de carte\",\n \"cvvLabel\" : \"Crypto.\",\n \"cvvThreeDigitLabelSubheading\" : \"(3 chiffres)\",\n \"cvvFourDigitLabelSubheading\" : \"(4 chiffres)\",\n \"cardholderNamePlaceholder\" : \"Nom du titulaire de la carte\",\n \"expirationDateLabel\" : \"Date d'expiration\",\n \"expirationDateLabelSubheading\" : \"(MM/AA)\",\n \"expirationDatePlaceholder\" : \"MM/AA\",\n \"postalCodeLabel\" : \"Code postal\",\n \"saveCardLabel\" : \"Enregistrer la carte\",\n \"payWithCard\" : \"Payer par carte\",\n \"endingIn\" : \"Se termine le {{lastFourCardDigits}}\",\n \"Apple Pay\" : \"Apple Pay\",\n \"Venmo\" : \"Venmo\",\n \"Card\" : \"Carte\",\n \"PayPal\" : \"PayPal\",\n \"PayPal Credit\" : \"PayPal Credit\",\n \"Google Pay\" : \"Google Pay\",\n \"American Express\" : \"American Express\",\n \"Discover\" : \"Discover\",\n \"Diners Club\" : \"Diners Club\",\n \"Elo\" : \"Elo\",\n \"Hiper\" : \"Hiper\",\n \"Hipercard\" : \"Hipercard\",\n \"MasterCard\" : \"Mastercard\",\n \"Visa\" : \"Visa\",\n \"JCB\" : \"JCB\",\n \"Maestro\" : \"Maestro\",\n \"UnionPay\" : \"UnionPay\"\n}\n;\n\n},{}],234:[function(require,module,exports){\n'use strict';\n\nmodule.exports = {\n \"payingWith\" : \"תשלום באמצעות {{paymentSource}}\",\n \"chooseAnotherWayToPay\" : \"עליך לבחור שיטת תשלום אחרת\",\n \"chooseAWayToPay\" : \"כיצד ברצונך לשלם?\",\n \"otherWaysToPay\" : \"שיטות תשלום אחרות\",\n \"edit\" : \"עריכה\",\n \"doneEditing\" : \"בוצע\",\n \"editPaymentMethods\" : \"עריכת שיטות תשלום\",\n \"CreditCardDeleteConfirmationMessage\" : \"למחוק {{secondaryIdentifier}} הכרטיס המסתיים {{identifier}}?\",\n \"PayPalAccountDeleteConfirmationMessage\" : \"למחוק PayPal החשבון {{identifier}}?\",\n \"VenmoAccountDeleteConfirmationMessage\" : \"האם אתה בטוח שברצונך למחוק את חשבון Venmo הרשום תחת שם המשתמש {{identifier}}?\",\n \"genericDeleteConfirmationMessage\" : \"האם אתה בטוח שברצונך למחוק שיטת תשלום זו?\",\n \"deleteCancelButton\" : \"ביטול\",\n \"deleteConfirmationButton\" : \"מחיקה\",\n \"fieldEmptyForCvv\" : \"עליך למלא את מספר האבטחה של כרטיס האשראי.\",\n \"fieldEmptyForExpirationDate\" : \"עליך למלא את תאריך פקיעת התוקף.\",\n \"fieldEmptyForCardholderName\" : \"עליך למלא את שם בעל הכרטיס.\",\n \"fieldTooLongForCardholderName\" : \"שם בעל הכרטיס יכול להכיל 256 תווים לכל היותר.\",\n \"fieldEmptyForNumber\" : \"עליך למלא את המספר.\",\n \"fieldEmptyForPostalCode\" : \"עליך למלא את המיקוד.\",\n \"fieldInvalidForCardholderName\" : \"שם בעל הכרטיס אינו חוקי.\",\n \"fieldInvalidForCvv\" : \"קוד אבטחה אינו חוקי.\",\n \"fieldInvalidForExpirationDate\" : \"תאריך פקיעת התוקף אינו חוקי.\",\n \"fieldInvalidForNumber\" : \"מספר כרטיס האשראי אינו חוקי.\",\n \"fieldInvalidForPostalCode\" : \"המיקוד אינו חוקי.\",\n \"genericError\" : \"נראה שמשהו השתבש בצד שלנו.\",\n \"hostedFieldsTokenizationFailOnDuplicateError\" : \"כרטיס אשראי זה כבר שמור כשיטת תשלום.\",\n \"hostedFieldsFailedTokenizationError\" : \"עליך לבדוק את הפרטים שלך ולנסות שוב.\",\n \"hostedFieldsFieldsInvalidError\" : \"עליך לבדוק את הפרטים שלך ולנסות שוב.\",\n \"hostedFieldsTokenizationNetworkErrorError\" : \"שגיאת רשת. עליך לנסות שוב.\",\n \"hostedFieldsTokenizationCvvVerificationFailedError\" : \"אימות כרטיס האשראי נכשל. עליך לבדוק את הפרטים שלך ולנסות שוב.\",\n \"paypalButtonMustBeUsed\" : \"להשתמש בלחצן PayPal כדי להמשיך בביצוע התשלום שלך.\",\n \"paypalAccountTokenizationFailedError\" : \"משהו השתבש בעת הוספת חשבון PayPal. עליך לנסות שוב.\",\n \"paypalFlowFailedError\" : \"משהו השתבש בהתחברות ל-PayPal. עליך לנסות שוב.\",\n \"paypalTokenizationRequestActiveError\" : \"אישור התשלום של PayPal כבר מתבצע.\",\n \"venmoCanceledError\" : \"נראה שמשהו השתבש. עליך לוודא שהגרסה העדכנית ביותר של אפליקציית Venmo מותקנת במכשיר שלך, ושהדפדפן שלך תומך במעבר ל-Venmo.\",\n \"vaultManagerPaymentMethodDeletionError\" : \"לא הצלחנו למחוק את שיטת התשלום, עליך לנסות שוב.\",\n \"venmoAppFailedError\" : \"לא מצאנו למצוא את אפליקציית Venmo במכשיר שלך.\",\n \"unsupportedCardTypeError\" : \"סוג כרטיס זה אינו נתמך. עליך לנסות כרטיס אחר.\",\n \"applePayTokenizationError\" : \"אירעה שגיאת רשת בעת עיבוד תשלום התשלומים של Apple Pay. עליך לנסות שוב.\",\n \"applePayActiveCardError\" : \"הוספת כרטיס נתמך לארנק Apple Pay שלך.\",\n \"cardholderNameLabel\" : \"שם בעל הכרטיס\",\n \"cardNumberLabel\" : \"מספר כרטיס\",\n \"cvvLabel\" : \"קוד אבטחת כרטיס (CVV)\",\n \"cvvThreeDigitLabelSubheading\" : \"(3 ספרות)\",\n \"cvvFourDigitLabelSubheading\" : \"(4 ספרות)\",\n \"cardholderNamePlaceholder\" : \"שם בעל הכרטיס\",\n \"expirationDateLabel\" : \"תאריך פקיעת תוקף\",\n \"expirationDateLabelSubheading\" : \"(MM/YY)\",\n \"expirationDatePlaceholder\" : \"MM/YY\",\n \"postalCodeLabel\" : \"מיקוד\",\n \"saveCardLabel\" : \"שמירת כרטיס אשראי\",\n \"payWithCard\" : \"לשלם באמצעות כרטיס אשראי\",\n \"endingIn\" : \"מסתיים בתאריך {{lastFourCardDigits}}\",\n \"Apple Pay\" : \"Apple Pay\",\n \"Venmo\" : \"Venmo\",\n \"Card\" : \"כרטיס\",\n \"PayPal\" : \"PayPal\",\n \"PayPal Credit\" : \"PayPal Credit\",\n \"Google Pay\" : \"Google Pay\",\n \"American Express\" : \"אמריקן אקספרס\",\n \"Discover\" : \"Discover\",\n \"Diners Club\" : \"דיינרס קלאב\",\n \"Elo\" : \"Elo\",\n \"Hiper\" : \"Hiper\",\n \"Hipercard\" : \"HiperCard\",\n \"MasterCard\" : \"מאסטרקארד\",\n \"Visa\" : \"Visa\",\n \"JCB\" : \"JCB\",\n \"Maestro\" : \"Maestro\",\n \"UnionPay\" : \"UnionPay\"\n}\n;\n\n},{}],235:[function(require,module,exports){\n'use strict';\n\nmodule.exports = {\n \"payingWith\" : \"Fizetés ezzel: {{paymentSource}}\",\n \"chooseAnotherWayToPay\" : \"Válasszon másik fizetési módot\",\n \"chooseAWayToPay\" : \"Válasszon fizetési módot\",\n \"otherWaysToPay\" : \"Egyéb fizetési módok\",\n \"edit\" : \"Szerkesztés\",\n \"doneEditing\" : \"Kész\",\n \"editPaymentMethods\" : \"Fizetési módok szerkesztése\",\n \"CreditCardDeleteConfirmationMessage\" : \"Törli a(z) {{identifier}}} végű {{secondaryIdentifier}}} kártyát?\",\n \"PayPalAccountDeleteConfirmationMessage\" : \"Törli a(z) {{identifier}} PayPal-számlát?\",\n \"VenmoAccountDeleteConfirmationMessage\" : \"Biztosan törli a(z) {{identifier}} felhasználónévhez tartozó Venmo-számlát?\",\n \"genericDeleteConfirmationMessage\" : \"Biztosan törli ezt a fizetési módot?\",\n \"deleteCancelButton\" : \"Mégse\",\n \"deleteConfirmationButton\" : \"Törlés\",\n \"fieldEmptyForCvv\" : \"Kérjük, töltse ki a CVV-számot.\",\n \"fieldEmptyForExpirationDate\" : \"Töltse ki a lejárati dátumot.\",\n \"fieldEmptyForCardholderName\" : \"Töltse ki a kártyabirtokos nevét.\",\n \"fieldTooLongForCardholderName\" : \"A kártyatulajdonos neve nem lehet hosszabb mint 256 karakter.\",\n \"fieldEmptyForNumber\" : \"Töltse ki a számot.\",\n \"fieldEmptyForPostalCode\" : \"Töltse ki az irányítószámot.\",\n \"fieldInvalidForCardholderName\" : \"Ez a kártyabirtokos neve nem érvényes.\",\n \"fieldInvalidForCvv\" : \"Ez a biztonsági kód nem érvényes.\",\n \"fieldInvalidForExpirationDate\" : \"Ez a lejárati dátum érvénytelen.\",\n \"fieldInvalidForNumber\" : \"Ez a kártyaszám nem érvényes.\",\n \"fieldInvalidForPostalCode\" : \"Ez az irányítószám nem érvényes.\",\n \"genericError\" : \"Hiba történt a mi oldalunkon.\",\n \"hostedFieldsTokenizationFailOnDuplicateError\" : \"Ez a hitelkártya már szerepel mentett fizetési módként.\",\n \"hostedFieldsFailedTokenizationError\" : \"Ellenőrizze az adatait, majd próbálja újra.\",\n \"hostedFieldsFieldsInvalidError\" : \"Ellenőrizze az adatait, majd próbálja újra.\",\n \"hostedFieldsTokenizationNetworkErrorError\" : \"Hálózati hiba. Próbálja újra.\",\n \"hostedFieldsTokenizationCvvVerificationFailedError\" : \"A hitelkártya hitelesítése sikertelen. Ellenőrizze az adatait, majd próbálja újra.\",\n \"paypalButtonMustBeUsed\" : \"A fizetés folytatásához használja a PayPal-gombot.\",\n \"paypalAccountTokenizationFailedError\" : \"Hiba történt a PayPal-számla hozzáadása közben. Próbálja újra.\",\n \"paypalFlowFailedError\" : \"Hiba történt a PayPalhoz való kapcsolódás közben. Próbálja újra.\",\n \"paypalTokenizationRequestActiveError\" : \"A PayPal-fizetés engedélyezése már folyamatban van.\",\n \"venmoCanceledError\" : \"Hiba történt. Ellenőrizze, hogy eszközére a Venmo-alkalmazás legfrissebb verziója van-e telepítve, és hogy a böngészője támogatja-e a Venmo-ra történő átváltást.\",\n \"vaultManagerPaymentMethodDeletionError\" : \"Nem sikerült törölni a fizetési módot, próbálja újra.\",\n \"venmoAppFailedError\" : \"A Venmo alkalmazást nem találja a rendszer az eszközön.\",\n \"unsupportedCardTypeError\" : \"Ez a kártyatípus nem támogatott. Próbáljon meg egy másik kártyát.\",\n \"applePayTokenizationError\" : \"Hálózati hiba történt az Apple Pay-kifizetés közben. Próbálja újra.\",\n \"applePayActiveCardError\" : \"Adjon egy támogatott kártyát az Apple Pay pénztárcához.\",\n \"cardholderNameLabel\" : \"Kártyabirtokos neve\",\n \"cardNumberLabel\" : \"Kártyaszám\",\n \"cvvLabel\" : \"CVV\",\n \"cvvThreeDigitLabelSubheading\" : \"(3 számjegy)\",\n \"cvvFourDigitLabelSubheading\" : \"(4 számjegy)\",\n \"cardholderNamePlaceholder\" : \"Kártyabirtokos neve\",\n \"expirationDateLabel\" : \"Lejárati dátum\",\n \"expirationDateLabelSubheading\" : \"(HH/ÉÉ)\",\n \"expirationDatePlaceholder\" : \"HH/ÉÉ\",\n \"postalCodeLabel\" : \"Irányítószám\",\n \"saveCardLabel\" : \"Kártya mentése\",\n \"payWithCard\" : \"Fizetés bankkártyával vagy hitelkártyával\",\n \"endingIn\" : \"{{lastFourCardDigits}}} végű\",\n \"Apple Pay\" : \"Apple Pay\",\n \"Venmo\" : \"Venmo\",\n \"Card\" : \"Kártya\",\n \"PayPal\" : \"PayPal\",\n \"PayPal Credit\" : \"PayPal Credit\",\n \"Google Pay\" : \"Google Pay\",\n \"American Express\" : \"American Express\",\n \"Discover\" : \"Discover\",\n \"Diners Club\" : \"Diners Club\",\n \"Elo\" : \"Elo\",\n \"Hiper\" : \"Hiper\",\n \"Hipercard\" : \"Hipercard\",\n \"MasterCard\" : \"Mastercard\",\n \"Visa\" : \"Visa\",\n \"JCB\" : \"JCB\",\n \"Maestro\" : \"Maestro\",\n \"UnionPay\" : \"UnionPay\"\n}\n;\n\n},{}],236:[function(require,module,exports){\n'use strict';\n\nmodule.exports = {\n \"payingWith\" : \"Membayar dengan {{paymentSource}}\",\n \"chooseAnotherWayToPay\" : \"Pilih metode pembayaran lain\",\n \"chooseAWayToPay\" : \"Pilih cara pembayaran\",\n \"otherWaysToPay\" : \"Cara lain untuk membayar\",\n \"edit\" : \"Edit\",\n \"doneEditing\" : \"Selesai\",\n \"editPaymentMethods\" : \"Edit metode pembayaran\",\n \"CreditCardDeleteConfirmationMessage\" : \"Hapus kartu {{secondaryIdentifier}} yang berakhiran dengan {{identifier}}?\",\n \"PayPalAccountDeleteConfirmationMessage\" : \"Hapus rekening PayPal {{identifier}}?\",\n \"VenmoAccountDeleteConfirmationMessage\" : \"Yakin ingin menghapus rekening Venmo dengan nama pengguna {{identifier}}?\",\n \"genericDeleteConfirmationMessage\" : \"Yakin ingin menghapus metode pembayaran ini?\",\n \"deleteCancelButton\" : \"Batalkan\",\n \"deleteConfirmationButton\" : \"Hapus\",\n \"fieldEmptyForCvv\" : \"Mohon mengisi CVV.\",\n \"fieldEmptyForExpirationDate\" : \"Silakan mengisi tanggal kedaluwarsa.\",\n \"fieldEmptyForCardholderName\" : \"Silakan mengisi nama pemilik kartu.\",\n \"fieldTooLongForCardholderName\" : \"Nama pemilik kartu harus kurang dari 256 karakter.\",\n \"fieldEmptyForNumber\" : \"Mohon mengisi angkanya.\",\n \"fieldEmptyForPostalCode\" : \"Mohon mengisi kode pos.\",\n \"fieldInvalidForCardholderName\" : \"Nama pemilik kartu ini tidak valid.\",\n \"fieldInvalidForCvv\" : \"Kode keamanan ini tidak valid.\",\n \"fieldInvalidForExpirationDate\" : \"Tanggal kedaluwarsa ini tidak valid.\",\n \"fieldInvalidForNumber\" : \"Nomor kartu ini tidak valid.\",\n \"fieldInvalidForPostalCode\" : \"Kode pos ini tidak valid.\",\n \"genericError\" : \"Ada yang salah pada sistem kami.\",\n \"hostedFieldsTokenizationFailOnDuplicateError\" : \"Kartu kredit ini telah ada sebelumnya sebagai metode pembayaran tersimpan.\",\n \"hostedFieldsFailedTokenizationError\" : \"Mohon periksa informasi Anda dan coba lagi.\",\n \"hostedFieldsFieldsInvalidError\" : \"Mohon periksa informasi Anda dan coba lagi.\",\n \"hostedFieldsTokenizationNetworkErrorError\" : \"Kesalahan jaringan. Mohon coba lagi.\",\n \"hostedFieldsTokenizationCvvVerificationFailedError\" : \"Verifikasi kartu kredit gagal. Mohon periksa informasi Anda dan coba lagi.\",\n \"paypalButtonMustBeUsed\" : \"Gunakan tombol PayPal untuk melanjutkan pembayaran.\",\n \"paypalAccountTokenizationFailedError\" : \"Terjadi kesalahan saat menambahkan rekening PayPal. Mohon coba lagi.\",\n \"paypalFlowFailedError\" : \"Terjadi kesalahan ketika menghubungkan ke PayPal. Mohon coba lagi.\",\n \"paypalTokenizationRequestActiveError\" : \"Otorisasi pembayaran PayPal sedang diproses.\",\n \"venmoCanceledError\" : \"Terjadi kesalahan. Pastikan Anda memiliki aplikasi Venmo versi terbaru di perangkat dan peramban Anda mendukung peralihan ke Venmo.\",\n \"vaultManagerPaymentMethodDeletionError\" : \"Tidak dapat menghapus metode pembayaran, coba lagi.\",\n \"venmoAppFailedError\" : \"Aplikasi Venmo tidak dapat ditemukan di perangkat Anda.\",\n \"unsupportedCardTypeError\" : \"Jenis kartu ini tidak didukung. Mohon coba kartu lainnya.\",\n \"applePayTokenizationError\" : \"Terjadi kesalahan pada jaringan saat memproses pembayaran Apple Pay. Mohon coba lagi.\",\n \"applePayActiveCardError\" : \"Tambahkan kartu yang didukung oleh wallet Apple Pay Anda.\",\n \"cardholderNameLabel\" : \"Nama Pemilik Kartu\",\n \"cardNumberLabel\" : \"Nomor Kartu\",\n \"cvvLabel\" : \"CVV\",\n \"cvvThreeDigitLabelSubheading\" : \"(3 angka)\",\n \"cvvFourDigitLabelSubheading\" : \"(4 angka)\",\n \"cardholderNamePlaceholder\" : \"Nama Pemilik Kartu\",\n \"expirationDateLabel\" : \"Tanggal Kedaluwarsa\",\n \"expirationDateLabelSubheading\" : \"(BB/TT)\",\n \"expirationDatePlaceholder\" : \"BB/TT\",\n \"postalCodeLabel\" : \"Kode Pos\",\n \"saveCardLabel\" : \"Simpan kartu\",\n \"payWithCard\" : \"Bayar dengan kartu\",\n \"endingIn\" : \"Berakhiran dengan {{lastFourCardDigits}}\",\n \"Apple Pay\" : \"Apple Pay\",\n \"Venmo\" : \"Venmo\",\n \"Card\" : \"Kartu\",\n \"PayPal\" : \"PayPal\",\n \"PayPal Credit\" : \"PayPal Credit\",\n \"Google Pay\" : \"Google Pay\",\n \"American Express\" : \"American Express\",\n \"Discover\" : \"Jelajahi\",\n \"Diners Club\" : \"Diners Club\",\n \"Elo\" : \"Elo\",\n \"Hiper\" : \"Hiper\",\n \"Hipercard\" : \"Hipercard\",\n \"MasterCard\" : \"Mastercard\",\n \"Visa\" : \"Visa\",\n \"JCB\" : \"JCB\",\n \"Maestro\" : \"Maestro\",\n \"UnionPay\" : \"UnionPay\"\n}\n;\n\n},{}],237:[function(require,module,exports){\n/* eslint-disable camelcase */\n'use strict';\n\nvar assign = require('../lib/assign').assign;\n\nvar fiveCharacterLocales = {\n ar_EG: require('./ar_EG'),\n cs_CZ: require('./cs_CZ'),\n da_DK: require('./da_DK'),\n de_DE: require('./de_DE'),\n el_GR: require('./el_GR'),\n en_AU: require('./en_AU'),\n en_GB: require('./en_GB'),\n en_IN: require('./en_IN'),\n en_US: require('./en_US'),\n es_ES: require('./es_ES'),\n es_XC: require('./es_XC'),\n fi_FI: require('./fi_FI'),\n fr_CA: require('./fr_CA'),\n fr_FR: require('./fr_FR'),\n fr_XC: require('./fr_XC'),\n he_IL: require('./he_IL'),\n hu_HU: require('./hu_HU'),\n id_ID: require('./id_ID'),\n it_IT: require('./it_IT'),\n ja_JP: require('./ja_JP'),\n ko_KR: require('./ko_KR'),\n nl_NL: require('./nl_NL'),\n no_NO: require('./no_NO'),\n pl_PL: require('./pl_PL'),\n pt_BR: require('./pt_BR'),\n pt_PT: require('./pt_PT'),\n ru_RU: require('./ru_RU'),\n sk_SK: require('./sk_SK'),\n sv_SE: require('./sv_SE'),\n th_TH: require('./th_TH'),\n zh_CN: require('./zh_CN'),\n zh_HK: require('./zh_HK'),\n zh_TW: require('./zh_TW'),\n zh_XC: require('./zh_XC')\n};\n\nvar twoCharacterLocaleAliases = {\n ar: fiveCharacterLocales.ar_EG,\n cs: fiveCharacterLocales.cs_CZ,\n da: fiveCharacterLocales.da_DK,\n de: fiveCharacterLocales.de_DE,\n el: fiveCharacterLocales.el_GR,\n en: fiveCharacterLocales.en_US,\n es: fiveCharacterLocales.es_ES,\n fi: fiveCharacterLocales.fi_FI,\n fr: fiveCharacterLocales.fr_FR,\n id: fiveCharacterLocales.id_ID,\n it: fiveCharacterLocales.it_IT,\n hu: fiveCharacterLocales.hu_HU,\n ja: fiveCharacterLocales.ja_JP,\n ko: fiveCharacterLocales.ko_KR,\n nl: fiveCharacterLocales.nl_NL,\n no: fiveCharacterLocales.no_NO,\n pl: fiveCharacterLocales.pl_PL,\n pt: fiveCharacterLocales.pt_PT,\n ru: fiveCharacterLocales.ru_RU,\n sk: fiveCharacterLocales.sk_SK,\n sv: fiveCharacterLocales.sv_SE,\n th: fiveCharacterLocales.th_TH,\n zh: fiveCharacterLocales.zh_CN\n};\n\nmodule.exports = {\n twoCharacterLocaleAliases: twoCharacterLocaleAliases,\n fiveCharacterLocales: fiveCharacterLocales,\n translations: assign({}, twoCharacterLocaleAliases, fiveCharacterLocales)\n};\n/* eslint-enable camelcase */\n\n},{\"../lib/assign\":202,\"./ar_EG\":219,\"./cs_CZ\":220,\"./da_DK\":221,\"./de_DE\":222,\"./el_GR\":223,\"./en_AU\":224,\"./en_GB\":225,\"./en_IN\":226,\"./en_US\":227,\"./es_ES\":228,\"./es_XC\":229,\"./fi_FI\":230,\"./fr_CA\":231,\"./fr_FR\":232,\"./fr_XC\":233,\"./he_IL\":234,\"./hu_HU\":235,\"./id_ID\":236,\"./it_IT\":238,\"./ja_JP\":239,\"./ko_KR\":240,\"./nl_NL\":241,\"./no_NO\":242,\"./pl_PL\":243,\"./pt_BR\":244,\"./pt_PT\":245,\"./ru_RU\":246,\"./sk_SK\":247,\"./sv_SE\":248,\"./th_TH\":249,\"./zh_CN\":250,\"./zh_HK\":251,\"./zh_TW\":252,\"./zh_XC\":253}],238:[function(require,module,exports){\n'use strict';\n\nmodule.exports = {\n \"payingWith\" : \"Metodo di pagamento: {{paymentSource}}\",\n \"chooseAnotherWayToPay\" : \"Scegli un altro metodo di pagamento\",\n \"chooseAWayToPay\" : \"Scegli un metodo di pagamento\",\n \"otherWaysToPay\" : \"Altri metodi di pagamento\",\n \"edit\" : \"Modifica\",\n \"doneEditing\" : \"Fine\",\n \"editPaymentMethods\" : \"Modifica metodi di pagamento\",\n \"CreditCardDeleteConfirmationMessage\" : \"Eliminare la carta {{secondaryIdentifier}} le cui ultime cifre sono {{identifier}}?\",\n \"PayPalAccountDeleteConfirmationMessage\" : \"Eliminare il conto PayPal {{identifier}}?\",\n \"VenmoAccountDeleteConfirmationMessage\" : \"Vuoi davvero eliminare il conto Venmo con il nome utente {{identifier}}?\",\n \"genericDeleteConfirmationMessage\" : \"Vuoi davvero eliminare questo metodo di pagamento?\",\n \"deleteCancelButton\" : \"Annulla\",\n \"deleteConfirmationButton\" : \"Rimuovi\",\n \"fieldEmptyForCvv\" : \"Compila un CVV.\",\n \"fieldEmptyForExpirationDate\" : \"Compila una data di scadenza.\",\n \"fieldEmptyForCardholderName\" : \"Compila un nome del titolare.\",\n \"fieldTooLongForCardholderName\" : \"Il nome del titolare della carta non può contenere più di 256 caratteri.\",\n \"fieldEmptyForNumber\" : \"Compila un numero.\",\n \"fieldEmptyForPostalCode\" : \"Compila un CAP.\",\n \"fieldInvalidForCardholderName\" : \"Il nome del titolare non è valido.\",\n \"fieldInvalidForCvv\" : \"Il codice di sicurezza non è valido.\",\n \"fieldInvalidForExpirationDate\" : \"La data di scadenza non è valida.\",\n \"fieldInvalidForNumber\" : \"Il numero di carta non è valido.\",\n \"fieldInvalidForPostalCode\" : \"Il CAP non è valido.\",\n \"genericError\" : \"Si è verificato un errore nei nostri sistemi.\",\n \"hostedFieldsTokenizationFailOnDuplicateError\" : \"Questa carta di credito esiste già come metodo di pagamento salvato.\",\n \"hostedFieldsFailedTokenizationError\" : \"Controlla i tuoi dati e riprova.\",\n \"hostedFieldsFieldsInvalidError\" : \"Controlla i tuoi dati e riprova.\",\n \"hostedFieldsTokenizationNetworkErrorError\" : \"Errore di rete. Riprova.\",\n \"hostedFieldsTokenizationCvvVerificationFailedError\" : \"Verifica della carta di credito non riuscita. Controlla i tuoi dati e riprova.\",\n \"paypalButtonMustBeUsed\" : \"Usa il pulsante PayPal per continuare con il pagamento.\",\n \"paypalAccountTokenizationFailedError\" : \"Si è verificato un errore durante l'aggiunta del conto PayPal. Riprova.\",\n \"paypalFlowFailedError\" : \"Si è verificato un errore durante la connessione a PayPal. Riprova.\",\n \"paypalTokenizationRequestActiveError\" : \"Autorizzazione di pagamento PayPal già in corso.\",\n \"venmoCanceledError\" : \"Si è verificato un errore. Assicurati di avere installato la versione più recente dell'app Venmo sul tuo dispositivo e che il tuo browser supporti il passaggio a Venmo.\",\n \"vaultManagerPaymentMethodDeletionError\" : \"Impossibile eliminare il metodo di pagamento, riprova.\",\n \"venmoAppFailedError\" : \"Impossibile trovare l'app Venmo sul tuo dispositivo.\",\n \"unsupportedCardTypeError\" : \"Questo tipo di carta non è supportato. Prova con un'altra carta.\",\n \"applePayTokenizationError\" : \"Si è verificato un errore di rete durante l'elaborazione del pagamento Apple Pay. Riprova.\",\n \"applePayActiveCardError\" : \"Aggiungi una carta supportata al tuo portafoglio Apple Pay.\",\n \"cardholderNameLabel\" : \"Nome del titolare\",\n \"cardNumberLabel\" : \"Numero di carta\",\n \"cvvLabel\" : \"CVV\",\n \"cvvThreeDigitLabelSubheading\" : \"(3 cifre)\",\n \"cvvFourDigitLabelSubheading\" : \"(4 cifre)\",\n \"cardholderNamePlaceholder\" : \"Nome del titolare\",\n \"expirationDateLabel\" : \"Data di scadenza\",\n \"expirationDateLabelSubheading\" : \"(MM/AA)\",\n \"expirationDatePlaceholder\" : \"MM/AA\",\n \"postalCodeLabel\" : \"CAP\",\n \"saveCardLabel\" : \"Salva carta\",\n \"payWithCard\" : \"Paga con una carta\",\n \"endingIn\" : \"Le ultime cifre sono {{lastFourCardDigits}}\",\n \"Apple Pay\" : \"Apple Pay\",\n \"Venmo\" : \"Venmo\",\n \"Card\" : \"Carta\",\n \"PayPal\" : \"PayPal\",\n \"PayPal Credit\" : \"PayPal Credit\",\n \"Google Pay\" : \"Google Pay\",\n \"American Express\" : \"American Express\",\n \"Discover\" : \"Discover\",\n \"Diners Club\" : \"Diners Club\",\n \"Elo\" : \"Elo\",\n \"Hiper\" : \"Hiper\",\n \"Hipercard\" : \"Hipercard\",\n \"MasterCard\" : \"Mastercard\",\n \"Visa\" : \"Visa\",\n \"JCB\" : \"JCB\",\n \"Maestro\" : \"Maestro\",\n \"UnionPay\" : \"UnionPay\"\n}\n;\n\n},{}],239:[function(require,module,exports){\n'use strict';\n\nmodule.exports = {\n \"payingWith\" : \"{{paymentSource}}でのお支払い\",\n \"chooseAnotherWayToPay\" : \"別の支払方法を選択してください\",\n \"chooseAWayToPay\" : \"支払方法を選択してください\",\n \"otherWaysToPay\" : \"その他の支払方法\",\n \"edit\" : \"編集\",\n \"doneEditing\" : \"完了\",\n \"editPaymentMethods\" : \"支払方法の編集\",\n \"CreditCardDeleteConfirmationMessage\" : \"{{secondaryIdentifier}}カード(末尾番号: {{identifier}})を削除しますか?\",\n \"PayPalAccountDeleteConfirmationMessage\" : \"PayPalアカウント{{identifier}}を削除しますか?\",\n \"VenmoAccountDeleteConfirmationMessage\" : \"ユーザー名{{identifier}}のVenmoアカウントを削除してよろしいですか?\",\n \"genericDeleteConfirmationMessage\" : \"この支払方法を削除しますか?\",\n \"deleteCancelButton\" : \"キャンセル\",\n \"deleteConfirmationButton\" : \"削除\",\n \"fieldEmptyForCvv\" : \"CVVを入力してください。\",\n \"fieldEmptyForExpirationDate\" : \"有効期限を入力してください。\",\n \"fieldEmptyForCardholderName\" : \"カード保有者の名前を入力してください。\",\n \"fieldTooLongForCardholderName\" : \"カード保有者の名前は256文字未満にしてください。\",\n \"fieldEmptyForNumber\" : \"番号を入力してください。\",\n \"fieldEmptyForPostalCode\" : \"郵便番号を入力してください。\",\n \"fieldInvalidForCardholderName\" : \"このカード保有者の名前は無効です。\",\n \"fieldInvalidForCvv\" : \"このセキュリティコードは無効です。\",\n \"fieldInvalidForExpirationDate\" : \"この有効期限は無効です。\",\n \"fieldInvalidForNumber\" : \"このカード番号は無効です。\",\n \"fieldInvalidForPostalCode\" : \"この郵便番号は無効です。\",\n \"genericError\" : \"弊社側で問題が発生しました。\",\n \"hostedFieldsTokenizationFailOnDuplicateError\" : \"このクレジットカードは、保存済みの支払方法としてすでに存在します。\",\n \"hostedFieldsFailedTokenizationError\" : \"情報を確認してもう一度お試しください。\",\n \"hostedFieldsFieldsInvalidError\" : \"情報を確認してもう一度お試しください。\",\n \"hostedFieldsTokenizationNetworkErrorError\" : \"ネットワークエラーです。再度お試しください。\",\n \"hostedFieldsTokenizationCvvVerificationFailedError\" : \"クレジットカードの認証に失敗しました。情報を確認してもう一度お試しください。\",\n \"paypalButtonMustBeUsed\" : \"支払いを続行するには、PayPalボタンを使用します。\",\n \"paypalAccountTokenizationFailedError\" : \"PayPalアカウントの追加中に問題が発生しました。再度お試しください。\",\n \"paypalFlowFailedError\" : \"PayPalへの接続に問題が発生しました。再度お試しください。\",\n \"paypalTokenizationRequestActiveError\" : \"PayPalの支払い承認はすでに処理中です。\",\n \"venmoCanceledError\" : \"問題が発生しました。お使いの端末にVenmoアプリの最新バージョンがインストールされており、お使いのブラウザがVenmoへの切り替えをサポートしていることをご確認ください。\",\n \"vaultManagerPaymentMethodDeletionError\" : \"支払方法を削除できない場合は、もう一度お試しください。\",\n \"venmoAppFailedError\" : \"お客さまの端末でVenmoアプリを見つけることができませんでした。\",\n \"unsupportedCardTypeError\" : \"このカードのタイプはサポートされていません。別のカードをご使用ください。\",\n \"applePayTokenizationError\" : \"Apple Payの支払いの処理中にネットワークエラーが発生しました。再度お試しください。\",\n \"applePayActiveCardError\" : \"Apple Payウォレットに対応しているカードを追加してください。\",\n \"cardholderNameLabel\" : \"カード保有者の名前\",\n \"cardNumberLabel\" : \"カード番号\",\n \"cvvLabel\" : \"CVV\",\n \"cvvThreeDigitLabelSubheading\" : \"(3桁)\",\n \"cvvFourDigitLabelSubheading\" : \"(4桁)\",\n \"cardholderNamePlaceholder\" : \"カード保有者の名前\",\n \"expirationDateLabel\" : \"有効期限\",\n \"expirationDateLabelSubheading\" : \"(MM/YY)\",\n \"expirationDatePlaceholder\" : \"MM/YY\",\n \"postalCodeLabel\" : \"郵便番号\",\n \"saveCardLabel\" : \"カードを保存\",\n \"payWithCard\" : \"カードで支払う\",\n \"endingIn\" : \"末尾番号: {{lastFourCardDigits}}\",\n \"Apple Pay\" : \"Apple Pay\",\n \"Venmo\" : \"Venmo\",\n \"Card\" : \"カード\",\n \"PayPal\" : \"PayPal\",\n \"PayPal Credit\" : \"PayPal Credit\",\n \"Google Pay\" : \"Google Pay\",\n \"American Express\" : \"American Express\",\n \"Discover\" : \"Discover\",\n \"Diners Club\" : \"Diners Club\",\n \"Elo\" : \"Elo\",\n \"Hiper\" : \"Hiper\",\n \"Hipercard\" : \"Hipercard\",\n \"MasterCard\" : \"Mastercard\",\n \"Visa\" : \"Visa\",\n \"JCB\" : \"JCB\",\n \"Maestro\" : \"Maestro\",\n \"UnionPay\" : \"銀聯(UnionPay)\"\n}\n;\n\n},{}],240:[function(require,module,exports){\n'use strict';\n\nmodule.exports = {\n \"payingWith\" : \"결제수단: {{paymentSource}}\",\n \"chooseAnotherWayToPay\" : \"다른 결제수단을 선택해 주세요.\",\n \"chooseAWayToPay\" : \"결제수단 선택\",\n \"otherWaysToPay\" : \"다른 결제수단\",\n \"edit\" : \"편집\",\n \"doneEditing\" : \"완료\",\n \"editPaymentMethods\" : \"결제수단 편집\",\n \"CreditCardDeleteConfirmationMessage\" : \"{{identifier}}(으)로 끝나는 {{secondaryIdentifier}} 카드를 삭제하시겠습니까?\",\n \"PayPalAccountDeleteConfirmationMessage\" : \"PayPal 계정 {{identifier}}을(를) 삭제하시겠습니까?\",\n \"VenmoAccountDeleteConfirmationMessage\" : \"사용자 이름 {{identifier}}의 Venmo 계정을 정말 삭제하시겠습니까?\",\n \"genericDeleteConfirmationMessage\" : \"이 결제수단을 삭제하시겠습니까?\",\n \"deleteCancelButton\" : \"취소\",\n \"deleteConfirmationButton\" : \"삭제\",\n \"fieldEmptyForCvv\" : \"CVV를 입력하세요.\",\n \"fieldEmptyForExpirationDate\" : \"만료일을 입력하세요.\",\n \"fieldEmptyForCardholderName\" : \"카드 소유자 이름을 입력하세요.\",\n \"fieldTooLongForCardholderName\" : \"카드 소유자 이름은 256자 미만이어야 합니다.\",\n \"fieldEmptyForNumber\" : \"번호를 입력하세요.\",\n \"fieldEmptyForPostalCode\" : \"우편번호를 입력하세요.\",\n \"fieldInvalidForCardholderName\" : \"이 카드 소유자 이름은 유효하지 않습니다.\",\n \"fieldInvalidForCvv\" : \"이 보안 코드는 유효하지 않습니다.\",\n \"fieldInvalidForExpirationDate\" : \"이 만료일은 유효하지 않습니다.\",\n \"fieldInvalidForNumber\" : \"이 카드 번호는 유효하지 않습니다.\",\n \"fieldInvalidForPostalCode\" : \"이 우편번호는 유효하지 않습니다.\",\n \"genericError\" : \"저희 쪽에 문제가 발생했습니다.\",\n \"hostedFieldsTokenizationFailOnDuplicateError\" : \"이 신용카드는 이미 저장된 결제수단으로 설정되어 있습니다.\",\n \"hostedFieldsFailedTokenizationError\" : \"정보를 확인하고 다시 시도해 주세요.\",\n \"hostedFieldsFieldsInvalidError\" : \"정보를 확인하고 다시 시도해 주세요.\",\n \"hostedFieldsTokenizationNetworkErrorError\" : \"네트워크 오류입니다. 다시 시도해 주세요.\",\n \"hostedFieldsTokenizationCvvVerificationFailedError\" : \"신용카드 인증에 실패했습니다. 정보를 확인하고 다시 시도해 주세요.\",\n \"paypalButtonMustBeUsed\" : \"PayPal 버튼을 사용하여 결제를 계속 진행하세요.\",\n \"paypalAccountTokenizationFailedError\" : \"PayPal 계정을 추가하는 중에 문제가 발생했습니다. 다시 시도해 주세요.\",\n \"paypalFlowFailedError\" : \"PayPal에 연결하는 데 문제가 발생했습니다. 다시 시도해 주세요.\",\n \"paypalTokenizationRequestActiveError\" : \"PayPal 결제 승인이 이미 진행 중입니다.\",\n \"venmoCanceledError\" : \"오류가 발생했습니다. 기기에 최신 버전의 Venmo 앱이 설치되어 있고 브라우저가 Venmo로의 전환을 지원하는지 확인하세요.\",\n \"vaultManagerPaymentMethodDeletionError\" : \"결제수단을 삭제할 수 없습니다. 다시 시도해 주세요.\",\n \"venmoAppFailedError\" : \"기기에서 Venmo 앱을 찾을 수 없습니다.\",\n \"unsupportedCardTypeError\" : \"이 카드 유형은 지원되지 않습니다. 다른 카드로 시도해 주세요.\",\n \"applePayTokenizationError\" : \"Apple Pay 결제를 처리하는 동안 네트워크 오류가 발생했습니다. 다시 시도해 주세요.\",\n \"applePayActiveCardError\" : \"Apple Pay 전자지갑에 지원되는 카드를 추가하세요.\",\n \"cardholderNameLabel\" : \"카드 소유자 이름\",\n \"cardNumberLabel\" : \"카드 번호\",\n \"cvvLabel\" : \"CVV\",\n \"cvvThreeDigitLabelSubheading\" : \"(3자리)\",\n \"cvvFourDigitLabelSubheading\" : \"(4자리)\",\n \"cardholderNamePlaceholder\" : \"카드 소유자 이름\",\n \"expirationDateLabel\" : \"만료일\",\n \"expirationDateLabelSubheading\" : \"(MM/YY)\",\n \"expirationDatePlaceholder\" : \"MM/YY\",\n \"postalCodeLabel\" : \"우편번호\",\n \"saveCardLabel\" : \"카드 저장\",\n \"payWithCard\" : \"카드로 결제\",\n \"endingIn\" : \"다음으로 끝남: {{lastFourCardDigits}}\",\n \"Apple Pay\" : \"Apple Pay\",\n \"Venmo\" : \"Venmo\",\n \"Card\" : \"카드\",\n \"PayPal\" : \"PayPal\",\n \"PayPal Credit\" : \"PayPal Credit\",\n \"Google Pay\" : \"Google Pay\",\n \"American Express\" : \"American Express\",\n \"Discover\" : \"Discover\",\n \"Diners Club\" : \"Diners Club\",\n \"Elo\" : \"Elo\",\n \"Hiper\" : \"Hiper\",\n \"Hipercard\" : \"Hipercard\",\n \"MasterCard\" : \"Mastercard\",\n \"Visa\" : \"Visa\",\n \"JCB\" : \"JCB\",\n \"Maestro\" : \"Maestro\",\n \"UnionPay\" : \"UnionPay\"\n}\n;\n\n},{}],241:[function(require,module,exports){\n'use strict';\n\nmodule.exports = {\n \"payingWith\" : \"Betalen met {{paymentSource}}\",\n \"chooseAnotherWayToPay\" : \"Kies een andere betaalmethode\",\n \"chooseAWayToPay\" : \"Kies een betaalmethode\",\n \"otherWaysToPay\" : \"Andere betaalmethoden\",\n \"edit\" : \"Bewerken\",\n \"doneEditing\" : \"Klaar\",\n \"editPaymentMethods\" : \"Betaalmethoden bewerken\",\n \"CreditCardDeleteConfirmationMessage\" : \"{{secondaryIdentifier}}-kaart eindigend op {{identifier}} verwijderen?\",\n \"PayPalAccountDeleteConfirmationMessage\" : \"PayPal-rekening {{identifier}} verwijderen?\",\n \"VenmoAccountDeleteConfirmationMessage\" : \"Weet je zeker dat je de Venmo-rekening met gebruikersnaam {{identifier}} wilt verwijderen?\",\n \"genericDeleteConfirmationMessage\" : \"Weet je zeker dat je deze betaalmethode wilt verwijderen?\",\n \"deleteCancelButton\" : \"Annuleren\",\n \"deleteConfirmationButton\" : \"Verwijderen\",\n \"fieldEmptyForCvv\" : \"Vul een CVV in.\",\n \"fieldEmptyForExpirationDate\" : \"Vul een vervaldatum in.\",\n \"fieldEmptyForCardholderName\" : \"Vul de naam van de kaarthouder in.\",\n \"fieldTooLongForCardholderName\" : \"Naam kaarthouder moet minder dan 256 tekens bevatten.\",\n \"fieldEmptyForNumber\" : \"Vul een nummer in.\",\n \"fieldEmptyForPostalCode\" : \"Vul een postcode in.\",\n \"fieldInvalidForCardholderName\" : \"Naam kaarthouder is ongeldig.\",\n \"fieldInvalidForCvv\" : \"Deze beveiligingscode is ongeldig.\",\n \"fieldInvalidForExpirationDate\" : \"Deze vervaldatum is ongeldig.\",\n \"fieldInvalidForNumber\" : \"Dit kaartnummer is ongeldig.\",\n \"fieldInvalidForPostalCode\" : \"Deze postcode is ongeldig.\",\n \"genericError\" : \"Er is aan onze kant iets fout gegaan.\",\n \"hostedFieldsTokenizationFailOnDuplicateError\" : \"Deze creditcard bestaat al als opgeslagen betaalmethode.\",\n \"hostedFieldsFailedTokenizationError\" : \"Controleer je gegevens en probeer het opnieuw.\",\n \"hostedFieldsFieldsInvalidError\" : \"Controleer je gegevens en probeer het opnieuw.\",\n \"hostedFieldsTokenizationNetworkErrorError\" : \"Netwerkfout. Probeer het opnieuw.\",\n \"hostedFieldsTokenizationCvvVerificationFailedError\" : \"Verificatie van creditcard is mislukt. Controleer je gegevens en probeer het opnieuw.\",\n \"paypalButtonMustBeUsed\" : \"Gebruik de PayPal-knop om door te gaan met je betaling.\",\n \"paypalAccountTokenizationFailedError\" : \"Er is iets fout gegaan bij het toevoegen van de PayPal-rekening. Probeer het opnieuw.\",\n \"paypalFlowFailedError\" : \"Er is iets fout gegaan bij het verbinden met PayPal. Probeer het opnieuw.\",\n \"paypalTokenizationRequestActiveError\" : \"PayPal-betaalautorisatie is al in voortgang.\",\n \"venmoCanceledError\" : \"Er is iets fout gegaan. Zorg ervoor dat je de recentste versie van de Venmo-app op je apparaat geïnstalleerd hebt en dat je browser ondersteuning biedt voor overschakelen naar Venmo.\",\n \"vaultManagerPaymentMethodDeletionError\" : \"Kan betaalmethode niet verwijderen. Probeer het opnieuw.\",\n \"venmoAppFailedError\" : \"De Venmo-app is niet gevonden op je apparaat.\",\n \"unsupportedCardTypeError\" : \"Dit kaarttype wordt niet ondersteund. Gebruik een andere kaart.\",\n \"applePayTokenizationError\" : \"Er is een netwerkfout opgetreden bij het verwerken van de Apple Pay-betaling. Probeer het opnieuw.\",\n \"applePayActiveCardError\" : \"Voeg een ondersteunde kaart toe aan je Apple Pay-wallet.\",\n \"cardholderNameLabel\" : \"Naam kaarthouder\",\n \"cardNumberLabel\" : \"Kaartnummer\",\n \"cvvLabel\" : \"CVV\",\n \"cvvThreeDigitLabelSubheading\" : \"(3 cijfers)\",\n \"cvvFourDigitLabelSubheading\" : \"(4 cijfers)\",\n \"cardholderNamePlaceholder\" : \"Naam kaarthouder\",\n \"expirationDateLabel\" : \"Vervaldatum\",\n \"expirationDateLabelSubheading\" : \"(mm/jj)\",\n \"expirationDatePlaceholder\" : \"mm/jj\",\n \"postalCodeLabel\" : \"Postcode\",\n \"saveCardLabel\" : \"Kaart opslaan\",\n \"payWithCard\" : \"Betalen met kaart\",\n \"endingIn\" : \"Eindigend op {{lastFourCardDigits}}\",\n \"Apple Pay\" : \"Apple Pay\",\n \"Venmo\" : \"Venmo\",\n \"Card\" : \"Kaart\",\n \"PayPal\" : \"PayPal\",\n \"PayPal Credit\" : \"PayPal Credit\",\n \"Google Pay\" : \"Google Pay\",\n \"American Express\" : \"American Express\",\n \"Discover\" : \"Discover\",\n \"Diners Club\" : \"Diners Club\",\n \"Elo\" : \"Elo\",\n \"Hiper\" : \"Hiper\",\n \"Hipercard\" : \"Hipercard\",\n \"MasterCard\" : \"Mastercard\",\n \"Visa\" : \"Visa\",\n \"JCB\" : \"JCB\",\n \"Maestro\" : \"Maestro\",\n \"UnionPay\" : \"UnionPay\"\n}\n;\n\n},{}],242:[function(require,module,exports){\n'use strict';\n\nmodule.exports = {\n \"payingWith\" : \"Betaler med {{paymentSource}}\",\n \"chooseAnotherWayToPay\" : \"Velg en annen betalingsmåte\",\n \"chooseAWayToPay\" : \"Velg betalingsmåte\",\n \"otherWaysToPay\" : \"Andre betalingsmåter\",\n \"edit\" : \"Endre\",\n \"doneEditing\" : \"Ferdig\",\n \"editPaymentMethods\" : \"Rediger betalingsmetode\",\n \"CreditCardDeleteConfirmationMessage\" : \"Vil du slette {{secondaryIdentifier}}-kortet som slutter på {{identifier}}?\",\n \"PayPalAccountDeleteConfirmationMessage\" : \"Vil du slette PayPal-konto {{identifier}}?\",\n \"VenmoAccountDeleteConfirmationMessage\" : \"Er du sikker på at du vil slette Venmo-kontoen med brukernavnet {{identifier}}?\",\n \"genericDeleteConfirmationMessage\" : \"Er du sikker på at du vil slette denne betalingsmetoden?\",\n \"deleteCancelButton\" : \"Avbryt\",\n \"deleteConfirmationButton\" : \"Slett\",\n \"fieldEmptyForCvv\" : \"Fyll ut sikkerhetskode (CVV).\",\n \"fieldEmptyForExpirationDate\" : \"Fyll ut utløpsdato.\",\n \"fieldEmptyForCardholderName\" : \"Fyll ut kortinnehavers navn.\",\n \"fieldTooLongForCardholderName\" : \"Kortinnehaverens må ha mindre enn 256 tegn.\",\n \"fieldEmptyForNumber\" : \"Fyll ut nummer.\",\n \"fieldEmptyForPostalCode\" : \"Fyll ut postnummer.\",\n \"fieldInvalidForCardholderName\" : \"Denne kortinnehaverens navn er ikke gyldig.\",\n \"fieldInvalidForCvv\" : \"Denne sikkerhetskoden er ikke gyldig.\",\n \"fieldInvalidForExpirationDate\" : \"Denne utløpsdatoen er ikke gyldig.\",\n \"fieldInvalidForNumber\" : \"Dette kortnummeret er ikke gyldig.\",\n \"fieldInvalidForPostalCode\" : \"Dette postnummeret er ikke gyldig.\",\n \"genericError\" : \"Noe gikk galt hos oss.\",\n \"hostedFieldsTokenizationFailOnDuplicateError\" : \"Dette betalingskortet finnes allerede som en lagret betalingsmetode.\",\n \"hostedFieldsFailedTokenizationError\" : \"Kontroller informasjonen, og prøv på nytt.\",\n \"hostedFieldsFieldsInvalidError\" : \"Kontroller informasjonen, og prøv på nytt.\",\n \"hostedFieldsTokenizationNetworkErrorError\" : \"Nettverksfeil. Prøv på nytt.\",\n \"hostedFieldsTokenizationCvvVerificationFailedError\" : \"Kontroll av betalingskort mislyktes. Kontroller informasjonen, og prøv på nytt.\",\n \"paypalButtonMustBeUsed\" : \"Bruk PayPal-knappen for å fortsette med betalingen.\",\n \"paypalAccountTokenizationFailedError\" : \"Kan ikke legge til PayPal-kontoen. Prøv på nytt.\",\n \"paypalFlowFailedError\" : \"Kan ikke koble til PayPal. Prøv på nytt.\",\n \"paypalTokenizationRequestActiveError\" : \"PayPals prosess for betalingsgodkjenning har allerede startet.\",\n \"venmoCanceledError\" : \"Noe gikk galt. Kontroller at den nyeste versjonen av Venmo-appen er installert på enheten din, og at nettleseren din støtter bruk av Venmo.\",\n \"vaultManagerPaymentMethodDeletionError\" : \"Kan ikke slette betalingsmetoden. Prøv på nytt.\",\n \"venmoAppFailedError\" : \"Finner ikke Venmo-appen på enheten.\",\n \"unsupportedCardTypeError\" : \"Denne korttypen støttes ikke. Prøv et annet kort.\",\n \"applePayTokenizationError\" : \"Nettverksfeil under behandling av Apple Pay-betalingen. Prøv på nytt.\",\n \"applePayActiveCardError\" : \"Legg til et støttet kort i e-lommeboken for Apple Pay.\",\n \"cardholderNameLabel\" : \"Kortinnehavers navn\",\n \"cardNumberLabel\" : \"Kortnummer\",\n \"cvvLabel\" : \"CVV\",\n \"cvvThreeDigitLabelSubheading\" : \"(3 sifre)\",\n \"cvvFourDigitLabelSubheading\" : \"(4 sifre)\",\n \"cardholderNamePlaceholder\" : \"Kortinnehavers navn\",\n \"expirationDateLabel\" : \"Utløpsdato\",\n \"expirationDateLabelSubheading\" : \"(MM/ÅÅ)\",\n \"expirationDatePlaceholder\" : \"MM/ÅÅ\",\n \"postalCodeLabel\" : \"Postnummer\",\n \"saveCardLabel\" : \"Lagre kort\",\n \"payWithCard\" : \"Betal med kort\",\n \"endingIn\" : \"Slutter på {{lastFourCardDigits}}\",\n \"Apple Pay\" : \"Apple Pay\",\n \"Venmo\" : \"Venmo\",\n \"Card\" : \"Kort\",\n \"PayPal\" : \"PayPal\",\n \"PayPal Credit\" : \"PayPal Credit\",\n \"Google Pay\" : \"Google Pay\",\n \"American Express\" : \"American Express\",\n \"Discover\" : \"Discover\",\n \"Diners Club\" : \"Diners Club\",\n \"Elo\" : \"Elo\",\n \"Hiper\" : \"Hiper\",\n \"Hipercard\" : \"Hipercard\",\n \"MasterCard\" : \"Mastercard\",\n \"Visa\" : \"Visa\",\n \"JCB\" : \"JCB\",\n \"Maestro\" : \"Maestro\",\n \"UnionPay\" : \"UnionPay\"\n}\n;\n\n},{}],243:[function(require,module,exports){\n'use strict';\n\nmodule.exports = {\n \"payingWith\" : \"Źródło finansowania płatności: {{paymentSource}}\",\n \"chooseAnotherWayToPay\" : \"Wybierz inny sposób płatności.\",\n \"chooseAWayToPay\" : \"Wybierz sposób płatności\",\n \"otherWaysToPay\" : \"Inne sposoby płatności\",\n \"edit\" : \"Edytuj\",\n \"doneEditing\" : \"Gotowe\",\n \"editPaymentMethods\" : \"Edytuj formy płatności\",\n \"CreditCardDeleteConfirmationMessage\" : \"Usunąć kartę {{secondaryIdentifier}} o numerze zakończonym cyframi {{identifier}}?\",\n \"PayPalAccountDeleteConfirmationMessage\" : \"Usunąć {{identifier}}konta PayPal?\",\n \"VenmoAccountDeleteConfirmationMessage\" : \"Czy na pewno chcesz usunąć konto Venmo o nazwie użytkownika {{identifier}}?\",\n \"genericDeleteConfirmationMessage\" : \"Na pewno chcesz usunąć tę formę płatności?\",\n \"deleteCancelButton\" : \"Anuluj\",\n \"deleteConfirmationButton\" : \"Usuń\",\n \"fieldEmptyForCvv\" : \"Wpisz kod CVV.\",\n \"fieldEmptyForExpirationDate\" : \"Wpisz datę ważności.\",\n \"fieldEmptyForCardholderName\" : \"Podaj imię i nazwisko posiadacza karty.\",\n \"fieldTooLongForCardholderName\" : \"Imię i nazwisko posiadacza karty musi mieć mniej niż 256 znaków.\",\n \"fieldEmptyForNumber\" : \"Podaj numer.\",\n \"fieldEmptyForPostalCode\" : \"Podaj kod pocztowy.\",\n \"fieldInvalidForCardholderName\" : \"To imię i nazwisko posiadacza karty jest nieprawidłowe.\",\n \"fieldInvalidForCvv\" : \"Ten kod bezpieczeństwa jest nieprawidłowy.\",\n \"fieldInvalidForExpirationDate\" : \"Ta data ważności jest nieprawidłowa.\",\n \"fieldInvalidForNumber\" : \"Numer karty jest nieprawidłowy.\",\n \"fieldInvalidForPostalCode\" : \"Kod pocztowy jest nieprawidłowy.\",\n \"genericError\" : \"Wystąpił błąd po naszej stronie.\",\n \"hostedFieldsTokenizationFailOnDuplicateError\" : \"Ta karta kredytowa istnieje jako zapisana forma płatności.\",\n \"hostedFieldsFailedTokenizationError\" : \"Sprawdź swoje informacje i spróbuj ponownie.\",\n \"hostedFieldsFieldsInvalidError\" : \"Sprawdź swoje informacje i spróbuj ponownie.\",\n \"hostedFieldsTokenizationNetworkErrorError\" : \"Błąd sieci. Spróbuj ponownie.\",\n \"hostedFieldsTokenizationCvvVerificationFailedError\" : \"Weryfikacja karty kredytowej nie powiodła się. Sprawdź swoje informacje i spróbuj ponownie.\",\n \"paypalButtonMustBeUsed\" : \"Aby kontynuować płatność, użyj przycisku PayPal.\",\n \"paypalAccountTokenizationFailedError\" : \"Coś poszło nie tak przy dodawaniu konta PayPal. Spróbuj ponownie.\",\n \"paypalFlowFailedError\" : \"Wystąpił problem przy nawiązywaniu połączenia z PayPal. Spróbuj ponownie.\",\n \"paypalTokenizationRequestActiveError\" : \"Autoryzacja płatności PayPal jest w trakcie realizacji.\",\n \"venmoCanceledError\" : \"Coś poszło nie tak. Upewnij się, że na Twoim urządzeniu jest zainstalowana najnowsza wersja aplikacji Venmo, a Twoja przeglądarka obsługuje przełączanie na Venmo.\",\n \"vaultManagerPaymentMethodDeletionError\" : \"Nie można usunąć formy płatności, spróbuj ponownie.\",\n \"venmoAppFailedError\" : \"Aplikacja Venmo nie została odnaleziona na Twoim urządzeniu.\",\n \"unsupportedCardTypeError\" : \"Ten typ karty nie jest obsługiwany. Spróbuj użyć innej karty.\",\n \"applePayTokenizationError\" : \"Wystąpił błąd sieciowy podczas przetwarzania płatności Apple Pay. Spróbuj ponownie.\",\n \"applePayActiveCardError\" : \"Dodaj obsługiwaną kartę do portfela Apple Pay.\",\n \"cardholderNameLabel\" : \"Imię i nazwisko posiadacza karty\",\n \"cardNumberLabel\" : \"Numer karty\",\n \"cvvLabel\" : \"Kod CVV/CVC2\",\n \"cvvThreeDigitLabelSubheading\" : \"(3 cyfry)\",\n \"cvvFourDigitLabelSubheading\" : \"(4 cyfry)\",\n \"cardholderNamePlaceholder\" : \"Imię i nazwisko posiadacza karty\",\n \"expirationDateLabel\" : \"Data ważności\",\n \"expirationDateLabelSubheading\" : \"(MM/RR)\",\n \"expirationDatePlaceholder\" : \"MM/RR\",\n \"postalCodeLabel\" : \"Kod pocztowy\",\n \"saveCardLabel\" : \"Zapisz kartę\",\n \"payWithCard\" : \"Zapłać kartą\",\n \"endingIn\" : \"Numer zakończonym cyframi {{lastFourCardDigits}}\",\n \"Apple Pay\" : \"Apple Pay\",\n \"Venmo\" : \"Venmo\",\n \"Card\" : \"Karta\",\n \"PayPal\" : \"PayPal\",\n \"PayPal Credit\" : \"PayPal Credit\",\n \"Google Pay\" : \"Google Pay\",\n \"American Express\" : \"American Express\",\n \"Discover\" : \"Discover\",\n \"Diners Club\" : \"Diners Club\",\n \"Elo\" : \"Elo\",\n \"Hiper\" : \"Hiper\",\n \"Hipercard\" : \"Hipercard\",\n \"MasterCard\" : \"Mastercard\",\n \"Visa\" : \"Visa\",\n \"JCB\" : \"JCB\",\n \"Maestro\" : \"Maestro\",\n \"UnionPay\" : \"UnionPay\"\n}\n;\n\n},{}],244:[function(require,module,exports){\n'use strict';\n\nmodule.exports = {\n \"payingWith\" : \"Pagando com {{paymentSource}}\",\n \"chooseAnotherWayToPay\" : \"Escolha outro meio de pagamento\",\n \"chooseAWayToPay\" : \"Escolha um meio de pagamento\",\n \"otherWaysToPay\" : \"Outras formas de pagar\",\n \"edit\" : \"Editar\",\n \"doneEditing\" : \"Concluído\",\n \"editPaymentMethods\" : \"Editar meios de pagamento\",\n \"CreditCardDeleteConfirmationMessage\" : \"Excluir cartão {{secondaryIdentifier}} de final {{identifier}}?\",\n \"PayPalAccountDeleteConfirmationMessage\" : \"Excluir conta do PayPal {{identifier}}?\",\n \"VenmoAccountDeleteConfirmationMessage\" : \"Tem certeza de que deseja excluir a conta do Venmo com nome de usuário {{identifier}}?\",\n \"genericDeleteConfirmationMessage\" : \"Tem certeza que deseja excluir este meio de pagamento?\",\n \"deleteCancelButton\" : \"Cancelar\",\n \"deleteConfirmationButton\" : \"Excluir\",\n \"fieldEmptyForCvv\" : \"Preencha um CVV.\",\n \"fieldEmptyForExpirationDate\" : \"Preencha uma data de vencimento.\",\n \"fieldEmptyForCardholderName\" : \"Preencha um nome para o titular do cartão.\",\n \"fieldTooLongForCardholderName\" : \"O nome do titular do cartão deve ter menos de 256 caracteres.\",\n \"fieldEmptyForNumber\" : \"Preencha um número.\",\n \"fieldEmptyForPostalCode\" : \"Preencha um código postal.\",\n \"fieldInvalidForCardholderName\" : \"O nome do titular do cartão é inválido.\",\n \"fieldInvalidForCvv\" : \"Este código de segurança é inválido.\",\n \"fieldInvalidForExpirationDate\" : \"Esta data de vencimento é inválida.\",\n \"fieldInvalidForNumber\" : \"O número do cartão é inválido.\",\n \"fieldInvalidForPostalCode\" : \"Este código postal é inválido.\",\n \"genericError\" : \"Ocorreu um erro.\",\n \"hostedFieldsTokenizationFailOnDuplicateError\" : \"Este cartão de crédito já existe como um meio de pagamento salvo.\",\n \"hostedFieldsFailedTokenizationError\" : \"Verifique as informações e tente novamente.\",\n \"hostedFieldsFieldsInvalidError\" : \"Verifique as informações e tente novamente.\",\n \"hostedFieldsTokenizationNetworkErrorError\" : \"Erro de rede. Tente novamente.\",\n \"hostedFieldsTokenizationCvvVerificationFailedError\" : \"Falha na verificação do cartão de crédito. Verifique as informações e tente novamente.\",\n \"paypalButtonMustBeUsed\" : \"Use o botão do PayPal para prosseguir com o pagamento.\",\n \"paypalAccountTokenizationFailedError\" : \"Ocorreu um erro ao adicionar a conta do PayPal. Tente novamente.\",\n \"paypalFlowFailedError\" : \"Ocorreu um erro na conexão com o PayPal. Tente novamente.\",\n \"paypalTokenizationRequestActiveError\" : \"A autorização de pagamento do PayPal já está em andamento.\",\n \"venmoCanceledError\" : \"Ocorreu um erro. Certifique-se de que você tenha a versão mais recente do aplicativo Venmo instalada no seu dispositivo, e que seu navegador aceite a mudança para o Venmo.\",\n \"vaultManagerPaymentMethodDeletionError\" : \"Não é possível excluir o meio de pagamento, tente novamente.\",\n \"venmoAppFailedError\" : \"O aplicativo Venmo não foi encontrado no seu dispositivo.\",\n \"unsupportedCardTypeError\" : \"Este tipo de cartão não é aceito. Tente outro cartão.\",\n \"applePayTokenizationError\" : \"Ocorreu um erro de rede ao processar o pagamento do Apple Pay. Tente novamente.\",\n \"applePayActiveCardError\" : \"Adicione um cartão compatível à sua carteira Apple Pay.\",\n \"cardholderNameLabel\" : \"Nome do titular do cartão\",\n \"cardNumberLabel\" : \"Número do cartão\",\n \"cvvLabel\" : \"CSC\",\n \"cvvThreeDigitLabelSubheading\" : \"(3 dígitos)\",\n \"cvvFourDigitLabelSubheading\" : \"(4 dígitos)\",\n \"cardholderNamePlaceholder\" : \"Nome do titular do cartão\",\n \"expirationDateLabel\" : \"Data de vencimento\",\n \"expirationDateLabelSubheading\" : \"(MM/AA)\",\n \"expirationDatePlaceholder\" : \"MM/AA\",\n \"postalCodeLabel\" : \"CEP\",\n \"saveCardLabel\" : \"Salvar cartão\",\n \"payWithCard\" : \"Pague com seu cartão de crédito\",\n \"endingIn\" : \"De final {{lastFourCardDigits}}\",\n \"Apple Pay\" : \"Apple Pay\",\n \"Venmo\" : \"Venmo\",\n \"Card\" : \"Cartão\",\n \"PayPal\" : \"PayPal\",\n \"PayPal Credit\" : \"Crédito do PayPal\",\n \"Google Pay\" : \"Google Pay\",\n \"American Express\" : \"American Express\",\n \"Discover\" : \"Descobrir\",\n \"Diners Club\" : \"Diners Club\",\n \"Elo\" : \"Elo\",\n \"Hiper\" : \"Hiper\",\n \"Hipercard\" : \"Hipercard\",\n \"MasterCard\" : \"Mastercard\",\n \"Visa\" : \"Visa\",\n \"JCB\" : \"JCB\",\n \"Maestro\" : \"Maestro\",\n \"UnionPay\" : \"UnionPay\"\n}\n;\n\n},{}],245:[function(require,module,exports){\n'use strict';\n\nmodule.exports = {\n \"payingWith\" : \"Pagamento com {{paymentSource}}\",\n \"chooseAnotherWayToPay\" : \"Escolher outra forma de pagamento\",\n \"chooseAWayToPay\" : \"Escolher forma de pagamento\",\n \"otherWaysToPay\" : \"Outras formas de pagamento\",\n \"edit\" : \"Editar\",\n \"doneEditing\" : \"Concluído\",\n \"editPaymentMethods\" : \"Editar meios de pagamento\",\n \"CreditCardDeleteConfirmationMessage\" : \"Eliminar cartão {{secondaryIdentifier}} terminado em {{identifier}}?\",\n \"PayPalAccountDeleteConfirmationMessage\" : \"Eliminar conta PayPal {{identifier}}?\",\n \"VenmoAccountDeleteConfirmationMessage\" : \"Quer mesmo eliminar a conta Venmo com o nome de utilizador {{identifier}}?\",\n \"genericDeleteConfirmationMessage\" : \"Quer mesmo eliminar este meio de pagamento?\",\n \"deleteCancelButton\" : \"Cancelar\",\n \"deleteConfirmationButton\" : \"Eliminar\",\n \"fieldEmptyForCvv\" : \"Introduza um CVV.\",\n \"fieldEmptyForExpirationDate\" : \"Introduza uma data de validade.\",\n \"fieldEmptyForCardholderName\" : \"Introduza um nome do titular do cartão.\",\n \"fieldTooLongForCardholderName\" : \"O Nome do titular do cartão deve ter menos de 256 carateres.\",\n \"fieldEmptyForNumber\" : \"Introduza um número.\",\n \"fieldEmptyForPostalCode\" : \"Introduza um código postal.\",\n \"fieldInvalidForCardholderName\" : \"Este nome do titular do cartão não é válido.\",\n \"fieldInvalidForCvv\" : \"Este código de segurança não é válido.\",\n \"fieldInvalidForExpirationDate\" : \"Esta data de validade não é válida.\",\n \"fieldInvalidForNumber\" : \"Este número de cartão não é válido.\",\n \"fieldInvalidForPostalCode\" : \"Este código postal não é válido.\",\n \"genericError\" : \"Tudo indica que houve um problema.\",\n \"hostedFieldsTokenizationFailOnDuplicateError\" : \"Este cartão de crédito já existe como meio de pagamento guardado.\",\n \"hostedFieldsFailedTokenizationError\" : \"Verifique as suas informações e tente novamente.\",\n \"hostedFieldsFieldsInvalidError\" : \"Verifique as suas informações e tente novamente.\",\n \"hostedFieldsTokenizationNetworkErrorError\" : \"Erro de rede. Tente novamente.\",\n \"hostedFieldsTokenizationCvvVerificationFailedError\" : \"A verificação do cartão de crédito falhou. Verifique as suas informações e tente novamente.\",\n \"paypalButtonMustBeUsed\" : \"Use o botão PayPal para continuar o seu pagamento.\",\n \"paypalAccountTokenizationFailedError\" : \"Ocorreu um erro ao adicionar a conta PayPal. Tente novamente.\",\n \"paypalFlowFailedError\" : \"Ocorreu um erro ao ligar ao PayPal. Tente novamente.\",\n \"paypalTokenizationRequestActiveError\" : \"A autorização de pagamento com PayPal já está em curso.\",\n \"venmoCanceledError\" : \"Ocorreu um erro. Certifique-se de que tem a versão mais recente da aplicação Venmo instalada no seu dispositivo e que o seu navegador suporta a mudança para Venmo.\",\n \"vaultManagerPaymentMethodDeletionError\" : \"Não é possível eliminar o meio de pagamento; tente novamente.\",\n \"venmoAppFailedError\" : \"A aplicação Venmo não foi encontrada no seu dispositivo.\",\n \"unsupportedCardTypeError\" : \"Este tipo de cartão não é suportado. Tente com outro cartão.\",\n \"applePayTokenizationError\" : \"Ocorreu um erro de rede ao processar o pagamento com Apple Pay. Tente novamente.\",\n \"applePayActiveCardError\" : \"Adicione um cartão suportado à sua carteira Apple Pay.\",\n \"cardholderNameLabel\" : \"Nome do titular do cartão\",\n \"cardNumberLabel\" : \"Número do cartão\",\n \"cvvLabel\" : \"CVV\",\n \"cvvThreeDigitLabelSubheading\" : \"(3 dígitos)\",\n \"cvvFourDigitLabelSubheading\" : \"(4 dígitos)\",\n \"cardholderNamePlaceholder\" : \"Nome do titular do cartão\",\n \"expirationDateLabel\" : \"Data de validade\",\n \"expirationDateLabelSubheading\" : \"(MM/AA)\",\n \"expirationDatePlaceholder\" : \"MM/AA\",\n \"postalCodeLabel\" : \"Código postal\",\n \"saveCardLabel\" : \"Guardar cartão\",\n \"payWithCard\" : \"Pagar com cartão\",\n \"endingIn\" : \"Termina em {{lastFourCardDigits}}\",\n \"Apple Pay\" : \"Apple Pay\",\n \"Venmo\" : \"Venmo\",\n \"Card\" : \"Cartão\",\n \"PayPal\" : \"PayPal\",\n \"PayPal Credit\" : \"PayPal Credit\",\n \"Google Pay\" : \"Google Pay\",\n \"American Express\" : \"American Express\",\n \"Discover\" : \"Discover\",\n \"Diners Club\" : \"Diners Club\",\n \"Elo\" : \"Elo\",\n \"Hiper\" : \"Hiper\",\n \"Hipercard\" : \"Hipercard\",\n \"MasterCard\" : \"Mastercard\",\n \"Visa\" : \"Visa\",\n \"JCB\" : \"JCB\",\n \"Maestro\" : \"Maestro\",\n \"UnionPay\" : \"UnionPay\"\n}\n;\n\n},{}],246:[function(require,module,exports){\n'use strict';\n\nmodule.exports = {\n \"payingWith\" : \"Оплата с помощью {{paymentSource}}\",\n \"chooseAnotherWayToPay\" : \"Выберите другой способ оплаты\",\n \"chooseAWayToPay\" : \"Выберите способ оплаты\",\n \"otherWaysToPay\" : \"Другие способы оплаты\",\n \"edit\" : \"Изменить\",\n \"doneEditing\" : \"Готово\",\n \"editPaymentMethods\" : \"Изменить способы оплаты\",\n \"CreditCardDeleteConfirmationMessage\" : \"Удалить карту {{secondaryIdentifier}} с номером, заканчивающимся на {{identifier}}?\",\n \"PayPalAccountDeleteConfirmationMessage\" : \"Удалить счет PayPal {{identifier}}?\",\n \"VenmoAccountDeleteConfirmationMessage\" : \"Вы действительно хотите удалить счет Venmo с именем пользователя {{identifier}}?\",\n \"genericDeleteConfirmationMessage\" : \"Вы действительно хотите удалить этот способ оплаты?\",\n \"deleteCancelButton\" : \"Отмена\",\n \"deleteConfirmationButton\" : \"Удалить\",\n \"fieldEmptyForCvv\" : \"Укажите код безопасности.\",\n \"fieldEmptyForExpirationDate\" : \"Укажите дату окончания срока действия.\",\n \"fieldEmptyForCardholderName\" : \"Укажите имя владельца карты.\",\n \"fieldTooLongForCardholderName\" : \"Имя владельца карты должно содержать не более 256 символов.\",\n \"fieldEmptyForNumber\" : \"Укажите номер.\",\n \"fieldEmptyForPostalCode\" : \"Укажите почтовый индекс.\",\n \"fieldInvalidForCardholderName\" : \"Недопустимое имя владельца карты.\",\n \"fieldInvalidForCvv\" : \"Недопустимый код безопасности.\",\n \"fieldInvalidForExpirationDate\" : \"Недопустимая дата истечения срока действия.\",\n \"fieldInvalidForNumber\" : \"Недопустимый номер карты.\",\n \"fieldInvalidForPostalCode\" : \"Недопустимый почтовый индекс.\",\n \"genericError\" : \"Возникла проблема с нашей стороны.\",\n \"hostedFieldsTokenizationFailOnDuplicateError\" : \"Данная кредитная карта уже существует как сохраненный способ оплаты.\",\n \"hostedFieldsFailedTokenizationError\" : \"Проверьте правильность ввода данных и повторите попытку.\",\n \"hostedFieldsFieldsInvalidError\" : \"Проверьте правильность ввода данных и повторите попытку.\",\n \"hostedFieldsTokenizationNetworkErrorError\" : \"Сбой сети. Повторите попытку.\",\n \"hostedFieldsTokenizationCvvVerificationFailedError\" : \"Сбой при проверке кредитной карты. Проверьте правильность ввода данных и повторите попытку.\",\n \"paypalButtonMustBeUsed\" : \"Используйте кнопку PayPal, чтобы продолжить оплату.\",\n \"paypalAccountTokenizationFailedError\" : \"Возникла ошибка при добавлении счета PayPal. Повторите попытку.\",\n \"paypalFlowFailedError\" : \"Возникла ошибка при подключении к PayPal. Повторите попытку.\",\n \"paypalTokenizationRequestActiveError\" : \"Авторизация платежа через PayPal уже выполняется.\",\n \"venmoCanceledError\" : \"Возникла ошибка. Убедитесь, что на вашем устройстве установлена самая последняя версия приложения Venmo и браузер поддерживает переход на Venmo.\",\n \"vaultManagerPaymentMethodDeletionError\" : \"Не удалось удалить способ оплаты, повторите попытку.\",\n \"venmoAppFailedError\" : \"Приложение Venmo не удается обнаружить на вашем устройстве.\",\n \"unsupportedCardTypeError\" : \"Данный тип карты не поддерживается. Попробуйте воспользоваться другой картой.\",\n \"applePayTokenizationError\" : \"Возникла ошибка сети при обработке платежа Apple Pay. Повторите попытку.\",\n \"applePayActiveCardError\" : \"Добавьте поддерживаемую карту в ваш счет Apple Pay.\",\n \"cardholderNameLabel\" : \"Имя владельца карты\",\n \"cardNumberLabel\" : \"Номер карты\",\n \"cvvLabel\" : \"Код безопасности карты CVV\",\n \"cvvThreeDigitLabelSubheading\" : \"(3 цифры)\",\n \"cvvFourDigitLabelSubheading\" : \"(4 цифры)\",\n \"cardholderNamePlaceholder\" : \"Имя владельца карты\",\n \"expirationDateLabel\" : \"Дата окончания срока действия\",\n \"expirationDateLabelSubheading\" : \"(ММ/ГГ)\",\n \"expirationDatePlaceholder\" : \"ММ/ГГ\",\n \"postalCodeLabel\" : \"Индекс\",\n \"saveCardLabel\" : \"Сохранить карту\",\n \"payWithCard\" : \"Оплатить банковской картой\",\n \"endingIn\" : \"Заканчивается на {{lastFourCardDigits}}\",\n \"Apple Pay\" : \"Apple Pay\",\n \"Venmo\" : \"Venmo\",\n \"Card\" : \"Карта\",\n \"PayPal\" : \"PayPal\",\n \"PayPal Credit\" : \"PayPal Credit\",\n \"Google Pay\" : \"Google Pay\",\n \"American Express\" : \"American Express\",\n \"Discover\" : \"Полезное\",\n \"Diners Club\" : \"Diners Club\",\n \"Elo\" : \"Elo\",\n \"Hiper\" : \"Hiper\",\n \"Hipercard\" : \"Hipercard\",\n \"MasterCard\" : \"Mastercard\",\n \"Visa\" : \"Visa\",\n \"JCB\" : \"JCB\",\n \"Maestro\" : \"Maestro\",\n \"UnionPay\" : \"UnionPay\"\n}\n;\n\n},{}],247:[function(require,module,exports){\n'use strict';\n\nmodule.exports = {\n \"payingWith\" : \"Spôsob platby: {{paymentSource}}\",\n \"chooseAnotherWayToPay\" : \"Vyberte iný spôsob platby\",\n \"chooseAWayToPay\" : \"Zvoľte spôsob platby\",\n \"otherWaysToPay\" : \"Iné spôsoby platby\",\n \"edit\" : \"Upraviť\",\n \"doneEditing\" : \"Hotovo\",\n \"editPaymentMethods\" : \"Upraviť spôsoby platby\",\n \"CreditCardDeleteConfirmationMessage\" : \"Chcete odstrániť kartu {{secondaryIdentifier}} končiacu sa na {{identifier}}?\",\n \"PayPalAccountDeleteConfirmationMessage\" : \"Chcete odstrániť {{identifier}}účtu PayPal?\",\n \"VenmoAccountDeleteConfirmationMessage\" : \"Naozaj chcete odstrániť účet Venmo s menom používateľa {{identifier}}?\",\n \"genericDeleteConfirmationMessage\" : \"Ste si istí, že chcete tento spôsob platby odstrániť?\",\n \"deleteCancelButton\" : \"Zrušiť\",\n \"deleteConfirmationButton\" : \"Odstrániť\",\n \"fieldEmptyForCvv\" : \"Vyplňte kód CVV.\",\n \"fieldEmptyForExpirationDate\" : \"Zadajte dátum skončenia platnosti.\",\n \"fieldEmptyForCardholderName\" : \"Zadajte meno majiteľa karty.\",\n \"fieldTooLongForCardholderName\" : \"Meno majiteľa karty musí obsahovať menej ako 256 znakov.\",\n \"fieldEmptyForNumber\" : \"Zadajte číslo.\",\n \"fieldEmptyForPostalCode\" : \"Zadajte PSČ.\",\n \"fieldInvalidForCardholderName\" : \"Toto meno majiteľa karty je neplatné.\",\n \"fieldInvalidForCvv\" : \"Tento bezpečnostný kód je neplatný.\",\n \"fieldInvalidForExpirationDate\" : \"Tento dátum skončenia platnosti je neplatný.\",\n \"fieldInvalidForNumber\" : \"Toto číslo karty je neplatné.\",\n \"fieldInvalidForPostalCode\" : \"Toto PSČ je neplatné.\",\n \"genericError\" : \"Vyskytla sa chyba na našej strane.\",\n \"hostedFieldsTokenizationFailOnDuplicateError\" : \"Táto kreditná karta už existuje ako uložený spôsob platby.\",\n \"hostedFieldsFailedTokenizationError\" : \"Skontrolujte údaje a skúste to znova.\",\n \"hostedFieldsFieldsInvalidError\" : \"Skontrolujte údaje a skúste to znova.\",\n \"hostedFieldsTokenizationNetworkErrorError\" : \"Chyba v sieti. Skúste to znova.\",\n \"hostedFieldsTokenizationCvvVerificationFailedError\" : \"Overenie kreditnej karty nebolo úspešné. Skontrolujte údaje a skúste to znova.\",\n \"paypalButtonMustBeUsed\" : \"Ak chcete pokračovať v platbe, použite tlačidlo PayPal.\",\n \"paypalAccountTokenizationFailedError\" : \"Vyskytla sa chyba pri pridávaní účtu PayPal. Skúste to znova.\",\n \"paypalFlowFailedError\" : \"Vyskytla sa chyba pri pripájaní do účtu PayPal. Skúste to znova.\",\n \"paypalTokenizationRequestActiveError\" : \"Autorizácia platby PayPal už prebieha.\",\n \"venmoCanceledError\" : \"Vyskytla sa chyba. Skontrolujte, či máte v zariadení nainštalovanú najnovšiu verziu aplikácie Venmo a či prehliadač podporuje prechod na aplikáciu Venmo.\",\n \"vaultManagerPaymentMethodDeletionError\" : \"Nebolo možné odstrániť spôsob platby, skúste to znova.\",\n \"venmoAppFailedError\" : \"Aplikáciu Venmo sa vo vašom zariadení nepodarilo nájsť.\",\n \"unsupportedCardTypeError\" : \"Tento typ karty nie je podporovaný. Prosím skúste inú kartu.\",\n \"applePayTokenizationError\" : \"Počas spracúvania platby cez Apple Pay došlo k chybe siete. Skúste to znova.\",\n \"applePayActiveCardError\" : \"Pridajte si podporovanú kartu do peňaženky Apple Pay.\",\n \"cardholderNameLabel\" : \"Meno majiteľa karty\",\n \"cardNumberLabel\" : \"Číslo karty\",\n \"cvvLabel\" : \"CVV\",\n \"cvvThreeDigitLabelSubheading\" : \"(3 číslice)\",\n \"cvvFourDigitLabelSubheading\" : \"(4 číslice)\",\n \"cardholderNamePlaceholder\" : \"Meno majiteľa karty\",\n \"expirationDateLabel\" : \"Dátum skončenia platnosti\",\n \"expirationDateLabelSubheading\" : \"(MM/RR)\",\n \"expirationDatePlaceholder\" : \"MM/RR\",\n \"postalCodeLabel\" : \"PSČ\",\n \"saveCardLabel\" : \"Uložiť kartu\",\n \"payWithCard\" : \"Zaplatiť kartou\",\n \"endingIn\" : \"Končí {{lastFourCardDigits}}\",\n \"Apple Pay\" : \"Apple Pay\",\n \"Venmo\" : \"Venmo\",\n \"Card\" : \"Karta\",\n \"PayPal\" : \"PayPal\",\n \"PayPal Credit\" : \"PayPal Credit\",\n \"Google Pay\" : \"Google Pay\",\n \"American Express\" : \"American Express\",\n \"Discover\" : \"Discover\",\n \"Diners Club\" : \"Diners Club\",\n \"Elo\" : \"Elo\",\n \"Hiper\" : \"Hiper\",\n \"Hipercard\" : \"Hipercard\",\n \"MasterCard\" : \"Mastercard\",\n \"Visa\" : \"Visa\",\n \"JCB\" : \"JCB\",\n \"Maestro\" : \"Maestro\",\n \"UnionPay\" : \"UnionPay\"\n}\n;\n\n},{}],248:[function(require,module,exports){\n'use strict';\n\nmodule.exports = {\n \"payingWith\" : \"Betalar med {{paymentSource}}\",\n \"chooseAnotherWayToPay\" : \"Välj ett annat sätt att betala\",\n \"chooseAWayToPay\" : \"Välj ett sätt att betala\",\n \"otherWaysToPay\" : \"Andra sätt att betala\",\n \"edit\" : \"Ändra\",\n \"doneEditing\" : \"Klart\",\n \"editPaymentMethods\" : \"Ändra betalningsmetoder\",\n \"CreditCardDeleteConfirmationMessage\" : \"Ta bort {{secondaryIdentifier}}-kortet som slutar på {{identifier}}?\",\n \"PayPalAccountDeleteConfirmationMessage\" : \"Ta bort PayPal-konto {{identifier}}?\",\n \"VenmoAccountDeleteConfirmationMessage\" : \"Är du säker på att du vill ta bort Venmo-kontot med användarnamnet {{identifier}}?\",\n \"genericDeleteConfirmationMessage\" : \"Är du säker på att du vill ta bort den här betalningsmetoden?\",\n \"deleteCancelButton\" : \"Avbryt\",\n \"deleteConfirmationButton\" : \"Ta bort\",\n \"fieldEmptyForCvv\" : \"Fyll i ett CVV.\",\n \"fieldEmptyForExpirationDate\" : \"Fyll i ett utgångsdatum.\",\n \"fieldEmptyForCardholderName\" : \"Fyll i kortinnehavarens namn.\",\n \"fieldTooLongForCardholderName\" : \"Namnet på kortinnehavaren måste vara kortare än 256 tecken.\",\n \"fieldEmptyForNumber\" : \"Fyll i ett nummer.\",\n \"fieldEmptyForPostalCode\" : \"Fyll i ett postnummer.\",\n \"fieldInvalidForCardholderName\" : \"Namnet på kortinnehavaren är ogiltigt.\",\n \"fieldInvalidForCvv\" : \"Den här säkerhetskoden är inte giltig.\",\n \"fieldInvalidForExpirationDate\" : \"Utgångsdatumet är ogiltigt.\",\n \"fieldInvalidForNumber\" : \"Det här kortnumret är ogiltigt.\",\n \"fieldInvalidForPostalCode\" : \"Postnumret är ogiltigt.\",\n \"genericError\" : \"Ett fel uppstod.\",\n \"hostedFieldsTokenizationFailOnDuplicateError\" : \"Det här kreditkortet finns redan som en sparad betalningsmetod.\",\n \"hostedFieldsFailedTokenizationError\" : \"Kontrollera uppgifterna och försök igen.\",\n \"hostedFieldsFieldsInvalidError\" : \"Kontrollera uppgifterna och försök igen.\",\n \"hostedFieldsTokenizationNetworkErrorError\" : \"Nätverksfel. Försök igen.\",\n \"hostedFieldsTokenizationCvvVerificationFailedError\" : \"Verifiering av kreditkortet misslyckades. Kontrollera uppgifterna och försök igen.\",\n \"paypalButtonMustBeUsed\" : \"Använd PayPal-knappen för att fortsätta med din betalning.\",\n \"paypalAccountTokenizationFailedError\" : \"Något gick fel när du lade till PayPal-kontot. Försök igen.\",\n \"paypalFlowFailedError\" : \"Något gick fel med att ansluta till PayPal. Försök igen.\",\n \"paypalTokenizationRequestActiveError\" : \"Godkännande av PayPal-betalning pågår redan.\",\n \"venmoCanceledError\" : \"Något gick fel. Se till att du har den senaste versionen av Venmo-appen installerad på din enhet och att din webbläsare stöder byte till Venmo.\",\n \"vaultManagerPaymentMethodDeletionError\" : \"Kan inte ta bort betalningsmetoden, försök igen.\",\n \"venmoAppFailedError\" : \"Det gick inte att hitta Venmo-appen på din enhet.\",\n \"unsupportedCardTypeError\" : \"Den här korttypen stöds inte. Prova med ett annat kort.\",\n \"applePayTokenizationError\" : \"Ett nätverksfel uppstod när Apple Pay-betalningen behandlades. Försök igen.\",\n \"applePayActiveCardError\" : \"Lägg till ett kort som stöds i din Apple Pay e-plånbok.\",\n \"cardholderNameLabel\" : \"Kortinnehavarens namn\",\n \"cardNumberLabel\" : \"Kortnummer\",\n \"cvvLabel\" : \"CVV\",\n \"cvvThreeDigitLabelSubheading\" : \"(3 siffror)\",\n \"cvvFourDigitLabelSubheading\" : \"(4 siffror)\",\n \"cardholderNamePlaceholder\" : \"Kortinnehavarens namn\",\n \"expirationDateLabel\" : \"Utgångsdatum\",\n \"expirationDateLabelSubheading\" : \"(MM/ÅÅ)\",\n \"expirationDatePlaceholder\" : \"MM/ÅÅ\",\n \"postalCodeLabel\" : \"Postnummer\",\n \"saveCardLabel\" : \"Spara kort\",\n \"payWithCard\" : \"Betala med kort\",\n \"endingIn\" : \"Slutar på {{lastFourCardDigits}}\",\n \"Apple Pay\" : \"Apple Pay\",\n \"Venmo\" : \"Venmo\",\n \"Card\" : \"Kort\",\n \"PayPal\" : \"PayPal\",\n \"PayPal Credit\" : \"PayPal Credit\",\n \"Google Pay\" : \"Google Pay\",\n \"American Express\" : \"American Express\",\n \"Discover\" : \"Discover\",\n \"Diners Club\" : \"Diners Club\",\n \"Elo\" : \"Elo\",\n \"Hiper\" : \"Hiper\",\n \"Hipercard\" : \"Hipercard\",\n \"MasterCard\" : \"Mastercard\",\n \"Visa\" : \"Visa\",\n \"JCB\" : \"JCB\",\n \"Maestro\" : \"Maestro\",\n \"UnionPay\" : \"UnionPay\"\n}\n;\n\n},{}],249:[function(require,module,exports){\n'use strict';\n\nmodule.exports = {\n \"payingWith\" : \"ชำระเงินด้วย {{paymentSource}}\",\n \"chooseAnotherWayToPay\" : \"เลือกวิธีการชำระเงินอื่น\",\n \"chooseAWayToPay\" : \"โปรดเลือกวิธีชำระเงิน\",\n \"otherWaysToPay\" : \"วิธีอื่นในการชำระเงิน\",\n \"edit\" : \"แก้ไข\",\n \"doneEditing\" : \"เสร็จแล้ว\",\n \"editPaymentMethods\" : \"แก้ไขวิธีการชำระเงิน\",\n \"CreditCardDeleteConfirmationMessage\" : \"ลบบัตร {{secondaryIdentifier}} ที่ลงท้ายด้วย {{identifier}} หรือไม่\",\n \"PayPalAccountDeleteConfirmationMessage\" : \"คุณต้องการลบบัญชี PayPal {{identifier}} หรือไม่\",\n \"VenmoAccountDeleteConfirmationMessage\" : \"คุณแน่ใจหรือไม่ว่าต้องการลบบัญชี Venmo ที่มีชื่อผู้ใช้ {{identifier}}\",\n \"genericDeleteConfirmationMessage\" : \"คุณแน่ใจหรือไม่ว่าต้องการลบการชำระเงินรายการนี้ออก\",\n \"deleteCancelButton\" : \"ยกเลิก\",\n \"deleteConfirmationButton\" : \"ลบ\",\n \"fieldEmptyForCvv\" : \"โปรดกรอกข้อมูลในบัตร CVV\",\n \"fieldEmptyForExpirationDate\" : \"โปรดกรอกข้อมูลวันที่หมดอายุ\",\n \"fieldEmptyForCardholderName\" : \"โปรดกรอกชื่อผู้ถือบัตร\",\n \"fieldTooLongForCardholderName\" : \"ชื่อผู้ถือบัตรต้องไม่เกิน 256 อักขระ\",\n \"fieldEmptyForNumber\" : \"โปรดกรอกหมายเลข\",\n \"fieldEmptyForPostalCode\" : \"โปรดกรอกข้อมูลในรหัสไปรษณีย์\",\n \"fieldInvalidForCardholderName\" : \"ชื่อผู้ถือบัตรนี้ไม่ถูกต้อง\",\n \"fieldInvalidForCvv\" : \"รหัสความปลอดภัยนี้ไม่ถูกต้อง\",\n \"fieldInvalidForExpirationDate\" : \"วันที่หมดอายุนี้ไม่ถูกต้อง\",\n \"fieldInvalidForNumber\" : \"หมายเลขบัตรนี้ไม่ถูกต้อง\",\n \"fieldInvalidForPostalCode\" : \"รหัสไปรษณีย์นี้ไม่ถูกต้อง\",\n \"genericError\" : \"เกิดข้อผิดพลาดขึ้นในระบบของเรา\",\n \"hostedFieldsTokenizationFailOnDuplicateError\" : \"บัตรเครดิตนี้เป็นวิธีการชำระเงินที่บันทึกไว้แล้ว\",\n \"hostedFieldsFailedTokenizationError\" : \"โปรดตรวจสอบข้อมูลของคุณ แล้วลองใหม่อีกครั้ง\",\n \"hostedFieldsFieldsInvalidError\" : \"โปรดตรวจสอบข้อมูลของคุณ แล้วลองใหม่อีกครั้ง\",\n \"hostedFieldsTokenizationNetworkErrorError\" : \"ข้อผิดพลาดของเครือข่าย โปรดลองอีกครั้ง\",\n \"hostedFieldsTokenizationCvvVerificationFailedError\" : \"การตรวจสอบยืนยันบัตรเครดิตไม่สำเร็จ โปรดตรวจสอบข้อมูลของคุณ แล้วลองใหม่อีกครั้ง\",\n \"paypalButtonMustBeUsed\" : \"ใช้ปุ่ม PayPal เพื่อดำเนินการชำระเงินต่อไป\",\n \"paypalAccountTokenizationFailedError\" : \"เกิดข้อผิดพลาดบางอย่างในการเพิ่มบัญชี PayPal โปรดลองอีกครั้ง\",\n \"paypalFlowFailedError\" : \"เกิดข้อผิดพลาดในการเชื่อมต่อกับ PayPal โปรดลองอีกครั้ง\",\n \"paypalTokenizationRequestActiveError\" : \"การอนุมัติการชำระเงิน PayPal อยู่ในระหว่างดำเนินการแล้ว\",\n \"venmoCanceledError\" : \"เกิดข้อผิดพลาดบางประการ ตรวจสอบให้แน่ใจว่าคุณมีแอปพลิเคชัน Venmo เวอร์ชันล่าสุดที่ติดตั้งไว้ในอุปกรณ์ของคุณและเบราว์เซอร์ของคุณรองรับการเปลี่ยนเป็น Venmo\",\n \"vaultManagerPaymentMethodDeletionError\" : \"ไม่สามารถลบวิธีการชำระเงินได้โปรดลองอีกครั้ง\",\n \"venmoAppFailedError\" : \"ไม่พบแอป Venmo ในอุปกรณ์ของคุณ\",\n \"unsupportedCardTypeError\" : \"ไม่รองรับบัตรประเภทนี้ โปรดลองใช้บัตรใบอื่น\",\n \"applePayTokenizationError\" : \"เกิดข้อผิดพลาดในเครือข่ายขณะประมวลผลการชำระเงินของ Apple Pay โปรดลองอีกครั้ง\",\n \"applePayActiveCardError\" : \"เพิ่มบัตรที่รองรับไปยังกระเป๋าสตางค์ Apple Pay ของคุณ\",\n \"cardholderNameLabel\" : \"ชื่อของผู้ถือบัตร\",\n \"cardNumberLabel\" : \"หมายเลขบัตร\",\n \"cvvLabel\" : \"CVV\",\n \"cvvThreeDigitLabelSubheading\" : \"(3 หลัก)\",\n \"cvvFourDigitLabelSubheading\" : \"(4 หลัก)\",\n \"cardholderNamePlaceholder\" : \"ชื่อของผู้ถือบัตร\",\n \"expirationDateLabel\" : \"วันหมดอายุ\",\n \"expirationDateLabelSubheading\" : \"(MM/YY)\",\n \"expirationDatePlaceholder\" : \"MM/YY\",\n \"postalCodeLabel\" : \"รหัสไปรษณีย์\",\n \"saveCardLabel\" : \"บันทึกบัตร\",\n \"payWithCard\" : \"ชำระด้วยบัตรเดบิตหรือบัตรเครดิต\",\n \"endingIn\" : \"ลงท้ายด้วย {{lastFourCardDigits}}\",\n \"Apple Pay\" : \"Apple Pay\",\n \"Venmo\" : \"Venmo\",\n \"Card\" : \"บัตร\",\n \"PayPal\" : \"PayPal\",\n \"PayPal Credit\" : \"PayPal Credit\",\n \"Google Pay\" : \"Google Pay\",\n \"American Express\" : \"American Express\",\n \"Discover\" : \"Discover\",\n \"Diners Club\" : \"Diners Club\",\n \"Elo\" : \"Elo\",\n \"Hiper\" : \"Hiper\",\n \"Hipercard\" : \"Hipercard\",\n \"MasterCard\" : \"Mastercard\",\n \"Visa\" : \"Visa\",\n \"JCB\" : \"JCB\",\n \"Maestro\" : \"Maestro\",\n \"UnionPay\" : \"UnionPay\"\n}\n;\n\n},{}],250:[function(require,module,exports){\n'use strict';\n\nmodule.exports = {\n \"payingWith\" : \"使用{{paymentSource}}付款\",\n \"chooseAnotherWayToPay\" : \"请选择其它付款方式。\",\n \"chooseAWayToPay\" : \"选择付款方式\",\n \"otherWaysToPay\" : \"其他付款方式\",\n \"edit\" : \"编辑\",\n \"doneEditing\" : \"完成\",\n \"editPaymentMethods\" : \"编辑付款方式\",\n \"CreditCardDeleteConfirmationMessage\" : \"删除尾号为{{identifier}}的{{secondaryIdentifier}}卡？\",\n \"PayPalAccountDeleteConfirmationMessage\" : \"删除PayPal账户{{identifier}}？\",\n \"VenmoAccountDeleteConfirmationMessage\" : \"您确定要删除用户名为{{identifier}}的Venmo账户吗？\",\n \"genericDeleteConfirmationMessage\" : \"确定要删除此付款方式吗？\",\n \"deleteCancelButton\" : \"取消\",\n \"deleteConfirmationButton\" : \"删除\",\n \"fieldEmptyForCvv\" : \"请填写CVV。\",\n \"fieldEmptyForExpirationDate\" : \"请填写有效期限。\",\n \"fieldEmptyForCardholderName\" : \"请填写持卡人姓名。\",\n \"fieldTooLongForCardholderName\" : \"持卡人姓名必须少于256个字符。\",\n \"fieldEmptyForNumber\" : \"请填写一个号码。\",\n \"fieldEmptyForPostalCode\" : \"请填写邮政编码。\",\n \"fieldInvalidForCardholderName\" : \"此持卡人姓名无效。\",\n \"fieldInvalidForCvv\" : \"此安全码无效。\",\n \"fieldInvalidForExpirationDate\" : \"此有效期限无效。\",\n \"fieldInvalidForNumber\" : \"此卡号无效。\",\n \"fieldInvalidForPostalCode\" : \"此邮政编码无效。\",\n \"genericError\" : \"我们遇到了一些问题。\",\n \"hostedFieldsTokenizationFailOnDuplicateError\" : \"此信用卡已存在于已保存的付款方式。\",\n \"hostedFieldsFailedTokenizationError\" : \"请检查您的信息，然后重试。\",\n \"hostedFieldsFieldsInvalidError\" : \"请检查您的信息，然后重试。\",\n \"hostedFieldsTokenizationNetworkErrorError\" : \"网络错误。请重试。\",\n \"hostedFieldsTokenizationCvvVerificationFailedError\" : \"信用卡验证失败。请检查您的信息，然后重试。\",\n \"paypalButtonMustBeUsed\" : \"使用PayPal按钮继续付款。\",\n \"paypalAccountTokenizationFailedError\" : \"添加PayPal账户时遇到了一些问题。请重试。\",\n \"paypalFlowFailedError\" : \"连接到PayPal遇到了一些问题。请重试。\",\n \"paypalTokenizationRequestActiveError\" : \"PayPal付款授权已在处理中。\",\n \"venmoCanceledError\" : \"遇到了一些问题。请确保您的设备上安装了最新版本的Venmo应用，并且您的浏览器支持切换到Venmo。\",\n \"vaultManagerPaymentMethodDeletionError\" : \"无法删除付款方式，请重试。\",\n \"venmoAppFailedError\" : \"在您的设备上找不到Venmo应用程序。\",\n \"unsupportedCardTypeError\" : \"不支持该卡类型。请尝试其他卡。\",\n \"applePayTokenizationError\" : \"处理Apple Pay付款时发生了网络错误。请重试。\",\n \"applePayActiveCardError\" : \"在您的Apple Pay钱包中添加一张受支持的卡。\",\n \"cardholderNameLabel\" : \"持卡人姓名\",\n \"cardNumberLabel\" : \"卡号\",\n \"cvvLabel\" : \"CVV\",\n \"cvvThreeDigitLabelSubheading\" : \"（3位数）\",\n \"cvvFourDigitLabelSubheading\" : \"（4位数）\",\n \"cardholderNamePlaceholder\" : \"持卡人姓名\",\n \"expirationDateLabel\" : \"有效期限\",\n \"expirationDateLabelSubheading\" : \"（月/年）\",\n \"expirationDatePlaceholder\" : \"月/年\",\n \"postalCodeLabel\" : \"邮政编码\",\n \"saveCardLabel\" : \"保存此卡\",\n \"payWithCard\" : \"使用卡支付\",\n \"endingIn\" : \"尾号为{{lastFourCardDigits}}\",\n \"Apple Pay\" : \"Apple Pay\",\n \"Venmo\" : \"Venmo\",\n \"Card\" : \"卡\",\n \"PayPal\" : \"PayPal\",\n \"PayPal Credit\" : \"PayPal Credit\",\n \"Google Pay\" : \"Google Pay\",\n \"American Express\" : \"American Express\",\n \"Discover\" : \"发现\",\n \"Diners Club\" : \"Diners Club\",\n \"Elo\" : \"Elo\",\n \"Hiper\" : \"Hiper\",\n \"Hipercard\" : \"Hipercard\",\n \"MasterCard\" : \"Mastercard\",\n \"Visa\" : \"Visa\",\n \"JCB\" : \"JCB\",\n \"Maestro\" : \"Maestro\",\n \"UnionPay\" : \"银联\"\n}\n;\n\n},{}],251:[function(require,module,exports){\n'use strict';\n\nmodule.exports = {\n \"payingWith\" : \"付款方式為 {{paymentSource}}\",\n \"chooseAnotherWayToPay\" : \"請選擇其他付款方式\",\n \"chooseAWayToPay\" : \"選擇付款方式\",\n \"otherWaysToPay\" : \"其他付款方式\",\n \"edit\" : \"編輯\",\n \"doneEditing\" : \"完成\",\n \"editPaymentMethods\" : \"編輯付款方式\",\n \"CreditCardDeleteConfirmationMessage\" : \"刪除最後數字為 {{identifier}} 的 {{secondaryIdentifier}} 卡嗎？\",\n \"PayPalAccountDeleteConfirmationMessage\" : \"刪除 {{identifier}} PayPal 帳戶嗎？\",\n \"VenmoAccountDeleteConfirmationMessage\" : \"確定要刪除用戶名稱為 {{identifier}} 的 Venmo 帳戶嗎？\",\n \"genericDeleteConfirmationMessage\" : \"確定要刪除此付款方式嗎？\",\n \"deleteCancelButton\" : \"取消\",\n \"deleteConfirmationButton\" : \"刪除\",\n \"fieldEmptyForCvv\" : \"請填寫信用卡認證碼（CVV）。\",\n \"fieldEmptyForExpirationDate\" : \"請填寫到期日。\",\n \"fieldEmptyForCardholderName\" : \"請填寫持卡人姓名。\",\n \"fieldTooLongForCardholderName\" : \"持卡人姓名必須少於 256 個字元。\",\n \"fieldEmptyForNumber\" : \"請填寫數字。\",\n \"fieldEmptyForPostalCode\" : \"請填寫郵遞區號。\",\n \"fieldInvalidForCardholderName\" : \"持卡人姓名無效。\",\n \"fieldInvalidForCvv\" : \"此安全代碼無效。\",\n \"fieldInvalidForExpirationDate\" : \"此到期日無效。\",\n \"fieldInvalidForNumber\" : \"此卡號無效。\",\n \"fieldInvalidForPostalCode\" : \"郵遞區號無效。\",\n \"genericError\" : \"系統發生錯誤。\",\n \"hostedFieldsTokenizationFailOnDuplicateError\" : \"此信用卡為已儲存的付款方式。\",\n \"hostedFieldsFailedTokenizationError\" : \"請檢查你的資料，然後重試。\",\n \"hostedFieldsFieldsInvalidError\" : \"請檢查你的資料，然後重試。\",\n \"hostedFieldsTokenizationNetworkErrorError\" : \"網絡錯誤。請再試一次。\",\n \"hostedFieldsTokenizationCvvVerificationFailedError\" : \"信用卡認證失敗。請檢查你的資料，然後重試。\",\n \"paypalButtonMustBeUsed\" : \"使用「PayPal 按鈕」繼續付款。\",\n \"paypalAccountTokenizationFailedError\" : \"新增 PayPal 帳戶出現問題，請再試一次。\",\n \"paypalFlowFailedError\" : \"連接至 PayPal 出現問題，請再試一次。\",\n \"paypalTokenizationRequestActiveError\" : \"正在處理 PayPal 授權付款。\",\n \"venmoCanceledError\" : \"系統出現錯誤，請確保裝置已安裝最新版本的 Venmo 應用程式，及瀏覽器支援切換至 Venmo。\",\n \"vaultManagerPaymentMethodDeletionError\" : \"無法刪除付款方式，請再試一次。\",\n \"venmoAppFailedError\" : \"無法在裝置上找到 Venmo 應用程式。\",\n \"unsupportedCardTypeError\" : \"不支援此卡類型。請改用其他信用卡。\",\n \"applePayTokenizationError\" : \"處理 Apple Pay 付款時網路發生錯誤。請再試一次。\",\n \"applePayActiveCardError\" : \"新增可用的信用卡到 Apple Pay 錢包。\",\n \"cardholderNameLabel\" : \"持卡人姓名\",\n \"cardNumberLabel\" : \"卡號\",\n \"cvvLabel\" : \"CVV\",\n \"cvvThreeDigitLabelSubheading\" : \"（3 位數）\",\n \"cvvFourDigitLabelSubheading\" : \"（4 位數）\",\n \"cardholderNamePlaceholder\" : \"持卡人姓名\",\n \"expirationDateLabel\" : \"到期日\",\n \"expirationDateLabelSubheading\" : \"(MM/YY)\",\n \"expirationDatePlaceholder\" : \"MM/YY\",\n \"postalCodeLabel\" : \"郵遞區號\",\n \"saveCardLabel\" : \"儲存卡\",\n \"payWithCard\" : \"使用扣帳卡或信用卡付款\",\n \"endingIn\" : \"最後數字為 {{lastFourCardDigits}}\",\n \"Apple Pay\" : \"Apple Pay\",\n \"Venmo\" : \"Venmo\",\n \"Card\" : \"信用卡\",\n \"PayPal\" : \"PayPal\",\n \"PayPal Credit\" : \"PayPal Credit\",\n \"Google Pay\" : \"Google Pay\",\n \"American Express\" : \"American Express\",\n \"Discover\" : \"Discover\",\n \"Diners Club\" : \"Diners Club\",\n \"Elo\" : \"Elo\",\n \"Hiper\" : \"Hiper\",\n \"Hipercard\" : \"Hipercard\",\n \"MasterCard\" : \"Mastercard\",\n \"Visa\" : \"Visa\",\n \"JCB\" : \"JCB\",\n \"Maestro\" : \"Maestro\",\n \"UnionPay\" : \"UnionPay\"\n}\n;\n\n},{}],252:[function(require,module,exports){\n'use strict';\n\nmodule.exports = {\n \"payingWith\" : \"使用 {{paymentSource}} 付款\",\n \"chooseAnotherWayToPay\" : \"選擇其他付款方式\",\n \"chooseAWayToPay\" : \"選擇付款方式\",\n \"otherWaysToPay\" : \"其他付款方式\",\n \"edit\" : \"編輯\",\n \"doneEditing\" : \"完成\",\n \"editPaymentMethods\" : \"編輯付款方式\",\n \"CreditCardDeleteConfirmationMessage\" : \"刪除末碼為 {{identifier}} 的 {{secondaryIdentifier}} 卡片？\",\n \"PayPalAccountDeleteConfirmationMessage\" : \"刪除 {{identifier}} 的 PayPal 帳戶？\",\n \"VenmoAccountDeleteConfirmationMessage\" : \"確定要刪除用戶名稱為 {{identifier}} 的 Venmo 帳戶？\",\n \"genericDeleteConfirmationMessage\" : \"確定要刪除此付款方式？\",\n \"deleteCancelButton\" : \"取消\",\n \"deleteConfirmationButton\" : \"刪除\",\n \"fieldEmptyForCvv\" : \"填寫信用卡驗證碼。\",\n \"fieldEmptyForExpirationDate\" : \"填寫到期日。\",\n \"fieldEmptyForCardholderName\" : \"填寫持卡人姓名。\",\n \"fieldTooLongForCardholderName\" : \"持卡人姓名必須少於 256 個字元。\",\n \"fieldEmptyForNumber\" : \"填寫數字。\",\n \"fieldEmptyForPostalCode\" : \"填寫郵遞區號。\",\n \"fieldInvalidForCardholderName\" : \"此持卡人姓名無效。\",\n \"fieldInvalidForCvv\" : \"此安全代碼無效。\",\n \"fieldInvalidForExpirationDate\" : \"此到期日無效。\",\n \"fieldInvalidForNumber\" : \"此卡號無效。\",\n \"fieldInvalidForPostalCode\" : \"此郵遞區號無效。\",\n \"genericError\" : \"我們的系統發生問題。\",\n \"hostedFieldsTokenizationFailOnDuplicateError\" : \"此信用卡已經是儲存的付款方式。\",\n \"hostedFieldsFailedTokenizationError\" : \"請檢查你的資料並重試。\",\n \"hostedFieldsFieldsInvalidError\" : \"請檢查你的資料並重試。\",\n \"hostedFieldsTokenizationNetworkErrorError\" : \"網路錯誤。請重試。\",\n \"hostedFieldsTokenizationCvvVerificationFailedError\" : \"信用卡認證失敗。請檢查你的資料並重試。\",\n \"paypalButtonMustBeUsed\" : \"使用 PayPal 按鈕繼續付款。\",\n \"paypalAccountTokenizationFailedError\" : \"新增 PayPal 帳戶時發生錯誤。請重試。\",\n \"paypalFlowFailedError\" : \"連結至 PayPal 時發生錯誤。請重試。\",\n \"paypalTokenizationRequestActiveError\" : \"PayPal 付款授權已在進行中。\",\n \"venmoCanceledError\" : \"系統發生錯誤。確保你在裝置上安裝了最新版本的 Venmo 應用程式，且瀏覽器支援轉換至 Venmo。\",\n \"vaultManagerPaymentMethodDeletionError\" : \"無法刪除付款方式，請重試。\",\n \"venmoAppFailedError\" : \"你的裝置上找不到 Venmo 應用程式。\",\n \"unsupportedCardTypeError\" : \"不支援此卡片類型，請改用其他卡片。\",\n \"applePayTokenizationError\" : \"處理 Apple Pay 付款時發生網路連線錯誤。請重試。\",\n \"applePayActiveCardError\" : \"將支援卡片新增至你的 Apple Pay 錢包。\",\n \"cardholderNameLabel\" : \"持卡人姓名\",\n \"cardNumberLabel\" : \"卡號\",\n \"cvvLabel\" : \"信用卡驗證碼\",\n \"cvvThreeDigitLabelSubheading\" : \"（3 位數）\",\n \"cvvFourDigitLabelSubheading\" : \"（4 位數）\",\n \"cardholderNamePlaceholder\" : \"持卡人姓名\",\n \"expirationDateLabel\" : \"到期日\",\n \"expirationDateLabelSubheading\" : \"（月 / 年）\",\n \"expirationDatePlaceholder\" : \"月 / 年\",\n \"postalCodeLabel\" : \"郵遞區號\",\n \"saveCardLabel\" : \"儲存卡片\",\n \"payWithCard\" : \"使用卡片付款\",\n \"endingIn\" : \"末碼為 {{lastFourCardDigits}}\",\n \"Apple Pay\" : \"Apple Pay\",\n \"Venmo\" : \"Venmo\",\n \"Card\" : \"卡片\",\n \"PayPal\" : \"PayPal\",\n \"PayPal Credit\" : \"PayPal Credit\",\n \"Google Pay\" : \"Google Pay\",\n \"American Express\" : \"美國運通\",\n \"Discover\" : \"發現卡\",\n \"Diners Club\" : \"大來卡\",\n \"Elo\" : \"Elo\",\n \"Hiper\" : \"Hiper\",\n \"Hipercard\" : \"Hipercard\",\n \"MasterCard\" : \"Mastercard\",\n \"Visa\" : \"Visa\",\n \"JCB\" : \"JCB\",\n \"Maestro\" : \"Maestro\",\n \"UnionPay\" : \"銀聯\"\n}\n;\n\n},{}],253:[function(require,module,exports){\n'use strict';\n\nmodule.exports = {\n \"payingWith\" : \"使用{{paymentSource}}付款\",\n \"chooseAnotherWayToPay\" : \"选择其他付款方式\",\n \"chooseAWayToPay\" : \"选择付款方式\",\n \"otherWaysToPay\" : \"其他付款方式\",\n \"edit\" : \"编辑\",\n \"doneEditing\" : \"完成\",\n \"editPaymentMethods\" : \"编辑付款方式\",\n \"CreditCardDeleteConfirmationMessage\" : \"删除以{{identifier}}}结尾的{{secondaryIdentifier}}}卡？\",\n \"PayPalAccountDeleteConfirmationMessage\" : \"删除PayPal账户{{identifier}}}？\",\n \"VenmoAccountDeleteConfirmationMessage\" : \"确定要删除用户名为{{identifier}}}的Venmo账户吗？\",\n \"genericDeleteConfirmationMessage\" : \"确定要删除此付款方式吗？\",\n \"deleteCancelButton\" : \"取消\",\n \"deleteConfirmationButton\" : \"删除\",\n \"fieldEmptyForCvv\" : \"请填写卡校验值。\",\n \"fieldEmptyForExpirationDate\" : \"请填写有效期限。\",\n \"fieldEmptyForCardholderName\" : \"请填写持卡人姓名。\",\n \"fieldTooLongForCardholderName\" : \"持卡人姓名必须少于256个字符。\",\n \"fieldEmptyForNumber\" : \"请填写号码。\",\n \"fieldEmptyForPostalCode\" : \"请填写邮政编码。\",\n \"fieldInvalidForCardholderName\" : \"此持卡人姓名无效。\",\n \"fieldInvalidForCvv\" : \"此验证码无效。\",\n \"fieldInvalidForExpirationDate\" : \"此有效期限无效。\",\n \"fieldInvalidForNumber\" : \"此卡号无效。\",\n \"fieldInvalidForPostalCode\" : \"此邮政编码无效。\",\n \"genericError\" : \"我们遇到了一些问题。\",\n \"hostedFieldsTokenizationFailOnDuplicateError\" : \"此信用卡已存在于已保存的付款方式中。\",\n \"hostedFieldsFailedTokenizationError\" : \"请检查您的信息，然后重试。\",\n \"hostedFieldsFieldsInvalidError\" : \"请检查您的信息，然后重试。\",\n \"hostedFieldsTokenizationNetworkErrorError\" : \"网络错误。请重试。\",\n \"hostedFieldsTokenizationCvvVerificationFailedError\" : \"信用卡认证失败。请检查您的信息，然后重试。\",\n \"paypalButtonMustBeUsed\" : \"使用PayPal按钮以便继续进行您的付款。\",\n \"paypalAccountTokenizationFailedError\" : \"添加PayPal账户时遇到了问题。请重试。\",\n \"paypalFlowFailedError\" : \"连接到PayPal时遇到了问题。请重试。\",\n \"paypalTokenizationRequestActiveError\" : \"PayPal付款授权正在处理中。\",\n \"venmoCanceledError\" : \"遇到了一些问题。请确保您的设备上安装了最新版本的Venmo应用，并且您的浏览器支持切换到Venmo。\",\n \"vaultManagerPaymentMethodDeletionError\" : \"无法删除付款方式，请重试。\",\n \"venmoAppFailedError\" : \"未能在您的设备上找到Venmo应用。\",\n \"unsupportedCardTypeError\" : \"不支持该卡类型。请尝试其它卡。\",\n \"applePayTokenizationError\" : \"处理Apple Pay付款时出现了网络错误。请重试。\",\n \"applePayActiveCardError\" : \"在您的Apple Pay钱包中添加一张受支持的卡。\",\n \"cardholderNameLabel\" : \"持卡人姓名\",\n \"cardNumberLabel\" : \"卡号\",\n \"cvvLabel\" : \"卡校验值\",\n \"cvvThreeDigitLabelSubheading\" : \"（3位数）\",\n \"cvvFourDigitLabelSubheading\" : \"（4位数）\",\n \"cardholderNamePlaceholder\" : \"持卡人姓名\",\n \"expirationDateLabel\" : \"有效期限\",\n \"expirationDateLabelSubheading\" : \"（月/年）\",\n \"expirationDatePlaceholder\" : \"月/年\",\n \"postalCodeLabel\" : \"邮政编码\",\n \"saveCardLabel\" : \"保存卡\",\n \"payWithCard\" : \"使用卡支付\",\n \"endingIn\" : \"以{{lastFourCardDigits}}}结尾\",\n \"Apple Pay\" : \"Apple Pay\",\n \"Venmo\" : \"Venmo\",\n \"Card\" : \"卡\",\n \"PayPal\" : \"PayPal\",\n \"PayPal Credit\" : \"PayPal Credit\",\n \"Google Pay\" : \"Google Pay\",\n \"American Express\" : \"American Express\",\n \"Discover\" : \"发现\",\n \"Diners Club\" : \"Diners Club\",\n \"Elo\" : \"Elo\",\n \"Hiper\" : \"Hiper\",\n \"Hipercard\" : \"Hipercard\",\n \"MasterCard\" : \"Mastercard\",\n \"Visa\" : \"Visa\",\n \"JCB\" : \"JCB\",\n \"Maestro\" : \"Maestro\",\n \"UnionPay\" : \"银联\"\n}\n;\n\n},{}],254:[function(require,module,exports){\n'use strict';\n\nvar assign = require('../lib/assign').assign;\nvar classList = require('@braintree/class-list');\nvar DropinError = require('../lib/dropin-error');\nvar errors = require('../constants').errors;\nvar Promise = require('../lib/promise');\n\nfunction BaseView(options) {\n options = options || {};\n\n assign(this, options);\n}\n\nBaseView.prototype.getElementById = function (id) {\n if (!this.element) { return null; }\n\n return this.element.querySelector('[data-braintree-id=\"' + id + '\"]');\n};\n\nBaseView.prototype.requestPaymentMethod = function () {\n return Promise.reject(new DropinError(errors.NO_PAYMENT_METHOD_ERROR));\n};\n\nBaseView.prototype.getPaymentMethod = function () {\n return this.activeMethodView && this.activeMethodView.paymentMethod;\n};\n\nBaseView.prototype.onSelection = function () {};\n\nBaseView.prototype.teardown = function () {\n return Promise.resolve();\n};\n\nBaseView.prototype.preventUserAction = function () {\n if (this.element) {\n classList.add(this.element, 'braintree-sheet--loading');\n }\n\n this.model.preventUserAction();\n};\n\nBaseView.prototype.allowUserAction = function () {\n if (this.element) {\n classList.remove(this.element, 'braintree-sheet--loading');\n }\n\n this.model.allowUserAction();\n};\n\nmodule.exports = BaseView;\n\n},{\"../constants\":196,\"../lib/assign\":202,\"../lib/dropin-error\":206,\"../lib/promise\":213,\"@braintree/class-list\":40}],255:[function(require,module,exports){\n'use strict';\n\nvar BaseView = require('./base-view');\nvar addSelectionEventHandler = require('../lib/add-selection-event-handler');\nvar paymentMethodTypes = require('../constants').paymentMethodTypes;\n\nfunction DeleteConfirmationView() {\n BaseView.apply(this, arguments);\n\n this._initialize();\n}\n\nDeleteConfirmationView.prototype = Object.create(BaseView.prototype);\nDeleteConfirmationView.prototype.constructor = DeleteConfirmationView;\nDeleteConfirmationView.ID = DeleteConfirmationView.prototype.ID = 'delete-confirmation';\n\nDeleteConfirmationView.prototype._initialize = function () {\n this._yesButton = this.getElementById('delete-confirmation__yes');\n this._noButton = this.getElementById('delete-confirmation__no');\n this._messageBox = this.getElementById('delete-confirmation__message');\n\n addSelectionEventHandler(this._yesButton, function () {\n this.model.deleteVaultedPaymentMethod();\n }.bind(this));\n addSelectionEventHandler(this._noButton, function () {\n this.model.cancelDeleteVaultedPaymentMethod();\n }.bind(this));\n};\n\nDeleteConfirmationView.prototype.applyPaymentMethod = function (paymentMethod) {\n var identifier, secondaryIdentifier;\n var messageText = this.strings[paymentMethod.type + 'DeleteConfirmationMessage'];\n\n if (messageText) {\n switch (paymentMethod.type) {\n case paymentMethodTypes.card:\n identifier = paymentMethod.details.lastFour;\n secondaryIdentifier = paymentMethod.details.cardType;\n secondaryIdentifier = this.strings[secondaryIdentifier] || secondaryIdentifier;\n break;\n case paymentMethodTypes.paypal:\n identifier = paymentMethod.details.email;\n break;\n case paymentMethodTypes.venmo:\n identifier = paymentMethod.details.username;\n break;\n default:\n break;\n }\n\n messageText = messageText.replace('{{identifier}}', identifier);\n if (secondaryIdentifier) {\n messageText = messageText.replace('{{secondaryIdentifier}}', secondaryIdentifier);\n }\n } else {\n messageText = this.strings.genericDeleteConfirmationMessage;\n }\n this._messageBox.innerText = messageText;\n};\n\nDeleteConfirmationView.prototype.onSelection = function () {\n window.requestAnimationFrame(function () {\n this._yesButton.focus();\n }.bind(this));\n};\n\nmodule.exports = DeleteConfirmationView;\n\n},{\"../constants\":196,\"../lib/add-selection-event-handler\":200,\"./base-view\":254}],256:[function(require,module,exports){\n'use strict';\n\nvar analytics = require('../lib/analytics');\nvar analyticsKinds = require('../constants').analyticsKinds;\nvar BaseView = require('./base-view');\nvar classList = require('@braintree/class-list');\nvar sheetViews = require('./payment-sheet-views');\nvar PaymentMethodsView = require('./payment-methods-view');\nvar PaymentOptionsView = require('./payment-options-view');\nvar DeleteConfirmationView = require('./delete-confirmation-view');\nvar addSelectionEventHandler = require('../lib/add-selection-event-handler');\nvar Promise = require('../lib/promise');\nvar wait = require('../lib/wait');\nvar supportsFlexbox = require('../lib/supports-flexbox');\n\nvar CHANGE_ACTIVE_PAYMENT_METHOD_TIMEOUT = require('../constants').CHANGE_ACTIVE_PAYMENT_METHOD_TIMEOUT;\nvar DEVELOPER_MISCONFIGURATION_MESSAGE = require('../constants').errors.DEVELOPER_MISCONFIGURATION_MESSAGE;\n\nfunction MainView() {\n BaseView.apply(this, arguments);\n\n this.dependenciesInitializing = 0;\n\n this._initialize();\n}\n\nMainView.prototype = Object.create(BaseView.prototype);\nMainView.prototype.constructor = MainView;\n\nMainView.prototype._initialize = function () {\n var paymentOptionsView;\n\n this._hasMultiplePaymentOptions = this.model.supportedPaymentOptions.length > 1;\n\n this._views = {};\n\n this.sheetContainer = this.getElementById('sheet-container');\n this.sheetErrorText = this.getElementById('sheet-error-text');\n\n this.toggle = this.getElementById('toggle');\n this.disableWrapper = this.getElementById('disable-wrapper');\n this.lowerContainer = this.getElementById('lower-container');\n\n this.loadingContainer = this.getElementById('loading-container');\n this.dropinContainer = this.element.querySelector('.braintree-dropin');\n\n this.supportsFlexbox = supportsFlexbox();\n\n this.model.on('asyncDependenciesReady', this.hideLoadingIndicator.bind(this));\n\n this.model.on('errorOccurred', this.showSheetError.bind(this));\n this.model.on('errorCleared', this.hideSheetError.bind(this));\n this.model.on('preventUserAction', this.preventUserAction.bind(this));\n this.model.on('allowUserAction', this.allowUserAction.bind(this));\n\n this.paymentSheetViewIDs = Object.keys(sheetViews).reduce(function (ids, sheetViewKey) {\n var PaymentSheetView, paymentSheetView;\n\n if (this.model.supportedPaymentOptions.indexOf(sheetViewKey) !== -1) {\n PaymentSheetView = sheetViews[sheetViewKey];\n\n paymentSheetView = new PaymentSheetView({\n element: this.getElementById(PaymentSheetView.ID),\n mainView: this,\n model: this.model,\n client: this.client,\n strings: this.strings\n });\n paymentSheetView.initialize();\n\n this.addView(paymentSheetView);\n ids.push(paymentSheetView.ID);\n }\n\n return ids;\n }.bind(this), []);\n\n this.paymentMethodsViews = new PaymentMethodsView({\n element: this.element,\n model: this.model,\n client: this.client,\n strings: this.strings\n });\n this.addView(this.paymentMethodsViews);\n\n this.deleteConfirmationView = new DeleteConfirmationView({\n element: this.getElementById('delete-confirmation'),\n model: this.model,\n strings: this.strings\n });\n this.addView(this.deleteConfirmationView);\n\n addSelectionEventHandler(this.toggle, this.toggleAdditionalOptions.bind(this));\n\n this.model.on('changeActivePaymentMethod', function () {\n wait.delay(CHANGE_ACTIVE_PAYMENT_METHOD_TIMEOUT).then(function () {\n var id = PaymentMethodsView.ID;\n\n // if Drop-in gets into the state where it's told to go to the methods\n // view, but there are no saved payment methods, it should instead\n // redirect to the view it started on\n if (!this.model.hasPaymentMethods()) {\n id = this.model.getInitialViewId();\n }\n\n this.setPrimaryView(id);\n }.bind(this));\n }.bind(this));\n\n this.model.on('changeActiveView', this._onChangeActiveView.bind(this));\n\n this.model.on('removeActivePaymentMethod', function () {\n var activePaymentView = this.getView(this.model.getActivePaymentViewId());\n\n if (activePaymentView && typeof activePaymentView.removeActivePaymentMethod === 'function') {\n activePaymentView.removeActivePaymentMethod();\n }\n }.bind(this));\n\n this.model.on('enableEditMode', this.enableEditMode.bind(this));\n\n this.model.on('disableEditMode', this.disableEditMode.bind(this));\n\n this.model.on('confirmPaymentMethodDeletion', this.openConfirmPaymentMethodDeletionDialog.bind(this));\n this.model.on('cancelVaultedPaymentMethodDeletion', this.cancelVaultedPaymentMethodDeletion.bind(this));\n this.model.on('startVaultedPaymentMethodDeletion', this.startVaultedPaymentMethodDeletion.bind(this));\n this.model.on('finishVaultedPaymentMethodDeletion', this.finishVaultedPaymentMethodDeletion.bind(this));\n\n if (this._hasMultiplePaymentOptions) {\n paymentOptionsView = new PaymentOptionsView({\n client: this.client,\n element: this.getElementById(PaymentOptionsView.ID),\n mainView: this,\n model: this.model,\n strings: this.strings\n });\n\n this.addView(paymentOptionsView);\n }\n\n this._sendToDefaultView();\n};\n\nMainView.prototype._onChangeActiveView = function (data) {\n var id = data.newViewId;\n var activePaymentView = this.getView(id);\n\n if (id === PaymentMethodsView.ID) {\n classList.add(this.paymentMethodsViews.container, 'braintree-methods--active');\n classList.remove(this.sheetContainer, 'braintree-sheet--active');\n } else {\n wait.delay(0).then(function () {\n classList.add(this.sheetContainer, 'braintree-sheet--active');\n }.bind(this));\n classList.remove(this.paymentMethodsViews.container, 'braintree-methods--active');\n if (!this.getView(id).getPaymentMethod()) {\n this.model.setPaymentMethodRequestable({\n isRequestable: false\n });\n }\n }\n\n activePaymentView.onSelection();\n};\n\nMainView.prototype.addView = function (view) {\n this._views[view.ID] = view;\n};\n\nMainView.prototype.getView = function (id) {\n return this._views[id];\n};\n\nMainView.prototype.setPrimaryView = function (id, secondaryViewId) {\n var paymentMethod;\n\n wait.delay(0).then(function () {\n this.element.className = prefixShowClass(id);\n if (secondaryViewId) {\n classList.add(this.element, prefixShowClass(secondaryViewId));\n }\n }.bind(this));\n\n this.primaryView = this.getView(id);\n this.model.changeActiveView(id);\n\n if (this.paymentSheetViewIDs.indexOf(id) !== -1) {\n if (this.model.getPaymentMethods().length > 0 || this.getView(PaymentOptionsView.ID)) {\n this.showToggle();\n } else {\n this.hideToggle();\n }\n } else if (id === PaymentMethodsView.ID) {\n this.showToggle();\n // Move options below the upper-container\n this.getElementById('lower-container').appendChild(this.getElementById('options'));\n } else if (id === PaymentOptionsView.ID) {\n this.hideToggle();\n }\n\n if (!this.supportsFlexbox) {\n this.element.setAttribute('data-braintree-no-flexbox', true);\n }\n\n paymentMethod = this.primaryView.getPaymentMethod();\n\n this.model.setPaymentMethodRequestable({\n isRequestable: Boolean(paymentMethod && !this.model.isInEditMode()),\n type: paymentMethod && paymentMethod.type,\n selectedPaymentMethod: paymentMethod\n });\n\n this.model.clearError();\n};\n\nMainView.prototype.requestPaymentMethod = function () {\n var activePaymentView = this.getView(this.model.getActivePaymentViewId());\n\n return activePaymentView.requestPaymentMethod().then(function (payload) {\n analytics.sendEvent(this.client, 'request-payment-method.' + analyticsKinds[payload.type]);\n\n return payload;\n }.bind(this)).catch(function (err) {\n analytics.sendEvent(this.client, 'request-payment-method.error');\n\n return Promise.reject(err);\n }.bind(this));\n};\n\nMainView.prototype.hideLoadingIndicator = function () {\n classList.remove(this.dropinContainer, 'braintree-loading');\n classList.add(this.dropinContainer, 'braintree-loaded');\n classList.add(this.loadingContainer, 'braintree-hidden');\n};\n\nMainView.prototype.showLoadingIndicator = function () {\n classList.add(this.dropinContainer, 'braintree-loading');\n classList.remove(this.dropinContainer, 'braintree-loaded');\n classList.remove(this.loadingContainer, 'braintree-hidden');\n};\n\nMainView.prototype.toggleAdditionalOptions = function () {\n var sheetViewID;\n var isPaymentSheetView = this.paymentSheetViewIDs.indexOf(this.primaryView.ID) !== -1;\n\n this.hideToggle();\n\n if (!this._hasMultiplePaymentOptions) {\n sheetViewID = this.paymentSheetViewIDs[0];\n\n classList.add(this.element, prefixShowClass(sheetViewID));\n this.model.changeActiveView(sheetViewID);\n } else if (isPaymentSheetView) {\n if (this.model.getPaymentMethods().length === 0) {\n this.setPrimaryView(PaymentOptionsView.ID);\n } else {\n this.setPrimaryView(PaymentMethodsView.ID, PaymentOptionsView.ID);\n this.hideToggle();\n }\n } else {\n classList.add(this.element, prefixShowClass(PaymentOptionsView.ID));\n }\n};\n\nMainView.prototype.showToggle = function () {\n if (this.model.isInEditMode()) {\n return;\n }\n classList.remove(this.toggle, 'braintree-hidden');\n classList.add(this.lowerContainer, 'braintree-hidden');\n};\n\nMainView.prototype.hideToggle = function () {\n classList.add(this.toggle, 'braintree-hidden');\n classList.remove(this.lowerContainer, 'braintree-hidden');\n};\n\nMainView.prototype.showSheetError = function (error) {\n var errorMessage;\n var genericErrorMessage = this.strings.genericError;\n\n if (this.strings.hasOwnProperty(error)) {\n errorMessage = this.strings[error];\n } else if (error && typeof error.code === 'string') {\n errorMessage = this.strings[snakeCaseToCamelCase(error.code) + 'Error'] || genericErrorMessage;\n } else if (error === 'developerError') {\n errorMessage = DEVELOPER_MISCONFIGURATION_MESSAGE;\n } else {\n errorMessage = genericErrorMessage;\n }\n\n classList.add(this.dropinContainer, 'braintree-sheet--has-error');\n this.sheetErrorText.innerHTML = errorMessage;\n};\n\nMainView.prototype.hideSheetError = function () {\n classList.remove(this.dropinContainer, 'braintree-sheet--has-error');\n};\n\nMainView.prototype.getOptionsElements = function () {\n return this._views.options.elements;\n};\n\nMainView.prototype.preventUserAction = function () {\n classList.remove(this.disableWrapper, 'braintree-hidden');\n};\n\nMainView.prototype.allowUserAction = function () {\n classList.add(this.disableWrapper, 'braintree-hidden');\n};\n\nMainView.prototype.teardown = function () {\n var error;\n var viewNames = Object.keys(this._views);\n var teardownPromises = viewNames.map(function (view) {\n return this._views[view].teardown().catch(function (err) {\n error = err;\n });\n }.bind(this));\n\n return Promise.all(teardownPromises).then(function () {\n if (error) {\n return Promise.reject(error);\n }\n\n return Promise.resolve();\n });\n};\n\nMainView.prototype.enableEditMode = function () {\n this.setPrimaryView(this.paymentMethodsViews.ID);\n this.paymentMethodsViews.enableEditMode();\n this.hideToggle();\n\n this.model.setPaymentMethodRequestable({\n isRequestable: false\n });\n};\n\nMainView.prototype.disableEditMode = function () {\n var paymentMethod;\n\n this.hideSheetError();\n this.paymentMethodsViews.disableEditMode();\n this.showToggle();\n\n paymentMethod = this.primaryView.getPaymentMethod();\n\n this.model.setPaymentMethodRequestable({\n isRequestable: Boolean(paymentMethod),\n type: paymentMethod && paymentMethod.type,\n selectedPaymentMethod: paymentMethod\n });\n};\n\nMainView.prototype.openConfirmPaymentMethodDeletionDialog = function (paymentMethod) {\n this.deleteConfirmationView.applyPaymentMethod(paymentMethod);\n this.setPrimaryView(this.deleteConfirmationView.ID);\n};\n\nMainView.prototype.cancelVaultedPaymentMethodDeletion = function () {\n this.setPrimaryView(this.paymentMethodsViews.ID);\n};\n\nMainView.prototype.startVaultedPaymentMethodDeletion = function () {\n this.element.className = '';\n this.showLoadingIndicator();\n};\n\nMainView.prototype.finishVaultedPaymentMethodDeletion = function (error) {\n var self = this;\n\n this.paymentMethodsViews.refreshPaymentMethods();\n\n if (error && this.model.getPaymentMethods().length > 0) {\n this.model.enableEditMode();\n this.showSheetError('vaultManagerPaymentMethodDeletionError');\n } else {\n this._sendToDefaultView();\n }\n\n return new Promise(function (resolve) {\n wait.delay(500).then(function () {\n // allow all the views to reset before hiding the loading indicator\n self.hideLoadingIndicator();\n resolve();\n });\n });\n};\n\nMainView.prototype._sendToDefaultView = function () {\n var paymentMethods = this.model.getPaymentMethods();\n var preselectVaultedPaymentMethod = this.model.merchantConfiguration.preselectVaultedPaymentMethod !== false;\n\n if (paymentMethods.length > 0) {\n if (preselectVaultedPaymentMethod) {\n analytics.sendEvent(this.client, 'vaulted-card.preselect');\n\n this.model.changeActivePaymentMethod(paymentMethods[0]);\n } else {\n this.setPrimaryView(this.paymentMethodsViews.ID);\n }\n } else if (this._hasMultiplePaymentOptions) {\n this.setPrimaryView(PaymentOptionsView.ID);\n } else {\n this.setPrimaryView(this.paymentSheetViewIDs[0]);\n }\n};\nfunction snakeCaseToCamelCase(s) {\n return s.toLowerCase().replace(/(\\_\\w)/g, function (m) {\n return m[1].toUpperCase();\n });\n}\n\nfunction prefixShowClass(classname) {\n return 'braintree-show-' + classname;\n}\n\nmodule.exports = MainView;\n\n},{\"../constants\":196,\"../lib/add-selection-event-handler\":200,\"../lib/analytics\":201,\"../lib/promise\":213,\"../lib/supports-flexbox\":215,\"../lib/wait\":218,\"./base-view\":254,\"./delete-confirmation-view\":255,\"./payment-methods-view\":258,\"./payment-options-view\":259,\"./payment-sheet-views\":264,\"@braintree/class-list\":40}],257:[function(require,module,exports){\n'use strict';\n\nvar analytics = require('../lib/analytics');\nvar BaseView = require('./base-view');\nvar classList = require('@braintree/class-list');\nvar constants = require('../constants');\n\nvar addSelectionEventHandler = require('../lib/add-selection-event-handler');\n\nvar paymentMethodHTML = \"
\\n\\n
\\n \\n \\n
\\n\\n
\\n\\n
\\n\";\n\nfunction PaymentMethodView() {\n BaseView.apply(this, arguments);\n\n this._initialize();\n}\n\nPaymentMethodView.prototype = Object.create(BaseView.prototype);\nPaymentMethodView.prototype.constructor = PaymentMethodView;\n\nPaymentMethodView.prototype._initialize = function () {\n var endingInText;\n var html = paymentMethodHTML;\n var paymentMethodCardTypes = constants.paymentMethodCardTypes;\n var paymentMethodTypes = constants.paymentMethodTypes;\n\n this.element = document.createElement('div');\n this.element.className = 'braintree-method';\n this.element.setAttribute('tabindex', '0');\n this.element.setAttribute('role', 'button');\n\n addSelectionEventHandler(this.element, function () {\n if (this.model.isInEditMode()) {\n this._selectDelete();\n } else {\n this._choosePaymentMethod();\n }\n }.bind(this));\n\n switch (this.paymentMethod.type) {\n case paymentMethodTypes.applePay:\n html = html.replace(/@ICON/g, 'logoApplePay')\n .replace(/@CLASSNAME/g, '')\n .replace(/@TITLE/g, this.strings['Apple Pay'])\n .replace(/@SUBTITLE/g, '');\n break;\n case paymentMethodTypes.card:\n endingInText = this.strings.endingIn.replace('{{lastFourCardDigits}}', this.paymentMethod.details.lastFour);\n html = html.replace(/@ICON/g, 'icon-' + paymentMethodCardTypes[this.paymentMethod.details.cardType])\n .replace(/@CLASSNAME/g, ' braintree-icon--bordered')\n .replace(/@TITLE/g, endingInText)\n .replace(/@SUBTITLE/g, this.strings[this.paymentMethod.details.cardType]);\n break;\n case paymentMethodTypes.googlePay:\n html = html.replace(/@ICON/g, 'logoGooglePay')\n .replace(/@CLASSNAME/g, '')\n .replace(/@TITLE/g, this.strings['Google Pay'])\n .replace(/@SUBTITLE/g, '');\n break;\n case paymentMethodTypes.paypal:\n html = html.replace(/@ICON/g, 'logoPayPal')\n .replace(/@CLASSNAME/g, '')\n .replace(/@TITLE/g, this.paymentMethod.details.email)\n .replace(/@SUBTITLE/g, this.strings.PayPal);\n break;\n case paymentMethodTypes.venmo:\n html = html.replace(/@ICON/g, 'logoVenmo')\n .replace(/@CLASSNAME/g, '')\n .replace(/@TITLE/g, this.paymentMethod.details.username)\n .replace(/@SUBTITLE/g, this.strings.Venmo);\n break;\n default:\n break;\n }\n\n this.element.innerHTML = html;\n this.checkMark = this.element.querySelector('.braintree-method__check-container');\n};\n\nPaymentMethodView.prototype.setActive = function (isActive) {\n // setTimeout required to animate addition of new payment methods\n setTimeout(function () {\n classList.toggle(this.element, 'braintree-method--active', isActive);\n }.bind(this), 0);\n};\n\nPaymentMethodView.prototype.enableEditMode = function () {\n classList.add(this.checkMark, 'braintree-hidden');\n if (this.paymentMethod.hasSubscription) {\n classList.add(this.element, 'braintree-method--disabled');\n }\n};\n\nPaymentMethodView.prototype.disableEditMode = function () {\n classList.remove(this.checkMark, 'braintree-hidden');\n classList.remove(this.element, 'braintree-method--disabled');\n};\n\nPaymentMethodView.prototype.teardown = function () {\n if (this.element.parentNode) {\n this.element.parentNode.removeChild(this.element);\n }\n};\n\nPaymentMethodView.prototype._choosePaymentMethod = function () {\n if (this.paymentMethod.vaulted) {\n analytics.sendEvent(this.client, 'vaulted-' + constants.analyticsKinds[this.paymentMethod.type] + '.select');\n }\n\n this.model.changeActivePaymentMethod(this.paymentMethod);\n};\n\nPaymentMethodView.prototype._selectDelete = function () {\n this.model.confirmPaymentMethodDeletion(this.paymentMethod);\n};\n\nmodule.exports = PaymentMethodView;\n\n},{\"../constants\":196,\"../lib/add-selection-event-handler\":200,\"../lib/analytics\":201,\"./base-view\":254,\"@braintree/class-list\":40}],258:[function(require,module,exports){\n'use strict';\n\nvar BaseView = require('./base-view');\nvar PaymentMethodView = require('./payment-method-view');\nvar DropinError = require('../lib/dropin-error');\nvar classList = require('@braintree/class-list');\nvar errors = require('../constants').errors;\nvar Promise = require('../lib/promise');\nvar addSelectionEventHandler = require('../lib/add-selection-event-handler');\n\nvar PAYMENT_METHOD_TYPE_TO_TRANSLATION_STRING = {\n CreditCard: 'Card',\n PayPalAccount: 'PayPal',\n ApplePayCard: 'Apple Pay',\n AndroidPayCard: 'Google Pay',\n VenmoAccount: 'Venmo'\n};\n\nfunction PaymentMethodsView() {\n BaseView.apply(this, arguments);\n\n this._initialize();\n}\n\nPaymentMethodsView.prototype = Object.create(BaseView.prototype);\nPaymentMethodsView.prototype.constructor = PaymentMethodsView;\nPaymentMethodsView.ID = PaymentMethodsView.prototype.ID = 'methods';\n\nPaymentMethodsView.prototype._initialize = function () {\n this.views = [];\n this.container = this.getElementById('methods-container');\n this._headingLabel = this.getElementById('methods-label');\n this._editButton = this.getElementById('methods-edit');\n\n this.model.on('addPaymentMethod', this._addPaymentMethod.bind(this));\n this.model.on('changeActivePaymentMethod', this._changeActivePaymentMethodView.bind(this));\n this.model.on('refreshPaymentMethods', this.refreshPaymentMethods.bind(this));\n\n this.refreshPaymentMethods();\n\n if (this.model.merchantConfiguration.vaultManager) {\n this.model.on('removePaymentMethod', this._removePaymentMethod.bind(this));\n\n addSelectionEventHandler(this._editButton, function () {\n if (this.model.isInEditMode()) {\n this.model.disableEditMode();\n } else {\n this.model.enableEditMode();\n }\n }.bind(this));\n\n classList.remove(this._editButton, 'braintree-hidden');\n }\n};\n\nPaymentMethodsView.prototype.removeActivePaymentMethod = function () {\n if (!this.activeMethodView) {\n return;\n }\n this.activeMethodView.setActive(false);\n this.activeMethodView = null;\n classList.add(this._headingLabel, 'braintree-no-payment-method-selected');\n};\n\nPaymentMethodsView.prototype._getPaymentMethodString = function () {\n var stringKey, paymentMethodTypeString;\n\n if (!this.activeMethodView) {\n return '';\n }\n\n stringKey = PAYMENT_METHOD_TYPE_TO_TRANSLATION_STRING[this.activeMethodView.paymentMethod.type];\n paymentMethodTypeString = this.strings[stringKey];\n\n return this.strings.payingWith.replace('{{paymentSource}}', paymentMethodTypeString);\n};\n\nPaymentMethodsView.prototype.enableEditMode = function () {\n classList.add(this.container, 'braintree-methods--edit');\n\n this._editButton.innerHTML = this.strings.deleteCancelButton;\n this._headingLabel.innerHTML = this.strings.editPaymentMethods;\n\n this.views.forEach(function (view) {\n view.enableEditMode();\n });\n};\n\nPaymentMethodsView.prototype.disableEditMode = function () {\n classList.remove(this.container, 'braintree-methods--edit');\n\n this._editButton.innerHTML = this.strings.edit;\n this._headingLabel.innerHTML = this._getPaymentMethodString();\n\n this.views.forEach(function (view) {\n view.disableEditMode();\n });\n};\n\nPaymentMethodsView.prototype._addPaymentMethod = function (paymentMethod) {\n var paymentMethodView = new PaymentMethodView({\n model: this.model,\n paymentMethod: paymentMethod,\n client: this.client,\n strings: this.strings\n });\n\n if (this.model.isGuestCheckout && this.container.firstChild) {\n this.views[0].teardown();\n this.views.pop();\n }\n\n if (this.container.firstChild) {\n this.container.insertBefore(paymentMethodView.element, this.container.firstChild);\n } else {\n this.container.appendChild(paymentMethodView.element);\n }\n\n this.views.push(paymentMethodView);\n};\n\nPaymentMethodsView.prototype._removePaymentMethod = function (paymentMethod) {\n var i;\n\n for (i = 0; i < this.views.length; i++) {\n if (this.views[i].paymentMethod === paymentMethod) {\n this.views[i].teardown();\n this._headingLabel.innerHTML = ' ';\n this.views.splice(i, 1);\n break;\n }\n }\n};\n\nPaymentMethodsView.prototype._changeActivePaymentMethodView = function (paymentMethod) {\n var i;\n var previousActiveMethodView = this.activeMethodView;\n\n for (i = 0; i < this.views.length; i++) {\n if (this.views[i].paymentMethod === paymentMethod) {\n this.activeMethodView = this.views[i];\n this._headingLabel.innerHTML = this._getPaymentMethodString();\n break;\n }\n }\n\n if (previousActiveMethodView) {\n previousActiveMethodView.setActive(false);\n }\n this.activeMethodView.setActive(true);\n classList.remove(this._headingLabel, 'braintree-no-payment-method-selected');\n};\n\nPaymentMethodsView.prototype.requestPaymentMethod = function () {\n if (!this.activeMethodView || this.model.isInEditMode()) {\n return Promise.reject(new DropinError(errors.NO_PAYMENT_METHOD_ERROR));\n }\n\n return Promise.resolve(this.activeMethodView.paymentMethod);\n};\n\nPaymentMethodsView.prototype.refreshPaymentMethods = function () {\n var i;\n var paymentMethods = this.model.getPaymentMethods();\n\n this.views.forEach(function (view) {\n view.teardown();\n });\n\n this.views = [];\n\n for (i = paymentMethods.length - 1; i >= 0; i--) {\n this._addPaymentMethod(paymentMethods[i]);\n }\n};\n\nmodule.exports = PaymentMethodsView;\n\n},{\"../constants\":196,\"../lib/add-selection-event-handler\":200,\"../lib/dropin-error\":206,\"../lib/promise\":213,\"./base-view\":254,\"./payment-method-view\":257,\"@braintree/class-list\":40}],259:[function(require,module,exports){\n'use strict';\n\nvar analytics = require('../lib/analytics');\nvar addSelectionEventHandler = require('../lib/add-selection-event-handler');\nvar BaseView = require('./base-view');\n\nvar paymentOptionIDs = require('../constants').paymentOptionIDs;\n\nvar paymentMethodOptionHTML = \"
\\n \\n \\n
\\n\\n
\\n\";\n\nfunction PaymentOptionsView() {\n BaseView.apply(this, arguments);\n\n this._initialize();\n}\n\nPaymentOptionsView.prototype = Object.create(BaseView.prototype);\nPaymentOptionsView.prototype.constructor = PaymentOptionsView;\nPaymentOptionsView.ID = PaymentOptionsView.prototype.ID = 'options';\n\nPaymentOptionsView.prototype._initialize = function () {\n this.container = this.getElementById('payment-options-container');\n this.elements = {};\n\n this.model.supportedPaymentOptions.forEach(function (paymentOptionID) {\n this._addPaymentOption(paymentOptionID);\n }.bind(this));\n};\n\nPaymentOptionsView.prototype._addPaymentOption = function (paymentOptionID) {\n var paymentSource;\n var div = document.createElement('div');\n var html = paymentMethodOptionHTML;\n var clickHandler = function clickHandler() {\n this.mainView.setPrimaryView(paymentOptionID);\n this.model.selectPaymentOption(paymentOptionID);\n analytics.sendEvent(this.client, 'selected.' + paymentOptionIDs[paymentOptionID]);\n }.bind(this);\n\n div.className = 'braintree-option braintree-option__' + paymentOptionID;\n div.setAttribute('tabindex', '0');\n div.setAttribute('role', 'button');\n\n switch (paymentOptionID) {\n case paymentOptionIDs.applePay:\n paymentSource = this.strings['Apple Pay'];\n html = html.replace(/@ICON/g, 'logoApplePay');\n break;\n case paymentOptionIDs.card:\n paymentSource = this.strings.Card;\n html = html.replace(/@ICON/g, 'iconCardFront');\n html = html.replace(/@CLASSNAME/g, 'braintree-icon--bordered');\n break;\n case paymentOptionIDs.googlePay:\n paymentSource = this.strings['Google Pay'];\n html = html.replace(/@ICON/g, 'logoGooglePay');\n break;\n case paymentOptionIDs.paypal:\n paymentSource = this.strings.PayPal;\n html = html.replace(/@ICON/g, 'logoPayPal');\n break;\n case paymentOptionIDs.paypalCredit:\n paymentSource = this.strings['PayPal Credit'];\n html = html.replace(/@ICON/g, 'logoPayPalCredit');\n break;\n case paymentOptionIDs.venmo:\n paymentSource = this.strings.Venmo;\n html = html.replace(/@ICON/g, 'logoVenmo');\n break;\n default:\n break;\n }\n\n html = html.replace(/@OPTION_LABEL/g, this._generateOptionLabel(paymentSource));\n html = html.replace(/@OPTION_TITLE/g, paymentSource);\n html = html.replace(/@CLASSNAME/g, '');\n\n div.innerHTML = html;\n\n addSelectionEventHandler(div, clickHandler);\n\n this.container.appendChild(div);\n this.elements[paymentOptionID] = {\n div: div,\n clickHandler: clickHandler\n };\n};\n\nPaymentOptionsView.prototype._generateOptionLabel = function (paymentSourceString) {\n return this.strings.payingWith.replace('{{paymentSource}}', paymentSourceString);\n};\n\nmodule.exports = PaymentOptionsView;\n\n},{\"../constants\":196,\"../lib/add-selection-event-handler\":200,\"../lib/analytics\":201,\"./base-view\":254}],260:[function(require,module,exports){\n(function (global){(function (){\n'use strict';\n\nvar assign = require('../../lib/assign').assign;\nvar BaseView = require('../base-view');\nvar btApplePay = require('braintree-web/apple-pay');\nvar DropinError = require('../../lib/dropin-error');\nvar isHTTPS = require('../../lib/is-https');\nvar Promise = require('../../lib/promise');\nvar paymentOptionIDs = require('../../constants').paymentOptionIDs;\n\nvar DEFAULT_APPLE_PAY_SESSION_VERSION = 2;\n\nfunction ApplePayView() {\n BaseView.apply(this, arguments);\n}\n\nApplePayView.prototype = Object.create(BaseView.prototype);\nApplePayView.prototype.constructor = ApplePayView;\nApplePayView.ID = ApplePayView.prototype.ID = paymentOptionIDs.applePay;\n\nApplePayView.prototype.initialize = function () {\n var self = this;\n\n self.applePayConfiguration = assign({}, self.model.merchantConfiguration.applePay);\n self.applePaySessionVersion = self.applePayConfiguration.applePaySessionVersion || DEFAULT_APPLE_PAY_SESSION_VERSION;\n\n delete self.applePayConfiguration.applePaySessionVersion;\n\n return btApplePay.create({client: this.client}).then(function (applePayInstance) {\n self.buttonDiv = self.getElementById('apple-pay-button');\n\n self.applePayInstance = applePayInstance;\n\n self.buttonDiv.onclick = self._showPaymentSheet.bind(self);\n self.buttonDiv.style['-apple-pay-button-style'] = self.model.merchantConfiguration.applePay.buttonStyle || 'black';\n\n self.model.asyncDependencyReady(ApplePayView.ID);\n }).catch(function (err) {\n self.model.asyncDependencyFailed({\n view: self.ID,\n error: new DropinError(err)\n });\n });\n};\n\nApplePayView.prototype._showPaymentSheet = function () {\n var self = this;\n var request, session;\n\n if (this._sessionInProgress) {\n return false;\n }\n\n this._sessionInProgress = true;\n\n request = this.applePayInstance.createPaymentRequest(this.applePayConfiguration.paymentRequest);\n session = new global.ApplePaySession(self.applePaySessionVersion, request);\n\n session.onvalidatemerchant = function (event) {\n self.applePayInstance.performValidation({\n validationURL: event.validationURL,\n displayName: self.applePayConfiguration.displayName\n }).then(function (validationData) {\n session.completeMerchantValidation(validationData);\n }).catch(function (validationErr) {\n self.model.reportError(validationErr);\n self._sessionInProgress = false;\n session.abort();\n });\n };\n\n session.onpaymentauthorized = function (event) {\n self.applePayInstance.tokenize({\n token: event.payment.token\n }).then(function (payload) {\n self._sessionInProgress = false;\n session.completePayment(global.ApplePaySession.STATUS_SUCCESS);\n payload.rawPaymentData = event.payment;\n self.model.addPaymentMethod(payload);\n }).catch(function (tokenizeErr) {\n self.model.reportError(tokenizeErr);\n self._sessionInProgress = false;\n session.completePayment(global.ApplePaySession.STATUS_FAILURE);\n });\n };\n\n session.oncancel = function () {\n self._sessionInProgress = false;\n };\n\n session.begin();\n\n return false;\n};\n\nApplePayView.prototype.updateConfiguration = function (key, value) {\n this.applePayConfiguration[key] = value;\n};\n\nApplePayView.isEnabled = function (options) {\n var gatewayConfiguration = options.client.getConfiguration().gatewayConfiguration;\n var applePayEnabled = gatewayConfiguration.applePayWeb && Boolean(options.merchantConfiguration.applePay);\n var applePaySessionVersion = options.merchantConfiguration.applePay && options.merchantConfiguration.applePay.applePaySessionVersion;\n var applePayBrowserSupported;\n\n applePaySessionVersion = applePaySessionVersion || DEFAULT_APPLE_PAY_SESSION_VERSION;\n\n if (!applePayEnabled) {\n return Promise.resolve(false);\n }\n\n applePayBrowserSupported = global.ApplePaySession && isHTTPS.isHTTPS();\n\n if (!applePayBrowserSupported) {\n return Promise.resolve(false);\n }\n\n if (!global.ApplePaySession.supportsVersion(applePaySessionVersion)) {\n return Promise.resolve(false);\n }\n\n return Promise.resolve(Boolean(global.ApplePaySession.canMakePayments()));\n};\n\nmodule.exports = ApplePayView;\n\n}).call(this)}).call(this,typeof global !== \"undefined\" ? global : typeof self !== \"undefined\" ? self : typeof window !== \"undefined\" ? window : {})\n},{\"../../constants\":196,\"../../lib/assign\":202,\"../../lib/dropin-error\":206,\"../../lib/is-https\":209,\"../../lib/promise\":213,\"../base-view\":254,\"braintree-web/apple-pay\":54}],261:[function(require,module,exports){\n(function (global){(function (){\n'use strict';\n\nvar analytics = require('../../lib/analytics');\nvar assign = require('../../lib/assign').assign;\nvar browserDetection = require('../../lib/browser-detection');\nvar BaseView = require('../base-view');\nvar btPaypal = require('braintree-web/paypal-checkout');\nvar DropinError = require('../../lib/dropin-error');\nvar constants = require('../../constants');\nvar assets = require('@braintree/asset-loader');\nvar translations = require('../../translations').fiveCharacterLocales;\nvar Promise = require('../../lib/promise');\n\nvar ASYNC_DEPENDENCY_TIMEOUT = 30000;\nvar READ_ONLY_CONFIGURATION_OPTIONS = ['offerCredit', 'locale'];\nvar DEFAULT_CHECKOUTJS_LOG_LEVEL = 'warn';\n\nvar paypalScriptLoadInProgressPromise;\n\nfunction BasePayPalView() {\n BaseView.apply(this, arguments);\n}\n\nBasePayPalView.prototype = Object.create(BaseView.prototype);\n\nBasePayPalView.prototype.initialize = function () {\n var asyncDependencyTimeoutHandler;\n var isCredit = Boolean(this._isPayPalCredit);\n var setupComplete = false;\n var self = this;\n var paypalType = isCredit ? 'paypalCredit' : 'paypal';\n var paypalConfiguration = this.model.merchantConfiguration[paypalType];\n var dropinWrapperId = '#braintree--dropin__' + this.model.componentID;\n\n this.paypalConfiguration = assign({}, paypalConfiguration);\n\n asyncDependencyTimeoutHandler = setTimeout(function () {\n self.model.asyncDependencyFailed({\n view: self.ID,\n error: new DropinError('There was an error connecting to PayPal.')\n });\n }, ASYNC_DEPENDENCY_TIMEOUT);\n\n return btPaypal.create({client: this.client}).then(function (paypalInstance) {\n var checkoutJSConfiguration;\n var buttonSelector = '[data-braintree-id=\"paypal-button\"]';\n var environment = self.client.getConfiguration().gatewayConfiguration.environment === 'production' ? 'production' : 'sandbox';\n var locale = self.model.merchantConfiguration.locale;\n\n self.paypalInstance = paypalInstance;\n\n self.paypalConfiguration.offerCredit = Boolean(isCredit);\n checkoutJSConfiguration = {\n env: environment,\n style: self.paypalConfiguration.buttonStyle || {},\n commit: self.paypalConfiguration.commit,\n payment: function () {\n return paypalInstance.createPayment(self.paypalConfiguration).catch(reportError);\n },\n onAuthorize: function (data) {\n // NEXT_MAJOR_VERSION change out this vaultPayPal property\n // to something more generic, such as vaultOnTokenization so\n // all the vault objects can have the same shape (instead\n // of being specific to PayPal accounts here)\n var shouldNotVault = self.paypalConfiguration.vault && self.paypalConfiguration.vault.vaultPayPal === false;\n\n if (shouldNotVault) {\n data.vault = false;\n }\n\n return paypalInstance.tokenizePayment(data).then(function (tokenizePayload) {\n if (!shouldNotVault && self.paypalConfiguration.flow === 'vault' && !self.model.isGuestCheckout) {\n tokenizePayload.vaulted = true;\n }\n self.model.addPaymentMethod(tokenizePayload);\n }).catch(reportError);\n },\n onError: reportError\n };\n\n if (locale && locale in translations) {\n self.paypalConfiguration.locale = locale;\n checkoutJSConfiguration.locale = locale;\n }\n checkoutJSConfiguration.funding = {\n disallowed: []\n };\n\n Object.keys(global.paypal.FUNDING).forEach(function (key) {\n if (key === 'PAYPAL' || key === 'CREDIT') {\n return;\n }\n checkoutJSConfiguration.funding.disallowed.push(global.paypal.FUNDING[key]);\n });\n\n if (isCredit) {\n buttonSelector = '[data-braintree-id=\"paypal-credit-button\"]';\n checkoutJSConfiguration.style.label = 'credit';\n } else {\n checkoutJSConfiguration.funding.disallowed.push(global.paypal.FUNDING.CREDIT);\n }\n\n buttonSelector = dropinWrapperId + ' ' + buttonSelector;\n\n return global.paypal.Button.render(checkoutJSConfiguration, buttonSelector).then(function () {\n self.model.asyncDependencyReady(paypalType);\n setupComplete = true;\n clearTimeout(asyncDependencyTimeoutHandler);\n });\n }).catch(reportError);\n\n function reportError(err) {\n if (setupComplete) {\n self.model.reportError(err);\n } else {\n self.model.asyncDependencyFailed({\n view: self.ID,\n error: err\n });\n clearTimeout(asyncDependencyTimeoutHandler);\n }\n }\n};\n\nBasePayPalView.prototype.requestPaymentMethod = function () {\n this.model.reportError('paypalButtonMustBeUsed');\n\n return BaseView.prototype.requestPaymentMethod.call(this);\n};\n\nBasePayPalView.prototype.updateConfiguration = function (key, value) {\n if (READ_ONLY_CONFIGURATION_OPTIONS.indexOf(key) === -1) {\n this.paypalConfiguration[key] = value;\n }\n};\n\nBasePayPalView.isEnabled = function (options) {\n var gatewayConfiguration = options.client.getConfiguration().gatewayConfiguration;\n var merchantPayPalConfig = options.merchantConfiguration.paypal || options.merchantConfiguration.paypalCredit;\n\n if (!gatewayConfiguration.paypalEnabled) {\n return Promise.resolve(false);\n }\n\n if (browserDetection.isIe9() || browserDetection.isIe10()) {\n analytics.sendEvent(options.client, options.viewID + '.checkout.js-browser-not-supported');\n\n return Promise.resolve(false);\n }\n\n if (global.paypal && global.paypal.Button) {\n return Promise.resolve(true);\n }\n\n if (paypalScriptLoadInProgressPromise) {\n return paypalScriptLoadInProgressPromise;\n }\n\n paypalScriptLoadInProgressPromise = assets.loadScript({\n src: constants.CHECKOUT_JS_SOURCE,\n id: constants.PAYPAL_CHECKOUT_SCRIPT_ID,\n dataAttributes: {\n 'log-level': merchantPayPalConfig.logLevel || DEFAULT_CHECKOUTJS_LOG_LEVEL\n }\n }).then(function () {\n return Promise.resolve(true);\n }).catch(function () {\n return Promise.resolve(false);\n }).then(function (result) {\n paypalScriptLoadInProgressPromise = null;\n\n return Promise.resolve(result);\n });\n\n return paypalScriptLoadInProgressPromise;\n};\n\nmodule.exports = BasePayPalView;\n\n}).call(this)}).call(this,typeof global !== \"undefined\" ? global : typeof self !== \"undefined\" ? self : typeof window !== \"undefined\" ? window : {})\n},{\"../../constants\":196,\"../../lib/analytics\":201,\"../../lib/assign\":202,\"../../lib/browser-detection\":203,\"../../lib/dropin-error\":206,\"../../lib/promise\":213,\"../../translations\":237,\"../base-view\":254,\"@braintree/asset-loader\":1,\"braintree-web/paypal-checkout\":138}],262:[function(require,module,exports){\n'use strict';\n\nvar assign = require('../../lib/assign').assign;\n\nvar BaseView = require('../base-view');\nvar classList = require('@braintree/class-list');\nvar constants = require('../../constants');\nvar DropinError = require('../../lib/dropin-error');\nvar hostedFields = require('braintree-web/hosted-fields');\nvar isUtf8 = require('../../lib/is-utf-8');\nvar transitionHelper = require('../../lib/transition-helper');\nvar Promise = require('../../lib/promise');\n\nvar cardIconHTML = \"
\\n \\n \\n
\\n
\\n \\n \\n
\\n
\\n \\n \\n
\\n
\\n \\n \\n
\\n
\\n \\n \\n
\\n\\n
\\n \\n \\n
\\n
\\n \\n \\n
\\n
\\n \\n \\n
\\n\\n
\\n \\n \\n
\\n
\\n \\n \\n
\\n
\\n \\n \\n
\\n\";\n\nvar PASSTHROUGH_EVENTS = [\n 'empty',\n // TODO should intercept this event and call tokenize\n 'inputSubmitRequest',\n 'binAvailable'\n];\n\nfunction CardView() {\n BaseView.apply(this, arguments);\n}\n\nCardView.prototype = Object.create(BaseView.prototype);\nCardView.prototype.constructor = CardView;\nCardView.ID = CardView.prototype.ID = constants.paymentOptionIDs.card;\n\nCardView.prototype.initialize = function () {\n var cvvFieldGroup, postalCodeFieldGroup, hfOptions;\n var cardholderNameGroup = this.getElementById('cardholder-name-field-group');\n var cardIcons = this.getElementById('card-view-icons');\n\n // If merchant explicty passes a value of `true` for card configuration,\n // we need to treat it as if no card configuration was passed, and provide\n // the default configuration\n if (this.model.merchantConfiguration.card && this.model.merchantConfiguration.card !== true) {\n this.merchantConfiguration = this.model.merchantConfiguration.card;\n } else {\n this.merchantConfiguration = {};\n }\n this.merchantConfiguration.vault = this.merchantConfiguration.vault || {};\n this.hasCardholderName = Boolean(this.merchantConfiguration.cardholderName);\n this.cardholderNameRequired = this.hasCardholderName && this.merchantConfiguration.cardholderName.required === true;\n hfOptions = this._generateHostedFieldsOptions();\n\n cardIcons.innerHTML = cardIconHTML;\n this._hideUnsupportedCardIcons();\n\n this.hasCVV = hfOptions.fields.cvv;\n this.saveCardInput = this.getElementById('save-card-input');\n this.cardNumberIcon = this.getElementById('card-number-icon');\n this.cardNumberIconSvg = this.getElementById('card-number-icon-svg');\n this.cvvIcon = this.getElementById('cvv-icon');\n this.cvvIconSvg = this.getElementById('cvv-icon-svg');\n this.cvvLabelDescriptor = this.getElementById('cvv-label-descriptor');\n this.fieldErrors = {};\n\n if (!this.hasCardholderName) {\n cardholderNameGroup.parentNode.removeChild(cardholderNameGroup);\n }\n\n if (!this.hasCVV) {\n cvvFieldGroup = this.getElementById('cvv-field-group');\n cvvFieldGroup.parentNode.removeChild(cvvFieldGroup);\n }\n\n if (!hfOptions.fields.postalCode) {\n postalCodeFieldGroup = this.getElementById('postal-code-field-group');\n postalCodeFieldGroup.parentNode.removeChild(postalCodeFieldGroup);\n }\n\n if (!this.model.isGuestCheckout && this.merchantConfiguration.vault.allowVaultCardOverride === true) {\n classList.remove(this.getElementById('save-card-field-group'), 'braintree-hidden');\n }\n\n // NEXT_MAJOR_VERSION change out this vaultCard property\n // to something more generic, such as vaultOnTokenization so\n // all the vault objects can have the same shape (instead\n // of being specific to cards here)\n if (this.merchantConfiguration.vault.vaultCard === false) {\n this.saveCardInput.checked = false;\n }\n\n return hostedFields.create(hfOptions).then(function (hostedFieldsInstance) {\n this.hostedFieldsInstance = hostedFieldsInstance;\n this.hostedFieldsInstance.on('blur', this._onBlurEvent.bind(this));\n this.hostedFieldsInstance.on('cardTypeChange', this._onCardTypeChangeEvent.bind(this));\n this.hostedFieldsInstance.on('focus', this._onFocusEvent.bind(this));\n this.hostedFieldsInstance.on('notEmpty', this._onNotEmptyEvent.bind(this));\n this.hostedFieldsInstance.on('validityChange', this._onValidityChangeEvent.bind(this));\n\n PASSTHROUGH_EVENTS.forEach(function (eventName) {\n this.hostedFieldsInstance.on(eventName, function (event) {\n this.model._emit('card:' + eventName, event);\n }.bind(this));\n }.bind(this));\n\n this.model.asyncDependencyReady(CardView.ID);\n }.bind(this)).catch(function (err) {\n this.model.asyncDependencyFailed({\n view: this.ID,\n error: err\n });\n }.bind(this));\n};\n\nCardView.prototype._sendRequestableEvent = function () {\n if (!this._isTokenizing) {\n this.model.setPaymentMethodRequestable({\n isRequestable: this._validateForm(),\n type: constants.paymentMethodTypes.card\n });\n }\n};\n\nCardView.prototype._generateHostedFieldsOptions = function () {\n var challenges = this.client.getConfiguration().gatewayConfiguration.challenges;\n var hasCVVChallenge = challenges.indexOf('cvv') !== -1;\n var hasPostalCodeChallenge = challenges.indexOf('postal_code') !== -1;\n var overrides = this.merchantConfiguration.overrides;\n var options = {\n client: this.client,\n fields: {\n cardholderName: {\n container: this._getFieldContainer('cardholder-name'),\n placeholder: this.strings.cardholderNamePlaceholder\n },\n number: {\n container: this._getFieldContainer('number'),\n placeholder: generateCardNumberPlaceholder()\n },\n expirationDate: {\n container: this._getFieldContainer('expiration'),\n placeholder: this.strings.expirationDatePlaceholder\n },\n cvv: {\n container: this._getFieldContainer('cvv'),\n placeholder: addBullets(3)\n },\n postalCode: {\n container: this._getFieldContainer('postal-code')\n }\n },\n styles: {\n input: {\n 'font-size': '16px',\n 'font-family': '-apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Roboto\", \"Oxygen\", \"Ubuntu\", \"Cantarell\", \"Fira Sans\", \"Droid Sans\", \"Helvetica Neue\", sans-serif',\n color: '#000'\n },\n ':focus': {\n color: 'black'\n },\n '::-webkit-input-placeholder': {\n color: '#6a6a6a'\n },\n ':-moz-placeholder': {\n color: '#6a6a6a'\n },\n '::-moz-placeholder': {\n color: '#6a6a6a'\n },\n ':-ms-input-placeholder ': {\n color: '#6a6a6a'\n },\n 'input::-ms-clear': {\n color: 'transparent'\n }\n }\n };\n\n if (!this.hasCardholderName) {\n delete options.fields.cardholderName;\n }\n\n if (!hasCVVChallenge) {\n delete options.fields.cvv;\n }\n\n if (!hasPostalCodeChallenge) {\n delete options.fields.postalCode;\n }\n\n if (!overrides) { return options; }\n\n if (overrides.fields) {\n if (overrides.fields.cvv && typeof overrides.fields.cvv.placeholder !== 'undefined') {\n this._hasCustomCVVPlaceholder = true;\n }\n\n Object.keys(overrides.fields).forEach(function (field) {\n if ((field === 'cvv' || field === 'postalCode') && overrides.fields[field] === null) {\n delete options.fields[field];\n\n return;\n }\n\n if (!options.fields[field]) {\n return;\n }\n\n assign(options.fields[field], overrides.fields[field], {\n selector: options.fields[field].selector\n });\n });\n }\n\n if (overrides.styles) {\n Object.keys(overrides.styles).forEach(function (style) {\n if (overrides.styles[style] === null) {\n delete options.styles[style];\n\n return;\n } else if (typeof overrides.styles[style] === 'string') {\n // it's a class name, and should override the configured styles entirely\n options.styles[style] = overrides.styles[style];\n\n return;\n }\n\n normalizeStyles(overrides.styles[style]);\n options.styles[style] = options.styles[style] || {};\n\n assign(options.styles[style], overrides.styles[style]);\n });\n }\n\n return options;\n};\n\nCardView.prototype._validateForm = function (showFieldErrors) {\n var card, cardType, cardTypeSupported, state;\n var isValid = true;\n var supportedCardTypes = this.client.getConfiguration().gatewayConfiguration.creditCards.supportedCardTypes;\n\n if (!this.hostedFieldsInstance) {\n return false;\n }\n\n state = this.hostedFieldsInstance.getState();\n\n Object.keys(state.fields).forEach(function (key) {\n var field = state.fields[key];\n\n if (!showFieldErrors && !isValid) {\n // return early if form is already invalid\n // and we don't need to display all field errors\n return;\n }\n\n if (field.isEmpty) {\n if (!this.cardholderNameRequired && key === 'cardholderName') {\n isValid = true;\n } else {\n isValid = false;\n\n if (showFieldErrors) {\n this.showFieldError(key, this.strings['fieldEmptyFor' + capitalize(key)]);\n }\n }\n } else if (!field.isValid) {\n isValid = false;\n\n if (showFieldErrors) {\n this.showFieldError(key, this.strings['fieldInvalidFor' + capitalize(key)]);\n }\n }\n }.bind(this));\n\n if (state.fields.number.isValid) {\n card = state.cards[0];\n cardType = card && constants.configurationCardTypes[card.type];\n cardTypeSupported = cardType && supportedCardTypes.indexOf(cardType) !== -1;\n\n if (!cardTypeSupported) {\n isValid = false;\n\n if (showFieldErrors) {\n this.showFieldError('number', this.strings.unsupportedCardTypeError);\n }\n }\n }\n\n return isValid;\n};\n\nCardView.prototype.getPaymentMethod = function () { // eslint-disable-line consistent-return\n var formIsValid = this._validateForm();\n\n if (formIsValid) {\n return {\n type: constants.paymentMethodTypes.card\n };\n }\n};\n\nCardView.prototype.tokenize = function () {\n var transitionCallback;\n var self = this;\n var state = self.hostedFieldsInstance.getState();\n var tokenizeOptions = {\n vault: this._shouldVault()\n };\n\n this.model.clearError();\n\n if (!this._validateForm(true)) {\n self.model.reportError('hostedFieldsFieldsInvalidError');\n self.allowUserAction();\n\n return Promise.reject(new DropinError(constants.errors.NO_PAYMENT_METHOD_ERROR));\n }\n\n if (!this.cardholderNameRequired && state.fields.cardholderName && state.fields.cardholderName.isEmpty) {\n tokenizeOptions.fieldsToTokenize = Object.keys(state.fields).filter(function (field) {\n return field !== 'cardholderName';\n });\n }\n\n self._isTokenizing = true;\n\n return self.hostedFieldsInstance.tokenize(tokenizeOptions).then(function (payload) {\n var retainCardFields = self.merchantConfiguration.clearFieldsAfterTokenization === false;\n\n if (!retainCardFields) {\n Object.keys(state.fields).forEach(function (field) {\n self.hostedFieldsInstance.clear(field);\n });\n }\n\n if (self._shouldVault()) {\n payload.vaulted = true;\n }\n\n return new Promise(function (resolve) {\n transitionCallback = function () {\n // Wait for braintree-sheet--tokenized class to be added in IE 9\n // before attempting to remove it\n setTimeout(function () {\n self.model.addPaymentMethod(payload);\n resolve(payload);\n classList.remove(self.element, 'braintree-sheet--tokenized');\n }, 0);\n };\n\n transitionHelper.onTransitionEnd(self.element, 'max-height', transitionCallback);\n\n setTimeout(function () {\n self.allowUserAction();\n self._isTokenizing = false;\n }, constants.CHANGE_ACTIVE_PAYMENT_METHOD_TIMEOUT);\n\n classList.add(self.element, 'braintree-sheet--tokenized');\n });\n }).catch(function (err) {\n self._isTokenizing = false;\n // this is a little magical, but if the code property exists\n // in the translations with the word Error appended to the end,\n // then reportError will automatically print that translation.\n // See https://github.com/braintree/braintree-web-drop-in/blob/6ecba73f2f16e8b7ae2119702ac162a1a985908e/src/views/main-view.js#L255-L256\n self.model.reportError(err);\n self.allowUserAction();\n\n return Promise.reject(new DropinError({\n message: constants.errors.NO_PAYMENT_METHOD_ERROR,\n braintreeWebError: err\n }));\n });\n};\n\nCardView.prototype.showFieldError = function (field, errorMessage) {\n var fieldError;\n var fieldGroup = this.getElementById(camelCaseToKebabCase(field) + '-field-group');\n var input = fieldGroup.querySelector('input');\n\n if (!this.fieldErrors.hasOwnProperty(field)) {\n this.fieldErrors[field] = this.getElementById(camelCaseToKebabCase(field) + '-field-error');\n }\n\n classList.add(fieldGroup, 'braintree-form__field-group--has-error');\n\n fieldError = this.fieldErrors[field];\n fieldError.innerHTML = errorMessage;\n\n if (input) {\n input.setAttribute('aria-invalid', true);\n } else {\n this.hostedFieldsInstance.setAttribute({\n field: field,\n attribute: 'aria-invalid',\n value: true\n });\n this.hostedFieldsInstance.setMessage({\n field: field,\n message: errorMessage\n });\n }\n};\n\nCardView.prototype.hideFieldError = function (field) {\n var fieldGroup = this.getElementById(camelCaseToKebabCase(field) + '-field-group');\n var input = fieldGroup.querySelector('input');\n\n if (!this.fieldErrors.hasOwnProperty(field)) {\n this.fieldErrors[field] = this.getElementById(camelCaseToKebabCase(field) + '-field-error');\n }\n\n classList.remove(fieldGroup, 'braintree-form__field-group--has-error');\n\n if (input) {\n input.removeAttribute('aria-invalid');\n } else {\n this.hostedFieldsInstance.removeAttribute({\n field: field,\n attribute: 'aria-invalid'\n });\n this.hostedFieldsInstance.setMessage({\n field: field,\n message: ''\n });\n }\n};\n\nCardView.prototype.teardown = function () {\n return this.hostedFieldsInstance.teardown();\n};\n\nCardView.prototype._shouldVault = function () {\n return !this.model.isGuestCheckout && this.saveCardInput.checked;\n};\n\nCardView.prototype._getFieldContainer = function (field) {\n // we committed to not changing the data-braintree-id fields\n // so we need to convert this field to the id used in the HTML\n if (field === 'expiration') {\n field = 'expiration-date';\n }\n\n return this.getElementById(field + '-field-group').querySelector('.braintree-form__hosted-field');\n};\n\nCardView.prototype._onBlurEvent = function (event) {\n var field = event.fields[event.emittedBy];\n var fieldGroup = this.getElementById(camelCaseToKebabCase(event.emittedBy) + '-field-group');\n\n classList.remove(fieldGroup, 'braintree-form__field-group--is-focused');\n\n if (field.isPotentiallyValid) {\n this.hideFieldError(event.emittedBy);\n }\n\n if (this._shouldApplyFieldEmptyError(event.emittedBy, field)) {\n this.showFieldError(event.emittedBy, this.strings['fieldEmptyFor' + capitalize(event.emittedBy)]);\n } else if (!field.isEmpty && !field.isValid) {\n this.showFieldError(event.emittedBy, this.strings['fieldInvalidFor' + capitalize(event.emittedBy)]);\n } else if (event.emittedBy === 'number' && !this._isCardTypeSupported(event.cards[0])) {\n this.showFieldError('number', this.strings.unsupportedCardTypeError);\n }\n\n this.model._emit('card:blur', event);\n\n setTimeout(function () {\n // when focusing on a field by clicking the label,\n // we need to wait a bit for the iframe to be\n // focused properly before applying validations\n if (this._shouldApplyFieldEmptyError(event.emittedBy, field)) {\n this.showFieldError(event.emittedBy, this.strings['fieldEmptyFor' + capitalize(event.emittedBy)]);\n }\n }.bind(this), 150);\n};\n\nCardView.prototype._onCardTypeChangeEvent = function (event) {\n var cardType;\n var cardNumberHrefLink = '#iconCardFront';\n var cvvHrefLink = '#iconCVVBack';\n var cvvDescriptor = this.strings.cvvThreeDigitLabelSubheading;\n var cvvPlaceholder = addBullets(3);\n var numberFieldGroup = this.getElementById('number-field-group');\n\n if (event.cards.length === 1) {\n cardType = event.cards[0].type;\n cardNumberHrefLink = '#icon-' + cardType;\n if (cardType === 'american-express') {\n cvvHrefLink = '#iconCVVFront';\n cvvDescriptor = this.strings.cvvFourDigitLabelSubheading;\n cvvPlaceholder = addBullets(4);\n }\n // Keep icon visible when field is not focused\n classList.add(numberFieldGroup, 'braintree-form__field-group--card-type-known');\n } else {\n classList.remove(numberFieldGroup, 'braintree-form__field-group--card-type-known');\n }\n\n // if the number field emitted the card change event fires\n // and the card type is supported, we need to clear out the errors\n // field in case that there was a \"card type is unsupported\" error\n if (event.emittedBy === 'number' && this._isCardTypeSupported(event.cards[0])) {\n this.hideFieldError(event.emittedBy);\n }\n\n this.cardNumberIconSvg.setAttribute('xlink:href', cardNumberHrefLink);\n\n if (this.hasCVV) {\n this.cvvIconSvg.setAttribute('xlink:href', cvvHrefLink);\n this.cvvLabelDescriptor.innerHTML = cvvDescriptor;\n\n if (!this._hasCustomCVVPlaceholder) {\n this.hostedFieldsInstance.setAttribute({\n field: 'cvv',\n attribute: 'placeholder',\n value: cvvPlaceholder\n });\n }\n }\n\n this.model._emit('card:cardTypeChange', event);\n};\n\nCardView.prototype._onFocusEvent = function (event) {\n var fieldGroup = this.getElementById(camelCaseToKebabCase(event.emittedBy) + '-field-group');\n\n classList.add(fieldGroup, 'braintree-form__field-group--is-focused');\n\n this.model._emit('card:focus', event);\n};\n\nCardView.prototype._onNotEmptyEvent = function (event) {\n this.hideFieldError(event.emittedBy);\n\n this.model._emit('card:notEmpty', event);\n};\n\nCardView.prototype._onValidityChangeEvent = function (event) {\n var isValid;\n var field = event.fields[event.emittedBy];\n\n if (event.emittedBy === 'number' && event.cards[0]) {\n isValid = field.isValid && this._isCardTypeSupported(event.cards[0]);\n } else {\n isValid = field.isValid;\n }\n\n classList.toggle(field.container, 'braintree-form__field--valid', isValid);\n\n if (field.isPotentiallyValid) {\n this.hideFieldError(event.emittedBy);\n }\n\n this._sendRequestableEvent();\n\n this.model._emit('card:validityChange', event);\n};\n\nCardView.prototype.requestPaymentMethod = function () {\n this.preventUserAction();\n\n return this.tokenize();\n};\n\nCardView.prototype.onSelection = function () {\n if (!this.hostedFieldsInstance) {\n return;\n }\n\n setTimeout(function () {\n if (this.hasCardholderName) {\n this.hostedFieldsInstance.focus('cardholderName');\n } else {\n this.hostedFieldsInstance.focus('number');\n }\n }.bind(this), 50);\n\n this._sendRequestableEvent();\n};\n\nCardView.prototype._hideUnsupportedCardIcons = function () {\n var supportedCardTypes = this.client.getConfiguration().gatewayConfiguration.creditCards.supportedCardTypes;\n\n Object.keys(constants.configurationCardTypes).forEach(function (paymentMethodCardType) {\n var cardIcon;\n var configurationCardType = constants.configurationCardTypes[paymentMethodCardType];\n\n if (supportedCardTypes.indexOf(configurationCardType) === -1) {\n cardIcon = this.getElementById(paymentMethodCardType + '-card-icon');\n classList.add(cardIcon, 'braintree-hidden');\n }\n }.bind(this));\n};\n\nCardView.prototype._isCardTypeSupported = function (card) {\n var cardType = card && card.type;\n var configurationCardType = constants.configurationCardTypes[cardType];\n var supportedCardTypes = this.client.getConfiguration().gatewayConfiguration.creditCards.supportedCardTypes;\n\n return supportedCardTypes.indexOf(configurationCardType) !== -1;\n};\n\nCardView.isEnabled = function (options) {\n var gatewayConfiguration = options.client.getConfiguration().gatewayConfiguration;\n var disabledByMerchant = options.merchantConfiguration.card === false;\n\n return Promise.resolve(!disabledByMerchant && gatewayConfiguration.creditCards.supportedCardTypes.length > 0);\n};\n\nCardView.prototype._shouldApplyFieldEmptyError = function (fieldId, field) {\n if (!field.isEmpty) {\n return false;\n }\n\n if (fieldId === 'cardholderName' && !this.cardholderNameRequired) {\n return false;\n }\n\n return isCardViewElement();\n};\n\nfunction isCardViewElement() {\n var activeId = document.activeElement && document.activeElement.id;\n var isHostedFieldsElement = document.activeElement instanceof HTMLIFrameElement && activeId.indexOf('braintree-hosted-field') !== -1;\n\n return isHostedFieldsElement;\n}\n\nfunction camelCaseToKebabCase(string) {\n return string.replace(/([a-z])([A-Z])/g, '$1-$2').toLowerCase();\n}\n\nfunction capitalize(string) {\n return string[0].toUpperCase() + string.substr(1);\n}\n\nfunction normalizeStyles(styles) {\n Object.keys(styles).forEach(function (style) {\n var transformedKeyName = camelCaseToKebabCase(style);\n\n styles[transformedKeyName] = styles[style];\n });\n}\n\nfunction addBullets(number) {\n var bulletCharacter = isUtf8() ? '•' : '*';\n\n return Array(number + 1).join(bulletCharacter);\n}\n\nfunction generateCardNumberPlaceholder() {\n var four = addBullets(4);\n\n return [four, four, four, four].join(' ');\n}\n\nmodule.exports = CardView;\n\n},{\"../../constants\":196,\"../../lib/assign\":202,\"../../lib/dropin-error\":206,\"../../lib/is-utf-8\":210,\"../../lib/promise\":213,\"../../lib/transition-helper\":217,\"../base-view\":254,\"@braintree/class-list\":40,\"braintree-web/hosted-fields\":86}],263:[function(require,module,exports){\n(function (global){(function (){\n'use strict';\n\nvar assign = require('../../lib/assign').assign;\nvar BaseView = require('../base-view');\nvar btGooglePay = require('braintree-web/google-payment');\nvar DropinError = require('../../lib/dropin-error');\nvar constants = require('../../constants');\nvar assets = require('@braintree/asset-loader');\nvar Promise = require('../../lib/promise');\nvar analytics = require('../../lib/analytics');\n\nfunction GooglePayView() {\n BaseView.apply(this, arguments);\n}\n\nGooglePayView.prototype = Object.create(BaseView.prototype);\nGooglePayView.prototype.constructor = GooglePayView;\nGooglePayView.ID = GooglePayView.prototype.ID = constants.paymentOptionIDs.googlePay;\n\nGooglePayView.prototype.initialize = function () {\n var self = this;\n var buttonOptions, googlePayVersion, merchantId;\n\n self.googlePayConfiguration = assign({}, self.model.merchantConfiguration.googlePay);\n googlePayVersion = self.googlePayConfiguration.googlePayVersion;\n merchantId = self.googlePayConfiguration.merchantId;\n\n buttonOptions = assign({\n buttonType: 'short'\n }, self.googlePayConfiguration.button, {\n onClick: function (event) {\n event.preventDefault();\n\n self.preventUserAction();\n\n self.tokenize().then(function () {\n self.allowUserAction();\n });\n }\n });\n\n delete self.googlePayConfiguration.googlePayVersion;\n delete self.googlePayConfiguration.merchantId;\n delete self.googlePayConfiguration.button;\n\n return btGooglePay.create({\n client: self.client,\n googlePayVersion: googlePayVersion,\n googleMerchantId: merchantId\n }).then(function (googlePayInstance) {\n self.googlePayInstance = googlePayInstance;\n self.paymentsClient = createPaymentsClient(self.client);\n }).then(function () {\n var buttonContainer = self.getElementById('google-pay-button');\n\n buttonContainer.appendChild(self.paymentsClient.createButton(buttonOptions));\n\n self.model.asyncDependencyReady(GooglePayView.ID);\n }).catch(function (err) {\n self.model.asyncDependencyFailed({\n view: self.ID,\n error: new DropinError(err)\n });\n });\n};\n\nGooglePayView.prototype.tokenize = function () {\n var self = this;\n var paymentDataRequest = self.googlePayInstance.createPaymentDataRequest(self.googlePayConfiguration);\n var rawPaymentData;\n\n return self.paymentsClient.loadPaymentData(paymentDataRequest).then(function (paymentData) {\n rawPaymentData = paymentData;\n\n return self.googlePayInstance.parseResponse(paymentData);\n }).then(function (tokenizePayload) {\n tokenizePayload.rawPaymentData = rawPaymentData;\n self.model.addPaymentMethod(tokenizePayload);\n }).catch(function (err) {\n var reportedError = err;\n\n if (err.statusCode === 'DEVELOPER_ERROR') {\n console.error(err); // eslint-disable-line no-console\n reportedError = 'developerError';\n } else if (err.statusCode === 'CANCELED') {\n analytics.sendEvent(self.client, 'googlepay.loadPaymentData.canceled');\n\n return;\n } else if (err.statusCode) {\n analytics.sendEvent(self.client, 'googlepay.loadPaymentData.failed');\n }\n\n self.model.reportError(reportedError);\n });\n};\n\nGooglePayView.prototype.updateConfiguration = function (key, value) {\n this.googlePayConfiguration[key] = value;\n};\n\nGooglePayView.isEnabled = function (options) {\n var gatewayConfiguration = options.client.getConfiguration().gatewayConfiguration;\n\n if (!(gatewayConfiguration.androidPay && Boolean(options.merchantConfiguration.googlePay))) {\n return Promise.resolve(false);\n }\n\n return Promise.resolve().then(function () {\n if (!(global.google && global.google.payments && global.google.payments.api && global.google.payments.api.PaymentsClient)) {\n return assets.loadScript({\n id: constants.GOOGLE_PAYMENT_SCRIPT_ID,\n src: constants.GOOGLE_PAYMENT_SOURCE\n });\n }\n\n return Promise.resolve();\n }).then(function () {\n var paymentsClient = createPaymentsClient(options.client);\n\n return paymentsClient.isReadyToPay({\n allowedPaymentMethods: ['CARD', 'TOKENIZED_CARD']\n });\n }).then(function (response) {\n return Boolean(response.result);\n });\n};\n\nfunction createPaymentsClient(client) {\n return new global.google.payments.api.PaymentsClient({\n environment: client.getConfiguration().gatewayConfiguration.environment === 'production' ? 'PRODUCTION' : 'TEST'\n });\n}\n\nmodule.exports = GooglePayView;\n\n}).call(this)}).call(this,typeof global !== \"undefined\" ? global : typeof self !== \"undefined\" ? self : typeof window !== \"undefined\" ? window : {})\n},{\"../../constants\":196,\"../../lib/analytics\":201,\"../../lib/assign\":202,\"../../lib/dropin-error\":206,\"../../lib/promise\":213,\"../base-view\":254,\"@braintree/asset-loader\":1,\"braintree-web/google-payment\":79}],264:[function(require,module,exports){\n'use strict';\n\nvar paymentOptionIDs = require('../../constants').paymentOptionIDs;\n\nvar result = {};\n\nresult[paymentOptionIDs.applePay] = require('./apple-pay-view');\nresult[paymentOptionIDs.card] = require('./card-view');\nresult[paymentOptionIDs.googlePay] = require('./google-pay-view');\nresult[paymentOptionIDs.paypal] = require('./paypal-view');\nresult[paymentOptionIDs.paypalCredit] = require('./paypal-credit-view');\nresult[paymentOptionIDs.venmo] = require('./venmo-view');\n\nmodule.exports = result;\n\n},{\"../../constants\":196,\"./apple-pay-view\":260,\"./card-view\":262,\"./google-pay-view\":263,\"./paypal-credit-view\":265,\"./paypal-view\":266,\"./venmo-view\":267}],265:[function(require,module,exports){\n'use strict';\n\nvar assign = require('../../lib/assign').assign;\nvar Promise = require('../../lib/promise');\nvar paymentOptionIDs = require('../../constants').paymentOptionIDs;\nvar BasePayPalView = require('./base-paypal-view');\n\nfunction PayPalCreditView() {\n BasePayPalView.apply(this, arguments);\n\n this._isPayPalCredit = true;\n}\n\nPayPalCreditView.prototype = Object.create(BasePayPalView.prototype);\nPayPalCreditView.prototype.constructor = PayPalCreditView;\nPayPalCreditView.ID = PayPalCreditView.prototype.ID = paymentOptionIDs.paypalCredit;\n\nPayPalCreditView.isEnabled = function (options) {\n if (!options.merchantConfiguration.paypalCredit) {\n return Promise.resolve(false);\n }\n\n return BasePayPalView.isEnabled(assign({\n viewID: PayPalCreditView.ID\n }, options));\n};\nmodule.exports = PayPalCreditView;\n\n},{\"../../constants\":196,\"../../lib/assign\":202,\"../../lib/promise\":213,\"./base-paypal-view\":261}],266:[function(require,module,exports){\n'use strict';\n\nvar assign = require('../../lib/assign').assign;\nvar Promise = require('../../lib/promise');\nvar paymentOptionIDs = require('../../constants').paymentOptionIDs;\nvar BasePayPalView = require('./base-paypal-view');\n\nfunction PayPalView() {\n BasePayPalView.apply(this, arguments);\n}\n\nPayPalView.prototype = Object.create(BasePayPalView.prototype);\nPayPalView.prototype.constructor = PayPalView;\nPayPalView.ID = PayPalView.prototype.ID = paymentOptionIDs.paypal;\n\nPayPalView.isEnabled = function (options) {\n if (!options.merchantConfiguration.paypal) {\n return Promise.resolve(false);\n }\n\n return BasePayPalView.isEnabled(assign({\n viewID: PayPalView.ID\n }, options));\n};\n\nmodule.exports = PayPalView;\n\n},{\"../../constants\":196,\"../../lib/assign\":202,\"../../lib/promise\":213,\"./base-paypal-view\":261}],267:[function(require,module,exports){\n'use strict';\n\nvar assign = require('../../lib/assign').assign;\nvar BaseView = require('../base-view');\nvar btVenmo = require('braintree-web/venmo');\nvar DropinError = require('../../lib/dropin-error');\nvar Promise = require('../../lib/promise');\nvar paymentOptionIDs = require('../../constants').paymentOptionIDs;\n\nfunction VenmoView() {\n BaseView.apply(this, arguments);\n}\n\nVenmoView.prototype = Object.create(BaseView.prototype);\nVenmoView.prototype.constructor = VenmoView;\nVenmoView.ID = VenmoView.prototype.ID = paymentOptionIDs.venmo;\n\nVenmoView.prototype.initialize = function () {\n var self = this;\n var venmoConfiguration = assign({}, self.model.merchantConfiguration.venmo, {client: this.client});\n\n return btVenmo.create(venmoConfiguration).then(function (venmoInstance) {\n self.venmoInstance = venmoInstance;\n\n if (!self.venmoInstance.hasTokenizationResult()) {\n return Promise.resolve();\n }\n\n return self.venmoInstance.tokenize().then(function (payload) {\n self.model.reportAppSwitchPayload(payload);\n }).catch(function (err) {\n if (self._isIgnorableError(err)) {\n return;\n }\n self.model.reportAppSwitchError(paymentOptionIDs.venmo, err);\n });\n }).then(function () {\n var button = self.getElementById('venmo-button');\n\n button.addEventListener('click', function (event) {\n event.preventDefault();\n\n self.preventUserAction();\n\n return self.venmoInstance.tokenize().then(function (payload) {\n self.model.addPaymentMethod(payload);\n }).catch(function (tokenizeErr) {\n if (self._isIgnorableError(tokenizeErr)) {\n return;\n }\n\n self.model.reportError(tokenizeErr);\n }).then(function () {\n self.allowUserAction();\n });\n });\n\n self.model.asyncDependencyReady(VenmoView.ID);\n }).catch(function (err) {\n self.model.asyncDependencyFailed({\n view: self.ID,\n error: new DropinError(err)\n });\n });\n};\n\nVenmoView.prototype._isIgnorableError = function (error) {\n // customer cancels the flow in the app\n // we don't emit an error because the customer\n // initiated that action\n return error.code === 'VENMO_APP_CANCELED' || error.code === 'VENMO_DESKTOP_CANCELED';\n};\n\nVenmoView.isEnabled = function (options) {\n var gatewayConfiguration = options.client.getConfiguration().gatewayConfiguration;\n var venmoEnabled = gatewayConfiguration.payWithVenmo && Boolean(options.merchantConfiguration.venmo);\n\n if (!venmoEnabled) {\n return Promise.resolve(false);\n }\n\n return Promise.resolve(btVenmo.isBrowserSupported(options.merchantConfiguration.venmo));\n};\n\nmodule.exports = VenmoView;\n\n},{\"../../constants\":196,\"../../lib/assign\":202,\"../../lib/dropin-error\":206,\"../../lib/promise\":213,\"../base-view\":254,\"braintree-web/venmo\":159}]},{},[199])(199)\n});\n\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./node_modules/braintree-web-drop-in/dist/browser/dropin.js\n// module id = 1491\n// module chunks = 1","module.exports = \"\\n
\\n
\\n
\\n \\n 1 \\n {{'SUBSCRIPTION.STEPS.STEP_1.TITLE' | translate:lang}} \\n {{'SUBSCRIPTION.STEPS.STEP_1.SUBTITLE' | translate:lang}} \\n \\n 2 \\n {{'SUBSCRIPTION.STEPS.STEP_2.TITLE' | translate:lang}} \\n {{'SUBSCRIPTION.STEPS.STEP_2.SUBTITLE' | translate:lang}} \\n \\n \\n
\\n
\\n
\\n
\\n {{'SUBSCRIPTION.STEPS.STEP_1.SECTION_1.TITLE' | translate:lang}} \\n \\n
\\n \\n\\n
\\n \\n Basic player for testing (Web) \\n \\n 1\\\">\\n Player for commercial use \\n (Web, iOS, Android) \\n \\n \\n Support (not guaranteed)\\n \\n \\n Support: {{subscriptionOrder?.product_plan.sla_info}}\\n \\n \\n {{ 'PLAN_CARROUSEL.EXTRA.STATS' | translate:lang }}: {{ subscriptionOrder?.product_plan?.statistics_type }}\\n \\n \\n {{ 'PLAN_CARROUSEL.EXTRA.ADS' | translate:lang }}\\n \\n \\n {{ 'PLAN_CARROUSEL.EXTRA.DRM' | translate:lang }}\\n \\n \\n
\\n\\n
\\n
\\n
\\n
\\n
\\n
\\n {{'SUBSCRIPTION.STEPS.STEP_1.SECTION_2.TITLE' | translate:lang}} {{'SUBSCRIPTION.STEPS.STEP_1.SECTION_2.SUBTITLE' | translate:lang}} \\n \\n \\n
\\n \\n {{'SUBSCRIPTION.LABEL.COMPANY' | translate:lang}}: \\n {{account?.account?.details.company_name}} \\n \\n \\n \\n {{'SUBSCRIPTION.LABEL.TAX_NO' | translate:lang}}: \\n {{account?.account?.details.tax_no}} \\n \\n \\n \\n {{'SUBSCRIPTION.LABEL.ADDRESS' | translate:lang}}: \\n {{account?.account?.details.address}} \\n \\n \\n \\n {{'SUBSCRIPTION.LABEL.CITY' | translate:lang}}, {{'SUBSCRIPTION.LABEL.POSTAL_CODE' | translate:lang}}: \\n {{account?.account?.details.city}}, {{account?.account?.details.postal_code}} \\n \\n \\n \\n {{'SUBSCRIPTION.LABEL.STATE' | translate:lang}}, \\n {{'SUBSCRIPTION.LABEL.COUNTRY' | translate:lang}}: \\n \\n {{account?.account?.details.state}} - {{account?.account?.details.country}} \\n \\n \\n {{'SUBSCRIPTION.LABEL.PHONE_NUMBER' | translate:lang}}: \\n {{account?.account?.details.phone_number}} \\n \\n \\n
\\n
{{'SUBSCRIPTION.BUTTON.EDIT' | translate:lang}} \\n
\\n
\\n
\\n
\\n \\n \\n
\\n \\n
\\n
\\n
\\n {{'SUBSCRIPTION.STEPS.STEP_2.SECTION_1.TITLE' | translate:lang}} {{'SUBSCRIPTION.STEPS.STEP_2.SECTION_1.SUBTITLE' | translate:lang}} \\n \\n
\\n {{paymentErrorMessage}}\\n x \\n
\\n
\\n
\\n
\\n
\\n \\n
\\n
\\n
\\n {{'SUBSCRIPTION.STEPS.STEP_2.SECTION_2.TITLE' | translate:lang}} {{'SUBSCRIPTION.STEPS.STEP_2.SECTION_2.TITLE' | translate:lang}} \\n \\n {{subscriptionError}}\\n x \\n
\\n \\n
\\n
\\n
\\n \\n \\n PRODUCT DESCRIPTION \\n PRICE \\n LINE TOTAL \\n \\n \\n \\n \\n \\n {{subscriptionOrder?.product_plan.name}} {{subscriptionOrder?.product_plan.description}} \\n \\n {{subscriptionOrder?.product_plan.base_price.gross | currency:subscriptionOrder?.product_plan.base_price.currency:true:'1.0-2'}} \\n {{subscriptionOrder?.product_plan.base_price.gross | currency:subscriptionOrder?.product_plan.base_price.currency:true:'1.0-2'}} \\n \\n \\n
\\n
\\n
\\n
\\n
\\n
\\n SUBTOTAL {{subscriptionOrder?.product_plan.base_price.net |\\n currency:subscriptionOrder?.product_plan.base_price.currency:true:'1.0-2'}}\\n
\\n
0\\\">\\n
\\n
0\\\">\\n Tax(\\n = 0\\\">{{ subscriptionOrder?.product_plan.base_price.tax }}% \\n = 0)\\\">{{ subscriptionOrder?.product_plan.base_price.tax }} \\n ) \\n = 0\\\">\\n {{subscriptionOrder?.product_plan.base_price.net\\n * subscriptionOrder?.product_plan.base_price.tax/100 | currency:subscriptionOrder?.product_plan.base_price.currency:true:'1.0-2'}}\\n \\n = 0)\\\">{{ subscriptionOrder?.product_plan.base_price.tax }} \\n
\\n
\\n
\\n
\\n TOTAL {{subscriptionOrder?.product_plan.base_price.gross | currency:subscriptionOrder?.product_plan.base_price.currency:true:'1.0-2'}}\\n
\\n
\\n
\\n
\\n
\\n
{{'SUBSCRIPTION.BUTTON.SUBMIT' | translate:lang}} \\n
\\n
\\n
\\n
\\n \\n
\\n {{'SUBSCRIPTION.BUTTON.NEXT' | translate:lang}} \\n
\\n
\\n \\n
\\n \\n
\"\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/module/subscription/subscription.view.component.html\n// module id = 1492\n// module chunks = 1","module.exports = \"
\\n\\t
\\n\\n
\\n\\n
\\n
\\n\\n\\n\"\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/module/content/content.component.html\n// module id = 1494\n// module chunks = 1","module.exports = \"
\\n\\t\\n\\t\\t
\\n\\t\\t\\t\\n\\t\\t\\t
\\n\\t\\t\\t\\t
\\n\\t\\t\\t
\\n\\t\\t\\t\\n\\t\\t\\t
\\n\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t
\\n\\t\\t\\t\\t\\t
\\n\\t\\t\\t\\t\\t
Media Player
\\n\\t\\t\\t\\t
\\n\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t
\\n\\t\\t\\t\\t
\\n\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t
\\n\\t\\t\\t\\t
\\n\\n\\t\\t\\t
\\n\\t\\t
\\n\\t
\\n\"\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/module/login/login.view.html\n// module id = 1495\n// module chunks = 1","module.exports = \"
\\n\\t\\n\\t\\t\\n\\t\\t\\t \\n\\t \\n\\t\\n\\t\\t\\n\\t\\t\\n\\t\\t\\t \\n\\t\\t\\n\\t\\t\\n\\t\\t\\t\\n\\t\\t\\t\\t \\n\\t\\t\\t\\n\\t\\t\\t\\t \\n\\t\\t \\n\\t \\n \\n\"\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/module/spinner/component/spinner.component.html\n// module id = 1496\n// module chunks = 1","module.exports = \":host {\\n pointer-events: all;\\n position: fixed;\\n top: 0;\\n right: 0;\\n bottom: 0;\\n left: 0;\\n -webkit-box-align: center;\\n -ms-flex-align: center;\\n align-items: center;\\n -webkit-box-orient: vertical;\\n -webkit-box-direction: normal;\\n -ms-flex-direction: column;\\n flex-direction: column;\\n -webkit-box-pack: center;\\n -ms-flex-pack: center;\\n justify-content: center;\\n -webkit-backdrop-filter: grayscale(1);\\n backdrop-filter: grayscale(1);\\n background-color: rgba(255, 255, 255, 0.4);\\n color: #FAD600;\\n display: none;\\n z-index: 0; }\\n :host.active {\\n display: -webkit-box;\\n display: -ms-flexbox;\\n display: flex;\\n z-index: 10000; }\\n :host svg {\\n position: relative;\\n z-index: 1;\\n min-width: 48px;\\n max-width: 96px;\\n min-height: 48px;\\n max-height: 96px;\\n width: 100%;\\n height: 100%; }\\n\"\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/module/spinner/component/spinner.component.scss\n// module id = 1497\n// module chunks = 1","export * from './app.component';\nexport * from './app.config';\nexport * from './app.model';\nexport * from './app.module';\nexport * from './app.spinner.component';\n\n\n\n// WEBPACK FOOTER //\n// ./node_modules/angular-router-loader/src!./node_modules/angular2-template-loader!./node_modules/string-replace-loader??ref--0-3!./src/app/index.ts","import { ViewService } from '../service/view.service';\nimport { ChangeDetectionStrategy, Component, HostListener } from '@angular/core';\n\n@Component({\n\tselector: 'bradmax-admin',\n\ttemplate: '
',\n\tchangeDetection: ChangeDetectionStrategy.OnPush\n})\n\nexport class AppComponent {\n\n\t@HostListener('window:resize') onResize() {\n\t\tthis.view.calculateSize();\n\t}\n\n\tconstructor(private view: ViewService) {}\n\n}\n\n\n\n// WEBPACK FOOTER //\n// ./node_modules/angular-router-loader/src!./node_modules/angular2-template-loader!./node_modules/string-replace-loader??ref--0-3!./src/app/app.component.ts","/**\n * Created by mthk on 05/10/16.\n */\nimport { Injectable, Injector, isDevMode } from '@angular/core';\nimport {\n\tEvent as RouterEvent,\n\tNavigationCancel,\n\tNavigationEnd,\n\tNavigationError,\n\tNavigationStart,\n\tRouter,\n} from '@angular/router';\nimport { Subscription } from 'rxjs';\nimport { Observable } from 'rxjs/Observable';\nimport { Subject } from 'rxjs/Subject';\n\nimport { Size, SpinnerData } from '../model/global.vars.model';\n\n// AoT compilation requires a reference to an exported function.\nexport function initViewService(s: ViewService): Function {\n\treturn () => s.init();\n}\n\n@Injectable()\nexport class ViewService {\n\t/** size */\n\twidth: number;\n\theight: number;\n\theartbeatMode = false;\n\n\t/** booststrap sizes */\n\t// xs = false;\n\t// sm = false;\n\t// md = false;\n\t// lg = false;\n\t/** scroll */\n\t// showScroll: boolean;\n\t/** spinner */\n\tspinnerActive: boolean;\n\tbodySpinnerStream$: Observable
;\n\tprotected bodySpinnerSource = new Subject();\n\t/** resize */\n\tresizeStream$: Observable;\n\tprotected resizeSource = new Subject();\n\n\tprivate router: Router;\n\tprivate routerSubscription: Subscription;\n\tprivate set routerSub(s: Subscription) {\n\t\tif (this.routerSubscription != null) this.routerSubscription.unsubscribe();\n\t\tthis.routerSubscription = s;\n\t}\n\t/** */\n\tconstructor(private injector: Injector) { }\n\n\tinit() {\n\t\tthis.bodySpinnerStream$ = this.bodySpinnerSource.asObservable();\n\t\tthis.resizeStream$ = this.resizeSource.asObservable();\n\t\tthis.calculateSize();\n\t\tthis.router = this.injector.get(Router);\n\t\tthis.routerSub = this.router.events\n\t\t\t.subscribe((event: RouterEvent) => this.navigationInterceptor(event));\n\n\t\t// Attach 'message' listener, when app is iframed.\n\t\twindow.removeEventListener('message', this.onPostMessage);\n\t\tif(this.checkIfAppInIframe()) {\n\t\t\twindow.addEventListener('message', this.onPostMessage);\n\t\t}\n\n\t\t// Check if custom styles parameter is defined.\n\t\t// If so then inject associated styles into page.\n\t\tlet customColorPalettePattern = window.location.href.match(/[&\\?]customColorPalette=([a-zA-Z0-9_\\-]+)/);\n\t\tif(customColorPalettePattern && !document.getElementById('custom-color-palette')) {\n\t\t\tthis.injectCustomColorPalette(customColorPalettePattern[1]);\n\t\t}\n\t}\n\n\tinjectCustomColorPalette(name: string) {\n\t\tlet styles: string = null;\n\t\tif(name == 'cdn77') {\n\t\t\tstyles = `\nbody { background: #ebf3f5 !important; }\nh1, h2, h3, h4, h5, h6 { color: #636773; }\n.panel-inverse>.panel-heading { background: #0f1e46; }\n.panel-inverse>.panel-heading h4 small{ color:#fff !important; opacity:0.6; }\nbody bradmax-admin .panel {box-shadow: 0 5px 15px 0 rgba(8,4,45,.1);}\n.config-list .config-item .cell.cell-name { color: #4b4b4b !important; }\nbody bradmax-admin .btn-bradmax { color: #fcfcfc; background-color: #0f1e46; border-color: #0f1e46; }\nbody bradmax-admin .btn-bradmax:hover { background-color: #006cad; border-color: #006cad; }\nbody bradmax-admin .widget {box-shadow: 0 5px 15px 0 rgba(8,4,45,.1);}\nbody bradmax-admin .widget-chart {background: #ffffff !important;}\nbody bradmax-admin .widget-chart .widget-chart-content .table>tbody>tr>td, body bradmax-admin .widget-chart .widget-chart-content .table>thead>tr>th{color: #242a30;}\nbody bradmax-admin .widget-chart .chart-title {color:#4b4b4b !important;}\nbody bradmax-admin .widget-chart .chart-title small {color:#616d72 !important;}\nbradmax-admin .sidebar, bradmax-admin .sidebar-bg { background: #0f1e46 !important; }\n.fade.in .sidebar.active ul.nav > li.active > a { background-color: #01466f !important; color:#fafafa !important;}\n.fade.in .sidebar.active ul.nav > li.active > a:after {color:#fafafa !important;}\n.fade.in .sidebar.active ul.nav > li.active > .sub-menu { background-color: #006cad !important; color:#fafafa !important;}\n.fade.in .sidebar.active ul.nav > li.active > ul.sub-menu > li > a { color:#fafafa !important;}\n.fade.in .sidebar.active ul.nav > li.active > ul.sub-menu > li > a >span { text-decoration-color:#fafafa !important;}\n.fade.in .sidebar.active ul.nav > li > a { color:#fafafa !important;}\n.fade.in .sidebar.active ul.nav > li > a > span { text-decoration:none !important;}\n.fade.in .sidebar.active ul.nav > li > a:hover { background-color: #006cad !important; color:#ffffff !important;}\n.sidebar .nav>li.nav-header {color:#e1e1e1; }\n.has-sub > ul.sub-menu:before {width:0px !important;}\n.sidebar ul.nav li:not(:last-of-type) {border-bottom: none !important;}\n.timeline li.active .timeline-body .timeline-footer {background: #0f1e46 !important;}\n.timeline li.active .timeline-body {border-color: #0f1e46 !important;}\n.timeline li.active .timeline-body:before {border-right-color: #0f1e46 !important;}\n.timeline li.active .timeline-icon a {background-color: #0f1e46 !important; border-color: #0f1e46 !important;}\n.timeline li.active:before {background: #c8c8c8 !important;}\n.timeline li.active .timeline-time .date, .timeline li.active .timeline-time .time { color: #4b4b4b !important; }\n\t\t\t`;\n\t\t} else if(name == 'a-and-s') {\n\t\t\tstyles = `\nbody { background: transparent !important; }\nh1, h2, h3, h4, h5, h6 { color: #000; }\n.page-header {text-shadow: 0px 0px 5px #ffffff;}\n.panel-inverse>.panel-heading { background: #fff; color:#000; border-bottom: 1px solid #cecece;}\n.panel-inverse>.panel-heading h4 { color:#000 !important; }\n.panel-inverse>.panel-heading h4 small{ opacity:0.6; }\n.panel {border: solid 1px #ddd;}\n.breadcrumb {text-shadow: 0px 0px 3px #fff;}\n.breadcrumb a.active {color:#232323 !important;}\n\t\t\t`;\n\t\t} else if(name == 'irdeto') {\n\t\t\tstyles = `\n.panel-inverse>.panel-heading {background: #5b246a;}\nbradmax-admin .sidebar, bradmax-admin .sidebar-bg {background: #5b246a !important;}\n.fade.in .sidebar.active ul.nav > li.active > a {background-color: #3d1648 !important;}\n.fade.in .sidebar.active ul.nav > li.active > .sub-menu {background-color: #6c327b !important;}\n body bradmax-admin .btn-bradmax {color: #fcfcfc;background-color: #5b246a;border-color: #4e1e5a;}\n .sidebar .nav>li.nav-header {color: #dee5ea;}\n .timeline li.active .timeline-body .timeline-footer {background: #5b266a !important;}\n .timeline li.active .timeline-body {border-color: #5b266a !important;}\n .timeline li.active .timeline-body:before {border-right-color: #5b266a !important;}\n .timeline li.active .timeline-icon a {background-color: #5b266a !important; border-color: #5b266a !important;}\n .timeline li.active:before {background: #5b266a !important;}\n .timeline li.active .timeline-time .date, .timeline li.active .timeline-time .time { color: #5b266a !important; }\n .config-list .config-item .cell.cell-name { color: #5b266a !important; }\n .fade.in .sidebar.active ul.nav > li > a:hover { background-color: #451e50 !important; }\n\t\t\t`;\n\t\t} else {\n\t\t\tconsole.warn('Cannot inject custom color palette. Not recognized name of palette: ' + name);\n\t\t}\n\n\t\tif(styles !== null) {\n\t\t\tlet scriptElement = document.createElement('style');\n\t\t\tscriptElement.setAttribute('id', 'custom-color-palette');\n\t\t\tscriptElement.innerHTML = styles;\n\t\t\tdocument.head.appendChild(scriptElement);\n\t\t}\n\t}\n\n\t/** size */\n\tcalculateSize() {\n\t\tlet change = false;\n\t\tif (this.height != document.documentElement.clientHeight) {\n\t\t\tthis.height = document.documentElement.clientHeight;\n\t\t\tchange = true;\n\t\t}\n\t\tif (this.width != document.documentElement.clientWidth) {\n\t\t\tthis.width = document.documentElement.clientWidth;\n\t\t\tchange = true;\n\t\t\t// change = this.getBootstrapSize();\n\t\t}\n\t\tif (change == true)\n\t\t\tthis.resizeSource.next({ width: this.width, height: document.documentElement.clientHeight });\n\t}\n\n\t/** booststrap sizes */\n\t// getBootstrapSize() {\n\t// \tlet change = false;\n\t// \tlet xs = (this.width < 768);\n\t// \tlet sm = (this.width >= 768 && this.width < 992);\n\t// \tlet md = (this.width >= 992 && this.width < 1200);\n\t// \tlet lg = (this.width >= 1200);\n\t// \tif (xs != this.xs) {\n\t// \t\tchange = true;\n\t// \t\tthis.xs = xs;\n\t// \t}\n\t// \tif (sm != this.sm) {\n\t// \t\tchange = true;\n\t// \t\tthis.sm = sm;\n\t// \t}\n\t// \tif (md != this.md) {\n\t// \t\tchange = true;\n\t// \t\tthis.md = md;\n\t// \t}\n\t// \tif (lg != this.lg) {\n\t// \t\tchange = true;\n\t// \t\tthis.lg = lg;\n\t// \t}\n\t// \treturn change;\n\t// }\n\t/** spinner */\n\t// scroll(on: boolean) { this.showScroll = on; }\n\t/** spinner */\n\tspinner(show: boolean) {\n\t\tthis.spinnerActive = show;\n\t\tthis.bodySpinnerSource.next({ show: this.spinnerActive });\n\t}\n\terror(errorInfo: string) {\n\t\tthis.spinnerActive = true;\n\t\tthis.bodySpinnerSource.next({ show: this.spinnerActive, error: errorInfo });\n\t}\n\t/** page title */\n\tformatPageTitle(...text: string[]) {\n\t\treturn (text == null || text.length == 0) ? 'Proinvest' : text.join(' - ');\n\t}\n\tgetViewport(): { width: number; height: number; } {\n\t\tlet vp = { width: 0, height: 0 };\n\t\t/** the more standards compliant browsers use window.innerWidth and window.innerHeight */\n\t\tif (typeof window.innerWidth != 'undefined') {\n\t\t\tvp.width = window.innerWidth;\n\t\t\tvp.height = window.innerHeight;\n\t\t}/** IE6 in standards compliant mode (i.e. with a valid doctype as the first line in the document) */\n\t\telse if (typeof document.documentElement != 'undefined'\n\t\t\t&& typeof document.documentElement.clientWidth != 'undefined'\n\t\t\t&& document.documentElement.clientWidth != 0) {\n\t\t\tvp.width = document.documentElement.clientWidth;\n\t\t\tvp.height = document.documentElement.clientHeight;\n\t\t}/** older versions of IE */\n\t\telse {\n\t\t\tvp.width = document.getElementsByTagName('body')[0].clientWidth;\n\t\t\tvp.height = document.getElementsByTagName('body')[0].clientHeight;\n\t\t}\n\t\treturn vp;\n\t}\n\n\tprivate navigationInterceptor(e: RouterEvent): void {\n\t\tif (e instanceof NavigationStart)\n\t\t\tthis.spinner(true);\n\t\tif (e instanceof NavigationEnd)\n\t\t\tthis.spinner(false);\n\t\tif (e instanceof NavigationCancel)\n\t\t\tthis.spinner(false);\n\t\tif (e instanceof NavigationError)\n\t\t\tthis.spinner(false);\n\t}\n\n\tpublic checkIfAppInIframe () {\n\t\tlet result = false;\n\t\ttry {\n\t\t\tresult = (window.self !== window.top);\n\t\t} catch (e) {\n\t\t\tresult = true;\n\t\t}\n\t\treturn result;\n\t}\n\n\tpublic checkIfHeartBeatMode() {\n\t\treturn this.heartbeatMode;\n\t}\n\n\tpublic checkIfBetaMode() {\n\t\tconst betaPattern = /[\\?&#]beta=1/;\n\t\treturn isDevMode() || betaPattern.test(window.location.href);\n\t}\n\n\tpublic setHeartBeatMode(_mode: boolean) {\n\t\tthis.heartbeatMode = _mode;\n\t}\n\n\t// Listener with scope to ViewService attached by closure.\n\tpublic onPostMessage = (event: any) => {\n\t\tif(event && event.data && event.data.bradmaxPath) {\n\t\t\tthis.router.navigateByUrl(event.data.bradmaxPath);\n\t\t}\n\t}\n}\n\n\n\n// WEBPACK FOOTER //\n// ./node_modules/angular-router-loader/src!./node_modules/angular2-template-loader!./node_modules/string-replace-loader??ref--0-3!./src/service/view.service.ts","import {\n\tAfterViewInit,\n\tChangeDetectionStrategy,\n\tChangeDetectorRef,\n\tComponent,\n\tElementRef,\n\tOnDestroy,\n\tOnInit,\n\tRenderer2,\n\tViewChild,\n} from '@angular/core';\nimport { Observable } from 'rxjs/Observable';\nimport { Subscription } from 'rxjs/Subscription';\n\nimport { SpinnerData } from '../model/global.vars.model';\nimport { ViewService } from '../service/view.service';\n\n/**\n * Created by mthk on 25/05/16.\n */\nlet DEFS = ''\n\t+ ''\n\t+ ''\n\t+ ''\n\t+ ''\n\t+ ''\n\t+ ' '\n\t+ ''\n\t+ ' '\n\t+ ' ';\n\nlet TRIANGLE = ''\n\t+ ''\n\t+ ' '\n\t+ ' ';\n\nlet s = 96;\nlet s2 = s >> 1;\n\nlet HTML = ''\n\t+ '
'\n\t+ DEFS + TRIANGLE\n\t+ ' '\n\t+ '
{{errorInfo}}
'\n\t+ '
Do you want to log out ? \",\"YES\":\"log out\",\"NO\":\"stay\"},\"GDPR_INFO\":\"Hello,\\n\\nAt Bradmax, we are constantly striving to provide the best protection for your personal information. It is also important to us that the information regarding the manner in which we use and process them are transparent to you. That is why we are introducing a new privacy policy that meets both of these assumptions and, at the same time, meets the requirements of the General Data Protection Regulation (GDPR) (EU) 2016/679.\\n\\nFamiliarise yourself with the information clause in which we indicate how the personal data you provide will be processed.\\n\\nMay the peace be with you,\\nBradmax Team\\n\\n\\n\\nThe Bradmax information clause\\nWho is the administrator of your personal data? \\n\\nThe administrator, which is the entity deciding how your personal data will be used, is Bradmax pinok.io Sp. z o.o. Sp. k. (hereinafter \\\"Bradmax\\\") with registered office and address in Warsaw at Jana Pawła II Avenue 61/164.\\n\\nWho can you contact for more information on the processing of personal data by Bradmax? \\nIf you have questions related to the processing of your personal data on Bradmax websites, you can contact a Bradmax representative using the contact details provided: office@bradmax.com\\n\\nWhere does Bradmax have your data? \\nWe have received your personal information from you during the registration of your Bradmax account, as well as later, as a result of your activity on Bradmax websites. Information about you also comes from cookies collected by Bradmax and similar mechanisms of recording information in users' devices of the sites, as long as they allow you to identify you.\\n\\nIn addition, we receive information about you from payment operators, that is entities that enable you to make online payments for services purchased from Bradmax. We receive information from them about the status of your payment for the service.\\n\\nMore information on the scope of personal data being processed and the cookie files used can be found in the Privacy Policy.\\n\\n\\n\\nWhat is the purpose and basis of the processing of your personal data by Bradmax? \\n\\nBradmax processes your personal data to enable you to use Bradmax services, provide support for your Bradmax account and contact us, provide functionality of services offered, including technical problems, fulfill agreements with you, handle complaints about the operation of Bradmax services, perform duties resulting from legal provisions, including tax and accounting regulations, enable payment for services, monitor your activity on these websites and conduct research and analyses related to it, conduct direct marketing activities, including those related to the organisation of competitions and promotional campaigns.\\n\\nData that identifies you may also be used to match the content and ads displayed to your interests, to measure the quality and effectiveness of these activities, to improve the content and services provided, to inform about the content and services of Bradmax and our Partners (\\\"Partners\\\"), which list is available here, sharing on advertising space, ensuring security of information processing, IT systems management and for protection or redress purposes, for statistical and archival purposes, as well as to ensure accountability of legal obligations.\\n\\nBradmax is entitled to process your personal data, because it is necessary to perform the agreement (concluded with you by accepting the terms of service), as well as on the basis of law, e.g. when these laws require us to process your data for tax purposes and accounting (provisions of the Tax Ordinance Act and the Accounting Act).\\n\\nThe legal basis for the processing of personal data is also the legitimate interest of Bradmax. It includes improving services, ensuring their best quality and informing users about them, providing support for your Bradmax account, conducting research and analysis, conducting direct marketing, protecting or pursuing claims, creating statistics and ensuring accountability. Displaying advertisements tailored to your interests on websites, thanks to the automated comparison of your interests and preferences with the model interests and preferences of Internet users (profiling), allows you to cover the costs of services provided free of charge. In some of our services, the basis for processing personal data may be consent, which you will always be informed about. You can manage your consent, including withdrawal.\\n\\nPartners, as personal data controllers separate from Bradmax, process your personal data based on their legitimate interest or your consent.\\n\\n\\n\\nDo you have to provide Bradmax with your personal details? \\n\\nProviding personal data by you is a statutory requirement only to the extent resulting from the provisions of tax or accounting law, when we settle payments received from you. However, the requirement to conclude a contract with Bradmax (setting up a Bradmax account) is to provide the name of your company and e-mail address.\\n\\nIf you do not give us all this information about yourself, we will not be able to set up a Bradmax account for you, which will limit your ability to use some of the Bradmax services. In the remaining scope, providing data is voluntary.\\n\\nWhat are your rights to Bradmax regarding the data being processed? \\n\\nYou can request from Bradmax: access to your personal data, rectification, deletion, processing restrictions, portability, and non-automated decision making, including profiling, and you have the right to object to the processing of your personal data.\\n\\nYou can do these permissions when:\\n\\nregarding the request for data rectification: the data is incorrect or incomplete;\\nin relation to a request to delete data: the data is no longer necessary for the purposes for which it was collected by Bradmax; you will withdraw your consent to data processing; you object to the processing of this data beforehand; data is processed unlawfully; data should be deleted in order to fulfil the obligation arising from the law; or data have been collected in connection with the provision of electronic services offered to the child;\\nregarding the request to limit the processing of data: data is incorrect - for a period allowing Bradmax to check the accuracy of your data; the data is processed unlawfully, but you will not want to be removed; Your data is no longer needed by Bradmax but you may need it for defending or pursuing claims; or you object to the processing of the data - pending the determination of whether the legitimate grounds prevail over the basis of the opposition;\\nin relation to a request for transfer of data: the processing of data is carried out on the basis of your consent or contract concluded with you and this processing is carried out automatically.\\nYou have the right to lodge a complaint regarding the processing of your personal data by Bradmax to the President of the Office for Personal Data Protection.\\n\\nIn what situations can you oppose the processing of your data? \\n\\nYou have the right to object to the processing of personal data when:\\n\\nthe processing of personal data takes place on the basis of a legitimate interest, or for statistical purposes, and the opposition is justified by your special situation,\\npersonal data are processed for direct marketing purposes.\\n\\nWho does Bradmax share your personal information with? \\n\\nBradmax, in principle, does not disclose your personal data to third parties, except in cases where we have a legal basis, including at the request of entities authorised by law, or when we use the services of Bradmax supporters, eg entrepreneurs providing hosting of our services , software maintenance support.\\n\\nDue to the need to prevent certain functions on Bradmax services from Internet robots, we use the Google reCAPTCH mechanism to sporadically investigate whether the behaviour of website users is not characteristic of robotic behaviour. For this reason, Bradmax may disclose Google Inc. the IP address of your computer.\\n\\nHow long does Bradmax store your personal data? \\n\\nBradmax stores your personal data for the duration of the contract concluded with you, as well as - after its completion - for the period during which it is possible to pursue claims in connection with the performance of the contract, a maximum of 10 years from the date of termination of the contract. In addition, Bradmax stores your data for tax and accounting purposes for a period of 5 years after the end of the year in which the financial event took place.\\n\\nBradmax stores your personal data for marketing purposes for the duration of the legal basis and the purpose of data processing.\\n\\nBradmax stores data for statistical and archival purposes for the duration of the existence of the legal basis and the purpose of data processing.\\nDoes Bradmax transfer your data to countries outside the European Economic Area?\\nSome of our service providers may store website users' data outside of the European Economic Area. In such cases, Users' data may be stored in countries that provide an adequate level of protection of personal data, or in countries that do not provide such level. In the latter case, Bradmax secures your data by entering into contracts with Bradmax service providers containing so-called Standard Contractual Clauses accepted by the European Commission, which guarantee adequate protection of Users' data in third countries, use the EU - US Privacy Shield program (eg in the case of Google reCAPTCHA) or other grounds for the transfer of personal data.\\n\\nDoes Bradmax profile your personal data or process it automatically in a way that affects your rights? \\n\\nProfiling of personal data is understood as the automated processing of your data, which is based on their use to assess certain factors, in particular to analyse or forecast aspects regarding the effects of your work, economic situation, health, personal preferences, interests, credibility, behaviour, location or movement.\\nBased on monitoring your activity on Bradmax websites, we perform analyses that result in:\\noptimisation of websites (including appearance, content, offers), in terms of user preferences;\\nrecommending content that matches your viewing profile;\\nthe emission of advertisements addressed to the groups of recipients to which you have been qualified;\\nrecommending offers tailored to your viewing profile and behaviours.\\n \\nHowever, we do not use this data for automated decision-making with you that could affect your rights.\"}}\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./assets/i18n/content/en.json\n// module id = 1544\n// module chunks = 1","module.exports = {\"NAME\":\"Bradmax Admin - english version\",\"MENU\":{\"USER\":{\"ACCOUNT\":\"Account\",\"LOGOUT\":\"Log out\"},\"MAIN\":{\"NAME\":\"navigation\",\"PRODUCTS\":\"Products\",\"ACCOUNT\":{\"NAME\":\"Account\",\"SUBSCRIPTIONS\":\"Subscriptions\",\"DETAILS\":\"Details\",\"INVOICES\":\"Invoices\",\"PAYMENTS\":\"Payments\"},\"ANALYTICS\":{\"NAME\":\"Analytics\",\"DASHBOARD\":\"Dashboard\",\"REALTIME\":\"Realtime\",\"AUDIENCE\":\"Audience\",\"TOP_CONTENT\":\"Top content\",\"CONTENT\":\"Content\",\"SELECTED_CONTENT\":\"Selected content\",\"GEO\":\"Geo\",\"GEO_COUNTRY\":\"Selected country\",\"TECHNOLOGY\":\"Technology\",\"QOS\":\"QOS\",\"ALBUMS\":\"Albums\",\"HEARTBEAT\":\"Hearbeat\",\"INFO\":\"Info\"},\"PLAYER_CONFIG\":\"Players List\",\"UPLOAD\":\"Upload\",\"MEDIA\":\"Media\",\"SETTINGS\":\"Settings\",\"CHANGELOG\":\"Changelog\",\"HELP\":{\"NAME\":\"Help\",\"DOCS\":\"Player documentation\",\"TUTORIAL\":\"Player tutorial\",\"PLAYERS_PLUGINS_DOCS\":\"Bradmax analytics players plugins\"},\"TERMS_AND_CONDITIONS\":\"Terms of use\",\"EU_FUNDS\":\"EU Funds\"}},\"MODAL\":{\"LOGOUT\":{\"ASK\":\"Do you want to log out ? \",\"YES\":\"log out\",\"NO\":\"stay\"},\"GDPR_INFO\":\"Hello,\\n\\nAt Bradmax, we are constantly striving to provide the best protection for your personal information. It is also important to us that the information regarding the manner in which we use and process them are transparent to you. That is why we are introducing a new privacy policy that meets both of these assumptions and, at the same time, meets the requirements of the General Data Protection Regulation (GDPR) (EU) 2016/679.\\n\\nFamiliarise yourself with the information clause in which we indicate how the personal data you provide will be processed.\\n\\nMay the peace be with you,\\nBradmax Team\\n\\n\\n\\nThe Bradmax information clause\\nWho is the administrator of your personal data? \\n\\nThe administrator, which is the entity deciding how your personal data will be used, is Bradmax pinok.io Sp. z o.o. Sp. k. (hereinafter \\\"Bradmax\\\") with registered office and address in Warsaw at Jana Pawła II Avenue 61/164.\\n\\nWho can you contact for more information on the processing of personal data by Bradmax? \\nIf you have questions related to the processing of your personal data on Bradmax websites, you can contact a Bradmax representative using the contact details provided: office@bradmax.com\\n\\nWhere does Bradmax have your data? \\nWe have received your personal information from you during the registration of your Bradmax account, as well as later, as a result of your activity on Bradmax websites. Information about you also comes from cookies collected by Bradmax and similar mechanisms of recording information in users' devices of the sites, as long as they allow you to identify you.\\n\\nIn addition, we receive information about you from payment operators, that is entities that enable you to make online payments for services purchased from Bradmax. We receive information from them about the status of your payment for the service.\\n\\nMore information on the scope of personal data being processed and the cookie files used can be found in the Privacy Policy.\\n\\n\\n\\nWhat is the purpose and basis of the processing of your personal data by Bradmax? \\n\\nBradmax processes your personal data to enable you to use Bradmax services, provide support for your Bradmax account and contact us, provide functionality of services offered, including technical problems, fulfill agreements with you, handle complaints about the operation of Bradmax services, perform duties resulting from legal provisions, including tax and accounting regulations, enable payment for services, monitor your activity on these websites and conduct research and analyses related to it, conduct direct marketing activities, including those related to the organisation of competitions and promotional campaigns.\\n\\nData that identifies you may also be used to match the content and ads displayed to your interests, to measure the quality and effectiveness of these activities, to improve the content and services provided, to inform about the content and services of Bradmax and our Partners (\\\"Partners\\\"), which list is available here, sharing on advertising space, ensuring security of information processing, IT systems management and for protection or redress purposes, for statistical and archival purposes, as well as to ensure accountability of legal obligations.\\n\\nBradmax is entitled to process your personal data, because it is necessary to perform the agreement (concluded with you by accepting the terms of service), as well as on the basis of law, e.g. when these laws require us to process your data for tax purposes and accounting (provisions of the Tax Ordinance Act and the Accounting Act).\\n\\nThe legal basis for the processing of personal data is also the legitimate interest of Bradmax. It includes improving services, ensuring their best quality and informing users about them, providing support for your Bradmax account, conducting research and analysis, conducting direct marketing, protecting or pursuing claims, creating statistics and ensuring accountability. Displaying advertisements tailored to your interests on websites, thanks to the automated comparison of your interests and preferences with the model interests and preferences of Internet users (profiling), allows you to cover the costs of services provided free of charge. In some of our services, the basis for processing personal data may be consent, which you will always be informed about. You can manage your consent, including withdrawal.\\n\\nPartners, as personal data controllers separate from Bradmax, process your personal data based on their legitimate interest or your consent.\\n\\n\\n\\nDo you have to provide Bradmax with your personal details? \\n\\nProviding personal data by you is a statutory requirement only to the extent resulting from the provisions of tax or accounting law, when we settle payments received from you. However, the requirement to conclude a contract with Bradmax (setting up a Bradmax account) is to provide the name of your company and e-mail address.\\n\\nIf you do not give us all this information about yourself, we will not be able to set up a Bradmax account for you, which will limit your ability to use some of the Bradmax services. In the remaining scope, providing data is voluntary.\\n\\nWhat are your rights to Bradmax regarding the data being processed? \\n\\nYou can request from Bradmax: access to your personal data, rectification, deletion, processing restrictions, portability, and non-automated decision making, including profiling, and you have the right to object to the processing of your personal data.\\n\\nYou can do these permissions when:\\n\\nregarding the request for data rectification: the data is incorrect or incomplete;\\nin relation to a request to delete data: the data is no longer necessary for the purposes for which it was collected by Bradmax; you will withdraw your consent to data processing; you object to the processing of this data beforehand; data is processed unlawfully; data should be deleted in order to fulfil the obligation arising from the law; or data have been collected in connection with the provision of electronic services offered to the child;\\nregarding the request to limit the processing of data: data is incorrect - for a period allowing Bradmax to check the accuracy of your data; the data is processed unlawfully, but you will not want to be removed; Your data is no longer needed by Bradmax but you may need it for defending or pursuing claims; or you object to the processing of the data - pending the determination of whether the legitimate grounds prevail over the basis of the opposition;\\nin relation to a request for transfer of data: the processing of data is carried out on the basis of your consent or contract concluded with you and this processing is carried out automatically.\\nYou have the right to lodge a complaint regarding the processing of your personal data by Bradmax to the President of the Office for Personal Data Protection.\\n\\nIn what situations can you oppose the processing of your data? \\n\\nYou have the right to object to the processing of personal data when:\\n\\nthe processing of personal data takes place on the basis of a legitimate interest, or for statistical purposes, and the opposition is justified by your special situation,\\npersonal data are processed for direct marketing purposes.\\n\\nWho does Bradmax share your personal information with? \\n\\nBradmax, in principle, does not disclose your personal data to third parties, except in cases where we have a legal basis, including at the request of entities authorised by law, or when we use the services of Bradmax supporters, eg entrepreneurs providing hosting of our services , software maintenance support.\\n\\nDue to the need to prevent certain functions on Bradmax services from Internet robots, we use the Google reCAPTCH mechanism to sporadically investigate whether the behaviour of website users is not characteristic of robotic behaviour. For this reason, Bradmax may disclose Google Inc. the IP address of your computer.\\n\\nHow long does Bradmax store your personal data? \\n\\nBradmax stores your personal data for the duration of the contract concluded with you, as well as - after its completion - for the period during which it is possible to pursue claims in connection with the performance of the contract, a maximum of 10 years from the date of termination of the contract. In addition, Bradmax stores your data for tax and accounting purposes for a period of 5 years after the end of the year in which the financial event took place.\\n\\nBradmax stores your personal data for marketing purposes for the duration of the legal basis and the purpose of data processing.\\n\\nBradmax stores data for statistical and archival purposes for the duration of the existence of the legal basis and the purpose of data processing.\\nDoes Bradmax transfer your data to countries outside the European Economic Area?\\nSome of our service providers may store website users' data outside of the European Economic Area. In such cases, Users' data may be stored in countries that provide an adequate level of protection of personal data, or in countries that do not provide such level. In the latter case, Bradmax secures your data by entering into contracts with Bradmax service providers containing so-called Standard Contractual Clauses accepted by the European Commission, which guarantee adequate protection of Users' data in third countries, use the EU - US Privacy Shield program (eg in the case of Google reCAPTCHA) or other grounds for the transfer of personal data.\\n\\nDoes Bradmax profile your personal data or process it automatically in a way that affects your rights? \\n\\nProfiling of personal data is understood as the automated processing of your data, which is based on their use to assess certain factors, in particular to analyse or forecast aspects regarding the effects of your work, economic situation, health, personal preferences, interests, credibility, behaviour, location or movement.\\nBased on monitoring your activity on Bradmax websites, we perform analyses that result in:\\noptimisation of websites (including appearance, content, offers), in terms of user preferences;\\nrecommending content that matches your viewing profile;\\nthe emission of advertisements addressed to the groups of recipients to which you have been qualified;\\nrecommending offers tailored to your viewing profile and behaviours.\\n \\nHowever, we do not use this data for automated decision-making with you that could affect your rights.\"}}\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./assets/i18n/content/pl.json\n// module id = 1545\n// module chunks = 1","module.exports = {\"LOGIN\":{\"TITLE\":\"Login\",\"COMPANY_NAME\":\"Bradmax Ltd.\",\"MESSAGE\":{\"NOT_A_MEMBER\":\"Not a member yet? Click here to register.\",\"FORGOT_PASSWORD\":\"Did you forget your password? Click here to open page for resetting it.\"},\"LABEL\":{\"REMEMBER_ME\":{\"ON\":\"Remember Me\",\"OFF\":\"Don't remember Me\"},\"SIGN_ME_IN\":\"Log in\"},\"PLACEHOLDER\":{\"EMAIL\":\"Email Address\",\"PASSWORD\":\"Password\"},\"INVALID\":{\"USER\":\"Invalid email Address\",\"PASSWORD\":\"Invalid password\"},\"COPYRIGHT\":\"Copyright\"}}\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./assets/i18n/login/en.json\n// module id = 1546\n// module chunks = 1","module.exports = {\"LOGIN\":{\"TITLE\":\"Login\",\"COMPANY_NAME\":\"Bradmax Ltd.\",\"MESSAGE\":{\"NOT_A_MEMBER\":\"Kliknij tu aby się zarejestrować.\",\"FORGOT_PASSWORD\":\"Zapomniałeś hasła? Kliknij tu , aby otworzyć stronę do resetowania hasła.\"},\"LABEL\":{\"REMEMBER_ME\":{\"ON\":\"Zapamiętaj mnie\",\"OFF\":\"Nie pamiętaj mnie\"},\"SIGN_ME_IN\":\"Zaloguj się\"},\"PLACEHOLDER\":{\"EMAIL\":\"Adres Email\",\"PASSWORD\":\"Hasło\"},\"INVALID\":{\"USER\":\"Nieprawidłowy adres email\",\"PASSWORD\":\"Nieprawidłowe hasło\"},\"COPYRIGHT\":\"Prawa autorskie\"}}\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./assets/i18n/login/pl.json\n// module id = 1547\n// module chunks = 1","module.exports = {\"PASSWORD_CHANGE\":{\"MESSAGE\":{\"SUCCESS\":\"Your password was changed.\"},\"ERROR\":{\"FIELD_REQUIRED\":\"This field is required.\",\"MIN_LEN_8_CHARACTERS\":\"Password should have at last 8 characters.\",\"PASSWORDS_DIFFER\":\"New password differ with repeated version.\"},\"BUTTON\":{\"SAVE\":\"Save\"},\"FIELD\":{\"OLD_PASSWORD\":\"Old password\",\"NEW_PASSWORD\":\"New password\",\"NEW_PASSWORD_REPEAT\":\"New password repeat\"},\"PLACEHOLDER\":{\"OLD_PASSWORD\":\"Old password\",\"NEW_PASSWORD\":\"New password\",\"NEW_PASSWORD_REPEAT\":\"New password repeat\"},\"TITLE\":\"Password change\"}}\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./assets/i18n/password-change/en.json\n// module id = 1548\n// module chunks = 1","module.exports = {\"PASSWORD_CHANGE\":{\"MESSAGE\":{\"SUCCESS\":\"Your password was changed.\"},\"ERROR\":{\"FIELD_REQUIRED\":\"This field is required.\",\"MIN_LEN_8_CHARACTERS\":\"Password should have at last 8 characters.\",\"PASSWORDS_DIFFER\":\"New password differ with repeated version.\"},\"BUTTON\":{\"SAVE\":\"Save\"},\"FIELD\":{\"OLD_PASSWORD\":\"Old password\",\"NEW_PASSWORD\":\"New password\",\"NEW_PASSWORD_REPEAT\":\"New password repeat\"},\"PLACEHOLDER\":{\"OLD_PASSWORD\":\"Old password\",\"NEW_PASSWORD\":\"New password\",\"NEW_PASSWORD_REPEAT\":\"New password repeat\"},\"TITLE\":\"Password change\"}}\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./assets/i18n/password-change/pl.json\n// module id = 1549\n// module chunks = 1","module.exports = {\"PLAYER\":{\"LIST\":{\"LABEL\":\"Player configurations list\",\"TOTAL_COUNT\":\"items on list\",\"SELECTED_COUNT\":\"selected items\",\"SEE_DOCS\":\"see documentation\",\"BUTTON\":{\"ADD\":\"create new\",\"CLONE\":\"duplicate\",\"DELETE\":\"delete\",\"GET_ZIP\":\"get zip\",\"SEE_VER\":\"versions\",\"GO_EMBEDER\":\"get embed code\",\"EDIT\":\"edit\"},\"COLUMN\":{\"NAME\":\"name\",\"CREATED_AT\":\"created at\",\"UPDATED_AT\":\"updated at\"},\"MODAL\":{\"ADD\":{\"HEADER\":\"Create new player configuration\",\"INPUT\":\"name\",\"ADD\":\"create\",\"CANCEL\":\"discard\"},\"DELETE\":{\"HEADER\":\"Do You want to delete configuration ?\",\"YES\":\"yes\",\"NO\":\"no\"},\"DUPLICATE\":{\"HEADER\":\"Do You want to clon configuration ?\",\"YES\":\"yes\",\"NO\":\"no\"}}},\"CONFIG\":{\"LABEL\":\"Player configurator\",\"TOO_BIG_LOGO\":\"Image size exceed limits for logo image witch is:
width:{{limitWidth}}px,
height: {{limitHeight}}px.
file size: {{limitFileSize}} bytes.
Plaease select different image.
\",\"MODAL\":{\"ERROR\":{\"SAVE\":{\"TEXT\":\"Error during api request. Do You also want to generate player files, \",\"YES\":\"yes, generate files\",\"NO\":\"no, just save settings\"},\"COLOR_RESET\":{\"BASE\":\"This will reset skin to default color scheme. to base color: {{ color }} .\",\"COLOR\":\"This will reset color to value: {{ color }} .\",\"YES\":\"yes, reset\",\"NO\":\"no, don't reset\"},\"SAVE_CHANGES\":{\"TEXT\":\"Detected changes without, saving. Do you want to save them now ? \",\"SAVE\":\"yes, save and close\",\"DONT_SAVE\":\"close, without saving\",\"CANCEL\":\"cancel\"}},\"DOCS\":{\"TEXT\":\"for more details please see\",\"LINK\":\"documentation page\"}},\"EMBEDER\":{\"TITLE\":\"Player embed code generator\",\"PANEL_TITLE\":{\"PLAYER_INFO\":\"Player info\",\"FORM\":\"Configuration\",\"PREVIEW\":\"Preview\"},\"PLAYER_NAME\":\"Player name\",\"COPY_TO_CLIPBOARD\":\"copy embed code to clipboard\",\"TOGGLE_OPTIONAL\":[\"show optional parameters\",\"hide optional parameters\"],\"DOWNLOAD_ZIP\":\"Download related zip file with examples and player.\",\"BACK\":\"back\",\"INPUT\":{\"TYPE\":{\"LABEL\":\"embed code type\",\"VALUE\":[\"Iframe embed code\",\"Dynamic embed code\"]},\"WIDTH\":{\"LABEL\":\"player width in pixels\",\"PLACEHOLDER\":\"enter player width in pixels\"},\"HEIGHT\":{\"LABEL\":\"player height in pixels\",\"PLACEHOLDER\":\"enter player height in pixels\"},\"MEDIAURL\":{\"LABEL\":\"media url\",\"PLACEHOLDER\":\"enter url to valid media file\"},\"MEDIAURL2\":{\"LABEL\":\"media url [2] (additional fallback format)\",\"PLACEHOLDER\":\"enter url to valid media file (used when problem with other media url)\"},\"TITLE\":{\"LABEL\":\"media title\",\"PLACEHOLDER\":\"enter media title displayed in player\"},\"DURATION\":{\"LABEL\":\"media duration\",\"PLACEHOLDER\":\"enter media duration in seconds\"},\"SPLASHIMAGEURL\":{\"LABEL\":\"splash image url\",\"PLACEHOLDER\":\"enter url to valid media image file\"},\"ID\":{\"LABEL\":\"ID\",\"PLACEHOLDER\":\"enter media id for bradmax content statistics\"},\"ADSVMAPURL\":{\"LABEL\":\"ads VMAP URL\",\"PLACEHOLDER\":\"enter VMAP URL for ads\"},\"ADSPREROLLVASTURL\":{\"LABEL\":\"preroll ads VAST URL\",\"PLACEHOLDER\":\"enter preroll ads VAST URL\"}}},\"VERSIONS\":{\"CHANGES_SAVED_NOTIFICATION\":\"Changes were saved\",\"MESSAGE\":{\"EMPTY\":\"There are no version available yet.\"},\"LINK\":{\"DOC\":\"documentation\",\"ZIP\":\"download\",\"EMBED\":\"embed code\"}}}}\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./assets/i18n/player/en.json\n// module id = 1550\n// module chunks = 1","module.exports = {\"PLAYER\":{\"LIST\":{\"LABEL\":\"Lista konfiguracji\",\"TOTAL_COUNT\":\"odnaleziono pozycji\",\"SELECTED_COUNT\":\"zaznaczono pozycji\",\"SEE_DOCS\":\"zobacz dokumentację\",\"BUTTON\":{\"ADD\":\"dodaj nowy\",\"CLONE\":\"klonuj\",\"DELETE\":\"usuń\",\"GET_ZIP\":\"pobierz zip\",\"SEE_VER\":\"wersje\",\"GO_EMBEDER\":\"kod osadzania\",\"EDIT\":\"edytuj\"},\"COLUMN\":{\"NAME\":\"dodaj nowy\",\"CREATED_AT\":\"klonuj\",\"UPDATED_AT\":\"usuń\"},\"MODAL\":{\"ADD\":{\"HEADER\":\"Dodaj nową konfigurację\",\"INPUT\":\"nazwa\",\"ADD\":\"dodaj\",\"CANCEL\":\"zamknij\"},\"DELETE\":{\"HEADER\":\"Czy chcesz usunąć konfiguracje ?\",\"YES\":\"tak\",\"NO\":\"nie\"},\"DUPLICATE\":{\"HEADER\":\"Czy chcesz sklonować konfigurację ?\",\"YES\":\"tak\",\"NO\":\"nie\"}}},\"CONFIG\":{\"LABEL\":\"Konfigurator\",\"TOO_BIG_LOGO\":\"Rozmiar obrazka przekroczył limit, który wynosi:
długosc{{limitWidth}}px,
szerokosc{{limitHeight}}px.
wielkość pliku: {{limitFileSize}} bajtów.
Proszę wybrac inny mniejszy plik.
\",\"MODAL\":{\"ERROR\":{\"SAVE\":\"Wystąpił błąd podczas zapisu.
Proszą spróbowajeszcze raz.
\"},\"PUBLISH\":{\"TEXT\":\"Czy chcesz wygenerować pliki odtwarzaczas do pobrania i użycia na twojej stronie ? \",\"YES\":\"tak, wygeneruj pliki\",\"NO\":\"nie, zapisz tylko ustawienia\"},\"COLOR_RESET\":{\"BASE\":\"Zmiana spowoduje reset schematu kolorów do domyślnego. przy uyciu koloru bazowego: {{ color }}. \",\"COLOR\":\"Zmiana spowoduje reset koloru. Do wartości: {{ color }} \",\"YES\":\"tak, resetuj\",\"NO\":\"nie, pozostaw\"},\"SAVE_CHANGES\":{\"TEXT\":\"Dokonano zmian, które nie zostały zapisane. Czy chcesz je teraz zapisać ? \",\"SAVE\":\"tak, zapisz i wyjdź\",\"DONT_SAVE\":\"wyjdź, bez zapisu\",\"CANCEL\":\"zamknij\"}},\"DOCS\":{\"TEXT\":\"for more details please see\",\"LINK\":\"documentation page\"}},\"EMBEDER\":{\"TITLE\":\"Generator kodu osadzania playera\",\"PANEL_TITLE\":{\"PLAYER_INFO\":\"Player\",\"FORM\":\"Konfiguracja\",\"CODE\":\"kod osadzania\",\"PREVIEW\":\"Player preview\"},\"PLAYER_NAME\":\"Player name\",\"COPY_TO_CLIPBOARD\":\"kopiuj kod osadzania do schowka\",\"TOGGLE_OPTIONAL\":[\"pokaz dodatkowe parametry\",\"ukryj dodatkowe parametry\"],\"DOWNLOAD_ZIP\":\"Pobierz plik zip dla tej wersji z przykładami i odtwarzaczem.\",\"BACK\":\"wróć\",\"INPUT\":{\"TYPE\":{\"LABEL\":\"Typ kodu osadzania\",\"VALUE\":[\"Iframe\",\"Dynamiczny\"]},\"WIDTH\":{\"LABEL\":\"szerokośc odtwarzacza w pikselach\",\"PLACEHOLDER\":\"podaj szerokośc odtwarzacza w pikselach\"},\"HEIGHT\":{\"LABEL\":\"wysokośc odtwarzacza w pikselach\",\"PLACEHOLDER\":\"podaj wysokośc odtwarzacza w pikselach\"},\"MEDIAURL\":{\"LABEL\":\"źródło\",\"PLACEHOLDER\":\"podaj url do pliku z video\"},\"MEDIAURL2\":{\"LABEL\":\"źródło [2] (zapasowy format)\",\"PLACEHOLDER\":\"podaj url do pliku z video (wykorzystywany, gdy problem z innym źródłem wideo)\"},\"TITLE\":{\"LABEL\":\"tytuł\",\"PLACEHOLDER\":\"podaj tytuł do wyświetlenia \"},\"DURATION\":{\"LABEL\":\"czas trwania\",\"PLACEHOLDER\":\"podaj czas trwania w sekundach\"},\"SPLASHIMAGEURL\":{\"LABEL\":\"obraz splash\",\"PLACEHOLDER\":\"podaj url do pliku z obrazem\"},\"ID\":{\"LABEL\":\"ID\",\"PLACEHOLDER\":\"podaj identyfikator wideo dla statystyk bradmax\"},\"ADSVMAPURL\":{\"LABEL\":\"ads VMAP URL\",\"PLACEHOLDER\":\"enter VMAP URL for ads\"},\"ADSPREROLLVASTURL\":{\"LABEL\":\"preroll ads VAST URL\",\"PLACEHOLDER\":\"enter preroll ads VAST URL\"}}},\"VERSIONS\":{\"CHANGES_SAVED_NOTIFICATION\":\"Zmiany zostały zapisane\",\"MESSAGE\":{\"EMPTY\":\"Brak dostępnych wersji.\"},\"LINK\":{\"DOC\":\"dokumentacja\",\"ZIP\":\"pobierz\",\"EMBED\":\"kod osadzania\"}}}}\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./assets/i18n/player/pl.json\n// module id = 1551\n// module chunks = 1","module.exports = {\"PRODUCTS\":{\"TITLE\":\"Our Products\",\"SUBTITLE\":\"here you can find the available products. Have a look!\",\"BUTTON\":{\"YES\":\"Yes\",\"CONTINUE\":\"Continue\",\"CREATE_NEW\":\"Create new\",\"CANCEL\":\"Cancel\"},\"MESSAGE\":{\"ACCOUNT_INVALID\":\"Your account details are not ready for payments, do you wish to update them?\",\"SUBSCRIPTION_REUSE\":\"You have a pending order for plan {{ name }} already. Do you wish to continue it?\",\"DEFAULT_ERROR\":\"An error ocurred when processing your request. Please try again.\"}}}\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./assets/i18n/products/en.json\n// module id = 1552\n// module chunks = 1","module.exports = {\"PRODUCTS\":{\"TITLE\":\"Our Products\",\"SUBTITLE\":\"here you can find the available products. Have a look!\",\"BUTTON\":{\"YES\":\"yes\"},\"MESSAGE\":{\"ACCOUNT_INVALID\":\"Your account details are not ready for payments, do you wish to update them?\"}}}\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./assets/i18n/products/pl.json\n// module id = 1553\n// module chunks = 1","module.exports = {\"PLAN_CARROUSEL\":{\"VIEWS\":\"views\",\"RECOMMENDED\":\"RECOMMENDED\",\"VIEWS_INC\":\"video views\",\"MONTH\":\"month\",\"BASE\":\"Base\",\"ESTIMATED\":\"Estimated\",\"CURRENT_PLAN\":\"CURRENT PLAN\",\"EXTRA\":{\"STATS\":\"Statistics\",\"ADS\":\"Advertisements\",\"DRM\":\"DRM support\",\"EMAIL\":{\"BASIC\":\"Basic e-mail support\",\"FULL\":\"Full e-mail support\"},\"PHONE\":{\"BASIC\":\"Basic phone support\",\"FULL\":\"Full phone support\"},\"VIDEO\":{\"BASIC\":\"Basic video support\",\"FULL\":\"Full video support\"}},\"BUTTON\":{\"BUY\":\"Buy\",\"CONTACT\":\"Contact us\",\"CURRENT\":\"Current\",\"USED\":\"Current Plan\"}}}\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./assets/i18n/products/plan-carrousel/en.json\n// module id = 1554\n// module chunks = 1","module.exports = {\"PLAN_CARROUSEL\":{\"VIEWS\":\"views\",\"RECOMMENDED\":\"RECOMMENDED\",\"VIEWS_INC\":\"video views\",\"MONTH\":\"month\",\"BASE\":\"Base\",\"ESTIMATED\":\"Estimated\",\"CURRENT_PLAN\":\"CURRENT PLAN\",\"EXTRA\":{\"STATS\":\"Statistics\",\"ADS\":\"Advertisements\",\"DRM\":\"DRM support\",\"EMAIL\":{\"BASIC\":\"Basic e-mail support\",\"FULL\":\"Full e-mail support\"},\"PHONE\":{\"BASIC\":\"Basic phone support\",\"FULL\":\"Full phone support\"},\"VIDEO\":{\"BASIC\":\"Basic video support\",\"FULL\":\"Full video support\"}},\"BUTTON\":{\"BUY\":\"Buy\",\"CONTACT\":\"Contact us\",\"CURRENT\":\"Current\",\"USED\":\"Current Plan\"}}}\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./assets/i18n/products/plan-carrousel/pl.json\n// module id = 1555\n// module chunks = 1","module.exports = {\"SUBSCRIPTION\":{\"TITLE\":\"Subscription\",\"MESSAGE\":{\"THANKS\":{\"TITLE\":\"Thank You for choosing us!\",\"P1\":\"Congratulations, you have just subscribed to Bradmax Video Player. Start right away customizing your player!\"}},\"BUTTON\":{\"NAV_PLAYER\":\"Go To Player List\",\"NEXT\":\"Next\",\"PREVIOUS\":\"Previous\",\"SUBMIT\":\"Confirm and Finish\",\"EDIT\":\"Edit\",\"ACCEPT\":\"I Agree\",\"NOT_ACCEPT\":\"I Don't Agree\"},\"STEPS\":{\"STEP_1\":{\"TITLE\":\"Subscription Details\",\"SUBTITLE\":\"Your subscripion details\",\"SECTION_1\":{\"TITLE\":\"Your Selected Plan\"},\"SECTION_2\":{\"TITLE\":\"Billing Details\",\"SUBTITLE\":\"Make sure your billing details are correct\"}},\"STEP_2\":{\"TITLE\":\"Payment & Finish\",\"SUBTITLE\":\"Select a payment method and finish\",\"SECTION_1\":{\"TITLE\":\"Payment Method\",\"SUBTITLE\":\"Select or add a new payment method\"},\"SECTION_2\":{\"TITLE\":\"Confirm & Finish\",\"SUBTITLE\":\"Confirm that all the information is correct and Finish\"}}},\"LABEL\":{\"COMPANY\":\"Company\",\"COUNTRY\":\"Country\",\"STATE\":\"State\",\"CITY\":\"City\",\"ADDRESS\":\"Address\",\"POSTAL_CODE\":\"Postal code\",\"PHONE_NUMBER\":\"Phone number\",\"TAX_NO\":\"Tax Identification No.\"},\"TERMS_AND_CONDITIONS\":{\"TITLE\":\"Terms And Conditions\",\"BODY\":\"This Terms of Service are binding to all Publishers and Users. The use of the Player is tantamount with the acceptance of this Terms of Service. If you do not accept the terms of service you are prohibited from using the player. The Player is available in different Editions, including unpaid and paid options. Certain rights, obligations and features or restrictions vary by Edition. Unless otherwise stated this Terms of Service apply to all Editions. The Player requires a browser that supports HTML5 / MSE and H264. Older browsers like Internet Explorer 10 are not supported without additional plug-ins i.e. flash. The Player supports the following: (a) codecs: H264 for video and AAC for audio. MP3 is not supported with HTML5, (b) advertisements formats: VAST, VMAP, VPAID, (c) video formats: HLS and Smooth streaming integrated into the Player without plugins, Dash, MP4, Webm, live streaming.\\n\\nThe Player is adjustable to every device with internet connection, including smartphones, tablets, smart TV, desktops.\\n\\nDefinitions \\n\\n“Adaptation” means any work that modifies, adds to, deletes from, edits, affects the function of or is based on a Player or any previous Adaptation thereof, including but not limited to all plug-ins and other derivative works as such term is defined by the applicable law.\\n\\n“Analytics Plug-In” means a plug-in or other code that enables Company to collect information regarding Publisher’s Use (such as browser type, Internet Service Provider, IP address and operating system). Company’s collection and utilization of such information is governed by these Terms of Service.\\n\\n“Company” means Bradmax pinok.io Sp. z o.o. Sp. k., Jana Pawła II 61/164, 01-031 Warsaw, NIP: 7010497796.\\n\\n“Content” means media including videos, images, graphics, animations, sounds, text and music and any related submissions (e.g. viewer comments) hosted, streamed, or played through the Player.\\n\\n“Data” means all transactional and Content data obtained by, processed by or provided to the Company in connection with the use of the Player. Data may include metadata (such as title, author, description and other information pertaining to Content), IP addresses, URLs, browser and operating system. Use of Data is governed by these Terms of Service.\\n\\n“Distribute” means to sell, transfer, assign, circulate or make available to any third party, or the facilitation of the foregoing.\\n\\n“Edition” means a particular edition of the Player, including the Free Edition, Basic Edition, Basic+ Edition, Pro Edition, Pro+ Edition, Infinity Edition and DRM Edition.\\n\\n“Upgraded Edition” means a particular edition of the Player with extended features or functionalities offered for the higher price in comparison to the licensed Edition.\\n\\n“Downgraded Edition” means a particular edition of the Player with limited features or functionalities offered for the lower price in comparison to the licensed Edition.\\n\\n“Effective Date” means the earliest date a Player is Used by Publisher or User.\\n\\n“End User” means an individual or entity that accesses or Uses Publisher’s or User’s Content.\\n\\n“Fee” means the amount payable to the Company for Use of the Player.\\n\\n“License Scope” means the features, rights, obligations and limitations authorized for a particular Edition of the Player.\\n\\n“OEM” means incorporation of the Player into any goods or services other than Publisher’s websites, including SDK Applications and other goods and services.\\n\\n“On-line Order Form” is an agreement between Company and Publisher setting forth custom pricing and terms for the use of Player and includes any contemporaneous Addendum thereto. In the event of any conflict between the terms of an On-line Order Form and these Terms of Service, the On-line Order Form shall take precedence.\\n\\n“Play” means each instance of Content streamed, in whole or in part, through the Player. In case the Content is streamed with breaks without reloading, it shall be treated as a single act of Play.\\n\\n“Player” means the Licensed Bradmax HTML 5 Player, software and any features, plug-ins and updates provided by Company, owned and developed by the Company together with associated services and/or SDK or SDK Applications.\\n\\n“Publisher” any individual or entity running commercial activity with the Use of Player.\\n\\n“User” any individual or entity using free of charge Edition of the Player.\\n\\n“Publisher Information” means personal and non-personal information about Publisher including but not limited to Publisher’s name, address, email address, telephone number, and, if Publisher transacts business with the Company, financial information such as payment method (valid credit card number, type, expiration date or other financial information).\\n\\n“Purpose” means (i) Use to facilitate Content playback and streaming on Publisher’s websites, (ii) Use of the SDK to develop and Distribute SDK Applications, (iii) other OEM Use.\\n\\n“SDK” means the Player Software Development Kits for Android and iOS, including all components thereof (documentation, code, tools, libraries, data, files and materials) and all updates thereto[ARM4] .\\n\\n“SDK Applications” means application software for Operating Systems, created with the SDK and incorporating the Player .\\n\\n“Services” means services provided to Publisher under these Terms of Service, including cloud-hosted versions of the Player and SDK provided as software as a service (SaaS), hosting and streaming functionality and maintenance and support services.\\n\\n“Terms of Service” means this document and any applicable addendum or new or revised versions.\\n\\n“Free Edition” means the Edition of the Player for which Fees are not required.\\n\\n“Use” means operating, accessing, downloading, installing, integrating or providing Content through a Player or Adaptation.\\n\\nPlayer \\n\\nPublisher’s or User’s rights and licenses to Use Player are limited to the Editions for which it has enrolled, is eligible and has paid all Fees (for paid Editions) in accordance with these Terms of Service. Any Use of the Player other than as permitted by these Terms of Service is strictly prohibited. The Company reserves all rights and licenses not expressly granted hereunder.\\n\\nLicenses \\n\\nThe License Scope varies by Edition and the licenses granted hereunder are limited accordingly. Unless otherwise provided, licenses are personal to Publisher or User for its own Use.\\n\\nSubject to the terms and conditions of these Terms of Service and Publisher’s (User’s) observance thereof, Company hereby grants to Publisher (User) and Publisher (User) hereby accepts a limited in time, non-exclusive, non-transferable, non-sublicensable, limited right and license to (a) Use, access and install the Player, solely for the Purpose, (b) Use, access, integrate and install the SDK for use in connection with the Purpose, (c) publicly Distribute SDK Applications for the Operating Systems, and (e) operate and allow end users of SDK Applications to operate the Player incorporated into such SDK Applications.\\n\\nUse of the Free Editions with advertising of any kind is prohibited.\\n\\nLicense Scope, Edition, Fees \\n\\nEditions have the following License Scope (volume per month where applicable) per Play (views) as defined above. Invoice is issued by the Company in the electronic form within the term defined by the applicable law after the effective payment.\\n\\nChange of the Edition \\n\\nIf you would like upgrading to the Upgraded Edition you have to file the upgrading form and pay the respective fee for the Upgraded Edition. In such a case, you may use the Upgraded Edition as of the date on which the Fee for the Upgraded Edition has been booked on the Company’s account. With that moment the previous license is terminated. All Fees paid before change to the Upgraded Edition are not refund.\\n\\nIf you would like downgrading to the Downgraded Edition you have to file the downgrading form. In such a case, you may use the Downgraded Edition after the expiration of the actual Edition licensed to you upon payment of the Fee for the Downgraded Edition, if applicable.\\n\\nAdvertisements \\n\\nPublishers who are using Free Edition are strictly prohibited from using the Player in any manner to display advertisements. Such prohibition includes actions such as (i) the making or use of any Adaptation that enables any type of advertisement to be shown in, on or around the Player (e.g., a skin), (ii) interoperation of the Player with any software that serves advertisements and (iii) adding advertisements to a playlist.\\n\\nRegistration \\n\\nPublisher and User must create a username and password as well as provide an accurate email address and name and surname. Publisher (User) is strictly prohibited from: (i) providing false sign-up information, (ii) using a name, address or email address owned or controlled by another person with the intent to impersonate that person or (iii) providing an email address subject to any rights of a person other than Publisher without appropriate authorization. The Company reserves the right to refuse registration or cancel any account that it reasonably believes is in violation of the foregoing. Publisher (User) shall be responsible for maintaining the confidentiality of its password and is liable for all activities that occur on its account. Publisher (User) agrees to immediately notify the Company of any unauthorized use of Publisher’s (User’s) username, password or other breach of security.\\n\\nAdaptations and OEM \\n\\nPublisher is authorized to make Adaptations reasonably necessary to exercise its rights under these Terms of Service, e.g., Adaptations to integrate the Player into Publisher’s websites. All Adaptations created by Publisher are strictly for its own Use. The Company reserves the right to prohibit the Use of any Adaptation in its sole discretion.\\n\\nOEM is authorized only in connection with the paid Edition. Publishers who use Free Edition are strictly prohibited from incorporation of a Player into any goods or services[ARM8] .\\n\\nSDK \\n\\nCompany may update the SDK at any time and is under no obligation to provide notice thereof. Updates may have features or functionality that differ from that of the current SDK. Company may identify certain updates as being critical by written notice (including e-mail to the address provided by Publisher). Publisher shall promptly incorporate such critical updates into its SDK Applications and, if such SDK Applications have been Distributed, shall provide a public update thereto no later than ten (10) days after such notice unless a different period is specified by the Company.\\n\\nPublisher acknowledges that development for each Operating System may be subject to the applicable Operating System provider’s own rules, regulations, standards and requirements and that Company has no control or responsibility therefore. Publisher is solely responsible for its compliance with the foregoing and Company makes no representations or warranties of compatibility with any Operating System.\\n\\nDistribution \\n\\nExcept as specifically set forth herein, Publisher shall not Distribute, re-license, sell, lease, transfer, encumber, assign or make available for public use the Player or any Adaptation thereof. Any attempt to take any such actions is void, and will automatically terminate Publisher’s rights under these Terms of Service. Notwithstanding the foregoing, Publisher may duplicate the licensed programs delivered with the Player and its own permitted Adaptations solely for its own use, provided, all copyright notices, disclaimers and other identifications on the licensed programs must also be duplicated and displayed on any copies thereof.\\n\\nAnalytics Plug-In \\n\\nThe Player utilize Analytics Plug-In to power data tracking and reporting functionality. Information gathered by Analytics Plug-In is used in accordance with this Terms of Service. Publisher or User is strictly prohibited from removing, altering, disabling or circumventing Analytics Plug-In or otherwise interfering with the operation thereof.\\n\\nThe Company will not share personally identifiable information gathered from the Analytics Plug-In with any third party without Publisher’s or User’s express written consent, provided, nothing herein shall limit the Company’s right to use and share aggregated, non-personally identifiable data. Publisher and User grants Company a limited, royalty-free license to use the information collected by Analytics Plug-In to facilitate the operation of Player or other Company’s products, ensure compliance and for its internal business purposes.\\n\\nTerm \\n\\nThese Terms of Service shall become effective on the Effective Date. For all Editions other than the Free Edition, these Terms of Service shall remain effective for a period of one (1) month (the “Initial Term”) and, upon the conclusion of the Initial Term, shall automatically renew for additional successive one (1) month terms (each a “Renewal Term” and together with the Initial Term, the “Term”).\\n\\nEither party may elect to not renew these Terms of Service by notifying the other prior to the expiration of then-current Initial Term or Renewal Term. Notice for such termination must be provided in writing/email no later than thirty (30) days prior to such expiration.\\n\\nTermination \\n\\nThese Terms of Service are subject to termination by the Company immediately if (a) Publisher fails to timely pay a Fee, (b) Publisher or User violates any term of these Terms of Service, (c) the Company has a reasonable basis to believe that Publisher or User is not abiding by the spirit of these Terms of Service, (d) Publisher becomes insolvent, declares bankruptcy or a receiver or trustee is appointed for Publisher, (e) the Company has a reasonable basis to believe that Publisher is impairing the Company’s business, (f) Publisher is or becomes engaged in a business that is directly or indirectly competitive with the Company’s business or (g) Publisher exceeds the license scope permitted for its Edition and Publisher fails to cure any of the foregoing within seven (7) days of notice thereof., (h) the Publisher or User uses the Player for the purposes violating law or honest business practices, (i) such termination is requested by the court judgment, including temporary injunctions or administrative decisions.\\n\\nThe Company may terminate Free Edition for its convenience at any time.\\n\\nIn the event of any termination by the Company pursuant to (a) – (i) above, the Company is under no obligation to provide a refund for the Fees received from Publisher or apply such fees to future services. In the event Publisher switches to a different Edition, any pre-paid Fee balance shall be applied towards the Fees due for such Edition until exhausted; no refund shall be available for Publishers switching to an Free Edition.\\n\\nEffects of Termination \\n\\nUpon termination of these Terms of Service for any reason, Publisher or User shall immediately cease Using the Player and uninstall, delete and destroy any copies of the software delivered by the Company with the Player.\\n\\nUpon termination, all rights, obligations and licenses of the parties shall cease, except that all obligations that accrued prior to the effective date of termination and remedies for breach of these Terms of Service shall survive.\\n\\nMaintenance and Support \\n\\nThe Company shall provide reasonable technical support and maintenance for the Player in its sole discretion. The Company shall have no obligation to provide additional technical support, maintenance, updates or enhancements to the Player or to provide customer service or support to Publisher’s End Users. All installation and maintenance of the Player by Publisher shall be at the sole expense of Publisher. The Company is not responsible for performance issues caused by low-performance end-user computers, low-bandwidth end user Internet connections, periodic network congestion among network providers, low-bandwidth connectivity from redirected image and video sources, improperly configured campaigns and low-bandwidth connectivity from any Publisher Content servers. In the event Company identifies slow performance due to its system, Company shall use commercially reasonable efforts to restore the Services to acceptable performance levels. Publisher’s sole remedy for any disruption or failure to provide support shall be a pro rata refund of 1/30 of the Fee paid by Publisher for the relevant period for each 24 hours of any foregoing disruption or failure.\\n\\nIntellectual Property \\n\\nThe Company is the sole owner of all intellectual property rights pertaining to the Player and software or Services delivered with the Player, including but not limited to copyright, trademark and patent rights and all rights not expressly granted herein are reserved. If Publisher creates an Adaptation, Publisher shall obtain all intellectual property rights in and to the elements of such Adaptation created by Publisher and the Company shall retain all intellectual property rights in and to any elements of the Player incorporated in such Adaptation. Publisher is prohibited from creating any Adaptation that in any manner infringes the patents, trademarks, copyrights, trade secret rights or other rights of the Company or any third party.\\n\\nPrivacy \\n\\nThe Company may use the Publisher Information and Data to: deliver the Player and or Services; manage Publisher’s account; provide customer support; perform research and analysis about Publishers Use of or interest in the Player or Content or the products, services or content of others; communicate with Publisher by email, postal mail, telephone and/or mobile devices about products or services that may be of interest to you either from the Company, our partners or other third parties; develop and display content and advertising tailored to your interests on our site and other sites; enforce our Terms of Service; manage our business; and perform functions otherwise described to you at the time of collection.\\n\\nUser hereby agrees to process his/her personal data, namely (“Personal Data”) by the Company according to this Terms of Service and applicable law.\\n\\nThe Company as an administrator of personal data informs User that Personal Data provided during registration process are gathered and processed by the Administrator for the purpose of preparation of the Personal Data Collection as well as for Administrator marketing purposes.\\n\\nPublisher and User agrees to receive Administrator’s or its successors commercial information via electronic means in line with the law on Providing services via electronic means of 18 July 2002 (Journal of Laws 2002 No. 144 item. 1204 with further amendments).\\n\\nAs defined in the data protection laws, User shall have an access to its Personal Data and to the amendment of personal data or to demand its deletion. The collection of personal data of Users is done voluntarily.\\n\\nAdministrator informs that the Service may use small text file called “cookies”. A cookie is a small text file that is necessary for proper functioning of internet portals, in particular those which require authorization. Cookies do not allow to identify User. Cookies files do not process or store personal data.\\n\\nAdministrator informs that Personal Data are protected and secured according to EU law requirements.\\n\\nFees and Payment \\n\\nFees are published at www.bradmax.com or provided on an applicable On-line Order Form. Unless otherwise provided, Company may modify the Fees prior to the commencement of each Renewal Term. The Company shall provide to the Publishers written notice of any such modification no later than sixty (60) days prior to such commencement, with exception to Free Edition.\\n\\nPublisher agrees to timely pay all Fees due during the Term. Company reserves the right to suspend Publisher’s access to Player or Editions if Fees are not timely paid. Such suspension shall not obviate Publisher’s duty to pay all Fees due under any On-line Order Form or Addendum or constitute termination of these Terms of Service absent Company’s notice of termination pursuant to the Termination section hereof. Past-due fees shall incur per month interest at an actual rate allowed by applicable law. Publisher shall be liable to, and fully reimburse, Company for all costs (including attorney’s fees) incurred in connection with Company’s collection of past-due Fees or other enforcement of this Terms of Service. All Fees are non-refundable except as otherwise provided in these Terms of Service. Publisher shall be responsible to pay all taxes due in connection with the Fees and Publisher’s use of the Products.\\n\\nPeriodic (e.g. annual) Fees are billed in advance and payment is due on receipt of invoice. In case of Paid Edition Publishers must provide a valid form of payment (e.g. credit card, debit card, PayPal account) and accurate billing information, do hereby authorize the Company to charge all Fees incurred to the designated payment form and acknowledge that periodic Fees may be charged automatically and without separate authorization.\\n\\nContent \\n\\nBy uploading Content, Publisher agrees to and hereby does grant, and does represent and warrant that it has the right to grant, the Company a royalty-free, fully paid up, worldwide license to use the Content solely in connection with the operation and provision of Services that entail the Company’s hosting, streaming or storage of such Content.\\n\\nPublisher is solely responsible for any Content or other material that Publisher posts, uploads, submits or Distributes. The Company may review and delete any Content that violates the terms of this Section. Prohibited Content includes any Content that (i) infringes any copyright, trademark, patent, trade secret, right of publicity or other right of any person or entity, (ii) is unlawful, threatening, abusive, harassing, defamatory, libelous, deceptive, fraudulent, invasive, tortious, obscene, offensive, vulgar, pornographic, profane or is otherwise inappropriate as determined by the Company in its sole discretion, (iii) contains any virus, malicious code, Trojan horse or other program designed, intended or likely to disrupt, damage, limit or interfere with the proper function of any software, hardware or telecommunications equipment or to damage or obtain unauthorized access to any system, data, password or other information of the Company or any person or entity, (iv) encourages illegal activity or (v) falsely suggests or implies sponsorship or endorsement by the Company.\\n\\nPublisher is responsible for taking its own steps to backup its Content and Company recommends routinely archiving your Content. Company disclaims any responsibility for deleted, lost, corrupted or inaccessible Content, regardless whether Company hosts such Content.\\n\\nRestrictions on Use \\n\\nPublisher shall not (i) interfere or attempt to interfere with the proper operation of the Player or any activities conducted through the Player, (ii) use any robot, spider or other device to retrieve, index, scrape, data mine or in any way gather information, Content or other materials from the Player, (iii) decipher, decompile, disassemble, reverse engineer, simulate or derive any source code or algorithms from the Player or use any of the foregoing to create any software or service similar to the Player, (iv) create any derivative work or modification of the Player other than Adaptations permitted by these Terms of Service or (v) license, sublicense, sell, encumber, rent, lease, Distribute, transfer or similarly exploit the Player.\\n\\nRepresentations and Warranties \\n\\nPublisher (respectively User) represents and warrants that (i) if Publisher is an individual, Publisher is at least eighteen (18) years old, (ii) if Publisher is an entity, its consent to these Terms of Service has been duly ratified, (iii) all its Content conforms to the standards set forth in the Section of these Terms of Service titled Content and Restrictions on Use, (iv) all information provided during the registration process is true and accurate, (v) its Adaptations do not infringe the intellectual property rights of any third party and (vi) its Use of the Player is in compliance with all applicable laws and regulations.\\n\\nLimited Product Warranty \\n\\nThe Company warrants that it will provide the Player (except Unpaid Editions) in a manner consistent with general industry standards reasonably applicable to the provision thereof. The Company does not warrant that the Player will be error-free or that any errors in the Player will be corrected.\\n\\nDisclaimer \\n\\nEXCEPT AS OTHERWISE PROVIDED AND TO THE MAXIMUM EXTENT ALLOWED BY LAW, THE PLAYER AND SERVICES ARE PROVIDED ON AN “AS IS” BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, EITHER EXPRESS OR IMPLIED, INCLUDING, WITHOUT LIMITATION, ANY WARRANTIES OR CONDITIONS OF TITLE, NON-INFRINGEMENT OF THIRD PARTY RIGHTS, MERCHANTABILITY OR FITNESS FOR A PARTICULAR PURPOSE. EXCEPT AS OTHERWISE PROVIDED, USE OF THE PLAYER IS AT PUBLISHER’S OWN RISK AND PUBLISHER IS SOLELY RESPONSIBLE FOR DETERMINING THE APPROPRIATENESS OF EXERCISING THE RIGHTS GRANTED UNDER THIS AGREEMENT AND ASSUMES ALL RISKS ASSOCIATED THEREWITH, INCLUDING BUT NOT LIMITED TO THE RISKS AND COSTS OF PROGRAM ERRORS, COMPLIANCE WITH APPLICABLE LAWS, DAMAGE TO OR LOSS OF DATA, PROGRAMS OR EQUIPMENT, SUITABILITY FOR HOSTING AND UNAVAILABILITY OR INTERRUPTION.\\n\\nLimitation of Liability \\n\\nEXCEPT TO THE EXTENT REQUIRED BY APPLICABLE LAW OR TO THE EXTENT THAT ANY EXCLUSION OR LIMITATION OF ITS LIABILITY IS VOID, PROHIBITED OR UNENFORCEABLE, IN NO EVENT SHALL THE COMPANY BE LIABLE ON ANY LEGAL THEORY (A) FOR ANY SPECIAL, INCIDENTAL, CONSEQUENTIAL, PUNITIVE OR EXEMPLARY DAMAGES INCLUDING LOSS OF REVENUE, PROFITS OR GOODWILL, (B) FOR ANY MATTER BEYOND ITS REASONABLE CONTROL, (C) FOR ANY LOSS OR INACCURACY OF DATA, LOSS OR INTERRUPTION OF USER OR COST OF PROCURING SUBSTITUTE TECHNOLOGY OR (D) DIRECT DAMAGES IN EXCESS OF THE TOTAL FEES PAID BY PUBLISHER TO THE COMPANY PURSUANT TO THESE TERMS OF SERVICE, EVEN IF THE COMPANY HAS BEEN ADVISED OF THE POSSIBILITY OF SUCH DAMAGES. THESE LIMITATIONS ARE INDEPENDENT FROM ALL OTHER PROVISIONS OF THIS AGREEMENT AND SHALL APPLY NOTWITHSTANDING THE FAILURE OF ANY REMEDY PROVIDED HEREIN.\\n\\nPublicity \\n\\nCompany shall be permitted to publicly identify Publisher as a user of the Player, including on Company’s websites and marketing materials. Publisher hereby grants Company a non-exclusive, non-transferable, non-sublicensable, royalty-free license during the Term to use Publisher’s name and marks solely for this purpose. Company agrees to state on all materials using Publisher’s marks that such marks are property of Publisher and to include the trademark registration symbol if applicable.\\n\\nIndependent Contractors \\n\\nThe parties hereto are independent contractors and nothing herein constitutes or creates an employer-employee, agency, joint venture or representative relationship between the parties.\\n\\nChoice of Law and Jurisdiction \\n\\nThese Terms of Service shall be governed by and construed in accordance with the laws of the Republic of Poland and specifically excluding from application to this Agreement that law known as the United Nations Convention on Contracts for the International Sale of Goods. Each party irrevocably consents to the exclusive jurisdiction, forum and venue of the court proper to the Company’s registered seat over any and all claims, disputes, controversies or disagreements between the parties or any of their respective subsidiaries, affiliates, successors and assigns under or related to these Terms of Service or the subject matter thereof.\\n\\nComplete Agreement \\n\\nThese Terms of Service constitute the entire agreement between the Company and Publisher with respect to the subject matter hereof and supersedes all prior or contemporaneous understandings or agreements, written or oral, regarding such subject matter.\\n\\nModification \\n\\nThe Company may modify the terms of these Terms of Service in its sole discretion and such modifications shall take effect and be binding on Publisher on the earliest date which they are posted to the Company’s publicly available website or delivered to Publisher via electronic or physical delivery. No one other than the Company has the right to modify these Terms of Service.\\n\\nNo Assignment \\n\\nPublisher may not assign or transfer this agreement to any third party without the Company’s express written consent. Any assignment or transfer made in the absence of such consent shall be void and in the event of such unauthorized assignment or transfer the Company may immediately terminate these Terms of Service.\\n\\nFinal provision \\n\\nThis Terms of Service enter into force on 01.06.2017.\",\"LABEL\":{\"1\":\"I Agree with the \",\"2\":\"Terms and Conditions.\"},\"ERROR\":\"You have to agree to finish your subscription.\"}}}\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./assets/i18n/subscription/en.json\n// module id = 1556\n// module chunks = 1","module.exports = {\"SUBSCRIPTION\":{\"TITLE\":\"Subscription process\",\"MESSAGE\":{\"THANKS\":{\"TITLE\":\"Thank You for choosing us!\",\"P1\":\"Congratulations, you have just subscribed to Bradmax Video Player. Start right away customizing your player!\"}},\"BUTTON\":{\"NAV_PLAYER\":\"Go To Player List\",\"NEXT\":\"Next\",\"PREVIOUS\":\"Previous\",\"SUBMIT\":\"Confirm and Finish\",\"EDIT\":\"Edit\",\"ACCEPT\":\"I Agree\",\"NOT_ACCEPT\":\"I Don't Agree\"},\"STEPS\":{\"STEP_1\":{\"TITLE\":\"Subscription Details\",\"SUBTITLE\":\"Your subscripion details\",\"SECTION_1\":{\"TITLE\":\"Your Selected Plan\"},\"SECTION_2\":{\"TITLE\":\"Billing Details\",\"SUBTITLE\":\"Make sure your billing details are correct\"}},\"STEP_2\":{\"TITLE\":\"Payment & Finish\",\"SUBTITLE\":\"Select a payment method and finish\",\"SECTION_1\":{\"TITLE\":\"Payment Method\",\"SUBTITLE\":\"Select or add a new payment method\"},\"SECTION_2\":{\"TITLE\":\"Confirm & Finish\",\"SUBTITLE\":\"Confirm that all the information is correct and Finish\"}}},\"LABEL\":{\"COMPANY\":\"Company\",\"COUNTRY\":\"Country\",\"STATE\":\"State\",\"CITY\":\"City\",\"ADDRESS\":\"Address\",\"POSTAL_CODE\":\"Postal code\",\"PHONE_NUMBER\":\"Phone number\",\"TAX_NO\":\"Tax Identification No.\"},\"TERMS_AND_CONDITIONS\":{\"TITLE\":\"Terms And Conditions\",\"BODY\":\"This Terms of Service are binding to all Publishers and Users. The use of the Player is tantamount with the acceptance of this Terms of Service. If you do not accept the terms of service you are prohibited from using the player. The Player is available in different Editions, including unpaid and paid options. Certain rights, obligations and features or restrictions vary by Edition. Unless otherwise stated this Terms of Service apply to all Editions. The Player requires a browser that supports HTML5 / MSE and H264. Older browsers like Internet Explorer 10 are not supported without additional plug-ins i.e. flash. The Player supports the following: (a) codecs: H264 for video and AAC for audio. MP3 is not supported with HTML5, (b) advertisements formats: VAST, VMAP, VPAID, (c) video formats: HLS and Smooth streaming integrated into the Player without plugins, Dash, MP4, Webm, live streaming.\\n\\nThe Player is adjustable to every device with internet connection, including smartphones, tablets, smart TV, desktops.\\n\\nDefinitions \\n\\n“Adaptation” means any work that modifies, adds to, deletes from, edits, affects the function of or is based on a Player or any previous Adaptation thereof, including but not limited to all plug-ins and other derivative works as such term is defined by the applicable law.\\n\\n“Analytics Plug-In” means a plug-in or other code that enables Company to collect information regarding Publisher’s Use (such as browser type, Internet Service Provider, IP address and operating system). Company’s collection and utilization of such information is governed by these Terms of Service.\\n\\n“Company” means Bradmax pinok.io Sp. z o.o. Sp. k., Jana Pawła II 61/164, 01-031 Warsaw, NIP: 7010497796.\\n\\n“Content” means media including videos, images, graphics, animations, sounds, text and music and any related submissions (e.g. viewer comments) hosted, streamed, or played through the Player.\\n\\n“Data” means all transactional and Content data obtained by, processed by or provided to the Company in connection with the use of the Player. Data may include metadata (such as title, author, description and other information pertaining to Content), IP addresses, URLs, browser and operating system. Use of Data is governed by these Terms of Service.\\n\\n“Distribute” means to sell, transfer, assign, circulate or make available to any third party, or the facilitation of the foregoing.\\n\\n“Edition” means a particular edition of the Player, including the Free Edition, Basic Edition, Basic+ Edition, Pro Edition, Pro+ Edition, Infinity Edition and DRM Edition.\\n\\n“Upgraded Edition” means a particular edition of the Player with extended features or functionalities offered for the higher price in comparison to the licensed Edition.\\n\\n“Downgraded Edition” means a particular edition of the Player with limited features or functionalities offered for the lower price in comparison to the licensed Edition.\\n\\n“Effective Date” means the earliest date a Player is Used by Publisher or User.\\n\\n“End User” means an individual or entity that accesses or Uses Publisher’s or User’s Content.\\n\\n“Fee” means the amount payable to the Company for Use of the Player.\\n\\n“License Scope” means the features, rights, obligations and limitations authorized for a particular Edition of the Player.\\n\\n“OEM” means incorporation of the Player into any goods or services other than Publisher’s websites, including SDK Applications and other goods and services.\\n\\n“On-line Order Form” is an agreement between Company and Publisher setting forth custom pricing and terms for the use of Player and includes any contemporaneous Addendum thereto. In the event of any conflict between the terms of an On-line Order Form and these Terms of Service, the On-line Order Form shall take precedence.\\n\\n“Play” means each instance of Content streamed, in whole or in part, through the Player. In case the Content is streamed with breaks without reloading, it shall be treated as a single act of Play.\\n\\n“Player” means the Licensed Bradmax HTML 5 Player, software and any features, plug-ins and updates provided by Company, owned and developed by the Company together with associated services and/or SDK or SDK Applications.\\n\\n“Publisher” any individual or entity running commercial activity with the Use of Player.\\n\\n“User” any individual or entity using free of charge Edition of the Player.\\n\\n“Publisher Information” means personal and non-personal information about Publisher including but not limited to Publisher’s name, address, email address, telephone number, and, if Publisher transacts business with the Company, financial information such as payment method (valid credit card number, type, expiration date or other financial information).\\n\\n“Purpose” means (i) Use to facilitate Content playback and streaming on Publisher’s websites, (ii) Use of the SDK to develop and Distribute SDK Applications, (iii) other OEM Use.\\n\\n“SDK” means the Player Software Development Kits for Android and iOS, including all components thereof (documentation, code, tools, libraries, data, files and materials) and all updates thereto[ARM4] .\\n\\n“SDK Applications” means application software for Operating Systems, created with the SDK and incorporating the Player .\\n\\n“Services” means services provided to Publisher under these Terms of Service, including cloud-hosted versions of the Player and SDK provided as software as a service (SaaS), hosting and streaming functionality and maintenance and support services.\\n\\n“Terms of Service” means this document and any applicable addendum or new or revised versions.\\n\\n“Free Edition” means the Edition of the Player for which Fees are not required.\\n\\n“Use” means operating, accessing, downloading, installing, integrating or providing Content through a Player or Adaptation.\\n\\nPlayer \\n\\nPublisher’s or User’s rights and licenses to Use Player are limited to the Editions for which it has enrolled, is eligible and has paid all Fees (for paid Editions) in accordance with these Terms of Service. Any Use of the Player other than as permitted by these Terms of Service is strictly prohibited. The Company reserves all rights and licenses not expressly granted hereunder.\\n\\nLicenses \\n\\nThe License Scope varies by Edition and the licenses granted hereunder are limited accordingly. Unless otherwise provided, licenses are personal to Publisher or User for its own Use.\\n\\nSubject to the terms and conditions of these Terms of Service and Publisher’s (User’s) observance thereof, Company hereby grants to Publisher (User) and Publisher (User) hereby accepts a limited in time, non-exclusive, non-transferable, non-sublicensable, limited right and license to (a) Use, access and install the Player, solely for the Purpose, (b) Use, access, integrate and install the SDK for use in connection with the Purpose, (c) publicly Distribute SDK Applications for the Operating Systems, and (e) operate and allow end users of SDK Applications to operate the Player incorporated into such SDK Applications.\\n\\nUse of the Free Editions with advertising of any kind is prohibited.\\n\\nLicense Scope, Edition, Fees \\n\\nEditions have the following License Scope (volume per month where applicable) per Play (views) as defined above. Invoice is issued by the Company in the electronic form within the term defined by the applicable law after the effective payment.\\n\\nChange of the Edition \\n\\nIf you would like upgrading to the Upgraded Edition you have to file the upgrading form and pay the respective fee for the Upgraded Edition. In such a case, you may use the Upgraded Edition as of the date on which the Fee for the Upgraded Edition has been booked on the Company’s account. With that moment the previous license is terminated. All Fees paid before change to the Upgraded Edition are not refund.\\n\\nIf you would like downgrading to the Downgraded Edition you have to file the downgrading form. In such a case, you may use the Downgraded Edition after the expiration of the actual Edition licensed to you upon payment of the Fee for the Downgraded Edition, if applicable.\\n\\nAdvertisements \\n\\nPublishers who are using Free Edition are strictly prohibited from using the Player in any manner to display advertisements. Such prohibition includes actions such as (i) the making or use of any Adaptation that enables any type of advertisement to be shown in, on or around the Player (e.g., a skin), (ii) interoperation of the Player with any software that serves advertisements and (iii) adding advertisements to a playlist.\\n\\nRegistration \\n\\nPublisher and User must create a username and password as well as provide an accurate email address and name and surname. Publisher (User) is strictly prohibited from: (i) providing false sign-up information, (ii) using a name, address or email address owned or controlled by another person with the intent to impersonate that person or (iii) providing an email address subject to any rights of a person other than Publisher without appropriate authorization. The Company reserves the right to refuse registration or cancel any account that it reasonably believes is in violation of the foregoing. Publisher (User) shall be responsible for maintaining the confidentiality of its password and is liable for all activities that occur on its account. Publisher (User) agrees to immediately notify the Company of any unauthorized use of Publisher’s (User’s) username, password or other breach of security.\\n\\nAdaptations and OEM \\n\\nPublisher is authorized to make Adaptations reasonably necessary to exercise its rights under these Terms of Service, e.g., Adaptations to integrate the Player into Publisher’s websites. All Adaptations created by Publisher are strictly for its own Use. The Company reserves the right to prohibit the Use of any Adaptation in its sole discretion.\\n\\nOEM is authorized only in connection with the paid Edition. Publishers who use Free Edition are strictly prohibited from incorporation of a Player into any goods or services[ARM8] .\\n\\nSDK \\n\\nCompany may update the SDK at any time and is under no obligation to provide notice thereof. Updates may have features or functionality that differ from that of the current SDK. Company may identify certain updates as being critical by written notice (including e-mail to the address provided by Publisher). Publisher shall promptly incorporate such critical updates into its SDK Applications and, if such SDK Applications have been Distributed, shall provide a public update thereto no later than ten (10) days after such notice unless a different period is specified by the Company.\\n\\nPublisher acknowledges that development for each Operating System may be subject to the applicable Operating System provider’s own rules, regulations, standards and requirements and that Company has no control or responsibility therefore. Publisher is solely responsible for its compliance with the foregoing and Company makes no representations or warranties of compatibility with any Operating System.\\n\\nDistribution \\n\\nExcept as specifically set forth herein, Publisher shall not Distribute, re-license, sell, lease, transfer, encumber, assign or make available for public use the Player or any Adaptation thereof. Any attempt to take any such actions is void, and will automatically terminate Publisher’s rights under these Terms of Service. Notwithstanding the foregoing, Publisher may duplicate the licensed programs delivered with the Player and its own permitted Adaptations solely for its own use, provided, all copyright notices, disclaimers and other identifications on the licensed programs must also be duplicated and displayed on any copies thereof.\\n\\nAnalytics Plug-In \\n\\nThe Player utilize Analytics Plug-In to power data tracking and reporting functionality. Information gathered by Analytics Plug-In is used in accordance with this Terms of Service. Publisher or User is strictly prohibited from removing, altering, disabling or circumventing Analytics Plug-In or otherwise interfering with the operation thereof.\\n\\nThe Company will not share personally identifiable information gathered from the Analytics Plug-In with any third party without Publisher’s or User’s express written consent, provided, nothing herein shall limit the Company’s right to use and share aggregated, non-personally identifiable data. Publisher and User grants Company a limited, royalty-free license to use the information collected by Analytics Plug-In to facilitate the operation of Player or other Company’s products, ensure compliance and for its internal business purposes.\\n\\nTerm \\n\\nThese Terms of Service shall become effective on the Effective Date. For all Editions other than the Free Edition, these Terms of Service shall remain effective for a period of one (1) month (the “Initial Term”) and, upon the conclusion of the Initial Term, shall automatically renew for additional successive one (1) month terms (each a “Renewal Term” and together with the Initial Term, the “Term”).\\n\\nEither party may elect to not renew these Terms of Service by notifying the other prior to the expiration of then-current Initial Term or Renewal Term. Notice for such termination must be provided in writing/email no later than thirty (30) days prior to such expiration.\\n\\nTermination \\n\\nThese Terms of Service are subject to termination by the Company immediately if (a) Publisher fails to timely pay a Fee, (b) Publisher or User violates any term of these Terms of Service, (c) the Company has a reasonable basis to believe that Publisher or User is not abiding by the spirit of these Terms of Service, (d) Publisher becomes insolvent, declares bankruptcy or a receiver or trustee is appointed for Publisher, (e) the Company has a reasonable basis to believe that Publisher is impairing the Company’s business, (f) Publisher is or becomes engaged in a business that is directly or indirectly competitive with the Company’s business or (g) Publisher exceeds the license scope permitted for its Edition and Publisher fails to cure any of the foregoing within seven (7) days of notice thereof., (h) the Publisher or User uses the Player for the purposes violating law or honest business practices, (i) such termination is requested by the court judgment, including temporary injunctions or administrative decisions.\\n\\nThe Company may terminate Free Edition for its convenience at any time.\\n\\nIn the event of any termination by the Company pursuant to (a) – (i) above, the Company is under no obligation to provide a refund for the Fees received from Publisher or apply such fees to future services. In the event Publisher switches to a different Edition, any pre-paid Fee balance shall be applied towards the Fees due for such Edition until exhausted; no refund shall be available for Publishers switching to an Free Edition.\\n\\nEffects of Termination \\n\\nUpon termination of these Terms of Service for any reason, Publisher or User shall immediately cease Using the Player and uninstall, delete and destroy any copies of the software delivered by the Company with the Player.\\n\\nUpon termination, all rights, obligations and licenses of the parties shall cease, except that all obligations that accrued prior to the effective date of termination and remedies for breach of these Terms of Service shall survive.\\n\\nMaintenance and Support \\n\\nThe Company shall provide reasonable technical support and maintenance for the Player in its sole discretion. The Company shall have no obligation to provide additional technical support, maintenance, updates or enhancements to the Player or to provide customer service or support to Publisher’s End Users. All installation and maintenance of the Player by Publisher shall be at the sole expense of Publisher. The Company is not responsible for performance issues caused by low-performance end-user computers, low-bandwidth end user Internet connections, periodic network congestion among network providers, low-bandwidth connectivity from redirected image and video sources, improperly configured campaigns and low-bandwidth connectivity from any Publisher Content servers. In the event Company identifies slow performance due to its system, Company shall use commercially reasonable efforts to restore the Services to acceptable performance levels. Publisher’s sole remedy for any disruption or failure to provide support shall be a pro rata refund of 1/30 of the Fee paid by Publisher for the relevant period for each 24 hours of any foregoing disruption or failure.\\n\\nIntellectual Property \\n\\nThe Company is the sole owner of all intellectual property rights pertaining to the Player and software or Services delivered with the Player, including but not limited to copyright, trademark and patent rights and all rights not expressly granted herein are reserved. If Publisher creates an Adaptation, Publisher shall obtain all intellectual property rights in and to the elements of such Adaptation created by Publisher and the Company shall retain all intellectual property rights in and to any elements of the Player incorporated in such Adaptation. Publisher is prohibited from creating any Adaptation that in any manner infringes the patents, trademarks, copyrights, trade secret rights or other rights of the Company or any third party.\\n\\nPrivacy \\n\\nThe Company may use the Publisher Information and Data to: deliver the Player and or Services; manage Publisher’s account; provide customer support; perform research and analysis about Publishers Use of or interest in the Player or Content or the products, services or content of others; communicate with Publisher by email, postal mail, telephone and/or mobile devices about products or services that may be of interest to you either from the Company, our partners or other third parties; develop and display content and advertising tailored to your interests on our site and other sites; enforce our Terms of Service; manage our business; and perform functions otherwise described to you at the time of collection.\\n\\nUser hereby agrees to process his/her personal data, namely (“Personal Data”) by the Company according to this Terms of Service and applicable law.\\n\\nThe Company as an administrator of personal data informs User that Personal Data provided during registration process are gathered and processed by the Administrator for the purpose of preparation of the Personal Data Collection as well as for Administrator marketing purposes.\\n\\nPublisher and User agrees to receive Administrator’s or its successors commercial information via electronic means in line with the law on Providing services via electronic means of 18 July 2002 (Journal of Laws 2002 No. 144 item. 1204 with further amendments).\\n\\nAs defined in the data protection laws, User shall have an access to its Personal Data and to the amendment of personal data or to demand its deletion. The collection of personal data of Users is done voluntarily.\\n\\nAdministrator informs that the Service may use small text file called “cookies”. A cookie is a small text file that is necessary for proper functioning of internet portals, in particular those which require authorization. Cookies do not allow to identify User. Cookies files do not process or store personal data.\\n\\nAdministrator informs that Personal Data are protected and secured according to EU law requirements.\\n\\nFees and Payment \\n\\nFees are published at www.bradmax.com or provided on an applicable On-line Order Form. Unless otherwise provided, Company may modify the Fees prior to the commencement of each Renewal Term. The Company shall provide to the Publishers written notice of any such modification no later than sixty (60) days prior to such commencement, with exception to Free Edition.\\n\\nPublisher agrees to timely pay all Fees due during the Term. Company reserves the right to suspend Publisher’s access to Player or Editions if Fees are not timely paid. Such suspension shall not obviate Publisher’s duty to pay all Fees due under any On-line Order Form or Addendum or constitute termination of these Terms of Service absent Company’s notice of termination pursuant to the Termination section hereof. Past-due fees shall incur per month interest at an actual rate allowed by applicable law. Publisher shall be liable to, and fully reimburse, Company for all costs (including attorney’s fees) incurred in connection with Company’s collection of past-due Fees or other enforcement of this Terms of Service. All Fees are non-refundable except as otherwise provided in these Terms of Service. Publisher shall be responsible to pay all taxes due in connection with the Fees and Publisher’s use of the Products.\\n\\nPeriodic (e.g. annual) Fees are billed in advance and payment is due on receipt of invoice. In case of Paid Edition Publishers must provide a valid form of payment (e.g. credit card, debit card, PayPal account) and accurate billing information, do hereby authorize the Company to charge all Fees incurred to the designated payment form and acknowledge that periodic Fees may be charged automatically and without separate authorization.\\n\\nContent \\n\\nBy uploading Content, Publisher agrees to and hereby does grant, and does represent and warrant that it has the right to grant, the Company a royalty-free, fully paid up, worldwide license to use the Content solely in connection with the operation and provision of Services that entail the Company’s hosting, streaming or storage of such Content.\\n\\nPublisher is solely responsible for any Content or other material that Publisher posts, uploads, submits or Distributes. The Company may review and delete any Content that violates the terms of this Section. Prohibited Content includes any Content that (i) infringes any copyright, trademark, patent, trade secret, right of publicity or other right of any person or entity, (ii) is unlawful, threatening, abusive, harassing, defamatory, libelous, deceptive, fraudulent, invasive, tortious, obscene, offensive, vulgar, pornographic, profane or is otherwise inappropriate as determined by the Company in its sole discretion, (iii) contains any virus, malicious code, Trojan horse or other program designed, intended or likely to disrupt, damage, limit or interfere with the proper function of any software, hardware or telecommunications equipment or to damage or obtain unauthorized access to any system, data, password or other information of the Company or any person or entity, (iv) encourages illegal activity or (v) falsely suggests or implies sponsorship or endorsement by the Company.\\n\\nPublisher is responsible for taking its own steps to backup its Content and Company recommends routinely archiving your Content. Company disclaims any responsibility for deleted, lost, corrupted or inaccessible Content, regardless whether Company hosts such Content.\\n\\nRestrictions on Use \\n\\nPublisher shall not (i) interfere or attempt to interfere with the proper operation of the Player or any activities conducted through the Player, (ii) use any robot, spider or other device to retrieve, index, scrape, data mine or in any way gather information, Content or other materials from the Player, (iii) decipher, decompile, disassemble, reverse engineer, simulate or derive any source code or algorithms from the Player or use any of the foregoing to create any software or service similar to the Player, (iv) create any derivative work or modification of the Player other than Adaptations permitted by these Terms of Service or (v) license, sublicense, sell, encumber, rent, lease, Distribute, transfer or similarly exploit the Player.\\n\\nRepresentations and Warranties \\n\\nPublisher (respectively User) represents and warrants that (i) if Publisher is an individual, Publisher is at least eighteen (18) years old, (ii) if Publisher is an entity, its consent to these Terms of Service has been duly ratified, (iii) all its Content conforms to the standards set forth in the Section of these Terms of Service titled Content and Restrictions on Use, (iv) all information provided during the registration process is true and accurate, (v) its Adaptations do not infringe the intellectual property rights of any third party and (vi) its Use of the Player is in compliance with all applicable laws and regulations.\\n\\nLimited Product Warranty \\n\\nThe Company warrants that it will provide the Player (except Unpaid Editions) in a manner consistent with general industry standards reasonably applicable to the provision thereof. The Company does not warrant that the Player will be error-free or that any errors in the Player will be corrected.\\n\\nDisclaimer \\n\\nEXCEPT AS OTHERWISE PROVIDED AND TO THE MAXIMUM EXTENT ALLOWED BY LAW, THE PLAYER AND SERVICES ARE PROVIDED ON AN “AS IS” BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, EITHER EXPRESS OR IMPLIED, INCLUDING, WITHOUT LIMITATION, ANY WARRANTIES OR CONDITIONS OF TITLE, NON-INFRINGEMENT OF THIRD PARTY RIGHTS, MERCHANTABILITY OR FITNESS FOR A PARTICULAR PURPOSE. EXCEPT AS OTHERWISE PROVIDED, USE OF THE PLAYER IS AT PUBLISHER’S OWN RISK AND PUBLISHER IS SOLELY RESPONSIBLE FOR DETERMINING THE APPROPRIATENESS OF EXERCISING THE RIGHTS GRANTED UNDER THIS AGREEMENT AND ASSUMES ALL RISKS ASSOCIATED THEREWITH, INCLUDING BUT NOT LIMITED TO THE RISKS AND COSTS OF PROGRAM ERRORS, COMPLIANCE WITH APPLICABLE LAWS, DAMAGE TO OR LOSS OF DATA, PROGRAMS OR EQUIPMENT, SUITABILITY FOR HOSTING AND UNAVAILABILITY OR INTERRUPTION.\\n\\nLimitation of Liability \\n\\nEXCEPT TO THE EXTENT REQUIRED BY APPLICABLE LAW OR TO THE EXTENT THAT ANY EXCLUSION OR LIMITATION OF ITS LIABILITY IS VOID, PROHIBITED OR UNENFORCEABLE, IN NO EVENT SHALL THE COMPANY BE LIABLE ON ANY LEGAL THEORY (A) FOR ANY SPECIAL, INCIDENTAL, CONSEQUENTIAL, PUNITIVE OR EXEMPLARY DAMAGES INCLUDING LOSS OF REVENUE, PROFITS OR GOODWILL, (B) FOR ANY MATTER BEYOND ITS REASONABLE CONTROL, (C) FOR ANY LOSS OR INACCURACY OF DATA, LOSS OR INTERRUPTION OF USER OR COST OF PROCURING SUBSTITUTE TECHNOLOGY OR (D) DIRECT DAMAGES IN EXCESS OF THE TOTAL FEES PAID BY PUBLISHER TO THE COMPANY PURSUANT TO THESE TERMS OF SERVICE, EVEN IF THE COMPANY HAS BEEN ADVISED OF THE POSSIBILITY OF SUCH DAMAGES. THESE LIMITATIONS ARE INDEPENDENT FROM ALL OTHER PROVISIONS OF THIS AGREEMENT AND SHALL APPLY NOTWITHSTANDING THE FAILURE OF ANY REMEDY PROVIDED HEREIN.\\n\\nPublicity \\n\\nCompany shall be permitted to publicly identify Publisher as a user of the Player, including on Company’s websites and marketing materials. Publisher hereby grants Company a non-exclusive, non-transferable, non-sublicensable, royalty-free license during the Term to use Publisher’s name and marks solely for this purpose. Company agrees to state on all materials using Publisher’s marks that such marks are property of Publisher and to include the trademark registration symbol if applicable.\\n\\nIndependent Contractors \\n\\nThe parties hereto are independent contractors and nothing herein constitutes or creates an employer-employee, agency, joint venture or representative relationship between the parties.\\n\\nChoice of Law and Jurisdiction \\n\\nThese Terms of Service shall be governed by and construed in accordance with the laws of the Republic of Poland and specifically excluding from application to this Agreement that law known as the United Nations Convention on Contracts for the International Sale of Goods. Each party irrevocably consents to the exclusive jurisdiction, forum and venue of the court proper to the Company’s registered seat over any and all claims, disputes, controversies or disagreements between the parties or any of their respective subsidiaries, affiliates, successors and assigns under or related to these Terms of Service or the subject matter thereof.\\n\\nComplete Agreement \\n\\nThese Terms of Service constitute the entire agreement between the Company and Publisher with respect to the subject matter hereof and supersedes all prior or contemporaneous understandings or agreements, written or oral, regarding such subject matter.\\n\\nModification \\n\\nThe Company may modify the terms of these Terms of Service in its sole discretion and such modifications shall take effect and be binding on Publisher on the earliest date which they are posted to the Company’s publicly available website or delivered to Publisher via electronic or physical delivery. No one other than the Company has the right to modify these Terms of Service.\\n\\nNo Assignment \\n\\nPublisher may not assign or transfer this agreement to any third party without the Company’s express written consent. Any assignment or transfer made in the absence of such consent shall be void and in the event of such unauthorized assignment or transfer the Company may immediately terminate these Terms of Service.\\n\\nFinal provision \\n\\nThis Terms of Service enter into force on 01.06.2017.\",\"LABEL\":{\"1\":\"I Agree with the \",\"2\":\"Terms and Conditions.\"},\"ERROR\":\"You have to agree to finish your subscription.\"}}}\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./assets/i18n/subscription/pl.json\n// module id = 1557\n// module chunks = 1","\"use strict\";\nObject.defineProperty(exports, \"__esModule\", { value: true });\nvar core_1 = require(\"@angular/core\");\nvar FlashMessagesService = (function () {\n function FlashMessagesService() {\n }\n return FlashMessagesService;\n}());\nFlashMessagesService.decorators = [\n { type: core_1.Injectable },\n];\n/** @nocollapse */\nFlashMessagesService.ctorParameters = function () { return []; };\nexports.FlashMessagesService = FlashMessagesService;\n//# sourceMappingURL=flash-messages.service.js.map\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./node_modules/angular2-flash-messages/module/flash-messages.service.js\n// module id = 177\n// module chunks = 1","import { Injectable } from '@angular/core';\n\n@Injectable()\nexport class CookieService {\n\n\twrite(name: string, value: string | null, days = 90) {\n\t\tlet date = new Date();\n\t\tdate.setTime(date.getTime() + (days * 24 * 60 * 60 * 1000));\n\t\tlet expires = '; expires=' + date.toUTCString();\n\t\tdocument.cookie = name + '=' + value + expires + '; path=/';\n\t}\n\n\tread(name: string) {\n\t\tlet nameEQ = name + '=', ca = document.cookie.split(';');\n\t\tfor (let i = 0; i < ca.length; i++) {\n\t\t\tlet c = ca[i];\n\t\t\twhile (c.charAt(0) == ' ')\n\t\t\t\tc = c.substring(1, c.length);\n\t\t\tif (c.indexOf(nameEQ) == 0)\n\t\t\t\treturn c.substring(nameEQ.length, c.length);\n\t\t}\n\t\treturn null;\n\t}\n\n\terase(name: string) {\n\t\tthis.write(name, '', -1);\n\t}\n}\n\n\n\n// WEBPACK FOOTER //\n// ./node_modules/angular-router-loader/src!./node_modules/angular2-template-loader!./node_modules/string-replace-loader??ref--0-3!./src/service/cookie.service.ts","import {Component, ChangeDetectionStrategy} from '@angular/core';\nimport {DomSanitizer} from '@angular/platform-browser';\nimport {AbstractModalComponent} from './abstract.modal.component';\n\nlet HTML = '
';\n\nlet STYLE = 'alert-modal-component {display: block;margin: auto;color: #fff;font-weight: 200;'\n\t\t\t\t\t+ 'background: #ff281c;max-width: 400px;min-width: 200px;}'\n\t\t\t+ 'alert-modal-component .modal-message { padding: 32px 16px 16px 16px; }';\n\n@Component({\n\tselector: 'alert-modal-component',\n\ttemplate: HTML, styles: [STYLE],\n\tchangeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class AlertModalComponent extends AbstractModalComponent{\n\tconstructor(public sanitizer: DomSanitizer) {\n\t\tsuper();\n\t}\n}\n\n\n\n// WEBPACK FOOTER //\n// ./node_modules/angular-router-loader/src!./node_modules/angular2-template-loader!./node_modules/string-replace-loader??ref--0-3!./src/module/modal/alert.modal.component.ts","/**\n * Simple service to hold the validators used thru the app\n */\nimport { Injectable } from '@angular/core';\n\n@Injectable()\nexport class UrlService {\n\n\tconstructor() {\n\t\t// console.log(' --> NEW URL SERVICE <--');\n\t}\n\n\tapi(url: string): string {\n\t\tlet apiUrl: string = API_URL;\n\t\tif (window && window.bradmaxAdminConfig && window.bradmaxAdminConfig.apiUrl) {\n\t\t\tapiUrl = window.bradmaxAdminConfig.apiUrl;\n\t\t}\n\t\tif (apiUrl.charAt(apiUrl.length - 1) != '/') {\n\t\t\tapiUrl += '/';\n\t\t}\n\t\treturn apiUrl + url;\n\t}\n\n\tfile(url: string): string {\n\n\t\tlet staticFilesBaseUrl = (window && window.bradmaxAdminConfig && window.bradmaxAdminConfig.staticFilesBaseUrl)\n\t\t\t? window.bradmaxAdminConfig.staticFilesBaseUrl : '';\n\t\tlet baseUrl: string = '';\n\t\tif (window && window.bradmaxAdminConfig && window.bradmaxAdminConfig.staticFilesBaseUrl && (url.indexOf('http') != 0)) {\n\t\t\tbaseUrl = window.bradmaxAdminConfig.staticFilesBaseUrl;\n\t\t}\n\t\tif ((baseUrl.length > 0) && (baseUrl.charAt(baseUrl.length - 1) != '/')) {\n\t\t\tbaseUrl += '/';\n\t\t}\n\t\treturn baseUrl + url;\n\t}\n\n\tgetSignUpPage(): string {\n\t\t// Use signInUrl if defined in settings.\n\t\tlet defaultSignInUrl = '//bigsoda.pl:8888/site/en/signup';\n\t\tif (window && window.location && (window.location.href.indexOf('0.0.0.0') > -1)) {\n\t\t\tdefaultSignInUrl = '//localhost:8080/site/en/signup';\n\t\t}\n\t\tconst result = (window && window.bradmaxAdminConfig && window.bradmaxAdminConfig.signInUrl)\n\t\t\t? window.bradmaxAdminConfig.signInUrl : defaultSignInUrl;\n\t\treturn result;\n\t}\n\n\tgetPasswordResetPage(): string {\n\t\t// Use passwordResetUrl if defined in settings.\n\t\tlet defaultUrl = '//bigsoda.pl:8888/site/en/password-reset';\n\t\tif (window && window.location && (window.location.href.indexOf('0.0.0.0') > -1)) {\n\t\t\tdefaultUrl = '//localhost:8080/site/en/password-reset';\n\t\t}\n\t\tconst result = (window && window.bradmaxAdminConfig && window.bradmaxAdminConfig.passwordResetUrl)\n\t\t\t? window.bradmaxAdminConfig.passwordResetUrl : defaultUrl;\n\t\treturn result;\n\t}\n\n\tget termsPage(): string {\n\t\t// Use passwordResetUrl if defined in settings.\n\t\tlet defaultUrl = '//bigsoda.pl:8888/site/en/terms';\n\t\tif (window && window.location && (window.location.href.indexOf('0.0.0.0') > -1)) {\n\t\t\tdefaultUrl = '//localhost:8080/site/en/terms';\n\t\t}\n\t\tconst result = (window && window.bradmaxAdminConfig && window.bradmaxAdminConfig.termsPageUrl)\n\t\t\t? window.bradmaxAdminConfig.termsPageUrl : defaultUrl;\n\t\treturn result;\n\t}\n\n\tget documentationPage(): string {\n\t\tlet defaultUrl = '//bradmax.com/static/player-doc/';\n\t\tconst result = (window && window.bradmaxAdminConfig && window.bradmaxAdminConfig.docsPageUrl)\n\t\t\t? window.bradmaxAdminConfig.docsPageUrl : defaultUrl;\n\t\treturn result;\n\t}\n\n\tget tutorialPage(): string {\n\t\tlet defaultUrl = '//bradmax.com/static/client-panel-doc/how_to_create_your_first_bradmax_player.pdf';\n\t\tconst result = (window && window.bradmaxAdminConfig && window.bradmaxAdminConfig.tutorialPageUrl)\n\t\t\t? window.bradmaxAdminConfig.tutorialPageUrl : defaultUrl;\n\t\treturn result;\n\t}\n\n\tget playersPluginsDocumentationPage(): string {\n\t\tlet defaultUrl = 'https://bradmax.com/static/bradmax-analytics-for-players/latest/doc/';\n\t\tconst result = (window && window.bradmaxAdminConfig && window.bradmaxAdminConfig.docsPageUrl)\n\t\t\t? window.bradmaxAdminConfig.docsPageUrl : defaultUrl;\n\t\treturn result;\n\t}\n}\n\n\n\n// WEBPACK FOOTER //\n// ./node_modules/angular-router-loader/src!./node_modules/angular2-template-loader!./node_modules/string-replace-loader??ref--0-3!./src/service/url.service.ts","import {Component, ChangeDetectionStrategy, ViewChild, ElementRef} from '@angular/core';\nimport {DomSanitizer} from '@angular/platform-browser';\nimport {AbstractModalComponent} from './abstract.modal.component';\nimport {ModalButton} from './modal.model';\n\nlet HTML = ''\n\t+ ''\n\t+ ''\n\t\t+ '{{inputLabel}} '\n\t\t+ '
'\n\t+ ''\n\t\t+ ''\n\t\t\t+ '{{btn.label}} '\n\t\t+ ' '\n\t+ '
'\n+ '';\n\nlet STYLE = `\n\t:host {display: block;margin: auto;font-weight: 200;background: #fff;max-width: 400px;min-width: 200px;}\n\t:host .input-header { padding: 32px 16px 16px 16px; text-align: center; }\n\t:host .input-group {padding: 0 32px 16px 32px;width: 100%;text-align: left;}\n\t:host .input-group label {width: 70px;}\n\t:host .input-group input {width: 200px;}\n\t:host .input-group input:active,:host .input-group input:focus {box-shadow: none;}\n\t:host .input-buttons { padding: 2px 16px 8px 16px; text-align: center; }\n\t:host .input-buttons button {\n\t\tdisplay: inline-block; text-align: center; vertical-align: middle;\n\t\ttouch-action: manipulation; cursor: pointer; background: #FFFFFF;\n\t\tborder: 1px solid transparent; white-space: nowrap; padding: 4px 10px; margin: 2px 6px;\n\t\tfont-size: inherit; line-height: 1em; border-radius: 30px;\n\t\tuser-select: none;\n\t}\n\t:host .input-buttons button:focus {outline: 0;}\n\t:host .input-buttons button:active,\n\t:host .input-buttons button:hover {outline: 0;background: #EFEFEF;border-color: #EFEFEF;}\n\t:host .input-buttons button:active {box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.1);}\n\t:host .input-buttons button i {margin-right: 3px;}\n`;\n\n@Component({\n\tselector: 'input-modal-component',\n\ttemplate: HTML, styles: [STYLE],\n\tchangeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class InputModalComponent extends AbstractModalComponent {\n\t//\n\tvalue: string;\n\t@ViewChild('inputField') input: ElementRef;\n\t//\n\tconstructor(public sanitizer: DomSanitizer) {\n\t\tsuper();\n\t}\n\t//\n\tngOnInit() {\n\t\tif(this.inputDefaultValue) {\n\t\t\tthis.value = this.inputDefaultValue;\n\t\t}\n\t}\n\t//\n\tngAfterViewInit() {\n\t\tif(this.inputDefaultValue) {\n\t\t\tconst input: HTMLInputElement = this.input.nativeElement as HTMLInputElement;\n\t\t\tsetTimeout(() => {\n\t\t\t\tinput.focus();\n\t\t\t\tinput.select();\n\t\t\t}, 0);\n\t\t}\n\t}\n\t//\n\tformatNgClass(btn: ModalButton) {\n\t\tlet classes: { [name: string]: boolean } = {};\n\t\tif (btn.classes != null)\n\t\t\tfor (let i = 0; i < btn.classes.length; i++)\n\t\t\t\tclasses[btn.classes[i]] = true;\n\t\treturn classes;\n\t}\n\t//\n\tonKeyupEnter() {\n\t\tfor(let btn of this.buttons) {\n\t\t\tif (btn.click != null) {\n\t\t\t\tbtn.click(this.value)\n\t\t\t\tthis.close();\n\t\t\t}\n\t\t}\n\t}\n\t//\n\tclick(btn: ModalButton) {\n\t\tif (btn.click != null)\n\t\t\tbtn.click(this.value);\n\t\tif (btn.close && btn.close == true)\n\t\t\tthis.close();\n\t}\n}\n\n\n\n// WEBPACK FOOTER //\n// ./node_modules/angular-router-loader/src!./node_modules/angular2-template-loader!./node_modules/string-replace-loader??ref--0-3!./src/module/modal/input.modal.component.ts","/**\n * Created by mthk on 10/10/16.\n */\nimport { Component, Type } from '@angular/core';\n\nexport enum ModalType {\n\talert,\n\tprompt,\n\tinput,\n\tmodal,\n\taccountDetails,\n\t//contact,\n\tterms,\n\tpasswordChange\n}\n\nexport type ModalButton = {\n\tfa?: string;\n\tlabel?: string;\n\tclasses?: string[];\n\tclick?: (data?: any) => void;\n\tclose?: boolean;\n};\n\nexport type ModalModel = {\n\ttype?: ModalType;\n\tcomponent?: any | null; //Type | null;\n\ttitle?: string | null;\n\thtml?: string | null;\n\tinputLabel?: string | null;\n\tinputDefaultValue?: string | null;\n\tcloseOnBackdropClick?: boolean | null;\n\tbuttons?: ModalButton[],\n\tinputData?: any\n};\n\n\n\n// WEBPACK FOOTER //\n// ./node_modules/angular-router-loader/src!./node_modules/angular2-template-loader!./node_modules/string-replace-loader??ref--0-3!./src/module/modal/modal.model.ts","import { Component, ChangeDetectionStrategy } from '@angular/core';\nimport { AbstractModalComponent } from './abstract.modal.component';\nimport { ModalButton } from './modal.model';\n\nlet HTML = ``;\n\nlet STYLES = ':host {display: block;margin: auto;width: 400px;text-align:center;background:#fff;border-radius-5px;} ' +\n ':host close-modal-button {padding: 5px 5px 0 0;}';\n\n@Component({\n selector: 'password-change-modal',\n template: HTML,\n styles: [STYLES],\n changeDetection: ChangeDetectionStrategy.OnPush\n\n})\nexport class PasswordChangeModalComponent extends AbstractModalComponent {\n constructor() {\n super();\n }\n}\n\n\n\n// WEBPACK FOOTER //\n// ./node_modules/angular-router-loader/src!./node_modules/angular2-template-loader!./node_modules/string-replace-loader??ref--0-3!./src/module/modal/password-change.modal.component.ts","import { ChangeDetectionStrategy, Component } from '@angular/core';\nimport { DomSanitizer } from '@angular/platform-browser';\n\nimport { AbstractModalComponent } from './abstract.modal.component';\nimport { ModalButton } from './modal.model';\n\nlet HTML = ''\n\t+ '
'\n\t+ ''\n\t\t+ ''\n\t\t\t+ '{{btn.label}} '\n\t\t+ ' '\n\t+ '
'\n+ '';\n\nlet STYLE = `\n:host{display: block;margin: auto;font-weight: 400;background: #fff;max-width: 400px;min-width: 200px;}\n:host .prompt-message { padding: 16px 16px 16px 16px; text-align: center; }\n:host .prompt-buttons { padding: 2px 16px 8px 16px; text-align: center; }\n:host .prompt-buttons button {\n display: inline-block;\n text-align: center;\n vertical-align: middle;\n touch-action: manipulation;\n cursor: pointer;\n background: #FFFFFF;\n border: 1px solid transparent;\n white-space: nowrap;\n padding: 4px 10px;\n margin: 2px 6px;\n font-size: inherit;\n line-height: 1em;\n border-radius: 30;\n user-select: none;\n}\n:host .prompt-buttons button:focus {outline: 0;}\n:host .prompt-buttons button:active,\n:host .prompt-buttons button:hover {outline: 0;background: #EFEFEF;border-color: #EFEFEF;}\n:host .prompt-buttons button:active {box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.1);}\n:host .prompt-buttons button i {margin-right: 3px;}\n:host .prompt-message /deep/.color-sample span { display: block; width: 30px; height: 30px; border-radius: 50%; margin: auto; border:1px solid #888; }`;\n\n@Component({\n\tselector: 'prompt-modal-component',\n\ttemplate: HTML, styles: [STYLE],\n\tchangeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class PromptModalComponent extends AbstractModalComponent {\n\t//\n\tconstructor(public sanitizer: DomSanitizer) {\n\t\tsuper();\n\t}\n\t//\n\tformatNgClass(btn: ModalButton) {\n\t\tlet classes: { [name: string]: boolean } = {};\n\t\tif (btn.classes != null)\n\t\t\tfor (let i = 0; i < btn.classes.length; i++)\n\t\t\t\tclasses[btn.classes[i]] = true;\n\t\treturn classes;\n\t}\n\t//\n\tclick(btn: ModalButton) {\n\t\tif (btn.click != null)\n\t\t\tbtn.click();\n\t\tif (btn.close && btn.close == true)\n\t\t\tthis.close();\n\t}\n}\n\n\n\n// WEBPACK FOOTER //\n// ./node_modules/angular-router-loader/src!./node_modules/angular2-template-loader!./node_modules/string-replace-loader??ref--0-3!./src/module/modal/prompt.modal.component.ts","import {Component, ChangeDetectionStrategy} from '@angular/core';\nimport {DomSanitizer} from '@angular/platform-browser';\nimport {AbstractModalComponent} from './abstract.modal.component';\nimport {ModalButton} from './modal.model';\n\nlet HTML = ''\n\t+ '();\n\tprivate routeTree: UrlTree;\n\tprivate routerSubscription: Subscription;\n\n\tconstructor(private element: ElementRef,\n\t\tprivate router: Router,\n\t\tprivate modal: ModalService,\n\t\tprivate cdr: ChangeDetectorRef) { }\n\n\tngOnInit() {\n\t\tthis.routerSubscription = this.router.events.subscribe(() => this.checkRouteTree());\n\t}\n\n\tngOnDestroy() {\n\t\tif (this.routerSubscription) this.routerSubscription.unsubscribe();\n\t}\n\n\tngOnChanges(changes: SimpleChanges) {\n\t\tif (changes.hasOwnProperty('model')) {\n\t\t\tthis.isParent = this.checkIfIsParent(this.model);\n\t\t\tif (this.isParent) {\n\t\t\t\tthis.element.nativeElement.classList.add('has-sub');\n\t\t\t\tthis.checkRouteTree();\n\t\t\t}\n\t\t\tif (this.model.route != null) {\n\t\t\t\tthis.routeTree = this.router.createUrlTree(this.model.route);\n\t\t\t\tthis.checkRouteTree();\n\t\t\t}\n\t\t}\n\t}\n\n\tformatRoute() {\n\t\tif (this.model != null && this.model.route == null)\n\t\t\treturn null;\n\t\treturn ['..', ...this.model.route];\n\t}\n\n\tgetCssClass(): string {\n\t\tif(this.model && this.model.isHiddenWhenNotActive) {\n\t\t\treturn 'hidden-when-not-active';\n\t\t}\n\t\tif(this.model && this.model.isAvailableInDifferentPlan) {\n\t\t\treturn 'available-in-different-plan';\n\t\t}\n\t\treturn '';\n\t}\n\n\tisSubMenuActive(): boolean {\n\t\tif(!this.isParent || !this.model) {\n\t\t\treturn false;\n\t\t}\n\n\t\tif(this.model.isHiddenWhenNotActive && !this.model.active) {\n\t\t\treturn false;\n\t\t}\n\n\t\tif(this.model.collapsed) {\n\t\t\treturn false;\n\t\t}\n\n\t\tlet hasVisibleChild = false;\n\t\tfor(let item of this.model.data) {\n\t\t\tif(!item.isHiddenWhenNotActive || this.isCurrentUrlMatchingWithSegmentPatterns(item.route)) {\n\t\t\t\thasVisibleChild = true;\n\t\t\t}\n\t\t}\n\n\t\treturn hasVisibleChild;\n\t}\n\n\tpublic showInfoAboutAvaliabilityInOtherPlan() {\n\t\t// Google Analytics info\n\t\tlet w: any = window;\n\t\tif(w.gtag) {\n\t\t\tw.gtag('event', 'stats_not_available_click', {});\n\t\t}\n\t\tthis.modal.prompt('Sorry but these statistics are not available in the free plan. Please subscribe to a paid plan or contact us for a demo.', [\n\t\t{\n\t\t\tlabel: 'Show plans', fa: 'shopping-cart', classes: ['test-css-class'],\n\t\t\tclose: true,\n\t\t\tclick: () => {\n\t\t\t\tlet w: any = window;\n\t\t\t\tif(w.gtag) {\n\t\t\t\t\tw.gtag('event', 'stats_not_available_show_plans', {});\n\t\t\t\t}\n\t\t\t\tthis.router.navigate(['admin', 'products']);\n\t\t\t}\n\t\t},\n\t\t{\n\t\t\tlabel: 'Contact with us', fa: 'envelope', classes: ['test-css-class'],\n\t\t\tclose: true,\n\t\t\tclick: () => {\n\t\t\t\tlet w: any = window;\n\t\t\t\tif(w.gtag) {\n\t\t\t\t\tw.gtag('event', 'stats_not_available_contact', {});\n\t\t\t\t}\n\t\t\t\tif(w && w.LeadBooster) {\n\t\t\t\t\tw.LeadBooster.trigger('open');\n\t\t\t\t}\n\t\t\t}\n\t\t},\n\t\t{ label: \"Close\", fa: 'close', classes: ['test-css-class'], close: true }\n\t\t]);\n\t}\n\n\tprivate checkIfIsParent(d: SidebarItem): boolean { return d != null && d.data != null; }\n\n\tprivate checkRouteTree() {\n\t\tlet activate = false;\n\t\tif (this.isParent && this.model.data) {\n\t\t\tactivate = this.model.route && this.router.isActive(this.router.createUrlTree(this.model.route), false);\n\t\t\tthis.model.collapsed = !activate;\n\t\t} else if (this.routeTree != null) {\n\t\t\tactivate = this.isCurrentUrlMatchingWithSegmentPatterns(this.model.route);\n\t\t}\n\t\tif (this.model.active != activate) {\n\t\t\tthis.model.active = activate;\n\t\t\tthis.cdr.markForCheck();\n\t\t}\n\t}\n\n\tprivate isCurrentUrlMatchingWithSegmentPatterns(route: Array): boolean {\n\t\tlet segments = this.router.parseUrl(this.router.url).root.children[PRIMARY_OUTLET].segments;\n\n\t\tif(route.length != segments.length) {\n\t\t\treturn false;\n\t\t}\n\n\t\tfor(let i = 0; i < route.length; i++) {\n\t\t\tlet routeSeg = route[i];\n\t\t\tlet urlSeg = segments[i].path;\n\n\t\t\t// Parameter segment - skip exact matching.\n\t\t\tif(typeof routeSeg === 'string' && routeSeg.charAt(0) === ':') {\n\t\t\t\tcontinue;\n\t\t\t}\n\t\t\tif(routeSeg !== urlSeg) {\n\t\t\t\treturn false;\n\t\t\t}\n\t\t}\n\n\t\treturn true;\n\t}\n}\n\n\n\n// WEBPACK FOOTER //\n// ./node_modules/angular-router-loader/src!./node_modules/angular2-template-loader!./node_modules/string-replace-loader??ref--0-3!./src/module/sidebar/item/sidebar.item.component.ts","import { ChangeDetectionStrategy, ChangeDetectorRef, Component, QueryList, ViewChildren } from '@angular/core';\nimport { LocaleService, Localization, TranslationService } from 'angular-l10n';\n\nimport { UrlService } from './../../service/url.service';\nimport { ViewService } from './../../service/view.service';\nimport { SidebarItem, SidebarModel } from '../../service/sidebar.model';\nimport { SidebarService } from '../../service/sidebar.service';\n\n/**\n * Created by mthk on 24/05/16.\n */\n@Component({\n\tselector: 'sidebar', host: { 'class': 'sidebar', '[class.active]': 'active', '[class.with-header]': '!isAppInIframe' },\n\ttemplate: require('./sidebar.component.html'),\n\tstyles: [require('./sidebar.component.scss')],\n\tchangeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class SidebarComponent extends Localization {\n\n\tactive: boolean;\n\tisAppInIframe: boolean = false;\n\tmodel: SidebarItem[] | null;\n\tname: string | null;\n\tfootMenu: SidebarItem[] = [{\n\t\tname: this.translation.translate('MENU.MAIN.HELP.NAME'),\n\t\ticon: 'fa-question',\n\t\topenIcon: 'fa-question-circle',\n\t\tdata: [\n\t\t\t{\n\t\t\t\tname: this.translation.translate('MENU.MAIN.HELP.DOCS'),\n\t\t\t\texternalUrl: this.url.documentationPage\n\t\t\t},\n\t\t\t{\n\t\t\t\tname: this.translation.translate('MENU.MAIN.HELP.TUTORIAL'),\n\t\t\t\texternalUrl: this.url.tutorialPage\n\t\t\t},\n\t\t\t{\n\t\t\t\tname: this.translation.translate('MENU.MAIN.HELP.PLAYERS_PLUGINS_DOCS'),\n\t\t\t\texternalUrl: this.url.playersPluginsDocumentationPage\n\t\t\t}\n\t\t]\n\t}, {\n\t\tname: this.translation.translate('MENU.MAIN.TERMS_AND_CONDITIONS'),\n\t\ticon: 'fa-balance-scale',\n\t\texternalUrl: this.url.termsPage\n\t}];\n\n\tprivate renderAt: number;\n\n\tconstructor(\n\t\tpublic locale: LocaleService,\n\t\tpublic translation: TranslationService,\n\t\tprivate cdr: ChangeDetectorRef,\n\t\tprivate service: SidebarService,\n\t\tprivate url: UrlService,\n\t\tprivate view: ViewService) {\n\t\tsuper(locale, translation);\n\t\tthis.service.openStream$.subscribe((data: SidebarModel) => this.show(data));\n\t\tthis.service.updateStream$.subscribe(() => this.cdr.markForCheck());\n\t\tthis.service.closeStream$.subscribe(() => this.close());\n\t\tthis.isAppInIframe = this.view.checkIfAppInIframe();\n\t}\n\n\tshow(data: SidebarModel) {\n\t\tif (this.active != true || this.name != data.name || this.renderAt != data.renderAt) {\n\t\t\tthis.active = true;\n\t\t\tthis.name = data.name;\n\t\t\tthis.model = data.items;\n\t\t\tthis.renderAt = data.renderAt;\n\t\t\tthis.cdr.markForCheck();\n\t\t}\n\t}\n\n\tclose() {\n\t\tif (this.active != false) {\n\t\t\tthis.active = false;\n\t\t\tthis.name = null;\n\t\t\tthis.model = null;\n\t\t\tthis.cdr.markForCheck();\n\t\t}\n\t}\n\n\tonCollapse(i: SidebarItem) {\n\t\tif (this.model)\n\t\t\tthis.model.forEach((si: SidebarItem) => si.collapsed = (si.name !== i.name));\n\t\tif (this.footMenu)\n\t\t\tthis.footMenu.forEach((si: SidebarItem) => {\n\t\t\t\tif (si.name === i.name)\n\t\t\t\t\tsi.collapsed = !si.collapsed;\n\t\t\t\telse\n\t\t\t\t\tsi.collapsed = true;\n\t\t\t});\n\t}\n}\n\n\n\n// WEBPACK FOOTER //\n// ./node_modules/angular-router-loader/src!./node_modules/angular2-template-loader!./node_modules/string-replace-loader??ref--0-3!./src/module/sidebar/sidebar.component.ts","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { RouterModule } from '@angular/router';\nimport { LocalizationModule } from 'angular-l10n';\n\nimport { SidebarItemComponent } from './item/sidebar.item.component';\nimport { SidebarComponent } from './sidebar.component';\n\n@NgModule({\n\timports: [RouterModule, CommonModule, LocalizationModule],\n\tdeclarations: [SidebarComponent, SidebarItemComponent],\n\texports: [SidebarComponent]\n})\nexport class SidebarModule { }\n\n\n\n// WEBPACK FOOTER //\n// ./node_modules/angular-router-loader/src!./node_modules/angular2-template-loader!./node_modules/string-replace-loader??ref--0-3!./src/module/sidebar/sidebar.module.ts","/**\n * Created by mthk on 19/07/16.\n */\nimport {Injectable} from '@angular/core';\nimport {Subject} from 'rxjs/Subject';\nimport {Observable} from 'rxjs/Observable';\nimport {HeaderMenuModel} from './header.model';\n\n@Injectable()\nexport class HeaderService {\n\t//\n\tmenuStream$: Observable;\n\tprotected menuSubject = new Subject();\n\tlastMenuData: HeaderMenuModel[];\n\t//\n\tconstructor() {\n\t\tthis.menuStream$ = this.menuSubject.asObservable();\n\t}\n\t//\n\tmenu(data: HeaderMenuModel[]) {\n\t\tthis.lastMenuData = data;\n\t\tthis.menuSubject.next(data);\n\t}\n}\n\n\n\n// WEBPACK FOOTER //\n// ./node_modules/angular-router-loader/src!./node_modules/angular2-template-loader!./node_modules/string-replace-loader??ref--0-3!./src/module/header/header.service.ts","\"use strict\";\nObject.defineProperty(exports, \"__esModule\", { value: true });\nvar codemirror_module_1 = require(\"./codemirror.module\");\nexports.CodemirrorModule = codemirror_module_1.CodemirrorModule;\nvar codemirror_component_1 = require(\"./codemirror.component\");\nexports.CodemirrorComponent = codemirror_component_1.CodemirrorComponent;\n//# sourceMappingURL=index.js.map\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./node_modules/ng2-codemirror/lib/index.js\n// module id = 187\n// module chunks = 1","import { Event as RouterEvent, Router, NavigationStart } from '@angular/router';\nimport { Injectable, Injector } from '@angular/core';\n\nimport { CookieService } from './cookie.service';\nimport { Subscription } from 'rxjs';\n\n// AoT compilation requires a reference to an exported function.\nexport function initBuyCookieService(cookie: BuyCookieService): Function {\n\treturn () => cookie.init();\n}\n\n@Injectable()\nexport class BuyCookieService {\n\n\t/* \n\t\n\tthis cookie is set on player landing page, when user click buy button,\n\t\t\n\t*/\n\n\tpublic url = '/admin/products';\n\tprivate name = 'bradmax-chosen-plan';\n\tprivate value: number | null;\n\tprivate routerSubscription: Subscription;\n\tprivate wasRedirected: Boolean = false;\n\n\tconstructor(private injector: Injector) { }\n\n\tinit() {\n\t\tthis.routerSub = this.injector.get(Router).events.subscribe(e => this.routerInterceptor(e));\n\t}\n\n\tread() {\n\t\tif (this.value == null) {\n\t\t\tvar i: number | null = null;\n\t\t\tvar c = this.injector.get(CookieService).read(this.name);\n\t\t\tif (c != null)\n\t\t\t\ti = parseInt(c);\n\t\t\tif (i != null && !isNaN(i))\n\t\t\t\tthis.value = parseInt(c);\n\t\t}\n\t\treturn this.value;\n\t}\n\n\terase() {\n\t\tif (this.value != null) {\n\t\t\tthis.injector.get(CookieService).erase(this.name);\n\t\t\tthis.value = null;\n\t\t}\n\t}\n\t\n\tprivate routerInterceptor(event: RouterEvent): void {\n\t\tif (event instanceof NavigationStart && this.wasRedirected == false && this.read() != null) {\n\t\t\tthis.wasRedirected = true;\n\t\t\tthis.injector.get(Router).navigate([this.url]);\n\t\t\treturn;\n\t\t}\n\t}\n\n\tprivate set routerSub(s: Subscription) {\n\t\tif (this.routerSubscription != null) this.routerSubscription.unsubscribe();\n\t\tthis.routerSubscription = s;\n\t}\n}\n\n\n\n// WEBPACK FOOTER //\n// ./node_modules/angular-router-loader/src!./node_modules/angular2-template-loader!./node_modules/string-replace-loader??ref--0-3!./src/service/buyCookie.service.ts","/**\n * Created by mthk on 07/10/16.\n */\nimport { InjectionToken } from '@angular/core';\nimport { AppConfigModel } from './app.model';\n\nexport let AppConfig = new InjectionToken('APP_CONFIG');\n\nexport let AppConfigTestData: AppConfigModel = {\n\tgoogleAnalyticsId: 'UA-xxxxxxxx-x',\n\tlivechatLicenseNumber: 1234567,\n\tlanguages: [''],\n\tdefault: {\n\t\tlanguage: '',\n\t\tcountry: ''\n\t},\n\tproviders: []\n};\n\n// Notice: GoogleAnalytics and LiveChat were disabled.\nexport const AppConfigData: AppConfigModel = {\n\tlanguages: ['en'],\n\tdefault: {\n\t\tlanguage: 'en',\n\t\tcountry: 'EN'\n\t},\n\tproviders: [\n\t\t'i18n/login/',\n\t\t'i18n/account/',\n\t\t'i18n/account/subscriptions/',\n\t\t'i18n/account/details/',\n\t\t'i18n/account/invoices/',\n\t\t'i18n/account/payments/',\n\t\t'i18n/analytics/albums/',\n\t\t'i18n/analytics/audience/',\n\t\t'i18n/analytics/content/',\n\t\t'i18n/analytics/dashboard/',\n\t\t'i18n/analytics/geo/',\n\t\t'i18n/analytics/realtime/',\n\t\t'i18n/analytics/info/',\n\t\t'i18n/analytics/technology/',\n\t\t'i18n/analytics/QOS/',\n\t\t'i18n/analytics/heartbeat/',\n\t\t'i18n/analytics/top-content/',\n\t\t'i18n/analytics/st-raport/',\n\t\t'i18n/analytics/sampled-traffic/',\n\t\t'i18n/analytics/tag-service/',\n\t\t'i18n/content/',\n\t\t'i18n/components/',\n\t\t'i18n/player/',\n\t\t'i18n/products/',\n\t\t'i18n/subscription/',\n\t\t'i18n/products/plan-carrousel/',\n\t\t'i18n/password-change/'\n\t]\n};\n\n\n\n// WEBPACK FOOTER //\n// ./node_modules/angular-router-loader/src!./node_modules/angular2-template-loader!./node_modules/string-replace-loader??ref--0-3!./src/app/app.config.ts","import { Injectable } from '@angular/core';\n\nimport { CookieService } from './cookie.service';\nimport { LocalStorageService } from './localstorage.service';\n\n/**\n * Created by mthk on 01/07/16.\n */\n@Injectable()\nexport class AuthService {\n\n\tuser: string | null;\n\tpassword: string | null;\n\n\tget defaultUrl(): string {\n\t\t// TODO: value should be from Config not hard coded\n\t\treturn this.defaultUrlCache || 'analytics/dashboard';\n\t}\n\tset defaultUrl(value: string) {\n\t\tthis.defaultUrlCache = this.sanitizeUrl(value);\n\t}\n\n\tset redirectUrl(value: string | null) {\n\t\tthis.redirectUrlCache = this.sanitizeUrl(value);\n\t}\n\tget redirectUrl(): string | null {\n\t\treturn this.redirectUrlCache;\n\t}\n\n\tget logged(): boolean {\n\t\tthis.isLoggedIn = (this.token != null);\n\t\treturn this.isLoggedIn;\n\t}\n\n\tset token(v: string | null) {\n\t\tthis.user = null;\n\t\tthis.password = null;\n\t\tthis.localStorage.write(this.LOCAL_STORAGE_TOKEN_KEY, v);\n\t}\n\n\tget token(): string | null {\n\t\tlet result = this.localStorage.read(this.LOCAL_STORAGE_TOKEN_KEY);\n\t\t// Back compatibility with token stored in cookie.\n\t\tif(!result) {\n\t\t\tresult = this.cookie.read(this.LOCAL_STORAGE_TOKEN_KEY_OLD);\n\t\t}\n\t\t// Format result. Not empty string or null.\n\t\tresult = result ? result : null;\n\t\treturn result;\n\t}\n\n\tprivate isLoggedIn = false;\n\tprivate redirectUrlCache: string | null;\n\tprivate defaultUrlCache: string | null;\n\tprivate LOCAL_STORAGE_TOKEN_KEY_OLD = 'token';\n\tprivate LOCAL_STORAGE_TOKEN_KEY = 'btoken';\n\n\tconstructor(private localStorage: LocalStorageService, private cookie: CookieService) { }\n\n\tclear() {\n\t\tthis.user = null;\n\t\tthis.password = null;\n\t\tthis.localStorage.erase(this.LOCAL_STORAGE_TOKEN_KEY);\n\t\tthis.cookie.erase(this.LOCAL_STORAGE_TOKEN_KEY_OLD);\n\t}\n\n\tsanitizeUrl(url: string | null): string | null {\n\t\tif (url && url.length > 0 && url.indexOf('/') == 0)\n\t\t\turl = url.substring(1);\n\t\treturn url;\n\t}\n}\n\n\n\n// WEBPACK FOOTER //\n// ./node_modules/angular-router-loader/src!./node_modules/angular2-template-loader!./node_modules/string-replace-loader??ref--0-3!./src/service/auth.service.ts","/**\n * Created by mthk on 04/10/16.\n */\nimport { Injectable } from '@angular/core';\nimport { Observable } from 'rxjs/Observable';\nimport { Subject } from 'rxjs/Subject';\n\n//import { AccountDetailsModal } from './account.details.modal';\nimport { AlertModalComponent } from './alert.modal.component';\n//import { ContactModalComponent } from './contact.modal.component';\nimport { InputModalComponent } from './input.modal.component';\nimport { ModalButton, ModalModel, ModalType } from './modal.model';\nimport { PasswordChangeModalComponent } from './password-change.modal.component';\nimport { PromptModalComponent } from './prompt.modal.component';\nimport { GdprInfoModalComponent } from './gdpr.info.modal.component';\nimport { TermsModalComponent } from './terms.modal.component';\n\n@Injectable()\nexport class ModalService {\n\n\tcreateStream$: Observable;\n\tcloseStream$: Observable;\n\tclosedStream$: Observable;\n\tclosedSource = new Subject();\n\tprivate createSource = new Subject();\n\tprivate closeSource = new Subject();\n\n\tconstructor() {\n\t\tthis.createStream$ = this.createSource.asObservable();\n\t\tthis.closeStream$ = this.closeSource.asObservable();\n\t\tthis.closedStream$ = this.closedSource.asObservable();\n\t}\n\n\talert(html: string) {\n\t\tthis.createSource.next({\n\t\t\ttype: ModalType.alert,\n\t\t\tcloseOnBackdropClick: true,\n\t\t\tcomponent: AlertModalComponent,\n\t\t\thtml: html\n\t\t});\n\t}\n\n\tprompt(html: string, buttons: ModalButton[]) {\n\t\tthis.createSource.next({\n\t\t\ttype: ModalType.prompt,\n\t\t\tcloseOnBackdropClick: true,\n\t\t\tcomponent: PromptModalComponent,\n\t\t\thtml: html,\n\t\t\tbuttons: buttons\n\t\t});\n\t}\n\n\tterms(title: string, html: string, buttons: ModalButton[]) {\n\t\tthis.createSource.next({\n\t\t\ttype: ModalType.prompt,\n\t\t\tcloseOnBackdropClick: true,\n\t\t\tcomponent: TermsModalComponent,\n\t\t\ttitle: title,\n\t\t\thtml: html,\n\t\t\tbuttons: buttons\n\t\t});\n\t}\n\n\tgdprInfo( html: string) {\n\t\tthis.createSource.next({\n\t\t\ttype: ModalType.prompt,\n\t\t\tcloseOnBackdropClick: true,\n\t\t\tcomponent: GdprInfoModalComponent,\n\t\t\thtml: html\n\t\t});\n\t}\n\n\tinput(header: string, label: string, buttons: ModalButton[], inputDefaultValue: string | null = null) {\n\t\tthis.createSource.next({\n\t\t\ttype: ModalType.input,\n\t\t\tcloseOnBackdropClick: true,\n\t\t\tcomponent: InputModalComponent,\n\t\t\thtml: header,\n\t\t\tinputLabel: label,\n\t\t\tinputDefaultValue: inputDefaultValue,\n\t\t\tbuttons: buttons\n\t\t});\n\t}\n\n\tcreate(model: ModalModel) {\n\t\tmodel.type = ModalType.modal;\n\t\tthis.createSource.next(model);\n\t}\n\n//\taccountDetails(buttons?: ModalButton[]) {\n//\t\tthis.createSource.next({\n//\t\t\ttype: ModalType.accountDetails,\n//\t\t\tcloseOnBackdropClick: true,\n//\t\t\tcomponent: AccountDetailsModal,\n//\t\t\tbuttons: buttons\n//\t\t});\n//\t}\n\n//\tcontact(buttons?: ModalButton[], planId?: number) {\n//\t\tthis.createSource.next({\n//\t\t\ttype: ModalType.contact,\n//\t\t\tcloseOnBackdropClick: true,\n//\t\t\tcomponent: ContactModalComponent,\n//\t\t\tbuttons: buttons,\n//\t\t\tinputData: planId\n//\t\t});\n//\t}\n\n\tclose() {\n\t\tthis.closeSource.next(null);\n\t}\n\n\tpasswordChange() {\n\t\tthis.createSource.next({\n\t\t\ttype: ModalType.passwordChange,\n\t\t\tcloseOnBackdropClick: true,\n\t\t\tcomponent: PasswordChangeModalComponent,\n\t\t\tbuttons: [],\n\t\t\tinputData: null\n\t\t});\n\t}\n}\n\n\n\n// WEBPACK FOOTER //\n// ./node_modules/angular-router-loader/src!./node_modules/angular2-template-loader!./node_modules/string-replace-loader??ref--0-3!./src/module/modal/modal.service.ts","var __extends = (this && this.__extends) || (function () {\r\n var extendStatics = Object.setPrototypeOf ||\r\n ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||\r\n function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };\r\n return function (d, b) {\r\n extendStatics(d, b);\r\n function __() { this.constructor = d; }\r\n d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());\r\n };\r\n})();\r\nvar __generator = (this && this.__generator) || function (thisArg, body) {\r\n var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;\r\n return g = { next: verb(0), \"throw\": verb(1), \"return\": verb(2) }, typeof Symbol === \"function\" && (g[Symbol.iterator] = function() { return this; }), g;\r\n function verb(n) { return function (v) { return step([n, v]); }; }\r\n function step(op) {\r\n if (f) throw new TypeError(\"Generator is already executing.\");\r\n while (_) try {\r\n if (f = 1, y && (t = y[op[0] & 2 ? \"return\" : op[0] ? \"throw\" : \"next\"]) && !(t = t.call(y, op[1])).done) return t;\r\n if (y = 0, t) op = [0, t.value];\r\n switch (op[0]) {\r\n case 0: case 1: t = op; break;\r\n case 4: _.label++; return { value: op[1], done: false };\r\n case 5: _.label++; y = op[1]; op = [0]; continue;\r\n case 7: op = _.ops.pop(); _.trys.pop(); continue;\r\n default:\r\n if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }\r\n if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }\r\n if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }\r\n if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }\r\n if (t[2]) _.ops.pop();\r\n _.trys.pop(); continue;\r\n }\r\n op = body.call(thisArg, _);\r\n } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }\r\n if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };\r\n }\r\n};\r\nimport { ChangeDetectorRef, Directive, ElementRef, EventEmitter, Injectable, Injector, Input, NgModule, Output, Pipe, Renderer2, forwardRef } from '@angular/core';\r\nimport { Subject } from 'rxjs/Subject';\r\nimport { Observable } from 'rxjs/Observable';\r\nimport 'rxjs/add/operator/toPromise';\r\nimport 'rxjs/add/observable/merge';\r\nimport { Http } from '@angular/http';\r\nimport 'rxjs/add/operator/map';\r\nimport { CurrencyPipe, DatePipe, DecimalPipe, PercentPipe } from '@angular/common';\r\nimport { NG_VALIDATORS } from '@angular/forms';\r\n/**\r\n * Allows to get the dependencies at the module level or component.\r\n */\r\nvar InjectorRef = (function () {\r\n /**\r\n * @param {?} injector\r\n */\r\n function InjectorRef(injector) {\r\n this.injector = injector;\r\n InjectorRef.injector = this.injector;\r\n }\r\n /**\r\n * @template T\r\n * @param {?} token\r\n * @return {?}\r\n */\r\n InjectorRef.get = function (token) {\r\n return this.injector.get(token);\r\n };\r\n return InjectorRef;\r\n}());\r\nInjectorRef.decorators = [\r\n { type: Injectable },\r\n];\r\n/**\r\n * @nocollapse\r\n */\r\nInjectorRef.ctorParameters = function () { return [\r\n { type: Injector, },\r\n]; };\r\nvar LocaleConfig = (function () {\r\n function LocaleConfig() {\r\n this.languageCodes = [];\r\n this.storageIsDisabled = false;\r\n this.localStorage = false;\r\n this.sessionStorage = false;\r\n }\r\n return LocaleConfig;\r\n}());\r\nLocaleConfig.decorators = [\r\n { type: Injectable },\r\n];\r\n/**\r\n * @nocollapse\r\n */\r\nLocaleConfig.ctorParameters = function () { return []; };\r\nvar LocaleConfigAPI = (function () {\r\n /**\r\n * @param {?} configuration\r\n */\r\n function LocaleConfigAPI(configuration) {\r\n this.configuration = configuration;\r\n }\r\n /**\r\n * @param {?} languageCode\r\n * @param {?=} textDirection\r\n * @return {?}\r\n */\r\n LocaleConfigAPI.prototype.addLanguage = function (languageCode, textDirection) {\r\n if (textDirection === void 0) { textDirection = \"LTR\"; }\r\n this.configuration.languageCodes.push({ code: languageCode, direction: textDirection });\r\n return this;\r\n };\r\n /**\r\n * @param {?} languageCodes\r\n * @return {?}\r\n */\r\n LocaleConfigAPI.prototype.addLanguages = function (languageCodes) {\r\n for (var _i = 0, languageCodes_1 = languageCodes; _i < languageCodes_1.length; _i++) {\r\n var languageCode = languageCodes_1[_i];\r\n this.configuration.languageCodes.push({ code: languageCode, direction: \"ltr\" });\r\n }\r\n return this;\r\n };\r\n /**\r\n * @return {?}\r\n */\r\n LocaleConfigAPI.prototype.disableStorage = function () {\r\n this.configuration.storageIsDisabled = true;\r\n return this;\r\n };\r\n /**\r\n * @param {?=} days\r\n * @return {?}\r\n */\r\n LocaleConfigAPI.prototype.setCookieExpiration = function (days) {\r\n this.configuration.cookiesExpirationDays = days;\r\n return this;\r\n };\r\n /**\r\n * @return {?}\r\n */\r\n LocaleConfigAPI.prototype.useLocalStorage = function () {\r\n this.configuration.localStorage = true;\r\n return this;\r\n };\r\n /**\r\n * @return {?}\r\n */\r\n LocaleConfigAPI.prototype.useSessionStorage = function () {\r\n this.configuration.sessionStorage = true;\r\n return this;\r\n };\r\n /**\r\n * @param {?} languageCode\r\n * @return {?}\r\n */\r\n LocaleConfigAPI.prototype.defineLanguage = function (languageCode) {\r\n this.configuration.languageCode = languageCode;\r\n return this;\r\n };\r\n /**\r\n * @param {?} languageCode\r\n * @param {?} countryCode\r\n * @param {?=} scriptCode\r\n * @param {?=} numberingSystem\r\n * @param {?=} calendar\r\n * @return {?}\r\n */\r\n LocaleConfigAPI.prototype.defineDefaultLocale = function (languageCode, countryCode, scriptCode, numberingSystem, calendar) {\r\n this.configuration.languageCode = languageCode;\r\n this.configuration.countryCode = countryCode;\r\n this.configuration.scriptCode = scriptCode;\r\n this.configuration.numberingSystem = numberingSystem;\r\n this.configuration.calendar = calendar;\r\n return this;\r\n };\r\n /**\r\n * @param {?} currencyCode\r\n * @return {?}\r\n */\r\n LocaleConfigAPI.prototype.defineCurrency = function (currencyCode) {\r\n this.configuration.currencyCode = currencyCode;\r\n return this;\r\n };\r\n return LocaleConfigAPI;\r\n}());\r\nvar __awaiter$1 = (undefined && undefined.__awaiter) || function (thisArg, _arguments, P, generator) {\r\n return new (P || (P = Promise))(function (resolve, reject) {\r\n function fulfilled(value) { try {\r\n step(generator.next(value));\r\n }\r\n catch (e) {\r\n reject(e);\r\n } }\r\n function rejected(value) { try {\r\n step(generator[\"throw\"](value));\r\n }\r\n catch (e) {\r\n reject(e);\r\n } }\r\n function step(result) { result.done ? resolve(result.value) : new P(function (resolve) { resolve(result.value); }).then(fulfilled, rejected); }\r\n step((generator = generator.apply(thisArg, _arguments || [])).next());\r\n });\r\n};\r\n/**\r\n * Implement this class-interface to create a custom storage for default locale & currency.\r\n * @abstract\r\n */\r\nvar LocaleStorage = (function () {\r\n function LocaleStorage() {\r\n }\r\n /**\r\n * This method must contain the logic to read the storage.\r\n \\@param name 'defaultLocale' or 'currency'\r\n \\@return A promise with the value of the given name\r\n * @abstract\r\n * @param {?} name\r\n * @return {?}\r\n */\r\n LocaleStorage.prototype.read = function (name) { };\r\n /**\r\n * This method must contain the logic to write the storage.\r\n \\@param name 'defaultLocale' or 'currency'\r\n \\@param value The value for the given name\r\n * @abstract\r\n * @param {?} name\r\n * @param {?} value\r\n * @return {?}\r\n */\r\n LocaleStorage.prototype.write = function (name, value) { };\r\n return LocaleStorage;\r\n}());\r\nLocaleStorage.decorators = [\r\n { type: Injectable },\r\n];\r\n/**\r\n * @nocollapse\r\n */\r\nLocaleStorage.ctorParameters = function () { return []; };\r\nvar BrowserStorage = (function () {\r\n /**\r\n * @param {?} configuration\r\n */\r\n function BrowserStorage(configuration) {\r\n this.configuration = configuration;\r\n this.hasCookie = typeof navigator !== \"undefined\" && navigator.cookieEnabled;\r\n this.hasStorage = typeof Storage !== \"undefined\";\r\n }\r\n /**\r\n * @param {?} name\r\n * @return {?}\r\n */\r\n BrowserStorage.prototype.read = function (name) {\r\n return __awaiter$1(this, void 0, void 0, function () {\r\n var value;\r\n return __generator(this, function (_a) {\r\n value = null;\r\n if (!this.configuration.storageIsDisabled) {\r\n if (this.configuration.localStorage && this.hasStorage) {\r\n value = this.getLocalStorage(name);\r\n }\r\n else if (this.configuration.sessionStorage && this.hasStorage) {\r\n value = this.getSessionStorage(name);\r\n }\r\n else if (this.hasCookie) {\r\n value = this.getCookie(name);\r\n }\r\n }\r\n return [2 /*return*/, value];\r\n });\r\n });\r\n };\r\n /**\r\n * @param {?} name\r\n * @param {?} value\r\n * @return {?}\r\n */\r\n BrowserStorage.prototype.write = function (name, value) {\r\n return __awaiter$1(this, void 0, void 0, function () {\r\n return __generator(this, function (_a) {\r\n if (!this.configuration.storageIsDisabled) {\r\n if (this.configuration.localStorage && this.hasStorage) {\r\n this.setLocalStorage(name, value);\r\n }\r\n else if (this.configuration.sessionStorage && this.hasStorage) {\r\n this.setSessionStorage(name, value);\r\n }\r\n else if (this.hasCookie) {\r\n this.setCookie(name, value);\r\n }\r\n }\r\n return [2 /*return*/];\r\n });\r\n });\r\n };\r\n /**\r\n * @param {?} name\r\n * @return {?}\r\n */\r\n BrowserStorage.prototype.getLocalStorage = function (name) {\r\n return localStorage.getItem(name);\r\n };\r\n /**\r\n * @param {?} name\r\n * @return {?}\r\n */\r\n BrowserStorage.prototype.getSessionStorage = function (name) {\r\n return sessionStorage.getItem(name);\r\n };\r\n /**\r\n * @param {?} name\r\n * @return {?}\r\n */\r\n BrowserStorage.prototype.getCookie = function (name) {\r\n var /** @type {?} */ result = null;\r\n if (typeof document !== \"undefined\") {\r\n result = new RegExp(\"(?:^|; )\" + encodeURIComponent(name) + \"=([^;]*)\").exec(document.cookie);\r\n }\r\n return result ? result[1] : null;\r\n };\r\n /**\r\n * @param {?} name\r\n * @param {?} value\r\n * @return {?}\r\n */\r\n BrowserStorage.prototype.setLocalStorage = function (name, value) {\r\n localStorage.setItem(name, value);\r\n };\r\n /**\r\n * @param {?} name\r\n * @param {?} value\r\n * @return {?}\r\n */\r\n BrowserStorage.prototype.setSessionStorage = function (name, value) {\r\n sessionStorage.setItem(name, value);\r\n };\r\n /**\r\n * @param {?} name\r\n * @param {?} value\r\n * @return {?}\r\n */\r\n BrowserStorage.prototype.setCookie = function (name, value) {\r\n var /** @type {?} */ expires = \"\";\r\n if (this.configuration.cookiesExpirationDays != null) {\r\n var /** @type {?} */ expirationDate = new Date();\r\n expirationDate.setTime(expirationDate.getTime() +\r\n (this.configuration.cookiesExpirationDays * 24 * 60 * 60 * 1000));\r\n expires = \"; expires=\" + expirationDate.toUTCString();\r\n }\r\n if (typeof document !== \"undefined\") {\r\n document.cookie = name + \"=\" + value + expires + \"; path=/\";\r\n }\r\n };\r\n return BrowserStorage;\r\n}());\r\nBrowserStorage.decorators = [\r\n { type: Injectable },\r\n];\r\n/**\r\n * @nocollapse\r\n */\r\nBrowserStorage.ctorParameters = function () { return [\r\n { type: LocaleConfig, },\r\n]; };\r\nvar DefaultLocale = (function () {\r\n function DefaultLocale() {\r\n }\r\n Object.defineProperty(DefaultLocale.prototype, \"value\", {\r\n /**\r\n * @return {?}\r\n */\r\n get: function () {\r\n return this._value;\r\n },\r\n /**\r\n * @param {?} defaultLocale\r\n * @return {?}\r\n */\r\n set: function (defaultLocale) {\r\n this._value = defaultLocale;\r\n this.parseValue();\r\n },\r\n enumerable: true,\r\n configurable: true\r\n });\r\n /**\r\n * @param {?} languageCode\r\n * @param {?=} countryCode\r\n * @param {?=} scriptCode\r\n * @param {?=} numberingSystem\r\n * @param {?=} calendar\r\n * @return {?}\r\n */\r\n DefaultLocale.prototype.build = function (languageCode, countryCode, scriptCode, numberingSystem, calendar) {\r\n this.languageCode = languageCode;\r\n this.scriptCode = scriptCode;\r\n this.countryCode = countryCode;\r\n this.numberingSystem = numberingSystem;\r\n this.calendar = calendar;\r\n var /** @type {?} */ value = [];\r\n value.push(languageCode);\r\n value.push(!!scriptCode ? \"-\" + scriptCode : \"\");\r\n value.push(!!countryCode ? \"-\" + countryCode : \"\");\r\n // Adds the 'u' (Unicode) extension.\r\n value.push((!!numberingSystem || !!calendar) ? \"-u\" : \"\");\r\n value.push(!!numberingSystem ? \"-nu-\" + numberingSystem : \"\");\r\n value.push(!!calendar ? \"-ca-\" + calendar : \"\");\r\n this._value = value.join(\"\");\r\n };\r\n /**\r\n * @return {?}\r\n */\r\n DefaultLocale.prototype.parseValue = function () {\r\n if (!!this.value) {\r\n var /** @type {?} */ value = this.value;\r\n // Looks for the 'u' (Unicode) extension.\r\n var /** @type {?} */ index = value.search(\"-u\");\r\n if (index != -1) {\r\n var /** @type {?} */ extensions = value.substring(index + 1).split(\"-\");\r\n switch (extensions.length) {\r\n case 3:\r\n if (extensions[1] == \"nu\") {\r\n this.numberingSystem = extensions[2];\r\n }\r\n else if (extensions[1] == \"ca\") {\r\n this.calendar = extensions[2];\r\n }\r\n break;\r\n default:\r\n this.numberingSystem = extensions[2];\r\n this.calendar = extensions[4];\r\n break;\r\n }\r\n // Extracts the codes.\r\n value = value.substring(0, index);\r\n }\r\n var /** @type {?} */ codes = value.split(\"-\");\r\n switch (codes.length) {\r\n case 1:\r\n this.languageCode = codes[0];\r\n break;\r\n case 2:\r\n this.languageCode = codes[0];\r\n this.countryCode = codes[1];\r\n break;\r\n default:\r\n this.languageCode = codes[0];\r\n this.scriptCode = codes[1];\r\n this.countryCode = codes[2];\r\n break;\r\n }\r\n }\r\n };\r\n return DefaultLocale;\r\n}());\r\nvar __awaiter = (undefined && undefined.__awaiter) || function (thisArg, _arguments, P, generator) {\r\n return new (P || (P = Promise))(function (resolve, reject) {\r\n function fulfilled(value) { try {\r\n step(generator.next(value));\r\n }\r\n catch (e) {\r\n reject(e);\r\n } }\r\n function rejected(value) { try {\r\n step(generator[\"throw\"](value));\r\n }\r\n catch (e) {\r\n reject(e);\r\n } }\r\n function step(result) { result.done ? resolve(result.value) : new P(function (resolve) { resolve(result.value); }).then(fulfilled, rejected); }\r\n step((generator = generator.apply(thisArg, _arguments || [])).next());\r\n });\r\n};\r\nvar LocaleService = (function () {\r\n /**\r\n * @param {?} configuration\r\n * @param {?} storage\r\n */\r\n function LocaleService(configuration, storage) {\r\n this.configuration = configuration;\r\n this.storage = storage;\r\n this.languageCodeChanged = new EventEmitter(true);\r\n this.defaultLocaleChanged = new EventEmitter(true);\r\n this.currencyCodeChanged = new EventEmitter(true);\r\n this.loadTranslation = new Subject();\r\n this.defaultLocale = new DefaultLocale();\r\n }\r\n /**\r\n * @return {?}\r\n */\r\n LocaleService.prototype.addConfiguration = function () {\r\n return new LocaleConfigAPI(this.configuration);\r\n };\r\n /**\r\n * @return {?}\r\n */\r\n LocaleService.prototype.getConfiguration = function () {\r\n return this.configuration;\r\n };\r\n /**\r\n * @return {?}\r\n */\r\n LocaleService.prototype.init = function () {\r\n return __awaiter(this, void 0, void 0, function () {\r\n return __generator(this, function (_a) {\r\n switch (_a.label) {\r\n case 0: return [4 /*yield*/, this.initStorage()];\r\n case 1:\r\n _a.sent();\r\n if (!!this.configuration.languageCode && !!this.configuration.countryCode) {\r\n this.initDefaultLocale();\r\n }\r\n else if (!!this.configuration.languageCode) {\r\n this.initLanguage();\r\n }\r\n if (!!this.configuration.currencyCode) {\r\n this.initCurrency();\r\n }\r\n return [2 /*return*/];\r\n }\r\n });\r\n });\r\n };\r\n /**\r\n * @return {?}\r\n */\r\n LocaleService.prototype.getAvailableLanguages = function () {\r\n return this.configuration.languageCodes.map(function (language) { return language.code; });\r\n };\r\n /**\r\n * @param {?=} languageCode\r\n * @return {?}\r\n */\r\n LocaleService.prototype.getLanguageDirection = function (languageCode) {\r\n if (languageCode === void 0) { languageCode = this.defaultLocale.languageCode; }\r\n var /** @type {?} */ matchedLanguages = this.matchLanguage(languageCode);\r\n return matchedLanguages[0].direction;\r\n };\r\n /**\r\n * @return {?}\r\n */\r\n LocaleService.prototype.getCurrentLanguage = function () {\r\n return this.defaultLocale.languageCode;\r\n };\r\n /**\r\n * @return {?}\r\n */\r\n LocaleService.prototype.getCurrentCountry = function () {\r\n if (!!this.defaultLocale.countryCode) {\r\n return this.defaultLocale.countryCode;\r\n }\r\n return \"\";\r\n };\r\n /**\r\n * @return {?}\r\n */\r\n LocaleService.prototype.getCurrentScript = function () {\r\n if (!!this.defaultLocale.scriptCode) {\r\n return this.defaultLocale.scriptCode;\r\n }\r\n return \"\";\r\n };\r\n /**\r\n * @return {?}\r\n */\r\n LocaleService.prototype.getCurrentLocale = function () {\r\n var /** @type {?} */ locale = !!this.defaultLocale.countryCode\r\n ? this.defaultLocale.languageCode + \"-\" + this.defaultLocale.countryCode\r\n : this.defaultLocale.languageCode;\r\n return locale;\r\n };\r\n /**\r\n * @return {?}\r\n */\r\n LocaleService.prototype.getCurrentNumberingSystem = function () {\r\n if (!!this.defaultLocale.numberingSystem) {\r\n return this.defaultLocale.numberingSystem;\r\n }\r\n return \"\";\r\n };\r\n /**\r\n * @return {?}\r\n */\r\n LocaleService.prototype.getCurrentCalendar = function () {\r\n if (!!this.defaultLocale.calendar) {\r\n return this.defaultLocale.calendar;\r\n }\r\n return \"\";\r\n };\r\n /**\r\n * @return {?}\r\n */\r\n LocaleService.prototype.getDefaultLocale = function () {\r\n return this.defaultLocale.value;\r\n };\r\n /**\r\n * @return {?}\r\n */\r\n LocaleService.prototype.getCurrentCurrency = function () {\r\n return this.currencyCode;\r\n };\r\n /**\r\n * @param {?} languageCode\r\n * @return {?}\r\n */\r\n LocaleService.prototype.setCurrentLanguage = function (languageCode) {\r\n if (this.defaultLocale.languageCode != languageCode) {\r\n this.defaultLocale.build(languageCode);\r\n this.storage.write(\"defaultLocale\", this.defaultLocale.value);\r\n this.sendLanguageEvents();\r\n this.sendTranslationEvents();\r\n }\r\n };\r\n /**\r\n * @param {?} languageCode\r\n * @param {?} countryCode\r\n * @param {?=} scriptCode\r\n * @param {?=} numberingSystem\r\n * @param {?=} calendar\r\n * @return {?}\r\n */\r\n LocaleService.prototype.setDefaultLocale = function (languageCode, countryCode, scriptCode, numberingSystem, calendar) {\r\n if (this.defaultLocale.languageCode != languageCode ||\r\n this.defaultLocale.countryCode != countryCode ||\r\n this.defaultLocale.scriptCode != scriptCode ||\r\n this.defaultLocale.numberingSystem != numberingSystem ||\r\n this.defaultLocale.calendar != calendar) {\r\n this.defaultLocale.build(languageCode, countryCode, scriptCode, numberingSystem, calendar);\r\n this.storage.write(\"defaultLocale\", this.defaultLocale.value);\r\n this.sendDefaultLocaleEvents();\r\n this.sendTranslationEvents();\r\n }\r\n };\r\n /**\r\n * @param {?} currencyCode\r\n * @return {?}\r\n */\r\n LocaleService.prototype.setCurrentCurrency = function (currencyCode) {\r\n if (this.currencyCode != currencyCode) {\r\n this.currencyCode = currencyCode;\r\n this.storage.write(\"currency\", this.currencyCode);\r\n this.sendCurrencyEvents();\r\n }\r\n };\r\n /**\r\n * @return {?}\r\n */\r\n LocaleService.prototype.initStorage = function () {\r\n return __awaiter(this, void 0, void 0, function () {\r\n var defaultLocale, currencyCode;\r\n return __generator(this, function (_a) {\r\n switch (_a.label) {\r\n case 0:\r\n if (!!this.defaultLocale.value) return [3 /*break*/, 2];\r\n return [4 /*yield*/, this.storage.read(\"defaultLocale\")];\r\n case 1:\r\n defaultLocale = _a.sent();\r\n if (!!defaultLocale) {\r\n this.defaultLocale.value = defaultLocale;\r\n }\r\n _a.label = 2;\r\n case 2:\r\n if (!(this.currencyCode == null)) return [3 /*break*/, 4];\r\n return [4 /*yield*/, this.storage.read(\"currency\")];\r\n case 3:\r\n currencyCode = _a.sent();\r\n if (!!currencyCode) {\r\n this.currencyCode = currencyCode;\r\n }\r\n _a.label = 4;\r\n case 4: return [2 /*return*/];\r\n }\r\n });\r\n });\r\n };\r\n /**\r\n * @return {?}\r\n */\r\n LocaleService.prototype.initLanguage = function () {\r\n if (!this.defaultLocale.languageCode) {\r\n var /** @type {?} */ browserLanguage = this.getBrowserLanguage();\r\n var /** @type {?} */ matchedLanguages = [];\r\n if (!!browserLanguage) {\r\n matchedLanguages = this.matchLanguage(browserLanguage);\r\n }\r\n if (!!browserLanguage && matchedLanguages.length > 0) {\r\n this.defaultLocale.build(browserLanguage);\r\n }\r\n else {\r\n this.defaultLocale.build(this.configuration.languageCode);\r\n }\r\n this.storage.write(\"defaultLocale\", this.defaultLocale.value);\r\n }\r\n this.sendLanguageEvents();\r\n };\r\n /**\r\n * @return {?}\r\n */\r\n LocaleService.prototype.initDefaultLocale = function () {\r\n if (!this.defaultLocale.value) {\r\n this.defaultLocale.build(this.configuration.languageCode, this.configuration.countryCode, this.configuration.scriptCode, this.configuration.numberingSystem, this.configuration.calendar);\r\n this.storage.write(\"defaultLocale\", this.defaultLocale.value);\r\n }\r\n this.sendDefaultLocaleEvents();\r\n };\r\n /**\r\n * @return {?}\r\n */\r\n LocaleService.prototype.initCurrency = function () {\r\n if (this.currencyCode == null) {\r\n this.currencyCode = this.configuration.currencyCode;\r\n this.storage.write(\"currency\", this.currencyCode);\r\n }\r\n this.sendCurrencyEvents();\r\n };\r\n /**\r\n * @return {?}\r\n */\r\n LocaleService.prototype.getBrowserLanguage = function () {\r\n var /** @type {?} */ browserLanguage = null;\r\n if (typeof navigator !== \"undefined\" && navigator.language) {\r\n browserLanguage = navigator.language;\r\n }\r\n if (browserLanguage != null) {\r\n var /** @type {?} */ index = browserLanguage.indexOf(\"-\");\r\n if (index != -1) {\r\n browserLanguage = browserLanguage.substring(0, index);\r\n }\r\n }\r\n return browserLanguage;\r\n };\r\n /**\r\n * @param {?} languageCode\r\n * @return {?}\r\n */\r\n LocaleService.prototype.matchLanguage = function (languageCode) {\r\n var /** @type {?} */ matchedLanguages = this.configuration.languageCodes.filter(function (language) {\r\n return language.code == languageCode;\r\n });\r\n return matchedLanguages;\r\n };\r\n /**\r\n * @return {?}\r\n */\r\n LocaleService.prototype.sendLanguageEvents = function () {\r\n this.languageCodeChanged.emit(this.defaultLocale.languageCode);\r\n };\r\n /**\r\n * @return {?}\r\n */\r\n LocaleService.prototype.sendDefaultLocaleEvents = function () {\r\n this.defaultLocaleChanged.emit(this.defaultLocale.value);\r\n };\r\n /**\r\n * @return {?}\r\n */\r\n LocaleService.prototype.sendCurrencyEvents = function () {\r\n this.currencyCodeChanged.emit(this.currencyCode);\r\n };\r\n /**\r\n * @return {?}\r\n */\r\n LocaleService.prototype.sendTranslationEvents = function () {\r\n // This event is subscribed by TranslationService to load the translation data.\r\n this.loadTranslation.next();\r\n };\r\n return LocaleService;\r\n}());\r\nLocaleService.decorators = [\r\n { type: Injectable },\r\n];\r\n/**\r\n * @nocollapse\r\n */\r\nLocaleService.ctorParameters = function () { return [\r\n { type: LocaleConfig, },\r\n { type: LocaleStorage, },\r\n]; };\r\nLocaleService.propDecorators = {\r\n 'languageCodeChanged': [{ type: Output },],\r\n 'defaultLocaleChanged': [{ type: Output },],\r\n 'currencyCodeChanged': [{ type: Output },],\r\n};\r\nvar TranslationConfig = (function () {\r\n function TranslationConfig() {\r\n this.translationData = {};\r\n this.providers = [];\r\n this.localeAsLanguage = false;\r\n this.keySeparator = \".\";\r\n this.i18nPlural = true;\r\n }\r\n return TranslationConfig;\r\n}());\r\nTranslationConfig.decorators = [\r\n { type: Injectable },\r\n];\r\n/**\r\n * @nocollapse\r\n */\r\nTranslationConfig.ctorParameters = function () { return []; };\r\n/**\r\n * Provides the methods to check if Intl APIs are supported.\r\n */\r\nvar IntlAPI = (function () {\r\n function IntlAPI() {\r\n }\r\n /**\r\n * @return {?}\r\n */\r\n IntlAPI.hasDateTimeFormat = function () {\r\n return this.hasIntl && Intl.hasOwnProperty(\"DateTimeFormat\");\r\n };\r\n /**\r\n * @return {?}\r\n */\r\n IntlAPI.hasNumberFormat = function () {\r\n return this.hasIntl && Intl.hasOwnProperty(\"NumberFormat\");\r\n };\r\n /**\r\n * @return {?}\r\n */\r\n IntlAPI.hasCollator = function () {\r\n return this.hasIntl && Intl.hasOwnProperty(\"Collator\");\r\n };\r\n return IntlAPI;\r\n}());\r\nIntlAPI.hasIntl = typeof Intl === \"object\" && !!Intl;\r\nvar TranslationConfigAPI = (function () {\r\n /**\r\n * @param {?} configuration\r\n */\r\n function TranslationConfigAPI(configuration) {\r\n this.configuration = configuration;\r\n }\r\n /**\r\n * @param {?} languageCode\r\n * @param {?} translation\r\n * @return {?}\r\n */\r\n TranslationConfigAPI.prototype.addTranslation = function (languageCode, translation) {\r\n this.configuration.translationData[languageCode] =\r\n typeof this.configuration.translationData[languageCode] !== \"undefined\"\r\n ? Object.assign({}, this.configuration.translationData[languageCode], translation) : translation;\r\n return this;\r\n };\r\n /**\r\n * @param {?} prefix\r\n * @param {?=} dataFormat\r\n * @return {?}\r\n */\r\n TranslationConfigAPI.prototype.addProvider = function (prefix, dataFormat) {\r\n if (dataFormat === void 0) { dataFormat = \"json\"; }\r\n this.configuration.providers.push({ args: { type: \"Static\", prefix: prefix, dataFormat: dataFormat } });\r\n return this;\r\n };\r\n /**\r\n * @param {?} path\r\n * @param {?=} dataFormat\r\n * @return {?}\r\n */\r\n TranslationConfigAPI.prototype.addWebAPIProvider = function (path, dataFormat) {\r\n if (dataFormat === void 0) { dataFormat = \"json\"; }\r\n this.configuration.providers.push({ args: { type: \"WebAPI\", path: path, dataFormat: dataFormat } });\r\n return this;\r\n };\r\n /**\r\n * @param {?=} args\r\n * @return {?}\r\n */\r\n TranslationConfigAPI.prototype.addCustomProvider = function (args) {\r\n this.configuration.providers.push({ args: args });\r\n return this;\r\n };\r\n /**\r\n * @return {?}\r\n */\r\n TranslationConfigAPI.prototype.useLocaleAsLanguage = function () {\r\n this.configuration.localeAsLanguage = true;\r\n return this;\r\n };\r\n /**\r\n * @param {?} value\r\n * @return {?}\r\n */\r\n TranslationConfigAPI.prototype.setMissingValue = function (value) {\r\n this.configuration.missingValue = value;\r\n return this;\r\n };\r\n /**\r\n * @param {?} key\r\n * @return {?}\r\n */\r\n TranslationConfigAPI.prototype.setMissingKey = function (key) {\r\n this.configuration.missingKey = key;\r\n return this;\r\n };\r\n /**\r\n * @param {?} keySeparator\r\n * @return {?}\r\n */\r\n TranslationConfigAPI.prototype.setComposedKeySeparator = function (keySeparator) {\r\n this.configuration.keySeparator = keySeparator;\r\n return this;\r\n };\r\n /**\r\n * @return {?}\r\n */\r\n TranslationConfigAPI.prototype.disableI18nPlural = function () {\r\n this.configuration.i18nPlural = false;\r\n return this;\r\n };\r\n return TranslationConfigAPI;\r\n}());\r\n/**\r\n * Implement this class-interface to create a custom provider for translation data.\r\n * @abstract\r\n */\r\nvar TranslationProvider = (function () {\r\n function TranslationProvider() {\r\n }\r\n /**\r\n * This method must contain the logic of data access.\r\n \\@param language The current language\r\n \\@param args The parameter of addCustomProvider method\r\n \\@return An observable of an object of translation data: {key: value}\r\n * @abstract\r\n * @param {?} language\r\n * @param {?} args\r\n * @return {?}\r\n */\r\n TranslationProvider.prototype.getTranslation = function (language, args) { };\r\n return TranslationProvider;\r\n}());\r\nTranslationProvider.decorators = [\r\n { type: Injectable },\r\n];\r\n/**\r\n * @nocollapse\r\n */\r\nTranslationProvider.ctorParameters = function () { return []; };\r\nvar HttpTranslationProvider = (function () {\r\n /**\r\n * @param {?} http\r\n */\r\n function HttpTranslationProvider(http) {\r\n this.http = http;\r\n }\r\n /**\r\n * @param {?} language\r\n * @param {?} args\r\n * @return {?}\r\n */\r\n HttpTranslationProvider.prototype.getTranslation = function (language, args) {\r\n var /** @type {?} */ url = \"\";\r\n switch (args.type) {\r\n case \"WebAPI\":\r\n url += args.path + language;\r\n break;\r\n default:\r\n url += args.prefix + language + \".\" + args.dataFormat;\r\n }\r\n return this.http.get(url)\r\n .map(function (res) { return res.json(); });\r\n };\r\n return HttpTranslationProvider;\r\n}());\r\nHttpTranslationProvider.decorators = [\r\n { type: Injectable },\r\n];\r\n/**\r\n * @nocollapse\r\n */\r\nHttpTranslationProvider.ctorParameters = function () { return [\r\n { type: Http, },\r\n]; };\r\n/**\r\n * Implement this class-interface to create a custom handler for translated values.\r\n * @abstract\r\n */\r\nvar TranslationHandler = (function () {\r\n function TranslationHandler() {\r\n }\r\n /**\r\n * This method must contain the logic to parse the translated value.\r\n \\@param path The path of the key\r\n \\@param key The key that has been requested\r\n \\@param value The translated value\r\n \\@param args The parameters passed along with the key\r\n \\@param lang The current language\r\n \\@return The parsed value\r\n * @abstract\r\n * @param {?} path\r\n * @param {?} key\r\n * @param {?} value\r\n * @param {?} args\r\n * @param {?} lang\r\n * @return {?}\r\n */\r\n TranslationHandler.prototype.parseValue = function (path, key, value, args, lang) { };\r\n return TranslationHandler;\r\n}());\r\nTranslationHandler.decorators = [\r\n { type: Injectable },\r\n];\r\n/**\r\n * @nocollapse\r\n */\r\nTranslationHandler.ctorParameters = function () { return []; };\r\nvar DefaultTranslationHandler = (function () {\r\n /**\r\n * @param {?} configuration\r\n */\r\n function DefaultTranslationHandler(configuration) {\r\n this.configuration = configuration;\r\n }\r\n /**\r\n * @param {?} path\r\n * @param {?} key\r\n * @param {?} value\r\n * @param {?} args\r\n * @param {?} lang\r\n * @return {?}\r\n */\r\n DefaultTranslationHandler.prototype.parseValue = function (path, key, value, args, lang) {\r\n if (value == null) {\r\n return this.handleMissingValue(path);\r\n }\r\n else if (args) {\r\n return this.handleArgs(value, args);\r\n }\r\n return value;\r\n };\r\n /**\r\n * @param {?} path\r\n * @return {?}\r\n */\r\n DefaultTranslationHandler.prototype.handleMissingValue = function (path) {\r\n if (this.configuration.missingValue != null) {\r\n return this.configuration.missingValue;\r\n }\r\n // The same path is returned.\r\n return path;\r\n };\r\n /**\r\n * @param {?} value\r\n * @param {?} args\r\n * @return {?}\r\n */\r\n DefaultTranslationHandler.prototype.handleArgs = function (value, args) {\r\n var /** @type {?} */ TEMPLATE_REGEXP = /{{\\s?([^{}\\s]*)\\s?}}/g;\r\n return value.replace(TEMPLATE_REGEXP, function (substring, parsedKey) {\r\n var /** @type {?} */ replacer = (args[parsedKey]);\r\n return typeof replacer !== \"undefined\" ? replacer : substring;\r\n });\r\n };\r\n return DefaultTranslationHandler;\r\n}());\r\nDefaultTranslationHandler.decorators = [\r\n { type: Injectable },\r\n];\r\n/**\r\n * @nocollapse\r\n */\r\nDefaultTranslationHandler.ctorParameters = function () { return [\r\n { type: TranslationConfig, },\r\n]; };\r\nvar LoadingMode = {};\r\nLoadingMode.Direct = 0;\r\nLoadingMode.Async = 1;\r\nLoadingMode[LoadingMode.Direct] = \"Direct\";\r\nLoadingMode[LoadingMode.Async] = \"Async\";\r\nvar ServiceState = {};\r\nServiceState.isReady = 0;\r\nServiceState.isLoading = 1;\r\nServiceState.isWaiting = 2;\r\nServiceState[ServiceState.isReady] = \"isReady\";\r\nServiceState[ServiceState.isLoading] = \"isLoading\";\r\nServiceState[ServiceState.isWaiting] = \"isWaiting\";\r\nvar __awaiter$2 = (undefined && undefined.__awaiter) || function (thisArg, _arguments, P, generator) {\r\n return new (P || (P = Promise))(function (resolve, reject) {\r\n function fulfilled(value) { try {\r\n step(generator.next(value));\r\n }\r\n catch (e) {\r\n reject(e);\r\n } }\r\n function rejected(value) { try {\r\n step(generator[\"throw\"](value));\r\n }\r\n catch (e) {\r\n reject(e);\r\n } }\r\n function step(result) { result.done ? resolve(result.value) : new P(function (resolve) { resolve(result.value); }).then(fulfilled, rejected); }\r\n step((generator = generator.apply(thisArg, _arguments || [])).next());\r\n });\r\n};\r\nvar TranslationService = (function () {\r\n /**\r\n * @param {?} locale\r\n * @param {?} configuration\r\n * @param {?} translationProvider\r\n * @param {?} translationHandler\r\n */\r\n function TranslationService(locale, configuration, translationProvider, translationHandler) {\r\n this.locale = locale;\r\n this.configuration = configuration;\r\n this.translationProvider = translationProvider;\r\n this.translationHandler = translationHandler;\r\n this.translationChanged = new EventEmitter(true);\r\n this.translationError = new EventEmitter(true);\r\n /**\r\n * The translation data: {language: {key: value}}.\r\n */\r\n this.translationData = {};\r\n this.serviceState = ServiceState.isWaiting;\r\n }\r\n /**\r\n * @return {?}\r\n */\r\n TranslationService.prototype.addConfiguration = function () {\r\n return new TranslationConfigAPI(this.configuration);\r\n };\r\n /**\r\n * @return {?}\r\n */\r\n TranslationService.prototype.getConfiguration = function () {\r\n return this.configuration;\r\n };\r\n /**\r\n * @return {?}\r\n */\r\n TranslationService.prototype.init = function () {\r\n return __awaiter$2(this, void 0, void 0, function () {\r\n var _this = this;\r\n return __generator(this, function (_a) {\r\n switch (_a.label) {\r\n case 0: \r\n // Waiting for LocaleService initialization.\r\n return [4 /*yield*/, this.locale.init()];\r\n case 1:\r\n // Waiting for LocaleService initialization.\r\n _a.sent();\r\n if (this.configuration.providers.length > 0) {\r\n this.loadingMode = LoadingMode.Async;\r\n }\r\n else {\r\n this.loadingMode = LoadingMode.Direct;\r\n }\r\n // When the language changes, loads translation data.\r\n this.locale.loadTranslation.subscribe(function () { _this.loadTranslation(); });\r\n return [4 /*yield*/, this.loadTranslation()];\r\n case 2:\r\n _a.sent();\r\n return [2 /*return*/];\r\n }\r\n });\r\n });\r\n };\r\n /**\r\n * @return {?}\r\n */\r\n TranslationService.prototype.getLanguage = function () {\r\n return this.language;\r\n };\r\n /**\r\n * @param {?} keys\r\n * @param {?=} args\r\n * @param {?=} lang\r\n * @return {?}\r\n */\r\n TranslationService.prototype.translate = function (keys, args, lang) {\r\n if (args === void 0) { args = null; }\r\n if (lang === void 0) { lang = this.language; }\r\n // If the service is not ready, returns the keys.\r\n if (this.serviceState != ServiceState.isReady)\r\n return keys;\r\n if (Array.isArray(keys)) {\r\n var /** @type {?} */ data = {};\r\n for (var _i = 0, keys_1 = keys; _i < keys_1.length; _i++) {\r\n var key = keys_1[_i];\r\n data[key] = this.translateKey(key, args, lang);\r\n }\r\n return data;\r\n }\r\n return this.translateKey(keys, args, lang);\r\n };\r\n /**\r\n * @param {?} keys\r\n * @param {?=} args\r\n * @param {?=} lang\r\n * @return {?}\r\n */\r\n TranslationService.prototype.translateAsync = function (keys, args, lang) {\r\n var _this = this;\r\n if (lang === void 0) { lang = this.language; }\r\n return Observable.create(function (observer) {\r\n var /** @type {?} */ values = _this.translate(keys, args, lang);\r\n observer.next(values);\r\n observer.complete();\r\n });\r\n };\r\n /**\r\n * @param {?} key\r\n * @param {?} args\r\n * @param {?} lang\r\n * @return {?}\r\n */\r\n TranslationService.prototype.translateKey = function (key, args, lang) {\r\n if (key == null || key == \"\")\r\n return null;\r\n // I18n plural.\r\n if (this.configuration.i18nPlural && /^\\d+\\b/.exec(key)) {\r\n return this.translateI18nPlural(key, args, lang);\r\n }\r\n return this.getValue(key, args, lang);\r\n };\r\n /**\r\n * @param {?} key\r\n * @param {?} args\r\n * @param {?} lang\r\n * @return {?}\r\n */\r\n TranslationService.prototype.getValue = function (key, args, lang) {\r\n var /** @type {?} */ path = key;\r\n var /** @type {?} */ value = null;\r\n if (this.translationData[lang]) {\r\n var /** @type {?} */ translation = this.translationData[lang];\r\n // Composed key.\r\n var /** @type {?} */ sequences = key.split(this.configuration.keySeparator);\r\n do {\r\n key = ((sequences.shift()));\r\n if (translation[key] && typeof translation[key] === \"object\") {\r\n translation = translation[key];\r\n }\r\n } while (sequences.length > 0);\r\n value = translation[key] || translation[this.configuration.missingKey];\r\n }\r\n return this.translationHandler.parseValue(path, key, value, args, lang);\r\n };\r\n /**\r\n * @param {?} key\r\n * @param {?} args\r\n * @param {?} lang\r\n * @return {?}\r\n */\r\n TranslationService.prototype.translateI18nPlural = function (key, args, lang) {\r\n var /** @type {?} */ keyText = key.replace(/^\\d+\\b/, \"\");\r\n keyText = keyText.trim();\r\n var /** @type {?} */ keyNumber = parseFloat(key);\r\n key = key.replace(/^\\d+/, this.translateNumber(keyNumber));\r\n return key.replace(keyText, this.getValue(keyText, args, lang));\r\n };\r\n /**\r\n * @param {?} keyNumber\r\n * @return {?}\r\n */\r\n TranslationService.prototype.translateNumber = function (keyNumber) {\r\n if (!isNaN(keyNumber) && IntlAPI.hasNumberFormat()) {\r\n var /** @type {?} */ localeNumber = new Intl.NumberFormat(this.language).format(keyNumber);\r\n return localeNumber;\r\n }\r\n return keyNumber.toString();\r\n };\r\n /**\r\n * @return {?}\r\n */\r\n TranslationService.prototype.loadTranslation = function () {\r\n return __awaiter$2(this, void 0, void 0, function () {\r\n var language;\r\n return __generator(this, function (_a) {\r\n switch (_a.label) {\r\n case 0:\r\n language = !this.configuration.localeAsLanguage\r\n ? this.locale.getCurrentLanguage()\r\n : this.locale.getCurrentLocale();\r\n if (!(language != null && language != this.language)) return [3 /*break*/, 3];\r\n if (!(this.loadingMode == LoadingMode.Async)) return [3 /*break*/, 2];\r\n return [4 /*yield*/, this.getTranslation(language).toPromise()];\r\n case 1:\r\n _a.sent();\r\n return [3 /*break*/, 3];\r\n case 2:\r\n this.translationData = {};\r\n this.translationData[language] = this.configuration.translationData[language];\r\n this.releaseTranslation(language);\r\n _a.label = 3;\r\n case 3: return [2 /*return*/];\r\n }\r\n });\r\n });\r\n };\r\n /**\r\n * @param {?} language\r\n * @return {?}\r\n */\r\n TranslationService.prototype.getTranslation = function (language) {\r\n var _this = this;\r\n return Observable.create(function (observer) {\r\n _this.translationData = {};\r\n _this.serviceState = ServiceState.isLoading;\r\n var /** @type {?} */ sequencesOfTranslationData = [];\r\n for (var _i = 0, _a = _this.configuration.providers; _i < _a.length; _i++) {\r\n var provider = _a[_i];\r\n sequencesOfTranslationData.push(_this.translationProvider.getTranslation(language, provider.args));\r\n }\r\n // Merges all the sequences into a single observable sequence.\r\n Observable.merge.apply(Observable, sequencesOfTranslationData).subscribe(function (data) {\r\n _this.addData(data, language);\r\n }, function (error) {\r\n // Sends an event for custom actions.\r\n _this.translationError.emit(error);\r\n _this.releaseTranslation(language);\r\n observer.next(null);\r\n observer.complete();\r\n }, function () {\r\n _this.releaseTranslation(language);\r\n observer.next(null);\r\n observer.complete();\r\n });\r\n });\r\n };\r\n /**\r\n * @param {?} data\r\n * @param {?} language\r\n * @return {?}\r\n */\r\n TranslationService.prototype.addData = function (data, language) {\r\n this.translationData[language] = typeof this.translationData[language] !== \"undefined\"\r\n ? Object.assign({}, this.translationData[language], data) : data;\r\n };\r\n /**\r\n * @param {?} language\r\n * @return {?}\r\n */\r\n TranslationService.prototype.releaseTranslation = function (language) {\r\n this.serviceState = ServiceState.isReady;\r\n this.language = language;\r\n this.sendEvents();\r\n };\r\n /**\r\n * @return {?}\r\n */\r\n TranslationService.prototype.sendEvents = function () {\r\n // Sends an event for the components.\r\n this.translationChanged.emit(this.language);\r\n };\r\n return TranslationService;\r\n}());\r\nTranslationService.decorators = [\r\n { type: Injectable },\r\n];\r\n/**\r\n * @nocollapse\r\n */\r\nTranslationService.ctorParameters = function () { return [\r\n { type: LocaleService, },\r\n { type: TranslationConfig, },\r\n { type: TranslationProvider, },\r\n { type: TranslationHandler, },\r\n]; };\r\nTranslationService.propDecorators = {\r\n 'translationChanged': [{ type: Output },],\r\n 'translationError': [{ type: Output },],\r\n};\r\n/**\r\n * Provides 'lang' to the translate pipe.\r\n */\r\nvar Translation = (function () {\r\n /**\r\n * @param {?=} translation\r\n * @param {?=} changeDetectorRef\r\n */\r\n function Translation(translation, changeDetectorRef) {\r\n if (translation === void 0) { translation = InjectorRef.get(TranslationService); }\r\n var _this = this;\r\n this.translation = translation;\r\n this.changeDetectorRef = changeDetectorRef;\r\n this.paramSubscriptions = [];\r\n this.lang = this.translation.getLanguage();\r\n // When the language changes, subscribes to the event & updates lang property.\r\n this.paramSubscriptions.push(this.translation.translationChanged.subscribe(function (language) {\r\n _this.lang = language;\r\n // OnPush Change Detection strategy.\r\n if (_this.changeDetectorRef) {\r\n _this.changeDetectorRef.markForCheck();\r\n }\r\n }));\r\n }\r\n /**\r\n * @return {?}\r\n */\r\n Translation.prototype.cancelParamSubscriptions = function () {\r\n this.paramSubscriptions.forEach(function (subscription) {\r\n if (typeof subscription !== \"undefined\") {\r\n subscription.unsubscribe();\r\n }\r\n });\r\n };\r\n return Translation;\r\n}());\r\nTranslation.decorators = [\r\n { type: Injectable },\r\n];\r\n/**\r\n * @nocollapse\r\n */\r\nTranslation.ctorParameters = function () { return [\r\n { type: TranslationService, },\r\n { type: ChangeDetectorRef, },\r\n]; };\r\n/**\r\n * Provides 'lang' to the translate pipe,\r\n'defaultLocale' & 'currency' to localeDecimal, localePercent & localeCurrency pipes.\r\n */\r\nvar Localization = (function (_super) {\r\n __extends(Localization, _super);\r\n /**\r\n * @param {?=} locale\r\n * @param {?=} translation\r\n * @param {?=} changeDetectorRef\r\n */\r\n function Localization(locale, translation, changeDetectorRef) {\r\n if (locale === void 0) { locale = InjectorRef.get(LocaleService); }\r\n if (translation === void 0) { translation = InjectorRef.get(TranslationService); }\r\n var _this = _super.call(this, translation, changeDetectorRef) || this;\r\n _this.locale = locale;\r\n _this.translation = translation;\r\n _this.changeDetectorRef = changeDetectorRef;\r\n _this.defaultLocale = _this.locale.getDefaultLocale();\r\n // When the default locale changes, subscribes to the event & updates defaultLocale property.\r\n _this.paramSubscriptions.push(_this.locale.defaultLocaleChanged.subscribe(function (defaultLocale) {\r\n _this.defaultLocale = defaultLocale;\r\n // OnPush Change Detection strategy.\r\n if (_this.changeDetectorRef) {\r\n _this.changeDetectorRef.markForCheck();\r\n }\r\n }));\r\n _this.currency = _this.locale.getCurrentCurrency();\r\n // When the currency changes, subscribes to the event & updates currency property.\r\n _this.paramSubscriptions.push(_this.locale.currencyCodeChanged.subscribe(function (currency) {\r\n _this.currency = currency;\r\n // OnPush Change Detection strategy.\r\n if (_this.changeDetectorRef) {\r\n _this.changeDetectorRef.markForCheck();\r\n }\r\n }));\r\n return _this;\r\n }\r\n return Localization;\r\n}(Translation));\r\nLocalization.decorators = [\r\n { type: Injectable },\r\n];\r\n/**\r\n * @nocollapse\r\n */\r\nLocalization.ctorParameters = function () { return [\r\n { type: LocaleService, },\r\n { type: TranslationService, },\r\n { type: ChangeDetectorRef, },\r\n]; };\r\n/**\r\n * @abstract\r\n */\r\nvar NumberCode = (function () {\r\n /**\r\n * @param {?} locale\r\n */\r\n function NumberCode(locale) {\r\n this.locale = locale;\r\n }\r\n Object.defineProperty(NumberCode.prototype, \"numberCodes\", {\r\n /**\r\n * @return {?}\r\n */\r\n get: function () {\r\n var /** @type {?} */ numberCodes = [];\r\n for (var /** @type {?} */ num = 0; num <= 9; num++) {\r\n numberCodes.push(this.toUnicode(num.toString()));\r\n }\r\n if (IntlAPI.hasNumberFormat()) {\r\n for (var /** @type {?} */ num = 0; num <= 9; num++) {\r\n numberCodes[num] = this.toUnicode(new Intl.NumberFormat(this.locale.getDefaultLocale()).format(num));\r\n }\r\n }\r\n return numberCodes;\r\n },\r\n enumerable: true,\r\n configurable: true\r\n });\r\n /**\r\n * @abstract\r\n * @param {?} s\r\n * @return {?}\r\n */\r\n NumberCode.prototype.parse = function (s) { };\r\n /**\r\n * @abstract\r\n * @param {?} digits\r\n * @return {?}\r\n */\r\n NumberCode.prototype.getRegExp = function (digits) { };\r\n /**\r\n * @param {?} pattern\r\n * @return {?}\r\n */\r\n NumberCode.prototype.toChar = function (pattern) {\r\n return pattern.replace(/\\\\u[\\dA-F]{4}/gi, function (match) {\r\n return String.fromCharCode(parseInt(match.replace(/\\\\u/g, \"\"), 16));\r\n });\r\n };\r\n /**\r\n * @param {?} c\r\n * @return {?}\r\n */\r\n NumberCode.prototype.toUnicode = function (c) {\r\n return \"\\\\u\" + this.toHex(c.charCodeAt(0));\r\n };\r\n /**\r\n * @param {?} value\r\n * @return {?}\r\n */\r\n NumberCode.prototype.toHex = function (value) {\r\n var /** @type {?} */ hex = value.toString(16).toUpperCase();\r\n // With padding.\r\n hex = \"0000\".substr(0, 4 - hex.length) + hex;\r\n return hex;\r\n };\r\n return NumberCode;\r\n}());\r\nNumberCode.decorators = [\r\n { type: Injectable },\r\n];\r\n/**\r\n * @nocollapse\r\n */\r\nNumberCode.ctorParameters = function () { return [\r\n { type: LocaleService, },\r\n]; };\r\nvar DecimalCode = (function (_super) {\r\n __extends(DecimalCode, _super);\r\n /**\r\n * @param {?} locale\r\n */\r\n function DecimalCode(locale) {\r\n var _this = _super.call(this, locale) || this;\r\n _this.locale = locale;\r\n return _this;\r\n }\r\n Object.defineProperty(DecimalCode.prototype, \"decimalCodes\", {\r\n /**\r\n * @return {?}\r\n */\r\n get: function () {\r\n var /** @type {?} */ decimalCodes = {\r\n minusSign: this.toUnicode(\"-\"),\r\n decimalSeparator: this.toUnicode(\".\"),\r\n thousandSeparator: this.toUnicode(\",\")\r\n };\r\n if (IntlAPI.hasNumberFormat()) {\r\n var /** @type {?} */ value = -1000.9; // Reference value.\r\n var /** @type {?} */ localeValue = new Intl.NumberFormat(this.locale.getDefaultLocale()).format(value);\r\n var /** @type {?} */ unicodeChars = [];\r\n for (var /** @type {?} */ i = 0; i <= 7; i++) {\r\n unicodeChars.push(this.toUnicode(localeValue.charAt(i)));\r\n }\r\n // Right to left:\r\n // checks Unicode characters 'RIGHT-TO-LEFT MARK' (U+200F) & 'Arabic Letter Mark' (U+061C),\r\n // or the reverse order.\r\n // Left to right:\r\n // checks Unicode character 'LEFT-TO-RIGHT MARK' (U+200E).\r\n if (unicodeChars[0] == \"\\\\u200F\" || unicodeChars[0] == \"\\\\u061C\") {\r\n decimalCodes = {\r\n minusSign: unicodeChars[1],\r\n decimalSeparator: unicodeChars[7],\r\n thousandSeparator: unicodeChars[3]\r\n };\r\n }\r\n else if (unicodeChars[0] == this.toUnicode(new Intl.NumberFormat(this.locale.getDefaultLocale()).format(1))) {\r\n decimalCodes = {\r\n minusSign: unicodeChars[7],\r\n decimalSeparator: unicodeChars[5],\r\n thousandSeparator: unicodeChars[1]\r\n };\r\n }\r\n else if (unicodeChars[0] == \"\\\\u200E\") {\r\n decimalCodes = {\r\n minusSign: unicodeChars[1],\r\n decimalSeparator: unicodeChars[7],\r\n thousandSeparator: unicodeChars[3]\r\n };\r\n }\r\n else {\r\n decimalCodes = {\r\n minusSign: unicodeChars[0],\r\n decimalSeparator: unicodeChars[6],\r\n thousandSeparator: unicodeChars[2]\r\n };\r\n }\r\n }\r\n return decimalCodes;\r\n },\r\n enumerable: true,\r\n configurable: true\r\n });\r\n /**\r\n * @param {?} s\r\n * @return {?}\r\n */\r\n DecimalCode.prototype.parse = function (s) {\r\n var /** @type {?} */ value = \"\";\r\n var /** @type {?} */ decimalCodes = this.decimalCodes;\r\n var /** @type {?} */ characters = s.split(\"\");\r\n for (var _i = 0, characters_1 = characters; _i < characters_1.length; _i++) {\r\n var char = characters_1[_i];\r\n var /** @type {?} */ charCode = this.toUnicode(char);\r\n var /** @type {?} */ index = this.numberCodes.indexOf(charCode);\r\n if (index != -1) {\r\n value += index;\r\n }\r\n else if (charCode == decimalCodes.minusSign) {\r\n value += \"-\";\r\n }\r\n else if (charCode == decimalCodes.decimalSeparator) {\r\n value += \".\";\r\n }\r\n else if (charCode == decimalCodes.thousandSeparator) {\r\n continue;\r\n }\r\n else {\r\n return NaN;\r\n }\r\n }\r\n return parseFloat(value);\r\n };\r\n /**\r\n * @param {?} digits\r\n * @return {?}\r\n */\r\n DecimalCode.prototype.getRegExp = function (digits) {\r\n var /** @type {?} */ minInt = 1;\r\n var /** @type {?} */ minFraction = 0;\r\n var /** @type {?} */ maxFraction = 3;\r\n if (!!digits) {\r\n var /** @type {?} */ NUMBER_FORMAT_REGEXP = /^(\\d+)?\\.((\\d+)(\\-(\\d+))?)?$/;\r\n var /** @type {?} */ parts = digits.match(NUMBER_FORMAT_REGEXP);\r\n if (parts != null) {\r\n if (parts[1] != null) {\r\n minInt = parseInt(parts[1]);\r\n }\r\n if (parts[3] != null) {\r\n minFraction = parseInt(parts[3]);\r\n }\r\n if (parts[5] != null) {\r\n maxFraction = parseInt(parts[5]);\r\n }\r\n }\r\n }\r\n var /** @type {?} */ minusSign = this.decimalCodes.minusSign;\r\n var /** @type {?} */ zero = this.numberCodes[0];\r\n var /** @type {?} */ decimalSeparator = this.decimalCodes.decimalSeparator;\r\n var /** @type {?} */ thousandSeparator = this.decimalCodes.thousandSeparator;\r\n var /** @type {?} */ nine = this.numberCodes[9];\r\n // Pattern for 1.2-2 digits: /^-?[0-9,]{1,}\\.[0-9]{2,2}$/\r\n // Unicode pattern = \"^\\u002d?[\\u0030-\\u0039,\\u002c]{1,}\\\\u002e[\\u0030-\\u0039]{2,2}$\"\r\n var /** @type {?} */ pattern;\r\n if (minFraction > 0 && maxFraction > 0) {\r\n pattern = \"^\"\r\n + minusSign\r\n + \"?[\" + zero + \"-\" + nine + thousandSeparator\r\n + \"]{\" + minInt + \",}\\\\\"\r\n + decimalSeparator\r\n + \"[\" + zero + \"-\" + nine\r\n + \"]{\" + minFraction + \",\" + maxFraction\r\n + \"}$\";\r\n }\r\n else if (minFraction == 0 && maxFraction > 0) {\r\n // Decimal separator is optional.\r\n pattern = \"^\"\r\n + minusSign\r\n + \"?[\" + zero + \"-\" + nine + thousandSeparator\r\n + \"]{\" + minInt + \",}\\\\\"\r\n + decimalSeparator\r\n + \"?[\" + zero + \"-\" + nine\r\n + \"]{\" + minFraction + \",\" + maxFraction\r\n + \"}$\";\r\n }\r\n else {\r\n // Integer number.\r\n pattern = \"^\"\r\n + minusSign\r\n + \"?[\" + zero + \"-\" + nine + thousandSeparator\r\n + \"]{\" + minInt + \",}$\";\r\n }\r\n pattern = this.toChar(pattern);\r\n var /** @type {?} */ regExp = new RegExp(pattern);\r\n return regExp;\r\n };\r\n return DecimalCode;\r\n}(NumberCode));\r\nDecimalCode.decorators = [\r\n { type: Injectable },\r\n];\r\n/**\r\n * @nocollapse\r\n */\r\nDecimalCode.ctorParameters = function () { return [\r\n { type: LocaleService, },\r\n]; };\r\nvar LocaleValidation = (function () {\r\n /**\r\n * @param {?} decimalCode\r\n */\r\n function LocaleValidation(decimalCode) {\r\n this.decimalCode = decimalCode;\r\n }\r\n /**\r\n * @param {?} s\r\n * @return {?}\r\n */\r\n LocaleValidation.prototype.parseNumber = function (s) {\r\n if (s == \"\") {\r\n return null;\r\n }\r\n return this.decimalCode.parse(s);\r\n };\r\n return LocaleValidation;\r\n}());\r\nLocaleValidation.decorators = [\r\n { type: Injectable },\r\n];\r\n/**\r\n * @nocollapse\r\n */\r\nLocaleValidation.ctorParameters = function () { return [\r\n { type: DecimalCode, },\r\n]; };\r\nvar Collator = (function () {\r\n /**\r\n * @param {?} locale\r\n * @param {?} translation\r\n */\r\n function Collator(locale, translation) {\r\n this.locale = locale;\r\n this.translation = translation;\r\n }\r\n /**\r\n * @param {?} key1\r\n * @param {?} key2\r\n * @param {?=} extension\r\n * @param {?=} options\r\n * @return {?}\r\n */\r\n Collator.prototype.compare = function (key1, key2, extension, options) {\r\n if (options === void 0) { options = { usage: 'sort', sensitivity: 'variant' }; }\r\n if (!IntlAPI.hasCollator()) {\r\n return 0;\r\n }\r\n var /** @type {?} */ value1 = this.translation.translate(key1);\r\n var /** @type {?} */ value2 = this.translation.translate(key2);\r\n var /** @type {?} */ locale = this.addExtension(this.locale.getCurrentLocale(), extension);\r\n return new Intl.Collator(locale, options).compare(value1, value2);\r\n };\r\n /**\r\n * @param {?} list\r\n * @param {?} keyName\r\n * @param {?=} order\r\n * @param {?=} extension\r\n * @param {?=} options\r\n * @return {?}\r\n */\r\n Collator.prototype.sort = function (list, keyName, order, extension, options) {\r\n var _this = this;\r\n if (order === void 0) { order = \"asc\"; }\r\n if (options === void 0) { options = { usage: 'sort', sensitivity: 'variant' }; }\r\n if (!list || !keyName || !IntlAPI.hasCollator()) {\r\n return list;\r\n }\r\n list.sort(function (key1, key2) {\r\n return _this.compare(key1[keyName], key2[keyName], extension, options);\r\n });\r\n if (order == \"desc\") {\r\n list.reverse();\r\n }\r\n return list;\r\n };\r\n /**\r\n * @param {?} list\r\n * @param {?} keyName\r\n * @param {?=} order\r\n * @param {?=} extension\r\n * @param {?=} options\r\n * @return {?}\r\n */\r\n Collator.prototype.sortAsync = function (list, keyName, order, extension, options) {\r\n var _this = this;\r\n if (options === void 0) { options = { usage: 'sort', sensitivity: 'variant' }; }\r\n return Observable.create(function (observer) {\r\n observer.next(_this.sort(list, keyName, order, extension, options));\r\n observer.complete();\r\n });\r\n };\r\n /**\r\n * @param {?} s\r\n * @param {?} list\r\n * @param {?} keyNames\r\n * @param {?=} options\r\n * @return {?}\r\n */\r\n Collator.prototype.search = function (s, list, keyNames, options) {\r\n var _this = this;\r\n if (options === void 0) { options = { usage: 'search' }; }\r\n if (!list || !keyNames || s == \"\" || s == null || !IntlAPI.hasCollator()) {\r\n return list;\r\n }\r\n var /** @type {?} */ locale = this.locale.getCurrentLocale();\r\n var /** @type {?} */ collator = new Intl.Collator(locale, options);\r\n var /** @type {?} */ matches = list.filter(function (key) {\r\n var /** @type {?} */ found = false;\r\n for (var /** @type {?} */ i = 0; i < keyNames.length; i++) {\r\n if (_this.match(key[keyNames[i]], s, collator)) {\r\n found = true;\r\n break;\r\n }\r\n }\r\n return found;\r\n });\r\n return matches;\r\n };\r\n /**\r\n * @param {?} s\r\n * @param {?} list\r\n * @param {?} keyNames\r\n * @param {?=} options\r\n * @return {?}\r\n */\r\n Collator.prototype.searchAsync = function (s, list, keyNames, options) {\r\n var _this = this;\r\n if (options === void 0) { options = { usage: 'search' }; }\r\n return Observable.create(function (observer) {\r\n observer.next(_this.search(s, list, keyNames, options));\r\n observer.complete();\r\n });\r\n };\r\n /**\r\n * @param {?} locale\r\n * @param {?=} extension\r\n * @return {?}\r\n */\r\n Collator.prototype.addExtension = function (locale, extension) {\r\n if (!!extension) {\r\n locale = locale + \"-u-\" + extension;\r\n }\r\n return locale;\r\n };\r\n /**\r\n * @param {?} key\r\n * @param {?} s\r\n * @param {?} collator\r\n * @return {?}\r\n */\r\n Collator.prototype.match = function (key, s, collator) {\r\n var /** @type {?} */ value = this.translation.translate(key);\r\n var /** @type {?} */ valueLength = value.length;\r\n var /** @type {?} */ sLength = s.length;\r\n if (sLength > valueLength) {\r\n return false;\r\n }\r\n if (sLength == valueLength) {\r\n return collator.compare(value, s) == 0;\r\n }\r\n var /** @type {?} */ found = false;\r\n for (var /** @type {?} */ i = 0; i < valueLength - (sLength - 1); i++) {\r\n var /** @type {?} */ str = value.substr(i, sLength);\r\n if (collator.compare(str, s) == 0) {\r\n found = true;\r\n break;\r\n }\r\n }\r\n return found;\r\n };\r\n return Collator;\r\n}());\r\nCollator.decorators = [\r\n { type: Injectable },\r\n];\r\n/**\r\n * @nocollapse\r\n */\r\nCollator.ctorParameters = function () { return [\r\n { type: LocaleService, },\r\n { type: TranslationService, },\r\n]; };\r\n/**\r\n * Property decorator for components to provide the parameter to the translate pipe.\r\n * @return {?}\r\n */\r\nfunction Language() {\r\n /**\r\n * @param {?} target\r\n * @param {?=} propertyKey\r\n * @return {?}\r\n */\r\n function DecoratorFactory(target, propertyKey) {\r\n var /** @type {?} */ subscription;\r\n var /** @type {?} */ targetNgOnInit = target.ngOnInit;\r\n /**\r\n * @this {?}\r\n * @return {?}\r\n */\r\n function ngOnInit() {\r\n var _this = this;\r\n var /** @type {?} */ translation = InjectorRef.get(TranslationService);\r\n if (typeof propertyKey !== \"undefined\") {\r\n this[propertyKey] = translation.getLanguage();\r\n // When the language changes, subscribes to the event & updates language property.\r\n subscription = translation.translationChanged.subscribe(function (language) {\r\n _this[propertyKey] = language;\r\n });\r\n }\r\n if (targetNgOnInit) {\r\n targetNgOnInit.apply(this);\r\n }\r\n }\r\n target.ngOnInit = ngOnInit;\r\n var /** @type {?} */ targetNgOnDestroy = target.ngOnDestroy;\r\n /**\r\n * @this {?}\r\n * @return {?}\r\n */\r\n function ngOnDestroy() {\r\n if (typeof subscription !== \"undefined\") {\r\n subscription.unsubscribe();\r\n }\r\n if (targetNgOnDestroy) {\r\n targetNgOnDestroy.apply(this);\r\n }\r\n }\r\n target.ngOnDestroy = ngOnDestroy;\r\n if (typeof propertyKey !== \"undefined\") {\r\n Object.defineProperty(target, propertyKey, {\r\n writable: true,\r\n value: undefined\r\n });\r\n }\r\n }\r\n return DecoratorFactory;\r\n}\r\n/**\r\n * Property decorator for components to provide the parameter\r\nto localeDecimal, localePercent & localeCurrency pipes.\r\n * @return {?}\r\n */\r\nfunction DefaultLocale$1() {\r\n /**\r\n * @param {?} target\r\n * @param {?=} propertyKey\r\n * @return {?}\r\n */\r\n function DecoratorFactory(target, propertyKey) {\r\n var /** @type {?} */ subscription;\r\n var /** @type {?} */ targetNgOnInit = target.ngOnInit;\r\n /**\r\n * @this {?}\r\n * @return {?}\r\n */\r\n function ngOnInit() {\r\n var _this = this;\r\n var /** @type {?} */ locale = InjectorRef.get(LocaleService);\r\n if (typeof propertyKey !== \"undefined\") {\r\n this[propertyKey] = locale.getDefaultLocale();\r\n // When the default locale changes, subscribes to the event & updates defaultLocale property.\r\n subscription = locale.defaultLocaleChanged.subscribe(function (defaultLocale) {\r\n _this[propertyKey] = defaultLocale;\r\n });\r\n }\r\n if (targetNgOnInit) {\r\n targetNgOnInit.apply(this);\r\n }\r\n }\r\n target.ngOnInit = ngOnInit;\r\n var /** @type {?} */ targetNgOnDestroy = target.ngOnDestroy;\r\n /**\r\n * @this {?}\r\n * @return {?}\r\n */\r\n function ngOnDestroy() {\r\n if (typeof subscription !== \"undefined\") {\r\n subscription.unsubscribe();\r\n }\r\n if (targetNgOnDestroy) {\r\n targetNgOnDestroy.apply(this);\r\n }\r\n }\r\n target.ngOnDestroy = ngOnDestroy;\r\n if (typeof propertyKey !== \"undefined\") {\r\n Object.defineProperty(target, propertyKey, {\r\n writable: true,\r\n value: undefined\r\n });\r\n }\r\n }\r\n return DecoratorFactory;\r\n}\r\n/**\r\n * Property decorator for components to provide the parameter to the localeCurrency pipe.\r\n * @return {?}\r\n */\r\nfunction Currency() {\r\n /**\r\n * @param {?} target\r\n * @param {?=} propertyKey\r\n * @return {?}\r\n */\r\n function DecoratorFactory(target, propertyKey) {\r\n var /** @type {?} */ subscription;\r\n var /** @type {?} */ targetNgOnInit = target.ngOnInit;\r\n /**\r\n * @this {?}\r\n * @return {?}\r\n */\r\n function ngOnInit() {\r\n var _this = this;\r\n var /** @type {?} */ locale = InjectorRef.get(LocaleService);\r\n if (typeof propertyKey !== \"undefined\") {\r\n this[propertyKey] = locale.getCurrentCurrency();\r\n // When the currency changes, subscribes to the event & updates currency property.\r\n subscription = locale.currencyCodeChanged.subscribe(function (currency) {\r\n _this[propertyKey] = currency;\r\n });\r\n }\r\n if (targetNgOnInit) {\r\n targetNgOnInit.apply(this);\r\n }\r\n }\r\n target.ngOnInit = ngOnInit;\r\n var /** @type {?} */ targetNgOnDestroy = target.ngOnDestroy;\r\n /**\r\n * @this {?}\r\n * @return {?}\r\n */\r\n function ngOnDestroy() {\r\n if (typeof subscription !== \"undefined\") {\r\n subscription.unsubscribe();\r\n }\r\n if (targetNgOnDestroy) {\r\n targetNgOnDestroy.apply(this);\r\n }\r\n }\r\n target.ngOnDestroy = ngOnDestroy;\r\n if (typeof propertyKey !== \"undefined\") {\r\n Object.defineProperty(target, propertyKey, {\r\n writable: true,\r\n value: undefined\r\n });\r\n }\r\n }\r\n return DecoratorFactory;\r\n}\r\nvar TranslatePipe = (function () {\r\n /**\r\n * @param {?} translation\r\n */\r\n function TranslatePipe(translation) {\r\n this.translation = translation;\r\n }\r\n /**\r\n * @param {?} key\r\n * @param {?} lang\r\n * @param {?=} args\r\n * @return {?}\r\n */\r\n TranslatePipe.prototype.transform = function (key, lang, args) {\r\n return this.translation.translate(key, args, lang);\r\n };\r\n return TranslatePipe;\r\n}());\r\nTranslatePipe.decorators = [\r\n { type: Pipe, args: [{\r\n name: 'translate',\r\n pure: true\r\n },] },\r\n];\r\n/**\r\n * @nocollapse\r\n */\r\nTranslatePipe.ctorParameters = function () { return [\r\n { type: TranslationService, },\r\n]; };\r\nvar LocaleDatePipe = (function () {\r\n function LocaleDatePipe() {\r\n }\r\n /**\r\n * @param {?} value\r\n * @param {?} defaultLocale\r\n * @param {?=} pattern\r\n * @return {?}\r\n */\r\n LocaleDatePipe.prototype.transform = function (value, defaultLocale, pattern) {\r\n if (pattern === void 0) { pattern = 'mediumDate'; }\r\n if (typeof defaultLocale === \"undefined\")\r\n return null;\r\n if (IntlAPI.hasDateTimeFormat()) {\r\n var /** @type {?} */ localeDate = new DatePipe(defaultLocale);\r\n return localeDate.transform(value, pattern);\r\n }\r\n // Returns the date without localization.\r\n return value;\r\n };\r\n return LocaleDatePipe;\r\n}());\r\nLocaleDatePipe.decorators = [\r\n { type: Pipe, args: [{\r\n name: 'localeDate',\r\n pure: true\r\n },] },\r\n];\r\n/**\r\n * @nocollapse\r\n */\r\nLocaleDatePipe.ctorParameters = function () { return []; };\r\nvar LocaleDecimalPipe = (function () {\r\n function LocaleDecimalPipe() {\r\n }\r\n /**\r\n * @param {?} value\r\n * @param {?} defaultLocale\r\n * @param {?=} digits\r\n * @return {?}\r\n */\r\n LocaleDecimalPipe.prototype.transform = function (value, defaultLocale, digits) {\r\n if (typeof defaultLocale === \"undefined\")\r\n return null;\r\n if (IntlAPI.hasNumberFormat()) {\r\n var /** @type {?} */ localeDecimal = new DecimalPipe(defaultLocale);\r\n return localeDecimal.transform(value, digits);\r\n }\r\n // Returns the number without localization.\r\n return value;\r\n };\r\n return LocaleDecimalPipe;\r\n}());\r\nLocaleDecimalPipe.decorators = [\r\n { type: Pipe, args: [{\r\n name: 'localeDecimal',\r\n pure: true\r\n },] },\r\n];\r\n/**\r\n * @nocollapse\r\n */\r\nLocaleDecimalPipe.ctorParameters = function () { return []; };\r\nvar LocalePercentPipe = (function () {\r\n function LocalePercentPipe() {\r\n }\r\n /**\r\n * @param {?} value\r\n * @param {?} defaultLocale\r\n * @param {?=} digits\r\n * @return {?}\r\n */\r\n LocalePercentPipe.prototype.transform = function (value, defaultLocale, digits) {\r\n if (typeof defaultLocale === \"undefined\")\r\n return null;\r\n if (IntlAPI.hasNumberFormat()) {\r\n var /** @type {?} */ localePercent = new PercentPipe(defaultLocale);\r\n return localePercent.transform(value, digits);\r\n }\r\n // Returns the number without localization.\r\n return value;\r\n };\r\n return LocalePercentPipe;\r\n}());\r\nLocalePercentPipe.decorators = [\r\n { type: Pipe, args: [{\r\n name: 'localePercent',\r\n pure: true\r\n },] },\r\n];\r\n/**\r\n * @nocollapse\r\n */\r\nLocalePercentPipe.ctorParameters = function () { return []; };\r\nvar LocaleCurrencyPipe = (function () {\r\n function LocaleCurrencyPipe() {\r\n }\r\n /**\r\n * @param {?} value\r\n * @param {?} defaultLocale\r\n * @param {?} currency\r\n * @param {?=} symbolDisplay\r\n * @param {?=} digits\r\n * @return {?}\r\n */\r\n LocaleCurrencyPipe.prototype.transform = function (value, defaultLocale, currency, symbolDisplay, digits) {\r\n if (symbolDisplay === void 0) { symbolDisplay = false; }\r\n if (typeof defaultLocale === \"undefined\" || typeof currency === \"undefined\")\r\n return null;\r\n if (IntlAPI.hasNumberFormat()) {\r\n var /** @type {?} */ localeCurrency = new CurrencyPipe(defaultLocale);\r\n return localeCurrency.transform(value, currency, symbolDisplay, digits);\r\n }\r\n // Returns the number & currency without localization.\r\n return value + \" \" + currency;\r\n };\r\n return LocaleCurrencyPipe;\r\n}());\r\nLocaleCurrencyPipe.decorators = [\r\n { type: Pipe, args: [{\r\n name: 'localeCurrency',\r\n pure: true\r\n },] },\r\n];\r\n/**\r\n * @nocollapse\r\n */\r\nLocaleCurrencyPipe.ctorParameters = function () { return []; };\r\n/**\r\n * Breadth First Search (BFS) algorithm for traversing & searching tree data structure of DOM\r\nexplores the neighbor nodes first, before moving to the next level neighbors.\r\nTime complexity: between O(1) and O(|V|^2).\r\n */\r\nvar BFS = (function () {\r\n function BFS() {\r\n }\r\n /**\r\n * Target node is a non empty text node.\r\n * @param {?} rootNode\r\n * @return {?}\r\n */\r\n BFS.getTargetNode = function (rootNode) {\r\n return this.walk(rootNode);\r\n };\r\n /**\r\n * @param {?} rootNode\r\n * @return {?}\r\n */\r\n BFS.walk = function (rootNode) {\r\n var /** @type {?} */ queue = [];\r\n var /** @type {?} */ iNode;\r\n var /** @type {?} */ depth = 0;\r\n var /** @type {?} */ nodeToDepthIncrease = 1;\r\n queue.push(rootNode);\r\n while (queue.length > 0 && depth <= this.MAX_DEPTH) {\r\n iNode = queue.shift();\r\n if (this.isTargetNode(iNode)) {\r\n return iNode;\r\n }\r\n if (depth < this.MAX_DEPTH && iNode.childNodes != null) {\r\n for (var _i = 0, _a = iNode.childNodes; _i < _a.length; _i++) {\r\n var child = _a[_i];\r\n if (this.isValidNode(child)) {\r\n queue.push(child);\r\n }\r\n }\r\n }\r\n if (--nodeToDepthIncrease == 0) {\r\n depth++;\r\n nodeToDepthIncrease = queue.length;\r\n }\r\n }\r\n return rootNode;\r\n };\r\n /**\r\n * @param {?} node\r\n * @return {?}\r\n */\r\n BFS.isTargetNode = function (node) {\r\n return typeof node !== \"undefined\" &&\r\n node.nodeType == 3 &&\r\n node.nodeValue != null &&\r\n node.nodeValue.trim() != \"\";\r\n };\r\n /**\r\n * A valid node is not marked for translation.\r\n * @param {?} node\r\n * @return {?}\r\n */\r\n BFS.isValidNode = function (node) {\r\n if (typeof node !== \"undefined\" && node.nodeType == 1 && node.attributes) {\r\n for (var _i = 0, _a = node.attributes; _i < _a.length; _i++) {\r\n var attr = _a[_i];\r\n if (this.SELECTOR.test(attr.name))\r\n return false;\r\n }\r\n }\r\n return true;\r\n };\r\n return BFS;\r\n}());\r\nBFS.SELECTOR = /^l10n|translate|locale/;\r\nBFS.MAX_DEPTH = 10;\r\n/**\r\n * @abstract\r\n */\r\nvar BaseDirective = (function () {\r\n /**\r\n * @param {?} el\r\n * @param {?} renderer\r\n */\r\n function BaseDirective(el, renderer) {\r\n this.el = el;\r\n this.renderer = renderer;\r\n this.attributes = [];\r\n this.subscriptions = [];\r\n this.TEXT_MUTATION_CONFIG = { subtree: true, characterData: true };\r\n this.SELECTOR = /^l10n-/;\r\n }\r\n /**\r\n * @return {?}\r\n */\r\n BaseDirective.prototype.ngAfterViewInit = function () {\r\n if (this.el && this.el.nativeElement) {\r\n this.element = this.el.nativeElement;\r\n this.renderNode = BFS.getTargetNode(this.element);\r\n this.getKey();\r\n this.getAttributes();\r\n this.addTextListener();\r\n this.setup();\r\n }\r\n };\r\n /**\r\n * @param {?} changes\r\n * @return {?}\r\n */\r\n BaseDirective.prototype.ngOnChanges = function (changes) {\r\n if (!!this.key) {\r\n if (this.nodeValue == null || this.nodeValue == \"\") {\r\n if (!!this.valueAttribute) {\r\n this.key = this.valueAttribute;\r\n }\r\n else if (!!this.innerHTMLProperty) {\r\n this.key = this.innerHTMLProperty;\r\n }\r\n }\r\n this.replaceText();\r\n }\r\n if (this.attributes.length > 0) {\r\n this.replaceAttributes();\r\n }\r\n };\r\n /**\r\n * @return {?}\r\n */\r\n BaseDirective.prototype.ngOnDestroy = function () {\r\n this.removeTextListener();\r\n this.cancelSubscriptions();\r\n };\r\n /**\r\n * @abstract\r\n * @return {?}\r\n */\r\n BaseDirective.prototype.setup = function () { };\r\n /**\r\n * @abstract\r\n * @return {?}\r\n */\r\n BaseDirective.prototype.replace = function () { };\r\n /**\r\n * @abstract\r\n * @return {?}\r\n */\r\n BaseDirective.prototype.replaceText = function () { };\r\n /**\r\n * @abstract\r\n * @return {?}\r\n */\r\n BaseDirective.prototype.replaceAttributes = function () { };\r\n /**\r\n * @return {?}\r\n */\r\n BaseDirective.prototype.getAttributesData = function () {\r\n var /** @type {?} */ keys = this.getAttributesKeys();\r\n var /** @type {?} */ data = {};\r\n for (var _i = 0, keys_2 = keys; _i < keys_2.length; _i++) {\r\n var key = keys_2[_i];\r\n data[key] = this.getValues(key);\r\n }\r\n return data;\r\n };\r\n /**\r\n * @return {?}\r\n */\r\n BaseDirective.prototype.getAttributesKeys = function () {\r\n return this.attributes.map(function (attr) { return attr.key; });\r\n };\r\n /**\r\n * @abstract\r\n * @param {?} keys\r\n * @return {?}\r\n */\r\n BaseDirective.prototype.getValues = function (keys) { };\r\n /**\r\n * @param {?} value\r\n * @return {?}\r\n */\r\n BaseDirective.prototype.setText = function (value) {\r\n if (!!value) {\r\n if (!!this.nodeValue && !!this.key) {\r\n this.removeTextListener();\r\n this.renderer.setValue(this.renderNode, this.nodeValue.replace(this.key, value));\r\n this.addTextListener();\r\n }\r\n else if (!!this.valueAttribute) {\r\n this.renderer.setAttribute(this.element, \"value\", value);\r\n }\r\n else if (!!this.innerHTMLProperty) {\r\n this.renderer.setProperty(this.element, \"innerHTML\", value);\r\n }\r\n }\r\n };\r\n /**\r\n * @param {?} data\r\n * @return {?}\r\n */\r\n BaseDirective.prototype.setAttributes = function (data) {\r\n for (var _i = 0, _a = this.attributes; _i < _a.length; _i++) {\r\n var attr = _a[_i];\r\n this.renderer.setAttribute(this.element, attr.name, data[attr.key]);\r\n }\r\n };\r\n /**\r\n * @return {?}\r\n */\r\n BaseDirective.prototype.addTextListener = function () {\r\n var _this = this;\r\n if (typeof MutationObserver !== \"undefined\") {\r\n this.textObserver = new MutationObserver(function (mutations) {\r\n _this.renderNode = BFS.getTargetNode(_this.element);\r\n _this.getKey();\r\n _this.replaceText();\r\n });\r\n this.textObserver.observe(this.renderNode, this.TEXT_MUTATION_CONFIG);\r\n }\r\n };\r\n /**\r\n * @return {?}\r\n */\r\n BaseDirective.prototype.removeTextListener = function () {\r\n if (typeof this.textObserver !== \"undefined\") {\r\n this.textObserver.disconnect();\r\n }\r\n };\r\n /**\r\n * @return {?}\r\n */\r\n BaseDirective.prototype.getText = function () {\r\n this.nodeValue = this.renderNode != null ? (this.renderNode.nodeValue) : \"\";\r\n return !!this.nodeValue ? this.nodeValue.trim() : \"\";\r\n };\r\n /**\r\n * @return {?}\r\n */\r\n BaseDirective.prototype.getKey = function () {\r\n if (this.element.childNodes.length > 0) {\r\n this.key = this.getText();\r\n }\r\n else if (!!this.valueAttribute) {\r\n this.key = this.valueAttribute;\r\n }\r\n else if (!!this.innerHTMLProperty) {\r\n this.key = this.innerHTMLProperty;\r\n }\r\n };\r\n /**\r\n * @return {?}\r\n */\r\n BaseDirective.prototype.getAttributes = function () {\r\n if (this.element.attributes) {\r\n for (var _i = 0, _a = this.element.attributes; _i < _a.length; _i++) {\r\n var attr = _a[_i];\r\n if (this.SELECTOR.test(attr.name)) {\r\n var /** @type {?} */ name = attr.name.substr(5);\r\n for (var _b = 0, _c = this.element.attributes; _b < _c.length; _b++) {\r\n var targetAttr = _c[_b];\r\n if (new RegExp(\"^\" + name + \"$\").test(targetAttr.name)) {\r\n this.attributes.push({ name: name, key: targetAttr.value });\r\n }\r\n }\r\n }\r\n }\r\n }\r\n };\r\n /**\r\n * @return {?}\r\n */\r\n BaseDirective.prototype.cancelSubscriptions = function () {\r\n this.subscriptions.forEach(function (subscription) {\r\n if (typeof subscription !== \"undefined\") {\r\n subscription.unsubscribe();\r\n }\r\n });\r\n };\r\n return BaseDirective;\r\n}());\r\nBaseDirective.propDecorators = {\r\n 'valueAttribute': [{ type: Input, args: ['value',] },],\r\n 'innerHTMLProperty': [{ type: Input, args: ['innerHTML',] },],\r\n};\r\nvar TranslateDirective = (function (_super) {\r\n __extends(TranslateDirective, _super);\r\n /**\r\n * @param {?} translation\r\n * @param {?} el\r\n * @param {?} renderer\r\n */\r\n function TranslateDirective(translation, el, renderer) {\r\n var _this = _super.call(this, el, renderer) || this;\r\n _this.translation = translation;\r\n _this.el = el;\r\n _this.renderer = renderer;\r\n return _this;\r\n }\r\n Object.defineProperty(TranslateDirective.prototype, \"l10nTranslate\", {\r\n /**\r\n * @param {?} params\r\n * @return {?}\r\n */\r\n set: function (params) {\r\n this.params = params;\r\n },\r\n enumerable: true,\r\n configurable: true\r\n });\r\n Object.defineProperty(TranslateDirective.prototype, \"translate\", {\r\n /**\r\n * @param {?} params\r\n * @return {?}\r\n */\r\n set: function (params) {\r\n this.params = params;\r\n },\r\n enumerable: true,\r\n configurable: true\r\n });\r\n /**\r\n * @return {?}\r\n */\r\n TranslateDirective.prototype.setup = function () {\r\n var _this = this;\r\n this.replace();\r\n this.subscriptions.push(this.translation.translationChanged.subscribe(function () { _this.replace(); }));\r\n };\r\n /**\r\n * @return {?}\r\n */\r\n TranslateDirective.prototype.replace = function () {\r\n this.replaceText();\r\n this.replaceAttributes();\r\n };\r\n /**\r\n * @return {?}\r\n */\r\n TranslateDirective.prototype.replaceText = function () {\r\n if (!!this.key) {\r\n this.setText(this.getValues(this.key));\r\n }\r\n };\r\n /**\r\n * @return {?}\r\n */\r\n TranslateDirective.prototype.replaceAttributes = function () {\r\n if (this.attributes.length > 0) {\r\n var /** @type {?} */ keys = this.getAttributesKeys();\r\n this.setAttributes(this.getValues(keys));\r\n }\r\n };\r\n /**\r\n * @param {?} keys\r\n * @return {?}\r\n */\r\n TranslateDirective.prototype.getValues = function (keys) {\r\n return this.translation.translate(keys, this.params);\r\n };\r\n return TranslateDirective;\r\n}(BaseDirective));\r\nTranslateDirective.decorators = [\r\n { type: Directive, args: [{\r\n selector: '[l10nTranslate],[translate]'\r\n },] },\r\n];\r\n/**\r\n * @nocollapse\r\n */\r\nTranslateDirective.ctorParameters = function () { return [\r\n { type: TranslationService, },\r\n { type: ElementRef, },\r\n { type: Renderer2, },\r\n]; };\r\nTranslateDirective.propDecorators = {\r\n 'l10nTranslate': [{ type: Input },],\r\n 'translate': [{ type: Input },],\r\n};\r\nvar LocaleDateDirective = (function (_super) {\r\n __extends(LocaleDateDirective, _super);\r\n /**\r\n * @param {?} locale\r\n * @param {?} el\r\n * @param {?} renderer\r\n */\r\n function LocaleDateDirective(locale, el, renderer) {\r\n var _this = _super.call(this, el, renderer) || this;\r\n _this.locale = locale;\r\n _this.el = el;\r\n _this.renderer = renderer;\r\n _this.defaultPattern = 'mediumDate';\r\n _this.localeDatePipe = new LocaleDatePipe();\r\n return _this;\r\n }\r\n Object.defineProperty(LocaleDateDirective.prototype, \"l10nDate\", {\r\n /**\r\n * @param {?} pattern\r\n * @return {?}\r\n */\r\n set: function (pattern) {\r\n this.pattern = pattern;\r\n },\r\n enumerable: true,\r\n configurable: true\r\n });\r\n Object.defineProperty(LocaleDateDirective.prototype, \"localeDate\", {\r\n /**\r\n * @param {?} pattern\r\n * @return {?}\r\n */\r\n set: function (pattern) {\r\n this.pattern = pattern;\r\n },\r\n enumerable: true,\r\n configurable: true\r\n });\r\n /**\r\n * @return {?}\r\n */\r\n LocaleDateDirective.prototype.setup = function () {\r\n var _this = this;\r\n this.replace();\r\n this.subscriptions.push(this.locale.defaultLocaleChanged.subscribe(function () { _this.replace(); }));\r\n };\r\n /**\r\n * @return {?}\r\n */\r\n LocaleDateDirective.prototype.replace = function () {\r\n this.replaceText();\r\n this.replaceAttributes();\r\n };\r\n /**\r\n * @return {?}\r\n */\r\n LocaleDateDirective.prototype.replaceText = function () {\r\n if (!!this.key) {\r\n this.setText(this.getValues(this.key));\r\n }\r\n };\r\n /**\r\n * @return {?}\r\n */\r\n LocaleDateDirective.prototype.replaceAttributes = function () {\r\n if (this.attributes.length > 0) {\r\n this.setAttributes(this.getAttributesData());\r\n }\r\n };\r\n /**\r\n * @param {?} keys\r\n * @return {?}\r\n */\r\n LocaleDateDirective.prototype.getValues = function (keys) {\r\n return this.localeDatePipe.transform(keys, this.locale.getDefaultLocale(), this.pattern || this.defaultPattern);\r\n };\r\n return LocaleDateDirective;\r\n}(BaseDirective));\r\nLocaleDateDirective.decorators = [\r\n { type: Directive, args: [{\r\n selector: '[l10nDate],[localeDate]'\r\n },] },\r\n];\r\n/**\r\n * @nocollapse\r\n */\r\nLocaleDateDirective.ctorParameters = function () { return [\r\n { type: LocaleService, },\r\n { type: ElementRef, },\r\n { type: Renderer2, },\r\n]; };\r\nLocaleDateDirective.propDecorators = {\r\n 'l10nDate': [{ type: Input },],\r\n 'localeDate': [{ type: Input },],\r\n};\r\nvar LocaleDecimalDirective = (function (_super) {\r\n __extends(LocaleDecimalDirective, _super);\r\n /**\r\n * @param {?} locale\r\n * @param {?} el\r\n * @param {?} renderer\r\n */\r\n function LocaleDecimalDirective(locale, el, renderer) {\r\n var _this = _super.call(this, el, renderer) || this;\r\n _this.locale = locale;\r\n _this.el = el;\r\n _this.renderer = renderer;\r\n _this.localeDecimalPipe = new LocaleDecimalPipe();\r\n return _this;\r\n }\r\n Object.defineProperty(LocaleDecimalDirective.prototype, \"l10nDecimal\", {\r\n /**\r\n * @param {?} digits\r\n * @return {?}\r\n */\r\n set: function (digits) {\r\n this.digits = digits;\r\n },\r\n enumerable: true,\r\n configurable: true\r\n });\r\n Object.defineProperty(LocaleDecimalDirective.prototype, \"localeDecimal\", {\r\n /**\r\n * @param {?} digits\r\n * @return {?}\r\n */\r\n set: function (digits) {\r\n this.digits = digits;\r\n },\r\n enumerable: true,\r\n configurable: true\r\n });\r\n /**\r\n * @return {?}\r\n */\r\n LocaleDecimalDirective.prototype.setup = function () {\r\n var _this = this;\r\n this.replace();\r\n this.subscriptions.push(this.locale.defaultLocaleChanged.subscribe(function () { _this.replace(); }));\r\n };\r\n /**\r\n * @return {?}\r\n */\r\n LocaleDecimalDirective.prototype.replace = function () {\r\n this.replaceText();\r\n this.replaceAttributes();\r\n };\r\n /**\r\n * @return {?}\r\n */\r\n LocaleDecimalDirective.prototype.replaceText = function () {\r\n if (!!this.key) {\r\n this.setText(this.getValues(this.key));\r\n }\r\n };\r\n /**\r\n * @return {?}\r\n */\r\n LocaleDecimalDirective.prototype.replaceAttributes = function () {\r\n if (this.attributes.length > 0) {\r\n this.setAttributes(this.getAttributesData());\r\n }\r\n };\r\n /**\r\n * @param {?} keys\r\n * @return {?}\r\n */\r\n LocaleDecimalDirective.prototype.getValues = function (keys) {\r\n return this.localeDecimalPipe.transform(keys, this.locale.getDefaultLocale(), this.digits);\r\n };\r\n return LocaleDecimalDirective;\r\n}(BaseDirective));\r\nLocaleDecimalDirective.decorators = [\r\n { type: Directive, args: [{\r\n selector: '[l10nDecimal],[localeDecimal]'\r\n },] },\r\n];\r\n/**\r\n * @nocollapse\r\n */\r\nLocaleDecimalDirective.ctorParameters = function () { return [\r\n { type: LocaleService, },\r\n { type: ElementRef, },\r\n { type: Renderer2, },\r\n]; };\r\nLocaleDecimalDirective.propDecorators = {\r\n 'l10nDecimal': [{ type: Input },],\r\n 'localeDecimal': [{ type: Input },],\r\n};\r\nvar LocalePercentDirective = (function (_super) {\r\n __extends(LocalePercentDirective, _super);\r\n /**\r\n * @param {?} locale\r\n * @param {?} el\r\n * @param {?} renderer\r\n */\r\n function LocalePercentDirective(locale, el, renderer) {\r\n var _this = _super.call(this, el, renderer) || this;\r\n _this.locale = locale;\r\n _this.el = el;\r\n _this.renderer = renderer;\r\n _this.localePercentPipe = new LocalePercentPipe();\r\n return _this;\r\n }\r\n Object.defineProperty(LocalePercentDirective.prototype, \"l10nPercent\", {\r\n /**\r\n * @param {?} digits\r\n * @return {?}\r\n */\r\n set: function (digits) {\r\n this.digits = digits;\r\n },\r\n enumerable: true,\r\n configurable: true\r\n });\r\n Object.defineProperty(LocalePercentDirective.prototype, \"localePercent\", {\r\n /**\r\n * @param {?} digits\r\n * @return {?}\r\n */\r\n set: function (digits) {\r\n this.digits = digits;\r\n },\r\n enumerable: true,\r\n configurable: true\r\n });\r\n /**\r\n * @return {?}\r\n */\r\n LocalePercentDirective.prototype.setup = function () {\r\n var _this = this;\r\n this.replace();\r\n this.subscriptions.push(this.locale.defaultLocaleChanged.subscribe(function () { _this.replace(); }));\r\n };\r\n /**\r\n * @return {?}\r\n */\r\n LocalePercentDirective.prototype.replace = function () {\r\n this.replaceText();\r\n this.replaceAttributes();\r\n };\r\n /**\r\n * @return {?}\r\n */\r\n LocalePercentDirective.prototype.replaceText = function () {\r\n if (!!this.key) {\r\n this.setText(this.getValues(this.key));\r\n }\r\n };\r\n /**\r\n * @return {?}\r\n */\r\n LocalePercentDirective.prototype.replaceAttributes = function () {\r\n if (this.attributes.length > 0) {\r\n this.setAttributes(this.getAttributesData());\r\n }\r\n };\r\n /**\r\n * @param {?} keys\r\n * @return {?}\r\n */\r\n LocalePercentDirective.prototype.getValues = function (keys) {\r\n return this.localePercentPipe.transform(keys, this.locale.getDefaultLocale(), this.digits);\r\n };\r\n return LocalePercentDirective;\r\n}(BaseDirective));\r\nLocalePercentDirective.decorators = [\r\n { type: Directive, args: [{\r\n selector: '[l10nPercent],[localePercent]'\r\n },] },\r\n];\r\n/**\r\n * @nocollapse\r\n */\r\nLocalePercentDirective.ctorParameters = function () { return [\r\n { type: LocaleService, },\r\n { type: ElementRef, },\r\n { type: Renderer2, },\r\n]; };\r\nLocalePercentDirective.propDecorators = {\r\n 'l10nPercent': [{ type: Input },],\r\n 'localePercent': [{ type: Input },],\r\n};\r\nvar LocaleCurrencyDirective = (function (_super) {\r\n __extends(LocaleCurrencyDirective, _super);\r\n /**\r\n * @param {?} locale\r\n * @param {?} el\r\n * @param {?} renderer\r\n */\r\n function LocaleCurrencyDirective(locale, el, renderer) {\r\n var _this = _super.call(this, el, renderer) || this;\r\n _this.locale = locale;\r\n _this.el = el;\r\n _this.renderer = renderer;\r\n _this.localeCurrencyPipe = new LocaleCurrencyPipe();\r\n return _this;\r\n }\r\n Object.defineProperty(LocaleCurrencyDirective.prototype, \"l10nCurrency\", {\r\n /**\r\n * @param {?} digits\r\n * @return {?}\r\n */\r\n set: function (digits) {\r\n this.digits = digits;\r\n },\r\n enumerable: true,\r\n configurable: true\r\n });\r\n Object.defineProperty(LocaleCurrencyDirective.prototype, \"localeCurrency\", {\r\n /**\r\n * @param {?} digits\r\n * @return {?}\r\n */\r\n set: function (digits) {\r\n this.digits = digits;\r\n },\r\n enumerable: true,\r\n configurable: true\r\n });\r\n /**\r\n * @return {?}\r\n */\r\n LocaleCurrencyDirective.prototype.setup = function () {\r\n var _this = this;\r\n this.replace();\r\n this.subscriptions.push(this.locale.defaultLocaleChanged.subscribe(function () { _this.replace(); }));\r\n this.subscriptions.push(this.locale.currencyCodeChanged.subscribe(function () { _this.replace(); }));\r\n };\r\n /**\r\n * @return {?}\r\n */\r\n LocaleCurrencyDirective.prototype.replace = function () {\r\n this.replaceText();\r\n this.replaceAttributes();\r\n };\r\n /**\r\n * @return {?}\r\n */\r\n LocaleCurrencyDirective.prototype.replaceText = function () {\r\n if (!!this.key) {\r\n this.setText(this.getValues(this.key));\r\n }\r\n };\r\n /**\r\n * @return {?}\r\n */\r\n LocaleCurrencyDirective.prototype.replaceAttributes = function () {\r\n if (this.attributes.length > 0) {\r\n this.setAttributes(this.getAttributesData());\r\n }\r\n };\r\n /**\r\n * @param {?} keys\r\n * @return {?}\r\n */\r\n LocaleCurrencyDirective.prototype.getValues = function (keys) {\r\n return this.localeCurrencyPipe.transform(keys, this.locale.getDefaultLocale(), this.locale.getCurrentCurrency(), this.symbol, this.digits);\r\n };\r\n return LocaleCurrencyDirective;\r\n}(BaseDirective));\r\nLocaleCurrencyDirective.decorators = [\r\n { type: Directive, args: [{\r\n selector: '[l10nCurrency],[localeCurrency]'\r\n },] },\r\n];\r\n/**\r\n * @nocollapse\r\n */\r\nLocaleCurrencyDirective.ctorParameters = function () { return [\r\n { type: LocaleService, },\r\n { type: ElementRef, },\r\n { type: Renderer2, },\r\n]; };\r\nLocaleCurrencyDirective.propDecorators = {\r\n 'l10nCurrency': [{ type: Input },],\r\n 'localeCurrency': [{ type: Input },],\r\n 'symbol': [{ type: Input },],\r\n};\r\n/**\r\n * Function that takes a control and returns either null when it’s valid, or an error object if it’s not.\r\n\\@param digits The format of the number\r\n\\@param MIN_VALUE The minimum value for the number\r\n\\@param MAX_VALUE The maximum value for the number\r\n\\@return An error object: 'format', 'minValue' or 'maxValue'; null in case the value is valid\r\n * @param {?} digits\r\n * @param {?=} MIN_VALUE\r\n * @param {?=} MAX_VALUE\r\n * @return {?}\r\n */\r\nfunction validateLocaleNumber(digits, MIN_VALUE, MAX_VALUE) {\r\n if (MIN_VALUE === void 0) { MIN_VALUE = Number.MIN_VALUE; }\r\n if (MAX_VALUE === void 0) { MAX_VALUE = Number.MAX_VALUE; }\r\n var /** @type {?} */ locale = InjectorRef.get(LocaleService);\r\n var /** @type {?} */ decimalCode = InjectorRef.get(DecimalCode);\r\n var /** @type {?} */ defaultLocale;\r\n var /** @type {?} */ NUMBER_REGEXP;\r\n return function (formControl) {\r\n if (formControl.value == null || formControl.value == \"\")\r\n return null;\r\n if (defaultLocale != locale.getDefaultLocale()) {\r\n NUMBER_REGEXP = decimalCode.getRegExp(digits);\r\n defaultLocale = locale.getDefaultLocale();\r\n }\r\n if (NUMBER_REGEXP.test(formControl.value)) {\r\n var /** @type {?} */ parsedValue = decimalCode.parse(formControl.value);\r\n if (parsedValue != null && parsedValue < MIN_VALUE) {\r\n return {\r\n minValue: {\r\n valid: false\r\n }\r\n };\r\n }\r\n else if (parsedValue != null && parsedValue > MAX_VALUE) {\r\n return {\r\n maxValue: {\r\n valid: false\r\n }\r\n };\r\n }\r\n return null; // The number is valid.\r\n }\r\n else {\r\n return {\r\n format: {\r\n valid: false\r\n }\r\n };\r\n }\r\n };\r\n}\r\nvar LocaleNumberValidatorDirective = (function () {\r\n function LocaleNumberValidatorDirective() {\r\n this.MIN_VALUE = Number.MIN_VALUE;\r\n this.MAX_VALUE = Number.MAX_VALUE;\r\n }\r\n Object.defineProperty(LocaleNumberValidatorDirective.prototype, \"l10nValidateNumber\", {\r\n /**\r\n * Format: {minIntegerDigits}.{minFractionDigits}-{maxFractionDigits}.\r\n * @param {?} digits\r\n * @return {?}\r\n */\r\n set: function (digits) {\r\n this.digits = digits;\r\n },\r\n enumerable: true,\r\n configurable: true\r\n });\r\n Object.defineProperty(LocaleNumberValidatorDirective.prototype, \"validateLocaleNumber\", {\r\n /**\r\n * @param {?} digits\r\n * @return {?}\r\n */\r\n set: function (digits) {\r\n this.digits = digits;\r\n },\r\n enumerable: true,\r\n configurable: true\r\n });\r\n /**\r\n * @return {?}\r\n */\r\n LocaleNumberValidatorDirective.prototype.ngOnInit = function () {\r\n this.validator = validateLocaleNumber(this.digits, this.minValue || this.MIN_VALUE, this.maxValue || this.MAX_VALUE);\r\n };\r\n /**\r\n * @param {?} formControl\r\n * @return {?}\r\n */\r\n LocaleNumberValidatorDirective.prototype.validate = function (formControl) {\r\n return this.validator(formControl);\r\n };\r\n return LocaleNumberValidatorDirective;\r\n}());\r\nLocaleNumberValidatorDirective.decorators = [\r\n { type: Directive, args: [{\r\n selector: '[l10nValidateNumber][ngModel],[l10nValidateNumber][formControl], \\\r\n [validateLocaleNumber][ngModel],[validateLocaleNumber][formControl]',\r\n providers: [\r\n { provide: NG_VALIDATORS, useExisting: forwardRef(function () { return LocaleNumberValidatorDirective; }), multi: true }\r\n ]\r\n },] },\r\n];\r\n/**\r\n * @nocollapse\r\n */\r\nLocaleNumberValidatorDirective.ctorParameters = function () { return []; };\r\nLocaleNumberValidatorDirective.propDecorators = {\r\n 'l10nValidateNumber': [{ type: Input },],\r\n 'validateLocaleNumber': [{ type: Input },],\r\n 'minValue': [{ type: Input },],\r\n 'maxValue': [{ type: Input },],\r\n};\r\n/**\r\n * Provides dependencies, pipes & directives for translating messages.\r\n */\r\nvar TranslationModule = (function () {\r\n /**\r\n * @param {?} injector\r\n */\r\n function TranslationModule(injector) {\r\n this.injector = injector;\r\n // Creates the instance of the InjectorRef, so that module dependencies are available.\r\n }\r\n /**\r\n * Use in AppModule: new instances of LocaleService & TranslationService.\r\n * @param {?=} token\r\n * @return {?}\r\n */\r\n TranslationModule.forRoot = function (token) {\r\n if (token === void 0) { token = {}; }\r\n return {\r\n ngModule: TranslationModule,\r\n providers: [\r\n InjectorRef,\r\n LocaleConfig,\r\n LocaleService,\r\n {\r\n provide: LocaleStorage,\r\n useClass: token.localeStorage || BrowserStorage\r\n },\r\n TranslationConfig,\r\n TranslationService,\r\n {\r\n provide: TranslationProvider,\r\n useClass: token.translationProvider || HttpTranslationProvider\r\n },\r\n {\r\n provide: TranslationHandler,\r\n useClass: token.translationHandler || DefaultTranslationHandler\r\n }\r\n ]\r\n };\r\n };\r\n /**\r\n * Use in feature modules with lazy loading: new instance of TranslationService.\r\n * @param {?=} token\r\n * @return {?}\r\n */\r\n TranslationModule.forChild = function (token) {\r\n if (token === void 0) { token = {}; }\r\n return {\r\n ngModule: TranslationModule,\r\n providers: [\r\n InjectorRef,\r\n TranslationConfig,\r\n TranslationService,\r\n {\r\n provide: TranslationProvider,\r\n useClass: token.translationProvider || HttpTranslationProvider\r\n },\r\n {\r\n provide: TranslationHandler,\r\n useClass: token.translationHandler || DefaultTranslationHandler\r\n }\r\n ]\r\n };\r\n };\r\n return TranslationModule;\r\n}());\r\nTranslationModule.decorators = [\r\n { type: NgModule, args: [{\r\n declarations: [\r\n TranslatePipe,\r\n TranslateDirective\r\n ],\r\n exports: [\r\n TranslatePipe,\r\n TranslateDirective\r\n ]\r\n },] },\r\n];\r\n/**\r\n * @nocollapse\r\n */\r\nTranslationModule.ctorParameters = function () { return [\r\n { type: InjectorRef, },\r\n]; };\r\n/**\r\n * Provides dependencies, pipes & directives for translating messages, dates & numbers.\r\n */\r\nvar LocalizationModule = (function () {\r\n /**\r\n * @param {?} injector\r\n */\r\n function LocalizationModule(injector) {\r\n this.injector = injector;\r\n // Creates the instance of the InjectorRef, so that module dependencies are available.\r\n }\r\n /**\r\n * Use in AppModule: new instances of LocaleService & TranslationService.\r\n * @param {?=} token\r\n * @return {?}\r\n */\r\n LocalizationModule.forRoot = function (token) {\r\n if (token === void 0) { token = {}; }\r\n return {\r\n ngModule: LocalizationModule,\r\n providers: [\r\n InjectorRef,\r\n LocaleConfig,\r\n LocaleService,\r\n {\r\n provide: LocaleStorage,\r\n useClass: token.localeStorage || BrowserStorage\r\n },\r\n TranslationConfig,\r\n TranslationService,\r\n {\r\n provide: TranslationProvider,\r\n useClass: token.translationProvider || HttpTranslationProvider\r\n },\r\n {\r\n provide: TranslationHandler,\r\n useClass: token.translationHandler || DefaultTranslationHandler\r\n }\r\n ]\r\n };\r\n };\r\n /**\r\n * Use in feature modules with lazy loading: new instance of TranslationService.\r\n * @param {?=} token\r\n * @return {?}\r\n */\r\n LocalizationModule.forChild = function (token) {\r\n if (token === void 0) { token = {}; }\r\n return {\r\n ngModule: LocalizationModule,\r\n providers: [\r\n InjectorRef,\r\n TranslationConfig,\r\n TranslationService,\r\n {\r\n provide: TranslationProvider,\r\n useClass: token.translationProvider || HttpTranslationProvider\r\n },\r\n {\r\n provide: TranslationHandler,\r\n useClass: token.translationHandler || DefaultTranslationHandler\r\n }\r\n ]\r\n };\r\n };\r\n return LocalizationModule;\r\n}());\r\nLocalizationModule.decorators = [\r\n { type: NgModule, args: [{\r\n declarations: [\r\n LocaleDatePipe,\r\n LocaleDecimalPipe,\r\n LocalePercentPipe,\r\n LocaleCurrencyPipe,\r\n LocaleDateDirective,\r\n LocaleDecimalDirective,\r\n LocalePercentDirective,\r\n LocaleCurrencyDirective\r\n ],\r\n imports: [\r\n TranslationModule\r\n ],\r\n exports: [\r\n TranslationModule,\r\n LocaleDatePipe,\r\n LocaleDecimalPipe,\r\n LocalePercentPipe,\r\n LocaleCurrencyPipe,\r\n LocaleDateDirective,\r\n LocaleDecimalDirective,\r\n LocalePercentDirective,\r\n LocaleCurrencyDirective\r\n ]\r\n },] },\r\n];\r\n/**\r\n * @nocollapse\r\n */\r\nLocalizationModule.ctorParameters = function () { return [\r\n { type: InjectorRef, },\r\n]; };\r\n/**\r\n * Provides dependencies & directives for locale validation.\r\n */\r\nvar LocaleValidationModule = (function () {\r\n function LocaleValidationModule() {\r\n }\r\n /**\r\n * Use in AppModule: new instance of LocaleValidation.\r\n * @return {?}\r\n */\r\n LocaleValidationModule.forRoot = function () {\r\n return {\r\n ngModule: LocaleValidationModule,\r\n providers: [DecimalCode, LocaleValidation]\r\n };\r\n };\r\n return LocaleValidationModule;\r\n}());\r\nLocaleValidationModule.decorators = [\r\n { type: NgModule, args: [{\r\n declarations: [\r\n LocaleNumberValidatorDirective\r\n ],\r\n exports: [\r\n LocaleNumberValidatorDirective\r\n ]\r\n },] },\r\n];\r\n/**\r\n * @nocollapse\r\n */\r\nLocaleValidationModule.ctorParameters = function () { return []; };\r\n/**\r\n * Angular l10n.\r\n * An Angular library to translate messages, dates and numbers.\r\n * Written by Roberto Simonetti.\r\n * MIT license.\r\n * https://github.com/robisim74/angular-l10n\r\n */\r\n/**\r\n * Entry point for all public APIs of the package.\r\n */\r\n/**\r\n * Generated bundle index. Do not edit.\r\n */\r\nexport { InjectorRef, LocaleConfig, LocaleService, LocaleStorage, BrowserStorage, TranslationConfig, TranslationService, TranslationProvider, HttpTranslationProvider, TranslationHandler, DefaultTranslationHandler, Translation, Localization, NumberCode, DecimalCode, LocaleValidation, Collator, IntlAPI, Language, DefaultLocale$1 as DefaultLocale, Currency, TranslatePipe, LocaleDatePipe, LocaleDecimalPipe, LocalePercentPipe, LocaleCurrencyPipe, BaseDirective, TranslateDirective, LocaleDateDirective, LocaleDecimalDirective, LocalePercentDirective, LocaleCurrencyDirective, LocaleNumberValidatorDirective, validateLocaleNumber, TranslationModule, LocalizationModule, LocaleValidationModule };\r\n//# sourceMappingURL=angular-l10n.es5.js.map\n\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./node_modules/angular-l10n/modules/angular-l10n.es5.js\n// module id = 3\n// module chunks = 1","/**\n * @license Angular v4.4.7\n * (c) 2010-2017 Google, Inc. https://angular.io/\n * License: MIT\n */\n/**\n * @license\n * Copyright Google Inc. All Rights Reserved.\n *\n * Use of this source code is governed by an MIT-style license that can be\n * found in the LICENSE file at https://angular.io/license\n */\n/**\n * AnimationBuilder is an injectable service that is available when the {\\@link\n * BrowserAnimationsModule BrowserAnimationsModule} or {\\@link NoopAnimationsModule\n * NoopAnimationsModule} modules are used within an application.\n *\n * The purpose if this service is to produce an animation sequence programmatically within an\n * angular component or directive.\n *\n * Programmatic animations are first built and then a player is created when the build animation is\n * attached to an element.\n *\n * ```ts\n * // remember to include the BrowserAnimationsModule module for this to work...\n * import {AnimationBuilder} from '\\@angular/animations';\n *\n * class MyCmp {\n * constructor(private _builder: AnimationBuilder) {}\n *\n * makeAnimation(element: any) {\n * // first build the animation\n * const myAnimation = this._builder.build([\n * style({ width: 0 }),\n * animate(1000, style({ width: '100px' }))\n * ]);\n *\n * // then create a player from it\n * const player = myAnimation.create(element);\n *\n * player.play();\n * }\n * }\n * ```\n *\n * When an animation is built an instance of {\\@link AnimationFactory AnimationFactory} will be\n * returned. Using that an {\\@link AnimationPlayer AnimationPlayer} can be created which can then be\n * used to start the animation.\n *\n * \\@experimental Animation support is experimental.\n * @abstract\n */\nvar AnimationBuilder = (function () {\n function AnimationBuilder() {\n }\n /**\n * @abstract\n * @param {?} animation\n * @return {?}\n */\n AnimationBuilder.prototype.build = function (animation) { };\n return AnimationBuilder;\n}());\n/**\n * An instance of `AnimationFactory` is returned from {\\@link AnimationBuilder#build\n * AnimationBuilder.build}.\n *\n * \\@experimental Animation support is experimental.\n * @abstract\n */\nvar AnimationFactory = (function () {\n function AnimationFactory() {\n }\n /**\n * @abstract\n * @param {?} element\n * @param {?=} options\n * @return {?}\n */\n AnimationFactory.prototype.create = function (element, options) { };\n return AnimationFactory;\n}());\n/**\n * \\@experimental Animation support is experimental.\n */\nvar AUTO_STYLE = '*';\n/**\n * `trigger` is an animation-specific function that is designed to be used inside of Angular's\n * animation DSL language. If this information is new, please navigate to the\n * {\\@link Component#animations component animations metadata page} to gain a better\n * understanding of how animations in Angular are used.\n *\n * `trigger` Creates an animation trigger which will a list of {\\@link state state} and\n * {\\@link transition transition} entries that will be evaluated when the expression\n * bound to the trigger changes.\n *\n * Triggers are registered within the component annotation data under the\n * {\\@link Component#animations animations section}. An animation trigger can be placed on an element\n * within a template by referencing the name of the trigger followed by the expression value that\n * the\n * trigger is bound to (in the form of `[\\@triggerName]=\"expression\"`.\n *\n * Animation trigger bindings strigify values and then match the previous and current values against\n * any linked transitions. If a boolean value is provided into the trigger binding then it will both\n * be represented as `1` or `true` and `0` or `false` for a true and false boolean values\n * respectively.\n *\n * ### Usage\n *\n * `trigger` will create an animation trigger reference based on the provided `name` value. The\n * provided `animation` value is expected to be an array consisting of {\\@link state state} and\n * {\\@link transition transition} declarations.\n *\n * ```typescript\n * \\@Component({\n * selector: 'my-component',\n * templateUrl: 'my-component-tpl.html',\n * animations: [\n * trigger(\"myAnimationTrigger\", [\n * state(...),\n * state(...),\n * transition(...),\n * transition(...)\n * ])\n * ]\n * })\n * class MyComponent {\n * myStatusExp = \"something\";\n * }\n * ```\n *\n * The template associated with this component will make use of the `myAnimationTrigger` animation\n * trigger by binding to an element within its template code.\n *\n * ```html\n * \n * ...
\n * ```\n *\n * ## Disable Animations\n * A special animation control binding called `\\@.disabled` can be placed on an element which will\n * then disable animations for any inner animation triggers situated within the element as well as\n * any animations on the element itself.\n *\n * When true, the `\\@.disabled` binding will prevent all animations from rendering. The example\n * below shows how to use this feature:\n *\n * ```ts\n * \\@Component({\n * selector: 'my-component',\n * template: `\n * \n * `,\n * animations: [\n * trigger(\"childAnimation\", [\n * // ...\n * ])\n * ]\n * })\n * class MyComponent {\n * isDisabled = true;\n * exp = '...';\n * }\n * ```\n *\n * The `\\@childAnimation` trigger will not animate because `\\@.disabled` prevents it from happening\n * (when true).\n *\n * Note that `\\@.disbled` will only disable all animations (this means any animations running on\n * the same element will also be disabled).\n *\n * ### Disabling Animations Application-wide\n * When an area of the template is set to have animations disabled, **all** inner components will\n * also have their animations disabled as well. This means that all animations for an angular\n * application can be disabled by placing a host binding set on `\\@.disabled` on the topmost Angular\n * component.\n *\n * ```ts\n * import {Component, HostBinding} from '\\@angular/core';\n *\n * \\@Component({\n * selector: 'app-component',\n * templateUrl: 'app.component.html',\n * })\n * class AppComponent {\n * \\@HostBinding('\\@.disabled')\n * public animationsDisabled = true;\n * }\n * ```\n *\n * ### What about animations that us `query()` and `animateChild()`?\n * Despite inner animations being disabled, a parent animation can {\\@link query query} for inner\n * elements located in disabled areas of the template and still animate them as it sees fit. This is\n * also the case for when a sub animation is queried by a parent and then later animated using {\\@link\n * animateChild animateChild}.\n *\n * \\@experimental Animation support is experimental.\n * @param {?} name\n * @param {?} definitions\n * @return {?}\n */\nfunction trigger(name, definitions) {\n return { type: 7 /* Trigger */, name: name, definitions: definitions, options: {} };\n}\n/**\n * `animate` is an animation-specific function that is designed to be used inside of Angular's\n * animation DSL language. If this information is new, please navigate to the {\\@link\n * Component#animations component animations metadata page} to gain a better understanding of\n * how animations in Angular are used.\n *\n * `animate` specifies an animation step that will apply the provided `styles` data for a given\n * amount of time based on the provided `timing` expression value. Calls to `animate` are expected\n * to be used within {\\@link sequence an animation sequence}, {\\@link group group}, or {\\@link\n * transition transition}.\n *\n * ### Usage\n *\n * The `animate` function accepts two input parameters: `timing` and `styles`:\n *\n * - `timing` is a string based value that can be a combination of a duration with optional delay\n * and easing values. The format for the expression breaks down to `duration delay easing`\n * (therefore a value such as `1s 100ms ease-out` will be parse itself into `duration=1000,\n * delay=100, easing=ease-out`. If a numeric value is provided then that will be used as the\n * `duration` value in millisecond form.\n * - `styles` is the style input data which can either be a call to {\\@link style style} or {\\@link\n * keyframes keyframes}. If left empty then the styles from the destination state will be collected\n * and used (this is useful when describing an animation step that will complete an animation by\n * {\\@link transition#the-final-animate-call animating to the final state}).\n *\n * ```typescript\n * // various functions for specifying timing data\n * animate(500, style(...))\n * animate(\"1s\", style(...))\n * animate(\"100ms 0.5s\", style(...))\n * animate(\"5s ease\", style(...))\n * animate(\"5s 10ms cubic-bezier(.17,.67,.88,.1)\", style(...))\n *\n * // either style() of keyframes() can be used\n * animate(500, style({ background: \"red\" }))\n * animate(500, keyframes([\n * style({ background: \"blue\" })),\n * style({ background: \"red\" }))\n * ])\n * ```\n *\n * {\\@example core/animation/ts/dsl/animation_example.ts region='Component'}\n *\n * \\@experimental Animation support is experimental.\n * @param {?} timings\n * @param {?=} styles\n * @return {?}\n */\nfunction animate(timings, styles) {\n if (styles === void 0) { styles = null; }\n return { type: 4 /* Animate */, styles: styles, timings: timings };\n}\n/**\n * `group` is an animation-specific function that is designed to be used inside of Angular's\n * animation DSL language. If this information is new, please navigate to the {\\@link\n * Component#animations component animations metadata page} to gain a better understanding of\n * how animations in Angular are used.\n *\n * `group` specifies a list of animation steps that are all run in parallel. Grouped animations are\n * useful when a series of styles must be animated/closed off at different starting/ending times.\n *\n * The `group` function can either be used within a {\\@link sequence sequence} or a {\\@link transition\n * transition} and it will only continue to the next instruction once all of the inner animation\n * steps have completed.\n *\n * ### Usage\n *\n * The `steps` data that is passed into the `group` animation function can either consist of {\\@link\n * style style} or {\\@link animate animate} function calls. Each call to `style()` or `animate()`\n * within a group will be executed instantly (use {\\@link keyframes keyframes} or a {\\@link\n * animate#usage animate() with a delay value} to offset styles to be applied at a later time).\n *\n * ```typescript\n * group([\n * animate(\"1s\", { background: \"black\" }))\n * animate(\"2s\", { color: \"white\" }))\n * ])\n * ```\n *\n * {\\@example core/animation/ts/dsl/animation_example.ts region='Component'}\n *\n * \\@experimental Animation support is experimental.\n * @param {?} steps\n * @param {?=} options\n * @return {?}\n */\nfunction group(steps, options) {\n if (options === void 0) { options = null; }\n return { type: 3 /* Group */, steps: steps, options: options };\n}\n/**\n * `sequence` is an animation-specific function that is designed to be used inside of Angular's\n * animation DSL language. If this information is new, please navigate to the {\\@link\n * Component#animations component animations metadata page} to gain a better understanding of\n * how animations in Angular are used.\n *\n * `sequence` Specifies a list of animation steps that are run one by one. (`sequence` is used by\n * default when an array is passed as animation data into {\\@link transition transition}.)\n *\n * The `sequence` function can either be used within a {\\@link group group} or a {\\@link transition\n * transition} and it will only continue to the next instruction once each of the inner animation\n * steps have completed.\n *\n * To perform animation styling in parallel with other animation steps then have a look at the\n * {\\@link group group} animation function.\n *\n * ### Usage\n *\n * The `steps` data that is passed into the `sequence` animation function can either consist of\n * {\\@link style style} or {\\@link animate animate} function calls. A call to `style()` will apply the\n * provided styling data immediately while a call to `animate()` will apply its styling data over a\n * given time depending on its timing data.\n *\n * ```typescript\n * sequence([\n * style({ opacity: 0 })),\n * animate(\"1s\", { opacity: 1 }))\n * ])\n * ```\n *\n * {\\@example core/animation/ts/dsl/animation_example.ts region='Component'}\n *\n * \\@experimental Animation support is experimental.\n * @param {?} steps\n * @param {?=} options\n * @return {?}\n */\nfunction sequence(steps, options) {\n if (options === void 0) { options = null; }\n return { type: 2 /* Sequence */, steps: steps, options: options };\n}\n/**\n * `style` is an animation-specific function that is designed to be used inside of Angular's\n * animation DSL language. If this information is new, please navigate to the {\\@link\n * Component#animations component animations metadata page} to gain a better understanding of\n * how animations in Angular are used.\n *\n * `style` declares a key/value object containing CSS properties/styles that can then be used for\n * {\\@link state animation states}, within an {\\@link sequence animation sequence}, or as styling data\n * for both {\\@link animate animate} and {\\@link keyframes keyframes}.\n *\n * ### Usage\n *\n * `style` takes in a key/value string map as data and expects one or more CSS property/value pairs\n * to be defined.\n *\n * ```typescript\n * // string values are used for css properties\n * style({ background: \"red\", color: \"blue\" })\n *\n * // numerical (pixel) values are also supported\n * style({ width: 100, height: 0 })\n * ```\n *\n * #### Auto-styles (using `*`)\n *\n * When an asterix (`*`) character is used as a value then it will be detected from the element\n * being animated and applied as animation data when the animation starts.\n *\n * This feature proves useful for a state depending on layout and/or environment factors; in such\n * cases the styles are calculated just before the animation starts.\n *\n * ```typescript\n * // the steps below will animate from 0 to the\n * // actual height of the element\n * style({ height: 0 }),\n * animate(\"1s\", style({ height: \"*\" }))\n * ```\n *\n * {\\@example core/animation/ts/dsl/animation_example.ts region='Component'}\n *\n * \\@experimental Animation support is experimental.\n * @param {?} tokens\n * @return {?}\n */\nfunction style(tokens) {\n return { type: 6 /* Style */, styles: tokens, offset: null };\n}\n/**\n * `state` is an animation-specific function that is designed to be used inside of Angular's\n * animation DSL language. If this information is new, please navigate to the {\\@link\n * Component#animations component animations metadata page} to gain a better understanding of\n * how animations in Angular are used.\n *\n * `state` declares an animation state within the given trigger. When a state is active within a\n * component then its associated styles will persist on the element that the trigger is attached to\n * (even when the animation ends).\n *\n * To animate between states, have a look at the animation {\\@link transition transition} DSL\n * function. To register states to an animation trigger please have a look at the {\\@link trigger\n * trigger} function.\n *\n * #### The `void` state\n *\n * The `void` state value is a reserved word that angular uses to determine when the element is not\n * apart of the application anymore (e.g. when an `ngIf` evaluates to false then the state of the\n * associated element is void).\n *\n * #### The `*` (default) state\n *\n * The `*` state (when styled) is a fallback state that will be used if the state that is being\n * animated is not declared within the trigger.\n *\n * ### Usage\n *\n * `state` will declare an animation state with its associated styles\n * within the given trigger.\n *\n * - `stateNameExpr` can be one or more state names separated by commas.\n * - `styles` refers to the {\\@link style styling data} that will be persisted on the element once\n * the state has been reached.\n *\n * ```typescript\n * // \"void\" is a reserved name for a state and is used to represent\n * // the state in which an element is detached from from the application.\n * state(\"void\", style({ height: 0 }))\n *\n * // user-defined states\n * state(\"closed\", style({ height: 0 }))\n * state(\"open, visible\", style({ height: \"*\" }))\n * ```\n *\n * {\\@example core/animation/ts/dsl/animation_example.ts region='Component'}\n *\n * \\@experimental Animation support is experimental.\n * @param {?} name\n * @param {?} styles\n * @param {?=} options\n * @return {?}\n */\nfunction state(name, styles, options) {\n return { type: 0 /* State */, name: name, styles: styles, options: options };\n}\n/**\n * `keyframes` is an animation-specific function that is designed to be used inside of Angular's\n * animation DSL language. If this information is new, please navigate to the {\\@link\n * Component#animations component animations metadata page} to gain a better understanding of\n * how animations in Angular are used.\n *\n * `keyframes` specifies a collection of {\\@link style style} entries each optionally characterized\n * by an `offset` value.\n *\n * ### Usage\n *\n * The `keyframes` animation function is designed to be used alongside the {\\@link animate animate}\n * animation function. Instead of applying animations from where they are currently to their\n * destination, keyframes can describe how each style entry is applied and at what point within the\n * animation arc (much like CSS Keyframe Animations do).\n *\n * For each `style()` entry an `offset` value can be set. Doing so allows to specifiy at what\n * percentage of the animate time the styles will be applied.\n *\n * ```typescript\n * // the provided offset values describe when each backgroundColor value is applied.\n * animate(\"5s\", keyframes([\n * style({ backgroundColor: \"red\", offset: 0 }),\n * style({ backgroundColor: \"blue\", offset: 0.2 }),\n * style({ backgroundColor: \"orange\", offset: 0.3 }),\n * style({ backgroundColor: \"black\", offset: 1 })\n * ]))\n * ```\n *\n * Alternatively, if there are no `offset` values used within the style entries then the offsets\n * will be calculated automatically.\n *\n * ```typescript\n * animate(\"5s\", keyframes([\n * style({ backgroundColor: \"red\" }) // offset = 0\n * style({ backgroundColor: \"blue\" }) // offset = 0.33\n * style({ backgroundColor: \"orange\" }) // offset = 0.66\n * style({ backgroundColor: \"black\" }) // offset = 1\n * ]))\n * ```\n *\n * {\\@example core/animation/ts/dsl/animation_example.ts region='Component'}\n *\n * \\@experimental Animation support is experimental.\n * @param {?} steps\n * @return {?}\n */\nfunction keyframes(steps) {\n return { type: 5 /* Keyframes */, steps: steps };\n}\n/**\n * `transition` is an animation-specific function that is designed to be used inside of Angular's\n * animation DSL language. If this information is new, please navigate to the {\\@link\n * Component#animations component animations metadata page} to gain a better understanding of\n * how animations in Angular are used.\n *\n * `transition` declares the {\\@link sequence sequence of animation steps} that will be run when the\n * provided `stateChangeExpr` value is satisfied. The `stateChangeExpr` consists of a `state1 =>\n * state2` which consists of two known states (use an asterix (`*`) to refer to a dynamic starting\n * and/or ending state).\n *\n * A function can also be provided as the `stateChangeExpr` argument for a transition and this\n * function will be executed each time a state change occurs. If the value returned within the\n * function is true then the associated animation will be run.\n *\n * Animation transitions are placed within an {\\@link trigger animation trigger}. For an transition\n * to animate to a state value and persist its styles then one or more {\\@link state animation\n * states} is expected to be defined.\n *\n * ### Usage\n *\n * An animation transition is kicked off the `stateChangeExpr` predicate evaluates to true based on\n * what the previous state is and what the current state has become. In other words, if a transition\n * is defined that matches the old/current state criteria then the associated animation will be\n * triggered.\n *\n * ```typescript\n * // all transition/state changes are defined within an animation trigger\n * trigger(\"myAnimationTrigger\", [\n * // if a state is defined then its styles will be persisted when the\n * // animation has fully completed itself\n * state(\"on\", style({ background: \"green\" })),\n * state(\"off\", style({ background: \"grey\" })),\n *\n * // a transition animation that will be kicked off when the state value\n * // bound to \"myAnimationTrigger\" changes from \"on\" to \"off\"\n * transition(\"on => off\", animate(500)),\n *\n * // it is also possible to do run the same animation for both directions\n * transition(\"on <=> off\", animate(500)),\n *\n * // or to define multiple states pairs separated by commas\n * transition(\"on => off, off => void\", animate(500)),\n *\n * // this is a catch-all state change for when an element is inserted into\n * // the page and the destination state is unknown\n * transition(\"void => *\", [\n * style({ opacity: 0 }),\n * animate(500)\n * ]),\n *\n * // this will capture a state change between any states\n * transition(\"* => *\", animate(\"1s 0s\")),\n *\n * // you can also go full out and include a function\n * transition((fromState, toState) => {\n * // when `true` then it will allow the animation below to be invoked\n * return fromState == \"off\" && toState == \"on\";\n * }, animate(\"1s 0s\"))\n * ])\n * ```\n *\n * The template associated with this component will make use of the `myAnimationTrigger` animation\n * trigger by binding to an element within its template code.\n *\n * ```html\n * \n * ...
\n * ```\n *\n * #### The final `animate` call\n *\n * If the final step within the transition steps is a call to `animate()` that **only** uses a\n * timing value with **no style data** then it will be automatically used as the final animation arc\n * for the element to animate itself to the final state. This involves an automatic mix of\n * adding/removing CSS styles so that the element will be in the exact state it should be for the\n * applied state to be presented correctly.\n *\n * ```\n * // start off by hiding the element, but make sure that it animates properly to whatever state\n * // is currently active for \"myAnimationTrigger\"\n * transition(\"void => *\", [\n * style({ opacity: 0 }),\n * animate(500)\n * ])\n * ```\n *\n * ### Transition Aliases (`:enter` and `:leave`)\n *\n * Given that enter (insertion) and leave (removal) animations are so common, the `transition`\n * function accepts both `:enter` and `:leave` values which are aliases for the `void => *` and `*\n * => void` state changes.\n *\n * ```\n * transition(\":enter\", [\n * style({ opacity: 0 }),\n * animate(500, style({ opacity: 1 }))\n * ])\n * transition(\":leave\", [\n * animate(500, style({ opacity: 0 }))\n * ])\n * ```\n *\n * ### Boolean values\n * if a trigger binding value is a boolean value then it can be matched using a transition\n * expression that compares `true` and `false` or `1` and `0`.\n *\n * ```\n * // in the template\n * ...
\n *\n * // in the component metadata\n * trigger('openClose', [\n * state('true', style({ height: '*' })),\n * state('false', style({ height: '0px' })),\n * transition('false <=> true', animate(500))\n * ])\n * ```\n * {\\@example core/animation/ts/dsl/animation_example.ts region='Component'}\n *\n * \\@experimental Animation support is experimental.\n * @param {?} stateChangeExpr\n * @param {?} steps\n * @param {?=} options\n * @return {?}\n */\nfunction transition(stateChangeExpr, steps, options) {\n if (options === void 0) { options = null; }\n return { type: 1 /* Transition */, expr: stateChangeExpr, animation: steps, options: options };\n}\n/**\n * `animation` is an animation-specific function that is designed to be used inside of Angular's\n * animation DSL language.\n *\n * `var myAnimation = animation(...)` is designed to produce a reusable animation that can be later\n * invoked in another animation or sequence. Reusable animations are designed to make use of\n * animation parameters and the produced animation can be used via the `useAnimation` method.\n *\n * ```\n * var fadeAnimation = animation([\n * style({ opacity: '{{ start }}' }),\n * animate('{{ time }}',\n * style({ opacity: '{{ end }}'}))\n * ], { params: { time: '1000ms', start: 0, end: 1 }});\n * ```\n *\n * If parameters are attached to an animation then they act as **default parameter values**. When an\n * animation is invoked via `useAnimation` then parameter values are allowed to be passed in\n * directly. If any of the passed in parameter values are missing then the default values will be\n * used.\n *\n * ```\n * useAnimation(fadeAnimation, {\n * params: {\n * time: '2s',\n * start: 1,\n * end: 0\n * }\n * })\n * ```\n *\n * If one or more parameter values are missing before animated then an error will be thrown.\n *\n * \\@experimental Animation support is experimental.\n * @param {?} steps\n * @param {?=} options\n * @return {?}\n */\nfunction animation(steps, options) {\n if (options === void 0) { options = null; }\n return { type: 8 /* Reference */, animation: steps, options: options };\n}\n/**\n * `animateChild` is an animation-specific function that is designed to be used inside of Angular's\n * animation DSL language. It works by allowing a queried element to execute its own\n * animation within the animation sequence.\n *\n * Each time an animation is triggered in angular, the parent animation\n * will always get priority and any child animations will be blocked. In order\n * for a child animation to run, the parent animation must query each of the elements\n * containing child animations and then allow the animations to run using `animateChild`.\n *\n * The example HTML code below shows both parent and child elements that have animation\n * triggers that will execute at the same time.\n *\n * ```html\n * \n * Toggle \n * \n *
\n *
\n * one\n *
\n *
\n * two\n *
\n *
\n * three\n *
\n *
\n *
Title \n *
\n * Blah blah blah\n *
\n *
Show / Hide Items \n * \n *
\n * {{ item }}\n *
\n *
\\n \\n \\n\\n \\n \\n \\n\"\n },] },\n ];\n /** @nocollapse */\n Ng2DropdownButton.ctorParameters = function () { return [\n { type: ElementRef, },\n ]; };\n Ng2DropdownButton.propDecorators = {\n \"onMenuToggled\": [{ type: Output },],\n \"showCaret\": [{ type: Input },],\n };\n return Ng2DropdownButton;\n}());\n\n/**\n * @fileoverview added by tsickle\n * @suppress {checkTypes} checked by tsc\n */\nvar /** @type {?} */ KEYS = {\n BACKSPACE: 9,\n PREV: 38,\n NEXT: 40,\n ENTER: 13,\n ESCAPE: 27\n};\n/**\n * \\@name onSwitchNext\n * @param index\n * @param items\n * @param state\n */\nvar /** @type {?} */ onSwitchNext = function (index, items, state$$1) {\n if (index < items.length - 1) {\n state$$1.select(items[index + 1], true);\n }\n};\n/**\n * \\@name onSwitchPrev\n * @param index\n * @param items\n * @param state\n */\nvar /** @type {?} */ onSwitchPrev = function (index, items, state$$1) {\n if (index > 0) {\n state$$1.select(items[index - 1], true);\n }\n};\n/**\n * \\@name onBackspace\n * @param index\n * @param items\n * @param state\n */\nvar /** @type {?} */ onBackspace = function (index, items, state$$1) {\n if (index < items.length - 1) {\n state$$1.select(items[index + 1], true);\n }\n else {\n state$$1.select(items[0], true);\n }\n};\n/**\n * @this {?}\n * @return {?}\n */\nfunction onEscape() {\n this.hide();\n}\n/**\n * \\@name onItemClicked\n * @param index\n * @param items\n * @param state\n */\nvar /** @type {?} */ onItemClicked = function (index, items, state$$1) {\n return state$$1.selectedItem ? state$$1.selectedItem.click() : undefined;\n};\nvar /** @type {?} */ ACTIONS = (_a = {},\n _a[KEYS.BACKSPACE] = onBackspace,\n _a[KEYS.PREV] = onSwitchPrev,\n _a[KEYS.NEXT] = onSwitchNext,\n _a[KEYS.ENTER] = onItemClicked,\n _a[KEYS.ESCAPE] = onEscape,\n _a);\n/**\n * @param {?} event\n * @return {?}\n */\nfunction arrowKeysHandler(event) {\n if ([38, 40].indexOf(event.keyCode) > -1) {\n event.preventDefault();\n }\n}\nvar _a;\n\n/**\n * @fileoverview added by tsickle\n * @suppress {checkTypes} checked by tsc\n */\nvar Ng2DropdownState = /** @class */ (function () {\n function Ng2DropdownState() {\n this.onItemSelected = new EventEmitter();\n this.onItemClicked = new EventEmitter();\n this.onItemDestroyed = new EventEmitter();\n }\n Object.defineProperty(Ng2DropdownState.prototype, \"selectedItem\", {\n get: /**\n * \\@name selectedItem\n * @desc getter for _selectedItem\n * @return {?}\n */\n function () {\n return this._selectedItem;\n },\n enumerable: true,\n configurable: true\n });\n /**\n * \\@name selects a menu item and emits event\n * @param {?} item\n * @param {?=} dispatchEvent\n * @return {?}\n */\n Ng2DropdownState.prototype.select = /**\n * \\@name selects a menu item and emits event\n * @param {?} item\n * @param {?=} dispatchEvent\n * @return {?}\n */\n function (item, dispatchEvent) {\n if (dispatchEvent === void 0) { dispatchEvent = true; }\n this._selectedItem = item;\n if (!dispatchEvent || !item) {\n return;\n }\n item.focus();\n this.onItemSelected.emit(item);\n };\n /**\n * \\@name unselect\n * @desc sets _selectedItem as undefined\n * @return {?}\n */\n Ng2DropdownState.prototype.unselect = /**\n * \\@name unselect\n * @desc sets _selectedItem as undefined\n * @return {?}\n */\n function () {\n this._selectedItem = undefined;\n };\n return Ng2DropdownState;\n}());\n\n/**\n * @fileoverview added by tsickle\n * @suppress {checkTypes} checked by tsc\n */\nvar DropdownStateService = /** @class */ (function () {\n function DropdownStateService() {\n this.menuState = {\n isVisible: /** @type {?} */ (false),\n toString: /**\n * @return {?}\n */\n function () {\n return this.isVisible === true ? 'visible' : 'hidden';\n }\n };\n this.dropdownState = new Ng2DropdownState();\n }\n DropdownStateService.decorators = [\n { type: Injectable },\n ];\n return DropdownStateService;\n}());\n\n/**\n * @fileoverview added by tsickle\n * @suppress {checkTypes} checked by tsc\n */\nvar Ng2MenuItem = /** @class */ (function () {\n function Ng2MenuItem(state$$1, element, renderer) {\n this.state = state$$1;\n this.element = element;\n this.renderer = renderer;\n /**\n * \\@preventClose\n * @desc if true, clicking on the item won't close the dropdown\n */\n this.preventClose = false;\n }\n /**\n * @return {?}\n */\n Ng2MenuItem.prototype.ngOnDestroy = /**\n * @return {?}\n */\n function () {\n this.state.dropdownState.onItemDestroyed.emit(this);\n };\n Object.defineProperty(Ng2MenuItem.prototype, \"isSelected\", {\n get: /**\n * \\@name isSelected\n * @desc returns current selected item\n * @return {?}\n */\n function () {\n return this === this.state.dropdownState.selectedItem;\n },\n enumerable: true,\n configurable: true\n });\n /**\n * \\@name click\n * @desc emits select event\n * @param {?=} $event\n * @return {?}\n */\n Ng2MenuItem.prototype.select = /**\n * \\@name click\n * @desc emits select event\n * @param {?=} $event\n * @return {?}\n */\n function ($event) {\n this.state.dropdownState.select(this, true);\n if ($event) {\n $event.stopPropagation();\n $event.preventDefault();\n }\n };\n /**\n * \\@name click\n * @desc emits click event\n * @return {?}\n */\n Ng2MenuItem.prototype.click = /**\n * \\@name click\n * @desc emits click event\n * @return {?}\n */\n function () {\n this.state.dropdownState.onItemClicked.emit(this);\n };\n /**\n * \\@name focus\n * @return {?}\n */\n Ng2MenuItem.prototype.focus = /**\n * \\@name focus\n * @return {?}\n */\n function () {\n this.renderer.invokeElementMethod(this.element.nativeElement.children[0], 'focus');\n };\n Ng2MenuItem.decorators = [\n { type: Component, args: [{\n selector: 'ng2-menu-item',\n styles: [\".ng2-menu-item{font-family:Roboto,\\\"Helvetica Neue\\\",Helvetica,Arial;background:#fff;color:rgba(0,0,0,.87);cursor:pointer;font-size:.9em;text-transform:none;font-weight:400;letter-spacing:.03em;height:48px;line-height:48px;padding:.3em 1.25rem;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;transition:background .25s}.ng2-menu-item--selected{background:rgba(158,158,158,.2);outline:0}.ng2-menu-item:focus{outline:0}.ng2-menu-item:active{background:rgba(158,158,158,.4)}:host(ng2-menu-item) /deep/ [ng2-menu-item-icon]{vertical-align:middle;font-size:28px;width:1.5em;height:30px;color:rgba(0,0,0,.44)}\"],\n template: \"\\n\"\n },] },\n ];\n /** @nocollapse */\n Ng2MenuItem.ctorParameters = function () { return [\n { type: DropdownStateService, },\n { type: ElementRef, },\n { type: Renderer, },\n ]; };\n Ng2MenuItem.propDecorators = {\n \"preventClose\": [{ type: Input },],\n \"value\": [{ type: Input },],\n };\n return Ng2MenuItem;\n}());\n\n/**\n * @fileoverview added by tsickle\n * @suppress {checkTypes} checked by tsc\n */\nvar Ng2DropdownMenu = /** @class */ (function () {\n function Ng2DropdownMenu(state$$1, element, renderer) {\n this.state = state$$1;\n this.element = element;\n this.renderer = renderer;\n /**\n * \\@name width\n */\n this.width = 4;\n /**\n * \\@description if set to true, the first element of the dropdown will be automatically focused\n * \\@name focusFirstElement\n */\n this.focusFirstElement = true;\n /**\n * \\@name appendToBody\n */\n this.appendToBody = true;\n /**\n * \\@name zIndex\n */\n this.zIndex = 1000;\n this.listeners = {\n arrowHandler: undefined,\n handleKeypress: undefined\n };\n }\n /**\n * \\@name show\n * \\@shows menu and selects first item\n * @param {?=} position\n * @param {?=} dynamic\n * @return {?}\n */\n Ng2DropdownMenu.prototype.show = /**\n * \\@name show\n * \\@shows menu and selects first item\n * @param {?=} position\n * @param {?=} dynamic\n * @return {?}\n */\n function (position, dynamic) {\n if (dynamic === void 0) { dynamic = true; }\n var /** @type {?} */ dc = typeof document !== 'undefined' ? document : undefined;\n var /** @type {?} */ wd = typeof window !== 'undefined' ? window : undefined;\n if (!this.state.menuState.isVisible) {\n // setting handlers\n this.listeners.handleKeypress = this.renderer.listen(dc.body, 'keydown', this.handleKeypress.bind(this));\n this.listeners.arrowHandler = this.renderer.listen(wd, 'keydown', arrowKeysHandler);\n }\n // update state\n this.state.menuState.isVisible = true;\n if (position) {\n this.updatePosition(position, dynamic);\n }\n };\n /**\n * \\@name hide\n * @desc hides menu\n * @return {?}\n */\n Ng2DropdownMenu.prototype.hide = /**\n * \\@name hide\n * @desc hides menu\n * @return {?}\n */\n function () {\n this.state.menuState.isVisible = false;\n // reset selected item state\n this.state.dropdownState.unselect();\n // call function to unlisten\n this.listeners.arrowHandler ? this.listeners.arrowHandler() : undefined;\n this.listeners.handleKeypress ? this.listeners.handleKeypress() : undefined;\n };\n /**\n * \\@name updatePosition\n * @desc updates the menu position every time it is toggled\n * @param {?} position {ClientRect}\n * @param {?} dynamic {boolean}\n * @return {?}\n */\n Ng2DropdownMenu.prototype.updatePosition = /**\n * \\@name updatePosition\n * @desc updates the menu position every time it is toggled\n * @param {?} position {ClientRect}\n * @param {?} dynamic {boolean}\n * @return {?}\n */\n function (position, dynamic) {\n this.position = position;\n this.updateOnChange(dynamic);\n };\n /**\n * \\@name handleKeypress\n * @desc executes functions on keyPress based on the key pressed\n * @param {?} $event\n * @return {?}\n */\n Ng2DropdownMenu.prototype.handleKeypress = /**\n * \\@name handleKeypress\n * @desc executes functions on keyPress based on the key pressed\n * @param {?} $event\n * @return {?}\n */\n function ($event) {\n var /** @type {?} */ key = $event.keyCode;\n var /** @type {?} */ items = this.items.toArray();\n var /** @type {?} */ index = items.indexOf(this.state.dropdownState.selectedItem);\n if (!ACTIONS.hasOwnProperty(key)) {\n return;\n }\n ACTIONS[key].call(this, index, items, this.state.dropdownState);\n };\n /**\n * \\@name getMenuElement\n * @return {?}\n */\n Ng2DropdownMenu.prototype.getMenuElement = /**\n * \\@name getMenuElement\n * @return {?}\n */\n function () {\n return this.element.nativeElement.children[0];\n };\n /**\n * \\@name calcPositionOffset\n * @param {?} position\n * @return {?}\n */\n Ng2DropdownMenu.prototype.calcPositionOffset = /**\n * \\@name calcPositionOffset\n * @param {?} position\n * @return {?}\n */\n function (position) {\n var /** @type {?} */ wd = typeof window !== 'undefined' ? window : undefined;\n var /** @type {?} */ dc = typeof document !== 'undefined' ? document : undefined;\n if (!wd || !dc || !position) {\n return;\n }\n var /** @type {?} */ element = this.getMenuElement();\n var /** @type {?} */ supportPageOffset = wd.pageXOffset !== undefined;\n var /** @type {?} */ isCSS1Compat = ((dc.compatMode || '') === 'CSS1Compat');\n var /** @type {?} */ x = supportPageOffset ? wd.pageXOffset : isCSS1Compat ?\n dc.documentElement.scrollLeft : dc.body.scrollLeft;\n var /** @type {?} */ y = supportPageOffset ? wd.pageYOffset : isCSS1Compat ?\n dc.documentElement.scrollTop : dc.body.scrollTop;\n var _a = this.applyOffset(position.top + (this.appendToBody ? y - 15 : 0) + \"px\", position.left + x - 5 + \"px\"), top = _a.top, left = _a.left;\n var /** @type {?} */ clientWidth = element.clientWidth;\n var /** @type {?} */ clientHeight = element.clientHeight;\n var /** @type {?} */ marginFromBottom = parseInt(top) + clientHeight + (this.appendToBody ? 0 : y - 15);\n var /** @type {?} */ marginFromRight = parseInt(left) + clientWidth;\n var /** @type {?} */ windowScrollHeight = wd.innerHeight + wd.scrollY;\n var /** @type {?} */ windowScrollWidth = wd.innerWidth + wd.scrollX;\n if (marginFromBottom >= windowScrollHeight) {\n top = parseInt(top.replace('px', '')) - clientHeight + \"px\";\n }\n if (marginFromRight >= windowScrollWidth) {\n var /** @type {?} */ marginRight = marginFromRight - windowScrollWidth + 30;\n left = parseInt(left.replace('px', '')) - marginRight + \"px\";\n }\n return { top: top, left: left };\n };\n /**\n * @param {?} top\n * @param {?} left\n * @return {?}\n */\n Ng2DropdownMenu.prototype.applyOffset = /**\n * @param {?} top\n * @param {?} left\n * @return {?}\n */\n function (top, left) {\n if (!this.offset) {\n return { top: top, left: left };\n }\n var /** @type {?} */ offset = this.offset.split(' ');\n if (!offset[1]) {\n offset[1] = '0';\n }\n top = parseInt(top.replace('px', '')) + parseInt(offset[0]) + \"px\";\n left = parseInt(left.replace('px', '')) + parseInt(offset[1]) + \"px\";\n return { top: top, left: left };\n };\n /**\n * @return {?}\n */\n Ng2DropdownMenu.prototype.ngOnInit = /**\n * @return {?}\n */\n function () {\n var /** @type {?} */ dc = typeof document !== 'undefined' ? document : undefined;\n if (this.appendToBody) {\n // append menu element to the body\n dc.body.appendChild(this.element.nativeElement);\n }\n };\n /**\n * @param {?=} dynamic\n * @return {?}\n */\n Ng2DropdownMenu.prototype.updateOnChange = /**\n * @param {?=} dynamic\n * @return {?}\n */\n function (dynamic) {\n if (dynamic === void 0) { dynamic = true; }\n var /** @type {?} */ element = this.getMenuElement();\n var /** @type {?} */ position = this.calcPositionOffset(this.position);\n if (position) {\n this.renderer.setElementStyle(element, 'top', position.top.toString());\n this.renderer.setElementStyle(element, 'left', position.left.toString());\n }\n // select first item unless user disabled this option\n if (this.focusFirstElement &&\n this.items.first &&\n !this.state.dropdownState.selectedItem) {\n this.state.dropdownState.select(this.items.first, false);\n }\n };\n /**\n * @return {?}\n */\n Ng2DropdownMenu.prototype.ngOnDestroy = /**\n * @return {?}\n */\n function () {\n var /** @type {?} */ elem = this.element.nativeElement;\n elem.parentNode.removeChild(elem);\n if (this.listeners.handleKeypress) {\n this.listeners.handleKeypress();\n }\n };\n Ng2DropdownMenu.decorators = [\n { type: Component, args: [{\n selector: 'ng2-dropdown-menu',\n styles: [\":host{display:block}.ng2-dropdown-menu{overflow-y:auto;box-shadow:0 1px 2px 0 rgba(0,0,0,.3);position:absolute;padding:.5em 0;background:#fff;border-radius:1px;max-height:400px;width:260px;min-height:0;display:block}.ng2-dropdown-menu.ng2-dropdown-menu--inside-element{position:fixed}.ng2-dropdown-menu.ng2-dropdown-menu--width--2{width:200px}.ng2-dropdown-menu.ng2-dropdown-menu--width--4{width:260px}.ng2-dropdown-menu.ng2-dropdown-menu--width--6{width:320px}.ng2-dropdown-backdrop{position:fixed;top:0;left:0;width:100%;height:100%;z-index:1;overflow:hidden}:host /deep/ .ng2-menu-divider{height:1px;min-height:1px;max-height:1px;width:100%;display:block;background:#f9f9f9}\"],\n template: \"\\n\\n\\n\\n
\\n\",\n animations: [\n trigger('fade', [\n state('visible', style({ display: 'block', opacity: 1, height: '*', width: '*' })),\n state('hidden', style({ display: 'none', opacity: 0, overflow: 'hidden', height: 0, width: 0 })),\n transition('hidden => visible', [\n animate('250ms ease-in', style({ opacity: 1, height: '*', width: '*' }))\n ]),\n transition('visible => hidden', [\n animate('350ms ease-out', style({ opacity: 0, width: 0, height: 0 }))\n ])\n ]),\n trigger('opacity', [\n transition('hidden => visible', [\n animate('450ms ease-in', keyframes([\n style({ opacity: 0, offset: 0 }),\n style({ opacity: 1, offset: 1 }),\n ]))\n ]),\n transition('visible => hidden', [\n animate('250ms ease-out', keyframes([\n style({ opacity: 1, offset: 0 }),\n style({ opacity: 0.5, offset: 0.3 }),\n style({ opacity: 0, offset: 1 }),\n ]))\n ])\n ])\n ]\n },] },\n ];\n /** @nocollapse */\n Ng2DropdownMenu.ctorParameters = function () { return [\n { type: DropdownStateService, },\n { type: ElementRef, },\n { type: Renderer, },\n ]; };\n Ng2DropdownMenu.propDecorators = {\n \"width\": [{ type: Input },],\n \"focusFirstElement\": [{ type: Input },],\n \"offset\": [{ type: Input },],\n \"appendToBody\": [{ type: Input },],\n \"zIndex\": [{ type: Input },],\n \"items\": [{ type: ContentChildren, args: [Ng2MenuItem,] },],\n };\n return Ng2DropdownMenu;\n}());\n\n/**\n * @fileoverview added by tsickle\n * @suppress {checkTypes} checked by tsc\n */\nvar Ng2Dropdown = /** @class */ (function () {\n function Ng2Dropdown(state$$1) {\n this.state = state$$1;\n this.dynamicUpdate = true;\n // outputs\n this.onItemClicked = new EventEmitter();\n this.onItemSelected = new EventEmitter();\n this.onShow = new EventEmitter();\n this.onHide = new EventEmitter();\n }\n /**\n * @return {?}\n */\n Ng2Dropdown.prototype.ngOnInit = /**\n * @return {?}\n */\n function () {\n var _this = this;\n this.state.dropdownState.onItemClicked.subscribe(function (item) {\n _this.onItemClicked.emit(item);\n if (item.preventClose) {\n return;\n }\n _this.hide.call(_this);\n });\n if (this.button) {\n this.button.onMenuToggled.subscribe(function () {\n _this.toggleMenu();\n });\n }\n this.state.dropdownState.onItemSelected.subscribe(function (item) {\n _this.onItemSelected.emit(item);\n });\n this.state.dropdownState.onItemDestroyed.subscribe(function (item) {\n var /** @type {?} */ newSelectedItem;\n var /** @type {?} */ items = _this.menu.items.toArray();\n if (item !== _this.state.dropdownState.selectedItem) {\n return;\n }\n if (_this.menu.focusFirstElement) {\n newSelectedItem = item === items[0] && items.length > 1 ? items[1] : items[0];\n }\n _this.state.dropdownState.select(newSelectedItem);\n });\n };\n /**\n * \\@name toggleMenu\n * @desc toggles menu visibility\n * @param {?=} position\n * @return {?}\n */\n Ng2Dropdown.prototype.toggleMenu = /**\n * \\@name toggleMenu\n * @desc toggles menu visibility\n * @param {?=} position\n * @return {?}\n */\n function (position) {\n if (position === void 0) { position = this.button.getPosition(); }\n this.state.menuState.isVisible ? this.hide() : this.show(position);\n };\n /**\n * - hides dropdown\n * \\@name hide\n * @return {?}\n */\n Ng2Dropdown.prototype.hide = /**\n * - hides dropdown\n * \\@name hide\n * @return {?}\n */\n function () {\n this.menu.hide();\n this.onHide.emit(this);\n };\n /**\n * - shows dropdown\n * \\@name show\n * @param {?=} position\n * @return {?}\n */\n Ng2Dropdown.prototype.show = /**\n * - shows dropdown\n * \\@name show\n * @param {?=} position\n * @return {?}\n */\n function (position) {\n if (position === void 0) { position = this.button.getPosition(); }\n this.menu.show(position, this.dynamicUpdate);\n this.onShow.emit(this);\n };\n /**\n * \\@name scrollListener\n * @return {?}\n */\n Ng2Dropdown.prototype.scrollListener = /**\n * \\@name scrollListener\n * @return {?}\n */\n function () {\n if (this.button && this.dynamicUpdate) {\n this.menu.updatePosition(this.button.getPosition(), true);\n }\n };\n Ng2Dropdown.decorators = [\n { type: Component, args: [{\n selector: 'ng2-dropdown',\n template: \"\\n
\\n\",\n providers: [DropdownStateService]\n },] },\n ];\n /** @nocollapse */\n Ng2Dropdown.ctorParameters = function () { return [\n { type: DropdownStateService, },\n ]; };\n Ng2Dropdown.propDecorators = {\n \"button\": [{ type: ContentChild, args: [Ng2DropdownButton,] },],\n \"menu\": [{ type: ContentChild, args: [Ng2DropdownMenu,] },],\n \"dynamicUpdate\": [{ type: Input },],\n \"onItemClicked\": [{ type: Output },],\n \"onItemSelected\": [{ type: Output },],\n \"onShow\": [{ type: Output },],\n \"onHide\": [{ type: Output },],\n \"scrollListener\": [{ type: HostListener, args: ['window:scroll',] },],\n };\n return Ng2Dropdown;\n}());\n\n/**\n * @fileoverview added by tsickle\n * @suppress {checkTypes} checked by tsc\n */\nvar Ng2DropdownModule = /** @class */ (function () {\n function Ng2DropdownModule() {\n }\n Ng2DropdownModule.decorators = [\n { type: NgModule, args: [{\n exports: [\n Ng2MenuItem,\n Ng2DropdownButton,\n Ng2DropdownMenu,\n Ng2Dropdown\n ],\n declarations: [\n Ng2Dropdown,\n Ng2MenuItem,\n Ng2DropdownButton,\n Ng2DropdownMenu,\n ],\n imports: [\n CommonModule\n ]\n },] },\n ];\n return Ng2DropdownModule;\n}());\n\n/**\n * @fileoverview added by tsickle\n * @suppress {checkTypes} checked by tsc\n */\n\n/**\n * @fileoverview added by tsickle\n * @suppress {checkTypes} checked by tsc\n */\n\nexport { Ng2Dropdown, Ng2DropdownMenu, Ng2MenuItem, Ng2DropdownButton, Ng2DropdownModule, DropdownStateService };\n\n//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibmcyLW1hdGVyaWFsLWRyb3Bkb3duLmpzLm1hcCIsInNvdXJjZXMiOlsibmc6Ly9uZzItbWF0ZXJpYWwtZHJvcGRvd24vc3JjL21vZHVsZXMvY29tcG9uZW50cy9idXR0b24vbmcyLWRyb3Bkb3duLWJ1dHRvbi50cyIsIm5nOi8vbmcyLW1hdGVyaWFsLWRyb3Bkb3duL3NyYy9tb2R1bGVzL2NvbXBvbmVudHMvbWVudS9hY3Rpb25zLnRzIiwibmc6Ly9uZzItbWF0ZXJpYWwtZHJvcGRvd24vc3JjL21vZHVsZXMvc2VydmljZXMvbmcyLWRyb3Bkb3duLXN0YXRlLnRzIiwibmc6Ly9uZzItbWF0ZXJpYWwtZHJvcGRvd24vc3JjL21vZHVsZXMvc2VydmljZXMvZHJvcGRvd24tc3RhdGUuc2VydmljZS50cyIsIm5nOi8vbmcyLW1hdGVyaWFsLWRyb3Bkb3duL3NyYy9tb2R1bGVzL2NvbXBvbmVudHMvbWVudS1pdGVtL25nMi1tZW51LWl0ZW0udHMiLCJuZzovL25nMi1tYXRlcmlhbC1kcm9wZG93bi9zcmMvbW9kdWxlcy9jb21wb25lbnRzL21lbnUvbmcyLWRyb3Bkb3duLW1lbnUudHMiLCJuZzovL25nMi1tYXRlcmlhbC1kcm9wZG93bi9zcmMvbW9kdWxlcy9jb21wb25lbnRzL2Ryb3Bkb3duL25nMi1kcm9wZG93bi50cyIsIm5nOi8vbmcyLW1hdGVyaWFsLWRyb3Bkb3duL3NyYy9tb2R1bGVzL25nMi1kcm9wZG93bi5tb2R1bGUudHMiXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcbiAgICBDb21wb25lbnQsXG4gICAgT3V0cHV0LFxuICAgIElucHV0LFxuICAgIEV2ZW50RW1pdHRlcixcbiAgICBFbGVtZW50UmVmXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5AQ29tcG9uZW50KHtcbiAgICBzZWxlY3RvcjogJ25nMi1kcm9wZG93bi1idXR0b24nLFxuICAgIHN0eWxlczogW2AubmcyLWRyb3Bkb3duLWJ1dHRvbntmb250LWZhbWlseTpSb2JvdG8sXCJIZWx2ZXRpY2EgTmV1ZVwiLEhlbHZldGljYSxBcmlhbDtiYWNrZ3JvdW5kOiNmZmY7cGFkZGluZzouNDVyZW0gLjI1cmVtO2ZvbnQtc2l6ZToxNHB4O2xldHRlci1zcGFjaW5nOi4wOHJlbTtjb2xvcjojNDQ0O291dGxpbmU6MDtjdXJzb3I6cG9pbnRlcjtmb250LXdlaWdodDo0MDA7Ym9yZGVyOm5vbmU7Ym9yZGVyLWJvdHRvbToxcHggc29saWQgI2VmZWZlZjt0ZXh0LWFsaWduOmxlZnQ7bWluLXdpZHRoOjEwMHB4O3dpZHRoOjEwMCU7ZGlzcGxheTpmbGV4O2ZsZXgtZGlyZWN0aW9uOnJvdzttYXgtd2lkdGg6MTUwcHh9Lm5nMi1kcm9wZG93bi1idXR0b246aG92ZXJ7Y29sb3I6IzIyMn0ubmcyLWRyb3Bkb3duLWJ1dHRvbjphY3RpdmUsLm5nMi1kcm9wZG93bi1idXR0b246Zm9jdXN7Y29sb3I6IzIyMjtib3JkZXItYm90dG9tOjJweCBzb2xpZCAjMjE5NmYzfS5uZzItZHJvcGRvd24tYnV0dG9uX19sYWJlbHtmbGV4OjEgMSA5NSV9Lm5nMi1kcm9wZG93bi1idXR0b25fX2NhcmV0e3dpZHRoOjEycHg7aGVpZ2h0OjEycHg7ZGlzcGxheTpmbGV4O2ZsZXg6MSAxIDYlfTpob3N0LWNvbnRleHQoLm5nMi1kcm9wZG93bi1idXR0b24tLWljb24pIC5uZzItZHJvcGRvd24tYnV0dG9ue2JvcmRlcjpub25lO21pbi13aWR0aDo0MHB4O3dpZHRoOjQwcHg7Ym9yZGVyLXJhZGl1czoxMDAlO3RyYW5zaXRpb246YWxsIC4yczt0ZXh0LWFsaWduOmNlbnRlcjtoZWlnaHQ6NDBweDtwYWRkaW5nOi41ZW19Omhvc3QtY29udGV4dCgubmcyLWRyb3Bkb3duLWJ1dHRvbi0taWNvbikgLm5nMi1kcm9wZG93bi1idXR0b246YWN0aXZle2JhY2tncm91bmQ6cmdiYSgwLDAsMCwuMil9YF0sXG4gICAgdGVtcGxhdGU6IGA8YnV0dG9uIGNsYXNzPSduZzItZHJvcGRvd24tYnV0dG9uJyB0eXBlPVwiYnV0dG9uXCIgKGNsaWNrKT1cInRvZ2dsZU1lbnUoKVwiIHRhYmluZGV4PVwiMHNcIj5cbiAgICA8c3BhbiBjbGFzcz1cIm5nMi1kcm9wZG93bi1idXR0b25fX2xhYmVsXCI+XG4gICAgICAgIDxuZy1jb250ZW50PjwvbmctY29udGVudD5cbiAgICA8L3NwYW4+XG5cbiAgICA8c3BhbiBjbGFzcz1cIm5nMi1kcm9wZG93bi1idXR0b25fX2NhcmV0XCIgKm5nSWY9XCJzaG93Q2FyZXRcIj5cbiAgICAgICAgPHN2ZyBlbmFibGUtYmFja2dyb3VuZD1cIm5ldyAwIDAgMzIgMzJcIiBoZWlnaHQ9XCIxNnB4XCIgaWQ9XCLDkMKhw5DCu8OQwr7DkMK5XzFcIiB2ZXJzaW9uPVwiMS4xXCIgdmlld0JveD1cIjAgMCAzMiAzMlwiIHdpZHRoPVwiMTZweFwiIHhtbDpzcGFjZT1cInByZXNlcnZlXCIgeG1sbnM9XCJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2Z1wiIHhtbG5zOnhsaW5rPVwiaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGlua1wiPjxwYXRoIGQ9XCJNMjQuMjg1LDExLjI4NEwxNiwxOS41NzFsLTguMjg1LTguMjg4Yy0wLjM5NS0wLjM5NS0xLjAzNC0wLjM5NS0xLjQyOSwwICBjLTAuMzk0LDAuMzk1LTAuMzk0LDEuMDM1LDAsMS40M2w4Ljk5OSw5LjAwMmwwLDBsMCwwYzAuMzk0LDAuMzk1LDEuMDM0LDAuMzk1LDEuNDI4LDBsOC45OTktOS4wMDIgIGMwLjM5NC0wLjM5NSwwLjM5NC0xLjAzNiwwLTEuNDMxQzI1LjMxOSwxMC44ODksMjQuNjc5LDEwLjg4OSwyNC4yODUsMTEuMjg0elwiIGZpbGw9XCIjMTIxMzEzXCIgaWQ9XCJFeHBhbmRfTW9yZVwiLz48Zy8+PGcvPjxnLz48Zy8+PGcvPjxnLz48L3N2Zz5cbiAgICA8L3NwYW4+XG48L2J1dHRvbj5cbmBcbn0pXG5leHBvcnQgY2xhc3MgTmcyRHJvcGRvd25CdXR0b24ge1xuICAgIEBPdXRwdXQoKSBwdWJsaWMgb25NZW51VG9nZ2xlZDogRXZlbnRFbWl0dGVyPGJvb2xlYW4+ID0gbmV3IEV2ZW50RW1pdHRlcjxib29sZWFuPigpO1xuICAgIEBJbnB1dCgpIHB1YmxpYyBzaG93Q2FyZXQ6IGJvb2xlYW4gPSB0cnVlO1xuXG4gICAgY29uc3RydWN0b3IocHJpdmF0ZSBlbGVtZW50OiBFbGVtZW50UmVmKSB7fVxuXG4gICAgLyoqXG4gICAgICogQG5hbWUgdG9nZ2xlTWVudVxuICAgICAqIEBkZXNjIGVtaXRzIGV2ZW50IHRvIHRvZ2dsZSBtZW51XG4gICAgICovXG4gICAgcHVibGljIHRvZ2dsZU1lbnUoKTogdm9pZCB7XG4gICAgICAgIHRoaXMub25NZW51VG9nZ2xlZC5lbWl0KHRydWUpO1xuICAgIH1cblxuICAgIC8qKlxuICAgICAqIEBuYW1lIGdldFBvc2l0aW9uXG4gICAgICogQGRlc2MgcmV0dXJucyBwb3NpdGlvbiBvZiB0aGUgYnV0dG9uXG4gICAgICovXG4gICAgcHVibGljIGdldFBvc2l0aW9uKCk6IENsaWVudFJlY3Qge1xuICAgICAgcmV0dXJuIHRoaXMuZWxlbWVudC5uYXRpdmVFbGVtZW50LmdldEJvdW5kaW5nQ2xpZW50UmVjdCgpO1xuICAgIH1cbn1cbiIsImltcG9ydCB7IE5nMk1lbnVJdGVtIH0gZnJvbSAnLi4vbWVudS1pdGVtL25nMi1tZW51LWl0ZW0nO1xuaW1wb3J0IHsgTmcyRHJvcGRvd25NZW51IH0gZnJvbSAnLi9uZzItZHJvcGRvd24tbWVudSc7XG5pbXBvcnQgeyBOZzJEcm9wZG93blN0YXRlIH0gZnJvbSAnLi4vLi4vc2VydmljZXMvbmcyLWRyb3Bkb3duLXN0YXRlJztcblxuY29uc3QgS0VZUyA9IHtcbiAgICBCQUNLU1BBQ0U6IDksXG4gICAgUFJFVjogMzgsXG4gICAgTkVYVDogNDAsXG4gICAgRU5URVI6IDEzLFxuICAgIEVTQ0FQRTogMjdcbn07XG5cbi8qKlxuICogQG5hbWUgb25Td2l0Y2hOZXh0XG4gKiBAcGFyYW0gaW5kZXhcbiAqIEBwYXJhbSBpdGVtc1xuICogQHBhcmFtIHN0YXRlXG4gKi9cbmNvbnN0IG9uU3dpdGNoTmV4dCA9IChpbmRleDogbnVtYmVyLCBpdGVtczogTmcyTWVudUl0ZW1bXSwgc3RhdGU6IE5nMkRyb3Bkb3duU3RhdGUpID0+IHtcbiAgICBpZiAoaW5kZXggPCBpdGVtcy5sZW5ndGggLSAxKSB7XG4gICAgICAgIHN0YXRlLnNlbGVjdChpdGVtc1tpbmRleCArIDFdLCB0cnVlKTtcbiAgICB9XG59O1xuXG4vKipcbiAqIEBuYW1lIG9uU3dpdGNoUHJldlxuICogQHBhcmFtIGluZGV4XG4gKiBAcGFyYW0gaXRlbXNcbiAqIEBwYXJhbSBzdGF0ZVxuICovXG5jb25zdCBvblN3aXRjaFByZXYgPSAoaW5kZXg6IG51bWJlciwgaXRlbXM6IE5nMk1lbnVJdGVtW10sIHN0YXRlOiBOZzJEcm9wZG93blN0YXRlKSA9PiB7XG4gICAgaWYgKGluZGV4ID4gMCkge1xuICAgICAgICBzdGF0ZS5zZWxlY3QoaXRlbXNbaW5kZXggLSAxXSwgdHJ1ZSk7XG4gICAgfVxufTtcblxuLyoqXG4gKiBAbmFtZSBvbkJhY2tzcGFjZVxuICogQHBhcmFtIGluZGV4XG4gKiBAcGFyYW0gaXRlbXNcbiAqIEBwYXJhbSBzdGF0ZVxuICovXG5jb25zdCBvbkJhY2tzcGFjZSA9IChpbmRleDogbnVtYmVyLCBpdGVtczogTmcyTWVudUl0ZW1bXSwgc3RhdGU6IE5nMkRyb3Bkb3duU3RhdGUpID0+IHtcbiAgICBpZiAoaW5kZXggPCBpdGVtcy5sZW5ndGggLSAxKSB7XG4gICAgICAgIHN0YXRlLnNlbGVjdChpdGVtc1tpbmRleCArIDFdLCB0cnVlKTtcbiAgICB9IGVsc2Uge1xuICAgICAgICBzdGF0ZS5zZWxlY3QoaXRlbXNbMF0sIHRydWUpO1xuICAgIH1cbn07XG5cbmZ1bmN0aW9uIG9uRXNjYXBlKHRoaXM6IE5nMkRyb3Bkb3duTWVudSkge1xuICAgIHRoaXMuaGlkZSgpO1xufTtcblxuLyoqXG4gKiBAbmFtZSBvbkl0ZW1DbGlja2VkXG4gKiBAcGFyYW0gaW5kZXhcbiAqIEBwYXJhbSBpdGVtc1xuICogQHBhcmFtIHN0YXRlXG4gKi9cbmNvbnN0IG9uSXRlbUNsaWNrZWQgPSAoaW5kZXg6IG51bWJlciwgaXRlbXM6IE5nMk1lbnVJdGVtW10sIHN0YXRlOiBOZzJEcm9wZG93blN0YXRlKSA9PiB7XG4gICAgcmV0dXJuIHN0YXRlLnNlbGVjdGVkSXRlbSA/IHN0YXRlLnNlbGVjdGVkSXRlbS5jbGljaygpIDogdW5kZWZpbmVkO1xufTtcblxuZXhwb3J0IGNvbnN0IEFDVElPTlMgPSB7XG4gICAgW0tFWVMuQkFDS1NQQUNFXTogb25CYWNrc3BhY2UsXG4gICAgW0tFWVMuUFJFVl06IG9uU3dpdGNoUHJldixcbiAgICBbS0VZUy5ORVhUXTogb25Td2l0Y2hOZXh0LFxuICAgIFtLRVlTLkVOVEVSXTogb25JdGVtQ2xpY2tlZCxcbiAgICBbS0VZUy5FU0NBUEVdOiBvbkVzY2FwZVxufTtcblxuZXhwb3J0IGZ1bmN0aW9uIGFycm93S2V5c0hhbmRsZXIoZXZlbnQpOiB2b2lkIHtcbiAgICBpZiAoWzM4LCA0MF0uaW5kZXhPZihldmVudC5rZXlDb2RlKSA+IC0xKSB7XG4gICAgICAgIGV2ZW50LnByZXZlbnREZWZhdWx0KCk7XG4gICAgfVxufVxuIiwiaW1wb3J0IHsgRXZlbnRFbWl0dGVyIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBOZzJNZW51SXRlbSB9IGZyb20gJy4uL2NvbXBvbmVudHMvbWVudS1pdGVtL25nMi1tZW51LWl0ZW0nO1xuZXhwb3J0IGNsYXNzIE5nMkRyb3Bkb3duU3RhdGUge1xuICAgIHB1YmxpYyBvbkl0ZW1TZWxlY3RlZDogRXZlbnRFbWl0dGVyPE5nMk1lbnVJdGVtPiA9IG5ldyBFdmVudEVtaXR0ZXI8TmcyTWVudUl0ZW0+KCk7XG4gICAgcHVibGljIG9uSXRlbUNsaWNrZWQ6IEV2ZW50RW1pdHRlcjxOZzJNZW51SXRlbT4gPSBuZXcgRXZlbnRFbWl0dGVyPE5nMk1lbnVJdGVtPigpO1xuICAgIHB1YmxpYyBvbkl0ZW1EZXN0cm95ZWQ6IEV2ZW50RW1pdHRlcjxOZzJNZW51SXRlbT4gPSBuZXcgRXZlbnRFbWl0dGVyPE5nMk1lbnVJdGVtPigpO1xuXG4gICAgcHJpdmF0ZSBfc2VsZWN0ZWRJdGVtOiBOZzJNZW51SXRlbTtcblxuICAgIC8qKlxuICAgICAqIEBuYW1lIHNlbGVjdGVkSXRlbVxuICAgICAqIEBkZXNjIGdldHRlciBmb3IgX3NlbGVjdGVkSXRlbVxuICAgICAqL1xuICAgIHB1YmxpYyBnZXQgc2VsZWN0ZWRJdGVtKCk6IE5nMk1lbnVJdGVtIHtcbiAgICAgICAgcmV0dXJuIHRoaXMuX3NlbGVjdGVkSXRlbTtcbiAgICB9XG5cbiAgICAvKipcbiAgICAgKiBAbmFtZSBzZWxlY3RzIGEgbWVudSBpdGVtIGFuZCBlbWl0cyBldmVudFxuICAgICAqIEBwYXJhbSBpdGVtXG4gICAgICovXG4gICAgcHVibGljIHNlbGVjdChpdGVtOiBOZzJNZW51SXRlbSB8IHVuZGVmaW5lZCwgZGlzcGF0Y2hFdmVudCA9IHRydWUpOiB2b2lkIHtcbiAgICAgICAgdGhpcy5fc2VsZWN0ZWRJdGVtID0gaXRlbTtcblxuICAgICAgICBpZiAoIWRpc3BhdGNoRXZlbnQgfHwgIWl0ZW0pIHtcbiAgICAgICAgICAgIHJldHVybjtcbiAgICAgICAgfVxuXG4gICAgICAgIGl0ZW0uZm9jdXMoKTtcblxuICAgICAgICB0aGlzLm9uSXRlbVNlbGVjdGVkLmVtaXQoaXRlbSk7XG4gICAgfVxuXG4gICAgLyoqXG4gICAgICogQG5hbWUgdW5zZWxlY3RcbiAgICAgKiBAZGVzYyBzZXRzIF9zZWxlY3RlZEl0ZW0gYXMgdW5kZWZpbmVkXG4gICAgICovXG4gICAgcHVibGljIHVuc2VsZWN0KCk6IHZvaWQge1xuICAgICAgICB0aGlzLl9zZWxlY3RlZEl0ZW0gPSB1bmRlZmluZWQ7XG4gICAgfVxufVxuIiwiaW1wb3J0IHsgSW5qZWN0YWJsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgTmcyRHJvcGRvd25TdGF0ZSB9IGZyb20gJy4vbmcyLWRyb3Bkb3duLXN0YXRlJztcblxuQEluamVjdGFibGUoKVxuZXhwb3J0IGNsYXNzIERyb3Bkb3duU3RhdGVTZXJ2aWNlIHtcbiAgICBwdWJsaWMgbWVudVN0YXRlID0ge1xuICAgICAgICBpc1Zpc2libGU6IDxib29sZWFuPmZhbHNlLFxuICAgICAgICB0b1N0cmluZygpOiBzdHJpbmcge1xuICAgICAgICAgICAgcmV0dXJuIHRoaXMuaXNWaXNpYmxlID09PSB0cnVlID8gJ3Zpc2libGUnIDogJ2hpZGRlbic7XG4gICAgICAgIH1cbiAgICB9O1xuXG4gICAgcHVibGljIGRyb3Bkb3duU3RhdGU6IE5nMkRyb3Bkb3duU3RhdGUgPSBuZXcgTmcyRHJvcGRvd25TdGF0ZSgpO1xufVxuIiwiaW1wb3J0IHtcbiAgICBDb21wb25lbnQsXG4gICAgSW5wdXQsXG4gICAgUmVuZGVyZXIsXG4gICAgRWxlbWVudFJlZixcbiAgICBPbkRlc3Ryb3lcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbmltcG9ydCB7IERyb3Bkb3duU3RhdGVTZXJ2aWNlIH0gZnJvbSAnLi4vLi4vc2VydmljZXMvZHJvcGRvd24tc3RhdGUuc2VydmljZSc7XG5cbkBDb21wb25lbnQoe1xuICAgIHNlbGVjdG9yOiAnbmcyLW1lbnUtaXRlbScsXG4gICAgc3R5bGVzOiBbYC5uZzItbWVudS1pdGVte2ZvbnQtZmFtaWx5OlJvYm90byxcIkhlbHZldGljYSBOZXVlXCIsSGVsdmV0aWNhLEFyaWFsO2JhY2tncm91bmQ6I2ZmZjtjb2xvcjpyZ2JhKDAsMCwwLC44Nyk7Y3Vyc29yOnBvaW50ZXI7Zm9udC1zaXplOi45ZW07dGV4dC10cmFuc2Zvcm06bm9uZTtmb250LXdlaWdodDo0MDA7bGV0dGVyLXNwYWNpbmc6LjAzZW07aGVpZ2h0OjQ4cHg7bGluZS1oZWlnaHQ6NDhweDtwYWRkaW5nOi4zZW0gMS4yNXJlbTt0ZXh0LW92ZXJmbG93OmVsbGlwc2lzO3doaXRlLXNwYWNlOm5vd3JhcDtvdmVyZmxvdzpoaWRkZW47dHJhbnNpdGlvbjpiYWNrZ3JvdW5kIC4yNXN9Lm5nMi1tZW51LWl0ZW0tLXNlbGVjdGVke2JhY2tncm91bmQ6cmdiYSgxNTgsMTU4LDE1OCwuMik7b3V0bGluZTowfS5uZzItbWVudS1pdGVtOmZvY3Vze291dGxpbmU6MH0ubmcyLW1lbnUtaXRlbTphY3RpdmV7YmFja2dyb3VuZDpyZ2JhKDE1OCwxNTgsMTU4LC40KX06aG9zdChuZzItbWVudS1pdGVtKSAvZGVlcC8gW25nMi1tZW51LWl0ZW0taWNvbl17dmVydGljYWwtYWxpZ246bWlkZGxlO2ZvbnQtc2l6ZToyOHB4O3dpZHRoOjEuNWVtO2hlaWdodDozMHB4O2NvbG9yOnJnYmEoMCwwLDAsLjQ0KX1gXSxcbiAgICB0ZW1wbGF0ZTogYDxkaXYgY2xhc3M9J25nMi1tZW51LWl0ZW0nXG4gICAgIHJvbGU9XCJidXR0b25cIlxuICAgICB0YWJpbmRleD1cIjBcIlxuICAgICBbY2xhc3MubmcyLW1lbnUtaXRlbS0tc2VsZWN0ZWRdPVwiaXNTZWxlY3RlZFwiXG4gICAgIChrZXlkb3duLmVudGVyKT1cImNsaWNrKClcIlxuICAgICAoY2xpY2spPVwiY2xpY2soKVwiXG4gICAgIChtb3VzZW92ZXIpPVwic2VsZWN0KClcIj5cbiAgICAgICAgPG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50PlxuPC9kaXY+XG5gXG59KVxuZXhwb3J0IGNsYXNzIE5nMk1lbnVJdGVtIGltcGxlbWVudHMgT25EZXN0cm95IHtcbiAgICAvKipcbiAgICAgKiBAcHJldmVudENsb3NlXG4gICAgICogQGRlc2MgaWYgdHJ1ZSwgY2xpY2tpbmcgb24gdGhlIGl0ZW0gd29uJ3QgY2xvc2UgdGhlIGRyb3Bkb3duXG4gICAgICovXG4gICAgQElucHV0KCkgcHVibGljIHByZXZlbnRDbG9zZTogYm9vbGVhbiA9IGZhbHNlO1xuXG4gICAgLyoqXG4gICAgICogQG5hbWUgdmFsdWVcbiAgICAgKiBAZGVzYyBhbnkgdmFsdWUgYXNzb2NpYXRlZCB0byB0aGUgaXRlbVxuICAgICAqL1xuICAgIEBJbnB1dCgpIHB1YmxpYyB2YWx1ZTogYW55O1xuXG4gICAgY29uc3RydWN0b3IocHJpdmF0ZSBzdGF0ZTogRHJvcGRvd25TdGF0ZVNlcnZpY2UsXG4gICAgICAgICAgICAgICAgcHJpdmF0ZSBlbGVtZW50OiBFbGVtZW50UmVmLFxuICAgICAgICAgICAgICAgIHByaXZhdGUgcmVuZGVyZXI6IFJlbmRlcmVyKSB7fVxuXG4gICAgcHVibGljIG5nT25EZXN0cm95KCk6IHZvaWQge1xuICAgICAgICB0aGlzLnN0YXRlLmRyb3Bkb3duU3RhdGUub25JdGVtRGVzdHJveWVkLmVtaXQodGhpcyk7XG4gICAgfVxuXG4gICAgLyoqXG4gICAgICogQG5hbWUgaXNTZWxlY3RlZFxuICAgICAqIEBkZXNjIHJldHVybnMgY3VycmVudCBzZWxlY3RlZCBpdGVtXG4gICAgICovXG4gICAgcHVibGljIGdldCBpc1NlbGVjdGVkKCk6IGJvb2xlYW4ge1xuICAgICAgICByZXR1cm4gdGhpcyA9PT0gdGhpcy5zdGF0ZS5kcm9wZG93blN0YXRlLnNlbGVjdGVkSXRlbTtcbiAgICB9XG5cbiAgICAvKipcbiAgICAgKiBAbmFtZSBjbGlja1xuICAgICAqIEBkZXNjIGVtaXRzIHNlbGVjdCBldmVudFxuICAgICAqL1xuICAgIHB1YmxpYyBzZWxlY3QoJGV2ZW50Pyk6IHZvaWQge1xuICAgICAgICB0aGlzLnN0YXRlLmRyb3Bkb3duU3RhdGUuc2VsZWN0KHRoaXMsIHRydWUpO1xuXG4gICAgICAgIGlmICgkZXZlbnQpIHtcbiAgICAgICAgICAgICRldmVudC5zdG9wUHJvcGFnYXRpb24oKTtcbiAgICAgICAgICAgICRldmVudC5wcmV2ZW50RGVmYXVsdCgpO1xuICAgICAgICB9XG4gICAgfVxuXG4gICAgLyoqXG4gICAgICogQG5hbWUgY2xpY2tcbiAgICAgKiBAZGVzYyBlbWl0cyBjbGljayBldmVudFxuICAgICAqL1xuICAgIHB1YmxpYyBjbGljaygpOiB2b2lkIHtcbiAgICAgICAgdGhpcy5zdGF0ZS5kcm9wZG93blN0YXRlLm9uSXRlbUNsaWNrZWQuZW1pdCh0aGlzKTtcbiAgICB9XG5cbiAgICAvKipcbiAgICAgKiBAbmFtZSBmb2N1c1xuICAgICAqL1xuICAgIHB1YmxpYyBmb2N1cygpIHtcbiAgICAgICAgdGhpcy5yZW5kZXJlci5pbnZva2VFbGVtZW50TWV0aG9kKHRoaXMuZWxlbWVudC5uYXRpdmVFbGVtZW50LmNoaWxkcmVuWzBdLCAnZm9jdXMnKTtcbiAgICB9XG59XG4iLCJpbXBvcnQge1xuICAgIENvbXBvbmVudCxcbiAgICBFbGVtZW50UmVmLFxuICAgIFJlbmRlcmVyLFxuICAgIENvbnRlbnRDaGlsZHJlbixcbiAgICBRdWVyeUxpc3QsXG4gICAgSW5wdXRcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbmltcG9ydCB7XG4gICAgdHJpZ2dlcixcbiAgICBzdHlsZSxcbiAgICB0cmFuc2l0aW9uLFxuICAgIGFuaW1hdGUsXG4gICAga2V5ZnJhbWVzLFxuICAgIHN0YXRlXG59IGZyb20gJ0Bhbmd1bGFyL2FuaW1hdGlvbnMnO1xuXG5pbXBvcnQgeyBBQ1RJT05TLCBhcnJvd0tleXNIYW5kbGVyIH0gZnJvbSAnLi9hY3Rpb25zJztcblxuaW1wb3J0IHsgTmcyTWVudUl0ZW0gfSBmcm9tICcuLi9tZW51LWl0ZW0vbmcyLW1lbnUtaXRlbSc7XG5pbXBvcnQgeyBEcm9wZG93blN0YXRlU2VydmljZSB9IGZyb20gJy4uLy4uL3NlcnZpY2VzL2Ryb3Bkb3duLXN0YXRlLnNlcnZpY2UnO1xuXG5AQ29tcG9uZW50KHtcbiAgICBzZWxlY3RvcjogJ25nMi1kcm9wZG93bi1tZW51JyxcbiAgICBzdHlsZXM6IFtgOmhvc3R7ZGlzcGxheTpibG9ja30ubmcyLWRyb3Bkb3duLW1lbnV7b3ZlcmZsb3cteTphdXRvO2JveC1zaGFkb3c6MCAxcHggMnB4IDAgcmdiYSgwLDAsMCwuMyk7cG9zaXRpb246YWJzb2x1dGU7cGFkZGluZzouNWVtIDA7YmFja2dyb3VuZDojZmZmO2JvcmRlci1yYWRpdXM6MXB4O21heC1oZWlnaHQ6NDAwcHg7d2lkdGg6MjYwcHg7bWluLWhlaWdodDowO2Rpc3BsYXk6YmxvY2t9Lm5nMi1kcm9wZG93bi1tZW51Lm5nMi1kcm9wZG93bi1tZW51LS1pbnNpZGUtZWxlbWVudHtwb3NpdGlvbjpmaXhlZH0ubmcyLWRyb3Bkb3duLW1lbnUubmcyLWRyb3Bkb3duLW1lbnUtLXdpZHRoLS0ye3dpZHRoOjIwMHB4fS5uZzItZHJvcGRvd24tbWVudS5uZzItZHJvcGRvd24tbWVudS0td2lkdGgtLTR7d2lkdGg6MjYwcHh9Lm5nMi1kcm9wZG93bi1tZW51Lm5nMi1kcm9wZG93bi1tZW51LS13aWR0aC0tNnt3aWR0aDozMjBweH0ubmcyLWRyb3Bkb3duLWJhY2tkcm9we3Bvc2l0aW9uOmZpeGVkO3RvcDowO2xlZnQ6MDt3aWR0aDoxMDAlO2hlaWdodDoxMDAlO3otaW5kZXg6MTtvdmVyZmxvdzpoaWRkZW59Omhvc3QgL2RlZXAvIC5uZzItbWVudS1kaXZpZGVye2hlaWdodDoxcHg7bWluLWhlaWdodDoxcHg7bWF4LWhlaWdodDoxcHg7d2lkdGg6MTAwJTtkaXNwbGF5OmJsb2NrO2JhY2tncm91bmQ6I2Y5ZjlmOX1gXSxcbiAgICB0ZW1wbGF0ZTogYDwhLS0gTUVOVSAtLT5cbjxkaXYgY2xhc3M9J25nMi1kcm9wZG93bi1tZW51IG5nMi1kcm9wZG93bi1tZW51LS0td2lkdGgtLXt7IHdpZHRoIH19J1xuICAgICBbY2xhc3MubmcyLWRyb3Bkb3duLW1lbnUtLWluc2lkZS1lbGVtZW50XT1cIiFhcHBlbmRUb0JvZHlcIlxuICAgICBbY2xhc3MubmcyLWRyb3Bkb3duLW1lbnUtLW9wZW5dPVwic3RhdGUubWVudVN0YXRlLmlzVmlzaWJsZVwiXG4gICAgIFtzdHlsZS56LWluZGV4XT1cInpJbmRleFwiXG4gICAgIFtAZmFkZV09XCJzdGF0ZS5tZW51U3RhdGUudG9TdHJpbmcoKVwiPlxuICAgICAgICA8ZGl2IGNsYXNzPVwibmcyLWRyb3Bkb3duLW1lbnVfX29wdGlvbnMtY29udGFpbmVyXCJcbiAgICAgICAgICAgICBbQG9wYWNpdHldPVwic3RhdGUubWVudVN0YXRlLnRvU3RyaW5nKClcIj5cbiAgICAgICAgICAgIDxuZy1jb250ZW50PjwvbmctY29udGVudD5cbiAgICAgICAgPC9kaXY+XG48L2Rpdj5cblxuPCEtLSBCQUNLRFJPUCAtLT5cbjxkaXYgY2xhc3M9XCJuZzItZHJvcGRvd24tYmFja2Ryb3BcIiAqbmdJZj1cInN0YXRlLm1lbnVTdGF0ZS5pc1Zpc2libGVcIiAoY2xpY2spPVwiaGlkZSgpXCI+PC9kaXY+XG5gLFxuICAgIGFuaW1hdGlvbnM6IFtcbiAgICAgICAgdHJpZ2dlcignZmFkZScsIFtcbiAgICAgICAgICAgIHN0YXRlKCd2aXNpYmxlJywgc3R5bGUoXG4gICAgICAgICAgICAgICAge2Rpc3BsYXk6ICdibG9jaycsIG9wYWNpdHk6IDEsIGhlaWdodDogJyonLCB3aWR0aDogJyonfVxuICAgICAgICAgICAgKSksXG4gICAgICAgICAgICBzdGF0ZSgnaGlkZGVuJywgc3R5bGUoXG4gICAgICAgICAgICAgICAge2Rpc3BsYXk6ICdub25lJywgb3BhY2l0eTogMCwgb3ZlcmZsb3c6ICdoaWRkZW4nLCBoZWlnaHQ6IDAsIHdpZHRoOiAwfVxuICAgICAgICAgICAgKSksXG4gICAgICAgICAgICB0cmFuc2l0aW9uKCdoaWRkZW4gPT4gdmlzaWJsZScsIFtcbiAgICAgICAgICAgICAgICBhbmltYXRlKCcyNTBtcyBlYXNlLWluJyxcbiAgICAgICAgICAgICAgICAgICAgc3R5bGUoe29wYWNpdHk6IDEsIGhlaWdodDogJyonLCB3aWR0aDogJyonfSlcbiAgICAgICAgICAgICAgICApXG4gICAgICAgICAgICBdKSxcbiAgICAgICAgICAgIHRyYW5zaXRpb24oJ3Zpc2libGUgPT4gaGlkZGVuJywgW1xuICAgICAgICAgICAgICAgIGFuaW1hdGUoJzM1MG1zIGVhc2Utb3V0JyxcbiAgICAgICAgICAgICAgICAgICAgc3R5bGUoe29wYWNpdHk6IDAsIHdpZHRoOiAwLCBoZWlnaHQ6IDB9KVxuICAgICAgICAgICAgICAgIClcbiAgICAgICAgICAgIF0pXG4gICAgICAgIF0pLFxuICAgICAgICB0cmlnZ2VyKCdvcGFjaXR5JywgW1xuICAgICAgICAgICAgdHJhbnNpdGlvbignaGlkZGVuID0+IHZpc2libGUnLCBbXG4gICAgICAgICAgICAgICAgYW5pbWF0ZSgnNDUwbXMgZWFzZS1pbicsIGtleWZyYW1lcyhbXG4gICAgICAgICAgICAgICAgICAgIHN0eWxlKHtvcGFjaXR5OiAwLCBvZmZzZXQ6IDB9KSxcbiAgICAgICAgICAgICAgICAgICAgc3R5bGUoe29wYWNpdHk6IDEsIG9mZnNldDogMX0pLFxuICAgICAgICAgICAgICAgIF0pKVxuICAgICAgICAgICAgXSksXG4gICAgICAgICAgICB0cmFuc2l0aW9uKCd2aXNpYmxlID0+IGhpZGRlbicsIFtcbiAgICAgICAgICAgICAgICBhbmltYXRlKCcyNTBtcyBlYXNlLW91dCcsIGtleWZyYW1lcyhbXG4gICAgICAgICAgICAgICAgICAgIHN0eWxlKHtvcGFjaXR5OiAxLCBvZmZzZXQ6IDB9KSxcbiAgICAgICAgICAgICAgICAgICAgc3R5bGUoe29wYWNpdHk6IDAuNSwgb2Zmc2V0OiAwLjN9KSxcbiAgICAgICAgICAgICAgICAgICAgc3R5bGUoe29wYWNpdHk6IDAsIG9mZnNldDogMX0pLFxuICAgICAgICAgICAgICAgIF0pKVxuICAgICAgICAgICAgXSlcbiAgICAgICAgXSlcbiAgICBdXG59KVxuZXhwb3J0IGNsYXNzIE5nMkRyb3Bkb3duTWVudSB7XG4gICAgLyoqXG4gICAgICogQG5hbWUgd2lkdGhcbiAgICAgKi9cbiAgICBASW5wdXQoKSBwdWJsaWMgd2lkdGg6IG51bWJlciA9IDQ7XG5cbiAgICAvKipcbiAgICAgKiBAZGVzY3JpcHRpb24gaWYgc2V0IHRvIHRydWUsIHRoZSBmaXJzdCBlbGVtZW50IG9mIHRoZSBkcm9wZG93biB3aWxsIGJlIGF1dG9tYXRpY2FsbHkgZm9jdXNlZFxuICAgICAqIEBuYW1lIGZvY3VzRmlyc3RFbGVtZW50XG4gICAgICovXG4gICAgQElucHV0KCkgcHVibGljIGZvY3VzRmlyc3RFbGVtZW50OiBib29sZWFuID0gdHJ1ZTtcblxuICAgIC8qKlxuICAgICAqIEBkZXNjcmlwdGlvbiBzZXRzIGRyb3Bkb3duIG9mZnNldCBmcm9tIHRoZSBidXR0b25cbiAgICAgKiBAbmFtZSBvZmZzZXQge3N0cmluZ30gZm9sbG93IGZvcm1hdCAnPG51bWJlcj4gPG51bWJlcj4nIGV4LiAnMCAyMCdcbiAgICAgKi9cbiAgICBASW5wdXQoKSBwdWJsaWMgb2Zmc2V0OiBzdHJpbmc7XG5cbiAgICAvKipcbiAgICAgKiBAbmFtZSBhcHBlbmRUb0JvZHlcbiAgICAgKi9cbiAgICBASW5wdXQoKSBwdWJsaWMgYXBwZW5kVG9Cb2R5OiBib29sZWFuID0gdHJ1ZTtcblxuICAgIC8qKlxuICAgICAqIEBuYW1lIHpJbmRleFxuICAgICAqL1xuICAgIEBJbnB1dCgpIHB1YmxpYyB6SW5kZXggPSAxMDAwO1xuXG4gICAgLyoqXG4gICAgICogQG5hbWUgaXRlbXNcbiAgICAgKi9cbiAgICBAQ29udGVudENoaWxkcmVuKE5nMk1lbnVJdGVtKSBwdWJsaWMgaXRlbXM6IFF1ZXJ5TGlzdDxOZzJNZW51SXRlbT47XG5cbiAgICBwcml2YXRlIHBvc2l0aW9uOiBDbGllbnRSZWN0O1xuXG4gICAgcHJpdmF0ZSBsaXN0ZW5lcnMgPSB7XG4gICAgICAgIGFycm93SGFuZGxlcjogdW5kZWZpbmVkLFxuICAgICAgICBoYW5kbGVLZXlwcmVzczogdW5kZWZpbmVkXG4gICAgfTtcblxuICAgIGNvbnN0cnVjdG9yKHB1YmxpYyBzdGF0ZTogRHJvcGRvd25TdGF0ZVNlcnZpY2UsXG4gICAgICAgICAgICAgICAgcHJpdmF0ZSBlbGVtZW50OiBFbGVtZW50UmVmLFxuICAgICAgICAgICAgICAgIHByaXZhdGUgcmVuZGVyZXI6IFJlbmRlcmVyKSB7fVxuXG4gICAgLyoqXG4gICAgICogQG5hbWUgc2hvd1xuICAgICAqIEBzaG93cyBtZW51IGFuZCBzZWxlY3RzIGZpcnN0IGl0ZW1cbiAgICAgKi9cbiAgICBwdWJsaWMgc2hvdyhwb3NpdGlvbj86IENsaWVudFJlY3QsIGR5bmFtaWMgPSB0cnVlKTogdm9pZCB7XG4gICAgICAgIGNvbnN0IGRjID0gdHlwZW9mIGRvY3VtZW50ICE9PSAndW5kZWZpbmVkJyA/IGRvY3VtZW50IDogdW5kZWZpbmVkO1xuICAgICAgICBjb25zdCB3ZCA9IHR5cGVvZiB3aW5kb3cgIT09ICd1bmRlZmluZWQnID8gd2luZG93IDogdW5kZWZpbmVkO1xuXG4gICAgICAgIGlmICghdGhpcy5zdGF0ZS5tZW51U3RhdGUuaXNWaXNpYmxlKSB7XG4gICAgICAgICAgICAvLyBzZXR0aW5nIGhhbmRsZXJzXG4gICAgICAgICAgICB0aGlzLmxpc3RlbmVycy5oYW5kbGVLZXlwcmVzcyA9IHRoaXMucmVuZGVyZXIubGlzdGVuKGRjLmJvZHksICdrZXlkb3duJywgdGhpcy5oYW5kbGVLZXlwcmVzcy5iaW5kKHRoaXMpKTtcbiAgICAgICAgICAgIHRoaXMubGlzdGVuZXJzLmFycm93SGFuZGxlciA9IHRoaXMucmVuZGVyZXIubGlzdGVuKHdkLCAna2V5ZG93bicsIGFycm93S2V5c0hhbmRsZXIpO1xuICAgICAgICB9XG5cbiAgICAgICAgLy8gdXBkYXRlIHN0YXRlXG4gICAgICAgIHRoaXMuc3RhdGUubWVudVN0YXRlLmlzVmlzaWJsZSA9IHRydWU7XG5cbiAgICAgICAgaWYgKHBvc2l0aW9uKSB7XG4gICAgICAgICAgICB0aGlzLnVwZGF0ZVBvc2l0aW9uKHBvc2l0aW9uLCBkeW5hbWljKTtcbiAgICAgICAgfVxuICAgIH1cblxuICAgIC8qKlxuICAgICAqIEBuYW1lIGhpZGVcbiAgICAgKiBAZGVzYyBoaWRlcyBtZW51XG4gICAgICovXG4gICAgcHVibGljIGhpZGUoKTogdm9pZCB7XG4gICAgICAgIHRoaXMuc3RhdGUubWVudVN0YXRlLmlzVmlzaWJsZSA9IGZhbHNlO1xuXG4gICAgICAgIC8vIHJlc2V0IHNlbGVjdGVkIGl0ZW0gc3RhdGVcbiAgICAgICAgdGhpcy5zdGF0ZS5kcm9wZG93blN0YXRlLnVuc2VsZWN0KCk7XG5cbiAgICAgICAgLy8gY2FsbCBmdW5jdGlvbiB0byB1bmxpc3RlblxuICAgICAgICB0aGlzLmxpc3RlbmVycy5hcnJvd0hhbmRsZXIgPyB0aGlzLmxpc3RlbmVycy5hcnJvd0hhbmRsZXIoKSA6IHVuZGVmaW5lZDtcbiAgICAgICAgdGhpcy5saXN0ZW5lcnMuaGFuZGxlS2V5cHJlc3MgPyB0aGlzLmxpc3RlbmVycy5oYW5kbGVLZXlwcmVzcygpIDogdW5kZWZpbmVkO1xuICAgIH1cblxuICAgIC8qKlxuICAgICAqIEBuYW1lIHVwZGF0ZVBvc2l0aW9uXG4gICAgICogQGRlc2MgdXBkYXRlcyB0aGUgbWVudSBwb3NpdGlvbiBldmVyeSB0aW1lIGl0IGlzIHRvZ2dsZWRcbiAgICAgKiBAcGFyYW0gcG9zaXRpb24ge0NsaWVudFJlY3R9XG4gICAgICogQHBhcmFtIGR5bmFtaWMge2Jvb2xlYW59XG4gICAgICovXG4gICAgcHVibGljIHVwZGF0ZVBvc2l0aW9uKHBvc2l0aW9uOiBDbGllbnRSZWN0LCBkeW5hbWljOiBib29sZWFuKTogdm9pZCB7XG4gICAgICAgIHRoaXMucG9zaXRpb24gPSBwb3NpdGlvbjtcbiAgICAgICAgdGhpcy51cGRhdGVPbkNoYW5nZShkeW5hbWljKTtcbiAgICB9XG5cbiAgICAvKipcbiAgICAgKiBAbmFtZSBoYW5kbGVLZXlwcmVzc1xuICAgICAqIEBkZXNjIGV4ZWN1dGVzIGZ1bmN0aW9ucyBvbiBrZXlQcmVzcyBiYXNlZCBvbiB0aGUga2V5IHByZXNzZWRcbiAgICAgKiBAcGFyYW0gJGV2ZW50XG4gICAgICovXG4gICAgcHVibGljIGhhbmRsZUtleXByZXNzKCRldmVudCk6IHZvaWQge1xuICAgICAgICBjb25zdCBrZXkgPSAkZXZlbnQua2V5Q29kZTtcbiAgICAgICAgY29uc3QgaXRlbXMgPSB0aGlzLml0ZW1zLnRvQXJyYXkoKTtcbiAgICAgICAgY29uc3QgaW5kZXggPSBpdGVtcy5pbmRleE9mKHRoaXMuc3RhdGUuZHJvcGRvd25TdGF0ZS5zZWxlY3RlZEl0ZW0pO1xuXG4gICAgICAgIGlmICghQUNUSU9OUy5oYXNPd25Qcm9wZXJ0eShrZXkpKSB7XG4gICAgICAgICAgICByZXR1cm47XG4gICAgICAgIH1cblxuICAgICAgICBBQ1RJT05TW2tleV0uY2FsbCh0aGlzLCBpbmRleCwgaXRlbXMsIHRoaXMuc3RhdGUuZHJvcGRvd25TdGF0ZSk7XG4gICAgfVxuXG4gICAgLyoqXG4gICAgICogQG5hbWUgZ2V0TWVudUVsZW1lbnRcbiAgICAgKi9cbiAgICBwcml2YXRlIGdldE1lbnVFbGVtZW50KCk6IEVsZW1lbnQge1xuICAgICAgICByZXR1cm4gdGhpcy5lbGVtZW50Lm5hdGl2ZUVsZW1lbnQuY2hpbGRyZW5bMF07XG4gICAgfVxuXG4gICAgLyoqXG4gICAgICogQG5hbWUgY2FsY1Bvc2l0aW9uT2Zmc2V0XG4gICAgICogQHBhcmFtIHBvc2l0aW9uXG4gICAgICovXG4gICAgcHJpdmF0ZSBjYWxjUG9zaXRpb25PZmZzZXQocG9zaXRpb24pOiB7IHRvcDogc3RyaW5nLCBsZWZ0OiBzdHJpbmcgfSB7XG4gICAgICAgIGNvbnN0IHdkID0gdHlwZW9mIHdpbmRvdyAhPT0gJ3VuZGVmaW5lZCcgPyB3aW5kb3cgOiB1bmRlZmluZWQ7XG4gICAgICAgIGNvbnN0IGRjID0gdHlwZW9mIGRvY3VtZW50ICE9PSAndW5kZWZpbmVkJyA/IGRvY3VtZW50IDogdW5kZWZpbmVkO1xuXG4gICAgICAgIGlmICghd2QgfHwgIWRjIHx8ICFwb3NpdGlvbikge1xuICAgICAgICAgICAgcmV0dXJuO1xuICAgICAgICB9XG5cbiAgICAgICAgY29uc3QgZWxlbWVudCA9IHRoaXMuZ2V0TWVudUVsZW1lbnQoKTtcbiAgICAgICAgY29uc3Qgc3VwcG9ydFBhZ2VPZmZzZXQgPSB3ZC5wYWdlWE9mZnNldCAhPT0gdW5kZWZpbmVkO1xuICAgICAgICBjb25zdCBpc0NTUzFDb21wYXQgPSAoKGRjLmNvbXBhdE1vZGUgfHwgJycpID09PSAnQ1NTMUNvbXBhdCcpO1xuXG4gICAgICAgIGNvbnN0IHggPSBzdXBwb3J0UGFnZU9mZnNldCA/IHdkLnBhZ2VYT2Zmc2V0IDogaXNDU1MxQ29tcGF0ID9cbiAgICAgICAgICAgIGRjLmRvY3VtZW50RWxlbWVudC5zY3JvbGxMZWZ0IDogZGMuYm9keS5zY3JvbGxMZWZ0O1xuXG4gICAgICAgIGNvbnN0IHkgPSBzdXBwb3J0UGFnZU9mZnNldCA/IHdkLnBhZ2VZT2Zmc2V0IDogaXNDU1MxQ29tcGF0ID9cbiAgICAgICAgICAgIGRjLmRvY3VtZW50RWxlbWVudC5zY3JvbGxUb3AgOiBkYy5ib2R5LnNjcm9sbFRvcDtcblxuICAgICAgICBsZXQgeyB0b3AsIGxlZnQgfSA9IHRoaXMuYXBwbHlPZmZzZXQoXG4gICAgICAgICAgICBgJHtwb3NpdGlvbi50b3AgKyAodGhpcy5hcHBlbmRUb0JvZHkgPyB5IC0gMTUgOiAwKX1weGAsXG4gICAgICAgICAgICBgJHtwb3NpdGlvbi5sZWZ0ICsgeCAtIDV9cHhgXG4gICAgICAgICk7XG5cbiAgICAgICAgY29uc3QgY2xpZW50V2lkdGggPSBlbGVtZW50LmNsaWVudFdpZHRoO1xuICAgICAgICBjb25zdCBjbGllbnRIZWlnaHQgPSBlbGVtZW50LmNsaWVudEhlaWdodDtcblxuICAgICAgICBjb25zdCBtYXJnaW5Gcm9tQm90dG9tID0gcGFyc2VJbnQodG9wKSArIGNsaWVudEhlaWdodCArICh0aGlzLmFwcGVuZFRvQm9keSA/IDAgOiB5IC0gMTUpO1xuICAgICAgICBjb25zdCBtYXJnaW5Gcm9tUmlnaHQgPSBwYXJzZUludChsZWZ0KSArIGNsaWVudFdpZHRoO1xuXG4gICAgICAgIGNvbnN0IHdpbmRvd1Njcm9sbEhlaWdodCA9IHdkLmlubmVySGVpZ2h0ICsgd2Quc2Nyb2xsWTtcbiAgICAgICAgY29uc3Qgd2luZG93U2Nyb2xsV2lkdGggPSB3ZC5pbm5lcldpZHRoICsgd2Quc2Nyb2xsWDtcblxuICAgICAgICBpZiAobWFyZ2luRnJvbUJvdHRvbSA+PSB3aW5kb3dTY3JvbGxIZWlnaHQpIHtcbiAgICAgICAgICAgIHRvcCA9IGAke3BhcnNlSW50KHRvcC5yZXBsYWNlKCdweCcsICcnKSkgLSBjbGllbnRIZWlnaHR9cHhgO1xuICAgICAgICB9XG5cbiAgICAgICAgaWYgKG1hcmdpbkZyb21SaWdodCA+PSB3aW5kb3dTY3JvbGxXaWR0aCkge1xuICAgICAgICAgICAgY29uc3QgbWFyZ2luUmlnaHQgPSBtYXJnaW5Gcm9tUmlnaHQgLSB3aW5kb3dTY3JvbGxXaWR0aCArIDMwO1xuICAgICAgICAgICAgbGVmdCA9IGAke3BhcnNlSW50KGxlZnQucmVwbGFjZSgncHgnLCAnJykpIC0gbWFyZ2luUmlnaHR9cHhgO1xuICAgICAgICB9XG5cbiAgICAgICAgcmV0dXJuIHsgdG9wLCBsZWZ0IH07XG4gICAgfVxuXG4gICAgcHJpdmF0ZSBhcHBseU9mZnNldCh0b3A6IHN0cmluZywgbGVmdDogc3RyaW5nKTogeyB0b3A6IHN0cmluZywgbGVmdDogc3RyaW5nIH0ge1xuICAgICAgICBpZiAoIXRoaXMub2Zmc2V0KSB7XG4gICAgICAgICAgICByZXR1cm4geyB0b3AsIGxlZnQgfTtcbiAgICAgICAgfVxuXG4gICAgICAgIGNvbnN0IG9mZnNldCA9IHRoaXMub2Zmc2V0LnNwbGl0KCcgJyk7XG5cbiAgICAgICAgaWYgKCFvZmZzZXRbMV0pIHtcbiAgICAgICAgICAgIG9mZnNldFsxXSA9ICcwJztcbiAgICAgICAgfVxuXG4gICAgICAgIHRvcCA9IGAke3BhcnNlSW50KHRvcC5yZXBsYWNlKCdweCcsICcnKSkgKyBwYXJzZUludChvZmZzZXRbMF0pfXB4YDtcbiAgICAgICAgbGVmdCA9IGAke3BhcnNlSW50KGxlZnQucmVwbGFjZSgncHgnLCAnJykpICsgcGFyc2VJbnQob2Zmc2V0WzFdKX1weGA7XG5cbiAgICAgICAgcmV0dXJuIHsgdG9wLCBsZWZ0IH07XG4gICAgfVxuXG4gICAgcHVibGljIG5nT25Jbml0KCkge1xuICAgICAgICBjb25zdCBkYyA9IHR5cGVvZiBkb2N1bWVudCAhPT0gJ3VuZGVmaW5lZCcgPyBkb2N1bWVudCA6IHVuZGVmaW5lZDtcbiAgICAgICAgaWYgKHRoaXMuYXBwZW5kVG9Cb2R5KSB7XG4gICAgICAgICAgICAvLyBhcHBlbmQgbWVudSBlbGVtZW50IHRvIHRoZSBib2R5XG4gICAgICAgICAgICBkYy5ib2R5LmFwcGVuZENoaWxkKHRoaXMuZWxlbWVudC5uYXRpdmVFbGVtZW50KTtcbiAgICAgICAgfVxuICAgIH1cblxuICAgIHB1YmxpYyB1cGRhdGVPbkNoYW5nZShkeW5hbWljID0gdHJ1ZSkge1xuICAgICAgICBjb25zdCBlbGVtZW50ID0gdGhpcy5nZXRNZW51RWxlbWVudCgpO1xuICAgICAgICBjb25zdCBwb3NpdGlvbiA9IHRoaXMuY2FsY1Bvc2l0aW9uT2Zmc2V0KHRoaXMucG9zaXRpb24pO1xuXG4gICAgICAgIGlmIChwb3NpdGlvbikge1xuICAgICAgICAgICAgdGhpcy5yZW5kZXJlci5zZXRFbGVtZW50U3R5bGUoZWxlbWVudCwgJ3RvcCcsIHBvc2l0aW9uLnRvcC50b1N0cmluZygpKTtcbiAgICAgICAgICAgIHRoaXMucmVuZGVyZXIuc2V0RWxlbWVudFN0eWxlKGVsZW1lbnQsICdsZWZ0JywgcG9zaXRpb24ubGVmdC50b1N0cmluZygpKTtcbiAgICAgICAgfVxuXG4gICAgICAgIC8vIHNlbGVjdCBmaXJzdCBpdGVtIHVubGVzcyB1c2VyIGRpc2FibGVkIHRoaXMgb3B0aW9uXG4gICAgICAgIGlmICh0aGlzLmZvY3VzRmlyc3RFbGVtZW50ICYmXG4gICAgICAgICAgICB0aGlzLml0ZW1zLmZpcnN0ICYmXG4gICAgICAgICAgICAhdGhpcy5zdGF0ZS5kcm9wZG93blN0YXRlLnNlbGVjdGVkSXRlbSkge1xuICAgICAgICAgICAgdGhpcy5zdGF0ZS5kcm9wZG93blN0YXRlLnNlbGVjdCh0aGlzLml0ZW1zLmZpcnN0LCBmYWxzZSk7XG4gICAgICAgIH1cbiAgICB9XG5cbiAgICBwdWJsaWMgbmdPbkRlc3Ryb3koKSB7XG4gICAgICAgIGNvbnN0IGVsZW0gPSB0aGlzLmVsZW1lbnQubmF0aXZlRWxlbWVudDtcbiAgICAgICAgZWxlbS5wYXJlbnROb2RlLnJlbW92ZUNoaWxkKGVsZW0pO1xuXG4gICAgICAgIGlmICh0aGlzLmxpc3RlbmVycy5oYW5kbGVLZXlwcmVzcykge1xuICAgICAgICAgICAgdGhpcy5saXN0ZW5lcnMuaGFuZGxlS2V5cHJlc3MoKTtcbiAgICAgICAgfVxuICAgIH1cbn1cbiIsImltcG9ydCB7XG4gICAgSG9zdExpc3RlbmVyLFxuICAgIENvbXBvbmVudCxcbiAgICBDb250ZW50Q2hpbGQsXG4gICAgT3V0cHV0LFxuICAgIEV2ZW50RW1pdHRlcixcbiAgICBJbnB1dFxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuaW1wb3J0IHsgTmcyRHJvcGRvd25CdXR0b24gfSBmcm9tICcuLi9idXR0b24vbmcyLWRyb3Bkb3duLWJ1dHRvbic7XG5pbXBvcnQgeyBOZzJEcm9wZG93bk1lbnUgfSBmcm9tICcuLi9tZW51L25nMi1kcm9wZG93bi1tZW51JztcbmltcG9ydCB7IERyb3Bkb3duU3RhdGVTZXJ2aWNlIH0gZnJvbSAnLi4vLi4vc2VydmljZXMvZHJvcGRvd24tc3RhdGUuc2VydmljZSc7XG5pbXBvcnQgeyBOZzJNZW51SXRlbSB9IGZyb20gJy4uL21lbnUtaXRlbS9uZzItbWVudS1pdGVtJztcblxuQENvbXBvbmVudCh7XG4gICAgc2VsZWN0b3I6ICduZzItZHJvcGRvd24nLFxuICAgIHRlbXBsYXRlOiBgPGRpdiBjbGFzcz1cIm5nMi1kcm9wZG93bi1jb250YWluZXJcIj5cbiAgICA8bmctY29udGVudCBzZWxlY3Q9XCJuZzItZHJvcGRvd24tYnV0dG9uXCI+PC9uZy1jb250ZW50PlxuICAgIDxuZy1jb250ZW50IHNlbGVjdD1cIm5nMi1kcm9wZG93bi1tZW51XCI+PC9uZy1jb250ZW50PlxuPC9kaXY+XG5gLFxuICAgIHByb3ZpZGVyczogWyBEcm9wZG93blN0YXRlU2VydmljZSBdXG59KVxuZXhwb3J0IGNsYXNzIE5nMkRyb3Bkb3duIHtcbiAgICAvLyBnZXQgY2hpbGRyZW4gY29tcG9uZW50c1xuICAgIEBDb250ZW50Q2hpbGQoTmcyRHJvcGRvd25CdXR0b24pIHB1YmxpYyBidXR0b246IE5nMkRyb3Bkb3duQnV0dG9uO1xuICAgIEBDb250ZW50Q2hpbGQoTmcyRHJvcGRvd25NZW51KSBwdWJsaWMgbWVudTogTmcyRHJvcGRvd25NZW51O1xuXG4gICAgQElucHV0KCkgcHVibGljIGR5bmFtaWNVcGRhdGUgPSB0cnVlO1xuXG4gICAgLy8gb3V0cHV0c1xuICAgIEBPdXRwdXQoKSBwdWJsaWMgb25JdGVtQ2xpY2tlZDogRXZlbnRFbWl0dGVyPHN0cmluZz4gPSBuZXcgRXZlbnRFbWl0dGVyPHN0cmluZz4oKTtcbiAgICBAT3V0cHV0KCkgcHVibGljIG9uSXRlbVNlbGVjdGVkOiBFdmVudEVtaXR0ZXI8c3RyaW5nPiA9IG5ldyBFdmVudEVtaXR0ZXI8c3RyaW5nPigpO1xuICAgIEBPdXRwdXQoKSBwdWJsaWMgb25TaG93OiBFdmVudEVtaXR0ZXI8TmcyRHJvcGRvd24+ID0gbmV3IEV2ZW50RW1pdHRlcjxOZzJEcm9wZG93bj4oKTtcbiAgICBAT3V0cHV0KCkgcHVibGljIG9uSGlkZTogRXZlbnRFbWl0dGVyPE5nMkRyb3Bkb3duPiA9IG5ldyBFdmVudEVtaXR0ZXI8TmcyRHJvcGRvd24+KCk7XG5cbiAgICBjb25zdHJ1Y3Rvcihwcml2YXRlIHN0YXRlOiBEcm9wZG93blN0YXRlU2VydmljZSkge31cblxuICAgIHB1YmxpYyBuZ09uSW5pdCgpIHtcbiAgICAgICAgdGhpcy5zdGF0ZS5kcm9wZG93blN0YXRlLm9uSXRlbUNsaWNrZWQuc3Vic2NyaWJlKGl0ZW0gPT4ge1xuICAgICAgICAgICAgdGhpcy5vbkl0ZW1DbGlja2VkLmVtaXQoaXRlbSk7XG5cbiAgICAgICAgICAgIGlmIChpdGVtLnByZXZlbnRDbG9zZSkge1xuICAgICAgICAgICAgICAgIHJldHVybjtcbiAgICAgICAgICAgIH1cblxuICAgICAgICAgICAgdGhpcy5oaWRlLmNhbGwodGhpcyk7XG4gICAgICAgIH0pO1xuXG4gICAgICAgIGlmICh0aGlzLmJ1dHRvbikge1xuICAgICAgICAgICAgdGhpcy5idXR0b24ub25NZW51VG9nZ2xlZC5zdWJzY3JpYmUoKCkgPT4ge1xuICAgICAgICAgICAgICAgIHRoaXMudG9nZ2xlTWVudSgpO1xuICAgICAgICAgICAgfSk7XG4gICAgICAgIH1cblxuICAgICAgICB0aGlzLnN0YXRlLmRyb3Bkb3duU3RhdGUub25JdGVtU2VsZWN0ZWQuc3Vic2NyaWJlKGl0ZW0gPT4ge1xuICAgICAgICAgICAgdGhpcy5vbkl0ZW1TZWxlY3RlZC5lbWl0KGl0ZW0pO1xuICAgICAgICB9KTtcblxuICAgICAgICB0aGlzLnN0YXRlLmRyb3Bkb3duU3RhdGUub25JdGVtRGVzdHJveWVkLnN1YnNjcmliZSgoaXRlbTogTmcyTWVudUl0ZW0pID0+IHtcbiAgICAgICAgICAgIGxldCBuZXdTZWxlY3RlZEl0ZW06IE5nMk1lbnVJdGVtIHwgdW5kZWZpbmVkO1xuICAgICAgICAgICAgY29uc3QgaXRlbXMgPSB0aGlzLm1lbnUuaXRlbXMudG9BcnJheSgpO1xuXG4gICAgICAgICAgICBpZiAoaXRlbSAhPT0gdGhpcy5zdGF0ZS5kcm9wZG93blN0YXRlLnNlbGVjdGVkSXRlbSkge1xuICAgICAgICAgICAgICAgIHJldHVybjtcbiAgICAgICAgICAgIH1cblxuICAgICAgICAgICAgaWYgKHRoaXMubWVudS5mb2N1c0ZpcnN0RWxlbWVudCkge1xuICAgICAgICAgICAgICAgIG5ld1NlbGVjdGVkSXRlbSA9IGl0ZW0gPT09IGl0ZW1zWzBdICYmIGl0ZW1zLmxlbmd0aCA+IDEgPyBpdGVtc1sxXSA6IGl0ZW1zWzBdO1xuICAgICAgICAgICAgfVxuXG4gICAgICAgICAgICB0aGlzLnN0YXRlLmRyb3Bkb3duU3RhdGUuc2VsZWN0KG5ld1NlbGVjdGVkSXRlbSk7XG4gICAgICAgIH0pO1xuICAgIH1cblxuICAgIC8qKlxuICAgICAqIEBuYW1lIHRvZ2dsZU1lbnVcbiAgICAgKiBAZGVzYyB0b2dnbGVzIG1lbnUgdmlzaWJpbGl0eVxuICAgICAqL1xuICAgIHB1YmxpYyB0b2dnbGVNZW51KHBvc2l0aW9uID0gdGhpcy5idXR0b24uZ2V0UG9zaXRpb24oKSk6IHZvaWQge1xuICAgICAgICB0aGlzLnN0YXRlLm1lbnVTdGF0ZS5pc1Zpc2libGUgPyB0aGlzLmhpZGUoKSA6IHRoaXMuc2hvdyhwb3NpdGlvbik7XG4gICAgfVxuXG4gICAgLyoqXG4gICAgICogLSBoaWRlcyBkcm9wZG93blxuICAgICAqIEBuYW1lIGhpZGVcbiAgICAgKi9cbiAgICBwdWJsaWMgaGlkZSgpOiB2b2lkIHtcbiAgICAgICAgdGhpcy5tZW51LmhpZGUoKTtcbiAgICAgICAgdGhpcy5vbkhpZGUuZW1pdCh0aGlzKTtcbiAgICB9XG5cbiAgICAvKipcbiAgICAgKiAtIHNob3dzIGRyb3Bkb3duXG4gICAgICogQG5hbWUgc2hvd1xuICAgICAqIEBwYXJhbSBwb3NpdGlvblxuICAgICAqL1xuICAgIHB1YmxpYyBzaG93KHBvc2l0aW9uID0gdGhpcy5idXR0b24uZ2V0UG9zaXRpb24oKSk6IHZvaWQge1xuICAgICAgICB0aGlzLm1lbnUuc2hvdyhwb3NpdGlvbiwgdGhpcy5keW5hbWljVXBkYXRlKTtcbiAgICAgICAgdGhpcy5vblNob3cuZW1pdCh0aGlzKTtcbiAgICB9XG5cbiAgICAvKipcbiAgICAgKiBAbmFtZSBzY3JvbGxMaXN0ZW5lclxuICAgICAqL1xuICAgIEBIb3N0TGlzdGVuZXIoJ3dpbmRvdzpzY3JvbGwnKVxuICAgIHB1YmxpYyBzY3JvbGxMaXN0ZW5lcigpIHtcbiAgICAgICAgaWYgKHRoaXMuYnV0dG9uICYmIHRoaXMuZHluYW1pY1VwZGF0ZSkge1xuICAgICAgICAgICAgdGhpcy5tZW51LnVwZGF0ZVBvc2l0aW9uKHRoaXMuYnV0dG9uLmdldFBvc2l0aW9uKCksIHRydWUpO1xuICAgICAgICB9XG4gICAgfVxufVxuIiwiaW1wb3J0IHsgTmcyRHJvcGRvd24gfSBmcm9tICcuL2NvbXBvbmVudHMvZHJvcGRvd24vbmcyLWRyb3Bkb3duJztcbmltcG9ydCB7IE5nMkRyb3Bkb3duTWVudSB9IGZyb20gJy4vY29tcG9uZW50cy9tZW51L25nMi1kcm9wZG93bi1tZW51JztcbmltcG9ydCB7IE5nMkRyb3Bkb3duQnV0dG9uIH0gZnJvbSAnLi9jb21wb25lbnRzL2J1dHRvbi9uZzItZHJvcGRvd24tYnV0dG9uJztcbmltcG9ydCB7IE5nMk1lbnVJdGVtIH0gZnJvbSAnLi9jb21wb25lbnRzL21lbnUtaXRlbS9uZzItbWVudS1pdGVtJztcblxuaW1wb3J0IHsgTmdNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5pbXBvcnQgeyBEcm9wZG93blN0YXRlU2VydmljZSB9IGZyb20gJy4vc2VydmljZXMvZHJvcGRvd24tc3RhdGUuc2VydmljZSc7XG5cbkBOZ01vZHVsZSh7XG4gICAgZXhwb3J0czogW1xuICAgICAgICBOZzJNZW51SXRlbSxcbiAgICAgICAgTmcyRHJvcGRvd25CdXR0b24sXG4gICAgICAgIE5nMkRyb3Bkb3duTWVudSxcbiAgICAgICAgTmcyRHJvcGRvd25cbiAgICBdLFxuICAgIGRlY2xhcmF0aW9uczogW1xuICAgICAgICBOZzJEcm9wZG93bixcbiAgICAgICAgTmcyTWVudUl0ZW0sXG4gICAgICAgIE5nMkRyb3Bkb3duQnV0dG9uLFxuICAgICAgICBOZzJEcm9wZG93bk1lbnUsXG4gICAgXSxcbiAgICBpbXBvcnRzOiBbXG4gICAgICAgIENvbW1vbk1vZHVsZVxuICAgIF1cbn0pXG5leHBvcnQgY2xhc3MgTmcyRHJvcGRvd25Nb2R1bGUge31cblxuZXhwb3J0IHtcbiAgICBOZzJEcm9wZG93bixcbiAgICBOZzJEcm9wZG93bk1lbnUsXG4gICAgTmcyTWVudUl0ZW0sXG4gICAgTmcyRHJvcGRvd25CdXR0b24sXG4gICAgRHJvcGRvd25TdGF0ZVNlcnZpY2Vcbn1cbiJdLCJuYW1lcyI6WyJzdGF0ZSJdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7QUFBQTtJQTBCSSwyQkFBb0IsT0FBbUI7UUFBbkIsWUFBTyxHQUFQLE9BQU8sQ0FBWTs2QkFIaUIsSUFBSSxZQUFZLEVBQVc7eUJBQzlDLElBQUk7S0FFRTs7Ozs7O0lBTXBDLHNDQUFVOzs7Ozs7UUFDYixJQUFJLENBQUMsYUFBYSxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsQ0FBQzs7Ozs7OztJQU8zQix1Q0FBVzs7Ozs7O1FBQ2hCLE9BQU8sSUFBSSxDQUFDLE9BQU8sQ0FBQyxhQUFhLENBQUMscUJBQXFCLEVBQUUsQ0FBQzs7O2dCQWpDL0QsU0FBUyxTQUFDO29CQUNQLFFBQVEsRUFBRSxxQkFBcUI7b0JBQy9CLE1BQU0sRUFBRSxDQUFDLHMyQkFBbzJCLENBQUM7b0JBQzkyQixRQUFRLEVBQUUseTJCQVNiO2lCQUNBOzs7O2dCQWhCRyxVQUFVOzs7a0NBa0JULE1BQU07OEJBQ04sS0FBSzs7NEJBeEJWOzs7Ozs7O0FDSUEscUJBQU0sSUFBSSxHQUFHO0lBQ1QsU0FBUyxFQUFFLENBQUM7SUFDWixJQUFJLEVBQUUsRUFBRTtJQUNSLElBQUksRUFBRSxFQUFFO0lBQ1IsS0FBSyxFQUFFLEVBQUU7SUFDVCxNQUFNLEVBQUUsRUFBRTtDQUNiLENBQUM7Ozs7Ozs7QUFRRixxQkFBTSxZQUFZLEdBQUcsVUFBQyxLQUFhLEVBQUUsS0FBb0IsRUFBRUEsUUFBdUI7SUFDOUUsSUFBSSxLQUFLLEdBQUcsS0FBSyxDQUFDLE1BQU0sR0FBRyxDQUFDLEVBQUU7UUFDMUJBLFFBQUssQ0FBQyxNQUFNLENBQUMsS0FBSyxDQUFDLEtBQUssR0FBRyxDQUFDLENBQUMsRUFBRSxJQUFJLENBQUMsQ0FBQztLQUN4QztDQUNKLENBQUM7Ozs7Ozs7QUFRRixxQkFBTSxZQUFZLEdBQUcsVUFBQyxLQUFhLEVBQUUsS0FBb0IsRUFBRUEsUUFBdUI7SUFDOUUsSUFBSSxLQUFLLEdBQUcsQ0FBQyxFQUFFO1FBQ1hBLFFBQUssQ0FBQyxNQUFNLENBQUMsS0FBSyxDQUFDLEtBQUssR0FBRyxDQUFDLENBQUMsRUFBRSxJQUFJLENBQUMsQ0FBQztLQUN4QztDQUNKLENBQUM7Ozs7Ozs7QUFRRixxQkFBTSxXQUFXLEdBQUcsVUFBQyxLQUFhLEVBQUUsS0FBb0IsRUFBRUEsUUFBdUI7SUFDN0UsSUFBSSxLQUFLLEdBQUcsS0FBSyxDQUFDLE1BQU0sR0FBRyxDQUFDLEVBQUU7UUFDMUJBLFFBQUssQ0FBQyxNQUFNLENBQUMsS0FBSyxDQUFDLEtBQUssR0FBRyxDQUFDLENBQUMsRUFBRSxJQUFJLENBQUMsQ0FBQztLQUN4QztTQUFNO1FBQ0hBLFFBQUssQ0FBQyxNQUFNLENBQUMsS0FBSyxDQUFDLENBQUMsQ0FBQyxFQUFFLElBQUksQ0FBQyxDQUFDO0tBQ2hDO0NBQ0osQ0FBQzs7Ozs7QUFFRjtJQUNJLElBQUksQ0FBQyxJQUFJLEVBQUUsQ0FBQztDQUNmO0FBQUE7Ozs7OztBQVFELHFCQUFNLGFBQWEsR0FBRyxVQUFDLEtBQWEsRUFBRSxLQUFvQixFQUFFQSxRQUF1QjtJQUMvRSxPQUFPQSxRQUFLLENBQUMsWUFBWSxHQUFHQSxRQUFLLENBQUMsWUFBWSxDQUFDLEtBQUssRUFBRSxHQUFHLFNBQVMsQ0FBQztDQUN0RSxDQUFDO0FBRUsscUJBQU0sT0FBTztJQUNoQixHQUFDLElBQUksQ0FBQyxTQUFTLElBQUcsV0FBVztJQUM3QixHQUFDLElBQUksQ0FBQyxJQUFJLElBQUcsWUFBWTtJQUN6QixHQUFDLElBQUksQ0FBQyxJQUFJLElBQUcsWUFBWTtJQUN6QixHQUFDLElBQUksQ0FBQyxLQUFLLElBQUcsYUFBYTtJQUMzQixHQUFDLElBQUksQ0FBQyxNQUFNLElBQUcsUUFBUTtPQUMxQixDQUFDOzs7OztBQUVGLDBCQUFpQyxLQUFLO0lBQ2xDLElBQUksQ0FBQyxFQUFFLEVBQUUsRUFBRSxDQUFDLENBQUMsT0FBTyxDQUFDLEtBQUssQ0FBQyxPQUFPLENBQUMsR0FBRyxDQUFDLENBQUMsRUFBRTtRQUN0QyxLQUFLLENBQUMsY0FBYyxFQUFFLENBQUM7S0FDMUI7Q0FDSjs7Ozs7OztBQzVFRCxBQUVBLElBQUE7OzhCQUN1RCxJQUFJLFlBQVksRUFBZTs2QkFDaEMsSUFBSSxZQUFZLEVBQWU7K0JBQzdCLElBQUksWUFBWSxFQUFlOzswQkFReEUsMENBQVk7Ozs7Ozs7WUFDbkIsT0FBTyxJQUFJLENBQUMsYUFBYSxDQUFDOzs7Ozs7Ozs7OztJQU92QixpQ0FBTTs7Ozs7O2NBQUMsSUFBNkIsRUFBRSxhQUFvQjtRQUFwQiw4QkFBQSxFQUFBLG9CQUFvQjtRQUM3RCxJQUFJLENBQUMsYUFBYSxHQUFHLElBQUksQ0FBQztRQUUxQixJQUFJLENBQUMsYUFBYSxJQUFJLENBQUMsSUFBSSxFQUFFO1lBQ3pCLE9BQU87U0FDVjtRQUVELElBQUksQ0FBQyxLQUFLLEVBQUUsQ0FBQztRQUViLElBQUksQ0FBQyxjQUFjLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxDQUFDOzs7Ozs7O0lBTzVCLG1DQUFROzs7Ozs7UUFDWCxJQUFJLENBQUMsYUFBYSxHQUFHLFNBQVMsQ0FBQzs7MkJBdEN2QztJQXdDQyxDQUFBOzs7Ozs7QUN4Q0Q7O3lCQUt1QjtZQUNmLFNBQVMsb0JBQVcsS0FBSyxDQUFBO1lBQ3pCLFFBQVE7OztZQUFSO2dCQUNJLE9BQU8sSUFBSSxDQUFDLFNBQVMsS0FBSyxJQUFJLEdBQUcsU0FBUyxHQUFHLFFBQVEsQ0FBQzthQUN6RDtTQUNKOzZCQUV3QyxJQUFJLGdCQUFnQixFQUFFOzs7Z0JBVGxFLFVBQVU7OytCQUhYOzs7Ozs7O0FDQUE7SUFxQ0kscUJBQW9CQSxRQUEyQixFQUMzQixTQUNBO1FBRkEsVUFBSyxHQUFMQSxRQUFLLENBQXNCO1FBQzNCLFlBQU8sR0FBUCxPQUFPO1FBQ1AsYUFBUSxHQUFSLFFBQVE7Ozs7OzRCQVZZLEtBQUs7S0FVSDs7OztJQUVuQyxpQ0FBVzs7OztRQUNkLElBQUksQ0FBQyxLQUFLLENBQUMsYUFBYSxDQUFDLGVBQWUsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLENBQUM7OzBCQU83QyxtQ0FBVTs7Ozs7OztZQUNqQixPQUFPLElBQUksS0FBSyxJQUFJLENBQUMsS0FBSyxDQUFDLGFBQWEsQ0FBQyxZQUFZLENBQUM7Ozs7Ozs7Ozs7O0lBT25ELDRCQUFNOzs7Ozs7Y0FBQyxNQUFPO1FBQ2pCLElBQUksQ0FBQyxLQUFLLENBQUMsYUFBYSxDQUFDLE1BQU0sQ0FBQyxJQUFJLEVBQUUsSUFBSSxDQUFDLENBQUM7UUFFNUMsSUFBSSxNQUFNLEVBQUU7WUFDUixNQUFNLENBQUMsZUFBZSxFQUFFLENBQUM7WUFDekIsTUFBTSxDQUFDLGNBQWMsRUFBRSxDQUFDO1NBQzNCOzs7Ozs7O0lBT0UsMkJBQUs7Ozs7OztRQUNSLElBQUksQ0FBQyxLQUFLLENBQUMsYUFBYSxDQUFDLGFBQWEsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLENBQUM7Ozs7OztJQU0vQywyQkFBSzs7Ozs7UUFDUixJQUFJLENBQUMsUUFBUSxDQUFDLG1CQUFtQixDQUFDLElBQUksQ0FBQyxPQUFPLENBQUMsYUFBYSxDQUFDLFFBQVEsQ0FBQyxDQUFDLENBQUMsRUFBRSxPQUFPLENBQUMsQ0FBQzs7O2dCQXBFMUYsU0FBUyxTQUFDO29CQUNQLFFBQVEsRUFBRSxlQUFlO29CQUN6QixNQUFNLEVBQUUsQ0FBQyx1bUJBQXFtQixDQUFDO29CQUMvbUIsUUFBUSxFQUFFLHFRQVNiO2lCQUNBOzs7O2dCQWZRLG9CQUFvQjtnQkFKekIsVUFBVTtnQkFEVixRQUFROzs7aUNBMEJQLEtBQUs7MEJBTUwsS0FBSzs7c0JBbkNWOzs7Ozs7O0FDQUE7SUFxSEkseUJBQW1CQSxRQUEyQixFQUMxQixTQUNBO1FBRkQsVUFBSyxHQUFMQSxRQUFLLENBQXNCO1FBQzFCLFlBQU8sR0FBUCxPQUFPO1FBQ1AsYUFBUSxHQUFSLFFBQVE7Ozs7cUJBdENJLENBQUM7Ozs7O2lDQU1ZLElBQUk7Ozs7NEJBV1QsSUFBSTs7OztzQkFLbkIsSUFBSTt5QkFTVDtZQUNoQixZQUFZLEVBQUUsU0FBUztZQUN2QixjQUFjLEVBQUUsU0FBUztTQUM1QjtLQUl5Qzs7Ozs7Ozs7SUFNbkMsOEJBQUk7Ozs7Ozs7Y0FBQyxRQUFxQixFQUFFLE9BQWM7UUFBZCx3QkFBQSxFQUFBLGNBQWM7UUFDN0MscUJBQU0sRUFBRSxHQUFHLE9BQU8sUUFBUSxLQUFLLFdBQVcsR0FBRyxRQUFRLEdBQUcsU0FBUyxDQUFDO1FBQ2xFLHFCQUFNLEVBQUUsR0FBRyxPQUFPLE1BQU0sS0FBSyxXQUFXLEdBQUcsTUFBTSxHQUFHLFNBQVMsQ0FBQztRQUU5RCxJQUFJLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxTQUFTLENBQUMsU0FBUyxFQUFFOztZQUVqQyxJQUFJLENBQUMsU0FBUyxDQUFDLGNBQWMsR0FBRyxJQUFJLENBQUMsUUFBUSxDQUFDLE1BQU0sQ0FBQyxFQUFFLENBQUMsSUFBSSxFQUFFLFNBQVMsRUFBRSxJQUFJLENBQUMsY0FBYyxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsQ0FBQyxDQUFDO1lBQ3pHLElBQUksQ0FBQyxTQUFTLENBQUMsWUFBWSxHQUFHLElBQUksQ0FBQyxRQUFRLENBQUMsTUFBTSxDQUFDLEVBQUUsRUFBRSxTQUFTLEVBQUUsZ0JBQWdCLENBQUMsQ0FBQztTQUN2Rjs7UUFHRCxJQUFJLENBQUMsS0FBSyxDQUFDLFNBQVMsQ0FBQyxTQUFTLEdBQUcsSUFBSSxDQUFDO1FBRXRDLElBQUksUUFBUSxFQUFFO1lBQ1YsSUFBSSxDQUFDLGNBQWMsQ0FBQyxRQUFRLEVBQUUsT0FBTyxDQUFDLENBQUM7U0FDMUM7Ozs7Ozs7SUFPRSw4QkFBSTs7Ozs7O1FBQ1AsSUFBSSxDQUFDLEtBQUssQ0FBQyxTQUFTLENBQUMsU0FBUyxHQUFHLEtBQUssQ0FBQzs7UUFHdkMsSUFBSSxDQUFDLEtBQUssQ0FBQyxhQUFhLENBQUMsUUFBUSxFQUFFLENBQUM7O1FBR3BDLElBQUksQ0FBQyxTQUFTLENBQUMsWUFBWSxHQUFHLElBQUksQ0FBQyxTQUFTLENBQUMsWUFBWSxFQUFFLEdBQUcsU0FBUyxDQUFDO1FBQ3hFLElBQUksQ0FBQyxTQUFTLENBQUMsY0FBYyxHQUFHLElBQUksQ0FBQyxTQUFTLENBQUMsY0FBYyxFQUFFLEdBQUcsU0FBUyxDQUFDOzs7Ozs7Ozs7SUFTekUsd0NBQWM7Ozs7Ozs7Y0FBQyxRQUFvQixFQUFFLE9BQWdCO1FBQ3hELElBQUksQ0FBQyxRQUFRLEdBQUcsUUFBUSxDQUFDO1FBQ3pCLElBQUksQ0FBQyxjQUFjLENBQUMsT0FBTyxDQUFDLENBQUM7Ozs7Ozs7O0lBUTFCLHdDQUFjOzs7Ozs7Y0FBQyxNQUFNO1FBQ3hCLHFCQUFNLEdBQUcsR0FBRyxNQUFNLENBQUMsT0FBTyxDQUFDO1FBQzNCLHFCQUFNLEtBQUssR0FBRyxJQUFJLENBQUMsS0FBSyxDQUFDLE9BQU8sRUFBRSxDQUFDO1FBQ25DLHFCQUFNLEtBQUssR0FBRyxLQUFLLENBQUMsT0FBTyxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsYUFBYSxDQUFDLFlBQVksQ0FBQyxDQUFDO1FBRW5FLElBQUksQ0FBQyxPQUFPLENBQUMsY0FBYyxDQUFDLEdBQUcsQ0FBQyxFQUFFO1lBQzlCLE9BQU87U0FDVjtRQUVELE9BQU8sQ0FBQyxHQUFHLENBQUMsQ0FBQyxJQUFJLENBQUMsSUFBSSxFQUFFLEtBQUssRUFBRSxLQUFLLEVBQUUsSUFBSSxDQUFDLEtBQUssQ0FBQyxhQUFhLENBQUMsQ0FBQzs7Ozs7O0lBTTVELHdDQUFjOzs7OztRQUNsQixPQUFPLElBQUksQ0FBQyxPQUFPLENBQUMsYUFBYSxDQUFDLFFBQVEsQ0FBQyxDQUFDLENBQUMsQ0FBQzs7Ozs7OztJQU8xQyw0Q0FBa0I7Ozs7O2NBQUMsUUFBUTtRQUMvQixxQkFBTSxFQUFFLEdBQUcsT0FBTyxNQUFNLEtBQUssV0FBVyxHQUFHLE1BQU0sR0FBRyxTQUFTLENBQUM7UUFDOUQscUJBQU0sRUFBRSxHQUFHLE9BQU8sUUFBUSxLQUFLLFdBQVcsR0FBRyxRQUFRLEdBQUcsU0FBUyxDQUFDO1FBRWxFLElBQUksQ0FBQyxFQUFFLElBQUksQ0FBQyxFQUFFLElBQUksQ0FBQyxRQUFRLEVBQUU7WUFDekIsT0FBTztTQUNWO1FBRUQscUJBQU0sT0FBTyxHQUFHLElBQUksQ0FBQyxjQUFjLEVBQUUsQ0FBQztRQUN0QyxxQkFBTSxpQkFBaUIsR0FBRyxFQUFFLENBQUMsV0FBVyxLQUFLLFNBQVMsQ0FBQztRQUN2RCxxQkFBTSxZQUFZLElBQUksQ0FBQyxFQUFFLENBQUMsVUFBVSxJQUFJLEVBQUUsTUFBTSxZQUFZLENBQUMsQ0FBQztRQUU5RCxxQkFBTSxDQUFDLEdBQUcsaUJBQWlCLEdBQUcsRUFBRSxDQUFDLFdBQVcsR0FBRyxZQUFZO1lBQ3ZELEVBQUUsQ0FBQyxlQUFlLENBQUMsVUFBVSxHQUFHLEVBQUUsQ0FBQyxJQUFJLENBQUMsVUFBVSxDQUFDO1FBRXZELHFCQUFNLENBQUMsR0FBRyxpQkFBaUIsR0FBRyxFQUFFLENBQUMsV0FBVyxHQUFHLFlBQVk7WUFDdkQsRUFBRSxDQUFDLGVBQWUsQ0FBQyxTQUFTLEdBQUcsRUFBRSxDQUFDLElBQUksQ0FBQyxTQUFTLENBQUM7UUFFckQsaUhBQU0sWUFBRyxFQUFFLGNBQUksQ0FHYjtRQUVGLHFCQUFNLFdBQVcsR0FBRyxPQUFPLENBQUMsV0FBVyxDQUFDO1FBQ3hDLHFCQUFNLFlBQVksR0FBRyxPQUFPLENBQUMsWUFBWSxDQUFDO1FBRTFDLHFCQUFNLGdCQUFnQixHQUFHLFFBQVEsQ0FBQyxHQUFHLENBQUMsR0FBRyxZQUFZLElBQUksSUFBSSxDQUFDLFlBQVksR0FBRyxDQUFDLEdBQUcsQ0FBQyxHQUFHLEVBQUUsQ0FBQyxDQUFDO1FBQ3pGLHFCQUFNLGVBQWUsR0FBRyxRQUFRLENBQUMsSUFBSSxDQUFDLEdBQUcsV0FBVyxDQUFDO1FBRXJELHFCQUFNLGtCQUFrQixHQUFHLEVBQUUsQ0FBQyxXQUFXLEdBQUcsRUFBRSxDQUFDLE9BQU8sQ0FBQztRQUN2RCxxQkFBTSxpQkFBaUIsR0FBRyxFQUFFLENBQUMsVUFBVSxHQUFHLEVBQUUsQ0FBQyxPQUFPLENBQUM7UUFFckQsSUFBSSxnQkFBZ0IsSUFBSSxrQkFBa0IsRUFBRTtZQUN4QyxHQUFHLEdBQU0sUUFBUSxDQUFDLEdBQUcsQ0FBQyxPQUFPLENBQUMsSUFBSSxFQUFFLEVBQUUsQ0FBQyxDQUFDLEdBQUcsWUFBWSxPQUFJLENBQUM7U0FDL0Q7UUFFRCxJQUFJLGVBQWUsSUFBSSxpQkFBaUIsRUFBRTtZQUN0QyxxQkFBTSxXQUFXLEdBQUcsZUFBZSxHQUFHLGlCQUFpQixHQUFHLEVBQUUsQ0FBQztZQUM3RCxJQUFJLEdBQU0sUUFBUSxDQUFDLElBQUksQ0FBQyxPQUFPLENBQUMsSUFBSSxFQUFFLEVBQUUsQ0FBQyxDQUFDLEdBQUcsV0FBVyxPQUFJLENBQUM7U0FDaEU7UUFFRCxPQUFPLEVBQUUsR0FBRyxLQUFBLEVBQUUsSUFBSSxNQUFBLEVBQUUsQ0FBQzs7Ozs7OztJQUdqQixxQ0FBVzs7Ozs7Y0FBQyxHQUFXLEVBQUUsSUFBWTtRQUN6QyxJQUFJLENBQUMsSUFBSSxDQUFDLE1BQU0sRUFBRTtZQUNkLE9BQU8sRUFBRSxHQUFHLEtBQUEsRUFBRSxJQUFJLE1BQUEsRUFBRSxDQUFDO1NBQ3hCO1FBRUQscUJBQU0sTUFBTSxHQUFHLElBQUksQ0FBQyxNQUFNLENBQUMsS0FBSyxDQUFDLEdBQUcsQ0FBQyxDQUFDO1FBRXRDLElBQUksQ0FBQyxNQUFNLENBQUMsQ0FBQyxDQUFDLEVBQUU7WUFDWixNQUFNLENBQUMsQ0FBQyxDQUFDLEdBQUcsR0FBRyxDQUFDO1NBQ25CO1FBRUQsR0FBRyxHQUFNLFFBQVEsQ0FBQyxHQUFHLENBQUMsT0FBTyxDQUFDLElBQUksRUFBRSxFQUFFLENBQUMsQ0FBQyxHQUFHLFFBQVEsQ0FBQyxNQUFNLENBQUMsQ0FBQyxDQUFDLENBQUMsT0FBSSxDQUFDO1FBQ25FLElBQUksR0FBTSxRQUFRLENBQUMsSUFBSSxDQUFDLE9BQU8sQ0FBQyxJQUFJLEVBQUUsRUFBRSxDQUFDLENBQUMsR0FBRyxRQUFRLENBQUMsTUFBTSxDQUFDLENBQUMsQ0FBQyxDQUFDLE9BQUksQ0FBQztRQUVyRSxPQUFPLEVBQUUsR0FBRyxLQUFBLEVBQUUsSUFBSSxNQUFBLEVBQUUsQ0FBQzs7Ozs7SUFHbEIsa0NBQVE7Ozs7UUFDWCxxQkFBTSxFQUFFLEdBQUcsT0FBTyxRQUFRLEtBQUssV0FBVyxHQUFHLFFBQVEsR0FBRyxTQUFTLENBQUM7UUFDbEUsSUFBSSxJQUFJLENBQUMsWUFBWSxFQUFFOztZQUVuQixFQUFFLENBQUMsSUFBSSxDQUFDLFdBQVcsQ0FBQyxJQUFJLENBQUMsT0FBTyxDQUFDLGFBQWEsQ0FBQyxDQUFDO1NBQ25EOzs7Ozs7SUFHRSx3Q0FBYzs7OztjQUFDLE9BQWM7UUFBZCx3QkFBQSxFQUFBLGNBQWM7UUFDaEMscUJBQU0sT0FBTyxHQUFHLElBQUksQ0FBQyxjQUFjLEVBQUUsQ0FBQztRQUN0QyxxQkFBTSxRQUFRLEdBQUcsSUFBSSxDQUFDLGtCQUFrQixDQUFDLElBQUksQ0FBQyxRQUFRLENBQUMsQ0FBQztRQUV4RCxJQUFJLFFBQVEsRUFBRTtZQUNWLElBQUksQ0FBQyxRQUFRLENBQUMsZUFBZSxDQUFDLE9BQU8sRUFBRSxLQUFLLEVBQUUsUUFBUSxDQUFDLEdBQUcsQ0FBQyxRQUFRLEVBQUUsQ0FBQyxDQUFDO1lBQ3ZFLElBQUksQ0FBQyxRQUFRLENBQUMsZUFBZSxDQUFDLE9BQU8sRUFBRSxNQUFNLEVBQUUsUUFBUSxDQUFDLElBQUksQ0FBQyxRQUFRLEVBQUUsQ0FBQyxDQUFDO1NBQzVFOztRQUdELElBQUksSUFBSSxDQUFDLGlCQUFpQjtZQUN0QixJQUFJLENBQUMsS0FBSyxDQUFDLEtBQUs7WUFDaEIsQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLGFBQWEsQ0FBQyxZQUFZLEVBQUU7WUFDeEMsSUFBSSxDQUFDLEtBQUssQ0FBQyxhQUFhLENBQUMsTUFBTSxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsS0FBSyxFQUFFLEtBQUssQ0FBQyxDQUFDO1NBQzVEOzs7OztJQUdFLHFDQUFXOzs7O1FBQ2QscUJBQU0sSUFBSSxHQUFHLElBQUksQ0FBQyxPQUFPLENBQUMsYUFBYSxDQUFDO1FBQ3hDLElBQUksQ0FBQyxVQUFVLENBQUMsV0FBVyxDQUFDLElBQUksQ0FBQyxDQUFDO1FBRWxDLElBQUksSUFBSSxDQUFDLFNBQVMsQ0FBQyxjQUFjLEVBQUU7WUFDL0IsSUFBSSxDQUFDLFNBQVMsQ0FBQyxjQUFjLEVBQUUsQ0FBQztTQUNuQzs7O2dCQTFRUixTQUFTLFNBQUM7b0JBQ1AsUUFBUSxFQUFFLG1CQUFtQjtvQkFDN0IsTUFBTSxFQUFFLENBQUMsdXFCQUF1cUIsQ0FBQztvQkFDanJCLFFBQVEsRUFBRSwybEJBY2I7b0JBQ0csVUFBVSxFQUFFO3dCQUNSLE9BQU8sQ0FBQyxNQUFNLEVBQUU7NEJBQ1osS0FBSyxDQUFDLFNBQVMsRUFBRSxLQUFLLENBQ2xCLEVBQUMsT0FBTyxFQUFFLE9BQU8sRUFBRSxPQUFPLEVBQUUsQ0FBQyxFQUFFLE1BQU0sRUFBRSxHQUFHLEVBQUUsS0FBSyxFQUFFLEdBQUcsRUFBQyxDQUMxRCxDQUFDOzRCQUNGLEtBQUssQ0FBQyxRQUFRLEVBQUUsS0FBSyxDQUNqQixFQUFDLE9BQU8sRUFBRSxNQUFNLEVBQUUsT0FBTyxFQUFFLENBQUMsRUFBRSxRQUFRLEVBQUUsUUFBUSxFQUFFLE1BQU0sRUFBRSxDQUFDLEVBQUUsS0FBSyxFQUFFLENBQUMsRUFBQyxDQUN6RSxDQUFDOzRCQUNGLFVBQVUsQ0FBQyxtQkFBbUIsRUFBRTtnQ0FDNUIsT0FBTyxDQUFDLGVBQWUsRUFDbkIsS0FBSyxDQUFDLEVBQUMsT0FBTyxFQUFFLENBQUMsRUFBRSxNQUFNLEVBQUUsR0FBRyxFQUFFLEtBQUssRUFBRSxHQUFHLEVBQUMsQ0FBQyxDQUMvQzs2QkFDSixDQUFDOzRCQUNGLFVBQVUsQ0FBQyxtQkFBbUIsRUFBRTtnQ0FDNUIsT0FBTyxDQUFDLGdCQUFnQixFQUNwQixLQUFLLENBQUMsRUFBQyxPQUFPLEVBQUUsQ0FBQyxFQUFFLEtBQUssRUFBRSxDQUFDLEVBQUUsTUFBTSxFQUFFLENBQUMsRUFBQyxDQUFDLENBQzNDOzZCQUNKLENBQUM7eUJBQ0wsQ0FBQzt3QkFDRixPQUFPLENBQUMsU0FBUyxFQUFFOzRCQUNmLFVBQVUsQ0FBQyxtQkFBbUIsRUFBRTtnQ0FDNUIsT0FBTyxDQUFDLGVBQWUsRUFBRSxTQUFTLENBQUM7b0NBQy9CLEtBQUssQ0FBQyxFQUFDLE9BQU8sRUFBRSxDQUFDLEVBQUUsTUFBTSxFQUFFLENBQUMsRUFBQyxDQUFDO29DQUM5QixLQUFLLENBQUMsRUFBQyxPQUFPLEVBQUUsQ0FBQyxFQUFFLE1BQU0sRUFBRSxDQUFDLEVBQUMsQ0FBQztpQ0FDakMsQ0FBQyxDQUFDOzZCQUNOLENBQUM7NEJBQ0YsVUFBVSxDQUFDLG1CQUFtQixFQUFFO2dDQUM1QixPQUFPLENBQUMsZ0JBQWdCLEVBQUUsU0FBUyxDQUFDO29DQUNoQyxLQUFLLENBQUMsRUFBQyxPQUFPLEVBQUUsQ0FBQyxFQUFFLE1BQU0sRUFBRSxDQUFDLEVBQUMsQ0FBQztvQ0FDOUIsS0FBSyxDQUFDLEVBQUMsT0FBTyxFQUFFLEdBQUcsRUFBRSxNQUFNLEVBQUUsR0FBRyxFQUFDLENBQUM7b0NBQ2xDLEtBQUssQ0FBQyxFQUFDLE9BQU8sRUFBRSxDQUFDLEVBQUUsTUFBTSxFQUFFLENBQUMsRUFBQyxDQUFDO2lDQUNqQyxDQUFDLENBQUM7NkJBQ04sQ0FBQzt5QkFDTCxDQUFDO3FCQUNMO2lCQUNKOzs7O2dCQXZEUSxvQkFBb0I7Z0JBbkJ6QixVQUFVO2dCQUNWLFFBQVE7OzswQkE4RVAsS0FBSztzQ0FNTCxLQUFLOzJCQU1MLEtBQUs7aUNBS0wsS0FBSzsyQkFLTCxLQUFLOzBCQUtMLGVBQWUsU0FBQyxXQUFXOzswQkE1R2hDOzs7Ozs7O0FDQUE7SUFvQ0kscUJBQW9CQSxRQUEyQjtRQUEzQixVQUFLLEdBQUxBLFFBQUssQ0FBc0I7NkJBUmYsSUFBSTs7NkJBR21CLElBQUksWUFBWSxFQUFVOzhCQUN6QixJQUFJLFlBQVksRUFBVTtzQkFDN0IsSUFBSSxZQUFZLEVBQWU7c0JBQy9CLElBQUksWUFBWSxFQUFlO0tBRWpDOzs7O0lBRTVDLDhCQUFROzs7OztRQUNYLElBQUksQ0FBQyxLQUFLLENBQUMsYUFBYSxDQUFDLGFBQWEsQ0FBQyxTQUFTLENBQUMsVUFBQSxJQUFJO1lBQ2pELEtBQUksQ0FBQyxhQUFhLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxDQUFDO1lBRTlCLElBQUksSUFBSSxDQUFDLFlBQVksRUFBRTtnQkFDbkIsT0FBTzthQUNWO1lBRUQsS0FBSSxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsS0FBSSxDQUFDLENBQUM7U0FDeEIsQ0FBQyxDQUFDO1FBRUgsSUFBSSxJQUFJLENBQUMsTUFBTSxFQUFFO1lBQ2IsSUFBSSxDQUFDLE1BQU0sQ0FBQyxhQUFhLENBQUMsU0FBUyxDQUFDO2dCQUNoQyxLQUFJLENBQUMsVUFBVSxFQUFFLENBQUM7YUFDckIsQ0FBQyxDQUFDO1NBQ047UUFFRCxJQUFJLENBQUMsS0FBSyxDQUFDLGFBQWEsQ0FBQyxjQUFjLENBQUMsU0FBUyxDQUFDLFVBQUEsSUFBSTtZQUNsRCxLQUFJLENBQUMsY0FBYyxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsQ0FBQztTQUNsQyxDQUFDLENBQUM7UUFFSCxJQUFJLENBQUMsS0FBSyxDQUFDLGFBQWEsQ0FBQyxlQUFlLENBQUMsU0FBUyxDQUFDLFVBQUMsSUFBaUI7WUFDakUscUJBQUksZUFBd0MsQ0FBQztZQUM3QyxxQkFBTSxLQUFLLEdBQUcsS0FBSSxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsT0FBTyxFQUFFLENBQUM7WUFFeEMsSUFBSSxJQUFJLEtBQUssS0FBSSxDQUFDLEtBQUssQ0FBQyxhQUFhLENBQUMsWUFBWSxFQUFFO2dCQUNoRCxPQUFPO2FBQ1Y7WUFFRCxJQUFJLEtBQUksQ0FBQyxJQUFJLENBQUMsaUJBQWlCLEVBQUU7Z0JBQzdCLGVBQWUsR0FBRyxJQUFJLEtBQUssS0FBSyxDQUFDLENBQUMsQ0FBQyxJQUFJLEtBQUssQ0FBQyxNQUFNLEdBQUcsQ0FBQyxHQUFHLEtBQUssQ0FBQyxDQUFDLENBQUMsR0FBRyxLQUFLLENBQUMsQ0FBQyxDQUFDLENBQUM7YUFDakY7WUFFRCxLQUFJLENBQUMsS0FBSyxDQUFDLGFBQWEsQ0FBQyxNQUFNLENBQUMsZUFBZSxDQUFDLENBQUM7U0FDcEQsQ0FBQyxDQUFDOzs7Ozs7OztJQU9BLGdDQUFVOzs7Ozs7Y0FBQyxRQUFvQztRQUFwQyx5QkFBQSxFQUFBLFdBQVcsSUFBSSxDQUFDLE1BQU0sQ0FBQyxXQUFXLEVBQUU7UUFDbEQsSUFBSSxDQUFDLEtBQUssQ0FBQyxTQUFTLENBQUMsU0FBUyxHQUFHLElBQUksQ0FBQyxJQUFJLEVBQUUsR0FBRyxJQUFJLENBQUMsSUFBSSxDQUFDLFFBQVEsQ0FBQyxDQUFDOzs7Ozs7O0lBT2hFLDBCQUFJOzs7Ozs7UUFDUCxJQUFJLENBQUMsSUFBSSxDQUFDLElBQUksRUFBRSxDQUFDO1FBQ2pCLElBQUksQ0FBQyxNQUFNLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxDQUFDOzs7Ozs7OztJQVFwQiwwQkFBSTs7Ozs7O2NBQUMsUUFBb0M7UUFBcEMseUJBQUEsRUFBQSxXQUFXLElBQUksQ0FBQyxNQUFNLENBQUMsV0FBVyxFQUFFO1FBQzVDLElBQUksQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLFFBQVEsRUFBRSxJQUFJLENBQUMsYUFBYSxDQUFDLENBQUM7UUFDN0MsSUFBSSxDQUFDLE1BQU0sQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLENBQUM7Ozs7OztJQU9wQixvQ0FBYzs7Ozs7UUFDakIsSUFBSSxJQUFJLENBQUMsTUFBTSxJQUFJLElBQUksQ0FBQyxhQUFhLEVBQUU7WUFDbkMsSUFBSSxDQUFDLElBQUksQ0FBQyxjQUFjLENBQUMsSUFBSSxDQUFDLE1BQU0sQ0FBQyxXQUFXLEVBQUUsRUFBRSxJQUFJLENBQUMsQ0FBQztTQUM3RDs7O2dCQS9GUixTQUFTLFNBQUM7b0JBQ1AsUUFBUSxFQUFFLGNBQWM7b0JBQ3hCLFFBQVEsRUFBRSw0S0FJYjtvQkFDRyxTQUFTLEVBQUUsQ0FBRSxvQkFBb0IsQ0FBRTtpQkFDdEM7Ozs7Z0JBWFEsb0JBQW9COzs7MkJBY3hCLFlBQVksU0FBQyxpQkFBaUI7eUJBQzlCLFlBQVksU0FBQyxlQUFlO2tDQUU1QixLQUFLO2tDQUdMLE1BQU07bUNBQ04sTUFBTTsyQkFDTixNQUFNOzJCQUNOLE1BQU07bUNBdUVOLFlBQVksU0FBQyxlQUFlOztzQkF6R2pDOzs7Ozs7O0FDQUE7Ozs7Z0JBU0MsUUFBUSxTQUFDO29CQUNOLE9BQU8sRUFBRTt3QkFDTCxXQUFXO3dCQUNYLGlCQUFpQjt3QkFDakIsZUFBZTt3QkFDZixXQUFXO3FCQUNkO29CQUNELFlBQVksRUFBRTt3QkFDVixXQUFXO3dCQUNYLFdBQVc7d0JBQ1gsaUJBQWlCO3dCQUNqQixlQUFlO3FCQUNsQjtvQkFDRCxPQUFPLEVBQUU7d0JBQ0wsWUFBWTtxQkFDZjtpQkFDSjs7NEJBekJEOzs7Ozs7Ozs7Ozs7Ozs7In0=\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./node_modules/ng2-material-dropdown/fesm5/ng2-material-dropdown.js\n// module id = null\n// module chunks = ","import { __awaiter, __generator, __extends, __spread } from 'tslib';\nimport { Pipe, Injectable, Input, Component, EventEmitter, Output, ViewChild, ContentChildren, forwardRef, HostListener, Injector, TemplateRef, ElementRef, HostBinding, ChangeDetectorRef, Renderer2, ViewChildren, ContentChild, NgModule } from '@angular/core';\nimport { FormControl, FormGroup, NG_VALUE_ACCESSOR, ReactiveFormsModule, FormsModule, COMPOSITION_BUFFER_MODE } from '@angular/forms';\nimport { filter, first, debounceTime, map } from 'rxjs/operators';\nimport { Ng2Dropdown, Ng2DropdownModule } from 'ng2-material-dropdown';\nimport { animate, trigger, style, transition, keyframes, state } from '@angular/animations';\nimport { CommonModule } from '@angular/common';\n\nvar escape = function (s) { return s.replace(/[-\\/\\\\^$*+?.()|[\\]{}]/g, '\\\\$&'); };\nvar HighlightPipe = /** @class */ (function () {\n function HighlightPipe() {\n }\n HighlightPipe.prototype.transform = function (value, arg) {\n if (!arg.trim()) {\n return value;\n }\n try {\n var regex = new RegExp(\"(\" + escape(arg) + \")\", 'i');\n return value.replace(regex, '$1 ');\n }\n catch (e) {\n return value;\n }\n };\n return HighlightPipe;\n}());\nHighlightPipe.decorators = [\n { type: Pipe, args: [{\n name: 'highlight'\n },] },\n];\nvar PLACEHOLDER = '+ Tag';\nvar SECONDARY_PLACEHOLDER = 'Enter a new tag';\nvar KEYDOWN = 'keydown';\nvar KEYUP = 'keyup';\nvar MAX_ITEMS_WARNING = 'The number of items specified was greater than the property max-items.';\nvar ACTIONS_KEYS = {\n DELETE: 'DELETE',\n SWITCH_PREV: 'SWITCH_PREV',\n SWITCH_NEXT: 'SWITCH_NEXT',\n TAB: 'TAB'\n};\nvar KEY_PRESS_ACTIONS = {\n 8: ACTIONS_KEYS.DELETE,\n 37: ACTIONS_KEYS.SWITCH_PREV,\n 39: ACTIONS_KEYS.SWITCH_NEXT,\n 9: ACTIONS_KEYS.TAB\n};\nvar DRAG_AND_DROP_KEY = 'Text';\nvar NEXT = 'NEXT';\nvar PREV = 'PREV';\nvar DragProvider = /** @class */ (function () {\n function DragProvider() {\n this.state = {\n dragging: false,\n dropping: false,\n index: undefined\n };\n }\n DragProvider.prototype.setDraggedItem = function (event, tag) {\n event.dataTransfer.setData(DRAG_AND_DROP_KEY, JSON.stringify(tag));\n };\n DragProvider.prototype.getDraggedItem = function (event) {\n var data = event.dataTransfer.getData(DRAG_AND_DROP_KEY);\n try {\n return (JSON.parse(data));\n }\n catch (_a) {\n return;\n }\n };\n DragProvider.prototype.setSender = function (sender) {\n this.sender = sender;\n };\n DragProvider.prototype.setReceiver = function (receiver) {\n this.receiver = receiver;\n };\n DragProvider.prototype.onTagDropped = function (tag, indexDragged, indexDropped) {\n this.onDragEnd();\n this.sender.onRemoveRequested(tag, indexDragged);\n this.receiver.onAddingRequested(false, tag, indexDropped);\n };\n DragProvider.prototype.setState = function (state$$1) {\n this.state = Object.assign({}, this.state, state$$1);\n };\n DragProvider.prototype.getState = function (key) {\n return key ? this.state[key] : this.state;\n };\n DragProvider.prototype.onDragEnd = function () {\n this.setState({\n dragging: false,\n dropping: false,\n index: undefined\n });\n };\n return DragProvider;\n}());\nDragProvider.decorators = [\n { type: Injectable },\n];\nvar defaults = {\n tagInput: ({\n separatorKeys: [],\n separatorKeyCodes: [],\n maxItems: Infinity,\n placeholder: PLACEHOLDER,\n secondaryPlaceholder: SECONDARY_PLACEHOLDER,\n validators: [],\n asyncValidators: [],\n onlyFromAutocomplete: false,\n errorMessages: {},\n theme: '',\n onTextChangeDebounce: 250,\n inputId: null,\n inputClass: '',\n clearOnBlur: false,\n hideForm: false,\n addOnBlur: false,\n addOnPaste: false,\n pasteSplitPattern: ',',\n blinkIfDupe: true,\n removable: true,\n editable: false,\n allowDupes: false,\n modelAsStrings: false,\n trimTags: true,\n ripple: true,\n tabIndex: '',\n disable: false,\n dragZone: '',\n onRemoving: undefined,\n onAdding: undefined,\n displayBy: 'display',\n identifyBy: 'value',\n animationDuration: {\n enter: '250ms',\n leave: '150ms'\n }\n }),\n dropdown: ({\n displayBy: 'display',\n identifyBy: 'value',\n appendToBody: true,\n offset: '50 0',\n focusFirstElement: false,\n showDropdownIfEmpty: false,\n minimumTextLength: 1,\n limitItemsTo: Infinity,\n keepOpen: true,\n dynamicUpdate: true,\n zIndex: 1000,\n matchingFn: matchingFn\n })\n};\nfunction matchingFn(value, target) {\n var targetValue = target[this.displayBy].toString();\n return targetValue && targetValue\n .toLowerCase()\n .indexOf(value.toLowerCase()) >= 0;\n}\nvar OptionsProvider = /** @class */ (function () {\n function OptionsProvider() {\n }\n OptionsProvider.prototype.setOptions = function (options) {\n OptionsProvider.defaults.tagInput = Object.assign({}, defaults.tagInput, options.tagInput);\n OptionsProvider.defaults.dropdown = Object.assign({}, defaults.dropdown, options.dropdown);\n };\n return OptionsProvider;\n}());\nOptionsProvider.defaults = defaults;\nfunction isObject(obj) {\n return obj === Object(obj);\n}\nvar TagInputAccessor = /** @class */ (function () {\n function TagInputAccessor() {\n this._items = [];\n this.displayBy = OptionsProvider.defaults.tagInput.displayBy;\n this.identifyBy = OptionsProvider.defaults.tagInput.identifyBy;\n }\n Object.defineProperty(TagInputAccessor.prototype, \"items\", {\n get: function () {\n return this._items;\n },\n set: function (items) {\n this._items = items;\n this._onChangeCallback(this._items);\n },\n enumerable: true,\n configurable: true\n });\n TagInputAccessor.prototype.onTouched = function () {\n this._onTouchedCallback();\n };\n TagInputAccessor.prototype.writeValue = function (items) {\n this._items = items || [];\n };\n TagInputAccessor.prototype.registerOnChange = function (fn) {\n this._onChangeCallback = fn;\n };\n TagInputAccessor.prototype.registerOnTouched = function (fn) {\n this._onTouchedCallback = fn;\n };\n TagInputAccessor.prototype.getItemValue = function (item, fromDropdown) {\n if (fromDropdown === void 0) { fromDropdown = false; }\n var property = fromDropdown && this.dropdown ? this.dropdown.identifyBy : this.identifyBy;\n return isObject(item) ? item[property] : item;\n };\n TagInputAccessor.prototype.getItemDisplay = function (item, fromDropdown) {\n if (fromDropdown === void 0) { fromDropdown = false; }\n var property = fromDropdown && this.dropdown ? this.dropdown.displayBy : this.displayBy;\n return isObject(item) ? item[property] : item;\n };\n TagInputAccessor.prototype.getItemsWithout = function (index) {\n return this.items.filter(function (item, position) { return position !== index; });\n };\n return TagInputAccessor;\n}());\nTagInputAccessor.propDecorators = {\n \"displayBy\": [{ type: Input },],\n \"identifyBy\": [{ type: Input },],\n};\nfunction listen(listenerType, action, condition) {\n if (condition === void 0) { condition = true; }\n if (!this.listeners.hasOwnProperty(listenerType)) {\n throw new Error('The event entered may be wrong');\n }\n if (!condition) {\n return;\n }\n this.listeners[listenerType].push(action);\n}\nvar TagInputForm = /** @class */ (function () {\n function TagInputForm() {\n this.onSubmit = new EventEmitter();\n this.onBlur = new EventEmitter();\n this.onFocus = new EventEmitter();\n this.onKeyup = new EventEmitter();\n this.onKeydown = new EventEmitter();\n this.inputTextChange = new EventEmitter();\n this.validators = [];\n this.asyncValidators = [];\n this.tabindex = '';\n this.disabled = false;\n this.item = new FormControl({ value: '', disabled: this.disabled });\n }\n Object.defineProperty(TagInputForm.prototype, \"inputText\", {\n get: function () {\n return this.item.value;\n },\n set: function (text) {\n this.item.setValue(text);\n this.inputTextChange.emit(text);\n },\n enumerable: true,\n configurable: true\n });\n TagInputForm.prototype.ngOnInit = function () {\n this.item.setValidators(this.validators);\n this.item.setAsyncValidators(this.asyncValidators);\n this.form = new FormGroup({\n item: this.item\n });\n };\n TagInputForm.prototype.ngOnChanges = function (changes) {\n if (changes[\"disabled\"] && !changes[\"disabled\"].firstChange) {\n if (changes[\"disabled\"].currentValue) {\n this.form.controls['item'].disable();\n }\n else {\n this.form.controls['item'].enable();\n }\n }\n };\n Object.defineProperty(TagInputForm.prototype, \"value\", {\n get: function () {\n return (this.form.get('item'));\n },\n enumerable: true,\n configurable: true\n });\n TagInputForm.prototype.isInputFocused = function () {\n var doc = typeof document !== 'undefined' ? document : undefined;\n return doc ? doc.activeElement === this.input.nativeElement : false;\n };\n TagInputForm.prototype.getErrorMessages = function (messages) {\n var _this = this;\n return Object.keys(messages)\n .filter(function (err) { return _this.value.hasError(err); })\n .map(function (err) { return messages[err]; });\n };\n TagInputForm.prototype.hasErrors = function () {\n var _b = this.form, dirty = _b.dirty, value = _b.value, valid = _b.valid;\n return dirty && value.item && !valid;\n };\n TagInputForm.prototype.focus = function () {\n this.input.nativeElement.focus();\n };\n TagInputForm.prototype.blur = function () {\n this.input.nativeElement.blur();\n };\n TagInputForm.prototype.getElementPosition = function () {\n return this.input.nativeElement.getBoundingClientRect();\n };\n TagInputForm.prototype.destroy = function () {\n var input = this.input.nativeElement;\n input.parentElement.removeChild(input);\n };\n TagInputForm.prototype.onKeyDown = function ($event) {\n this.inputText = this.value.value;\n if ($event.key === 'Enter') {\n this.submit($event);\n this.inputText = '';\n }\n return this.onKeydown.emit($event);\n };\n TagInputForm.prototype.onKeyUp = function ($event) {\n this.inputText = this.value.value;\n return this.onKeyup.emit($event);\n };\n TagInputForm.prototype.submit = function ($event) {\n $event.preventDefault();\n if (this.form.valid) {\n this.onSubmit.emit($event);\n }\n };\n return TagInputForm;\n}());\nTagInputForm.decorators = [\n { type: Component, args: [{\n selector: 'tag-input-form',\n styles: [\".dark tag:focus{-webkit-box-shadow:0 0 0 1px #323232;box-shadow:0 0 0 1px #323232}.ng2-tag-input.bootstrap3-info{background-color:#fff;display:inline-block;color:#555;vertical-align:middle;max-width:100%;height:42px;line-height:44px}.ng2-tag-input.bootstrap3-info input{border:none;-webkit-box-shadow:none;box-shadow:none;outline:0;background-color:transparent;padding:0 6px;margin:0;width:auto;max-width:inherit}.ng2-tag-input.bootstrap3-info .form-control input::-moz-placeholder{color:#777;opacity:1}.ng2-tag-input.bootstrap3-info .form-control input:-ms-input-placeholder{color:#777}.ng2-tag-input.bootstrap3-info .form-control input::-webkit-input-placeholder{color:#777}.ng2-tag-input.bootstrap3-info input:focus{border:none;-webkit-box-shadow:none;box-shadow:none}.bootstrap3-info.ng2-tag-input.ng2-tag-input--focused{-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.4);box-shadow:inset 0 1px 1px rgba(0,0,0,.4);border:1px solid #ccc}.bootstrap3-info.ng2-tag-input.ng2-tag-input--invalid{-webkit-box-shadow:inset 0 1px 1px #d9534f;box-shadow:inset 0 1px 1px #d9534f}.ng2-tag-input{display:block;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:wrap;flex-wrap:wrap;position:relative;-webkit-transition:all .25s;transition:all .25s;padding:.25rem 0;min-height:32px;cursor:text;border-bottom:2px solid #efefef}.ng2-tag-input:focus{outline:0}.ng2-tag-input.ng2-tag-input--dropping{opacity:.7}.ng2-tag-input.ng2-tag-input--focused{border-bottom:2px solid #2196f3}.ng2-tag-input.ng2-tag-input--invalid{border-bottom:2px solid #f44336}.ng2-tag-input.ng2-tag-input--loading{border:none}.ng2-tag-input.ng2-tag-input--disabled{opacity:.5;cursor:not-allowed}.ng2-tag-input form{margin:.1em 0}.ng2-tag-input .ng2-tags-container{-ms-flex-wrap:wrap;flex-wrap:wrap;display:-webkit-box;display:-ms-flexbox;display:flex}.minimal.ng2-tag-input{display:block;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:wrap;flex-wrap:wrap;position:relative;cursor:text;border-bottom:1px solid transparent}.minimal.ng2-tag-input:focus{outline:0}.minimal.ng2-tag-input.ng2-tag-input--dropping{opacity:.7}.minimal.ng2-tag-input.ng2-tag-input--loading{border:none}.minimal.ng2-tag-input.ng2-tag-input--disabled{opacity:.5;cursor:not-allowed}.minimal.ng2-tag-input .ng2-tags-container{-ms-flex-wrap:wrap;flex-wrap:wrap;display:-webkit-box;display:-ms-flexbox;display:flex}.dark.ng2-tag-input{display:block;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:wrap;flex-wrap:wrap;position:relative;cursor:text;border-bottom:2px solid #444}.dark.ng2-tag-input:focus{outline:0}.dark.ng2-tag-input.ng2-tag-input--dropping{opacity:.7}.dark.ng2-tag-input.ng2-tag-input--loading{border:none}.dark.ng2-tag-input.ng2-tag-input--disabled{opacity:.5;cursor:not-allowed}.dark.ng2-tag-input .ng2-tags-container{-ms-flex-wrap:wrap;flex-wrap:wrap;display:-webkit-box;display:-ms-flexbox;display:flex}.bootstrap.ng2-tag-input{display:block;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:wrap;flex-wrap:wrap;position:relative;cursor:text;border-bottom:2px solid #efefef}.bootstrap.ng2-tag-input:focus{outline:0}.bootstrap.ng2-tag-input.ng2-tag-input--dropping{opacity:.7}.bootstrap.ng2-tag-input.ng2-tag-input--focused{border-bottom:2px solid #0275d8}.bootstrap.ng2-tag-input.ng2-tag-input--invalid{border-bottom:2px solid #d9534f}.bootstrap.ng2-tag-input.ng2-tag-input--loading{border:none}.bootstrap.ng2-tag-input.ng2-tag-input--disabled{opacity:.5;cursor:not-allowed}.bootstrap.ng2-tag-input .ng2-tags-container{-ms-flex-wrap:wrap;flex-wrap:wrap;display:-webkit-box;display:-ms-flexbox;display:flex}.bootstrap3-info.ng2-tag-input{display:block;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:wrap;flex-wrap:wrap;position:relative;padding:4px;cursor:text;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);box-shadow:inset 0 1px 1px rgba(0,0,0,.075);border-radius:4px}.bootstrap3-info.ng2-tag-input:focus{outline:0}.bootstrap3-info.ng2-tag-input.ng2-tag-input--dropping{opacity:.7}.bootstrap3-info.ng2-tag-input.ng2-tag-input--invalid{border-bottom:1px solid #d9534f}.bootstrap3-info.ng2-tag-input.ng2-tag-input--loading{border:none}.bootstrap3-info.ng2-tag-input.ng2-tag-input--disabled{opacity:.5;cursor:not-allowed}.bootstrap3-info.ng2-tag-input form{margin:.1em 0}.bootstrap3-info.ng2-tag-input .ng2-tags-container{-ms-flex-wrap:wrap;flex-wrap:wrap;display:-webkit-box;display:-ms-flexbox;display:flex}.error-message{font-size:.8em;color:#f44336;margin:.5em 0 0}.bootstrap .error-message{color:#d9534f}.ng2-tag-input__text-input{display:inline;vertical-align:middle;border:none;padding:0 .5rem;height:38px;font-size:1em;font-family:Roboto,\\\"Helvetica Neue\\\",sans-serif}.ng2-tag-input__text-input:focus{outline:0}.ng2-tag-input__text-input[disabled=true]{opacity:.5;background:#fff}\"],\n template: \"\\n\\n\"\n },] },\n];\nTagInputForm.propDecorators = {\n \"onSubmit\": [{ type: Output },],\n \"onBlur\": [{ type: Output },],\n \"onFocus\": [{ type: Output },],\n \"onKeyup\": [{ type: Output },],\n \"onKeydown\": [{ type: Output },],\n \"inputTextChange\": [{ type: Output },],\n \"placeholder\": [{ type: Input },],\n \"validators\": [{ type: Input },],\n \"asyncValidators\": [{ type: Input },],\n \"inputId\": [{ type: Input },],\n \"inputClass\": [{ type: Input },],\n \"tabindex\": [{ type: Input },],\n \"disabled\": [{ type: Input },],\n \"input\": [{ type: ViewChild, args: ['input',] },],\n \"inputText\": [{ type: Input },],\n};\nvar defaults$1 = forwardRef(function () { return OptionsProvider.defaults.dropdown; });\nvar TagInputDropdown = /** @class */ (function () {\n function TagInputDropdown(injector) {\n var _this = this;\n this.injector = injector;\n this.offset = new defaults$1().offset;\n this.focusFirstElement = new defaults$1().focusFirstElement;\n this.showDropdownIfEmpty = new defaults$1().showDropdownIfEmpty;\n this.minimumTextLength = new defaults$1().minimumTextLength;\n this.limitItemsTo = new defaults$1().limitItemsTo;\n this.displayBy = new defaults$1().displayBy;\n this.identifyBy = new defaults$1().identifyBy;\n this.matchingFn = new defaults$1().matchingFn;\n this.appendToBody = new defaults$1().appendToBody;\n this.keepOpen = new defaults$1().keepOpen;\n this.dynamicUpdate = new defaults$1().dynamicUpdate;\n this.zIndex = new defaults$1().zIndex;\n this.items = [];\n this.tagInput = this.injector.get(TagInputComponent);\n this._autocompleteItems = [];\n this.show = function () {\n var maxItemsReached = _this.tagInput.items.length === _this.tagInput.maxItems;\n var value = _this.getFormValue();\n var hasMinimumText = value.trim().length >= _this.minimumTextLength;\n var position = _this.calculatePosition();\n var items = _this.getMatchingItems(value);\n var hasItems = items.length > 0;\n var isHidden = _this.isVisible === false;\n var showDropdownIfEmpty = _this.showDropdownIfEmpty && hasItems && !value;\n var isDisabled = _this.tagInput.disable;\n var shouldShow = isHidden && ((hasItems && hasMinimumText) || showDropdownIfEmpty);\n var shouldHide = _this.isVisible && !hasItems;\n if (_this.autocompleteObservable && hasMinimumText) {\n return _this.getItemsFromObservable(value);\n }\n if ((!_this.showDropdownIfEmpty && !value) || maxItemsReached || isDisabled) {\n return _this.dropdown.hide();\n }\n _this.setItems(items);\n if (shouldShow) {\n _this.dropdown.show(position);\n }\n else if (shouldHide) {\n _this.hide();\n }\n };\n this.requestAdding = function (item) { return __awaiter(_this, void 0, void 0, function () {\n var tag;\n return __generator(this, function (_b) {\n switch (_b.label) {\n case 0:\n tag = this.createTagModel(item);\n return [4 /*yield*/, this.tagInput.onAddingRequested(true, tag).catch(function () { })];\n case 1:\n _b.sent();\n return [2 /*return*/];\n }\n });\n }); };\n this.resetItems = function () {\n _this.items = [];\n };\n this.getItemsFromObservable = function (text) {\n _this.setLoadingState(true);\n var subscribeFn = function (data) {\n _this.setLoadingState(false)\n .populateItems(data);\n _this.setItems(_this.getMatchingItems(text));\n if (_this.items.length) {\n _this.dropdown.show(_this.calculatePosition());\n }\n else {\n _this.dropdown.hide();\n }\n };\n _this.autocompleteObservable(text)\n .pipe(first())\n .subscribe(subscribeFn, function () { return _this.setLoadingState(false); });\n };\n }\n Object.defineProperty(TagInputDropdown.prototype, \"autocompleteItems\", {\n get: function () {\n var _this = this;\n var items = this._autocompleteItems;\n if (!items) {\n return [];\n }\n return items.map(function (item) {\n return typeof item === 'string' ? (_b = {}, _b[_this.displayBy] = item, _b[_this.identifyBy] = item, _b) : item;\n var _b;\n });\n },\n set: function (items) {\n this._autocompleteItems = items;\n },\n enumerable: true,\n configurable: true\n });\n TagInputDropdown.prototype.ngOnInit = function () {\n var _this = this;\n this.onItemClicked().subscribe(function (item) {\n _this.requestAdding(item);\n });\n this.onHide().subscribe(this.resetItems);\n var DEBOUNCE_TIME = 200;\n var KEEP_OPEN = this.keepOpen;\n this.tagInput\n .onTextChange\n .asObservable()\n .pipe(debounceTime(DEBOUNCE_TIME), filter(function (value) {\n if (KEEP_OPEN === false) {\n return value.length > 0;\n }\n return true;\n }))\n .subscribe(this.show);\n };\n TagInputDropdown.prototype.updatePosition = function () {\n var position = this.tagInput.inputForm.getElementPosition();\n this.dropdown.menu.updatePosition(position, this.dynamicUpdate);\n };\n Object.defineProperty(TagInputDropdown.prototype, \"isVisible\", {\n get: function () {\n return this.dropdown.menu.state.menuState.isVisible;\n },\n enumerable: true,\n configurable: true\n });\n TagInputDropdown.prototype.onHide = function () {\n return this.dropdown.onHide;\n };\n TagInputDropdown.prototype.onItemClicked = function () {\n return this.dropdown.onItemClicked;\n };\n Object.defineProperty(TagInputDropdown.prototype, \"selectedItem\", {\n get: function () {\n return this.dropdown.menu.state.dropdownState.selectedItem;\n },\n enumerable: true,\n configurable: true\n });\n Object.defineProperty(TagInputDropdown.prototype, \"state\", {\n get: function () {\n return this.dropdown.menu.state;\n },\n enumerable: true,\n configurable: true\n });\n TagInputDropdown.prototype.hide = function () {\n this.resetItems();\n this.dropdown.hide();\n };\n TagInputDropdown.prototype.scrollListener = function () {\n if (!this.isVisible || !this.dynamicUpdate) {\n return;\n }\n this.updatePosition();\n };\n TagInputDropdown.prototype.onWindowBlur = function () {\n this.dropdown.hide();\n };\n TagInputDropdown.prototype.getFormValue = function () {\n var formValue = this.tagInput.formValue;\n return formValue ? formValue.toString().trim() : '';\n };\n TagInputDropdown.prototype.calculatePosition = function () {\n return this.tagInput.inputForm.getElementPosition();\n };\n TagInputDropdown.prototype.createTagModel = function (item) {\n var display = typeof item.value === 'string' ? item.value : item.value[this.displayBy];\n var value = typeof item.value === 'string' ? item.value : item.value[this.identifyBy];\n return Object.assign({}, item.value, (_b = {}, _b[this.tagInput.displayBy] = display, _b[this.tagInput.identifyBy] = value, _b));\n var _b;\n };\n TagInputDropdown.prototype.getMatchingItems = function (value) {\n var _this = this;\n if (!value && !this.showDropdownIfEmpty) {\n return [];\n }\n var dupesAllowed = this.tagInput.allowDupes;\n return this.autocompleteItems.filter(function (item) {\n var hasValue = dupesAllowed ? false : _this.tagInput.tags.some(function (tag) {\n var identifyBy = _this.tagInput.identifyBy;\n var model = typeof tag.model === 'string' ? tag.model : tag.model[identifyBy];\n return model === item[_this.identifyBy];\n });\n return _this.matchingFn(value, item) && (hasValue === false);\n });\n };\n TagInputDropdown.prototype.setItems = function (items) {\n this.items = items.slice(0, this.limitItemsTo || items.length);\n };\n TagInputDropdown.prototype.populateItems = function (data) {\n var _this = this;\n this.autocompleteItems = data.map(function (item) {\n return typeof item === 'string' ? (_b = {}, _b[_this.displayBy] = item, _b[_this.identifyBy] = item, _b) : item;\n var _b;\n });\n return this;\n };\n TagInputDropdown.prototype.setLoadingState = function (state$$1) {\n this.tagInput.isLoading = state$$1;\n return this;\n };\n return TagInputDropdown;\n}());\nTagInputDropdown.decorators = [\n { type: Component, args: [{\n selector: 'tag-input-dropdown',\n template: \"\\n \\n \\n\\n \\n \\n\\n \\n \\n \\n \\n \\n\"\n },] },\n];\nTagInputDropdown.ctorParameters = function () { return [\n { type: Injector, },\n]; };\nTagInputDropdown.propDecorators = {\n \"dropdown\": [{ type: ViewChild, args: [Ng2Dropdown,] },],\n \"templates\": [{ type: ContentChildren, args: [TemplateRef,] },],\n \"offset\": [{ type: Input },],\n \"focusFirstElement\": [{ type: Input },],\n \"showDropdownIfEmpty\": [{ type: Input },],\n \"autocompleteObservable\": [{ type: Input },],\n \"minimumTextLength\": [{ type: Input },],\n \"limitItemsTo\": [{ type: Input },],\n \"displayBy\": [{ type: Input },],\n \"identifyBy\": [{ type: Input },],\n \"matchingFn\": [{ type: Input },],\n \"appendToBody\": [{ type: Input },],\n \"keepOpen\": [{ type: Input },],\n \"dynamicUpdate\": [{ type: Input },],\n \"zIndex\": [{ type: Input },],\n \"autocompleteItems\": [{ type: Input },],\n \"scrollListener\": [{ type: HostListener, args: ['window:scroll',] },],\n \"onWindowBlur\": [{ type: HostListener, args: ['window:blur',] },],\n};\nvar TagRipple = /** @class */ (function () {\n function TagRipple() {\n this.state = 'none';\n }\n return TagRipple;\n}());\nTagRipple.decorators = [\n { type: Component, args: [{\n selector: 'tag-ripple',\n styles: [\"\\n :host {\\n width: 100%;\\n height: 100%;\\n left: 0;\\n overflow: hidden;\\n position: absolute;\\n }\\n \\n .tag-ripple {\\n background: rgba(0, 0, 0, 0.1);\\n top: 50%;\\n left: 50%;\\n height: 100%;\\n transform: translate(-50%, -50%);\\n position: absolute;\\n }\\n \"],\n template: \"\\n
\\n \",\n animations: [\n trigger('ink', [\n state('none', style({ width: 0, opacity: 0 })),\n transition('none => clicked', [\n animate(300, keyframes([\n style({ opacity: 1, offset: 0, width: '30%', borderRadius: '100%' }),\n style({ opacity: 1, offset: 0.5, width: '50%' }),\n style({ opacity: 0.5, offset: 1, width: '100%', borderRadius: '16px' })\n ]))\n ])\n ])\n ]\n },] },\n];\nTagRipple.propDecorators = {\n \"state\": [{ type: Input },],\n};\nvar navigator = typeof window !== 'undefined' ? window.navigator : {\n userAgent: 'Chrome',\n vendor: 'Google Inc'\n};\nvar isChrome = /Chrome/.test(navigator.userAgent) && /Google Inc/.test(navigator.vendor);\nvar TagComponent = /** @class */ (function () {\n function TagComponent(element, renderer, cdRef) {\n this.element = element;\n this.renderer = renderer;\n this.cdRef = cdRef;\n this.disabled = false;\n this.onSelect = new EventEmitter();\n this.onRemove = new EventEmitter();\n this.onBlur = new EventEmitter();\n this.onKeyDown = new EventEmitter();\n this.onTagEdited = new EventEmitter();\n this.editing = false;\n this.rippleState = \"none\";\n }\n Object.defineProperty(TagComponent.prototype, \"readonly\", {\n get: function () {\n return typeof this.model !== \"string\" && this.model[\"readonly\"] === true;\n },\n enumerable: true,\n configurable: true\n });\n TagComponent.prototype.select = function ($event) {\n if (this.readonly || this.disabled) {\n return;\n }\n if ($event) {\n $event.stopPropagation();\n }\n this.focus();\n this.onSelect.emit(this.model);\n };\n TagComponent.prototype.remove = function ($event) {\n $event.stopPropagation();\n this.onRemove.emit(this);\n };\n TagComponent.prototype.focus = function () {\n this.element.nativeElement.focus();\n };\n TagComponent.prototype.move = function () {\n this.moving = true;\n };\n TagComponent.prototype.keydown = function (event) {\n if (this.editing) {\n if (event.keyCode === 13) {\n return this.disableEditMode(event);\n }\n }\n else {\n this.onKeyDown.emit({ event: event, model: this.model });\n }\n };\n TagComponent.prototype.blink = function () {\n var classList = this.element.nativeElement.classList;\n classList.add(\"blink\");\n setTimeout(function () { return classList.remove(\"blink\"); }, 50);\n };\n TagComponent.prototype.toggleEditMode = function () {\n if (this.editable) {\n return this.editing ? undefined : this.activateEditMode();\n }\n };\n TagComponent.prototype.onBlurred = function (event) {\n if (!this.editable) {\n return;\n }\n this.disableEditMode();\n var value = event.target.innerText;\n var result = typeof this.model === \"string\"\n ? value\n : Object.assign({}, this.model, (_b = {}, _b[this.displayBy] = value, _b));\n this.onBlur.emit(result);\n var _b;\n };\n TagComponent.prototype.getDisplayValue = function (item) {\n return typeof item === \"string\" ? item : item[this.displayBy];\n };\n Object.defineProperty(TagComponent.prototype, \"isRippleVisible\", {\n get: function () {\n return !this.readonly && !this.editing && isChrome && this.hasRipple;\n },\n enumerable: true,\n configurable: true\n });\n TagComponent.prototype.disableEditMode = function ($event) {\n var classList = this.element.nativeElement.classList;\n var input = this.getContentEditableText();\n this.editing = false;\n classList.remove(\"tag--editing\");\n if (!input) {\n this.setContentEditableText(this.model);\n return;\n }\n this.storeNewValue(input);\n this.cdRef.detectChanges();\n if ($event) {\n $event.preventDefault();\n }\n };\n TagComponent.prototype.isDeleteIconVisible = function () {\n return (!this.readonly && !this.disabled && this.removable && !this.editing);\n };\n TagComponent.prototype.getContentEditableText = function () {\n var input = this.getContentEditable();\n return input ? input.innerText.trim() : \"\";\n };\n TagComponent.prototype.setContentEditableText = function (model) {\n var input = this.getContentEditable();\n var value = this.getDisplayValue(model);\n input.innerText = value;\n };\n TagComponent.prototype.activateEditMode = function () {\n var classList = this.element.nativeElement.classList;\n classList.add('tag--editing');\n this.editing = true;\n };\n TagComponent.prototype.storeNewValue = function (input) {\n var _this = this;\n var exists = function (tag) {\n return typeof tag === 'string'\n ? tag === input\n : tag[_this.displayBy] === input;\n };\n var hasId = function () {\n return _this.model[_this.identifyBy] !== _this.model[_this.displayBy];\n };\n if (exists(this.model)) {\n return;\n }\n var model = typeof this.model === 'string'\n ? input\n : (_b = {\n index: this.index\n }, _b[this.identifyBy] = hasId()\n ? this.model[this.identifyBy]\n : input, _b[this.displayBy] = input, _b);\n if (this.canAddTag(model)) {\n this.onTagEdited.emit({ tag: model, index: this.index });\n }\n else {\n this.setContentEditableText(this.model);\n }\n var _b;\n };\n TagComponent.prototype.getContentEditable = function () {\n return this.element.nativeElement.querySelector('[contenteditable]');\n };\n return TagComponent;\n}());\nTagComponent.decorators = [\n { type: Component, args: [{\n selector: \"tag\",\n template: \"\\n\\n
\\n \\n \\n \\n
\\n\\n
\\n \\n
\\n {{ getDisplayValue(model) }}\\n
\\n\\n \\n
\\n \\n \\n
\\n \\n\",\n styles: [\":host,:host>div,:host>div:focus{outline:0;overflow:hidden;-webkit-transition:opacity 1s;transition:opacity 1s;z-index:1}:host{max-width:400px}:host.blink{-webkit-animation:.3s ease-in-out forwards blink;animation:.3s ease-in-out forwards blink}@-webkit-keyframes blink{0%{opacity:.3}}@keyframes blink{0%{opacity:.3}}:host .disabled{cursor:not-allowed}:host [contenteditable=true]{outline:0}.tag-wrapper{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;display:-webkit-box;display:-ms-flexbox;display:flex}.tag__text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}\"]\n },] },\n];\nTagComponent.ctorParameters = function () { return [\n { type: ElementRef, },\n { type: Renderer2, },\n { type: ChangeDetectorRef, },\n]; };\nTagComponent.propDecorators = {\n \"model\": [{ type: Input },],\n \"removable\": [{ type: Input },],\n \"editable\": [{ type: Input },],\n \"template\": [{ type: Input },],\n \"displayBy\": [{ type: Input },],\n \"identifyBy\": [{ type: Input },],\n \"index\": [{ type: Input },],\n \"hasRipple\": [{ type: Input },],\n \"disabled\": [{ type: Input },],\n \"canAddTag\": [{ type: Input },],\n \"onSelect\": [{ type: Output },],\n \"onRemove\": [{ type: Output },],\n \"onBlur\": [{ type: Output },],\n \"onKeyDown\": [{ type: Output },],\n \"onTagEdited\": [{ type: Output },],\n \"moving\": [{ type: HostBinding, args: [\"class.moving\",] },],\n \"ripple\": [{ type: ViewChild, args: [TagRipple,] },],\n \"keydown\": [{ type: HostListener, args: [\"keydown\", [\"$event\"],] },],\n};\nvar animations = [\n trigger('animation', [\n state('in', style({\n opacity: 1\n })),\n state('out', style({\n opacity: 0\n })),\n transition(':enter', [\n animate(\"{{ enter }}\", keyframes([\n style({ opacity: 0, offset: 0, transform: 'translate(0px, 20px)' }),\n style({ opacity: 0.3, offset: 0.3, transform: 'translate(0px, -10px)' }),\n style({ opacity: 0.5, offset: 0.5, transform: 'translate(0px, 0px)' }),\n style({ opacity: 0.75, offset: 0.75, transform: 'translate(0px, 5px)' }),\n style({ opacity: 1, offset: 1, transform: 'translate(0px, 0px)' })\n ]))\n ]),\n transition(':leave', [\n animate(\"{{ leave }}\", keyframes([\n style({ opacity: 1, transform: 'translateX(0)', offset: 0 }),\n style({ opacity: 1, transform: 'translateX(-15px)', offset: 0.7 }),\n style({ opacity: 0, transform: 'translateX(100%)', offset: 1.0 })\n ]))\n ])\n ])\n];\nvar DragEvent = ((window)).DragEvent;\nvar CUSTOM_ACCESSOR = {\n provide: NG_VALUE_ACCESSOR,\n useExisting: forwardRef(function () { return TagInputComponent; }),\n multi: true\n};\nvar defaults$2 = forwardRef(function () { return OptionsProvider.defaults.tagInput; });\nvar TagInputComponent = /** @class */ (function (_super) {\n __extends(TagInputComponent, _super);\n function TagInputComponent(renderer, dragProvider) {\n var _this = _super.call(this) || this;\n _this.renderer = renderer;\n _this.dragProvider = dragProvider;\n _this.separatorKeys = new defaults$2().separatorKeys;\n _this.separatorKeyCodes = new defaults$2().separatorKeyCodes;\n _this.placeholder = new defaults$2().placeholder;\n _this.secondaryPlaceholder = new defaults$2().secondaryPlaceholder;\n _this.maxItems = new defaults$2().maxItems;\n _this.validators = new defaults$2().validators;\n _this.asyncValidators = new defaults$2().asyncValidators;\n _this.onlyFromAutocomplete = new defaults$2().onlyFromAutocomplete;\n _this.errorMessages = new defaults$2().errorMessages;\n _this.theme = new defaults$2().theme;\n _this.onTextChangeDebounce = new defaults$2().onTextChangeDebounce;\n _this.inputId = new defaults$2().inputId;\n _this.inputClass = new defaults$2().inputClass;\n _this.clearOnBlur = new defaults$2().clearOnBlur;\n _this.hideForm = new defaults$2().hideForm;\n _this.addOnBlur = new defaults$2().addOnBlur;\n _this.addOnPaste = new defaults$2().addOnPaste;\n _this.pasteSplitPattern = new defaults$2().pasteSplitPattern;\n _this.blinkIfDupe = new defaults$2().blinkIfDupe;\n _this.removable = new defaults$2().removable;\n _this.editable = new defaults$2().editable;\n _this.allowDupes = new defaults$2().allowDupes;\n _this.modelAsStrings = new defaults$2().modelAsStrings;\n _this.trimTags = new defaults$2().trimTags;\n _this.ripple = new defaults$2().ripple;\n _this.tabindex = new defaults$2().tabIndex;\n _this.disable = new defaults$2().disable;\n _this.dragZone = new defaults$2().dragZone;\n _this.onRemoving = new defaults$2().onRemoving;\n _this.onAdding = new defaults$2().onAdding;\n _this.animationDuration = new defaults$2().animationDuration;\n _this.onAdd = new EventEmitter();\n _this.onRemove = new EventEmitter();\n _this.onSelect = new EventEmitter();\n _this.onFocus = new EventEmitter();\n _this.onBlur = new EventEmitter();\n _this.onTextChange = new EventEmitter();\n _this.onPaste = new EventEmitter();\n _this.onValidationError = new EventEmitter();\n _this.onTagEdited = new EventEmitter();\n _this.isLoading = false;\n _this.listeners = (_b = {}, _b[KEYDOWN] = ([]), _b[KEYUP] = ([]), _b);\n _this.inputTextChange = new EventEmitter();\n _this.inputTextValue = '';\n _this.errors = [];\n _this.appendTag = function (tag, index) {\n if (index === void 0) { index = _this.items.length; }\n var items = _this.items;\n var model = _this.modelAsStrings ? tag[_this.identifyBy] : tag;\n _this.items = __spread(items.slice(0, index), [\n model\n ], items.slice(index, items.length));\n };\n _this.createTag = function (model) {\n var trim = function (val, key) {\n return typeof val === 'string' ? val.trim() : val[key];\n };\n return Object.assign({}, typeof model !== 'string' ? model : {}, (_b = {}, _b[_this.displayBy] = _this.trimTags ? trim(model, _this.displayBy) : model, _b[_this.identifyBy] = _this.trimTags ? trim(model, _this.identifyBy) : model, _b));\n var _b;\n };\n _this.isTagValid = function (tag, fromAutocomplete) {\n if (fromAutocomplete === void 0) { fromAutocomplete = false; }\n var selectedItem = _this.dropdown ? _this.dropdown.selectedItem : undefined;\n var value = _this.getItemDisplay(tag).trim();\n if (selectedItem && !fromAutocomplete || !value) {\n return false;\n }\n var dupe = _this.findDupe(tag, fromAutocomplete);\n if (!_this.allowDupes && dupe && _this.blinkIfDupe) {\n var model = _this.tags.find(function (item) {\n return _this.getItemValue(item.model) === _this.getItemValue(dupe);\n });\n if (model) {\n model.blink();\n }\n }\n var isFromAutocomplete = fromAutocomplete && _this.onlyFromAutocomplete;\n var assertions = [\n !dupe || _this.allowDupes,\n !_this.maxItemsReached,\n ((isFromAutocomplete) || !_this.onlyFromAutocomplete)\n ];\n return assertions.filter(Boolean).length === assertions.length;\n };\n _this.onPasteCallback = function (data) { return __awaiter(_this, void 0, void 0, function () {\n var _this = this;\n var getText, text, requests, resetInput;\n return __generator(this, function (_b) {\n getText = function () {\n var isIE = Boolean(((window)).clipboardData);\n var clipboardData = isIE ? (((window)).clipboardData) : data.clipboardData;\n var type = isIE ? 'Text' : 'text/plain';\n return clipboardData.getData(type) || '';\n };\n text = getText();\n requests = text\n .split(this.pasteSplitPattern)\n .map(function (item) {\n var tag = _this.createTag(item);\n _this.setInputValue(tag[_this.displayBy]);\n return _this.onAddingRequested(false, tag);\n });\n resetInput = function () { return setTimeout(function () { return _this.setInputValue(''); }, 50); };\n Promise.all(requests).then(function () {\n _this.onPaste.emit(text);\n resetInput();\n })\n .catch(resetInput);\n return [2 /*return*/];\n });\n }); };\n return _this;\n var _b;\n }\n Object.defineProperty(TagInputComponent.prototype, \"inputText\", {\n get: function () {\n return this.inputTextValue;\n },\n set: function (text) {\n this.inputTextValue = text;\n this.inputTextChange.emit(text);\n },\n enumerable: true,\n configurable: true\n });\n Object.defineProperty(TagInputComponent.prototype, \"tabindexAttr\", {\n get: function () {\n return this.tabindex !== '' ? '-1' : '';\n },\n enumerable: true,\n configurable: true\n });\n TagInputComponent.prototype.ngAfterViewInit = function () {\n var _this = this;\n this.setUpKeypressListeners();\n this.setupSeparatorKeysListener();\n this.setUpInputKeydownListeners();\n if (this.onTextChange.observers.length) {\n this.setUpTextChangeSubscriber();\n }\n if (this.clearOnBlur || this.addOnBlur) {\n this.setUpOnBlurSubscriber();\n }\n if (this.addOnPaste) {\n this.setUpOnPasteListener();\n }\n var statusChanges$ = this.inputForm.form.statusChanges;\n statusChanges$.pipe(filter(function (status) { return status !== 'PENDING'; })).subscribe(function () {\n _this.errors = _this.inputForm.getErrorMessages(_this.errorMessages);\n });\n this.isProgressBarVisible$ = statusChanges$.pipe(map(function (status) {\n return status === 'PENDING' || _this.isLoading;\n }));\n if (this.hideForm) {\n this.inputForm.destroy();\n }\n };\n TagInputComponent.prototype.ngOnInit = function () {\n var hasReachedMaxItems = this.maxItems !== undefined &&\n this.items &&\n this.items.length > this.maxItems;\n if (hasReachedMaxItems) {\n this.maxItems = this.items.length;\n console.warn(MAX_ITEMS_WARNING);\n }\n this.editable = this.onlyFromAutocomplete ? false : this.editable;\n this.setAnimationMetadata();\n };\n TagInputComponent.prototype.onRemoveRequested = function (tag, index) {\n var _this = this;\n return new Promise(function (resolve) {\n var subscribeFn = function (model) {\n _this.removeItem(model, index);\n resolve(tag);\n };\n _this.onRemoving ?\n _this.onRemoving(tag)\n .pipe(first())\n .subscribe(subscribeFn) : subscribeFn(tag);\n });\n };\n TagInputComponent.prototype.onAddingRequested = function (fromAutocomplete, tag, index, giveupFocus) {\n var _this = this;\n return new Promise(function (resolve, reject) {\n var subscribeFn = function (model) {\n return _this\n .addItem(fromAutocomplete, model, index, giveupFocus)\n .then(resolve)\n .catch(reject);\n };\n return _this.onAdding ?\n _this.onAdding(tag)\n .pipe(first())\n .subscribe(subscribeFn, reject) : subscribeFn(tag);\n });\n };\n TagInputComponent.prototype.selectItem = function (item, emit) {\n if (emit === void 0) { emit = true; }\n var isReadonly = item && typeof item !== 'string' && item[\"readonly\"];\n if (isReadonly || this.selectedTag === item) {\n return;\n }\n this.selectedTag = item;\n if (emit) {\n this.onSelect.emit(item);\n }\n };\n TagInputComponent.prototype.fireEvents = function (eventName, $event) {\n var _this = this;\n this.listeners[eventName].forEach(function (listener) { return listener.call(_this, $event); });\n };\n TagInputComponent.prototype.handleKeydown = function (data) {\n var event = data.event;\n var key = event.keyCode || event.which;\n var shiftKey = event.shiftKey || false;\n switch (KEY_PRESS_ACTIONS[key]) {\n case ACTIONS_KEYS.DELETE:\n if (this.selectedTag && this.removable) {\n var index = this.items.indexOf(this.selectedTag);\n this.onRemoveRequested(this.selectedTag, index);\n }\n break;\n case ACTIONS_KEYS.SWITCH_PREV:\n this.moveToTag(data.model, PREV);\n break;\n case ACTIONS_KEYS.SWITCH_NEXT:\n this.moveToTag(data.model, NEXT);\n break;\n case ACTIONS_KEYS.TAB:\n if (shiftKey) {\n if (this.isFirstTag(data.model)) {\n return;\n }\n this.moveToTag(data.model, PREV);\n }\n else {\n if (this.isLastTag(data.model) && (this.disable || this.maxItemsReached)) {\n return;\n }\n this.moveToTag(data.model, NEXT);\n }\n break;\n default:\n return;\n }\n event.preventDefault();\n };\n TagInputComponent.prototype.onFormSubmit = function () {\n return __awaiter(this, void 0, void 0, function () {\n var _a_1;\n return __generator(this, function (_b) {\n switch (_b.label) {\n case 0:\n _b.trys.push([0, 2, , 3]);\n return [4 /*yield*/, this.onAddingRequested(false, this.formValue)];\n case 1:\n _b.sent();\n return [3 /*break*/, 3];\n case 2:\n _a_1 = _b.sent();\n return [2 /*return*/];\n case 3: return [2 /*return*/];\n }\n });\n });\n };\n TagInputComponent.prototype.setInputValue = function (value, emitEvent) {\n if (emitEvent === void 0) { emitEvent = true; }\n var control = this.getControl();\n control.setValue(value, { emitEvent: emitEvent });\n };\n TagInputComponent.prototype.getControl = function () {\n return (this.inputForm.value);\n };\n TagInputComponent.prototype.focus = function (applyFocus, displayAutocomplete) {\n if (applyFocus === void 0) { applyFocus = false; }\n if (displayAutocomplete === void 0) { displayAutocomplete = false; }\n if (this.dragProvider.getState('dragging')) {\n return;\n }\n this.selectItem(undefined, false);\n if (applyFocus) {\n this.inputForm.focus();\n this.onFocus.emit(this.formValue);\n }\n };\n TagInputComponent.prototype.blur = function () {\n this.onTouched();\n this.onBlur.emit(this.formValue);\n };\n TagInputComponent.prototype.hasErrors = function () {\n return this.inputForm && this.inputForm.hasErrors();\n };\n TagInputComponent.prototype.isInputFocused = function () {\n return this.inputForm && this.inputForm.isInputFocused();\n };\n TagInputComponent.prototype.hasCustomTemplate = function () {\n var template = this.templates ? this.templates.first : undefined;\n var menuTemplate = this.dropdown && this.dropdown.templates ?\n this.dropdown.templates.first : undefined;\n return Boolean(template && template !== menuTemplate);\n };\n Object.defineProperty(TagInputComponent.prototype, \"maxItemsReached\", {\n get: function () {\n return this.maxItems !== undefined &&\n this.items.length >= this.maxItems;\n },\n enumerable: true,\n configurable: true\n });\n Object.defineProperty(TagInputComponent.prototype, \"formValue\", {\n get: function () {\n var form = this.inputForm.value;\n return form ? form.value : '';\n },\n enumerable: true,\n configurable: true\n });\n TagInputComponent.prototype.onDragStarted = function (event, tag, index) {\n event.stopPropagation();\n var item = ({ zone: this.dragZone, tag: tag, index: index });\n this.dragProvider.setSender(this);\n this.dragProvider.setDraggedItem(event, item);\n this.dragProvider.setState({ dragging: true, index: index });\n };\n TagInputComponent.prototype.onDragOver = function (event, index) {\n this.dragProvider.setState({ dropping: true });\n this.dragProvider.setReceiver(this);\n event.preventDefault();\n };\n TagInputComponent.prototype.onTagDropped = function (event, index) {\n var item = this.dragProvider.getDraggedItem(event);\n if (!item || item.zone !== this.dragZone) {\n return;\n }\n this.dragProvider.onTagDropped(item.tag, item.index, index);\n event.preventDefault();\n event.stopPropagation();\n };\n TagInputComponent.prototype.isDropping = function () {\n var isReceiver = this.dragProvider.receiver === this;\n var isDropping = this.dragProvider.getState('dropping');\n return Boolean(isReceiver && isDropping);\n };\n TagInputComponent.prototype.onTagBlurred = function (changedElement, index) {\n this.items[index] = changedElement;\n this.blur();\n };\n TagInputComponent.prototype.trackBy = function (index, item) {\n return item[this.identifyBy];\n };\n TagInputComponent.prototype.updateEditedTag = function (_b) {\n var tag = _b.tag, index = _b.index;\n this.onTagEdited.emit(tag);\n };\n TagInputComponent.prototype.moveToTag = function (item, direction) {\n var isLast = this.isLastTag(item);\n var isFirst = this.isFirstTag(item);\n var stopSwitch = (direction === NEXT && isLast) ||\n (direction === PREV && isFirst);\n if (stopSwitch) {\n this.focus(true);\n return;\n }\n var offset = direction === NEXT ? 1 : -1;\n var index = this.getTagIndex(item) + offset;\n var tag = this.getTagAtIndex(index);\n return tag.select.call(tag);\n };\n TagInputComponent.prototype.isFirstTag = function (item) {\n return this.tags.first.model === item;\n };\n TagInputComponent.prototype.isLastTag = function (item) {\n return this.tags.last.model === item;\n };\n TagInputComponent.prototype.getTagIndex = function (item) {\n var tags = this.tags.toArray();\n return tags.findIndex(function (tag) { return tag.model === item; });\n };\n TagInputComponent.prototype.getTagAtIndex = function (index) {\n var tags = this.tags.toArray();\n return tags[index];\n };\n TagInputComponent.prototype.removeItem = function (tag, index) {\n this.items = this.getItemsWithout(index);\n if (this.selectedTag === tag) {\n this.selectItem(undefined, false);\n }\n this.focus(true, false);\n this.onRemove.emit(tag);\n };\n TagInputComponent.prototype.addItem = function (fromAutocomplete, item, index, giveupFocus) {\n var _this = this;\n if (fromAutocomplete === void 0) { fromAutocomplete = false; }\n var display = this.getItemDisplay(item);\n var tag = this.createTag(item);\n if (fromAutocomplete) {\n this.setInputValue(this.getItemValue(item, true));\n }\n return new Promise(function (resolve, reject) {\n var reset = function () {\n _this.setInputValue('');\n if (giveupFocus) {\n _this.focus(false, false);\n }\n else {\n _this.focus(true, false);\n }\n resolve(display);\n };\n var appendItem = function () {\n _this.appendTag(tag, index);\n _this.onAdd.emit(tag);\n if (!_this.dropdown) {\n return;\n }\n _this.dropdown.hide();\n if (_this.dropdown.showDropdownIfEmpty) {\n _this.dropdown.show();\n }\n };\n var status = _this.inputForm.form.status;\n var isTagValid = _this.isTagValid(tag, fromAutocomplete);\n var onValidationError = function () {\n _this.onValidationError.emit(tag);\n return reject();\n };\n if (status === 'VALID' && isTagValid) {\n appendItem();\n return reset();\n }\n if (status === 'INVALID' || !isTagValid) {\n reset();\n return onValidationError();\n }\n if (status === 'PENDING') {\n var statusUpdate$ = _this.inputForm.form.statusChanges;\n return statusUpdate$\n .pipe(filter(function (statusUpdate) { return statusUpdate !== 'PENDING'; }), first())\n .subscribe(function (statusUpdate) {\n if (statusUpdate === 'VALID' && isTagValid) {\n appendItem();\n resolve();\n }\n else {\n onValidationError();\n }\n });\n }\n });\n };\n TagInputComponent.prototype.setupSeparatorKeysListener = function () {\n var _this = this;\n var useSeparatorKeys = this.separatorKeyCodes.length > 0 || this.separatorKeys.length > 0;\n var listener = function ($event) {\n var hasKeyCode = _this.separatorKeyCodes.indexOf($event.keyCode) >= 0;\n var hasKey = _this.separatorKeys.indexOf($event.key) >= 0;\n var isIMEProcessing = $event.keyCode === 229;\n if (hasKeyCode || (hasKey && !isIMEProcessing)) {\n $event.preventDefault();\n _this.onAddingRequested(false, _this.formValue)\n .catch(function () { });\n }\n };\n listen.call(this, KEYDOWN, listener, useSeparatorKeys);\n };\n TagInputComponent.prototype.setUpKeypressListeners = function () {\n var _this = this;\n var listener = function ($event) {\n var isCorrectKey = $event.keyCode === 37 || $event.keyCode === 8;\n if (isCorrectKey &&\n !_this.formValue &&\n _this.items.length) {\n _this.tags.last.select.call(_this.tags.last);\n }\n };\n listen.call(this, KEYDOWN, listener);\n };\n TagInputComponent.prototype.setUpInputKeydownListeners = function () {\n var _this = this;\n this.inputForm.onKeydown.subscribe(function (event) {\n _this.fireEvents('keydown', event);\n if (event.key === 'Backspace' && _this.formValue.trim() === '') {\n event.preventDefault();\n }\n });\n };\n TagInputComponent.prototype.setUpOnPasteListener = function () {\n var _this = this;\n var input = this.inputForm.input.nativeElement;\n this.renderer.listen(input, 'paste', function (event) {\n _this.onPasteCallback(event);\n event.preventDefault();\n return true;\n });\n };\n TagInputComponent.prototype.setUpTextChangeSubscriber = function () {\n var _this = this;\n this.inputForm.form\n .valueChanges\n .pipe(debounceTime(this.onTextChangeDebounce))\n .subscribe(function (value) {\n _this.onTextChange.emit(value.item);\n });\n };\n TagInputComponent.prototype.setUpOnBlurSubscriber = function () {\n var _this = this;\n var filterFn = function () {\n var isVisible = _this.dropdown && _this.dropdown.isVisible;\n return !isVisible && !!_this.formValue;\n };\n this.inputForm\n .onBlur\n .pipe(debounceTime(100), filter(filterFn))\n .subscribe(function () {\n var reset = function () { return _this.setInputValue(''); };\n if (_this.addOnBlur) {\n return _this\n .onAddingRequested(false, _this.formValue, undefined, true)\n .then(reset)\n .catch(reset);\n }\n reset();\n });\n };\n TagInputComponent.prototype.findDupe = function (tag, isFromAutocomplete) {\n var _this = this;\n var identifyBy = isFromAutocomplete ? this.dropdown.identifyBy : this.identifyBy;\n var id = tag[identifyBy];\n return this.items.find(function (item) { return _this.getItemValue(item) === id; });\n };\n TagInputComponent.prototype.setAnimationMetadata = function () {\n this.animationMetadata = {\n value: 'in',\n params: Object.assign({}, this.animationDuration)\n };\n };\n return TagInputComponent;\n}(TagInputAccessor));\nTagInputComponent.decorators = [\n { type: Component, args: [{\n selector: 'tag-input',\n providers: [CUSTOM_ACCESSOR],\n styles: [\".dark tag:focus{-webkit-box-shadow:0 0 0 1px #323232;box-shadow:0 0 0 1px #323232}.ng2-tag-input.bootstrap3-info{background-color:#fff;display:inline-block;color:#555;vertical-align:middle;max-width:100%;height:42px;line-height:44px}.ng2-tag-input.bootstrap3-info input{border:none;-webkit-box-shadow:none;box-shadow:none;outline:0;background-color:transparent;padding:0 6px;margin:0;width:auto;max-width:inherit}.ng2-tag-input.bootstrap3-info .form-control input::-moz-placeholder{color:#777;opacity:1}.ng2-tag-input.bootstrap3-info .form-control input:-ms-input-placeholder{color:#777}.ng2-tag-input.bootstrap3-info .form-control input::-webkit-input-placeholder{color:#777}.ng2-tag-input.bootstrap3-info input:focus{border:none;-webkit-box-shadow:none;box-shadow:none}.bootstrap3-info.ng2-tag-input.ng2-tag-input--focused{-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.4);box-shadow:inset 0 1px 1px rgba(0,0,0,.4);border:1px solid #ccc}.bootstrap3-info.ng2-tag-input.ng2-tag-input--invalid{-webkit-box-shadow:inset 0 1px 1px #d9534f;box-shadow:inset 0 1px 1px #d9534f}.ng2-tag-input{display:block;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:wrap;flex-wrap:wrap;position:relative;-webkit-transition:all .25s;transition:all .25s;padding:.25rem 0;min-height:32px;cursor:text;border-bottom:2px solid #efefef}.ng2-tag-input:focus{outline:0}.ng2-tag-input.ng2-tag-input--dropping{opacity:.7}.ng2-tag-input.ng2-tag-input--focused{border-bottom:2px solid #2196f3}.ng2-tag-input.ng2-tag-input--invalid{border-bottom:2px solid #f44336}.ng2-tag-input.ng2-tag-input--loading{border:none}.ng2-tag-input.ng2-tag-input--disabled{opacity:.5;cursor:not-allowed}.ng2-tag-input form{margin:.1em 0}.ng2-tag-input .ng2-tags-container{-ms-flex-wrap:wrap;flex-wrap:wrap;display:-webkit-box;display:-ms-flexbox;display:flex}.minimal.ng2-tag-input{display:block;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:wrap;flex-wrap:wrap;position:relative;cursor:text;border-bottom:1px solid transparent}.minimal.ng2-tag-input:focus{outline:0}.minimal.ng2-tag-input.ng2-tag-input--dropping{opacity:.7}.minimal.ng2-tag-input.ng2-tag-input--loading{border:none}.minimal.ng2-tag-input.ng2-tag-input--disabled{opacity:.5;cursor:not-allowed}.minimal.ng2-tag-input .ng2-tags-container{-ms-flex-wrap:wrap;flex-wrap:wrap;display:-webkit-box;display:-ms-flexbox;display:flex}.dark.ng2-tag-input{display:block;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:wrap;flex-wrap:wrap;position:relative;cursor:text;border-bottom:2px solid #444}.dark.ng2-tag-input:focus{outline:0}.dark.ng2-tag-input.ng2-tag-input--dropping{opacity:.7}.dark.ng2-tag-input.ng2-tag-input--loading{border:none}.dark.ng2-tag-input.ng2-tag-input--disabled{opacity:.5;cursor:not-allowed}.dark.ng2-tag-input .ng2-tags-container{-ms-flex-wrap:wrap;flex-wrap:wrap;display:-webkit-box;display:-ms-flexbox;display:flex}.bootstrap.ng2-tag-input{display:block;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:wrap;flex-wrap:wrap;position:relative;cursor:text;border-bottom:2px solid #efefef}.bootstrap.ng2-tag-input:focus{outline:0}.bootstrap.ng2-tag-input.ng2-tag-input--dropping{opacity:.7}.bootstrap.ng2-tag-input.ng2-tag-input--focused{border-bottom:2px solid #0275d8}.bootstrap.ng2-tag-input.ng2-tag-input--invalid{border-bottom:2px solid #d9534f}.bootstrap.ng2-tag-input.ng2-tag-input--loading{border:none}.bootstrap.ng2-tag-input.ng2-tag-input--disabled{opacity:.5;cursor:not-allowed}.bootstrap.ng2-tag-input .ng2-tags-container{-ms-flex-wrap:wrap;flex-wrap:wrap;display:-webkit-box;display:-ms-flexbox;display:flex}.bootstrap3-info.ng2-tag-input{display:block;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:wrap;flex-wrap:wrap;position:relative;padding:4px;cursor:text;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);box-shadow:inset 0 1px 1px rgba(0,0,0,.075);border-radius:4px}.bootstrap3-info.ng2-tag-input:focus{outline:0}.bootstrap3-info.ng2-tag-input.ng2-tag-input--dropping{opacity:.7}.bootstrap3-info.ng2-tag-input.ng2-tag-input--invalid{border-bottom:1px solid #d9534f}.bootstrap3-info.ng2-tag-input.ng2-tag-input--loading{border:none}.bootstrap3-info.ng2-tag-input.ng2-tag-input--disabled{opacity:.5;cursor:not-allowed}.bootstrap3-info.ng2-tag-input form{margin:.1em 0}.bootstrap3-info.ng2-tag-input .ng2-tags-container{-ms-flex-wrap:wrap;flex-wrap:wrap;display:-webkit-box;display:-ms-flexbox;display:flex}.error-message{font-size:.8em;color:#f44336;margin:.5em 0 0}.bootstrap .error-message{color:#d9534f}.progress-bar,.progress-bar:before{height:2px;width:100%;margin:0}.progress-bar{background-color:#2196f3;display:-webkit-box;display:-ms-flexbox;display:flex;position:absolute;bottom:0}.progress-bar:before{background-color:#82c4f8;content:'';-webkit-animation:2s cubic-bezier(.4,0,.2,1) infinite running-progress;animation:2s cubic-bezier(.4,0,.2,1) infinite running-progress}@-webkit-keyframes running-progress{0%{margin-left:0;margin-right:100%}50%{margin-left:25%;margin-right:0}100%{margin-left:100%;margin-right:0}}@keyframes running-progress{0%{margin-left:0;margin-right:100%}50%{margin-left:25%;margin-right:0}100%{margin-left:100%;margin-right:0}}tag{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:wrap;flex-wrap:wrap;font-family:Roboto,\\\"Helvetica Neue\\\",sans-serif;font-weight:400;font-size:1em;letter-spacing:.05rem;color:#444;border-radius:16px;-webkit-transition:all .3s;transition:all .3s;margin:.1rem .3rem .1rem 0;padding:.08rem .45rem;height:32px;line-height:34px;background:#efefef;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;overflow:hidden;outline:0;cursor:pointer;position:relative}tag:not(.readonly):not(.tag--editing):focus{background:#2196f3;color:#fff;-webkit-box-shadow:0 2px 3px 1px #d4d1d1;box-shadow:0 2px 3px 1px #d4d1d1}tag:not(.readonly):not(.tag--editing):active{background:#0d8aee;color:#fff;-webkit-box-shadow:0 2px 3px 1px #d4d1d1;box-shadow:0 2px 3px 1px #d4d1d1}tag:not(:focus):not(.tag--editing):not(:active):not(.readonly):hover{background:#e2e2e2;color:initial;-webkit-box-shadow:0 2px 3px 1px #d4d1d1;box-shadow:0 2px 3px 1px #d4d1d1}tag.readonly{cursor:default}tag.readonly:focus,tag:focus{outline:0}tag.tag--editing{background-color:#fff;border:1px solid #ccc;cursor:text}.minimal tag{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:wrap;flex-wrap:wrap;border-radius:0;background:#f9f9f9;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;overflow:hidden;outline:0;cursor:pointer;position:relative}.minimal tag:not(.readonly):not(.tag--editing):active,.minimal tag:not(.readonly):not(.tag--editing):focus{background:#d0d0d0;color:initial}.minimal tag:not(:focus):not(.tag--editing):not(:active):not(.readonly):hover{background:#ececec}.minimal tag.readonly{cursor:default}.minimal tag.readonly:focus,.minimal tag:focus{outline:0}.minimal tag.tag--editing{cursor:text}.dark tag{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:wrap;flex-wrap:wrap;color:#f9f9f9;border-radius:3px;background:#444;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;overflow:hidden;outline:0;cursor:pointer;position:relative}.dark tag:not(.readonly):not(.tag--editing):focus{background:#efefef;color:#444}.dark tag:not(:focus):not(.tag--editing):not(:active):not(.readonly):hover{background:#2b2b2b;color:#f9f9f9}.dark tag.readonly{cursor:default}.dark tag.readonly:focus,.dark tag:focus{outline:0}.dark tag.tag--editing{cursor:text}.bootstrap tag{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:wrap;flex-wrap:wrap;color:#f9f9f9;border-radius:.25rem;background:#0275d8;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;overflow:hidden;outline:0;cursor:pointer;position:relative}.bootstrap tag:not(.readonly):not(.tag--editing):active,.bootstrap tag:not(.readonly):not(.tag--editing):focus{background:#025aa5}.bootstrap tag:not(:focus):not(.tag--editing):not(:active):not(.readonly):hover{background:#0267bf;color:#f9f9f9}.bootstrap tag.readonly{cursor:default}.bootstrap tag.readonly:focus,.bootstrap tag:focus{outline:0}.bootstrap tag.tag--editing{cursor:text}.bootstrap3-info tag{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:wrap;flex-wrap:wrap;font-family:inherit;font-weight:400;font-size:95%;color:#fff;border-radius:.25em;background:#5bc0de;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;overflow:hidden;outline:0;cursor:pointer;position:relative;padding:.25em .6em;text-align:center;white-space:nowrap}.bootstrap3-info tag:not(.readonly):not(.tag--editing):active,.bootstrap3-info tag:not(.readonly):not(.tag--editing):focus{background:#28a1c5}.bootstrap3-info tag:not(:focus):not(.tag--editing):not(:active):not(.readonly):hover{background:#46b8da;color:#fff}.bootstrap3-info tag.readonly{cursor:default}.bootstrap3-info tag.readonly:focus,.bootstrap3-info tag:focus{outline:0}.bootstrap3-info tag.tag--editing{cursor:text}:host{display:block}\"],\n template: \"\\n\\n\\n\\n \\n
\\n \\n \\n\\n \\n \\n
\\n\\n
\\n
\\n
\\n {{ error }} \\n
\\n
\\n \\n \\n \\n\",\n styles: [\".dark tag:focus{-webkit-box-shadow:0 0 0 1px #323232;box-shadow:0 0 0 1px #323232}.ng2-tag-input.bootstrap3-info{background-color:#fff;display:inline-block;color:#555;vertical-align:middle;max-width:100%;height:42px;line-height:44px}.ng2-tag-input.bootstrap3-info input{border:none;-webkit-box-shadow:none;box-shadow:none;outline:0;background-color:transparent;padding:0 6px;margin:0;width:auto;max-width:inherit}.ng2-tag-input.bootstrap3-info .form-control input::-moz-placeholder{color:#777;opacity:1}.ng2-tag-input.bootstrap3-info .form-control input:-ms-input-placeholder{color:#777}.ng2-tag-input.bootstrap3-info .form-control input::-webkit-input-placeholder{color:#777}.ng2-tag-input.bootstrap3-info input:focus{border:none;-webkit-box-shadow:none;box-shadow:none}.bootstrap3-info.ng2-tag-input.ng2-tag-input--focused{-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.4);box-shadow:inset 0 1px 1px rgba(0,0,0,.4);border:1px solid #ccc}.bootstrap3-info.ng2-tag-input.ng2-tag-input--invalid{-webkit-box-shadow:inset 0 1px 1px #d9534f;box-shadow:inset 0 1px 1px #d9534f}.ng2-tag-input{display:block;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:wrap;flex-wrap:wrap;position:relative;-webkit-transition:all .25s;transition:all .25s;padding:.25rem 0;min-height:32px;cursor:text;border-bottom:2px solid #efefef}.ng2-tag-input:focus{outline:0}.ng2-tag-input.ng2-tag-input--dropping{opacity:.7}.ng2-tag-input.ng2-tag-input--focused{border-bottom:2px solid #2196f3}.ng2-tag-input.ng2-tag-input--invalid{border-bottom:2px solid #f44336}.ng2-tag-input.ng2-tag-input--loading{border:none}.ng2-tag-input.ng2-tag-input--disabled{opacity:.5;cursor:not-allowed}.ng2-tag-input form{margin:.1em 0}.ng2-tag-input .ng2-tags-container{-ms-flex-wrap:wrap;flex-wrap:wrap;display:-webkit-box;display:-ms-flexbox;display:flex}.minimal.ng2-tag-input{display:block;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:wrap;flex-wrap:wrap;position:relative;cursor:text;border-bottom:1px solid transparent}.minimal.ng2-tag-input:focus{outline:0}.minimal.ng2-tag-input.ng2-tag-input--dropping{opacity:.7}.minimal.ng2-tag-input.ng2-tag-input--loading{border:none}.minimal.ng2-tag-input.ng2-tag-input--disabled{opacity:.5;cursor:not-allowed}.minimal.ng2-tag-input .ng2-tags-container{-ms-flex-wrap:wrap;flex-wrap:wrap;display:-webkit-box;display:-ms-flexbox;display:flex}.dark.ng2-tag-input{display:block;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:wrap;flex-wrap:wrap;position:relative;cursor:text;border-bottom:2px solid #444}.dark.ng2-tag-input:focus{outline:0}.dark.ng2-tag-input.ng2-tag-input--dropping{opacity:.7}.dark.ng2-tag-input.ng2-tag-input--loading{border:none}.dark.ng2-tag-input.ng2-tag-input--disabled{opacity:.5;cursor:not-allowed}.dark.ng2-tag-input .ng2-tags-container{-ms-flex-wrap:wrap;flex-wrap:wrap;display:-webkit-box;display:-ms-flexbox;display:flex}.bootstrap.ng2-tag-input{display:block;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:wrap;flex-wrap:wrap;position:relative;cursor:text;border-bottom:2px solid #efefef}.bootstrap.ng2-tag-input:focus{outline:0}.bootstrap.ng2-tag-input.ng2-tag-input--dropping{opacity:.7}.bootstrap.ng2-tag-input.ng2-tag-input--focused{border-bottom:2px solid #0275d8}.bootstrap.ng2-tag-input.ng2-tag-input--invalid{border-bottom:2px solid #d9534f}.bootstrap.ng2-tag-input.ng2-tag-input--loading{border:none}.bootstrap.ng2-tag-input.ng2-tag-input--disabled{opacity:.5;cursor:not-allowed}.bootstrap.ng2-tag-input .ng2-tags-container{-ms-flex-wrap:wrap;flex-wrap:wrap;display:-webkit-box;display:-ms-flexbox;display:flex}.bootstrap3-info.ng2-tag-input{display:block;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:wrap;flex-wrap:wrap;position:relative;padding:4px;cursor:text;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);box-shadow:inset 0 1px 1px rgba(0,0,0,.075);border-radius:4px}.bootstrap3-info.ng2-tag-input:focus{outline:0}.bootstrap3-info.ng2-tag-input.ng2-tag-input--dropping{opacity:.7}.bootstrap3-info.ng2-tag-input.ng2-tag-input--invalid{border-bottom:1px solid #d9534f}.bootstrap3-info.ng2-tag-input.ng2-tag-input--loading{border:none}.bootstrap3-info.ng2-tag-input.ng2-tag-input--disabled{opacity:.5;cursor:not-allowed}.bootstrap3-info.ng2-tag-input form{margin:.1em 0}.bootstrap3-info.ng2-tag-input .ng2-tags-container{-ms-flex-wrap:wrap;flex-wrap:wrap;display:-webkit-box;display:-ms-flexbox;display:flex}.error-message{font-size:.8em;color:#f44336;margin:.5em 0 0}.bootstrap .error-message{color:#d9534f}:host(delete-icon){width:20px;height:16px;-webkit-transition:all .15s;transition:all .15s;display:inline-block;text-align:right}:host(delete-icon) path{fill:#444}:host(delete-icon) svg{vertical-align:bottom;height:34px}:host(delete-icon):hover{-webkit-transform:scale(1.5) translateY(-3px);transform:scale(1.5) translateY(-3px)}:host-context(.dark){text-align:right}:host-context(.dark) path{fill:#fff}:host-context(.dark) svg{vertical-align:bottom;height:34px}:host-context(.minimal){text-align:right}:host-context(.minimal) path{fill:#444}:host-context(.minimal) svg{vertical-align:bottom;height:34px}:host-context(.bootstrap){text-align:right}:host-context(.bootstrap) path{fill:#fff}:host-context(.bootstrap) svg{vertical-align:bottom;height:34px}:host-context(tag:active) path,:host-context(tag:focus) path{fill:#fff}:host-context(.darktag:active) path,:host-context(.darktag:focus) path{fill:#000}:host-context(.minimaltag:active) path,:host-context(.minimaltag:focus) path{fill:#000}:host-context(.bootstraptag:active) path,:host-context(.bootstraptag:focus) path{fill:#fff}:host-context(.bootstrap3-info){height:inherit}:host-context(.bootstrap3-info) path{fill:#fff}\"]\n },] },\n];\nvar optionsProvider = new OptionsProvider();\nvar TagInputModule = /** @class */ (function () {\n function TagInputModule() {\n }\n TagInputModule.withDefaults = function (options) {\n optionsProvider.setOptions(options);\n };\n return TagInputModule;\n}());\nTagInputModule.decorators = [\n { type: NgModule, args: [{\n imports: [\n CommonModule,\n ReactiveFormsModule,\n FormsModule,\n Ng2DropdownModule\n ],\n declarations: [\n TagInputComponent,\n DeleteIconComponent,\n TagInputForm,\n TagComponent,\n HighlightPipe,\n TagInputDropdown,\n TagRipple\n ],\n exports: [\n TagInputComponent,\n DeleteIconComponent,\n TagInputForm,\n TagComponent,\n HighlightPipe,\n TagInputDropdown,\n TagRipple\n ],\n providers: [\n DragProvider,\n { provide: COMPOSITION_BUFFER_MODE, useValue: false },\n ]\n },] },\n];\n\nexport { TagInputModule, TagInputDropdown, DeleteIconComponent, TagInputForm, TagRipple, TagComponent, TagInputComponent, animations as ɵb, TagInputAccessor as ɵa, HighlightPipe as ɵd, DragProvider as ɵc };\n//# sourceMappingURL=ngx-chips.js.map\n\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./node_modules/ngx-chips/esm5/ngx-chips.js\n// module id = null\n// module chunks = ","import { GeoCountryItem, GeoListItem, GeoRegionItem } from \"./sampled-traffc.model\";\n\nexport function isGeoCountryItem(v: GeoListItem): v is GeoCountryItem { return !!v && 'countryCode' in v; }\nexport function isGeoRegionItem(v: GeoListItem): v is GeoRegionItem { return !!v && 'countryCode' in v && 'regionId' in v && 'subdivCode' in v; }\n\n\n\n// WEBPACK FOOTER //\n// ./node_modules/angular-router-loader/src!./node_modules/angular2-template-loader!./node_modules/string-replace-loader??ref--0-3!./src/module/analytics/sampled-traffic/model/sampled-traffc.model.util.ts","var isObject = function (obj) { return obj && typeof obj === 'object'; };\nexport function mergeDeep(target, source) {\n if (!isObject(target) || !isObject(source))\n return source;\n Object.keys(source)\n .forEach(function (k) {\n var key = k;\n var sourceValue = source[key];\n var targetValue = target[key];\n if (Array.isArray(targetValue) && Array.isArray(sourceValue))\n target[key] = targetValue.concat(sourceValue);\n else if (isObject(targetValue) && isObject(sourceValue))\n target[key] = mergeDeep(Object.assign(Object.create(null), targetValue), sourceValue);\n else\n target[key] = sourceValue;\n });\n return target;\n}\n\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./node_modules/@bradmax/player-util/dist/es/config/merger.js\n// module id = null\n// module chunks = ","/** Coerces a data-bound value (typically a string) to a number. */\nexport function coerceNumberProperty(value: any): number;\nexport function coerceNumberProperty(value: any, fallback: D): number | D;\nexport function coerceNumberProperty(value: any, fallbackValue = 0) {\n\treturn _isNumberValue(value) ? Number(value) : fallbackValue;\n}\n\nexport function _isNumberValue(value: any): boolean {\n\t// parseFloat(value) handles most of the cases we're interested in (it treats null, empty string,\n\t// and other non-number values as NaN, where Number just uses 0) but it considers the string\n\t// '123hello' to be a valid number. Therefore we also check if Number(value) is NaN.\n\treturn !isNaN(parseFloat(value as any)) && !isNaN(Number(value));\n}\n\n/** Coerces a data-bound value (typically a string) to a boolean. */\nexport type BooleanInput = string | boolean | null | undefined;\nexport function coerceBooleanProperty(value: any): boolean {\n\treturn value != null && `${value}` !== 'false';\n}\n\n\n\n// WEBPACK FOOTER //\n// ./node_modules/angular-router-loader/src!./node_modules/angular2-template-loader!./node_modules/string-replace-loader??ref--0-3!./src/util/coercion.ts","import { Inject, Injectable } from '@angular/core';\nimport { LocaleService, TranslationService } from 'angular-l10n';\nimport moment from 'moment';\n\nimport { UrlService } from './../service/url.service';\nimport { AppConfig } from './app.config';\nimport { AppConfigModel } from './app.model';\n\n\n// AoT compilation requires a reference to an exported function.\nexport function initLocalization(localizationConfig: LocalizationConfig): Function {\n\treturn () => localizationConfig.load();\n}\n\n// Advanced initialization.\n@Injectable()\nexport class LocalizationConfig {\n\n\tprivate langs = [`en`, `pl`];\n\tprivate jsonCtx = require.context('./../../assets/i18n', true, /(pl|en)\\.json/);\n\n\tconstructor(\n\t\t@Inject(AppConfig) private config: AppConfigModel,\n\t\tprivate url: UrlService,\n\t\tprivate locale: LocaleService,\n\t\tprivate translation: TranslationService) { }\n\n\tload(): Promise {\n\t\t/// localization\n\t\tthis.locale.addConfiguration()\n\t\t\t.addLanguages(this.config.languages)\n\t\t\t.setCookieExpiration(30)\n\t\t\t.defineDefaultLocale(this.config.default.language, this.config.default.country);\n\t\tthis.locale.init();\n\n\t\t/// translation\n\t\tvar availableTranslations = {};\n\t\tthis.jsonCtx.keys().forEach(k => {\n\t\t\tavailableTranslations[k] = k\n\t\t});\n\n\t\tvar tc = this.translation.addConfiguration();\n\t\tthis.config.providers.forEach(\n\t\t\tproviderName => this.langs.forEach(\n\t\t\t\tlang => {\n\t\t\t\t\tlet filename = './' + providerName.replace(/^i18n\\//, '') + lang + '.json';\n\t\t\t\t\tif(filename in availableTranslations) {\n\t\t\t\t\t\tlet trans = this.jsonCtx(filename);\n\t\t\t\t\t\ttc.addTranslation(lang, trans);\n\t\t\t\t\t}\n\t\t\t\t})\n\t\t);\n\n\t\tlet promise: Promise = new Promise((resolve: any) => this.translation.translationChanged.subscribe(() => {\n\n\t\t\t// setup locale from config\n\t\t\tthis.locale.setDefaultLocale(this.config.default.language, this.config.default.country);\n\n\t\t\t// setup moment locale globally\n\t\t\tmoment.locale(this.locale.getDefaultLocale());\n\n\t\t\tresolve(true);\n\t\t}));\n\t\tthis.translation.init();\n\n\t\treturn promise;\n\t}\n}\n\n\n\n\n// WEBPACK FOOTER //\n// ./node_modules/angular-router-loader/src!./node_modules/angular2-template-loader!./node_modules/string-replace-loader??ref--0-3!./src/app/app.localization.ts","/**\n * Created by mthk on 17/09/16.\n */\n\nexport enum DropdownListDirection { down , up }\n\nexport type DropdownModel = {\n\tvalue: any;\n\tlabel: string;\n\tcolor?: string;\n\ttextColor?: string;\n\ticon?: string;\n\tselected?: boolean;\n\tmarkSelected?:boolean; // for multiple selection\n\thasSeparatorBelow?:boolean; // for organizing items in groups.\n}\n\n\n\n// WEBPACK FOOTER //\n// ./node_modules/angular-router-loader/src!./node_modules/angular2-template-loader!./node_modules/string-replace-loader??ref--0-3!./src/module/form/dropdown/dropdown.model.ts","/**\n * Created by mthk on 25/05/16.\n */\nimport {Component, ChangeDetectionStrategy} from '@angular/core';\n\n@Component({\n selector: 'view-to-top',\n\thost: {\n\t\t'data-click': 'scroll-top',\n\t\t'class': 'btn btn-icon btn-circle btn-success btn-scroll-to-top fade'\n\t},\n template: ' {\n return super.read('accounts/' + accountId + '/bt-client-token');\n }\n}\n\n\n\n\n// WEBPACK FOOTER //\n// ./node_modules/angular-router-loader/src!./node_modules/angular2-template-loader!./node_modules/string-replace-loader??ref--0-3!./src/service/braintree.service.ts","import { Injectable } from '@angular/core';\nimport { ActivatedRouteSnapshot, Resolve, RouterStateSnapshot } from '@angular/router';\nimport { Observable } from 'rxjs/Observable';\n\nimport { AccountService } from '../../../service/account.service';\nimport { BraintreeService } from '../../../service/braintree.service';\nimport { PaymentsService } from '../../../service/payments.service';\nimport { UserService } from '../../../service/user.service';\nimport { ProductService } from '../../../service/product.service';\nimport { AccountSubscriptionsView } from './account.subscriptions.view';\n\n@Injectable()\nexport class AccountSubscriptionsResolver implements Resolve {\n\n constructor(private account: AccountService, \n private user: UserService, \n private products: ProductService, \n private paymentsService: PaymentsService, \n private bt: BraintreeService) { }\n\n resolve(route: ActivatedRouteSnapshot, state: RouterStateSnapshot): Observable | Promise | any {\n //console.log('> AccountSubscriptionsResolver.resolved');\n // Perform request for account details. And after taking response return 4 items:\n // - accountResponse\n // - products list\n // - payments list\n // - bt_client_token or null (do not ask for bt_client_token, when user has no defined account details)\n if (this.user.accountId == null)\n return;\n \n return this.account.get(this.user.accountId).flatMap(accountResponse => {\n // Prepare btClientToken - Observable holding null or existing object.\n let btClientToken: Observable = Observable.of(null);\n\n if (this.user.accountId == null)\n return btClientToken;\n\n if (accountResponse.details) {\n btClientToken = this.bt.getClientToken(this.user.accountId);\n }\n\n // Continue chain - return 4 items after joining responses.\n return Observable.forkJoin(\n // Pass account.\n Observable.of(accountResponse),\n // Perform requests.\n this.products.getProductsForAccount(this.user.accountId, 1),\n this.paymentsService.getPaymentMethods(this.user.accountId),\n // Pass account or null object depending on account.details.\n btClientToken);\n });\n }\n}\n\n\n\n\n// WEBPACK FOOTER //\n// ./node_modules/angular-router-loader/src!./node_modules/angular2-template-loader!./node_modules/string-replace-loader??ref--0-3!./src/module/account/subscriptions/account.subscriptions.resolver.ts","import {\n Component, OnInit, AfterViewInit, ChangeDetectionStrategy,\n ChangeDetectorRef, EventEmitter, ViewChild, ViewContainerRef, SimpleChanges\n} from '@angular/core';\n\nlet HTML = `\n \n
\n
\n
{{'ACCOUNT_SUBS.PM_MODAL.TITLE' | translate:lang}} \n
\n
\n
\n
\n
();\n onCloseModal = new EventEmitter();\n active = false;\n braintreeDropInReady = false;\n constructor(public cdr: ChangeDetectorRef) { }\n //\n click(e: Element) {\n if (this.active == true && e.className.indexOf('content') > -1)\n this.close();\n }\n //\n private close() {\n if (this.active == true) {\n this.active = false;\n this.onCloseModal.emit();\n this.cdr.markForCheck();\n }\n }\n}\n\n\n\n\n// WEBPACK FOOTER //\n// ./node_modules/angular-router-loader/src!./node_modules/angular2-template-loader!./node_modules/string-replace-loader??ref--0-3!./src/module/account/subscriptions/paymentPicker.modal.ts","import { Observable } from 'rxjs/Observable';\nimport { Subject } from 'rxjs/Subject';\nimport { Subscription } from 'rxjs/Subscription';\nimport { Injectable } from '@angular/core';\nimport { Resolve, ActivatedRouteSnapshot, RouterStateSnapshot } from '@angular/router';\nimport { AccountInvoicesView } from './account.invoices.view';\nimport { UserService } from '../../../service/user.service';\nimport { PaymentsService } from '../../../service/payments.service';\n\n@Injectable()\nexport class AccountInvoicesResolver implements Resolve {\n\n constructor(private user: UserService, private payments: PaymentsService) { }\n\n resolve(route: ActivatedRouteSnapshot, state: RouterStateSnapshot): Observable | Promise | any {\n if (this.user.accountId == null)\n return;\n //console.log('> AccountReceiptsResolver.resolved');\n return this.payments.getPaymentTransactions(this.user.accountId);\n\n }\n}\n\n\n\n\n// WEBPACK FOOTER //\n// ./node_modules/angular-router-loader/src!./node_modules/angular2-template-loader!./node_modules/string-replace-loader??ref--0-3!./src/module/account/invoices/account.invoices.resolver.ts","import { Observable } from 'rxjs/Observable';\nimport { Injectable } from '@angular/core';\nimport { Subject } from 'rxjs/Subject';\n\nimport { Http } from '@angular/http';\nimport { Router } from '@angular/router';\nimport { AuthService } from './auth.service';\nimport { ExceptionService } from './exception.service';\nimport { BradmaxApi } from './api.service';\nimport { Country } from '../model/api.model';\nimport { UrlService } from './url.service';\n\n@Injectable()\nexport class CountryService extends BradmaxApi {\n countries: Array;\n //\n private resolveSource: Subject>;\n //\n constructor(\n protected auth: AuthService,\n protected http: Http,\n protected exception: ExceptionService,\n protected router: Router,\n protected url: UrlService) {\n super(auth, http, exception, router, url);\n }\n //\n getCountries(): Observable> {\n this.resolveSource = new Subject>();\n super.read('countries').subscribe(\n (response: Array) => {\n this.countries = response;\n this.resolveSource.next(response);\n },\n (error) => this.resolveSource.error(error),\n () => this.resolveSource.complete()\n );\n return this.resolveSource.asObservable();\n }\n}\n\n\n\n// WEBPACK FOOTER //\n// ./node_modules/angular-router-loader/src!./node_modules/angular2-template-loader!./node_modules/string-replace-loader??ref--0-3!./src/service/country.service.ts","export class RegexExpressions {\n\n static emailRegex(): RegExp {\n return /^(([^<>()\\[\\]\\\\.,;:\\s@\"]+(\\.[^<>()\\[\\]\\\\.,;:\\s@\"]+)*)|(\".+\"))@((\\[[0-9]{1,3}\\.[0-9]{1,3}\\.[0-9]{1,3}\\.[0-9]{1,3}])|(([a-zA-Z\\-0-9]+\\.)+[a-zA-Z]{2,}))$/;\n }\n}\n\n\n\n// WEBPACK FOOTER //\n// ./node_modules/angular-router-loader/src!./node_modules/angular2-template-loader!./node_modules/string-replace-loader??ref--0-3!./src/util/regex.util.ts","/**\n * Simple service to hold the validators used thru the app\n */\nimport { RegexExpressions } from '../util/regex.util';\n\nexport class ValidationService {\n static isValidEmail(value: string): boolean {\n return RegexExpressions.emailRegex().test(value) ? true : false;\n }\n}\n\n\n\n// WEBPACK FOOTER //\n// ./node_modules/angular-router-loader/src!./node_modules/angular2-template-loader!./node_modules/string-replace-loader??ref--0-3!./src/service/validation.service.ts","import { ChangeDetectionStrategy, ChangeDetectorRef, Component, OnInit } from '@angular/core';\nimport { FormBuilder, FormControl, FormGroup, Validators } from '@angular/forms';\nimport { ActivatedRoute, Router } from '@angular/router';\nimport { LocaleService, Localization, TranslationService } from 'angular-l10n';\nimport { FlashMessagesService } from 'angular2-flash-messages';\nimport { Subscription } from 'rxjs';\n\nimport { AccountDetails, SubscriptionOrderResponse, UserRequest, UserResponse } from '../../../model/api.model';\nimport { AccountService } from '../../../service/account.service';\nimport { CountryService } from '../../../service/country.service';\nimport { SubscriptionService } from '../../../service/subscription.service';\nimport { TabService } from '../../../service/tab.service';\nimport { UserService } from '../../../service/user.service';\nimport { ValidationService } from '../../../service/validation.service';\nimport { ViewService } from '../../../service/view.service';\nimport { ModalService } from './../../modal/modal.service';\n\n@Component({\n\tselector: 'account-details',\n\ttemplate: require('./account.details.view.html'),\n\tchangeDetection: ChangeDetectionStrategy.OnPush,\n\tstyles: [\n\t\t':host .form-check-input{width:32px;position:relative;top:-5px;}'\n\t],\n\tinputs: ['showUserForm', 'showCompanyForm', 'userFormEditMode', 'detailsFormEditMode']\n})\nexport class AccountDetailsView extends Localization implements OnInit {\n\n\tuserLoading = false;\n\tcompanyDetailsLoading = false;\n\n\tshowUserForm = true;\n\tshowCompanyForm = true;\n\n\taccountUserForm: FormGroup;\n\taccountDetailsForm: FormGroup;\n\t//set this flag to false if the validation should only be done\n\t//onSubmit and not in the first time the form is created\n\tcanValidate: boolean = true;\n\t//remote errors\n\t//validation errors returned from the server that will be shown in the input controls\n\tuserFormRemoteErrors: UserRequest | null;\n\tdetailsFormRemoteErrors: AccountDetails | null;\n\t//global errors - not specific to a input but something else, returned in the api response\n\t//this can probably be removed, since this errors will be handled somewhere else outside\n\tglobalErrors: Array;\n\n\t//custom errors\n\t//the properties inside this object should have the same name has the validator for the input.component to use it\n\temailErr: any = {\n\t\tvalidateEmail:\n\t\t\tthis.translation.translate('ACCOUNT_DETAILS.FORM.VALIDATION_ERROR.INVALID_FIELD', { field: 'email' })\n\t};\n\n\tuserFormEditMode: boolean = false;\n\tdetailsFormEditMode: boolean = false;\n\t//query parameter sent when navigation was from products.view because the account.details are not valid for billing\n\tplanId: number = NaN;\n\tprivate subscription: Subscription;\n\n\tconstructor(private formBuilder: FormBuilder,\n\t\tprivate route: ActivatedRoute,\n\t\tprivate cdr: ChangeDetectorRef,\n\t\tprivate view: ViewService,\n\t\t// private chat: ChatService,\n\t\tprivate flashMessagesService: FlashMessagesService,\n\t\tprivate modal: ModalService,\n\t\tprivate router: Router,\n\t\tprivate subscriptionService: SubscriptionService,\n\t\tpublic countries: CountryService,\n\t\tpublic locale: LocaleService,\n\t\tpublic translation: TranslationService,\n\t\tpublic user: UserService,\n\t\tpublic account: AccountService,\n\t\tpublic tabService: TabService) {\n\t\tsuper(locale, translation, cdr);\n\n\t\tthis.setAccountUserForm();\n\t\tthis.setAccountDetailsForm();\n\n\t\tthis.clearUserRemoteErrors();\n\t\tthis.clearDetailsRemoteErrors();\n\t}\n\n\tngOnInit() {\n\t\tthis.tabService.onNavigatedTo(1);\n\t\t//If the user navigated here from the products page after selecting a product,\n\t\t//it's because his account details are not valid for invoicing so the planId is passed has a query parameter\n\n\t\tif (!this.userFormEditMode)\n\t\t\tthis.accountUserForm.disable();\n\t\tif (!this.detailsFormEditMode)\n\t\t\tthis.accountDetailsForm.disable();\n\t\tthis.subscription = this.route.params.subscribe((params: any) => {\n\t\t\tthis.planId = +params['plan'];\n\t\t\t//submit the account details form so it shows with the validation errors\n\t\t\tif (this.planId) {\n\t\t\t\tthis.accountDetailsForm.disable();\n\t\t\t\tthis.updateAccountDetails();\n\t\t\t}\n\t\t});\n\t}\n\n\tonUserEditModeChange(start: boolean): void {\n\t\tif (start) {\n\t\t\tthis.accountUserForm.enable();\n\t\t}\n\t\telse {\n\t\t\t//disable form, reset errors and set input values to original values\n\t\t\tthis.accountUserForm.disable();\n\t\t\tthis.clearUserRemoteErrors();\n\t\t\tthis.setAccountUserForm();\n\t\t}\n\t}\n\n\tonDetailsEditModeChange(start: boolean): void {\n\t\tif (start) {\n\t\t\tthis.accountDetailsForm.enable();\n\t\t}\n\t\telse {\n\t\t\t//disable form, reset errors and set input values to original values\n\t\t\tthis.accountDetailsForm.disable();\n\t\t\tthis.clearDetailsRemoteErrors();\n\t\t\tthis.setAccountDetailsForm();\n\t\t}\n\t}\n\n\tonUserFormSubmit() {\n\t\t//clean remote errors\n\t\tthis.clearUserRemoteErrors();\n\t\tthis.canValidate = true;\n\t\tif (this.accountUserForm.valid) {\n\t\t\tthis.userLoading = true;\n\t\t\tthis.accountUserForm.disable();\n\t\t\tthis.updatedUserDetails();\n\t\t}\n\t}\n\n\tonAccountDetailsFormSubmit() {\n\t\t//clean remote errors\n\t\tthis.clearDetailsRemoteErrors();\n\t\tthis.canValidate = true;\n\t\tif (this.accountDetailsForm.valid) {\n\t\t\tthis.companyDetailsLoading = true;\n\t\t\tthis.accountDetailsForm.disable();\n\t\t\tthis.updateAccountDetails();\n\t\t}\n\t}\n\n\tprivate updatedUserDetails(): void {\n\t\tlet userRequest: UserRequest = {\n\t\t\tfirst_name: this.accountUserForm.controls['first_name'].value,\n\t\t\tlast_name: this.accountUserForm.controls['last_name'].value,\n\t\t\temail: this.accountUserForm.controls['email'].value,\n\t\t\thas_gdpr_info_shown: this.user.hasGdprInfoShown,\n\t\t\thas_agree_for_newsletter: this.accountUserForm.controls['has_agree_for_newsletter'].value\n\t\t};\n\t\tthis.user.updateUser(userRequest).subscribe(\n\t\t\t(response: UserResponse) => {\n\t\t\t\t//Update chat name and email\n\t\t\t\tthis.flashMessagesService.show(\n\t\t\t\t\tthis.translation.translate('ACCOUNT_DETAILS.FORM.SUBMIT_SUCCESS'),\n\t\t\t\t\t{ cssClass: 'alert-success', timeout: 3000 }\n\t\t\t\t);\n\t\t\t},\n\t\t\t(error: any) => {\n\t\t\t\tif (error.errors) {\n\t\t\t\t\t//set remote validation errors\n\t\t\t\t\tthis.mapUserRemoteErrors(error.errors);\n\t\t\t\t}\n\t\t\t\telse {\n\t\t\t\t\t//TODO - in case of server errors(not validation errors) show notification popup/window\n\t\t\t\t}\n\t\t\t\tthis.accountUserForm.enable();\n\t\t\t\tthis.userLoading = false;\n\t\t\t\tthis.cdr.markForCheck();\n\t\t\t},\n\t\t\t() => {\n\t\t\t\tthis.userLoading = false;\n\t\t\t\tthis.cdr.markForCheck();\n\t\t\t}\n\t\t);\n\t}\n\n\tprivate updateAccountDetails(): void {\n\t\tlet accountRequest: AccountDetails = {\n\t\t\taddress: this.accountDetailsForm.controls['address'].value,\n\t\t\tcity: this.accountDetailsForm.controls['city'].value,\n\t\t\tcompany_name: this.accountDetailsForm.controls['company_name'].value,\n\t\t\ttax_no: this.accountDetailsForm.controls['tax_no'].value,\n\t\t\t//the country select control has a default value with 'default' that is not valid\n\t\t\t//- if selected means the user didn't pick a country\n\t\t\tcountry: this.accountDetailsForm.controls['country'].value != 'default'\n\t\t\t\t? this.accountDetailsForm.controls['country'].value : null,\n\t\t\tphone_number: this.accountDetailsForm.controls['phone_number'].value,\n\t\t\tpostal_code: this.accountDetailsForm.controls['postal_code'].value,\n\t\t\tstate: this.accountDetailsForm.controls['state'].value\n\t\t};\n\t\tif (this.user.accountId)\n\t\t\tthis.account.updateAccount(this.user.accountId, accountRequest).subscribe(\n\t\t\t\t(response: AccountDetails) => {\n\t\t\t\t\t//Show success flash message\n\t\t\t\t\tthis.flashMessagesService.show(\n\t\t\t\t\t\tthis.translation.translate('ACCOUNT_DETAILS.FORM.SUBMIT_SUCCESS'),\n\t\t\t\t\t\t{ cssClass: 'alert-success', timeout: 3000 }\n\t\t\t\t\t);\n\t\t\t\t\t//If there is a plan query parameter, show popup to navigate to subscription page after successfull\n\t\t\t\t\t// account details post\n\t\t\t\t\tif (this.planId && this.planId > 0) {\n\t\t\t\t\t\tthis.modal.prompt(this.translation.translate('ACCOUNT_DETAILS.MESSAGE.ACCOUNT_READY'), [{\n\t\t\t\t\t\t\tlabel: this.translation.translate('ACCOUNT_DETAILS.BUTTON.CONTINUE'),\n\t\t\t\t\t\t\tfa: 'check', classes: ['test-css-class'],\n\t\t\t\t\t\t\tclose: true, click: () => {\n\t\t\t\t\t\t\t\t//Navigate to account details view\n\t\t\t\t\t\t\t\t//this.router.navigate(['admin', 'subscription', this.planId]);\n\t\t\t\t\t\t\t\tthis.createSubscriptionOrderAction(this.planId);\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t},\n\t\t\t\t\t\t{\n\t\t\t\t\t\t\tlabel: this.translation.translate('ACCOUNT_DETAILS.BUTTON.CLOSE'),\n\t\t\t\t\t\t\tfa: 'ban', classes: ['test-css-class'], close: true, click: () => {\n\t\t\t\t\t\t\t\tthis.planId = NaN;\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t\t]);\n\t\t\t\t\t}\n\t\t\t\t},\n\t\t\t\t(error: any) => {\n\t\t\t\t\tthis.companyDetailsLoading = false;\n\t\t\t\t\tif (error.errors) {\n\t\t\t\t\t\t//set remote validation errors\n\t\t\t\t\t\tthis.mapDetailsRemoteErrors(error.errors);\n\t\t\t\t\t}\n\t\t\t\t\telse {\n\t\t\t\t\t\t//TODO - in case of server errors(not validation errors) show notification popup/window\n\t\t\t\t\t}\n\t\t\t\t\tthis.accountDetailsForm.enable();\n\t\t\t\t\t//this.view.spinner(false);\n\t\t\t\t\tthis.cdr.markForCheck();\n\t\t\t\t},\n\t\t\t\t//COMPLETE\n\t\t\t\t() => {\n\t\t\t\t\tthis.companyDetailsLoading = false;\n\t\t\t\t\t//this.view.spinner(false);\n\t\t\t\t\tthis.cdr.markForCheck();\n\t\t\t\t}\n\t\t\t);\n\t}\n\t//\n\tprivate createSubscriptionOrderAction(planId: number) {\n\t\tif (this.user.accountId) {\n\t\t\tthis.view.spinner(true);\n\t\t\tthis.subscriptionService.createSubscriptionOrder(this.user.accountId, planId).subscribe(\n\t\t\t\t(data: SubscriptionOrderResponse) => {\n\t\t\t\t\tthis.view.spinner(false);\n\t\t\t\t\tthis.router.navigate(['admin', 'subscription', data.id]);\n\n\t\t\t\t},\n\t\t\t\t(error) => {\n\t\t\t\t\tconsole.error('POST.SubscriptionOder ERROR', error);\n\t\t\t\t\tthis.view.spinner(false);\n\t\t\t\t\t//this.flashMessagesService\n\t\t\t\t\t//.show('An error occurred. Please try again.', { cssClass: 'alert-warning' });\n\t\t\t\t}\n\t\t\t);\n\t\t}\n\t}\n\t//\n\tprivate setAccountUserForm() {\n\t\tthis.accountUserForm = this.formBuilder.group({\n\t\t\tfirst_name: [this.user.firstName/*, Validators.required*/],\n\t\t\tlast_name: [this.user.lastName],\n\t\t\temail: [this.user.email, Validators.compose([\n\t\t\t\t/*Validators.required,*/\n\t\t\t\tthis.validateEmail\n\t\t\t])],\n\t\t\thas_agree_for_newsletter: [this.user.hasAgreeForNewsletter]\n\t\t});\n\t\tthis.accountUserForm.statusChanges.subscribe(\n\t\t\t() => {\n\t\t\t\tthis.userFormEditMode = this.accountUserForm.status !== 'DISABLED' ? true : false;\n\t\t\t}\n\t\t);\n\t}\n\n\tprivate setAccountDetailsForm() {\n\t\tif (this.account.account)\n\t\t\tthis.accountDetailsForm = this.formBuilder.group({\n\t\t\t\tcompany_name: [this.account.companyName],\n\t\t\t\ttax_no: [this.account.account.details ? this.account.account.details.tax_no : null],\n\t\t\t\tcountry: [this.account.account.details ? this.account.account.details.country : 'default'],\n\t\t\t\tcity: [this.account.account.details ? this.account.account.details.city : null],\n\t\t\t\tstate: this.account.account.details ? this.account.account.details.state : null,\n\t\t\t\taddress: [this.account.account.details ? this.account.account.details.address : null],\n\t\t\t\tphone_number: this.account.account.details ? this.account.account.details.phone_number : null,\n\t\t\t\tpostal_code: [this.account.account.details ? this.account.account.details.postal_code : null]\n\t\t\t});\n\t\tthis.accountDetailsForm.statusChanges.subscribe(() => {\n\t\t\tthis.detailsFormEditMode = this.accountDetailsForm.status !== 'DISABLED' ? true : false;\n\t\t});\n\t}\n\n\tprivate mapUserRemoteErrors(res: any) {\n\t\t//Iterates over the error keys and checks if that key exists as a property of the UserAccountFormModel\n\t\t//if the key does not exist in the UserAccountFormModel object than add the error to the globalErrors\n\t\tif (res) {\n\t\t\tthis.clearUserRemoteErrors();\n\t\t\tthis.globalErrors = new Array();\n\t\t\tObject.keys(res).forEach(key => {\n\t\t\t\tif (this.userFormRemoteErrors && this.userFormRemoteErrors.hasOwnProperty(key)) {\n\t\t\t\t\tif (Array.isArray(res[key]))\n\t\t\t\t\t\tres[key].forEach((err: string) => {\n\t\t\t\t\t\t\tif (this.userFormRemoteErrors) {\n\t\t\t\t\t\t\t\t//add line break between error\n\t\t\t\t\t\t\t\tif (this.userFormRemoteErrors[key])\n\t\t\t\t\t\t\t\t\tthis.userFormRemoteErrors[key] = this.userFormRemoteErrors[key]\n\t\t\t\t\t\t\t\t\t\t+ '
' + err;\n\t\t\t\t\t\t\t\telse\n\t\t\t\t\t\t\t\t\tthis.userFormRemoteErrors[key] = err;\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t});\n\t\t\t\t\telse\n\t\t\t\t\t\tthis.userFormRemoteErrors[key] = res[key];\n\t\t\t\t}\n\t\t\t\t//Errors to show in an additional area above the form or on the notification popup/message\n\t\t\t\telse this.globalErrors.push(res[key]);\n\t\t\t});\n\t\t}\n\t}\n\n\tprivate mapDetailsRemoteErrors(res: any) {\n\t\t//Iterates over the error keys and checks if that key exists as a property of the UserAccountFormModel\n\t\t//if the key does not exist in the UserAccountFormModel object than add the error to the globalErrors\n\t\tif (res) {\n\t\t\tthis.clearDetailsRemoteErrors();\n\t\t\tthis.globalErrors = new Array();\n\t\t\tObject.keys(res).forEach(key => {\n\t\t\t\tif (this.detailsFormRemoteErrors && this.detailsFormRemoteErrors.hasOwnProperty(key)) {\n\t\t\t\t\tif (Array.isArray(res[key]))\n\t\t\t\t\t\tres[key].forEach((err: string) => {\n\t\t\t\t\t\t\tif (this.detailsFormRemoteErrors) {\n\t\t\t\t\t\t\t\t//add line break between error\n\t\t\t\t\t\t\t\tif (this.detailsFormRemoteErrors[key])\n\t\t\t\t\t\t\t\t\tthis.detailsFormRemoteErrors[key] =\n\t\t\t\t\t\t\t\t\t\tthis.detailsFormRemoteErrors[key] + '
' + err;\n\t\t\t\t\t\t\t\telse\n\t\t\t\t\t\t\t\t\tthis.detailsFormRemoteErrors[key] = err;\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t});\n\t\t\t\t\telse\n\t\t\t\t\t\tthis.detailsFormRemoteErrors[key] = res[key];\n\t\t\t\t}\n\t\t\t\t//Errors to show in an additional area above the form or on the notification popup/message\n\t\t\t\telse this.globalErrors.push(res[key]);\n\t\t\t});\n\t\t}\n\t}\n\t//VALIDATORS\n\tprivate validateEmail(c: FormControl) {\n\t\treturn ValidationService.isValidEmail(c.value) ? null : { validateEmail: { valid: false } };\n\t}\n\n\tprivate clearUserRemoteErrors(): void {\n\t\tthis.userFormRemoteErrors = {\n\t\t\temail: null,\n\t\t\tfirst_name: null,\n\t\t\tlast_name: null,\n\t\t\thas_gdpr_info_shown: null,\n\t\t\thas_agree_for_newsletter: null\n\t\t};\n\t}\n\n\tprivate clearDetailsRemoteErrors(): void {\n\t\tthis.detailsFormRemoteErrors = {\n\t\t\taddress: null,\n\t\t\tcity: null,\n\t\t\tcompany_name: null,\n\t\t\tcountry: null,\n\t\t\tphone_number: null,\n\t\t\tpostal_code: null,\n\t\t\tstate: null,\n\t\t\ttax_no: null\n\t\t};\n\t}\n\n\tprivate onPasswordChangeClick(): void {\n\t\tthis.modal.passwordChange();\n\t}\n}\n\n\n\n\n// WEBPACK FOOTER //\n// ./node_modules/angular-router-loader/src!./node_modules/angular2-template-loader!./node_modules/string-replace-loader??ref--0-3!./src/module/account/details/account.details.view.ts","import { Observable } from 'rxjs/Observable';\nimport { Subject } from 'rxjs/Subject';\nimport { Subscription } from 'rxjs/Subscription';\nimport { Injectable } from '@angular/core';\nimport { Resolve, ActivatedRouteSnapshot, RouterStateSnapshot } from '@angular/router';\nimport { AccountDetailsView } from './account.details.view';\nimport { UserService } from '../../../service/user.service';\nimport { AccountService } from '../../../service/account.service';\nimport { CountryService } from '../../../service/country.service';\n\n@Injectable()\nexport class AccountDetailsResolver implements Resolve {\n\n constructor(private account: AccountService, private user: UserService, private countries: CountryService) { }\n\n resolve(route: ActivatedRouteSnapshot, state: RouterStateSnapshot): Observable | Promise | any {\n if (this.user.accountId == null)\n return;\n //console.log('> AccountResolver.resolved');\n return Observable.forkJoin(\n this.account.get(this.user.accountId),\n this.countries.getCountries());\n }\n}\n\n\n\n\n// WEBPACK FOOTER //\n// ./node_modules/angular-router-loader/src!./node_modules/angular2-template-loader!./node_modules/string-replace-loader??ref--0-3!./src/module/account/details/account.details.resolver.ts","import { Component, Input, OnChanges } from '@angular/core';\nimport { TranslationService } from 'angular-l10n';\n\n@Component({\n selector: 'extended-input',\n template: `\n `\n})\nexport class ExtendedInput implements OnChanges {\n @Input()\n labelText: string = '';\n @Input()\n inputErrors: any;\n @Input()\n canValidate: boolean;\n @Input()\n customError: any;\n @Input()\n remoteError: string;\n @Input()\n toolText: string;\n\n errorMessageToDisplay: string;\n genericErrorMessages: any = {\n required: this.translation.translate('ACCOUNT.FORM.VALIDATION_ERROR.REQUIRED'),\n pattern: this.translation.translate('ACCOUNT.FORM.VALIDATION_ERROR.INVALID'),\n unknown: this.translation.translate('ACCOUNT.FORM.VALIDATION_ERROR.INVALID')\n };\n\n constructor(private translation: TranslationService) { }\n\n ngOnChanges(changes: any): void {\n this.errorMessageToDisplay = '';\n //If canValidate is false dont show error messages\n if (!this.canValidate)\n return;\n\n if (this.remoteError) {\n this.errorMessageToDisplay = this.remoteError;\n return;\n }\n\n let errors: any = this.inputErrors;\n if (errors) {\n Object.keys(errors).some(key => {\n //Search custom error messages first\n if (this.customError && this.customError[key]) {\n this.errorMessageToDisplay = this.customError[key];\n return true;\n }\n //Search generic error messages if no custom was found\n if (this.genericErrorMessages[key]) {\n this.errorMessageToDisplay = this.genericErrorMessages[key];\n return true;\n }\n return false;\n });\n\n //If no error message was found in custom or generic, display invalid message\n if (!this.errorMessageToDisplay || this.errorMessageToDisplay === '') {\n this.errorMessageToDisplay = this.genericErrorMessages['unknown'];\n }\n }\n }\n}\n\n\n\n// WEBPACK FOOTER //\n// ./node_modules/angular-router-loader/src!./node_modules/angular2-template-loader!./node_modules/string-replace-loader??ref--0-3!./src/module/account/details/input.component.ts","import { Component, OnInit, ChangeDetectionStrategy, ChangeDetectorRef } from '@angular/core';\nimport { ActivatedRoute, Router } from '@angular/router';\nimport { Localization, LocaleService, TranslationService } from 'angular-l10n';\nimport { TabService } from '../../../service/tab.service';\nimport { PaymentsService } from '../../../service/payments.service';\nimport { UserService } from '../../../service/user.service';\nimport { PaymentMethodsList, PaymentMethod } from '../../../model/api.model';\nimport { FlashMessagesService } from 'angular2-flash-messages';\nimport { ModalService } from './../../modal/modal.service';\nimport { ViewService } from '../../../service/view.service';\n\ninterface PaymentMethodForEdit extends PaymentMethod {\n serverValidation: {\n cvv: boolean;\n expiration_date: boolean;\n other: string | null;\n };\n loading: boolean;\n make_default: boolean;\n}\n\n@Component({\n selector: 'account-payments',\n template: require('./account.payments.view.html')\n})\nexport class AccountPaymentsView extends Localization implements OnInit {\n paymentMethods: PaymentMethodsList;\n paymentOnEdit: PaymentMethodForEdit | null;\n braintreeOnTeardown = false;\n braintreeClientToken: string;\n constructor(\n private route: ActivatedRoute,\n private tabService: TabService,\n private paymentsService: PaymentsService,\n private userService: UserService,\n private modal: ModalService,\n private view: ViewService,\n private flashMessagesService: FlashMessagesService,\n public locale: LocaleService,\n public translation: TranslationService,\n public cdr: ChangeDetectorRef) {\n super(locale, translation);\n //get data from PaymentsResolver\n this.route.data.subscribe((data: any) => {\n if (data && data.account) {\n this.paymentMethods = data.account[1];\n if (data.account[2])\n this.braintreeClientToken = data.account[2].bt_client_token;\n }\n });\n }\n //\n ngOnInit() {\n this.tabService.onNavigatedTo(3);\n }\n onCardEditSubmit(): void {\n if (this.paymentOnEdit) {\n this.paymentOnEdit.loading = true;\n this.cdr.detectChanges();\n }\n }\n}\n\n\n\n// WEBPACK FOOTER //\n// ./node_modules/angular-router-loader/src!./node_modules/angular2-template-loader!./node_modules/string-replace-loader??ref--0-3!./src/module/account/payments/account.payments.view.ts","import { Observable } from 'rxjs/Observable';\nimport { Subject } from 'rxjs/Subject';\nimport { Subscription } from 'rxjs/Subscription';\nimport { Injectable } from '@angular/core';\nimport { Resolve, ActivatedRouteSnapshot, RouterStateSnapshot } from '@angular/router';\nimport { AccountPaymentsView } from './account.payments.view';\nimport { AccountService } from '../../../service/account.service';\nimport { UserService } from '../../../service/user.service';\nimport { PaymentsService } from '../../../service/payments.service';\nimport { BraintreeService } from '../../../service/braintree.service';\n\n@Injectable()\nexport class AccountPaymentsResolver implements Resolve {\n\n constructor(private account: AccountService, \n private user: UserService, \n private payments: PaymentsService,\n private bt: BraintreeService) { }\n\n resolve(route: ActivatedRouteSnapshot, state: RouterStateSnapshot): Observable | Promise | any {\n //console.log('> AccountPaymentsResolver.resolved');\n if (this.user.accountId == null)\n return;\n // Perform request for account details. And after taking response return 3 items:\n // - accountResponse\n // - payment methods list\n // - bt_client_token or null (do not ask for bt_client_token, when user has no defined account details)\n return this.account.get(this.user.accountId).flatMap(accountResponse => {\n // Prepare btClientToken - Observable holding null or existing object.\n let btClientToken: Observable = Observable.of(null);\n\n if (this.user.accountId == null)\n return btClientToken;\n \n if (accountResponse.details) {\n btClientToken = this.bt.getClientToken(this.user.accountId);\n }\n\n // Continue chain - return 3 items after joining responses.\n return Observable.forkJoin(\n // Pass account.\n Observable.of(accountResponse),\n // Perform requests.\n this.payments.getPaymentMethods(this.user.accountId),\n // Pass account or null object depending on account.details.\n btClientToken);\n });\n }\n}\n\n\n\n\n// WEBPACK FOOTER //\n// ./node_modules/angular-router-loader/src!./node_modules/angular2-template-loader!./node_modules/string-replace-loader??ref--0-3!./src/module/account/payments/account.payments.resolver.ts","import { Injectable } from '@angular/core';\nimport { CanDeactivate, ActivatedRouteSnapshot, RouterStateSnapshot } from '@angular/router';\nimport { Observable } from 'rxjs/Observable';\nimport { AccountPaymentsView } from './account.payments.view';\n\n@Injectable()\nexport class AccountPaymentsGuard implements CanDeactivate {\n\n constructor() { }\n\n canDeactivate(component: AccountPaymentsView, route: ActivatedRouteSnapshot, state: RouterStateSnapshot):\n Observable | Promise | boolean {\n //console.log('AccountPaymentsView.CanDeactivate');\n return true;\n }\n}\n\n\n\n// WEBPACK FOOTER //\n// ./node_modules/angular-router-loader/src!./node_modules/angular2-template-loader!./node_modules/string-replace-loader??ref--0-3!./src/module/account/payments/account.payments.guard.ts","import { NgModule } from '@angular/core';\nimport { ReactiveFormsModule } from '@angular/forms';\nimport { HttpModule } from '@angular/http';\nimport { RouterModule, Routes } from '@angular/router';\nimport { LocalizationModule } from 'angular-l10n';\n\nimport { SharedModule } from '../../app/shared/shared.module';\nimport { PaymentsService } from '../../service/payments.service';\nimport { SubscriptionService } from '../../service/subscription.service';\nimport { ProductService } from '../../service/product.service';\nimport { TabService } from '../../service/tab.service';\nimport {\n\tAccountDetailsResolver,\n\tAccountDetailsView,\n\tAccountInvoicesResolver,\n\tAccountInvoicesView,\n\tAccountPaymentsGuard,\n\tAccountPaymentsResolver,\n\tAccountPaymentsView,\n\tAccountSubscriptionsResolver,\n\tAccountSubscriptionsView,\n\tAccountView,\n\tPaymentMethodsPickerModal,\n} from './';\nimport { ExtendedInput } from './details/input.component';\n\n//Services\nexport const AccountRoutes: Routes = [\n\t{ path: 'subscriptions', component: AccountSubscriptionsView, resolve: { account: AccountSubscriptionsResolver } },\n\t{ path: 'details', component: AccountDetailsView, resolve: { account: AccountDetailsResolver } },\n\t{ path: 'invoices', component: AccountInvoicesView, resolve: { account: AccountInvoicesResolver } },\n\t{\n\t\tpath: 'payments',\n\t\tcomponent: AccountPaymentsView,\n\t\tresolve: { account: AccountPaymentsResolver },\n\t\tcanDeactivate: [AccountPaymentsGuard]\n\t},\n\t{ path: 'invoices', component: AccountInvoicesView, resolve: { account: AccountInvoicesResolver } },\n\t// @FIX: Temporary fix. Disabling subscription page as default page, because braintree payments are temporary no available.\n\t{ path: '', redirectTo: 'details', pathMatch: 'full' },\n\t{ path: '**', redirectTo: 'details' }\n];\n\nlet LOCAL_PROVIDERS = [\n\tAccountSubscriptionsResolver,\n\tAccountDetailsResolver,\n\tAccountInvoicesResolver,\n\tAccountPaymentsResolver,\n\tTabService,\n\tPaymentsService,\n\tAccountPaymentsGuard,\n\tSubscriptionService,\n\tProductService,\n];\n\nlet COMP: any = [\n\tAccountView,\n\tAccountDetailsView,\n\tAccountInvoicesView,\n\tAccountPaymentsView,\n\tAccountSubscriptionsView,\n\tExtendedInput,\n\tPaymentMethodsPickerModal\n];\n\n@NgModule({\n\timports: [\n\t\tHttpModule,\n\t\tSharedModule,\n\t\tReactiveFormsModule,\n\t\tLocalizationModule,\n\t\tRouterModule.forChild(AccountRoutes)\n\t],\n\tdeclarations: COMP,\n\tentryComponents: COMP,\n\tproviders: [\n\t\t// ...GLOBAL_PROVIDERS,\n\t\t...LOCAL_PROVIDERS\n\t],\n\texports: COMP,\n\tbootstrap: [AccountView]\n})\nexport class AccountModule { }\n\n\n\n// WEBPACK FOOTER //\n// ./node_modules/angular-router-loader/src!./node_modules/angular2-template-loader!./node_modules/string-replace-loader??ref--0-3!./src/module/account/account.module.ts","import { InjectionToken } from '@angular/core';\nimport { ChartConfigModel } from './chart.model';\n\nexport const ChartConfig = new InjectionToken('CHART_CONFIG');\n\nexport const ChartConfigData: ChartConfigModel = {\n\tdatasetColors: [\n\t\t[31, 47, 193],\n\t\t[23, 23, 23],\n\t\t[249, 213, 0],\n\t\t[247, 92, 3],\n\t\t[157, 141, 241],\n\t\t[7, 160, 112],\n\t\t[38, 219, 192],\n\t\t[130, 2, 99],\n\t\t[25, 114, 244],\n\t\t[255, 99, 146],\n\t\t[198, 216, 96],\n\t]\n};\n\n\n\n\n// WEBPACK FOOTER //\n// ./node_modules/angular-router-loader/src!./node_modules/angular2-template-loader!./node_modules/string-replace-loader??ref--0-3!./src/module/analytics/component/charts/chart.component.config.ts","import { Injectable } from '@angular/core';\nimport moment from 'moment';\n\nimport { GranularityType } from './chart.model';\n\n@Injectable()\nexport class ChartScaleHelper {\n\n\tgetScaleStep(start: moment.Moment, end: moment.Moment, scaleUnit: chartjs.TimeUnit): number {\n\t\tlet dateDiff: number;\n\t\tlet startDate: moment.Moment = start.clone();\n\t\tlet endDate: moment.Moment = end.clone();\n\t\tswitch (scaleUnit) {\n\t\t\tcase 'minute':\n\t\t\t\t// Special case for engagement rate charts for few hours period.\n\t\t\t\tdateDiff = endDate.diff(startDate, 'minutes') / 2;\n\t\t\t\tbreak;\n\t\t\tcase 'hour':\n\t\t\t\tdateDiff = endDate.endOf('day').diff(startDate.startOf('day'), 'hours');\n\t\t\t\tbreak;\n\t\t\tcase 'month':\n\t\t\t\tdateDiff = endDate.endOf('day').diff(startDate.startOf('day'), 'months');\n\t\t\t\tbreak;\n\t\t\tcase 'year':\n\t\t\t\tdateDiff = endDate.endOf('day').diff(startDate.startOf('day'), 'years');\n\t\t\t\tbreak;\n\t\t\tdefault:\n\t\t\t\tdateDiff = endDate.endOf('day').diff(startDate.startOf('day'), 'days');\n\t\t\t\tbreak;\n\t\t}\n\n\t\treturn Math.round(dateDiff / 4);\n\t}\n\n\tgetScaleStepAlt(dataLength: number): number {\n\t\treturn Math.round(dataLength / 4);\n\t}\n\n\tgetTimeScaleUnit(start: moment.Moment, end: moment.Moment, granularity: GranularityType): chartjs.TimeUnit {\n\t\t// Special case for engagement rate charts for few hours period.\n\t\tif(end.diff(start, 'hours') < 24)\n\t\t\treturn 'minute';\n\n\t\tlet startDay: moment.Moment = start.clone().startOf('day');\n\t\tlet endDay: moment.Moment = end.clone().endOf('day');\n\n\t\tif (endDay.diff(startDay, 'months') > 24)\n\t\t\treturn 'year';\n\n\t\tif (endDay.diff(startDay, 'months') > 12)\n\t\t\treturn 'month';\n\n\t\tif (granularity === 'hour' && endDay.diff(startDay.startOf('day'), 'days') <= 3)\n\t\t\treturn 'hour';\n\n\t\treturn 'day';\n\t}\n\n\tgetDateFormatForScaleUnit(unit: chartjs.TimeUnit): string {\n\t\tswitch (unit) {\n\t\t\tcase 'minute':\n\t\t\t\treturn 'HH:mm:ss';\n\t\t\tcase 'hour':\n\t\t\t\treturn 'HH:mm';\n\t\t\tcase 'day':\n\t\t\t\treturn 'DD MMM';\n\t\t\tcase 'week':\n\t\t\t\treturn 'DD MMM';\n\t\t\tcase 'month':\n\t\t\t\treturn 'MMM YYYY';\n\t\t\tcase 'year':\n\t\t\t\treturn 'YYYY';\n\t\t\tdefault:\n\t\t\t\treturn 'DD MMM';\n\t\t}\n\t}\n\n\t// Simple formatting: 2 cases and only in \"heavy\" data point size is reduced.\n\tgetPointThickness(pointsAmount: number): number {\n\t\tif (pointsAmount > 48)\n\t\t\treturn 0;\n\t\treturn 1;\n\t}\n\n\t// Simple formatting: 2 cases and only in \"heavy\" data line thickness is reduced.\n\tgetLineThickness(pointsAmount: number): number {\n\t\tif (pointsAmount > 48)\n\t\t\treturn 1;\n\t\treturn 2;\n\t}\n\n\t//formats the tooltips shown onHover over the data points with the full date and time\n\tformatTooltipDateLabel(labelToFormat: string, start: moment.Moment, end: moment.Moment, granularity: GranularityType): string {\n\t\tlet m = moment(labelToFormat);\n\t\tif (!m.isValid())\n\t\t\treturn labelToFormat;\n\n\t\tif(start && end && (end.diff(start, 'hours') < 24))\n\t\t\treturn m.format('ll HH:mm:ss');\n\n\t\tlet toDate: string;\n\t\tswitch (granularity) {\n\t\t\tcase 'hour':\n\t\t\t\treturn m.format('llll');\n\t\t\tcase 'day':\n\t\t\t\treturn m.format('ll');\n\t\t\tcase 'week':\n\t\t\t\ttoDate = m.clone().endOf('week').isAfter(end, 'day') ?\n\t\t\t\t\tend.format('ll') : m.clone().endOf('week').format('ll');\n\t\t\t\treturn m.format('ll') + ' - ' + toDate;\n\t\t\tcase 'month':\n\t\t\t\ttoDate = m.clone().endOf('month').isAfter(end, 'day') ?\n\t\t\t\t\tend.format('ll') : m.clone().endOf('month').format('ll');\n\t\t\t\treturn m.format('ll') + ' - ' + toDate;\n\t\t\tcase 'year':\n\t\t\t\ttoDate = m.clone().endOf('year').isAfter(end, 'day') ?\n\t\t\t\t\tend.format('ll') : m.clone().endOf('year').format('ll');\n\t\t\t\treturn m.format('ll') + ' - ' + toDate;\n\t\t\tdefault: return labelToFormat;\n\t\t}\n\t}\n\n\tformatScaleDateLabel(label: string, dateFormat: string, index: number, labels: Array): string | null {\n\t\tlet m = moment(label);\n\t\tif (!m.isValid())\n\t\t\treturn label;\n\n\t\tlet step: number = this.getScaleStepAlt(labels.length);\n\t\tif (index > 0 && index < labels.length - 1) {\n\t\t\tif (labels.length > 6 && index % step > 0)\n\t\t\t\treturn null;\n\t\t}\n\t\telse\n\t\t\tif (labels.length > 3)\n\t\t\t\treturn null;\n\t\tlet formattedDate = m.format(dateFormat);\n\t\treturn formattedDate;\n\t}\n\n\tremoveFirstAndLastDate(scale: any): void {\n\t\tif (scale.ticks.length > 3) {\n\t\t\tscale.ticks[0] = null;\n\t\t\tscale.ticks[scale.ticks.length - 1] = null;\n\t\t}\n\t}\n\n\t// Creates callback for selected element nominal with, for sampling labels to available space.\n\t// Returns function / callback with arguments and type\n\t// (label: any, index: number, labels: Array): string\n\t// Method for use in chartjs axes tick configuration with (autoSkip: false) option.\n\tmakeTickLabelSamplingCallback(singleElementWidth: number): any {\n\t\tlet result = function(label: any, index: number, labels: Array): string {\n\t\t\t// Number of samples.\n\t\t\tlet samplesNum = Math.ceil(this.width / singleElementWidth);\n\n\t\t\t// Sample labels.\n\t\t\tlet scale = (labels && (labels.length > 1)) ? (samplesNum / (labels.length - 1)) : 1;\n\n\t\t\t// When scale is about 0.3 then often gaps looks 2,3,2,3 or 1,2,1,2 etc.\n\t\t\t// For small numbers it looks bad, so for such case show all labels - looks better.\n\t\t\tif(scale > 0.3) {\n\t\t\t\tscale = 1;\n\t\t\t}\n\t\t\tlet labelSegment = Math.floor(index * scale);\n\t\t\tlet prevLabelSegment = Math.floor((index - 1) * scale);\n\t\t\tif(labelSegment != prevLabelSegment) {\n\t\t\t\treturn label;\n\t\t\t}\n\t\t\treturn '';\n\t\t}\n\n\t\treturn result;\n\t}\n}\n\n\n\n// WEBPACK FOOTER //\n// ./node_modules/angular-router-loader/src!./node_modules/angular2-template-loader!./node_modules/string-replace-loader??ref--0-3!./src/module/analytics/component/charts/chart.scale.helper.ts","import {\n\tAfterViewInit,\n\tChangeDetectorRef,\n\tComponent,\n\tElementRef,\n\tEventEmitter,\n\tInject,\n\tInput,\n\tOnChanges,\n\tOnDestroy,\n\tOutput,\n\tSimpleChanges,\n\tViewChild,\n} from '@angular/core';\nimport moment from 'moment';\n\nimport { ChartConfig, ChartConfigData } from './chart.component.config';\nimport { ChartConfigModel, ChartType, GranularityType } from './chart.model';\nimport { ChartScaleHelper } from './chart.scale.helper';\n\n@Component({\n\tselector: 'chart',\n\ttemplate: `
`,\n\tproviders: [{ provide: ChartConfig, useValue: ChartConfigData }, ChartScaleHelper]\n})\nexport class ChartComponent implements AfterViewInit, OnChanges, OnDestroy {\n\t//Inputs\n\t@Input() pointRadius = 1;\n\t@Input() chartData: Array;\n\t@Input() chartLabels: Array;\n\t@Input() chartType: ChartType;\n\t@Input() chartHeight: string = '300px';\n\t//needed to calculate the scale settings\n\t@Input() startDate: moment.Moment | null;\n\t@Input() endDate: moment.Moment | null;\n\t@Input() granularity: GranularityType;\n\t@Input() chartStacked: boolean | false;\n\t@Input() fontColor: any = null;\n\t@Input() gridColor: string = 'rgba(0, 0, 0, 0.1)';\n\t@Input() datasetColors: [number, number, number][] = null;\n\t//Outputs\n\t@Output() onChartClicked: EventEmitter<{ event: chartjs.Event, elements: Array }> = new EventEmitter<{ event: chartjs.Event, elements: Array }>();\n\t@Output() onChartHovered: EventEmitter> = new EventEmitter>();\n\n\t@ViewChild('canvas', { read: ElementRef }) canvasElement: ElementRef;\n\n\tprivate chartOptions: chartjs.BaseOptions | chartjs.BaseOptions;\n\tprivate chartInstance: chartjs.Chart;\n\tprivate isAfterViewInit: boolean = false;\n\n\tconstructor(private cdr: ChangeDetectorRef,\n\t\tprivate timeScaleHelper: ChartScaleHelper,\n\t\t@Inject(ChartConfig) private config: ChartConfigModel) {\n\t}\n\n\tngAfterViewInit() {\n\t\tthis.isAfterViewInit = true;\n\t\tthis.createChart();\n\t}\n\n\tngOnChanges(changes: SimpleChanges) {\n\t\tif (this.isAfterViewInit)\n\t\t\tif ((changes['chartData'] && changes['chartData'] != undefined && changes['chartData'] != null) ||\n\t\t\t\t(changes['chartType'] && changes['chartType'] != undefined && changes['chartType'] != null\n\t\t\t\t\t&& this.chartData)) {\n\t\t\t\tthis.createChart();\n\t\t\t}\n\t}\n\n\tngOnDestroy() {\n\t\tthis.destroyChart();\n\t}\n\n\tdestroyChart() {\n\t\t//destroy chart.js instance to load again correctly\n\t\tif (this.chartInstance) {\n\t\t\tthis.chartInstance.destroy();\n\t\t\t// this.chartInstance.options = null;\n\t\t}\n\t}\n\n\tcreateChart() {\n\t\tif (!this.chartData)\n\t\t\treturn;\n\n\t\tthis.destroyChart();\n\t\t//default dataset settings\n\t\tthis.setChartSettingsAndOptions();\n\n\t\t// create chart.js configuration object\n\t\tlet conf = {\n\t\t\ttype: (this.chartType == 'lineTime' ? 'line' : this.chartType),\n\t\t\toptions: this.chartOptions,\n\t\t\tdata: {\n\t\t\t\tlabels: this.chartLabels,\n\t\t\t\tdatasets: this.chartData\n\t\t\t}\n\t\t};\n\n\t\t//create and initialize chart.js instance\n\t\tthis.chartInstance = new Chart(this.canvasElement.nativeElement.getContext('2d'), conf);\n\t}\n\n\tonChartTypeChange(chartType: ChartType): void {\n\t\tthis.chartType = chartType;\n\t\tthis.createChart();\n\t}\n\t//\n\tprivate setChartSettingsAndOptions(): void {\n\t\t//defaults to line chart\n\t\tswitch (this.chartType) {\n\t\t\tcase 'line':\n\t\t\t\tthis.setLineChartOptions();\n\t\t\t\tthis.setLineChartSettings();\n\t\t\t\tbreak;\n\t\t\tcase 'lineTime':\n\t\t\t\tthis.setLineTimeChartOptions();\n\t\t\t\tthis.setLineTimeChartSettings();\n\t\t\t\tbreak;\n\t\t\tcase 'bar':\n\t\t\t\tthis.setBarChartOptions();\n\t\t\t\tthis.setBarChartSettings();\n\t\t\t\tbreak;\n\t\t\tcase 'horizontalBar':\n\t\t\t\tthis.setHorizontalBarChartOptions();\n\t\t\t\tthis.setBarChartSettings();\n\t\t\t\tbreak;\n\t\t\t// case 'pie':\n\t\t\t//\tthis.setPieChartOptions();\n\t\t\t//\tthis.setPieChartSettings();\n\t\t\t//\tbreak;\n\t\t\tcase 'doughnut':\n\t\t\t\tthis.setPieChartOptions();\n\t\t\t\tthis.setPieChartSettings();\n\t\t\t\tbreak;\n\t\t\tdefault:\n\t\t\t\tconsole.warn('ChartComponent -> ChartType not defined or invalid!');\n\t\t\t\tbreak;\n\t\t}\n\t}\n\n\tprivate getColor(i: number) {\n\t\tif (this.datasetColors)\n\t\t\treturn this.datasetColors[i % this.datasetColors.length];\n\t\treturn this.config.datasetColors[i % this.config.datasetColors.length];\n\t}\n\n\tprivate setLineChartSettings(): void {\n\t\tthis.setLineTimeChartSettings();\n\t}\n\n\tprivate setLineTimeChartSettings(): void {\n\t\tlet dataAmount = this.getDataLength();\n\t\tthis.chartData.forEach((item, index) => {\n\t\t\t//colors\n\t\t\tlet colors = this.getColor(index);\n\t\t\tlet chartItem = item;\n\t\t\t// Check if point color already defined.\n\t\t\tif((typeof chartItem.pointBorderColor === \"string\") && (chartItem.pointBorderColor.indexOf('rgba(') == 0)) {\n\t\t\t\tcolors = this.parseRgbaStr(chartItem.pointBorderColor).slice(0,3);\n\t\t\t}\n\t\t\tchartItem.backgroundColor = this.rgba(colors, 0.5);\n\t\t\tchartItem.borderColor = this.rgba(colors, 1);\n\t\t\tchartItem.pointBackgroundColor = '#fff';\n\t\t\tchartItem.pointBorderColor = this.rgba(colors, 1);\n\t\t\tchartItem.pointHoverBackgroundColor = this.rgba(colors, 1);\n\t\t\tchartItem.pointHoverBorderColor = this.rgba(colors, 0.8);\n\t\t\t//settings\n\t\t\t//Background fill color below the line\n\t\t\tif(typeof chartItem.fill === 'undefined') {\n\t\t\t\tchartItem.fill = index > 0 ? false : true;\n\t\t\t}\n\t\t\tchartItem.cubicInterpolationMode = 'monotone';\n\t\t\tchartItem.lineTension = 0;\n\t\t\tchartItem.pointHoverRadius = 5;\n\t\t\tchartItem.pointBorderWidth = 3;\n\t\t\t//Line thickness\n\t\t\tchartItem.borderWidth = this.timeScaleHelper.getLineThickness(dataAmount);\n\t\t\t//Point thickness\n\t\t\tchartItem.pointRadius = this.timeScaleHelper.getPointThickness(dataAmount);\n\t\t\tchartItem.pointRadius = this.pointRadius;\n\n\t\t});\n\t}\n\n\tprivate setBarChartSettings(): void {\n\t\tthis.chartData.forEach((item, index) => {\n\t\t\t//colors\n\t\t\tlet colors = this.getColor(index);\n\t\t\tlet chartItem = item;\n\t\t\tchartItem.backgroundColor = this.rgba(colors, 0.6);\n\t\t\tchartItem.borderColor = this.rgba(colors, 1);\n\t\t\tchartItem.hoverBackgroundColor = this.rgba(colors, 0.8);\n\t\t\tchartItem.hoverBorderColor = this.rgba(colors, 1);\n\t\t\t//settings\n\t\t\tchartItem.borderWidth = 2;\n\t\t});\n\t}\n\n\tprivate setPieChartSettings(): void {\n\t if(this.chartData == null || this.chartData.length == 0) {\n\t return;\n\t }\n let chartItem = this.chartData[0];\n chartItem.backgroundColor = [];\n chartItem.borderColor = [];\n chartItem.hoverBackgroundColor = [];\n chartItem.hoverBorderColor = [];\n chartItem.borderWidth = [2];\n\t\tthis.chartData[0].data.forEach((item, index) => {\n\t\t\tlet colors = this.getColor(index);\n\t\t\tchartItem.backgroundColor.push(this.rgba(colors, 0.6));\n\t\t\tchartItem.borderColor.push(this.rgba(colors, 1.0))\n\t\t\tchartItem.hoverBackgroundColor.push(this.rgba(colors, 0.8))\n\t\t\tchartItem.hoverBorderColor.push(this.rgba(colors, 1.0))\n\t\t});\n\t}\n\n\tprivate setLineChartOptions(): void {\n\t\tlet optionsSettings: chartjs.LineChartOptions = {\n\t\t\tmaintainAspectRatio: false,\n\t\t\thover: {\n\t\t\t\tmode: 'x-axis'\n\t\t\t},\n\t\t\tscales: {\n\t\t\t\txAxes: [{\n\t\t\t\t\tticks: { suggestedMin: 0 },\n\t\t\t\t\tgridLines: {\n\t\t\t\t\t\tdisplay: false\n\t\t\t\t\t}\n\t\t\t\t}],\n\t\t\t\tyAxes: [{\n\t\t\t\t\tdisplay: true,\n\t\t\t\t\tticks: { suggestedMin: 0 }\n\t\t\t\t}]\n\t\t\t},\n\t\t\ttooltips: {\n\t\t\t\tmode: 'x-axis',\n\t\t\t\tdisplayColors: true,\n\t\t\t\tbodySpacing: 6,\n\t\t\t\tcallbacks: {\n\t\t\t\t\t// Return no title.\n\t\t\t\t\ttitle: (tooltip: Array, data: any): string | string[] => {\n\t\t\t\t\t\treturn '';\n\t\t\t\t\t},\n\t\t\t\t\t// Return \": .\n\t\t\t\t\tlabel: (tooltip: chartjs.TooltipItem, data: any): string | Array => {\n\t\t\t\t\t\tlet result = ' ' + data.datasets[tooltip.datasetIndex].label + ': ';\n\t\t\t\t\t\tif(tooltip.yLabel && (typeof tooltip.yLabel === 'number')) {\n\t\t\t\t\t\t\tlet val: number = tooltip.yLabel;\n\t\t\t\t\t\t\tresult += val.toFixed(2);\n\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\tresult += tooltip.yLabel;\n\t\t\t\t\t\t}\n\t\t\t\t\t\treturn result;\n\t\t\t\t\t}\n\t\t\t\t},\n\t\t\t},\n\t\t\tlegend: {\n\t\t\t\tposition: 'bottom',\n\t\t\t\tlabels: {}\n\t\t\t}\n\t\t};\n\n\t\tif (this.fontColor != null) {\n\t\t\toptionsSettings.scales.yAxes[0].ticks.fontColor = this.fontColor;\n\t\t\toptionsSettings.scales.xAxes[0].ticks.fontColor = this.fontColor;\n\t\t\toptionsSettings.legend.labels.fontColor = this.fontColor;\n\t\t}\n\n\t\tthis.chartOptions = optionsSettings;\n\t}\n\n\tprivate setLineTimeChartOptions(): void {\n\t\tif (this.startDate == null || this.endDate == null)\n\t\t\treturn;\n\n\t\tlet scaleUnit = this.timeScaleHelper.getTimeScaleUnit(this.startDate, this.endDate, this.granularity);\n\t\tlet scaleStep = this.timeScaleHelper.getScaleStep(this.startDate, this.endDate, scaleUnit);\n\t\tlet dateFormat = this.timeScaleHelper.getDateFormatForScaleUnit(scaleUnit);\n\n\t\tlet optionsSettings: chartjs.LineChartOptions = {\n\t\t\tmaintainAspectRatio: false,\n\t\t\thover: {\n\t\t\t\tmode: 'x-axis'\n\t\t\t},\n\t\t\ttooltips: {\n\t\t\t\tmode: 'x-axis',\n\t\t\t\tdisplayColors: true,\n\t\t\t\tbodySpacing: 6,\n\t\t\t\tcallbacks: {\n\t\t\t\t\ttitle: (tooltip: Array, data: any): string | string[] => {\n\t\t\t\t\t\tif (this.endDate)\n\t\t\t\t\t\t\treturn this.timeScaleHelper.formatTooltipDateLabel(tooltip[0].xLabel, this.startDate, this.endDate, this.granularity);\n\t\t\t\t\t\treturn '';\n\t\t\t\t\t},\n\t\t\t\t\tlabel: (tooltip: chartjs.TooltipItem, data: any): string | Array => {\n\t\t\t\t\t\t//dirty fix for the missing left padding between the tooltip color squares and the text\n\t\t\t\t\t\t//simply add a space before the text, no need to create a custom tooltip just for this\n\t\t\t\t\t\treturn ' ' + data.datasets[tooltip.datasetIndex].label + ': ' + tooltip.yLabel;\n\t\t\t\t\t}\n\t\t\t\t},\n\t\t\t},\n\t\t\tscales: {\n\t\t\t\txAxes: [{\n\t\t\t\t\ttype: 'time',\n\t\t\t\t\tgridLines: {\n\t\t\t\t\t\tdisplay: false\n\t\t\t\t\t},\n\t\t\t\t\ttime: {\n\t\t\t\t\t\t// Note: Do not use \"min\" parameter with startDate, because in some cases startDate\n\t\t\t\t\t\t// is rounded to whole unit (eg. to first day of month and start date can be not feasible).\n\t\t\t\t\t\t// This cause that chart is starting outside chart area (on left side).\n\t\t\t\t\t\tdisplayFormats: {\n\t\t\t\t\t\t\tminute: dateFormat,\n\t\t\t\t\t\t\thour: dateFormat,\n\t\t\t\t\t\t\tday: dateFormat,\n\t\t\t\t\t\t\tmonth: dateFormat,\n\t\t\t\t\t\t\tyear: dateFormat\n\t\t\t\t\t\t},\n\t\t\t\t\t\tunit: scaleUnit,\n\t\t\t\t\t\tunitStepSize: scaleStep\n\t\t\t\t\t}\n\t\t\t\t}],\n\t\t\t\tyAxes: [{\n\t\t\t\t\tdisplay: true,\n\t\t\t\t\tticks: { suggestedMin: 0 }\n\t\t\t\t}]\n\t\t\t},\n\t\t\tlegend: {\n\t\t\t\tposition: 'bottom'\n\t\t\t}\n\t\t};\n\t\tif (this.gridColor != null) {\n\t\t\toptionsSettings.scales.xAxes[0].gridLines.color = this.gridColor;\n\t\t\toptionsSettings.scales.yAxes[0].gridLines = { color: this.gridColor };\n\t\t}\n\t\tif (this.fontColor != null) {\n\t\t\toptionsSettings.scales.xAxes[0].ticks = { fontColor: this.fontColor };\n\t\t\toptionsSettings.scales.yAxes[0].ticks.fontColor = this.fontColor;\n\t\t\toptionsSettings.legend.labels = { fontColor: this.fontColor };\n\t\t}\n\t\tthis.attachWeekends(optionsSettings);\n\t\tthis.chartOptions = optionsSettings;\n\t}\n\n\tprivate setBarChartOptions(): void {\n\t\tif (this.startDate == null || this.endDate == null)\n\t\t\treturn;\n\n\t\tlet scaleUnit = this.timeScaleHelper.getTimeScaleUnit(this.startDate, this.endDate, this.granularity);\n\t\tlet dateFormat = this.timeScaleHelper.getDateFormatForScaleUnit(scaleUnit);\n\t\tlet scaleStep = this.timeScaleHelper.getScaleStepAlt(this.getDataLength());\n\n\t\tlet optionsSettings: chartjs.BarChartOptions = {\n\t\t\tmaintainAspectRatio: false,\n\t\t\ttooltips: {\n\t\t\t\tmode: 'x-axis',\n\t\t\t\tdisplayColors: true,\n\t\t\t\tbodySpacing: 6,\n\t\t\t\tcallbacks: {\n\t\t\t\t\ttitle: (tooltip: Array, data: any): string | string[] => {\n\t\t\t\t\t\tif (this.endDate)\n\t\t\t\t\t\t\treturn this.timeScaleHelper\n\t\t\t\t\t\t\t\t.formatTooltipDateLabel(data.labels[tooltip[0].index], this.startDate, this.endDate, this.granularity);\n\t\t\t\t\t\treturn '';\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t},\n\t\t\tscales: {\n\t\t\t\txAxes: [{\n\t\t\t\t\tstacked: (this.chartData[0].data.length > 10 || this.chartStacked) ? true : false,\n\t\t\t\t\tgridLines: { display: false },\n\t\t\t\t\tticks: {\n\t\t\t\t\t\tautoSkip: false,\n\t\t\t\t\t\tcallback: (label: any, index: number, labels: Array): string | null => {\n\t\t\t\t\t\t\treturn this.timeScaleHelper.formatScaleDateLabel(label, dateFormat, index, labels);\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}],\n\t\t\t\tyAxes: [{\n\t\t\t\t\tdisplay: true,\n\t\t\t\t\tticks: { suggestedMin: 0 }\n\t\t\t\t}]\n\t\t\t},\n\t\t\tlegend: {\n\t\t\t\tposition: 'bottom'\n\t\t\t}\n\t\t};\n\t\tthis.attachWeekends(optionsSettings);\n\n\t\tif (this.fontColor != null) {\n\t\t\toptionsSettings.scales.yAxes[0].ticks.fontColor = this.fontColor;\n\t\t\toptionsSettings.scales.xAxes[0].ticks.fontColor = this.fontColor;\n\t\t\toptionsSettings.legend.labels.fontColor = this.fontColor;\n\t\t}\n\n\t\tthis.chartOptions = optionsSettings;\n\t}\n\n\tprivate setHorizontalBarChartOptions(): void {\n\t\tlet optionsSettings: chartjs.BarChartOptions = {\n\t\t\tmaintainAspectRatio: false,\n\t\t\ttooltips: {\n\t\t\t\tmode: 'x-axis',\n\t\t\t\tdisplayColors: true,\n\t\t\t\tbodySpacing: 6\n\t\t\t},\n\t\t\tscales: {\n\t\t\t\txAxes: [{\n\t\t\t\t\tstacked: (this.chartData[0].data.length > 10 || this.chartStacked) ? true : false,\n\t\t\t\t\tgridLines: { display: false },\n\t\t\t\t\tticks: {\n\t\t\t\t\t\tautoSkip: false\n\t\t\t\t\t}\n\t\t\t\t}],\n\t\t\t\tyAxes: [{\n\t\t\t\t\tdisplay: true,\n\t\t\t\t\tticks: { suggestedMin: 0 }\n\t\t\t\t}]\n\t\t\t},\n\t\t\tlegend: {\n\t\t\t\tposition: 'bottom'\n\t\t\t}\n\t\t};\n\n\t\tif (this.fontColor != null) {\n\t\t\toptionsSettings.scales.yAxes[0].ticks.fontColor = this.fontColor;\n\t\t\toptionsSettings.scales.xAxes[0].ticks.fontColor = this.fontColor;\n\t\t\toptionsSettings.legend.labels.fontColor = this.fontColor;\n\t\t}\n\n\t\tthis.chartOptions = optionsSettings;\n\t}\n\n\tprivate setPieChartOptions(): void {\n\t\tlet options: chartjs.BaseOptions = {\n\t\t\tmaintainAspectRatio: false,\n\t\t\ttooltips: {\n\t\t\t\tdisplayColors: true,\n\t\t\t\tbodySpacing: 6,\n\t\t\t\tcallbacks: {\n\t\t\t\t\tlabel: (tooltip: chartjs.TooltipItem, data: any): string | string[] => {\n\t\t\t\t\t\tlet dataset = data.datasets[tooltip.datasetIndex];\n\t\t\t\t\t\tlet meta = dataset._meta[Object.keys(dataset._meta)[0]];\n\t\t\t\t\t\tlet total = meta.total;\n\t\t\t\t\t\tlet currentValue = dataset.data[tooltip.index];\n\t\t\t\t\t\tlet percentage = parseFloat((currentValue/total*100).toFixed(1));\n\t\t\t\t\t\treturn currentValue + ' (' + percentage + '%)';\n\t\t\t\t\t},\n\t\t\t\t\ttitle: function(tooltip: Array, data) {\n\t\t\t\t\t\treturn data.labels[tooltip[0].index];\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t},\n\t\t\tlegend: {\n\t\t\t\tposition: 'bottom',\n\t\t\t}\n\t\t};\n\n\t\tif (this.fontColor != null) {\n\t\t\toptions.legend.labels = { fontColor: this.fontColor};\n\t\t}\n\t\tthis.chartOptions = options;\n\t}\n\n\tprivate getDataLength(): number {\n\t\tif (!this.chartData || this.chartData === null || this.chartData === undefined || this.chartData.length <= 0\n\t\t\t|| !this.chartData[0].data || this.chartData[0] === null || this.chartData[0] === undefined)\n\t\t\treturn 0;\n\t\treturn this.chartData[0].data.length;\n\t}\n\n\tprivate rgba(colour: Array, alpha: number) {\n\t\treturn 'rgba(' + colour.concat(alpha).join(',') + ')';\n\t}\n\n\tprivate parseRgbaStr(s: string): Array {\n\t\ts = s.replace(/[^0-9,]+/g,'');\n\t\treturn s.split(',').map(parseFloat);\n\t}\n\n\tprivate attachWeekends(optionsSettings: chartjs.LineChartOptions) {\n\t\tif (this.startDate && this.endDate && (this.granularity == 'hour' || this.granularity == 'day')) {\n\t\t\tlet weekends = [], current = this.startDate.clone();\n\t\t\twhile (current.day(7).isBefore(this.endDate))\n\t\t\t\tweekends.push(current.clone().day(-1));\n\t\t\tlet annotations = [];\n\t\t\tfor (let i = 0; i < weekends.length; i++)\n\t\t\t\tif (this.chartType == 'lineTime')\n\t\t\t\t\tannotations.push(this.formatWeekendAnnotation(\n\t\t\t\t\t\tweekends[i].clone().startOf('day'),\n\t\t\t\t\t\tthis.granularity == 'day'\n\t\t\t\t\t\t\t? weekends[i].add(1, 'd').startOf('day')\n\t\t\t\t\t\t\t: weekends[i].add(1, 'd').endOf('day')\n\t\t\t\t\t));\n\t\t\t\telse if (this.chartType == 'bar')\n\t\t\t\t\tannotations.push(this.formatWeekendAnnotation(\n\t\t\t\t\t\tweekends[i].clone().startOf('day').toISOString(),\n\t\t\t\t\t\tweekends[i].add(2, 'd').startOf('day').toISOString()\n\t\t\t\t\t));\n\t\t\toptionsSettings.annotation = { drawTime: 'beforeDatasetsDraw', annotations: annotations };\n\t\t}\n\t}\n\n\tprivate formatWeekendAnnotation(xMin: any, xMax: any) {\n\t\treturn { xMin: xMin, xMax: xMax, type: 'box', xScaleID: 'x-axis-0', backgroundColor: this.gridColor };\n\t}\n}\n\n\n\n// WEBPACK FOOTER //\n// ./node_modules/angular-router-loader/src!./node_modules/angular2-template-loader!./node_modules/string-replace-loader??ref--0-3!./src/module/analytics/component/charts/chart.component.ts","import {\n\tAfterViewInit,\n\tChangeDetectorRef,\n\tComponent,\n\tElementRef,\n\tEventEmitter,\n\tInject,\n\tInput,\n\tOnChanges,\n\tOnDestroy,\n\tOutput,\n\tSimpleChanges,\n\tViewChild,\n} from '@angular/core';\nimport moment from 'moment';\n\nimport { ChartConfig, ChartConfigData } from './chart.component.config';\nimport { ChartConfigModel, ChartType, GranularityType } from './chart.model';\nimport { ChartScaleHelper } from './chart.scale.helper';\n\n@Component({\n\tselector: 'chart-realtime',\n\ttemplate: `
`,\n\tproviders: [{ provide: ChartConfig, useValue: ChartConfigData }, ChartScaleHelper]\n})\nexport class ChartRealtimeComponent implements AfterViewInit, OnChanges, OnDestroy {\n\t//Inputs\n\t@Input() pointRadius = 1;\n\t@Input() chartData: Array;\n\t@Input() chartLabels: Array;\n\t@Input() chartType: ChartType = 'line';\n\t@Input() fontColor: any = null;\n\t@Input() gridColor: any = null;\n\t@Input() chartHeight: string = '300px';\n\t//needed to calculate the scale settings\n\t//Outputs\n\t@Output() onChartClicked: EventEmitter<{ event: chartjs.Event, elements: Array }> =\n\tnew EventEmitter<{ event: chartjs.Event, elements: Array }>();\n\t@Output() onChartHovered: EventEmitter> = new EventEmitter>();\n\n\t@ViewChild('canvas', { read: ElementRef }) canvasElement: ElementRef;\n\n\tprivate chartOptions: chartjs.BaseOptions | chartjs.BaseOptions;\n\tprivate chartInstance: chartjs.Chart;\n\tprivate isAfterViewInit: boolean = false;\n\n\tconstructor(private cdr: ChangeDetectorRef,\n\t\tprivate chartScaleHelper: ChartScaleHelper,\n\t\t@Inject(ChartConfig) private config: ChartConfigModel) {\n\t}\n\n\tngAfterViewInit() {\n\t\tthis.isAfterViewInit = true;\n\t\tthis.createChart();\n\t}\n\n\tngOnChanges(changes: SimpleChanges) {\n\t\tif (this.isAfterViewInit)\n\t\t\tif ((changes['chartData'] && changes['chartData'] != undefined && changes['chartData'] != null) ||\n\t\t\t\t(changes['chartType'] && changes['chartType'] != undefined && changes['chartType'] != null\n\t\t\t\t\t&& this.chartData)) {\n\t\t\t\tthis.createChart();\n\t\t\t}\n\t}\n\n\tngOnDestroy() {\n\t\tthis.destroyChart();\n\t}\n\n\tdestroyChart() {\n\t\t//destroy chart.js instance to load again correctly\n\t\tif (this.chartInstance) {\n\t\t\tthis.chartInstance.destroy();\n\t\t\t// this.chartInstance.options = null;\n\t\t}\n\t}\n\n\tcreateChart() {\n\t\tif (!this.chartData)\n\t\t\treturn;\n\n\t\tthis.destroyChart();\n\t\t//default dataset settings\n\t\tthis.setChartSettingsAndOptions();\n\n\t\t// create chart.js configuration object\n\t\tlet conf = {\n\t\t\ttype: (this.chartType == 'lineTime' ? 'line' : this.chartType),\n\t\t\toptions: this.chartOptions,\n\t\t\tdata: {\n\t\t\t\tlabels: this.chartLabels,\n\t\t\t\tdatasets: this.chartData\n\t\t\t}\n\t\t};\n\n\t\t//create and initialize chart.js instance\n\t\tthis.chartInstance = new Chart(this.canvasElement.nativeElement.getContext('2d'), conf);\n\t}\n\n\tonChartTypeChange(chartType: ChartType): void {\n\t\tthis.chartType = chartType;\n\t\tthis.createChart();\n\t}\n\t//\n\tprivate setChartSettingsAndOptions(): void {\n\t\t//defaults to line chart\n\t\tswitch (this.chartType) {\n\t\t\tcase 'line':\n\t\t\t\tthis.setLineChartOptions();\n\t\t\t\tthis.setLineChartSettings();\n\t\t\t\tbreak;\n\t\t\tcase 'bar':\n\t\t\t\tthis.setBarChartOptions();\n\t\t\t\tthis.setBarChartSettings();\n\t\t\t\tbreak;\n\n\t\t\tdefault:\n\t\t\t\tconsole.warn('ChartComponent -> ChartType not defined or invalid!');\n\t\t\t\tbreak;\n\t\t}\n\t}\n\n\n\n\tprivate setLineChartSettings(): void {\n\t\tthis.chartData.forEach((item, index) => {\n\t\t\t//colors\n\t\t\tlet colors = this.config.datasetColors[index];\n\t\t\tlet chartItem = item;\n\t\t\tchartItem.backgroundColor = this.rgba(colors, 0.6);\n\t\t\tchartItem.borderColor = this.rgba(colors, 1);\n\t\t\tchartItem.hoverBackgroundColor = this.rgba(colors, 0.8);\n\t\t\tchartItem.hoverBorderColor = this.rgba(colors, 1);\n\t\t\t//settings\n\t\t\tchartItem.borderWidth = 2;\n\t\t\tchartItem.pointRadius = this.pointRadius;\n\t\t});\n\t}\n\n\tprivate setBarChartSettings(): void {\n\t\tthis.chartData.forEach((item, index) => {\n\t\t\t//colors\n\t\t\tlet colors = this.config.datasetColors[index];\n\t\t\tlet chartItem = item;\n\t\t\tchartItem.backgroundColor = this.rgba(colors, 0.6);\n\t\t\tchartItem.borderColor = this.rgba(colors, 1);\n\t\t\tchartItem.hoverBackgroundColor = this.rgba(colors, 0.8);\n\t\t\tchartItem.hoverBorderColor = this.rgba(colors, 1);\n\t\t\t//settings\n\t\t\tchartItem.borderWidth = 2;\n\t\t});\n\t}\n\n\tprivate setLineChartOptions(): void {\n\t\tlet optionsSettings: chartjs.LineChartOptions = {\n\t\t\tmaintainAspectRatio: false,\n\t\t\tanimation: false,\n\t\t\thover: {\n\t\t\t\tmode: 'x-axis'\n\t\t\t},\n\t\t\tscales: {\n\t\t\t\txAxes: [{\n\t\t\t\t\tgridLines: {\n\t\t\t\t\t\tdisplay: false\n\t\t\t\t\t},\n\t\t\t\t\tticks: {\n\t\t\t\t\t\tautoSkip: false,\n\t\t\t\t\t\tcallback: this.chartScaleHelper.makeTickLabelSamplingCallback(40)\n\t\t\t\t\t}\n\t\t\t\t}],\n\t\t\t\tyAxes: [{\n\t\t\t\t\tdisplay: true,\n\t\t\t\t\tticks: { suggestedMin: 0}\n\t\t\t\t}]\n\t\t\t},\n\t\t\ttooltips: {\n\t\t\t\tmode: 'x-axis',\n\t\t\t\tdisplayColors: true,\n\t\t\t\tbodySpacing: 6\n\t\t\t},\n\t\t\tlegend: {\n\t\t\t\tdisplay: false\n\t\t\t}\n\t\t};\n\n\t\tif (this.fontColor != null) {\n\t\t\toptionsSettings.scales.yAxes[0].ticks.fontColor = this.fontColor;\n\t\t\toptionsSettings.scales.xAxes[0].ticks.fontColor = this.fontColor;\n\t\t}\n\t\tif (this.gridColor != null) {\n\t\t\toptionsSettings.scales.xAxes[0].gridLines.color = this.gridColor;\n\t\t}\n\n\t\tthis.chartOptions = optionsSettings;\n\t}\n\n\tprivate setBarChartOptions(): void {\n\t\tlet optionsSettings: chartjs.BarChartOptions = {\n\t\t\tmaintainAspectRatio: false,\n\t\t\tanimation: false,\n\t\t\ttooltips: {\n\t\t\t\tmode: 'x-axis',\n\t\t\t\tdisplayColors: true,\n\t\t\t\tbodySpacing: 6,\n\t\t\t\tcallbacks: {\n\t\t\t\t\ttitle: (tooltip: Array, data: any): string | string[] => {\n\t\t\t\t\t\treturn '';\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t},\n\t\t\tscales: {\n\t\t\t\txAxes: [{\n\t\t\t\t\tstacked: (this.chartData[0].data.length > 10) ? true : false,\n\t\t\t\t\tgridLines: { display: false },\n\t\t\t\t\tticks: {\n\t\t\t\t\t\tautoSkip: false\n\t\t\t\t\t}\n\t\t\t\t}],\n\t\t\t\tyAxes: [{\n\t\t\t\t\tdisplay: true,\n\t\t\t\t\tticks: { suggestedMin: 0 }\n\t\t\t\t}]\n\t\t\t},\n\t\t\tlegend: {\n\t\t\t\tdisplay: false\n\t\t\t}\n\t\t};\n\t\tthis.chartOptions = optionsSettings;\n\t}\n\n\tprivate getDataLength(): number {\n\t\tif (!this.chartData || this.chartData === null || this.chartData === undefined || this.chartData.length <= 0\n\t\t\t|| !this.chartData[0].data || this.chartData[0] === null || this.chartData[0] === undefined)\n\t\t\treturn 0;\n\t\treturn this.chartData[0].data.length;\n\t}\n\n\tprivate rgba(colour: Array, alpha: number) {\n\t\treturn 'rgba(' + colour.concat(alpha).join(',') + ')';\n\t}\n\n\tprivate parseRgbaStr(s: string): Array {\n\t\ts = s.replace(/[^0-9,]+/g,'');\n\t\treturn s.split(',').map(parseFloat);\n\t}\n}\n\n\n// WEBPACK FOOTER //\n// ./node_modules/angular-router-loader/src!./node_modules/angular2-template-loader!./node_modules/string-replace-loader??ref--0-3!./src/module/analytics/component/charts/chart.realtime.component.ts","import { Component, OnInit, OnChanges, SimpleChanges, Input, Output, EventEmitter, ChangeDetectorRef } from '@angular/core';\nimport { GranularityType, ControlSize } from './chart.model';\n\n@Component({\n\tselector: 'chart-granularity',\n\ttemplate: `\n\t\t\n\t\t\t\n\t\t\t\t{{ 'ANALYTICS_AUDIENCE.WORD.HOUR' | translate:lang }}\n\t\t\t \n\n\t\t\t\n\t\t\t\t{{ 'ANALYTICS_AUDIENCE.WORD.DAY' | translate:lang }}\n\t\t\t \n\n\t\t\t\n\t\t\t\t{{ 'ANALYTICS_AUDIENCE.WORD.WEEK' | translate:lang }}\n\t\t\t \n\n\t\t\t\n\t\t\t\t{{ 'ANALYTICS_AUDIENCE.WORD.MONTH' | translate:lang }}\n\t\t\t \n\n\t\t\t\n\t\t\t\t{{ 'ANALYTICS_AUDIENCE.WORD.YEAR' | translate:lang }}\n\t\t\t \n\t\t
\n\t\t`,\n\tstyles: [\n\t\t'@media (max-width: 600px) { :host {display:none;} }'\n\t],\n})\nexport class ChartGranularityComponent implements OnChanges {\n\t//By default this component is enabled\n\t@Input() enable: boolean = true;\n\t@Input() types: Array;\n\t@Input() disabledTypes: Array;\n\t@Input() activeType: GranularityType;\n\t@Input('size') btnSize: ControlSize = 'md';\n\n\t@Output() onTypeChange: EventEmitter = new EventEmitter();\n\n\thourOption: boolean = false;\n\tdayOption: boolean = false;\n\tweekOption: boolean = false;\n\tmonthOption: boolean = false;\n\tyearOption: boolean = false;\n\n\thourEnable: boolean = true;\n\tdayEnable: boolean = true;\n\tweekEnable: boolean = true;\n\tmonthEnable: boolean = true;\n\tyearEnable: boolean = true;\n\n\tconstructor(private cdr: ChangeDetectorRef) { }\n\n\tngOnChanges(changes: SimpleChanges) {\n\t\tthis.setAvailableTypes();\n\t\tthis.setStates();\n\t\tthis.cdr.markForCheck();\n\t}\n\n\tonGranularityTypeChange(type: GranularityType): void {\n\t\tif (this.activeType !== type) {\n\t\t\tthis.activeType = type;\n\t\t\tif (this.onTypeChange)\n\t\t\t\tthis.onTypeChange.emit(this.activeType);\n\t\t}\n\t}\n\n\t//If 'all' is present, all granularity types will be shown\n\tprivate setAvailableTypes(): void {\n\t\tthis.hideAllOptions();\n\t\tif (this.types) {\n\t\t\tthis.types.every((ele: GranularityType) => {\n\t\t\t\tswitch (ele) {\n\t\t\t\t\tcase 'all':\n\t\t\t\t\t\tthis.showAllOptions();\n\t\t\t\t\t\treturn false;\n\t\t\t\t\tcase 'hour':\n\t\t\t\t\t\tthis.hourOption = true;\n\t\t\t\t\t\tbreak;\n\t\t\t\t\tcase 'day':\n\t\t\t\t\t\tthis.dayOption = true;\n\t\t\t\t\t\tbreak;\n\t\t\t\t\tcase 'week':\n\t\t\t\t\t\tthis.weekOption = true;\n\t\t\t\t\t\tbreak;\n\t\t\t\t\tcase 'month':\n\t\t\t\t\t\tthis.monthOption = true;\n\t\t\t\t\t\tbreak;\n\t\t\t\t\tcase 'year':\n\t\t\t\t\t\tthis.yearOption = true;\n\t\t\t\t\t\tbreak;\n\t\t\t\t\tdefault:\n\t\t\t\t\t\tbreak;\n\t\t\t\t}\n\t\t\t\treturn true;\n\t\t\t});\n\t\t}\n\t}\n\n\tprivate setStates(): void {\n\t\tthis.enableAllOptions();\n\t\tif (this.disabledTypes) {\n\t\t\tthis.disabledTypes.every((ele: GranularityType) => {\n\t\t\t\tswitch (ele) {\n\t\t\t\t\tcase 'all':\n\t\t\t\t\t\tthis.disableAllOptions();\n\t\t\t\t\t\treturn false;\n\t\t\t\t\tcase 'hour':\n\t\t\t\t\t\tthis.hourEnable = false;\n\t\t\t\t\t\tbreak;\n\t\t\t\t\tcase 'day':\n\t\t\t\t\t\tthis.dayEnable = false;\n\t\t\t\t\t\tbreak;\n\t\t\t\t\tcase 'week':\n\t\t\t\t\t\tthis.weekEnable = false;\n\t\t\t\t\t\tbreak;\n\t\t\t\t\tcase 'month':\n\t\t\t\t\t\tthis.monthEnable = false;\n\t\t\t\t\t\tbreak;\n\t\t\t\t\tcase 'year':\n\t\t\t\t\t\tthis.yearEnable = false;\n\t\t\t\t\t\tbreak;\n\t\t\t\t\tdefault:\n\t\t\t\t\t\tbreak;\n\t\t\t\t}\n\t\t\t\treturn true;\n\t\t\t});\n\t\t}\n\t}\n\n\tprivate hideAllOptions(): void {\n\t\tthis.hourOption = false;\n\t\tthis.dayOption = false;\n\t\tthis.weekOption = false;\n\t\tthis.monthOption = false;\n\t\tthis.yearOption = false;\n\t}\n\n\tprivate showAllOptions(): void {\n\t\tthis.hourOption = true;\n\t\tthis.dayOption = true;\n\t\tthis.weekOption = true;\n\t\tthis.monthOption = true;\n\t\tthis.yearOption = true;\n\t}\n\n\tprivate disableAllOptions(): void {\n\t\tthis.hourEnable = false;\n\t\tthis.dayEnable = false;\n\t\tthis.weekEnable = false;\n\t\tthis.monthEnable = false;\n\t\tthis.yearEnable = false;\n\t}\n\n\tprivate enableAllOptions(): void {\n\t\tthis.hourEnable = true;\n\t\tthis.dayEnable = true;\n\t\tthis.weekEnable = true;\n\t\tthis.monthEnable = true;\n\t\tthis.yearEnable = true;\n\t}\n\n}\n\n\n\n\n// WEBPACK FOOTER //\n// ./node_modules/angular-router-loader/src!./node_modules/angular2-template-loader!./node_modules/string-replace-loader??ref--0-3!./src/module/analytics/component/charts/chart.granularity.component.ts","import {\n\tAfterViewInit,\n\tChangeDetectorRef,\n\tComponent,\n\tElementRef,\n\tEventEmitter,\n\tInject,\n\tInput,\n\tOnChanges,\n\tOnDestroy,\n\tOutput,\n\tSimpleChanges,\n\tViewChild,\n} from '@angular/core';\nimport moment from 'moment';\n\nimport { ChartConfig, ChartConfigData } from './chart.component.config';\nimport { ChartConfigModel, ChartType, GranularityType } from './chart.model';\nimport { ChartScaleHelper } from './chart.scale.helper';\n\n@Component({\n\tselector: 'chart-categories',\n\ttemplate: `
`,\n\tproviders: [{ provide: ChartConfig, useValue: ChartConfigData }, ChartScaleHelper]\n})\nexport class ChartCategoriesComponent implements AfterViewInit, OnChanges, OnDestroy {\n\t//Inputs\n\t@Input() pointRadius = 1;\n\t@Input() chartData: Array;\n\t@Input() chartLabels: Array;\n\t@Input() fontColor: any = null;\n\t@Input() gridColor: any = null;\n\t@Input() chartHeight: string = '300px';\n\t//needed to calculate the scale settings\n\t//Outputs\n\t@Output() onChartClicked: EventEmitter<{ event: chartjs.Event, elements: Array }> =\n\tnew EventEmitter<{ event: chartjs.Event, elements: Array }>();\n\t@Output() onChartHovered: EventEmitter> = new EventEmitter>();\n\n\t@ViewChild('canvas', { read: ElementRef }) canvasElement: ElementRef;\n\n\tprivate chartOptions: chartjs.BaseOptions | chartjs.BaseOptions;\n\tprivate chartInstance: chartjs.Chart;\n\tprivate isAfterViewInit: boolean = false;\n\n\tconstructor(private cdr: ChangeDetectorRef,\n\t\tprivate chartScaleHelper: ChartScaleHelper,\n\t\t@Inject(ChartConfig) private config: ChartConfigModel) {\n\t}\n\n\tngAfterViewInit() {\n\t\tthis.isAfterViewInit = true;\n\t\tthis.createChart();\n\t}\n\n\tngOnChanges(changes: SimpleChanges) {\n\t\tif (this.isAfterViewInit)\n\t\t\tif ((changes['chartData'] && changes['chartData'] != undefined && changes['chartData'] != null) ||\n\t\t\t\tthis.chartData) {\n\t\t\t\tthis.createChart();\n\t\t\t}\n\t}\n\n\tngOnDestroy() {\n\t\tthis.destroyChart();\n\t}\n\n\tdestroyChart() {\n\t\t//destroy chart.js instance to load again correctly\n\t\tif (this.chartInstance) {\n\t\t\tthis.chartInstance.destroy();\n\t\t\t// this.chartInstance.options = null;\n\t\t}\n\t}\n\n\tcreateChart() {\n\t\tif (!this.chartData)\n\t\t\treturn;\n\n\t\tthis.destroyChart();\n\t\t//default dataset settings\n\t\tthis.setChartSettingsAndOptions();\n\n\t\t// create chart.js configuration object\n\t\tlet conf = {\n\t\t\ttype: 'bar',\n\t\t\toptions: this.chartOptions,\n\t\t\tdata: {\n\t\t\t\tlabels: this.chartLabels,\n\t\t\t\tdatasets: this.chartData\n\t\t\t}\n\t\t};\n\n\t\t//create and initialize chart.js instance\n\t\tthis.chartInstance = new Chart(this.canvasElement.nativeElement.getContext('2d'), conf);\n\t}\n\n\t//\n\tprivate setChartSettingsAndOptions(): void {\n\t\tthis.setBarChartOptions();\n\t\tthis.setBarChartSettings();\n\t}\n\n\tprivate setBarChartSettings(): void {\n\t\tthis.chartData.forEach((item, index) => {\n\t\t\t//colors\n\t\t\tlet colors = this.config.datasetColors[index];\n\t\t\tlet chartItem = item;\n\t\t\tchartItem.backgroundColor = this.rgba(colors, 0.6);\n\t\t\tchartItem.borderColor = this.rgba(colors, 1);\n\t\t\tchartItem.hoverBackgroundColor = this.rgba(colors, 0.8);\n\t\t\tchartItem.hoverBorderColor = this.rgba(colors, 1);\n\t\t\t//settings\n\t\t\tchartItem.borderWidth = 2;\n\t\t});\n\t}\n\n\tprivate setBarChartOptions(): void {\n\t\tlet optionsSettings: chartjs.BarChartOptions = {\n\t\t\tmaintainAspectRatio: false,\n\t\t\tanimation: false,\n\t\t\ttooltips: {\n\t\t\t\tmode: 'x-axis',\n\t\t\t\tdisplayColors: true,\n\t\t\t\tbodySpacing: 6,\n\t\t\t\tcallbacks: {\n\t\t\t\t\ttitle: (tooltip: Array, data: any): string | string[] => {\n\t\t\t\t\t\treturn '';\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t},\n\t\t\tscales: {\n\t\t\t\txAxes: [{\n\t\t\t\t\tstacked: (this.chartData[0].data.length > 10) ? true : false,\n\t\t\t\t\tgridLines: { display: false },\n\t\t\t\t\tticks: {\n\t\t\t\t\t\tautoSkip: false\n\t\t\t\t\t}\n\t\t\t\t}],\n\t\t\t\tyAxes: [{\n\t\t\t\t\tdisplay: true,\n\t\t\t\t\tticks: { suggestedMin: 0 }\n\t\t\t\t}]\n\t\t\t},\n\t\t\tlegend: {\n\t\t\t\tdisplay: true\n\t\t\t}\n\t\t};\n\t\tthis.chartOptions = optionsSettings;\n\t}\n\n\tprivate getDataLength(): number {\n\t\tif (!this.chartData || this.chartData === null || this.chartData === undefined || this.chartData.length <= 0\n\t\t\t|| !this.chartData[0].data || this.chartData[0] === null || this.chartData[0] === undefined)\n\t\t\treturn 0;\n\t\treturn this.chartData[0].data.length;\n\t}\n\n\tprivate rgba(colour: Array, alpha: number) {\n\t\treturn 'rgba(' + colour.concat(alpha).join(',') + ')';\n\t}\n\n\tprivate parseRgbaStr(s: string): Array {\n\t\ts = s.replace(/[^0-9,]+/g,'');\n\t\treturn s.split(',').map(parseFloat);\n\t}\n}\n\n\n// WEBPACK FOOTER //\n// ./node_modules/angular-router-loader/src!./node_modules/angular2-template-loader!./node_modules/string-replace-loader??ref--0-3!./src/module/analytics/component/charts/chart.categories.component.ts","import {\n\tChangeDetectorRef,\n\tComponent,\n\tEventEmitter,\n\tInput,\n\tOnChanges,\n\tOutput,\n\tSimpleChanges,\n} from '@angular/core';\n\nimport { ChartType, ControlSize } from './chart.model';\n\n@Component({\n\tselector: 'chart-picker',\n\ttemplate: `\n\t\t\n\t\t\t\n\t\t\t\t \n\n\t\t\t\n\t\t\t\t \n\n\t\t\t\n\t\t\t\t \n\n\t\t\t\n\t\t\t\t \n\n\t\t\t \n\t\t\t\t \n\t\t
`,\n\tstyles: [\n\t\t'@media (max-width: 600px) { :host {display:none;} }'\n\t],\n})\nexport class ChartPickerComponent implements OnChanges {\n\t@Input() enable: boolean = true;\n\t@Input() chartTypes: Array;\n\t@Input() activeType: ChartType;\n\t@Input() size: ControlSize = 'md';\n\n\t@Output() chartTypeChanged: EventEmitter = new EventEmitter();\n\n\tlineOption: boolean = false;\n\tlineTimeOption: boolean = false;\n\tbarOption: boolean = false;\n\tpieOption: boolean = false;\n\tdoughnutOption: boolean = false;\n\n\t//\n\tconstructor(private cdr: ChangeDetectorRef) {}\n\t//\n\tngOnChanges(changes: SimpleChanges) {\n\t\tthis.setActiveChartTypes();\n\t\tthis.cdr.markForCheck();\n\t}\n\t//\n\tonChartTypeChange(chartType: ChartType): void {\n\t\tif (chartType != this.activeType && this.chartTypeChanged) {\n\t\t\tthis.activeType = chartType;\n\t\t\tthis.chartTypeChanged.emit(chartType);\n\t\t\tthis.cdr.markForCheck();\n\t\t}\n\t}\n\t//\n\tprivate setActiveChartTypes(): void {\n\t\tthis.lineOption = false;\n\t\tthis.lineTimeOption = false;\n\t\tthis.barOption = false;\n\t\tthis.pieOption = false;\n\t\tthis.doughnutOption = false;\n\n\t\tif (this.chartTypes)\n\t\t\tthis.chartTypes.every((value: any) => {\n\t\t\t\tswitch (value) {\n\t\t\t\t\tcase 'all':\n\t\t\t\t\t\tthis.lineOption = true;\n\t\t\t\t\t\tthis.barOption = true;\n\t\t\t\t\t\tthis.pieOption = true;\n\t\t\t\t\t\treturn false;\n\t\t\t\t\tcase 'line':\n\t\t\t\t\t\tthis.lineOption = true;\n\t\t\t\t\t\tbreak;\n\t\t\t\t\tcase 'lineTime':\n\t\t\t\t\t\tthis.lineTimeOption = true;\n\t\t\t\t\t\tbreak;\n\t\t\t\t\tcase 'bar':\n\t\t\t\t\t\tthis.barOption = true;\n\t\t\t\t\t\tbreak;\n\t\t\t\t\tcase 'pie':\n\t\t\t\t\t\tthis.pieOption = true;\n\t\t\t\t\t\tbreak;\n\t\t\t\t\tcase 'doughnut':\n\t\t\t\t\t\tthis.pieOption = true;\n\t\t\t\t\t\tbreak;\n\t\t\t\t\tdefault:\n\t\t\t\t\t\tbreak;\n\t\t\t\t}\n\t\t\t\treturn true;\n\t\t\t});\n\t\tthis.cdr.markForCheck();\n\t}\n}\n\n\n\n\n// WEBPACK FOOTER //\n// ./node_modules/angular-router-loader/src!./node_modules/angular2-template-loader!./node_modules/string-replace-loader??ref--0-3!./src/module/analytics/component/charts/chart.picker.component.ts","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { FormsModule } from '@angular/forms';\nimport { HttpModule } from '@angular/http';\nimport { RouterModule, Routes } from '@angular/router';\nimport { LocalizationModule } from 'angular-l10n';\n\nimport { ChartComponent } from './chart.component';\nimport { ChartRealtimeComponent } from './chart.realtime.component';\nimport { ChartGranularityComponent } from './chart.granularity.component';\nimport { ChartCategoriesComponent } from './chart.categories.component';\nimport { ChartPickerComponent } from './chart.picker.component';\nimport { DateRangePickerComponent } from '../date-range-picker/daterangepicker.component';\n\n\nlet COMP = [\n\tChartComponent,\n\tChartRealtimeComponent,\n\tChartGranularityComponent,\n\tChartCategoriesComponent,\n\tChartPickerComponent,\n\tDateRangePickerComponent\n];\n\n@NgModule({\n\timports: [\n\t\tHttpModule,\n\t\tCommonModule,\n\t\tLocalizationModule,\n\t\tFormsModule,\n\t],\n\tdeclarations: COMP,\n\texports: COMP\n})\nexport class ChartModule { }\n\n\n\n// WEBPACK FOOTER //\n// ./node_modules/angular-router-loader/src!./node_modules/angular2-template-loader!./node_modules/string-replace-loader??ref--0-3!./src/module/analytics/component/charts/chart.module.ts","import { ChangeDetectionStrategy, Component, EventEmitter } from '@angular/core';\n\n@Component({\n\tselector: 'check-buttons',\n\tinputs: ['name', 'model', 'value', 'iconMap'],\n\toutputs: ['valueChange'],\n\tchangeDetection: ChangeDetectionStrategy.OnPush,\n\ttemplate: require('./check.buttons.component.html'),\n\tstyles: [require('./check.buttons.component.scss')]\n})\n\nexport class CheckButtonsComponent {\n\n\tname: string;\n\tmodel: string[];\n\ticonMap: { [key: string]: string; };\n\ticonMapKeys: string[];\n\tvalue: string[];\n\tvalueChange = new EventEmitter();\n\n\tconstructor() { }\n\n\ticon(item: string): { [key: string]: boolean; } | null {\n\t\tlet val: { [key: string]: boolean; } | null = null;\n\t\tif (this.iconMapKeys == null)\n\t\t\tthis.iconMapKeys = Object.keys(this.iconMap);\n\t\tlet idx = this.iconMapKeys.indexOf(item);\n\t\tif (idx > -1)\n\t\t\tval = { [this.iconMap[this.iconMapKeys[idx]]]: true };\n\t\treturn val;\n\t}\n\n\tclick(item: string) {\n\t\tif (this.value != null) {\n\t\t\tlet idx = this.value.indexOf(item);\n\n\t\t\tif (idx > -1)\n\t\t\t\tthis.value.splice(idx, 1);\n\t\t\telse\n\t\t\t\tthis.value.push(item);\n\n\t\t\tthis.valueChange.emit(this.value);\n\t\t}\n\t}\n\n\tisActive(item: string): boolean {\n\t\treturn this.value.indexOf(item) > - 1;\n\t}\n}\n\n\n\n// WEBPACK FOOTER //\n// ./node_modules/angular-router-loader/src!./node_modules/angular2-template-loader!./node_modules/string-replace-loader??ref--0-3!./src/module/form/check/check.buttons.component.ts","import { Directive, Input } from '@angular/core';\n\n@Directive({\n\tselector: '[ngModel][floatonly]',\n\thost: {\n\t\t'(keypress)': 'onlyDecimalNumberKey($event)'\n\t}\n})\nexport class InputFloatOnlyDirective {\n\n\t@Input() floatonly = true;\n\n\tconstructor() { }\n\n\tonlyDecimalNumberKey(event: KeyboardEvent) {\n\t\tif (!this.floatonly)\n\t\t\treturn true;\n\t\tlet charCode = (event.which) ? event.which : event.keyCode;\n\t\tif (charCode != 46 && charCode > 31 && (charCode < 48 || charCode > 57))\n\t\t\treturn false;\n\t\treturn true;\n\t}\n}\n\n\n// WEBPACK FOOTER //\n// ./node_modules/angular-router-loader/src!./node_modules/angular2-template-loader!./node_modules/string-replace-loader??ref--0-3!./src/module/form/directive/floatOnly.directive.ts","import { Directive, Input } from '@angular/core';\n\n@Directive({\n\tselector: '[ngModel][integeronly]',\n\thost: {\n\t\t'(keypress)': 'onlyNumberKey($event)'\n\t}\n})\nexport class InputIntegerOnlyDirective {\n\n\t@Input() integeronly = true;\n\n\tconstructor() { }\n\n\tonlyNumberKey(event: KeyboardEvent) {\n\t\tif (!this.integeronly)\n\t\t\treturn true;\n\t\treturn (event.charCode == 8 || event.charCode == 0) ? null : event.charCode >= 48 && event.charCode <= 57;\n\t}\n}\n\n\n// WEBPACK FOOTER //\n// ./node_modules/angular-router-loader/src!./node_modules/angular2-template-loader!./node_modules/string-replace-loader??ref--0-3!./src/module/form/directive/integerOnly.directive.ts","/**\n * Created by mthk on 22/06/16.\n */\nimport {Observable} from 'rxjs/Observable';\nimport {Subscription} from 'rxjs/Subscription';\nimport {Component, EventEmitter, Renderer2, ElementRef, ViewChild, SimpleChanges,\n\tOnChanges, OnDestroy} from '@angular/core';\nimport {DOMUtil} from '../../../util/dom.util';\n\nexport enum SearchComponentMode { INPUT, SEARCH, LIVE_SEARCH }\nexport enum SearchComponentState { NORMAL_STATE, CHOOSE_STATE }\n\nlet HTML = ''\n+ ''\n+ '';\n\nlet STYLE = ':host {}'\n\t+ '.dropdown-menu{z-index: 10000;width: 100%;text-align: center;}'\n\t+ '.dropdown-menu .dropdown-item {width: inherit;overflow: hidden;white-space: nowrap;height: 24px;'\n\t\t+ 'line-height: 24px;text-align: center;}'\n\t+ '.dropdown-menu .dropdown-item.selected a{ background: #edf0f5; }'\n\t+ 'input{border-top-color: #FFF !important;border-left-color: #FFF !important;border-right-color: #FFF !important;'\n\t\t+ 'border-radius: 0 !important;}'\n\t+ '.CHOOSE_STATE input{border-bottom-color: #455a64 !important; }.CHOOSE_STATE .input-icon{color: #455a64; }'\n\t+ '.NORMAL_STATE input{border-bottom-color: #e2e7eb; !important; }.NORMAL_STATE .input-icon{color: #e2e7eb; }'\n\t+ '.with-icon input{padding-left: 30px;}'\n\t+ '.with-clear input {padding-right: 25px;}'\n\t+ '.input-icon, .input-clear{position: absolute;top: 0;z-index: 4;display: block;width: 30px;'\n\t\t\t+ 'height: 30px;line-height: 30px;text-align: center;}'\n\t+ '.input-icon{left:0;}.input-clear{right: 0;}'\n\t+ '.input-clear:hover, .input-clear:focus { text-decoration: none !important; }';\n\n@Component({\n selector: 'search-component',\n host: {'[class.dropup]': 'up', '[class.dropdown]': '!up', '[class.open]': 'open', '(document:scroll)': 'scroll()'},\n template: HTML, styles: [STYLE],\n\tinputs: ['formatResult', 'icon', 'label', 'placeholder', 'showClear', 'mode', 'state', 'model',\n\t\t'tabindex', 'autofocus'],\n\toutputs: ['modelChange', 'onEnter', 'onBlur', 'onChoose']\n})\n\nexport class SearchComponent implements OnChanges, OnDestroy {\n\t\n\ticon: string;\n\tlabel: string;\n\tplaceholder: string;\n\tmodel: string | undefined;\n\tstate: SearchComponentState;\n\tmode: SearchComponentMode;\n\tformatResult: (result: any) => string;\n\tshowClear = true;\n\ttabindex = -1;\n\tautofocus = false;\n\tup: boolean;\n\tisOpen: boolean;\n\topen = false;\n\t@ViewChild('input') input: ElementRef;\n\t\n\t@ViewChild('list') list: ElementRef;\n\t\n\tmodelChange = new EventEmitter();\n\tonChoose = new EventEmitter();\n\tonEnter = new EventEmitter();\n\tprivate onBlur = new EventEmitter();\n\tprivate modes = SearchComponentMode;\n\tprivate firstModel: string | undefined;\n\tprivate results: string[] | null;\n\tprivate searchTimer: Subscription | null;\n\tprivate clearTimer: Subscription | null;\n\tprivate scrollTickId: number;\n\tprivate preloader = false;\n\tprivate notfound = false;\n\tprivate dropdownFocus = false;\n\tprivate selectedResult = 0;\n\t\n constructor(public element: ElementRef,\n\t\t\t\tprivate renderer: Renderer2) {\n \tthis.state = SearchComponentState.NORMAL_STATE;\n \tthis.mode = this.modes.INPUT;\n\t}\n\t//\n\tngOnChanges(changes: SimpleChanges) {\n\t\tif (changes.hasOwnProperty('model')) {\n\t\t\tif (changes['model'].isFirstChange())\n\t\t\t\tthis.firstModel = this.model;\n\t\t\tif (changes['model'].currentValue == null || changes['model'].currentValue == '') {\n\t\t\t\tif (this.state != SearchComponentState.NORMAL_STATE)\n\t\t\t\t\tthis.state = SearchComponentState.NORMAL_STATE;\n\t\t\t} else {\n\t\t\t\tif (this.state != SearchComponentState.CHOOSE_STATE)\n\t\t\t\t\tthis.state = SearchComponentState.CHOOSE_STATE;\n\t\t\t}\n\t\t}\n\t}\n //\n ngOnDestroy() {\n\t\tthis.close();\n\t\tthis.searchKill();\n\t\tthis.blurKill();\n\t\tif (!isNaN(this.scrollTickId))\n\t\t\twindow.cancelAnimationFrame(this.scrollTickId);\n\t\tthis.scrollTickId = NaN;\n }\n //\n\tonSearchNotFound() {\n\t\tthis.selectedResult = -1;\n\t\tthis.notfound = true;\n\t\tthis.results = null;\n\t}\n\t//\n\tonSearchFound(data: any) {\n\t\tthis.notfound = false;\n\t\tthis.results = data;\n\t}\n\t//\n\tonSearchSuccess() {\n\t\tthis.selectedResult = 0;\n\t\tthis.preloader = false;\n\t\tthis.scroll();\n\t}\n\t//\n\tonSearchFail() {\n\t\tthis.close();\n\t}\n\t//\n\tngStateClass() { return { [SearchComponentState[this.state]] : true }; }\n\tngIcon() { return {[this.icon]: true}; }\n\tscroll() {\n\t\tif (this.isOpen == true) {\n\t\t\tif (isNaN(this.scrollTickId)) {\n\t\t\t\tthis.scrollTickId = window.requestAnimationFrame(() => {\n\t\t\t\t\twindow.cancelAnimationFrame(this.scrollTickId);\n\t\t\t\t\tthis.scrollTickId = NaN;\n\t\t\t\t\tthis.checkUp();\n\t\t\t\t});\n\t\t\t}\n\t\t}\n\t}\n\tngChange(value: string) {\n\t\tif (this.model != value) {\n\t\t\tthis.model = value;\n\t\t\tif (this.mode == SearchComponentMode.INPUT) {\n\t\t\t\tthis.open = false;\n\t\t\t\t// this.isOpen = false;\n\t\t\t\tthis.modelChange.emit(this.model);\n\t\t\t} else if (this.mode == SearchComponentMode.SEARCH || this.mode == SearchComponentMode.LIVE_SEARCH) {\n\t\t\t\tthis.searchKill();\n\t\t\t\tthis.searchStart();\n\t\t\t}\n\t\t}\n\t}\n\t\n\t\n\tngBlur(e: FocusEvent) {\n\t\tDOMUtil.stopPropagation(e);\n\t\t////\n\t\tthis.onBlur.emit(this.model);\n\t\t////\n\t\tif (this.firstModel == null && this.model == null)\n\t\t\treturn;\n\t\t////\n\t\tthis.blurKill();\n\t\tif (this.open == true) {\n\t\t\tthis.clearTimer = Observable.timer(250).subscribe(() => {\n\t\t\t\tthis.blurKill();\n\t\t\t\tif (!this.dropdownFocus)\n\t\t\t\t\tthis.clear();\n\t\t\t\tthis.dropdownFocus = false;\n\t\t\t});\n\t\t}\n\t}\n\t\n\tngEnter(e: KeyboardEvent) {\n\t\tDOMUtil.stopPropagation(e);\n\t\tif (this.selectedResult > -1 && this.isOpen == true && this.results) {\n\t\t\tthis.ngChoose(this.results[this.selectedResult]);\n\t\t} else {\n\t\t\tthis.onEnter.emit(this.model);\n\t\t}\n\t}\n\t\n\tngArrowUp(e: KeyboardEvent) {\n\t\tif (this.list != null && this.selectedResult != null && this.results != null && this.results.length > 0) {\n\t\t\tDOMUtil.stopPropagation(e);\n\t\t\t//\n\t\t\tif (this.selectedResult > 0)\n\t\t\t\tthis.selectedResult--;\n\t\t\t//\n\t\t\tthis.renderer.setProperty(this.list.nativeElement,\n\t\t\t\t'scrollTop', this.list.nativeElement.scrollTop -= 30);\n\t\t}\n\t}\n\t\n\tngArrowDown(e: KeyboardEvent) {\n\t\tif (this.list != null && this.selectedResult != null && this.results != null && this.results.length > 0) {\n\t\t\tDOMUtil.stopPropagation(e);\n\t\t\t//\n\t\t\tif (this.selectedResult < this.results.length - 1)\n\t\t\t\tthis.selectedResult++;\n\t\t\t//\n\t\t\tthis.renderer.setProperty(this.list.nativeElement,\n\t\t\t\t'scrollTop', this.list.nativeElement.scrollTop += 30);\n\t\t}\n\t}\n\t\n\tprivate searchStart() {\n\t\tthis.searchTimer = Observable.timer(250).subscribe(() => {\n\t\t\tthis.searchKill();\n\t\t\tthis.notfound = false;\n\t\t\tthis.open = this.preloader = (this.mode == this.modes.LIVE_SEARCH);\n\t\t\t//this.isOpen = this.mode == this.modes.LIVE_SEARCH && this.open == true;\n\t\t\tthis.modelChange.emit(this.model);\n\t\t});\n\t}\n\t//\n\tprivate searchKill() {\n\t\tif (this.searchTimer != null && !this.searchTimer.closed)\n\t\t\tthis.searchTimer.unsubscribe();\n\t\tthis.searchTimer = null;\n\t}\n\t//\n private blurKill() {\n\t\tif (this.clearTimer != null && !this.clearTimer.closed)\n\t\t\tthis.clearTimer.unsubscribe();\n\t\tthis.clearTimer = null;\n\t}\n //\n private ngChoose(item: any) {\n\t\tif (item != null) {\n\t\t\tif (this.formatResult != null)\n\t\t\t\tthis.model = this.formatResult(item);\n\t\t\tthis.onChoose.emit(item);\n\t\t}\n\t\tthis.close();\n\t\tthis.dropdownFocus = true;\n }\n\t//\n\tprivate clear() {\n\t\tthis.state = SearchComponentState.NORMAL_STATE;\n\t\tthis.model = undefined;\n\t\tthis.modelChange.emit(this.model);\n\t\tthis.onChoose.emit(this.model);\n\t\tthis.close();\n\t}\n\t//\n\tprivate close() {\n\t\tif (this.open != false) {\n\t\t\tthis.dropdownFocus = false;\n\t\t\tthis.open = false;\n\t\t\tthis.isOpen = false;\n\t\t\tthis.preloader = false;\n\t\t\tthis.notfound = false;\n\t\t\tthis.results = null;\n\t\t\tthis.firstModel = undefined;\n\t\t}\n\t}\n\t\n\tprivate checkUp() {\n\t\tlet bcr = this.element.nativeElement.getBoundingClientRect();\n\t\tlet vph = document.body.clientHeight;\n\t\tthis.up = bcr.bottom + (bcr.height >> 1) > (vph >> 1);\n\t}\n\t\n}\n\n\n\n// WEBPACK FOOTER //\n// ./node_modules/angular-router-loader/src!./node_modules/angular2-template-loader!./node_modules/string-replace-loader??ref--0-3!./src/module/form/search/search.component.ts","import {Pipe, PipeTransform} from '@angular/core';\nimport {DropdownModel} from '../dropdown.model';\n\n@Pipe({name: 'dropdownListPipe'})\n\nexport class DropdownListPipe implements PipeTransform {\n\ttransform(value: DropdownModel[], selected?: DropdownModel): DropdownModel[] {\n\t\tif (selected == null)\n\t\t\treturn value;\n\t\treturn value.filter((i: DropdownModel) => { return i.value != selected.value; });\n }\n}\n\n\n\n// WEBPACK FOOTER //\n// ./node_modules/angular-router-loader/src!./node_modules/angular2-template-loader!./node_modules/string-replace-loader??ref--0-3!./src/module/form/dropdown/list/dropdown.list.pipe.ts","/**\n * Created by mthk on 29/10/16.\n */\nimport {trigger, state, style, transition, animate} from '@angular/core';\n\nexport const ShadowAnimation = trigger('ShadowAnimation', [\n\tstate('active', style({ boxShadow: '0px 2px 2px 0px rgba(0, 0, 0, 0.25)'})),\n\tstate('inactive', style({ boxShadow: 'none' })),\n\ttransition('inactive => active', animate('100ms ease-in')),\n\ttransition('active => inactive', animate('100ms ease-out'))\n]);\n\n\n\n// WEBPACK FOOTER //\n// ./node_modules/angular-router-loader/src!./node_modules/angular2-template-loader!./node_modules/string-replace-loader??ref--0-3!./src/module/form/dropdown/dropdown.animation.ts","/**\n * Created by mthk on 17/09/16.\n */\nimport {Component, EventEmitter, ElementRef, SimpleChanges, OnChanges, ChangeDetectionStrategy} from '@angular/core';\nimport {DropdownModel, DropdownListDirection} from './dropdown.model';\nimport {DOMUtil} from '../../../util/dom.util';\nimport {DropdownListPipe} from './list/dropdown.list.pipe';\nimport {ShadowAnimation} from './dropdown.animation';\n\n@Component({\n\tselector: 'dropdown',\n\thost: {\n\t\t'[class.active]': 'active',\n\t\t'[class.up]': 'direction==dirValue.up',\n\t\t'[class.down]': 'direction==dirValue.down',\n\t\t'(document:click)': 'documentClick($event)',\n\t\t'(document:scroll)': 'documentScroll()'\n\t},\n\tinputs: [\n\t\t'direction',\n\t\t'model',\n\t\t'value',\n\t\t'label',\n\t\t'disabled'\n\t],\n\toutputs: ['onSelect', 'valueChange'],\n\ttemplate: require('./dropdown.component.html'),\n\tstyles: [require('./dropdown.component.scss')],\n\tanimations: [ShadowAnimation],\n\tviewProviders: [DropdownListPipe],\n\tchangeDetection: ChangeDetectionStrategy.OnPush\n})\n\nexport class DropdownComponent implements OnChanges {\n\n\tmodel: DropdownModel[];\n\tlabel: string;\n\tactive = false;\n\tdisabled: boolean;\n\tselectedItem: DropdownModel;\n\tvalue: any;\n\tdirValue = DropdownListDirection;\n\tdirection = DropdownListDirection.down;\n\tonSelect = new EventEmitter();\n\tvalueChange = new EventEmitter();\n\t\n\tprivate selected = 0;\n\t\n\tconstructor(private element: ElementRef) {}\n\n\tngOnChanges(changes: SimpleChanges) {\n\t\tif (changes.hasOwnProperty('model') && this.model.length > 0) {\n\t\t\tthis.disabled = this.model.length < 2;\n\t\t\tthis.selectedItem = this.model[this.selected];\n\t\t}\n\t\t\n\t\tif (changes.hasOwnProperty('value') && (this.value !== null) && (this.model !== null)) {\n\t\t\tthis.selected = 0;\n\t\t\tfor (let i = 0, t = this.model.length; i < t; i++) {\n\t\t\t\tif (this.value.value === this.model[i].value) {\n\t\t\t\t\tthis.selected = i;\n\t\t\t\t\tbreak;\n\t\t\t\t}\n\t\t\t}\n\t\t\tthis.selectedItem = this.model[this.selected];\n\t\t}\n\t}\n\t/** direction class name */\n\t//directionClass(): BoolMap { return { ['direction-' + DropdownListDirection[this.direction]]: true }; }\n\t/** document click handler */\n\tdocumentClick(e: MouseEvent) {\n\t\tif (this.active == true && e != null && e.target != null && e.target instanceof Node\n\t\t\t&& !DOMUtil.isDescendant(this.element.nativeElement, e.target)) {\n\t\t\tDOMUtil.stopPropagation(e);\n\t\t\tthis.active = false;\n\t\t}\n\t}\n\t/** document scroll handler */\n\tdocumentScroll() {\n\t\tif (this.active == true)\n\t\t\tthis.active = false;\n\t}\n\t\n\tgetIcoCssClasses(o: any) {\n\t\treturn { [o.icon]: true };\n\t}\n\t\n\tonToggle() {\n\t\tthis.active = this.disabled ? false : !this.active;\n\t}\n\t\n\tselect(listItem: DropdownModel) {\n\t\tthis.selectedItem = listItem;\n\t\tthis.active = false;\n\t\tthis.valueChange.emit(listItem.value);\n\t\tthis.onSelect.emit(this.selectedItem);\n\t}\n}\n\n\n\n// WEBPACK FOOTER //\n// ./node_modules/angular-router-loader/src!./node_modules/angular2-template-loader!./node_modules/string-replace-loader??ref--0-3!./src/module/form/dropdown/dropdown.component.ts","/**\n * Created by mthk on 17/09/16.\n */\nimport {\n\tComponent, EventEmitter, ElementRef, ViewChild, OnDestroy, ChangeDetectionStrategy, Renderer2\n} from '@angular/core';\nimport {Subscription} from 'rxjs/Subscription';\nimport {DropdownListPipe} from './dropdown.list.pipe';\nimport {DropdownModel, DropdownListDirection} from '../dropdown.model';\nimport {DOMUtil} from '../../../../util/dom.util';\nimport {ShadowAnimation} from '../dropdown.animation';\n\n@Component({\n\tselector: 'dropdown-list',\n\thost: {'(document:keydown)': 'documentKeyDown($event)'},\n\tinputs: ['direction', 'model', 'selected'],\n\toutputs: ['onSelect'],\n\tchangeDetection: ChangeDetectionStrategy.OnPush,\n\ttemplate: require('./dropdown.list.component.html'),\n\tstyles: [require('./dropdown.list.component.scss')],\n\tanimations: [ShadowAnimation]\n})\n\nexport class DropdownListComponent implements OnDestroy {\n\t\n\tmodel: DropdownModel[];\n\tselected: DropdownModel;\n\tdirection: DropdownListDirection;\n\tselectedListIdx = -1;\n\tonSelect = new EventEmitter();\n\t@ViewChild('list') list: ElementRef;\n\tprivate initTimer: Subscription | null;\n\t\n\t/** constructor */\n\t\n\tconstructor(private pipe: DropdownListPipe, private renderer: Renderer2) { }\n\tngAfterViewInit() {\n\t\tif (this.direction == DropdownListDirection.up)\n\t\t\tthis.renderer.setStyle(this.list.nativeElement,\n\t\t\t\t'top', (-(this.list.nativeElement.getBoundingClientRect().height)) + 'px');\n\t\telse\n\t\t\tthis.renderer.setStyle(this.list.nativeElement, 'top', 'initial');\n\t}\n\t\n\tngOnDestroy() {\n\t\tif (this.initTimer != null)\n\t\t\tthis.initTimer.unsubscribe();\n\t\tthis.initTimer = null;\n\t}\n\t/** direction class name */\n\t//directionClass(): BoolMap { return { ['direction-' + DropdownListDirection[this.direction]]: true }; }\n\t/** click select handler */\n\tselect(item: DropdownModel) {\n\t\tthis.selected = item;\n\t\tthis.onSelect.emit(this.selected);\n\t}\n\t/** template icon */\n\ticonClasses(o: any) { return { [o.icon]: true }; }\n\t/** document kye down handler */\n\tdocumentKeyDown(e: KeyboardEvent) {\n\t\tDOMUtil.stopPropagation(e);\n\t\tswitch (e.key) {\n\t\t\tcase 'ArrowUp':\n\t\t\t\tthis.arrowUp();\n\t\t\t\tbreak;\n\t\t\tcase 'ArrowDown':\n\t\t\t\tthis.arrowDown();\n\t\t\t\tbreak;\n\t\t\tcase 'Enter':\n\t\t\t\tthis.enter();\n\t\t\t\tbreak;\n\t\t\tdefault:\n\t\t\t\treturn;\n\t\t}\n\t\treturn;\n\t}\n\t/** keyboard arrow up handler */\n\tprivate arrowUp() {\n\t\tif (this.selectedListIdx > 0)\n\t\t\tthis.selectedListIdx--;\n\t\telse\n\t\t\tthis.selectedListIdx = this.model.length - 2;\n\t}\n\t/** keyboard arrow down handler */\n\tprivate arrowDown() {\n\t\tif (this.selectedListIdx < this.model.length - 2)\n\t\t\tthis.selectedListIdx++;\n\t\telse\n\t\t\tthis.selectedListIdx = 0;\n\t}\n\t/** keyboard enter handler */\n\tprivate enter() {\n\t\tif (this.model != null && this.selected != null && this.selectedListIdx > -1) {\n\t\t\tlet items = this.pipe.transform(this.model, this.selected);\n\t\t\tthis.select(items[this.selectedListIdx]);\n\t\t}\n\t}\n}\n\n\n\n// WEBPACK FOOTER //\n// ./node_modules/angular-router-loader/src!./node_modules/angular2-template-loader!./node_modules/string-replace-loader??ref--0-3!./src/module/form/dropdown/list/dropdown.list.component.ts","/**\n * Created by mthk on 07/08/16.\n */\nimport { ChangeDetectionStrategy, Component, EventEmitter } from '@angular/core';\n\n@Component({\n\tselector: 'image-grid',\n\ttemplate: require('./image.grid.component.html'),\n\tstyles: [require('./image.grid.component.scss')],\n\tinputs: [\n 'name',\n\t\t'value',\n\t\t'values',\n\t\t'urlParser',\n\t\t'placeholder'\n\t],\n\toutputs: [\n\t\t'valueChange'\n\t],\n\tchangeDetection: ChangeDetectionStrategy.OnPush\n})\n\nexport class ImageGridComponent {\n\t\n\tname: string;\n\tplaceholder: string;\n urlParser: (v: string) => string;\n values: any[];\n value = '';\n\tvalueChange = new EventEmitter();\n\n\tgetImageClass(value: string) {\n return {\n [this.name + '-' + value]: true,\n 'active': this.value == value\n };\n }\n\n onClick(val: string) {\n this.value = val;\n this.valueChange.emit(this.value);\n }\n}\n\n\n\n// WEBPACK FOOTER //\n// ./node_modules/angular-router-loader/src!./node_modules/angular2-template-loader!./node_modules/string-replace-loader??ref--0-3!./src/module/form/grid/image/image.grid.component.ts","/**\n * Created by mthk on 07/08/16.\n */\nimport {\n\tChangeDetectionStrategy,\n\tChangeDetectorRef,\n\tComponent,\n\tElementRef,\n\tEventEmitter,\n\tRenderer2,\n\tSimpleChanges,\n\tViewChild,\n} from '@angular/core';\n\nexport interface EditableFieldsetComponentEvent { value: any | boolean; source: any; }\n\n@Component({\n\tselector: 'editable-input',\n\thost: {\n\t\t'[class.on]': 'active',\n\t\t'[class.off]': '!active',\n\t\t'[class.over]': 'isOver'\n\t},\n\ttemplate: '' +\n\t\t'();\n\tprivate activeChange = new EventEmitter();\n\tprivate focusChange = new EventEmitter();\n\tprivate blurChange = new EventEmitter();\n\tprivate keyupChange = new EventEmitter();\n\tprivate enterUpChange = new EventEmitter();\n\tprivate escapeUpChange = new EventEmitter();\n\tprivate minSize = 32;\n\n\n\tconstructor(private renderer: Renderer2, private cdr: ChangeDetectorRef) { }\n\n\tngOnChanges(changes: SimpleChanges) {\n\t\tif (changes.hasOwnProperty('value') || changes.hasOwnProperty('placeholder')) {\n\t\t\tlet s = this.value ? (this.value + '').length + 2\n\t\t\t\t: this.placeholder ? this.placeholder.length + 2 : null;\n\n\t\t\tif (s && s != this.size)\n\t\t\t\tthis.size = s > this.minSize ? s : this.minSize;\n\n\t\t\tthis.cdr.markForCheck();\n\t\t}\n\t}\n\n\topen() {\n\t\tthis.input.nativeElement.focus();\n\t\tthis.cdr.markForCheck();\n\t}\n\n\tfocus(e: FocusEvent) {\n\t\tif (this.active == false) {\n\t\t\tthis.active = true;\n\t\t\tthis.cdr.markForCheck();\n\t\t\t// this.tooltip.hide();\n\t\t\tthis.activeChange.emit(this.active);\n\t\t\tthis.focusChange.emit({ value: this.value, source: e });\n\t\t}\n\t}\n\n\tblur(e: FocusEvent) {\n\t\tif (this.active == true) {\n\t\t\tthis.active = false;\n\t\t\tthis.cdr.markForCheck();\n\t\t\tthis.activeChange.emit(this.active);\n\t\t\tthis.blurChange.emit({ value: this.value, source: e });\n\t\t}\n\t}\n\n\tkeyup(e: KeyboardEvent) {\n\t\tthis.keyupChange.emit({ value: this.value, source: e });\n\t}\n\n\tkeyupEnter(e: KeyboardEvent) {\n\t\tthis.enterUpChange.emit({ value: this.value, source: e });\n\t}\n\n\tkeyupEscape(e: KeyboardEvent) {\n\t\tthis.escapeUpChange.emit({ value: this.value, source: e });\n\t}\n\n\tchange() {\n\t\tthis.valueChange.emit(this.value);\n\t}\n\n\tclose() {\n\t\tthis.input.nativeElement.blur();\n\t}\n\n\tover() {\n\t\tif (this.isOver != true)\n\t\t\tthis.isOver = true;\n\t}\n\n\tout() {\n\t\tif (this.isOver != false)\n\t\t\tthis.isOver = false;\n\t}\n}\n\n\n\n// WEBPACK FOOTER //\n// ./node_modules/angular-router-loader/src!./node_modules/angular2-template-loader!./node_modules/string-replace-loader??ref--0-3!./src/module/form/input/editable.input.component.ts","/**\n * Created by tkwiatek on 4/13/16.\n */\nimport {Component, ElementRef, EventEmitter, ViewChild} from '@angular/core';\nimport {DOMUtil} from '../../../../util/dom.util';\n\n@Component({\n selector: 'data-list',\n host: {\n\t\t// '(document:click)': 'documentClick($event)',\n\t\t// '(mouseover)': 'over=true;', '(mouseout)': 'over=false;',\n\t\t// '[class.empty]': 'value?.length==0',\n\t\t// '[class.active]': 'active',\n\t\t// '[class.on]': 'over',\n\t\t// '[class.off]': '!over'\n },\n template: require('./data.list.component.html'),\n\t// compiled from scss\n\tstyles: [require('./data.list.component.scss')],\n inputs: [\n\t\t// 'active', 'name', 'placeholder', \n\t\t'value'\n\t],\n outputs: [\n\t\t// 'search', \n\t\t'valueChange',\n\t\t// 'tagsChange'\n\t]\n})\n\nexport class DataListComponent {\n\t//\n\t// @ViewChild(SearchComponent) input: SearchComponent;\n //@Input()\n // active: boolean;\n // name: string;\n // placeholder: string;\n\tcolumns: string[];\n\tover = false;\n\tprivate _value: any[];\n\tset value(val: any[]) {\n\t\tif (val != null && val.length > 0)\n\t\t\tthis.columns = Object.keys(val[0]);\n\t\tthis._value = val;\n\t}\n\tget value(): any[] {\n\t\treturn this._value;\n\t}\n // private tags: string[];\n //@Output()\n // private tagsChange = new EventEmitter();\n private valueChange = new EventEmitter();\n // private search = new EventEmitter();\n // private cantClose: boolean;\n\t//\n\t// private model: string;\n\t// private mode: SearchComponentMode;\n\t//\n constructor(private element: ElementRef) {\n\t\t// this.mode = SearchComponentMode.LIVE_SEARCH;\n\t}\n //\n\t// onSearchNotFound() {\n\t\t// if (this.input != null)\n\t\t\t// this.input.onSearchNotFound();\n\t// }\n\t// onSearchFound(data: any) {\n\t\t// if (this.input != null)\n\t\t\t// this.input.onSearchFound(data);\n\t// }\n\t//\n\t// onSearchSuccess() {\n\t// \tif (this.input != null)\n\t// \t\tthis.input.onSearchSuccess();\n\t// }\n\t// onSearchFail() {\n\t// \tif (this.input != null)\n\t// \t\tthis.input.onSearchFail();\n\t// }\n\t//\n\tdocumentClick(e: MouseEvent) {\n\t\tif (e != null && e.target != null && e.target instanceof Node) {\n\t\t\tif (DOMUtil.isDescendant(this.element.nativeElement, e.target))\n\t\t\t\tthis.open();\n\t\t\telse\n\t\t\t\tthis.close();\n\t\t}\n\t}\n\t//\n\t// onRemove(i: number) {\n\t// \tif (i < this.value.length) {\n\t// \t\tthis.cantClose = true;\n\t// \t\tthis.value.splice(i , 1);\n\t// \t\tthis.valueChange.emit(this.value);\n\t// \t}\n\t// }\n\t//\n\t// onNew(tag: string) {\n\t// \tif (tag != null || tag != '') {\n\t// \t\tthis.cantClose = true;\n\t// \t\tthis.addValue(tag);\n\t// \t\tthis.model = null;\n\t// \t}\n\t// }\n\t//\n\t// onChange(e: any) {\n\t// \tif (e != null && e.hasOwnProperty('key')) {\n\t// \t\tthis.cantClose = true;\n\t// \t\tthis.addValue(e.key);\n\t// \t\tthis.model = null;\n\t// \t}\n\t// }\n\t//\n\tprivate open() {\n\t\t// if (this.active != true) {\n\t\t// \tthis.active = true;\n\t\t// \tthis.over = true;\n\t\t// }\n\t}\n\t//\n\tprivate close() {\n\t\t// if (this.active != false) {\n\t\t// \tif (this.input != null) {\n\t\t// \t\tif (this.cantClose == false) {\n\t\t// \t\t\tthis.active = false;\n\t\t// \t\t\tthis.over = false;\n\t\t// \t\t}\n\t\t// \t\tthis.cantClose = false;\n\t\t// \t} else {\n\t\t// \t\tthis.active = false;\n\t\t// \t\tthis.over = false;\n\t\t// \t}\n\t\t// }\n\t}\n\t//\n\tprivate addValue(v: string) {\n\t\t// if (this.value != null && this.value.indexOf(v) < 0) {\n\t\t// \tthis.value.push(v);\n\t\t// \tthis.valueChange.emit(this.value);\n\t\t// }\n\t}\n\t//\n\tprivate formatResult(result: any) {\n\t\t// if (result != null && result.hasOwnProperty('key'))\n\t\t// \treturn result.key;\n\t};\n}\n\n\n\n// WEBPACK FOOTER //\n// ./node_modules/angular-router-loader/src!./node_modules/angular2-template-loader!./node_modules/string-replace-loader??ref--0-3!./src/module/form/list/data/data.list.component.ts","/**\n * Created by mthk on 02/08/16.\n */\nexport class MathUtil {\n\tstatic truncUp(float: number): number {\n\t\treturn (float % 1 !== 0) ? ~~(float + 1) : float;\n\t}\n\tstatic trunc(float: number): number {\n\t\treturn ~~(float);\n\t}\n\tstatic min(v1: number, v2: number): number {\n\t\treturn v1 < v2 ? v1 : v2;\n\t}\n\tstatic max(v1: number, v2: number): number {\n\t\treturn v1 > v2 ? v1 : v2;\n\t}\n}\n\n\n\n// WEBPACK FOOTER //\n// ./node_modules/angular-router-loader/src!./node_modules/angular2-template-loader!./node_modules/string-replace-loader??ref--0-3!./src/util/math.util.ts","/**\n * Created by mthk on 01/10/16.\n */\nimport {Subject} from 'rxjs/Subject';\nimport {Observable} from 'rxjs/Observable';\nimport {Injectable} from '@angular/core';\nimport {PaginationModel} from './pagination.model';\n\n@Injectable()\nexport class PaginationService {\n\t//\n\tmodel: PaginationModel;\n\t//\n\tshowStream$: Observable;\n\temitStream$: Observable;\n\tresetStream$: Observable;\n\t//\n\tshowSubject = new Subject();\n\temitSubject = new Subject();\n\tresetSubject = new Subject();\n\t//\n\tconstructor() {\n\t\tthis.showStream$ = this.showSubject.asObservable();\n\t\tthis.emitStream$ = this.emitSubject.asObservable();\n\t\tthis.resetStream$ = this.resetSubject.asObservable();\n\t}\n\tshow(data: PaginationModel) {\n\t\tthis.model = data;\n\t\tconsole.warn('[>]PAG.show', data);\n\t\tthis.showSubject.next(this.model);\n\t}\n\temit() {\n\t\tif (this.model != null) {\n\t\t\tconsole.warn('[>]PAG.emit', this.model);\n\t\t\tthis.emitSubject.next(this.model);\n\t\t}\n\t}\n\treset() {\n\t\tif (this.model != null) {\n\t\t\tthis.model.actual = 1;\n\t\t\tconsole.warn('[>]PAG.reset');\n\t\t\tthis.resetSubject.next({});\n\t\t}\n\t}\n}\n\n\n\n// WEBPACK FOOTER //\n// ./node_modules/angular-router-loader/src!./node_modules/angular2-template-loader!./node_modules/string-replace-loader??ref--0-3!./src/module/form/pagination/pagination.service.ts","/**\n * Created by mthk on 24/03/16.\n */\nimport {Component, ChangeDetectorRef, ChangeDetectionStrategy, ElementRef, HostListener, OnDestroy,\n\tOnInit, AfterViewChecked, ViewChildren, QueryList} from '@angular/core';\nimport {Observable} from 'rxjs/Observable';\nimport {Subscription} from 'rxjs/Subscription';\nimport {MathUtil} from '../../../../util/math.util';\nimport {DropdownModel} from '../../dropdown/dropdown.model';\nimport {PaginationService} from '../pagination.service';\n\n\n@Component({\n selector: 'pagination-btns',\n\thost: { '[class.dropdownMode]': 'dropdownMode' },\n\tchangeDetection: ChangeDetectionStrategy.OnPush,\n template: require('./pagination.buttons.component.html'),\n\tstyles: [require('./pagination.buttons.component.scss')]\n})\n\nexport class PaginationButtonsComponent implements OnInit, AfterViewChecked, OnDestroy {\n\t\n\tdropdownMode = false;\n\t@ViewChildren('button') btns: QueryList;\n\t//\n private visible = false;\n private pagesData: number[];\n\t//\n\tprivate showPrevBtn = false;\n\tprivate showNextBtn = false;\n\tprivate showPrevPortionBtn = false;\n\tprivate showNextPortionBtn = false;\n\t//\n\t\n\tprivate dropdownModel: DropdownModel[];\n\tprivate beforeDropdownWidth: number;\n\t//\n\tprivate initTimer: Subscription | null;\n\t//\n\tconstructor(private element: ElementRef, private cdr: ChangeDetectorRef, private service: PaginationService) {}\n //\n\tngOnInit() {\n\t\tthis.collectPageData();\n\t\tthis.checkButtons();\n\t\tif (this.initTimer != null)\n\t\t\tthis.initTimer.unsubscribe();\n\t\tthis.initTimer = Observable.timer(1).take(1).subscribe(() => this.checkSize());\n\t}\n\tngAfterViewChecked() {\n\t\tif (this.initTimer != null)\n\t\t\tthis.initTimer.unsubscribe();\n\t\tthis.initTimer = Observable.timer(1).take(1).subscribe(() => this.checkSize());\n\t}\n\tngOnDestroy() {\n\t\tif (this.initTimer != null)\n\t\t\tthis.initTimer.unsubscribe();\n\t\tthis.initTimer = null;\n\t}\n\t//\n\treset() {\n\t\tif (this.service.model) {\n\t\t\tthis.service.model.portion.start = 0;\n\t\t\tthis.service.model.portion.actual = 0;\n\t\t}\n\t\tthis.collectPageData();\n\t\tthis.checkButtons();\n\t\tthis.checkSize();\n\t\tthis.cdr.markForCheck();\n\t}\n\t//\n\t@HostListener('window:resize') checkSize() {\n\t\tif (this.btns != null) {\n\t\t\tlet hostW = (this.element.nativeElement).getBoundingClientRect().width, total = 0;\n\t\t\tthis.btns.forEach((b: ElementRef) => total += b.nativeElement.getBoundingClientRect().width);\n\t\t\tif (total > hostW)\n\t\t\t\tthis.dropdownOn(total);\n\t\t\telse if (hostW > this.beforeDropdownWidth)\n\t\t\t\tthis.dropdownOff();\n\t\t}\n\t\tthis.visible = true;\n\t\tthis.cdr.markForCheck();\n\t}\n\t//\n\tprivate dropdownOn(total: number) {\n\t\tthis.dropdownMode = true;\n\t\tthis.beforeDropdownWidth = total;\n\t\tthis.dropdownModel = [];\n\t\tif (this.service.model != null) {\n\t\t\tfor (let i = 0; i < this.service.model.portion.total; i++)\n\t\t\t\tthis.dropdownModel.push({value: i + 1, label: 'strona #' + (i + 1)});\n\t\t}\n\t}\n\tprivate dropdownOff() {\n\t\tthis.dropdownMode = false;\n\t\tthis.beforeDropdownWidth = NaN;\n\t\tthis.dropdownModel = [];\n\t}\n\tprivate dropdownSelectPage(page: DropdownModel) {\n\t\tif (this.service.model) {\n\t\t\tif (this.service.model.actual != page.value) {\n\t\t\t\tthis.service.model.actual = page.value;\n\t\t\t\tthis.service.emit();\n\t\t\t\tthis.checkButtons();\n\t\t\t}\n\t\t}\n\t}\n\t\t//\n\tprivate prevPage() {\n\t\tif (this.service.model) {\n\t\t\tlet newActive = this.service.model.actual - 1;\n\t\t\tif (newActive <= this.service.model.portion.start)\n\t\t\t\tthis.prevPortion();\n\t\t\tif (this.service.model.actual != newActive) {\n\t\t\t\tthis.service.model.actual = newActive;\n\t\t\t\tthis.service.emit();\n\t\t\t\tthis.checkButtons();\n\t\t\t}\n\t\t}\n\t}\n\t//\n\tprivate nextPage() {\n\t\tif (this.service.model) {\n\t\t\tlet newActive = this.service.model.actual + 1;\n\t\t\tif (newActive > this.service.model.portion.total)\n\t\t\t\tthis.nextPortion();\n\t\t\tif (this.service.model.actual != newActive) {\n\t\t\t\tthis.service.model.actual = newActive;\n\t\t\t\tthis.service.emit();\n\t\t\t\tthis.checkButtons();\n\t\t\t}\n\t\t}\n\t}\n\t//\n\tprivate prevPortion() {\n\t\tif (this.service.model != null) {\n\t\t\tthis.service.model.portion.actual--;\n\t\t\tthis.service.model.portion.start = this.service.model.portion.start - this.service.model.portion.size;\n\t\t\tthis.collectPageData();\n\t\t\tthis.checkButtons();\n\t\t\tthis.click(this.pagesData[0]);\n\t\t}\n\t}\n\tprivate nextPortion() {\n\t\tif (this.service.model != null) {\n\t\t\tthis.service.model.portion.actual++;\n\t\t\tthis.service.model.portion.start = this.service.model.portion.start + this.service.model.portion.size;\n\t\t\tthis.collectPageData();\n\t\t\tthis.checkButtons();\n\t\t\tthis.click(this.pagesData[0]);\n\t\t}\n\t}\n\t//\n\tprivate click(page: number) {\n\t\tif (this.service.model) {\n\t\t\tif (page != null) {\n\t\t\t\tthis.service.model.actual = page;\n\t\t\t\tthis.service.emit();\n\t\t\t\tthis.checkButtons();\n\t\t\t}\n\t\t}\n\t}\n\t//\n\tprivate collectPageData() {\n\t\tif (this.service.model) {\n\t\t\tthis.pagesData = [];\n\t\t\tthis.service.model.portion.size = MathUtil.min(this.service.model.size, this.service.model.max);\n\t\t\tthis.service.model.portion.length = MathUtil.truncUp(this.service.model.total / this.service.model.size);\n\t\t\tthis.service.model.portion.total =\n\t\t\t\tMathUtil.min(this.service.model.portion.size + this.service.model.portion.start,\n\t\t\t\t\tthis.service.model.portion.length);\n\t\t\tfor (let i = this.service.model.portion.start; i < this.service.model.portion.total; i++)\n\t\t\t\tthis.pagesData.push((i + 1));\n\t\t}\n\t}\n\t//\n\tprivate checkButtons() {\n\t\t//\n\t\tif (this.service.model) {\n\t\t\tlet changed = false;\n\t\t\t// <\n\t\t\tlet pb = this.service.model.actual > 1;\n\t\t\tif (this.showPrevBtn != pb) {\n\t\t\t\tthis.showPrevBtn = pb;\n\t\t\t\tchanged = true;\n\t\t\t}\n\t\t\t// <<<\n\t\t\tlet ppb = this.service.model.portion.actual > 0;\n\t\t\tif (this.showPrevPortionBtn != ppb) {\n\t\t\t\tthis.showPrevPortionBtn = ppb;\n\t\t\t\tchanged = true;\n\t\t\t}\n\t\t\t// >>>\n\t\t\tlet npb =\n\t\t\t\tthis.service.model.portion.start + this.service.model.portion.size < this.service.model.portion.length;\n\t\t\tif (this.showNextPortionBtn != npb) {\n\t\t\t\tthis.showNextPortionBtn = npb;\n\t\t\t\tchanged = true;\n\t\t\t}\n\t\t\t// >\n\t\t\tlet nb = this.service.model.actual < this.service.model.portion.length;\n\t\t\tif (this.showNextBtn != nb) {\n\t\t\t\tthis.showNextBtn = nb;\n\t\t\t\tchanged = true;\n\t\t\t}\n\t\t\t//\n\t\t\tif (changed)\n\t\t\t\tthis.cdr.markForCheck();\n\t\t}\n\t}\n}\n\n\n\n// WEBPACK FOOTER //\n// ./node_modules/angular-router-loader/src!./node_modules/angular2-template-loader!./node_modules/string-replace-loader??ref--0-3!./src/module/form/pagination/buttons/pagination.buttons.component.ts","/**\n * Created by mthk on 30/08/16.\n */\nimport {Component, ChangeDetectorRef, ChangeDetectionStrategy, ViewChild} from '@angular/core';\nimport {MathUtil} from '../../../../util/math.util';\nimport {PaginationService} from '../pagination.service';\nimport {PaginationButtonsComponent} from '../buttons/pagination.buttons.component';\n\n@Component({\n\tselector: 'pagination-bar',\n\ttemplate: require('./pagination.bar.component.html'),\n\tstyles: [require('./pagination.bar.component.scss')],\n\tchangeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class PaginationBarComponent {\n\t\n\t@ViewChild(PaginationButtonsComponent) buttons: PaginationButtonsComponent;\n\t\n\tconstructor(\n\t\tpublic service: PaginationService,\n\t\tprivate cdr: ChangeDetectorRef) {\n\t\tthis.service.showStream$.subscribe(() => {\n\t\t\tthis.cdr.markForCheck();\n\t\t});\n\t\tthis.service.resetStream$.subscribe(() => {\n\t\t\t\n\t\t\tif (this.buttons != null)\n\t\t\t\tthis.buttons.reset();\n\t\t\tthis.cdr.markForCheck();\n\t\t});\n\t}\n\t\n\tget formatActivePage() {\n\t\treturn (this.service.model.actual - 1) * this.service.model.size;\n\t}\n\t\n\tget formatPageMax() {\n\t\tlet v = this.formatActivePage + this.service.model.size;\n\t\treturn v < this.service.model.total ? v : this.service.model.total;\n\t}\n\t\n\tget formatTotalPages() {\n\t\treturn MathUtil.truncUp(this.service.model.total / this.service.model.size);\n\t}\n\t\n}\n\n\n\n// WEBPACK FOOTER //\n// ./node_modules/angular-router-loader/src!./node_modules/angular2-template-loader!./node_modules/string-replace-loader??ref--0-3!./src/module/form/pagination/bar/pagination.bar.component.ts","/**\n * Created by mthk on 30/08/16.\n */\nimport {Component, ChangeDetectionStrategy} from '@angular/core';\nimport {DropdownModel, DropdownListDirection} from '../../dropdown/dropdown.model';\nimport {PaginationService} from '../pagination.service';\n\n@Component({\n\tselector: 'pagination-size',\n\tchangeDetection: ChangeDetectionStrategy.OnPush,\n\ttemplate: ''\n\t\t+ ' {{min}} '\n\t\t+ ' {{value}} '\n\t\t+ ' {{max}} '\n\t+ '
',\n\t// compiled from scss\n\tstyles: [require('./rangeslider.component.scss')],\n\tchangeDetection: ChangeDetectionStrategy.OnPush\n})\n\nexport class RangesliderComponent {\n\t\n\t@ViewChild('input') input: ElementRef;\n\tshowLabels = true;\n\t@HostBinding('class.disabled') disabled = false;\n\tvalue: number;\n\tmin: number;\n\tmax: number;\n\tstep: number;\n\tvalueChange = new EventEmitter();\n\tonBlur = new EventEmitter();\n\tonMouseUp = new EventEmitter();\n\t\n\tconstructor() {}\n\t\n\tngChange(value: number) {\n\t\tthis.value = value;\n\t\tthis.valueChange.next(this.value);\n\t}\n\n\tngBlur(value: number) {\n\t\tthis.value = value;\n\t\tthis.onBlur.emit(this.value);\n\t}\n\n\tngMouseUp(value: number) {\n\t\tthis.value = value;\n\t\tthis.onMouseUp.emit(this.value);\n\t}\n}\n\n\n\n// WEBPACK FOOTER //\n// ./node_modules/angular-router-loader/src!./node_modules/angular2-template-loader!./node_modules/string-replace-loader??ref--0-3!./src/module/form/rangeslider/rangeslider.component.ts","import { Component, OnInit, Output, Input, EventEmitter } from '@angular/core';\n\n@Component({\n\tselector: 'singlechoice-input',\n\ttemplate: require('./singlechoice.input.component.html'),\n\tstyles: [require('./singlechoice.input.component.scss')],\n})\n\nexport class SinglechoiceInputComponent {\n\n\t@Input() name: string;\n\t@Input() model: string;\n\t@Input() value: string | null;\n\t@Output() valueChange = new EventEmitter();\n\t\n\tconstructor() { }\n\n\tisItemChecked(item: string): boolean {\n\t\treturn this.value == item;\n\t}\n\n\tonChange(item: string, enable: boolean) {\n\t\tthis.value = (enable) ? item : null;\n\t\tthis.valueChange.emit(this.value);\n\t}\n}\n\n\n\n// WEBPACK FOOTER //\n// ./node_modules/angular-router-loader/src!./node_modules/angular2-template-loader!./node_modules/string-replace-loader??ref--0-3!./src/module/form/singlechoice/singlechoice.input.component.ts","import {\n\tChangeDetectionStrategy,\n\tChangeDetectorRef,\n\tComponent,\n\tEventEmitter,\n\tOnChanges,\n\tSimpleChanges\n} from '@angular/core';\n\nexport type SwitchLabel = { on: string; off: string; };\n\nlet HTML = ''\n\t+ '{{labelLeft[checked?\\'on\\':\\'off\\']}} '\n\t+ '{{labelRight[checked?\\'on\\':\\'off\\']}} ';\n\nlet STYLE = '' +\n\t':host {cursor: pointer;}' +\n\t':host span {vertical-align: top;}' +\n\t':host .switch-label {font-size:inherit;color: inherit;white-space: nowrap;padding:0;}' +\n\t':host .switch {display: inline-block;position: relative;background: #fff;border: 1px solid #dfdfdf;' +\n\t'box-sizing: content-box;overflow: visible;padding: 0;margin: 0;box-shadow: rgb(223, 223, 223) 0 0 0 0 inset;' +\n\t'transition: 0.3s ease-out all;-webkit-transition: 0.3s ease-out all;}' +\n\t':host .switch small {background: #fff;border-radius: 100%;box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);' +\n\t'position: absolute;top: 0;left: 0;transition: 0.3s ease-out all;-webkit-transition: 0.3s ease-out all;}' +\n\n\t':host.large .switch-label {height: 42px;line-height: 42px;}' +\n\t':host.large .switch {width: 66px;height: 40px;line-height: 40px;border-radius: 40px;}' +\n\t':host.large .switch small {width: 40px;height: inherit;}' +\n\n\t':host.medium .switch-label {height: 32px;line-height: 32px;}' +\n\t':host.medium .switch {width: 50px;height: 30px;line-height: 30px;border-radius: 30px;}' +\n\t':host.medium .switch small {width: 30px;height: inherit;}' +\n\n\t':host.small .switch-label {height: 22px;line-height: 22px;}' +\n\t':host.small .switch {width: 33px;height: 20px;line-height: 20px;border-radius: 20px;}' +\n\t':host.small .switch small {width: 20px;height: inherit;}' +\n\n\t':host.xsmall .switch-label {height: 14px;line-height: 14px;}' +\n\t':host.xsmall .switch {width: 25px;height: 12px;line-height: 12px;border-radius: 12px;}' +\n\t':host.xsmall .switch small {width: 12px;height: inherit;}' +\n\n\t':host.checked .switch {background: #FAD600;border-color: #FAD600;}' +\n\t':host.large.checked .switch small {left: 26px;}' +\n\t':host.medium.checked .switch small {left: 20px;}' +\n\t':host.small.checked .switch small {left: 13px;}' +\n\t':host.xsmall.checked .switch small {left: 12px;}' +\n\t':host.disabled {opacity: .50;cursor: not-allowed;}';\n\n@Component({\n\tselector: 'switch',\n\thost: {\n\t\t'(click)': 'onToggle()',\n\t\t'[class.disabled]': 'disabled',\n\t\t'[class.checked]': 'checked',\n\t\t'[class.large]': 'size === \"large\"',\n\t\t'[class.medium]': 'size === \"medium\"',\n\t\t'[class.small]': 'size === \"small\"',\n\t\t'[class.xsmall]': 'size === \"xsmall\"'\n\t},\n\ttemplate: HTML,\n\tstyles: [STYLE],\n\tinputs: ['checked', 'disabled', 'size', 'labelLeft', 'labelRight'],\n\toutputs: ['checkedChange'],\n\tchangeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class SwitchComponent implements OnChanges {\n\n\tchecked: boolean;\n\tdisabled: boolean;\n\tsize: 'large' | 'medium' | 'small' | 'xsmall' = 'medium';\n\tlabelLeft: SwitchLabel | null;\n\tlabelRight: SwitchLabel | null;\n\tcheckedChange = new EventEmitter();\n\n\tconstructor(private cdr: ChangeDetectorRef) { }\n\n\tngOnChanges(changes: SimpleChanges) {\n\t\tif (\n\t\t\tchanges.hasOwnProperty('checked')\n\t\t\t|| changes.hasOwnProperty('disabled')\n\t\t\t|| changes.hasOwnProperty('size')\n\t\t\t|| changes.hasOwnProperty('labelLeft')\n\t\t\t|| changes.hasOwnProperty('labelRight')\n\t\t) {\n\t\t\tthis.cdr.markForCheck();\n\t\t}\n\t}\n\n\tonToggle() {\n\t\tif (this.disabled)\n\t\t\treturn;\n\t\t// this.checked = !this.checked;\n\t\tthis.checkedChange.emit(!this.checked);\n\t\tthis.cdr.markForCheck();\n\t}\n}\n\n\n\n// WEBPACK FOOTER //\n// ./node_modules/angular-router-loader/src!./node_modules/angular2-template-loader!./node_modules/string-replace-loader??ref--0-3!./src/module/form/switch/switch.component.ts","import { Injectable } from '@angular/core';\nimport { Observable } from 'rxjs/Observable';\nimport { Subject } from 'rxjs/Subject';\n\n/**\n * Created by mthk on 05/11/16.\n */\n@Injectable()\nexport class UploadFileService {\n\n\tprivate file: File | null;\n\tprivate data: string | null;\n\tprivate reader: FileReader | null;\n\tprivate readSubject: Subject | null;\n\tprivate readStream$: Observable | null;\n\n\tconstructor() { }\n\n\taddFile(f: File, onComplete: (data: any) => void) {\n\t\tthis.destroy();\n\t\tthis.readSubject = new Subject();\n\t\tthis.readStream$ = this.readSubject.asObservable();\n\t\tthis.readStream$.subscribe((data: any) => onComplete(data));\n\t\tthis.file = f;\n\t\tthis.readFile();\n\t}\n\n\treadFile() {\n\t\tif (this.file) {\n\t\t\tthis.reader = new FileReader();\n\t\t\tthis.reader.addEventListener('load', this.loadedFile, false);\n\t\t\tthis.reader.readAsDataURL(this.file);\n\t\t}\n\t}\n\n\tdestroy() {\n\t\tif (this.readSubject != null)\n\t\t\tthis.readSubject.unsubscribe();\n\t\tthis.readSubject = null;\n\t\tthis.readStream$ = null;\n\t\tthis.file = null;\n\t\tthis.data = null;\n\t\tif (this.reader != null) {\n\t\t\tthis.reader.abort();\n\t\t\tthis.reader.removeEventListener('load', this.loadedFile);\n\t\t}\n\t}\n\n\tprivate loadedFile = () => {\n\t\tif (this.reader) {\n\t\t\tthis.data = this.reader.result;\n\t\t\tif (this.readSubject)\n\t\t\t\tthis.readSubject.next(this.data);\n\t\t\tthis.reader = null;\n\t\t}\n\t}\n\n\t/**\n\tresize (img: any, MAX_WIDTH:number = 900, MAX_HEIGHT:number = 900) {\n\t\tlet canvas = document.createElement(\"canvas\");\n\t\tconsole.log(\"Size Before: \" + img.src.length + \" bytes\");\n\t\tlet width = img.width;\n\t\tlet height = img.height;\n\t\tif (width > height) {\n\t\t\tif (width > MAX_WIDTH) {\n\t\t\t\theight *= MAX_WIDTH / width;\n\t\t\t\twidth = MAX_WIDTH;\n\t\t\t}\n\t\t} else {\n\t\t\tif (height > MAX_HEIGHT) {\n\t\t\t\twidth *= MAX_HEIGHT / height;\n\t\t\t\theight = MAX_HEIGHT;\n\t\t\t}\n\t\t}\n\t\tcanvas.width = width;\n\t\tcanvas.height = height;\n\t\tlet ctx = canvas.getContext(\"2d\");\n\t\t\n\t\tctx.drawImage(img, 0, 0, width, height);\n\t\t\n\t\tlet dataUrl = canvas.toDataURL('image/jpeg');\n\t\t// IMPORTANT: 'jpeg' NOT 'jpg'\n\t\tconsole.log(\"Size After: \" + dataUrl.length + \" bytes\");\n\t\treturn dataUrl\n\t}\n\t*/\n}\n\n\n\n// WEBPACK FOOTER //\n// ./node_modules/angular-router-loader/src!./node_modules/angular2-template-loader!./node_modules/string-replace-loader??ref--0-3!./src/module/form/upload/file/upload.file.service.ts","/**\n * Created by tkwiatek on 4/13/16.\n */\nimport {Component, ViewChild, ElementRef, Renderer2, OnDestroy, ChangeDetectorRef, EventEmitter} from '@angular/core';\nimport {DOMUtil} from '../../../../util/dom.util';\nimport {UploadFileService} from './upload.file.service';\n\n@Component({\n selector: 'upload-file',\n host: {\n\t\t'[class.hover]': 'isDragOver',\n \t'(dragover)': 'onDragOver($event)',\n \t'(dragleave)': 'onDragLeave($event)',\n \t'(drop)': 'onDrop($event)'\n\t},\n\toutputs: ['fileChange'],\n\tviewProviders: [UploadFileService],\n template: require('./upload.file.component.html'),\n\t// compiled from scss\n styles: [require('./upload.file.component.scss')]\n})\n\nexport class UploadFileComponent implements OnDestroy {\n\t\n\tfileChange: EventEmitter = new EventEmitter();\n\tfileData: any | null;\n\tfileMessage: string | null;\n\tisDragOver = false;\n\t@ViewChild('browse') browse: ElementRef;\n\t@ViewChild('preview') preview: ElementRef;\n\t\n\t\n constructor(private renderer: Renderer2, private service: UploadFileService, private cdr: ChangeDetectorRef) {}\n ngOnDestroy() {\n \tthis.service.destroy();\n\t}\n\t\n\tonDragOver(e: DragEvent): boolean {\n\t\tDOMUtil.stopPropagation(e);\n\t\tthis.isDragOver = true;\n\t\treturn false;\n\t}\n\t\n\tonDragLeave(e: DragEvent): boolean {\n\t\tDOMUtil.stopPropagation(e);\n\t\tthis.isDragOver = false;\n\t\treturn false;\n\t}\n\t\n\tonDrop(e: DragEvent): boolean {\n\t\tDOMUtil.stopPropagation(e);\n\t\tif (e && e.dataTransfer && e.dataTransfer.files && e.dataTransfer.files.length > 0)\n\t\t\tthis.addFile(e.dataTransfer.files.item(0));\n\t\treturn false;\n\t}\n\t\n\tonBrowse(e: MouseEvent): boolean {\n\t\tDOMUtil.stopPropagation(e);\n\t\tif (this.browse)\n\t\t\tthis.browse.nativeElement.click();\n\t\telse\n\t\t\tthrow new Error('No `browse` element in upload.image.component');\n\t\treturn false;\n\t}\n\t\n\tonFileBrowse() {\n\t\tif (this.browse && this.browse.nativeElement && this.browse.nativeElement.files\n\t\t\t&& this.browse.nativeElement.files.length > 0)\n\t\t\tthis.addFile(this.browse.nativeElement.files.item(0));\n\t}\n\t\n\tonRemove() {\n\t\tif (this.browse && this.browse.nativeElement)\n\t\t\tthis.renderer.setProperty(this.browse.nativeElement, 'value', null);\n\t\tthis.service.destroy();\n\t\tthis.previewData(null);\n\t}\n\t\n\tprivate addFile(file: File) {\n\t\tthis.service.addFile(file, (data: string) => this.previewData(data));\n\t}\n\t\n\tprivate previewData(data: any | null) {\n\t\tthis.fileData = data;\n\t\tif (this.fileData != null)\n\t\t\tthis.renderer.addClass(this.preview.nativeElement, 'visible');\n\t\telse\n\t\t\tthis.renderer.removeClass(this.preview.nativeElement, 'visible');\n\t\tthis.fileMessage = 'fileMessage';\n\t\tthis.cdr.markForCheck();\n\t\tthis.fileChange.emit(data);\n\t}\n}\n\n\n\n// WEBPACK FOOTER //\n// ./node_modules/angular-router-loader/src!./node_modules/angular2-template-loader!./node_modules/string-replace-loader??ref--0-3!./src/module/form/upload/file/upload.file.component.ts","import { Injectable } from '@angular/core';\nimport { Observable } from 'rxjs/Observable';\nimport { Subject } from 'rxjs/Subject';\n\n/**\n * Created by mthk on 05/11/16.\n */\n@Injectable()\nexport class UploadImageService {\n\n\tprivate file: File | null;\n\tprivate data: string | null;\n\tprivate reader: FileReader | null;\n\tprivate readSubject: Subject | null;\n\tprivate readStream$: Observable | null;\n\tprivate resampleSubject: Subject | null;\n\tprivate resampleStream$: Observable | null;\n\n\tconstructor() { }\n\n\taddBase64(base64: string, onComplete: (data: any) => void) {\n\t\tthis.destroy();\n\t\tthis.readSubject = new Subject();\n\t\tthis.readStream$ = this.readSubject.asObservable();\n\t\tthis.readStream$.subscribe((data: any) => onComplete(data));\n\t\tthis.data = base64;\n\t\tthis.readSubject.next(this.data);\n\t\tthis.reader = null;\n\t}\n\n\taddFile(f: File, onComplete: (data: any) => void) {\n\t\tthis.destroy();\n\t\tthis.readSubject = new Subject();\n\t\tthis.readStream$ = this.readSubject.asObservable();\n\t\tthis.readStream$.subscribe((data: any) => onComplete(data));\n\t\tthis.file = f;\n\t\tthis.readFile();\n\t}\n\n\treadFile() {\n\t\tif (this.file) {\n\t\t\tthis.reader = new FileReader();\n\t\t\tthis.reader.addEventListener('load', this.loadedFile, false);\n\t\t\tthis.reader.readAsDataURL(this.file);\n\t\t}\n\t}\n\n\tdestroy() {\n\t\tif (this.readSubject != null)\n\t\t\tthis.readSubject.unsubscribe();\n\t\tthis.readSubject = null;\n\t\tthis.readStream$ = null;\n\t\tif (this.resampleSubject != null)\n\t\t\tthis.resampleSubject.unsubscribe();\n\t\tthis.resampleSubject = null;\n\t\tthis.resampleStream$ = null;\n\t\tthis.file = null;\n\t\tthis.data = null;\n\t\tif (this.reader != null) {\n\t\t\tthis.reader.abort();\n\t\t\tthis.reader.removeEventListener('load', this.loadedFile);\n\t\t}\n\t\tthis.reader = null;\n\t}\n\n\tresample(imageData: string, percentValue: number = 1, minWidth?: number, minHeight?: number) {\n\t\tif (this.resampleSubject != null)\n\t\t\tthis.resampleSubject.unsubscribe();\n\t\tthis.resampleSubject = new Subject();\n\t\tthis.resampleStream$ = this.resampleSubject.asObservable();\n\t\tlet image: HTMLImageElement = document.createElement('img');\n\t\timage.onload = (e: Event) => {\n\t\t\t// console.time('resample');\n\t\t\tlet canvas = document.createElement('canvas');\n\t\t\tlet percent = percentValue / 100;\n\t\t\tlet newW = (image.width * percent) | 0;\n\t\t\tlet newH = (image.width * percent) | 0;\n\t\t\tif (minWidth != null)\n\t\t\t\tnewW = newW < minWidth ? minWidth : newW;\n\t\t\tif (minHeight != null)\n\t\t\t\tnewH = newH < minHeight ? minHeight : newH;\n\n\t\t\tif (image.width > image.height) {\n\t\t\t\tif (image.width > newW) {\n\t\t\t\t\timage.height *= newW / image.width;\n\t\t\t\t\timage.width = newW;\n\t\t\t\t}\n\t\t\t} else {\n\t\t\t\tif (image.height > newH) {\n\t\t\t\t\timage.width *= newH / image.height;\n\t\t\t\t\timage.height = newH;\n\t\t\t\t}\n\t\t\t}\n\t\t\tcanvas.width = image.width;\n\t\t\tcanvas.height = image.height;\n\t\t\tlet ctx = canvas.getContext('2d');\n\t\t\tif (ctx)\n\t\t\t\tctx.drawImage(image, 0, 0, image.width, image.height);\n\t\t\tlet data = canvas.toDataURL();\n\t\t\tif (this.resampleSubject)\n\t\t\t\tthis.resampleSubject.next(data);\n\t\t\t// console.timeEnd('resample');\n\t\t};\n\t\timage.src = imageData;\n\t\treturn this.resampleStream$;\n\t}\n\n\tprivate loadedFile = () => {\n\t\tif (this.reader) {\n\t\t\tthis.data = this.reader.result;\n\t\t\tif (this.readSubject)\n\t\t\t\tthis.readSubject.next(this.data);\n\t\t\tthis.reader = null;\n\t\t}\n\t}\n}\n\n\n\n// WEBPACK FOOTER //\n// ./node_modules/angular-router-loader/src!./node_modules/angular2-template-loader!./node_modules/string-replace-loader??ref--0-3!./src/module/form/upload/image/upload.image.service.ts","/**\n * Created by tkwiatek on 4/13/16.\n */\nimport {Component, ViewChild, ElementRef, Renderer2, OnDestroy, ChangeDetectorRef, EventEmitter,\n\t\tSimpleChanges} from '@angular/core';\nimport {DOMUtil} from '../../../../util/dom.util';\nimport {UploadImageService} from './upload.image.service';\n\n@Component({\n\tselector: 'upload-image',\n\thost: {\n\t\t'[class.hover]': 'isDragOver',\n\t\t'(dragover)': 'onDragOver($event)',\n\t\t'(dragleave)': 'onDragLeave($event)',\n\t\t'(drop)': 'onDrop($event)'\n\t},\n\tinputs: ['imageData', 'resample', 'minWidth', 'minHeight', 'maxWidth', 'maxHeight', 'maxFileSize'],\n\toutputs: ['imageChange', 'maxSizeCallback'],\n\tviewProviders: [UploadImageService],\n\ttemplate: require('./upload.image.component.html'),\n\tstyles: [require('./upload.image.component.scss')]\n})\n\nexport class UploadImageComponent implements OnDestroy {\n\n\timageChange: EventEmitter = new EventEmitter();\n\toriginalImageData: any | null;\n\toriginalImageWidth: number | null;\n\timageData: any | null;\n\tisDragOver = false;\n\tresample = false;\n\tresampleSizeValue = 100;\n\tminWidth: number | null;\n\tminHeight: number | null;\n\tmaxWidth: number | null;\n\tmaxHeight: number | null;\n\tmaxFileSize: number | null;\n\tmaxSizeCallback: EventEmitter = new EventEmitter();\n\n\t@ViewChild('browse') browse: ElementRef;\n\t@ViewChild('preview') preview: ElementRef;\n\n\tconstructor(private renderer: Renderer2, private service: UploadImageService, private cdr: ChangeDetectorRef) {}\n\n\tngAfterViewInit() {\n\t\tif (this.imageData != null)\n\t\t\tthis.service.addBase64(this.imageData, (data: string) => this.previewData(data));\n\t}\n\n\tngOnDestroy() {\n\t\tthis.service.destroy();\n\t}\n\n\tonDragOver(e: DragEvent): boolean {\n\t\tDOMUtil.stopPropagation(e);\n\t\tthis.isDragOver = true;\n\t\treturn false;\n\t}\n\n\tonDragLeave(e: DragEvent): boolean {\n\t\tDOMUtil.stopPropagation(e);\n\t\tthis.isDragOver = false;\n\t\treturn false;\n\t}\n\n\tonDrop(e: DragEvent): boolean {\n\t\tDOMUtil.stopPropagation(e);\n\t\tif (e && e.dataTransfer && e.dataTransfer.files && e.dataTransfer.files.length > 0)\n\t\t\tthis.addFile(e.dataTransfer.files.item(0));\n\t\treturn false;\n\t}\n\n\tonChange(e: MouseEvent): boolean {\n\t\tthis.originalImageData = null;\n\t\tthis.originalImageWidth = null;\n\t\tthis.resampleSizeValue = 100;\n\t\tthis.onBrowse(e);\n\t\treturn false;\n\t}\n\n\tonBrowse(e: MouseEvent): boolean {\n\t\tDOMUtil.stopPropagation(e);\n\t\tif (this.browse)\n\t\t\tthis.browse.nativeElement.click();\n\t\telse\n\t\t\tthrow new Error('No `browse` element in upload.image.component');\n\t\treturn false;\n\t}\n\n\tonFileBrowse() {\n\t\tif (this.browse && this.browse.nativeElement && this.browse.nativeElement.files\n\t\t\t&& this.browse.nativeElement.files.length > 0) {\n\t\t\tthis.addFile(this.browse.nativeElement.files.item(0));\n\t\t}\n\t}\n\n\tonRemove() {\n\t\tthis.imageData = null;\n\t\tthis.originalImageData = null;\n\t\tthis.originalImageWidth = null;\n\t\tthis.resampleSizeValue = 100;\n\t\tif (this.browse && this.browse.nativeElement)\n\t\t\tthis.renderer.setProperty(this.browse.nativeElement, 'value', null);\n\t\tthis.service.destroy();\n\t\tthis.previewData(null);\n\t\tthis.cdr.markForCheck();\n\t}\n\n\tonResampleImage(percentValue: number) {\n\t\tthis.resampleSizeValue = percentValue;\n\t\tif (this.minWidth && this.minHeight)\n\t\t\tthis.service.resample(this.originalImageData, this.resampleSizeValue, this.minWidth, this.minHeight)\n\t\t\t\t.subscribe((data: string) => this.previewData(data));\n\t}\n\n\tonResamplePreview(percentValue: number) {\n\t\tthis.resampleSizeValue = percentValue;\n\t\tlet p = percentValue / 100;\n\t\tif (this.originalImageWidth != null && this.minWidth) {\n\t\t\tlet w = (this.originalImageWidth * p) | 0;\n\t\t\tthis.renderer.setStyle(this.preview.nativeElement, 'width', (w < this.minWidth ? this.minWidth : w) + 'px');\n\t\t} else {\n\t\t\tthis.renderer.setStyle(this.preview.nativeElement, 'width', 'null');\n\t\t}\n\t}\n\n\tprivate addFile(file: File) {\n\t\tthis.service.addFile(file, (data: string) => this.previewData(data));\n\t}\n\n\tprivate previewData(data: any | null) {\n\t\tlet imageFileSize = this.getImageFileSize(data);\n\t\tlet removeOnImageLoadListener:any = null;\n\n\t\tthis.renderer.removeClass(this.preview.nativeElement, 'visible');\n\t\tif (data != null) {\n\t\t\tremoveOnImageLoadListener = this.renderer.listen(this.preview.nativeElement, 'load', () => {\n\t\t\t\t// Detach listener after image load. In other case the same loaded with old data scope will be used.\n\t\t\t\tremoveOnImageLoadListener();\n\n\t\t\t\tif (this.originalImageWidth == null)\n\t\t\t\t\tthis.originalImageWidth = this.preview.nativeElement.naturalWidth;\n\t\t\t\tlet sizeExceed = false;\n\t\t\t\tif (this.maxWidth && (this.preview.nativeElement.naturalWidth > this.maxWidth)) {\n\t\t\t\t\tsizeExceed = true;\n\t\t\t\t}\n\t\t\t\tif (this.maxHeight && (this.preview.nativeElement.naturalHeight > this.maxHeight)) {\n\t\t\t\t\tsizeExceed = true;\n\t\t\t\t}\n\t\t\t\tif (this.maxFileSize && (imageFileSize > this.maxFileSize)) {\n\t\t\t\t\tsizeExceed = true;\n\t\t\t\t}\n\t\t\t\tif(sizeExceed) {\n\t\t\t\t\tthis.onRemove();\n\t\t\t\t\tthis.maxSizeCallback.emit({maxWidth: this.maxWidth, maxHeight: this.maxHeight, maxFileSize: this.maxFileSize});\n\t\t\t\t} else {\n\t\t\t\t\tif (this.imageData != null)\n\t\t\t\t\t\tthis.renderer.addClass(this.preview.nativeElement, 'visible');\n\t\t\t\t\telse\n\t\t\t\t\t\tthis.renderer.removeClass(this.preview.nativeElement, 'visible');\n\t\t\t\t\tthis.onResamplePreview(this.resampleSizeValue);\n\t\t\t\t}\n\t\t\t});\n\t\t}\n\t\tthis.renderer.setAttribute(this.preview.nativeElement, 'src', data);\n\t\tthis.imageData = data;\n\t\tif (this.originalImageData == null)\n\t\t\tthis.originalImageData = data;\n\t\tthis.imageChange.emit(data);\n\t}\n\n\tprivate getImageFileSize(data: any | null): number {\n\t\tlet result = 0;\n\t\tlet dataStr: string = data as string;\n\t\tif(dataStr == null) {\n\t\t\treturn result;\n\t\t}\n\n\t\tlet pattern = ';base64,';\n\t\tlet pos = dataStr.indexOf(pattern);\n\t\tif(pos == -1) {\n\t\t\treturn result;\n\t\t}\n\n\t\treturn Math.ceil((dataStr.length - (pos + pattern.length)) * 0.75);\n\t}\n}\n\n\n\n// WEBPACK FOOTER //\n// ./node_modules/angular-router-loader/src!./node_modules/angular2-template-loader!./node_modules/string-replace-loader??ref--0-3!./src/module/form/upload/image/upload.image.component.ts","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { FormsModule } from '@angular/forms';\n\nimport { CheckButtonsComponent } from './check/check.buttons.component';\nimport { InputFloatOnlyDirective } from './directive/floatOnly.directive';\nimport { InputIntegerOnlyDirective } from './directive/integerOnly.directive';\nimport { DropdownComponent, DropdownListComponent, DropdownListPipe } from './dropdown';\nimport { ImageGridComponent } from './grid/image/image.grid.component';\nimport { EditableInputComponent } from './input/editable.input.component';\nimport { DataListComponent } from './list/data/data.list.component';\nimport { PaginationBarComponent } from './pagination/bar/pagination.bar.component';\nimport { PaginationButtonsComponent } from './pagination/buttons/pagination.buttons.component';\nimport { PaginationService } from './pagination/pagination.service';\nimport { PaginationSizeComponent } from './pagination/size/pagination.size.component';\nimport { RangesliderComponent } from './rangeslider/rangeslider.component';\nimport { SearchComponent } from './search/search.component';\nimport { SinglechoiceInputComponent } from './singlechoice/singlechoice.input.component';\nimport { SwitchComponent } from './switch/switch.component';\nimport { UploadFileComponent } from './upload/file/upload.file.component';\nimport { UploadImageComponent } from './upload/image/upload.image.component';\n\n@NgModule({\n\timports: [\n\t\tCommonModule,\n\t\tFormsModule,\n\t],\n\tproviders: [PaginationService],\n\tdeclarations: [\n\t\tInputIntegerOnlyDirective, InputFloatOnlyDirective,\n\t\tDropdownComponent, DropdownListComponent, DropdownListPipe,\n\t\tSwitchComponent,\n\t\tEditableInputComponent,\n\t\tRangesliderComponent,\n\t\tSearchComponent,\n\t\tPaginationBarComponent,\n\t\tPaginationButtonsComponent,\n\t\tPaginationSizeComponent,\n\t\tCheckButtonsComponent,\n\t\tUploadImageComponent, UploadFileComponent,\n\t\tDataListComponent,\n\t\tImageGridComponent,\n\t\tSinglechoiceInputComponent\n\t],\n\tentryComponents: [\n\t\tSwitchComponent,\n\t\tDropdownComponent, DropdownListComponent,\n\t\tEditableInputComponent,\n\t\tRangesliderComponent,\n\t\tSearchComponent,\n\t\tPaginationBarComponent,\n\t\tPaginationButtonsComponent,\n\t\tPaginationSizeComponent,\n\t\tCheckButtonsComponent,\n\t\tUploadImageComponent, UploadFileComponent,\n\t\tDataListComponent,\n\t\tImageGridComponent\n\t],\n\texports: [\n\t\tInputIntegerOnlyDirective, InputFloatOnlyDirective,\n\t\tSwitchComponent,\n\t\tDropdownComponent,\n\t\tEditableInputComponent,\n\t\tRangesliderComponent,\n\t\tSearchComponent,\n\t\tPaginationBarComponent,\n\t\tCheckButtonsComponent,\n\t\tUploadImageComponent, UploadFileComponent,\n\t\tDataListComponent,\n\t\tImageGridComponent,\n\t\tSinglechoiceInputComponent\n\t]\n})\nexport class FormComponentsModule { }\n\n\n\n// WEBPACK FOOTER //\n// ./node_modules/angular-router-loader/src!./node_modules/angular2-template-loader!./node_modules/string-replace-loader??ref--0-3!./src/module/form/form.module.ts","import { Injectable } from '@angular/core';\nimport { Http } from '@angular/http';\nimport { Router } from '@angular/router';\nimport moment from 'moment';\nimport { Observable } from 'rxjs/Observable';\nimport { Subject } from 'rxjs/Subject';\nimport { GranularityType } from '../../module/analytics/component/charts/chart.model';\nimport { BradmaxApi } from '../api.service';\nimport { AuthService } from '../auth.service';\nimport { ExceptionService } from '../exception.service';\nimport { UrlService } from '../url.service';\nimport { UserService } from '../user.service';\n\nexport interface DateRange {\n\tstartDate: moment.Moment;\n\tendDate: moment.Moment;\n}\n\n@Injectable()\nexport class BaseService extends BradmaxApi {\n\n\t//default\n\tgranularity: GranularityType = 'day';\n\n\tconstructor(\n\t\tprotected auth: AuthService,\n\t\tprotected http: Http,\n\t\tprotected exception: ExceptionService,\n\t\tprotected router: Router,\n\t\tprotected urlService: UrlService,\n\t\tprotected user: UserService) {\n\t\tsuper(auth, http, exception, router, urlService);\n\t}\n\n\tprotected initDateRange(range: DateRange): DateRange {\n\t\tlet result = {\n\t\t\t\tstartDate: range.startDate.clone(),\n\t\t\t\tendDate: range.endDate.clone()\n\t\t};\n\n\t\t// Add one 'day' to endDate, because for statistics module endDate is not counted into result statistics.\n\t\tresult.endDate = result.endDate.add(1, 'd');\n\n\t\treturn result;\n\t}\n\n\tprotected alignPeriodRange(startDate: moment.Moment, endDate: moment.Moment, granularity: any) {\n\t\tif ((granularity == 'hour') || (granularity == 'day')) {\n\t\t\t// Round dates into \"days\" for hour & day granularity.\n\t\t\tstartDate = startDate.startOf('day');\n\t\t\tendDate = endDate.startOf('day');\n\n\t\t\t// Add one 'day' to endDate, because for statistics module endDate is not counted into result statistics.\n\t\t\tendDate = endDate.add(1, 'd');\n\t\t} else {\n\t\t\t// Casting granularity to \"any\" type for suppressing incorrect TypeScript type validation error:\n\t\t\t// \"Argument of type '1' is not assignable to parameter of type 'string'\".\n\t\t\tlet granularityAny: any = granularity;\n\n\t\t\t// Round to first time unit for selected granularity.\n\t\t\tstartDate = startDate.startOf(granularityAny);\n\t\t\tendDate = endDate.startOf(granularityAny);\n\n\t\t\t// Add one unit to endDate, because for statistics module end of period is not counted into result statistics.\n\t\t\tendDate = endDate.add(1, granularityAny);\n\t\t}\n\t}\n\n\tprotected prepareTsperiodParams(startDate: moment.Moment, endDate: moment.Moment,\n\t\tgranularity: any): Array {\n\n\t\t// Make copy of dates, so operation on them will not modify original instances.\n\t\tstartDate = startDate.clone();\n\t\tendDate = endDate.clone();\n\n\t\tthis.alignPeriodRange(startDate, endDate, granularity);\n\n\t\t// Prepare timestamp ranges for request.\n\t\tlet ranges = new Array();\n\t\tlet iter: moment.Moment = startDate;\n\t\twhile (iter.isBefore(endDate)) {\n\t\t\t// Casting Moment to \"any\" type for suppressing false error that granularity variable is not a string type\n\t\t\t// for method Moment.add(number, string).\n\t\t\tlet nextDate: any = iter.clone();\n\t\t\tnextDate.add(1, granularity);\n\n\t\t\tranges.push([iter.unix(), nextDate.unix()]);\n\t\t\titer = nextDate;\n\t\t}\n\n\t\t// Convert timestamp ranges (tsrange[]=,) into compact form of timestamp periods\n\t\t// (tsperiod[]=,,).\n\t\tlet tsPeriods = this.convertTimestampRangesIntoTimestampPeriods(ranges);\n\n\t\t// Prepare request params.\n\t\tlet params = new Array();\n\t\tfor (let tsperiod of tsPeriods) {\n\t\t\tparams.push('tsperiod[]=' + tsperiod.first + ',' + tsperiod.last + ',' + tsperiod.step);\n\t\t}\n\n\t\treturn params;\n\t}\n\n\tprotected convertTimestampRangesIntoTimestampPeriods(ranges: Array>): Array {\n\t\tlet result = [];\n\t\tlet currPeriod: any = null;\n\t\tfor (let pos = 0; pos < ranges.length; pos++) {\n\t\t\tvar diff = ranges[pos][1] - ranges[pos][0];\n\t\t\tif (currPeriod === null) {\n\t\t\t\tcurrPeriod = {\n\t\t\t\t\tfirst: ranges[pos][0],\n\t\t\t\t\tlast: ranges[pos][0],\n\t\t\t\t\tstep: diff\n\t\t\t\t};\n\t\t\t\tresult.push(currPeriod);\n\t\t\t} else if (currPeriod.step != diff) {\n\t\t\t\tcurrPeriod = {\n\t\t\t\t\tfirst: ranges[pos][0],\n\t\t\t\t\tlast: ranges[pos][0],\n\t\t\t\t\tstep: diff\n\t\t\t\t};\n\t\t\t\tresult.push(currPeriod);\n\t\t\t} else {\n\t\t\t\tcurrPeriod.last = ranges[pos][0];\n\t\t\t}\n\t\t}\n\t\treturn result;\n\t}\n\n\t// Django automatically decodes encoded '/' from '%2F', which breaks routing. For that case '/' is encoded as '!+' and single '!' as '!!'.\n\t// See: https://code.djangoproject.com/ticket/15718\n\tprotected safeEncodeUriComponentForDjango(str: string): string {\n\t\tstr = str + '';\n\t\treturn encodeURIComponent(str.replace(/\\!/g, '!!').replace(/\\//g, '!+'));\n\t}\n}\n\n\n\n// WEBPACK FOOTER //\n// ./node_modules/angular-router-loader/src!./node_modules/angular2-template-loader!./node_modules/string-replace-loader??ref--0-3!./src/service/analytics/base.service.ts","import { Injectable } from '@angular/core';\nimport { Http } from '@angular/http';\nimport { Router } from '@angular/router';\nimport moment from 'moment';\nimport { Observable } from 'rxjs/Observable';\nimport { Subject } from 'rxjs/Subject';\n\nimport {\n\tAnalyticsAudienceHistoryResponse,\n\tAnalyticsAudienceHistoryResponseItem,\n\tAccountTechStatsReport,\n\tMediaMetadata,\n\tMediaMetadataListResponse,\n\tMediaStatsHistoryViewsRec,\n\tTopViewedMediaMetadataListResponse,\n\tTopViewedMediaRecord,\n\tTopStreamedMediaMetadataListResponse,\n\tTopStreamedMediaRecord,\n\tViewersNumResponse,\n\tGeoCountryStatsRec,\n\tGeoRegionStatsRec,\n\tGeoCityStatsRec\n} from '../model/api.model';\nimport { GranularityType } from '../module/analytics/component/charts/chart.model';\nimport { BaseService } from './analytics/base.service';\nimport { AuthService } from './auth.service';\nimport { ExceptionService } from './exception.service';\nimport { UrlService } from './url.service';\nimport { UserService } from './user.service';\n\n// TODO - refactor: split AnalyticsService class into group of smaller services and move into analytics directory.\n@Injectable()\nexport class AnalyticsService extends BaseService {\n\n\tgetDashboardData(accountId?: number | null): Observable {\n\t\tif (!accountId) {\n\t\t\taccountId = this.user.accountId;\n\t\t}\n\n\t\tlet today = moment().startOf('day')\n\n\t\tlet resolveSource = new Subject();\n\t\tlet url = 'accounts/' + accountId + '/analytics/dashboard?todayts=' + today.unix();\n\t\tsuper.read(url).subscribe(\n\t\t\t(response: any) => {\n\t\t\t\tresolveSource.next(response);\n\t\t\t},\n\t\t\t(error) => resolveSource.error(error),\n\t\t\t() => resolveSource.complete());\n\t\treturn resolveSource.asObservable();\n\t}\n\n\tgetAudienceHistoryForRange(startDate: moment.Moment,\n\t\tendDate: moment.Moment,\n\t\tgranularity?: GranularityType | null,\n\t\taccountId?: number | null): Observable {\n\t\tif (!accountId) {\n\t\t\taccountId = this.user.accountId;\n\t\t}\n\n\t\tif (!granularity) {\n\t\t\tgranularity = this.granularity;\n\t\t}\n\n\t\t// Prepare request params.\n\t\tlet params = this.prepareTsperiodParams(startDate, endDate, granularity);\n\n\t\tlet resolveSource = new Subject();\n\t\tlet url = 'accounts/' + accountId + '/analytics/audience-history?' + params.join('&');\n\t\tsuper.read(url).subscribe(\n\t\t\t(response: AnalyticsAudienceHistoryResponse) => {\n\t\t\t\tresolveSource.next(response);\n\t\t\t},\n\t\t\t(error) => resolveSource.error(error),\n\t\t\t() => resolveSource.complete());\n\t\treturn resolveSource.asObservable();\n\t}\n\n\tgetAudienceSummaryForRange(startDate: moment.Moment,\n\t\tendDate: moment.Moment,\n\t\tgranularityForHistory?: GranularityType | null,\n\t\taccountId?: number | null): Observable {\n\t\tif (!accountId) {\n\t\t\taccountId = this.user.accountId;\n\t\t}\n\n\t\tstartDate = startDate.clone();\n\t\tendDate = endDate.clone();\n\t\tif (granularityForHistory) {\n\t\t\tthis.alignPeriodRange(startDate, endDate, granularityForHistory);\n\t\t}\n\n\t\tlet resolveSource = new Subject();\n\t\tlet fields = 'views,users';\n\t\tif (this.user.isEngagementRateEnabled()) {\n\t\t\tfields += ',watching_time';\n\t\t}\n\t\tlet url = 'accounts/' + accountId + '/analytics/audience-history?fields=' + fields + '&tsrange[]=' + startDate.unix() + ',' + endDate.unix()\n\t\tsuper.read(url).subscribe(\n\t\t\t(response: AnalyticsAudienceHistoryResponse) => {\n\t\t\t\tif (response && (response.length > 0)) {\n\t\t\t\t\tresolveSource.next(response[0]);\n\t\t\t\t} else {\n\t\t\t\t\tresolveSource.next(null);\n\t\t\t\t}\n\t\t\t},\n\t\t\t(error) => resolveSource.error(error),\n\t\t\t() => resolveSource.complete());\n\t\treturn resolveSource.asObservable();\n\t}\n\n\tgetTechnologyStatsForRange(startDate: moment.Moment, endDate: moment.Moment,\n\t\tgranularity: GranularityType, accountId?: number | null): Observable {\n\t\tif (!accountId) {\n\t\t\taccountId = this.user.accountId;\n\t\t}\n\n\t\t// Prepare request params.\n\t\tlet params = this.prepareTsperiodParams(startDate, endDate, granularity);\n\n\t\tlet resolveSource = new Subject();\n\t\tlet url = 'accounts/' + accountId + '/analytics/technology-statistics?' + params.join('&');\n\t\tsuper.read(url).subscribe(\n\t\t\t(response: AccountTechStatsReport) => {\n\t\t\t\tresolveSource.next(response);\n\t\t\t},\n\t\t\t(error) => resolveSource.error(error),\n\t\t\t() => resolveSource.complete());\n\t\treturn resolveSource.asObservable();\n\t}\n\n\tgetTechnologyStatsFor24h(startDate: moment.Moment, accountId?: number | null): Observable {\n\t\tif (!accountId) {\n\t\t\taccountId = this.user.accountId;\n\t\t}\n\n\t\tlet resolveSource = new Subject();\n\t\tlet url = 'accounts/' + accountId + '/analytics/technology-statistics?tsperiod[]='+startDate.unix().toString()+','+(startDate.unix()+23*3600).toString()+',3600';\n\t\tsuper.read(url).subscribe(\n\t\t\t(response: AccountTechStatsReport) => {\n\t\t\t\tresolveSource.next(response);\n\t\t\t},\n\t\t\t(error) => resolveSource.error(error),\n\t\t\t() => resolveSource.complete());\n\t\treturn resolveSource.asObservable();\n\t}\n\n\tgetUsersAndViews(startDate: moment.Moment, endDate: moment.Moment, granularity: GranularityType, accountId?: number):\n\t\tObservable }>> {\n\n\t\tlet resolveSource = new Subject();\n\t\tthis.getAudienceHistoryForRange(startDate, endDate, granularity, accountId)\n\t\t\t.subscribe((data: AnalyticsAudienceHistoryResponse) => {\n\t\t\t\tlet usersData: chartjs.LineChartDataset = { data: [], label: 'Users' };\n\t\t\t\tlet usersLabels: Array = [];\n\t\t\t\tlet viewsData: chartjs.LineChartDataset = { data: [], label: 'Views' };\n\t\t\t\tlet viewsLabels: Array = [];\n\n\t\t\t\tfor (let rec of data) {\n\t\t\t\t\tusersData.data.push(parseFloat(rec.users));\n\t\t\t\t\tviewsData.data.push(parseFloat(rec.views));\n\t\t\t\t\tusersLabels.push(moment.unix(rec.from).toISOString());\n\t\t\t\t\tviewsLabels.push(moment.unix(rec.from).toISOString());\n\t\t\t\t}\n\n\t\t\t\tlet usersChartData = { data: usersData, labels: usersLabels };\n\t\t\t\tlet viewsChartData = { data: viewsData, labels: viewsLabels };\n\n\t\t\t\tresolveSource.next([usersChartData, viewsChartData]);\n\t\t\t},\n\t\t\t\t(error) => resolveSource.error(error),\n\t\t\t\t() => resolveSource.complete());\n\n\t\treturn resolveSource.asObservable();\n\t}\n\n\tgetGeoCountriesStats(startDate: moment.Moment, endDate: moment.Moment, accountId?: number | null): Observable> {\n\t\tif (!accountId) {\n\t\t\taccountId = this.user.accountId;\n\t\t}\n\n\t\t// Make copy of dates, so operation on them will not modify original instances.\n\t\tstartDate = startDate.clone().startOf('day');\n\t\tendDate = endDate.clone().startOf('day');\n\n\t\t// Add one 'day' to endDate, because for statistics module endDate is not counted into result statistics.\n\t\tendDate = endDate.add(1, 'd');\n\n\t\t// Prepare request params.\n\t\tlet params = [];\n\t\tparams.push('tsrange=' + startDate.unix() + ',' + endDate.unix());\n\n\t\tlet resolveSource = new Subject();\n\t\tlet url = 'accounts/' + accountId + '/analytics/geo/country?' + params.join('&');\n\t\tsuper.read(url).subscribe(\n\t\t\t(response: Array) => {\n\t\t\t\tresolveSource.next(response);\n\t\t\t},\n\t\t\t(error) => resolveSource.error(error),\n\t\t\t() => resolveSource.complete());\n\t\treturn resolveSource.asObservable();\n\t}\n\n\tgetGeoRegionsStats(startDate: moment.Moment, endDate: moment.Moment, countryCode: string, accountId?: number | null): Observable> {\n\t\tif (!accountId) {\n\t\t\taccountId = this.user.accountId;\n\t\t}\n\n\t\t// Make copy of dates, so operation on them will not modify original instances.\n\t\tstartDate = startDate.clone().startOf('day');\n\t\tendDate = endDate.clone().startOf('day');\n\n\t\t// Add one 'day' to endDate, because for statistics module endDate is not counted into result statistics.\n\t\tendDate = endDate.add(1, 'd');\n\n\t\t// Prepare request params.\n\t\tlet params = [];\n\t\tparams.push('tsrange=' + startDate.unix() + ',' + endDate.unix());\n\n\t\tlet resolveSource = new Subject();\n\t\tlet url = 'accounts/' + accountId + '/analytics/geo/country/' + countryCode + '/region?' + params.join('&');\n\t\tsuper.read(url).subscribe(\n\t\t\t(response: Array) => {\n\t\t\t\tresolveSource.next(response);\n\t\t\t},\n\t\t\t(error) => resolveSource.error(error),\n\t\t\t() => resolveSource.complete());\n\t\treturn resolveSource.asObservable();\n\t}\n\n\tgetGeoCitiesStats(startDate: moment.Moment, endDate: moment.Moment, countryCode: string, accountId?: number | null): Observable> {\n\t\tif (!accountId) {\n\t\t\taccountId = this.user.accountId;\n\t\t}\n\n\t\t// Make copy of dates, so operation on them will not modify original instances.\n\t\tstartDate = startDate.clone().startOf('day');\n\t\tendDate = endDate.clone().startOf('day');\n\n\t\t// Add one 'day' to endDate, because for statistics module endDate is not counted into result statistics.\n\t\tendDate = endDate.add(1, 'd');\n\n\t\t// Prepare request params.\n\t\tlet params = [];\n\t\tparams.push('tsrange=' + startDate.unix() + ',' + endDate.unix());\n\n\t\tlet resolveSource = new Subject();\n\t\tlet url = 'accounts/' + accountId + '/analytics/geo/country/' + countryCode + '/city?' + params.join('&');\n\t\tsuper.read(url).subscribe(\n\t\t\t(response: Array) => {\n\t\t\t\tresolveSource.next(response);\n\t\t\t},\n\t\t\t(error) => resolveSource.error(error),\n\t\t\t() => resolveSource.complete());\n\t\treturn resolveSource.asObservable();\n\t}\n\n\tgetRealtimeTopViewedMediaMetadataList(pagingOptions: any, accountId?: number | null): Observable {\n\t\tif (!accountId) {\n\t\t\taccountId = this.user.accountId;\n\t\t}\n\n\t\t// Prepare request params.\n\t\tlet params = [];\n\t\tfor (let key in pagingOptions) {\n\t\t\tlet val = pagingOptions[key];\n\t\t\tif ((val !== null) && (val !== '')) {\n\t\t\t\tparams.push(key + '=' + encodeURIComponent(val));\n\t\t\t}\n\t\t}\n\n\t\tlet resolveSource = new Subject();\n\t\tlet url = 'accounts/' + accountId + '/analytics/realtime/top-viewed-media?' + params.join('&');\n\t\tsuper.read(url).subscribe(\n\t\t\t(response: TopStreamedMediaMetadataListResponse) => {\n\t\t\t\tresolveSource.next(response);\n\t\t\t},\n\t\t\t(error) => resolveSource.error(error),\n\t\t\t() => resolveSource.complete());\n\t\treturn resolveSource.asObservable();\n\t}\n\n\tgetRealtimeAccountViewersNum(accountId?: number | null): Observable {\n\t\tif (!accountId) {\n\t\t\taccountId = this.user.accountId;\n\t\t}\n\n\t\t// Prepare request params.\n\t\tlet resolveSource = new Subject();\n\t\tlet url = 'accounts/' + accountId + '/analytics/realtime/viewers-num';\n\t\tsuper.read(url).subscribe(\n\t\t\t(response: ViewersNumResponse) => {\n\t\t\t\tresolveSource.next(response);\n\t\t\t},\n\t\t\t(error) => resolveSource.error(error),\n\t\t\t() => resolveSource.complete());\n\t\treturn resolveSource.asObservable();\n\t}\n\n\tgetRealtimeMediaViewersNum(mediaMaterialId: string, accountId?: number | null): Observable {\n\t\tif (!accountId) {\n\t\t\taccountId = this.user.accountId;\n\t\t}\n\n\t\t// Prepare request params.\n\t\tlet resolveSource = new Subject();\n\t\tlet url = 'accounts/' + accountId + '/analytics/realtime/media/' + this.safeEncodeUriComponentForDjango(mediaMaterialId) + '/viewers-num';\n\t\tsuper.read(url).subscribe(\n\t\t\t(response: ViewersNumResponse) => {\n\t\t\t\tresolveSource.next(response);\n\t\t\t},\n\t\t\t(error) => resolveSource.error(error),\n\t\t\t() => resolveSource.complete());\n\t\treturn resolveSource.asObservable();\n\t}\n\n\tgetGoogleMapsApiKey(): string {\n\t\treturn 'AIzaSyAFWd3IeJ83WwKdNSqs1NNTIyKniUREGjo';\n\t}\n\n\tgetClientToken(accountId?: number | null): Observable {\n\t\tif (!accountId) {\n\t\t\taccountId = this.user.accountId;\n\t\t}\n\n\t\tlet resolveSource = new Subject();\n\t\tlet url = 'accounts/' + accountId + '/analytics/client-token';\n\t\tsuper.read(url).subscribe(\n\t\t\t(response: any) => {\n\t\t\t\tresolveSource.next(response.client_token);\n\t\t\t},\n\t\t\t(error) => resolveSource.error(error),\n\t\t\t() => resolveSource.complete());\n\t\treturn resolveSource.asObservable();\n\t}\n}\n\n\n\n// WEBPACK FOOTER //\n// ./node_modules/angular-router-loader/src!./node_modules/angular2-template-loader!./node_modules/string-replace-loader??ref--0-3!./src/service/analytics.service.ts","import { Injectable } from '@angular/core';\n\n@Injectable()\nexport class ExportService {\n\n\tconstructor() {\n\t\t\n\t}\n\n\tprivate removeOldExportLinksFromDocument(): void {\n\t\tlet linksToRemove = [];\n\t\tfor(let i=0; i < document.body.children.length; i++) {\n\t\t\tvar n = document.body.children[i];\n\t\t\tif((n.tagName == 'A') && (n.getAttribute('data-export-link') == '1')) {\n\t\t\t\tlinksToRemove.push(n);\n\t\t\t}\n\t\t}\n\t\tfor(let i=0; i < linksToRemove.length; i++) {\n\t\t\tdocument.body.removeChild(linksToRemove[i]);\n\t\t}\n\t}\n\n\texportFileFromJs(exportFileName:string, strData:string): void {\n\t\tthis.removeOldExportLinksFromDocument();\n\t\t\n\t\t// Create new link and trigger click.\n\t\t// - Create link.\n\t\tlet exportLink = document.createElement('a');\n\t\texportLink.style.opacity='0';\n\t\texportLink.style.display='none';\n\t\texportLink.style.position='absolute';\n\t\texportLink.setAttribute('href', 'data:text/csv;base64,' + window.btoa(strData));\n\t\texportLink.setAttribute('download', exportFileName);\n\t\texportLink.setAttribute('data-export-link', '1');\n\t\texportLink.innerHTML = exportFileName;\n\t\tdocument.body.appendChild(exportLink);\n\n\t\t// - Trigger click.\n\t\texportLink.click();\n\t}\n}\n\n\n\n// WEBPACK FOOTER //\n// ./node_modules/angular-router-loader/src!./node_modules/angular2-template-loader!./node_modules/string-replace-loader??ref--0-3!./src/service/export.service.ts","import { Injectable } from '@angular/core';\nimport { Observable } from 'rxjs/Observable';\nimport { Subject } from 'rxjs/Subject';\nimport { GranularityType, ChartType } from '../component/charts/chart.model';\nimport { AnalyticsService } from '../../../service/analytics.service';\nimport moment from 'moment';\n\n@Injectable()\nexport class UsersAndViewsVsTimeService {\n\n\t//Chart\n\tchartDataChange: Subject;\n\tchartData: Array;\n\tchartLabels: Array;\n\tchartOptions: chartjs.BaseOptions | null = null;\n\t//Chart Picker\n\tchartTypes: Array = ['lineTime', 'bar'];\n\tactiveChartType: ChartType = 'lineTime';\n\t//Granularity\n\tgranularityTypes: Array = ['all'];\n\tactiveGranularity: GranularityType = 'day';\n\t//Date Range Picker\n\tstartDate: moment.Moment;\n\tendDate: moment.Moment;\n\n\tconstructor(private service: AnalyticsService) {\n\t\tthis.chartDataChange = new Subject();\n\t}\n\n\tloadData(): void {\n\t\tthis.chartData = null;\n\t\tthis.service.getUsersAndViews(this.startDate, this.endDate, this.activeGranularity).subscribe(\n\t\t\t(data) => {\n\t\t\t\tthis.chartData = new Array();\n\t\t\t\tthis.chartData.push(data[0].data);\n\t\t\t\tthis.chartData.push(data[1].data);\n\t\t\t\tthis.chartLabels = data[0].labels;\n\n\t\t\t\tthis.chartDataChange.next(this.chartData);\n\t\t\t},\n\t\t\t(error) => {\n\t\t\t\tconsole.error('UsersAndViews Service ERROR', error);\n\t\t\t}\n\t\t);\n\t}\n\n\tgetChartDataChanges(): Observable {\n\t\treturn this.chartDataChange.asObservable();\n\t}\n\n\tonChartTypeChange(type: ChartType): void {\n\t\tthis.activeChartType = type;\n\t}\n\n\tonDateRangeChange(range: [moment.Moment, moment.Moment]): void {\n\t\tthis.startDate = range[0];\n\t\tthis.endDate = range[1];\n\n\t\t// Round dates to whole days.\n\t\tthis.startDate.startOf('day');\n\t\tthis.endDate.startOf('day');\n\t\tif(this.startDate && this.endDate && (this.startDate.unix() == this.endDate.unix())) {\n\t\t this.activeGranularity = 'hour';\n\t\t}\n\t\tthis.loadData();\n\t}\n\n\tonGranularityChange(granularity: GranularityType): void {\n\t\tthis.activeGranularity = granularity;\n\t\tthis.loadData();\n\t}\n\n\texportDataToCsv(): string {\n\t\tlet linesNum = this.chartLabels ? this.chartLabels.length : 0;\n\t\tlet result = '';\n\t\tlet line = '';\n\t\tlet dateFormat = 'YYYY-MM-DD HH:mm';\n\t\tif((this.activeGranularity == 'day') || (this.activeGranularity == 'week')) {\n\t\t\tdateFormat = 'YYYY-MM-DD';\n\t\t} else if(this.activeGranularity == 'month') {\n\t\t\tdateFormat = 'YYYY-MM';\n\t\t} else if(this.activeGranularity == 'year') {\n\t\t\tdateFormat = 'YYYY';\n\t\t}\n\n\t\t// Write header.\n\t\tresult += \"Date,Users,Views\\r\\n\";\n\n\t\t// Write data.\n\t\tfor(let i=0; i < linesNum; i++) {\n\t\t\tline = '\"'+moment(this.chartLabels[i]).format(dateFormat) + '\",';\n\t\t\tline += (this.chartData[0].data[i] + ',');\n\t\t\tline += (this.chartData[1].data[i] + \"\\r\\n\");\n\n\t\t\tresult += line;\n\t\t}\n\t\treturn result;\n\t}\n}\n\n\n\n// WEBPACK FOOTER //\n// ./node_modules/angular-router-loader/src!./node_modules/angular2-template-loader!./node_modules/string-replace-loader??ref--0-3!./src/module/analytics/service/usersAndViewsVSTime.service.ts","import { ChangeDetectionStrategy, ChangeDetectorRef, Component, OnInit } from '@angular/core';\nimport { LocaleService, Localization, TranslationService } from 'angular-l10n';\nimport moment from 'moment';\n\nimport {\n\tAccountProductsListResponse,\n\tAnalyticsAudienceHistoryResponse,\n\tAnalyticsAudienceHistoryResponseItem } from '../../../model/api.model';\nimport { AnalyticsService } from '../../../service/analytics.service';\nimport { UserService } from '../../../service/user.service';\nimport { ExportService } from '../../../service/export.service';\nimport { UsersAndViewsVsTimeService } from '../service/usersAndViewsVSTime.service';\nimport { ProductService } from '../../../service/product.service';\n\n@Component({\n\tselector: 'analytics-audience-view',\n\ttemplate: require('./audience.view.component.html'),\n\tstyles: [\n\t\t':host .table-loader {height:330px;position:relative;}'\n\t],\n\tchangeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class AnalyticsAudienceView extends Localization implements OnInit {\n\n\tmonthlyStats: Array;\n\n\t// TODO: refactor - put currentAccounting* fields into single object.\n\tcurrentAccountingBaseViewsSize: number;\n\tcurrentAccountingPeriodViews: number;\n\tcurrentAccountingPeriodFromDate: any;\n\tcurrentAccountingPeriodToDate: any;\n\n\t// TODO: refactor - put lastAccounting* fields into single object.\n\tlastAccountingBaseViewsSize: number;\n\tlastAccountingPeriodViews: number;\n\tlastAccountingPeriodFromDate: any;\n\tlastAccountingPeriodToDate: any;\n\n\tsummary: any;\n\n\n\n\tconstructor(public chartService: UsersAndViewsVsTimeService,\n\t\tpublic analyticsService: AnalyticsService,\n\t\tpublic productService: ProductService,\n\t\tpublic locale: LocaleService,\n\t\tpublic translation: TranslationService,\n\t\tpublic user: UserService,\n\t\tprivate exportService: ExportService,\n\t\tprivate cdr: ChangeDetectorRef) {\n\t\tsuper(locale, translation);\n\n\t\tlet range = this.user.getDateRangeSelection();\n\t\tthis.chartService.startDate = range.startDate;\n\t\tthis.chartService.endDate = range.endDate;\n\t\tthis.monthlyStats = [];\n\n\t\t// Init summary object.\n\t\tthis.summary = {\n\t\t\tviews: 0,\n\t\t\tusers: 0,\n\t\t\tviewsPerUser: null,\n\t\t\tavgWatchingTime: null\n\t\t};\n\n\t\t// When new data is loaded mark them, so they will be detected by change detector.\n\t\t// This solves problems with \"refreshing charts\".\n\t\tthis.chartService.getChartDataChanges().subscribe((data) => this.cdr.markForCheck());\n\t}\n\n\tngOnInit() {\n\t\t// Load general statistics for last 12 months.\n\t\tthis.loadMonthlyStats();\n\t\tthis.loadLastAccountingPeriodsStats();\n\t\tthis.chartService.loadData();\n\t\tthis.loadSummaryStats();\n\t\tthis.cdr.markForCheck();\n\t}\n\n\n\n\tonDateRangeChanged(range: [moment.Moment, moment.Moment]): void {\n\t\tthis.chartService.onDateRangeChange(range);\n\t\tthis.user.setDateRangeSelection(range[0].startOf('day'), range[1].startOf('day'));\n\t\tthis.loadSummaryStats();\n\t\tthis.cdr.markForCheck();\n\t}\n\n\tcalcViewsUsagePercent(viewsMade: number, viewsSize: number): number {\n\t\tlet result = 0;\n\t\t// Count share if it is possible.\n\t\tif (viewsSize > 0) {\n\t\t\tresult = 100 * viewsMade / viewsSize;\n\t\t}\n\t\t// Result has upper boundary '100'. Limit to it if it is bigger.\n\t\tif (result > 100) {\n\t\t\tresult = 100;\n\t\t}\n\t\treturn result;\n\t}\n\n\tchartDataExportCsv(): void {\n\t\tlet data = this.chartService.exportDataToCsv();\n\t\tlet exportFileName = 'bradmax_audience_' + this.chartService.startDate.format('YYYYMMDD')\n\t\t\t+ '_' + this.chartService.endDate.format('YYYYMMDD') + '_by' + this.chartService.activeGranularity + '.csv';\n\n\t\t// Create new link and trigger click.\n\t\tthis.exportService.exportFileFromJs(exportFileName, data);\n\t}\n\n\tmonthlyStatsExportCsv(): void {\n\t\tif(!this.monthlyStats || this.monthlyStats.length < 2) {\n\t\t\tthrow \"Cannot export monthly stats. No stats available yet.\";\n\t\t}\n\t\tlet exportFileName = 'bradmax_audience_' + this.monthlyStats[this.monthlyStats.length-1].date.format('YYYYMMDD')\n\t\t\t+ '_' + this.monthlyStats[0].date.format('YYYYMMDD') + '_bymonth.csv';\n\n\t\t// Prepare data.\n\t\tlet data = \"Date,Users,Views\\r\\n\";\n\t\tfor(let i=0; i < this.monthlyStats.length; i++) {\n\t\t\tlet rec = this.monthlyStats[i];\n\t\t\tlet line = '\"'+rec.date.format('YYYY-MM-DD') + '\",';\n\t\t\tline += (rec.users + ',');\n\t\t\tline += (rec.views + \"\\r\\n\");\n\n\t\t\tdata += line;\n\t\t}\n\n\t\t// Create new link and trigger click.\n\t\tthis.exportService.exportFileFromJs(exportFileName, data);\n\t}\n\n\tprivate loadSummaryStats(): void {\n\t\tthis.analyticsService.getAudienceSummaryForRange(\n\t\t\tthis.chartService.startDate, this.chartService.endDate, this.chartService.activeGranularity).subscribe(\n\t\t\t(data: AnalyticsAudienceHistoryResponseItem) => {\n\t\t\t\tthis.summary.views = parseFloat(data.views);\n\t\t\t\tthis.summary.users = parseFloat(data.users);\n\t\t\t\tthis.summary.viewsPerUser = null;\n\t\t\t\tif(this.summary.users > 0) {\n\t\t\t\t\tthis.summary.viewsPerUser = this.summary.views / this.summary.users;\n\n\t\t\t\t\tif(this.user.isEngagementRateEnabled()) {\n\t\t\t\t\t\tthis.summary.avgWatchingTime = parseFloat(data.watching_time) / this.summary.users;\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\tthis.cdr.markForCheck();\n\t\t});\n\t}\n\n\tprivate loadMonthlyStats(): void {\n\t\tlet currMonthStartDate = moment().startOf('month');\n\t\tlet tableStartDate = currMonthStartDate.clone().subtract(12, 'month');\n\t\tthis.analyticsService.getAudienceHistoryForRange(tableStartDate, currMonthStartDate, 'month').subscribe(\n\t\t\t(data: AnalyticsAudienceHistoryResponse) => {\n\t\t\t\t// Reverse data - newest first oldest last.\n\t\t\t\tdata.reverse();\n\t\t\t\tlet newMonthlyStats = [];\n\t\t\t\tfor (let rec of data) {\n\t\t\t\t\tnewMonthlyStats.push({\n\t\t\t\t\t\tdate: moment.unix(rec.from),\n\t\t\t\t\t\tusers: rec.users,\n\t\t\t\t\t\tviews: rec.views\n\t\t\t\t\t});\n\t\t\t\t}\n\t\t\t\tthis.monthlyStats = newMonthlyStats;\n\t\t\t\tthis.cdr.markForCheck();\n\t\t\t});\n\t}\n\n\tprivate loadLastAccountingPeriodsStats(): void {\n\t\tlet lastStatsInResponseNum = 2;\n\t\tif (this.user.accountId != null)\n\t\t\tthis.productService.getProductsForAccount(this.user.accountId, lastStatsInResponseNum)\n\t\t\t\t.subscribe((data: AccountProductsListResponse) => {\n\t\t\t\t\tfor (let rec of data.results) {\n\t\t\t\t\t\tif ((rec.product.id != 1) || !rec.usage_stats) {\n\t\t\t\t\t\t\tcontinue;\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\tif (rec.usage_stats.length > 0) {\n\t\t\t\t\t\t\tthis.currentAccountingBaseViewsSize = rec.base_views_size;\n\t\t\t\t\t\t\tthis.currentAccountingPeriodViews = rec.usage_stats[0].views;\n\t\t\t\t\t\t\tthis.currentAccountingPeriodFromDate = moment.unix(rec.usage_stats[0].from);\n\t\t\t\t\t\t\tthis.currentAccountingPeriodToDate = moment.unix(rec.usage_stats[0].to);\n\t\t\t\t\t\t\t// Last day is not counting to charging period, so for not overwhelming user with too many details\n\t\t\t\t\t\t\t// do not show accurate range 2017-08-30 02:00 - 2017-09-30 01:59, but just shorter and clear enough\n\t\t\t\t\t\t\t// 2017-08-30 - 2017-09-29. It is less confusing for quick statistic. For that subtract last day from range.\n\t\t\t\t\t\t\tthis.currentAccountingPeriodToDate.subtract(1, 'day');\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\tif (rec.usage_stats.length > 1) {\n\t\t\t\t\t\t\tthis.lastAccountingBaseViewsSize = rec.base_views_size;\n\t\t\t\t\t\t\tthis.lastAccountingPeriodViews = rec.usage_stats[1].views;\n\t\t\t\t\t\t\tthis.lastAccountingPeriodFromDate = moment.unix(rec.usage_stats[1].from);\n\t\t\t\t\t\t\tthis.lastAccountingPeriodToDate = moment.unix(rec.usage_stats[1].to);\n\t\t\t\t\t\t\t// Last day is not counting to charging period, so for not overwhelming user with too many details\n\t\t\t\t\t\t\t// do not show accurate range 2017-08-30 02:00 - 2017-09-30 01:59, but just shorter and clear enough\n\t\t\t\t\t\t\t// 2017-08-30 - 2017-09-29. It is less confusing for quick statistic. For that subtract last day from range.\n\t\t\t\t\t\t\tthis.lastAccountingPeriodToDate.subtract(1, 'day');\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t});\n\t}\n\n}\n\n\n\n// WEBPACK FOOTER //\n// ./node_modules/angular-router-loader/src!./node_modules/angular2-template-loader!./node_modules/string-replace-loader??ref--0-3!./src/module/analytics/audience/audience.view.component.ts","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { FormsModule, ReactiveFormsModule } from '@angular/forms';\nimport { HttpModule } from '@angular/http';\nimport { RouterModule, Routes } from '@angular/router';\nimport { LocalizationModule } from 'angular-l10n';\n\nimport { ChartModule } from '../component/charts/chart.module';\nimport { FormComponentsModule }from '../../form/form.module';\nimport { SharedModule } from '../../../app/shared/shared.module';\nimport { AnalyticsAudienceView } from '../audience/audience.view.component';\nimport { UsersAndViewsVsTimeService } from '../service/usersAndViewsVSTime.service';\nimport { ProductService } from '../../../service/product.service';\nimport { AnalyticsService } from '../../../service/analytics.service';\n\nexport const routes: Routes = [\n\t{ path: '', component: AnalyticsAudienceView },\n];\n\n@NgModule({\n\timports: [\n\t\tHttpModule,\n\t\tSharedModule,\n\t\tCommonModule,\n\t\tLocalizationModule,\n\t\tRouterModule.forChild(routes),\n\t\tFormsModule,\n\t\tFormComponentsModule,\n\t\tChartModule\n\t],\n\tdeclarations: [\n\t\tAnalyticsAudienceView\n\t],\n\tproviders: [\n\t\tAnalyticsService,\n\t\tUsersAndViewsVsTimeService,\n\t\tProductService\n\t]\n})\nexport class AnalyticsAudienceModule { }\n\n\n\n// WEBPACK FOOTER //\n// ./node_modules/angular-router-loader/src!./node_modules/angular2-template-loader!./node_modules/string-replace-loader??ref--0-3!./src/module/analytics/audience/audience.module.ts","\nexport enum VirtualDropdownListDirection { down, up }\n\nexport interface VirtualDropdownFetch {\n\tpage: number;\n\tloading: boolean;\n};\n\nexport interface VirtualDropdownModel {\n\tuid: number;\n\tvalue: any;\n\tlabel: string;\n\tcolor?: string;\n\ttextColor?: string;\n\ticon?: string;\n\tselected?: boolean;\n\tmarkSelected?: boolean; // for multiple selection\n\thasSeparatorBelow?: boolean; // for organizing items in groups.\n\tfetch?: VirtualDropdownFetch;\n}\n\n\n\n// WEBPACK FOOTER //\n// ./node_modules/angular-router-loader/src!./node_modules/angular2-template-loader!./node_modules/string-replace-loader??ref--0-3!./src/module/virtual/dropdown/model/virtual.dropdown.model.ts","import { Component, EventEmitter, Input, OnChanges, Output } from '@angular/core';\nimport { LocaleService, Localization, TranslationService } from 'angular-l10n'\n\n@Component({\n\tselector: 'pager',\n\ttemplate: `\n\t\t`,\n\tstyles: [\n\t\t':host {display:block;text-align:center;}',\n\t\t':host a {cursor:pointer;}'\n\t]\n})\nexport class PagerComponent extends Localization implements OnChanges {\n\t@Input() page: number;\n\t@Input() pageSize: number;\n\t@Input() totalItems: number;\n\t@Input() pagesVisibleNum: number;\n\t@Output() pageChanged = new EventEmitter();\n\tlastPage: number;\n\tpagesVisibleLow: number;\n\tpagesVisibleHigh: number;\n\tpagesVisibleRange: Array;\n\n\tconstructor(public locale: LocaleService, public translation: TranslationService) {\n\t\tsuper(locale, translation);\n\t\tthis.lastPage = 1;\n\t\tthis.pagesVisibleLow = 1;\n\t\tthis.pagesVisibleHigh = 1;\n\t}\n\n\tngOnChanges() {\n\t\t// Set default value for pagesVisibleNum if not defined.\n\t\tif(!this.pagesVisibleNum || (this.pagesVisibleNum < 1)) {\n\t\t\tthis.pagesVisibleNum = 5;\n\t\t}\n\n\t\t// Set last page.\n\t\tthis.lastPage = Math.ceil(this.totalItems / this.pageSize);\n\n\t\t// Set pages visible range.\n\t\tthis.pagesVisibleLow = this.page - Math.floor(this.pagesVisibleNum / 2);\n\t\tthis.pagesVisibleHigh = this.page + Math.floor(this.pagesVisibleNum / 2);\n\t\tif(this.pagesVisibleLow < 1) {\n\t\t\tthis.pagesVisibleLow = 1;\n\t\t\tthis.pagesVisibleHigh = Math.min(this.lastPage, this.pagesVisibleNum);\n\t\t}\n\t\tif(this.pagesVisibleHigh > this.lastPage) {\n\t\t\tthis.pagesVisibleHigh = this.lastPage;\n\t\t\tthis.pagesVisibleLow = Math.max(1, this.lastPage - this.pagesVisibleNum + 1);\n\t\t}\n\n\t\tthis.pagesVisibleRange = new Array();\n\t\tfor(let p=this.pagesVisibleLow; p <= this.pagesVisibleHigh; p++) {\n\t\t\tthis.pagesVisibleRange.push(p);\n\t\t}\n\t}\n\n\tonPageChange(page: number): void {\n\t\tthis.pageChanged.emit(page);\n\t}\n}\n\n\n\n// WEBPACK FOOTER //\n// ./node_modules/angular-router-loader/src!./node_modules/angular2-template-loader!./node_modules/string-replace-loader??ref--0-3!./src/module/analytics/component/pager/pager.component.ts","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { HttpModule } from '@angular/http';\nimport { LocalizationModule } from 'angular-l10n';\nimport { FormsModule } from '@angular/forms';\n\nimport { PagerComponent } from './pager.component';\n\nlet COMP = [\n\tPagerComponent,\n];\n\n@NgModule({\n\timports: [\n\t\tHttpModule,\n\t\tCommonModule,\n\t\tLocalizationModule,\n\t\tFormsModule,\n\t],\n\tdeclarations: COMP,\n\texports: COMP\n})\nexport class PagerModule { }\n\n\n\n// WEBPACK FOOTER //\n// ./node_modules/angular-router-loader/src!./node_modules/angular2-template-loader!./node_modules/string-replace-loader??ref--0-3!./src/module/analytics/component/pager/pager.module.ts","import { Injectable } from '@angular/core';\nimport { Http } from '@angular/http';\nimport { Router } from '@angular/router';\nimport moment from 'moment';\nimport { Observable } from 'rxjs/Observable';\nimport { Subject } from 'rxjs/Subject';\n\nimport {\n\tAnalyticsAudienceHistoryResponse,\n\tAnalyticsAudienceHistoryResponseItem,\n\tAccountTechStatsReport,\n\tMediaMetadata,\n\tMediaMetadataListResponse,\n\tMediaStatsHistoryViewsRec,\n\tTopViewedMediaMetadataListResponse,\n\tTopViewedMediaRecord,\n\tTopStreamedMediaMetadataListResponse,\n\tTopStreamedMediaRecord,\n\tViewersNumResponse,\n\tGeoCountryStatsRec,\n\tGeoRegionStatsRec,\n\tGeoCityStatsRec\n} from '../../model/api.model';\nimport { BaseService } from './base.service';\nimport { GranularityType } from '../../module/analytics/component/charts/chart.model';\nimport { AuthService } from '../auth.service';\nimport { ExceptionService } from '../exception.service';\nimport { UrlService } from '../url.service';\nimport { UserService } from '../user.service';\n\n@Injectable()\nexport class MediaService extends BaseService {\n\tgetMediaMetadataList(searchOptions: any, accountId?: number | null): Observable {\n\t\tif (!accountId) {\n\t\t\taccountId = this.user.accountId;\n\t\t}\n\n\t\t// Prepare request params.\n\t\tlet params = [];\n\t\tfor (let key in searchOptions) {\n\t\t\tlet val = searchOptions[key];\n\t\t\tif ((val !== null) && (val !== '')) {\n\t\t\t\tparams.push(key + '=' + encodeURIComponent(val));\n\t\t\t}\n\t\t}\n\n\t\tlet resolveSource = new Subject();\n\t\tlet url = 'accounts/' + accountId + '/analytics/media?' + params.join('&');\n\t\tsuper.read(url).subscribe(\n\t\t\t(response: MediaMetadataListResponse) => {\n\t\t\t\tresolveSource.next(response);\n\t\t\t},\n\t\t\t(error) => resolveSource.error(error),\n\t\t\t() => resolveSource.complete());\n\t\treturn resolveSource.asObservable();\n\t}\n\n\tgetTopViewedMediaMetadataList(startDate: moment.Moment, endDate: moment.Moment, pagingOptions: any, accountId?: number | null): Observable {\n\t\tif (!accountId) {\n\t\t\taccountId = this.user.accountId;\n\t\t}\n\n\t\t// Skip date range rounding if period is shorter than 12h.\n\t\tconst duration12h = 3600 * 12;\n\t\tif(endDate.unix() - startDate.unix() >= duration12h) {\n\t\t\t// Make copy of dates, so operation on them will not modify original instances.\n\t\t\tstartDate = startDate.clone().startOf('day');\n\t\t\tendDate = endDate.clone().startOf('day');\n\n\t\t\t// Add one 'day' to endDate, because for statistics module endDate is not counted into result statistics.\n\t\t\tendDate = endDate.add(1, 'd');\n\t\t}\n\n\t\t// Prepare request params.\n\t\tlet params = [];\n\t\tparams.push('tsrange=' + startDate.unix() + ',' + endDate.unix());\n\n\t\tfor (let key in pagingOptions) {\n\t\t\tlet val = pagingOptions[key];\n\t\t\tif ((val !== null) && (val !== '')) {\n\t\t\t\tparams.push(key + '=' + encodeURIComponent(val));\n\t\t\t}\n\t\t}\n\n\t\tlet resolveSource = new Subject();\n\t\tlet url = 'accounts/' + accountId + '/analytics/media-top-viewed?' + params.join('&');\n\t\tsuper.read(url).subscribe(\n\t\t\t(response: TopViewedMediaMetadataListResponse) => {\n\t\t\t\tresolveSource.next(response);\n\t\t\t},\n\t\t\t(error) => resolveSource.error(error),\n\t\t\t() => resolveSource.complete());\n\t\treturn resolveSource.asObservable();\n\t}\n\n\tgetMediaViewsHistory(mediaMaterialId: string, startDate: moment.Moment, endDate: moment.Moment, granularity: GranularityType, accountId?: number):\n\t\tObservable<{ data: chartjs.LineChartDataset, labels: Array }> {\n\t\tif (!accountId) {\n\t\t\taccountId = this.user.accountId;\n\t\t}\n\n\t\t// Prepare request params.\n\t\tlet params = this.prepareTsperiodParams(startDate, endDate, granularity);\n\n\t\tlet resolveSource = new Subject();\n\t\tlet url = 'accounts/' + accountId + '/analytics/media/' + this.safeEncodeUriComponentForDjango(mediaMaterialId) + '/history?' + params.join('&');\n\t\tsuper.read(url).subscribe(\n\t\t\t(response: Array) => {\n\t\t\t\tlet viewsData: chartjs.LineChartDataset = { data: [], label: 'Views' };\n\t\t\t\tlet viewsLabels: Array = [];\n\n\t\t\t\tfor (let rec of response) {\n\t\t\t\t\tviewsData.data.push(parseFloat(rec.views));\n\t\t\t\t\tviewsLabels.push(moment.unix(rec.from).toISOString());\n\t\t\t\t}\n\n\t\t\t\tresolveSource.next({ data: viewsData, labels: viewsLabels });\n\t\t\t},\n\t\t\t(error) => resolveSource.error(error),\n\t\t\t() => resolveSource.complete());\n\t\treturn resolveSource.asObservable();\n\t}\n\n\tgetMediaStatsHistory(mediaMaterialId: string, startDate: moment.Moment, endDate: moment.Moment, granularity: GranularityType, accountId?: number):\n\t\tObservable<{ series: Array, labels: Array }> {\n\t\tif (!accountId) {\n\t\t\taccountId = this.user.accountId;\n\t\t}\n\n\t\t// Prepare request params.\n\t\tlet params = this.prepareTsperiodParams(startDate, endDate, granularity);\n\n\t\tlet resolveSource = new Subject();\n\t\tlet url = 'accounts/' + accountId + '/analytics/media/' + this.safeEncodeUriComponentForDjango(mediaMaterialId) + '/history?' + params.join('&');\n\t\tsuper.read(url).subscribe(\n\t\t\t(response: Array) => {\n\t\t\t\tlet viewsData: chartjs.LineChartDataset = { data: [], label: 'Views' };\n\t\t\t\tlet usersData: chartjs.LineChartDataset = { data: [], label: 'Users' };\n\t\t\t\tlet viewsLabels: Array = [];\n\t\t\t\tlet hasNotEmptyUsersStats = false;\n\t\t\t\tlet val: number = 0;\n\n\t\t\t\tfor (let rec of response) {\n\t\t\t\t\tviewsData.data.push(parseFloat(rec.views));\n\t\t\t\t\tif('users' in rec) {\n\t\t\t\t\t\tval = parseFloat(rec.users);\n\t\t\t\t\t\tusersData.data.push(val);\n\t\t\t\t\t\tif(val > 0) {\n\t\t\t\t\t\t\thasNotEmptyUsersStats = true;\n\t\t\t\t\t\t}\n\t\t\t\t\t} else {\n\t\t\t\t\t\tusersData.data.push(null);\n\t\t\t\t\t}\n\t\t\t\t\tviewsLabels.push(moment.unix(rec.from).toISOString());\n\t\t\t\t}\n\n\t\t\t\tlet series = hasNotEmptyUsersStats ? [usersData, viewsData] : [viewsData];\n\t\t\t\tresolveSource.next({ series: series, labels: viewsLabels });\n\t\t\t},\n\t\t\t(error) => resolveSource.error(error),\n\t\t\t() => resolveSource.complete());\n\t\treturn resolveSource.asObservable();\n\t}\n\n\tgetMediaStatsSummaryForRange(mediaMaterialId: string, startDate: moment.Moment, endDate: moment.Moment, granularityForHistory?: GranularityType | null, accountId?: number | null):\n\t\tObservable {\n\t\tif (!accountId) {\n\t\t\taccountId = this.user.accountId;\n\t\t}\n\n\t\tstartDate = startDate.clone();\n\t\tendDate = endDate.clone();\n\t\tif (granularityForHistory) {\n\t\t\tthis.alignPeriodRange(startDate, endDate, granularityForHistory);\n\t\t}\n\n\t\tlet resolveSource = new Subject();\n\t\tlet url = 'accounts/' + accountId + '/analytics/media/' + this.safeEncodeUriComponentForDjango(mediaMaterialId) + '/history?tsrange[]=' + startDate.unix() + ',' + endDate.unix();\n\t\tsuper.read(url).subscribe(\n\t\t\t(response: AnalyticsAudienceHistoryResponse) => {\n\t\t\t\tif (response && (response.length > 0)) {\n\t\t\t\t\tresolveSource.next(response[0]);\n\t\t\t\t} else {\n\t\t\t\t\tresolveSource.next(null);\n\t\t\t\t}\n\t\t\t},\n\t\t\t(error) => resolveSource.error(error),\n\t\t\t() => resolveSource.complete());\n\t\treturn resolveSource.asObservable();\n\t}\n\n\tgetMediaMetadata(mediaMetadataMaterialId: string, accountId?: number | null): Observable {\n\t\tif (!accountId) {\n\t\t\taccountId = this.user.accountId;\n\t\t}\n\n\t\tlet resolveSource = new Subject();\n\t\tlet url = 'accounts/' + accountId + '/analytics/media/' + this.safeEncodeUriComponentForDjango(mediaMetadataMaterialId);\n\t\tsuper.read(url).subscribe(\n\t\t\t(response: MediaMetadata) => {\n\t\t\t\tresolveSource.next(response);\n\t\t\t},\n\t\t\t(error) => resolveSource.error(error),\n\t\t\t() => resolveSource.complete());\n\t\treturn resolveSource.asObservable();\n\t}\n\n\tgetMediaEngagementRate(mediaMaterialId: string, startDate: moment.Moment, endDate: moment.Moment, accountId?: number, liveStreamClockType?: string):\n\t\tObservable<{ data: chartjs.LineChartDataset, labels: Array ![](\\\"https://m.media-amazon.com/images/M/MV5BN2FjNmEyNWMtYzM0ZS00NjIyLTg5YzYtYThlMGVjNzE1OGViXkEyXkFqcGdeQXVyMTkxNjUyNQ@@._V1_QL75_UX380_CR0,1,380,562_.jpg\\\")
\\n