@builder.io/sdk 0.1.26 → 0.1.27-6

package/.rpt2_cache/57e851c872924bdb9494c14d43157e062e44b617/code/cache/ec7bc102ad93e731cc3c9e9901909d18d4eba2ff

@@ -1 +0,0 @@
-{"code":"import * as tslib_1 from \"tslib\";\r\nimport 'core-js/features/promise';\r\nimport Cookies from 'js-cookie';\r\nimport stringify from 'json-stable-stringify';\r\nimport includes from 'lodash-es/includes';\r\nimport omit from 'lodash-es/omit';\r\nimport round from 'lodash-es/round';\r\nimport sortBy from 'lodash-es/sortBy';\r\nimport size from 'lodash-es/size';\r\nimport throttle from 'lodash-es/throttle';\r\nimport queryString from 'query-string';\r\nimport { BehaviorSubject, Observable } from 'rxjs';\r\nimport { map } from 'rxjs/operators';\r\nimport parser from 'ua-parser-js';\r\nimport uniqueSelector from 'unique-selector';\r\nimport { parse } from 'url';\r\nimport { Animator } from './classes/animator.class';\r\nimport { nextTick } from './functions/next-tick.function';\r\nimport * as qs from 'qs';\r\nimport { fetch as basicFetch } from './functions/fetch.function';\r\nimport { version } from '../package.json';\r\n// TODO: need es6 polyfill for IE!!!\r\n// import * as es6Promise from 'es6-promise';\r\n// es6Promise.polyfill();\r\n// FIXME: need a fetch polyfill!!! That doesn't break rollup\r\n// import 'isomorphic-fetch';\r\nvar sessionStorageKey = 'builderSessionId';\r\n// Annoying workaround for module loading\r\nvar stableStringify = stringify.default || stringify;\r\nvar anyParser = parser;\r\nexport var isBrowser = typeof window !== 'undefined';\r\nexport var isIframe = isBrowser && window.top !== window.self;\r\nvar fetch = isBrowser\r\n    ? window.fetch || basicFetch\r\n    : require('node-fetch').default;\r\n// Workaround for oddly random module loading issues\r\nvar UaParser = typeof anyParser.default === 'function' ? anyParser.default : anyParser;\r\nexport function BuilderComponent(info) {\r\n    if (info === void 0) { info = {}; }\r\n    return function (component) {\r\n        var spec = tslib_1.__assign({}, info, { class: component });\r\n        if (!spec.name) {\r\n            spec.name = component.name;\r\n        }\r\n        if (!Builder.components.find(function (item) { return item.name === spec.name; })) {\r\n            Builder.components.push(spec);\r\n            // TODO: serialize component name and inputs\r\n            if (isBrowser) {\r\n                window.parent.postMessage({\r\n                    type: 'builder.registerComponent',\r\n                    data: omit(spec, 'class'),\r\n                }, '*');\r\n            }\r\n        }\r\n    };\r\n}\r\nvar Builder = /** @class */ (function () {\r\n    function Builder(apiKey) {\r\n        if (apiKey === void 0) { apiKey = null; }\r\n        var _this = this;\r\n        this.eventsQueue = [];\r\n        this.throttledClearEventsQueue = throttle(function () {\r\n            _this.processEventsQueue();\r\n        }, 100);\r\n        this.env = 'production';\r\n        this.isUsed = false;\r\n        this.sessionId = this.getSessionId();\r\n        this.targetContent = true;\r\n        // TODO: api options object\r\n        this.cachebust = false;\r\n        this.noCache = false;\r\n        this.overrideHost = '';\r\n        this.canTrack$ = new BehaviorSubject(!this.browserTrackingDisabled);\r\n        this.apiKey$ = new BehaviorSubject(null);\r\n        this.editingMode$ = new BehaviorSubject(isIframe);\r\n        // TODO: decorator to do this stuff with the get/set (how do with typing too? compiler?)\r\n        this.editingModel$ = new BehaviorSubject(null);\r\n        this.userAgent = (typeof navigator === 'object' && navigator.userAgent) || '';\r\n        this.autoTrack = !this.isDevelopmentEnv;\r\n        this.useNewContentApi = false;\r\n        this.blockContentLoading = '';\r\n        this.observersByModelType = {};\r\n        this.overrides = {};\r\n        this.getContentQueue = null;\r\n        this.priorContentQueue = null;\r\n        // TODO: how prune deprecated tests\r\n        // TODO: save as one big cookie for html API... hm...\r\n        // Also do versions and recalculating\r\n        this.testCookiePrefix = 'builder.tests';\r\n        this.cookieQueue = [];\r\n        if (apiKey) {\r\n            this.apiKey = apiKey;\r\n        }\r\n        if (isBrowser) {\r\n            this.bindMessageListeners();\r\n            window.BUILDER_VERSION = Builder.VERSION;\r\n        }\r\n        if (isIframe) {\r\n            this.messageFrameLoaded();\r\n        }\r\n        // TODO: on destroy clear subscription\r\n        this.canTrack$.subscribe(function (value) {\r\n            if (value) {\r\n                if (typeof sessionStorage !== 'undefined') {\r\n                    if (!sessionStorage.getItem(sessionStorageKey)) {\r\n                        sessionStorage.setItem(sessionStorageKey, _this.sessionId);\r\n                    }\r\n                }\r\n                if (_this.eventsQueue.length) {\r\n                    _this.throttledClearEventsQueue();\r\n                }\r\n                if (_this.cookieQueue.length) {\r\n                    _this.cookieQueue.forEach(function (item) {\r\n                        _this.setCookie(item[0], item[1]);\r\n                    });\r\n                    _this.cookieQueue.length = 0;\r\n                }\r\n            }\r\n        });\r\n        if (isBrowser) {\r\n            // TODO: defer so subclass constructor runs and injects location service\r\n            this.setTestsFromUrl();\r\n        }\r\n    }\r\n    Builder.fields = function (name, fields) {\r\n        window.parent.postMessage({\r\n            type: 'builder.fields',\r\n            data: {\r\n                name: name,\r\n                fields: fields,\r\n            },\r\n        }, '*');\r\n    };\r\n    Builder.loadGoogleFont = function (fontName) {\r\n        if (!this.isBrowser) {\r\n            return;\r\n        }\r\n        var link = document.createElement('link');\r\n        link.rel = 'stylesheet';\r\n        link.href = \"https://fonts.googleapis.com/css?family=\" + fontName.replace(/\\s/g, '+');\r\n        document.body.appendChild(link);\r\n    };\r\n    Object.defineProperty(Builder, \"editingPage\", {\r\n        get: function () {\r\n            return this._editingPage;\r\n        },\r\n        set: function (editingPage) {\r\n            this._editingPage = editingPage;\r\n            if (isBrowser && isIframe) {\r\n                if (editingPage) {\r\n                    document.body.classList.add('builder-editing-page');\r\n                }\r\n                else {\r\n                    document.body.classList.remove('builder-editing-page');\r\n                }\r\n            }\r\n        },\r\n        enumerable: true,\r\n        configurable: true\r\n    });\r\n    // TODO: style guide, etc off this system as well?\r\n    Builder.component = function (info) {\r\n        var _this = this;\r\n        if (info === void 0) { info = {}; }\r\n        return function (component) {\r\n            var spec = tslib_1.__assign({}, info, { class: component });\r\n            if (!spec.name) {\r\n                spec.name = component.name;\r\n            }\r\n            if (!_this.components.find(function (item) { return item.name === spec.name; })) {\r\n                _this.components.push(spec);\r\n                // TODO: serialize component name and inputs\r\n                if (isBrowser) {\r\n                    window.parent.postMessage({\r\n                        type: 'builder.registerComponent',\r\n                        data: omit(spec, 'class'),\r\n                    }, '*');\r\n                }\r\n            }\r\n        };\r\n    };\r\n    Object.defineProperty(Builder, \"Component\", {\r\n        get: function () {\r\n            return this.component;\r\n        },\r\n        enumerable: true,\r\n        configurable: true\r\n    });\r\n    Builder.prototype.processEventsQueue = function () {\r\n        if (!this.eventsQueue.length) {\r\n            return;\r\n        }\r\n        var events = this.eventsQueue;\r\n        this.eventsQueue = [];\r\n        // TODO: centralize this\r\n        var host = this.host;\r\n        fetch(host + \"/api/v1/track\", {\r\n            method: 'POST',\r\n            body: JSON.stringify({ events: events }),\r\n            headers: {\r\n                'content-type': 'application/json',\r\n            },\r\n            mode: 'cors',\r\n        });\r\n    };\r\n    Object.defineProperty(Builder.prototype, \"browserTrackingDisabled\", {\r\n        get: function () {\r\n            return Builder.isBrowser && navigator.doNotTrack === '1';\r\n        },\r\n        enumerable: true,\r\n        configurable: true\r\n    });\r\n    Object.defineProperty(Builder.prototype, \"canTrack\", {\r\n        get: function () {\r\n            return this.canTrack$.value && !this.browserTrackingDisabled;\r\n        },\r\n        set: function (canTrack) {\r\n            if (this.canTrack !== canTrack) {\r\n                this.canTrack$.next(canTrack);\r\n            }\r\n        },\r\n        enumerable: true,\r\n        configurable: true\r\n    });\r\n    Object.defineProperty(Builder.prototype, \"editingMode\", {\r\n        get: function () {\r\n            return this.editingMode$.value;\r\n        },\r\n        set: function (value) {\r\n            if (value !== this.editingMode) {\r\n                this.editingMode$.next(value);\r\n            }\r\n        },\r\n        enumerable: true,\r\n        configurable: true\r\n    });\r\n    Object.defineProperty(Builder.prototype, \"editingModel\", {\r\n        get: function () {\r\n            return this.editingModel$.value;\r\n        },\r\n        set: function (value) {\r\n            if (value !== this.editingModel) {\r\n                this.editingModel$.next(value);\r\n            }\r\n        },\r\n        enumerable: true,\r\n        configurable: true\r\n    });\r\n    Builder.prototype.findParentElement = function (target, callback, checkElement) {\r\n        if (checkElement === void 0) { checkElement = true; }\r\n        if (!(target instanceof HTMLElement)) {\r\n            return null;\r\n        }\r\n        var parent = checkElement ? target : target.parentElement;\r\n        do {\r\n            if (!parent) {\r\n                return null;\r\n            }\r\n            var matches = callback(parent);\r\n            if (matches) {\r\n                return parent;\r\n            }\r\n        } while ((parent = parent.parentElement));\r\n        return null;\r\n    };\r\n    Builder.prototype.findBuilderParent = function (target) {\r\n        return this.findParentElement(target, function (el) { return Boolean(el.id && el.id.indexOf('builder-') === 0); });\r\n    };\r\n    Builder.prototype.setUserAgent = function (userAgent) {\r\n        this.userAgent = userAgent;\r\n    };\r\n    Builder.prototype.track = function (eventName, properties) {\r\n        if (properties === void 0) { properties = {}; }\r\n        // TODO: queue up track requests and fire them off when canTrack set to true - otherwise may get lots of clicks with no impressions\r\n        if (isIframe || !isBrowser) {\r\n            return;\r\n        }\r\n        // batch events\r\n        this.eventsQueue.push({\r\n            type: 'impression',\r\n            data: tslib_1.__assign({ metadata: {\r\n                    sdkVersion: Builder.VERSION,\r\n                    url: location.href,\r\n                } }, properties, { userAttributes: this.getUserAttributes(), sessionId: this.sessionId }),\r\n        });\r\n        if (this.canTrack) {\r\n            this.throttledClearEventsQueue();\r\n        }\r\n    };\r\n    Builder.prototype.getSessionId = function () {\r\n        var _this = this;\r\n        // TODO: don't set this until gdpr allowed....\r\n        var sessionId = (Builder.isBrowser &&\r\n            (typeof sessionStorage !== 'undefined' && sessionStorage.getItem(sessionStorageKey))) ||\r\n            '';\r\n        if (!sessionId) {\r\n            sessionId = (Date.now() + Math.random()).toString(36);\r\n        }\r\n        // Give the app a second to start up and set canTrack to false if needed\r\n        if (Builder.isBrowser) {\r\n            setTimeout(function () {\r\n                if (_this.canTrack && typeof sessionStorage !== 'undefined') {\r\n                    sessionStorage.setItem(sessionStorageKey, sessionId);\r\n                }\r\n            });\r\n        }\r\n        return sessionId;\r\n    };\r\n    Builder.prototype.trackImpression = function (contentId, variationId) {\r\n        if (isIframe || !isBrowser) {\r\n            return;\r\n        }\r\n        // TODO: use this.track method\r\n        this.eventsQueue.push({\r\n            type: 'impression',\r\n            data: {\r\n                contentId: contentId,\r\n                variationId: variationId !== contentId ? variationId : undefined,\r\n                ownerId: this.apiKey,\r\n                userAttributes: this.getUserAttributes(),\r\n                sessionId: this.sessionId,\r\n            },\r\n        });\r\n        this.throttledClearEventsQueue();\r\n    };\r\n    Object.defineProperty(Builder.prototype, \"isDevelopmentEnv\", {\r\n        // TODO: set this for QA\r\n        get: function () {\r\n            // Automatic determining of development environment\r\n            return (Builder.isIframe ||\r\n                (Builder.isBrowser && (location.hostname === 'localhost' || location.port !== '')) ||\r\n                this.env !== 'production');\r\n        },\r\n        enumerable: true,\r\n        configurable: true\r\n    });\r\n    Builder.prototype.trackInteraction = function (contentId, variationId, alreadyTrackedOne, event) {\r\n        if (alreadyTrackedOne === void 0) { alreadyTrackedOne = false; }\r\n        if (isIframe || !isBrowser) {\r\n            return;\r\n        }\r\n        var target = event && event.target;\r\n        var targetBuilderElement = target && this.findBuilderParent(target);\r\n        var metadata = {};\r\n        if (event) {\r\n            var clientX = event.clientX, clientY = event.clientY;\r\n            if (target) {\r\n                var targetRect = target.getBoundingClientRect();\r\n                var xOffset = clientX - targetRect.left;\r\n                var yOffset = clientY - targetRect.top;\r\n                var xRatio = round(xOffset / targetRect.width, 4);\r\n                var yRatio = round(yOffset / targetRect.height, 4);\r\n                metadata.targetOffset = {\r\n                    x: xRatio,\r\n                    y: yRatio,\r\n                };\r\n            }\r\n            if (targetBuilderElement) {\r\n                var targetRect = targetBuilderElement.getBoundingClientRect();\r\n                var xOffset = clientX - targetRect.left;\r\n                var yOffset = clientY - targetRect.top;\r\n                var xRatio = round(xOffset / targetRect.width, 4);\r\n                var yRatio = round(yOffset / targetRect.height, 4);\r\n                metadata.builderTargetOffset = {\r\n                    x: xRatio,\r\n                    y: yRatio,\r\n                };\r\n            }\r\n        }\r\n        var selector = undefined;\r\n        if (target) {\r\n            try {\r\n                selector = uniqueSelector(target);\r\n            }\r\n            catch (err) {\r\n                // nbd\r\n            }\r\n        }\r\n        // TODO: use this.track method\r\n        this.eventsQueue.push({\r\n            type: 'click',\r\n            data: {\r\n                contentId: contentId,\r\n                metadata: metadata,\r\n                variationId: variationId !== contentId ? variationId : undefined,\r\n                ownerId: this.apiKey,\r\n                unique: !alreadyTrackedOne,\r\n                targetSelector: selector,\r\n                targetBuilderElement: (targetBuilderElement && targetBuilderElement.id) || undefined,\r\n                userAttributes: this.getUserAttributes(),\r\n                sessionId: this.sessionId,\r\n            },\r\n        });\r\n        this.throttledClearEventsQueue();\r\n    };\r\n    Builder.prototype.component = function (info) {\r\n        if (info === void 0) { info = {}; }\r\n        return Builder.component(info);\r\n    };\r\n    Object.defineProperty(Builder.prototype, \"apiKey\", {\r\n        get: function () {\r\n            return this.apiKey$.value;\r\n        },\r\n        set: function (key) {\r\n            this.apiKey$.next(key);\r\n        },\r\n        enumerable: true,\r\n        configurable: true\r\n    });\r\n    Builder.prototype.setTestsFromUrl = function () {\r\n        var search = this.getLocation().search;\r\n        var params = qs.parse(search || '', {\r\n            allowDots: true,\r\n            ignoreQueryPrefix: true,\r\n        });\r\n        var tests = params.builder && params.builder.tests;\r\n        if (tests && typeof tests === 'object') {\r\n            for (var key in tests) {\r\n                if (tests.hasOwnProperty(key)) {\r\n                    this.setTestCookie(key, tests[key]);\r\n                }\r\n            }\r\n        }\r\n    };\r\n    Builder.prototype.getOverridesFromQueryString = function () {\r\n        var location = this.getLocation();\r\n        var params = qs.parse(location.search || '', {\r\n            allowDots: true,\r\n            ignoreQueryPrefix: true,\r\n        });\r\n        var builder = params.builder;\r\n        if (builder) {\r\n            var userAttributes = builder.userAttributes, overrides = builder.overrides, env = builder.env, host = builder.host, api = builder.api, cachebust = builder.cachebust, noCache = builder.noCache;\r\n            if (userAttributes) {\r\n                this.setUserAttributes(userAttributes);\r\n            }\r\n            if (overrides) {\r\n                this.overrides = overrides;\r\n            }\r\n            if (env || api) {\r\n                this.env = env || api;\r\n            }\r\n            if (host) {\r\n                this.overrideHost = host;\r\n            }\r\n            if (cachebust) {\r\n                this.cachebust = true;\r\n            }\r\n            if (noCache) {\r\n                this.noCache = true;\r\n            }\r\n        }\r\n    };\r\n    Builder.prototype.messageFrameLoaded = function () {\r\n        window.parent.postMessage({\r\n            type: 'builder.loaded',\r\n            data: {\r\n                value: true,\r\n            },\r\n        }, '*');\r\n    };\r\n    Builder.prototype.bindMessageListeners = function () {\r\n        var _this = this;\r\n        // TODO: handle race condition of content already loading\r\n        // TODO: move to another file\r\n        if (isBrowser) {\r\n            addEventListener('message', function (event) {\r\n                // FIXME: what was this for?\r\n                // if (!this.isUsed) {\r\n                //   return;\r\n                // }\r\n                var url = parse(event.origin);\r\n                var allowedHosts = ['builder.io', 'localhost', 'local.builder.io', 'qa.builder.io'];\r\n                if (!includes(allowedHosts, url.hostname)) {\r\n                    return;\r\n                }\r\n                var data = event.data;\r\n                if (data) {\r\n                    switch (data.type) {\r\n                        case 'builder.ping': {\r\n                            window.parent.postMessage({\r\n                                type: 'builder.pong',\r\n                                data: {},\r\n                            }, '*');\r\n                            break;\r\n                        }\r\n                        case 'builder.triggerAnimation': {\r\n                            Builder.animator.triggerAnimation(data.data);\r\n                            break;\r\n                        }\r\n                        case 'builder.contentUpdate':\r\n                            var model = data.data.modelName;\r\n                            var contentData = data.data.data; // hmmm...\r\n                            var observer = _this.observersByModelType[model];\r\n                            if (observer) {\r\n                                observer.next([contentData]);\r\n                            }\r\n                            break;\r\n                        case 'builder.getComponents':\r\n                            // TODO: serialize component name and inputs\r\n                            window.parent.postMessage({\r\n                                type: 'builder.components',\r\n                                data: Builder.components.map(function (item) { return omit(item, 'class'); }),\r\n                            }, '*');\r\n                            break;\r\n                        case 'builder.editingModel':\r\n                            _this.editingModel = data.data.model;\r\n                            break;\r\n                        case 'builder.registerComponent':\r\n                            var componentData = data.data;\r\n                            Builder.components.push(componentData);\r\n                            break;\r\n                        case 'builder.blockContentLoading':\r\n                            if (typeof data.data.model === 'string') {\r\n                                _this.blockContentLoading = data.data.model;\r\n                            }\r\n                            break;\r\n                        case 'builder.editingMode':\r\n                            var editingMode = data.data;\r\n                            if (editingMode) {\r\n                                _this.editingMode = true;\r\n                                document.body.classList.add('builder-editing');\r\n                            }\r\n                            else {\r\n                                _this.editingMode = false;\r\n                                document.body.classList.remove('builder-editing');\r\n                            }\r\n                            break;\r\n                        case 'builder.editingPageMode':\r\n                            var editingPageMode = data.data;\r\n                            Builder.editingPage = editingPageMode;\r\n                            break;\r\n                        case 'builder.overrideUserAttributes':\r\n                            var userAttributes = data.data;\r\n                            Object.assign(Builder.overrideUserAttributes, userAttributes);\r\n                            _this.flushGetContentQueue(true);\r\n                            // TODO: refetch too\r\n                            break;\r\n                        case 'builder.overrideTestGroup':\r\n                            var _a = data.data, variationId = _a.variationId, contentId = _a.contentId;\r\n                            if (variationId && contentId) {\r\n                                _this.setTestCookie(contentId, variationId);\r\n                                _this.flushGetContentQueue(true);\r\n                            }\r\n                        case 'builder.evaluate': {\r\n                            var text_1 = data.data.text;\r\n                            var args = data.data.arguments || [];\r\n                            var id_1 = data.data.id;\r\n                            // Strip istanbul markers if they exist\r\n                            text_1 = text_1.replace(/cov_[\\w\\d]+\\.\\w\\[\\d+\\](\\[\\d+\\])?\\+\\+(;|,)/g, '');\r\n                            // tslint:disable-next-line:no-function-constructor-with-string-args\r\n                            var fn = new Function(text_1);\r\n                            var result = fn.apply(_this, args);\r\n                            if (result && typeof result.then === 'function') {\r\n                                result\r\n                                    .then(function (finalResult) {\r\n                                    window.parent.postMessage({\r\n                                        type: 'builder.evaluateResult',\r\n                                        data: {\r\n                                            id: id_1,\r\n                                            text: text_1,\r\n                                            result: finalResult,\r\n                                        },\r\n                                    }, '*');\r\n                                })\r\n                                    .catch(console.error);\r\n                            }\r\n                            else {\r\n                                window.parent.postMessage({\r\n                                    type: 'builder.evaluateResult',\r\n                                    data: { result: result, id: id_1, text: text_1 },\r\n                                }, '*');\r\n                            }\r\n                        }\r\n                    }\r\n                }\r\n            });\r\n        }\r\n    };\r\n    Builder.prototype.init = function (apiKey, canTrack) {\r\n        if (canTrack === void 0) { canTrack = true; }\r\n        this.canTrack = canTrack;\r\n        this.apiKey = apiKey;\r\n        return this;\r\n    };\r\n    Builder.prototype.getLocation = function () {\r\n        return (typeof location === 'object' && parse(location.href)) || {};\r\n    };\r\n    Builder.prototype.getUserAttributes = function (userAgent) {\r\n        if (userAgent === void 0) { userAgent = this.userAgent; }\r\n        this.isUsed = true;\r\n        // This is used\r\n        var defaultUserAgent = 'Mozilla/5.0 (Macintosh; Intel Mac OS X 10_13_6) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/68.0.3440.84 Safari/537.36';\r\n        if (!userAgent) {\r\n            // For now don't trip - a server request could come in with no user agent (e.g. a bot), lets just\r\n            // treat it as default\r\n            // console.warn(\r\n            //   'No user agent set! For help on how to set this please contact steve@builder.io'\r\n            // );\r\n        }\r\n        var ua = new UaParser(userAgent || defaultUserAgent);\r\n        // FIXME\r\n        var url = this.getLocation();\r\n        var device = ua.getDevice();\r\n        // TODO: get these from exension as well\r\n        return tslib_1.__assign({ queryString: url.search, urlPath: url.pathname, \r\n            // Removinf for now because of cache keys\r\n            // referrer: document.referrer,\r\n            // language: navigator.language.split('-')[0],\r\n            device: device.type || 'desktop', operatingSystem: (ua.getOS().name || '').toLowerCase() || undefined, browser: (ua.getBrowser().name || '').toLowerCase() || undefined }, Builder.overrideUserAttributes);\r\n    };\r\n    Builder.prototype.setUserAttributes = function (options) {\r\n        Object.assign(Builder.overrideUserAttributes, options);\r\n    };\r\n    Builder.prototype.get = function (modelName, options) {\r\n        if (options === void 0) { options = {}; }\r\n        return this.queueGetContent(modelName, options).pipe(map(function (matches) {\r\n            var match = matches && matches[0];\r\n            var matchData = match && match.data;\r\n            if (!matchData) {\r\n                return null;\r\n            }\r\n            return {\r\n                // TODO: add ab test info here and other high level stuff\r\n                data: matchData,\r\n                id: match.id,\r\n                testVariationId: match.testVariationId,\r\n                testVariationName: match.testVariationName,\r\n            };\r\n        }));\r\n    };\r\n    // TODO: also take priority or group name/number so can\r\n    // group fast stuff to show right away and slow or lower priority after'\r\n    // how does graphql defer work?\r\n    // TODO: add defaultContent to regular getContent method\r\n    Builder.prototype.queueGetContent = function (modelName, options) {\r\n        var _this = this;\r\n        if (options === void 0) { options = {}; }\r\n        // TODO: possibly in node send this to getContent instead, though that would have the consequence of less cache\r\n        // warming / utilization\r\n        var initialContent = options.initialContent;\r\n        var isEditingThisModel = this.editingModel === modelName;\r\n        if (isEditingThisModel) {\r\n            if (Builder.isBrowser) {\r\n                parent.postMessage({ type: 'builder.updateContent' }, '*');\r\n            }\r\n        }\r\n        if (!initialContent /* || isEditingThisModel */) {\r\n            if (!this.getContentQueue) {\r\n                this.getContentQueue = [];\r\n                nextTick(function () {\r\n                    _this.flushGetContentQueue();\r\n                });\r\n            }\r\n            this.getContentQueue.push(tslib_1.__assign({}, options, { model: modelName }));\r\n        }\r\n        return new Observable(function (observer) {\r\n            _this.observersByModelType[modelName] = observer;\r\n            if (initialContent) {\r\n                nextTick(function () {\r\n                    observer.next(initialContent);\r\n                });\r\n            }\r\n        });\r\n    };\r\n    Builder.prototype.requestUrl = function (url) {\r\n        return fetch(url).then(function (res) { return res.json(); });\r\n    };\r\n    Object.defineProperty(Builder.prototype, \"host\", {\r\n        // get env() {\r\n        //   // builder.env query param, hash, cookie\r\n        //   return 'prod';\r\n        // }\r\n        get: function () {\r\n            if (this.overrideHost) {\r\n                return this.overrideHost;\r\n            }\r\n            switch (this.env) {\r\n                case 'qa':\r\n                    return 'https://qa.builder.io';\r\n                case 'development':\r\n                case 'dev':\r\n                    return 'http://localhost:5000';\r\n                default:\r\n                    return 'https://builder.io';\r\n            }\r\n        },\r\n        enumerable: true,\r\n        configurable: true\r\n    });\r\n    Builder.prototype.flushGetContentQueue = function (usePastQueue) {\r\n        var _this = this;\r\n        if (usePastQueue === void 0) { usePastQueue = false; }\r\n        if (!this.apiKey) {\r\n            throw new Error('Builder needs to be initialized with an API key!');\r\n        }\r\n        if (!usePastQueue && !this.getContentQueue) {\r\n            return;\r\n        }\r\n        // TODO: do this on every request send?\r\n        this.getOverridesFromQueryString();\r\n        var queryParams = {};\r\n        var pageQueryParams = typeof location !== 'undefined' ? queryString.parse(location.search) : undefined || {};\r\n        var userAttributes = this.targetContent\r\n            ? this.getUserAttributes()\r\n            : {\r\n                urlPath: this.getLocation().pathname,\r\n            };\r\n        // TODO: merge in the attribute from query string ones\r\n        // TODO: make this an option per component/request\r\n        queryParams.userAttributes = Builder.useNewApi\r\n            ? userAttributes\r\n            : stableStringify(userAttributes);\r\n        var queue = (usePastQueue ? this.priorContentQueue : this.getContentQueue) || [];\r\n        if (!usePastQueue) {\r\n            this.priorContentQueue = queue;\r\n            this.getContentQueue = null;\r\n        }\r\n        // TODO: cachebust if bd.noCache in request, also perhaps if in iframe\r\n        // if (options.cachebust) {\r\n        //   queryParams.t = Date.now().toString();\r\n        // }\r\n        var cachebust = this.cachebust ||\r\n            isIframe ||\r\n            pageQueryParams.cachebust ||\r\n            pageQueryParams['builder.cachebust'];\r\n        if (cachebust || this.env !== 'production') {\r\n            queryParams.cachebust = true;\r\n            queryParams.cachebuster = Date.now();\r\n        }\r\n        if (this.noCache || this.env !== 'production') {\r\n            queryParams.noCache = true;\r\n        }\r\n        if (size(this.overrides)) {\r\n            for (var key in this.overrides) {\r\n                if (this.overrides.hasOwnProperty(key)) {\r\n                    queryParams[\"overrides.\" + key] = this.overrides[key];\r\n                }\r\n            }\r\n        }\r\n        if (Builder.useNewApi && !Builder.isReact) {\r\n            // TODO: remove me once v1 page editors converted to v2\r\n            // queryParams.extractCss = true;\r\n            queryParams.prerender = true;\r\n        }\r\n        if (Builder.useNewApi) {\r\n            for (var _i = 0, queue_1 = queue; _i < queue_1.length; _i++) {\r\n                var options = queue_1[_i];\r\n                var model = options.model;\r\n                // const modelsToUseOldVersion = ['homepage-take-over', 'custom-page', 'merchandised-content'];\r\n                // const forceNoPreRender =\r\n                //   this.apiKey === 'bqNZC3dTGjwbxXySE419' && modelsToUseOldVersion.indexOf(model) !== -1;\r\n                // if (forceNoPreRender) {\r\n                //   queryParams.options = queryParams.options || {};\r\n                //   queryParams.options[model] = queryParams.options[model] || {};\r\n                //   queryParams.options[model].prerender = false;\r\n                // }\r\n                var properties = [\r\n                    'prerender',\r\n                    'extractCss',\r\n                    'limit',\r\n                    'offset',\r\n                ];\r\n                for (var _a = 0, properties_1 = properties; _a < properties_1.length; _a++) {\r\n                    var key = properties_1[_a];\r\n                    var value = options[key];\r\n                    if (value) {\r\n                        queryParams.options = queryParams.options || {};\r\n                        queryParams.options[model] = queryParams.options[model] || {};\r\n                        queryParams.options[model][key] = JSON.stringify(value);\r\n                    }\r\n                }\r\n            }\r\n        }\r\n        var hasParams = Object.keys(queryParams).length > 0;\r\n        // TODO: option to force dev or qa api here\r\n        var host = this.useNewContentApi ? 'https://lambda.builder.codes' : this.host;\r\n        var modelNames = queue.map(function (item) { return item.model; }).join(',');\r\n        var queryStr = Builder.useNewApi\r\n            ? qs.stringify(queryParams, { allowDots: true })\r\n            : queryString.stringify(queryParams);\r\n        // FIXME: have a \"core\" SDK that doesn't implement http,\r\n        // so SDKs like angular can use it's own http method\r\n        var promise = this.requestUrl(host + \"/api/v1/\" + (Builder.useNewApi ? 'query' : 'content') + \"/\" + this.apiKey + \"/\" + modelNames +\r\n            (queryParams && hasParams ? \"?\" + queryStr : ''))\r\n            .then(function (result) {\r\n            for (var _i = 0, queue_2 = queue; _i < queue_2.length; _i++) {\r\n                var options = queue_2[_i];\r\n                var modelName = options.model;\r\n                if (modelName === _this.blockContentLoading) {\r\n                    continue;\r\n                }\r\n                var isEditingThisModel = _this.editingModel === modelName;\r\n                if (isEditingThisModel) {\r\n                    parent.postMessage({ type: 'builder.updateContent' }, '*');\r\n                    return;\r\n                }\r\n                var observer = _this.observersByModelType[modelName];\r\n                if (!observer) {\r\n                    return;\r\n                }\r\n                var data = result[modelName];\r\n                var sorted = sortBy(data, function (item) { return item.priority; });\r\n                var testModifiedResults = _this.processResultsForTests(sorted);\r\n                observer.next(testModifiedResults);\r\n                // observer.next(sorted);\r\n            }\r\n        })\r\n            .catch(function (err) {\r\n            for (var _i = 0, queue_3 = queue; _i < queue_3.length; _i++) {\r\n                var options = queue_3[_i];\r\n                var modelName = options.model;\r\n                var observer = _this.observersByModelType[modelName];\r\n                if (!observer) {\r\n                    return;\r\n                }\r\n                observer.error(err);\r\n            }\r\n        });\r\n        return promise;\r\n    };\r\n    Builder.prototype.processResultsForTests = function (results) {\r\n        var _this = this;\r\n        var mappedResults = results.map(function (item) {\r\n            if (!item.variations) {\r\n                return item;\r\n            }\r\n            var cookieValue = _this.getTestCookie(item.id);\r\n            var cookieVariation = cookieValue === item.id ? item : item.variations[cookieValue];\r\n            if (cookieVariation) {\r\n                return tslib_1.__assign({}, item, { data: cookieVariation.data, variationId: cookieValue });\r\n            }\r\n            if (item.variations) {\r\n                var n = 0;\r\n                var random = Math.random();\r\n                for (var id in item.variations) {\r\n                    var variation = item.variations[id];\r\n                    var testRatio = variation.testRatio;\r\n                    n += testRatio;\r\n                    if (random < n) {\r\n                        _this.setTestCookie(item.id, variation.id);\r\n                        return tslib_1.__assign({}, item, { data: variation.data, variationId: variation.id, testVariationId: variation.id, testVariationName: variation.name });\r\n                    }\r\n                }\r\n            }\r\n            _this.setTestCookie(item.id, item.id);\r\n            return tslib_1.__assign({}, item, { variationId: item.id }, (item.variations &&\r\n                size(item.variations) && {\r\n                testVariationId: item.id,\r\n                testVariationName: 'default',\r\n            }));\r\n        });\r\n        if (isIframe) {\r\n            window.parent.postMessage({ type: 'builder.contentResults', data: { results: mappedResults } }, '*');\r\n        }\r\n        return mappedResults;\r\n    };\r\n    Builder.prototype.getTestCookie = function (contentId) {\r\n        return this.getCookie(this.testCookiePrefix + \".\" + contentId);\r\n    };\r\n    Builder.prototype.setTestCookie = function (contentId, variationId) {\r\n        if (!this.canTrack) {\r\n            this.cookieQueue.push([contentId, variationId]);\r\n            return;\r\n        }\r\n        // 30 days from now\r\n        var future = new Date();\r\n        future.setDate(future.getDate() + 30);\r\n        return this.setCookie(this.testCookiePrefix + \".\" + contentId, variationId, {\r\n            expires: future,\r\n        });\r\n    };\r\n    Builder.prototype.getCookie = function (name) {\r\n        return Cookies.get(name);\r\n    };\r\n    Builder.prototype.setCookie = function (name, value, options /* Cookies.CookieAttributes */) {\r\n        return Cookies.set(name, value, options);\r\n    };\r\n    // TODO:˝ param overrides\r\n    // TODO: gather user attributes\r\n    // Forward query to a server call so params like no cache or overrides can be extraced and applied\r\n    Builder.prototype.getContent = function (modelName, options) {\r\n        if (options === void 0) { options = {}; }\r\n        if (!this.apiKey) {\r\n            throw new Error('Builder needs to be initialized with an API key!');\r\n        }\r\n        return this.queueGetContent(modelName);\r\n    };\r\n    Builder.animator = new Animator();\r\n    Builder.components = [];\r\n    Builder.nextTick = nextTick;\r\n    Builder.VERSION = version;\r\n    Builder.useNewApi = true;\r\n    Builder._editingPage = false;\r\n    Builder.isIframe = isIframe;\r\n    Builder.isBrowser = isBrowser;\r\n    Builder.isReact = false;\r\n    Builder.overrideUserAttributes = {};\r\n    return Builder;\r\n}());\r\nexport { Builder };\r\n","dts":{"name":"/Users/steve/Projects/bridge/builder/clients/js/dist/clients/js/src/builder.class.d.ts","text":"/// <reference types=\"node\" />\r\nimport 'core-js/features/promise';\r\nimport { BehaviorSubject, Observable, Observer } from 'rxjs';\r\nimport { Url } from 'url';\r\nimport { Animator } from './classes/animator.class';\r\nimport { nextTick } from './functions/next-tick.function';\r\nexport declare const isBrowser: boolean;\r\nexport declare const isIframe: boolean;\r\nexport interface ParamsMap {\r\n    [key: string]: any;\r\n}\r\nexport interface UserAttributes {\r\n    urlPath?: string;\r\n    queryString?: string | ParamsMap;\r\n    device?: 'mobile' | 'tablet' | 'desktop';\r\n    location?: any;\r\n    userAgent?: string;\r\n    referrer?: string;\r\n    entryMedium?: string;\r\n    language?: string;\r\n    browser?: string;\r\n    cookie?: string;\r\n    newVisitor?: boolean;\r\n    operatingSystem?: string;\r\n}\r\nexport interface GetContentOptions {\r\n    userAttributes?: UserAttributes;\r\n    limit?: number;\r\n    cachebust?: boolean;\r\n    prerender?: boolean;\r\n    extractCss?: boolean;\r\n    offset?: number;\r\n    initialContent?: any;\r\n    model?: string;\r\n}\r\nexport declare type Class = {\r\n    name: string;\r\n    new (...args: any[]): any;\r\n};\r\nexport interface Input {\r\n    name: string;\r\n    friendlyName?: string;\r\n    description?: string;\r\n    defaultValue?: any;\r\n    type: string;\r\n    required?: boolean;\r\n    subFields?: Input[];\r\n    helperText?: string;\r\n    allowedFileTypes?: string[];\r\n    imageHeight?: number;\r\n    imageWidth?: number;\r\n    mediaHeight?: number;\r\n    mediaWidth?: number;\r\n    hideFromUI?: boolean;\r\n    modelId?: string;\r\n    enum?: string[];\r\n    advanced?: boolean;\r\n}\r\nexport interface Component {\r\n    name: string;\r\n    description?: string;\r\n    image?: string;\r\n    inputs?: Input[];\r\n    class?: Class;\r\n    type?: 'angular' | 'webcomponent' | 'react';\r\n}\r\nexport declare function BuilderComponent(info?: Partial<Component>): (component: Class) => void;\r\nexport declare class Builder {\r\n    static animator: Animator;\r\n    static components: Component[];\r\n    static nextTick: typeof nextTick;\r\n    static VERSION: any;\r\n    static useNewApi: boolean;\r\n    static fields(name: string, fields: Input[]): void;\r\n    static loadGoogleFont(fontName: string): void;\r\n    private static _editingPage;\r\n    static isIframe: boolean;\r\n    static isBrowser: boolean;\r\n    static editingPage: boolean;\r\n    static component(info?: Partial<Component>): (component: Class) => void;\r\n    static isReact: boolean;\r\n    static readonly Component: typeof Builder.component;\r\n    private eventsQueue;\r\n    private throttledClearEventsQueue;\r\n    private processEventsQueue();\r\n    env: 'production' | 'qa' | 'development' | 'dev';\r\n    protected isUsed: boolean;\r\n    sessionId: string;\r\n    targetContent: boolean;\r\n    private cachebust;\r\n    private noCache;\r\n    private overrideHost;\r\n    readonly browserTrackingDisabled: boolean;\r\n    canTrack: boolean;\r\n    private canTrack$;\r\n    private apiKey$;\r\n    editingMode: boolean;\r\n    editingMode$: BehaviorSubject<boolean>;\r\n    editingModel: string | null;\r\n    private findParentElement(target, callback, checkElement?);\r\n    private findBuilderParent(target);\r\n    editingModel$: BehaviorSubject<string | null>;\r\n    setUserAgent(userAgent: string): void;\r\n    userAgent: string;\r\n    track(eventName: string, properties?: any): void;\r\n    getSessionId(): string;\r\n    trackImpression(contentId: string, variationId?: string): void;\r\n    autoTrack: boolean;\r\n    useNewContentApi: boolean;\r\n    private readonly isDevelopmentEnv;\r\n    trackInteraction(contentId: string, variationId?: string, alreadyTrackedOne?: boolean, event?: MouseEvent): void;\r\n    static overrideUserAttributes: Partial<UserAttributes>;\r\n    component(info?: Partial<Component>): (component: Class) => void;\r\n    apiKey: string | null;\r\n    constructor(apiKey?: string | null);\r\n    setTestsFromUrl(): void;\r\n    getOverridesFromQueryString(): void;\r\n    private messageFrameLoaded();\r\n    private blockContentLoading;\r\n    private bindMessageListeners();\r\n    observersByModelType: {\r\n        [key: string]: Observer<any> | undefined;\r\n    };\r\n    init(apiKey: string, canTrack?: boolean): this;\r\n    getLocation(): Url;\r\n    getUserAttributes(userAgent?: string): UserAttributes;\r\n    protected overrides: {\r\n        [key: string]: string;\r\n    };\r\n    setUserAttributes(options: object): void;\r\n    private getContentQueue;\r\n    private priorContentQueue;\r\n    get(modelName: string, options?: GetContentOptions): Observable<{\r\n        data: any;\r\n        id: any;\r\n        testVariationId: any;\r\n        testVariationName: any;\r\n    } | null>;\r\n    queueGetContent(modelName: string, options?: GetContentOptions): Observable<any[]>;\r\n    requestUrl(url: string): Promise<any>;\r\n    readonly host: string;\r\n    private flushGetContentQueue(usePastQueue?);\r\n    private testCookiePrefix;\r\n    private processResultsForTests(results);\r\n    private getTestCookie(contentId);\r\n    private cookieQueue;\r\n    private setTestCookie(contentId, variationId);\r\n    protected getCookie(name: string): any;\r\n    protected setCookie(name: string, value: any, options?: any): void;\r\n    getContent(modelName: string, options?: GetContentOptions): Observable<any[]>;\r\n}\r\n"}}

