@vitrosoftware/common-ui-ts 1.1.97 → 1.1.98

package/dist/src/constants/KeyCode.d.ts

@@ -1,3 +1,4 @@
 export declare class KEY_CODE {
     static readonly ENTER = 13;
+    static readonly ESC = 27;
 }

package/dist/src/controls/ActionHandler/ActionHandler.d.ts

@@ -1,27 +1,31 @@
 import React from 'react';
+import { ActionHandlerItem } from './ActionHandlerItem';
+import { ActionHandlerResult } from './ActionHandlerResult';
 interface ActionHandlerProps {
     actionCode: string;
-    actionText?: string;
-    processItem: (item: any) => any;
-    item?: any;
-    itemList?: any[];
+    actionName?: string;
+    processItem: (item: ActionHandlerItem | {}) => any;
+    item?: ActionHandlerItem;
+    itemList?: ActionHandlerItem[];
     isShowAfterAction?: boolean;
     isShowProgress?: boolean;
     isHideProgressBar?: boolean;
     isShow?: boolean;
-    isBlockInterface?: boolean;
     isAutoClose?: boolean;
-    processError?: (failResult: any[]) => any;
-    onAfterAction?: (error: any, successResult: any, failResult: any) => void;
+    processError?: (failResult: ActionHandlerResult) => any;
+    onAfterAction?: (error: Error | null, successResult: ActionHandlerResult, failResult: ActionHandlerResult) => void;
     onBeforeAction?: () => void;
-    onAfterActionClose?: (error: any, successResult: any, failResult: any) => void;
+    onAfterActionClose?: (error: Error | null, successResult: ActionHandlerResult, failResult: ActionHandlerResult) => void;
+    onSaveReport?: (successResult: ActionHandlerResult, failResult: ActionHandlerResult) => void;
+    onError?: (excepton: any) => {
+        abort: boolean;
+        exception: any;
+    };
     successText?: (itemCount?: number) => string;
     confirmText?: (itemCount?: number) => string;
-    errorText?: (error: any, itemCount: number) => string;
+    errorText?: (error: Error, itemCount: number) => string;
     progressText?: (itemCount?: number) => string;
     isConfirm?: boolean;
-    target?: any;
-    placement?: any;
     labelYes?: string;
     labelNo?: string;
     children?: React.ReactNode;

package/dist/src/controls/ActionHandler/ActionHandlerConstants.d.ts

@@ -1,32 +1,11 @@
 export declare enum LOCALE {
-    CONF_SINGLE = "app.common.msg.action.conf.single",
-    CONF_MULTI = "app.common.msg.action.conf.multi",
-    CONF_STD = "app.common.msg.action.conf.std",
-    ITEM_COUNT = "app.common.actionHandler.itemCount",
-    ITEM_NAME = "app.common.actionHandler.itemName",
-    SUCCESS_SINGLE = "app.common.msg.action.success.single",
-    SUCCESS_MULTI = "app.common.msg.action.success.multi",
-    SUCCESS_STD = "app.common.msg.action.success.std",
-    ERROR_SINGLE = "app.common.msg.action.error.single",
-    ERROR_MULTI = "app.common.msg.action.error.multi",
-    ERROR_STD = "app.common.msg.action.error.std",
-    PROGRESS_SINGLE = "app.common.msg.action.progress.single",
-    PROGRESS_MULTI = "app.common.msg.action.progress.multi",
-    PROGRESS_STD = "app.common.msg.action.progress.std",
     ACTION = "app.common.action",
-    ERROR_MSG = "app.common.msg.error",
-    SUCCESS = "success",
-    PROGRESS = "progress",
-    ERROR = "error",
     CANCEL = "app.common.action.cancel",
-    PENDING = "app.common.msg.action.pending",
-    PROCESSING = "app.common.msg.action.processing",
-    COMPLETE = "app.common.msg.action.complete"
-}
-export declare enum PLACEMENT {
-    TOP = "top",
-    BOTTOM = "bottom"
-}
-export declare enum TRIGGER {
-    CLICK = "click"
+    CONFIRM_DIALOG_TITLE = "app.common.actionHandler.confirmDialog.title",
+    RESULT_DIALOG_PROGRESS_TITLE = "app.common.actionHandler.resultDialog.progress.title",
+    RESULT_DIALOG_PROGRESS_COUNT = "app.common.actionHandler.resultDialog.progress.count",
+    RESULT_DIALOG_SUCCESS_TITLE = "app.common.actionHandler.resultDialog.success.title",
+    RESULT_DIALOG_SUCCESS_MESSAGE = "app.common.actionHandler.resultDialog.success.message",
+    RESULT_DIALOG_ERROR_TITLE = "app.common.actionHandler.resultDialog.error.title",
+    RESULT_DIALOG_ACTION_SAVE_REPORT = "app.common.actionHandler.resultDialog.action.saveReport"
 }

package/dist/src/controls/ActionHandler/ActionHandlerItem.d.ts

@@ -0,0 +1,6 @@
+export interface ActionHandlerItem {
+    id?: string;
+    name?: string;
+    imageUrl?: string;
+    [key: string]: any;
+}

package/dist/src/controls/ActionHandler/ActionHandlerResult.d.ts

@@ -0,0 +1,3 @@
+import { ActionHandlerItem } from './ActionHandlerItem';
+export interface ActionHandlerResult extends Array<[ActionHandlerItem, any]> {
+}

package/dist/src/controls/ActionHandler/ActionResultItem.d.ts

@@ -0,0 +1,11 @@
+/// <reference types="react" />
+interface ActionResultItemProps {
+    id?: string;
+    name?: string;
+    size?: string;
+    imageUrl?: string;
+    message?: string;
+    isSuccess?: boolean;
+}
+export declare const ActionResultItem: (props: ActionResultItemProps) => JSX.Element;
+export {};

package/dist/src/controls/ActionHandler/ActionResultList.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+import { ActionHandlerResult } from './ActionHandlerResult';
+interface ActionResultListProps {
+    successResult: ActionHandlerResult;
+    failResult: ActionHandlerResult;
+    isVisible: boolean;
+}
+export declare const ActionResultList: (props: ActionResultListProps) => JSX.Element;
+export {};

package/dist/src/controls/ActionHandler/ConfirmDialog.d.ts

@@ -0,0 +1,11 @@
+/// <reference types="react" />
+interface ConfirmDialogProps {
+    actionName?: string;
+    itemCount: number;
+    labelNo?: string;
+    labelYes?: string;
+    onCancel: () => void;
+    onConfirm: () => void;
+}
+export declare const ConfirmDialog: (props: ConfirmDialogProps) => JSX.Element;
+export {};

package/dist/src/controls/ActionHandler/ResultDialog.d.ts

@@ -0,0 +1,17 @@
+/// <reference types="react" />
+import { ActionHandlerItem } from './ActionHandlerItem';
+import { ActionHandlerResult } from './ActionHandlerResult';
+interface ResultDialogProps {
+    actionName: string;
+    successResult: ActionHandlerResult;
+    failResult: ActionHandlerResult;
+    itemList: ActionHandlerItem[];
+    processedItemCount: number;
+    isSuccess: boolean;
+    isProgress: boolean;
+    onSaveReport?: (successResult: ActionHandlerResult, failResult: ActionHandlerResult) => void;
+    onClose: () => void;
+    onCancel: () => void;
+}
+export declare const ResultDialog: (props: ResultDialogProps) => JSX.Element;
+export {};

package/dist/src/controls/ButtonCancel/ButtonCancel.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import { ButtonProps } from '../Button/Button';
+export declare const ButtonCancel: (props: ButtonProps) => JSX.Element;

package/dist/src/controls/ButtonGroup/ButtonGroup.d.ts

@@ -1,6 +1,7 @@
 import React from 'react';
 interface ButtonGroupProps {
     children: React.ReactNode;
+    className?: string;
 }
 export declare const ButtonGroup: (props: ButtonGroupProps) => JSX.Element;
 export {};

package/dist/src/controls/Checkbox/Checkbox.d.ts

@@ -1,11 +1,12 @@
 import React from 'react';
+import { CheckboxRef } from './CheckboxRef';
 export interface CheckboxProps {
-    value?: any;
-    onChange?: (value: any[] | any, name: string) => void;
+    value?: boolean;
+    onChange?: (value: boolean, name: string) => void;
     labelPosition?: string;
     label: string;
     isDisabled?: boolean;
     name: string;
     className?: string;
 }
-export declare const Checkbox: React.ForwardRefExoticComponent<CheckboxProps & React.RefAttributes<unknown>>;
+export declare const Checkbox: React.ForwardRefExoticComponent<CheckboxProps & React.RefAttributes<CheckboxRef>>;

package/dist/src/controls/Checkbox/CheckboxRef.d.ts

@@ -0,0 +1,4 @@
+export interface CheckboxRef {
+    setValue(value: boolean): void;
+    getValue(): boolean;
+}

package/dist/src/controls/Dialog/Dialog.d.ts

@@ -1,10 +1,11 @@
 import React from 'react';
-import { DialogButtonProps } from './DialogButton';
+import { ButtonProps } from '../Button/Button';
 export interface DialogProps {
     title: string;
-    description?: string;
+    subtitle?: string;
+    image?: React.ReactNode;
     imageUrl?: string;
-    buttonList?: DialogButtonProps[];
+    buttonList?: ButtonProps[];
     labelClose?: string;
     isDismissible?: boolean;
     onClose?: (dialog: any) => any;
@@ -18,6 +19,9 @@ export interface DialogProps {
     };
     isHideFooter?: boolean;
     dialog?: any;
+    className?: string;
+    headerClassName?: string;
+    hiddenContent?: React.ReactNode;
     children?: React.ReactNode;
 }
 export declare const Dialog: (props: DialogProps) => JSX.Element;

package/dist/src/controls/Dialog/DialogComponent.d.ts

@@ -3,6 +3,7 @@ interface DialogComponent {
     width?: number;
     height?: number;
     children: any;
+    className?: string;
 }
 export declare const DialogComponent: (props: DialogComponent) => JSX.Element;
 export {};

package/dist/src/controls/Dialog/DialogConstants.d.ts

@@ -1,5 +1,7 @@
 export declare enum LOCALE {
     ACTION_CANCEL = "app.common.action.cancel",
     ACTION_CLOSE = "app.common.action.close",
-    ACTION_SAVE = "app.common.action.save"
+    ACTION_SAVE = "app.common.action.save",
+    ACTION_SHOW_DETAIL = "app.common.dialog.action.showDetail",
+    ACTION_HIDE = "app.common.dialog.action.hide"
 }

package/dist/src/controls/Dialog/DialogDetailExpandButton.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+interface DialogDetailExpandButtonProps {
+    onClick: (isExpanded: boolean) => void;
+}
+export declare const DialogDetailExpandButton: (props: DialogDetailExpandButtonProps) => JSX.Element;
+export {};

package/dist/src/controls/Dialog/DialogFooter.d.ts

@@ -1,10 +1,12 @@
 /// <reference types="react" />
-import { DialogButtonProps } from './DialogButton';
+import { ButtonProps } from '../Button/Button';
 interface DialogFooterProps {
-    buttonList?: DialogButtonProps[];
+    buttonList?: ButtonProps[];
     labelClose?: string;
-    onClose?: (dialog: any) => any;
+    onClose: () => any;
+    onClickDetailButton: (isExpanded: boolean) => void;
     isDismissible?: boolean;
+    isShowDetailButton?: boolean;
     dialog?: any;
 }
 export declare const DialogFooter: (props: DialogFooterProps) => JSX.Element;

package/dist/src/controls/Dialog/DialogHeader.d.ts

@@ -1,8 +1,10 @@
-/// <reference types="react" />
+import React from 'react';
 interface DialogHeaderProps {
     title: string;
-    description?: string;
+    subtitle?: string;
     imageUrl?: string;
+    image?: React.ReactNode;
+    className?: string;
 }
 export declare const DialogHeader: (props: DialogHeaderProps) => JSX.Element;
 export {};

package/dist/src/controls/ExpandCollapseButton/ExpandCollapseButton.d.ts

@@ -0,0 +1,12 @@
+import React from 'react';
+interface ExpandCollapseButtonProps {
+    onClick: (isExpanded: boolean) => void;
+    expandImage?: React.ReactNode;
+    collapseImage?: React.ReactNode;
+    expandText?: string;
+    collapseText?: string;
+    isExpanded?: boolean;
+    className?: string;
+}
+export declare const ExpandCollapseButton: (props: ExpandCollapseButtonProps) => JSX.Element;
+export {};

package/dist/src/controls/Heading/Heading.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+import { TAG } from './HeadingConstants';
+interface HeadingProps {
+    text: string;
+    tag: TAG;
+    className?: string;
+}
+export declare const Heading: (props: HeadingProps) => React.DetailedReactHTMLElement<{
+    className: string;
+}, HTMLElement>;
+export {};

package/dist/src/controls/Heading/HeadingConstants.d.ts

@@ -0,0 +1,7 @@
+export declare enum TAG {
+    H1 = "h1",
+    H2 = "h2",
+    H3 = "h3",
+    H4 = "h4",
+    H5 = "h5"
+}

package/dist/src/controls/Input/Input.d.ts

@@ -1,4 +1,5 @@
 import React from 'react';
+import { InputRef } from './InputRef';
 export interface InputProps {
     name?: string;
     type?: string;
@@ -29,4 +30,4 @@ export interface InputProps {
     children?: React.ReactNode;
     className?: string;
 }
-export declare const Input: React.ForwardRefExoticComponent<InputProps & React.RefAttributes<unknown>>;
+export declare const Input: React.ForwardRefExoticComponent<InputProps & React.RefAttributes<InputRef>>;

package/dist/src/controls/Input/InputRef.d.ts

@@ -0,0 +1,5 @@
+export interface InputRef {
+    focus(): void;
+    setValue(value: string): void;
+    getValue(): string;
+}

package/dist/src/controls/ProgressBar/ProgressBar.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+interface ProgressBarProps {
+    percentComplete: number;
+    className?: string;
+}
+export declare const ProgressBar: React.ForwardRefExoticComponent<ProgressBarProps & React.RefAttributes<HTMLDivElement>>;
+export {};

package/dist/src/controls/ScrollBar/ScrollBar.d.ts

@@ -5,6 +5,7 @@ interface ScrollBarProps {
     onInit?: (container: any) => any;
     children: React.ReactNode;
     className?: string;
+    contentClassName?: string;
 }
 export declare const ScrollBar: (props: ScrollBarProps) => JSX.Element;
 export {};

package/dist/src/controls/SystemExceptionDialog/SystemExceptionDialog.d.ts

@@ -0,0 +1,11 @@
+/// <reference types="react" />
+import { SystemExceptionDialogData } from './SystemExceptionDialogData';
+interface SystemExceptionDialogProps {
+    stackTrace: string;
+    onConfirm: (data: SystemExceptionDialogData) => void;
+    onCancel: () => void;
+    labelConfirm?: string;
+    labelClose?: string;
+}
+export declare const SystemExceptionDialog: (props: SystemExceptionDialogProps) => JSX.Element;
+export {};

package/dist/src/controls/SystemExceptionDialog/SystemExceptionDialogConstants.d.ts

@@ -0,0 +1,11 @@
+export declare enum LOCALE {
+    TITLE = "app.common.systemExceptionDialog.title",
+    SUBTITLE = "app.common.systemExceptionDialog.subtitle",
+    ACTION_SEND = "app.common.systemExceptionDialog.action.send",
+    ACTION_INCLUDE = "app.common.systemExceptionDialog.action.includeInReport",
+    SETTING = "app.common.systemExceptionDialog.setting",
+    SETTING_SCREENSHOT = "screenshot",
+    SETTING_EXCEPTION_TEXT = "detailedExceptionText",
+    SETTING_USER_NAME = "userName",
+    SETTING_SYSTEM_INFO = "systemInformation"
+}

package/dist/src/controls/SystemExceptionDialog/SystemExceptionDialogData.d.ts

@@ -0,0 +1,7 @@
+export interface SystemExceptionDialogData {
+    comment: string;
+    screenshot: boolean;
+    detailedErrorText: boolean;
+    userName: boolean;
+    systemInformation: boolean;
+}

package/dist/src/controls/TelerikUploader/TelerikUploaderContextImpl.d.ts

@@ -17,7 +17,7 @@ export declare class TelerikUploaderContextImpl implements TelerikUploaderContex
     private progressBar;
     private title;
     private subtitle;
-    constructor(uploader: HTMLInputElement, container: HTMLDivElement, dropZone: HTMLDivElement, settings: TelerikUploaderSettings, localeService: LocaleService, toggleButtons: (show: boolean) => any);
+    constructor(uploader: HTMLInputElement, container: HTMLDivElement, dropZone: HTMLDivElement, progressBar: HTMLDivElement | null, settings: TelerikUploaderSettings, localeService: LocaleService, toggleButtons: (show: boolean) => void);
     clearAllFiles(): void;
     private resetUploader;
     private initAuthorization;
@@ -33,6 +33,7 @@ export declare class TelerikUploaderContextImpl implements TelerikUploaderContex
     addFile(): void;
     setAthorizationToken(token: string): void;
     private setErrorMessage;
+    private cancelUpload;
     private setFileImage;
     private setProgressBar;
     private setFileProgress;

package/dist/src/controls/TelerikUploader/TelerikUploaderSettings.d.ts

@@ -11,5 +11,8 @@ export interface TelerikUploaderSettings {
     isAutoReset?: boolean;
     resetDurationMs?: number;
     getFileImage?: (name: string) => string;
-    handleError?: (response: any) => any;
+    onError?: (response: any) => {
+        abort: boolean;
+        exception: any;
+    };
 }

package/dist/src/controls/UpdatingPopover/UpdatingPopover.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare const UpdatingPopover: React.ForwardRefExoticComponent<Pick<any, string | number | symbol> & React.RefAttributes<HTMLDivElement>>;

package/dist/src/index.d.ts

@@ -23,6 +23,8 @@ import { ComponentLoader } from './controls/ComponentLoader/ComponentLoader';
 import { ComponentLoaderContextImpl } from './controls/ComponentLoader/ComponentLoaderContextImpl';
 import { ComponentLoaderContext } from './controls/ComponentLoader/ComponentLoaderContext';
 import { ActionHandler } from './controls/ActionHandler/ActionHandler';
+import { ActionHandlerResult } from './controls/ActionHandler/ActionHandlerResult';
+import { ActionHandlerItem } from './controls/ActionHandler/ActionHandlerItem';
 import * as ACTION_HANDLER from './controls/ActionHandler/ActionHandlerConstants';
 import { View } from './controls/View/View';
 import { TabGroup } from './controls/TabGroup/TabGroup';
@@ -37,6 +39,7 @@ import { TwoFactorAuthenticationForm } from './controls/Login/TwoFactorAuthentic
 import { TwoFactorAuthenticationFormRef } from './controls/Login/TwoFactorAuthenticationFormRef';
 import { NTLMAuthenticationForm } from './controls/Login/NTLMAuthenticationForm';
 import { Input, InputProps } from './controls/Input/Input';
+import { InputRef } from './controls/Input/InputRef';
 import { NumberInput } from './controls/NumberInput/NumberInput';
 import * as NUMBER_INPUT from './controls/NumberInput/NumberInputConstants';
 import { PasswordInput } from './controls/PasswordInput/PasswordInput';
@@ -114,6 +117,12 @@ import { Link } from './controls/Link/Link';
 import { Overlay } from './controls/Overlay/Overlay';
 import { OverlayRef } from './controls/Overlay/OverlayRef';
 import { PLACEMENT } from './constants/Placement';
+import { ProgressBar } from './controls/ProgressBar/ProgressBar';
+import { ExpandCollapseButton } from './controls/ExpandCollapseButton/ExpandCollapseButton';
+import { ButtonCancel } from './controls/ButtonCancel/ButtonCancel';
+import { SystemExceptionDialog } from './controls/SystemExceptionDialog/SystemExceptionDialog';
+import { Heading } from './controls/Heading/Heading';
+import * as HEADING from './controls/Heading/HeadingConstants';
 export { Breadcrumbs };
 export { TopLevelMenu };
 export { TreeView, TreeViewContext, TREE_VIEW, TreeViewProps, JsTreeViewNode };
@@ -121,13 +130,13 @@ export { TableView, TableViewContext, TableViewRow, TableViewCol, TableViewMenuI
 export { MicroFrontend };
 export { TelerikUploader, TelerikUploaderContext, TelerikUploaderContextImpl, TelerikUploaderSettings };
 export { ComponentLoader, ComponentLoaderContextImpl, ComponentLoaderContext };
-export { ActionHandler, ACTION_HANDLER };
+export { ActionHandler, ActionHandlerResult, ActionHandlerItem, ACTION_HANDLER };
 export { View };
 export { TabGroup };
 export { ControlGroup, TabItem };
 export { PdfViewer, PdfViewerContext };
 export { Login, LoginForm, TwoFactorAuthenticationForm, LoginFormRef, TwoFactorAuthenticationFormRef, NTLMAuthenticationForm };
-export { Input, InputProps };
+export { Input, InputProps, InputRef };
 export { NumberInput, NUMBER_INPUT };
 export { DatePicker, DatePickerProps };
 export { TimePicker };
@@ -182,3 +191,8 @@ export { LinkInput };
 export { Link };
 export { Overlay, OverlayRef };
 export { PLACEMENT };
+export { ProgressBar };
+export { ExpandCollapseButton };
+export { ButtonCancel };
+export { SystemExceptionDialog };
+export { Heading, HEADING };

package/lib/screen.dpi.detector/screen.dpi.detector.js

@@ -0,0 +1,92 @@
+/*
+ * dpi screen detector javascript 1.0.0 (High Dots Per Inch)
+ * Screen resolution pixel density (dpi) detector.
+ *
+ * Detect:
+ * - ldpi (low) ~120dpi
+ * - mdpi (medium) ~160dpi
+ * - hdpi (high) ~240dpi
+ * - xhdpi (extra-high) ~320dpi
+ * - xxhdpi (extra-extra-high) ~480dpi
+ * - xxxhdpi (extra-extra-extra-high) ~640dpi
+ *
+ * Github repository:
+ * https://github.com/jorgegilramos/screen-dpi-detector
+ *
+ * Live demo:
+ * http://jorgegilramos.es/test/demo.html
+ *
+ * Author: Ricardo Jorge Gil Ramos
+ * http://jorgegilramos.es
+ *
+ * RJGR © Creative Commons Attribution-NonCommercial 3.0 
+ * License: http://creativecommons.org/licenses/by-nc/3.0/
+ */
+
+window.Detector = (function(window, document, undefined){
+  var version = "1.0.0";
+  var maxRatio = 8.0;
+  Detector = {};
+  
+  Detector._version = version;
+  Detector.screens = {};
+  
+  // support for device-pixel-ratio: prefix for vendor, "" for native or undefined
+  Detector.prefix = function() {
+    if (window.matchMedia) {
+      var prefixes = "-webkit-min- min--moz- -o-min- -ms-min- -khtml-min- ".split(" ");
+      var mediaQuery = "device-pixel-ratio:1.0";
+      for (var i=0; i<prefixes.length; i++) {
+        if (window.matchMedia("(" + prefixes[i] + mediaQuery + ")").matches) {
+          return prefixes[i];
+        }
+      }
+    }
+    return undefined;
+  }();
+  
+  // device-pixel-ratio: Number of device pixels per CSS Pixel
+  Detector.devicePixelRatio = function() {
+    if (Detector.prefix) {
+      var maxdpr = 1.0;
+      var i=1.0;
+      for (; i<=maxRatio; i=parseFloat((i+0.1).toFixed(1))) {
+        if (window.matchMedia("(" + Detector.prefix + "device-pixel-ratio:" + i.toFixed(1) + ")").matches===false) {
+          break;
+        } else {
+          maxdpr = i;
+        }
+      }
+      return maxdpr;
+    }
+    return undefined;
+  }();
+  
+  // dppx: Number of dots per px unit. 1dppx = 96dpi
+  Detector.dppx = function() {
+    if (window.matchMedia) {
+      var maxdppx = 1.0;
+      var i=1.0;
+      for (; i<=maxRatio; i=parseFloat((i+0.1).toFixed(1))) {
+        if (window.matchMedia("(min-resolution:" + i.toFixed(1) + "dppx)").matches===false) {
+          break;
+        } else {
+          maxdppx = i;
+        }
+      }
+      return maxdppx;
+    }
+    return undefined;
+  }();
+  
+  // dpi: Dots per inch
+  Detector.dpi = Detector.dppx*96;
+  
+  var test = {"ldpi": 120, "mdpi": 160, "hdpi": 240, "xhdpi": 320, "xxhdpi": 480, "xxxhdpi": 640};
+  for (var key in test) {
+    if (test.hasOwnProperty(key)) {
+      Detector.screens[key] = Detector.dpi >= test[key];
+    }
+  }
+  return Detector;
+})(this, this.document);