uicore-ts 1.0.1

package/scripts/UIColor.ts

@@ -0,0 +1,427 @@
+import { UIObject } from "./UIObject"
+
+
+export interface UIColorDescriptor {
+    
+    red: number;
+    green: number;
+    blue: number;
+    alpha?: number;
+    
+}
+
+
+
+
+
+export class UIColor extends UIObject {
+    
+    
+    constructor(public stringValue: string) {
+        
+        super()
+        
+        this._class = UIColor
+        this.superclass = UIObject
+        
+        
+        
+    }
+    
+    
+    
+    toString() {
+        return this.stringValue
+    }
+    
+    static get redColor() {
+        return new UIColor("red")
+    }
+    
+    static get blueColor() {
+        return new UIColor("blue")
+    }
+    
+    static get greenColor() {
+        return new UIColor("green")
+    }
+    
+    static get yellowColor() {
+        return new UIColor("yellow")
+    }
+    
+    static get blackColor() {
+        return new UIColor("black")
+    }
+    
+    static get brownColor() {
+        return new UIColor("brown")
+    }
+    
+    static get whiteColor() {
+        return new UIColor("white")
+    }
+    
+    static get greyColor() {
+        return new UIColor("grey")
+    }
+    
+    static get lightGreyColor() {
+        return new UIColor("lightgrey")
+    }
+    
+    static get transparentColor() {
+        return new UIColor("transparent")
+    }
+    
+    static get undefinedColor() {
+        return new UIColor("")
+    }
+    
+    static get nilColor() {
+        return new UIColor("")
+    }
+    
+    
+    
+    static nameToHex(name: string) {
+        return {
+            "aliceblue": "#f0f8ff",
+            "antiquewhite": "#faebd7",
+            "aqua": "#00ffff",
+            "aquamarine": "#7fffd4",
+            "azure": "#f0ffff",
+            "beige": "#f5f5dc",
+            "bisque": "#ffe4c4",
+            "black": "#000000",
+            "blanchedalmond": "#ffebcd",
+            "blue": "#0000ff",
+            "blueviolet": "#8a2be2",
+            "brown": "#a52a2a",
+            "burlywood": "#deb887",
+            "cadetblue": "#5f9ea0",
+            "chartreuse": "#7fff00",
+            "chocolate": "#d2691e",
+            "coral": "#ff7f50",
+            "cornflowerblue": "#6495ed",
+            "cornsilk": "#fff8dc",
+            "crimson": "#dc143c",
+            "cyan": "#00ffff",
+            "darkblue": "#00008b",
+            "darkcyan": "#008b8b",
+            "darkgoldenrod": "#b8860b",
+            "darkgray": "#a9a9a9",
+            "darkgreen": "#006400",
+            "darkkhaki": "#bdb76b",
+            "darkmagenta": "#8b008b",
+            "darkolivegreen": "#556b2f",
+            "darkorange": "#ff8c00",
+            "darkorchid": "#9932cc",
+            "darkred": "#8b0000",
+            "darksalmon": "#e9967a",
+            "darkseagreen": "#8fbc8f",
+            "darkslateblue": "#483d8b",
+            "darkslategray": "#2f4f4f",
+            "darkturquoise": "#00ced1",
+            "darkviolet": "#9400d3",
+            "deeppink": "#ff1493",
+            "deepskyblue": "#00bfff",
+            "dimgray": "#696969",
+            "dodgerblue": "#1e90ff",
+            "firebrick": "#b22222",
+            "floralwhite": "#fffaf0",
+            "forestgreen": "#228b22",
+            "fuchsia": "#ff00ff",
+            "gainsboro": "#dcdcdc",
+            "ghostwhite": "#f8f8ff",
+            "gold": "#ffd700",
+            "goldenrod": "#daa520",
+            "gray": "#808080",
+            "green": "#008000",
+            "greenyellow": "#adff2f",
+            "honeydew": "#f0fff0",
+            "hotpink": "#ff69b4",
+            "indianred ": "#cd5c5c",
+            "indigo": "#4b0082",
+            "ivory": "#fffff0",
+            "khaki": "#f0e68c",
+            "lavender": "#e6e6fa",
+            "lavenderblush": "#fff0f5",
+            "lawngreen": "#7cfc00",
+            "lemonchiffon": "#fffacd",
+            "lightblue": "#add8e6",
+            "lightcoral": "#f08080",
+            "lightcyan": "#e0ffff",
+            "lightgoldenrodyellow": "#fafad2",
+            "lightgrey": "#d3d3d3",
+            "lightgreen": "#90ee90",
+            "lightpink": "#ffb6c1",
+            "lightsalmon": "#ffa07a",
+            "lightseagreen": "#20b2aa",
+            "lightskyblue": "#87cefa",
+            "lightslategray": "#778899",
+            "lightsteelblue": "#b0c4de",
+            "lightyellow": "#ffffe0",
+            "lime": "#00ff00",
+            "limegreen": "#32cd32",
+            "linen": "#faf0e6",
+            "magenta": "#ff00ff",
+            "maroon": "#800000",
+            "mediumaquamarine": "#66cdaa",
+            "mediumblue": "#0000cd",
+            "mediumorchid": "#ba55d3",
+            "mediumpurple": "#9370d8",
+            "mediumseagreen": "#3cb371",
+            "mediumslateblue": "#7b68ee",
+            "mediumspringgreen": "#00fa9a",
+            "mediumturquoise": "#48d1cc",
+            "mediumvioletred": "#c71585",
+            "midnightblue": "#191970",
+            "mintcream": "#f5fffa",
+            "mistyrose": "#ffe4e1",
+            "moccasin": "#ffe4b5",
+            "navajowhite": "#ffdead",
+            "navy": "#000080",
+            "oldlace": "#fdf5e6",
+            "olive": "#808000",
+            "olivedrab": "#6b8e23",
+            "orange": "#ffa500",
+            "orangered": "#ff4500",
+            "orchid": "#da70d6",
+            "palegoldenrod": "#eee8aa",
+            "palegreen": "#98fb98",
+            "paleturquoise": "#afeeee",
+            "palevioletred": "#d87093",
+            "papayawhip": "#ffefd5",
+            "peachpuff": "#ffdab9",
+            "peru": "#cd853f",
+            "pink": "#ffc0cb",
+            "plum": "#dda0dd",
+            "powderblue": "#b0e0e6",
+            "purple": "#800080",
+            "red": "#ff0000",
+            "rosybrown": "#bc8f8f",
+            "royalblue": "#4169e1",
+            "saddlebrown": "#8b4513",
+            "salmon": "#fa8072",
+            "sandybrown": "#f4a460",
+            "seagreen": "#2e8b57",
+            "seashell": "#fff5ee",
+            "sienna": "#a0522d",
+            "silver": "#c0c0c0",
+            "skyblue": "#87ceeb",
+            "slateblue": "#6a5acd",
+            "slategray": "#708090",
+            "snow": "#fffafa",
+            "springgreen": "#00ff7f",
+            "steelblue": "#4682b4",
+            "tan": "#d2b48c",
+            "teal": "#008080",
+            "thistle": "#d8bfd8",
+            "tomato": "#ff6347",
+            "turquoise": "#40e0d0",
+            "violet": "#ee82ee",
+            "wheat": "#f5deb3",
+            "white": "#ffffff",
+            "whitesmoke": "#f5f5f5",
+            "yellow": "#ffff00",
+            "yellowgreen": "#9acd32"
+        }[name.toLowerCase()]
+    }
+    
+    
+    
+    static hexToDescriptor(c: string): UIColorDescriptor {
+        if (c[0] === "#") {
+            c = c.substr(1)
+        }
+        const r = parseInt(c.slice(0, 2), 16)
+        const g = parseInt(c.slice(2, 4), 16)
+        const b = parseInt(c.slice(4, 6), 16)
+        const a = parseInt(c.slice(6, 8), 16)
+    
+        const result = { "red": r, "green": g, "blue": b, "alpha": a }
+    
+        return result
+        
+        //return 'rgb(' + r + ',' + g + ',' + b + ')';
+        
+    }
+    
+    static rgbToDescriptor(colorString: string) {
+        
+        
+        if (colorString.startsWith("rgba(")) {
+            
+            colorString = colorString.slice(5, colorString.length - 1)
+            
+        }
+        
+        if (colorString.startsWith("rgb(")) {
+            
+            colorString = colorString.slice(4, colorString.length - 1) + ", 0"
+            
+        }
+    
+    
+        const components = colorString.split(",")
+    
+    
+    
+        const result = {
+            "red": Number(components[0]),
+            "green": Number(components[1]),
+            "blue": Number(components[2]),
+            "alpha": Number(components[3])
+        }
+    
+    
+        return result
+        
+        
+    }
+    
+    
+    
+    get colorDescriptor(): UIColorDescriptor {
+    
+        var descriptor
+    
+        const colorHEXFromName = UIColor.nameToHex(this.stringValue)
+    
+        if (this.stringValue.startsWith("rgb")) {
+            
+            descriptor = UIColor.rgbToDescriptor(this.stringValue)
+            
+        }
+        else if (colorHEXFromName) {
+            
+            descriptor = UIColor.hexToDescriptor(colorHEXFromName)
+            
+        }
+        else {
+            
+            descriptor = UIColor.hexToDescriptor(this.stringValue)
+            
+        }
+        
+        return descriptor
+        
+    }
+    
+    
+    
+    colorWithRed(red: number) {
+    
+    
+        const descriptor = this.colorDescriptor
+    
+        const result = new UIColor("rgba(" + red + "," + descriptor.green + "," + descriptor.blue + "," +
+            descriptor.alpha + ")")
+    
+        return result
+        
+    }
+    
+    colorWithGreen(green: number) {
+    
+    
+        const descriptor = this.colorDescriptor
+    
+        const result = new UIColor("rgba(" + descriptor.red + "," + green + "," + descriptor.blue + "," +
+            descriptor.alpha + ")")
+    
+        return result
+        
+    }
+    
+    colorWithBlue(blue: number) {
+    
+    
+        const descriptor = this.colorDescriptor
+    
+        const result = new UIColor("rgba(" + descriptor.red + "," + descriptor.green + "," + blue + "," +
+            descriptor.alpha + ")")
+    
+        return result
+        
+    }
+    
+    
+    colorWithAlpha(alpha: number) {
+    
+    
+        const descriptor = this.colorDescriptor
+    
+        const result = new UIColor("rgba(" + descriptor.red + "," + descriptor.green + "," + descriptor.blue + "," +
+            alpha + ")")
+    
+        return result
+        
+    }
+    
+    
+    
+    static colorWithRGBA(red: number, green: number, blue: number, alpha: number = 1) {
+    
+    
+        const result = new UIColor("rgba(" + red + "," + green + "," + blue + "," + alpha + ")")
+    
+        return result
+        
+        
+    }
+    
+    static colorWithDescriptor(descriptor: UIColorDescriptor) {
+    
+    
+        const result = new UIColor("rgba(" + descriptor.red.toFixed(0) + "," + descriptor.green.toFixed(0) + "," +
+            descriptor.blue.toFixed(0) + "," + this.defaultAlphaToOne(descriptor.alpha) + ")")
+    
+        return result
+        
+    }
+    
+    
+    private static defaultAlphaToOne(value = 1) {
+        if (value != value) {
+            value = 1
+        }
+        return value
+    }
+    
+    
+    
+    colorByMultiplyingRGB(multiplier: number) {
+    
+        const descriptor = this.colorDescriptor
+    
+        descriptor.red = descriptor.red * multiplier
+        descriptor.green = descriptor.green * multiplier
+        descriptor.blue = descriptor.blue * multiplier
+    
+        const result = UIColor.colorWithDescriptor(descriptor)
+    
+        return result
+        
+    }
+    
+    
+    
+    
+    
+}
+
+
+
+
+
+
+
+
+
+
+
+
+
+