package/.rpt2_cache/57e851c872924bdb9494c14d43157e062e44b617/semanticDiagnostics/cache/0f554c71bccddbec9ad128043aae9957be48c436

@@ -1 +0,0 @@
-[]

package/.rpt2_cache/57e851c872924bdb9494c14d43157e062e44b617/semanticDiagnostics/cache/0f931f12c5afd41b4366de612d30d54b4d466488

@@ -1 +0,0 @@
-[]

package/.rpt2_cache/57e851c872924bdb9494c14d43157e062e44b617/semanticDiagnostics/cache/be88a0a77d234b1983f0f1075e8e4a7a80c2724a

@@ -1 +0,0 @@
-[]

package/.rpt2_cache/57e851c872924bdb9494c14d43157e062e44b617/semanticDiagnostics/cache/e07adb3a1360f9412412e91eee0d29389145f1d1

@@ -1 +0,0 @@
-[]

package/.rpt2_cache/57e851c872924bdb9494c14d43157e062e44b617/semanticDiagnostics/cache/ec7bc102ad93e731cc3c9e9901909d18d4eba2ff

@@ -1 +0,0 @@
-[]

package/.rpt2_cache/57e851c872924bdb9494c14d43157e062e44b617/syntacticDiagnostics/cache/0f554c71bccddbec9ad128043aae9957be48c436

