uicore-ts 1.0.6 → 1.0.8

package/compiledScripts/ClientCheckers.js

@@ -1,3 +1,4 @@
+"use strict";
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;

package/compiledScripts/ClientCheckers.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../scripts/ClientCheckers.ts"],
   "sourcesContent": ["export const IS_FIREFOX = navigator.userAgent.toLowerCase().indexOf(\"firefox\") > -1\nexport const IS_SAFARI = /^((?!chrome|android).)*safari/i.test(navigator.userAgent)\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAO,MAAM,aAAa,UAAU,UAAU,YAAY,EAAE,QAAQ,SAAS,IAAI;AAC1E,MAAM,YAAY,iCAAiC,KAAK,UAAU,SAAS;",
+  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAO,MAAM,aAAa,UAAU,UAAU,YAAY,EAAE,QAAQ,SAAS,IAAI;AAC1E,MAAM,YAAY,iCAAiC,KAAK,UAAU,SAAS;",
   "names": []
 }

package/compiledScripts/UIActionIndicator.js

@@ -1,3 +1,4 @@
+"use strict";
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;

package/compiledScripts/UIActionIndicator.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../scripts/UIActionIndicator.ts"],
   "sourcesContent": ["import { NO, YES } from \"./UIObject\"\nimport { UIView } from \"./UIView\"\n\n\nexport class UIActionIndicator extends UIView {\n    \n    \n    indicatorView: UIView\n    \n    _size: number = 50\n    \n    constructor(elementID?: string) {\n        \n        super(elementID)\n        \n        this.indicatorView = new UIView(this.elementID + \"IndicatorView\")\n        this.indicatorView.viewHTMLElement.classList.add(\"LukeHaasLoader\")\n        this.addSubview(this.indicatorView)\n        \n        this.hidden = YES\n        \n    }\n    \n    \n    \n    \n    \n    set size(size: number) {\n        \n        this._size = size\n        \n        this.setNeedsLayoutUpToRootView()\n        \n    }\n    \n    get size() {\n        \n        return this._size\n        \n    }\n    \n    \n    \n    set hidden(hidden: boolean) {\n        \n        super.hidden = hidden\n        \n        if (hidden) {\n            \n            this.indicatorView.removeFromSuperview()\n            \n        }\n        else {\n            \n            this.addSubview(this.indicatorView)\n            \n        }\n        \n    }\n    \n    start() {\n        \n        this.hidden = NO\n        \n    }\n    \n    stop() {\n        \n        this.hidden = YES\n        \n    }\n    \n    \n    \n    layoutSubviews() {\n        \n        super.layoutSubviews()\n    \n        const bounds = this.bounds\n    \n        //this.indicatorView.centerInContainer();\n        \n        this.indicatorView.style.height = \"\" + this._size.integerValue + \"px\"\n        this.indicatorView.style.width = \"\" + this._size.integerValue + \"px\"\n    \n        const minSize = Math.min(this.bounds.height, this.bounds.width)\n    \n        this.indicatorView.style.maxHeight = \"\" + minSize.integerValue + \"px\"\n        this.indicatorView.style.maxWidth = \"\" + minSize.integerValue + \"px\"\n    \n        const size = Math.min(this._size, minSize)\n    \n        this.indicatorView.style.left = \"\" + ((bounds.width - size) * 0.5 - 11).integerValue + \"px\"\n        this.indicatorView.style.top = \"\" + ((bounds.height - size) * 0.5 - 11).integerValue + \"px\"\n        \n        \n        \n        \n    }\n    \n    \n    \n    \n    \n}\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,sBAAwB;AACxB,oBAAuB;AAGhB,MAAM,0BAA0B,qBAAO;AAAA,EAO1C,YAAY,WAAoB;AAE5B,UAAM,SAAS;AAJnB,iBAAgB;AAMZ,SAAK,gBAAgB,IAAI,qBAAO,KAAK,YAAY,eAAe;AAChE,SAAK,cAAc,gBAAgB,UAAU,IAAI,gBAAgB;AACjE,SAAK,WAAW,KAAK,aAAa;AAElC,SAAK,SAAS;AAAA,EAElB;AAAA,EAMA,IAAI,KAAK,MAAc;AAEnB,SAAK,QAAQ;AAEb,SAAK,2BAA2B;AAAA,EAEpC;AAAA,EAEA,IAAI,OAAO;AAEP,WAAO,KAAK;AAAA,EAEhB;AAAA,EAIA,IAAI,OAAO,QAAiB;AAExB,UAAM,SAAS;AAEf,QAAI,QAAQ;AAER,WAAK,cAAc,oBAAoB;AAAA,IAE3C,OACK;AAED,WAAK,WAAW,KAAK,aAAa;AAAA,IAEtC;AAAA,EAEJ;AAAA,EAEA,QAAQ;AAEJ,SAAK,SAAS;AAAA,EAElB;AAAA,EAEA,OAAO;AAEH,SAAK,SAAS;AAAA,EAElB;AAAA,EAIA,iBAAiB;AAEb,UAAM,eAAe;AAErB,UAAM,SAAS,KAAK;AAIpB,SAAK,cAAc,MAAM,SAAS,KAAK,KAAK,MAAM,eAAe;AACjE,SAAK,cAAc,MAAM,QAAQ,KAAK,KAAK,MAAM,eAAe;AAEhE,UAAM,UAAU,KAAK,IAAI,KAAK,OAAO,QAAQ,KAAK,OAAO,KAAK;AAE9D,SAAK,cAAc,MAAM,YAAY,KAAK,QAAQ,eAAe;AACjE,SAAK,cAAc,MAAM,WAAW,KAAK,QAAQ,eAAe;AAEhE,UAAM,OAAO,KAAK,IAAI,KAAK,OAAO,OAAO;AAEzC,SAAK,cAAc,MAAM,OAAO,OAAO,OAAO,QAAQ,QAAQ,MAAM,IAAI,eAAe;AACvF,SAAK,cAAc,MAAM,MAAM,OAAO,OAAO,SAAS,QAAQ,MAAM,IAAI,eAAe;AAAA,EAK3F;AAMJ;",
+  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,sBAAwB;AACxB,oBAAuB;AAGhB,MAAM,0BAA0B,qBAAO;AAAA,EAO1C,YAAY,WAAoB;AAE5B,UAAM,SAAS;AAJnB,iBAAgB;AAMZ,SAAK,gBAAgB,IAAI,qBAAO,KAAK,YAAY,eAAe;AAChE,SAAK,cAAc,gBAAgB,UAAU,IAAI,gBAAgB;AACjE,SAAK,WAAW,KAAK,aAAa;AAElC,SAAK,SAAS;AAAA,EAElB;AAAA,EAMA,IAAI,KAAK,MAAc;AAEnB,SAAK,QAAQ;AAEb,SAAK,2BAA2B;AAAA,EAEpC;AAAA,EAEA,IAAI,OAAO;AAEP,WAAO,KAAK;AAAA,EAEhB;AAAA,EAIA,IAAI,OAAO,QAAiB;AAExB,UAAM,SAAS;AAEf,QAAI,QAAQ;AAER,WAAK,cAAc,oBAAoB;AAAA,IAE3C,OACK;AAED,WAAK,WAAW,KAAK,aAAa;AAAA,IAEtC;AAAA,EAEJ;AAAA,EAEA,QAAQ;AAEJ,SAAK,SAAS;AAAA,EAElB;AAAA,EAEA,OAAO;AAEH,SAAK,SAAS;AAAA,EAElB;AAAA,EAIA,iBAAiB;AAEb,UAAM,eAAe;AAErB,UAAM,SAAS,KAAK;AAIpB,SAAK,cAAc,MAAM,SAAS,KAAK,KAAK,MAAM,eAAe;AACjE,SAAK,cAAc,MAAM,QAAQ,KAAK,KAAK,MAAM,eAAe;AAEhE,UAAM,UAAU,KAAK,IAAI,KAAK,OAAO,QAAQ,KAAK,OAAO,KAAK;AAE9D,SAAK,cAAc,MAAM,YAAY,KAAK,QAAQ,eAAe;AACjE,SAAK,cAAc,MAAM,WAAW,KAAK,QAAQ,eAAe;AAEhE,UAAM,OAAO,KAAK,IAAI,KAAK,OAAO,OAAO;AAEzC,SAAK,cAAc,MAAM,OAAO,OAAO,OAAO,QAAQ,QAAQ,MAAM,IAAI,eAAe;AACvF,SAAK,cAAc,MAAM,MAAM,OAAO,OAAO,SAAS,QAAQ,MAAM,IAAI,eAAe;AAAA,EAK3F;AAMJ;",
   "names": []
 }

package/compiledScripts/UIBaseButton.d.ts

