uicore-ts 1.0.1

package/scripts/UITextArea.ts

@@ -0,0 +1,91 @@
+import { NO } from "./UIObject"
+import { UITextField } from "./UITextField"
+import { UITextView } from "./UITextView"
+import { UIViewAddControlEventTargetObject } from "./UIView"
+
+
+
+
+
+export class UITextArea extends UITextField {
+    
+    
+    
+    
+    
+    constructor(elementID, viewHTMLElement = null) {
+        
+        super(elementID, viewHTMLElement, UITextView.type.textArea)
+        
+        this._class = UITextArea
+        this.superclass = UITextField
+        
+        this.viewHTMLElement.removeAttribute("type")
+        
+        this.style.overflow = "auto"
+        
+        this.style.webkitUserSelect = "text"
+        
+        this.pausesPointerEvents = NO
+        
+    }
+    
+    
+    get addControlEventTarget(): UIViewAddControlEventTargetObject<typeof UITextArea.controlEvent> {
+        
+        return super.addControlEventTarget as any;
+        
+    }
+    
+    // @ts-ignore
+    get viewHTMLElement(): HTMLTextAreaElement {
+        
+        // @ts-ignore
+        return super.viewHTMLElement
+        
+    }
+    
+    
+    
+    
+    
+}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+

package/scripts/UITextField.ts

@@ -0,0 +1,218 @@
+import { UIColor } from "./UIColor"
+import { UICore } from "./UICore"
+import { nil, NO, YES } from "./UIObject"
+import { UITextView } from "./UITextView"
+import { UIView, UIViewAddControlEventTargetObject, UIViewBroadcastEvent } from "./UIView"
+
+
+
+
+
+export class UITextField extends UITextView {
+    
+    
+    _placeholderTextKey: string
+    _defaultPlaceholderText: string
+    
+    _viewHTMLElement: HTMLInputElement
+    
+    constructor(elementID?: string, viewHTMLElement = null, type = UITextView.type.textField) {
+        
+        super(elementID, type, viewHTMLElement)
+        
+        this._class = UITextField
+        this.superclass = UITextView
+        
+        this.viewHTMLElement.setAttribute("type", "text")
+        
+        this.backgroundColor = UIColor.whiteColor
+        
+        
+        
+        this.addTargetForControlEvent(UIView.controlEvent.PointerUpInside, function (sender, event) {
+            
+            sender.focus()
+            
+        })
+        
+        
+        this.viewHTMLElement.oninput = (event) => {
+            this.sendControlEventForKey(UITextField.controlEvent.TextChange, event)
+        }
+        
+        
+        this.style.webkitUserSelect = "text"
+        
+        this.nativeSelectionEnabled = YES
+        
+        this.pausesPointerEvents = NO
+        
+        
+    }
+    
+    
+    
+    
+    static controlEvent = Object.assign({}, UIView.controlEvent, {
+        
+        
+        "TextChange": "TextChange"
+        
+        
+    })
+    
+    
+    
+    
+    
+    get addControlEventTarget(): UIViewAddControlEventTargetObject<typeof UITextField.controlEvent> {
+        
+        // @ts-ignore
+        return super.addControlEventTarget as any;
+        
+    }
+    
+    public get viewHTMLElement() {
+        return this._viewHTMLElement
+    }
+    
+    
+    
+    public set text(text: string) {
+        
+        this.viewHTMLElement.value = text
+        
+    }
+    
+    
+    public get text(): string {
+        
+        return this.viewHTMLElement.value
+        
+    }
+    
+    
+    public set placeholderText(text: string) {
+        
+        this.viewHTMLElement.placeholder = text
+        
+    }
+    
+    
+    public get placeholderText(): string {
+        
+        return this.viewHTMLElement.placeholder
+        
+    }
+    
+    
+    setPlaceholderText(key: string, defaultString: string) {
+        
+        this._placeholderTextKey = key
+        this._defaultPlaceholderText = defaultString
+        
+        const languageName = UICore.languageService.currentLanguageKey
+        this.placeholderText = UICore.languageService.stringForKey(key, languageName, defaultString, nil)
+        
+    }
+    
+    
+    
+    didReceiveBroadcastEvent(event: UIViewBroadcastEvent) {
+        
+        super.didReceiveBroadcastEvent(event)
+        
+        if (event.name == UIView.broadcastEventName.LanguageChanged || event.name ==
+            UIView.broadcastEventName.AddedToViewTree) {
+            
+            this._setPlaceholderFromKeyIfPossible()
+            
+        }
+        
+    }
+    
+    
+    willMoveToSuperview(superview: UIView) {
+        
+        super.willMoveToSuperview(superview)
+        
+        this._setPlaceholderFromKeyIfPossible()
+        
+    }
+    
+    _setPlaceholderFromKeyIfPossible() {
+        
+        if (this._placeholderTextKey && this._defaultPlaceholderText) {
+            
+            this.setPlaceholderText(this._placeholderTextKey, this._defaultPlaceholderText)
+            
+        }
+        
+    }
+    
+    
+    public get isSecure(): boolean {
+        
+        const result = (this.viewHTMLElement.type == "password")
+        
+        return result
+        
+    }
+    
+    
+    
+    public set isSecure(secure: boolean) {
+        
+        var type = "text"
+        
+        if (secure) {
+            
+            type = "password"
+            
+        }
+        
+        this.viewHTMLElement.type = type
+        
+    }
+    
+    
+    
+    
+    
+}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+