@@ -1 +0,0 @@
-[]

package/.rpt2_cache/57e851c872924bdb9494c14d43157e062e44b617/syntacticDiagnostics/cache/0f931f12c5afd41b4366de612d30d54b4d466488

@@ -1 +0,0 @@
-[]

package/.rpt2_cache/57e851c872924bdb9494c14d43157e062e44b617/syntacticDiagnostics/cache/be88a0a77d234b1983f0f1075e8e4a7a80c2724a

@@ -1 +0,0 @@
-[]

package/.rpt2_cache/57e851c872924bdb9494c14d43157e062e44b617/syntacticDiagnostics/cache/e07adb3a1360f9412412e91eee0d29389145f1d1

@@ -1 +0,0 @@
-[]

package/.rpt2_cache/57e851c872924bdb9494c14d43157e062e44b617/syntacticDiagnostics/cache/ec7bc102ad93e731cc3c9e9901909d18d4eba2ff

@@ -1 +0,0 @@
-[]

package/.rpt2_cache/5c7be55d72395c8d4b49b6497d5c2586dc7a72a4/code/cache/0f554c71bccddbec9ad128043aae9957be48c436

@@ -1 +0,0 @@
-{"code":"import throttle from 'lodash-es/throttle';\r\nimport last from 'lodash-es/last';\r\nimport kebabCase from 'lodash-es/kebabCase';\r\nvar Animator = /** @class */ (function () {\r\n    function Animator() {\r\n    }\r\n    Animator.prototype.bindAnimations = function (animations) {\r\n        for (var _i = 0, animations_1 = animations; _i < animations_1.length; _i++) {\r\n            var animation = animations_1[_i];\r\n            switch (animation.trigger) {\r\n                case 'pageLoad':\r\n                    this.triggerAnimation(animation);\r\n                    break;\r\n                case 'hover':\r\n                    this.bindHoverAnimation(animation);\r\n                    break;\r\n                case 'scrollInView':\r\n                    this.bindScrollInViewAnimation(animation);\r\n                    break;\r\n            }\r\n        }\r\n    };\r\n    Animator.prototype.warnElementNotPresent = function (id) {\r\n        console.warn(\"Cannot animate element: element with ID \" + id + \" not found!\");\r\n    };\r\n    Animator.prototype.augmentAnimation = function (animation, element) {\r\n        var stylesUsed = this.getAllStylesUsed(animation);\r\n        var computedStyle = getComputedStyle(element);\r\n        // const computedStyle = getComputedStyle(element);\r\n        // // FIXME: this will break if original load is in one reponsive size then resize to another hmmm\r\n        // Need to use transform instead of left since left can change on screen sizes\r\n        var firstStyles = animation.steps[0].styles;\r\n        var lastStyles = last(animation.steps).styles;\r\n        var bothStyles = [firstStyles, lastStyles];\r\n        // FIXME: this won't work as expected for augmented animations - may need the editor itself to manage this\r\n        for (var _i = 0, bothStyles_1 = bothStyles; _i < bothStyles_1.length; _i++) {\r\n            var styles = bothStyles_1[_i];\r\n            for (var _a = 0, stylesUsed_1 = stylesUsed; _a < stylesUsed_1.length; _a++) {\r\n                var style = stylesUsed_1[_a];\r\n                if (!(style in styles)) {\r\n                    styles[style] = computedStyle[style];\r\n                }\r\n            }\r\n        }\r\n    };\r\n    Animator.prototype.getAllStylesUsed = function (animation) {\r\n        var properties = [];\r\n        for (var _i = 0, _a = animation.steps; _i < _a.length; _i++) {\r\n            var step = _a[_i];\r\n            for (var key in step.styles) {\r\n                if (properties.indexOf(key) === -1) {\r\n                    properties.push(key);\r\n                }\r\n            }\r\n        }\r\n        return properties;\r\n    };\r\n    Animator.prototype.triggerAnimation = function (animation) {\r\n        var element = document.getElementById(animation.elementId);\r\n        if (!element) {\r\n            this.warnElementNotPresent(animation.elementId);\r\n            return;\r\n        }\r\n        this.augmentAnimation(animation, element);\r\n        // TODO: do this properly, may have other animations of different properties\r\n        // TODO: only override the properties\r\n        // TODO: if there is an entrance and hover animation, the transition duration will get effed\r\n        // element.setAttribute('style', '');\r\n        var styledUsed = this.getAllStylesUsed(animation);\r\n        element.style.transition = 'none';\r\n        element.style.transitionDelay = '0';\r\n        Object.assign(element.style, animation.steps[0].styles);\r\n        setTimeout(function () {\r\n            element.style.transition = \"all \" + animation.duration + \"s \" + kebabCase(animation.easing);\r\n            if (animation.delay) {\r\n                element.style.transitionDelay = animation.delay + 's';\r\n            }\r\n            Object.assign(element.style, animation.steps[1].styles);\r\n            // TODO: maybe remove/reset transitoin property after animation duration\r\n            setTimeout(function () {\r\n                element.style.transition = '';\r\n                element.style.transitionDelay = '';\r\n            }, (animation.delay || 0) * 1000 + animation.duration * 1000);\r\n        });\r\n    };\r\n    Animator.prototype.bindHoverAnimation = function (animation) {\r\n        // TODO: unbind on element remove\r\n        var element = document.getElementById(animation.elementId);\r\n        if (!element) {\r\n            this.warnElementNotPresent(animation.elementId);\r\n            return;\r\n        }\r\n        this.augmentAnimation(animation, element);\r\n        var defaultState = animation.steps[0].styles;\r\n        var hoverState = animation.steps[1].styles;\r\n        function attachDefaultState() {\r\n            Object.assign(element.style, defaultState);\r\n        }\r\n        function attachHoverState() {\r\n            Object.assign(element.style, hoverState);\r\n        }\r\n        attachDefaultState();\r\n        element.addEventListener('mouseenter', attachHoverState);\r\n        element.addEventListener('mouseleave', attachDefaultState);\r\n        setTimeout(function () {\r\n            element.style.transition = \"all \" + animation.duration + \"s \" + kebabCase(animation.easing);\r\n            if (animation.delay) {\r\n                element.style.transitionDelay = animation.delay + 's';\r\n            }\r\n        });\r\n    };\r\n    // TODO: unbind on element remove\r\n    Animator.prototype.bindScrollInViewAnimation = function (animation) {\r\n        var element = document.getElementById(animation.elementId);\r\n        if (!element) {\r\n            this.warnElementNotPresent(animation.elementId);\r\n            return;\r\n        }\r\n        this.augmentAnimation(animation, element);\r\n        var triggered = false;\r\n        // TODO: roll all of these in one for more efficiency of checking all the rects\r\n        var onScroll = throttle(function () {\r\n            if (!triggered && isScrolledIntoView(element)) {\r\n                triggered = true;\r\n                Object.assign(element.style, animation.steps[1].styles);\r\n                document.removeEventListener('scroll', onScroll);\r\n                setTimeout(function () {\r\n                    element.style.transition = '';\r\n                    element.style.transitionDelay = '';\r\n                }, animation.duration * 1000);\r\n            }\r\n        }, 100, { leading: false });\r\n        // TODO: fully in view or partially\r\n        function isScrolledIntoView(elem) {\r\n            var rect = elem.getBoundingClientRect();\r\n            var windowHeight = window.innerHeight;\r\n            var thresholdPrecent = 0.2;\r\n            var threshold = thresholdPrecent * windowHeight;\r\n            // TODO: partial in view? or what if element is larger than screen itself\r\n            return (rect.bottom > threshold && rect.top < windowHeight - threshold // Element is peeking top or bottom\r\n            );\r\n        }\r\n        var defaultState = animation.steps[0].styles;\r\n        function attachDefaultState() {\r\n            Object.assign(element.style, defaultState);\r\n        }\r\n        attachDefaultState();\r\n        setTimeout(function () {\r\n            element.style.transition = \"all \" + animation.duration + \"s \" + kebabCase(animation.easing);\r\n            if (animation.delay) {\r\n                element.style.transitionDelay = animation.delay + 's';\r\n            }\r\n        });\r\n        // TODO: one listener for everything\r\n        document.addEventListener('scroll', onScroll, { capture: true, passive: true });\r\n        element.addEventListener('remove', function () {\r\n            document.removeEventListener('scroll', onScroll);\r\n        });\r\n        // Do an initial check\r\n        onScroll();\r\n    };\r\n    return Animator;\r\n}());\r\nexport { Animator };\r\n","dts":{"name":"/Users/steve/Projects/bridge/builder/clients/js/dist/clients/js/src/classes/animator.class.d.ts","text":"export interface AnimationStep {\r\n    styles: {\r\n        [key: string]: string;\r\n    };\r\n    delay?: number;\r\n}\r\nexport interface Animation {\r\n    elementId: string;\r\n    trigger: string;\r\n    steps: AnimationStep[];\r\n    duration: number;\r\n    delay?: number;\r\n    easing?: string;\r\n}\r\nexport declare class Animator {\r\n    bindAnimations(animations: Animation[]): void;\r\n    private warnElementNotPresent(id);\r\n    private augmentAnimation(animation, element);\r\n    private getAllStylesUsed(animation);\r\n    triggerAnimation(animation: Animation): void;\r\n    bindHoverAnimation(animation: Animation): void;\r\n    bindScrollInViewAnimation(animation: Animation): void;\r\n}\r\n"}}