@@ -4,10 +4,9 @@ export declare class UIBaseButton extends UIView {
     _highlighted: boolean;
     _isPointerInside: boolean;
     _isToggleable: boolean;
-    _hovered: boolean;
-    _focused: boolean;
-    constructor(elementID: string, elementType?: string, initViewData?: any);
-    initViewStateControl(): void;
+    _hovered?: boolean;
+    _focused?: boolean;
+    constructor(elementID?: string, elementType?: string, initViewData?: any);
     set hovered(hovered: boolean);
     get hovered(): boolean;
     set highlighted(highlighted: boolean);
@@ -37,11 +36,20 @@ export declare class UIBaseButton extends UIView {
         x: number;
         y: number;
     };
-    static getElementPositionInDocument(el: any): {
+    static getElementPositionInDocument(el: {
+        tagName: string;
+        offsetLeft: number;
+        scrollLeft: number;
+        clientLeft: number;
+        offsetTop: number;
+        scrollTop: number;
+        clientTop: number;
+        offsetParent: any;
+    }): {
         x: number;
         y: number;
     };
-    static convertCoordinatesFromDocumentToElement(x: any, y: any, element: any): {
+    static convertCoordinatesFromDocumentToElement(x: number, y: number, element: any): {
         x: number;
         y: number;
     };

package/compiledScripts/UIBaseButton.js

@@ -1,3 +1,4 @@
+"use strict";
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
@@ -29,67 +30,62 @@ class UIBaseButton extends import_UIView.UIView {
     this._selected = import_UIObject.NO;
     this._highlighted = import_UIObject.NO;
     this._isToggleable = import_UIObject.NO;
-    this.initViewStateControl();
-  }
-  initViewStateControl() {
-    this.class.superclass = import_UIView.UIView;
     this._isPointerInside = import_UIObject.NO;
-    const setHovered = function() {
+    const setHovered = () => {
       this.hovered = import_UIObject.YES;
-    }.bind(this);
+    };
     this.addTargetForControlEvent(import_UIView.UIView.controlEvent.PointerHover, setHovered);
-    const setNotHovered = function() {
+    const setNotHovered = () => {
       this.hovered = import_UIObject.NO;
-    }.bind(this);
+    };
     this.addTargetForControlEvents([
       import_UIView.UIView.controlEvent.PointerLeave,
       import_UIView.UIView.controlEvent.PointerCancel,
       import_UIView.UIView.controlEvent.MultipleTouches
     ], setNotHovered);
     var highlightingTime;
-    const setHighlighted = function() {
+    const setHighlighted = () => {
       this.highlighted = import_UIObject.YES;
       highlightingTime = Date.now();
-    }.bind(this);
+    };
     this.addTargetForControlEvent(import_UIView.UIView.controlEvent.PointerDown, setHighlighted);
     this.addTargetForControlEvent(import_UIView.UIView.controlEvent.PointerEnter, setHighlighted);
-    const setNotHighlighted = function() {
+    const setNotHighlighted = () => {
       this.highlighted = import_UIObject.NO;
-    }.bind(this);
-    const setNotHighlightedWithMinimumDuration = function() {
+    };
+    const setNotHighlightedWithMinimumDuration = () => {
       const minimumDurationInMilliseconds = 50;
       const elapsedTime = Date.now() - highlightingTime;
       if (minimumDurationInMilliseconds < elapsedTime) {
         this.highlighted = import_UIObject.NO;
       } else {
-        setTimeout(function() {
+        setTimeout(() => {
           this.highlighted = import_UIObject.NO;
-        }.bind(this), minimumDurationInMilliseconds - elapsedTime);
+        }, minimumDurationInMilliseconds - elapsedTime);
       }
-    }.bind(this);
+    };
     this.addTargetForControlEvents([
       import_UIView.UIView.controlEvent.PointerLeave,
       import_UIView.UIView.controlEvent.PointerCancel,
       import_UIView.UIView.controlEvent.MultipleTouches
     ], setNotHighlighted);
     this.addTargetForControlEvent(import_UIView.UIView.controlEvent.PointerUp, setNotHighlightedWithMinimumDuration);
-    this.addTargetForControlEvent(import_UIView.UIView.controlEvent.EnterDown, function() {
+    this.addTargetForControlEvent(import_UIView.UIView.controlEvent.EnterDown, () => {
       setHighlighted();
       setNotHighlightedWithMinimumDuration();
     });
     this.addTargetForControlEvent(
       import_UIView.UIView.controlEvent.Focus,
-      function(sender, event) {
+      (sender, event) => {
         this.focused = import_UIObject.YES;
-      }.bind(this)
+      }
     );
     this.addTargetForControlEvent(
       import_UIView.UIView.controlEvent.Blur,
-      function(sender, event) {
+      (sender, event) => {
         this.focused = import_UIObject.NO;
-      }.bind(this)
+      }
     );
-    this.updateContentForCurrentState();
     this.pausesPointerEvents = import_UIObject.YES;
     this.tabIndex = 1;
     this.style.cursor = "pointer";
@@ -97,18 +93,19 @@ class UIBaseButton extends import_UIView.UIView {
     this.addTargetForControlEvents([
       import_UIView.UIView.controlEvent.EnterDown,
       import_UIView.UIView.controlEvent.PointerUpInside
-    ], function(sender, event) {
+    ], () => {
       if (this.isToggleable) {
         this.toggleSelectedState();
       }
-    }.bind(this));
+    });
   }
   set hovered(hovered) {
     this._hovered = hovered;
     this.updateContentForCurrentState();
   }
   get hovered() {
-    return this._hovered;
+    var _a;
+    return (_a = this._hovered) != null ? _a : import_UIObject.NO;
   }
   set highlighted(highlighted) {
     this._highlighted = highlighted;
@@ -127,7 +124,8 @@ class UIBaseButton extends import_UIView.UIView {
     this.updateContentForCurrentState();
   }
   get focused() {
-    return this._focused;
+    var _a;
+    return (_a = this._focused) != null ? _a : import_UIObject.NO;
   }
   set selected(selected) {
     this._selected = selected;
@@ -137,7 +135,7 @@ class UIBaseButton extends import_UIView.UIView {
     return this._selected;
   }
   updateContentForCurrentState() {
-    var updateFunction = this.updateContentForNormalState;
+    let updateFunction = this.updateContentForNormalState;
     if (this.selected && this.highlighted) {
       updateFunction = this.updateContentForSelectedAndHighlightedState;
     } else if (this.selected) {
@@ -196,6 +194,7 @@ class UIBaseButton extends import_UIView.UIView {
     if (event.name == import_UIView.UIView.broadcastEventName.PageDidScroll || event.name == import_UIView.UIView.broadcastEventName.AddedToViewTree) {
       this.hovered = import_UIObject.NO;
       this.highlighted = import_UIObject.NO;
+      this.updateContentForCurrentState();
     }
   }
   toggleSelectedState() {

package/compiledScripts/UIBaseButton.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../scripts/UIBaseButton.ts"],
-  "sourcesContent": ["import { UIColor } from \"./UIColor\"\nimport { IS, nil, NO, YES } from \"./UIObject\"\nimport { UIView, UIViewBroadcastEvent } from \"./UIView\"\n\n\n\n\n\nexport class UIBaseButton extends UIView {\n    \n    _selected: boolean = NO\n    _highlighted: boolean = NO\n    \n    _isPointerInside: boolean\n    \n    \n    _isToggleable: boolean = NO\n    _hovered: boolean\n    _focused: boolean\n    \n    \n    \n    \n    \n    constructor(elementID: string, elementType?: string, initViewData?: any) {\n        \n        super(elementID, nil, elementType, initViewData)\n        \n        this.initViewStateControl()\n        \n    }\n    \n    \n    \n    \n    \n    initViewStateControl() {\n        \n        this.class.superclass = UIView\n        \n        // Instance variables\n        \n        \n        this._isPointerInside = NO\n    \n    \n        const setHovered = function () {\n            this.hovered = YES\n        }.bind(this)\n        this.addTargetForControlEvent(UIView.controlEvent.PointerHover, setHovered)\n    \n        const setNotHovered = function () {\n        \n            this.hovered = NO\n        \n        }.bind(this)\n    \n        this.addTargetForControlEvents([\n            UIView.controlEvent.PointerLeave, UIView.controlEvent.PointerCancel, UIView.controlEvent.MultipleTouches\n        ], setNotHovered)\n    \n    \n        var highlightingTime\n        const setHighlighted = function () {\n            this.highlighted = YES\n            highlightingTime = Date.now()\n        }.bind(this)\n        this.addTargetForControlEvent(UIView.controlEvent.PointerDown, setHighlighted)\n        this.addTargetForControlEvent(UIView.controlEvent.PointerEnter, setHighlighted)\n    \n        const setNotHighlighted = function () {\n            this.highlighted = NO\n        }.bind(this)\n        const setNotHighlightedWithMinimumDuration = function () {\n            const minimumDurationInMilliseconds = 50\n            const elapsedTime = Date.now() - highlightingTime\n            if (minimumDurationInMilliseconds < elapsedTime) {\n                this.highlighted = NO\n            }\n            else {\n                setTimeout(function () {\n                    this.highlighted = NO\n                }.bind(this), minimumDurationInMilliseconds - elapsedTime)\n            }\n        }.bind(this)\n        this.addTargetForControlEvents([\n            UIView.controlEvent.PointerLeave, UIView.controlEvent.PointerCancel, UIView.controlEvent.MultipleTouches\n        ], setNotHighlighted)\n        this.addTargetForControlEvent(UIView.controlEvent.PointerUp, setNotHighlightedWithMinimumDuration)\n        \n        // Handle enter key press\n        this.addTargetForControlEvent(UIView.controlEvent.EnterDown, function () {\n            \n            setHighlighted()\n            setNotHighlightedWithMinimumDuration()\n            \n        })\n        \n        \n        this.addTargetForControlEvent(\n            UIView.controlEvent.Focus,\n            function (this: UIBaseButton, sender: UIView, event: Event) {\n                \n                this.focused = YES\n                \n            }.bind(this)\n        )\n        \n        this.addTargetForControlEvent(\n            UIView.controlEvent.Blur,\n            function (this: UIBaseButton, sender: UIView, event: Event) {\n                \n                this.focused = NO\n                \n            }.bind(this)\n        )\n        \n        \n        this.updateContentForCurrentState()\n        \n        this.pausesPointerEvents = YES\n        this.tabIndex = 1\n        \n        this.style.cursor = \"pointer\"\n        \n        //this.style.outline = \"none\";\n        \n        \n        this.nativeSelectionEnabled = NO\n        \n        \n        this.addTargetForControlEvents([\n            UIView.controlEvent.EnterDown, UIView.controlEvent.PointerUpInside\n        ], function (this: UIBaseButton, sender, event) {\n            \n            if (this.isToggleable) {\n                \n                this.toggleSelectedState()\n                \n            }\n            \n        }.bind(this))\n        \n        \n    }\n    \n    \n    \n    \n    \n    public set hovered(hovered: boolean) {\n        this._hovered = hovered\n        this.updateContentForCurrentState()\n    }\n    \n    public get hovered(): boolean {\n        return this._hovered\n    }\n    \n    public set highlighted(highlighted: boolean) {\n        this._highlighted = highlighted\n        this.updateContentForCurrentState()\n    }\n    \n    public get highlighted(): boolean {\n        return this._highlighted\n    }\n    \n    public set focused(focused: boolean) {\n        this._focused = focused\n        if (focused) {\n            this.focus()\n        }\n        else {\n            this.blur()\n        }\n        this.updateContentForCurrentState()\n    }\n    \n    public get focused(): boolean {\n        return this._focused\n    }\n    \n    public set selected(selected: boolean) {\n        this._selected = selected\n        this.updateContentForCurrentState()\n    }\n    \n    public get selected(): boolean {\n        return this._selected\n    }\n    \n    \n    \n    \n    \n    updateContentForCurrentState() {\n    \n        var updateFunction: Function = this.updateContentForNormalState\n        if (this.selected && this.highlighted) {\n            updateFunction = this.updateContentForSelectedAndHighlightedState\n        }\n        else if (this.selected) {\n            updateFunction = this.updateContentForSelectedState\n        }\n        else if (this.focused) {\n            updateFunction = this.updateContentForFocusedState\n        }\n        else if (this.highlighted) {\n            updateFunction = this.updateContentForHighlightedState\n        }\n        else if (this.hovered) {\n            updateFunction = this.updateContentForHoveredState\n        }\n        \n        if (!IS(updateFunction)) {\n            this.backgroundColor = UIColor.nilColor\n        }\n        else {\n            updateFunction.call(this)\n        }\n        \n    }\n    \n    updateContentForNormalState() {\n        \n        \n        \n    }\n    \n    updateContentForHoveredState() {\n        \n        this.updateContentForNormalState()\n        \n    }\n    \n    updateContentForFocusedState() {\n        \n        this.updateContentForHoveredState()\n        \n    }\n    \n    updateContentForHighlightedState() {\n        \n        \n        \n    }\n    \n    updateContentForSelectedState() {\n        \n        \n        \n    }\n    \n    updateContentForSelectedAndHighlightedState() {\n        \n        this.updateContentForSelectedState()\n        \n    }\n    \n    \n    set enabled(enabled: boolean) {\n        \n        super.enabled = enabled\n        \n        this.updateContentForCurrentEnabledState()\n        \n    }\n    \n    get enabled() {\n        \n        return super.enabled\n        \n    }\n    \n    updateContentForCurrentEnabledState() {\n        \n        if (this.enabled) {\n            this.alpha = 1\n        }\n        else {\n            this.alpha = 0.5\n        }\n        \n        this.userInteractionEnabled = this.enabled\n        \n    }\n    \n    \n    \n    addStyleClass(styleClassName: string) {\n        \n        super.addStyleClass(styleClassName)\n        \n        if (this.styleClassName != styleClassName) {\n            \n            this.updateContentForCurrentState.call(this)\n            \n        }\n        \n    }\n    \n    \n    \n    \n    \n    didReceiveBroadcastEvent(event: UIViewBroadcastEvent) {\n        \n        super.didReceiveBroadcastEvent(event)\n        \n        if (event.name == UIView.broadcastEventName.PageDidScroll || event.name ==\n            UIView.broadcastEventName.AddedToViewTree) {\n            \n            this.hovered = NO\n            \n            this.highlighted = NO\n            \n            \n        }\n        \n        \n    }\n    \n    \n    \n    \n    \n    toggleSelectedState() {\n        \n        \n        this.selected = !this.selected\n        \n        \n    }\n    \n    set isToggleable(isToggleable: boolean) {\n        \n        this._isToggleable = isToggleable\n        \n    }\n    \n    get isToggleable() {\n        \n        return this._isToggleable\n        \n    }\n    \n    \n    \n    \n    layoutSubviews() {\n        \n        super.layoutSubviews()\n    \n        const bounds = this.bounds\n    \n    \n    \n    \n    }\n    \n    \n    \n    \n    \n    sendControlEventForKey(eventKey: string, nativeEvent: Event) {\n        \n        if (eventKey == UIView.controlEvent.PointerUpInside && !this.highlighted) {\n            \n            // Do not send the event in this case\n            //super.sendControlEventForKey(eventKey, nativeEvent);\n    \n            const asd = 1\n    \n        }\n        else {\n            \n            super.sendControlEventForKey(eventKey, nativeEvent)\n            \n        }\n        \n    }\n    \n    \n    \n    \n    \n    static getEventCoordinatesInDocument(touchOrMouseEvent) {\n        // http://www.quirksmode.org/js/events_properties.html\n        var posx = 0\n        var posy = 0\n        var e = touchOrMouseEvent\n        if (!e) {\n            e = window.event\n        }\n        if (e.pageX || e.pageY) {\n            posx = e.pageX\n            posy = e.pageY\n        }\n        else if (e.clientX || e.clientY) {\n            posx = e.clientX + document.body.scrollLeft\n                + document.documentElement.scrollLeft\n            posy = e.clientY + document.body.scrollTop\n                + document.documentElement.scrollTop\n        }\n        // posx and posy contain the mouse position relative to the document\n    \n        const coordinates = { \"x\": posx, \"y\": posy }\n    \n        return coordinates\n        \n    }\n    \n    \n    \n    static getElementPositionInDocument(el) {\n        //https://www.kirupa.com/html5/getting_mouse_click_position.htm\n        var xPosition = 0\n        var yPosition = 0\n    \n        while (el) {\n            if (el.tagName == \"BODY\") {\n                \n                // Coordinates in document are coordinates in body, therefore subtracting the scroll position of the body is not needed\n                \n                //      // deal with browser quirks with body/window/document and page scroll\n                //      var xScrollPos = el.scrollLeft || document.documentElement.scrollLeft;\n                //      var yScrollPos = el.scrollTop || document.documentElement.scrollTop;\n                //\n                //      xPosition += (el.offsetLeft - xScrollPos + el.clientLeft);\n                //      yPosition += (el.offsetTop - yScrollPos + el.clientTop);\n            }\n            else {\n                xPosition += (el.offsetLeft - el.scrollLeft + el.clientLeft)\n                yPosition += (el.offsetTop - el.scrollTop + el.clientTop)\n            }\n            \n            el = el.offsetParent\n        }\n        return {\n            x: xPosition,\n            y: yPosition\n        }\n    }\n    \n    static convertCoordinatesFromDocumentToElement(x, y, element) {\n        const elementPositionInDocument = this.getElementPositionInDocument(element)\n        const coordinatesInElement = { \"x\": x - elementPositionInDocument.x, \"y\": y - elementPositionInDocument.y }\n        return coordinatesInElement\n    }\n    \n    static getEventCoordinatesInElement(touchOrMouseEvent, element) {\n        const coordinatesInDocument = this.getEventCoordinatesInDocument(touchOrMouseEvent)\n        const coordinatesInElement = this.convertCoordinatesFromDocumentToElement(\n            coordinatesInDocument.x,\n            coordinatesInDocument.y,\n            element\n        )\n        return coordinatesInElement\n    }\n    \n    \n    \n    \n    \n}\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n"],
-  "mappings": "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",
+  "sourcesContent": ["import { UIColor } from \"./UIColor\"\nimport { IS, nil, NO, YES } from \"./UIObject\"\nimport { UIView, UIViewBroadcastEvent } from \"./UIView\"\n\n\nexport class UIBaseButton extends UIView {\n    \n    _selected: boolean = NO\n    _highlighted: boolean = NO\n    \n    _isPointerInside: boolean\n    \n    \n    _isToggleable: boolean = NO\n    _hovered?: boolean\n    _focused?: boolean\n    \n    \n    constructor(elementID?: string, elementType?: string, initViewData?: any) {\n        \n        super(elementID, nil, elementType, initViewData)\n        \n        // Instance variables\n        \n        \n        this._isPointerInside = NO\n        \n        \n        const setHovered = () => {\n            this.hovered = YES\n        }\n        this.addTargetForControlEvent(UIView.controlEvent.PointerHover, setHovered)\n        \n        const setNotHovered = () => {\n            \n            this.hovered = NO\n            \n        }\n        \n        this.addTargetForControlEvents([\n            UIView.controlEvent.PointerLeave, UIView.controlEvent.PointerCancel, UIView.controlEvent.MultipleTouches\n        ], setNotHovered)\n        \n        \n        var highlightingTime: number\n        const setHighlighted = () => {\n            this.highlighted = YES\n            highlightingTime = Date.now()\n        }\n        this.addTargetForControlEvent(UIView.controlEvent.PointerDown, setHighlighted)\n        this.addTargetForControlEvent(UIView.controlEvent.PointerEnter, setHighlighted)\n        \n        const setNotHighlighted = () => {\n            this.highlighted = NO\n        }\n        const setNotHighlightedWithMinimumDuration = () => {\n            const minimumDurationInMilliseconds = 50\n            const elapsedTime = Date.now() - highlightingTime\n            if (minimumDurationInMilliseconds < elapsedTime) {\n                this.highlighted = NO\n            }\n            else {\n                setTimeout(() => {\n                    this.highlighted = NO\n                }, minimumDurationInMilliseconds - elapsedTime)\n            }\n        }\n        this.addTargetForControlEvents([\n            UIView.controlEvent.PointerLeave, UIView.controlEvent.PointerCancel, UIView.controlEvent.MultipleTouches\n        ], setNotHighlighted)\n        this.addTargetForControlEvent(UIView.controlEvent.PointerUp, setNotHighlightedWithMinimumDuration)\n        \n        // Handle enter key press\n        this.addTargetForControlEvent(UIView.controlEvent.EnterDown, () => {\n            \n            setHighlighted()\n            setNotHighlightedWithMinimumDuration()\n            \n        })\n        \n        \n        this.addTargetForControlEvent(\n            UIView.controlEvent.Focus,\n            (sender: UIView, event: Event) => {\n        \n                this.focused = YES\n        \n            }\n        )\n        \n        this.addTargetForControlEvent(\n            UIView.controlEvent.Blur,\n            (sender: UIView, event: Event) => {\n        \n                this.focused = NO\n        \n            }\n        )\n        \n        \n        this.pausesPointerEvents = YES\n        this.tabIndex = 1\n        \n        this.style.cursor = \"pointer\"\n        \n        //this.style.outline = \"none\";\n        \n        \n        this.nativeSelectionEnabled = NO\n        \n        \n        this.addTargetForControlEvents([\n            UIView.controlEvent.EnterDown, UIView.controlEvent.PointerUpInside\n        ], () => {\n    \n            if (this.isToggleable) {\n        \n                this.toggleSelectedState()\n        \n            }\n    \n        })\n        \n    }\n    \n    public set hovered(hovered: boolean) {\n        this._hovered = hovered\n        this.updateContentForCurrentState()\n    }\n    \n    public get hovered(): boolean {\n        return this._hovered ?? NO\n    }\n    \n    public set highlighted(highlighted: boolean) {\n        this._highlighted = highlighted\n        this.updateContentForCurrentState()\n    }\n    \n    public get highlighted(): boolean {\n        return this._highlighted\n    }\n    \n    public set focused(focused: boolean) {\n        this._focused = focused\n        if (focused) {\n            this.focus()\n        }\n        else {\n            this.blur()\n        }\n        this.updateContentForCurrentState()\n    }\n    \n    public get focused(): boolean {\n        return this._focused ?? NO\n    }\n    \n    public set selected(selected: boolean) {\n        this._selected = selected\n        this.updateContentForCurrentState()\n    }\n    \n    public get selected(): boolean {\n        return this._selected\n    }\n    \n    \n    updateContentForCurrentState() {\n    \n        let updateFunction: Function = this.updateContentForNormalState\n        if (this.selected && this.highlighted) {\n            updateFunction = this.updateContentForSelectedAndHighlightedState\n        }\n        else if (this.selected) {\n            updateFunction = this.updateContentForSelectedState\n        }\n        else if (this.focused) {\n            updateFunction = this.updateContentForFocusedState\n        }\n        else if (this.highlighted) {\n            updateFunction = this.updateContentForHighlightedState\n        }\n        else if (this.hovered) {\n            updateFunction = this.updateContentForHoveredState\n        }\n        \n        if (!IS(updateFunction)) {\n            this.backgroundColor = UIColor.nilColor\n        }\n        else {\n            updateFunction.call(this)\n        }\n        \n    }\n    \n    updateContentForNormalState() {\n        \n        \n    }\n    \n    updateContentForHoveredState() {\n        \n        this.updateContentForNormalState()\n        \n    }\n    \n    updateContentForFocusedState() {\n        \n        this.updateContentForHoveredState()\n        \n    }\n    \n    updateContentForHighlightedState() {\n        \n        \n    }\n    \n    updateContentForSelectedState() {\n        \n        \n    }\n    \n    updateContentForSelectedAndHighlightedState() {\n        \n        this.updateContentForSelectedState()\n        \n    }\n    \n    \n    set enabled(enabled: boolean) {\n        super.enabled = enabled\n        this.updateContentForCurrentEnabledState()\n    }\n    \n    get enabled() {\n        return super.enabled\n    }\n    \n    updateContentForCurrentEnabledState() {\n        \n        if (this.enabled) {\n            this.alpha = 1\n        }\n        else {\n            this.alpha = 0.5\n        }\n        \n        this.userInteractionEnabled = this.enabled\n        \n    }\n    \n    \n    addStyleClass(styleClassName: string) {\n        \n        super.addStyleClass(styleClassName)\n        \n        if (this.styleClassName != styleClassName) {\n            \n            this.updateContentForCurrentState.call(this)\n            \n        }\n        \n    }\n    \n    \n    didReceiveBroadcastEvent(event: UIViewBroadcastEvent) {\n        \n        super.didReceiveBroadcastEvent(event)\n        \n        if (event.name == UIView.broadcastEventName.PageDidScroll || event.name ==\n            UIView.broadcastEventName.AddedToViewTree) {\n    \n            this.hovered = NO\n    \n            this.highlighted = NO\n    \n            this.updateContentForCurrentState()\n    \n        }\n        \n        \n    }\n    \n    \n    toggleSelectedState() {\n        \n        \n        this.selected = !this.selected\n        \n        \n    }\n    \n    set isToggleable(isToggleable: boolean) {\n        \n        this._isToggleable = isToggleable\n        \n    }\n    \n    get isToggleable() {\n        \n        return this._isToggleable\n        \n    }\n    \n    \n    layoutSubviews() {\n        \n        super.layoutSubviews()\n    \n        const bounds = this.bounds\n    \n    \n    }\n    \n    \n    sendControlEventForKey(eventKey: string, nativeEvent: Event) {\n        \n        if (eventKey == UIView.controlEvent.PointerUpInside && !this.highlighted) {\n            \n            // Do not send the event in this case\n            //super.sendControlEventForKey(eventKey, nativeEvent);\n    \n            const asd = 1\n    \n        }\n        else {\n            \n            super.sendControlEventForKey(eventKey, nativeEvent)\n            \n        }\n        \n    }\n    \n    \n    static getEventCoordinatesInDocument(touchOrMouseEvent: any) {\n        // http://www.quirksmode.org/js/events_properties.html\n        var posx = 0\n        var posy = 0\n        var e = touchOrMouseEvent\n        if (!e) {\n            e = window.event\n        }\n        if (e.pageX || e.pageY) {\n            posx = e.pageX\n            posy = e.pageY\n        }\n        else if (e.clientX || e.clientY) {\n            posx = e.clientX + document.body.scrollLeft\n                + document.documentElement.scrollLeft\n            posy = e.clientY + document.body.scrollTop\n                + document.documentElement.scrollTop\n        }\n        // posx and posy contain the mouse position relative to the document\n        \n        const coordinates = { \"x\": posx, \"y\": posy }\n        \n        return coordinates\n        \n    }\n    \n    \n    static getElementPositionInDocument(el: { tagName: string; offsetLeft: number; scrollLeft: number; clientLeft: number; offsetTop: number; scrollTop: number; clientTop: number; offsetParent: any }) {\n        //https://www.kirupa.com/html5/getting_mouse_click_position.htm\n        var xPosition = 0\n        var yPosition = 0\n        \n        while (el) {\n            if (el.tagName == \"BODY\") {\n                \n                // Coordinates in document are coordinates in body, therefore subtracting the scroll position of the body is not needed\n                \n                //      // deal with browser quirks with body/window/document and page scroll\n                //      var xScrollPos = el.scrollLeft || document.documentElement.scrollLeft;\n                //      var yScrollPos = el.scrollTop || document.documentElement.scrollTop;\n                //\n                //      xPosition += (el.offsetLeft - xScrollPos + el.clientLeft);\n                //      yPosition += (el.offsetTop - yScrollPos + el.clientTop);\n            }\n            else {\n                xPosition += (el.offsetLeft - el.scrollLeft + el.clientLeft)\n                yPosition += (el.offsetTop - el.scrollTop + el.clientTop)\n            }\n            \n            el = el.offsetParent\n        }\n        return {\n            x: xPosition,\n            y: yPosition\n        }\n    }\n    \n    static convertCoordinatesFromDocumentToElement(x: number, y: number, element: any) {\n        const elementPositionInDocument = this.getElementPositionInDocument(element)\n        const coordinatesInElement = { \"x\": x - elementPositionInDocument.x, \"y\": y - elementPositionInDocument.y }\n        return coordinatesInElement\n    }\n    \n    static getEventCoordinatesInElement(touchOrMouseEvent: any, element: any) {\n        const coordinatesInDocument = this.getEventCoordinatesInDocument(touchOrMouseEvent)\n        const coordinatesInElement = this.convertCoordinatesFromDocumentToElement(\n            coordinatesInDocument.x,\n            coordinatesInDocument.y,\n            element\n        )\n        return coordinatesInElement\n    }\n    \n    \n}\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,qBAAwB;AACxB,sBAAiC;AACjC,oBAA6C;AAGtC,MAAM,qBAAqB,qBAAO;AAAA,EAarC,YAAY,WAAoB,aAAsB,cAAoB;AAEtE,UAAM,WAAW,qBAAK,aAAa,YAAY;AAbnD,qBAAqB;AACrB,wBAAwB;AAKxB,yBAAyB;AAYrB,SAAK,mBAAmB;AAGxB,UAAM,aAAa,MAAM;AACrB,WAAK,UAAU;AAAA,IACnB;AACA,SAAK,yBAAyB,qBAAO,aAAa,cAAc,UAAU;AAE1E,UAAM,gBAAgB,MAAM;AAExB,WAAK,UAAU;AAAA,IAEnB;AAEA,SAAK,0BAA0B;AAAA,MAC3B,qBAAO,aAAa;AAAA,MAAc,qBAAO,aAAa;AAAA,MAAe,qBAAO,aAAa;AAAA,IAC7F,GAAG,aAAa;AAGhB,QAAI;AACJ,UAAM,iBAAiB,MAAM;AACzB,WAAK,cAAc;AACnB,yBAAmB,KAAK,IAAI;AAAA,IAChC;AACA,SAAK,yBAAyB,qBAAO,aAAa,aAAa,cAAc;AAC7E,SAAK,yBAAyB,qBAAO,aAAa,cAAc,cAAc;AAE9E,UAAM,oBAAoB,MAAM;AAC5B,WAAK,cAAc;AAAA,IACvB;AACA,UAAM,uCAAuC,MAAM;AAC/C,YAAM,gCAAgC;AACtC,YAAM,cAAc,KAAK,IAAI,IAAI;AACjC,UAAI,gCAAgC,aAAa;AAC7C,aAAK,cAAc;AAAA,MACvB,OACK;AACD,mBAAW,MAAM;AACb,eAAK,cAAc;AAAA,QACvB,GAAG,gCAAgC,WAAW;AAAA,MAClD;AAAA,IACJ;AACA,SAAK,0BAA0B;AAAA,MAC3B,qBAAO,aAAa;AAAA,MAAc,qBAAO,aAAa;AAAA,MAAe,qBAAO,aAAa;AAAA,IAC7F,GAAG,iBAAiB;AACpB,SAAK,yBAAyB,qBAAO,aAAa,WAAW,oCAAoC;AAGjG,SAAK,yBAAyB,qBAAO,aAAa,WAAW,MAAM;AAE/D,qBAAe;AACf,2CAAqC;AAAA,IAEzC,CAAC;AAGD,SAAK;AAAA,MACD,qBAAO,aAAa;AAAA,MACpB,CAAC,QAAgB,UAAiB;AAE9B,aAAK,UAAU;AAAA,MAEnB;AAAA,IACJ;AAEA,SAAK;AAAA,MACD,qBAAO,aAAa;AAAA,MACpB,CAAC,QAAgB,UAAiB;AAE9B,aAAK,UAAU;AAAA,MAEnB;AAAA,IACJ;AAGA,SAAK,sBAAsB;AAC3B,SAAK,WAAW;AAEhB,SAAK,MAAM,SAAS;AAKpB,SAAK,yBAAyB;AAG9B,SAAK,0BAA0B;AAAA,MAC3B,qBAAO,aAAa;AAAA,MAAW,qBAAO,aAAa;AAAA,IACvD,GAAG,MAAM;AAEL,UAAI,KAAK,cAAc;AAEnB,aAAK,oBAAoB;AAAA,MAE7B;AAAA,IAEJ,CAAC;AAAA,EAEL;AAAA,EAEA,IAAW,QAAQ,SAAkB;AACjC,SAAK,WAAW;AAChB,SAAK,6BAA6B;AAAA,EACtC;AAAA,EAEA,IAAW,UAAmB;AAlIlC;AAmIQ,YAAO,UAAK,aAAL,YAAiB;AAAA,EAC5B;AAAA,EAEA,IAAW,YAAY,aAAsB;AACzC,SAAK,eAAe;AACpB,SAAK,6BAA6B;AAAA,EACtC;AAAA,EAEA,IAAW,cAAuB;AAC9B,WAAO,KAAK;AAAA,EAChB;AAAA,EAEA,IAAW,QAAQ,SAAkB;AACjC,SAAK,WAAW;AAChB,QAAI,SAAS;AACT,WAAK,MAAM;AAAA,IACf,OACK;AACD,WAAK,KAAK;AAAA,IACd;AACA,SAAK,6BAA6B;AAAA,EACtC;AAAA,EAEA,IAAW,UAAmB;AA1JlC;AA2JQ,YAAO,UAAK,aAAL,YAAiB;AAAA,EAC5B;AAAA,EAEA,IAAW,SAAS,UAAmB;AACnC,SAAK,YAAY;AACjB,SAAK,6BAA6B;AAAA,EACtC;AAAA,EAEA,IAAW,WAAoB;AAC3B,WAAO,KAAK;AAAA,EAChB;AAAA,EAGA,+BAA+B;AAE3B,QAAI,iBAA2B,KAAK;AACpC,QAAI,KAAK,YAAY,KAAK,aAAa;AACnC,uBAAiB,KAAK;AAAA,IAC1B,WACS,KAAK,UAAU;AACpB,uBAAiB,KAAK;AAAA,IAC1B,WACS,KAAK,SAAS;AACnB,uBAAiB,KAAK;AAAA,IAC1B,WACS,KAAK,aAAa;AACvB,uBAAiB,KAAK;AAAA,IAC1B,WACS,KAAK,SAAS;AACnB,uBAAiB,KAAK;AAAA,IAC1B;AAEA,QAAI,KAAC,oBAAG,cAAc,GAAG;AACrB,WAAK,kBAAkB,uBAAQ;AAAA,IACnC,OACK;AACD,qBAAe,KAAK,IAAI;AAAA,IAC5B;AAAA,EAEJ;AAAA,EAEA,8BAA8B;AAAA,EAG9B;AAAA,EAEA,+BAA+B;AAE3B,SAAK,4BAA4B;AAAA,EAErC;AAAA,EAEA,+BAA+B;AAE3B,SAAK,6BAA6B;AAAA,EAEtC;AAAA,EAEA,mCAAmC;AAAA,EAGnC;AAAA,EAEA,gCAAgC;AAAA,EAGhC;AAAA,EAEA,8CAA8C;AAE1C,SAAK,8BAA8B;AAAA,EAEvC;AAAA,EAGA,IAAI,QAAQ,SAAkB;AAC1B,UAAM,UAAU;AAChB,SAAK,oCAAoC;AAAA,EAC7C;AAAA,EAEA,IAAI,UAAU;AACV,WAAO,MAAM;AAAA,EACjB;AAAA,EAEA,sCAAsC;AAElC,QAAI,KAAK,SAAS;AACd,WAAK,QAAQ;AAAA,IACjB,OACK;AACD,WAAK,QAAQ;AAAA,IACjB;AAEA,SAAK,yBAAyB,KAAK;AAAA,EAEvC;AAAA,EAGA,cAAc,gBAAwB;AAElC,UAAM,cAAc,cAAc;AAElC,QAAI,KAAK,kBAAkB,gBAAgB;AAEvC,WAAK,6BAA6B,KAAK,IAAI;AAAA,IAE/C;AAAA,EAEJ;AAAA,EAGA,yBAAyB,OAA6B;AAElD,UAAM,yBAAyB,KAAK;AAEpC,QAAI,MAAM,QAAQ,qBAAO,mBAAmB,iBAAiB,MAAM,QAC/D,qBAAO,mBAAmB,iBAAiB;AAE3C,WAAK,UAAU;AAEf,WAAK,cAAc;AAEnB,WAAK,6BAA6B;AAAA,IAEtC;AAAA,EAGJ;AAAA,EAGA,sBAAsB;AAGlB,SAAK,WAAW,CAAC,KAAK;AAAA,EAG1B;AAAA,EAEA,IAAI,aAAa,cAAuB;AAEpC,SAAK,gBAAgB;AAAA,EAEzB;AAAA,EAEA,IAAI,eAAe;AAEf,WAAO,KAAK;AAAA,EAEhB;AAAA,EAGA,iBAAiB;AAEb,UAAM,eAAe;AAErB,UAAM,SAAS,KAAK;AAAA,EAGxB;AAAA,EAGA,uBAAuB,UAAkB,aAAoB;AAEzD,QAAI,YAAY,qBAAO,aAAa,mBAAmB,CAAC,KAAK,aAAa;AAKtE,YAAM,MAAM;AAAA,IAEhB,OACK;AAED,YAAM,uBAAuB,UAAU,WAAW;AAAA,IAEtD;AAAA,EAEJ;AAAA,EAGA,OAAO,8BAA8B,mBAAwB;AAEzD,QAAI,OAAO;AACX,QAAI,OAAO;AACX,QAAI,IAAI;AACR,QAAI,CAAC,GAAG;AACJ,UAAI,OAAO;AAAA,IACf;AACA,QAAI,EAAE,SAAS,EAAE,OAAO;AACpB,aAAO,EAAE;AACT,aAAO,EAAE;AAAA,IACb,WACS,EAAE,WAAW,EAAE,SAAS;AAC7B,aAAO,EAAE,UAAU,SAAS,KAAK,aAC3B,SAAS,gBAAgB;AAC/B,aAAO,EAAE,UAAU,SAAS,KAAK,YAC3B,SAAS,gBAAgB;AAAA,IACnC;AAGA,UAAM,cAAc,EAAE,KAAK,MAAM,KAAK,KAAK;AAE3C,WAAO;AAAA,EAEX;AAAA,EAGA,OAAO,6BAA6B,IAAiK;AAEjM,QAAI,YAAY;AAChB,QAAI,YAAY;AAEhB,WAAO,IAAI;AACP,UAAI,GAAG,WAAW,QAAQ;AAAA,MAU1B,OACK;AACD,qBAAc,GAAG,aAAa,GAAG,aAAa,GAAG;AACjD,qBAAc,GAAG,YAAY,GAAG,YAAY,GAAG;AAAA,MACnD;AAEA,WAAK,GAAG;AAAA,IACZ;AACA,WAAO;AAAA,MACH,GAAG;AAAA,MACH,GAAG;AAAA,IACP;AAAA,EACJ;AAAA,EAEA,OAAO,wCAAwC,GAAW,GAAW,SAAc;AAC/E,UAAM,4BAA4B,KAAK,6BAA6B,OAAO;AAC3E,UAAM,uBAAuB,EAAE,KAAK,IAAI,0BAA0B,GAAG,KAAK,IAAI,0BAA0B,EAAE;AAC1G,WAAO;AAAA,EACX;AAAA,EAEA,OAAO,6BAA6B,mBAAwB,SAAc;AACtE,UAAM,wBAAwB,KAAK,8BAA8B,iBAAiB;AAClF,UAAM,uBAAuB,KAAK;AAAA,MAC9B,sBAAsB;AAAA,MACtB,sBAAsB;AAAA,MACtB;AAAA,IACJ;AACA,WAAO;AAAA,EACX;AAGJ;",
   "names": []
 }

package/compiledScripts/UIButton.d.ts

@@ -15,19 +15,16 @@ export interface UIButtonElementColorSpecifier {
     selectedAndHighlighted?: UIColor;
 }
 export declare class UIButton extends UIBaseButton {
-    _contentPadding: any;
-    _titleLabel: UITextView;
+    _contentPadding: number;
+    _titleLabel?: UITextView;
     _imageView: UIImageView;
     usesAutomaticTitleFontSize: boolean;
     minAutomaticFontSize: number;
     maxAutomaticFontSize: number;
     colors: UIButtonColorSpecifier;
-    constructor(elementID: string, elementType?: string, titleType?: string);
-    initView(elementID: any, viewHTMLElement: any, initViewData: {
-        titleType: string;
-    }): void;
-    get contentPadding(): any;
-    set contentPadding(contentPadding: any);
+    constructor(elementID?: string, elementType?: string, titleType?: string);
+    get contentPadding(): number;
+    set contentPadding(contentPadding: number);
     set hovered(hovered: boolean);
     get hovered(): boolean;
     set highlighted(highlighted: boolean);

package/compiledScripts/UIButton.js

@@ -1,3 +1,4 @@
+"use strict";
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
@@ -29,12 +30,10 @@ var import_UITextView = require("./UITextView");
 class UIButton extends import_UIBaseButton.UIBaseButton {
   constructor(elementID, elementType, titleType = import_UITextView.UITextView.type.span) {
     super(elementID, elementType, { "titleType": titleType });
+    this._contentPadding = 0;
     this.usesAutomaticTitleFontSize = import_UIObject.NO;
     this.minAutomaticFontSize = import_UIObject.nil;
     this.maxAutomaticFontSize = 25;
-  }
-  initView(elementID, viewHTMLElement, initViewData) {
-    this.class.superclass = import_UIBaseButton.UIBaseButton;
     this.colors = {
       titleLabel: {
         normal: import_UIColor.UIColor.whiteColor,
@@ -51,8 +50,8 @@ class UIButton extends import_UIBaseButton.UIBaseButton {
     this._imageView.hidden = import_UIObject.YES;
     this.addSubview(this.imageView);
     this.imageView.fillMode = import_UIImageView.UIImageView.fillMode.aspectFitIfLarger;
-    if ((0, import_UIObject.IS_NOT_NIL)(initViewData.titleType)) {
-      this._titleLabel = new import_UITextView.UITextView(elementID + "TitleLabel", initViewData.titleType);
+    if ((0, import_UIObject.IS_NOT_NIL)(titleType)) {
+      this._titleLabel = new import_UITextView.UITextView(elementID + "TitleLabel", titleType);
       this.titleLabel.style.whiteSpace = "nowrap";
       this.addSubview(this.titleLabel);
       this.titleLabel.userInteractionEnabled = import_UIObject.NO;
@@ -74,7 +73,8 @@ class UIButton extends import_UIBaseButton.UIBaseButton {
     this.updateContentForCurrentState();
   }
   get hovered() {
-    return this._hovered;
+    var _a;
+    return (_a = this._hovered) != null ? _a : import_UIObject.NO;
   }
   set highlighted(highlighted) {
     this._highlighted = highlighted;
@@ -93,7 +93,8 @@ class UIButton extends import_UIBaseButton.UIBaseButton {
     this.updateContentForCurrentState();
   }
   get focused() {
-    return this._focused;
+    var _a;
+    return (_a = this._focused) != null ? _a : import_UIObject.NO;
   }
   set selected(selected) {
     this._selected = selected;
@@ -103,7 +104,7 @@ class UIButton extends import_UIBaseButton.UIBaseButton {
     return this._selected;
   }
   updateContentForCurrentState() {
-    var updateFunction = this.updateContentForNormalState;
+    let updateFunction = this.updateContentForNormalState;
     if (this.selected && this.highlighted) {
       updateFunction = this.updateContentForSelectedAndHighlightedState;
     } else if (this.selected) {
@@ -184,27 +185,27 @@ class UIButton extends import_UIBaseButton.UIBaseButton {
     }
   }
   get titleLabel() {
-    return this._titleLabel;
+    var _a;
+    return (_a = this._titleLabel) != null ? _a : import_UIObject.nil;
   }
   get imageView() {
     return this._imageView;
   }
   layoutSubviews() {
     super.layoutSubviews();
-    var bounds = this.bounds;
+    let bounds = this.bounds;
     this.hoverText = this.titleLabel.text;
     if ((0, import_UIObject.IS_NOT)(this.imageView.hidden) && !(0, import_UIObject.IS)(this.titleLabel.text)) {
       this.imageView.frame = bounds;
     }
     if ((0, import_UIObject.IS)(this.imageView.hidden) && (0, import_UIObject.IS)(this.titleLabel.text)) {
-      var titleElement = this.titleLabel.viewHTMLElement;
-      this.titleLabel.style.left = this.contentPadding;
-      this.titleLabel.style.right = this.contentPadding;
+      this.titleLabel.style.left = this.contentPadding + "px";
+      this.titleLabel.style.right = this.contentPadding + "px";
       this.titleLabel.style.top = "50%";
       this.titleLabel.style.transform = "translateY(-50%)";
       this.titleLabel.frame = new import_UIRectangle.UIRectangle(import_UIObject.nil, import_UIObject.nil, import_UIObject.nil, import_UIObject.nil);
       if (this.usesAutomaticTitleFontSize) {
-        var hidden = this.titleLabel.hidden;
+        const hidden = this.titleLabel.hidden;
         this.titleLabel.hidden = import_UIObject.YES;
         this.titleLabel.fontSize = 15;
         this.titleLabel.fontSize = import_UITextView.UITextView.automaticallyCalculatedFontSize(
@@ -212,7 +213,7 @@ class UIButton extends import_UIBaseButton.UIBaseButton {
             0,
             0,
             this.bounds.height,
-            1 * this.titleLabel.viewHTMLElement.offsetWidth
+            this.titleLabel.viewHTMLElement.offsetWidth
           ),
           this.titleLabel.intrinsicContentSize(),
           this.titleLabel.fontSize,
@@ -223,18 +224,16 @@ class UIButton extends import_UIBaseButton.UIBaseButton {
       }
     }
     if ((0, import_UIObject.IS_NOT)(this.imageView.hidden) && (0, import_UIObject.IS)(this.titleLabel.text)) {
-      const imageShareOfWidth = 0.25;
       bounds = bounds.rectangleWithInset(this.contentPadding);
       const imageFrame = bounds.copy();
       imageFrame.width = bounds.height - this.contentPadding * 0.5;
       this.imageView.frame = imageFrame;
-      var titleElement = this.titleLabel.viewHTMLElement;
-      this.titleLabel.style.left = imageFrame.max.x + this.contentPadding;
-      this.titleLabel.style.right = this.contentPadding;
+      this.titleLabel.style.left = imageFrame.max.x + this.contentPadding + "px";
+      this.titleLabel.style.right = this.contentPadding + "px";
       this.titleLabel.style.top = "50%";
       this.titleLabel.style.transform = "translateY(-50%)";
       if (this.usesAutomaticTitleFontSize) {
-        var hidden = this.titleLabel.hidden;
+        const hidden = this.titleLabel.hidden;
         this.titleLabel.hidden = import_UIObject.YES;
         this.titleLabel.fontSize = 15;
         this.titleLabel.fontSize = import_UITextView.UITextView.automaticallyCalculatedFontSize(
@@ -242,7 +241,7 @@ class UIButton extends import_UIBaseButton.UIBaseButton {
             0,
             0,
             this.bounds.height,
-            1 * this.titleLabel.viewHTMLElement.offsetWidth
+            this.titleLabel.viewHTMLElement.offsetWidth
           ),
           this.titleLabel.intrinsicContentSize(),
           this.titleLabel.fontSize,

package/compiledScripts/UIButton.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../scripts/UIButton.ts"],
-  "sourcesContent": ["\nimport { UIBaseButton } from \"./UIBaseButton\"\nimport { UIColor } from \"./UIColor\"\nimport { UIImageView } from \"./UIImageView\"\nimport { IS, IS_NOT, IS_NOT_NIL, nil, NO, YES } from \"./UIObject\"\nimport { UIRectangle } from \"./UIRectangle\"\nimport { UITextView } from \"./UITextView\"\n\n\nexport interface UIButtonColorSpecifier {\n    \n    titleLabel: UIButtonElementColorSpecifier;\n    background: UIButtonElementColorSpecifier;\n    \n}\n\n\nexport interface UIButtonElementColorSpecifier {\n    \n    normal: UIColor;\n    hovered?: UIColor;\n    highlighted: UIColor;\n    focused?: UIColor;\n    selected: UIColor;\n    selectedAndHighlighted?: UIColor;\n    \n}\n\n\n\nexport class UIButton extends UIBaseButton {\n    \n    _contentPadding: any\n    _titleLabel: UITextView\n    _imageView: UIImageView\n    \n    usesAutomaticTitleFontSize = NO\n    minAutomaticFontSize: number = nil\n    maxAutomaticFontSize: number = 25\n    \n    colors: UIButtonColorSpecifier\n    \n    \n    constructor(elementID: string, elementType?: string, titleType = UITextView.type.span) {\n        \n        super(elementID, elementType, { \"titleType\": titleType })\n        \n    }\n    \n    \n    \n    \n    \n    initView(elementID, viewHTMLElement, initViewData: { titleType: string }) {\n        \n        this.class.superclass = UIBaseButton\n        \n        // Instance variables\n        \n        this.colors = {\n            \n            titleLabel: {\n                \n                normal: UIColor.whiteColor,\n                highlighted: UIColor.whiteColor,\n                selected: UIColor.whiteColor\n                \n            },\n            \n            background: {\n                \n                normal: UIColor.blueColor,\n                highlighted: UIColor.greenColor,\n                selected: UIColor.redColor\n                \n            }\n            \n        }\n        \n        \n        this._imageView = new UIImageView(elementID + \"ImageView\")\n        this._imageView.hidden = YES\n        this.addSubview(this.imageView)\n        \n        this.imageView.fillMode = UIImageView.fillMode.aspectFitIfLarger\n        \n        \n        if (IS_NOT_NIL(initViewData.titleType)) {\n            \n            this._titleLabel = new UITextView(elementID + \"TitleLabel\", initViewData.titleType)\n            this.titleLabel.style.whiteSpace = \"nowrap\"\n            this.addSubview(this.titleLabel)\n            \n            this.titleLabel.userInteractionEnabled = NO\n            \n        }\n        \n        this.contentPadding = 10\n        \n        this.imageView.userInteractionEnabled = NO\n        this.titleLabel.textAlignment = UITextView.textAlignment.center\n        this.titleLabel.nativeSelectionEnabled = NO\n        \n    }\n    \n    \n    \n    get contentPadding() {\n        \n        return this._contentPadding.integerValue\n        \n    }\n    \n    set contentPadding(contentPadding) {\n        \n        this._contentPadding = contentPadding\n        \n        this.setNeedsLayout()\n        \n    }\n    \n    \n    \n    \n    public set hovered(hovered: boolean) {\n        this._hovered = hovered\n        this.updateContentForCurrentState()\n    }\n    \n    public get hovered(): boolean {\n        return this._hovered\n    }\n    \n    public set highlighted(highlighted: boolean) {\n        this._highlighted = highlighted\n        this.updateContentForCurrentState()\n    }\n    \n    public get highlighted(): boolean {\n        return this._highlighted\n    }\n    \n    public set focused(focused: boolean) {\n        this._focused = focused\n        if (focused) {\n            this.focus()\n        }\n        else {\n            this.blur()\n        }\n        this.updateContentForCurrentState()\n    }\n    \n    public get focused(): boolean {\n        return this._focused\n    }\n    \n    public set selected(selected: boolean) {\n        this._selected = selected\n        this.updateContentForCurrentState()\n    }\n    \n    public get selected(): boolean {\n        return this._selected\n    }\n    \n    \n    \n    \n    \n    updateContentForCurrentState() {\n    \n        var updateFunction: Function = this.updateContentForNormalState\n        if (this.selected && this.highlighted) {\n            updateFunction = this.updateContentForSelectedAndHighlightedState\n        }\n        else if (this.selected) {\n            updateFunction = this.updateContentForSelectedState\n        }\n        else if (this.focused) {\n            updateFunction = this.updateContentForFocusedState\n        }\n        else if (this.highlighted) {\n            updateFunction = this.updateContentForHighlightedState\n        }\n        else if (this.hovered) {\n            updateFunction = this.updateContentForHoveredState\n        }\n        \n        if (!IS(updateFunction)) {\n            this.titleLabel.textColor = UIColor.nilColor\n            this.backgroundColor = UIColor.nilColor\n        }\n        else {\n            updateFunction.call(this)\n        }\n        \n        this.updateContentForCurrentEnabledState();\n        \n    }\n    \n    updateContentForNormalState() {\n        \n        this.backgroundColor = this.colors.background.normal\n        this.titleLabel.textColor = this.colors.titleLabel.normal\n        \n    }\n    \n    updateContentForHoveredState() {\n        \n        this.updateContentForNormalState()\n        \n        if (this.colors.background.hovered) {\n            this.backgroundColor = this.colors.background.hovered\n        }\n        \n        if (this.colors.titleLabel.hovered) {\n            this.titleLabel.textColor = this.colors.titleLabel.hovered\n        }\n        \n    }\n    \n    updateContentForFocusedState() {\n        \n        this.updateContentForHoveredState()\n        \n        if (this.colors.background.focused) {\n            this.backgroundColor = this.colors.background.focused\n        }\n        \n        if (this.colors.titleLabel.focused) {\n            this.titleLabel.textColor = this.colors.titleLabel.focused\n        }\n        \n    }\n    \n    updateContentForHighlightedState() {\n        \n        this.backgroundColor = this.colors.background.highlighted\n        this.titleLabel.textColor = this.colors.titleLabel.highlighted\n        \n    }\n    \n    updateContentForSelectedState() {\n        \n        this.backgroundColor = this.colors.background.selected\n        this.titleLabel.textColor = this.colors.titleLabel.selected\n        \n    }\n    \n    updateContentForSelectedAndHighlightedState() {\n        \n        this.updateContentForSelectedState()\n        \n        if (this.colors.background.selectedAndHighlighted) {\n            this.backgroundColor = this.colors.background.selectedAndHighlighted\n        }\n        \n        if (this.colors.titleLabel.selectedAndHighlighted) {\n            this.titleLabel.textColor = this.colors.titleLabel.selectedAndHighlighted\n        }\n        \n    }\n    \n    \n    set enabled(enabled: boolean) {\n        \n        // @ts-ignore\n        super.enabled = enabled\n        \n        this.updateContentForCurrentState()\n        \n    }\n    \n    get enabled() {\n        \n        // @ts-ignore\n        return super.enabled\n        \n    }\n    \n    updateContentForCurrentEnabledState() {\n        \n        if (this.enabled) {\n            this.alpha = 1\n        }\n        else {\n            this.alpha = 0.5\n        }\n        \n        this.userInteractionEnabled = this.enabled\n        \n    }\n    \n    \n    \n    addStyleClass(styleClassName: string) {\n        \n        super.addStyleClass(styleClassName)\n        \n        if (this.styleClassName != styleClassName) {\n            \n            this.updateContentForCurrentState.call(this)\n            \n        }\n        \n    }\n    \n    \n    get titleLabel() {\n        \n        return this._titleLabel\n        \n    }\n    \n    get imageView() {\n        \n        return this._imageView\n        \n    }\n    \n    \n    \n    \n    \n    layoutSubviews() {\n        \n        super.layoutSubviews()\n    \n        var bounds = this.bounds\n    \n        this.hoverText = this.titleLabel.text\n        \n        // Image only if text is not present\n        if (IS_NOT(this.imageView.hidden) && !IS(this.titleLabel.text)) {\n            \n            \n            this.imageView.frame = bounds\n            \n            \n        }\n        \n        // Text only if image is not present\n        if (IS(this.imageView.hidden) && IS(this.titleLabel.text)) {\n            \n            var titleElement = this.titleLabel.viewHTMLElement\n            \n            \n            this.titleLabel.style.left = this.contentPadding\n            this.titleLabel.style.right = this.contentPadding\n            // this.titleLabel.style.marginLeft = \"\"\n            // this.titleLabel.style.right = this.contentPadding\n            this.titleLabel.style.top = \"50%\"\n            this.titleLabel.style.transform = \"translateY(-50%)\"\n            this.titleLabel.frame = new UIRectangle(nil, nil, nil, nil)\n            \n            if (this.usesAutomaticTitleFontSize) {\n                \n                var hidden = this.titleLabel.hidden\n                \n                this.titleLabel.hidden = YES\n                \n                this.titleLabel.fontSize = 15\n                \n                this.titleLabel.fontSize = UITextView.automaticallyCalculatedFontSize(\n                    new UIRectangle(\n                        0,\n                        0,\n                        this.bounds.height,\n                        1 *\n                        this.titleLabel.viewHTMLElement.offsetWidth\n                    ),\n                    this.titleLabel.intrinsicContentSize(),\n                    this.titleLabel.fontSize,\n                    this.minAutomaticFontSize,\n                    this.maxAutomaticFontSize\n                )\n                \n                this.titleLabel.hidden = hidden\n                \n            }\n            \n            \n        }\n        \n        // Image and text both present\n        if (IS_NOT(this.imageView.hidden) && IS(this.titleLabel.text)) {\n    \n            const imageShareOfWidth = 0.25\n    \n            bounds = bounds.rectangleWithInset(this.contentPadding)\n    \n            const imageFrame = bounds.copy()\n            imageFrame.width = bounds.height - this.contentPadding * 0.5\n            this.imageView.frame = imageFrame\n            \n            var titleElement = this.titleLabel.viewHTMLElement\n            \n            this.titleLabel.style.left = imageFrame.max.x + this.contentPadding\n            this.titleLabel.style.right = this.contentPadding\n            this.titleLabel.style.top = \"50%\"\n            this.titleLabel.style.transform = \"translateY(-50%)\"\n            \n            if (this.usesAutomaticTitleFontSize) {\n                \n                var hidden = this.titleLabel.hidden\n                \n                this.titleLabel.hidden = YES\n                \n                this.titleLabel.fontSize = 15\n                \n                this.titleLabel.fontSize = UITextView.automaticallyCalculatedFontSize(\n                    new UIRectangle(\n                        0,\n                        0,\n                        this.bounds.height,\n                        1 *\n                        this.titleLabel.viewHTMLElement.offsetWidth\n                    ),\n                    this.titleLabel.intrinsicContentSize(),\n                    this.titleLabel.fontSize,\n                    this.minAutomaticFontSize,\n                    this.maxAutomaticFontSize\n                )\n                \n                this.titleLabel.hidden = hidden\n                \n            }\n            \n        }\n        \n        this.applyClassesAndStyles()\n        \n    }\n    \n    initViewStyleSelectors() {\n        \n        this.initStyleSelector(\".\" + this.styleClassName, \"background-color: lightblue;\")\n        \n        // var selectorWithoutImage = \".\" + this.styleClassName + \" .\" + this.imageView.styleClassName + \" + .\" + this.titleLabel.styleClassName;\n        \n        // this.initStyleSelector(\n        //     selectorWithoutImage,\n        //     \"left: \" + this.contentPadding + \";\" +\n        //     \"right: \" + this.contentPadding + \";\" +\n        //     \"top: 50%;\" +\n        //     \"transform: translateY(-50%);\");\n        \n    }\n    \n    \n    \n    \n    \n}\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n"],
-  "mappings": "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",
+  "sourcesContent": ["import { UIBaseButton } from \"./UIBaseButton\"\nimport { UIColor } from \"./UIColor\"\nimport { UIImageView } from \"./UIImageView\"\nimport { IS, IS_NOT, IS_NOT_NIL, nil, NO, YES } from \"./UIObject\"\nimport { UIRectangle } from \"./UIRectangle\"\nimport { UITextView } from \"./UITextView\"\n\n\nexport interface UIButtonColorSpecifier {\n    \n    titleLabel: UIButtonElementColorSpecifier;\n    background: UIButtonElementColorSpecifier;\n    \n}\n\n\nexport interface UIButtonElementColorSpecifier {\n    \n    normal: UIColor;\n    hovered?: UIColor;\n    highlighted: UIColor;\n    focused?: UIColor;\n    selected: UIColor;\n    selectedAndHighlighted?: UIColor;\n    \n}\n\n\nexport class UIButton extends UIBaseButton {\n    \n    _contentPadding = 0\n    _titleLabel?: UITextView\n    _imageView: UIImageView\n    \n    usesAutomaticTitleFontSize = NO\n    minAutomaticFontSize: number = nil\n    maxAutomaticFontSize: number = 25\n    \n    colors: UIButtonColorSpecifier = {\n        \n        titleLabel: {\n            \n            normal: UIColor.whiteColor,\n            highlighted: UIColor.whiteColor,\n            selected: UIColor.whiteColor\n            \n        },\n        \n        background: {\n            \n            normal: UIColor.blueColor,\n            highlighted: UIColor.greenColor,\n            selected: UIColor.redColor\n            \n        }\n        \n    }\n    \n    \n    constructor(elementID?: string, elementType?: string, titleType = UITextView.type.span) {\n        \n        super(elementID, elementType, { \"titleType\": titleType })\n        \n        // Instance variables\n        \n        this._imageView = new UIImageView(elementID + \"ImageView\")\n        this._imageView.hidden = YES\n        this.addSubview(this.imageView)\n        \n        this.imageView.fillMode = UIImageView.fillMode.aspectFitIfLarger\n        \n        \n        if (IS_NOT_NIL(titleType)) {\n            \n            this._titleLabel = new UITextView(elementID + \"TitleLabel\", titleType)\n            this.titleLabel.style.whiteSpace = \"nowrap\"\n            this.addSubview(this.titleLabel)\n            \n            this.titleLabel.userInteractionEnabled = NO\n            \n        }\n        \n        this.contentPadding = 10\n        \n        this.imageView.userInteractionEnabled = NO\n        this.titleLabel.textAlignment = UITextView.textAlignment.center\n        this.titleLabel.nativeSelectionEnabled = NO\n        \n    }\n    \n    \n    get contentPadding() {\n        return this._contentPadding.integerValue\n    }\n    \n    set contentPadding(contentPadding) {\n        this._contentPadding = contentPadding\n        this.setNeedsLayout()\n    }\n    \n    \n    public set hovered(hovered: boolean) {\n        this._hovered = hovered\n        this.updateContentForCurrentState()\n    }\n    \n    public get hovered(): boolean {\n        return this._hovered ?? NO\n    }\n    \n    public set highlighted(highlighted: boolean) {\n        this._highlighted = highlighted\n        this.updateContentForCurrentState()\n    }\n    \n    public get highlighted(): boolean {\n        return this._highlighted\n    }\n    \n    public set focused(focused: boolean) {\n        this._focused = focused\n        if (focused) {\n            this.focus()\n        }\n        else {\n            this.blur()\n        }\n        this.updateContentForCurrentState()\n    }\n    \n    public get focused(): boolean {\n        return this._focused ?? NO\n    }\n    \n    public set selected(selected: boolean) {\n        this._selected = selected\n        this.updateContentForCurrentState()\n    }\n    \n    public get selected(): boolean {\n        return this._selected\n    }\n    \n    \n    updateContentForCurrentState() {\n    \n        let updateFunction: Function = this.updateContentForNormalState\n        if (this.selected && this.highlighted) {\n            updateFunction = this.updateContentForSelectedAndHighlightedState\n        }\n        else if (this.selected) {\n            updateFunction = this.updateContentForSelectedState\n        }\n        else if (this.focused) {\n            updateFunction = this.updateContentForFocusedState\n        }\n        else if (this.highlighted) {\n            updateFunction = this.updateContentForHighlightedState\n        }\n        else if (this.hovered) {\n            updateFunction = this.updateContentForHoveredState\n        }\n        \n        if (!IS(updateFunction)) {\n            this.titleLabel.textColor = UIColor.nilColor\n            this.backgroundColor = UIColor.nilColor\n        }\n        else {\n            updateFunction.call(this)\n        }\n    \n        this.updateContentForCurrentEnabledState()\n        \n    }\n    \n    updateContentForNormalState() {\n        \n        this.backgroundColor = this.colors.background.normal\n        this.titleLabel.textColor = this.colors.titleLabel.normal\n        \n    }\n    \n    updateContentForHoveredState() {\n        \n        this.updateContentForNormalState()\n        \n        if (this.colors.background.hovered) {\n            this.backgroundColor = this.colors.background.hovered\n        }\n        \n        if (this.colors.titleLabel.hovered) {\n            this.titleLabel.textColor = this.colors.titleLabel.hovered\n        }\n        \n    }\n    \n    updateContentForFocusedState() {\n        \n        this.updateContentForHoveredState()\n        \n        if (this.colors.background.focused) {\n            this.backgroundColor = this.colors.background.focused\n        }\n        \n        if (this.colors.titleLabel.focused) {\n            this.titleLabel.textColor = this.colors.titleLabel.focused\n        }\n        \n    }\n    \n    updateContentForHighlightedState() {\n        \n        this.backgroundColor = this.colors.background.highlighted\n        this.titleLabel.textColor = this.colors.titleLabel.highlighted\n        \n    }\n    \n    updateContentForSelectedState() {\n        \n        this.backgroundColor = this.colors.background.selected\n        this.titleLabel.textColor = this.colors.titleLabel.selected\n        \n    }\n    \n    updateContentForSelectedAndHighlightedState() {\n        \n        this.updateContentForSelectedState()\n        \n        if (this.colors.background.selectedAndHighlighted) {\n            this.backgroundColor = this.colors.background.selectedAndHighlighted\n        }\n        \n        if (this.colors.titleLabel.selectedAndHighlighted) {\n            this.titleLabel.textColor = this.colors.titleLabel.selectedAndHighlighted\n        }\n        \n    }\n    \n    \n    set enabled(enabled: boolean) {\n        \n        // @ts-ignore\n        super.enabled = enabled\n        \n        this.updateContentForCurrentState()\n        \n    }\n    \n    get enabled() {\n        \n        // @ts-ignore\n        return super.enabled\n        \n    }\n    \n    updateContentForCurrentEnabledState() {\n        \n        if (this.enabled) {\n            this.alpha = 1\n        }\n        else {\n            this.alpha = 0.5\n        }\n        \n        this.userInteractionEnabled = this.enabled\n        \n    }\n    \n    \n    addStyleClass(styleClassName: string) {\n        \n        super.addStyleClass(styleClassName)\n    \n        if (this.styleClassName != styleClassName) {\n        \n            this.updateContentForCurrentState.call(this)\n        \n        }\n    \n    }\n    \n    \n    get titleLabel(): UITextView {\n        return this._titleLabel ?? nil\n    }\n    \n    get imageView() {\n        \n        return this._imageView\n        \n    }\n    \n    \n    layoutSubviews() {\n        \n        super.layoutSubviews()\n        \n        let bounds = this.bounds\n        \n        this.hoverText = this.titleLabel.text\n        \n        // Image only if text is not present\n        if (IS_NOT(this.imageView.hidden) && !IS(this.titleLabel.text)) {\n            \n            this.imageView.frame = bounds\n            \n        }\n        \n        // Text only if image is not present\n        if (IS(this.imageView.hidden) && IS(this.titleLabel.text)) {\n    \n            this.titleLabel.style.left = this.contentPadding + \"px\"\n            this.titleLabel.style.right = this.contentPadding + \"px\"\n            // this.titleLabel.style.marginLeft = \"\"\n            // this.titleLabel.style.right = this.contentPadding\n            this.titleLabel.style.top = \"50%\"\n            this.titleLabel.style.transform = \"translateY(-50%)\"\n            this.titleLabel.frame = new UIRectangle(nil, nil, nil, nil)\n    \n            if (this.usesAutomaticTitleFontSize) {\n        \n                const hidden = this.titleLabel.hidden\n                \n                this.titleLabel.hidden = YES\n                \n                this.titleLabel.fontSize = 15\n                \n                this.titleLabel.fontSize = UITextView.automaticallyCalculatedFontSize(\n                    new UIRectangle(\n                        0,\n                        0,\n                        this.bounds.height,\n                        this.titleLabel.viewHTMLElement.offsetWidth\n                    ),\n                    this.titleLabel.intrinsicContentSize(),\n                    this.titleLabel.fontSize,\n                    this.minAutomaticFontSize,\n                    this.maxAutomaticFontSize\n                )\n                \n                this.titleLabel.hidden = hidden\n                \n            }\n            \n            \n        }\n        \n        // Image and text both present\n        if (IS_NOT(this.imageView.hidden) && IS(this.titleLabel.text)) {\n    \n            //const imageShareOfWidth = 0.25\n    \n            bounds = bounds.rectangleWithInset(this.contentPadding)\n    \n            const imageFrame = bounds.copy()\n            imageFrame.width = bounds.height - this.contentPadding * 0.5\n            this.imageView.frame = imageFrame\n    \n            this.titleLabel.style.left = imageFrame.max.x + this.contentPadding + \"px\"\n            this.titleLabel.style.right = this.contentPadding + \"px\"\n            this.titleLabel.style.top = \"50%\"\n            this.titleLabel.style.transform = \"translateY(-50%)\"\n    \n            if (this.usesAutomaticTitleFontSize) {\n        \n                const hidden = this.titleLabel.hidden\n        \n                this.titleLabel.hidden = YES\n        \n                this.titleLabel.fontSize = 15\n        \n                this.titleLabel.fontSize = UITextView.automaticallyCalculatedFontSize(\n                    new UIRectangle(\n                        0,\n                        0,\n                        this.bounds.height,\n                        this.titleLabel.viewHTMLElement.offsetWidth\n                    ),\n                    this.titleLabel.intrinsicContentSize(),\n                    this.titleLabel.fontSize,\n                    this.minAutomaticFontSize,\n                    this.maxAutomaticFontSize\n                )\n                \n                this.titleLabel.hidden = hidden\n                \n            }\n            \n        }\n        \n        this.applyClassesAndStyles()\n        \n    }\n    \n    initViewStyleSelectors() {\n        \n        this.initStyleSelector(\".\" + this.styleClassName, \"background-color: lightblue;\")\n        \n        // var selectorWithoutImage = \".\" + this.styleClassName + \" .\" + this.imageView.styleClassName + \" + .\" + this.titleLabel.styleClassName;\n        \n        // this.initStyleSelector(\n        //     selectorWithoutImage,\n        //     \"left: \" + this.contentPadding + \";\" +\n        //     \"right: \" + this.contentPadding + \";\" +\n        //     \"top: 50%;\" +\n        //     \"transform: translateY(-50%);\");\n        \n    }\n    \n    \n}\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n"],
+  "mappings": "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",
   "names": []
 }

package/compiledScripts/UIColor.d.ts

@@ -21,7 +21,7 @@ export declare class UIColor extends UIObject {
     static get transparentColor(): UIColor;
     static get undefinedColor(): UIColor;
     static get nilColor(): UIColor;
-    static nameToHex(name: string): string;
+    static nameToHex(name: string): string | undefined;
     static hexToDescriptor(c: string): UIColorDescriptor;
     static rgbToDescriptor(colorString: string): {
         red: number;

package/compiledScripts/UIColor.js

@@ -1,3 +1,4 @@
+"use strict";
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;