{"version":3,"sources":["WinJS/js/ui/layout/adaptive.ts"],"names":[],"mappings":"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","file":"adaptive.js","sourcesContent":["module WinJS.UI {\r\n\r\n    class _Adaptive {\r\n\r\n        private processed = false;\r\n\r\n        // media query sizes \r\n        private xsmall = \"(max-width:767px)\";\r\n        private small = \"(min-width:768px) and (max-width:991px)\";\r\n        private medium = \"(min-width:992px) and (max-width:1199px)\";\r\n        private large = \"(min-width:1200px)\";\r\n\r\n\r\n        private _element: HTMLElement\r\n        public get element(): HTMLElement {\r\n            return this._element;\r\n        }\r\n\r\n\r\n        private _onViewXSmall: EventListenerOrEventListenerObject\r\n        public get onViewXSmall(): EventListenerOrEventListenerObject {\r\n            return this._onViewXSmall;\r\n        }\r\n        public set onViewXSmall(eventHandler: EventListenerOrEventListenerObject) {\r\n            if (this._onViewXSmall) {\r\n                this.removeEventListener(\"viewXSmall\", this._onViewXSmall);\r\n                this._onViewXSmall = null;\r\n            }\r\n\r\n            this._onViewXSmall = eventHandler;\r\n            this.addEventListener(\"viewXSmall\", this._onViewXSmall);\r\n        }\r\n\r\n        private _onViewSmall: EventListenerOrEventListenerObject\r\n        public get onViewSmall(): EventListenerOrEventListenerObject {\r\n            return this._onViewSmall;\r\n        }\r\n        public set onViewSmall(eventHandler: EventListenerOrEventListenerObject) {\r\n            if (this._onViewSmall) {\r\n                this.removeEventListener(\"viewSmall\", this._onViewSmall);\r\n                this._onViewSmall = null;\r\n            }\r\n\r\n            this._onViewSmall = eventHandler;\r\n            this.addEventListener(\"viewSmall\", this._onViewSmall);\r\n        }\r\n\r\n        private _onViewMedium: EventListenerOrEventListenerObject\r\n        public get onViewMedium(): EventListenerOrEventListenerObject {\r\n            return this._onViewMedium;\r\n        }\r\n        public set onViewMedium(eventHandler: EventListenerOrEventListenerObject) {\r\n            if (this._onViewMedium) {\r\n                this.removeEventListener(\"viewMedium\", this._onViewMedium);\r\n                this._onViewMedium = null;\r\n            }\r\n\r\n            this._onViewMedium = eventHandler;\r\n            this.addEventListener(\"viewMedium\", this._onViewMedium);\r\n        }\r\n\r\n        private _onViewLarge: EventListenerOrEventListenerObject\r\n        public get onViewLarge(): EventListenerOrEventListenerObject {\r\n            return this._onViewLarge;\r\n        }\r\n        public set onViewLarge(eventHandler: EventListenerOrEventListenerObject) {\r\n            if (this._onViewLarge) {\r\n                this.removeEventListener(\"viewLarge\", this._onViewLarge);\r\n                this._onViewLarge = null;\r\n            }\r\n\r\n            this._onViewLarge = eventHandler;\r\n            this.addEventListener(\"viewLarge\", this._onViewLarge);\r\n        }\r\n\r\n\r\n\r\n\r\n        private _onViewChanged: EventListenerOrEventListenerObject\r\n        public get onViewChanged(): EventListenerOrEventListenerObject {\r\n            return this.onViewChanged;\r\n        }\r\n        public set onViewChanged(eventHandler: EventListenerOrEventListenerObject) {\r\n            if (this.onViewChanged) {\r\n                this.removeEventListener(\"viewChanged\", this._onViewChanged);\r\n                this._onViewChanged = null;\r\n            }\r\n\r\n            this._onViewChanged = eventHandler;\r\n            this.addEventListener(\"viewChanged\", this._onViewChanged);\r\n        }\r\n\r\n\r\n\r\n        constructor() {\r\n        }\r\n\r\n\r\n        public processAll() {\r\n\r\n\r\n            if (!this.processed) {\r\n\r\n                this._element = <HTMLElement>document.querySelector('.app');\r\n\r\n\r\n                // Add listeners for media query changes \r\n                var xsmallListener = window.matchMedia(this.xsmall);\r\n                xsmallListener.addListener((mediaQueryList: MediaQueryList) => {\r\n\r\n                    if (!mediaQueryList.matches)\r\n                        return;\r\n\r\n                    this.onViewXSmallInternal();\r\n                });\r\n\r\n                var smallListener = window.matchMedia(this.small);\r\n                smallListener.addListener((mediaQueryList: MediaQueryList) => {\r\n\r\n                    if (!mediaQueryList.matches)\r\n                        return;\r\n\r\n                    this.onViewSmallInternal();\r\n                });\r\n\r\n                var mediumListener = window.matchMedia(this.medium);\r\n                mediumListener.addListener((mediaQueryList: MediaQueryList) => {\r\n\r\n                    if (!mediaQueryList.matches)\r\n                        return;\r\n\r\n                    this.onViewMediumInternal();\r\n                });\r\n\r\n                var largeListener = window.matchMedia(this.large);\r\n                largeListener.addListener((mediaQueryList: MediaQueryList) => {\r\n\r\n                    if (!mediaQueryList.matches)\r\n                        return;\r\n\r\n                    this.onViewLargeInternal();\r\n                });\r\n\r\n\r\n                this.processed = true;\r\n            }\r\n\r\n\r\n\r\n            // calculates adaptive-fills\r\n            var elements = document.getElementsByClassName(\"adaptive-fill\");\r\n            for (var index = 0; index < elements.length; index++) {\r\n                (<HTMLElement>elements[index]).style.height = 'calc(100vh - ' + (<HTMLElement>elements[index]).offsetTop.toString() + 'px)'\r\n            }\r\n\r\n            var elements = document.getElementsByClassName(\"adaptive-fill-relative\");\r\n            for (var index = 0; index < elements.length; index++) {\r\n                var poffset = (<HTMLElement>elements[index]).parentElement.offsetTop;\r\n                var eoffset = (<HTMLElement>elements[index]).offsetTop;\r\n                var offset = eoffset - poffset;\r\n\r\n                (<HTMLElement>elements[index]).style.height = 'calc(100% - ' + offset.toString() + 'px)'\r\n            }\r\n\r\n\r\n            // update state\r\n            if (window.matchMedia(this.xsmall).matches)\r\n                this.onViewXSmallInternal();\r\n\r\n            if (window.matchMedia(this.small).matches)\r\n                this.onViewSmallInternal();\r\n\r\n            if (window.matchMedia(this.medium).matches)\r\n                this.onViewMediumInternal();\r\n\r\n            if (window.matchMedia(this.large).matches)\r\n                this.onViewLargeInternal();\r\n\r\n        }\r\n\r\n\r\n\r\n        private dispatchEvent = (name: string, id: string, data: any) => {\r\n            var event;\r\n            try {\r\n                event = new CustomEvent(name, {\r\n                    bubbles: true,\r\n                    cancelable: true,\r\n                    detail: {\r\n                        id: id,\r\n                        data: data\r\n                    }\r\n                });\r\n            } catch (e) {\r\n                event = document.createEvent('CustomEvent');\r\n                event.initCustomEvent(name, true, true, { id: id, data: data });\r\n            }\r\n\r\n            this._element.dispatchEvent(event);\r\n        }\r\n\r\n\r\n\r\n        private onViewXSmallInternal = () => {\r\n            this._element.className = 'app x-small';\r\n            this.dispatchEvent(\"viewXSmall\", \"\", {});\r\n            this.dispatchEvent(\"viewChanged\", \"\", {size: \"x-small\"});\r\n        };\r\n\r\n        private onViewSmallInternal = () => {\r\n            this._element.className = 'app small';\r\n            this.dispatchEvent(\"viewSmall\", \"\", {});\r\n            this.dispatchEvent(\"viewChanged\", \"\", { size: \"small\" });\r\n        };\r\n\r\n        private onViewMediumInternal = () => {\r\n            this._element.className = 'app medium';\r\n            this.dispatchEvent(\"viewMedium\", \"\", {});\r\n            this.dispatchEvent(\"viewChanged\", \"\", { size: \"medium\" });\r\n        };\r\n\r\n        private onViewLargeInternal = () => {\r\n            this._element.className = 'app large';\r\n            this.dispatchEvent(\"viewLarge\", \"\", {});\r\n            this.dispatchEvent(\"viewChanged\", \"\", { size: \"large\" });\r\n        };\r\n\r\n\r\n\r\n        public addEventListener = function (type: string, listener: EventListenerOrEventListenerObject, useCapture?: boolean) {\r\n            this._element.addEventListener(type, listener, useCapture);\r\n        };\r\n\r\n        public removeEventListener = function (type: string, listener: EventListenerOrEventListenerObject, useCapture?: boolean) {\r\n            this._element.removeEventListener(type, listener, useCapture);\r\n        };\r\n\r\n    }\r\n\r\n    export var Adaptive = new _Adaptive();\r\n}\r\n\r\n"],"sourceRoot":"C:\\Collections\\Test\\Trueview\\Source\\ISL.Trueview.Web/"}