Merge branch 'develop'

#61 fix button anim node
Update LICENSE
2025-09-27 10:02:19 +02:00 · 2020-05-16 16:55:06 +03:00 · 2020-05-16 16:54:48 +03:00 · 2020-05-09 16:34:52 +03:00 · 2020-05-09 16:30:08 +03:00 · 2020-05-09 16:10:39 +03:00
86 changed files with 7366 additions and 998 deletions
--- a/2
+++ b/2
@@ -1,6 +1,6 @@
 MIT License

-Copyright (c) 2019 Alexey Gulev
+Copyright (c) 2020 Maxim Tuprikov

 Permission is hereby granted, free of charge, to any person obtaining a copy
 of this software and associated documentation files (the "Software"), to deal
--- a/README.md
+++ b/README.md
@@ -22,11 +22,15 @@ Or point to the ZIP file of a  [specific release](https://github.com/Insality/dr

 For **Druid** to work requires next input bindings:

-   Mouse trigger - `Button 1` -> `touch` _For basic input components_
-   Key trigger - `Backspace` -> `back`  _For back_handler component_
-   Key trigger - `Back` -> `back`  _For back_handler component, Android back button_
+- Mouse trigger - `Button 1` -> `touch` _For basic input components_
+- Key trigger - `Backspace` -> `key_backspace`  _For back_handler component, input component_
+- Key trigger - `Back` -> `key_back`  _For back_handler component, Android back button, input component_
+- Key trigger - `Enter` -> `key_enter` _For input component, optional_
+- Key trigger - `Esc` -> `key_esc` _For input component, optional_
+- Touch triggers - `Touch multi` -> `multitouch` _For scroll component_

-![](media/input_binding.png)
+![](media/input_binding_2.png)
+![](media/input_binding_1.png)


 ### Input capturing [optional]
@@ -55,6 +59,18 @@ druid.set_text_function(callback)

 -- Used for change default druid style
 druid.set_default_style(your_style)
+
+-- Call this function on language changing in the game,
+-- to retranslate all lang_text components:
+druid.on_language_change()
+
+-- Call this function on layout changing in the game,
+-- to reapply layouts
+druid.on_layout_change()
+
+-- Call this function inside window.set_listener
+-- to catch game focus lost/gained callbacks:
+druid.on_window_callback(event)
 ```


@@ -92,6 +108,10 @@ druid.set_default_style(your_style)

 - **[Hover](https://github.com/Insality/druid/blob/master/docs_md/01-components.md#hover)** - System Druid component, handle hover node state

+- **[Swipe](https://github.com/Insality/druid/blob/master/docs_md/01-components.md#swipe)** - System Druid component, handle swipe gestures on node
+
+- **[Drag](https://github.com/Insality/druid/blob/master/docs_md/01-components.md#drag)** - System Druid component, handle drag input on node 
+
 Full info see on _[components.md](https://github.com/Insality/druid/blob/master/docs_md/01-components.md)_


@@ -110,11 +130,15 @@ local function button_callback(self)
 	print("Button was clicked!")
 end

-local function init(self)
+function init(self)
 	self.druid = druid.new(self)
 	self.druid:new_button("button_node_name", button_callback)
 end

+function final(self)
+	self.druid:final()
+end
+
 function on_input(self, action_id, action)
 	return self.druid:on_input(action_id, action)
 end
@@ -162,7 +186,7 @@ end

 - *on_input* used for almost all basic druid components
 - *update* used for progress bar, scroll and timer base components
- *on_message* used for specific druid events, like language change or layout change (TODO: in future)
+- *on_message* used for specific druid events, like language change or layout change
 - *final* used for custom components, what have to do several action before destroy

 Recommended is fully integrate al druid lifecycles functions
@@ -202,13 +226,11 @@ _Will fill later_

 ## License

-Original created by [AGulev](https://github.com/AGulev)
+- Original created by [AGulev](https://github.com/AGulev)
+- Developed and supporting by [Insality](https://github.com/Insality)
+- Assets from [Kenney](http://www.kenney.nl/)

-Developed and supporting by [Insality](https://github.com/Insality)
-
-Assets from [Kenney](http://www.kenney.nl/)
-
-MIT License
+**MIT** License


 ## Issues and suggestions
--- a/docs/druid/archive/archive_files.json
+++ b/docs/druid/archive/archive_files.json
@@ -1 +1 @@
-{"content":[{"name":"game.projectc","size":2713,"pieces":[{"name":"game.projectc0","offset":0}]},{"name":"game.arci","size":4688,"pieces":[{"name":"game.arci0","offset":0}]},{"name":"game.arcd","size":264687,"pieces":[{"name":"game.arcd0","offset":0}]},{"name":"game.dmanifest","size":10104,"pieces":[{"name":"game.dmanifest0","offset":0}]},{"name":"game.public.der","size":162,"pieces":[{"name":"game.public.der0","offset":0}]}]}
+{"content":[{"name":"game.projectc","size":2838,"pieces":[{"name":"game.projectc0","offset":0}]},{"name":"game.arci","size":5008,"pieces":[{"name":"game.arci0","offset":0}]},{"name":"game.arcd","size":279217,"pieces":[{"name":"game.arcd0","offset":0}]},{"name":"game.dmanifest","size":10936,"pieces":[{"name":"game.dmanifest0","offset":0}]},{"name":"game.public.der","size":162,"pieces":[{"name":"game.public.der0","offset":0}]}]}
--- a/docs/druid/archive/game.arcd0
+++ b/docs/druid/archive/game.arcd0
--- a/docs/druid/archive/game.arci0
+++ b/docs/druid/archive/game.arci0
--- a/docs/druid/archive/game.dmanifest0
+++ b/docs/druid/archive/game.dmanifest0
--- a/docs/druid/archive/game.projectc0
+++ b/docs/druid/archive/game.projectc0
@@ -1,6 +1,6 @@
 [project]
 title = druid
-version = 1.0
+version = 0.4.0
 write_log = 0
 compress_archive = 1

@@ -14,7 +14,12 @@ update_frequency = 0
 vsync = 1
 display_profiles = /builtins/render/default.display_profilesc
 dynamic_orientation = 0
-clear_color = 0
+
+[render]
+clear_color_red = 0
+clear_color_green = 0
+clear_color_blue = 0
+clear_color_alpha = 0

 [physics]
 type = 2D
@@ -99,10 +104,10 @@ infoplist = /builtins/manifests/ios/Info.plist
 version_code = 1
 minimum_sdk_version = 16
 target_sdk_version = 28
-package = com.example.todo
+package = com.insality.druid
 manifest = /builtins/manifests/android/AndroidManifest.xml
 iap_provider = GooglePlay
-input_method = KeyEvent
+input_method = HiddenInputField
 immersive_mode = 0
 debuggable = 0

@@ -154,6 +159,9 @@ settings = /liveupdate.settings
 max_count = 16
 max_tile_count = 2048

+[engine]
+run_while_iconified = 0
+
 [druid]
 no_auto_input = 0

--- a/docs/druid/dmloader.js
+++ b/docs/druid/dmloader.js
@@ -23,6 +23,7 @@ var Combine = {
    _onAllTargetsBuilt:[],      // signature: void
    _onDownloadProgress: [],    // signature: downloaded, total

+    _currentDownloadBytes: 0,
    _totalDownloadBytes: 0,

    _retry_time: 0,             // pause before retry file loading after error
@@ -31,7 +32,7 @@ var Combine = {

    _archiveLocationFilter: function(path) { return "split" + path; },

-    can_not_download_file: function(file) { 
+    can_not_download_file: function(file) {
        if (typeof Combine._can_not_download_file_callback === 'function') {
            Combine._can_not_download_file_callback(file);
        }
@@ -91,6 +92,7 @@ var Combine = {
        this._onAllTargetsBuilt = [];
        this._onDownloadProgress = [];

+        this._currentDownloadBytes = 0;
        this._totalDownloadBytes = 0;
    },

@@ -98,6 +100,7 @@ var Combine = {
        var json = JSON.parse(xhr.responseText);
        this._targets = json.content;
        this._totalDownloadBytes = 0;
+        this._currentDownloadBytes = 0;

        var targets = this._targets;
        for(var i=0; i<targets.length; ++i) {
@@ -129,38 +132,42 @@ var Combine = {
            throw "Request out of order";
        }

-        target.lastRequestedPiece = index;
-        target.progress = {};
-
        var item = target.pieces[index];
+        target.lastRequestedPiece = index;
+
+        var total = 0;
+        var downloaded = 0;
        var xhr = new XMLHttpRequest();
-        xhr.open('GET', this._archiveLocationFilter('/' + item.name), true);
+        var url = this._archiveLocationFilter('/' + item.name);
+        xhr.open('GET', url, true);
        xhr.responseType = 'arraybuffer';
+        // called periodically with information about the transaction
        xhr.onprogress = function(evt) {
-           target.progress[item.name] = {total: 0, downloaded: 0};
            if (evt.total && evt.lengthComputable) {
-                target.progress[item.name].total = evt.total;
+                total = evt.total;
            }
            if (evt.loaded && evt.lengthComputable) {
-                target.progress[item.name].downloaded = evt.loaded;
+                var delta = evt.loaded - downloaded;
+                downloaded = evt.loaded;
+                Combine._currentDownloadBytes += delta;
                Combine.updateProgress(target);
            }
        };
+        // called when the transaction completes successfully
        xhr.onload = function(evt) {
            item.data = new Uint8Array(xhr.response);
            item.dataLength = item.data.length;
-            target.progress[item.name].total = item.dataLength;
-            target.progress[item.name].downloaded = item.dataLength;
+            total = item.dataLength;
+            downloaded = item.dataLength;
            Combine.copyData(target, item);
            Combine.onPieceLoaded(target, item);
            Combine.updateProgress(target);
            item.data = undefined;
        };
+        // called when the transaction fails
        xhr.onerror = function(evt) {
-            if (target.progress[item.name]) {
-                target.progress[item.name].downloaded = 0;
-                Combine.updateProgress(target);
-            }
+            downloaded = 0;
+            Combine.updateProgress(target);
            attempt_count += 1;
            if (attempt_count < Combine._max_retry_count) {
                console.warn("Can't download file '" + item.name + "' . Next try in " + Combine._retry_time + " sec.");
@@ -168,19 +175,15 @@ var Combine = {
                    Combine.requestPiece(target, index, attempt_count);
                }, Combine._retry_time * 1000);
            } else {
-                    Combine.can_not_download_file(item.name);
+                Combine.can_not_download_file(item.name);
            }
        };
        xhr.send(null);
    },

    updateProgress: function(target) {
-        var total_downloaded = 0;
-        for (var p in target.progress) {
-            total_downloaded += target.progress[p].downloaded;
-        }
        for(i = 0; i<this._onDownloadProgress.length; ++i) {
-            this._onDownloadProgress[i](total_downloaded, this._totalDownloadBytes);
+            this._onDownloadProgress[i](this._currentDownloadBytes, this._totalDownloadBytes);
        }
    },

@@ -477,7 +480,7 @@ var Module = {
            persistent_storage: true,
            custom_heap_size: undefined,
            disable_context_menu: true,
-            retry_time: 1, 
+            retry_time: 1,
            retry_count: 10,
            can_not_download_file_callback: undefined,
        };
@@ -697,5 +700,3 @@ window.onerror = function(err, url, line, column, errObj) {
        if (text) Module.printErr('[post-exception status] ' + text);
    };
 };
-
-
--- a/docs/druid/druid.wasm
+++ b/docs/druid/druid.wasm
--- a/docs/druid/druid_asmjs.js
+++ b/docs/druid/druid_asmjs.js
--- a/docs/druid/druid_wasm.js
+++ b/docs/druid/druid_wasm.js
--- a/docs/druid/index.html
+++ b/docs/druid/index.html
@@ -7,7 +7,7 @@
 	<meta name="apple-mobile-web-app-capable" content="yes">
 	<!-- The above 4 meta tags *must* come first in the head; any other head content must come *after* these tags -->

-	<title>druid 1.0</title>
+	<title>druid 0.4.0</title>
 	<style type='text/css'>
 	/* Disable user selection to avoid strange bug in Chrome on Windows:
 	* Selecting a text outside the canvas, then clicking+draging would
@@ -111,8 +111,7 @@
 	.canvas-app-canvas {
 		background-repeat:no-repeat;
 		background-position: center center;
-		background-size: 70%;
-		background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='300px' height='64px' viewBox='-2467.5 2469 300 64' style='enable-background:new -2467.5 2469 300 64;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%2315244A;%7D .st1%7Bfill:url(%23SVGID_1_);%7D .st2%7Bfill:url(%23SVGID_2_);%7D%0A%3C/style%3E%3Ctitle%3Edefold-logo-html5-splash%3C/title%3E%3Cpolygon class='st0' points='-2177,2482.9 -2175.5,2482.9 -2175.5,2486.7 -2174.4,2486.7 -2174.4,2482.9 -2173.2,2482.9 -2173.2,2481.9 -2177,2481.9 '/%3E%3Cpolygon class='st0' points='-2169.8,2484.1 -2171,2482.1 -2172.1,2482.1 -2172.1,2486.7 -2171,2486.7 -2171,2483.5 -2169.7,2485.6 -2169.7,2485.6 -2168.5,2483.5 -2168.5,2486.7 -2167.5,2486.7 -2167.5,2482.1 -2168.6,2482.1 '/%3E%3Cpath class='st0' d='M-2376,2482h-13.8v38h13.6c6.6,0,12.2-1.9,16.1-5.5c3.8-3.5,5.8-8.5,5.7-13.7v-0.1 C-2354.5,2489.3-2362.9,2482-2376,2482z M-2364,2501.2c0,6.7-4.5,10.9-11.8,10.9h-4.7v-22h4.7c7.3,0,11.8,4.2,11.8,10.9 L-2364,2501.2z'/%3E%3Cpolygon class='st0' points='-2340.9,2505 -2325.1,2505 -2325.1,2497.4 -2340.9,2497.4 -2340.9,2489.6 -2322.4,2489.6 -2322.4,2481.9 -2350.1,2481.9 -2350.1,2520 -2322.2,2520 -2322.2,2512.4 -2340.9,2512.4 '/%3E%3Cpolygon class='st0' points='-2317.1,2481.9 -2317.1,2520 -2307.9,2520 -2307.9,2505.9 -2293,2505.9 -2293,2498.4 -2307.9,2498.4 -2307.9,2489.9 -2289.6,2489.9 -2289.6,2481.9 '/%3E%3Cpolygon class='st0' points='-2233,2482.1 -2242.2,2482.1 -2242.2,2520 -2216.3,2520 -2216.3,2512.2 -2233,2512.2 '/%3E%3Cpath class='st0' d='M-2197.1,2482h-13.7v38h13.5c6.7,0,12.2-1.9,16.1-5.5c3.8-3.5,5.8-8.5,5.7-13.7v-0.1 C-2175.5,2489.3-2184,2482-2197.1,2482z M-2185.1,2501.2c0,6.7-4.5,10.9-11.8,10.9h-4.7v-22h4.7c7.3,0,11.8,4.2,11.8,10.9V2501.2z' /%3E%3Cpath class='st0' d='M-2267.5,2481.7c-10.8,0-19.6,8.8-19.6,19.7c0,10.8,8.8,19.6,19.7,19.6c10.8,0,19.6-8.8,19.6-19.6l0,0 C-2247.8,2490.5-2256.6,2481.7-2267.5,2481.7C-2267.5,2481.7-2267.5,2481.7-2267.5,2481.7z M-2258,2507.9l-8.8,5.1 c-0.5,0.3-1.2,0.3-1.8,0l-8.8-5.1c-0.5-0.3-0.9-0.9-0.9-1.5v-10.2c0-0.6,0.3-1.2,0.9-1.5l8.8-5.1c0.5-0.3,1.2-0.3,1.8,0l8.8,5.1 c0.5,0.3,0.9,0.9,0.9,1.5v10.2C-2257.1,2507-2257.4,2507.6-2258,2507.9z'/%3E%3Cpath class='st0' d='M-2423.2,2494.6l-11.1,6.4l-11.1-6.4l11.1-6.4L-2423.2,2494.6z M-2412.1,2501v12.8l11.1-6.4L-2412.1,2501z M-2467.5,2507.4l11.1,6.4V2501L-2467.5,2507.4z M-2434.3,2526.6l11.1,6.4l11.1-6.4l-11.1-6.4l11.1-6.4l-11.1-6.4l-11.1,6.4 l-11.1-6.4l-11.1,6.4l11.1,6.4l-11.1,6.4l11.1,6.4L-2434.3,2526.6z'/%3E%3ClinearGradient id='SVGID_1_' gradientUnits='userSpaceOnUse' x1='-2451.2178' y1='2525.4604' x2='-2406.2178' y2='2499.6304' gradientTransform='matrix(1 0 0 -1 0 5004)'%3E%3Cstop offset='0' style='stop-color:%231C68EC'/%3E%3Cstop offset='1' style='stop-color:%2300E9DF'/%3E%3C/linearGradient%3E%3Cpath class='st1' d='M-2412.1,2513.8v12.8l-11.1-6.4L-2412.1,2513.8z M-2434.3,2513.8V2501l-11.1-6.4v12.8L-2434.3,2513.8z M-2445.4,2469v12.8l11.1-6.4L-2445.4,2469z M-2412.1,2488.2L-2412.1,2488.2 M-2423.2,2507.4l11.1,6.4V2501l11.1,6.4v-12.8 l-11.1-6.4v-12.8l0,0l-11.1-6.4v12.8l-11.1-6.4v12.8l11.1,6.4V2507.4z'/%3E%3ClinearGradient id='SVGID_2_' gradientUnits='userSpaceOnUse' x1='-2465.9385' y1='2521.2493' x2='-2423.5085' y2='2496.7893' gradientTransform='matrix(1 0 0 -1 0 5004)'%3E%3Cstop offset='0' style='stop-color:%23FF3C2A'/%3E%3Cstop offset='1' style='stop-color:%23FFD215'/%3E%3C/linearGradient%3E%3Cpath class='st2' d='M-2434.3,2513.8V2501l11.1-6.4v12.8L-2434.3,2513.8z M-2434.3,2475.4l11.1,6.4V2469L-2434.3,2475.4z M-2456.5,2488.2L-2456.5,2488.2 M-2445.4,2494.6l11.1-6.4v-12.8l-11.1,6.4V2469l-11.1,6.4l0,0v12.8l-11.1,6.4v12.8l11.1-6.4v12.8 l11.1-6.4V2494.6z M-2456.5,2513.8v12.8l11.1-6.4L-2456.5,2513.8z'/%3E%3C/svg%3E%0A");
+		background-image: url("druid_logo.png");
 	}
 	</style>
 </head>
--- a/docs/index.html
+++ b/docs/index.html
@@ -36,6 +36,7 @@
  <li><a href="modules/druid.button.html">druid.button</a></li>
  <li><a href="modules/druid.checkbox.html">druid.checkbox</a></li>
  <li><a href="modules/druid.checkbox_group.html">druid.checkbox_group</a></li>
+  <li><a href="modules/druid.drag.html">druid.drag</a></li>
  <li><a href="modules/druid.grid.html">druid.grid</a></li>
  <li><a href="modules/druid.hover.html">druid.hover</a></li>
  <li><a href="modules/druid.input.html">druid.input</a></li>
@@ -44,6 +45,7 @@
  <li><a href="modules/druid.radio_group.html">druid.radio_group</a></li>
  <li><a href="modules/druid.scroll.html">druid.scroll</a></li>
  <li><a href="modules/druid.slider.html">druid.slider</a></li>
+  <li><a href="modules/druid.swipe.html">druid.swipe</a></li>
  <li><a href="modules/druid.text.html">druid.text</a></li>
  <li><a href="modules/druid.timer.html">druid.timer</a></li>
  <li><a href="modules/component.html">component</a></li>
@@ -59,6 +61,7 @@
  <li><a href="topics/03-styles.md.html">Styles</a></li>
  <li><a href="topics/04-druid_assets.md.html">Druid assets</a></li>
  <li><a href="topics/05-examples.md.html">Examples</a></li>
+  <li><a href="topics/changelog.md.html">changelog</a></li>
  <li><a href="topics/README.md.html">README</a></li>
 </ul>

@@ -91,6 +94,10 @@
 		<td class="name"  nowrap><a href="modules/druid.checkbox_group.html">druid.checkbox_group</a></td>
 		<td class="summary">Checkbox group module</td>
 	</tr>
+	<tr>
+		<td class="name"  nowrap><a href="modules/druid.drag.html">druid.drag</a></td>
+		<td class="summary">Component to handle drag action on node.</td>
+	</tr>
 	<tr>
 		<td class="name"  nowrap><a href="modules/druid.grid.html">druid.grid</a></td>
 		<td class="summary">Component to handle placing components by row and columns.</td>
@@ -124,6 +131,10 @@
 		<td class="name"  nowrap><a href="modules/druid.slider.html">druid.slider</a></td>
 		<td class="summary">Druid slider component</td>
 	</tr>
+	<tr>
+		<td class="name"  nowrap><a href="modules/druid.swipe.html">druid.swipe</a></td>
+		<td class="summary">Component to handle swipe gestures on node.</td>
+	</tr>
 	<tr>
 		<td class="name"  nowrap><a href="modules/druid.text.html">druid.text</a></td>
 		<td class="summary">Component to handle all GUI texts.</td>
@@ -175,6 +186,10 @@
 		<td class="name"  nowrap><a href="topics/05-examples.md.html">05-examples.md</a></td>
 		<td class="summary"></td>
 	</tr>
+	<tr>
+		<td class="name"  nowrap><a href="topics/changelog.md.html">changelog.md</a></td>
+		<td class="summary"></td>
+	</tr>
 	<tr>
 		<td class="name"  nowrap><a href="topics/README.md.html">README.md</a></td>
 		<td class="summary"></td>
@@ -185,7 +200,7 @@
 </div> <!-- id="main" -->
 <div id="about">
 <i>generated by <a href="http://github.com/stevedonovan/LDoc">LDoc 1.4.6</a></i>
-<i style="float:right;">Last updated 2020-04-13 19:36:00 </i>
+<i style="float:right;">Last updated 2020-05-09 16:07:15 </i>
 </div> <!-- id="about" -->
 </div> <!-- id="container" -->
 </body>
--- a/docs/modules/component.html
+++ b/docs/modules/component.html
@@ -43,6 +43,7 @@
  <li><a href="../modules/druid.button.html">druid.button</a></li>
  <li><a href="../modules/druid.checkbox.html">druid.checkbox</a></li>
  <li><a href="../modules/druid.checkbox_group.html">druid.checkbox_group</a></li>
+  <li><a href="../modules/druid.drag.html">druid.drag</a></li>
  <li><a href="../modules/druid.grid.html">druid.grid</a></li>
  <li><a href="../modules/druid.hover.html">druid.hover</a></li>
  <li><a href="../modules/druid.input.html">druid.input</a></li>
@@ -51,6 +52,7 @@
  <li><a href="../modules/druid.radio_group.html">druid.radio_group</a></li>
  <li><a href="../modules/druid.scroll.html">druid.scroll</a></li>
  <li><a href="../modules/druid.slider.html">druid.slider</a></li>
+  <li><a href="../modules/druid.swipe.html">druid.swipe</a></li>
  <li><a href="../modules/druid.text.html">druid.text</a></li>
  <li><a href="../modules/druid.timer.html">druid.timer</a></li>
  <li><strong>component</strong></li>
@@ -66,6 +68,7 @@
  <li><a href="../topics/03-styles.md.html">Styles</a></li>
  <li><a href="../topics/04-druid_assets.md.html">Druid assets</a></li>
  <li><a href="../topics/05-examples.md.html">Examples</a></li>
+  <li><a href="../topics/changelog.md.html">changelog</a></li>
  <li><a href="../topics/README.md.html">README</a></li>
 </ul>

@@ -80,13 +83,9 @@

 <h2><a href="#Functions">Functions</a></h2>
 <table class="function_list">
-	<tr>
-	<td class="name" nowrap><a href="#get_style">get_style()</a></td>
-	<td class="summary">Get current component style table</td>
-	</tr>
 	<tr>
 	<td class="name" nowrap><a href="#set_style">set_style(style)</a></td>
-	<td class="summary">Set current component style table</td>
+	<td class="summary">Set current component style table.</td>
 	</tr>
 	<tr>
 	<td class="name" nowrap><a href="#get_template">get_template()</a></td>
@@ -117,6 +116,14 @@
 	<td class="summary">Get current component interests</td>
 	</tr>
 	<tr>
+	<td class="name" nowrap><a href="#increase_input_priority">increase_input_priority()</a></td>
+	<td class="summary">Increase input priority in current input stack</td>
+	</tr>
+	<tr>
+	<td class="name" nowrap><a href="#reset_input_priority">reset_input_priority()</a></td>
+	<td class="summary">Reset input priority in current input stack</td>
+	</tr>
+	<tr>
 	<td class="name" nowrap><a href="#get_node">get_node(node_or_name)</a></td>
 	<td class="summary">Get node for component by name.</td>
 	</tr>
@@ -125,11 +132,19 @@
 	<td class="summary">Return druid with context of calling component.</td>
 	</tr>
 	<tr>
-	<td class="name" nowrap><a href="#setup_component">setup_component(table, table)</a></td>
+	<td class="name" nowrap><a href="#is_child_of">is_child_of()</a></td>
+	<td class="summary">Return true, if current component is child of another component</td>
+	</tr>
+	<tr>
+	<td class="name" nowrap><a href="#get_name">get_name()</a></td>
+	<td class="summary">Return component name</td>
+	</tr>
+	<tr>
+	<td class="name" nowrap><a href="#setup_component">setup_component(table, table, table)</a></td>
 	<td class="summary">Setup component context and his style table</td>
 	</tr>
 	<tr>
-	<td class="name" nowrap><a href="#Component.create">Component.create(name, interest)</a></td>
+	<td class="name" nowrap><a href="#Component.create">Component.create(name[, interest={}])</a></td>
 	<td class="summary">Create new component.</td>
 	</tr>
 </table>
@@ -141,32 +156,14 @@
    <h2 class="section-header "><a name="Functions"></a>Functions</h2>

    <dl class="function">
-    <dt>
-    <a name = "get_style"></a>
-    <strong>get_style()</strong>
-    </dt>
-    <dd>
-    Get current component style table
-
-
-
-    <h3>Returns:</h3>
-    <ol>
-
-           <span class="types"><a class="type" href="https://www.lua.org/manual/5.3/manual.html#6.6">table</a></span>
-        Component style table
-    </ol>
-
-
-
-
-</dd>
    <dt>
    <a name = "set_style"></a>
    <strong>set_style(style)</strong>
    </dt>
    <dd>
-    Set current component style table
+    Set current component style table.
+ Invoke <code>on_style_change</code> on component, if exist. Component should handle
+ their style changing and store all style params


    <h3>Parameters:</h3>
@@ -324,6 +321,34 @@



+</dd>
+    <dt>
+    <a name = "increase_input_priority"></a>
+    <strong>increase_input_priority()</strong>
+    </dt>
+    <dd>
+    Increase input priority in current input stack
+
+
+
+
+
+
+
+</dd>
+    <dt>
+    <a name = "reset_input_priority"></a>
+    <strong>reset_input_priority()</strong>
+    </dt>
+    <dd>
+    Reset input priority in current input stack
+
+
+
+
+
+
+
 </dd>
    <dt>
    <a name = "get_node"></a>
@@ -375,10 +400,50 @@



+</dd>
+    <dt>
+    <a name = "is_child_of"></a>
+    <strong>is_child_of()</strong>
+    </dt>
+    <dd>
+    Return true, if current component is child of another component
+
+
+
+    <h3>Returns:</h3>
+    <ol>
+
+           <span class="types"><span class="type">bool</span></span>
+        True, if current component is child of another
+    </ol>
+
+
+
+
+</dd>
+    <dt>
+    <a name = "get_name"></a>
+    <strong>get_name()</strong>
+    </dt>
+    <dd>
+    Return component name
+
+
+
+    <h3>Returns:</h3>
+    <ol>
+
+           <span class="types"><a class="type" href="https://www.lua.org/manual/5.3/manual.html#6.4">string</a></span>
+        The component name
+    </ol>
+
+
+
+
 </dd>
    <dt>
    <a name = "setup_component"></a>
-    <strong>setup_component(table, table)</strong>
+    <strong>setup_component(table, table, table)</strong>
    </dt>
    <dd>
    Setup component context and his style table
@@ -394,6 +459,10 @@
            <span class="types"><span class="type">style</span></span>
         Druid style module
        </li>
+        <li><span class="parameter">table</span>
+            <span class="types"><span class="type">style</span></span>
+         Druid style module
+        </li>
    </ul>

    <h3>Returns:</h3>
@@ -409,7 +478,7 @@
 </dd>
    <dt>
    <a name = "Component.create"></a>
-    <strong>Component.create(name, interest)</strong>
+    <strong>Component.create(name[, interest={}])</strong>
    </dt>
    <dd>
    Create new component.  It will inheritance from basic
@@ -425,6 +494,7 @@
        <li><span class="parameter">interest</span>
            <span class="types"><a class="type" href="https://www.lua.org/manual/5.3/manual.html#6.6">table</a></span>
         List of component's interest
+         (<em>default</em> {})
        </li>
    </ul>

@@ -440,7 +510,7 @@
 </div> <!-- id="main" -->
 <div id="about">
 <i>generated by <a href="http://github.com/stevedonovan/LDoc">LDoc 1.4.6</a></i>
-<i style="float:right;">Last updated 2020-04-13 19:36:00 </i>
+<i style="float:right;">Last updated 2020-05-09 16:07:15 </i>
 </div> <!-- id="about" -->
 </div> <!-- id="container" -->
 </body>
--- a/docs/modules/druid.back_handler.html
+++ b/docs/modules/druid.back_handler.html
@@ -44,6 +44,7 @@
  <li><a href="../modules/druid.button.html">druid.button</a></li>
  <li><a href="../modules/druid.checkbox.html">druid.checkbox</a></li>
  <li><a href="../modules/druid.checkbox_group.html">druid.checkbox_group</a></li>
+  <li><a href="../modules/druid.drag.html">druid.drag</a></li>
  <li><a href="../modules/druid.grid.html">druid.grid</a></li>
  <li><a href="../modules/druid.hover.html">druid.hover</a></li>
  <li><a href="../modules/druid.input.html">druid.input</a></li>
@@ -52,6 +53,7 @@
  <li><a href="../modules/druid.radio_group.html">druid.radio_group</a></li>
  <li><a href="../modules/druid.scroll.html">druid.scroll</a></li>
  <li><a href="../modules/druid.slider.html">druid.slider</a></li>
+  <li><a href="../modules/druid.swipe.html">druid.swipe</a></li>
  <li><a href="../modules/druid.text.html">druid.text</a></li>
  <li><a href="../modules/druid.timer.html">druid.timer</a></li>
  <li><a href="../modules/component.html">component</a></li>
@@ -67,6 +69,7 @@
  <li><a href="../topics/03-styles.md.html">Styles</a></li>
  <li><a href="../topics/04-druid_assets.md.html">Druid assets</a></li>
  <li><a href="../topics/05-examples.md.html">Examples</a></li>
+  <li><a href="../topics/changelog.md.html">changelog</a></li>
  <li><a href="../topics/README.md.html">README</a></li>
 </ul>

@@ -215,7 +218,7 @@
 </div> <!-- id="main" -->
 <div id="about">
 <i>generated by <a href="http://github.com/stevedonovan/LDoc">LDoc 1.4.6</a></i>
-<i style="float:right;">Last updated 2020-04-13 19:36:00 </i>
+<i style="float:right;">Last updated 2020-05-09 16:07:15 </i>
 </div> <!-- id="about" -->
 </div> <!-- id="container" -->
 </body>
--- a/docs/modules/druid.blocker.html
+++ b/docs/modules/druid.blocker.html
@@ -44,6 +44,7 @@
  <li><a href="../modules/druid.button.html">druid.button</a></li>
  <li><a href="../modules/druid.checkbox.html">druid.checkbox</a></li>
  <li><a href="../modules/druid.checkbox_group.html">druid.checkbox_group</a></li>
+  <li><a href="../modules/druid.drag.html">druid.drag</a></li>
  <li><a href="../modules/druid.grid.html">druid.grid</a></li>
  <li><a href="../modules/druid.hover.html">druid.hover</a></li>
  <li><a href="../modules/druid.input.html">druid.input</a></li>
@@ -52,6 +53,7 @@
  <li><a href="../modules/druid.radio_group.html">druid.radio_group</a></li>
  <li><a href="../modules/druid.scroll.html">druid.scroll</a></li>
  <li><a href="../modules/druid.slider.html">druid.slider</a></li>
+  <li><a href="../modules/druid.swipe.html">druid.swipe</a></li>
  <li><a href="../modules/druid.text.html">druid.text</a></li>
  <li><a href="../modules/druid.timer.html">druid.timer</a></li>
  <li><a href="../modules/component.html">component</a></li>
@@ -67,6 +69,7 @@
  <li><a href="../topics/03-styles.md.html">Styles</a></li>
  <li><a href="../topics/04-druid_assets.md.html">Druid assets</a></li>
  <li><a href="../topics/05-examples.md.html">Examples</a></li>
+  <li><a href="../topics/changelog.md.html">changelog</a></li>
  <li><a href="../topics/README.md.html">README</a></li>
 </ul>

@@ -234,7 +237,7 @@
 </div> <!-- id="main" -->
 <div id="about">
 <i>generated by <a href="http://github.com/stevedonovan/LDoc">LDoc 1.4.6</a></i>
-<i style="float:right;">Last updated 2020-04-13 19:36:00 </i>
+<i style="float:right;">Last updated 2020-05-09 16:07:15 </i>
 </div> <!-- id="about" -->
 </div> <!-- id="container" -->
 </body>
--- a/docs/modules/druid.button.html
+++ b/docs/modules/druid.button.html
@@ -44,6 +44,7 @@
  <li><strong>druid.button</strong></li>
  <li><a href="../modules/druid.checkbox.html">druid.checkbox</a></li>
  <li><a href="../modules/druid.checkbox_group.html">druid.checkbox_group</a></li>
+  <li><a href="../modules/druid.drag.html">druid.drag</a></li>
  <li><a href="../modules/druid.grid.html">druid.grid</a></li>
  <li><a href="../modules/druid.hover.html">druid.hover</a></li>
  <li><a href="../modules/druid.input.html">druid.input</a></li>
@@ -52,6 +53,7 @@
  <li><a href="../modules/druid.radio_group.html">druid.radio_group</a></li>
  <li><a href="../modules/druid.scroll.html">druid.scroll</a></li>
  <li><a href="../modules/druid.slider.html">druid.slider</a></li>
+  <li><a href="../modules/druid.swipe.html">druid.swipe</a></li>
  <li><a href="../modules/druid.text.html">druid.text</a></li>
  <li><a href="../modules/druid.timer.html">druid.timer</a></li>
  <li><a href="../modules/component.html">component</a></li>
@@ -67,6 +69,7 @@
  <li><a href="../topics/03-styles.md.html">Styles</a></li>
  <li><a href="../topics/04-druid_assets.md.html">Druid assets</a></li>
  <li><a href="../topics/05-examples.md.html">Examples</a></li>
+  <li><a href="../topics/changelog.md.html">changelog</a></li>
  <li><a href="../topics/README.md.html">README</a></li>
 </ul>

@@ -96,11 +99,11 @@
 	<td class="summary">Return button enabled state</td>
 	</tr>
 	<tr>
-	<td class="name" nowrap><a href="#set_click_zone">set_click_zone(zone)</a></td>
+	<td class="name" nowrap><a href="#set_click_zone">set_click_zone(zone, Self)</a></td>
 	<td class="summary">Strict button click area.</td>
 	</tr>
 	<tr>
-	<td class="name" nowrap><a href="#set_key_trigger">set_key_trigger(key)</a></td>
+	<td class="name" nowrap><a href="#set_key_trigger">set_key_trigger(key, Self)</a></td>
 	<td class="summary">Set key-code to trigger this button</td>
 	</tr>
 	<tr>
@@ -120,7 +123,7 @@
 	</tr>
 	<tr>
 	<td class="name" nowrap><a href="#Style">Style</a></td>
-	<td class="summary">Component style params</td>
+	<td class="summary">Component style params.</td>
 	</tr>
 </table>

@@ -209,7 +212,7 @@
 </dd>
    <dt>
    <a name = "set_click_zone"></a>
-    <strong>set_click_zone(zone)</strong>
+    <strong>set_click_zone(zone, Self)</strong>
    </dt>
    <dd>
    Strict button click area.  Useful for
@@ -222,6 +225,10 @@
            <span class="types"><span class="type">node</span></span>
         Gui node
        </li>
+        <li><span class="parameter">Self</span>
+            <span class="types"><span class="type">druid.button</span></span>
+         instance to make chain calls
+        </li>
    </ul>


@@ -231,7 +238,7 @@
 </dd>
    <dt>
    <a name = "set_key_trigger"></a>
-    <strong>set_key_trigger(key)</strong>
+    <strong>set_key_trigger(key, Self)</strong>
    </dt>
    <dd>
    Set key-code to trigger this button
@@ -243,6 +250,10 @@
            <span class="types"><span class="type">hash</span></span>
         The action_id of the key
        </li>
+        <li><span class="parameter">Self</span>
+            <span class="types"><span class="type">druid.button</span></span>
+         instance to make chain calls
+        </li>
    </ul>


@@ -304,6 +315,10 @@
            <span class="types"><span class="type">druid_event</span></span>
         (self, params, button<em>instance, time) On button hold before long</em>click callback
        </li>
+        <li><span class="parameter">on_click_outside</span>
+            <span class="types"><span class="type">druid_event</span></span>
+         (self, params, button_instance) On click outside of button
+        </li>
    </ul>


@@ -334,6 +349,10 @@
            <span class="types"><span class="type">vector3</span></span>
         Initial scale of anim_node
        </li>
+        <li><span class="parameter">start_pos</span>
+            <span class="types"><span class="type">vector3</span></span>
+         Initial pos of anim_node
+        </li>
        <li><span class="parameter">pos</span>
            <span class="types"><span class="type">vector3</span></span>
         Initial pos of anim_node
@@ -363,11 +382,28 @@
    <strong>Style</strong>
    </dt>
    <dd>
-    Component style params
+    Component style params.
+ You can override this component styles params in druid styles table
+ or create your own style


    <h3>Fields:</h3>
    <ul>
+        <li><span class="parameter">LONGTAP_TIME</span>
+            <span class="types"><span class="type">number</span></span>
+         Minimum time to trigger on<em>hold</em>callback
+         (<em>default</em> 0.4)
+        </li>
+        <li><span class="parameter">AUTOHOLD_TRIGGER</span>
+            <span class="types"><span class="type">number</span></span>
+         Maximum hold time to trigger button release while holding
+         (<em>default</em> 0.8)
+        </li>
+        <li><span class="parameter">DOUBLETAP_TIME</span>
+            <span class="types"><span class="type">number</span></span>
+         Time between double taps
+         (<em>default</em> 0.4)
+        </li>
        <li><span class="parameter">on_click</span>
            <span class="types"><span class="type">function</span></span>
         (self, node)
@@ -380,15 +416,13 @@
            <span class="types"><span class="type">function</span></span>
         (self, node, hover_state)
        </li>
+        <li><span class="parameter">on_mouse_hover</span>
+            <span class="types"><span class="type">function</span></span>
+         (self, node, hover_state)
+        </li>
        <li><span class="parameter">on_set_enabled</span>
            <span class="types"><span class="type">function</span></span>
         (self, node, enabled_state)
-        </li>
-        <li><span class="parameter">IS_HOVER</span>
-            <span class="types"><span class="type">bool</span></span>
-
-
-
        </li>
    </ul>

@@ -404,7 +438,7 @@
 </div> <!-- id="main" -->
 <div id="about">
 <i>generated by <a href="http://github.com/stevedonovan/LDoc">LDoc 1.4.6</a></i>
-<i style="float:right;">Last updated 2020-04-13 19:36:00 </i>
+<i style="float:right;">Last updated 2020-05-09 16:07:15 </i>
 </div> <!-- id="about" -->
 </div> <!-- id="container" -->
 </body>
--- a/docs/modules/druid.checkbox.html
+++ b/docs/modules/druid.checkbox.html
@@ -44,6 +44,7 @@
  <li><a href="../modules/druid.button.html">druid.button</a></li>
  <li><strong>druid.checkbox</strong></li>
  <li><a href="../modules/druid.checkbox_group.html">druid.checkbox_group</a></li>
+  <li><a href="../modules/druid.drag.html">druid.drag</a></li>
  <li><a href="../modules/druid.grid.html">druid.grid</a></li>
  <li><a href="../modules/druid.hover.html">druid.hover</a></li>
  <li><a href="../modules/druid.input.html">druid.input</a></li>
@@ -52,6 +53,7 @@
  <li><a href="../modules/druid.radio_group.html">druid.radio_group</a></li>
  <li><a href="../modules/druid.scroll.html">druid.scroll</a></li>
  <li><a href="../modules/druid.slider.html">druid.slider</a></li>
+  <li><a href="../modules/druid.swipe.html">druid.swipe</a></li>
  <li><a href="../modules/druid.text.html">druid.text</a></li>
  <li><a href="../modules/druid.timer.html">druid.timer</a></li>
  <li><a href="../modules/component.html">component</a></li>
@@ -67,6 +69,7 @@
  <li><a href="../topics/03-styles.md.html">Styles</a></li>
  <li><a href="../topics/04-druid_assets.md.html">Druid assets</a></li>
  <li><a href="../topics/05-examples.md.html">Examples</a></li>
+  <li><a href="../topics/changelog.md.html">changelog</a></li>
  <li><a href="../topics/README.md.html">README</a></li>
 </ul>

@@ -108,7 +111,7 @@
 	</tr>
 	<tr>
 	<td class="name" nowrap><a href="#Style">Style</a></td>
-	<td class="summary">Component style params</td>
+	<td class="summary">Component style params.</td>
 	</tr>
 </table>

@@ -254,7 +257,9 @@
    <strong>Style</strong>
    </dt>
    <dd>
-    Component style params
+    Component style params.
+ You can override this component styles params in druid styles table
+ or create your own style


    <h3>Fields:</h3>
@@ -277,7 +282,7 @@
 </div> <!-- id="main" -->
 <div id="about">
 <i>generated by <a href="http://github.com/stevedonovan/LDoc">LDoc 1.4.6</a></i>
-<i style="float:right;">Last updated 2020-04-13 19:36:00 </i>
+<i style="float:right;">Last updated 2020-05-09 16:07:15 </i>
 </div> <!-- id="about" -->
 </div> <!-- id="container" -->
 </body>
--- a/docs/modules/druid.checkbox_group.html
+++ b/docs/modules/druid.checkbox_group.html
@@ -44,6 +44,7 @@
  <li><a href="../modules/druid.button.html">druid.button</a></li>
  <li><a href="../modules/druid.checkbox.html">druid.checkbox</a></li>
  <li><strong>druid.checkbox_group</strong></li>
+  <li><a href="../modules/druid.drag.html">druid.drag</a></li>
  <li><a href="../modules/druid.grid.html">druid.grid</a></li>
  <li><a href="../modules/druid.hover.html">druid.hover</a></li>
  <li><a href="../modules/druid.input.html">druid.input</a></li>
@@ -52,6 +53,7 @@
  <li><a href="../modules/druid.radio_group.html">druid.radio_group</a></li>
  <li><a href="../modules/druid.scroll.html">druid.scroll</a></li>
  <li><a href="../modules/druid.slider.html">druid.slider</a></li>
+  <li><a href="../modules/druid.swipe.html">druid.swipe</a></li>
  <li><a href="../modules/druid.text.html">druid.text</a></li>
  <li><a href="../modules/druid.timer.html">druid.timer</a></li>
  <li><a href="../modules/component.html">component</a></li>
@@ -67,6 +69,7 @@
  <li><a href="../topics/03-styles.md.html">Styles</a></li>
  <li><a href="../topics/04-druid_assets.md.html">Druid assets</a></li>
  <li><a href="../topics/05-examples.md.html">Examples</a></li>
+  <li><a href="../topics/changelog.md.html">changelog</a></li>
  <li><a href="../topics/README.md.html">README</a></li>
 </ul>

@@ -239,7 +242,7 @@
 </div> <!-- id="main" -->
 <div id="about">
 <i>generated by <a href="http://github.com/stevedonovan/LDoc">LDoc 1.4.6</a></i>
-<i style="float:right;">Last updated 2020-04-13 19:36:00 </i>
+<i style="float:right;">Last updated 2020-05-09 16:07:15 </i>
 </div> <!-- id="about" -->
 </div> <!-- id="container" -->
 </body>
--- a/docs/modules/druid.drag.html
+++ b/docs/modules/druid.drag.html
@@ -0,0 +1,289 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
+   "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html>
+<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
+<head>
+    <title>Defold Druid UI Library</title>
+    <link rel="stylesheet" href="../ldoc_fixed.css" type="text/css" />
+</head>
+<body>
+
+<div id="container">
+
+<div id="product">
+	<div id="product_logo"></div>
+	<div id="product_name"><big><b></b></big></div>
+	<div id="product_description"></div>
+</div> <!-- id="product" -->
+
+
+<div id="main">
+
+
+<!-- Menu -->
+
+<div id="navigation">
+<br/>
+<h1>Druid</h1>
+
+<ul>
+  <li><a href="../index.html">Index</a></li>
+</ul>
+
+<h2>Contents</h2>
+<ul>
+<li><a href="#Functions">Functions</a></li>
+<li><a href="#Tables">Tables</a></li>
+</ul>
+
+
+<h2>Modules</h2>
+<ul class="nowrap">
+  <li><a href="../modules/druid.back_handler.html">druid.back_handler</a></li>
+  <li><a href="../modules/druid.blocker.html">druid.blocker</a></li>
+  <li><a href="../modules/druid.button.html">druid.button</a></li>
+  <li><a href="../modules/druid.checkbox.html">druid.checkbox</a></li>
+  <li><a href="../modules/druid.checkbox_group.html">druid.checkbox_group</a></li>
+  <li><strong>druid.drag</strong></li>
+  <li><a href="../modules/druid.grid.html">druid.grid</a></li>
+  <li><a href="../modules/druid.hover.html">druid.hover</a></li>
+  <li><a href="../modules/druid.input.html">druid.input</a></li>
+  <li><a href="../modules/druid.lang_text.html">druid.lang_text</a></li>
+  <li><a href="../modules/druid.progress.html">druid.progress</a></li>
+  <li><a href="../modules/druid.radio_group.html">druid.radio_group</a></li>
+  <li><a href="../modules/druid.scroll.html">druid.scroll</a></li>
+  <li><a href="../modules/druid.slider.html">druid.slider</a></li>
+  <li><a href="../modules/druid.swipe.html">druid.swipe</a></li>
+  <li><a href="../modules/druid.text.html">druid.text</a></li>
+  <li><a href="../modules/druid.timer.html">druid.timer</a></li>
+  <li><a href="../modules/component.html">component</a></li>
+  <li><a href="../modules/druid.html">druid</a></li>
+  <li><a href="../modules/druid_event.html">druid_event</a></li>
+  <li><a href="../modules/druid.helper.html">druid.helper</a></li>
+  <li><a href="../modules/druid_instance.html">druid_instance</a></li>
+</ul>
+<h2>Topics</h2>
+<ul class="">
+  <li><a href="../topics/01-components.md.html">01-components</a></li>
+  <li><a href="../topics/02-creating_custom_components.md.html">Creating custom components</a></li>
+  <li><a href="../topics/03-styles.md.html">Styles</a></li>
+  <li><a href="../topics/04-druid_assets.md.html">Druid assets</a></li>
+  <li><a href="../topics/05-examples.md.html">Examples</a></li>
+  <li><a href="../topics/changelog.md.html">changelog</a></li>
+  <li><a href="../topics/README.md.html">README</a></li>
+</ul>
+
+</div>
+
+<div id="content">
+
+<h1>Module <code>druid.drag</code></h1>
+<p>Component to handle drag action on node.</p>
+<p> Drag have correct handling for multitouch and swap
+ touched while dragging. Drag will be processed even
+ the cursor is outside of node, if drag is already started</p>
+
+
+<h2><a href="#Functions">Functions</a></h2>
+<table class="function_list">
+	<tr>
+	<td class="name" nowrap><a href="#init">init(node, on_drag_callback)</a></td>
+	<td class="summary">Drag component constructor</td>
+	</tr>
+	<tr>
+	<td class="name" nowrap><a href="#set_click_zone">set_click_zone(zone)</a></td>
+	<td class="summary">Strict drag click area.</td>
+	</tr>
+</table>
+<h2><a href="#Tables">Tables</a></h2>
+<table class="function_list">
+	<tr>
+	<td class="name" nowrap><a href="#Events">Events</a></td>
+	<td class="summary">Component events</td>
+	</tr>
+	<tr>
+	<td class="name" nowrap><a href="#Fields">Fields</a></td>
+	<td class="summary">Components fields</td>
+	</tr>
+	<tr>
+	<td class="name" nowrap><a href="#Style">Style</a></td>
+	<td class="summary">Component style params.</td>
+	</tr>
+</table>
+
+<br/>
+<br/>
+
+
+    <h2 class="section-header "><a name="Functions"></a>Functions</h2>
+
+    <dl class="function">
+    <dt>
+    <a name = "init"></a>
+    <strong>init(node, on_drag_callback)</strong>
+    </dt>
+    <dd>
+    Drag component constructor
+
+
+    <h3>Parameters:</h3>
+    <ul>
+        <li><span class="parameter">node</span>
+            <span class="types"><span class="type">node</span></span>
+         GUI node to detect dragging
+        </li>
+        <li><span class="parameter">on_drag_callback</span>
+            <span class="types"><span class="type">function</span></span>
+         Callback for on<em>drag</em>event(self, dx, dy)
+        </li>
+    </ul>
+
+
+
+
+
+</dd>
+    <dt>
+    <a name = "set_click_zone"></a>
+    <strong>set_click_zone(zone)</strong>
+    </dt>
+    <dd>
+    Strict drag click area.  Useful for
+ restrict events outside stencil node
+
+
+    <h3>Parameters:</h3>
+    <ul>
+        <li><span class="parameter">zone</span>
+            <span class="types"><span class="type">node</span></span>
+         Gui node
+        </li>
+    </ul>
+
+
+
+
+
+</dd>
+</dl>
+    <h2 class="section-header "><a name="Tables"></a>Tables</h2>
+
+    <dl class="function">
+    <dt>
+    <a name = "Events"></a>
+    <strong>Events</strong>
+    </dt>
+    <dd>
+    Component events
+
+
+    <h3>Fields:</h3>
+    <ul>
+        <li><span class="parameter">on_touch_start</span>
+            <span class="types"><span class="type">druid_event</span></span>
+         (self) Event on touch start
+        </li>
+        <li><span class="parameter">on_touch_end</span>
+            <span class="types"><span class="type">druid_event</span></span>
+         (self) Event on touch end
+        </li>
+        <li><span class="parameter">on_drag_start</span>
+            <span class="types"><span class="type">druid_event</span></span>
+         (self) Event on drag start
+        </li>
+        <li><span class="parameter">on_drag</span>
+            <span class="types"><span class="type">druid_event</span></span>
+         (self, dx, dy) Event on drag progress
+        </li>
+        <li><span class="parameter">on_drag_end</span>
+            <span class="types"><span class="type">druid_event</span></span>
+         (self) Event on drag end
+        </li>
+    </ul>
+
+
+
+
+
+</dd>
+    <dt>
+    <a name = "Fields"></a>
+    <strong>Fields</strong>
+    </dt>
+    <dd>
+    Components fields
+
+
+    <h3>Fields:</h3>
+    <ul>
+        <li><span class="parameter">is_touch</span>
+            <span class="types"><span class="type">bool</span></span>
+         Is component now touching
+        </li>
+        <li><span class="parameter">is_drag</span>
+            <span class="types"><span class="type">bool</span></span>
+         Is component now dragging
+        </li>
+        <li><span class="parameter">can_x</span>
+            <span class="types"><span class="type">bool</span></span>
+         Is drag component process vertical dragging. Default - true
+        </li>
+        <li><span class="parameter">can_y</span>
+            <span class="types"><span class="type">bool</span></span>
+         Is drag component process horizontal. Default - true
+        </li>
+        <li><span class="parameter">x</span>
+            <span class="types"><span class="type">number</span></span>
+         Current touch x position
+        </li>
+        <li><span class="parameter">y</span>
+            <span class="types"><span class="type">number</span></span>
+         Current touch y position
+        </li>
+        <li><span class="parameter">touch_start_pos</span>
+            <span class="types"><span class="type">vector3</span></span>
+         Touch start position
+        </li>
+    </ul>
+
+
+
+
+
+</dd>
+    <dt>
+    <a name = "Style"></a>
+    <strong>Style</strong>
+    </dt>
+    <dd>
+    Component style params.
+ You can override this component styles params in druid styles table
+ or create your own style
+
+
+    <h3>Fields:</h3>
+    <ul>
+        <li><span class="parameter">DRAG_DEADZONE</span>
+            <span class="types"><span class="type">number</span></span>
+         Distance in pixels to start dragging
+         (<em>default</em> 10)
+        </li>
+    </ul>
+
+
+
+
+
+</dd>
+</dl>
+
+
+</div> <!-- id="content" -->
+</div> <!-- id="main" -->
+<div id="about">
+<i>generated by <a href="http://github.com/stevedonovan/LDoc">LDoc 1.4.6</a></i>
+<i style="float:right;">Last updated 2020-05-09 16:07:15 </i>
+</div> <!-- id="about" -->
+</div> <!-- id="container" -->
+</body>
+</html>
--- a/docs/modules/druid.grid.html
+++ b/docs/modules/druid.grid.html
@@ -44,6 +44,7 @@
  <li><a href="../modules/druid.button.html">druid.button</a></li>
  <li><a href="../modules/druid.checkbox.html">druid.checkbox</a></li>
  <li><a href="../modules/druid.checkbox_group.html">druid.checkbox_group</a></li>
+  <li><a href="../modules/druid.drag.html">druid.drag</a></li>
  <li><strong>druid.grid</strong></li>
  <li><a href="../modules/druid.hover.html">druid.hover</a></li>
  <li><a href="../modules/druid.input.html">druid.input</a></li>
@@ -52,6 +53,7 @@
  <li><a href="../modules/druid.radio_group.html">druid.radio_group</a></li>
  <li><a href="../modules/druid.scroll.html">druid.scroll</a></li>
  <li><a href="../modules/druid.slider.html">druid.slider</a></li>
+  <li><a href="../modules/druid.swipe.html">druid.swipe</a></li>
  <li><a href="../modules/druid.text.html">druid.text</a></li>
  <li><a href="../modules/druid.timer.html">druid.timer</a></li>
  <li><a href="../modules/component.html">component</a></li>
@@ -67,6 +69,7 @@
  <li><a href="../topics/03-styles.md.html">Styles</a></li>
  <li><a href="../topics/04-druid_assets.md.html">Druid assets</a></li>
  <li><a href="../topics/05-examples.md.html">Examples</a></li>
+  <li><a href="../topics/changelog.md.html">changelog</a></li>
  <li><a href="../topics/README.md.html">README</a></li>
 </ul>

@@ -107,7 +110,7 @@
 	</tr>
 	<tr>
 	<td class="name" nowrap><a href="#clear">clear()</a></td>
-	<td class="summary">Clear all items from the grid</td>
+	<td class="summary">Clear grid nodes array.</td>
 	</tr>
 </table>
 <h2><a href="#Tables">Tables</a></h2>
@@ -272,7 +275,8 @@
    <strong>clear()</strong>
    </dt>
    <dd>
-    Clear all items from the grid
+    Clear grid nodes array.  GUI nodes will be not deleted!
+ If you want to delete GUI nodes, use grid.nodes array before grid:clear



@@ -370,7 +374,7 @@
 </div> <!-- id="main" -->
 <div id="about">
 <i>generated by <a href="http://github.com/stevedonovan/LDoc">LDoc 1.4.6</a></i>
-<i style="float:right;">Last updated 2020-04-13 19:36:00 </i>
+<i style="float:right;">Last updated 2020-05-09 16:07:15 </i>
 </div> <!-- id="about" -->
 </div> <!-- id="container" -->
 </body>
--- a/docs/modules/druid.helper.html
+++ b/docs/modules/druid.helper.html
@@ -43,6 +43,7 @@
  <li><a href="../modules/druid.button.html">druid.button</a></li>
  <li><a href="../modules/druid.checkbox.html">druid.checkbox</a></li>
  <li><a href="../modules/druid.checkbox_group.html">druid.checkbox_group</a></li>
+  <li><a href="../modules/druid.drag.html">druid.drag</a></li>
  <li><a href="../modules/druid.grid.html">druid.grid</a></li>
  <li><a href="../modules/druid.hover.html">druid.hover</a></li>
  <li><a href="../modules/druid.input.html">druid.input</a></li>
@@ -51,6 +52,7 @@
  <li><a href="../modules/druid.radio_group.html">druid.radio_group</a></li>
  <li><a href="../modules/druid.scroll.html">druid.scroll</a></li>
  <li><a href="../modules/druid.slider.html">druid.slider</a></li>
+  <li><a href="../modules/druid.swipe.html">druid.swipe</a></li>
  <li><a href="../modules/druid.text.html">druid.text</a></li>
  <li><a href="../modules/druid.timer.html">druid.timer</a></li>
  <li><a href="../modules/component.html">component</a></li>
@@ -66,6 +68,7 @@
  <li><a href="../topics/03-styles.md.html">Styles</a></li>
  <li><a href="../topics/04-druid_assets.md.html">Druid assets</a></li>
  <li><a href="../topics/05-examples.md.html">Examples</a></li>
+  <li><a href="../topics/changelog.md.html">changelog</a></li>
  <li><a href="../topics/README.md.html">README</a></li>
 </ul>

@@ -98,6 +101,18 @@
 	<td class="name" nowrap><a href="#get_pivot_offset">get_pivot_offset(pivot)</a></td>
 	<td class="summary">Get node offset for given gui pivot</td>
 	</tr>
+	<tr>
+	<td class="name" nowrap><a href="#helper..is_mobile">helper..is_mobile()</a></td>
+	<td class="summary">Check if device is mobile (Android or iOS)</td>
+	</tr>
+	<tr>
+	<td class="name" nowrap><a href="#is_web">is_web()</a></td>
+	<td class="summary">Check if device is HTML5</td>
+	</tr>
+	<tr>
+	<td class="name" nowrap><a href="#get_border">get_border()</a></td>
+	<td class="summary">Distance from node to size border</td>
+	</tr>
 </table>

 <br/>
@@ -228,6 +243,53 @@



+</dd>
+    <dt>
+    <a name = "helper..is_mobile"></a>
+    <strong>helper..is_mobile()</strong>
+    </dt>
+    <dd>
+    Check if device is mobile (Android or iOS)
+
+
+
+
+
+
+
+</dd>
+    <dt>
+    <a name = "is_web"></a>
+    <strong>is_web()</strong>
+    </dt>
+    <dd>
+    Check if device is HTML5
+
+
+
+
+
+
+
+</dd>
+    <dt>
+    <a name = "get_border"></a>
+    <strong>get_border()</strong>
+    </dt>
+    <dd>
+    Distance from node to size border
+
+
+
+    <h3>Returns:</h3>
+    <ol>
+
+        vector4 (left, top, right, down)
+    </ol>
+
+
+
+
 </dd>
 </dl>

@@ -236,7 +298,7 @@
 </div> <!-- id="main" -->
 <div id="about">
 <i>generated by <a href="http://github.com/stevedonovan/LDoc">LDoc 1.4.6</a></i>
-<i style="float:right;">Last updated 2020-04-13 19:36:00 </i>
+<i style="float:right;">Last updated 2020-05-09 16:07:15 </i>
 </div> <!-- id="about" -->
 </div> <!-- id="container" -->
 </body>
--- a/docs/modules/druid.hover.html
+++ b/docs/modules/druid.hover.html
@@ -44,6 +44,7 @@
  <li><a href="../modules/druid.button.html">druid.button</a></li>
  <li><a href="../modules/druid.checkbox.html">druid.checkbox</a></li>
  <li><a href="../modules/druid.checkbox_group.html">druid.checkbox_group</a></li>
+  <li><a href="../modules/druid.drag.html">druid.drag</a></li>
  <li><a href="../modules/druid.grid.html">druid.grid</a></li>
  <li><strong>druid.hover</strong></li>
  <li><a href="../modules/druid.input.html">druid.input</a></li>
@@ -52,6 +53,7 @@
  <li><a href="../modules/druid.radio_group.html">druid.radio_group</a></li>
  <li><a href="../modules/druid.scroll.html">druid.scroll</a></li>
  <li><a href="../modules/druid.slider.html">druid.slider</a></li>
+  <li><a href="../modules/druid.swipe.html">druid.swipe</a></li>
  <li><a href="../modules/druid.text.html">druid.text</a></li>
  <li><a href="../modules/druid.timer.html">druid.timer</a></li>
  <li><a href="../modules/component.html">component</a></li>
@@ -67,6 +69,7 @@
  <li><a href="../topics/03-styles.md.html">Styles</a></li>
  <li><a href="../topics/04-druid_assets.md.html">Druid assets</a></li>
  <li><a href="../topics/05-examples.md.html">Examples</a></li>
+  <li><a href="../topics/changelog.md.html">changelog</a></li>
  <li><a href="../topics/README.md.html">README</a></li>
 </ul>

@@ -92,8 +95,12 @@
 	<td class="summary">Set hover state</td>
 	</tr>
 	<tr>
+	<td class="name" nowrap><a href="#set_mouse_hover">set_mouse_hover(state)</a></td>
+	<td class="summary">Set mouse hover state</td>
+	</tr>
+	<tr>
 	<td class="name" nowrap><a href="#set_click_zone">set_click_zone(zone)</a></td>
-	<td class="summary">Strict button click area.</td>
+	<td class="summary">Strict hover click area.</td>
 	</tr>
 </table>
 <h2><a href="#Tables">Tables</a></h2>
@@ -156,13 +163,34 @@



+</dd>
+    <dt>
+    <a name = "set_mouse_hover"></a>
+    <strong>set_mouse_hover(state)</strong>
+    </dt>
+    <dd>
+    Set mouse hover state
+
+
+    <h3>Parameters:</h3>
+    <ul>
+        <li><span class="parameter">state</span>
+            <span class="types"><span class="type">bool</span></span>
+         The mouse hover state
+        </li>
+    </ul>
+
+
+
+
+
 </dd>
    <dt>
    <a name = "set_click_zone"></a>
    <strong>set_click_zone(zone)</strong>
    </dt>
    <dd>
-    Strict button click area.  Useful for
+    Strict hover click area.  Useful for
 no click events outside stencil node


@@ -195,7 +223,11 @@
    <ul>
        <li><span class="parameter">on_hover</span>
            <span class="types"><span class="type">druid_event</span></span>
-         On hover callback
+         On hover callback (Touch pressed)
+        </li>
+        <li><span class="parameter">on_mouse_hover</span>
+            <span class="types"><span class="type">druid_event</span></span>
+         On mouse hover callback (Touch over without action_id)
        </li>
    </ul>

@@ -211,7 +243,7 @@
 </div> <!-- id="main" -->
 <div id="about">
 <i>generated by <a href="http://github.com/stevedonovan/LDoc">LDoc 1.4.6</a></i>
-<i style="float:right;">Last updated 2020-04-13 19:36:00 </i>
+<i style="float:right;">Last updated 2020-05-09 16:07:15 </i>
 </div> <!-- id="about" -->
 </div> <!-- id="container" -->
 </body>
--- a/docs/modules/druid.html
+++ b/docs/modules/druid.html
@@ -43,6 +43,7 @@
  <li><a href="../modules/druid.button.html">druid.button</a></li>
  <li><a href="../modules/druid.checkbox.html">druid.checkbox</a></li>
  <li><a href="../modules/druid.checkbox_group.html">druid.checkbox_group</a></li>
+  <li><a href="../modules/druid.drag.html">druid.drag</a></li>
  <li><a href="../modules/druid.grid.html">druid.grid</a></li>
  <li><a href="../modules/druid.hover.html">druid.hover</a></li>
  <li><a href="../modules/druid.input.html">druid.input</a></li>
@@ -51,6 +52,7 @@
  <li><a href="../modules/druid.radio_group.html">druid.radio_group</a></li>
  <li><a href="../modules/druid.scroll.html">druid.scroll</a></li>
  <li><a href="../modules/druid.slider.html">druid.slider</a></li>
+  <li><a href="../modules/druid.swipe.html">druid.swipe</a></li>
  <li><a href="../modules/druid.text.html">druid.text</a></li>
  <li><a href="../modules/druid.timer.html">druid.timer</a></li>
  <li><a href="../modules/component.html">component</a></li>
@@ -66,6 +68,7 @@
  <li><a href="../topics/03-styles.md.html">Styles</a></li>
  <li><a href="../topics/04-druid_assets.md.html">Druid assets</a></li>
  <li><a href="../topics/05-examples.md.html">Examples</a></li>
+  <li><a href="../topics/changelog.md.html">changelog</a></li>
  <li><a href="../topics/README.md.html">README</a></li>
 </ul>

@@ -106,6 +109,32 @@
 	<td class="name" nowrap><a href="#new">new(context[, style])</a></td>
 	<td class="summary">Create Druid instance.</td>
 	</tr>
+	<tr>
+	<td class="name" nowrap><a href="#set_default_style">set_default_style(style)</a></td>
+	<td class="summary">Set new default style.</td>
+	</tr>
+	<tr>
+	<td class="name" nowrap><a href="#set_text_function">set_text_function(callback)</a></td>
+	<td class="summary">Set text function
+ Druid locale component will call this function
+ to get translated text.</td>
+	</tr>
+	<tr>
+	<td class="name" nowrap><a href="#set_sound_function">set_sound_function(callback)</a></td>
+	<td class="summary">Set sound function.</td>
+	</tr>
+	<tr>
+	<td class="name" nowrap><a href="#on_window_callback">on_window_callback(event)</a></td>
+	<td class="summary">Callback on global window event.</td>
+	</tr>
+	<tr>
+	<td class="name" nowrap><a href="#on_layout_change">on_layout_change()</a></td>
+	<td class="summary">Callback on global layout change event.</td>
+	</tr>
+	<tr>
+	<td class="name" nowrap><a href="#on_language_change">on_language_change()</a></td>
+	<td class="summary">Callback on global language change event.</td>
+	</tr>
 </table>

 <br/>
@@ -173,6 +202,125 @@



+</dd>
+    <dt>
+    <a name = "set_default_style"></a>
+    <strong>set_default_style(style)</strong>
+    </dt>
+    <dd>
+    Set new default style.
+
+
+    <h3>Parameters:</h3>
+    <ul>
+        <li><span class="parameter">style</span>
+            <span class="types"><a class="type" href="https://www.lua.org/manual/5.3/manual.html#6.6">table</a></span>
+         Druid style module
+        </li>
+    </ul>
+
+
+
+
+
+</dd>
+    <dt>
+    <a name = "set_text_function"></a>
+    <strong>set_text_function(callback)</strong>
+    </dt>
+    <dd>
+    Set text function
+ Druid locale component will call this function
+ to get translated text.  After set<em>text</em>funtion
+ all existing locale component will be updated
+
+
+    <h3>Parameters:</h3>
+    <ul>
+        <li><span class="parameter">callback</span>
+            <span class="types"><span class="type">function</span></span>
+         Get localized text function
+        </li>
+    </ul>
+
+
+
+
+
+</dd>
+    <dt>
+    <a name = "set_sound_function"></a>
+    <strong>set_sound_function(callback)</strong>
+    </dt>
+    <dd>
+    Set sound function.
+ Component will call this function to
+ play sound by sound_id
+
+
+    <h3>Parameters:</h3>
+    <ul>
+        <li><span class="parameter">callback</span>
+            <span class="types"><span class="type">function</span></span>
+         Sound play callback
+        </li>
+    </ul>
+
+
+
+
+
+</dd>
+    <dt>
+    <a name = "on_window_callback"></a>
+    <strong>on_window_callback(event)</strong>
+    </dt>
+    <dd>
+    Callback on global window event.
+ Used to trigger on<em>focus</em>lost and on<em>focus</em>gain
+
+
+    <h3>Parameters:</h3>
+    <ul>
+        <li><span class="parameter">event</span>
+            <span class="types"><a class="type" href="https://www.lua.org/manual/5.3/manual.html#6.4">string</a></span>
+         Event param from window listener
+        </li>
+    </ul>
+
+
+
+
+
+</dd>
+    <dt>
+    <a name = "on_layout_change"></a>
+    <strong>on_layout_change()</strong>
+    </dt>
+    <dd>
+    Callback on global layout change event.
+
+
+
+
+
+
+
+</dd>
+    <dt>
+    <a name = "on_language_change"></a>
+    <strong>on_language_change()</strong>
+    </dt>
+    <dd>
+    Callback on global language change event.
+ Use to update all lang texts
+
+
+
+
+
+
+
 </dd>
 </dl>

@@ -181,7 +329,7 @@
 </div> <!-- id="main" -->
 <div id="about">
 <i>generated by <a href="http://github.com/stevedonovan/LDoc">LDoc 1.4.6</a></i>
-<i style="float:right;">Last updated 2020-04-13 19:36:00 </i>
+<i style="float:right;">Last updated 2020-05-09 16:07:15 </i>
 </div> <!-- id="about" -->
 </div> <!-- id="container" -->
 </body>
--- a/docs/modules/druid.input.html
+++ b/docs/modules/druid.input.html
@@ -30,6 +30,11 @@
  <li><a href="../index.html">Index</a></li>
 </ul>

+<h2>Contents</h2>
+<ul>
+<li><a href="#Functions">Functions</a></li>
+<li><a href="#Tables">Tables</a></li>
+</ul>


 <h2>Modules</h2>
@@ -39,6 +44,7 @@
  <li><a href="../modules/druid.button.html">druid.button</a></li>
  <li><a href="../modules/druid.checkbox.html">druid.checkbox</a></li>
  <li><a href="../modules/druid.checkbox_group.html">druid.checkbox_group</a></li>
+  <li><a href="../modules/druid.drag.html">druid.drag</a></li>
  <li><a href="../modules/druid.grid.html">druid.grid</a></li>
  <li><a href="../modules/druid.hover.html">druid.hover</a></li>
  <li><strong>druid.input</strong></li>
@@ -47,6 +53,7 @@
  <li><a href="../modules/druid.radio_group.html">druid.radio_group</a></li>
  <li><a href="../modules/druid.scroll.html">druid.scroll</a></li>
  <li><a href="../modules/druid.slider.html">druid.slider</a></li>
+  <li><a href="../modules/druid.swipe.html">druid.swipe</a></li>
  <li><a href="../modules/druid.text.html">druid.text</a></li>
  <li><a href="../modules/druid.timer.html">druid.timer</a></li>
  <li><a href="../modules/component.html">component</a></li>
@@ -62,6 +69,7 @@
  <li><a href="../topics/03-styles.md.html">Styles</a></li>
  <li><a href="../topics/04-druid_assets.md.html">Druid assets</a></li>
  <li><a href="../topics/05-examples.md.html">Examples</a></li>
+  <li><a href="../topics/changelog.md.html">changelog</a></li>
  <li><a href="../topics/README.md.html">README</a></li>
 </ul>

@@ -71,22 +79,316 @@

 <h1>Module <code>druid.input</code></h1>
 <p>Druid input text component.</p>
-<p> Carry on user text input
- UNIMPLEMENTED</p>
+<p> Carry on user text input</p>
+    <h3>Info:</h3>
+    <ul>
+        <li><strong>Author</strong>: Part of code from Britzl gooey input component</li>
+    </ul>


+<h2><a href="#Functions">Functions</a></h2>
+<table class="function_list">
+	<tr>
+	<td class="name" nowrap><a href="#set_text">set_text(input_text)</a></td>
+	<td class="summary">Set text for input field</td>
+	</tr>
+	<tr>
+	<td class="name" nowrap><a href="#get_text">get_text()</a></td>
+	<td class="summary">Return current input field text</td>
+	</tr>
+	<tr>
+	<td class="name" nowrap><a href="#set_max_length">set_max_length(max_length)</a></td>
+	<td class="summary">Set maximum length for input field.</td>
+	</tr>
+	<tr>
+	<td class="name" nowrap><a href="#set_allowerd_characters">set_allowerd_characters(characters)</a></td>
+	<td class="summary">Set allowed charaters for input field.</td>
+	</tr>
+	<tr>
+	<td class="name" nowrap><a href="#reset_changes">reset_changes()</a></td>
+	<td class="summary">Reset current input selection and return previous value</td>
+	</tr>
+</table>
+<h2><a href="#Tables">Tables</a></h2>
+<table class="function_list">
+	<tr>
+	<td class="name" nowrap><a href="#Events">Events</a></td>
+	<td class="summary">Component events</td>
+	</tr>
+	<tr>
+	<td class="name" nowrap><a href="#Fields">Fields</a></td>
+	<td class="summary">Component fields</td>
+	</tr>
+	<tr>
+	<td class="name" nowrap><a href="#Style">Style</a></td>
+	<td class="summary">Component style params.</td>
+	</tr>
+</table>

 <br/>
 <br/>


+    <h2 class="section-header "><a name="Functions"></a>Functions</h2>
+
+    <dl class="function">
+    <dt>
+    <a name = "set_text"></a>
+    <strong>set_text(input_text)</strong>
+    </dt>
+    <dd>
+    Set text for input field
+
+
+    <h3>Parameters:</h3>
+    <ul>
+        <li><span class="parameter">input_text</span>
+            <span class="types"><a class="type" href="https://www.lua.org/manual/5.3/manual.html#6.4">string</a></span>
+         The string to apply for input field
+        </li>
+    </ul>
+
+
+
+
+
+</dd>
+    <dt>
+    <a name = "get_text"></a>
+    <strong>get_text()</strong>
+    </dt>
+    <dd>
+    Return current input field text
+
+
+
+    <h3>Returns:</h3>
+    <ol>
+
+           <span class="types"><a class="type" href="https://www.lua.org/manual/5.3/manual.html#6.4">string</a></span>
+        The current input field text
+    </ol>
+
+
+
+
+</dd>
+    <dt>
+    <a name = "set_max_length"></a>
+    <strong>set_max_length(max_length)</strong>
+    </dt>
+    <dd>
+    Set maximum length for input field.
+ Pass nil to make input field unliminted (by default)
+
+
+    <h3>Parameters:</h3>
+    <ul>
+        <li><span class="parameter">max_length</span>
+            <span class="types"><span class="type">number</span></span>
+         Maximum length for input text field
+        </li>
+    </ul>
+
+    <h3>Returns:</h3>
+    <ol>
+
+           <span class="types"><span class="type">druid.input</span></span>
+        Self instance to make chain calls
+    </ol>
+
+
+
+
+</dd>
+    <dt>
+    <a name = "set_allowerd_characters"></a>
+    <strong>set_allowerd_characters(characters)</strong>
+    </dt>
+    <dd>
+    Set allowed charaters for input field.
+ See: https://defold.com/ref/stable/string/
+ ex: [%a%d] for alpha and numeric
+
+
+    <h3>Parameters:</h3>
+    <ul>
+        <li><span class="parameter">characters</span>
+            <span class="types"><a class="type" href="https://www.lua.org/manual/5.3/manual.html#6.4">string</a></span>
+         Regulax exp. for validate user input
+        </li>
+    </ul>
+
+    <h3>Returns:</h3>
+    <ol>
+
+           <span class="types"><span class="type">druid.input</span></span>
+        Self instance to make chain calls
+    </ol>
+
+
+
+
+</dd>
+    <dt>
+    <a name = "reset_changes"></a>
+    <strong>reset_changes()</strong>
+    </dt>
+    <dd>
+    Reset current input selection and return previous value
+
+
+
+
+
+
+
+</dd>
+</dl>
+    <h2 class="section-header "><a name="Tables"></a>Tables</h2>
+
+    <dl class="function">
+    <dt>
+    <a name = "Events"></a>
+    <strong>Events</strong>
+    </dt>
+    <dd>
+    Component events
+
+
+    <h3>Fields:</h3>
+    <ul>
+        <li><span class="parameter">on_input_select</span>
+            <span class="types"><span class="type">druid_event</span></span>
+         (self, button_node) On input field select callback
+        </li>
+        <li><span class="parameter">on_input_unselect</span>
+            <span class="types"><span class="type">druid_event</span></span>
+         (self, button_node) On input field unselect callback
+        </li>
+        <li><span class="parameter">on_input_text</span>
+            <span class="types"><span class="type">druid_event</span></span>
+         (self, input_text) On input field text change callback
+        </li>
+        <li><span class="parameter">on_input_empty</span>
+            <span class="types"><span class="type">druid_event</span></span>
+         (self, input_text) On input field text change to empty string callback
+        </li>
+        <li><span class="parameter">on_input_full</span>
+            <span class="types"><span class="type">druid_event</span></span>
+         (self, input_text) On input field text change to max length string callback
+        </li>
+        <li><span class="parameter">on_input_wrong</span>
+            <span class="types"><span class="type">druid_event</span></span>
+         (self, params, button_instance) On trying user input with not allowed character callback
+        </li>
+    </ul>
+
+
+
+
+
+</dd>
+    <dt>
+    <a name = "Fields"></a>
+    <strong>Fields</strong>
+    </dt>
+    <dd>
+    Component fields
+
+
+    <h3>Fields:</h3>
+    <ul>
+        <li><span class="parameter">text</span>
+            <span class="types"><span class="type">druid.text</span></span>
+         Text component
+        </li>
+        <li><span class="parameter">button</span>
+            <span class="types"><span class="type">druid.button</span></span>
+         Button component
+        </li>
+        <li><span class="parameter">is_selected</span>
+            <span class="types"><span class="type">bool</span></span>
+         Is current input selected now
+        </li>
+        <li><span class="parameter">is_empty</span>
+            <span class="types"><span class="type">bool</span></span>
+         Is current input is empty now
+        </li>
+        <li><span class="parameter">max_length</span>
+            <span class="types"><span class="type">number</span></span>
+         Max length for input text
+         (<em>optional</em>)
+        </li>
+        <li><span class="parameter">allowerd_characters</span>
+            <span class="types"><a class="type" href="https://www.lua.org/manual/5.3/manual.html#6.4">string</a></span>
+         Pattern matching for user input
+         (<em>optional</em>)
+        </li>
+        <li><span class="parameter">keyboard_type</span>
+            <span class="types"><span class="type">number</span></span>
+         Gui keyboard type for input field
+        </li>
+    </ul>
+
+
+
+
+
+</dd>
+    <dt>
+    <a name = "Style"></a>
+    <strong>Style</strong>
+    </dt>
+    <dd>
+    Component style params.
+ You can override this component styles params in druid styles table
+ or create your own style
+
+
+    <h3>Fields:</h3>
+    <ul>
+        <li><span class="parameter">IS_LONGTAP_ERASE</span>
+            <span class="types"><span class="type">bool</span></span>
+         Is long tap will erase current input data
+         (<em>default</em> false)
+        </li>
+        <li><span class="parameter">MASK_DEFAULT_CHAR</span>
+            <span class="types"><a class="type" href="https://www.lua.org/manual/5.3/manual.html#6.4">string</a></span>
+         Default character mask for password input
+         (<em>default</em> *)
+        </li>
+        <li><span class="parameter">on_select</span>
+            <span class="types"><span class="type">function</span></span>
+         (self, button_node) Callback on input field selecting
+        </li>
+        <li><span class="parameter">on_unselect</span>
+            <span class="types"><span class="type">function</span></span>
+         (self, button_node) Callback on input field unselecting
+        </li>
+        <li><span class="parameter">on_input_wrong</span>
+            <span class="types"><span class="type">function</span></span>
+         (self, button_node) Callback on wrong user input
+        </li>
+        <li><span class="parameter">button_style</span>
+            <span class="types"><a class="type" href="https://www.lua.org/manual/5.3/manual.html#6.6">table</a></span>
+         Custom button style for input node
+        </li>
+    </ul>
+
+
+
+
+
+</dd>
+</dl>


 </div> <!-- id="content" -->
 </div> <!-- id="main" -->
 <div id="about">
 <i>generated by <a href="http://github.com/stevedonovan/LDoc">LDoc 1.4.6</a></i>
-<i style="float:right;">Last updated 2020-04-13 19:36:00 </i>
+<i style="float:right;">Last updated 2020-05-09 16:07:15 </i>
 </div> <!-- id="about" -->
 </div> <!-- id="container" -->
 </body>
--- a/docs/modules/druid.lang_text.html
+++ b/docs/modules/druid.lang_text.html
@@ -44,6 +44,7 @@
  <li><a href="../modules/druid.button.html">druid.button</a></li>
  <li><a href="../modules/druid.checkbox.html">druid.checkbox</a></li>
  <li><a href="../modules/druid.checkbox_group.html">druid.checkbox_group</a></li>
+  <li><a href="../modules/druid.drag.html">druid.drag</a></li>
  <li><a href="../modules/druid.grid.html">druid.grid</a></li>
  <li><a href="../modules/druid.hover.html">druid.hover</a></li>
  <li><a href="../modules/druid.input.html">druid.input</a></li>
@@ -52,6 +53,7 @@
  <li><a href="../modules/druid.radio_group.html">druid.radio_group</a></li>
  <li><a href="../modules/druid.scroll.html">druid.scroll</a></li>
  <li><a href="../modules/druid.slider.html">druid.slider</a></li>
+  <li><a href="../modules/druid.swipe.html">druid.swipe</a></li>
  <li><a href="../modules/druid.text.html">druid.text</a></li>
  <li><a href="../modules/druid.timer.html">druid.timer</a></li>
  <li><a href="../modules/component.html">component</a></li>
@@ -67,6 +69,7 @@
  <li><a href="../topics/03-styles.md.html">Styles</a></li>
  <li><a href="../topics/04-druid_assets.md.html">Druid assets</a></li>
  <li><a href="../topics/05-examples.md.html">Examples</a></li>
+  <li><a href="../topics/changelog.md.html">changelog</a></li>
  <li><a href="../topics/README.md.html">README</a></li>
 </ul>

@@ -240,7 +243,7 @@
 </div> <!-- id="main" -->
 <div id="about">
 <i>generated by <a href="http://github.com/stevedonovan/LDoc">LDoc 1.4.6</a></i>
-<i style="float:right;">Last updated 2020-04-13 19:36:00 </i>
+<i style="float:right;">Last updated 2020-05-09 16:07:15 </i>
 </div> <!-- id="about" -->
 </div> <!-- id="container" -->
 </body>
--- a/docs/modules/druid.progress.html
+++ b/docs/modules/druid.progress.html
@@ -44,6 +44,7 @@
  <li><a href="../modules/druid.button.html">druid.button</a></li>
  <li><a href="../modules/druid.checkbox.html">druid.checkbox</a></li>
  <li><a href="../modules/druid.checkbox_group.html">druid.checkbox_group</a></li>
+  <li><a href="../modules/druid.drag.html">druid.drag</a></li>
  <li><a href="../modules/druid.grid.html">druid.grid</a></li>
  <li><a href="../modules/druid.hover.html">druid.hover</a></li>
  <li><a href="../modules/druid.input.html">druid.input</a></li>
@@ -52,6 +53,7 @@
  <li><a href="../modules/druid.radio_group.html">druid.radio_group</a></li>
  <li><a href="../modules/druid.scroll.html">druid.scroll</a></li>
  <li><a href="../modules/druid.slider.html">druid.slider</a></li>
+  <li><a href="../modules/druid.swipe.html">druid.swipe</a></li>
  <li><a href="../modules/druid.text.html">druid.text</a></li>
  <li><a href="../modules/druid.timer.html">druid.timer</a></li>
  <li><a href="../modules/component.html">component</a></li>
@@ -67,6 +69,7 @@
  <li><a href="../topics/03-styles.md.html">Styles</a></li>
  <li><a href="../topics/04-druid_assets.md.html">Druid assets</a></li>
  <li><a href="../topics/05-examples.md.html">Examples</a></li>
+  <li><a href="../topics/changelog.md.html">changelog</a></li>
  <li><a href="../topics/README.md.html">README</a></li>
 </ul>

@@ -122,7 +125,7 @@
 	</tr>
 	<tr>
 	<td class="name" nowrap><a href="#Style">Style</a></td>
-	<td class="summary">Component style params</td>
+	<td class="summary">Component style params.</td>
 	</tr>
 </table>

@@ -352,7 +355,9 @@
    <strong>Style</strong>
    </dt>
    <dd>
-    Component style params
+    Component style params.
+ You can override this component styles params in druid styles table
+ or create your own style


    <h3>Fields:</h3>
@@ -360,10 +365,12 @@
        <li><span class="parameter">SPEED</span>
            <span class="types"><span class="type">number</span></span>
         Progress bas fill rate. More -> faster
+         (<em>default</em> 5)
        </li>
        <li><span class="parameter">MIN_DELTA</span>
            <span class="types"><span class="type">number</span></span>
         Minimum step to fill progress bar
+         (<em>default</em> 0.005)
        </li>
    </ul>

@@ -379,7 +386,7 @@
 </div> <!-- id="main" -->
 <div id="about">
 <i>generated by <a href="http://github.com/stevedonovan/LDoc">LDoc 1.4.6</a></i>
-<i style="float:right;">Last updated 2020-04-13 19:36:00 </i>
+<i style="float:right;">Last updated 2020-05-09 16:07:15 </i>
 </div> <!-- id="about" -->
 </div> <!-- id="container" -->
 </body>
--- a/docs/modules/druid.radio_group.html
+++ b/docs/modules/druid.radio_group.html
@@ -44,6 +44,7 @@
  <li><a href="../modules/druid.button.html">druid.button</a></li>
  <li><a href="../modules/druid.checkbox.html">druid.checkbox</a></li>
  <li><a href="../modules/druid.checkbox_group.html">druid.checkbox_group</a></li>
+  <li><a href="../modules/druid.drag.html">druid.drag</a></li>
  <li><a href="../modules/druid.grid.html">druid.grid</a></li>
  <li><a href="../modules/druid.hover.html">druid.hover</a></li>
  <li><a href="../modules/druid.input.html">druid.input</a></li>
@@ -52,6 +53,7 @@
  <li><strong>druid.radio_group</strong></li>
  <li><a href="../modules/druid.scroll.html">druid.scroll</a></li>
  <li><a href="../modules/druid.slider.html">druid.slider</a></li>
+  <li><a href="../modules/druid.swipe.html">druid.swipe</a></li>
  <li><a href="../modules/druid.text.html">druid.text</a></li>
  <li><a href="../modules/druid.timer.html">druid.timer</a></li>
  <li><a href="../modules/component.html">component</a></li>
@@ -67,6 +69,7 @@
  <li><a href="../topics/03-styles.md.html">Styles</a></li>
  <li><a href="../topics/04-druid_assets.md.html">Druid assets</a></li>
  <li><a href="../topics/05-examples.md.html">Examples</a></li>
+  <li><a href="../topics/changelog.md.html">changelog</a></li>
  <li><a href="../topics/README.md.html">README</a></li>
 </ul>

@@ -239,7 +242,7 @@
 </div> <!-- id="main" -->
 <div id="about">
 <i>generated by <a href="http://github.com/stevedonovan/LDoc">LDoc 1.4.6</a></i>
-<i style="float:right;">Last updated 2020-04-13 19:36:00 </i>
+<i style="float:right;">Last updated 2020-05-09 16:07:15 </i>
 </div> <!-- id="about" -->
 </div> <!-- id="container" -->
 </body>
--- a/docs/modules/druid.scroll.html
+++ b/docs/modules/druid.scroll.html
@@ -44,6 +44,7 @@
  <li><a href="../modules/druid.button.html">druid.button</a></li>
  <li><a href="../modules/druid.checkbox.html">druid.checkbox</a></li>
  <li><a href="../modules/druid.checkbox_group.html">druid.checkbox_group</a></li>
+  <li><a href="../modules/druid.drag.html">druid.drag</a></li>
  <li><a href="../modules/druid.grid.html">druid.grid</a></li>
  <li><a href="../modules/druid.hover.html">druid.hover</a></li>
  <li><a href="../modules/druid.input.html">druid.input</a></li>
@@ -52,6 +53,7 @@
  <li><a href="../modules/druid.radio_group.html">druid.radio_group</a></li>
  <li><strong>druid.scroll</strong></li>
  <li><a href="../modules/druid.slider.html">druid.slider</a></li>
+  <li><a href="../modules/druid.swipe.html">druid.swipe</a></li>
  <li><a href="../modules/druid.text.html">druid.text</a></li>
  <li><a href="../modules/druid.timer.html">druid.timer</a></li>
  <li><a href="../modules/component.html">component</a></li>
@@ -67,6 +69,7 @@
  <li><a href="../topics/03-styles.md.html">Styles</a></li>
  <li><a href="../topics/04-druid_assets.md.html">Druid assets</a></li>
  <li><a href="../topics/05-examples.md.html">Examples</a></li>
+  <li><a href="../topics/changelog.md.html">changelog</a></li>
  <li><a href="../topics/README.md.html">README</a></li>
 </ul>

@@ -87,40 +90,48 @@
 <h2><a href="#Functions">Functions</a></h2>
 <table class="function_list">
 	<tr>
-	<td class="name" nowrap><a href="#init">init(scroll_parent, input_zone)</a></td>
-	<td class="summary">Component init function</td>
+	<td class="name" nowrap><a href="#init">init(view_node, content_node)</a></td>
+	<td class="summary">Scroll constructor.</td>
 	</tr>
 	<tr>
 	<td class="name" nowrap><a href="#scroll_to">scroll_to(vector3[, is_instant])</a></td>
-	<td class="summary">Start scroll to target point</td>
+	<td class="summary">Start scroll to target point.</td>
+	</tr>
+	<tr>
+	<td class="name" nowrap><a href="#scroll_to_index">scroll_to_index(index[, skip_cb])</a></td>
+	<td class="summary">Scroll to item in scroll by point index.</td>
 	</tr>
 	<tr>
 	<td class="name" nowrap><a href="#scroll_to_percent">scroll_to_percent(vector3[, is_instant])</a></td>
 	<td class="summary">Start scroll to target scroll percent</td>
 	</tr>
 	<tr>
-	<td class="name" nowrap><a href="#init">init(index[, skip_cb])</a></td>
-	<td class="summary">Scroll to item in scroll by point index</td>
+	<td class="name" nowrap><a href="#get_percent">get_percent()</a></td>
+	<td class="summary">Return current scroll progress status.</td>
 	</tr>
 	<tr>
-	<td class="name" nowrap><a href="#set_points">set_points(points)</a></td>
-	<td class="summary">Set points of interest.</td>
+	<td class="name" nowrap><a href="#set_size">set_size(size)</a></td>
+	<td class="summary">Set scroll content size.</td>
 	</tr>
 	<tr>
 	<td class="name" nowrap><a href="#set_inert">set_inert(state)</a></td>
 	<td class="summary">Enable or disable scroll inert.</td>
 	</tr>
 	<tr>
-	<td class="name" nowrap><a href="#on_point_move">on_point_move(callback)</a></td>
-	<td class="summary">Set the callback on scrolling to point (if exist)</td>
+	<td class="name" nowrap><a href="#is_inert">is_inert()</a></td>
+	<td class="summary">Return if scroll have inertion.</td>
 	</tr>
 	<tr>
-	<td class="name" nowrap><a href="#set_border">set_border(border)</a></td>
-	<td class="summary">Set the scroll possibly area</td>
+	<td class="name" nowrap><a href="#set_extra_strech_size">set_extra_strech_size([stretch_size=0])</a></td>
+	<td class="summary">Set extra size for scroll stretching.</td>
 	</tr>
 	<tr>
-	<td class="name" nowrap><a href="#get_scroll_percent">get_scroll_percent()</a></td>
-	<td class="summary">Return current scroll progress</td>
+	<td class="name" nowrap><a href="#get_scroll_size">get_scroll_size()</a></td>
+	<td class="summary">Return vector of scroll size with width and height.</td>
+	</tr>
+	<tr>
+	<td class="name" nowrap><a href="#set_points">set_points(points)</a></td>
+	<td class="summary">Set points of interest.</td>
 	</tr>
 </table>
 <h2><a href="#Tables">Tables</a></h2>
@@ -135,7 +146,7 @@
 	</tr>
 	<tr>
 	<td class="name" nowrap><a href="#Style">Style</a></td>
-	<td class="summary">Component style params</td>
+	<td class="summary">Component style params.</td>
 	</tr>
 </table>

@@ -148,21 +159,21 @@
    <dl class="function">
    <dt>
    <a name = "init"></a>
-    <strong>init(scroll_parent, input_zone)</strong>
+    <strong>init(view_node, content_node)</strong>
    </dt>
    <dd>
-    Component init function
+    Scroll constructor.


    <h3>Parameters:</h3>
    <ul>
-        <li><span class="parameter">scroll_parent</span>
+        <li><span class="parameter">view_node</span>
            <span class="types"><span class="type">node</span></span>
-         Gui node where placed scroll content. This node will change position
+         GUI view scroll node
        </li>
-        <li><span class="parameter">input_zone</span>
+        <li><span class="parameter">content_node</span>
            <span class="types"><span class="type">node</span></span>
-         Gui node where input is catched
+         GUI content scroll node
        </li>
    </ul>

@@ -176,18 +187,18 @@
    <strong>scroll_to(vector3[, is_instant])</strong>
    </dt>
    <dd>
-    Start scroll to target point
+    Start scroll to target point.


    <h3>Parameters:</h3>
    <ul>
        <li><span class="parameter">vector3</span>
            <span class="types"><span class="type">point</span></span>
-         target point
+         Target point
        </li>
        <li><span class="parameter">is_instant</span>
            <span class="types"><span class="type">bool</span></span>
-         instant scroll flag
+         Instant scroll flag
         (<em>optional</em>)
        </li>
    </ul>
@@ -201,6 +212,32 @@
        <li><pre class="example">scroll:scroll_to(vmath.vector3(<span class="number">0</span>), <span class="keyword">true</span>)</pre></li>
    </ul>

+</dd>
+    <dt>
+    <a name = "scroll_to_index"></a>
+    <strong>scroll_to_index(index[, skip_cb])</strong>
+    </dt>
+    <dd>
+    Scroll to item in scroll by point index.
+
+
+    <h3>Parameters:</h3>
+    <ul>
+        <li><span class="parameter">index</span>
+            <span class="types"><span class="type">number</span></span>
+         Point index
+        </li>
+        <li><span class="parameter">skip_cb</span>
+            <span class="types"><span class="type">bool</span></span>
+         If true, skip the point callback
+         (<em>optional</em>)
+        </li>
+    </ul>
+
+
+
+
+
 </dd>
    <dt>
    <a name = "scroll_to_percent"></a>
@@ -233,48 +270,49 @@

 </dd>
    <dt>
-    <a name = "init"></a>
-    <strong>init(index[, skip_cb])</strong>
+    <a name = "get_percent"></a>
+    <strong>get_percent()</strong>
    </dt>
    <dd>
-    Scroll to item in scroll by point index
+    Return current scroll progress status.
+ Values will be in [0..1] interval


-    <h3>Parameters:</h3>
-    <ul>
-        <li><span class="parameter">index</span>
-            <span class="types"><span class="type">number</span></span>
-         Point index
-        </li>
-        <li><span class="parameter">skip_cb</span>
-            <span class="types"><span class="type">bool</span></span>
-         If true, skip the point callback
-         (<em>optional</em>)
-        </li>
-    </ul>

+    <h3>Returns:</h3>
+    <ol>
+
+           <span class="types"><span class="type">vector3</span></span>
+        New vector with scroll progress values
+    </ol>




 </dd>
    <dt>
-    <a name = "set_points"></a>
-    <strong>set_points(points)</strong>
+    <a name = "set_size"></a>
+    <strong>set_size(size)</strong>
    </dt>
    <dd>
-    Set points of interest.
- Scroll will always centered on closer points
+    Set scroll content size.
+ It will change content gui node size


    <h3>Parameters:</h3>
    <ul>
-        <li><span class="parameter">points</span>
-            <span class="types"><a class="type" href="https://www.lua.org/manual/5.3/manual.html#6.6">table</a></span>
-         Array of vector3 points
+        <li><span class="parameter">size</span>
+            <span class="types"><span class="type">vector3</span></span>
+         The new size for content node
        </li>
    </ul>

+    <h3>Returns:</h3>
+    <ol>
+
+           <span class="types"><span class="type">druid.scroll</span></span>
+        Self instance
+    </ol>



@@ -298,59 +336,72 @@
        </li>
    </ul>

+    <h3>Returns:</h3>
+    <ol>
+
+           <span class="types"><span class="type">druid.scroll</span></span>
+        Self instance
+    </ol>




 </dd>
    <dt>
-    <a name = "on_point_move"></a>
-    <strong>on_point_move(callback)</strong>
+    <a name = "is_inert"></a>
+    <strong>is_inert()</strong>
    </dt>
    <dd>
-    Set the callback on scrolling to point (if exist)
+    Return if scroll have inertion.
+
+
+
+    <h3>Returns:</h3>
+    <ol>
+
+           <span class="types"><span class="type">bool</span></span>
+        If scroll have inertion
+    </ol>
+
+
+
+
+</dd>
+    <dt>
+    <a name = "set_extra_strech_size"></a>
+    <strong>set_extra_strech_size([stretch_size=0])</strong>
+    </dt>
+    <dd>
+    Set extra size for scroll stretching.
+ Set 0 to disable stretching effect


    <h3>Parameters:</h3>
    <ul>
-        <li><span class="parameter">callback</span>
-            <span class="types"><span class="type">function</span></span>
-         Callback on scroll to point of interest
+        <li><span class="parameter">stretch_size</span>
+            <span class="types"><span class="type">number</span></span>
+         Size in pixels of additional scroll area
+         (<em>default</em> 0)
        </li>
    </ul>

+    <h3>Returns:</h3>
+    <ol>
+
+           <span class="types"><span class="type">druid.scroll</span></span>
+        Self instance
+    </ol>




 </dd>
    <dt>
-    <a name = "set_border"></a>
-    <strong>set_border(border)</strong>
+    <a name = "get_scroll_size"></a>
+    <strong>get_scroll_size()</strong>
    </dt>
    <dd>
-    Set the scroll possibly area
-
-
-    <h3>Parameters:</h3>
-    <ul>
-        <li><span class="parameter">border</span>
-            <span class="types"><span class="type">vector3</span></span>
-         Size of scrolling area
-        </li>
-    </ul>
-
-
-
-
-
-</dd>
-    <dt>
-    <a name = "get_scroll_percent"></a>
-    <strong>get_scroll_percent()</strong>
-    </dt>
-    <dd>
-    Return current scroll progress
+    Return vector of scroll size with width and height.



@@ -358,7 +409,35 @@
    <ol>

           <span class="types"><span class="type">vector3</span></span>
-        Scroll progress
+        Available scroll size
+    </ol>
+
+
+
+
+</dd>
+    <dt>
+    <a name = "set_points"></a>
+    <strong>set_points(points)</strong>
+    </dt>
+    <dd>
+    Set points of interest.
+ Scroll will always centered on closer points
+
+
+    <h3>Parameters:</h3>
+    <ul>
+        <li><span class="parameter">points</span>
+            <span class="types"><a class="type" href="https://www.lua.org/manual/5.3/manual.html#6.6">table</a></span>
+         Array of vector3 points
+        </li>
+    </ul>
+
+    <h3>Returns:</h3>
+    <ol>
+
+           <span class="types"><span class="type">druid.scroll</span></span>
+        Self instance
    </ol>


@@ -408,42 +487,51 @@

    <h3>Fields:</h3>
    <ul>
-        <li><span class="parameter">node</span>
+        <li><span class="parameter">view_node</span>
            <span class="types"><span class="type">node</span></span>
-         Scroll parent node
+         Scroll view node
        </li>
-        <li><span class="parameter">input_zone</span>
+        <li><span class="parameter">content_node</span>
            <span class="types"><span class="type">node</span></span>
-         Scroll input node
-        </li>
-        <li><span class="parameter">zone_size</span>
-            <span class="types"><span class="type">vector3</span></span>
-         Current scroll content size
-        </li>
-        <li><span class="parameter">soft_size</span>
-            <span class="types"><span class="type">number</span></span>
-         Soft zone size from style table
-        </li>
-        <li><span class="parameter">center_offset</span>
-            <span class="types"><span class="type">vector3</span></span>
-         Distance from node to node's center
+         Scroll content node
        </li>
        <li><span class="parameter">is_inert</span>
            <span class="types"><span class="type">bool</span></span>
         Flag, if scroll now moving by inertion
        </li>
-        <li><span class="parameter">inert</span>
+        <li><span class="parameter">inertion</span>
            <span class="types"><span class="type">vector3</span></span>
         Current inert speed
        </li>
-        <li><span class="parameter">pos</span>
+        <li><span class="parameter">position</span>
            <span class="types"><span class="type">vector3</span></span>
         Current scroll posisition
        </li>
-        <li><span class="parameter">target</span>
+        <li><span class="parameter">target_position</span>
            <span class="types"><span class="type">vector3</span></span>
         Current scroll target position
        </li>
+        <li><span class="parameter">available_pos</span>
+            <span class="types"><span class="type">vector4</span></span>
+         Available position for content node: (min<em>x, max</em>y, max<em>x, min</em>y)
+        </li>
+        <li><span class="parameter">available_size</span>
+            <span class="types"><span class="type">vector3</span></span>
+         Size of available positions: (width, height, 0)
+        </li>
+        <li><span class="parameter">drag</span>
+            <span class="types"><span class="type">druid.drag</span></span>
+         Drag component
+        </li>
+        <li><span class="parameter">Current</span>
+            <span class="types"><span class="type">selected</span></span>
+         index of points of interests
+         (<em>optional</em>)
+        </li>
+        <li><span class="parameter">is_animate</span>
+            <span class="types"><span class="type">bool</span></span>
+         Flag, if scroll now animating by gui.animate
+        </li>
    </ul>


@@ -456,42 +544,57 @@
    <strong>Style</strong>
    </dt>
    <dd>
-    Component style params
+    Component style params.
+ You can override this component styles params in druid styles table
+ or create your own style


    <h3>Fields:</h3>
    <ul>
-        <li><span class="parameter">FRICT_HOLD</span>
-            <span class="types"><span class="type">number</span></span>
-         Multiplier for inertion, while touching
-        </li>
        <li><span class="parameter">FRICT</span>
            <span class="types"><span class="type">number</span></span>
         Multiplier for free inertion
+         (<em>default</em> 0)
+        </li>
+        <li><span class="parameter">FRICT_HOLD</span>
+            <span class="types"><span class="type">number</span></span>
+         Multiplier for inertion, while touching
+         (<em>default</em> 0)
        </li>
        <li><span class="parameter">INERT_THRESHOLD</span>
            <span class="types"><span class="type">number</span></span>
         Scroll speed to stop inertion
+         (<em>default</em> 3)
        </li>
        <li><span class="parameter">INERT_SPEED</span>
            <span class="types"><span class="type">number</span></span>
         Multiplier for inertion speed
+         (<em>default</em> 30)
        </li>
-        <li><span class="parameter">DEADZONE</span>
+        <li><span class="parameter">POINTS_DEADZONE</span>
            <span class="types"><span class="type">number</span></span>
-         Deadzone for start scrol in pixels
-        </li>
-        <li><span class="parameter">SOFT_ZONE_SIZE</span>
-            <span class="types"><span class="type">number</span></span>
-         Size of outside zone in pixels (for scroll back moving)
+         Speed to check points of interests in no_inertion mode
+         (<em>default</em> 20)
        </li>
        <li><span class="parameter">BACK_SPEED</span>
            <span class="types"><span class="type">number</span></span>
         Scroll back returning lerp speed
+         (<em>default</em> 0.35)
        </li>
        <li><span class="parameter">ANIM_SPEED</span>
            <span class="types"><span class="type">number</span></span>
         Scroll gui.animation speed for scroll_to function
+         (<em>default</em> 0.2)
+        </li>
+        <li><span class="parameter">EXTRA_STRECH_SIZE</span>
+            <span class="types"><span class="type">number</span></span>
+         extra size in pixels outside of scroll (stretch effect)
+         (<em>default</em> 0)
+        </li>
+        <li><span class="parameter">SMALL_CONTENT_SCROLL</span>
+            <span class="types"><span class="type">bool</span></span>
+         If true, content node with size less than view node size can be scrolled
+         (<em>default</em> false)
        </li>
    </ul>

@@ -507,7 +610,7 @@
 </div> <!-- id="main" -->
 <div id="about">
 <i>generated by <a href="http://github.com/stevedonovan/LDoc">LDoc 1.4.6</a></i>
-<i style="float:right;">Last updated 2020-04-13 19:36:00 </i>
+<i style="float:right;">Last updated 2020-05-09 16:07:15 </i>
 </div> <!-- id="about" -->
 </div> <!-- id="container" -->
 </body>
--- a/docs/modules/druid.slider.html
+++ b/docs/modules/druid.slider.html
@@ -44,6 +44,7 @@
  <li><a href="../modules/druid.button.html">druid.button</a></li>
  <li><a href="../modules/druid.checkbox.html">druid.checkbox</a></li>
  <li><a href="../modules/druid.checkbox_group.html">druid.checkbox_group</a></li>
+  <li><a href="../modules/druid.drag.html">druid.drag</a></li>
  <li><a href="../modules/druid.grid.html">druid.grid</a></li>
  <li><a href="../modules/druid.hover.html">druid.hover</a></li>
  <li><a href="../modules/druid.input.html">druid.input</a></li>
@@ -52,6 +53,7 @@
  <li><a href="../modules/druid.radio_group.html">druid.radio_group</a></li>
  <li><a href="../modules/druid.scroll.html">druid.scroll</a></li>
  <li><strong>druid.slider</strong></li>
+  <li><a href="../modules/druid.swipe.html">druid.swipe</a></li>
  <li><a href="../modules/druid.text.html">druid.text</a></li>
  <li><a href="../modules/druid.timer.html">druid.timer</a></li>
  <li><a href="../modules/component.html">component</a></li>
@@ -67,6 +69,7 @@
  <li><a href="../topics/03-styles.md.html">Styles</a></li>
  <li><a href="../topics/04-druid_assets.md.html">Druid assets</a></li>
  <li><a href="../topics/05-examples.md.html">Examples</a></li>
+  <li><a href="../topics/changelog.md.html">changelog</a></li>
  <li><a href="../topics/README.md.html">README</a></li>
 </ul>

@@ -278,7 +281,7 @@
 </div> <!-- id="main" -->
 <div id="about">
 <i>generated by <a href="http://github.com/stevedonovan/LDoc">LDoc 1.4.6</a></i>
-<i style="float:right;">Last updated 2020-04-13 19:36:00 </i>
+<i style="float:right;">Last updated 2020-05-09 16:07:15 </i>
 </div> <!-- id="about" -->
 </div> <!-- id="container" -->
 </body>
--- a/docs/modules/druid.swipe.html
+++ b/docs/modules/druid.swipe.html
@@ -0,0 +1,263 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
+   "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html>
+<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
+<head>
+    <title>Defold Druid UI Library</title>
+    <link rel="stylesheet" href="../ldoc_fixed.css" type="text/css" />
+</head>
+<body>
+
+<div id="container">
+
+<div id="product">
+	<div id="product_logo"></div>
+	<div id="product_name"><big><b></b></big></div>
+	<div id="product_description"></div>
+</div> <!-- id="product" -->
+
+
+<div id="main">
+
+
+<!-- Menu -->
+
+<div id="navigation">
+<br/>
+<h1>Druid</h1>
+
+<ul>
+  <li><a href="../index.html">Index</a></li>
+</ul>
+
+<h2>Contents</h2>
+<ul>
+<li><a href="#Functions">Functions</a></li>
+<li><a href="#Tables">Tables</a></li>
+</ul>
+
+
+<h2>Modules</h2>
+<ul class="nowrap">
+  <li><a href="../modules/druid.back_handler.html">druid.back_handler</a></li>
+  <li><a href="../modules/druid.blocker.html">druid.blocker</a></li>
+  <li><a href="../modules/druid.button.html">druid.button</a></li>
+  <li><a href="../modules/druid.checkbox.html">druid.checkbox</a></li>
+  <li><a href="../modules/druid.checkbox_group.html">druid.checkbox_group</a></li>
+  <li><a href="../modules/druid.drag.html">druid.drag</a></li>
+  <li><a href="../modules/druid.grid.html">druid.grid</a></li>
+  <li><a href="../modules/druid.hover.html">druid.hover</a></li>
+  <li><a href="../modules/druid.input.html">druid.input</a></li>
+  <li><a href="../modules/druid.lang_text.html">druid.lang_text</a></li>
+  <li><a href="../modules/druid.progress.html">druid.progress</a></li>
+  <li><a href="../modules/druid.radio_group.html">druid.radio_group</a></li>
+  <li><a href="../modules/druid.scroll.html">druid.scroll</a></li>
+  <li><a href="../modules/druid.slider.html">druid.slider</a></li>
+  <li><strong>druid.swipe</strong></li>
+  <li><a href="../modules/druid.text.html">druid.text</a></li>
+  <li><a href="../modules/druid.timer.html">druid.timer</a></li>
+  <li><a href="../modules/component.html">component</a></li>
+  <li><a href="../modules/druid.html">druid</a></li>
+  <li><a href="../modules/druid_event.html">druid_event</a></li>
+  <li><a href="../modules/druid.helper.html">druid.helper</a></li>
+  <li><a href="../modules/druid_instance.html">druid_instance</a></li>
+</ul>
+<h2>Topics</h2>
+<ul class="">
+  <li><a href="../topics/01-components.md.html">01-components</a></li>
+  <li><a href="../topics/02-creating_custom_components.md.html">Creating custom components</a></li>
+  <li><a href="../topics/03-styles.md.html">Styles</a></li>
+  <li><a href="../topics/04-druid_assets.md.html">Druid assets</a></li>
+  <li><a href="../topics/05-examples.md.html">Examples</a></li>
+  <li><a href="../topics/changelog.md.html">changelog</a></li>
+  <li><a href="../topics/README.md.html">README</a></li>
+</ul>
+
+</div>
+
+<div id="content">
+
+<h1>Module <code>druid.swipe</code></h1>
+<p>Component to handle swipe gestures on node.</p>
+<p> Swipe will be triggered, if swipe was started and
+ ended on one node</p>
+
+
+<h2><a href="#Functions">Functions</a></h2>
+<table class="function_list">
+	<tr>
+	<td class="name" nowrap><a href="#init">init(node, on_swipe_callback)</a></td>
+	<td class="summary">Component init function</td>
+	</tr>
+	<tr>
+	<td class="name" nowrap><a href="#set_click_zone">set_click_zone(zone)</a></td>
+	<td class="summary">Strict swipe click area.</td>
+	</tr>
+</table>
+<h2><a href="#Tables">Tables</a></h2>
+<table class="function_list">
+	<tr>
+	<td class="name" nowrap><a href="#Fields">Fields</a></td>
+	<td class="summary">Components fields</td>
+	</tr>
+	<tr>
+	<td class="name" nowrap><a href="#Events">Events</a></td>
+	<td class="summary">Component events</td>
+	</tr>
+	<tr>
+	<td class="name" nowrap><a href="#Style">Style</a></td>
+	<td class="summary">Component style params.</td>
+	</tr>
+</table>
+
+<br/>
+<br/>
+
+
+    <h2 class="section-header "><a name="Functions"></a>Functions</h2>
+
+    <dl class="function">
+    <dt>
+    <a name = "init"></a>
+    <strong>init(node, on_swipe_callback)</strong>
+    </dt>
+    <dd>
+    Component init function
+
+
+    <h3>Parameters:</h3>
+    <ul>
+        <li><span class="parameter">node</span>
+            <span class="types"><span class="type">node</span></span>
+         Gui node
+        </li>
+        <li><span class="parameter">on_swipe_callback</span>
+            <span class="types"><span class="type">function</span></span>
+         Swipe callback for on<em>swipe</em>end event
+        </li>
+    </ul>
+
+
+
+
+
+</dd>
+    <dt>
+    <a name = "set_click_zone"></a>
+    <strong>set_click_zone(zone)</strong>
+    </dt>
+    <dd>
+    Strict swipe click area.  Useful for
+ restrict events outside stencil node
+
+
+    <h3>Parameters:</h3>
+    <ul>
+        <li><span class="parameter">zone</span>
+            <span class="types"><span class="type">node</span></span>
+         Gui node
+        </li>
+    </ul>
+
+
+
+
+
+</dd>
+</dl>
+    <h2 class="section-header "><a name="Tables"></a>Tables</h2>
+
+    <dl class="function">
+    <dt>
+    <a name = "Fields"></a>
+    <strong>Fields</strong>
+    </dt>
+    <dd>
+    Components fields
+
+
+    <h3>Fields:</h3>
+    <ul>
+        <li><span class="parameter">node</span>
+            <span class="types"><span class="type">node</span></span>
+         Swipe node
+        </li>
+        <li><span class="parameter">click_zone</span>
+            <span class="types"><span class="type">node</span></span>
+         Restriction zone
+         (<em>optional</em>)
+        </li>
+    </ul>
+
+
+
+
+
+</dd>
+    <dt>
+    <a name = "Events"></a>
+    <strong>Events</strong>
+    </dt>
+    <dd>
+    Component events
+
+
+    <h3>Fields:</h3>
+    <ul>
+        <li><span class="parameter">on_swipe</span>
+            <span class="types"><span class="type">druid_event</span></span>
+         Trigger on swipe event
+        </li>
+    </ul>
+
+
+
+
+
+</dd>
+    <dt>
+    <a name = "Style"></a>
+    <strong>Style</strong>
+    </dt>
+    <dd>
+    Component style params.
+ You can override this component styles params in druid styles table
+ or create your own style
+
+
+    <h3>Fields:</h3>
+    <ul>
+        <li><span class="parameter">SWIPE_TIME</span>
+            <span class="types"><span class="type">number</span></span>
+         Maximum time for swipe trigger
+         (<em>default</em> 0.4)
+        </li>
+        <li><span class="parameter">SWIPE_THRESHOLD</span>
+            <span class="types"><span class="type">number</span></span>
+         Minimum distance for swipe trigger
+         (<em>default</em> 50)
+        </li>
+        <li><span class="parameter">SWIPE_TRIGGER_ON_MOVE</span>
+            <span class="types"><span class="type">bool</span></span>
+         If true, trigger on swipe moving, not only release action
+         (<em>default</em> false)
+        </li>
+    </ul>
+
+
+
+
+
+</dd>
+</dl>
+
+
+</div> <!-- id="content" -->
+</div> <!-- id="main" -->
+<div id="about">
+<i>generated by <a href="http://github.com/stevedonovan/LDoc">LDoc 1.4.6</a></i>
+<i style="float:right;">Last updated 2020-05-09 16:07:15 </i>
+</div> <!-- id="about" -->
+</div> <!-- id="container" -->
+</body>
+</html>
--- a/docs/modules/druid.text.html
+++ b/docs/modules/druid.text.html
@@ -44,6 +44,7 @@
  <li><a href="../modules/druid.button.html">druid.button</a></li>
  <li><a href="../modules/druid.checkbox.html">druid.checkbox</a></li>
  <li><a href="../modules/druid.checkbox_group.html">druid.checkbox_group</a></li>
+  <li><a href="../modules/druid.drag.html">druid.drag</a></li>
  <li><a href="../modules/druid.grid.html">druid.grid</a></li>
  <li><a href="../modules/druid.hover.html">druid.hover</a></li>
  <li><a href="../modules/druid.input.html">druid.input</a></li>
@@ -52,6 +53,7 @@
  <li><a href="../modules/druid.radio_group.html">druid.radio_group</a></li>
  <li><a href="../modules/druid.scroll.html">druid.scroll</a></li>
  <li><a href="../modules/druid.slider.html">druid.slider</a></li>
+  <li><a href="../modules/druid.swipe.html">druid.swipe</a></li>
  <li><strong>druid.text</strong></li>
  <li><a href="../modules/druid.timer.html">druid.timer</a></li>
  <li><a href="../modules/component.html">component</a></li>
@@ -67,6 +69,7 @@
  <li><a href="../topics/03-styles.md.html">Styles</a></li>
  <li><a href="../topics/04-druid_assets.md.html">Druid assets</a></li>
  <li><a href="../topics/05-examples.md.html">Examples</a></li>
+  <li><a href="../topics/changelog.md.html">changelog</a></li>
  <li><a href="../topics/README.md.html">README</a></li>
 </ul>

@@ -87,6 +90,10 @@
 	<td class="summary">Component init function</td>
 	</tr>
 	<tr>
+	<td class="name" nowrap><a href="#get_text_width">get_text_width([text])</a></td>
+	<td class="summary">Calculate text width with font with respect to trailing space</td>
+	</tr>
+	<tr>
 	<td class="name" nowrap><a href="#set_to">set_to(set_to)</a></td>
 	<td class="summary">Set text to text field</td>
 	</tr>
@@ -106,6 +113,10 @@
 	<td class="name" nowrap><a href="#set_pivot">set_pivot(pivot)</a></td>
 	<td class="summary">Set text pivot.</td>
 	</tr>
+	<tr>
+	<td class="name" nowrap><a href="#is_multiline">is_multiline()</a></td>
+	<td class="summary">Return true, if text with line break</td>
+	</tr>
 </table>
 <h2><a href="#Tables">Tables</a></h2>
 <table class="function_list">
@@ -156,6 +167,30 @@



+</dd>
+    <dt>
+    <a name = "get_text_width"></a>
+    <strong>get_text_width([text])</strong>
+    </dt>
+    <dd>
+    Calculate text width with font with respect to trailing space
+
+
+    <h3>Parameters:</h3>
+    <ul>
+        <li><span class="parameter">text</span>
+            <span class="types"><a class="type" href="https://www.lua.org/manual/5.3/manual.html#6.4">string</a></span>
+
+
+
+         (<em>optional</em>)
+        </li>
+    </ul>
+
+
+
+
+
 </dd>
    <dt>
    <a name = "set_to"></a>
@@ -262,6 +297,26 @@



+</dd>
+    <dt>
+    <a name = "is_multiline"></a>
+    <strong>is_multiline()</strong>
+    </dt>
+    <dd>
+    Return true, if text with line break
+
+
+
+    <h3>Returns:</h3>
+    <ol>
+
+           <span class="types"><span class="type">bool</span></span>
+        Is text node with line break
+    </ol>
+
+
+
+
 </dd>
 </dl>
    <h2 class="section-header "><a name="Tables"></a>Tables</h2>
@@ -352,7 +407,7 @@
 </div> <!-- id="main" -->
 <div id="about">
 <i>generated by <a href="http://github.com/stevedonovan/LDoc">LDoc 1.4.6</a></i>
-<i style="float:right;">Last updated 2020-04-13 19:36:00 </i>
+<i style="float:right;">Last updated 2020-05-09 16:07:15 </i>
 </div> <!-- id="about" -->
 </div> <!-- id="container" -->
 </body>
--- a/docs/modules/druid.timer.html
+++ b/docs/modules/druid.timer.html
@@ -44,6 +44,7 @@
  <li><a href="../modules/druid.button.html">druid.button</a></li>
  <li><a href="../modules/druid.checkbox.html">druid.checkbox</a></li>
  <li><a href="../modules/druid.checkbox_group.html">druid.checkbox_group</a></li>
+  <li><a href="../modules/druid.drag.html">druid.drag</a></li>
  <li><a href="../modules/druid.grid.html">druid.grid</a></li>
  <li><a href="../modules/druid.hover.html">druid.hover</a></li>
  <li><a href="../modules/druid.input.html">druid.input</a></li>
@@ -52,6 +53,7 @@
  <li><a href="../modules/druid.radio_group.html">druid.radio_group</a></li>
  <li><a href="../modules/druid.scroll.html">druid.scroll</a></li>
  <li><a href="../modules/druid.slider.html">druid.slider</a></li>
+  <li><a href="../modules/druid.swipe.html">druid.swipe</a></li>
  <li><a href="../modules/druid.text.html">druid.text</a></li>
  <li><strong>druid.timer</strong></li>
  <li><a href="../modules/component.html">component</a></li>
@@ -67,6 +69,7 @@
  <li><a href="../topics/03-styles.md.html">Styles</a></li>
  <li><a href="../topics/04-druid_assets.md.html">Druid assets</a></li>
  <li><a href="../topics/05-examples.md.html">Examples</a></li>
+  <li><a href="../topics/changelog.md.html">changelog</a></li>
  <li><a href="../topics/README.md.html">README</a></li>
 </ul>

@@ -293,7 +296,7 @@
 </div> <!-- id="main" -->
 <div id="about">
 <i>generated by <a href="http://github.com/stevedonovan/LDoc">LDoc 1.4.6</a></i>
-<i style="float:right;">Last updated 2020-04-13 19:36:00 </i>
+<i style="float:right;">Last updated 2020-05-09 16:07:15 </i>
 </div> <!-- id="about" -->
 </div> <!-- id="container" -->
 </body>
--- a/docs/modules/druid_event.html
+++ b/docs/modules/druid_event.html
@@ -43,6 +43,7 @@
  <li><a href="../modules/druid.button.html">druid.button</a></li>
  <li><a href="../modules/druid.checkbox.html">druid.checkbox</a></li>
  <li><a href="../modules/druid.checkbox_group.html">druid.checkbox_group</a></li>
+  <li><a href="../modules/druid.drag.html">druid.drag</a></li>
  <li><a href="../modules/druid.grid.html">druid.grid</a></li>
  <li><a href="../modules/druid.hover.html">druid.hover</a></li>
  <li><a href="../modules/druid.input.html">druid.input</a></li>
@@ -51,6 +52,7 @@
  <li><a href="../modules/druid.radio_group.html">druid.radio_group</a></li>
  <li><a href="../modules/druid.scroll.html">druid.scroll</a></li>
  <li><a href="../modules/druid.slider.html">druid.slider</a></li>
+  <li><a href="../modules/druid.swipe.html">druid.swipe</a></li>
  <li><a href="../modules/druid.text.html">druid.text</a></li>
  <li><a href="../modules/druid.timer.html">druid.timer</a></li>
  <li><a href="../modules/component.html">component</a></li>
@@ -66,6 +68,7 @@
  <li><a href="../topics/03-styles.md.html">Styles</a></li>
  <li><a href="../topics/04-druid_assets.md.html">Druid assets</a></li>
  <li><a href="../topics/05-examples.md.html">Examples</a></li>
+  <li><a href="../topics/changelog.md.html">changelog</a></li>
  <li><a href="../topics/README.md.html">README</a></li>
 </ul>

@@ -239,7 +242,7 @@
 </div> <!-- id="main" -->
 <div id="about">
 <i>generated by <a href="http://github.com/stevedonovan/LDoc">LDoc 1.4.6</a></i>
-<i style="float:right;">Last updated 2020-04-13 19:36:00 </i>
+<i style="float:right;">Last updated 2020-05-09 16:07:15 </i>
 </div> <!-- id="about" -->
 </div> <!-- id="container" -->
 </body>
--- a/docs/modules/druid_instance.html
+++ b/docs/modules/druid_instance.html
@@ -43,6 +43,7 @@
  <li><a href="../modules/druid.button.html">druid.button</a></li>
  <li><a href="../modules/druid.checkbox.html">druid.checkbox</a></li>
  <li><a href="../modules/druid.checkbox_group.html">druid.checkbox_group</a></li>
+  <li><a href="../modules/druid.drag.html">druid.drag</a></li>
  <li><a href="../modules/druid.grid.html">druid.grid</a></li>
  <li><a href="../modules/druid.hover.html">druid.hover</a></li>
  <li><a href="../modules/druid.input.html">druid.input</a></li>
@@ -51,6 +52,7 @@
  <li><a href="../modules/druid.radio_group.html">druid.radio_group</a></li>
  <li><a href="../modules/druid.scroll.html">druid.scroll</a></li>
  <li><a href="../modules/druid.slider.html">druid.slider</a></li>
+  <li><a href="../modules/druid.swipe.html">druid.swipe</a></li>
  <li><a href="../modules/druid.text.html">druid.text</a></li>
  <li><a href="../modules/druid.timer.html">druid.timer</a></li>
  <li><a href="../modules/component.html">component</a></li>
@@ -66,6 +68,7 @@
  <li><a href="../topics/03-styles.md.html">Styles</a></li>
  <li><a href="../topics/04-druid_assets.md.html">Druid assets</a></li>
  <li><a href="../topics/05-examples.md.html">Examples</a></li>
+  <li><a href="../topics/changelog.md.html">changelog</a></li>
  <li><a href="../topics/README.md.html">README</a></li>
 </ul>

@@ -93,6 +96,8 @@
         <li><a href="../modules/druid.checkbox.html#">druid.checkbox</a></li>
         <li><a href="../modules/druid.checkbox_group.html#">druid.checkbox_group</a></li>
         <li><a href="../modules/druid.radio_group.html#">druid.radio_group</a></li>
+         <li><a href="../modules/druid.swipe.html#">druid.swipe</a></li>
+         <li><a href="../modules/druid.drag.html#">druid.drag</a></li>
    </ul>


@@ -127,6 +132,22 @@
 	<td class="summary">Druid on_message function</td>
 	</tr>
 	<tr>
+	<td class="name" nowrap><a href="#druid:on_focus_lost">druid:on_focus_lost()</a></td>
+	<td class="summary">Druid on focus lost interest function.</td>
+	</tr>
+	<tr>
+	<td class="name" nowrap><a href="#druid:on_focus_gained">druid:on_focus_gained()</a></td>
+	<td class="summary">Druid on focus gained interest function.</td>
+	</tr>
+	<tr>
+	<td class="name" nowrap><a href="#druid:on_layout_change">druid:on_layout_change()</a></td>
+	<td class="summary">Druid on layout change function.</td>
+	</tr>
+	<tr>
+	<td class="name" nowrap><a href="#druid.on_language_change">druid.on_language_change()</a></td>
+	<td class="summary">Druid on language change.</td>
+	</tr>
+	<tr>
 	<td class="name" nowrap><a href="#druid:new_button">druid:new_button(...)</a></td>
 	<td class="summary">Create button basic component</td>
 	</tr>
@@ -186,6 +207,14 @@
 	<td class="name" nowrap><a href="#druid:new_radio_group">druid:new_radio_group(...)</a></td>
 	<td class="summary">Create radio_group basic component</td>
 	</tr>
+	<tr>
+	<td class="name" nowrap><a href="#druid:new_swipe">druid:new_swipe(...)</a></td>
+	<td class="summary">Create swipe basic component</td>
+	</tr>
+	<tr>
+	<td class="name" nowrap><a href="#druid:new_drag">druid:new_drag(...)</a></td>
+	<td class="summary">Create drag basic component</td>
+	</tr>
 </table>

 <br/>
@@ -356,6 +385,67 @@



+</dd>
+    <dt>
+    <a name = "druid:on_focus_lost"></a>
+    <strong>druid:on_focus_lost()</strong>
+    </dt>
+    <dd>
+    Druid on focus lost interest function.
+ This one called by on<em>window</em>callback by global window listener
+
+
+
+
+
+
+
+</dd>
+    <dt>
+    <a name = "druid:on_focus_gained"></a>
+    <strong>druid:on_focus_gained()</strong>
+    </dt>
+    <dd>
+    Druid on focus gained interest function.
+ This one called by on<em>window</em>callback by global window listener
+
+
+
+
+
+
+
+</dd>
+    <dt>
+    <a name = "druid:on_layout_change"></a>
+    <strong>druid:on_layout_change()</strong>
+    </dt>
+    <dd>
+    Druid on layout change function.
+ Called on update gui layout
+
+
+
+
+
+
+
+</dd>
+    <dt>
+    <a name = "druid.on_language_change"></a>
+    <strong>druid.on_language_change()</strong>
+    </dt>
+    <dd>
+    Druid on language change.
+ This one called by global gruid.on<em>language</em>change, but can be
+ call manualy to update all translations
+
+
+
+
+
+
+
 </dd>
    <dt>
    <a name = "druid:new_button"></a>
@@ -761,6 +851,60 @@



+</dd>
+    <dt>
+    <a name = "druid:new_swipe"></a>
+    <strong>druid:new_swipe(...)</strong>
+    </dt>
+    <dd>
+    Create swipe basic component
+
+
+    <h3>Parameters:</h3>
+    <ul>
+        <li><span class="parameter">...</span>
+            <span class="types"><span class="type">args</span></span>
+         swipe init args
+        </li>
+    </ul>
+
+    <h3>Returns:</h3>
+    <ol>
+
+           <span class="types"><span class="type">Component</span></span>
+        swipe component
+    </ol>
+
+
+
+
+</dd>
+    <dt>
+    <a name = "druid:new_drag"></a>
+    <strong>druid:new_drag(...)</strong>
+    </dt>
+    <dd>
+    Create drag basic component
+
+
+    <h3>Parameters:</h3>
+    <ul>
+        <li><span class="parameter">...</span>
+            <span class="types"><span class="type">args</span></span>
+         drag init args
+        </li>
+    </ul>
+
+    <h3>Returns:</h3>
+    <ol>
+
+           <span class="types"><span class="type">Componetn</span></span>
+        drag component
+    </ol>
+
+
+
+
 </dd>
 </dl>

@@ -769,7 +913,7 @@
 </div> <!-- id="main" -->
 <div id="about">
 <i>generated by <a href="http://github.com/stevedonovan/LDoc">LDoc 1.4.6</a></i>
-<i style="float:right;">Last updated 2020-04-13 19:36:00 </i>
+<i style="float:right;">Last updated 2020-05-09 16:07:15 </i>
 </div> <!-- id="about" -->
 </div> <!-- id="container" -->
 </body>
--- a/docs/topics/01-components.md.html
+++ b/docs/topics/01-components.md.html
@@ -47,6 +47,8 @@
 <li><a href="#Timer">Timer </a></li>
 <li><a href="#Grid">Grid </a></li>
 <li><a href="#Hover">Hover </a></li>
+<li><a href="#Swipe">Swipe </a></li>
+<li><a href="#Drag">Drag </a></li>
 </ul>


@@ -57,6 +59,7 @@
  <li><a href="../topics/03-styles.md.html">Styles</a></li>
  <li><a href="../topics/04-druid_assets.md.html">Druid assets</a></li>
  <li><a href="../topics/05-examples.md.html">Examples</a></li>
+  <li><a href="../topics/changelog.md.html">changelog</a></li>
  <li><a href="../topics/README.md.html">README</a></li>
 </ul>
 <h2>Modules</h2>
@@ -66,6 +69,7 @@
  <li><a href="../modules/druid.button.html">druid.button</a></li>
  <li><a href="../modules/druid.checkbox.html">druid.checkbox</a></li>
  <li><a href="../modules/druid.checkbox_group.html">druid.checkbox_group</a></li>
+  <li><a href="../modules/druid.drag.html">druid.drag</a></li>
  <li><a href="../modules/druid.grid.html">druid.grid</a></li>
  <li><a href="../modules/druid.hover.html">druid.hover</a></li>
  <li><a href="../modules/druid.input.html">druid.input</a></li>
@@ -74,6 +78,7 @@
  <li><a href="../modules/druid.radio_group.html">druid.radio_group</a></li>
  <li><a href="../modules/druid.scroll.html">druid.scroll</a></li>
  <li><a href="../modules/druid.slider.html">druid.slider</a></li>
+  <li><a href="../modules/druid.swipe.html">druid.swipe</a></li>
  <li><a href="../modules/druid.text.html">druid.text</a></li>
  <li><a href="../modules/druid.timer.html">druid.timer</a></li>
  <li><a href="../modules/component.html">component</a></li>
@@ -154,7 +159,7 @@ Where node name is name of node from GUI scene. You can use <code>node_name</cod

 <p><a name="Blocker"></a></p>
 <h2>Blocker</h2>
-<p><a href="https://insality.github.io/druid/modules/druid.button.html">Blocker API here</a></p>
+<p><a href="https://insality.github.io/druid/modules/druid.blocker.html">Blocker API here</a></p>

 <h3>Overview</h3>
 <p>Druid component for block input. Use it to block input in special zone.</p>
@@ -207,32 +212,35 @@ Where node name is name of node from GUI scene. You can use <code>node_name</cod
 <p>Basic Druid scroll component. Handle all scrolling stuff in druid GUI</p>

 <h3>Setup</h3>
-<p>Create scroll component with druid: <code>scroll = druid:new_scroll(scroll_parent, scroll_input)</code>.</p>
+<p>Create scroll component with druid: <code>scroll = druid:new_scroll(view_node, content_node)</code>.</p>

-<p><em>Scroll parent</em> - is dynamic part. This node will change position by scroll system</p>
+<p><em>View</em>node_ - is static part. It capturing user input and recognize scrolling touches</p>

-<p><em>Scroll input</em> - is static part. It capturing user input and recognize scrolling touches</p>
+<p><em>Content</em>node_ - is dynamic part. This node will change position by scroll system</p>

-<p>Initial scroll size will be equal to <em>scroll parent</em> node size. The initial view box will be equal to <em>scroll input</em> node size</p>
+<p>Initial scroll size will be equal to <em>content</em>node_ node size. The initial view box will be equal to <em>view</em>node_ node size</p>

-<p>Usually, Place static input zone part, and as children add scroll parent part:
+<p>Usually, Place <em>view</em>node_ and as children add <em>content</em>node_:
 <img src="../media/scroll_scheme.png" alt=""/>
 <img src="../media/scroll_outline.png" alt=""/></p>

-<p>*Here scroll<em>content</em>zone below input zone, in game content zone be able to scroll left until end*</p>
+<p>*Here content<em>node below view</em>node, in game content_node be able to scroll left until end*</p>

 <h3>Notes</h3>
-<p>- Scroll by default style have inertion and "back moving". It can be adjust via scroll <a href="https://insality.github.io/druid/modules/druid.scroll.html#Style">style settings</a>
+<p>- Scroll by default style have inertion and extra size for strecthing effect. It can be adjust via scroll <a href="https://insality.github.io/druid/modules/druid.scroll.html#Style">style settings</a>
 - You can setup "points of interest". Scroll always will be centered on closes point of interest. It is able to create slider without inertion and points of interest on each scroll element.
 - Scroll have next events:</p>

 <pre>
- *on_scroll* On scroll move callback
- *on_scroll_to* On scroll_to <span class="keyword">function</span> callback
- *on_point_scroll* On scroll_to_index <span class="keyword">function</span> callback
+- *on_scroll* (self, position) On scroll move callback
+- *on_scroll_to* (self, position, is_instant) On scroll_to <span class="keyword">function</span> callback
+- *on_point_scroll* (self, item_index, position) On scroll_to_index <span class="keyword">function</span> callback
 </pre>

-<p>- You can adjust scroll content size by <code>scroll:set_border(node_size)</code>. It will setup new size to content node.</p>
+<p>- You can adjust scroll content size by <code>scroll:set_size(node_size)</code>. It will setup new size to <em>content node</em>
+- You can enabled or disable inertion mode via <code>scroll:set_intert(state)</code>
+- You can adjust extra stretch size via <code>scroll:set_extra_stretch_size</code>
+- Multitouch is required for scroll. Scroll is correctly handling touch_id swap while dragging scroll</p>


 <p><a name="Progress"></a></p>
@@ -277,8 +285,17 @@ Key is value from druid const: const.SIDE.X (or just "x") or const.SIDE.Y (or ju
 <p>Basic Druid text input component (unimplemented)</p>

 <h3>Setup</h3>
+<p>Create input component with druid: <code>input = druid:new_input(button_node_name, text_node_name, keyboard_type)</code></p>

 <h3>Notes</h3>
+<p>- Input component handle user text input. Input contains from button and text components. Button needed for selecting/unselecting input field
+- Long click on input field for clear and select input field (clearing can be disable via styles)
+- Click outside of button to unselect input field
+- On focus lost (game minimized) input field will be unselected
+- You can setup max length of the text
+- You can setup allowed characters. On add not allowed characters <code>on_input_wrong</code> will be called. By default it cause simple shake animation
+- The keyboard for input will not show on mobile HTML5. So input field in mobile HTML5 is not working now
+- To make work different keyboard type, make sure value in game.project Android:InputMethod set to HidderInputField (https://defold.com/manuals/project-settings/#input-method)</p>


 <p><a name="Checkbox"></a></p>
@@ -348,7 +365,7 @@ Key is value from druid const: const.SIDE.X (or just "x") or const.SIDE.Y (or ju
 <p>Component for manage node positions. Very simple implementation for nodes with equal size</p>

 <h3>Setup</h3>
-<p>Create grid component with druid: <code>grid = druid:new_grid(parent_node, prefab_node, max_in_row_elements)</code></p>
+<p>Create  component with druid: <code>grid = druid:new_grid(parent_node, prefab_node, max_in_row_elements)</code></p>

 <h3>Notes</h3>
 <p>- Grid on <em>adding elements</em> will setup parent to <em>parent</em>node_
@@ -362,19 +379,91 @@ Key is value from druid const: const.SIDE.X (or just "x") or const.SIDE.Y (or ju
 <p><a href="https://insality.github.io/druid/modules/druid.hover.html">Hover API here</a></p>

 <h3>Overview</h3>
-<p>System Druid component, handle hover node state</p>
+<p>System Druid component, handle hover node state.</p>

 <h3>Setup</h3>
-<p>Create grid component with druid: <code>hover = druid:new_hover(node, callback)</code></p>
+<p>Create hover component with druid: <code>hover = druid:new_hover(node, callback)</code></p>

 <h3>Notes</h3>
+<p>- By default, hover handles <em>hover event</em> with pressed touch action_id. So it's mean, what mouse or touch have to be pressed
+- On desktop platforms there is <em>on</em>mouse<em>hover</em> event. It's event on mouse hover without any action id</p>
+
+
+<p><a name="Swipe"></a></p>
+<h2>Swipe</h2>
+<p><a href="https://insality.github.io/druid/modules/druid.swipe.html">Swipe API here</a></p>
+
+<h3>Overview</h3>
+<p>System Druid component, handle swipe actions on node</p>
+
+<h3>Setup</h3>
+<p>Create swipe component with druid: <code>hover = druid:new_swipe(node, swipe_callback)</code></p>
+
+<h3>Notes</h3>
+<p>- Swipe callback have next params: (self, swipe_side, distance, time)</p>
+
+<pre>
+- **self** - Druid self context
+- **swipe_side**: *<span class="global">string</span>* - values from [<span class="string">"up"</span>, <span class="string">"down"</span>, <span class="string">"left"</span>, <span class="string">"right"</span>]
+- **distance**: *number* - <span class="keyword">in</span> pixels, distance of swipe
+- **time**: *number* - <span class="keyword">in</span> seconds, time of swiping
+</pre>
+
+<p>- Swipe trigger only, if all input actions was on swipe node. If action will be outside of node, swipe status will be reseted
+- In swipe style table you can adjust minimal distance and maximum time to trigg-  Hover state trigger only with touch on mobile devices or button mouse holding. Just mouse over swipe
+- In swipe style table you can toggle type of swipe triggering. if SWIPE<em>TRIGGER</em>ON_MOVE setup to true - swipe will trigger as swipe can be triggered. If setup to false - swipe will trigger only on released action
+- If you have stencil on swipe node and you don't want trigger it outside of stencil node, you can use <a href="../modules/druid.swipe.html#set_click_zone">swipe:set_click_zone</a> to restrict swipe zonethout buttons is now not allowed.</p>
+
+
+<p><a name="Drag"></a></p>
+<h2>Drag</h2>
+<p><a href="https://insality.github.io/druid/modules/druid.drag.html">Drag API here</a></p>
+
+<h3>Overview</h3>
+<p>System Druid component, handle drag actions on node</p>
+
+<h3>Setup</h3>
+<p>Create drag component with druid: <code>hover = druid:new_drag(node, drag_callback)</code></p>
+
+<h3>Notes</h3>
+<p>- Drag callback have next params: (self, swipe_side, distance, time)</p>
+
+<pre>
+- **self**: Druid self context
+- **dx**: *number* - delta x position
+- **dy**: *number* - delta y position
+</pre>
+
+<p>- In styles, you can point the drag start deadzone. Default value is 10 pixels
+- Drag correctly process multitouch. You can switch touch_id, while dragging on node with correct <em>dx</em> and <em>dy</em> values (made for correct scrolling)
+- You can restrict horizontal or vertical dragging by setting <code>drag.can_x</code> or <code>drag.can_y</code> to <em>false</em> value
+- You can get info about current drag state:</p>
+
+<pre>
+- _is_touch_ - Is currently node touching
+- _is_drag_ - Is currently node is dragging
+- _x_ <span class="keyword">and</span> _y_ - Current touch position
+- _touch_start_pos_ - Touch stat positions
+</pre>
+
+<p>- Drag have next events:</p>
+
+<pre>
+- _on_touch_start_ (self) - Event on touch start
+- _on_touch_end_ (self) - Event on touch <span class="keyword">end</span>
+- _on_drag_start_ (self) - Event on drag start
+- _on_drag_ (self, dx, dy) - Event on drag process
+- _on_drag_end_ (self) - Event on drag <span class="keyword">end</span>
+</pre>
+
+<p>- Drag node zone can be restricted via <code>drag:set_click_zone(node)</code></p>


 </div> <!-- id="content" -->
 </div> <!-- id="main" -->
 <div id="about">
 <i>generated by <a href="http://github.com/stevedonovan/LDoc">LDoc 1.4.6</a></i>
-<i style="float:right;">Last updated 2020-04-13 19:36:00 </i>
+<i style="float:right;">Last updated 2020-05-09 16:07:15 </i>
 </div> <!-- id="about" -->
 </div> <!-- id="container" -->
 </body>
--- a/docs/topics/02-creating_custom_components.md.html
+++ b/docs/topics/02-creating_custom_components.md.html
@@ -46,6 +46,7 @@
  <li><a href="../topics/03-styles.md.html">Styles</a></li>
  <li><a href="../topics/04-druid_assets.md.html">Druid assets</a></li>
  <li><a href="../topics/05-examples.md.html">Examples</a></li>
+  <li><a href="../topics/changelog.md.html">changelog</a></li>
  <li><a href="../topics/README.md.html">README</a></li>
 </ul>
 <h2>Modules</h2>
@@ -55,6 +56,7 @@
  <li><a href="../modules/druid.button.html">druid.button</a></li>
  <li><a href="../modules/druid.checkbox.html">druid.checkbox</a></li>
  <li><a href="../modules/druid.checkbox_group.html">druid.checkbox_group</a></li>
+  <li><a href="../modules/druid.drag.html">druid.drag</a></li>
  <li><a href="../modules/druid.grid.html">druid.grid</a></li>
  <li><a href="../modules/druid.hover.html">druid.hover</a></li>
  <li><a href="../modules/druid.input.html">druid.input</a></li>
@@ -63,6 +65,7 @@
  <li><a href="../modules/druid.radio_group.html">druid.radio_group</a></li>
  <li><a href="../modules/druid.scroll.html">druid.scroll</a></li>
  <li><a href="../modules/druid.slider.html">druid.slider</a></li>
+  <li><a href="../modules/druid.swipe.html">druid.swipe</a></li>
  <li><a href="../modules/druid.text.html">druid.text</a></li>
  <li><a href="../modules/druid.timer.html">druid.timer</a></li>
  <li><a href="../modules/component.html">component</a></li>
@@ -110,12 +113,16 @@
 </span><span class="keyword">function</span> M.on_input(self, action_id, action)
 <span class="keyword">end</span>

+<span class="comment">-- Call on component creation and on component:set_style() function
+</span><span class="keyword">function</span> M.on_style_change(self, style)
+<span class="keyword">end</span>
+
 <span class="comment">-- Call only if exist interest: const.ON_MESSAGE
 </span><span class="keyword">function</span> M.on_message(self, message_id, message, sender)
 <span class="keyword">end</span>

-<span class="comment">-- Call only if component with ON_CHANGE_LANGUAGE interest
-</span><span class="keyword">function</span> M.on_change_language(self)
+<span class="comment">-- Call only if component with ON_LANGUAGE_CHANGE interest
+</span><span class="keyword">function</span> M.on_language_change(self)
 <span class="keyword">end</span>

 <span class="comment">-- Call only if component with ON_LAYOUT_CHANGE interest
@@ -127,6 +134,14 @@
 </span><span class="keyword">function</span> M.on_input_interrupt(self)
 <span class="keyword">end</span>

+<span class="comment">-- Call, if game lost focus. Need ON_FOCUS_LOST intereset
+</span><span class="keyword">function</span> M.on_focus_lost(self)
+<span class="keyword">end</span>
+
+<span class="comment">-- Call, if game gained focus. Need ON_FOCUS_GAINED intereset
+</span><span class="keyword">function</span> M.on_focus_gained(self)
+<span class="keyword">end</span>
+
 <span class="comment">-- Call on component remove or on druid:final
 </span><span class="keyword">function</span> M.on_remove(self)
 <span class="keyword">end</span>
@@ -177,11 +192,12 @@ There is next interests in druid:
    <li><p><strong>ON_UPDATE</strong> - component will be updated from update</p></li>
    <li><p><strong>ON<em>INPUT</em>HIGH</strong> - component will receive input from on<em>input, before other components with ON</em>INPUT</p></li>
    <li><p><strong>ON_INPUT</strong> - component will receive input from on<em>input, after other components with ON</em>INPUT_HIGH</p></li>
-    <li><p><strong>ON<em>CHANGE</em>LANGUAGE</strong> - will call <em>on</em>change<em>language</em> function on language change trigger</p></li>
-    <li><p><strong>ON<em>LAYOUT</em>CHANGED</strong> will call <em>on</em>layout<em>change</em> function on layout change trigger</p></li>
+    <li><p><strong>ON<em>LANGUAGE</em>CHANGE</strong> - will call <em>on</em>language<em>change</em> function on language change trigger</p></li>
+    <li><p><strong>ON<em>LAYOUT</em>CHANGE</strong> will call <em>on</em>layout<em>change</em> function on layout change trigger</p></li>
+    <li><p><strong>ON<em>FOCUS</em>LOST</strong> will call <em>on</em>focust<em>lost</em> function in on focus lost event. You need to pass window_callback to global <a href="../modules/druid.html#on_window_callback">druid:on_window_callback</a></p></li>
+    <li><p><strong>ON<em>FOCUS</em>GAINED</strong> will call <em>on</em>focust<em>gained</em> function in on focus gained event. You need to pass window_callback to global <a href="../modules/druid.html#on_window_callback">druid:on_window_callback</a></p></li>
 </ul>

-
 <p><a name="Best_practice_on_custom_components"></a></p>
 <h2>Best practice on custom components</h2>
 <p>On each component recommended describe component scheme in next way:</p>
@@ -214,10 +230,6 @@ There is next interests in druid:

    <span class="comment">-- Button self on callback is self of _this_ component
 </span> <span class="keyword">local</span> button = druid:new_button(...)
-
-    <span class="comment">-- helper can return you the component style for current component
-</span> <span class="comment">-- It return by component name from
-</span> <span class="keyword">local</span> my_style = self:get_style()
 <span class="keyword">end</span>
 </pre>

@@ -233,7 +245,7 @@ There is next interests in druid:
 </div> <!-- id="main" -->
 <div id="about">
 <i>generated by <a href="http://github.com/stevedonovan/LDoc">LDoc 1.4.6</a></i>
-<i style="float:right;">Last updated 2020-04-13 19:36:00 </i>
+<i style="float:right;">Last updated 2020-05-09 16:07:15 </i>
 </div> <!-- id="about" -->
 </div> <!-- id="container" -->
 </body>
--- a/docs/topics/03-styles.md.html
+++ b/docs/topics/03-styles.md.html
@@ -34,7 +34,7 @@
 <ul>
 <li><a href="#Overview">Overview </a></li>
 <li><a href="#Usage">Usage </a></li>
-<li><a href="#Create_custom_components">Create custom components </a></li>
+<li><a href="#Create_your_own_styles">Create your own styles </a></li>
 </ul>


@@ -45,6 +45,7 @@
  <li><strong>Styles</strong></li>
  <li><a href="../topics/04-druid_assets.md.html">Druid assets</a></li>
  <li><a href="../topics/05-examples.md.html">Examples</a></li>
+  <li><a href="../topics/changelog.md.html">changelog</a></li>
  <li><a href="../topics/README.md.html">README</a></li>
 </ul>
 <h2>Modules</h2>
@@ -54,6 +55,7 @@
  <li><a href="../modules/druid.button.html">druid.button</a></li>
  <li><a href="../modules/druid.checkbox.html">druid.checkbox</a></li>
  <li><a href="../modules/druid.checkbox_group.html">druid.checkbox_group</a></li>
+  <li><a href="../modules/druid.drag.html">druid.drag</a></li>
  <li><a href="../modules/druid.grid.html">druid.grid</a></li>
  <li><a href="../modules/druid.hover.html">druid.hover</a></li>
  <li><a href="../modules/druid.input.html">druid.input</a></li>
@@ -62,6 +64,7 @@
  <li><a href="../modules/druid.radio_group.html">druid.radio_group</a></li>
  <li><a href="../modules/druid.scroll.html">druid.scroll</a></li>
  <li><a href="../modules/druid.slider.html">druid.slider</a></li>
+  <li><a href="../modules/druid.swipe.html">druid.swipe</a></li>
  <li><a href="../modules/druid.text.html">druid.text</a></li>
  <li><a href="../modules/druid.timer.html">druid.timer</a></li>
  <li><a href="../modules/component.html">component</a></li>
@@ -88,7 +91,8 @@

 <p><a name="Usage"></a></p>
 <h2>Usage</h2>
-<p>Setup default druid style for all druid instances via <code>druid.set_default_style</code></p>
+<p>Setup default druid style for all druid instances via <a href="../modules/druid.html#set_default_style">druid.set_default_style</a>
+You can pass <em>nil</em> or <em>empty</em>table_ to use default values for all components (no styles)</p>

 <pre>
 <span class="keyword">local</span> druid = <span class="global">require</span>(<span class="string">"druid.druid"</span>)
@@ -128,17 +132,30 @@
 </pre>


-<p><a name="Create_custom_components"></a></p>
-<h2>Create custom components</h2>
-<p>Styles is just lua table, so it can be described in just one single file
-<strong>TODO</strong></p>
+
+<p><a name="Create_your_own_styles"></a></p>
+<h2>Create your own styles</h2>
+
+<p>The most components have their styles. You can explore it on <a href="https://insality.github.io/druid/">Druid API</a> in table style section (<a href="https://insality.github.io/druid/modules/druid.button.html#Style">button example</a>). Or you can see, what fields component uses in code in function <code>on_style_change</code></p>
+
+<p>To create you style, create lua module, what return &lt;<em>component</em>name_, <em>component</em>style_> table</p>
+
+<p>Example: <a href="https://github.com/Insality/druid/blob/develop/druid/styles/default/style.lua">default druid style</a></p>
+
+<p>Override all fields you want and set your style with one of next ways:</p>
+
+<ul>
+    <li>Set your style as global via <a href="../modules/druid.html#set_default_style">druid.set_default_style</a></li>
+    <li>Set style for concrete druid instance via <code>druid = druid.new(self, style)</code></li>
+    <li>Set style for concrete instance via <code>component:set_style(style)</code></li>
+</ul>


 </div> <!-- id="content" -->
 </div> <!-- id="main" -->
 <div id="about">
 <i>generated by <a href="http://github.com/stevedonovan/LDoc">LDoc 1.4.6</a></i>
-<i style="float:right;">Last updated 2020-04-13 19:36:00 </i>
+<i style="float:right;">Last updated 2020-05-09 16:07:15 </i>
 </div> <!-- id="about" -->
 </div> <!-- id="container" -->
 </body>
--- a/docs/topics/04-druid_assets.md.html
+++ b/docs/topics/04-druid_assets.md.html
@@ -43,6 +43,7 @@
  <li><a href="../topics/03-styles.md.html">Styles</a></li>
  <li><strong>Druid assets</strong></li>
  <li><a href="../topics/05-examples.md.html">Examples</a></li>
+  <li><a href="../topics/changelog.md.html">changelog</a></li>
  <li><a href="../topics/README.md.html">README</a></li>
 </ul>
 <h2>Modules</h2>
@@ -52,6 +53,7 @@
  <li><a href="../modules/druid.button.html">druid.button</a></li>
  <li><a href="../modules/druid.checkbox.html">druid.checkbox</a></li>
  <li><a href="../modules/druid.checkbox_group.html">druid.checkbox_group</a></li>
+  <li><a href="../modules/druid.drag.html">druid.drag</a></li>
  <li><a href="../modules/druid.grid.html">druid.grid</a></li>
  <li><a href="../modules/druid.hover.html">druid.hover</a></li>
  <li><a href="../modules/druid.input.html">druid.input</a></li>
@@ -60,6 +62,7 @@
  <li><a href="../modules/druid.radio_group.html">druid.radio_group</a></li>
  <li><a href="../modules/druid.scroll.html">druid.scroll</a></li>
  <li><a href="../modules/druid.slider.html">druid.slider</a></li>
+  <li><a href="../modules/druid.swipe.html">druid.swipe</a></li>
  <li><a href="../modules/druid.text.html">druid.text</a></li>
  <li><a href="../modules/druid.timer.html">druid.timer</a></li>
  <li><a href="../modules/component.html">component</a></li>
@@ -89,7 +92,7 @@
 </div> <!-- id="main" -->
 <div id="about">
 <i>generated by <a href="http://github.com/stevedonovan/LDoc">LDoc 1.4.6</a></i>
-<i style="float:right;">Last updated 2020-04-13 19:36:00 </i>
+<i style="float:right;">Last updated 2020-05-09 16:07:15 </i>
 </div> <!-- id="about" -->
 </div> <!-- id="container" -->
 </body>
--- a/docs/topics/05-examples.md.html
+++ b/docs/topics/05-examples.md.html
@@ -43,6 +43,7 @@
  <li><a href="../topics/03-styles.md.html">Styles</a></li>
  <li><a href="../topics/04-druid_assets.md.html">Druid assets</a></li>
  <li><strong>Examples</strong></li>
+  <li><a href="../topics/changelog.md.html">changelog</a></li>
  <li><a href="../topics/README.md.html">README</a></li>
 </ul>
 <h2>Modules</h2>
@@ -52,6 +53,7 @@
  <li><a href="../modules/druid.button.html">druid.button</a></li>
  <li><a href="../modules/druid.checkbox.html">druid.checkbox</a></li>
  <li><a href="../modules/druid.checkbox_group.html">druid.checkbox_group</a></li>
+  <li><a href="../modules/druid.drag.html">druid.drag</a></li>
  <li><a href="../modules/druid.grid.html">druid.grid</a></li>
  <li><a href="../modules/druid.hover.html">druid.hover</a></li>
  <li><a href="../modules/druid.input.html">druid.input</a></li>
@@ -60,6 +62,7 @@
  <li><a href="../modules/druid.radio_group.html">druid.radio_group</a></li>
  <li><a href="../modules/druid.scroll.html">druid.scroll</a></li>
  <li><a href="../modules/druid.slider.html">druid.slider</a></li>
+  <li><a href="../modules/druid.swipe.html">druid.swipe</a></li>
  <li><a href="../modules/druid.text.html">druid.text</a></li>
  <li><a href="../modules/druid.timer.html">druid.timer</a></li>
  <li><a href="../modules/component.html">component</a></li>
@@ -87,7 +90,7 @@
 </div> <!-- id="main" -->
 <div id="about">
 <i>generated by <a href="http://github.com/stevedonovan/LDoc">LDoc 1.4.6</a></i>
-<i style="float:right;">Last updated 2020-04-13 19:36:00 </i>
+<i style="float:right;">Last updated 2020-05-09 16:07:15 </i>
 </div> <!-- id="about" -->
 </div> <!-- id="container" -->
 </body>
--- a/docs/topics/README.md.html
+++ b/docs/topics/README.md.html
@@ -53,6 +53,7 @@
  <li><a href="../topics/03-styles.md.html">Styles</a></li>
  <li><a href="../topics/04-druid_assets.md.html">Druid assets</a></li>
  <li><a href="../topics/05-examples.md.html">Examples</a></li>
+  <li><a href="../topics/changelog.md.html">changelog</a></li>
  <li><strong>README</strong></li>
 </ul>
 <h2>Modules</h2>
@@ -62,6 +63,7 @@
  <li><a href="../modules/druid.button.html">druid.button</a></li>
  <li><a href="../modules/druid.checkbox.html">druid.checkbox</a></li>
  <li><a href="../modules/druid.checkbox_group.html">druid.checkbox_group</a></li>
+  <li><a href="../modules/druid.drag.html">druid.drag</a></li>
  <li><a href="../modules/druid.grid.html">druid.grid</a></li>
  <li><a href="../modules/druid.hover.html">druid.hover</a></li>
  <li><a href="../modules/druid.input.html">druid.input</a></li>
@@ -70,6 +72,7 @@
  <li><a href="../modules/druid.radio_group.html">druid.radio_group</a></li>
  <li><a href="../modules/druid.scroll.html">druid.scroll</a></li>
  <li><a href="../modules/druid.slider.html">druid.slider</a></li>
+  <li><a href="../modules/druid.swipe.html">druid.swipe</a></li>
  <li><a href="../modules/druid.text.html">druid.text</a></li>
  <li><a href="../modules/druid.timer.html">druid.timer</a></li>
  <li><a href="../modules/component.html">component</a></li>
@@ -109,11 +112,15 @@

 <ul>
    <li>Mouse trigger - <code>Button 1</code> -> <code>touch</code> <em>For basic input components</em></li>
-    <li>Key trigger - <code>Backspace</code> -> <code>back</code>  <em>For back</em>handler component_</li>
-    <li>Key trigger - <code>Back</code> -> <code>back</code>  <em>For back</em>handler component, Android back button_</li>
+    <li>Key trigger - <code>Backspace</code> -> <code>key_backspace</code>  <em>For back</em>handler component, input component_</li>
+    <li>Key trigger - <code>Back</code> -> <code>key_back</code>  <em>For back</em>handler component, Android back button, input component_</li>
+    <li>Key trigger - <code>Enter</code> -> <code>key_enter</code> <em>For input component, optional</em></li>
+    <li>Key trigger - <code>Esc</code> -> <code>key_esc</code> <em>For input component, optional</em></li>
+    <li>Touch triggers - <code>Touch multi</code> -> <code>multitouch</code> <em>For scroll component</em></li>
 </ul>

-<p><img src="media/input_binding.png" alt=""/></p>
+<p><img src="media/input_binding_2.png" alt=""/>
+<img src="media/input_binding_1.png" alt=""/></p>


 <h3>Input capturing [optional]</h3>
@@ -143,6 +150,18 @@

 <span class="comment">-- Used for change default druid style
 </span>druid.set_default_style(your_style)
+
+<span class="comment">-- Call this function on language changing in the game,
+</span><span class="comment">-- to retranslate all lang_text components:
+</span>druid.on_language_change()
+
+<span class="comment">-- Call this function on layout changing in the game,
+</span><span class="comment">-- to reapply layouts
+</span>druid.on_layout_change()
+
+<span class="comment">-- Call this function inside window.set_listener
+</span><span class="comment">-- to catch game focus lost/gained callbacks:
+</span>druid.on_window_callback(event)
 </pre>


@@ -168,6 +187,8 @@
    <li><p><strong><a href="https://github.com/Insality/druid/blob/master/docs_md/01-components.md#timer">Timer</a></strong> - Handle timer work on gui text node</p></li>
    <li><p><strong><a href="https://github.com/Insality/druid/blob/master/docs_md/01-components.md#grid">Grid</a></strong> - Component for manage node positions </p></li>
    <li><p><strong><a href="https://github.com/Insality/druid/blob/master/docs_md/01-components.md#hover">Hover</a></strong> - System Druid component, handle hover node state</p></li>
+    <li><p><strong><a href="https://github.com/Insality/druid/blob/master/docs_md/01-components.md#swipe">Swipe</a></strong> - System Druid component, handle swipe gestures on node</p></li>
+    <li><p><strong><a href="https://github.com/Insality/druid/blob/master/docs_md/01-components.md#drag">Drag</a></strong> - System Druid component, handle drag input on node </p></li>
 </ul>

 <p>Full info see on <em><a href="https://github.com/Insality/druid/blob/master/docs_md/01-components.md">components.md</a></em></p>
@@ -190,11 +211,15 @@
    <span class="global">print</span>(<span class="string">"Button was clicked!"</span>)
 <span class="keyword">end</span>

-<span class="keyword">local</span> <span class="keyword">function</span> init(self)
+<span class="keyword">function</span> init(self)
    self.druid = druid.new(self)
    self.druid:new_button(<span class="string">"button_node_name"</span>, button_callback)
 <span class="keyword">end</span>

+<span class="keyword">function</span> final(self)
+    self.druid:final()
+<span class="keyword">end</span>
+
 <span class="keyword">function</span> on_input(self, action_id, action)
    <span class="keyword">return</span> self.druid:on_input(action_id, action)
 <span class="keyword">end</span>
@@ -248,7 +273,7 @@
 <ul>
    <li>*on_input* used for almost all basic druid components</li>
    <li><em>update</em> used for progress bar, scroll and timer base components</li>
-    <li>*on_message* used for specific druid events, like language change or layout change (TODO: in future)</li>
+    <li>*on_message* used for specific druid events, like language change or layout change</li>
    <li><em>final</em> used for custom components, what have to do several action before destroy</li>
 </ul>

@@ -296,13 +321,13 @@ https://insality.github.io/druid/</p>
 <p><a name="License"></a></p>
 <h2>License</h2>

-<p>Original created by <a href="https://github.com/AGulev">AGulev</a></p>
+<ul>
+    <li>Original created by <a href="https://github.com/AGulev">AGulev</a></li>
+    <li>Developed and supporting by <a href="https://github.com/Insality">Insality</a></li>
+    <li>Assets from <a href="http://www.kenney.nl/">Kenney</a></li>
+</ul>

-<p>Developed and supporting by <a href="https://github.com/Insality">Insality</a></p>
-
-<p>Assets from <a href="http://www.kenney.nl/">Kenney</a></p>
-
-<p>MIT License</p>
+<p><strong>MIT</strong> License</p>


 <p><a name="Issues_and_suggestions"></a></p>
@@ -314,7 +339,7 @@ https://insality.github.io/druid/</p>
 </div> <!-- id="main" -->
 <div id="about">
 <i>generated by <a href="http://github.com/stevedonovan/LDoc">LDoc 1.4.6</a></i>
-<i style="float:right;">Last updated 2020-04-13 19:36:00 </i>
+<i style="float:right;">Last updated 2020-05-09 16:07:15 </i>
 </div> <!-- id="about" -->
 </div> <!-- id="container" -->
 </body>
--- a/docs/topics/changelog.md.html
+++ b/docs/topics/changelog.md.html
@@ -0,0 +1,200 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
+   "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html>
+<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
+<head>
+    <title>Defold Druid UI Library</title>
+    <link rel="stylesheet" href="../ldoc_fixed.css" type="text/css" />
+</head>
+<body>
+
+<div id="container">
+
+<div id="product">
+	<div id="product_logo"></div>
+	<div id="product_name"><big><b></b></big></div>
+	<div id="product_description"></div>
+</div> <!-- id="product" -->
+
+
+<div id="main">
+
+
+<!-- Menu -->
+
+<div id="navigation">
+<br/>
+<h1>Druid</h1>
+
+<ul>
+  <li><a href="../index.html">Index</a></li>
+</ul>
+
+
+
+<h2>Topics</h2>
+<ul class="">
+  <li><a href="../topics/01-components.md.html">01-components</a></li>
+  <li><a href="../topics/02-creating_custom_components.md.html">Creating custom components</a></li>
+  <li><a href="../topics/03-styles.md.html">Styles</a></li>
+  <li><a href="../topics/04-druid_assets.md.html">Druid assets</a></li>
+  <li><a href="../topics/05-examples.md.html">Examples</a></li>
+  <li><strong>changelog</strong></li>
+  <li><a href="../topics/README.md.html">README</a></li>
+</ul>
+<h2>Modules</h2>
+<ul class="nowrap">
+  <li><a href="../modules/druid.back_handler.html">druid.back_handler</a></li>
+  <li><a href="../modules/druid.blocker.html">druid.blocker</a></li>
+  <li><a href="../modules/druid.button.html">druid.button</a></li>
+  <li><a href="../modules/druid.checkbox.html">druid.checkbox</a></li>
+  <li><a href="../modules/druid.checkbox_group.html">druid.checkbox_group</a></li>
+  <li><a href="../modules/druid.drag.html">druid.drag</a></li>
+  <li><a href="../modules/druid.grid.html">druid.grid</a></li>
+  <li><a href="../modules/druid.hover.html">druid.hover</a></li>
+  <li><a href="../modules/druid.input.html">druid.input</a></li>
+  <li><a href="../modules/druid.lang_text.html">druid.lang_text</a></li>
+  <li><a href="../modules/druid.progress.html">druid.progress</a></li>
+  <li><a href="../modules/druid.radio_group.html">druid.radio_group</a></li>
+  <li><a href="../modules/druid.scroll.html">druid.scroll</a></li>
+  <li><a href="../modules/druid.slider.html">druid.slider</a></li>
+  <li><a href="../modules/druid.swipe.html">druid.swipe</a></li>
+  <li><a href="../modules/druid.text.html">druid.text</a></li>
+  <li><a href="../modules/druid.timer.html">druid.timer</a></li>
+  <li><a href="../modules/component.html">component</a></li>
+  <li><a href="../modules/druid.html">druid</a></li>
+  <li><a href="../modules/druid_event.html">druid_event</a></li>
+  <li><a href="../modules/druid.helper.html">druid.helper</a></li>
+  <li><a href="../modules/druid_instance.html">druid_instance</a></li>
+</ul>
+
+</div>
+
+<div id="content">
+
+
+<p>Druid 0.3.0:</p>
+
+<ul>
+    <li><p><code>Druid:final()</code> now is important function for correct working</p></li>
+    <li><p>Add <em>swipe</em> basic component</p>
+
+<pre>
+- Swipe component handle simple swipe gestures on node. It has single callback with direction on swipe. You can adjust a several parameters of swipe <span class="keyword">in</span> druid style.
+- Swipe can be triggered on action.released <span class="keyword">or</span> <span class="keyword">while</span> user is make swiping (<span class="keyword">in</span> process)
+- Add swipe example at main Druid example. Try swipe left/right to switch example pages.
+</pre>
+</li>
+    <li><p>Add <em>input</em> basic component</p>
+
+<pre>
+- Input component handle user text input. Input contains from button <span class="keyword">and</span> text components. Button needed <span class="keyword">for</span> selecting/unselecting input field
+- Long click on input field <span class="keyword">for</span> clear <span class="keyword">and</span> <span class="global">select</span> input field (clearing can be disable via styles)
+- Click outside of button to unselect input field
+- On focus lost (game minimized) input field will be unselected
+- You can setup max length of the text
+- You can setup allowed characters. On add <span class="keyword">not</span> allowed characters <span class="backtick"><code>on_input_wrong</code></span> will be called. By default it cause simple shake animation
+- The keyboard <span class="keyword">for</span> input will <span class="keyword">not</span> show on mobile HTML5. So input field <span class="keyword">in</span> mobile HTML5 is <span class="keyword">not</span> working now
+- To make work different keyboard <span class="global">type</span>, make sure value <span class="keyword">in</span> game.project Android:InputMethod set to HiddenInputField (https://defold.com/manuals/project-settings/#input-method)
+</pre>
+</li>
+    <li><p>Add two functions to basic component: <code>increase_input_priority</code> and <code>reset_input_priority</code>. It used to process component input first in current input stack (there is two input stacks now: INPUT and INPUT_HIGH). Example: on selecting input field, it increase input self priority until it be unselected</p></li>
+    <li><p>Add two new component interests: <code>on_focus_gain</code> and <code>on_focus_lost</code></p></li>
+    <li><p>Add global druid events:</p>
+
+<pre>
+- on_window_callback: call <span class="backtick"><code>druid.on_window_callback(event)</code></span> <span class="keyword">for</span> on_focus_gain/lost correct work
+- on_language_change: call <span class="backtick"><code>druid.on_language_change()</code></span> (#<span class="number">38</span>) <span class="keyword">for</span> update all druid instances lang components
+- on_layout_change: call <span class="backtick"><code>druid.on_layout_change()</code></span> (#<span class="number">37</span>) <span class="keyword">for</span> update all gui layouts (unimplemented now)
+</pre>
+</li>
+    <li><p>Add button <code>on_click_outside</code> event. You can subscribe on this event in button. Was needed for Input component (click outside to deselect input field)</p></li>
+    <li><p>Add <em>start</em>pos_ field to button component</p></li>
+    <li><p>Changed input binding settings. Add esc, enter, text and marked_text. Backspace now is different from android back button event. Check the README setup section</p></li>
+    <li><p>Renamed <em>on</em>change<em>language</em> -> <em>on</em>language<em>change</em> component interest</p></li>
+    <li><p>Add several examples to druid-assets respository (see live example here): https://insality.github.io/druid-assets/)</p></li>
+    <li><p>Known issues:</p>
+
+<pre>
+- Adjusting text size by height works wrong. Adjusting single line texting works fine
+- Space is <span class="keyword">not</span> working <span class="keyword">in</span> HTML5
+</pre>
+
+<p>Druid 0.4.0:</p></li>
+    <li><p>Add <em>Drag</em> basic component</p>
+
+<pre>
+- Drag component allow you detect dragging on GUI node
+- Drag will be processed even the cursor is outside of node, <span class="keyword">if</span> drag is already started
+- Drag provides correct handle of several touches. Drag can switch between them (no more scroll gliches with position)
+- Drag have <span class="global">next</span> events:
+    - on_touch_start (self)
+    - on_touch_end (self)
+    - on_drag_start (self)
+    - on_drag (self, dx, dy)
+    - on_drag_end (self)
+- You can restriction side of draggin by changing _drag.can_x_ <span class="keyword">and</span> _drag.can_y_ fields
+- You can setup drag deadzone to detect, when dragging is started (by default <span class="number">10</span> pixels)
+</pre>
+</li>
+    <li><p>Druid <em>Scroll</em> component fully reworked. Input logic moved to <em>Drag</em> component</p>
+
+<pre>
+- Update scroll documentation
+- Change constructor order params
+- Change _scroll:set_border_ to _scroll:set_size_
+- Scroll now contains from view <span class="keyword">and</span> content node
+    - _View node_ - static node, which size determine the <span class="string">"camera"</span> zone
+    - _Content node_ - dynamic node, moving by _Scroll_ component
+- Scroll will be disabled only <span class="keyword">if</span> content size equals to view size (by width <span class="keyword">or</span> height separatly)
+- You can adjust start scroll size via _.gui_ scene. Just setup correct node size
+- Different anchoring is supported (<span class="keyword">for</span> easier layouting)
+- Function _scroll_to_ now accept position relative to _content node_. It's more easier <span class="keyword">for</span> handling. _Example:_ <span class="keyword">if</span> you have children node of _content_node_, you can pass this node position to scroll to this.
+- **Resolve #<span class="number">52</span>**: _Content node size_ now can be less than _view node size_. In this case, content will be scrolled only inside _view size_ (can be disabled via style field: _SMALL_CONTENT_SCROLL_)
+- **Fix #<span class="number">50</span>**: If style:SOFT_ZONE_SIZE equals to [<span class="number">0.</span>.<span class="number">1</span>], scroll can be disappeared
+</pre>
+</li>
+    <li><p>Druid <em>Grid</em> Update</p>
+
+<pre>
+- Anchor by default equals to node pivot (so, more component settings <span class="keyword">in</span> _.gui_ settings) (#<span class="number">51</span>)
+- Function <span class="backtick"><a href="../modules/druid.grid.html#clear">grid:clear</a></span> now don't delete any GUI nodes. Druid will <span class="keyword">not</span> care about <span class="backtick"><code>gui.delete_node</code></span> logic anymore (#<span class="number">56</span>)
+</pre>
+</li>
+    <li><p>Druid <em>Hover</em> component now have two <em>hover</em> events (#49):</p>
+
+<pre>
+- _on_hover_ is usual hover event. Trigger only <span class="keyword">if</span> touch <span class="keyword">or</span> mouse action_id pressed on node
+- _on_mouse_hover_ action on node without action_id (desktop mouse over). Works only on desktop platform
+</pre>
+</li>
+    <li><p>Styles update:</p>
+
+<pre>
+- Styles <span class="global">table</span> now can be empty, every component have their default style values
+- Remove <span class="backtick"><code>component:get_style</code></span> <span class="keyword">function</span>. Now style can be only set
+- To get style values <span class="keyword">in</span> component, add <span class="backtick"><code>component:on_style_change</code></span> <span class="keyword">function</span>. It's invoked on <span class="backtick"><a href="../modules/component.html#set_style">component:set_style</a></span> <span class="keyword">function</span>
+- You can look up default values inside <span class="backtick"><code>component:on_style_change</code></span> <span class="keyword">function</span> <span class="keyword">or</span> style component API on Druid API
+</pre>
+</li>
+    <li><p>Druid update:</p>
+
+<pre>
+- Now <span class="keyword">function</span> <span class="backtick"><code>druid:remove</code></span> remove instance <span class="keyword">and</span> all instance children components. No more manual deleting child components (#<span class="number">41</span>)
+</pre>
+</li>
+    <li><p><strong>Fix:</strong> Blocker component bug (blocker had very high priority, so it's block even button components, created after bloker)</p></li>
+    <li><p><strong>Fix #58:</strong> Bug, when druid instance should be always named <a href="../modules/druid.html#">druid</a> (ex: <code>self.druid = druid.new(self)</code>)</p></li>
+    <li><p><strong>Fix #53:</strong> Bug with final <em>Druid instance</em> without any components</p></li>
+</ul>
+
+
+</div> <!-- id="content" -->
+</div> <!-- id="main" -->
+<div id="about">
+<i>generated by <a href="http://github.com/stevedonovan/LDoc">LDoc 1.4.6</a></i>
+<i style="float:right;">Last updated 2020-05-09 16:07:15 </i>
+</div> <!-- id="about" -->
+</div> <!-- id="container" -->
+</body>
+</html>
--- a/docs_md/01-components.md
+++ b/docs_md/01-components.md
@@ -51,7 +51,7 @@ Create text node with druid: `text = druid:new_text(node_name, [initial_value],


 ## Blocker
-[Blocker API here](https://insality.github.io/druid/modules/druid.button.html)
+[Blocker API here](https://insality.github.io/druid/modules/druid.blocker.html)

 ### Overview
 Druid component for block input. Use it to block input in special zone.
@@ -101,28 +101,31 @@ Create lang text component with druid `text = druid:new_lang_text(node_name, loc
 Basic Druid scroll component. Handle all scrolling stuff in druid GUI

 ### Setup
-Create scroll component with druid: `scroll = druid:new_scroll(scroll_parent, scroll_input)`.
+Create scroll component with druid: `scroll = druid:new_scroll(view_node, content_node)`.

-_Scroll parent_ - is dynamic part. This node will change position by scroll system
+_View_node_ - is static part. It capturing user input and recognize scrolling touches

-_Scroll input_ - is static part. It capturing user input and recognize scrolling touches
+_Content_node_ - is dynamic part. This node will change position by scroll system

-Initial scroll size will be equal to _scroll parent_ node size. The initial view box will be equal to _scroll input_ node size
+Initial scroll size will be equal to _content_node_ node size. The initial view box will be equal to _view_node_ node size

-Usually, Place static input zone part, and as children add scroll parent part:
+Usually, Place _view_node_ and as children add _content_node_:
 ![](../media/scroll_scheme.png)
 ![](../media/scroll_outline.png)

-*Here scroll_content_zone below input zone, in game content zone be able to scroll left until end*
+*Here content_node below view_node, in game content_node be able to scroll left until end*

 ### Notes
- Scroll by default style have inertion and "back moving". It can be adjust via scroll [style settings](https://insality.github.io/druid/modules/druid.scroll.html#Style)
+- Scroll by default style have inertion and extra size for strecthing effect. It can be adjust via scroll [style settings](https://insality.github.io/druid/modules/druid.scroll.html#Style)
 - You can setup "points of interest". Scroll always will be centered on closes point of interest. It is able to create slider without inertion and points of interest on each scroll element.
 - Scroll have next events:
-	- *on_scroll* On scroll move callback
-	- *on_scroll_to* On scroll_to function callback
-	- *on_point_scroll* On scroll_to_index function callback
- You can adjust scroll content size by `scroll:set_border(node_size)`. It will setup new size to content node.
+	- *on_scroll* (self, position) On scroll move callback
+	- *on_scroll_to* (self, position, is_instant) On scroll_to function callback
+	- *on_point_scroll* (self, item_index, position) On scroll_to_index function callback
+- You can adjust scroll content size by `scroll:set_size(node_size)`. It will setup new size to _content node_
+- You can enabled or disable inertion mode via `scroll:set_intert(state)`
+- You can adjust extra stretch size via `scroll:set_extra_stretch_size`
+- Multitouch is required for scroll. Scroll is correctly handling touch_id swap while dragging scroll


 ## Progress
@@ -164,8 +167,17 @@ Pin node (node_name in params) should be placed in zero position (initial). It w
 Basic Druid text input component (unimplemented)

 ### Setup
+Create input component with druid: `input = druid:new_input(button_node_name, text_node_name, keyboard_type)`

 ### Notes
+- Input component handle user text input. Input contains from button and text components. Button needed for selecting/unselecting input field
+- Long click on input field for clear and select input field (clearing can be disable via styles)
+- Click outside of button to unselect input field
+- On focus lost (game minimized) input field will be unselected
+- You can setup max length of the text
+- You can setup allowed characters. On add not allowed characters `on_input_wrong` will be called. By default it cause simple shake animation
+- The keyboard for input will not show on mobile HTML5. So input field in mobile HTML5 is not working now
+- To make work different keyboard type, make sure value in game.project Android:InputMethod set to HidderInputField (https://defold.com/manuals/project-settings/#input-method)


 ## Checkbox
@@ -230,7 +242,7 @@ Create timer component with druid: `timer = druid:new_timer(text_node, from_seco
 Component for manage node positions. Very simple implementation for nodes with equal size

 ### Setup
-Create grid component with druid: `grid = druid:new_grid(parent_node, prefab_node, max_in_row_elements)`
+Create  component with druid: `grid = druid:new_grid(parent_node, prefab_node, max_in_row_elements)`

 ### Notes
 - Grid on _adding elements_ will setup parent to _parent_node_
@@ -243,9 +255,63 @@ Create grid component with druid: `grid = druid:new_grid(parent_node, prefab_nod
 [Hover API here](https://insality.github.io/druid/modules/druid.hover.html)

 ### Overview
-System Druid component, handle hover node state
+System Druid component, handle hover node state.

 ### Setup
-Create grid component with druid: `hover = druid:new_hover(node, callback)`
+Create hover component with druid: `hover = druid:new_hover(node, callback)`

-### Notes
+### Notes
+- By default, hover handles _hover event_ with pressed touch action_id. So it's mean, what mouse or touch have to be pressed
+- On desktop platforms there is _on_mouse_hover_ event. It's event on mouse hover without any action id
+
+
+## Swipe
+[Swipe API here](https://insality.github.io/druid/modules/druid.swipe.html)
+
+### Overview
+System Druid component, handle swipe actions on node
+
+### Setup
+Create swipe component with druid: `hover = druid:new_swipe(node, swipe_callback)`
+
+### Notes
+- Swipe callback have next params: (self, swipe_side, distance, time)
+	- **self** - Druid self context
+	- **swipe_side**: *string* - values from ["up", "down", "left", "right"]
+	- **distance**: *number* - in pixels, distance of swipe
+	- **time**: *number* - in seconds, time of swiping
+- Swipe trigger only, if all input actions was on swipe node. If action will be outside of node, swipe status will be reseted
+- In swipe style table you can adjust minimal distance and maximum time to trigg-  Hover state trigger only with touch on mobile devices or button mouse holding. Just mouse over swipe
+- In swipe style table you can toggle type of swipe triggering. if SWIPE_TRIGGER_ON_MOVE setup to true - swipe will trigger as swipe can be triggered. If setup to false - swipe will trigger only on released action
+- If you have stencil on swipe node and you don't want trigger it outside of stencil node, you can use `swipe:set_click_zone` to restrict swipe zonethout buttons is now not allowed.
+
+
+## Drag
+[Drag API here](https://insality.github.io/druid/modules/druid.drag.html)
+
+### Overview
+System Druid component, handle drag actions on node
+
+### Setup
+Create drag component with druid: `hover = druid:new_drag(node, drag_callback)`
+
+### Notes
+- Drag callback have next params: (self, swipe_side, distance, time)
+	- **self**: Druid self context
+	- **dx**: *number* - delta x position
+	- **dy**: *number* - delta y position
+- In styles, you can point the drag start deadzone. Default value is 10 pixels
+- Drag correctly process multitouch. You can switch touch_id, while dragging on node with correct _dx_ and _dy_ values (made for correct scrolling)
+- You can restrict horizontal or vertical dragging by setting `drag.can_x` or `drag.can_y` to _false_ value
+- You can get info about current drag state:
+	- _is_touch_ - Is currently node touching
+	- _is_drag_ - Is currently node is dragging
+	- _x_ and _y_ - Current touch position
+	- _touch_start_pos_ - Touch stat positions
+- Drag have next events:
+	- _on_touch_start_ (self) - Event on touch start
+	- _on_touch_end_ (self) - Event on touch end
+	- _on_drag_start_ (self) - Event on drag start
+	- _on_drag_ (self, dx, dy) - Event on drag process
+	- _on_drag_end_ (self) - Event on drag end
+- Drag node zone can be restricted via `drag:set_click_zone(node)`
--- a/docs_md/02-creating_custom_components.md
+++ b/docs_md/02-creating_custom_components.md
@@ -28,12 +28,16 @@ end
 function M.on_input(self, action_id, action)
 end

+-- Call on component creation and on component:set_style() function
+function M.on_style_change(self, style)
+end
+
 -- Call only if exist interest: const.ON_MESSAGE
 function M.on_message(self, message_id, message, sender)
 end

-- Call only if component with ON_CHANGE_LANGUAGE interest
-function M.on_change_language(self)
+-- Call only if component with ON_LANGUAGE_CHANGE interest
+function M.on_language_change(self)
 end

 -- Call only if component with ON_LAYOUT_CHANGE interest
@@ -45,6 +49,14 @@ end
 function M.on_input_interrupt(self)
 end

+-- Call, if game lost focus. Need ON_FOCUS_LOST intereset
+function M.on_focus_lost(self)
+end
+
+-- Call, if game gained focus. Need ON_FOCUS_GAINED intereset
+function M.on_focus_gained(self)
+end
+
 -- Call on component remove or on druid:final
 function M.on_remove(self)
 end
@@ -92,10 +104,13 @@ There is next interests in druid:

 - **ON_INPUT** - component will receive input from on_input, after other components with ON_INPUT_HIGH

- **ON_CHANGE_LANGUAGE** - will call _on_change_language_ function on language change trigger
+- **ON_LANGUAGE_CHANGE** - will call _on_language_change_ function on language change trigger

- **ON_LAYOUT_CHANGED** will call _on_layout_change_ function on layout change trigger
+- **ON_LAYOUT_CHANGE** will call _on_layout_change_ function on layout change trigger

+- **ON_FOCUS_LOST** will call _on_focust_lost_ function in on focus lost event. You need to pass window_callback to global `druid:on_window_callback`
+
+- **ON_FOCUS_GAINED** will call _on_focust_gained_ function in on focus gained event. You need to pass window_callback to global `druid:on_window_callback`

 ## Best practice on custom components
 On each component recommended describe component scheme in next way:
@@ -127,10 +142,6 @@ function M.init(self, template_name, node_table)

 	-- Button self on callback is self of _this_ component
 	local button = druid:new_button(...)
-
-	-- helper can return you the component style for current component
-	-- It return by component name from 
-	local my_style = self:get_style()
 end

 ```
--- a/docs_md/03-styles.md
+++ b/docs_md/03-styles.md
@@ -9,6 +9,7 @@ In component API documentation, you can find the style API for this component. O

 ## Usage
 Setup default druid style for all druid instances via `druid.set_default_style`
+You can pass _nil_ or _empty_table_ to use default values for all components (no styles)
 ```lua
 local druid = require("druid.druid")
 local my_style = require("my.amazing.style")
@@ -42,6 +43,17 @@ local function init(self)
 end
 ```

-## Create custom components
-Styles is just lua table, so it can be described in just one single file
-__TODO__
+
+## Create your own styles
+
+The most components have their styles. You can explore it on [Druid API](https://insality.github.io/druid/) in table style section ([button example](https://insality.github.io/druid/modules/druid.button.html#Style)). Or you can see, what fields component uses in code in function `on_style_change`
+
+To create you style, create lua module, what return <_component_name_, _component_style_> table
+
+Example: [default druid style](https://github.com/Insality/druid/blob/develop/druid/styles/default/style.lua)
+
+Override all fields you want and set your style with one of next ways:
+
+- Set your style as global via `druid.set_default_style`
+- Set style for concrete druid instance via `druid = druid.new(self, style)`
+- Set style for concrete instance via `component:set_style(style)`
--- a/docs_md/changelog.md
+++ b/docs_md/changelog.md
@@ -0,0 +1,93 @@
+Druid 0.3.0:
+
+- `Druid:final()` now is important function for correct working
+
+- Add _swipe_ basic component
+	- Swipe component handle simple swipe gestures on node. It has single callback with direction on swipe. You can adjust a several parameters of swipe in druid style.
+	- Swipe can be triggered on action.released or while user is make swiping (in process)
+	- Add swipe example at main Druid example. Try swipe left/right to switch example pages.
+
+- Add _input_ basic component
+	- Input component handle user text input. Input contains from button and text components. Button needed for selecting/unselecting input field
+	- Long click on input field for clear and select input field (clearing can be disable via styles)
+	- Click outside of button to unselect input field
+	- On focus lost (game minimized) input field will be unselected
+	- You can setup max length of the text
+	- You can setup allowed characters. On add not allowed characters `on_input_wrong` will be called. By default it cause simple shake animation
+	- The keyboard for input will not show on mobile HTML5. So input field in mobile HTML5 is not working now
+	- To make work different keyboard type, make sure value in game.project Android:InputMethod set to HiddenInputField (https://defold.com/manuals/project-settings/#input-method)
+
+- Add two functions to basic component: `increase_input_priority` and `reset_input_priority`. It used to process component input first in current input stack (there is two input stacks now: INPUT and INPUT_HIGH). Example: on selecting input field, it increase input self priority until it be unselected
+
+- Add two new component interests: `on_focus_gain` and `on_focus_lost`
+
+- Add global druid events:
+	- on_window_callback: call `druid.on_window_callback(event)` for on_focus_gain/lost correct work
+	- on_language_change: call `druid.on_language_change()` (#38) for update all druid instances lang components
+	- on_layout_change: call `druid.on_layout_change()` (#37) for update all gui layouts (unimplemented now)
+
+- Add button `on_click_outside` event. You can subscribe on this event in button. Was needed for Input component (click outside to deselect input field)
+
+- Add _start_pos_ field to button component
+
+- Changed input binding settings. Add esc, enter, text and marked_text. Backspace now is different from android back button event. Check the README setup section
+
+- Renamed _on_change_language_ -> _on_language_change_ component interest
+
+- Add several examples to druid-assets respository (see live example here): https://insality.github.io/druid-assets/)
+
+- Known issues:
+	- Adjusting text size by height works wrong. Adjusting single line texting works fine
+	- Space is not working in HTML5
+
+
+
+Druid 0.4.0:
+
+- Add _Drag_ basic component
+	- Drag component allow you detect dragging on GUI node
+	- Drag will be processed even the cursor is outside of node, if drag is already started
+	- Drag provides correct handle of several touches. Drag can switch between them (no more scroll gliches with position)
+	- Drag have next events:
+		- on_touch_start (self)
+		- on_touch_end (self)
+		- on_drag_start (self)
+		- on_drag (self, dx, dy)
+		- on_drag_end (self)
+	- You can restriction side of dragging by changing _drag.can_x_ and _drag.can_y_ fields
+	- You can setup drag deadzone to detect, when dragging is started (_by default 10 pixels_)
+
+- [Breaking changes] Druid _Scroll_ component fully reworked. Input logic moved to _Drag_ component
+	- Update scroll documentation
+	- Change constructor order params
+	- Change _scroll:set_border_ to _scroll:set_size_
+	- Scroll now contains from view and content node
+		- _View node_ - static node, which size determine the "camera" zone
+		- _Content node_ - dynamic node, moving by _Scroll_ component
+	- Scroll will be disabled only if content size equals to view size (by width or height separatly)
+	- You can adjust start scroll size via _.gui_ scene. Just setup correct node size
+	- Different anchoring is supported (for easier layouting)
+	- Function _scroll_to_ now accept position relative to _content node_. It's more easier for handling. _Example:_ if you have children node of _content_node_, you can pass this node position to scroll to this.
+	- **Resolve #52**: _Content node size_ now can be less than _view node size_. In this case, content will be scrolled only inside _view size_ (can be disabled via style field: _SMALL_CONTENT_SCROLL_)
+	- **Fix #50**: If style.SOFT_ZONE_SIZE equals to [0..1], scroll can be disappeared
+
+- Druid _Grid_ Update
+	- Anchor by default equals to node pivot (so, more component settings in _.gui_ settings) (#51)
+	- Function `grid:clear` now don't delete any GUI nodes. Druid will not care about `gui.delete_node` logic anymore (#56)
+
+- Druid _Hover_ component now have two _hover_ events (#49):
+	- _on_hover_ is usual hover event. Trigger only if touch or mouse action_id pressed on node
+	- _on_mouse_hover_ action on node without action_id (desktop mouse over). Works only on desktop platform
+
+- Styles update:
+	- Styles table now can be empty, every component have their default style values
+	- Remove `component:get_style` function. Now you can only set styles
+	- To get style values in component, add `component:on_style_change` function. It's invoked on `component:set_style` function
+	- You can look up default values inside `component:on_style_change` function or style component API on [Druid API](https://insality.github.io/druid/index.html)
+
+- Druid update:
+	- Now function `druid:remove` remove instance and all instance children components. No more manual deleting child components (#41)
+
+- **Fix:** Blocker component bug (blocker had very high priority, so it's block even button components, created after blocker)
+- **Fix #58:** Bug, when druid instance should be always named `druid` (ex: `self.druid = druid.new(self)`)
+- **Fix #53:** Bug with final _Druid instance_ without any components
--- a/druid/base/back_handler.lua
+++ b/druid/base/back_handler.lua
@@ -32,7 +32,11 @@ end
 -- @tparam string action_id on_input action id
 -- @tparam table action on_input action
 function M.on_input(self, action_id, action)
-	if action_id == const.ACTION_BACK and action[const.RELEASED] then
+	if not action[const.RELEASED] then
+		return false
+	end
+
+	if action_id == const.ACTION_BACK or action_id == const.ACTION_BACKSPACE then
 		self.on_back:trigger(self:get_context(), self.params)
 		return true
 	end
@@ -41,4 +45,4 @@ function M.on_input(self, action_id, action)
 end


-return M
+return M
--- a/druid/base/blocker.lua
+++ b/druid/base/blocker.lua
@@ -14,7 +14,7 @@ local Event = require("druid.event")
 local const = require("druid.const")
 local component = require("druid.component")

-local M = component.create("blocker", { const.ON_INPUT_HIGH })
+local M = component.create("blocker", { const.ON_INPUT })


 --- Component init function
@@ -29,7 +29,7 @@ end


 function M.on_input(self, action_id, action)
-	if action_id ~= const.ACTION_TOUCH then
+	if action_id ~= const.ACTION_TOUCH and action_id ~= const.ACTION_MULTITOUCH then
 		return false
 	end

--- a/druid/base/button.lua
+++ b/druid/base/button.lua
@@ -8,25 +8,19 @@
 -- @tfield druid_event on_long_click (self, params, button_instance, time) On long tap button callback
 -- @tfield druid_event on_double_click (self, params, button_instance, click_amount) On double tap button callback
 -- @tfield druid_event on_hold_callback (self, params, button_instance, time) On button hold before long_click callback
+-- @tfield druid_event on_click_outside (self, params, button_instance) On click outside of button

 --- Component fields
 -- @table Fields
 -- @tfield node node Trigger node
 -- @tfield[opt=node] node anim_node Animation node
 -- @tfield vector3 start_scale Initial scale of anim_node
+-- @tfield vector3 start_pos Initial pos of anim_node
 -- @tfield vector3 pos Initial pos of anim_node
 -- @tfield any params Params to click callbacks
 -- @tfield druid.hover hover Druid hover logic component
 -- @tfield[opt] node click_zone Restriction zone

--- Component style params
-- @table Style
-- @tfield function on_click (self, node)
-- @tfield function on_click_disabled (self, node)
-- @tfield function on_hover (self, node, hover_state)
-- @tfield function on_set_enabled (self, node, enabled_state)
-- @tfield bool IS_HOVER
-
 local Event = require("druid.event")
 local const = require("druid.const")
 local helper = require("druid.helper")
@@ -49,18 +43,18 @@ end


 local function on_button_hover(self, hover_state)
-	if not self._style.on_hover then
-		return
-	end
+	self.style.on_hover(self, self.anim_node, hover_state)
+end

-	self._style.on_hover(self, self.anim_node, hover_state)
+
+local function on_button_mouse_hover(self, hover_state)
+	self.style.on_mouse_hover(self, self.anim_node, hover_state)
 end


 local function on_button_click(self)
-	if self._style.on_click then
-		self._style.on_click(self, self.anim_node)
-	end
+	self.style.on_click(self, self.anim_node)
+
 	self.click_in_row = 1
 	self.on_click:trigger(self:get_context(), self.params, self)
 end
@@ -72,18 +66,16 @@ local function on_button_repeated_click(self)
 		self.is_repeated_started = true
 	end

-	if self._style.on_click then
-		self._style.on_click(self, self.anim_node)
-	end
+	self.style.on_click(self, self.anim_node)
+
 	self.click_in_row = self.click_in_row + 1
 	self.on_repeated_click:trigger(self:get_context(), self.params, self, self.click_in_row)
 end


 local function on_button_long_click(self)
-	if self._style.on_click then
-		self._style.on_click(self, self.anim_node)
-	end
+	self.style.on_click(self, self.anim_node)
+
 	self.click_in_row = 1
 	local time = socket.gettime() - self.last_pressed_time
 	self.on_long_click:trigger(self:get_context(), self.params, self, time)
@@ -91,9 +83,8 @@ end


 local function on_button_double_click(self)
-	if self._style.on_click then
-		self._style.on_click(self, self.anim_node)
-	end
+	self.style.on_click(self, self.anim_node)
+
 	self.click_in_row = self.click_in_row + 1
 	self.on_double_click:trigger(self:get_context(), self.params, self, self.click_in_row)
 end
@@ -114,10 +105,10 @@ local function on_button_release(self)
 			self.can_action = false

 			local time = socket.gettime()
-			local is_long_click = (time - self.last_pressed_time) > self._style.LONGTAP_TIME
+			local is_long_click = (time - self.last_pressed_time) > self.style.LONGTAP_TIME
 			is_long_click = is_long_click and self.on_long_click:is_exist()

-			local is_double_click = (time - self.last_released_time) < self._style.DOUBLETAP_TIME
+			local is_double_click = (time - self.last_released_time) < self.style.DOUBLETAP_TIME
 			is_double_click = is_double_click and self.on_double_click:is_exist()

 			if is_long_click then
@@ -132,14 +123,38 @@ local function on_button_release(self)
 		end
 		return true
 	else
-		if self._style.on_click_disabled then
-			self._style.on_click_disabled(self, self.anim_node)
-		end
+		self.style.on_click_disabled(self, self.anim_node)
 		return false
 	end
 end


+--- Component style params.
+-- You can override this component styles params in druid styles table
+-- or create your own style
+-- @table Style
+-- @tfield[opt=0.4] number LONGTAP_TIME Minimum time to trigger on_hold_callback
+-- @tfield[opt=0.8] number AUTOHOLD_TRIGGER Maximum hold time to trigger button release while holding
+-- @tfield[opt=0.4] number DOUBLETAP_TIME Time between double taps
+-- @tfield function on_click (self, node)
+-- @tfield function on_click_disabled (self, node)
+-- @tfield function on_hover (self, node, hover_state)
+-- @tfield function on_mouse_hover (self, node, hover_state)
+-- @tfield function on_set_enabled (self, node, enabled_state)
+function M.on_style_change(self, style)
+	self.style = {}
+	self.style.LONGTAP_TIME = style.LONGTAP_TIME or 0.4
+	self.style.AUTOHOLD_TRIGGER = style.AUTOHOLD_TRIGGER or 0.8
+	self.style.DOUBLETAP_TIME = style.DOUBLETAP_TIME or 0.4
+
+	self.style.on_click = style.on_click or function(_, node) end
+	self.style.on_click_disabled = style.on_click_disabled or function(_, node) end
+	self.style.on_mouse_hover = style.on_mouse_hover or function(_, node, state) end
+	self.style.on_hover = style.on_hover or function(_, node, state) end
+	self.style.on_set_enabled = style.on_set_enabled or function(_, node, state) end
+end
+
+
 --- Component init function
 -- @function button:init
 -- @tparam node node Gui node
@@ -150,10 +165,12 @@ function M.init(self, node, callback, params, anim_node)
 	self.druid = self:get_druid()
 	self.node = self:get_node(node)

-	self.anim_node = anim_node and helper:get_node(anim_node) or self.node
+	self.anim_node = anim_node and self:get_node(anim_node) or self.node
 	self.start_scale = gui.get_scale(self.anim_node)
+	self.start_pos = gui.get_position(self.anim_node)
 	self.params = params
 	self.hover = self.druid:new_hover(node, on_button_hover)
+	self.hover.on_mouse_hover:subscribe(on_button_mouse_hover)
 	self.click_zone = nil
 	self.is_repeated_started = false
 	self.last_pressed_time = 0
@@ -167,6 +184,7 @@ function M.init(self, node, callback, params, anim_node)
 	self.on_long_click = Event()
 	self.on_double_click = Event()
 	self.on_hold_callback = Event()
+	self.on_click_outside = Event()
 end


@@ -191,6 +209,9 @@ function M.on_input(self, action_id, action)
 	if not is_pick then
 		-- Can't interact, if touch outside of button
 		self.can_action = false
+		if action.released then
+			self.on_click_outside:trigger(self:get_context(), self.params, self)
+		end
 		return false
 	end

@@ -221,12 +242,12 @@ function M.on_input(self, action_id, action)
 	if not self.disabled and self.can_action and self.on_long_click:is_exist() then
 		local press_time = socket.gettime() - self.last_pressed_time

-		if self._style.AUTOHOLD_TRIGGER and self._style.AUTOHOLD_TRIGGER <= press_time then
+		if self.style.AUTOHOLD_TRIGGER <= press_time then
 			on_button_release(self)
 			return true
 		end

-		if press_time >= self._style.LONGTAP_TIME then
+		if press_time >= self.style.LONGTAP_TIME then
 			on_button_hold(self, press_time)
 			return true
 		end
@@ -246,9 +267,7 @@ end
 -- @tparam bool state Enabled state
 function M.set_enabled(self, state)
 	self.disabled = not state
-	if self._style.on_set_enabled then
-		self._style.on_set_enabled(self, self.node, state)
-	end
+	self.style.on_set_enabled(self, self.node, state)
 end


@@ -264,17 +283,21 @@ end
 -- no click events outside stencil node
 -- @function button:set_click_zone
 -- @tparam node zone Gui node
+-- @tparam druid.button Self instance to make chain calls
 function M.set_click_zone(self, zone)
 	self.click_zone = self:get_node(zone)
 	self.hover:set_click_zone(zone)
+	return self
 end


 --- Set key-code to trigger this button
 -- @function button:set_key_trigger
 -- @tparam hash key The action_id of the key
+-- @tparam druid.button Self instance to make chain calls
 function M.set_key_trigger(self, key)
 	self.key_trigger = hash(key)
+	return self
 end


--- a/druid/base/checkbox.lua
+++ b/druid/base/checkbox.lua
@@ -11,10 +11,6 @@
 -- @tfield[opt=node] node click_node Button trigger node
 -- @tfield druid.button button Button component from click_node

--- Component style params
-- @table Style
-- @tfield function on_change_state (self, node, state)
-
 local Event = require("druid.event")
 local component = require("druid.component")

@@ -26,13 +22,26 @@ local function on_click(self)
 end


+--- Component style params.
+-- You can override this component styles params in druid styles table
+-- or create your own style
+-- @table Style
+-- @tfield function on_change_state (self, node, state)
+function M.on_style_change(self, style)
+	self.style = {}
+
+	self.style.on_change_state = style.on_change_state or function(_, node, state)
+		gui.set_enabled(node, state)
+	end
+end
+
+
 --- Component init function
 -- @function checkbox:init
 -- @tparam node node Gui node
 -- @tparam function callback Checkbox callback
 -- @tparam[opt=node] node click node Trigger node, by default equals to node
 function M.init(self, node, callback, click_node)
-	self.style = self:get_style()
 	self.druid = self:get_druid()
 	self.node = self:get_node(node)
 	self.click_node = self:get_node(click_node)
@@ -54,9 +63,7 @@ function M.set_state(self, state, is_silent)
 	end

 	self.state = state
-	if self.style.on_change_state then
-		self.style.on_change_state(self, self.node, state)
-	end
+	self.style.on_change_state(self, self.node, state)

 	if not is_silent then
 		self.on_change_state:trigger(self:get_context(), state)
--- a/druid/base/drag.lua
+++ b/druid/base/drag.lua
@@ -0,0 +1,251 @@
+--- Component to handle drag action on node.
+-- Drag have correct handling for multitouch and swap
+-- touched while dragging. Drag will be processed even
+-- the cursor is outside of node, if drag is already started
+-- @module druid.drag
+
+--- Component events
+-- @table Events
+-- @tfield druid_event on_touch_start (self) Event on touch start
+-- @tfield druid_event on_touch_end (self) Event on touch end
+-- @tfield druid_event on_drag_start (self) Event on drag start
+-- @tfield druid_event on_drag (self, dx, dy) Event on drag progress
+-- @tfield druid_event on_drag_end (self) Event on drag end
+
+--- Components fields
+-- @table Fields
+-- @tfield bool is_touch Is component now touching
+-- @tfield bool is_drag Is component now dragging
+-- @tfield bool can_x Is drag component process vertical dragging. Default - true
+-- @tfield bool can_y Is drag component process horizontal. Default - true
+-- @tfield number x Current touch x position
+-- @tfield number y Current touch y position
+-- @tfield vector3 touch_start_pos Touch start position
+
+local Event = require("druid.event")
+local const = require("druid.const")
+local helper = require("druid.helper")
+local component = require("druid.component")
+
+local M = component.create("drag", { const.ON_INPUT_HIGH })
+
+
+local function start_touch(self, touch)
+	self.is_touch = true
+	self.is_drag = false
+
+	self.touch_start_pos.x = touch.x
+	self.touch_start_pos.y = touch.y
+
+	self.x = touch.x
+	self.y = touch.y
+
+	self.on_touch_start:trigger(self:get_context())
+end
+
+
+local function end_touch(self)
+	if self.is_drag then
+		self.on_drag_end:trigger(self:get_context())
+	end
+
+	self.is_drag = false
+	self.is_touch = false
+	self.on_touch_end:trigger(self:get_context())
+	self:reset_input_priority()
+	self.touch_id = 0
+end
+
+
+local function process_touch(self, touch)
+	if not self.can_x then
+		self.touch_start_pos.x = touch.x
+	end
+
+	if not self.can_y then
+		self.touch_start_pos.y = touch.y
+	end
+
+	local distance = helper.distance(touch.x, touch.y, self.touch_start_pos.x, self.touch_start_pos.y)
+	if not self.is_drag and distance >= self.style.DRAG_DEADZONE then
+		self.is_drag = true
+		self.on_drag_start:trigger(self:get_context())
+		self:increase_input_priority()
+	end
+end
+
+
+--- Return current touch action from action input data
+-- If touch_id stored - return exact this touch action
+local function find_touch(action_id, action, touch_id)
+	local act = helper.is_mobile() and const.ACTION_MULTITOUCH or const.ACTION_TOUCH
+
+	if action_id ~= act then
+		return
+	end
+
+	if action.touch then
+		local touch = action.touch
+		for i = 1, #touch do
+			if touch[i].id == touch_id then
+				return touch[i]
+			end
+		end
+		return touch[1]
+	else
+		return action
+	end
+end
+
+
+--- Process on touch release. We should to find, if any other
+-- touches exists to switch to another touch.
+local function on_touch_release(self, action_id, action)
+	if #action.touch >= 2 then
+		-- Find next unpressed touch
+		local next_touch
+		for i = 1, #action.touch do
+			if not action.touch[i].released then
+				next_touch = action.touch[i]
+				break
+			end
+		end
+
+		if next_touch then
+			self.x = next_touch.x
+			self.y = next_touch.y
+			self.touch_id = next_touch.id
+		else
+			end_touch(self)
+		end
+	elseif #action.touch == 1 then
+		end_touch(self)
+	end
+end
+
+
+--- Component style params.
+-- You can override this component styles params in druid styles table
+-- or create your own style
+-- @table Style
+-- @tfield[opt=10] number DRAG_DEADZONE Distance in pixels to start dragging
+function M.on_style_change(self, style)
+	self.style = {}
+	self.style.DRAG_DEADZONE = style.DRAG_DEADZONE or 10
+end
+
+
+--- Drag component constructor
+-- @tparam node node GUI node to detect dragging
+-- @tparam function on_drag_callback Callback for on_drag_event(self, dx, dy)
+-- @function drag:init
+function M.init(self, node, on_drag_callback)
+	self.node = self:get_node(node)
+
+	self.dx = 0
+	self.dy = 0
+	self.touch_id = 0
+	self.x = 0
+	self.y = 0
+	self.is_touch = false
+	self.is_drag = false
+	self.touch_start_pos = vmath.vector3(0)
+
+	self.can_x = true
+	self.can_y = true
+
+	self.click_zone = nil
+	self.on_touch_start = Event()
+	self.on_touch_end = Event()
+	self.on_drag_start = Event()
+	self.on_drag = Event(on_drag_callback)
+	self.on_drag_end = Event()
+end
+
+
+function M.on_input_interrupt(self)
+	if self.is_drag or self.is_touch then
+		end_touch(self)
+	end
+end
+
+
+function M.on_input(self, action_id, action)
+	if action_id ~= const.ACTION_TOUCH and action_id ~= const.ACTION_MULTITOUCH then
+		return
+	end
+
+	if not helper.is_enabled(self.node) then
+		return false
+	end
+
+	local is_pick = gui.pick_node(self.node, action.x, action.y)
+	if self.click_zone then
+		is_pick = is_pick and gui.pick_node(self.click_zone, action.x, action.y)
+	end
+
+	if not is_pick and not self.is_drag then
+		end_touch(self)
+		return false
+	end
+
+
+	local touch = find_touch(action_id, action, self.touch_id)
+	if not touch then
+		return false
+	end
+
+	if touch.id then
+		self.touch_id = touch.id
+	end
+
+	self.dx = 0
+	self.dy = 0
+
+	if touch.pressed and not self.is_touch then
+		start_touch(self, touch)
+	end
+
+	if touch.released and self.is_touch then
+		if action.touch then
+			-- Mobile
+			on_touch_release(self, action_id, action)
+		else
+			-- PC
+			end_touch(self)
+		end
+	end
+
+	if self.is_touch then
+		process_touch(self, touch)
+	end
+
+	local touch_modified = find_touch(action_id, action, self.touch_id)
+	if touch_modified and self.is_drag then
+		self.dx = touch_modified.x - self.x
+		self.dy = touch_modified.y - self.y
+	end
+
+	if touch_modified then
+		self.x = touch_modified.x
+		self.y = touch_modified.y
+	end
+
+	if self.is_drag then
+		self.on_drag:trigger(self:get_context(), self.dx, self.dy)
+	end
+
+	return self.is_drag
+end
+
+
+--- Strict drag click area. Useful for
+-- restrict events outside stencil node
+-- @function drag:set_click_zone
+-- @tparam node zone Gui node
+function M.set_click_zone(self, zone)
+	self.click_zone = self:get_node(zone)
+end
+
+
+return M
--- a/druid/base/grid.lua
+++ b/druid/base/grid.lua
@@ -20,6 +20,7 @@
 -- @tfield vector3 border_offer The border offset for correct anchor calculations

 local Event = require("druid.event")
+local helper = require("druid.helper")
 local component = require("druid.component")

 local M = component.create("grid")
@@ -35,7 +36,10 @@ function M.init(self, parent, element, in_row)
 	self.nodes = {}

 	self.offset = vmath.vector3(0)
-	self.anchor = vmath.vector3(0.5, 0, 0)
+
+	local pivot = helper.get_pivot_offset(gui.get_pivot(self.parent))
+	self.anchor = vmath.vector3(0.5 + pivot.x, 0.5 - pivot.y, 0)
+
 	self.in_row = in_row or 1
 	self.node_size = gui.get_size(self:get_node(element))
 	self.border = vmath.vector4(0)
@@ -153,12 +157,15 @@ function M.get_all_pos(self)
 end


--- Clear all items from the grid
+--- Clear grid nodes array. GUI nodes will be not deleted!
+-- If you want to delete GUI nodes, use grid.nodes array before grid:clear
 -- @function grid:clear
 function M.clear(self)
-	for i = 1, #self.nodes do
-		gui.delete_node(self.nodes[i])
-	end
+	self.border.x = 0
+	self.border.y = 0
+	self.border.w = 0
+	self.border.z = 0
+
 	self.nodes = {}
 end

--- a/druid/base/hover.lua
+++ b/druid/base/hover.lua
@@ -3,7 +3,8 @@

 --- Component events
 -- @table Events
-- @tfield druid_event on_hover On hover callback
+-- @tfield druid_event on_hover On hover callback (Touch pressed)
+-- @tfield druid_event on_mouse_hover On mouse hover callback (Touch over without action_id)

 local Event = require("druid.event")
 local const = require("druid.const")
@@ -18,20 +19,24 @@ local M = component.create("hover", { const.ON_INPUT })
 -- @tparam node node Gui node
 -- @tparam function on_hover_callback Hover callback
 function M.init(self, node, on_hover_callback)
-	self.style = self:get_style()
 	self.node = self:get_node(node)

 	self._is_hovered = false

 	self.on_hover = Event(on_hover_callback)
+	self.on_mouse_hover = Event()
 end


 function M.on_input(self, action_id, action)
-	if action_id ~= const.ACTION_TOUCH then
+	if action_id ~= const.ACTION_TOUCH and action_id ~= nil then
 		return
 	end

+	if not action_id and helper.is_mobile() then
+		return false
+	end
+
 	if not helper.is_enabled(self.node) then
 		return false
 	end
@@ -41,15 +46,17 @@ function M.on_input(self, action_id, action)
 		is_pick = is_pick and gui.pick_node(self.click_zone, action.x, action.y)
 	end

+	local hover_function = action_id and M.set_hover or M.set_mouse_hover
+
 	if not is_pick then
-		M.set_hover(self, false)
+		hover_function(self, false)
 		return false
 	end

 	if action.released then
-		M.set_hover(self, false)
+		hover_function(self, false)
 	else
-		M.set_hover(self, true)
+		hover_function(self, true)
 	end
 end

@@ -69,8 +76,18 @@ function M.set_hover(self, state)
 	end
 end

+--- Set mouse hover state
+-- @function hover:set_mouse_hover
+-- @tparam bool state The mouse hover state
+function M.set_mouse_hover(self, state)
+	if self._is_mouse_hovered ~= state then
+		self._is_mouse_hovered = state
+		self.on_mouse_hover:trigger(self:get_context(), state)
+	end
+end

--- Strict button click area. Useful for
+
+--- Strict hover click area. Useful for
 -- no click events outside stencil node
 -- @function hover:set_click_zone
 -- @tparam node zone Gui node
--- a/druid/base/input.lua
+++ b/druid/base/input.lua
@@ -1,15 +1,311 @@
 --- Druid input text component.
 -- Carry on user text input
-- UNIMPLEMENTED
+-- @author Part of code from Britzl gooey input component
 -- @module druid.input

+--- Component events
+-- @table Events
+-- @tfield druid_event on_input_select (self, button_node) On input field select callback
+-- @tfield druid_event on_input_unselect (self, button_node) On input field unselect callback
+-- @tfield druid_event on_input_text (self, input_text) On input field text change callback
+-- @tfield druid_event on_input_empty (self, input_text) On input field text change to empty string callback
+-- @tfield druid_event on_input_full (self, input_text) On input field text change to max length string callback
+-- @tfield druid_event on_input_wrong (self, params, button_instance) On trying user input with not allowed character callback
+
+--- Component fields
+-- @table Fields
+-- @tfield druid.text text Text component
+-- @tfield druid.button button Button component
+-- @tfield bool is_selected Is current input selected now
+-- @tfield bool is_empty Is current input is empty now
+-- @tfield[opt] number max_length Max length for input text
+-- @tfield[opt] string allowerd_characters Pattern matching for user input
+-- @tfield number keyboard_type Gui keyboard type for input field
+
+local Event = require("druid.event")
+local const = require("druid.const")
 local component = require("druid.component")
+local utf8 = require("druid.system.utf8")

-local M = component.create("input")
+local M = component.create("input", { const.ON_INPUT, const.ON_FOCUS_LOST })


-function M.init(self, node, callback, click_node)
-	self.style = self:get_style()
+--- Mask text by replacing every character with a mask character
+-- @tparam string text
+-- @tparam string mask
+-- @treturn string Masked text
+local function mask_text(text, mask)
+	mask = mask or "*"
+	local masked_text = ""
+	for uchar in utf8.gmatch(text, ".") do
+		masked_text = masked_text .. mask
+	end
+
+	return masked_text
+end
+
+
+local function select(self)
+	gui.reset_keyboard()
+	self.marked_value = ""
+	if not self.selected then
+		self:increase_input_priority()
+		self.button:increase_input_priority()
+		self.previous_value = self.value
+		self.selected = true
+
+		gui.show_keyboard(self.keyboard_type, false)
+		self.on_input_select:trigger(self:get_context())
+
+		self.style.on_select(self, self.button.node)
+	end
+end
+
+
+local function unselect(self)
+	gui.reset_keyboard()
+	self.marked_value = ""
+	if self.selected then
+		self:reset_input_priority()
+		self.button:reset_input_priority()
+		self.selected = false
+
+		gui.hide_keyboard()
+		self.on_input_unselect:trigger(self:get_context())
+
+		self.style.on_unselect(self, self.button.node)
+	end
+end
+
+
+local function clear_and_select(self)
+	if self.style.IS_LONGTAP_ERASE then
+		self:set_text("")
+	end
+
+	select(self)
+end
+
+
+--- Component style params.
+-- You can override this component styles params in druid styles table
+-- or create your own style
+-- @table Style
+-- @tfield[opt=false] bool IS_LONGTAP_ERASE Is long tap will erase current input data
+-- @tfield[opt=*] string MASK_DEFAULT_CHAR Default character mask for password input
+-- @tfield function on_select (self, button_node) Callback on input field selecting
+-- @tfield function on_unselect (self, button_node) Callback on input field unselecting
+-- @tfield function on_input_wrong (self, button_node) Callback on wrong user input
+-- @tfield table button_style Custom button style for input node
+function M.on_style_change(self, style)
+	self.style = {}
+
+	self.style.IS_LONGTAP_ERASE = style.IS_LONGTAP_ERASE or false
+	self.style.MASK_DEFAULT_CHAR = style.MASK_DEFAULT_CHAR or "*"
+
+	self.style.on_select = style.on_select or function(_, button_node) end
+	self.style.on_unselect = style.on_unselect or function(_, button_node) end
+	self.style.on_input_wrong = style.on_input_wrong or function(_, button_node) end
+
+	self.style.button_style = style.button_style or {
+		LONGTAP_TIME = 0.4,
+		AUTOHOLD_TRIGGER = 0.8,
+		DOUBLETAP_TIME = 0.4
+	}
+end
+
+
+function M.init(self, click_node, text_node, keyboard_type)
+	self.druid = self:get_druid(self)
+	self.text = self.druid:new_text(text_node)
+
+	self.selected = false
+	self.value = self.text.last_value
+	self.previous_value = self.text.last_value
+	self.current_value = self.text.last_value
+	self.marked_value = ""
+	self.is_empty = true
+
+	self.text_width = 0
+	self.market_text_width = 0
+	self.total_width = 0
+
+	self.max_length = nil
+	self.allowed_characters = nil
+
+	self.keyboard_type = keyboard_type or gui.KEYBOARD_TYPE_DEFAULT
+
+	self.button = self.druid:new_button(click_node, select)
+	self.button:set_style(self.button_style)
+	self.button.on_click_outside:subscribe(unselect)
+	self.button.on_long_click:subscribe(clear_and_select)
+
+	self.on_input_select = Event()
+	self.on_input_unselect = Event()
+	self.on_input_text = Event()
+	self.on_input_empty = Event()
+	self.on_input_full = Event()
+	self.on_input_wrong = Event()
+end
+
+
+function M.on_input(self, action_id, action)
+	if self.selected then
+		local input_text = nil
+		if action_id == const.ACTION_TEXT then
+			-- ignore return key
+			if action.text == "\n" or action.text == "\r" then
+				return true
+			end
+
+			local hex = string.gsub(action.text,"(.)", function (c)
+				return string.format("%02X%s",string.byte(c), "")
+			end)
+
+			-- ignore arrow keys
+			if not string.match(hex, "EF9C8[0-3]") then
+				if not self.allowed_characters or action.text:match(self.allowed_characters) then
+					input_text = self.value .. action.text
+					if self.max_length then
+						input_text = utf8.sub(input_text, 1, self.max_length)
+					end
+				else
+					self.on_input_wrong:trigger(self:get_context(), action.text)
+					self.style.on_input_wrong(self, self.button.node)
+				end
+				self.marked_value = ""
+			end
+		end
+
+		if action_id == const.ACTION_MARKED_TEXT then
+			self.marked_value = action.text or ""
+			if self.max_length then
+				self.marked_value = utf8.sub(self.marked_value, 1, self.max_length)
+			end
+		end
+
+		if action_id == const.ACTION_BACKSPACE and (action.pressed or action.repeated) then
+			input_text = utf8.sub(self.value, 1, -2)
+		end
+
+		if action_id == const.ACTION_ENTER and action.released then
+			unselect(self)
+			return true
+		end
+
+		if action_id == const.ACTION_BACK and action.released then
+			unselect(self)
+			return true
+		end
+
+		if action_id == const.ACTION_ESC and action.released then
+			unselect(self)
+			return true
+		end
+
+		if input_text or #self.marked_value > 0 then
+			self:set_text(input_text)
+			return true
+		end
+	end
+
+	return self.selected
+end
+
+
+function M.on_focus_lost(self)
+	unselect(self)
+end
+
+
+function M.on_input_interrupt(self)
+	-- unselect(self)
+end
+
+
+--- Set text for input field
+-- @function input:set_text
+-- @tparam string input_text The string to apply for input field
+function M.set_text(self, input_text)
+	-- Case when update with marked text
+	if input_text then
+		self.value = input_text
+	end
+
+	-- Only update the text if it has changed
+	local current_value = self.value .. self.marked_value
+
+	if current_value ~= self.current_value then
+		self.current_value = current_value
+
+		-- mask text if password field
+		local masked_value, masked_marked_value
+		if self.keyboard_type == gui.KEYBOARD_TYPE_PASSWORD then
+			local mask_char = self.style.MASK_DEFAULT_CHAR or "*"
+			masked_value = mask_text(self.value, mask_char)
+			masked_marked_value = mask_text(self.marked_value, mask_char)
+		end
+
+		-- text + marked text
+		local value = masked_value or self.value
+		local marked_value = masked_marked_value or self.marked_value
+		self.is_empty = #value == 0 and #marked_value == 0
+
+		local final_text = value .. marked_value
+		self.text:set_to(final_text)
+
+		-- measure it
+		self.text_width = self.text:get_text_width(value)
+		self.marked_text_width = self.text:get_text_width(marked_value)
+		self.total_width = self.text_width + self.marked_text_width
+
+		self.on_input_text:trigger(self:get_context(), final_text)
+		if #final_text == 0 then
+			self.on_input_empty:trigger(self:get_context(), final_text)
+		end
+		if self.max_length and #final_text == self.max_length then
+			self.on_input_full:trigger(self:get_context(), final_text)
+		end
+	end
+end
+
+
+--- Return current input field text
+-- @function input:get_text
+-- @treturn string The current input field text
+function M.get_text(self)
+	return self.value .. self.marked_value
+end
+
+
+--- Set maximum length for input field.
+-- Pass nil to make input field unliminted (by default)
+-- @function input:set_max_length
+-- @tparam number max_length Maximum length for input text field
+-- @treturn druid.input Self instance to make chain calls
+function M.set_max_length(self, max_length)
+	self.max_length = max_length
+	return self
+end
+
+
+--- Set allowed charaters for input field.
+-- See: https://defold.com/ref/stable/string/
+-- ex: [%a%d] for alpha and numeric
+-- @function input:set_allowerd_characters
+-- @tparam string characters Regulax exp. for validate user input
+-- @treturn druid.input Self instance to make chain calls
+function M.set_allowed_characters(self, characters)
+	self.allowed_characters = characters
+	return self
+end
+
+
+--- Reset current input selection and return previous value
+-- @function input:reset_changes
+function M.reset_changes(self)
+	self:set_text(self.previous_value)
+	unselect(self)
 end


--- a/druid/base/lang_text.lua
+++ b/druid/base/lang_text.lua
@@ -15,7 +15,7 @@ local const = require("druid.const")
 local settings = require("druid.system.settings")
 local component = require("druid.component")

-local M = component.create("lang_text", { const.ON_CHANGE_LANGUAGE })
+local M = component.create("lang_text", { const.ON_LANGUAGE_CHANGE })


 --- Component init function
@@ -35,7 +35,7 @@ function M.init(self, node, locale_id, no_adjust)
 end


-function M.on_change_language(self)
+function M.on_language_change(self)
 	if self.last_locale then
 		M.translate(self)
 	end
--- a/druid/base/progress.lua
+++ b/druid/base/progress.lua
@@ -15,11 +15,6 @@
 -- @tfield number max_size Maximum size of progress bar
 -- @tfield vector4 slice Progress bar slice9 settings

--- Component style params
-- @table Style
-- @tfield number SPEED Progress bas fill rate. More -> faster
-- @tfield number MIN_DELTA Minimum step to fill progress bar
-
 local Event = require("druid.event")
 local const = require("druid.const")
 local helper = require("druid.helper")
@@ -70,6 +65,19 @@ local function set_bar_to(self, set_to, is_silent)
 end


+--- Component style params.
+-- You can override this component styles params in druid styles table
+-- or create your own style
+-- @table Style
+-- @tfield[opt=5] number SPEED Progress bas fill rate. More -> faster
+-- @tfield[opt=0.005] number MIN_DELTA Minimum step to fill progress bar
+function M.on_style_change(self, style)
+	self.style = {}
+	self.style.SPEED = style.SPEED or 5
+	self.style.MIN_DELTA = style.MIN_DELTA or 0.005
+end
+
+
 --- Component init function
 -- @function progress:init
 -- @tparam string|node node Progress bar fill node or node name
@@ -81,7 +89,6 @@ function M.init(self, node, key, init_value)
 	self.prop = hash("scale."..key)
 	self.key = key

-	self.style = self:get_style()
 	self.node = self:get_node(node)
 	self.scale = gui.get_scale(self.node)
 	self.size = gui.get_size(self.node)
--- a/druid/base/scroll.lua
+++ b/druid/base/scroll.lua
@@ -15,133 +15,142 @@

 --- Component fields
 -- @table Fields
-- @tfield node node Scroll parent node
-- @tfield node input_zone Scroll input node
-- @tfield vector3 zone_size Current scroll content size
-- @tfield number soft_size Soft zone size from style table
-- @tfield vector3 center_offset Distance from node to node's center
+-- @tfield node view_node Scroll view node
+-- @tfield node content_node Scroll content node
 -- @tfield bool is_inert Flag, if scroll now moving by inertion
-- @tfield vector3 inert Current inert speed
-- @tfield vector3 pos Current scroll posisition
-- @tfield vector3 target Current scroll target position
-
--- Component style params
-- @table Style
-- @tfield number FRICT_HOLD Multiplier for inertion, while touching
-- @tfield number FRICT Multiplier for free inertion
-- @tfield number INERT_THRESHOLD Scroll speed to stop inertion
-- @tfield number INERT_SPEED Multiplier for inertion speed
-- @tfield number DEADZONE Deadzone for start scrol in pixels
-- @tfield number SOFT_ZONE_SIZE Size of outside zone in pixels (for scroll back moving)
-- @tfield number BACK_SPEED Scroll back returning lerp speed
-- @tfield number ANIM_SPEED Scroll gui.animation speed for scroll_to function
+-- @tfield vector3 inertion Current inert speed
+-- @tfield vector3 position Current scroll posisition
+-- @tfield vector3 target_position Current scroll target position
+-- @tfield vector4 available_pos Available position for content node: (min_x, max_y, max_x, min_y)
+-- @tfield vector3 available_size Size of available positions: (width, height, 0)
+-- @tfield druid.drag drag Drag component
+-- @tfield[opt] selected Current index of points of interests
+-- @tfield bool is_animate Flag, if scroll now animating by gui.animate

 local Event = require("druid.event")
-local helper = require("druid.helper")
 local const = require("druid.const")
+local helper = require("druid.helper")
 local component = require("druid.component")

-local M = component.create("scroll", { const.ON_UPDATE, const.ON_INPUT_HIGH })
+local M = component.create("scroll", { const.ON_UPDATE })


-- Global on all scrolls
-- TODO: remove it
-M.current_scroll = nil
-
-
-local function get_border(node)
-	local pivot = gui.get_pivot(node)
-	local pivot_offset = helper.get_pivot_offset(pivot)
-	local size = vmath.mul_per_elem(gui.get_size(node), gui.get_scale(node))
-	return vmath.vector4(
-		-size.x*(0.5 + pivot_offset.x),
-		size.y*(0.5 + pivot_offset.y),
-		size.x*(0.5 - pivot_offset.x),
-		-size.y*(0.5 - pivot_offset.y)
-	)
+local function inverse_lerp(min, max, current)
+	return helper.clamp((current - min) / (max - min), 0, 1)
 end


-local function update_border(self)
-	local input_border = get_border(self.input_zone)
-	local content_border = get_border(self.node)
+--- Update vector with next conditions:
+-- Field x have to <= field z
+-- Field y have to <= field w
+local function get_border_vector(vector)
+	if vector.x > vector.z then
+		vector.x, vector.z = vector.z, vector.x
+	end
+	if vector.y > vector.w then
+		vector.y, vector.w = vector.w, vector.y
+	end

-	-- border.x - min content.x node pos
-	-- border.y - min content.y node pos
-	-- border.z - max content.x node pos
-	-- border.w - max content.y node pos
-	self.border = vmath.vector4(
-		input_border.x - content_border.x,
-		-input_border.w + content_border.w,
-		input_border.z - content_border.z,
-		-input_border.y + content_border.y
-	)
-	self.can_x = (self.border.x ~= self.border.z)
-	self.can_y = (self.border.y ~= self.border.w)
+	return vector
 end


+--- Return size from scroll border vector4
+local function get_size_vector(vector)
+	return vmath.vector3(vector.z - vector.x, vector.w - vector.y, 0)
+end

-local function set_pos(self, pos)
-	if self.pos.x ~= pos.x or self.pos.y ~= pos.y then
-		self.pos.x = pos.x
-		self.pos.y = pos.y
-		gui.set_position(self.node, self.pos)

-		self.on_scroll:trigger(self:get_context(), self.pos)
+local function on_scroll_drag(self, dx, dy)
+	local t = self.target_position
+	local b = self.available_pos
+	local eb = self.available_pos_extra
+
+	-- Handle soft zones
+	-- Percent - multiplier for delta. Less if outside of scroll zone
+	local x_perc = 1
+	local y_perc = 1
+
+	-- Right border (minimum x)
+	if t.x < b.x and dx < 0 then
+		x_perc = inverse_lerp(eb.x, b.x, t.x)
+	end
+	-- Left border (maximum x)
+	if t.x > b.z and dx > 0 then
+		x_perc = inverse_lerp(eb.z, b.z, t.x)
+	end
+	-- Disable x scroll
+	if not self.drag.can_x then
+		x_perc = 0
+	end
+
+	-- Top border (minimum y)
+	if t.y < b.y and dy < 0 then
+		y_perc = inverse_lerp(eb.y, b.y, t.y)
+	end
+	-- Bot border (maximum y)
+	if t.y > b.w and dy > 0 then
+		y_perc = inverse_lerp(eb.w, b.w, t.y)
+	end
+	-- Disable y scroll
+	if not self.drag.can_y then
+		y_perc = 0
+	end
+
+	t.x = t.x + dx * x_perc
+	t.y = t.y + dy * y_perc
+end
+
+
+local function check_soft_zone(self)
+	local target = self.target_position
+	local border = self.available_pos
+	local speed = self.style.BACK_SPEED
+
+	-- Right border (minimum x)
+	if target.x < border.x then
+		target.x = helper.step(target.x, border.x, math.abs(target.x - border.x) * speed)
+	end
+	-- Left border (maximum x)
+	if target.x > border.z then
+		target.x = helper.step(target.x, border.z, math.abs(target.x - border.z) * speed)
+	end
+	-- Top border (maximum y)
+	if target.y < border.y then
+		target.y = helper.step(target.y, border.y, math.abs(target.y - border.y) * speed)
+	end
+	-- Bot border (minimum y)
+	if target.y > border.w then
+		target.y = helper.step(target.y, border.w, math.abs(target.y - border.w) * speed)
 	end
 end


--- Return scroll, if it outside of scroll area
-- Using the lerp with BACK_SPEED koef
-local function check_soft_target(self)
-	local t = self.target
-	local b = self.border
-
-	if t.y < b.y then
-		t.y = helper.step(t.y, b.y, math.abs(t.y - b.y) * self.style.BACK_SPEED)
-	end
-	if t.x > b.x then
-		t.x = helper.step(t.x, b.x, math.abs(t.x - b.x) * self.style.BACK_SPEED)
-	end
-	if t.y > b.w then
-		t.y = helper.step(t.y, b.w, math.abs(t.y - b.w) * self.style.BACK_SPEED)
-	end
-	if t.x < b.z then
-		t.x = helper.step(t.x, b.z, math.abs(t.x - b.z) * self.style.BACK_SPEED)
+--- Cancel animation on other animation or input touch
+local function cancel_animate(self)
+	if self.is_animate then
+		self.target_position = gui.get_position(self.content_node)
+		self.position.x = self.target_position.x
+		self.position.y = self.target_position.y
+		gui.cancel_animation(self.content_node, gui.PROP_POSITION)
+		self.is_animate = false
 	end
 end


--- Free inert update function
-local function update_hand_scroll(self, dt)
-	local inert = self.inert
-	local delta_x = self.target.x - self.pos.x
-	local delta_y = self.target.y - self.pos.y

-	if helper.sign(delta_x) ~= helper.sign(inert.x) then
-		inert.x = 0
+local function set_scroll_position(self, position)
+	local available_extra = self.available_pos_extra
+	position.x = helper.clamp(position.x, available_extra.x, available_extra.z)
+	position.y = helper.clamp(position.y, available_extra.w, available_extra.y)
+
+	if self.position.x ~= position.x or self.position.y ~= position.y then
+		self.position.x = position.x
+		self.position.y = position.y
+		gui.set_position(self.content_node, position)
+
+		self.on_scroll:trigger(self:get_context(), self.position)
 	end
-	if helper.sign(delta_y) ~= helper.sign(inert.y) then
-		inert.y = 0
-	end
-
-	inert.x = inert.x + delta_x
-	inert.y = inert.y + delta_y
-
-	inert.x = math.abs(inert.x) * helper.sign(delta_x)
-	inert.y = math.abs(inert.y) * helper.sign(delta_y)
-
-	inert.x = inert.x * self.style.FRICT_HOLD
-	inert.y = inert.y * self.style.FRICT_HOLD
-
-	set_pos(self, self.target)
-end
-
-
-local function get_zone_center(self)
-	return self.pos + self.center_offset
 end


@@ -154,13 +163,13 @@ local function check_points(self)
 		return
 	end

-	local inert = self.inert
-	if not self.is_inert then
-		if math.abs(inert.x) > self.style.DEADZONE then
+	local inert = self.inertion
+	if not self._is_inert then
+		if math.abs(inert.x) > self.style.POINTS_DEADZONE then
 			self:scroll_to_index(self.selected - helper.sign(inert.x))
 			return
 		end
-		if math.abs(inert.y) > self.style.DEADZONE then
+		if math.abs(inert.y) > self.style.POINTS_DEADZONE then
 			self:scroll_to_index(self.selected + helper.sign(inert.y))
 			return
 		end
@@ -168,20 +177,22 @@ local function check_points(self)

 	-- Find closest point and point by scroll direction
 	-- Scroll to one of them (by scroll direction in priority)
+
 	local temp_dist = math.huge
 	local temp_dist_on_inert = math.huge
 	local index = false
 	local index_on_inert = false
-	local pos = get_zone_center(self)
+	local pos = self.position
+
 	for i = 1, #self.points do
 		local p = self.points[i]
-		local dist = helper.distance(pos.x, pos.y, p.x, p.y)
+		local dist = helper.distance(pos.x, pos.y, -p.x, -p.y)
 		local on_inert = true
 		-- If inert ~= 0, scroll only by move direction
-		if inert.x ~= 0 and helper.sign(inert.x) ~= helper.sign(p.x - pos.x) then
+		if inert.x ~= 0 and helper.sign(inert.x) ~= helper.sign(-p.x - pos.x) then
 			on_inert = false
 		end
-		if inert.y ~= 0 and helper.sign(inert.y) ~= helper.sign(p.y - pos.y) then
+		if inert.y ~= 0 and helper.sign(inert.y) ~= helper.sign(-p.y - pos.y) then
 			on_inert = false
 		end

@@ -200,221 +211,204 @@ end


 local function check_threshold(self)
-	local inert = self.inert
-	if not self.is_inert or vmath.length(inert) < self.style.INERT_THRESHOLD then
+	local is_stopped = false
+
+	if self.inertion.x ~= 0 and math.abs(self.inertion.x) < self.style.INERT_THRESHOLD then
+		is_stopped = true
+		self.inertion.x = 0
+	end
+	if self.inertion.y ~= 0 and math.abs(self.inertion.y) < self.style.INERT_THRESHOLD then
+		is_stopped = true
+		self.inertion.y = 0
+	end
+
+	if is_stopped or not self._is_inert then
 		check_points(self)
-		inert.x = 0
-		inert.y = 0
 	end
 end


-local function update_free_inert(self, dt)
-	local inert = self.inert
-	if inert.x ~= 0 or inert.y ~= 0 then
-		self.target.x = self.pos.x + (inert.x * dt * self.style.INERT_SPEED)
-		self.target.y = self.pos.y + (inert.y * dt * self.style.INERT_SPEED)
+local function update_free_scroll(self, dt)
+	local target = self.target_position

-		inert.x = inert.x * self.style.FRICT
-		inert.y = inert.y * self.style.FRICT
+	if self._is_inert and (self.inertion.x ~= 0 or self.inertion.y ~= 0) then
+		-- Inertion apply
+		target.x = self.position.x + self.inertion.x * self.style.INERT_SPEED * dt
+		target.y = self.position.y + self.inertion.y * self.style.INERT_SPEED * dt

-		-- Stop, when low inert speed and go to points
 		check_threshold(self)
 	end

-	check_soft_target(self)
-	set_pos(self, self.target)
-end
+	-- Inertion friction
+	self.inertion = self.inertion * self.style.FRICT

-
--- Cancel animation on other animation or input touch
-local function cancel_animate(self)
-	if self.animate then
-		self.target = gui.get_position(self.node)
-		self.pos.x = self.target.x
-		self.pos.y = self.target.y
-		gui.cancel_animation(self.node, gui.PROP_POSITION)
-		self.animate = false
+	check_soft_zone(self)
+	if self.position.x ~= target.x or self.position.y ~= target.y then
+		set_scroll_position(self, target)
 	end
 end


-local function add_delta(self, dx, dy)
-	local t = self.target
-	local b = self.border
-	local soft = self.soft_size
+local function update_hand_scroll(self, dt)
+	local dx = self.target_position.x - self.position.x
+	local dy = self.target_position.y - self.position.y

-	-- TODO: Can we calc it more easier?
-	-- A lot of calculations for every side of border
+	self.inertion.x = (self.inertion.x + dx) * self.style.FRICT_HOLD
+	self.inertion.y = (self.inertion.y + dy) * self.style.FRICT_HOLD

-	-- Handle soft zones
-	-- Percent - multiplier for delta. Less if outside of scroll zone
-	local x_perc = 1
-	local y_perc = 1
-
-	if t.x > b.x and dx < 0 then
-		x_perc = (soft - (b.x - t.x)) / soft
-	end
-	if t.x < b.z and dx > 0 then
-		x_perc = (soft - (t.x - b.z)) / soft
-	end
-	-- If disabled scroll by x
-	if not self.can_x then
-		x_perc = 0
-	end
-
-	if t.y < b.y and dy < 0 then
-		y_perc = (soft - (b.y - t.y)) / soft
-	end
-	if t.y > b.w and dy > 0 then
-		y_perc = (soft - (t.y - b.w)) / soft
-	end
-	-- If disabled scroll by y
-	if not self.can_y then
-		y_perc = 0
-	end
-
-	-- Reset inert if outside of scroll zone
-	if x_perc ~= 1 then
-		self.inert.x = 0
-	end
-	if y_perc ~= 1 then
-		self.inert.y = 0
-	end
-
-	t.x = t.x + dx * x_perc
-	t.y = t.y + dy * y_perc
+	set_scroll_position(self, self.target_position)
 end


--- Component init function
+local function on_touch_start(self)
+	self.inertion.x = 0
+	self.inertion.y = 0
+	self.target_position.x = self.position.x
+	self.target_position.y = self.position.y
+end
+
+
+local function on_touch_end(self)
+	check_threshold(self)
+end
+
+
+local function update_size(self)
+	local view_border = helper.get_border(self.view_node)
+	local view_size = vmath.mul_per_elem(gui.get_size(self.view_node), gui.get_scale(self.view_node))
+
+	local content_border = helper.get_border(self.content_node)
+	local content_size = vmath.mul_per_elem(gui.get_size(self.content_node), gui.get_scale(self.content_node))
+
+	self.available_pos = get_border_vector(view_border - content_border)
+	self.available_size = get_size_vector(self.available_pos)
+
+	self.drag.can_x = self.available_size.x > 0
+	self.drag.can_y = self.available_size.y > 0
+
+	-- Extra content size calculation
+	-- We add extra size only if scroll is available
+	-- Even the content zone size less than view zone size
+	local content_border_extra = helper.get_border(self.content_node)
+	local stretch_size = self.style.EXTRA_STRECH_SIZE
+
+	if self.drag.can_x then
+		local sign = content_size.x > view_size.x and 1 or -1
+		content_border_extra.x = content_border_extra.x - stretch_size * sign
+		content_border_extra.z = content_border_extra.z + stretch_size * sign
+	end
+
+	if self.drag.can_y then
+		local sign = content_size.y > view_size.y and 1 or -1
+		content_border_extra.y = content_border_extra.y + stretch_size * sign
+		content_border_extra.w = content_border_extra.w - stretch_size * sign
+	end
+
+	if not self.style.SMALL_CONTENT_SCROLL then
+		self.drag.can_x = content_size.x > view_size.x
+		self.drag.can_y = content_size.y > view_size.y
+	end
+
+	self.available_pos_extra = get_border_vector(view_border - content_border_extra)
+	self.available_size_extra = get_size_vector(self.available_pos_extra)
+end
+
+
+--- Component style params.
+-- You can override this component styles params in druid styles table
+-- or create your own style
+-- @table Style
+-- @tfield[opt=0] number FRICT Multiplier for free inertion
+-- @tfield[opt=0] number FRICT_HOLD Multiplier for inertion, while touching
+-- @tfield[opt=3] number INERT_THRESHOLD Scroll speed to stop inertion
+-- @tfield[opt=30] number INERT_SPEED Multiplier for inertion speed
+-- @tfield[opt=20] number POINTS_DEADZONE Speed to check points of interests in no_inertion mode
+-- @tfield[opt=0.35] number BACK_SPEED Scroll back returning lerp speed
+-- @tfield[opt=0.2] number ANIM_SPEED Scroll gui.animation speed for scroll_to function
+-- @tfield[opt=0] number EXTRA_STRECH_SIZE extra size in pixels outside of scroll (stretch effect)
+-- @tfield[opt=false] bool SMALL_CONTENT_SCROLL If true, content node with size less than view node size can be scrolled
+function M.on_style_change(self, style)
+	self.style = {}
+	self.style.EXTRA_STRECH_SIZE = style.EXTRA_STRECH_SIZE or 0
+	self.style.ANIM_SPEED = style.ANIM_SPEED or 0.2
+	self.style.BACK_SPEED = style.BACK_SPEED or 0.35
+
+	self.style.FRICT = style.FRICT or 0
+	self.style.FRICT_HOLD = style.FRICT_HOLD or 0
+
+	self.style.INERT_THRESHOLD = style.INERT_THRESHOLD or 3
+	self.style.INERT_SPEED = style.INERT_SPEED or 30
+	self.style.POINTS_DEADZONE = style.POINTS_DEADZONE or 20
+	self.style.SMALL_CONTENT_SCROLL = style.SMALL_CONTENT_SCROLL or false
+
+	self._is_inert = not (self.style.FRICT == 0 or
+		self.style.FRICT_HOLD == 0 or
+		self.style.INERT_SPEED == 0)
+end
+
+
+--- Scroll constructor.
 -- @function scroll:init
-- @tparam node scroll_parent Gui node where placed scroll content. This node will change position
-- @tparam node input_zone Gui node where input is catched
-function M.init(self, scroll_parent, input_zone)
-	self.style = self:get_style()
-	self.node = self:get_node(scroll_parent)
-	self.input_zone = self:get_node(input_zone)
+-- @tparam node view_node GUI view scroll node
+-- @tparam node content_node GUI content scroll node
+function M.init(self, view_node, content_node)
+	self.druid = self:get_druid()

-	self.zone_size = gui.get_size(self.input_zone)
-	self.soft_size = self.style.SOFT_ZONE_SIZE
+	self.view_node = self:get_node(view_node)
+	self.content_node = self:get_node(content_node)

-	-- Distance from node to node's center
-	local offset = helper.get_pivot_offset(gui.get_pivot(self.input_zone))
-	self.center_offset = vmath.vector3(self.zone_size)
-	self.center_offset.x = self.center_offset.x * offset.x
-	self.center_offset.y = self.center_offset.y * offset.y
+	self.position = gui.get_position(self.content_node)
+	self.target_position = vmath.vector3(self.position)
+	self.inertion = vmath.vector3(0)

-	self.is_inert = true
-	self.inert = vmath.vector3(0)
-	self.pos = gui.get_position(self.node)
-	self.target = vmath.vector3(self.pos)
-
-	self.input = {
-		touch = false,
-		start_x = 0,
-		start_y = 0,
-		side = false,
-	}
-
-	update_border(self)
+	self.drag = self.druid:new_drag(view_node, on_scroll_drag)
+	self.drag.on_touch_start:subscribe(on_touch_start)
+	self.drag.on_touch_end:subscribe(on_touch_end)

 	self.on_scroll = Event()
 	self.on_scroll_to = Event()
 	self.on_point_scroll = Event()
+
+	self.selected = nil
+	self.is_animate = false
+
+	update_size(self)
 end


 function M.update(self, dt)
-	if self.input.touch then
-		if M.current_scroll == self then
-			update_hand_scroll(self, dt)
-		end
+	if self.drag.is_drag then
+		update_hand_scroll(self, dt)
 	else
-		update_free_inert(self, dt)
+		update_free_scroll(self, dt)
 	end
 end


-function M.on_input(self, action_id, action)
-	if action_id ~= const.ACTION_TOUCH then
-		return false
-	end
-	local inp = self.input
-	local inert = self.inert
-	local result = false
-
-	if gui.pick_node(self.input_zone, action.x, action.y) then
-		if action.pressed then
-			inp.touch = true
-			inp.start_x = action.x
-			inp.start_y = action.y
-			inert.x = 0
-			inert.y = 0
-			self.target.x = self.pos.x
-			self.target.y = self.pos.y
-		else
-			local dist = helper.distance(action.x, action.y, inp.start_x, inp.start_y)
-			if not M.current_scroll and dist >= self.style.DEADZONE then
-				local dx = math.abs(inp.start_x - action.x)
-				local dy = math.abs(inp.start_y - action.y)
-				inp.side = (dx > dy) and const.SIDE.X or const.SIDE.Y
-
-				-- Check scroll side if we can scroll
-				if (self.can_x and inp.side == const.SIDE.X or
-					self.can_y and inp.side == const.SIDE.Y) then
-						M.current_scroll = self
-				end
-			end
-		end
-	end
-
-	if inp.touch and not action.pressed then
-		if M.current_scroll == self then
-			add_delta(self, action.dx, action.dy)
-			result = true
-		end
-	end
-
-	if action.released then
-		inp.touch = false
-		inp.side = false
-		if M.current_scroll == self then
-			M.current_scroll = nil
-			result = true
-		end
-
-		check_threshold(self)
-	end
-
-	return result
-end
-
-
--- Start scroll to target point
+--- Start scroll to target point.
 -- @function scroll:scroll_to
-- @tparam point vector3 target point
-- @tparam[opt] bool is_instant instant scroll flag
+-- @tparam point vector3 Target point
+-- @tparam[opt] bool is_instant Instant scroll flag
 -- @usage scroll:scroll_to(vmath.vector3(0, 50, 0))
 -- @usage scroll:scroll_to(vmath.vector3(0), true)
 function M.scroll_to(self, point, is_instant)
-	local b = self.border
-	local target = vmath.vector3(point)
-	target.x = helper.clamp(point.x - self.center_offset.x, b.x, b.z)
-	target.y = helper.clamp(point.y - self.center_offset.y, b.y, b.w)
+	local b = self.available_pos
+	local target = vmath.vector3(-point.x, -point.y, 0)
+	target.x = helper.clamp(target.x, b.x, b.z)
+	target.y = helper.clamp(target.y, b.y, b.w)

 	cancel_animate(self)

-	self.animate = not is_instant
+	self.is_animate = not is_instant

 	if is_instant then
-		self.target = target
-		set_pos(self, target)
+		self.target_position = target
+		set_scroll_position(self, target)
 	else
-		gui.animate(self.node, gui.PROP_POSITION, target, gui.EASING_OUTSINE, self.style.ANIM_SPEED, 0, function()
-			self.animate = false
-			self.target = target
-			set_pos(self, target)
+		gui.animate(self.content_node, gui.PROP_POSITION, target, gui.EASING_OUTSINE, self.style.ANIM_SPEED, 0, function()
+			self.is_animate = false
+			self.target_position = target
+			set_scroll_position(self, target)
 		end)
 	end

@@ -422,36 +416,15 @@ function M.scroll_to(self, point, is_instant)
 end


--- Start scroll to target scroll percent
-- @function scroll:scroll_to_percent
-- @tparam point vector3 target percent
-- @tparam[opt] bool is_instant instant scroll flag
-- @usage scroll:scroll_to_percent(vmath.vector3(0.5, 0, 0))
-function M.scroll_to_percent(self, percent, is_instant)
-	local border = self.border
-
-	local size_x = math.abs(border.z - border.x)
-	if size_x == 0 then
-		size_x = 1
-	end
-	local size_y = math.abs(border.w - border.y)
-	if size_y == 0 then
-		size_y = 1
-	end
-
-	local pos = vmath.vector3(
-		-size_x * percent.x + border.x,
-		-size_y * percent.y + border.y,
-		0)
-	M.scroll_to(self, pos, is_instant)
-end
-
-
--- Scroll to item in scroll by point index
-- @function scroll:init
+--- Scroll to item in scroll by point index.
+-- @function scroll:scroll_to_index
 -- @tparam number index Point index
 -- @tparam[opt] bool skip_cb If true, skip the point callback
 function M.scroll_to_index(self, index, skip_cb)
+	if not self.points then
+		return
+	end
+
 	index = helper.clamp(index, 1, #self.points)

 	if self.selected ~= index then
@@ -466,21 +439,46 @@ function M.scroll_to_index(self, index, skip_cb)
 end


--- Set points of interest.
-- Scroll will always centered on closer points
-- @function scroll:set_points
-- @tparam table points Array of vector3 points
-function M.set_points(self, points)
-	self.points = points
-	-- cause of parent move in other side by y
-	for i = 1, #self.points do
-		self.points[i].y = -self.points[i].y
-	end
+--- Start scroll to target scroll percent
+-- @function scroll:scroll_to_percent
+-- @tparam point vector3 target percent
+-- @tparam[opt] bool is_instant instant scroll flag
+-- @usage scroll:scroll_to_percent(vmath.vector3(0.5, 0, 0))
+function M.scroll_to_percent(self, percent, is_instant)
+	local border = self.available_pos

-	table.sort(self.points, function(a, b)
-		return a.x > b.x or a.y < b.y
-	end)
-	check_threshold(self)
+	local pos = vmath.vector3(
+		-helper.lerp(border.x, border.z, 1 - percent.x),
+		-helper.lerp(border.w, border.y, 1 - percent.y),
+		0
+	)
+
+	M.scroll_to(self, pos, is_instant)
+end
+
+
+--- Return current scroll progress status.
+-- Values will be in [0..1] interval
+-- @function scroll:get_percent
+-- @treturn vector3 New vector with scroll progress values
+function M.get_percent(self)
+	local x_perc = 1 - inverse_lerp(self.available_pos.x, self.available_pos.z, self.position.x)
+	local y_perc = inverse_lerp(self.available_pos.w, self.available_pos.y, self.position.y)
+
+	return vmath.vector3(x_perc, y_perc, 0)
+end
+
+
+--- Set scroll content size.
+-- It will change content gui node size
+-- @function scroll:set_size
+-- @tparam vector3 size The new size for content node
+-- @treturn druid.scroll Self instance
+function M.set_size(self, size)
+	gui.set_size(self.content_node, size)
+	update_size(self)
+
+	return self
 end


@@ -489,49 +487,57 @@ end
 -- If no points, just simple drag without inertion
 -- @function scroll:set_inert
 -- @tparam bool state Inert scroll state
+-- @treturn druid.scroll Self instance
 function M.set_inert(self, state)
-	self.is_inert = state
+	self._is_inert = state
+	return self
 end


--- Set the callback on scrolling to point (if exist)
-- @function scroll:on_point_move
-- @tparam function callback Callback on scroll to point of interest
-function M.on_point_move(self, callback)
-	self.on_point_scroll:subscribe(callback)
+--- Return if scroll have inertion.
+-- @function scroll:is_inert
+-- @treturn bool If scroll have inertion
+function M.is_inert(self)
+	return self._is_inert
 end


--- Set the scroll possibly area
-- @function scroll:set_border
-- @tparam vector3 border Size of scrolling area
-function M.set_border(self, content_size)
-	gui.set_size(self.node, content_size)
-	update_border(self)
+--- Set extra size for scroll stretching.
+-- Set 0 to disable stretching effect
+-- @function scroll:set_extra_strech_size
+-- @tparam[opt=0] number stretch_size Size in pixels of additional scroll area
+-- @treturn druid.scroll Self instance
+function M.set_extra_strech_size(self, stretch_size)
+	self.style.EXTRA_STRECH_SIZE = stretch_size or 0
+	update_size(self)
+
+	return self
 end


--- Return current scroll progress
-- @function scroll:get_scroll_percent
-- @treturn vector3 Scroll progress
-function M.get_scroll_percent(self)
-	local border = self.border
-	local size_x = math.abs(border.z - border.x)
-	if size_x == 0 then
-		size_x = 1
-	end
+--- Return vector of scroll size with width and height.
+-- @function scroll:get_scroll_size
+-- @treturn vector3 Available scroll size
+function M.get_scroll_size(self)
+	return self.available_size
+end

-	local size_y = math.abs(border.w - border.y)
-	if size_y == 0 then
-		size_y = 1
-	end
-	local pos = self.pos

-	return vmath.vector3(
-		(border.x - pos.x) / size_x,
-		(border.y - pos.y) / size_y,
-		0
-	)
+--- Set points of interest.
+-- Scroll will always centered on closer points
+-- @function scroll:set_points
+-- @tparam table points Array of vector3 points
+-- @treturn druid.scroll Self instance
+function M.set_points(self, points)
+	self.points = points
+
+	table.sort(self.points, function(a, b)
+		return a.x > b.x or a.y < b.y
+	end)
+
+	check_threshold(self)
+
+	return self
 end


--- a/druid/base/swipe.lua
+++ b/druid/base/swipe.lua
@@ -0,0 +1,143 @@
+--- Component to handle swipe gestures on node.
+-- Swipe will be triggered, if swipe was started and
+-- ended on one node
+-- @module druid.swipe
+
+--- Components fields
+-- @table Fields
+-- @tparam node node Swipe node
+-- @tparam[opt] node click_zone Restriction zone
+
+--- Component events
+-- @table Events
+-- @tfield druid_event on_swipe Trigger on swipe event
+
+local Event = require("druid.event")
+local const = require("druid.const")
+local helper = require("druid.helper")
+local component = require("druid.component")
+
+local M = component.create("swipe", { const.ON_INPUT })
+
+
+local function start_swipe(self, action)
+	self._swipe_start_time = socket.gettime()
+	self._start_pos.x = action.x
+	self._start_pos.y = action.y
+end
+
+
+local function reset_swipe(self, action)
+	self._swipe_start_time = false
+end
+
+
+local function check_swipe(self, action)
+	local dx = action.x - self._start_pos.x
+	local dy = action.y - self._start_pos.y
+	local dist = helper.distance(self._start_pos.x, self._start_pos.y, action.x, action.y)
+	local delta_time = socket.gettime() - self._swipe_start_time
+	local is_swipe = self.style.SWIPE_THRESHOLD <= dist and delta_time <= self.style.SWIPE_TIME
+
+	if is_swipe then
+		local is_x_swipe = math.abs(dx) >= math.abs(dy)
+		local swipe_side = false
+
+		if is_x_swipe and dx > 0 then
+			swipe_side = const.SWIPE.RIGHT
+		end
+		if is_x_swipe and dx < 0 then
+			swipe_side = const.SWIPE.LEFT
+		end
+		if not is_x_swipe and dy > 0 then
+			swipe_side = const.SWIPE.UP
+		end
+		if not is_x_swipe and dy < 0 then
+			swipe_side = const.SWIPE.DOWN
+		end
+
+		self.on_swipe:trigger(self:get_context(), swipe_side, dist, delta_time)
+		reset_swipe(self)
+	end
+end
+
+
+--- Component style params.
+-- You can override this component styles params in druid styles table
+-- or create your own style
+-- @table Style
+-- @tfield[opt=0.4] number SWIPE_TIME Maximum time for swipe trigger
+-- @tfield[opt=50] number SWIPE_THRESHOLD Minimum distance for swipe trigger
+-- @tfield[opt=false] bool SWIPE_TRIGGER_ON_MOVE If true, trigger on swipe moving, not only release action
+function M.on_style_change(self, style)
+	self.style = {}
+	self.style.SWIPE_TIME = style.SWIPE_TIME or 0.4
+	self.style.SWIPE_THRESHOLD = style.SWIPE_THRESHOLD or 50
+	self.style.SWIPE_TRIGGER_ON_MOVE = style.SWIPE_TRIGGER_ON_MOVE or false
+end
+
+
+--- Component init function
+-- @function swipe:init
+-- @tparam node node Gui node
+-- @tparam function on_swipe_callback Swipe callback for on_swipe_end event
+function M.init(self, node, on_swipe_callback)
+	self._trigger_on_move = self.style.SWIPE_TRIGGER_ON_MOVE
+	self.node = self:get_node(node)
+
+	self._swipe_start_time = false
+	self._start_pos = vmath.vector3(0)
+
+	self.click_zone = nil
+	self.on_swipe = Event(on_swipe_callback)
+end
+
+
+function M.on_input(self, action_id, action)
+	if action_id ~= const.ACTION_TOUCH then
+		return
+	end
+
+	if not helper.is_enabled(self.node) then
+		return false
+	end
+
+	local is_pick = gui.pick_node(self.node, action.x, action.y)
+	if self.click_zone then
+		is_pick = is_pick and gui.pick_node(self.click_zone, action.x, action.y)
+	end
+
+	if not is_pick then
+		reset_swipe(self, action)
+		return false
+	end
+
+	if self._swipe_start_time and (self._trigger_on_move or action.released) then
+		check_swipe(self, action)
+	end
+
+	if action.pressed then
+		start_swipe(self, action)
+	end
+
+	if action.released then
+		reset_swipe(self, action)
+	end
+end
+
+
+function M.on_input_interrupt(self)
+	reset_swipe(self)
+end
+
+
+--- Strict swipe click area. Useful for
+-- restrict events outside stencil node
+-- @function swipe:set_click_zone
+-- @tparam node zone Gui node
+function M.set_click_zone(self, zone)
+	self.click_zone = self:get_node(zone)
+end
+
+
+return M
--- a/druid/base/text.lua
+++ b/druid/base/text.lua
@@ -64,6 +64,18 @@ local function update_text_area_size(self)
 end


+-- calculate space width with font
+local function get_space_width(self, font)
+	if not self._space_width[font] then
+		local no_space = gui.get_text_metrics(font, "1", 0, false, 0, 0).width
+		local with_space = gui.get_text_metrics(font, " 1", 0, false, 0, 0).width
+		self._space_width[font] = with_space - no_space
+	end
+
+	return self._space_width[font]
+end
+
+
 --- Component init function
 -- @function text:init
 -- @tparam node node Gui text node
@@ -88,11 +100,34 @@ function M.init(self, node, value, no_adjust)
 	self.on_set_pivot = Event()
 	self.on_update_text_scale = Event()

+	self._space_width = {}
+
 	self:set_to(value or gui.get_text(self.node))
 	return self
 end


+--- Calculate text width with font with respect to trailing space
+-- @function text:get_text_width
+-- @tparam[opt] string text
+function M.get_text_width(self, text)
+	text = text or self.last_value
+	local font = gui.get_font(self.node)
+	local scale = gui.get_scale(self.node)
+	local result = gui.get_text_metrics(font, text, 0, false, 0, 0).width
+	for i = #text, 1, -1 do
+		local c = string.sub(text, i, i)
+		if c ~= ' ' then
+			break
+		end
+
+		result = result + get_space_width(self, font)
+	end
+
+	return result * scale.x
+end
+
+
 --- Set text to text field
 -- @function text:set_to
 -- @tparam string set_to Text for node
@@ -159,4 +194,12 @@ function M.set_pivot(self, pivot)
 end


+--- Return true, if text with line break
+-- @function text:is_multiline
+-- @treturn bool Is text node with line break
+function M.is_multiline(self)
+	return gui.get_line_break(self.node)
+end
+
+
 return M
--- a/druid/component.lua
+++ b/druid/component.lua
@@ -9,24 +9,18 @@ local class = require("druid.system.middleclass")
 local Component = class("druid.component")


--- Get current component style table
-- @function component:get_style
-- @treturn table Component style table
-function Component.get_style(self)
-	if not self._meta.style then
-		return const.EMPTY_TABLE
-	end
-
-	return self._meta.style[self._component.name] or const.EMPTY_TABLE
-end
-
-
--- Set current component style table
+--- Set current component style table.
+-- Invoke `on_style_change` on component, if exist. Component should handle
+-- their style changing and store all style params
 -- @function component:set_style
 -- @tparam table style Druid style module
 function Component.set_style(self, druid_style)
-	self._meta.style = druid_style
-	self._style = self:get_style()
+	self._meta.style = druid_style or const.EMPTY_TABLE
+	local component_style = self._meta.style[self._component.name] or const.EMPTY_TABLE
+
+	if self.on_style_change then
+		self:on_style_change(component_style)
+	end
 end


@@ -86,6 +80,20 @@ function Component.get_interests(self)
 end


+--- Increase input priority in current input stack
+-- @function component:increase_input_priority
+function Component.increase_input_priority(self)
+	self._meta.increased_input_priority = true
+end
+
+
+--- Reset input priority in current input stack
+-- @function component:reset_input_priority
+function Component.reset_input_priority(self)
+	self._meta.increased_input_priority = false
+end
+
+
 --- Get node for component by name.
 -- If component has nodes, node_or_name should be string
 -- It auto pick node by template name or from nodes by clone_tree
@@ -120,21 +128,40 @@ end
 -- @treturn Druid Druid instance with component context
 function Component.get_druid(self)
 	local context = { _context = self }
-	return setmetatable(context, { __index = self:get_context().druid })
+	return setmetatable(context, { __index = self._meta.druid })
+end
+
+
+--- Return true, if current component is child of another component
+-- @function component:is_child_of
+-- @treturn bool True, if current component is child of another
+function Component.is_child_of(self, component)
+	return self:get_context() == component
+end
+
+
+--- Return component name
+-- @function component:get_name
+-- @treturn string The component name
+function Component.get_name(self)
+	return self._component.name
 end


 --- Setup component context and his style table
 -- @function component:setup_component
+-- @tparam druid_instance table The parent druid instance
 -- @tparam context table Druid context. Usually it is self of script
 -- @tparam style table Druid style module
 -- @treturn Component Component itself
-function Component.setup_component(self, context, style)
+function Component.setup_component(self, druid_instance, context, style)
 	self._meta = {
 		template = nil,
 		context = nil,
 		nodes = nil,
 		style = nil,
+		druid = druid_instance,
+		increased_input_priority = false
 	}

 	self:set_context(context)
@@ -148,9 +175,11 @@ end
 -- by `Component.static.create`
 -- @function component:initialize
 -- @tparam string name Component name
-- @tparam table interest List of component's interest
+-- @tparam[opt={}] table interest List of component's interest
 -- @local
 function Component.initialize(self, name, interest)
+	interest = interest or {}
+
 	self._component = {
 		name = name,
 		interest = interest
@@ -162,7 +191,7 @@ end
 -- druid component.
 -- @function Component.create
 -- @tparam string name Component name
-- @tparam table interest List of component's interest
+-- @tparam[opt={}] table interest List of component's interest
 function Component.static.create(name, interest)
 	-- Yea, inheritance here
 	local new_class = class(name, Component)
--- a/druid/const.lua
+++ b/druid/const.lua
@@ -4,11 +4,18 @@

 local M = {}

-M.ACTION_TOUCH = hash("touch")
 M.ACTION_TEXT = hash("text")
-M.ACTION_BACKSPACE = hash("backspace")
-M.ACTION_ENTER = hash("enter")
-M.ACTION_BACK = hash("back")
+M.ACTION_MARKED_TEXT = hash("marked_text")
+
+M.ACTION_BACKSPACE = hash("key_backspace")
+M.ACTION_ENTER = hash("key_enter")
+M.ACTION_BACK = hash("key_back")
+M.ACTION_ESC = hash("key_esc")
+
+M.ACTION_TOUCH = hash("touch")
+M.ACTION_SCROLL_UP = hash("scroll_up")
+M.ACTION_MULTITOUCH = hash("multitouch")
+M.ACTION_SCROLL_DOWN = hash("scroll_down")


 M.RELEASED = "released"
@@ -20,12 +27,27 @@ M.ALL = "all"


 --- Component Interests
-M.ON_MESSAGE = hash("on_message")
-M.ON_UPDATE = hash("on_update")
-M.ON_INPUT_HIGH = hash("on_input_high")
 M.ON_INPUT = hash("on_input")
-M.ON_CHANGE_LANGUAGE = hash("on_change_language")
-M.ON_LAYOUT_CHANGED = hash("on_layout_changed")
+M.ON_UPDATE = hash("on_update")
+M.ON_MESSAGE = hash("on_message")
+M.ON_INPUT_HIGH = hash("on_input_high")
+M.ON_FOCUS_LOST = hash("on_focus_lost")
+M.ON_FOCUS_GAINED = hash("on_focus_gained")
+M.ON_LAYOUT_CHANGE = hash("on_layout_change")
+M.ON_LANGUAGE_CHANGE = hash("on_language_change")
+
+
+M.ALL_INTERESTS = {
+	M.ALL,
+	M.ON_INPUT,
+	M.ON_UPDATE,
+	M.ON_MESSAGE,
+	M.ON_FOCUS_LOST,
+	M.ON_INPUT_HIGH,
+	M.ON_FOCUS_GAINED,
+	M.ON_LAYOUT_CHANGE,
+	M.ON_LANGUAGE_CHANGE,
+}


 M.PIVOTS = {
@@ -42,8 +64,10 @@ M.PIVOTS = {


 M.SPECIFIC_UI_MESSAGES = {
-	[M.ON_CHANGE_LANGUAGE] = "on_change_language",
-	[M.ON_LAYOUT_CHANGED] = "on_layout_changed"
+	[M.ON_FOCUS_LOST] = "on_focus_lost",
+	[M.ON_FOCUS_GAINED] = "on_focus_gained",
+	[M.ON_LAYOUT_CHANGE] = "on_layout_change",
+	[M.ON_LANGUAGE_CHANGE] = "on_language_change",
 }


@@ -53,15 +77,34 @@ M.UI_INPUT = {
 }


+M.OS = {
+	ANDROID = "Android",
+	IOS = "iPhone OS",
+	MAC = "Darwin",
+	LINUX = "Linux",
+	WINDOWS = "Windows",
+	BROWSER = "HTML5",
+}
+
+
 M.SIDE = {
 	X = "x",
 	Y = "y"
 }


+M.SWIPE = {
+	UP = "up",
+	DOWN = "down",
+	LEFT = "left",
+	RIGHT = "right",
+}
+
+
 M.EMPTY_FUNCTION = function() end
 M.EMPTY_STRING = ""
+M.SPACE_STRING = " "
 M.EMPTY_TABLE = {}


-return M
+return M
--- a/druid/druid.lua
+++ b/druid/druid.lua
@@ -22,6 +22,17 @@ local default_style = require("druid.styles.default.style")

 local M = {}

+local _instances = {}
+
+local function get_druid_instances()
+	for i = #_instances, 1, -1 do
+		if _instances[i]._deleted then
+			table.remove(_instances, i)
+		end
+	end
+
+	return _instances
+end

 --- Register external druid component.
 -- After register you can create the component with
@@ -47,23 +58,26 @@ function M.new(context, style)
 	if settings.default_style == nil then
 		M.set_default_style(default_style)
 	end
-	return druid_instance(context, style)
+
+	local new_instance = druid_instance(context, style)
+	table.insert(_instances, new_instance)
+	return new_instance
 end


-- Set new default style.
+--- Set new default style.
 -- @function druid.set_default_style
 -- @tparam table style Druid style module
 function M.set_default_style(style)
-	settings.default_style = style
+	settings.default_style = style or {}
 end


-- Set text function.
+--- Set text function
 -- Druid locale component will call this function
 -- to get translated text. After set_text_funtion
 -- all existing locale component will be updated
-- @function druid.set_text_function(callback)
+-- @function druid.set_text_function
 -- @tparam function callback Get localized text function
 function M.set_text_function(callback)
 	settings.get_text = callback or const.EMPTY_FUNCTION
@@ -72,7 +86,7 @@ function M.set_text_function(callback)
 end


-- Set sound function.
+--- Set sound function.
 -- Component will call this function to
 -- play sound by sound_id
 -- @function druid.set_sound_function
@@ -82,4 +96,48 @@ function M.set_sound_function(callback)
 end


+--- Callback on global window event.
+-- Used to trigger on_focus_lost and on_focus_gain
+-- @function druid.on_window_callback
+-- @tparam string event Event param from window listener
+function M.on_window_callback(event)
+	local instances = get_druid_instances()
+
+	if event == window.WINDOW_EVENT_FOCUS_LOST then
+		for i = 1, #instances do
+			msg.post(instances[i].url, const.ON_FOCUS_LOST)
+		end
+	end
+
+	if event == window.WINDOW_EVENT_FOCUS_GAINED then
+		for i = 1, #instances do
+			msg.post(instances[i].url, const.ON_FOCUS_GAINED)
+		end
+	end
+end
+
+
+--- Callback on global layout change event.
+-- @function druid.on_layout_change
+function M.on_layout_change()
+	local instances = get_druid_instances()
+
+	for i = 1, #instances do
+		msg.post(instances[i].url, const.ON_LAYOUT_CHANGE)
+	end
+end
+
+
+--- Callback on global language change event.
+-- Use to update all lang texts
+-- @function druid.on_language_change
+function M.on_language_change()
+	local instances = get_druid_instances()
+
+	for i = 1, #instances do
+		msg.post(instances[i].url, const.ON_LANGUAGE_CHANGE)
+	end
+end
+
+
 return M
--- a/druid/helper.lua
+++ b/druid/helper.lua
@@ -126,6 +126,11 @@ function M.round(num, numDecimalPlaces)
 end


+function M.lerp(a, b, t)
+	return a + (b - a) * t
+end
+
+
 --- Check if node is enabled in gui hierarchy.
 -- Return false, if node or any his parent is disabled
 -- @function helper.is_enabled
@@ -152,4 +157,35 @@ function M.get_pivot_offset(pivot)
 end


+--- Check if device is mobile (Android or iOS)
+-- @function helper..is_mobile
+function M.is_mobile()
+	local system_name = sys.get_sys_info().system_name
+	return system_name == const.OS.IOS or system_name == const.OS.ANDROID
+end
+
+
+--- Check if device is HTML5
+-- @function helper.is_web
+function M.is_web()
+	local system_name = sys.get_sys_info().system_name
+	return system_name == const.OS.BROWSER
+end
+
+
+--- Distance from node to size border
+-- @function helper.get_border
+-- @return vector4 (left, top, right, down)
+function M.get_border(node)
+	local pivot = gui.get_pivot(node)
+	local pivot_offset = M.get_pivot_offset(pivot)
+	local size = vmath.mul_per_elem(gui.get_size(node), gui.get_scale(node))
+	return vmath.vector4(
+		-size.x*(0.5 + pivot_offset.x),
+		size.y*(0.5 - pivot_offset.y),
+		size.x*(0.5 - pivot_offset.x),
+		-size.y*(0.5 + pivot_offset.y)
+	)
+end
+
 return M
--- a/druid/styles/default/style.lua
+++ b/druid/styles/default/style.lua
@@ -6,6 +6,7 @@ local M = {}

 M["button"] = {
 	HOVER_SCALE = vmath.vector3(0.02, 0.02, 1),
+	HOVER_MOUSE_SCALE = vmath.vector3(0.01, 0.01, 1),
 	HOVER_TIME = 0.04,
 	SCALE_CHANGE = vmath.vector3(0.035, 0.035, 1),
 	BTN_SOUND = "click",
@@ -15,7 +16,6 @@ M["button"] = {
 	LONGTAP_TIME = 0.4,
 	AUTOHOLD_TRIGGER = 0.8,
 	DOUBLETAP_TIME = 0.4,
-	IS_HOVER = true,

 	on_hover = function(self, node, state)
 		local scale_to = self.start_scale + M.button.HOVER_SCALE
@@ -24,6 +24,13 @@ M["button"] = {
 		anims.hover_scale(self, target_scale, M.button.HOVER_TIME)
 	end,

+	on_mouse_hover = function(self, node, state)
+		local scale_to = self.start_scale + M.button.HOVER_MOUSE_SCALE
+
+		local target_scale = state and scale_to or self.start_scale
+		anims.hover_scale(self, target_scale, M.button.HOVER_TIME)
+	end,
+
 	on_click = function(self, node)
 		local scale_to = self.start_scale + M.button.SCALE_CHANGE
 		anims.tap_scale_animation(self, node, scale_to)
@@ -44,15 +51,24 @@ M["button"] = {
 }


+M["drag"] = {
+	DRAG_DEADZONE = 10, -- Size in pixels of drag deadzone
+}
+
+
 M["scroll"] = {
-	FRICT_HOLD = 0.8, -- mult. for inert, while touching
+	ANIM_SPEED = 0.2, -- gui.animation speed to point
+	BACK_SPEED = 0.35, -- Lerp speed of return to soft position
 	FRICT = 0.93, -- mult for free inert
-	INERT_THRESHOLD = 2, -- speed to stop inertion
-	INERT_SPEED = 25, -- koef. of inert speed
-	DEADZONE = 6, -- in px
-	SOFT_ZONE_SIZE = 160, -- size of outside zone (back move)
-	BACK_SPEED = 0.2, -- lerp speed
-	ANIM_SPEED = 0.3, -- gui.animation speed to point
+	FRICT_HOLD = 0.79, -- mult. for inert, while touching
+	INERT_THRESHOLD = 2.5, -- speed to stop inertion
+	INERT_SPEED = 30, -- koef. of inert speed
+	EXTRA_STRECH_SIZE = 100, -- extra size in pixels outside of scroll (stretch effect)
+	POINTS_DEADZONE = 20, -- Speed to check points of interests in no_inertion mode
+
+	SCROLL_WHEEL_SPEED = 20,
+
+	SMALL_CONTENT_SCROLL = true, -- If true, content node with size less than view node size can be scrolled
 }


@@ -62,11 +78,6 @@ M["progress"] = {
 }


-M["progress_rich"] = {
-	DELAY = 1, -- delay in seconds before main fill
-}
-
-
 M["checkbox"] = {
 	on_change_state = function(self, node, state)
 		local target = state and 1 or 0
@@ -75,4 +86,43 @@ M["checkbox"] = {
 }


+M["swipe"] = {
+	SWIPE_THRESHOLD = 50,
+	SWIPE_TIME = 0.4,
+	SWIPE_TRIGGER_ON_MOVE = true
+}
+
+
+M["input"] = {
+	IS_LONGTAP_ERASE = true,
+	BUTTON_SELECT_INCREASE = 1.1,
+	MASK_DEFAULT_CHAR = "*",
+
+	on_select = function(self, button_node)
+		local target_scale = self.button.start_scale
+		gui.animate(button_node, "scale", target_scale * M.input.BUTTON_SELECT_INCREASE, gui.EASING_OUTSINE, 0.15)
+	end,
+
+	on_unselect = function(self, button_node)
+		local start_scale = self.button.start_scale
+		gui.animate(button_node, "scale", start_scale, gui.EASING_OUTSINE, 0.15)
+	end,
+
+	on_input_wrong = function(self, button_node)
+		local start_pos = self.button.start_pos
+		gui.animate(button_node, "position.x", start_pos.x - 3, gui.EASING_OUTSINE, 0.05, 0, function()
+			gui.animate(button_node, "position.x", start_pos.x + 3, gui.EASING_OUTSINE, 0.1, 0, function()
+				gui.animate(button_node, "position.x", start_pos.x, gui.EASING_OUTSINE, 0.05)
+			end)
+		end)
+	end,
+
+	button = {
+		LONGTAP_TIME = 0.4,
+		AUTOHOLD_TRIGGER = 0.8,
+		DOUBLETAP_TIME = 0.4,
+	}
+}
+
+
 return M
--- a/druid/styles/empty/style.lua
+++ b/druid/styles/empty/style.lua
@@ -1,45 +1 @@
-local M = {}
-
-
-M["button"] = {
-	BTN_SOUND = "click",
-	BTN_SOUND_DISABLED = "click",
-	DISABLED_COLOR = vmath.vector4(0, 0, 0, 1),
-	ENABLED_COLOR = vmath.vector4(1),
-	LONGTAP_TIME = 0.4,
-	DOUBLETAP_TIME = 0.4,
-	IS_HOVER = false,
-}
-
-
-M["scroll"] = {
-	FRICT_HOLD = 0, -- mult. for inert, while touching
-	FRICT = 0, -- mult for free inert
-	INERT_THRESHOLD = 2, -- speed to stop inertion
-	INERT_SPEED = 0, -- koef. of inert speed
-	DEADZONE = 6, -- in px
-	SOFT_ZONE_SIZE = 20, -- size of outside zone (back move)
-	BACK_SPEED = 0, -- lerp speed
-	ANIM_SPEED = 0, -- gui.animation speed to point
-}
-
-
-M["progress"] = {
-	SPEED = 5, -- progress bar fill rate, more faster
-	MIN_DELTA = 1
-}
-
-
-M["progress_rich"] = {
-	DELAY = 0, -- delay in seconds before main fill
-}
-
-
-M["checkbox"] = {
-	on_change_state = function(self, node, state)
-		gui.set_enabled(node, state)
-	end
-}
-
-
-return M
+return {}
--- a/druid/styles/sprites/style.lua
+++ b/druid/styles/sprites/style.lua
@@ -2,51 +2,23 @@ local M = {}


 M["button"] = {
-	BTN_SOUND = "click",
-	BTN_SOUND_DISABLED = "click",
-	DISABLED_COLOR = vmath.vector4(0, 0, 0, 1),
-	ENABLED_COLOR = vmath.vector4(1),
 	LONGTAP_TIME = 0.4,
 	DOUBLETAP_TIME = 0.4,
-	HOVER_IMAGE = "button_yellow",
+
+	HOVER_MOUSE_IMAGE = "button_yellow",
 	DEFAULT_IMAGE = "button_blue",
-	CLICK_IMAGE = "button_red",
+	HOVER_IMAGE = "button_red",

 	on_hover = function(self, node, state)
 		local anim = state and M.button.HOVER_IMAGE or M.button.DEFAULT_IMAGE
 		gui.play_flipbook(node, anim)
+	end,
+
+	on_mouse_hover = function(self, node, state)
+		local anim = state and M.button.HOVER_MOUSE_IMAGE or M.button.DEFAULT_IMAGE
+		gui.play_flipbook(node, anim)
 	end
 }


-M["scroll"] = {
-	FRICT_HOLD = 0, -- mult. for inert, while touching
-	FRICT = 0, -- mult for free inert
-	INERT_THRESHOLD = 2, -- speed to stop inertion
-	INERT_SPEED = 0, -- koef. of inert speed
-	DEADZONE = 6, -- in px
-	SOFT_ZONE_SIZE = 20, -- size of outside zone (back move)
-	BACK_SPEED = 0, -- lerp speed
-	ANIM_SPEED = 0, -- gui.animation speed to point
-}
-
-
-M["progress"] = {
-	SPEED = 5, -- progress bar fill rate, more faster
-	MIN_DELTA = 1
-}
-
-
-M["progress_rich"] = {
-	DELAY = 0, -- delay in seconds before main fill
-}
-
-
-M["checkbox"] = {
-	on_change_state = function(self, node, state)
-		gui.set_enabled(node, state)
-	end
-}
-
-
 return M
--- a/druid/system/druid_instance.lua
+++ b/druid/system/druid_instance.lua
@@ -15,6 +15,8 @@
 -- @see druid.checkbox
 -- @see druid.checkbox_group
 -- @see druid.radio_group
+-- @see druid.swipe
+-- @see druid.drag

 local const = require("druid.const")
 local druid_input = require("druid.helper.druid_input")
@@ -36,6 +38,8 @@ local checkbox = require("druid.base.checkbox")
 local checkbox_group = require("druid.base.checkbox_group")
 local radio_group = require("druid.base.radio_group")
 local input = require("druid.base.input")
+local swipe = require("druid.base.swipe")
+local drag = require("druid.base.drag")
 -- local infinity_scroll = require("druid.base.infinity_scroll")

 -- @classmod Druid
@@ -57,23 +61,17 @@ end
 -- Create the component itself
 local function create(self, instance_class)
 	local instance = instance_class()
-	instance:setup_component(self._context, self._style)
+	instance:setup_component(self, self._context, self._style)

-	self.components[const.ALL] = self.components[const.ALL] or {}
 	table.insert(self.components[const.ALL], instance)

 	local register_to = instance:get_interests()
-	if register_to then
-		for i = 1, #register_to do
-			local interest = register_to[i]
-			if not self.components[interest] then
-				self.components[interest] = {}
-			end
-			table.insert(self.components[interest], instance)
+	for i = 1, #register_to do
+		local interest = register_to[i]
+		table.insert(self.components[interest], instance)

-			if const.UI_INPUT[interest] then
-				input_init(self)
-			end
+		if const.UI_INPUT[interest] then
+			input_init(self)
 		end
 	end

@@ -82,18 +80,33 @@ end


 local function process_input(action_id, action, components, is_input_consumed)
-	if not components then
+	if #components == 0 then
 		return is_input_consumed
 	end

 	for i = #components, 1, -1 do
 		local component = components[i]
+		-- Process increased input priority first
+		if component._meta.increased_input_priority then
+			if not is_input_consumed then
+				is_input_consumed = component:on_input(action_id, action)
+			else
+				if component.on_input_interrupt then
+					component:on_input_interrupt()
+				end
+			end
+		end
+	end

-		if not is_input_consumed then
-			is_input_consumed = component:on_input(action_id, action)
-		else
-			if component.on_input_interrupt then
-				component:on_input_interrupt()
+	for i = #components, 1, -1 do
+		local component = components[i]
+		if not component._meta.increased_input_priority then
+			if not is_input_consumed then
+				is_input_consumed = component:on_input(action_id, action)
+			else
+				if component.on_input_interrupt then
+					component:on_input_interrupt()
+				end
 			end
 		end
 	end
@@ -109,7 +122,13 @@ end
 function Druid.initialize(self, context, style)
 	self._context = context
 	self._style = style or settings.default_style
+	self._deleted = false
+	self.url = msg.url()
+
 	self.components = {}
+	for i = 1, #const.ALL_INTERESTS do
+		self.components[const.ALL_INTERESTS[i]] = {}
+	end
 end


@@ -139,6 +158,8 @@ function Druid.final(self)
 			components[i]:on_remove()
 		end
 	end
+
+	self._deleted = true
 end


@@ -149,6 +170,14 @@ end
 function Druid.remove(self, component)
 	local all_components = self.components[const.ALL]

+	-- Recursive remove all children of component
+	for i = 1, #all_components do
+		local inst = all_components[i]
+		if inst:is_child_of(component) then
+			self:remove(inst)
+		end
+	end
+
 	for i = #all_components, 1, -1 do
 		if all_components[i] == component then
 			if component.on_remove then
@@ -159,14 +188,12 @@ function Druid.remove(self, component)
 	end

 	local interests = component:get_interests()
-	if interests then
-		for i = 1, #interests do
-			local interest = interests[i]
-			local components = self.components[interest]
-			for j = #components, 1, -1 do
-				if components[j] == component then
-					table.remove(components, j)
-				end
+	for i = 1, #interests do
+		local interest = interests[i]
+		local components = self.components[interest]
+		for j = #components, 1, -1 do
+			if components[j] == component then
+				table.remove(components, j)
 			end
 		end
 	end
@@ -178,10 +205,8 @@ end
 -- @tparam number dt Delta time
 function Druid.update(self, dt)
 	local components = self.components[const.ON_UPDATE]
-	if components then
-		for i = 1, #components do
-			components[i]:update(dt)
-		end
+	for i = 1, #components do
+		components[i]:update(dt)
 	end
 end

@@ -210,6 +235,7 @@ end
 -- @tparam hash sender Sender from on_message
 function Druid.on_message(self, message_id, message, sender)
 	local specific_ui_message = const.SPECIFIC_UI_MESSAGES[message_id]
+
 	if specific_ui_message then
 		local components = self.components[message_id]
 		if components then
@@ -220,15 +246,58 @@ function Druid.on_message(self, message_id, message, sender)
 		end
 	else
 		local components = self.components[const.ON_MESSAGE]
-		if components then
-			for i = 1, #components do
-				components[i]:on_message(message_id, message, sender)
-			end
+		for i = 1, #components do
+			components[i]:on_message(message_id, message, sender)
 		end
 	end
 end


+--- Druid on focus lost interest function.
+-- This one called by on_window_callback by global window listener
+-- @function druid:on_focus_lost
+function Druid.on_focus_lost(self)
+	local components = self.components[const.ON_FOCUS_LOST]
+	for i = 1, #components do
+		components[i]:on_focus_lost()
+	end
+end
+
+
+--- Druid on focus gained interest function.
+-- This one called by on_window_callback by global window listener
+-- @function druid:on_focus_gained
+function Druid.on_focus_gained(self)
+	local components = self.components[const.ON_FOCUS_GAINED]
+	for i = 1, #components do
+		components[i]:on_focus_gained()
+	end
+end
+
+
+--- Druid on layout change function.
+-- Called on update gui layout
+-- @function druid:on_layout_change
+function Druid.on_layout_change(self)
+	local components = self.components[const.ON_LAYOUT_CHANGE]
+	for i = 1, #components do
+		components[i]:on_layout_change()
+	end
+end
+
+
+--- Druid on language change.
+-- This one called by global gruid.on_language_change, but can be
+-- call manualy to update all translations
+-- @function druid.on_language_change
+function Druid.on_language_change(self)
+	local components = self.components[const.ON_LANGUAGE_CHANGE]
+	for i = 1, #components do
+		components[i]:on_language_change()
+	end
+end
+
+
 --- Create button basic component
 -- @function druid:new_button
 -- @tparam args ... button init args
@@ -364,4 +433,22 @@ function Druid.new_radio_group(self, ...)
 end


+--- Create swipe basic component
+-- @function druid:new_swipe
+-- @tparam args ... swipe init args
+-- @treturn Component swipe component
+function Druid.new_swipe(self, ...)
+	return Druid.create(self, swipe, ...)
+end
+
+
+--- Create drag basic component
+-- @function druid:new_drag
+-- @tparam args ... drag init args
+-- @treturn Componetn drag component
+function Druid.new_drag(self, ...)
+	return Druid.create(self, drag, ...)
+end
+
+
 return Druid
--- a/druid/system/utf8.lua
+++ b/druid/system/utf8.lua
--- a/example/gui/main/main.gui
+++ b/example/gui/main/main.gui
--- a/example/gui/main/main.gui_script
+++ b/example/gui/main/main.gui_script
@@ -3,11 +3,12 @@ local druid = require("druid.druid")
 local empty_style = require("druid.styles.empty.style")
 local default_style = require("druid.styles.default.style")

-local main_page = require("example.page.main")
-local text_page = require("example.page.texts")
-local button_page = require("example.page.button")
-local scroll_page = require("example.page.scroll")
-local slider_page = require("example.page.slider")
+local main_page = require("example.page.main_page")
+local text_page = require("example.page.texts_page")
+local button_page = require("example.page.button_page")
+local scroll_page = require("example.page.scroll_page")
+local slider_page = require("example.page.slider_page")
+local input_page = require("example.page.input_page")

 local pages = {
 	"main_page",
@@ -15,16 +16,13 @@ local pages = {
 	"button_page",
 	"scroll_page",
 	"slider_page",
+	"input_page",
 }

 local function on_control_button(self, delta)
 	self.page = self.page + delta
-	if self.page < 1 then
-		self.page = #pages
-	end
-	if self.page > #pages then
-		self.page = 1
-	end
+	self.page = math.max(1, self.page)
+	self.page = math.min(self.page, #pages)

 	self.header:translate(pages[self.page])
 	local node = gui.get_node("C_Anchor")
@@ -33,23 +31,47 @@ end


 local function init_top_panel(self)
+	self.druid:new_blocker("panel_top")
 	self.druid:new_button("button_left/button", on_control_button, -1)
 	self.druid:new_button("button_right/button", on_control_button, 1)
 	self.header = self.druid:new_lang_text("text_header", "main_page")
 end


+local function init_swipe_control(self)
+	self.druid:new_swipe("root", function(_, side)
+		if side == "left" then
+			on_control_button(self, 1)
+		end
+		if side == "right" then
+			on_control_button(self, -1)
+		end
+	end)
+end
+
+
+local function on_window_callback(self, event, data)
+	druid.on_window_callback(event, data)
+end
+
+
 function init(self)
 	druid.set_default_style(default_style)
 	self.druid = druid.new(self)

-	init_top_panel(self)
+	window.set_listener(on_window_callback)
+
+	init_swipe_control(self)
+
 	self.page = 1
 	main_page.setup_page(self)
 	text_page.setup_page(self)
 	button_page.setup_page(self)
 	scroll_page.setup_page(self)
 	slider_page.setup_page(self)
+	input_page.setup_page(self)
+
+	init_top_panel(self)

 	-- Refresh state
 	on_control_button(self, 0)
--- a/example/init.script
+++ b/example/init.script
@@ -1,5 +1,4 @@
 local druid = require("druid.druid")
-local const = require("druid.const")
 local lang = require("example.lang")


@@ -12,9 +11,7 @@ local function setup_druid()
 		return lang.get_locale(lang_id)
 	end)

-	-- TODO: Call druid.finish_setup?
-	-- Need to update all gui, in case, when gui init was befure this init
-	msg.post("/gui#main", const.ON_CHANGE_LANGUAGE)
+	druid.on_language_change()
 end


--- a/example/lang.lua
+++ b/example/lang.lua
@@ -1,4 +1,4 @@
-local const = require("druid.const")
+local druid = require("druid.druid")

 local M = {}

@@ -8,6 +8,7 @@ local en = {
 	button_page = "Button page",
 	scroll_page = "Scroll page",
 	slider_page = "Slider page",
+	input_page = "Input page",
 	ui_section_button = "Button",
 	ui_section_text = "Text",
 	ui_section_timer = "Timer",
@@ -25,6 +26,7 @@ local ru = {
 	button_page = "Кнопки",
 	scroll_page = "Скролл",
 	slider_page = "Слайдеры",
+	input_page = "Текст. ввод",
 	ui_section_button = "Кнопка",
 	ui_section_text = "Текст",
 	ui_section_timer = "Таймер",
@@ -47,7 +49,7 @@ end

 function M.toggle_locale()
 	data = data == en and ru or en
-	msg.post("/gui#main", const.ON_CHANGE_LANGUAGE)
+	druid.on_language_change()
 end

 return M
--- a/example/page/button_page.lua
+++ b/example/page/button_page.lua
@@ -42,6 +42,9 @@ local function setup_buttons(self)
 	button_space:set_key_trigger("key_space")
 	button_space.on_long_click:subscribe(long_tap_callback)
 	button_space.on_double_click:subscribe(double_tap_callback)
+
+	-- Button with another node for animating
+	self.druid:new_button("button_anim/button", usual_callback, nil, "anim_node_icon")
 end


--- a/example/page/input_page.lua
+++ b/example/page/input_page.lua
@@ -0,0 +1,13 @@
+local M = {}
+
+
+function M.setup_page(self)
+	self.druid:new_input("input_box_usual", "input_text_usual")
+	self.druid:new_input("input_box_password", "input_text_password", gui.KEYBOARD_TYPE_PASSWORD)
+	self.druid:new_input("input_box_email", "input_text_email", gui.KEYBOARD_TYPE_EMAIL)
+	self.druid:new_input("input_box_numpad", "input_text_numpad", gui.KEYBOARD_TYPE_NUMBER_PAD)
+		:set_allowed_characters("[%d,.]")
+end
+
+
+return M
--- a/example/page/main_page.lua
+++ b/example/page/main_page.lua
@@ -97,7 +97,7 @@ end


 local function setup_scroll(self)
-	self.scroll = self.druid:new_scroll("scroll_content", "main_page")
+	self.druid:new_scroll("main_page", "scroll_content")
 end


@@ -106,6 +106,11 @@ local function setup_back_handler(self)
 end


+local function setup_input(self)
+	local input = self.druid:new_input("input_box", "input_text")
+	input:set_text("hello!")
+end
+

 function M.setup_page(self)
 	setup_texts(self)
@@ -118,6 +123,7 @@ function M.setup_page(self)
 	setup_scroll(self)
 	setup_slider(self)
 	setup_back_handler(self)
+	setup_input(self)
 end


--- a/example/page/scroll.lua
+++ b/example/page/scroll.lua
@@ -1,55 +0,0 @@
-local M = {}
-
-
-local function init_grid(self)
-	local prefab = gui.get_node("grid_prefab")
-
-	local grid_scroll = self.druid:new_scroll("grid_content", "scroll_with_grid_size")
-	local grid = self.druid:new_grid("grid_content", "grid_prefab", 20)
-	grid:set_anchor(vmath.vector3(0, 0.5, 0))
-
-	for i = 1, 40 do
-		local clone_prefab = gui.clone_tree(prefab)
-
-		grid:add(clone_prefab["grid_prefab"])
-		gui.set_text(clone_prefab["grid_prefab_text"], "Node " .. i)
-
-		local button = self.druid:new_button(clone_prefab["grid_button"], function()
-			local position = gui.get_position(clone_prefab["grid_prefab"])
-			position.x = -position.x
-			grid_scroll:scroll_to(position)
-		end)
-		button:set_click_zone(gui.get_node("scroll_with_grid_size"))
-	end
-
-	gui.set_enabled(prefab, false)
-
-	grid_scroll:set_border(grid:get_size())
-
-	local scroll_slider = self.druid:new_slider("grid_scroll_pin", vmath.vector3(300, 0, 0), function(_, value)
-		grid_scroll:scroll_to_percent(vmath.vector3(value, 0, 0), true)
-	end)
-
-	grid_scroll.on_scroll:subscribe(function(_, point)
-		scroll_slider:set(grid_scroll:get_scroll_percent().x, true)
-	end)
-end
-
-
-function M.setup_page(self)
-	self.druid:new_scroll("scroll_page_content", "scroll_page")
-	self.druid:new_scroll("simple_scroll_content", "simple_scroll_input")
-
-	-- scroll contain scrolls:
-	-- parent first
-	self.druid:new_scroll("children_scroll_content", "children_scroll")
-	-- chilren next
-	self.druid:new_scroll("children_scroll_content_1", "children_scroll_1")
-	self.druid:new_scroll("children_scroll_content_2", "children_scroll_2")
-	self.druid:new_scroll("children_scroll_content_3", "children_scroll_3")
-
-	init_grid(self)
-end
-
-
-return M
--- a/example/page/scroll_page.lua
+++ b/example/page/scroll_page.lua
@@ -0,0 +1,71 @@
+local M = {}
+
+
+local function init_scroll_with_grid(self)
+	local prefab = gui.get_node("grid_prefab")
+
+	local grid_scroll = self.druid:new_scroll("scroll_with_grid_size", "grid_content")
+	local grid = self.druid:new_grid("grid_content", "grid_prefab", 20)
+
+	for i = 1, 40 do
+		local clone_prefab = gui.clone_tree(prefab)
+
+		grid:add(clone_prefab["grid_prefab"])
+		gui.set_text(clone_prefab["grid_prefab_text"], "Node " .. i)
+
+		local button = self.druid:new_button(clone_prefab["grid_button"], function()
+			local position = gui.get_position(clone_prefab["grid_prefab"])
+			grid_scroll:scroll_to(position)
+		end)
+		button:set_click_zone(gui.get_node("scroll_with_grid_size"))
+	end
+
+	gui.set_enabled(prefab, false)
+
+	grid_scroll:set_size(grid:get_size())
+
+	local scroll_slider = self.druid:new_slider("grid_scroll_pin", vmath.vector3(287, 0, 0), function(_, value)
+		grid_scroll:scroll_to_percent(vmath.vector3(value, 0, 0), true)
+	end)
+
+	grid_scroll.on_scroll:subscribe(function(_, point)
+		scroll_slider:set(grid_scroll:get_percent().x, true)
+	end)
+end
+
+
+function M.setup_page(self)
+	-- Usual scroll for whole page
+	self.druid:new_scroll("scroll_page", "scroll_page_content")
+
+	-- Simple scroll with no adjust
+	self.druid:new_scroll("simple_scroll_input", "simple_scroll_content")
+
+	-- Scroll with grid example
+	init_scroll_with_grid(self)
+
+	-- Scroll contain children scrolls:
+	-- Parent scroll
+	self.druid:new_scroll("children_scroll", "children_scroll_content")
+	-- Childre scrolls
+	self.druid:new_scroll("children_scroll_1", "children_scroll_content_1")
+	self.druid:new_scroll("children_scroll_2", "children_scroll_content_2")
+	self.druid:new_scroll("children_scroll_3", "children_scroll_content_3")
+
+	-- Content with less size than view
+	self.druid:new_scroll("scroll_smaller_view", "scroll_smaller_content")
+		:set_extra_strech_size(0)
+		:set_inert(false)
+
+	-- Scroll with points of interests
+	self.druid:new_scroll("scroll_with_points", "scroll_with_points_content")
+		:set_points({
+			vmath.vector3(300, 0, 0),
+			vmath.vector3(900, 0, 0),
+			vmath.vector3(1500, 0, 0),
+			vmath.vector3(2100, 0, 0),
+		})
+end
+
+
+return M
--- a/example/page/slider_page.lua
+++ b/example/page/slider_page.lua
--- a/example/page/texts_page.lua
+++ b/example/page/texts_page.lua
--- a/game.project
+++ b/game.project
@@ -10,7 +10,7 @@ height = 900

 [project]
 title = druid
-version = 0.2.0
+version = 0.4.0

 [library]
 include_dirs = druid
@@ -36,3 +36,7 @@ app_manifest = /example/game.appmanifest
 [graphics]
 texture_profiles = /example/custom.texture_profiles

+[android]
+package = com.insality.druid
+input_method = HiddenInputField
+
--- a/input/game.input_binding
+++ b/input/game.input_binding
@@ -1,16 +1,44 @@
 key_trigger {
  input: KEY_BACKSPACE
-  action: "back"
+  action: "key_backspace"
 }
 key_trigger {
  input: KEY_BACK
-  action: "back"
+  action: "key_back"
 }
 key_trigger {
  input: KEY_SPACE
  action: "key_space"
 }
+key_trigger {
+  input: KEY_ENTER
+  action: "key_enter"
+}
+key_trigger {
+  input: KEY_ESC
+  action: "key_esc"
+}
+mouse_trigger {
+  input: MOUSE_WHEEL_UP
+  action: "scroll_up"
+}
+mouse_trigger {
+  input: MOUSE_WHEEL_DOWN
+  action: "scroll_down"
+}
 mouse_trigger {
  input: MOUSE_BUTTON_1
  action: "touch"
 }
+touch_trigger {
+  input: TOUCH_MULTI
+  action: "multitouch"
+}
+text_trigger {
+  input: TEXT
+  action: "text"
+}
+text_trigger {
+  input: MARKED_TEXT
+  action: "marked_text"
+}
--- a/media/druid_logo_transparent.png
+++ b/media/druid_logo_transparent.png
--- a/media/druid_thumb_logo.png
+++ b/media/druid_thumb_logo.png
--- a/media/input_binding.png
+++ b/media/input_binding.png
--- a/media/input_binding_1.png
+++ b/media/input_binding_1.png
--- a/media/input_binding_2.png
+++ b/media/input_binding_2.png
Author	SHA1	Message	Date
Insality	1c1659a1ea	Merge branch 'develop'	2020-05-16 16:55:06 +03:00
Insality	2db45b27e2	#61 fix button anim node	2020-05-16 16:54:48 +03:00
Insality	bcb7ae04b3	Update LICENSE	2020-05-09 16:34:52 +03:00
Insality	6253a4daea	Update changelog	2020-05-09 16:30:08 +03:00
Insality	af6e52369d	Merge branch 'develop'	2020-05-09 16:10:39 +03:00
Insality	0fa90c7723	Update live example	2020-05-09 16:09:37 +03:00
Insality	db2ae32a19	Updated documentation to 0.4.0	2020-05-09 16:07:38 +03:00
Insality	194fe6794f	Update changelog	2020-05-09 14:59:50 +03:00
Maxim Tuprikov	3fae050b9d	Merge pull request #60 from Insality/feature/54-styles-refactoring Feature/54 styles refactoring	2020-05-09 13:37:20 +03:00
Insality	7ed7e8e798	Update style annotations	2020-05-09 13:35:30 +03:00
Insality	928a212527	Add on_style_change to every component Empty default style is now valid. Every component have their default style values. Removed style function checks	2020-05-09 12:45:09 +03:00
Maxim Tuprikov	b1b06f9a17	Merge pull request #59 from Insality/feature/41-remove-instances Feature/41 remove instances	2020-05-08 00:13:25 +03:00
Insality	92f95f77d1	#41 Add recursive component removing on druid:remove	2020-05-08 00:12:48 +03:00
Insality	bb565432f3	#58 fix get druid instance by name	2020-05-07 23:48:37 +03:00
Insality	b9ebedbcf9	#56 Grid now don't delete nodes on grid:clear. Now only reset the nodes array	2020-05-07 23:29:34 +03:00
Insality	94e882577b	#53 Add init all interests arrays, fix final on empty druid instance	2020-05-07 23:16:37 +03:00
Insality	0cc848b53f	#49 add on_mouse_hover to hover component	2020-05-04 01:12:25 +03:00
Maxim Tuprikov	75a1369997	Merge pull request #57 from Insality/feature/52-scroll-refactor Feature/52 scroll refactor	2020-05-04 00:59:27 +03:00
Insality	dad7cd91b6	Add annotation to new_drag function	2020-05-04 00:58:38 +03:00
Insality	9195201b9c	Update ldoc	2020-05-04 00:52:06 +03:00
Insality	10c4ee2151	Update documentation	2020-05-04 00:51:44 +03:00
Insality	1e568c2fa6	Update documentation, refactoring	2020-05-04 00:16:08 +03:00
Insality	0c1bf63e13	Scroll module refactoring	2020-05-03 20:56:37 +03:00
Insality	facfe39269	Scroll polishing	2020-05-03 20:46:01 +03:00
Insality	99781f333d	Scroll progress. Previous API returing in process	2020-05-03 19:36:28 +03:00
Insality	baf731958f	Renamed example page files	2020-05-03 17:16:58 +03:00
Insality	7d3429f252	Scroll refactoring progress	2020-04-28 23:22:00 +03:00
Insality	f77fa8e8a8	Add multitouch for scroll correct scrolling with several fingers	2020-04-28 19:06:29 +03:00
Insality	05425fb76c	Scroll refactoring process	2020-04-28 18:13:43 +03:00
Insality	6f8190f1a6	#51 Get default grid anchor from node	2020-04-21 00:32:44 +03:00
Insality	e18d150523	Typo docs fix	2020-04-18 19:04:34 +03:00
Insality	fd6b06c7c5	Merge branch 'develop'	2020-04-18 18:38:53 +03:00
Insality	eeabd85b5b	Increase version	2020-04-18 18:38:34 +03:00
Insality	8f3aca3b96	Merge branch 'develop'	2020-04-18 18:37:49 +03:00
Insality	e0f8e435fa	Update live example	2020-04-18 18:37:15 +03:00
Maxim Tuprikov	cb5c035a3d	Merge pull request #46 from Insality/feature/15-input-component Feature/15 input component	2020-04-18 14:42:23 +03:00
Insality	dd2627c4d2	Update ldoc	2020-04-18 14:39:27 +03:00
Insality	668ecff090	Update documentation	2020-04-18 14:39:12 +03:00
Insality	866e8727fc	Correct events and changelog	2020-04-18 14:17:25 +03:00
Insality	67038b5c77	Add increase/reset input priority. Input field now increase self prioirty	2020-04-18 13:44:23 +03:00
Insality	97509ca30b	Add marked_text support. Add input example page	2020-04-18 12:10:00 +03:00
Insality	36d7bcee5a	Update docs and changelogs	2020-04-18 02:31:52 +03:00
Insality	56795363f8	Add esc button to unselect input field	2020-04-18 02:08:56 +03:00
Insality	6d84f06c32	Add on_input_wrong, add allowerd_characters, add simple wrong animation	2020-04-18 02:01:45 +03:00
Insality	f02c68242a	Add list of druid instances, add global events: on_window_callback, on_layout_change and on_language_change	2020-04-18 01:41:28 +03:00
Insality	b9b67c55d6	Renamed interests	2020-04-18 01:40:38 +03:00
Insality	49e915d78b	Clear input field on long tap. Unselect on focus lost	2020-04-18 01:39:09 +03:00
Insality	be26478c21	Input implementation progress	2020-04-18 00:45:18 +03:00
Insality	08e93c7423	Start implementation of input component	2020-04-17 23:27:18 +03:00
Insality	1e213a5f30	Add text:get_text_width function	2020-04-17 23:26:59 +03:00
Insality	e06337fdee	Changed back on back and backspace. Update backhandler	2020-04-17 23:26:39 +03:00
Insality	b1ccdf9110	Add key events for input component	2020-04-17 23:26:17 +03:00
Insality	6ce2c8f85b	Add button click_outside event	2020-04-17 23:25:56 +03:00
Maxim Tuprikov	4d8cc6d3a4	Merge pull request #45 from Insality/feature/42-druid-swipe-component Feature/42 druid swipe component	2020-04-17 20:18:24 +03:00
Insality	8f2faa7156	Correct swipe fields	2020-04-17 20:17:33 +03:00
Insality	48aa2b3d71	Update ldoc	2020-04-17 20:14:06 +03:00
Insality	fbfd18547a	Update swipe docs	2020-04-17 20:13:49 +03:00
Insality	3339b00071	Add simple swipe component	2020-04-17 20:04:45 +03:00
Insality	14a70964c8	Add two more Druid logo	2020-04-14 20:50:32 +03:00