Big update

Author: AleBles

LICENSE

@@ -1,6 +1,6 @@
 The MIT License (MIT)
 
-Copyright (c) 2015 Gembly
+Copyright (c) 2015 Orange Games
 
 Permission is hereby granted, free of charge, to any person obtaining a copy
 of this software and associated documentation files (the "Software"), to deal

README.md

@@ -47,8 +47,6 @@ var password = game.add.inputField(10, 90, {
 
 Current Limitations
 -------------------
- - ctrl+a works, but isn't visible
- - Clicking in the box doesn't update the cursor position
  - Updates are slow when typing fast (type slower you!!)
 
 Properties
@@ -71,6 +69,7 @@ Properties
  - **font**: string (14px Arial by default) The font that is used for the input box, covers the input text, placeholder and cursor
  - **min**: string (none by default) The minimum number for the input field, only for number input fields
  - **max**: string (none by default) The maximum number for the number input field, or the maxLength for other input fields
+ - **selectionColor**: string (rgba(179, 212, 253, 0.8) by default) The default color for the text selection highlight.
 
 Browser Support
 ---------------
@@ -85,14 +84,15 @@ Tested on:
 
 Changelog
 ---------
-### 0.2.0
+### 1.0.0
 * Updated example
 * Added masking for texts so they don't overflow the box anymore
 * Combined max/maxLength
 * Moved dom manipulation to seperate class
 * Added option for aligning texts
 * Keyboard can now be used to update caret position
 * Clicking in the input field now changes the caret position
+* ctrl+a can be used to select text
 
 ### 0.1.4
 * You can now reset text

build/phaser-input.d.ts

@@ -16,7 +16,11 @@ declare module Fabrique {
         setMax(max: string, min?: string): void;
         value: string;
         focus(): void;
+        hasSelection: boolean;
+        caretStart: number;
+        caretEnd: number;
         getCaretPosition(): number;
+        setCaretPosition(pos: number): void;
     }
 }
 declare module Fabrique {
@@ -37,6 +41,7 @@ declare module Fabrique {
         min?: string;
         max?: string;
         textAlign?: string;
+        selectionColor?: string;
     }
     class InputField extends Phaser.Sprite {
         private placeHolder;
@@ -49,6 +54,7 @@ declare module Fabrique {
         value: string;
         private inputOptions;
         private domElement;
+        private selection;
         constructor(game: Phaser.Game, x: number, y: number, inputOptions?: InputOptions);
         /**
          * This is a generic input down handler for the game.
@@ -72,6 +78,9 @@ declare module Fabrique {
          * Focus is lost on the input element, we disable the cursor and remove the hidden input element
          */
         private endFocus();
+        /**
+         *
+         */
         private startFocus();
         /**
          * Update the text value in the box, and make sure the cursor is positioned correctly
@@ -87,6 +96,16 @@ declare module Fabrique {
          * @returns {number}
          */
         private getCaretPosition();
+        /**
+         * Set the caret when a click was made in the input field
+         *
+         * @param e
+         */
+        private setCaretOnclick(e);
+        /**
+         * This checks if a select has been made, and if so highlight it with blue
+         */
+        private updateSelection();
         /**
          * Event fired when a key is pressed, it takes the value from the hidden input field and adds it as its own
          */
@@ -106,6 +125,19 @@ declare module Fabrique {
         constructor(game: Phaser.Game, inputOptions: InputOptions);
     }
 }
+declare module Fabrique {
+    class SelectionHighlight extends Phaser.Graphics {
+        private inputOptions;
+        constructor(game: Phaser.Game, inputOptions: InputOptions);
+        updateSelection(rect: PIXI.Rectangle): void;
+        static rgb2hex(color: {
+            r: number;
+            g: number;
+            b: number;
+            a: number;
+        }): number;
+    }
+}
 declare module Fabrique {
     class TextMask extends Phaser.Graphics {
         constructor(game: Phaser.Game, inputOptions: InputOptions);