uicore-ts 1.0.580 → 1.1.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "uicore-ts",
-  "version": "1.0.580",
+  "version": "1.1.0",
   "description": "UICore is a library to build native-like user interfaces using pure Typescript. No HTML is needed at all. Components are described as TS classes and all user interactions are handled explicitly. This library is strongly inspired by the UIKit framework that is used in IOS. In addition, UICore has tools to handle URL based routing, array sorting and filtering and adds a number of other utilities for convenience.",
   "main": "compiledScripts/index.js",
   "types": "compiledScripts/index.d.ts",

package/scripts/UIKeyValueStringFilterWebWorker.worker.ts

@@ -3,7 +3,7 @@
 if ("contains" in Array.prototype == false) {
     
     // @ts-ignore
-    Array.prototype.contains = function (element) {
+    Array.prototype.contains = function (this: Array, element) {
         
         var result = (this.indexOf(element) != -1)
         return result
@@ -15,7 +15,7 @@ if ("contains" in Array.prototype == false) {
 if ("contains" in String.prototype == false) {
     
     // @ts-ignore
-    String.prototype.contains = function (string) {
+    String.prototype.contains = function (this: string, string) {
         
         var result = (this.indexOf(string) != -1)
         return result

package/scripts/UILinkButton.ts

@@ -15,7 +15,9 @@ export class UILinkButton extends UILink {
         this.addSubview(this.button)
     
         this.style.position = "absolute"
-        this.button.controlEventTargetAccumulator.EnterDown.PointerUpInside = () => window.location = this.target as any
+        this.button.controlEventTargetAccumulator.EnterDown.PointerUpInside(
+            () => window.location = this.target as any
+        )
     
     }
     

package/scripts/UITextField.ts

@@ -47,10 +47,6 @@ export class UITextField extends UITextView {
     })
     
     
-    override get controlEventTargetAccumulator(): UIViewAddControlEventTargetObject<typeof UITextField> {
-        return (super.controlEventTargetAccumulator as any)
-    }
-    
     public override get viewHTMLElement() {
         return this._viewHTMLElement
     }

package/scripts/UIView.ts

@@ -111,14 +111,20 @@ type Mutable<T> = {
     -readonly [P in keyof T]: T[P]
 };
 
+// export type UIViewAddControlEventTargetObject<T extends { controlEvent: Record<string, any> }> = Mutable<{
+//
+//     [K in keyof T["controlEvent"]]: ((
+//     sender: UIView,
+//     event: Event
+// ) => void) & Partial<UIViewAddControlEventTargetObject<T>>
+//
+// }>
+
 export type UIViewAddControlEventTargetObject<T extends { controlEvent: Record<string, any> }> = Mutable<{
-    
-    [K in keyof T["controlEvent"]]: ((
-    sender: UIView,
-    event: Event
-) => void) & Partial<UIViewAddControlEventTargetObject<T>>
-    
-}>
+    [K in keyof T["controlEvent"]]: UIViewAddControlEventTargetObject<T> & (
+        (handler: (sender: T, event: Event) => void) => void
+    );
+}>;
 
 
 interface Constraint {
@@ -2167,8 +2173,8 @@ export class UIView extends UIObject {
             
         }
         
-        this.controlEventTargetAccumulator.PointerDrag = movementFunction
-        this.controlEventTargetAccumulator.PointerUp.PointerCancel = movementStopFunction
+        this.controlEventTargetAccumulator.PointerDrag(movementFunction)
+        this.controlEventTargetAccumulator.PointerUp.PointerCancel(movementStopFunction)
         
         //UIObject.configureWithObject(overlayElement, { remove: EXTEND(() => cleanupFunction()) })
         
@@ -2383,8 +2389,8 @@ export class UIView extends UIObject {
             shouldCallPointerHover: async () => YES,
             pausesPointerEvents: YES
         })
-        leftEdge.controlEventTargetAccumulator.PointerDrag = PointerXDragFunction.bind(this, 1)
-        leftEdge.controlEventTargetAccumulator.PointerUp = pointerUpFunction
+        leftEdge.controlEventTargetAccumulator.PointerDrag(PointerXDragFunction.bind(this, 1))
+        leftEdge.controlEventTargetAccumulator.PointerUp(pointerUpFunction)
         
         const rightEdge = new UIView().configuredWithObject({
             _viewHTMLElement: {
@@ -2404,8 +2410,8 @@ export class UIView extends UIObject {
             shouldCallPointerHover: async () => YES,
             pausesPointerEvents: YES
         })
-        rightEdge.controlEventTargetAccumulator.PointerDrag = PointerXDragFunction.bind(this, 0)
-        rightEdge.controlEventTargetAccumulator.PointerUp = pointerUpFunction
+        rightEdge.controlEventTargetAccumulator.PointerDrag(PointerXDragFunction.bind(this, 0))
+        rightEdge.controlEventTargetAccumulator.PointerUp(pointerUpFunction)
         
         // noinspection JSSuspiciousNameCombination
         const bottomEdge = new UIView().configuredWithObject({
@@ -2426,8 +2432,8 @@ export class UIView extends UIObject {
             shouldCallPointerHover: async () => YES,
             pausesPointerEvents: YES
         })
-        bottomEdge.controlEventTargetAccumulator.PointerDrag = PointerYDragFunction.bind(this, 0)
-        bottomEdge.controlEventTargetAccumulator.PointerUp = pointerUpFunction
+        bottomEdge.controlEventTargetAccumulator.PointerDrag(PointerYDragFunction.bind(this, 0))
+        bottomEdge.controlEventTargetAccumulator.PointerUp(pointerUpFunction)
         
         // noinspection JSSuspiciousNameCombination
         const topEdge = new UIView().configuredWithObject({
@@ -2448,8 +2454,8 @@ export class UIView extends UIObject {
             shouldCallPointerHover: async () => YES,
             pausesPointerEvents: YES
         })
-        topEdge.controlEventTargetAccumulator.PointerDrag = PointerYDragFunction.bind(this, 1)
-        topEdge.controlEventTargetAccumulator.PointerUp = pointerUpFunction
+        topEdge.controlEventTargetAccumulator.PointerDrag(PointerYDragFunction.bind(this, 1))
+        topEdge.controlEventTargetAccumulator.PointerUp(pointerUpFunction)
         
         
         const pointerDragTLFunction = (sender: UIView, event: Event) => {
@@ -2477,8 +2483,8 @@ export class UIView extends UIObject {
             shouldCallPointerHover: async () => YES,
             pausesPointerEvents: YES
         })
-        topLeftCornerTop.controlEventTargetAccumulator.PointerDrag = pointerDragTLFunction
-        topLeftCornerTop.controlEventTargetAccumulator.PointerUp = pointerUpFunction
+        topLeftCornerTop.controlEventTargetAccumulator.PointerDrag(pointerDragTLFunction)
+        topLeftCornerTop.controlEventTargetAccumulator.PointerUp(pointerUpFunction)
         
         const topLeftCornerLeft = new UIView().configuredWithObject({
             _viewHTMLElement: {
@@ -2499,8 +2505,8 @@ export class UIView extends UIObject {
             shouldCallPointerHover: async () => YES,
             pausesPointerEvents: YES
         })
-        topLeftCornerLeft.controlEventTargetAccumulator.PointerDrag = pointerDragTLFunction
-        topLeftCornerLeft.controlEventTargetAccumulator.PointerUp = pointerUpFunction
+        topLeftCornerLeft.controlEventTargetAccumulator.PointerDrag(pointerDragTLFunction)
+        topLeftCornerLeft.controlEventTargetAccumulator.PointerUp(pointerUpFunction)
         
         
         const pointerDragBLFunction = (sender: UIView, event: Event) => {
@@ -2527,8 +2533,8 @@ export class UIView extends UIObject {
             shouldCallPointerHover: async () => YES,
             pausesPointerEvents: YES
         })
-        bottomLeftCornerLeft.controlEventTargetAccumulator.PointerDrag = pointerDragBLFunction
-        bottomLeftCornerLeft.controlEventTargetAccumulator.PointerUp = pointerUpFunction
+        bottomLeftCornerLeft.controlEventTargetAccumulator.PointerDrag(pointerDragBLFunction)
+        bottomLeftCornerLeft.controlEventTargetAccumulator.PointerUp(pointerUpFunction)
         
         // noinspection JSSuspiciousNameCombination
         const bottomLeftCornerBottom = new UIView().configuredWithObject({
@@ -2550,8 +2556,8 @@ export class UIView extends UIObject {
             shouldCallPointerHover: async () => YES,
             pausesPointerEvents: YES
         })
-        bottomLeftCornerBottom.controlEventTargetAccumulator.PointerDrag = pointerDragBLFunction
-        bottomLeftCornerBottom.controlEventTargetAccumulator.PointerUp = pointerUpFunction
+        bottomLeftCornerBottom.controlEventTargetAccumulator.PointerDrag(pointerDragBLFunction)
+        bottomLeftCornerBottom.controlEventTargetAccumulator.PointerUp(pointerUpFunction)
         
         
         const pointerDragBRFunction = (sender: UIView, event: Event) => {
@@ -2579,8 +2585,8 @@ export class UIView extends UIObject {
             shouldCallPointerHover: async () => YES,
             pausesPointerEvents: YES
         })
-        bottomRightCornerBottom.controlEventTargetAccumulator.PointerDrag = pointerDragBRFunction
-        bottomRightCornerBottom.controlEventTargetAccumulator.PointerUp = pointerUpFunction
+        bottomRightCornerBottom.controlEventTargetAccumulator.PointerDrag(pointerDragBRFunction)
+        bottomRightCornerBottom.controlEventTargetAccumulator.PointerUp(pointerUpFunction)
         
         const bottomRightCornerRight = new UIView().configuredWithObject({
             _viewHTMLElement: {
@@ -2601,8 +2607,8 @@ export class UIView extends UIObject {
             shouldCallPointerHover: async () => YES,
             pausesPointerEvents: YES
         })
-        bottomRightCornerRight.controlEventTargetAccumulator.PointerDrag = pointerDragBRFunction
-        bottomRightCornerRight.controlEventTargetAccumulator.PointerUp = pointerUpFunction
+        bottomRightCornerRight.controlEventTargetAccumulator.PointerDrag(pointerDragBRFunction)
+        bottomRightCornerRight.controlEventTargetAccumulator.PointerUp(pointerUpFunction)
         
         
         const pointerDragTRFunction = (sender: UIView, event: Event) => {
@@ -2629,8 +2635,8 @@ export class UIView extends UIObject {
             shouldCallPointerHover: async () => YES,
             pausesPointerEvents: YES
         })
-        topRightCornerRight.controlEventTargetAccumulator.PointerDrag = pointerDragTRFunction
-        topRightCornerRight.controlEventTargetAccumulator.PointerUp = pointerUpFunction
+        topRightCornerRight.controlEventTargetAccumulator.PointerDrag(pointerDragTRFunction)
+        topRightCornerRight.controlEventTargetAccumulator.PointerUp(pointerUpFunction)
         
         // noinspection JSSuspiciousNameCombination
         const topRightCornerTop = new UIView().configuredWithObject({
@@ -2652,8 +2658,8 @@ export class UIView extends UIObject {
             shouldCallPointerHover: async () => YES,
             pausesPointerEvents: YES
         })
-        topRightCornerTop.controlEventTargetAccumulator.PointerDrag = pointerDragTRFunction
-        topRightCornerTop.controlEventTargetAccumulator.PointerUp = pointerUpFunction
+        topRightCornerTop.controlEventTargetAccumulator.PointerDrag(pointerDragTRFunction)
+        topRightCornerTop.controlEventTargetAccumulator.PointerUp(pointerUpFunction)
         
         
         const views = [
@@ -3197,6 +3203,19 @@ export class UIView extends UIObject {
                     
                     return result
                     
+                },
+                apply: (_target, _thisArg, args) => {
+                    
+                    const handler = args[0];
+                    if (typeof handler === 'function') {
+                        this.addTargetForControlEvents(eventKeys, handler);
+                    }
+                    else {
+                        throw "Handler must be a function, not " + handler
+                    }
+                    
+                    return true
+                    
                 },
                 set: (target, key: string, value, _receiver) => {