package/scripts/UICore.ts

@@ -0,0 +1,223 @@
+import { nil, NO, UIObject } from "./UIObject"
+import { UIRoute } from "./UIRoute"
+import { UIView } from "./UIView"
+import { UIViewController } from "./UIViewController"
+import "./UICoreExtensions"
+
+
+
+
+
+export interface UILanguageService {
+    
+    currentLanguageKey: string;
+    
+    stringForKey(
+        key: string,
+        languageName: string,
+        defaultString: string,
+        parameters: { [x: string]: string | UILocalizedTextObject; }
+    ): string | undefined;
+    
+    stringForCurrentLanguage(localizedTextObject: UILocalizedTextObject);
+    
+    
+    
+}
+
+
+export interface UILocalizedTextObject {
+    
+    [key: string]: string;
+    
+}
+
+
+
+
+
+export class UICore extends UIObject {
+    
+    rootViewController: UIViewController = nil
+    static RootViewControllerClass: any
+    static main: UICore
+    
+    static languageService: UILanguageService = nil
+    
+    constructor(rootDivElementID: string, rootViewControllerClass: typeof UIViewController) {
+        
+        super()
+        
+        this._class = UICore
+        this.superclass = UIObject
+        
+        UICore.RootViewControllerClass = rootViewControllerClass
+        
+        UICore.main = this
+    
+        const rootViewElement = document.getElementById(rootDivElementID)
+    
+        const rootView = new UIView(rootDivElementID, rootViewElement)
+    
+        rootView.pausesPointerEvents = NO //YES;
+        
+        if (UICore.RootViewControllerClass) {
+            
+            if (!(UICore.RootViewControllerClass.prototype instanceof UIViewController) ||
+                (UICore.RootViewControllerClass as any) === UIViewController) {
+                
+                console.log(
+                    "Error, UICore.RootViewControllerClass must be a or a subclass of UIViewController, falling back to UIViewController.")
+                
+                UICore.RootViewControllerClass = UIViewController
+                
+            }
+            
+            this.rootViewController = new UICore.RootViewControllerClass(rootView)
+            
+        }
+        else {
+            
+            this.rootViewController = new UIViewController(rootView)
+            
+        }
+        
+        this.rootViewController.viewWillAppear()
+        this.rootViewController.viewDidAppear()
+        
+        
+        this.rootViewController.view.addTargetForControlEvent(
+            UIView.controlEvent.PointerUpInside,
+            function (sender, event) {
+                
+                (document.activeElement as HTMLElement).blur()
+                
+            }
+        )
+    
+    
+    
+        const windowDidResize = function (this: UICore) {
+        
+            // Doing layout two times to prevent page scrollbars from confusing the layout
+            this.rootViewController._layoutViewSubviews()
+            UIView.layoutViewsIfNeeded()
+        
+            this.rootViewController._layoutViewSubviews()
+            //UIView.layoutViewsIfNeeded()
+        
+            this.rootViewController.view.broadcastEventInSubtree({
+            
+                name: UICore.broadcastEventName.WindowDidResize,
+                parameters: nil
+            
+            })
+        
+        }
+    
+        window.addEventListener("resize", windowDidResize.bind(this))
+    
+        const didScroll = function (this: UICore) {
+        
+            //code
+        
+            this.rootViewController.view.broadcastEventInSubtree({
+            
+                name: UIView.broadcastEventName.PageDidScroll,
+                parameters: nil
+            
+            })
+        
+        
+        
+        }.bind(this)
+    
+        window.addEventListener("scroll", didScroll, false)
+    
+        const hashDidChange = function (this: UICore) {
+        
+            //code
+        
+            this.rootViewController.handleRouteRecursively(UIRoute.currentRoute)
+        
+            this.rootViewController.view.broadcastEventInSubtree({
+            
+                name: UICore.broadcastEventName.RouteDidChange,
+                parameters: nil
+            
+            })
+        
+        
+        }.bind(this)
+    
+        window.addEventListener("hashchange", hashDidChange.bind(this), false)
+        
+        hashDidChange()
+        
+        
+        
+    }
+    
+    
+    static broadcastEventName = {
+        
+        "RouteDidChange": "RouteDidChange",
+        "WindowDidResize": "WindowDidResize"
+        
+    }
+    
+    
+    static loadClass(className: string) {
+        
+        if (window[className]) {
+            return
+        }
+        
+        document.writeln("<script type='text/javascript' src='dist/UICore/" + className + ".js'></script>")
+        
+    }
+    
+    
+}
+
+
+UICore.RootViewControllerClass = nil
+
+
+export const IS_FIREFOX = navigator.userAgent.toLowerCase().indexOf("firefox") > -1
+export const IS_SAFARI = /^((?!chrome|android).)*safari/i.test(navigator.userAgent)
+
+
+Array.prototype.indexOf || (Array.prototype.indexOf = function (d, e) {
+    var a
+    if (null == this) {
+        throw new TypeError("\"this\" is null or not defined")
+    }
+    const c = Object(this),
+        b = c.length >>> 0
+    if (0 === b) {
+        return -1
+    }
+    a = +e || 0
+    Infinity === Math.abs(a) && (a = 0)
+    if (a >= b) {
+        return -1
+    }
+    for (a = Math.max(0 <= a ? a : b - Math.abs(a), 0); a < b;) {
+        if (a in c && c[a] === d) {
+            return a
+        }
+        a++
+    }
+    return -1
+})
+
+
+
+
+
+
+
+
+
+