package/.rpt2_cache/5c7be55d72395c8d4b49b6497d5c2586dc7a72a4/code/cache/1e80c6fada6a0156261bc4661b32df13e15788d7

@@ -1 +0,0 @@
-{"code":"import * as tslib_1 from \"tslib\";\r\nimport * as Cookies from 'js-cookie';\r\nimport * as stringify from 'json-stable-stringify';\r\nimport includes from 'lodash-es/includes';\r\nimport omit from 'lodash-es/omit';\r\nimport round from 'lodash-es/round';\r\nimport sortBy from 'lodash-es/sortBy';\r\nimport size from 'lodash-es/size';\r\nimport throttle from 'lodash-es/throttle';\r\nimport * as queryString from 'query-string';\r\nimport { BehaviorSubject, Observable } from 'rxjs';\r\nimport { map } from 'rxjs/operators';\r\nimport * as parser from 'ua-parser-js';\r\nimport * as uniqueSelectorImport from 'unique-selector';\r\nimport * as URL from 'url';\r\nimport { Animator } from './classes/animator.class';\r\nimport { EventCapturer } from './classes/event-capturer.class';\r\nimport { nextTick } from './functions/next-tick.function';\r\nimport * as qs from 'qs';\r\nimport { version } from '../package.json';\r\nimport * as es6Promise from 'es6-promise';\r\nvar parse = URL.parse;\r\nes6Promise.polyfill();\r\nimport 'isomorphic-fetch';\r\nvar uniqueSelector = uniqueSelectorImport.default || uniqueSelectorImport;\r\nvar sessionStorageKey = 'builderSessionId';\r\n// Annoying workaround for module loading\r\nvar stableStringify = stringify.default || stringify;\r\nvar anyParser = parser;\r\nexport var isBrowser = typeof window !== 'undefined';\r\nexport var isIframe = isBrowser && window.top !== window.self;\r\nvar fetch = (isBrowser && window.fetch) || require('node-fetch').default;\r\n// Workaround for oddly random module loading issues\r\nvar UaParser = typeof anyParser.default === 'function' ? anyParser.default : anyParser;\r\nexport function BuilderComponent(info) {\r\n    if (info === void 0) { info = {}; }\r\n    return function (component) {\r\n        var spec = tslib_1.__assign({}, info, { class: component });\r\n        if (!spec.name) {\r\n            spec.name = component.name;\r\n        }\r\n        if (!Builder.components.find(function (item) { return item.name === spec.name; })) {\r\n            Builder.components.push(spec);\r\n            // TODO: serialize component name and inputs\r\n            if (isBrowser) {\r\n                window.parent.postMessage({\r\n                    type: 'builder.registerComponent',\r\n                    data: omit(spec, 'class'),\r\n                }, '*');\r\n            }\r\n        }\r\n    };\r\n}\r\nvar Builder = /** @class */ (function () {\r\n    function Builder(apiKey) {\r\n        if (apiKey === void 0) { apiKey = null; }\r\n        var _this = this;\r\n        this.apiKey = apiKey;\r\n        this.eventsQueue = [];\r\n        this.throttledClearEventsQueue = throttle(function () {\r\n            _this.processEventsQueue();\r\n        }, 100);\r\n        this.isUsed = false;\r\n        this.sessionId = this.getSessionId();\r\n        this.targetContent = true;\r\n        this.canTrack$ = new BehaviorSubject(!this.browserTrackingDisabled);\r\n        this.editingMode$ = new BehaviorSubject(isIframe);\r\n        // TODO: decorator to do this stuff with the get/set (how do with typing too? compiler?)\r\n        this.editingModel$ = new BehaviorSubject(null);\r\n        this.userAgent = (typeof navigator === 'object' && navigator.userAgent) || '';\r\n        this.autoTrack = !this.isDevelopmentEnv;\r\n        this.useNewContentApi = false;\r\n        this.blockContentLoading = '';\r\n        this.observersByModelType = {};\r\n        this.overrides = {};\r\n        this.getContentQueue = null;\r\n        this.priorContentQueue = null;\r\n        // get env() {\r\n        //   // builder.env query param, hash, cookie\r\n        //   return 'prod';\r\n        // }\r\n        this.env = 'production';\r\n        // TODO: how prune deprecated tests\r\n        // TODO: save as one big cookie for html API... hm...\r\n        // Also do versions and recalculating\r\n        this.testCookiePrefix = 'builder.tests';\r\n        this.cookieQueue = [];\r\n        if (isBrowser) {\r\n            this.bindMessageListeners();\r\n            window.BUILDER_VERSION = Builder.VERSION;\r\n        }\r\n        if (isIframe) {\r\n            this.loadFullStory();\r\n            this.messageFrameLoaded();\r\n        }\r\n        // TODO: on destroy clear subscription\r\n        this.canTrack$.subscribe(function (value) {\r\n            if (value) {\r\n                if (typeof sessionStorage !== 'undefined') {\r\n                    if (!sessionStorage.getItem(sessionStorageKey)) {\r\n                        sessionStorage.setItem(sessionStorageKey, _this.sessionId);\r\n                    }\r\n                }\r\n                if (_this.eventsQueue.length) {\r\n                    _this.throttledClearEventsQueue();\r\n                }\r\n                if (_this.cookieQueue.length) {\r\n                    _this.cookieQueue.forEach(function (item) {\r\n                        _this.setCookie(item[0], item[1]);\r\n                    });\r\n                    _this.cookieQueue.length = 0;\r\n                }\r\n            }\r\n        });\r\n        if (isBrowser) {\r\n            // TODO: defer so subclass constructor runs and injects location service\r\n            this.setTestsFromUrl();\r\n        }\r\n    }\r\n    Builder.fields = function (name, fields) {\r\n        window.parent.postMessage({\r\n            type: 'builder.fields',\r\n            data: {\r\n                name: name,\r\n                fields: fields,\r\n            },\r\n        }, '*');\r\n    };\r\n    Builder.loadGoogleFont = function (fontName) {\r\n        if (!this.isBrowser) {\r\n            return;\r\n        }\r\n        var link = document.createElement('link');\r\n        link.rel = 'stylesheet';\r\n        link.href = \"https://fonts.googleapis.com/css?family=\" + fontName.replace(/\\s/g, '+');\r\n        document.body.appendChild(link);\r\n    };\r\n    Object.defineProperty(Builder, \"editingPage\", {\r\n        get: function () {\r\n            return this._editingPage;\r\n        },\r\n        set: function (editingPage) {\r\n            this._editingPage = editingPage;\r\n            if (isBrowser && isIframe) {\r\n                if (editingPage) {\r\n                    document.body.classList.add('builder-editing-page');\r\n                }\r\n                else {\r\n                    document.body.classList.remove('builder-editing-page');\r\n                }\r\n            }\r\n        },\r\n        enumerable: true,\r\n        configurable: true\r\n    });\r\n    // TODO: style guide, etc off this system as well?\r\n    Builder.component = function (info) {\r\n        var _this = this;\r\n        if (info === void 0) { info = {}; }\r\n        return function (component) {\r\n            var spec = tslib_1.__assign({}, info, { class: component });\r\n            if (!spec.name) {\r\n                spec.name = component.name;\r\n            }\r\n            if (!_this.components.find(function (item) { return item.name === spec.name; })) {\r\n                _this.components.push(spec);\r\n                // TODO: serialize component name and inputs\r\n                if (isBrowser) {\r\n                    window.parent.postMessage({\r\n                        type: 'builder.registerComponent',\r\n                        data: omit(spec, 'class'),\r\n                    }, '*');\r\n                }\r\n            }\r\n        };\r\n    };\r\n    Object.defineProperty(Builder, \"Component\", {\r\n        get: function () {\r\n            return this.component;\r\n        },\r\n        enumerable: true,\r\n        configurable: true\r\n    });\r\n    Builder.prototype.processEventsQueue = function () {\r\n        if (!this.eventsQueue.length) {\r\n            return;\r\n        }\r\n        var events = this.eventsQueue;\r\n        this.eventsQueue = [];\r\n        // TODO: centralize this\r\n        var host = this.env === 'development' ? 'http://localhost:5000' : 'https://builder.io';\r\n        fetch(host + \"/api/v1/track\", {\r\n            method: 'POST',\r\n            body: JSON.stringify({ events: events }),\r\n            headers: {\r\n                'content-type': 'application/json',\r\n            },\r\n            mode: 'cors',\r\n        });\r\n    };\r\n    Object.defineProperty(Builder.prototype, \"browserTrackingDisabled\", {\r\n        get: function () {\r\n            return Builder.isBrowser && navigator.doNotTrack === '1';\r\n        },\r\n        enumerable: true,\r\n        configurable: true\r\n    });\r\n    Object.defineProperty(Builder.prototype, \"canTrack\", {\r\n        get: function () {\r\n            return this.canTrack$.value && !this.browserTrackingDisabled;\r\n        },\r\n        set: function (canTrack) {\r\n            if (this.canTrack !== canTrack) {\r\n                this.canTrack$.next(canTrack);\r\n            }\r\n        },\r\n        enumerable: true,\r\n        configurable: true\r\n    });\r\n    Object.defineProperty(Builder.prototype, \"editingMode\", {\r\n        get: function () {\r\n            return this.editingMode$.value;\r\n        },\r\n        set: function (value) {\r\n            if (value !== this.editingMode) {\r\n                this.editingMode$.next(value);\r\n            }\r\n        },\r\n        enumerable: true,\r\n        configurable: true\r\n    });\r\n    Object.defineProperty(Builder.prototype, \"editingModel\", {\r\n        get: function () {\r\n            return this.editingModel$.value;\r\n        },\r\n        set: function (value) {\r\n            if (value !== this.editingModel) {\r\n                this.editingModel$.next(value);\r\n            }\r\n        },\r\n        enumerable: true,\r\n        configurable: true\r\n    });\r\n    Builder.prototype.findParentElement = function (target, callback, checkElement) {\r\n        if (checkElement === void 0) { checkElement = true; }\r\n        if (!(target instanceof HTMLElement)) {\r\n            return null;\r\n        }\r\n        var parent = checkElement ? target : target.parentElement;\r\n        do {\r\n            if (!parent) {\r\n                return null;\r\n            }\r\n            var matches = callback(parent);\r\n            if (matches) {\r\n                return parent;\r\n            }\r\n        } while ((parent = parent.parentElement));\r\n        return null;\r\n    };\r\n    Builder.prototype.findBuilderParent = function (target) {\r\n        return this.findParentElement(target, function (el) { return Boolean(el.id && el.id.indexOf('builder-') === 0); });\r\n    };\r\n    Builder.prototype.setUserAgent = function (userAgent) {\r\n        this.userAgent = userAgent;\r\n    };\r\n    Builder.prototype.track = function (eventName, properties) {\r\n        if (properties === void 0) { properties = {}; }\r\n        // TODO: queue up track requests and fire them off when canTrack set to true - otherwise may get lots of clicks with no impressions\r\n        if (isIframe || !isBrowser) {\r\n            return;\r\n        }\r\n        // batch events\r\n        this.eventsQueue.push({\r\n            type: 'impression',\r\n            data: tslib_1.__assign({ metadata: {\r\n                    sdkVersion: Builder.VERSION,\r\n                    url: location.href,\r\n                } }, properties, { userAttributes: this.getUserAttributes(), sessionId: this.sessionId }),\r\n        });\r\n        if (this.canTrack) {\r\n            this.throttledClearEventsQueue();\r\n        }\r\n    };\r\n    Builder.prototype.getSessionId = function () {\r\n        var _this = this;\r\n        // TODO: don't set this until gdpr allowed....\r\n        var sessionId = (Builder.isBrowser &&\r\n            (typeof sessionStorage !== 'undefined' && sessionStorage.getItem(sessionStorageKey))) ||\r\n            '';\r\n        if (!sessionId) {\r\n            sessionId = (Date.now() + Math.random()).toString(36);\r\n        }\r\n        // Give the app a second to start up and set canTrack to false if needed\r\n        if (Builder.isBrowser) {\r\n            setTimeout(function () {\r\n                if (_this.canTrack && typeof sessionStorage !== 'undefined') {\r\n                    sessionStorage.setItem(sessionStorageKey, sessionId);\r\n                }\r\n            });\r\n        }\r\n        return sessionId;\r\n    };\r\n    Builder.prototype.trackImpression = function (contentId, variationId) {\r\n        if (isIframe || !isBrowser) {\r\n            return;\r\n        }\r\n        // TODO: use this.track method\r\n        this.eventsQueue.push({\r\n            type: 'impression',\r\n            data: {\r\n                contentId: contentId,\r\n                variationId: variationId !== contentId ? variationId : undefined,\r\n                ownerId: this.apiKey,\r\n                userAttributes: this.getUserAttributes(),\r\n                sessionId: this.sessionId,\r\n            },\r\n        });\r\n        this.throttledClearEventsQueue();\r\n    };\r\n    Object.defineProperty(Builder.prototype, \"isDevelopmentEnv\", {\r\n        // TODO: set this for QA\r\n        get: function () {\r\n            // Automatic determining of development environment\r\n            return (Builder.isIframe ||\r\n                (Builder.isBrowser && (location.hostname === 'localhost' || location.port !== '')));\r\n        },\r\n        enumerable: true,\r\n        configurable: true\r\n    });\r\n    Builder.prototype.trackInteraction = function (contentId, variationId, alreadyTrackedOne, event) {\r\n        if (alreadyTrackedOne === void 0) { alreadyTrackedOne = false; }\r\n        if (isIframe || !isBrowser) {\r\n            return;\r\n        }\r\n        var target = event && event.target;\r\n        var targetBuilderElement = target && this.findBuilderParent(target);\r\n        var metadata = {};\r\n        if (event) {\r\n            var clientX = event.clientX, clientY = event.clientY;\r\n            if (target) {\r\n                var targetRect = target.getBoundingClientRect();\r\n                var xOffset = clientX - targetRect.left;\r\n                var yOffset = clientY - targetRect.top;\r\n                var xRatio = round(xOffset / targetRect.width, 4);\r\n                var yRatio = round(yOffset / targetRect.height, 4);\r\n                metadata.targetOffset = {\r\n                    x: xRatio,\r\n                    y: yRatio,\r\n                };\r\n            }\r\n            if (targetBuilderElement) {\r\n                var targetRect = targetBuilderElement.getBoundingClientRect();\r\n                var xOffset = clientX - targetRect.left;\r\n                var yOffset = clientY - targetRect.top;\r\n                var xRatio = round(xOffset / targetRect.width, 4);\r\n                var yRatio = round(yOffset / targetRect.height, 4);\r\n                metadata.builderTargetOffset = {\r\n                    x: xRatio,\r\n                    y: yRatio,\r\n                };\r\n            }\r\n        }\r\n        // TODO: use this.track method\r\n        this.eventsQueue.push({\r\n            type: 'click',\r\n            data: {\r\n                contentId: contentId,\r\n                metadata: metadata,\r\n                variationId: variationId !== contentId ? variationId : undefined,\r\n                ownerId: this.apiKey,\r\n                unique: !alreadyTrackedOne,\r\n                targetSelector: (target && uniqueSelector(target)) || undefined,\r\n                targetBuilderElement: (targetBuilderElement && targetBuilderElement.id) || undefined,\r\n                userAttributes: this.getUserAttributes(),\r\n                sessionId: this.sessionId,\r\n            },\r\n        });\r\n        this.throttledClearEventsQueue();\r\n    };\r\n    Builder.prototype.component = function (info) {\r\n        if (info === void 0) { info = {}; }\r\n        return Builder.component(info);\r\n    };\r\n    Builder.prototype.setTestsFromUrl = function () {\r\n        var search = this.getLocation().search;\r\n        var params = qs.parse(search || '', {\r\n            allowDots: true,\r\n            ignoreQueryPrefix: true,\r\n        });\r\n        var tests = params.builder && params.builder.tests;\r\n        if (tests && typeof tests === 'object') {\r\n            for (var key in tests) {\r\n                if (tests.hasOwnProperty(key)) {\r\n                    this.setTestCookie(key, tests[key]);\r\n                }\r\n            }\r\n        }\r\n    };\r\n    Builder.prototype.getOverridesFromQueryString = function () {\r\n        var location = this.getLocation();\r\n        var params = qs.parse(location.search || '', {\r\n            allowDots: true,\r\n            ignoreQueryPrefix: true,\r\n        });\r\n        var builder = params.builder;\r\n        if (builder) {\r\n            var userAttributes = builder.userAttributes, overrides = builder.overrides;\r\n            if (userAttributes) {\r\n                this.setUserAttributes(userAttributes);\r\n            }\r\n            if (overrides) {\r\n                this.overrides = overrides;\r\n            }\r\n        }\r\n    };\r\n    Builder.prototype.messageFrameLoaded = function () {\r\n        window.parent.postMessage({\r\n            type: 'builder.loaded',\r\n            data: {\r\n                value: true,\r\n            },\r\n        }, '*');\r\n    };\r\n    Builder.prototype.bindMessageListeners = function () {\r\n        var _this = this;\r\n        // TODO: handle race condition of content already loading\r\n        // TODO: move to another file\r\n        if (isBrowser) {\r\n            addEventListener('message', function (event) {\r\n                // FIXME: what was this for?\r\n                // if (!this.isUsed) {\r\n                //   return;\r\n                // }\r\n                var url = parse(event.origin);\r\n                var allowedHosts = ['builder.io', 'localhost', 'local.builder.io', 'qa.builder.io'];\r\n                if (!includes(allowedHosts, url.hostname)) {\r\n                    return;\r\n                }\r\n                var data = event.data;\r\n                if (data) {\r\n                    switch (data.type) {\r\n                        case 'builder.ping': {\r\n                            window.parent.postMessage({\r\n                                type: 'builder.pong',\r\n                                data: {},\r\n                            }, '*');\r\n                            break;\r\n                        }\r\n                        case 'builder.triggerAnimation': {\r\n                            Builder.animator.triggerAnimation(data.data);\r\n                            break;\r\n                        }\r\n                        case 'builder.contentUpdate':\r\n                            var model = data.data.modelName;\r\n                            var contentData = data.data.data; // hmmm...\r\n                            var observer = _this.observersByModelType[model];\r\n                            if (observer) {\r\n                                observer.next([contentData]);\r\n                            }\r\n                            break;\r\n                        case 'builder.getComponents':\r\n                            // TODO: serialize component name and inputs\r\n                            window.parent.postMessage({\r\n                                type: 'builder.components',\r\n                                data: Builder.components.map(function (item) { return omit(item, 'class'); }),\r\n                            }, '*');\r\n                            break;\r\n                        case 'builder.editingModel':\r\n                            _this.editingModel = data.data.model;\r\n                            break;\r\n                        case 'builder.registerComponent':\r\n                            var componentData = data.data;\r\n                            Builder.components.push(componentData);\r\n                            break;\r\n                        case 'builder.blockContentLoading':\r\n                            if (typeof data.data.model === 'string') {\r\n                                _this.blockContentLoading = data.data.model;\r\n                            }\r\n                            break;\r\n                        case 'builder.editingMode':\r\n                            var editingMode = data.data;\r\n                            if (editingMode) {\r\n                                _this.editingMode = true;\r\n                                document.body.classList.add('builder-editing');\r\n                            }\r\n                            else {\r\n                                _this.editingMode = false;\r\n                                document.body.classList.remove('builder-editing');\r\n                            }\r\n                            break;\r\n                        case 'builder.editingPageMode':\r\n                            var editingPageMode = data.data;\r\n                            Builder.editingPage = editingPageMode;\r\n                            break;\r\n                        case 'builder.overrideUserAttributes':\r\n                            var userAttributes = data.data;\r\n                            Object.assign(Builder.overrideUserAttributes, userAttributes);\r\n                            _this.flushGetContentQueue(true);\r\n                            // TODO: refetch too\r\n                            break;\r\n                        case 'builder.overrideTestGroup':\r\n                            var _a = data.data, variationId = _a.variationId, contentId = _a.contentId;\r\n                            if (variationId && contentId) {\r\n                                _this.setTestCookie(contentId, variationId);\r\n                                _this.flushGetContentQueue(true);\r\n                            }\r\n                        case 'builder.evaluate': {\r\n                            var text_1 = data.data.text;\r\n                            var args = data.data.arguments || [];\r\n                            var id_1 = data.data.id;\r\n                            // Strip istanbul markers if they exist\r\n                            text_1 = text_1.replace(/cov_[\\w\\d]+\\.\\w\\[\\d+\\](\\[\\d+\\])?\\+\\+(;|,)/g, '');\r\n                            // tslint:disable-next-line:no-function-constructor-with-string-args\r\n                            var fn = new Function(text_1);\r\n                            var result = fn.apply(_this, args);\r\n                            if (result && typeof result.then === 'function') {\r\n                                result\r\n                                    .then(function (finalResult) {\r\n                                    window.parent.postMessage({\r\n                                        type: 'builder.evaluateResult',\r\n                                        data: {\r\n                                            id: id_1,\r\n                                            text: text_1,\r\n                                            result: finalResult,\r\n                                        },\r\n                                    }, '*');\r\n                                })\r\n                                    .catch(console.error);\r\n                            }\r\n                            else {\r\n                                window.parent.postMessage({\r\n                                    type: 'builder.evaluateResult',\r\n                                    data: {\r\n                                        result: result,\r\n                                        id: id_1,\r\n                                        text: text_1,\r\n                                    },\r\n                                }, '*');\r\n                            }\r\n                        }\r\n                    }\r\n                }\r\n            });\r\n        }\r\n    };\r\n    Builder.prototype.init = function (apiKey, canTrack) {\r\n        if (canTrack === void 0) { canTrack = true; }\r\n        this.canTrack = canTrack;\r\n        this.apiKey = apiKey;\r\n        return this;\r\n    };\r\n    Builder.prototype.getLocation = function () {\r\n        return (typeof location === 'object' && parse(location.href)) || {};\r\n    };\r\n    Builder.prototype.getUserAttributes = function (userAgent) {\r\n        if (userAgent === void 0) { userAgent = this.userAgent; }\r\n        this.isUsed = true;\r\n        // This is used\r\n        var defaultUserAgent = 'Mozilla/5.0 (Macintosh; Intel Mac OS X 10_13_6) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/68.0.3440.84 Safari/537.36';\r\n        if (!userAgent) {\r\n            // For now don't trip - a server request could come in with no user agent (e.g. a bot), lets just\r\n            // treat it as default\r\n            // console.warn(\r\n            //   'No user agent set! For help on how to set this please contact steve@builder.io'\r\n            // );\r\n        }\r\n        var ua = new UaParser(userAgent || defaultUserAgent);\r\n        // FIXME\r\n        var url = this.getLocation();\r\n        var device = ua.getDevice();\r\n        // TODO: get these from exension as well\r\n        return tslib_1.__assign({ queryString: url.search, urlPath: url.pathname, \r\n            // Removinf for now because of cache keys\r\n            // referrer: document.referrer,\r\n            // language: navigator.language.split('-')[0],\r\n            device: device.type || 'desktop', operatingSystem: (ua.getOS().name || '').toLowerCase() || undefined, browser: (ua.getBrowser().name || '').toLowerCase() || undefined }, Builder.overrideUserAttributes);\r\n    };\r\n    Builder.prototype.setUserAttributes = function (options) {\r\n        Object.assign(Builder.overrideUserAttributes, options);\r\n    };\r\n    Builder.prototype.loadFullStory = function () {\r\n        // TODO: check that the iframe's parent is buidler.io\r\n        if (!Builder.isIframe) {\r\n            return;\r\n        }\r\n        // If fullstory already loaded return\r\n        if (window['_fs_org']) {\r\n            return;\r\n        }\r\n        var script = document.createElement('script');\r\n        script.innerHTML = \"\\n      window['_fs_run_in_iframe'] = true\\n      window['_fs_debug'] = false;\\n      window['_fs_host'] = 'fullstory.com';\\n      window['_fs_org'] = 'B9193';\\n      window['_fs_namespace'] = 'FS';\\n      (function(m,n,e,t,l,o,g,y){\\n          if (e in m) {if(m.console && m.console.log) { m.console.log('FullStory namespace conflict. Please set window[\\\"_fs_namespace\\\"].');} return;}\\n          g=m[e]=function(a,b){g.q?g.q.push([a,b]):g._api(a,b);};g.q=[];\\n          o=n.createElement(t);o.async=1;o.src='https://'+_fs_host+'/s/fs.js';\\n          y=n.getElementsByTagName(t)[0];y.parentNode.insertBefore(o,y);\\n          g.identify=function(i,v){g(l,{uid:i});if(v)g(l,v)};g.setUserVars=function(v){g(l,v)};\\n          y=\\\"rec\\\";g.shutdown=function(i,v){g(y,!1)};g.restart=function(i,v){g(y,!0)};\\n          y=\\\"consent\\\";g[y]=function(a){g(y,!arguments.length||a)};\\n          g.identifyAccount=function(i,v){o='account';v=v||{};v.acctId=i;g(o,v)};\\n          g.clearUserCookie=function(){};\\n      })(window,document,window['_fs_namespace'],'script','user');\\n    \";\r\n        document.head.appendChild(script);\r\n        // const script2 = document.createElement('script');\r\n        // script2.innerHTML = `\r\n        //     (function(h,o,t,j,a,r){\r\n        //         h.hj=h.hj||function(){(h.hj.q=h.hj.q||[]).push(arguments)};\r\n        //         h._hjSettings={hjid:939017,hjsv:6};\r\n        //         a=o.getElementsByTagName('head')[0];\r\n        //         r=o.createElement('script');r.async=1;\r\n        //         r.src=t+h._hjSettings.hjid+j+h._hjSettings.hjsv;\r\n        //         a.appendChild(r);\r\n        //     })(window,document,'https://static.hotjar.com/c/hotjar-','.js?sv=');\r\n        // `;\r\n        // document.head.appendChild(script2);\r\n    };\r\n    Builder.prototype.get = function (modelName, options) {\r\n        if (options === void 0) { options = {}; }\r\n        return this.queueGetContent(modelName, options).pipe(map(function (matches) {\r\n            var match = matches && matches[0];\r\n            var matchData = match && match.data;\r\n            if (!matchData) {\r\n                return null;\r\n            }\r\n            return {\r\n                // TODO: add ab test info here and other high level stuff\r\n                data: matchData,\r\n                id: match.id,\r\n            };\r\n        }));\r\n    };\r\n    // TODO: also take priority or group name/number so can\r\n    // group fast stuff to show right away and slow or lower priority after'\r\n    // how does graphql defer work?\r\n    // TODO: add defaultContent to regular getContent method\r\n    Builder.prototype.queueGetContent = function (modelName, options) {\r\n        var _this = this;\r\n        if (options === void 0) { options = {}; }\r\n        // TODO: possibly in node send this to getContent instead, though that would have the consequence of less cache\r\n        // warming / utilization\r\n        var initialContent = options.initialContent;\r\n        if (!initialContent) {\r\n            if (!this.getContentQueue) {\r\n                this.getContentQueue = [];\r\n                nextTick(function () {\r\n                    _this.flushGetContentQueue();\r\n                });\r\n            }\r\n            this.getContentQueue.push(modelName);\r\n        }\r\n        return new Observable(function (observer) {\r\n            _this.observersByModelType[modelName] = observer;\r\n            if (initialContent) {\r\n                nextTick(function () {\r\n                    observer.next(initialContent);\r\n                });\r\n            }\r\n        });\r\n    };\r\n    Builder.prototype.requestUrl = function (url) {\r\n        return fetch(url).then(function (res) { return res.json(); });\r\n    };\r\n    Object.defineProperty(Builder.prototype, \"host\", {\r\n        get: function () {\r\n            // TODO: how test images....\r\n            return this.env === 'development' ? 'http://localhost:5000' : 'https://builder.io';\r\n        },\r\n        enumerable: true,\r\n        configurable: true\r\n    });\r\n    Builder.prototype.flushGetContentQueue = function (usePastQueue) {\r\n        var _this = this;\r\n        if (usePastQueue === void 0) { usePastQueue = false; }\r\n        if (!this.apiKey) {\r\n            throw new Error('Builder needs to be initialized with an API key!');\r\n        }\r\n        if (!usePastQueue && !this.getContentQueue) {\r\n            return;\r\n        }\r\n        // TODO: do this on every request send?\r\n        this.getOverridesFromQueryString();\r\n        var queryParams = {};\r\n        var pageQueryParams = typeof location !== 'undefined' ? queryString.parse(location.search) : undefined || {};\r\n        // TODO: merge in the attribute from query string ones\r\n        // TODO: make this an option per component/request\r\n        queryParams.userAttributes = stableStringify(this.targetContent\r\n            ? this.getUserAttributes()\r\n            : {\r\n                urlPath: this.getLocation().pathname,\r\n            });\r\n        var queue = (usePastQueue ? this.priorContentQueue : this.getContentQueue) || [];\r\n        if (!usePastQueue) {\r\n            this.priorContentQueue = queue;\r\n            this.getContentQueue = null;\r\n        }\r\n        // TODO: cachebust if bd.noCache in request, also perhaps if in iframe\r\n        // if (options.cachebust) {\r\n        //   queryParams.t = Date.now().toString();\r\n        // }\r\n        var cachebust = isIframe || pageQueryParams.cachebust || pageQueryParams['builder.cachebust'];\r\n        if (cachebust) {\r\n            queryParams.cachebuster = Date.now().toString();\r\n        }\r\n        if (size(this.overrides)) {\r\n            for (var key in this.overrides) {\r\n                if (this.overrides.hasOwnProperty(key)) {\r\n                    queryParams[\"overrides.\" + key] = this.overrides[key];\r\n                }\r\n            }\r\n        }\r\n        var hasParams = Object.keys(queryParams).length > 0;\r\n        // TODO: option to force dev or qa api here\r\n        var host = this.useNewContentApi ? 'https://lambda.builder.codes' : 'https://builder.io';\r\n        var modelNames = queue.join(',');\r\n        // FIXME: have a \"core\" SDK that doesn't implement http,\r\n        // so SDKs like angular can use it's own http method\r\n        var promise = this.requestUrl(host + \"/api/v1/content/\" + this.apiKey + \"/\" + modelNames +\r\n            (queryParams && hasParams ? \"?\" + queryString.stringify(queryParams) : ''))\r\n            .then(function (result) {\r\n            for (var _i = 0, queue_1 = queue; _i < queue_1.length; _i++) {\r\n                var modelName = queue_1[_i];\r\n                if (modelName === _this.blockContentLoading) {\r\n                    continue;\r\n                }\r\n                var observer = _this.observersByModelType[modelName];\r\n                if (!observer) {\r\n                    return;\r\n                }\r\n                var data = result[modelName];\r\n                var sorted = sortBy(data, function (item) { return item.priority; });\r\n                var testModifiedResults = _this.processResultsForTests(sorted);\r\n                observer.next(testModifiedResults);\r\n                // observer.next(sorted);\r\n            }\r\n        })\r\n            .catch(function (err) {\r\n            for (var _i = 0, queue_2 = queue; _i < queue_2.length; _i++) {\r\n                var modelName = queue_2[_i];\r\n                var observer = _this.observersByModelType[modelName];\r\n                if (!observer) {\r\n                    return;\r\n                }\r\n                observer.error(err);\r\n            }\r\n        });\r\n    };\r\n    Builder.prototype.processResultsForTests = function (results) {\r\n        var _this = this;\r\n        var mappedResults = results.map(function (item) {\r\n            if (!item.variations) {\r\n                return item;\r\n            }\r\n            var cookieValue = _this.getTestCookie(item.id);\r\n            var cookieVariation = cookieValue === item.id ? item : item.variations[cookieValue];\r\n            if (cookieVariation) {\r\n                return tslib_1.__assign({}, item, { data: cookieVariation.data, variationId: cookieValue });\r\n            }\r\n            if (item.variations) {\r\n                var n = 0;\r\n                var random = Math.random();\r\n                for (var id in item.variations) {\r\n                    var variation = item.variations[id];\r\n                    var testRatio = variation.testRatio;\r\n                    n += testRatio;\r\n                    if (random < n) {\r\n                        _this.setTestCookie(item.id, variation.id);\r\n                        return tslib_1.__assign({}, item, { data: variation.data, variationId: variation.id });\r\n                    }\r\n                }\r\n            }\r\n            _this.setTestCookie(item.id, item.id);\r\n            return item;\r\n        });\r\n        if (isIframe) {\r\n            window.parent.postMessage({ type: 'builder.contentResults', data: { results: mappedResults } }, '*');\r\n        }\r\n        return mappedResults;\r\n    };\r\n    Builder.prototype.getTestCookie = function (contentId) {\r\n        return this.getCookie(this.testCookiePrefix + \".\" + contentId);\r\n    };\r\n    Builder.prototype.setTestCookie = function (contentId, variationId) {\r\n        if (!this.canTrack) {\r\n            this.cookieQueue.push([contentId, variationId]);\r\n            return;\r\n        }\r\n        // 30 days from now\r\n        var future = new Date();\r\n        future.setDate(future.getDate() + 30);\r\n        return this.setCookie(this.testCookiePrefix + \".\" + contentId, variationId, {\r\n            expires: future,\r\n        });\r\n    };\r\n    Builder.prototype.getCookie = function (name) {\r\n        return Cookies.get(name);\r\n    };\r\n    Builder.prototype.setCookie = function (name, value, options /* Cookies.CookieAttributes */) {\r\n        return Cookies.set(name, value, options);\r\n    };\r\n    // TODO:˝ param overrides\r\n    // TODO: gather user attributes\r\n    // Forward query to a server call so params like no cache or overrides can be extraced and applied\r\n    Builder.prototype.getContent = function (modelName, options) {\r\n        var _this = this;\r\n        if (options === void 0) { options = {}; }\r\n        if (!this.apiKey) {\r\n            throw new Error('Builder needs to be initialized with an API key!');\r\n        }\r\n        var location = this.getLocation();\r\n        // TODO: do this on every request send?\r\n        this.getOverridesFromQueryString();\r\n        var queryParams = (typeof options.queryString === 'string'\r\n            ? queryString.parse(options.queryString)\r\n            : typeof location !== 'undefined'\r\n                ? queryString.parse(location.search || '')\r\n                : undefined) || {};\r\n        // TODO: merge in the attribute from query string ones\r\n        queryParams.userAttributes = stableStringify(this.targetContent\r\n            ? this.getUserAttributes()\r\n            : {\r\n                urlPath: this.getLocation().pathname,\r\n            });\r\n        // TODO: cachebust if bd.noCache in request, also perhaps if in iframe\r\n        if (options.cachebust ||\r\n            isIframe ||\r\n            queryParams.cachebust ||\r\n            queryParams['builder.cachebust']) {\r\n            queryParams.cachebuster = Date.now().toString();\r\n        }\r\n        var hasParams = Object.keys(queryParams).length > 0;\r\n        // TODO: check for query params or global variable for overriding content (e.g. what to use for preview)\r\n        // TODO: query params and sorting\r\n        // TODO: with extension set up live connection to this query and send updates\r\n        // TODO: return observable with subscribe function that returns unsubscriber?\r\n        // TODO: (shorter than uuid) org namespace\r\n        // /api/v1/everlane-1/homepage-2\r\n        // \"space\" names? everlane-qa everlane-prod etc\r\n        // TODO: if in preview (maybe any iframe?) always no cache\r\n        // HACK: have a global option for setting dev\r\n        var host = this.useNewContentApi ? 'https://lambda.builder.codes' : 'https://builder.io';\r\n        return new Observable(function (observer) {\r\n            // TODO: will there by use cases of multiple separate requests for same model type?\r\n            _this.observersByModelType[modelName] = observer;\r\n            // FIXME: have a \"core\" SDK that doesn't implement http,\r\n            // so SDKs like angular can use it's own http method\r\n            var promise = _this.requestUrl(host + \"/api/v1/content/\" + _this.apiKey + \"/\" + modelName +\r\n                (queryParams && hasParams ? \"?\" + queryString.stringify(queryParams) : ''))\r\n                .then(function (data) { return data[modelName]; })\r\n                .then(function (list) { return sortBy(list, function (item) { return item.priority; }); })\r\n                .then(function (result) {\r\n                if (modelName === _this.blockContentLoading) {\r\n                    return;\r\n                }\r\n                var testModifiedResults = _this.processResultsForTests(result);\r\n                observer.next(testModifiedResults);\r\n            })\r\n                .catch(function (err) {\r\n                observer.error(err);\r\n            });\r\n        });\r\n    };\r\n    Builder.eventCapturer = isIframe ? new EventCapturer().listen() : null;\r\n    Builder.animator = new Animator();\r\n    Builder.components = [];\r\n    Builder.nextTick = nextTick;\r\n    Builder.VERSION = version;\r\n    Builder._editingPage = false;\r\n    Builder.isIframe = isIframe;\r\n    Builder.isBrowser = isBrowser;\r\n    Builder.overrideUserAttributes = {};\r\n    return Builder;\r\n}());\r\nexport { Builder };\r\n","dts":{"name":"/Users/steve/Projects/bridge/builder/clients/js/dist/clients/js/src/builder.class.d.ts","text":"/// <reference types=\"node\" />\r\nimport { BehaviorSubject, Observable, Observer } from 'rxjs';\r\nimport * as URL from 'url';\r\nimport { Animator } from './classes/animator.class';\r\nimport { EventCapturer } from './classes/event-capturer.class';\r\nimport { nextTick } from './functions/next-tick.function';\r\nimport 'isomorphic-fetch';\r\nexport declare const isBrowser: boolean;\r\nexport declare const isIframe: boolean;\r\nexport interface ParamsMap {\r\n    [key: string]: undefined | string | string[];\r\n}\r\nexport interface UserAttributes {\r\n    urlPath?: string;\r\n    queryString?: string | ParamsMap;\r\n    device?: 'mobile' | 'tablet' | 'desktop';\r\n    location?: any;\r\n    userAgent?: string;\r\n    referrer?: string;\r\n    entryMedium?: string;\r\n    language?: string;\r\n    browser?: string;\r\n    cookie?: string;\r\n    newVisitor?: boolean;\r\n    operatingSystem?: string;\r\n}\r\nexport interface GetContentOptions {\r\n    queryString?: string | ParamsMap;\r\n    userAttributes?: UserAttributes;\r\n    limit?: number;\r\n    cachebust?: boolean;\r\n    simulateDate?: Date | string;\r\n    publishedState?: 'published' | 'draft' | 'archived' | 'all';\r\n    filterDates?: boolean;\r\n    includeTests?: boolean;\r\n    dev?: boolean;\r\n    initialContent?: any;\r\n}\r\nexport declare type Class = {\r\n    name: string;\r\n    new (...args: any[]): any;\r\n};\r\nexport interface Input {\r\n    name: string;\r\n    friendlyName?: string;\r\n    description?: string;\r\n    defaultValue?: any;\r\n    type: string;\r\n    required?: boolean;\r\n    subFields?: Input[];\r\n    helperText?: string;\r\n    allowedFileTypes?: string[];\r\n    imageHeight?: number;\r\n    imageWidth?: number;\r\n    mediaHeight?: number;\r\n    mediaWidth?: number;\r\n    hideFromUI?: boolean;\r\n    modelId?: string;\r\n    enum?: string[];\r\n}\r\nexport interface Component {\r\n    name: string;\r\n    description?: string;\r\n    image?: string;\r\n    inputs?: Input[];\r\n    class?: Class;\r\n    type?: 'angular' | 'webcomponent' | 'react';\r\n}\r\nexport declare function BuilderComponent(info?: Partial<Component>): (component: Class) => void;\r\nexport declare class Builder {\r\n    protected apiKey: string | null;\r\n    static eventCapturer: EventCapturer | null;\r\n    static animator: Animator;\r\n    static components: Component[];\r\n    static nextTick: typeof nextTick;\r\n    static VERSION: any;\r\n    static fields(name: string, fields: Input[]): void;\r\n    static loadGoogleFont(fontName: string): void;\r\n    private static _editingPage;\r\n    static isIframe: boolean;\r\n    static isBrowser: boolean;\r\n    static editingPage: boolean;\r\n    static component(info?: Partial<Component>): (component: Class) => void;\r\n    static readonly Component: typeof Builder.component;\r\n    private eventsQueue;\r\n    private throttledClearEventsQueue;\r\n    private processEventsQueue();\r\n    protected isUsed: boolean;\r\n    sessionId: string;\r\n    targetContent: boolean;\r\n    readonly browserTrackingDisabled: boolean;\r\n    canTrack: boolean;\r\n    private canTrack$;\r\n    editingMode: boolean;\r\n    editingMode$: BehaviorSubject<boolean>;\r\n    editingModel: string | null;\r\n    private findParentElement(target, callback, checkElement?);\r\n    private findBuilderParent(target);\r\n    editingModel$: BehaviorSubject<string | null>;\r\n    setUserAgent(userAgent: string): void;\r\n    userAgent: string;\r\n    track(eventName: string, properties?: any): void;\r\n    getSessionId(): string;\r\n    trackImpression(contentId: string, variationId?: string): void;\r\n    autoTrack: boolean;\r\n    useNewContentApi: boolean;\r\n    private readonly isDevelopmentEnv;\r\n    trackInteraction(contentId: string, variationId?: string, alreadyTrackedOne?: boolean, event?: MouseEvent): void;\r\n    static overrideUserAttributes: Partial<UserAttributes>;\r\n    component(info?: Partial<Component>): (component: Class) => void;\r\n    constructor(apiKey?: string | null);\r\n    setTestsFromUrl(): void;\r\n    getOverridesFromQueryString(): void;\r\n    private messageFrameLoaded();\r\n    private blockContentLoading;\r\n    private bindMessageListeners();\r\n    observersByModelType: {\r\n        [key: string]: Observer<any> | undefined;\r\n    };\r\n    init(apiKey: string, canTrack?: boolean): this;\r\n    getLocation(): URL.Url;\r\n    getUserAttributes(userAgent?: string): UserAttributes;\r\n    protected overrides: {\r\n        [key: string]: string;\r\n    };\r\n    setUserAttributes(options: object): void;\r\n    private getContentQueue;\r\n    private priorContentQueue;\r\n    private loadFullStory();\r\n    get(modelName: string, options?: GetContentOptions): Observable<{\r\n        data: any;\r\n        id: any;\r\n    } | null>;\r\n    queueGetContent(modelName: string, options?: GetContentOptions): Observable<any[]>;\r\n    requestUrl(url: string): Promise<any>;\r\n    env: 'production' | 'development';\r\n    readonly host: string;\r\n    private flushGetContentQueue(usePastQueue?);\r\n    private testCookiePrefix;\r\n    private processResultsForTests(results);\r\n    private getTestCookie(contentId);\r\n    private cookieQueue;\r\n    private setTestCookie(contentId, variationId);\r\n    protected getCookie(name: string): any;\r\n    protected setCookie(name: string, value: any, options?: any): void;\r\n    getContent(modelName: string, options?: GetContentOptions): Observable<any[]>;\r\n}\r\n"}}

