export declare const NSProgressBarCode = "var nsModal = Object.create(nsContainerBase);\r\n\r\nnsModal.initializeComponent = function() \r\n{\r\n\tthis.base.initializeComponent();\r\n\tthis.__isTitleAllowed = true;\r\n\tthis.__isCloseAllowed = true;\r\n\t\r\n\tthis.__divFade = null;\r\n\tthis.__divPopUp = null;\r\n\tthis.__divTitleBar = null;\r\n\tthis.__titleStyle = \"nsModalTitleBar\";\r\n\tthis.__closeButtonStyle = \"nsModalCloseButton\";\r\n\tthis.__dragMouseX;\r\n    this.__dragMouseY;\r\n    this.__dragMove = false;\r\n    this.__dragCurrentX = 0;\r\n    this.__dragCurrentY = 0;\r\n    \r\n    this.__titleBarMouseOverRef = null;\r\n    this.__titleBarMouseDownRef = null;\r\n    this.__overlayMouseUpRef = null;\r\n    this.__overlayMouseMoveRef = null;\r\n    this.__onkeydownRef = null;\r\n};\r\n\r\nnsModal.setComponentProperties = function() \r\n{\r\n\tthis.base.setComponentProperties();\r\n};\r\n\r\nnsModal.propertyChange = function(attrName, oldVal, newVal, setProperty) \r\n{\r\n\tthis.base.propertyChange(attrName, oldVal, newVal, setProperty);\r\n};\r\n\r\nnsModal.removeComponent = function() \r\n{\r\n\tif(this.__overlayMouseUpRef)\r\n\t{\r\n\t\tthis.util.removeEvent(document,\"mouseup\",this.__overlayMouseUpRef);\r\n\t\tthis.__overlayMouseUpRef = null;\r\n\t}\r\n\tif(this.__overlayMouseMoveRef)\r\n\t{\r\n\t\tthis.util.removeEvent(document,\"mousemove\",this.__overlayMouseMoveRef);\r\n\t\tthis.__overlayMouseMoveRef = null;\r\n\t}\r\n\tif(this.__onkeydownRef)\r\n\t{\r\n\t\tthis.util.removeEvent(document,\"keydown\",this.__onkeydownRef);\r\n\t\tthis.__onkeydownRef = null;\r\n\t}\r\n\tthis.base.removeComponent();\r\n};\r\n\r\n\r\n\r\nnsModal.showModal = function(childComponent,title,isTitleRequired,isCloseRequired,isFadeCloseRequired,isDragable)\r\n{\r\n\tthis.__isTitleAllowed = isTitleRequired;\r\n\tthis.__isCloseAllowed = isCloseRequired;\r\n\tif(!this.__divFade)\r\n\t{\r\n\t\tthis.__createFade(isFadeCloseRequired);\r\n\t}\r\n\tif(!this.__divPopUp)\r\n\t{\r\n\t\tthis.__createPopUp(title,childComponent,isDragable);\r\n\t}\r\n\tif(this.__isCloseAllowed)\r\n\t{\r\n\t\t//To detect escape button\r\n\t\tthis.__onkeydownRef = this.__onkeydown.bind(this);\r\n\t\tthis.util.addEvent(document,\"keydown\",this.__onkeydownRef);\r\n\t}\r\n\t\r\n\tthis.__setModalVisibility(true);\r\n};\r\n\r\nnsModal.hideModal = function ()\r\n{\r\n\tthis.__setModalVisibility(false);\r\n};\r\n\r\nnsModal.closeModal = function ()\r\n{\r\n\tthis.removeModal();\r\n\tthis.util.dispatchEvent(this,\"CLOSE\");\r\n};\r\n\r\nnsModal.removeModal = function ()\r\n{\r\n\tthis.__removeFade();\r\n\tthis.__removeOverlay();\r\n};\r\n\r\nnsModal.__onkeydown = function (event)\r\n{\r\n\tevent = event || window.event;\r\n\tif (event.keyCode == 27) \r\n\t{\r\n\t\tthis.closeModal();\r\n\t}\r\n};\r\n\r\nnsModal.__setModalVisibility = function (isVisible)\r\n{\r\n\tthis.__setFadeVisibility(isVisible);\r\n\tthis.__setOverlayVisibility(isVisible);\r\n};\r\n\r\nnsModal.__createFade = function (isFadeCloseRequired)\r\n{\r\n\tthis.__divFade = this.util.createDiv(\"divFade\");\r\n\tthis.__divFade.style.display = \"none\";\r\n\tthis.__divFade.style.position = \"absolute\";\r\n\tthis.__divFade.style.left = \"0%\";\r\n\tthis.__divFade.style.top = \"0%\";\r\n\tthis.__divFade.style.backgroundColor = \"#000000\"; \r\n\tthis.__divFade.style.opacity = \"0.7\";\r\n\tthis.__divFade.style.filter = \"alpha(opacity=70)\"; // For Internet Explorer\r\n\tthis.__divFade.style.width = \"100%\";\r\n\tthis.__divFade.style.height = \"100%\";\r\n\tthis.__divFade.style.zIndex = \"90\";\r\n\tif(isFadeCloseRequired)\r\n\t{\r\n\t\tvar btnFadeClose = this.__createFadeCloseButton();\r\n\t\tthis.__divFade.appendChild(btnFadeClose);\r\n\t}\r\n\tdocument.body.appendChild(this.__divFade);  \r\n};\r\n\r\nnsModal.__createFadeCloseButton = function ()\r\n{\r\n\tvar btnFadeClose = this.__getCloseButton(\"bottomleft\");\r\n\treturn btnFadeClose;\r\n};\r\n\r\nnsModal.__setFadeVisibility = function (isVisible)\r\n{\r\n\tif(this.__divFade)\r\n\t{\r\n\t\tthis.util.setDivVisibility(\"divFade\",isVisible);\r\n\t}\r\n};\r\n\r\nnsModal.__removeFade = function ()\r\n{\r\n\tthis.util.removeDiv(\"divFade\");\r\n\tthis.__divFade = null;\r\n};\r\n\r\nnsModal.__createCloseButton = function ()\r\n{\r\n\tvar btnClose = this.__getCloseButton(\"topleft\");\r\n\tvar nsTip = new NSPinTip(btnClose, \"topleft\");\r\n\treturn btnClose;\r\n};\r\n\r\nnsModal.__createTitleBar = function(title)\r\n{\r\n\tthis.__divTitleBar = this.util.createDiv(\"divTitleBar\",this.__titleStyle);\r\n\tthis.__divTitleBar.style.position = \"relative\";\r\n\tthis.__divTitleBar.innerHTML = title;\r\n\tif(this.__isCloseAllowed)\r\n\t{\r\n\t\tvar btnClose = this.__createCloseButton();\r\n\t\tthis.__divTitleBar.appendChild(btnClose);  \r\n\t}\r\n};\r\n\r\nnsModal.__createPopUp = function (title,childComponent,isDragable)\r\n{\r\n\tthis.__divPopUp = this.util.createDiv(\"divOverlay\",\"nsModalPopUp\");\r\n\tthis.__divPopUp.style.display = \"none\";\r\n\tthis.__divPopUp.style.position = \"absolute\";\r\n\tthis.__divPopUp.style.padding = \"0px\";\r\n\tthis.__divPopUp.style.zIndex = \"99999\";\r\n\tif(this.__isTitleAllowed)\r\n\t{\r\n\t\tthis.__createTitleBar(title);\r\n\t\tthis.__divPopUp.appendChild(this.__divTitleBar);\r\n\t}\r\n\tif(childComponent)\r\n\t{\r\n\t\tthis.__divPopUp.appendChild(childComponent);\r\n\t}\r\n\tdocument.body.appendChild(this.__divPopUp); \r\n\tif(isDragable)\r\n\t{\r\n\t\tthis.__addDragFeature();\r\n\t}\r\n};\r\n\r\nnsModal.__setOverlayVisibility = function(isVisible)\r\n{\r\n\tif(this.__divPopUp)\r\n\t{\r\n\t\tthis.util.setDivVisibility(\"divOverlay\",isVisible);\r\n\t}\r\n};\r\n\r\nnsModal.__removeOverlay = function ()\r\n{\r\n\tthis.util.removeDiv(\"divOverlay\");\r\n\tthis.__divPopUp = null;\r\n};\r\n\r\nnsModal.__addDragFeature = function ()\r\n{\r\n\tif(this.__divTitleBar)\r\n\t{\r\n\t\tthis.__titleBarMouseOverRef = this.__titleBarMouseOverHandler.bind(this);\r\n\t    this.__titleBarMouseDownRef = this.__titleBarMouseDownHandler.bind(this);\r\n\t    this.__overlayMouseUpRef = this.__overlayMouseUpHandler.bind(this);\r\n\t    this.__overlayMouseMoveRef = this.__overlayMouseMoveHandler.bind(this);\r\n\t\t\r\n\t\tthis.util.addEvent(this.__divTitleBar,\"mouseover\",this.__titleBarMouseOverRef);\r\n\t\tthis.util.addEvent(this.__divTitleBar,\"mousedown\",this.__titleBarMouseDownRef);\r\n\t\tthis.util.addEvent(document,\"mouseup\",this.__overlayMouseUpRef);\r\n\t\tthis.util.addEvent(document,\"mousemove\",this.__overlayMouseMoveRef);\r\n\t}\r\n};\r\n\r\nnsModal.__titleBarMouseOverHandler = function(event)\r\n{\r\n\tif(this.__divTitleBar)\r\n\t{\r\n\t\tthis.__divTitleBar.style.cursor = \"move\";\r\n\t}\r\n};\r\n\r\nnsModal.__titleBarMouseDownHandler = function(event)\r\n{\r\n\tevent = this.util.getEvent(event);\r\n\tvar rect = this.__divPopUp.getBoundingClientRect();\r\n\t//console.log(rect.top, rect.right, rect.bottom, rect.left);\r\n    this.__dragCurrentX = rect.left;\r\n    this.__dragCurrentY = rect.top;\r\n    this.__dragMove = true;\r\n    this.__dragMouseX = event.clientX;\r\n    this.__dragMouseY = event.clientY;\r\n};\r\n\r\nnsModal.__overlayMouseUpHandler = function (event)\r\n{\r\n\tevent = this.util.getEvent(event);\r\n    this.__dragMove = false;\r\n};\r\n\r\nnsModal.__overlayMouseMoveHandler = function (event)\r\n{\r\n\tif (this.__dragMove) \r\n\t{\r\n\t\tevent = this.util.getEvent(event);\r\n\t\tthis.__dragCurrentX = parseInt(this.__dragCurrentX) + parseInt(event.clientX) - parseInt(this.__dragMouseX);\r\n        this.__dragCurrentY = parseInt(this.__dragCurrentY) + parseInt(event.clientY) - parseInt(this.__dragMouseY);\r\n        \r\n        //if(this.__dragCurrentX > -1 && this.__dragCurrentY > -1 && this.__dragCurrentX < window.innerWidth  && this.__dragCurrentY < window.innerHeight)\r\n        //{\r\n            this.__dragMouseX = event.clientX;\r\n            this.__dragMouseY = event.clientY;\r\n            \r\n            console.log(\"x is \" + this.__dragCurrentX + \" and y is \" + this.__dragCurrentY);\r\n            this.__divPopUp.style.left = parseInt(this.__dragCurrentX) + 'px';\r\n            this.__divPopUp.style.top = parseInt(this.__dragCurrentY) + 'px';\r\n//        }\r\n//        else\r\n//        {\r\n//        \tif(this.__dragCurrentX < 0)\r\n//        \t{\r\n//        \t\tthis.__dragCurrentX = 0;\r\n//        \t}\r\n//        \telse if(this.__dragCurrentX > window.innerWidth)\r\n//        \t{\r\n//        \t\tthis.__dragCurrentX = window.innerWidth;\r\n//        \t}\r\n//        \tif(this.__dragCurrentY < 0)\r\n//        \t{\r\n//        \t\tthis.__dragCurrentY = 0;\r\n//        \t}\r\n//        \telse if(this.__dragCurrentY > window.innerHeight)\r\n//        \t{\r\n//        \t\tthis.__dragCurrentY = window.innerHeight;\r\n//        \t}\r\n//        }\r\n \r\n\t}\r\n};\r\n\r\nnsModal.__getCloseButton = function()\r\n{\r\n\tvar btnClose = document.createElement(\"a\");\r\n\tbtnClose.setAttribute(\"href\",\"javascript:void(0)\");\r\n\tbtnClose.className = this.__closeButtonStyle;\r\n    btnClose.style.textDecoration=\"none\";\r\n    btnClose.style.position = \"absolute\";\r\n    btnClose.style.top = \"0px\";\r\n    btnClose.style.right = \"10px\";\r\n\tbtnClose.style.clear = \"both\"; \r\n\tbtnClose.innerHTML = \"X\";\r\n\tbtnClose.setAttribute(\"nsPinTip\",\"Click here to Close\");\r\n\tbtnClose.onclick = this.closeModal.bind(this);\r\n\t\r\n\treturn btnClose;\r\n};\r\n\r\n\r\n\r\n\r\n\r\ndocument.registerElement(\"ns-modal\", {prototype: nsModal});var nsProgressBar = Object.create(nsContainerBase);\r\n\r\nnsProgressBar.initializeComponent = function() \r\n{\r\n\tthis.base.initializeComponent();\r\n\tthis.__modal = null;\r\n\tthis.__divParentLoader = null;\r\n\tthis.__divMessage = null;\r\n\tthis.__divLoader = null;\r\n\tthis.__divLoaderBar = null;\r\n\tthis.__divLoaderText = null;\r\n\t\r\n\tthis.__modal = document.createElement(\"ns-modal\");\r\n\tthis.util.addEvent(this.__modal,\"CLOSE\",this.__modalCloseHandler.bind(this));\r\n};\r\n\r\nnsProgressBar.setComponentProperties = function() \r\n{\r\n\tthis.base.setComponentProperties();\r\n};\r\n\r\nnsProgressBar.propertyChange = function(attrName, oldVal, newVal, setProperty) \r\n{\r\n\tthis.base.propertyChange(attrName, oldVal, newVal, setProperty);\r\n};\r\n\r\nnsProgressBar.show = function(bodyTemplateID,title,isTitleRequired,isDragable)\r\n{\r\n\tthis.__createParentLoader(bodyTemplateID);\r\n\tthis.__modal.showModal(this.__divParentLoader,title,isTitleRequired,true,true,isDragable);\r\n};\r\n\r\nnsProgressBar.remove = function()\r\n{\r\n\tthis.__modal.closeModal();\r\n};\r\n\r\nnsProgressBar.progressBarCallBack = function(filesDownloaded,totalFiles)\r\n{\r\n\tvar progressBarText = Math.round((filesDownloaded * 100)/totalFiles) + \"% downloaded\";\r\n\tvar progressBarWidth = Math.round((filesDownloaded * 100)/totalFiles);\r\n\tthis.__divLoaderBar.style.width = progressBarWidth + '%';\r\n\tthis.__divLoaderText.innerHTML = progressBarText;\r\n};\r\n\r\nnsProgressBar.__createParentLoader = function(bodyTemplateID)\r\n{\r\n\tthis.__divParentLoader = this.util.createDiv(\"divParentLoader\");\r\n\tthis.__divParentLoader.style.padding = \"25px\";\r\n\tthis.__divParentLoader.style.paddingTop = \"7%\";\r\n\tthis.__divParentLoader.appendChild(this.__createLoader());\r\n\tif(bodyTemplateID)\r\n\t{\r\n\t\tthis.__divMessage = this.util.createDiv(\"divMessage\");\r\n\t\tthis.util.addTemplateInContainer(this.__divMessage,bodyTemplateID);\r\n\t\tthis.__divParentLoader.appendChild(this.__divMessage);\r\n\t}\r\n\treturn this.__divParentLoader;\r\n};\r\n\r\nnsProgressBar.__createLoader = function()\r\n{\r\n\tthis.__divLoader = this.util.createDiv(\"divLoader\",\"nsProgressBarLoader\");\r\n\tthis.__divLoader.style.width = \"100%\";\r\n\tthis.__createLoaderBar();\r\n\tthis.__divLoader.appendChild(this.__divLoaderBar);\r\n\tthis.__createLoaderText();\r\n\tthis.__divLoader.appendChild(this.__divLoaderText);\r\n\t\r\n\treturn this.__divLoader;\r\n};\r\n\r\nnsProgressBar.__createLoaderBar = function()\r\n{\r\n\tthis.__divLoaderBar = this.util.createDiv(\"divLoaderBar\",\"nsProgressBarLoaderBar\");\t\r\n};\r\n\r\nnsProgressBar.__createLoaderText = function()\r\n{\r\n\tthis.__divLoaderText = this.util.createDiv(\"divLoaderText\",\"nsProgressBarLoaderText\");\t\r\n};\r\n\r\nnsProgressBar.__modalCloseHandler = function(event)\r\n{\r\n\tthis.util.dispatchEvent(this,\"CLOSE\");\r\n};\r\n\r\ndocument.registerElement(\"ns-progressbar\", {prototype: nsProgressBar});";