package/.rpt2_cache/5c7be55d72395c8d4b49b6497d5c2586dc7a72a4/code/cache/5038e33b20e6470654156843853060e91704f829

@@ -1 +0,0 @@
-{"code":"import { Builder, BuilderComponent, isBrowser } from './src/builder.class';\r\nexport { Builder, BuilderComponent, isBrowser };\r\nexport var builder = new Builder();\r\n","dts":{"name":"/Users/steve/Projects/bridge/builder/clients/js/dist/clients/js/index.d.ts","text":"import { Builder, BuilderComponent, isBrowser, Input, Component } from './src/builder.class';\r\nexport { Builder, BuilderComponent, isBrowser, Input, Component };\r\nexport declare const builder: Builder;\r\n"}}

package/.rpt2_cache/5c7be55d72395c8d4b49b6497d5c2586dc7a72a4/code/cache/6918fa9a55369a18eeaf4cf7244d365faae9a8fd

@@ -1 +0,0 @@
-{"code":"import * as VNode from 'virtual-dom/vnode/vnode';\r\nimport * as VText from 'virtual-dom/vnode/vtext';\r\nimport * as uniqueSelectorImport from 'unique-selector';\r\nvar uniqueSelector = uniqueSelectorImport.default || uniqueSelectorImport;\r\n// tslint:disable:no-increment-decrement\r\nfunction fastClone(obj) {\r\n    return JSON.parse(JSON.stringify(obj));\r\n}\r\n// CREDIT: adopted from https://raw.githubusercontent.com/marcelklehr/vdom-virtualize/master/index.js\r\n// TODO: move to util - firefox friendly getBoundingClientRect\r\nfunction getClientRect(element) {\r\n    if (!element) {\r\n        return null;\r\n    }\r\n    var properties = ['top', 'left', 'bottom', 'right', 'height', 'width'];\r\n    var newObject = {};\r\n    var rect = element.getBoundingClientRect();\r\n    for (var _i = 0, properties_1 = properties; _i < properties_1.length; _i++) {\r\n        var key = properties_1[_i];\r\n        newObject[key] = rect[key];\r\n    }\r\n    return newObject;\r\n}\r\nexport function createVNode(domNode, deep, addBuilderMetadata) {\r\n    if (deep === void 0) { deep = false; }\r\n    if (addBuilderMetadata === void 0) { addBuilderMetadata = true; }\r\n    if (domNode.nodeType === 1)\r\n        return createFromElement(domNode, deep);\r\n    if (domNode.nodeType === 3)\r\n        return createFromTextNode(domNode);\r\n    return;\r\n}\r\nfunction createFromTextNode(tNode) {\r\n    return new VText(tNode.nodeValue);\r\n}\r\nfunction createFromElement(el, deep, addBuilderMetadata) {\r\n    if (deep === void 0) { deep = false; }\r\n    if (addBuilderMetadata === void 0) { addBuilderMetadata = true; }\r\n    var tagName = el.tagName;\r\n    var namespace = el.namespaceURI === 'http://www.w3.org/1999/xhtml' ? null : el.namespaceURI;\r\n    var properties = getElementProperties(el);\r\n    var children = [];\r\n    if (deep) {\r\n        for (var i = 0; i < el.childNodes.length; i++) {\r\n            children.push(createVNode(el.childNodes[i]));\r\n        }\r\n    }\r\n    if (addBuilderMetadata && properties.id && properties.id.indexOf('builder-') === 0) {\r\n        properties.builderMetadata = {\r\n            clientRect: getClientRect(el),\r\n            // TODO: only do this for the element(s) necessary\r\n            selector: uniqueSelector(el),\r\n            // TODO: only do this for the element(s) necessary\r\n            computedStyle: getComputedStyle(el),\r\n        };\r\n    }\r\n    return new VNode(tagName, properties, children, null, namespace);\r\n}\r\nfunction getElementProperties(el) {\r\n    var obj = {};\r\n    for (var i = 0; i < props.length; i++) {\r\n        var propName = props[i];\r\n        if (!el[propName]) {\r\n            continue;\r\n        }\r\n        if (propName === 'style') {\r\n            var css = {};\r\n            if ('undefined' !== typeof el.style.length) {\r\n                for (var j = 0; j < el.style.length; j++) {\r\n                    var styleProp = el.style[j];\r\n                    css[styleProp] = el.style.getPropertyValue(styleProp); // TODO: add support for \"!important\" via getPropertyPriority()!\r\n                }\r\n            }\r\n            if (Object.keys(css).length) {\r\n                obj[propName] = css;\r\n            }\r\n            continue;\r\n        }\r\n        // https://msdn.microsoft.com/en-us/library/cc848861%28v=vs.85%29.aspx\r\n        // The img element does not support the HREF content attribute.\r\n        // In addition, the href property is read-only for the img Document Object Model (DOM) object\r\n        if (el.tagName.toLowerCase() === 'img' && propName === 'href') {\r\n            continue;\r\n        }\r\n        if (propName === 'attributes') {\r\n            var atts = Array.prototype.slice.call(el[propName]);\r\n            var hash = {};\r\n            for (var k = 0; k < atts.length; k++) {\r\n                var name_1 = atts[k].name;\r\n                if (obj[name_1] || obj[attrBlacklist[name_1]]) {\r\n                    continue;\r\n                }\r\n                hash[name_1] = el.getAttribute(name_1);\r\n            }\r\n            obj[propName] = hash;\r\n            continue;\r\n        }\r\n        if (propName === 'tabIndex' && el.tabIndex === -1) {\r\n            continue;\r\n        }\r\n        // Special case: contentEditable\r\n        // browser use 'inherit' by default on all nodes, but does not allow setting it to ''\r\n        // diffing virtualize dom will trigger error\r\n        // ref: https://github.com/Matt-Esch/virtual-dom/issues/176\r\n        if (propName === 'contentEditable' && el[propName] === 'inherit') {\r\n            continue;\r\n        }\r\n        if ('object' === typeof el[propName]) {\r\n            continue;\r\n        }\r\n        // default: just copy the property\r\n        obj[propName] = el[propName];\r\n    }\r\n    return obj;\r\n}\r\n/**\r\n * DOMNode property white list\r\n * Taken from https://github.com/Raynos/react/blob/dom-property-config/src/browser/ui/dom/DefaultDOMPropertyConfig.js\r\n */\r\nexport var props = [\r\n    'accept',\r\n    'accessKey',\r\n    'action',\r\n    'alt',\r\n    'async',\r\n    'autoComplete',\r\n    'autoPlay',\r\n    'cellPadding',\r\n    'cellSpacing',\r\n    'checked',\r\n    'className',\r\n    'colSpan',\r\n    'content',\r\n    'contentEditable',\r\n    'controls',\r\n    'crossOrigin',\r\n    'data',\r\n    'defer',\r\n    'dir',\r\n    'download',\r\n    'draggable',\r\n    'encType',\r\n    'formNoValidate',\r\n    'href',\r\n    'hrefLang',\r\n    'htmlFor',\r\n    'httpEquiv',\r\n    'icon',\r\n    'id',\r\n    'label',\r\n    'lang',\r\n    'list',\r\n    'loop',\r\n    'max',\r\n    'mediaGroup',\r\n    'method',\r\n    'min',\r\n    'multiple',\r\n    'muted',\r\n    'name',\r\n    'noValidate',\r\n    'pattern',\r\n    'placeholder',\r\n    'poster',\r\n    'preload',\r\n    'radioGroup',\r\n    'readOnly',\r\n    'rel',\r\n    'required',\r\n    'rowSpan',\r\n    'sandbox',\r\n    'scope',\r\n    'scrollLeft',\r\n    'scrolling',\r\n    'scrollTop',\r\n    'selected',\r\n    'span',\r\n    'spellCheck',\r\n    'src',\r\n    'srcDoc',\r\n    'srcSet',\r\n    'start',\r\n    'step',\r\n    'style',\r\n    'tabIndex',\r\n    'target',\r\n    'title',\r\n    'type',\r\n    'value',\r\n    // Non-standard Properties\r\n    'autoCapitalize',\r\n    'autoCorrect',\r\n    'property',\r\n    'attributes',\r\n];\r\nexport var attrBlacklist = {\r\n    class: 'className',\r\n};\r\n","dts":{"name":"/Users/steve/Projects/bridge/builder/clients/js/dist/clients/js/src/functions/dom-to-vdom.function.d.ts","text":"/// <reference types=\"virtual-dom\" />\r\nexport declare function createVNode(domNode: Node, deep?: boolean, addBuilderMetadata?: boolean): VirtualDOM.VNode | VirtualDOM.VText | undefined;\r\n/**\r\n * DOMNode property white list\r\n * Taken from https://github.com/Raynos/react/blob/dom-property-config/src/browser/ui/dom/DefaultDOMPropertyConfig.js\r\n */\r\nexport declare const props: string[];\r\nexport declare const attrBlacklist: {\r\n    [key: string]: string;\r\n};\r\n"}}

package/.rpt2_cache/5c7be55d72395c8d4b49b6497d5c2586dc7a72a4/code/cache/cc2c2392209edb315cc9628f3156afb307a38944

@@ -1 +0,0 @@
-{"code":"import * as tslib_1 from \"tslib\";\r\nimport * as uniqueSelectorImport from 'unique-selector';\r\nimport { createVNode } from '../functions/dom-to-vdom.function';\r\nvar uniqueSelector = uniqueSelectorImport.default || uniqueSelectorImport;\r\n// TODO: listen for mutations?\r\n// TODO: listen to resize?\r\nvar EventCapturer = /** @class */ (function () {\r\n    function EventCapturer(events) {\r\n        var _this = this;\r\n        this.events = [\r\n            'mousemove',\r\n            'keydown',\r\n            'mousedown',\r\n            'click',\r\n            'mouseup',\r\n            'scroll',\r\n            'mouseover',\r\n            'mouseout',\r\n            'dblclick',\r\n            'resize',\r\n            'contextmenu',\r\n        ];\r\n        this.element = window;\r\n        // TODO: maybe take in message to turn this off and on\r\n        // In edit mode likely want to capture everything\r\n        this.captureEvents = false;\r\n        this.usePassive = false;\r\n        this.includePath = true;\r\n        // FIXME: this causing infinite loop - why?\r\n        this.observeMutations = false;\r\n        this.handleEvent = function (event) {\r\n            // TODO: maybe need to put this on window or document to ensure *all*\r\n            // events are caught before reaching anywhere else\r\n            if (_this.captureEvents && event.type !== 'scroll' && event.type !== 'resize') {\r\n                event.preventDefault();\r\n                event.stopImmediatePropagation();\r\n                event.stopPropagation();\r\n            }\r\n            var message = _this.formatMessage(event);\r\n            _this.postMessage(message);\r\n        };\r\n        if (events) {\r\n            this.events = events;\r\n        }\r\n    }\r\n    EventCapturer.prototype.getElementForEvent = function (eventName) {\r\n        return eventName === 'resize' || eventName === 'scroll' ? window : this.element;\r\n    };\r\n    // TODO: in edit mode make these not passive and make them preventDefault() and stopPropagation()\r\n    EventCapturer.prototype.listen = function () {\r\n        for (var _i = 0, _a = this.events; _i < _a.length; _i++) {\r\n            var event_1 = _a[_i];\r\n            this.getElementForEvent(event_1).addEventListener(event_1, this.handleEvent, {\r\n                capture: true,\r\n                passive: this.usePassive,\r\n            });\r\n        }\r\n        if (this.observeMutations) {\r\n            this.startObservingMutations();\r\n        }\r\n        return this;\r\n    };\r\n    EventCapturer.prototype.removeListeners = function () {\r\n        for (var _i = 0, _a = this.events; _i < _a.length; _i++) {\r\n            var event_2 = _a[_i];\r\n            this.getElementForEvent(event_2).removeEventListener(event_2, this.handleEvent);\r\n        }\r\n        this.stopObservingMutations();\r\n    };\r\n    EventCapturer.prototype.startObservingMutations = function () {\r\n        var _this = this;\r\n        if (!this.observer && typeof MutationObserver !== 'undefined') {\r\n            this.observer = new MutationObserver(function () {\r\n                _this.triggerMutationEvent();\r\n            });\r\n            this.observer.observe(document.documentElement, {\r\n                attributes: true,\r\n                childList: true,\r\n                subtree: true,\r\n                characterData: true,\r\n            });\r\n        }\r\n    };\r\n    EventCapturer.prototype.stopObservingMutations = function () {\r\n        if (this.observer) {\r\n            this.observer.disconnect();\r\n            this.observer = undefined;\r\n        }\r\n    };\r\n    EventCapturer.prototype.getBuilderClientRects = function () {\r\n        var _this = this;\r\n        // TODO: only get those within editing canvas\r\n        // possibly add class \"editing\" to canvas when editing it (by selector)\r\n        var map = {};\r\n        [].slice.call(document.querySelectorAll('[id*=\"builder-\"]')).forEach(function (el) {\r\n            map[el.id] = _this.getClientRect(el);\r\n        });\r\n        return map;\r\n    };\r\n    EventCapturer.prototype.triggerMutationEvent = function () {\r\n        window.parent.postMessage({\r\n            type: 'builder.documentMutation',\r\n            data: {\r\n                builderElementRectMap: this.fastClone(this.getBuilderClientRects()),\r\n            },\r\n        }, '*');\r\n    };\r\n    EventCapturer.prototype.postMessage = function (message) {\r\n        window.parent.postMessage(message, '*');\r\n    };\r\n    EventCapturer.prototype.formatMessage = function (event) {\r\n        return {\r\n            type: 'builder.documentEvent',\r\n            data: {\r\n                event: this.virtualizeEvent(event),\r\n            },\r\n        };\r\n    };\r\n    EventCapturer.prototype.findParent = function (target, callback, checkElement) {\r\n        if (checkElement === void 0) { checkElement = true; }\r\n        if (!(target instanceof Node)) {\r\n            return null;\r\n        }\r\n        var parent = checkElement ? target : target.parentElement;\r\n        do {\r\n            if (!parent) {\r\n                return null;\r\n            }\r\n            var matches = callback(parent);\r\n            if (matches) {\r\n                return parent;\r\n            }\r\n        } while ((parent = parent.parentElement));\r\n        return null;\r\n    };\r\n    EventCapturer.prototype.findBuilderParent = function (target) {\r\n        return this.findParent(target, function (el) { return !!(el instanceof Element && el.getAttribute('builder-model')); });\r\n    };\r\n    EventCapturer.prototype.findBuilderRenderParent = function (target) {\r\n        return this.findParent(target, function (el) { return !!(el instanceof Element && el.getAttribute('builder-render')); });\r\n    };\r\n    EventCapturer.prototype.fastClone = function (obj) {\r\n        return JSON.parse(JSON.stringify(obj));\r\n    };\r\n    // For firefox support, we need to copy manually, ClientRect in firefox\r\n    // is not enumerable or copyable\r\n    EventCapturer.prototype.getClientRect = function (element) {\r\n        if (!element) {\r\n            return null;\r\n        }\r\n        var properties = ['top', 'left', 'bottom', 'right', 'height', 'width'];\r\n        var newObject = {};\r\n        var rect = element.getBoundingClientRect();\r\n        for (var _i = 0, properties_1 = properties; _i < properties_1.length; _i++) {\r\n            var key = properties_1[_i];\r\n            newObject[key] = rect[key];\r\n        }\r\n        return newObject;\r\n    };\r\n    EventCapturer.prototype.getAllParents = function (element) {\r\n        var el = element;\r\n        var els = [];\r\n        while (el) {\r\n            els.push(el);\r\n            el = el.parentElement;\r\n        }\r\n        return els;\r\n    };\r\n    EventCapturer.prototype.virtualizeEvent = function (event) {\r\n        // TODO: only get target on mouseover too?\r\n        var target = event.target;\r\n        var builderTarget = this.findBuilderParent(target);\r\n        var builderRenderTarget = this.findBuilderRenderParent(target);\r\n        // This still needed?\r\n        // const pageBlockTarget = event.type === 'mouseover' && this.findPageBlockParent(target);\r\n        if (event.type === 'keydown') {\r\n            // FIXME: why was this here??\r\n            // if (this.findContentEditableParent(target)) {\r\n            //   event.preventDefault();\r\n            // }\r\n        }\r\n        var path = this.includePath && event.type !== 'mousemove'\r\n            ? this.getAllParents(event.target).map(function (el) { return createVNode(el); })\r\n            : [];\r\n        // PERF: don't gather all of these things on every mousemove\r\n        // TODO: maybe don't fastclone for chrome, it's slower than not cloning\r\n        // TODO: mousemove\r\n        return this.fastClone(tslib_1.__assign({ \r\n            // TODO: stop sending computed style except just the one element that needs it\r\n            // TODO: no more fast cloning if can avoid\r\n            path: path, which: event.which, type: event.type, altKey: event.altKey, metaKey: event.metaKey, ctrlKey: event.ctrlKey, shiftKey: event.shiftKey, clientX: event.clientX, clientY: event.clientY }, (event.type !== 'mousemove' && {\r\n            target: createVNode(target),\r\n            targetRect: target.getBoundingClientRect && this.getClientRect(target),\r\n            targetSelector: uniqueSelector(target),\r\n            builderTarget: (builderTarget && createVNode(builderTarget)) || undefined,\r\n            builderTargetSelector: (builderTarget && uniqueSelector(builderTarget)) || undefined,\r\n            builderTargetRect: (builderTarget && this.getClientRect(builderTarget)) || undefined,\r\n            builderRenderTarget: (builderRenderTarget && createVNode(builderRenderTarget)) ||\r\n                undefined,\r\n            builderRenderTargetSelector: (builderRenderTarget && uniqueSelector(builderRenderTarget)) || undefined,\r\n            builderRenderTargetRect: (builderRenderTarget && this.getClientRect(builderRenderTarget)) || undefined,\r\n        })));\r\n    };\r\n    return EventCapturer;\r\n}());\r\nexport { EventCapturer };\r\n","dts":{"name":"/Users/steve/Projects/bridge/builder/clients/js/dist/clients/js/src/classes/event-capturer.class.d.ts","text":"export declare class EventCapturer {\r\n    events: string[];\r\n    element: EventTarget;\r\n    captureEvents: boolean;\r\n    usePassive: boolean;\r\n    includePath: boolean;\r\n    observeMutations: boolean;\r\n    private observer?;\r\n    constructor(events?: string[]);\r\n    private getElementForEvent(eventName);\r\n    listen(): this;\r\n    removeListeners(): void;\r\n    private startObservingMutations();\r\n    private stopObservingMutations();\r\n    private getBuilderClientRects();\r\n    private triggerMutationEvent();\r\n    private handleEvent;\r\n    private postMessage(message);\r\n    private formatMessage(event);\r\n    private findParent(target, callback, checkElement?);\r\n    private findBuilderParent(target);\r\n    private findBuilderRenderParent(target);\r\n    private fastClone<T>(obj);\r\n    private getClientRect(element);\r\n    private getAllParents(element);\r\n    private virtualizeEvent(event);\r\n}\r\n"}}

package/.rpt2_cache/5c7be55d72395c8d4b49b6497d5c2586dc7a72a4/code/cache/d00520284e1fdeb42087f7fe1b1c15c3c7d4bd75

@@ -1 +0,0 @@
-{"code":"var isSafari = typeof window !== 'undefined' &&\r\n    /^((?!chrome|android).)*safari/i.test(window.navigator.userAgent);\r\nvar isClient = typeof window !== 'undefined';\r\nexport function nextTick(fn) {\r\n    // TODO: should this be setImmediate instead? Forgot if that is micro or macro task\r\n    // TODO: detect specifically if is server\r\n    // if (typeof process !== 'undefined' && process.nextTick) {\r\n    //   console.log('process.nextTick?');\r\n    //   process.nextTick(fn);\r\n    //   return;\r\n    // }\r\n    // FIXME: fix the real safari issue of this randomly not working\r\n    if (isSafari || typeof MutationObserver === 'undefined') {\r\n        setTimeout(fn);\r\n        return;\r\n    }\r\n    var called = 0;\r\n    var observer = new MutationObserver(function () { return fn(); });\r\n    var element = document.createTextNode('');\r\n    observer.observe(element, {\r\n        characterData: true,\r\n    });\r\n    // tslint:disable-next-line\r\n    element.data = String((called = ++called));\r\n}\r\n","dts":{"name":"/Users/steve/Projects/bridge/builder/clients/js/dist/clients/js/src/functions/next-tick.function.d.ts","text":"export declare function nextTick(fn: () => void): void;\r\n"}}

package/.rpt2_cache/5c7be55d72395c8d4b49b6497d5c2586dc7a72a4/semanticDiagnostics/cache/0f554c71bccddbec9ad128043aae9957be48c436

@@ -1 +0,0 @@
-[]

package/.rpt2_cache/5c7be55d72395c8d4b49b6497d5c2586dc7a72a4/semanticDiagnostics/cache/1e80c6fada6a0156261bc4661b32df13e15788d7

@@ -1 +0,0 @@
-[]

package/.rpt2_cache/5c7be55d72395c8d4b49b6497d5c2586dc7a72a4/semanticDiagnostics/cache/5038e33b20e6470654156843853060e91704f829

@@ -1 +0,0 @@
-[]

package/.rpt2_cache/5c7be55d72395c8d4b49b6497d5c2586dc7a72a4/semanticDiagnostics/cache/6918fa9a55369a18eeaf4cf7244d365faae9a8fd

@@ -1 +0,0 @@
-[]

package/.rpt2_cache/5c7be55d72395c8d4b49b6497d5c2586dc7a72a4/semanticDiagnostics/cache/cc2c2392209edb315cc9628f3156afb307a38944

@@ -1 +0,0 @@
-[]

package/.rpt2_cache/5c7be55d72395c8d4b49b6497d5c2586dc7a72a4/semanticDiagnostics/cache/d00520284e1fdeb42087f7fe1b1c15c3c7d4bd75

@@ -1 +0,0 @@
-[]

package/.rpt2_cache/5c7be55d72395c8d4b49b6497d5c2586dc7a72a4/syntacticDiagnostics/cache/0f554c71bccddbec9ad128043aae9957be48c436

@@ -1 +0,0 @@
-[]

package/.rpt2_cache/5c7be55d72395c8d4b49b6497d5c2586dc7a72a4/syntacticDiagnostics/cache/1e80c6fada6a0156261bc4661b32df13e15788d7

@@ -1 +0,0 @@
-[]

package/.rpt2_cache/5c7be55d72395c8d4b49b6497d5c2586dc7a72a4/syntacticDiagnostics/cache/5038e33b20e6470654156843853060e91704f829

@@ -1 +0,0 @@
-[]

package/.rpt2_cache/5c7be55d72395c8d4b49b6497d5c2586dc7a72a4/syntacticDiagnostics/cache/6918fa9a55369a18eeaf4cf7244d365faae9a8fd

@@ -1 +0,0 @@
-[]

package/.rpt2_cache/5c7be55d72395c8d4b49b6497d5c2586dc7a72a4/syntacticDiagnostics/cache/cc2c2392209edb315cc9628f3156afb307a38944

@@ -1 +0,0 @@
-[]

package/.rpt2_cache/5c7be55d72395c8d4b49b6497d5c2586dc7a72a4/syntacticDiagnostics/cache/d00520284e1fdeb42087f7fe1b1c15c3c7d4bd75

@@ -1 +0,0 @@
-[]

package/.rpt2_cache/8014eb8d222a385e08870656aa56241a1b42a900/code/cache/0f554c71bccddbec9ad128043aae9957be48c436

@@ -1 +0,0 @@
-{"code":"import throttle from 'lodash-es/throttle';\r\nimport last from 'lodash-es/last';\r\nimport kebabCase from 'lodash-es/kebabCase';\r\nvar Animator = /** @class */ (function () {\r\n    function Animator() {\r\n    }\r\n    Animator.prototype.bindAnimations = function (animations) {\r\n        for (var _i = 0, animations_1 = animations; _i < animations_1.length; _i++) {\r\n            var animation = animations_1[_i];\r\n            switch (animation.trigger) {\r\n                case 'pageLoad':\r\n                    this.triggerAnimation(animation);\r\n                    break;\r\n                case 'hover':\r\n                    this.bindHoverAnimation(animation);\r\n                    break;\r\n                case 'scrollInView':\r\n                    this.bindScrollInViewAnimation(animation);\r\n                    break;\r\n            }\r\n        }\r\n    };\r\n    Animator.prototype.warnElementNotPresent = function (id) {\r\n        console.warn(\"Cannot animate element: element with ID \" + id + \" not found!\");\r\n    };\r\n    Animator.prototype.augmentAnimation = function (animation, element) {\r\n        var stylesUsed = this.getAllStylesUsed(animation);\r\n        var computedStyle = getComputedStyle(element);\r\n        // const computedStyle = getComputedStyle(element);\r\n        // // FIXME: this will break if original load is in one reponsive size then resize to another hmmm\r\n        // Need to use transform instead of left since left can change on screen sizes\r\n        var firstStyles = animation.steps[0].styles;\r\n        var lastStyles = last(animation.steps).styles;\r\n        var bothStyles = [firstStyles, lastStyles];\r\n        // FIXME: this won't work as expected for augmented animations - may need the editor itself to manage this\r\n        for (var _i = 0, bothStyles_1 = bothStyles; _i < bothStyles_1.length; _i++) {\r\n            var styles = bothStyles_1[_i];\r\n            for (var _a = 0, stylesUsed_1 = stylesUsed; _a < stylesUsed_1.length; _a++) {\r\n                var style = stylesUsed_1[_a];\r\n                if (!(style in styles)) {\r\n                    styles[style] = computedStyle[style];\r\n                }\r\n            }\r\n        }\r\n    };\r\n    Animator.prototype.getAllStylesUsed = function (animation) {\r\n        var properties = [];\r\n        for (var _i = 0, _a = animation.steps; _i < _a.length; _i++) {\r\n            var step = _a[_i];\r\n            for (var key in step.styles) {\r\n                if (properties.indexOf(key) === -1) {\r\n                    properties.push(key);\r\n                }\r\n            }\r\n        }\r\n        return properties;\r\n    };\r\n    Animator.prototype.triggerAnimation = function (animation) {\r\n        var element = document.getElementById(animation.elementId);\r\n        if (!element) {\r\n            this.warnElementNotPresent(animation.elementId);\r\n            return;\r\n        }\r\n        this.augmentAnimation(animation, element);\r\n        // TODO: do this properly, may have other animations of different properties\r\n        // TODO: only override the properties\r\n        // TODO: if there is an entrance and hover animation, the transition duration will get effed\r\n        // element.setAttribute('style', '');\r\n        var styledUsed = this.getAllStylesUsed(animation);\r\n        element.style.transition = 'none';\r\n        element.style.transitionDelay = '0';\r\n        Object.assign(element.style, animation.steps[0].styles);\r\n        setTimeout(function () {\r\n            element.style.transition = \"all \" + animation.duration + \"s \" + kebabCase(animation.easing);\r\n            if (animation.delay) {\r\n                element.style.transitionDelay = animation.delay + 's';\r\n            }\r\n            Object.assign(element.style, animation.steps[1].styles);\r\n            // TODO: maybe remove/reset transitoin property after animation duration\r\n            setTimeout(function () {\r\n                element.style.transition = '';\r\n                element.style.transitionDelay = '';\r\n            }, (animation.delay || 0) * 1000 + animation.duration * 1000);\r\n        });\r\n    };\r\n    Animator.prototype.bindHoverAnimation = function (animation) {\r\n        // TODO: unbind on element remove\r\n        var element = document.getElementById(animation.elementId);\r\n        if (!element) {\r\n            this.warnElementNotPresent(animation.elementId);\r\n            return;\r\n        }\r\n        this.augmentAnimation(animation, element);\r\n        var defaultState = animation.steps[0].styles;\r\n        var hoverState = animation.steps[1].styles;\r\n        function attachDefaultState() {\r\n            Object.assign(element.style, defaultState);\r\n        }\r\n        function attachHoverState() {\r\n            Object.assign(element.style, hoverState);\r\n        }\r\n        attachDefaultState();\r\n        element.addEventListener('mouseenter', attachHoverState);\r\n        element.addEventListener('mouseleave', attachDefaultState);\r\n        setTimeout(function () {\r\n            element.style.transition = \"all \" + animation.duration + \"s \" + kebabCase(animation.easing);\r\n            if (animation.delay) {\r\n                element.style.transitionDelay = animation.delay + 's';\r\n            }\r\n        });\r\n    };\r\n    // TODO: unbind on element remove\r\n    Animator.prototype.bindScrollInViewAnimation = function (animation) {\r\n        var element = document.getElementById(animation.elementId);\r\n        if (!element) {\r\n            this.warnElementNotPresent(animation.elementId);\r\n            return;\r\n        }\r\n        this.augmentAnimation(animation, element);\r\n        var triggered = false;\r\n        // TODO: roll all of these in one for more efficiency of checking all the rects\r\n        var onScroll = throttle(function () {\r\n            if (!triggered && isScrolledIntoView(element)) {\r\n                triggered = true;\r\n                Object.assign(element.style, animation.steps[1].styles);\r\n                document.removeEventListener('scroll', onScroll);\r\n                setTimeout(function () {\r\n                    element.style.transition = '';\r\n                    element.style.transitionDelay = '';\r\n                }, animation.duration * 1000);\r\n            }\r\n        }, 100, { leading: false });\r\n        // TODO: fully in view or partially\r\n        function isScrolledIntoView(elem) {\r\n            var rect = elem.getBoundingClientRect();\r\n            var windowHeight = window.innerHeight;\r\n            var thresholdPrecent = 0.2;\r\n            var threshold = thresholdPrecent * windowHeight;\r\n            // TODO: partial in view? or what if element is larger than screen itself\r\n            return (rect.bottom > threshold && rect.top < windowHeight - threshold // Element is peeking top or bottom\r\n            );\r\n        }\r\n        var defaultState = animation.steps[0].styles;\r\n        function attachDefaultState() {\r\n            Object.assign(element.style, defaultState);\r\n        }\r\n        attachDefaultState();\r\n        setTimeout(function () {\r\n            element.style.transition = \"all \" + animation.duration + \"s \" + kebabCase(animation.easing);\r\n            if (animation.delay) {\r\n                element.style.transitionDelay = animation.delay + 's';\r\n            }\r\n        });\r\n        // TODO: one listener for everything\r\n        document.addEventListener('scroll', onScroll, { capture: true, passive: true });\r\n        element.addEventListener('remove', function () {\r\n            document.removeEventListener('scroll', onScroll);\r\n        });\r\n        // Do an initial check\r\n        onScroll();\r\n    };\r\n    return Animator;\r\n}());\r\nexport { Animator };\r\n","dts":{"name":"/Users/steve/Projects/bridge/builder/clients/js/dist/clients/js/src/classes/animator.class.d.ts","text":"export interface AnimationStep {\r\n    styles: {\r\n        [key: string]: string;\r\n    };\r\n    delay?: number;\r\n}\r\nexport interface Animation {\r\n    elementId: string;\r\n    trigger: string;\r\n    steps: AnimationStep[];\r\n    duration: number;\r\n    delay?: number;\r\n    easing?: string;\r\n}\r\nexport declare class Animator {\r\n    bindAnimations(animations: Animation[]): void;\r\n    private warnElementNotPresent(id);\r\n    private augmentAnimation(animation, element);\r\n    private getAllStylesUsed(animation);\r\n    triggerAnimation(animation: Animation): void;\r\n    bindHoverAnimation(animation: Animation): void;\r\n    bindScrollInViewAnimation(animation: Animation): void;\r\n}\r\n"}}